@charset "utf-8";

/************************************************************************************************************/
/*初期 サイト全体の色指定*/
/*body{
	background-color: #f2f2f2;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
	-webkit-background-size: 5px 5px;
}*/

#header {padding-top: 0;}
#chamo-window {z-index: 50 !important;}
[class^="navi0"] img{margin-bottom:0;}

/*初期 snaviボタン色指定*/
#snavi a,#page-top a{background: none repeat scroll 0 0 #777;}
#snavi a:hover,#page-top a:hover{text-decoration: none;background: #222;}

/*初期 naviG 色指定*/
#naviG{background:#000;}
#naviG.fixed{background:#000;}
#naviG ul li a.active,#naviG ul li a::before {background: #555;}

/*初期 部位色指定*/
.h00,.h01{border-color:#222;}
.h02{border-bottom-color:#222;}
.h03,.h04 > span,.h06{background:#222;}
.h04,.h05 > span{color:#222;}

.h03{border-left: 14px solid rgba(255,255,255,0.4);}
.h06{border-top: 6px solid rgba(255,255,255,0.4);}


/*サイト固有のCSS*/

iframe#twitter-widget-0{
	margin-right:24px;
	width:calc(100% - 24px) !important;
}
@media screen and (max-width: 481px) {iframe#twitter-widget-0{width:calc(100% - 12px) !important;}}

.bodd [class*="paragra"]{width: 50%;}

.bodd .ipbox{
	width:calc(100%/2 - 12px);
	position: absolute;
	bottom: 0;
	}

/*naviL navisp 指定*/	
#naviL [class*="navi0"].navisp1{border-bottom: 1px dotted;padding-bottom:6px;}
#naviL [class*="navi0"].navisp2{padding-bottom:6px;}
#naviL [class^="navi0"].navisp3{
	width: calc(100%/2 - 12px);
	margin-right: 12px;
	margin-bottom: 0;
	float:left;
}

#naviL [class^="navi0"].navisp3 + [class^="navi0"]{overflow:visible;}

#naviL [class*="navi0"].navisp1 a p,#naviL [class*="navi0"].navisp2 a p{
	line-height:1.4;
	overflow:hidden;
	text-align:left;
	font-size:12px;
	font-weight: bold;
	display:table-cell;
	vertical-align:middle;
	width:78%;
	border:none;
	}
#naviL [class*="navi0"].navisp2 a p{width:54%;}
	
#naviL [class*="navi0"].navisp3 a p{
	line-height:1.4;
	font-size:12px;
	border:none;
}
#naviL [class*="navi0"].navisp4 p{width:70%;margin:0 auto;}

#naviL [class*="navi05"].navisp1 a p span,[class*="navi06"].navisp1 a p span{
	border-bottom:1px dotted rgba(255,255,255,0.5);
	padding-bottom:2px;
	margin-bottom:2px;
	}
#naviL [class*="navi05"].navisp2 a p span,[class*="navi06"].navisp2 a p span{
	border-bottom:1px dotted rgba(255,255,255,0.5);
	padding-bottom:2px;
	margin-bottom:2px;
	}

#naviL [class^="navi0"].navisp1 .mebase,
#naviL [class^="navi0"].navisp2 .mebase,
#naviL [class^="navi0"].navisp3 + [class^="navi0"] .mebase{
	display:block;
	font-size:11px;
	padding:1px 6px;
	margin-bottom:2px;
	background:#000;
	color:#d6b08b;
	border-radius:2px;
	overflow: hidden;
}
#naviL [class^="navi0"].navisp2 .metitle{font-size:14px;font-weight:normal;}
	
#naviL [class^="navi0"].navisp1 a{display:table;border:none;}
#naviL [class^="navi0"].navisp2 a{display:table;border:none;}
#naviL [class^="navi0"].navisp3 a{display:block;border:none;}
#naviL [class^="navi0"].navisp1 img{width:90%;margin:0 6px 0 0;}
#naviL [class^="navi0"].navisp2 img{width:90%;margin:0 6px 0 0;}
#naviL [class^="navi0"].navisp4 img{
	width:70%;
	margin:0 auto 4px auto;
	}

@media screen and (max-width: 1080px) {
#naviL [class^="navi0"].navisp1{width:calc(100% - 12px);}
}


/*レビュー枠設定*/
	
table#comtable td{
	padding:0;
	border:none;
}
table#comtable .comti{
	display:block;
	font-size: 13px;
	margin-bottom:6px;

}

input#comment{
	width:80%;
	font-size:13px;
	padding:8px;
	border:1px solid rgba(0,0,0, 0.2);
	border-radius: 2px;
	background:rgba(255,255,0, 0.1);
	}
input#submit{
	font-size:13px;
	padding:8px;
	border:1px solid rgba(0,0,0, 0.2);
	border-radius: 2px;
}
	
#commentv{
	font-size:13px;
	line-height:15px;
/*	color:#666699;*/
	width:100%;
	height:80px;
/*	border:1px solid #00ccff;*/
	padding:12px 0 12px 0;
	overflow-y:scroll;
/*	display:none;*/
	
}
#commentv hr{margin:12px 0;}

@media screen and (max-width: 840px) {
	input#comment{width:calc(100%);margin-bottom:6px;}
	#commentv{height:120px;}
}
@media screen and (max-width: 480px) {	
	#commentv{height:160px;}
}

/**互換用CSS*/

/*#sitebox{display:none;}*/
#headnaviall{width:1032px;margin:0 auto;}

#headl,#headr{
	display:inline-block;
	width:calc(100%/2);
}
#headr{float: left;padding-top:12px;}

img[src*="head1"]{width:23.04%;float: left;}
img[src*="head2"]{width:71.96%;padding:4% 3% 0 2%;}
img[src*="head3"]{padding-top:8px;}


@media screen and (max-width: 1080px) {
#headnaviall{width:calc(100% - 48px);margin:0 24px;}
}


.siteinfo {
  overflow: hidden;
  padding: 0;
  display: inline-block;
  width: 100%;
}
.siteinfo li {
  list-style: none;
  float: left;
  margin-left:1px;
}

.siteinfo .noninfo li{margin-left:0;}

.siteinfo li a {
  font-size: 13px;
/*  font-weight:bold;*/
  display: block;
  width: 171px;
  height: 56px;
  margin: 0;
  padding: 0;
  line-height: 2.4;
  color: #fff;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  border-bottom:none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(118,118,118);
background: -moz-linear-gradient(top, rgb(118,118,118) 0%, rgb(0,0,0) 100%);
background: -webkit-linear-gradient(top, rgb(118,118,118) 0%,rgb(0,0,0) 100%);
background: linear-gradient(to bottom, rgb(118,118,118) 0%,rgb(0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#000000',GradientType=0 );
  
}

.siteinfo li#sihome a {
background: rgb(237,237,237);
background: -moz-linear-gradient(top, rgb(237,237,237) 0%, rgb(203,203,203) 100%);
background: -webkit-linear-gradient(top, rgb(237,237,237) 0%,rgb(203,203,203) 100%);
background: linear-gradient(to bottom, rgb(237,237,237) 0%,rgb(203,203,203) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cbcbcb',GradientType=0 );
color: #464646;
}

.siteinfo li#siguide a {
background: rgb(203,203,203);
background: -moz-linear-gradient(top, rgb(203,203,203) 0%, rgb(118,118,118) 100%);
background: -webkit-linear-gradient(top, rgb(203,203,203) 0%,rgb(118,118,118) 100%);
background: linear-gradient(to bottom, rgb(203,203,203) 0%,rgb(118,118,118) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#767676',GradientType=0 );
}


.siteinfo .noninfo li a{border-bottom: 1px dotted;}
.siteinfo li a:hover,.siteinfo li#sihome a:hover,.siteinfo li#siguide a:hover {
  background: rgb(118,118,118);
background: -moz-linear-gradient(top, rgb(118,118,118) 0%, rgb(0,0,0) 100%);
background: -webkit-linear-gradient(top, rgb(118,118,118) 0%,rgb(0,0,0) 100%);
background: linear-gradient(to bottom, rgb(118,118,118) 0%,rgb(0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#000000',GradientType=0 );
color:#fff;
}
	
.siteinfo li ul {
  width: 171px;
  display: none;
  position: absolute;
  margin-left: 0px;
  z-index:51;
}

.siteinfo li ul li a {background: #666;}




/*@media screen and (min-width: 841px) and (max-width: 1080px) {*/
@media screen and (max-width: 1080px) {
	.siteinfo li {width:calc(100%/3 - 1px);}
	.siteinfo li a {width:calc(100%);}
	.siteinfo li ul {width:calc(100%/6 - 8px);}
	.siteinfo .noninfo li {width:calc(100% - 1px);float:none;}
}


@media screen and (max-width: 841px) {
	#headr{float:none;}
#headl, #headr{width:100%;}
.siteinfo{margin-top:12px;}
.siteinfo li ul {width:calc(100%/3 - 16px);}
}

@media screen and (max-width: 481px) {
	#headnaviall {
    width: calc(100% - 24px);
    margin: 0 12px;}
	img[src*="head1"]{width:40%;float:none;margin:0 auto;}
	img[src*="head2"]{width:100%;}
	.siteinfo li ul {width:calc(100%/3 - 8px);}
	.siteinfo li a{line-height:1.2;padding:6px;font-size:12px;}
	img[src*="head4"]{padding-top:0px;}
}


.headerLb{
	width:calc(100%/2 - 4px);
	float:left;
	display:table;
	text-align: left;
	margin-right:4px;
	margin-bottom:4px;
}
.headerRb{
	display:table;
	width:50%;
	text-align: left;
}

#footer .naviic,#header .naviic{
	width: calc(100%/3 - 3px);
	float: left;
	margin-right: 4px;
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.4); 
	border:1px solid rgba(0,0,0, 0.2);
	border-radius: 4px;
	padding:8px;
	background: #73acd7;
	background: -moz-linear-gradient(top,  #73acd7 0%, #00599c 75%, #73acd7 100%);
	background: -webkit-linear-gradient(top,  #73acd7 0%,#00599c 75%,#73acd7 100%); 
	background: linear-gradient(to bottom,  #73acd7 0%,#00599c 75%,#73acd7 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73acd7', endColorstr='#73acd7',GradientType=0 );
}
#footer .naviic:last-child,#header .naviic:last-child{margin-right: 0;}
#header .naviic img,#footer .naviic img{width:calc(100%/4);margin-right:4px;float: left;}
#header .naviic a,#footer .naviic a{border-bottom:none;}

#header .naviic span + .text{
	display: table;
	text-decoration: none;
/*	font-size: 0.85em;*/
	line-height: 1.4em;
	color: #fff;
	text-align: left;
	margin-right:0;
}

#header .naviic .text::before{
	display: block;
	float: left;
	font-family: FontAwesome;
	padding: 0 2px 0 0;
	text-shadow: none;
	width: 0.9em;
	content: "\f054";
}

#header .naviic img + span{
	color: #222;
	padding: 0 8px 0 0px;
	font-size: 11px;
	line-height: 1.6em;
	letter-spacing: -0.01em;
}

@media screen and (max-width: 600px) {
.headerLb{
	width:calc(100%);
	float:none;
	display:table;
	margin-right:0;
}
.headerRb{
	display:table;
	width:calc(100%);
}
#sitebox .navi01 .headerLb img{width:100%;}
}

#panlist{
text-align:left;	
margin:12px 0 12px 0;
}

#panlist a{
	line-height: 2em;
	padding:1px 3px 1px 3px;
	background:rgba(0,0,0,0.05);
	border-radius: 4px;
	border:1px solid rgba(0,0,0,0.1);
}


#naviL .navi04{
	width: calc(100% - 24px);
margin-right: 24px;
	border-radius: 2px;
text-shadow: 1px 1px 2px rgba(0,0,0, 0.4);
padding: 8px;
border: 1px solid rgba(0,0,0, 0.3);
background: #73acd7;
}

#naviL .navi04 img{
	float: left;
	width: calc(100%/6);
	height: auto;
margin-right: 4px;
margin-bottom: 0;
}

#naviL .navi04 span + .text{
	display: table;
text-decoration: none;
font-weight: bold;
color: #fff;
	
}

#naviL .navi04 .text{
	padding:0;
	border:none;
}

#naviL .navi04 .text::before{
	display: block;
float: left;
content: "\f138";
font-family: FontAwesome;
font-size: 1.2em;
padding: 0 2px 0 0;
}

#footer #rom1 .h04{margin: 0 24px 0 0;}
#footer #rom1 table{font-size:11px;}

/*安心保証CSS*/
.anshinplan{
	display:table;
	width:calc(100% - 24px);
	border:4px solid rgba(0,0,0, 0.15);
	border-radius:4px;
	margin-bottom:12px;
	font-size:15px;
	font-weight:bold;
}
.planR,.planL{display:table-cell;width:50%;}
.planR{padding:0 24px 18px 24px;}
.planL{padding:18px;}

.anshinplan p{margin:0;display:block;line-height: 1.3;}
.anshinplan p i{color:#a3c42c;font-style:normal;margin-right:6px;}
.anshinplan p.pnon,.anshinplan p.pnon i{color:#cbcbcb;}

.plancom{display:block;font-size:12px;text-align:right;font-style:normal;}
.planname{
	display:block;
	width:100%;
	padding:6px;
	margin-bottom:12px;
	background:#fff;
	border-radius:0 0 12px 12px;
	text-align:center;
	font-family:"noto sans japanese";
	font-size:24px;
	font-weight:900;
	letter-spacing: -0.1em;	
}

.plannem{
	display:block;
	width:100%;
	border:1px solid #fff;
}

.priceR,.priceL{
	width:48%;
	display:inline-block;
	color:#fff;
	text-align:center;
	}
.priceR{float:left;margin-right:4%;}

.plannem{
	padding:6px;
	font-size:12px;
	font-weight:normal;
	margin-bottom:6px;
	border-radius:24px;
	text-align:center;
	}
	
.hosyo{display:block;width:100%;font-size:14px;font-weight:normal;}
.hosyo b{margin-left:6px;font-size:16px;}
.planprice{
	display:inline-block;
	font-size:42px;
	font-family:Oswald;
}

@media screen and (max-width: 640px) {.planR, .planL{display:block;width:100%;}}
@media screen and (max-width: 480px) {.anshinplan{width:calc(100% - 12px);font-size:12px;}}

/*表組内一行リンク設定*/
[class^="t0"] .alink.etlink1{
	display:inline-block;
	font-size: 16px;
	background:#ed1c16;
	color:#fff;
	border-radius:36px;
	text-align:center;
	margin:4px 24px 0 24px;
	padding: 12px;
	width:calc(100% - 48px);
	border:4px solid #e0e0e0;
}
[class^="t0"] .alink.etlink2{
	display:inline-block;
	font-size: 16px;
	background:#000;
	color:#fff;
	text-align:center;
	margin:4px 24px 0 0;
	padding: 12px;
	width:60%;

}
[class^="t0"] .alink[class*="etlink"]:hover{opacity:0.6;}
[class^="t0"] .alink.etlink1:before{content: "\f25a";}

@media screen and (max-width: 700px) {[class^="t0"] .alink.etlink2{width:100%;}.planprice{font-size:32px;}}
@media screen and (max-width: 480px) {[class^="t0"] .alink[class*="etlink"]{width:calc(100% - 12px);margin:6px;}}

/*価格表記CSS*/

 table[summary*="◇"].t01 .lineH{
	border-top: solid 8px #666;
	border-bottom: solid 8px #666;
	 }
table[summary*="◇"].t01 .lineA,table[summary*="◇"].t01 .lineB{
	border-bottom: solid 8px #666;
}
table[summary*="◇"].t01 .cellH{padding-top:0;padding-bottom:24px;}

table[summary*="◇"].t01 .cellH p{
	background:#666;
	color:#fff;
	padding:4px 18px 12px 18px;
	border-radius:0 0 6px 6px;
	margin:0 12px 4px 0;
}

table[summary*="◇"] .fonts1{font-size:20px;}
table[summary*="◇"] .fonts2{font-size:16px;font-weight:bold;}
table[summary*="◇"] .fonts1:before{
	content: "対戦日時";
	background:#000;
	padding:4px;
	font-size:10px;
	vertical-align: 4px;
	margin-right: 6px;
	border-radius:4px;
	}
table[summary*="◇"] .fonts2:before{
	content: "対戦相手";
	background:#000;
	padding:4px;
	font-size:10px;
	margin-right: 6px;
	border-radius:4px;
	}

table[summary*="◇"].t01 .cellH a.alink{
	padding:2px 18px;
	background:#eee;
	border:1px solid #aaa;
	border-radius:4px;
	margin-right:12px;
}
table[summary*="◇"] .fontb1{
	font-weight:bold;
	color:#2d4f87;
	display: inline-block;
/*	margin-bottom: 12px;*/
}

table[summary*="◇"].t01 .cellH a.alink:before{content: "\f041";}

table[summary*="◇"] .alink.etlink1{
	margin:6px 0 12px 0;
}

@media screen and (max-width: 840px) {
	table[summary*="◇"] .alink.etlink1{width:100%;}
	}
@media screen and (max-width: 480px) {
	table[summary*="◇"].t01 .cellH{padding:0;border-bottom:none;}
	table[summary*="◇"].t01 .cellH p{margin: 0 0 4px 0;}
	table[summary*="◇"].t01 .cellH a.alink{margin-right: 0;}
	table[summary*="◇"].t01 .cellB{padding:12px 0;}
	table[summary*="◇"].t01 tr{border-top:transparent;margin-bottom: 0;}	
}

/*handicon設定*/
/*.handpage .acordion dt::before{content: "\f0a7";}
.handpage .acordion dt.active::before{content: "\f25a";}*/
.handpage .acordion dt::before{content: "\f0fe [開]";font-size: 13px;}
.handpage .acordion dt.active::before{content: "\f146 [閉]";font-size: 13px;}
.handpage dl.acordion{
	width: calc(100%/2 - 24px);
	float:left;
	margin:0 24px 24px 0;
	}

.acordion dd a{display:inline-block;border-style: none;}
.acordion dd a::before{
	display:block;
	float:left;
	font-weight:normal;
	content: "\f0da";
	font-family: FontAwesome;
/*	font-size: 18px;*/
	padding:0 4px 0 0;
	color:#3661a9;
	}	
	
@media screen and (max-width: 480px) {
.handpage dl.acordion{
	width: calc(100% - 12px);
	float:none;
	margin:0 12px 12px 0;
	}
}
.nonblock font{display:inline;}

/*WSC-LINE用*/
a.wsc-line{
	display:block;
	width: calc(100% - 24px);
	text-align:center;
	padding:12px 0;
	border:4px solid #01b901;
	margin-bottom:24px;
}
a.wsc-line img{width:486px;margin:0 auto;}

@media screen and (max-width: 1080px) {
/*a.wsc-line{width:calc(100% - 24px);}*/
}
@media screen and (max-width: 840px) {
a.wsc-line img{width:calc(100% - 96px);margin:0 48px;}	
}

@media screen and (max-width: 480px) {
a.wsc-line{width:calc(100% - 12px);}
a.wsc-line img{width:calc(100% - 72px);margin:0 36px;}	
}