/*//online/////////////////////////////////////////////////*/
#other_cont h3 { /* サイト名 */
	margin-top: 0px;
	line-height: 1.2;
	padding: 5px 0 5px 8px;
}
#other_cont h3 i { /* サイト名(カタカナ) */
	font-size: 0.688em; /* 11px */
	font-style: normal;
	margin-left: 5px;
}
div.online-wrap {
	margin-top: 50px;
	padding-bottom: 30px;
}
div.cover {
	border-spacing: 0;
}
div.cover div.box:first-child {
	width: 30%;
}
div.cover div.box:nth-of-type(2n) {
	padding-left: 2%;
}

/* 2column用 */
div.cover2 {
	border-spacing: 0;
	margin-top: 20px;
	padding-bottom: 70px;
	border-bottom: 1px dotted #cccccc;
}
div.cover div.box2 {
	width: 49%;
}
div.cover div.box2:first-child {
	width: 49%;
}
div.cover div.box2:nth-of-type(2n+1) {
	padding-right: 2%;
	border-right: 1px dotted #cccccc;
}
/* 2column用 */

div.box_in {
	display: table;
	border-spacing: 0;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.box_in_left,
div.box_in_right {
	display: table-cell;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
div.box_in_left {
	padding-right: 12px;
}
div.box_in_right { /* QRｺｰﾄﾞのサイズ */
	width: 125px !important;
}
div.box_in_right img {
	width: 100%;
}
div.online-icon {
	border: 1px solid #ccc;
}
div.online-icon2 {
	width: 60%;
	margin: 0px auto 10px;
	position: relative; /* newmark用 */
	overflow: hidden; /* newmark用 */
	border: 1px solid #ccc;
}
div.online-icon img,
div.online-icon2 img {
	width: 100%;
}
.online-text p {
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
}
.online-text table {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
}
.online-text table p {
	margin: 0;
}
.online-text table tr {
	margin: 0;
	padding: 0;
}
.online-text table tr th {
	padding: 1% 0;
	text-align: left;
	font-size: 12px;
}
.online-text table tr td {
	width: 24.6%;
	margin: 0;
	padding: 0 0.8%;
}
.online-text table tr td:first-child {
	padding: 0 0.8% 0 0;
}
.online-text table tr td:last-child {
	padding: 0 0 0 0.8%;
}
.page-link {
	color: #ffffff;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	position: relative;
}
.page-link a {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	background: #777777;
	-webkit-transition: 0.20s ease-out;
       -moz-transition: 0.20s ease-out;
        -ms-transition: 0.20s ease-out;
         -o-transition: 0.20s ease-out;
            transition: 0.20s ease-out;
	-webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
}
.page-link a:hover {
	text-decoration: none;
	color: #ffffff;
	background: #333333;
}
p.upsize {
	font-size: 16px;
	line-height: 1.6;
	text-transform: uppercase;
	max-width: 520px;
}
/*.upsize a:before {
	content:'>>';
	color: #ffffff;
	font-size: 0.625em;
	margin-right: 5px;
	padding: 0;
	text-indent: 0px;
	vertical-align: middle;
}*/
.upsize a::before,
.upsize a:before { /* 矢印アイコンの位置 */
	left: 30%;
	width: 6px;
	height: 6px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/*.cachecache-link a { background: rgba(188, 106, 58, 0.7); }*/
.cachecache-link a:hover { background: rgba(188, 106, 58, 1.0); }
/*.kakatoo-link a { background: rgba(136, 20, 30, 0.7); }*/
.kakatoo-link a:hover { background: rgba(136, 20, 30, 1.0); }
/*.perche-link a { background: rgba(15, 90, 115, 0.7); }*/
.perche-link a:hover { background: rgba(15, 90, 115, 1.0); }
/*.cachenez-link a { background: rgba(75, 110, 25, 0.7); }*/
.cachenez-link a:hover { background: rgba(75, 110, 25, 1.0); }
/*.otias-link a { background: rgba(4, 22, 38, 0.7); }*/
.otias-link a:hover { background: rgba(4, 22, 38, 1.0); }
/*.marmelo-link a { background: rgba(40, 70, 130, 0.7); }*/
.marmelo-link a:hover { background: rgba(40, 70, 130, 1.0); }
/*.myalka-link a { background: rgba(190, 90, 90, 0.7); }*/
.myalka-link a:hover { background: rgba(190, 90, 90, 1.0); }
/*.sorpresa-link a { background: rgba(36, 36, 70, 0.7); }*/
.sorpresa-link a:hover { background: rgba(36, 36, 70, 1.0); }

/* Otias */
p.online-url {
	font-size: 18px;
	font-weight: bold;
	margin: -30px 0px 10px 5px;
}
.otias-link a::before,
.otias-link a:before {
	left: 24%;
}
@media screen and (max-width:48.000em) {
/* Otias */
div.box_in_right {
	width: 80px !important;
	display: none;
}
p.online-url {
	font-size: 16px;
	text-align: center;
	margin: 5px 0px 5px 0px;
}
.page-link a {
	font-size: 0.875em; /* 14px */
}
p.upsize {
	font-size: 1.000em; /* 16px */
	width: 100%;
}
.upsize a::before,
.upsize a:before { /* 矢印アイコンの位置 */
	left: 28%;
}
.cachecache-link a { background: rgba(188, 106, 58, 1.0); }
.kakatoo-link a { background: rgba(136, 20, 30, 1.0); }
.perche-link a { background: rgba(15, 90, 115, 1.0); }
.cachenez-link a { background: rgba(75, 110, 25, 1.0); }
.otias-link a { background: rgba(4, 22, 38, 1.0); }
.marmelo-link a { background: rgba(40, 70, 130, 1.0); }
.myalka-link a { background: rgba(190, 90, 90, 1.0); }
.sorpresa-link a { background: rgba(36, 36, 70, 1.0); }

}

/*/////////////////////////////////////////////////media  767px 以下//*/
@media screen and (max-width:47.938em) {
#other_cont h3 { /* サイト名 */
	margin-top: 10px;
}
div.online-wrap {
	margin-top: 20px;
	padding-bottom: 40px;
}
div.cover {
	display: block;
	border-spacing: 0;
}
div.cover div.box {
	display: block;
	width: 100%;
}
div.cover div.box:first-child {
	width: 100%;
}
div.cover div.box:nth-of-type(2n+1) {
	margin-right: 0;
}

/* 2column用 */
div.cover2 {
	margin-top: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
div.cover div.box2 {
	width: 100%;
	margin-top: 20px;
	padding-bottom: 40px;
}
div.cover div.box2:first-child {
	width: 100%;
}
div.cover div.box2:last-child {
	width: 100%;
	margin-top: 20px;
	padding-bottom: 0px;
}
div.cover div.box2:nth-of-type(2n+1) {
	padding-right: 0%;
	border-right: none;
}
/* 2column用 */

.online-text p {
	font-size: 0.667em;
}
.online-text table {
	margin: 5px 0 0 0;
	padding: 0;
}
.page-link a {
	font-size: 0.875em; /* 14px */
}
p.upsize {
	font-size: 0.875em; /* 14px */
}
.upsize a::before,
.upsize a:before { /* 矢印アイコンの位置 */
	left: 26%;
}
.otias-link a::before,
.otias-link a:before {
	left: 21%;
}

div.online-icon,
div.online-icon2 {
	margin: 0px auto 10px;
	width: 70%;
}

}





/* NEWOPENマーク */
/* 文字側 */
.newopen:after,
.newopen::after {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	background: rgba(196, 30, 36, 0.1);
	content: "NEW!!";
	text-align: center;
	color: rgba(255, 255, 255, 1.0);
	font-size: 0.625em;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 4px 10px;
	line-height: 1.0;
	display: block;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	   -moz-animation:blink 1.5s ease-in-out infinite alternate;
	        animation:blink 1.5s ease-in-out infinite alternate;
			
	width: 120px;
	height: 22px;
	padding: 6px 20px;
	-webkit-transform: rotate(-40deg);
	   -moz-transform: rotate(-40deg);
	    -ms-transform: rotate(-40deg);
		 -o-transform: rotate(-40deg);
		    transform: rotate(-40deg);
	top: 10px;	
	left: -30px;
}
/* 背景側 */
.newopen:before,
.newopen::before { 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	background: rgba(196, 30, 36, 0.9);
	content: "NEW OPEN!!";
	text-align: center;
	color: rgba(255, 255, 255, 0.0);
	font-size: 0.625em;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 4px 10px;
	line-height: 1.0;
	display: block;
	
	width: 120px;
	height: 22px;
	padding: 6px 20px;
	-webkit-transform: rotate(-40deg);
	   -moz-transform: rotate(-40deg);
	    -ms-transform: rotate(-40deg);
		 -o-transform: rotate(-40deg);
		    transform: rotate(-40deg);
	top: 10px;
	left: -30px;
}
@media handheld,only screen and (max-width:30.000em) {
	.blinking {
		-webkit-animation:blink 0s ease-in-out infinite alternate;
		-moz-animation:blink 0s ease-in-out infinite alternate;
		animation:blink 0s ease-in-out infinite alternate;
	}
}