﻿
html,body,div#con-body{
	margin:0;
	padding:0;
	background:url(../img/bg1-2022.png) repeat-x;
	background-color:#dcdae3;
	color:#fff;
}


.clearfix:after {
	content: "";
	clear: both;
	display: block;
}



/*pc*/


@media all and (min-width: 768px) {

.main-tl{
	margin:0 auto;
	background-image:url(../img/main-tl2022.png);
	background-repeat:no-repeat;
	width:700px;
	display:block;
}


.oatime{
	margin:0 auto 1.5rem auto;
	font-size:1.8rem;
	text-align:center;
	font-weight:bold;
	color:#fff;
	display:block;
}


.yt-size{width:100%; margin:0 auto;}

.yt-set{
	margin:15px auto 15px auto;
	width:640px;
	text-align:center;
}

.yt-size{
	width:640px;
	height:360px;
}


.tw-size{margin:0 auto; width:600px;}
/*.tw-size a{width:600px; height:500px;}*/

.fl1{
	margin:0 auto 2rem auto;
	background-color:rgba(255,255,255,0.95);
	border:1px solid #fff;
	border-radius:10px;
	width:1000px;
	padding:0 0 1rem 0;
}

.stl-set{
	background:linear-gradient(to bottom,#ffe996, #d89f40);
	margin:1rem auto 1.25rem auto;
	padding:1.0rem 0 ;
	width:94%;
	border-radius:10px;
	box-sizing:border-box;
	color:#795d36;
	font-size:1.75rem;
	font-weight:bold;
	text-align:center;
}

.stl-set-tw{
	background-color:#1da1f2;
	margin:1rem auto 1.25rem auto;
	padding:1.0rem 0 ;
	width:94%;
	border-radius:10px;
	box-sizing:border-box;
	color:#fff;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
}


.cast-set{
	margin:0 auto;
	width:100%;
}

.cast-ph{
	margin:1rem auto;
	background-image:url(../img/cast-ph2022.jpg);
	background-repeat:no-repeat;
	border-radius:10px;
	background-size: contain;
	width:90%;
	display:block;
}

.photo-set{
	margin:1rem 2%;
	width:46%;
	float:left;
	}



.photo-set img{
	background-repeat:no-repeat;
	background-size: contain;
	width:100%;
	display:block;
}



.guest{
	margin:30px auto 30px auto;
	padding:15px 0 0 0 ;
	border-top:2px dotted #4e3c04;
	width:90%;
	line-height:1.6em;
	font-size:1.3rem;
	color:#4e3c04;
}

.cnt2-tx{
	margin: 0 auto 3em auto;
	width:90%;
	font-size:1.1rem;
	line-height:2.0rem;
	color:#393451;
}


.cnt1{
	margin: 2rem auto;
	width:900px;
	font-size:105%;
	line-height:1.7em;
	color:#393451;
}

.cnt1-tl{
	margin: 0 0 0.75em 0;
	padding:1rem 0 0.75rem 0;
	width:100%;
	font-size:140%;
	text-align:center;
	font-weight:bold;
	border-radius:10px 10px 0 0;
	color:#fff;
	background:linear-gradient(to bottom,#2a48a8, #652b8a);
/*	background-color:#2a48a8;*/
}

.cnt1-tx{
	margin:10px;
}




.st{
	color:#f06;
	font-weight:bold;
	font-size:120%;
}

.cpy{
	margin:30px auto 20px auto;
	padding:15px 0 25px 0;
	border-top:1px solid #757d79;
	width:980px;
	color:#757d79;
	font-size:small;
	text-align:center;
}


.cnt1-tl br{display:none;}

.sbr{display:none;}


}






/*smp*/


@media all and (max-width: 767px) {

.main-tl{
	margin:0 auto 0 auto;
	background-image:url(../img/main-tl2022.png);
	background-repeat:no-repeat;
	background-size: contain;
	width:90%;
	display:block;
}


.oatime{
	margin:0 auto 1.0rem auto;
	font-size:1.15rem;
	text-align:center;
	font-weight:bold;
	color:#fff;
	display:block;
}


.fl1{
	margin:0 auto 2rem auto;
	background-color:rgba(255,255,255,0.95);
	border:1px solid #fff;
	border-radius:10px;
	width:98%;
	padding:0 0 1rem 0;
}


.stl-set{
	background:linear-gradient(to bottom,#ffe996, #d89f40);
	margin:0.75rem auto 1.25rem auto;
	padding:0.75rem 0 0.5rem 1rem;
	width:98%;
	border-radius:10px;
	box-sizing:border-box;
	color:#795d36;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
}

.stl-set-tw{
	background-color:#1da1f2;
	margin:0.75rem auto 1.25rem auto;
	padding:0.75rem 0 0.5rem 1rem;
	width:96%;
	border-radius:10px;
	box-sizing:border-box;
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
}


.yt-size{width:96%; margin:0 auto;}

.yt-set{
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.yt-set iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.tw-size{margin:0 auto; width:80%; text-align:center;}


.cnt1{
	margin: 0 auto 2rem auto;
	width:100%;
	line-height:1.5em;
	color:#393451;
}



.cnt1-tl{
	margin: 0 auto 0.75em auto;
	padding:1rem 0 0.75rem 0;
	width:96%;
	font-size:105%;
	text-align:center;
	font-weight:bold;
	border-radius:10px 10px 0 0;
	color:#fff;
	background:linear-gradient(to bottom,#2a48a8, #652b8a);
/*	background-color:#2a48a8;*/
	word-wrap: normal;
}

.cnt1-tx{
	margin:0 auto 1em auto;
	width:90%;
}

.cnt1-tx2{
	margin:0 auto 1rem auto;
	width:90%;
}

.cast-set{
	margin:15px auto 0 auto;
}

.cast-ph{
	margin:15px auto 0 auto;
	background-image:url(../img/cast-ph2022.jpg);
	background-repeat:no-repeat;
	background-size: contain;
	width:95%;
	border-radius:10px;
	display:block;
}


.photo-set{
	margin:1rem 2%;
	width:46%;
	float:left;
	}



.photo-set img{
	background-repeat:no-repeat;
	background-size: contain;
	width:100%;
	display:block;
}



.guest{
	margin:10px auto 30px auto;
	padding:15px 0 0 0 ;
/*	border-top:1px dashed #393451;*/
	color:#4e3c04;
	width:90%;
	line-height:1.4em;
	font-weight:bold;
}



.cnt2-tx{
	margin: 0 auto 3em auto;
	width:93%;
	font-size:1rem;
	line-height:1.5rem;
	color:#393451;
}

.st{
	color:#f06;
	font-weight:bold;
	font-size:120%;
}

.cpy{
	margin:30px auto 20px auto;
	padding:15px 0 25px 0;
	border-top:1px solid #757d79;
	width:100%;
	color:#757d79;
	font-size:small;
	text-align:center;
}


.more-b {
	margin: 2em auto 2em auto;
	padding:10px 0 10px 0;
	background:#0073cf;
	width:80%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
}
.close-b{
	background:#666;
}


}


/*共通*/

.more-b:hover{
	background:#e69328;
}

.close-b:hover{
	background:#999;
}



/* 全ページ共通 */


hr, h1, h2, h4, h5, h6{
	display:none;
}

img{
	border:0px;
}


a:link { color:#757d79; text-decoration:none;}
a:visited { color:#757d79; text-decoration:none;}
a:active { color:#757d79; text-decoration: none;}
a:hover { color:#757d79; text-decoration: underline;}

.center{
	margin:0px auto 0px auto;
}

.floatright{
	float:right;
}

.floatleft{
	float:left;
}

.clear{
	clear:both;
}

.alt{
	position:absolute;
	top:-5000px;
	left:-999px;
}

ol, ul{
	margin:0px;
	padding:0px;
}

ol, ul{
	list-style:none;
}

p{
	margin:0px 0px 1em 0px;
}

.bold{
	font-weight:bold;
}

.red{color:#e00;}
.orange{color:#ff6600;}

.chu{
color: #000;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
	color:#e00;
	font-weight:bold;
}


.small{font-size:70%;}


.ob{
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
	overflow:hidden;
}