
/* common */



#bas0{
	font-family: Meiryo, "Yu Gothic M", "游ゴシック体", Yu Gothic, sans-serif;
	margin:0;
	padding:0;
/*	background:repeating-linear-gradient(-20deg, #f9f9f9 0, #f9f9f9 3px, #fff 3px, #fff 10px);*/
	border-bottom:1px solid #fff;
}

#frm0{
	margin:0 auto;
	padding:0;
}

.header{
	margin:0;
	padding:0;
	background-color:#fff;
}



.oatime{
	margin:0 auto;
	background:linear-gradient(to right, #c23bf7, #ff00cd);
	color:#fff;
	text-align:center;
	font-weight:bold;
	border-top:2px solid #fff;
}

#gmenu li{
	background-color:#fff;
	border-top:2px solid #0050ff;
	border-left:1px solid #0050ff;
	border-right:1px solid #0050ff;
	border-bottom:2px solid #0050ff;
	text-align:center;
	float:left;
	width:33.33%;
}

#gmenu li.glist1,#gmenu li.glist2{
	background-color:#fff;
	border-top:2px solid #0050ff;
	border-left:1px solid #0050ff;
	border-right:1px solid #0050ff;
	border-bottom:2px solid #0050ff;
	text-align:center;
	float:left;
}

#gmenu li.glist1{width:33.33%;}
#gmenu li.glist2{width:50%;}


#gmenu a{
/*	background-color:rgba(255,255,255,0.9);*/
	color:#0050ff;
	font-weight:bold;
	display:block;
	text-decoration: none;
}

#gmenu a:hover{
	background-color:rgba(255,240,0,1.0);
}

#gmenu li:first-child{border-left:0px;}
#gmenu li:last-child{border-right:0px;}



.main-vl{text-align:center;}

.main-vl img{
	background-image:url(../img/main-vl.jpg);
	background-size:contain;
	vertical-align:top;
}

.intr-txt{
	margin:1rem 0 2rem 0;
	}

.coment-set1{
	background-color:#fff;
}

.coment-set2{
	border:2px solid  #fff;
}

.coment-set1 p, .coment-set2 p{overflow: hidden;}


.coment-set1 img, .coment-set2 img{
	vertical-align:top;
	background-size:contain;
	background-repeat:no-repeat;
}

.cast-ph-set{
	vertical-align:top;
	background-size:contain;
	background-repeat:no-repeat;
}

.bar5{
	width:100%;
	height:4px;
	background:linear-gradient(to left, #ff00cd, #12b2fc);
}

.cast01-ph{ background-image:url(../img/cast-ph01.jpg);}
.cast02-ph{ background-image:url(../img/cast-ph02.jpg);}
.cast03-ph{ background-image:url(../img/cast-ph03.jpg);}
.cast04-ph{ background-image:url(../img/cast-ph04.jpg);}
.cast05-ph{ background-image:url(../img/cast-ph05.jpg);}
.cast06-ph{ background-image:url(../img/cast-ph06.jpg);}




/* 関連動画 */

.ct-set1{
	margin:2rem 0 2rem 0;
}

.ct-tl{
	margin:1.5rem 0 0 0;
	font-weight:bold;
	text-align:center;
	color:#0914ad;
	border-radius:8px 8px 0 0;
/*	border:1px solid #3091f8;
	background-color:#d3dbff;*/
	background:repeating-linear-gradient(-20deg, #d3dbff 0, #d3dbff 2px, #e4ecff 2px, #e4ecff 4px);
}

.kanren-list{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.kanren-list li{
	border:1px solid #3091f8;
	border-radius: 0 0 8px 8px;
	float:left;
}

.kanren-list a{display:block;}

.kanren-list img{ width:100%;}

.kanren-list span{
	margin: 0.25rem 0.5rem 0.5rem 0.5rem;
	display:block;
}

.caution1{
	margin:0.3rem 0;
	font-size:0.8rem;
	color:#999;
	display:block;
}





/* 共通 */


.copyright{
	font-family: Meiryo, "Yu Gothic M", "游ゴシック体", Yu Gothic, sans-serif;
	padding:1rem 0;
	background-color:#0050ff;
	color:#fff;
	text-align:center;
}

.copyright a:link { color:#fff;}
.copyright a:visited { color:#fff;}
.copyright a:active { color:#fff;}
.copyright a:hover { color:#fff;}


.lazy {
	display:block;
	position:relative;
	background-color:rgba(230,166,30,0.1);
	margin:0 auto;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

*{box-sizing:border-box;}

a:link { text-decoration:none;}
a:visited { text-decoration:none;}
a:active { text-decoration: none;}
a:hover { text-decoration: none;}


#frm0 p{margin-bottom:1rem;}
#frm0 p:last-child{margin-bottom:0;}

.sky{color:#18adfb;}
.purple{color:#9b4be0;}
.pink{color:#fe01cd;}
.red{color:#f00;}
.blue{color:#0050ff;}
.yellow{color:#fff000;}

.bold{font-weight:bold;}
.txs{font-size:0.8rem;}
.txm{font-size:1rem;}
.txl{font-size:1.3rem;}
.lfnt{font-size:1.35em;}
.sfnt{font-size:0.9em;}

h1, h2, h3, h4{display:none;}




/* pc */
@media all and (min-width: 768px) {

body{ min-width:900px;}

#bas0{font-size:1.2rem;}

.oatime{
	padding: 1rem 0 0.75rem 0;
	font-size:1.6rem;
	width:900px;
}


#gmenu{
	margin:10px auto 0 auto;
	width:900px;
}

#gmenu li{padding:0px;}

#gmenu a{
	padding:1.3rem 0;
	font-size:1.2rem;
}



#frm0{width:900px;}

div.tl{
	margin:2rem 0;
	text-align:center;
	font-weight:bold;
	font-size:1.8rem;
	line-height:2.6rem;
}

.intr-txt p,.coment-set1 p,.coment-set2 p,.ct-set1{
	line-height:1.8rem;
}


.coment-set1, .coment-set2{
	margin-bottom:3rem;
	padding:2rem;
}

.cast-ph-set{
	margin: 0 1rem 1rem 0;
	float:left;
}


.cast01-n{ background-image:url(../img/cast-name01.png); width:840px;}
.cast02-n{ background-image:url(../img/cast-name02.png); width:840px;}
.cast03-n{ background-image:url(../img/cast-name03.png); width:840px;}
.cast04-n{ background-image:url(../img/cast-name04.png); width:840px;}
.cast05-n{ background-image:url(../img/cast-name05.png); width:840px;}
.cast06-n{ background-image:url(../img/cast-name06.png); width:840px;}

.cast01s-n,.cast02s-n,.cast03s-n,.cast04s-n,.cast05s-n,.cast06s-n{display:none;}


/* 関連記事 */

.kanren-list li{
	margin:0 5px 10px 5px;
	width:290px;
}

.ct-tl{
	font-size:1.4rem;
	padding:1.5rem 0 1rem 0;
}

.kanren-list span{
	font-size:1.05rem;
	line-height:1.5rem;
}

.copyright{
	font-size:0.8rem;
}



}










/* smp */
@media all and (max-width: 767px) {

#bas0{font-size:1rem;}

#frm0{width:96%;}

.main-vl img{width:100%;}

.oatime{
	padding: 1rem 0 0.75rem 0;
	font-size:1.25rem;
	width:100%;
}


#gmenu li{padding:3px;}

#gmenu a{padding:1rem 0; font-size:0.95rem;}



div.tl{
	margin:1rem 0 0 0;
	text-align:center;
	font-weight:bold;
	font-size:1.2rem;
	line-height:1.6rem;
}

.intr-txt p,.coment-set1 p,.coment-set2 p,.ct-set1{
	line-height:1.8rem;
}

.coment-set1, .coment-set2{
	margin-bottom:1.5rem;
	padding:1rem;
}

.cast-ph-set{
	margin: 0 0 1rem 0;
}

.cast01s-n,.cast02s-n,.cast03s-n,.cast04s-n,.cast05s-n,.cast06s-n{width:100%;}
.coment-set1 div, .coment-set2 div{width:100%;}
.cast-ph-set{width:75%; display:block; margin:0 auto 1rem auto; text-align:center;}
.bar5{width:100%; height:3px;}

.cast01s-n{ background-image:url(../img/cast-name01s.png);}
.cast02s-n{ background-image:url(../img/cast-name02s.png);}
.cast03s-n{ background-image:url(../img/cast-name03s.png);}
.cast04s-n{ background-image:url(../img/cast-name04s.png);}
.cast05s-n{ background-image:url(../img/cast-name05s.png);}
.cast06s-n{ background-image:url(../img/cast-name06s.png);}

.cast01-n,.cast02-n,.cast03-n,.cast04-n,.cast05-n,.cast06-n{display:none;}


/* 関連記事 */

.kanren-list li{
	margin:0 1% 2% 1%;
	width:48%;
}

.ct-tl{
	font-size:1.1rem;
	padding:1.0rem 0 0.5rem 0;
}

.kanren-list span{
	font-size:0.9rem;
	line-height:1.2rem;
}

.copyright{
	font-size:0.6rem;
}


}

