/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { font-family:"Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; -webkit-text-size-adjust: 100%; line-height: 1;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, address { margin:0; padding:0; font-weight: normal; box-sizing: border-box;}
img,iframe { border:none;}
ol,ul { list-style:none; list-style-type: none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;} /* = 10px */
body { font-size: 1.5rem; } /* = 16px */
h1 { font-size: 3.2rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 2.0rem; }
h4 { font-size: 1.8rem; }
p { font-size: 1.5rem; }
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
.fcpnk {color:#ef88bd;}
.fcblu {color:#74c1ea;}
/*link*/
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline; color:#fff;}
#menu ul li a,.bnr a,a.btn,a.bn_kao,header nav ul li a,#side a {text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.bnr a:hover,a.btn:hover,a.bn_kao:hover,header nav ul li a:hover,#side a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; text-decoration:none;}
.fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.5;
    filter: alpha(opacity=60);
}
.no-link{ pointer-events: none; cursor: default; text-decoration:none; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {color:#503933; letter-spacing: 1px;
background-color: #ffdad8;
background-image: linear-gradient(19deg, #ffdad8 0%, #ffe1d5 100%);
}
#con-body {background-color:transparent;}
#container { max-height: 100%; width:980px; margin:0 auto; padding:.5em 0 0;}

header nav ul {text-align:center;}
header nav ul li {display:inline-block;}
header nav ul li a{width:118px; display:block; font-size:80%; background-color:#694df5; padding:.3em .2em; border-radius:10px;}

/*//mainLeft//*/
#mainLeft {width:680px; float:left;}
#update {width:680px; height:36px; background: url(../img/common/news.png); border-radius: 5px; box-shadow:0 0 10px rgba(61,0,0,0.2);}
#update ul {margin:0 0 0 5.5em; height:36px; line-height: 36px; overflow: hidden;}
#update ul li{color:#fff; text-shadow:1px 1px 2px rgba(53,73,159,0.8); font-size:85%;}
#update span.ymd{display: inline-block; margin:0 .5em 0 0;}

#cts{margin:.4em 0 0;}

#spot{width:337px; height:283px; background: url(../img/common/next.jpg); box-shadow:0 0 10px rgba(61,0,0,0.2); border-radius: 5px; overflow: hidden; text-align:center; color:#fff; position:relative; float:left;}
#spot p{padding:2.5em 0 .5em; text-shadow:1px 1px 5px rgba(100,56,27,0.9); line-height:1.5;}
#mov_fp,#mov_none { width: 337px; height:190px; margin:0 auto; background-repeat: no-repeat; background-position: center center; background-size: cover; position:absolute;left:0;bottom:0;}
.spot_20170908{background-image: url(../img/spot/spot_20170908.jpg);}

.insta a{width:337px; height:112px; display:block; border-radius: 8px; background: url(../img/common/insta.png) no-repeat 0 0; box-shadow:0 0 10px rgba(61,0,0,0.2);}
.newmc{width:337px; height:112px; display:block; border-radius: 8px; background: url(../img/common/newmc.jpg) no-repeat 0 0; box-shadow:0 0 10px rgba(61,0,0,0.2);}

#next{width:337px; height:166px; margin:5px 0 0; background: url(../img/common/next2.jpg); box-shadow:0 0 10px rgba(61,0,0,0.2); border-radius: 5px; overflow: hidden; color:#fff; text-align:center;}
/*#next{background: url(../img/common/pre2.png); background-size:cover;}
#next a{width:100%; height:100%; display:block;}*/
#next p{padding:3em .5em 0; text-shadow:1px 1px 5px rgba(100,56,27,0.9); line-height:1.5;}
.thum{width:166px; height:166px; float:right; background-image: url(../img/common/nonext.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; margin:0 0;}
.oadate{color:#fff; font-size:1.1rem; padding:1em 0; display: inline-block; text-shadow:1px 1px 5px rgba(100,56,27,0.9); line-height:1.4;}

#next0324{width:337px; height:166px; margin:5px 0 0; background: url(../img/common/bn_0324.jpg?1); box-shadow:0 0 10px rgba(61,0,0,0.2); border-radius: 5px;}
#next0324 img{display:block;}


/*//mainRight//*/
#mainRight {width:290px; float:right;}
#twTL{ background:#fff; width:290px; height: auto; border-radius: 8px; overflow:hidden; box-shadow:0 0 10px rgba(61,0,0,0.2);}

#bnarea{width:980px; margin:2em auto;}
#bnarea ul{text-align:center;}
#bnarea ul li{display: inline-block; margin:0 .5em 0;}
.bnr a{display:block; width:290px; height:85px; box-shadow:0 0 10px rgba(61,0,0,0.2); border-radius:5px;}
.emma1 a{background: url(../img/common/bn_emma1.jpg) no-repeat 0 0;}
.emma2 a{background: url(../img/common/bn_emma2.jpg) no-repeat 0 0;}
.emma3 a{background: url(../img/common/bn_emma3.jpg) no-repeat 0 0;}

/*footer*/
footer {margin:2em 0 0; padding:0; text-align:center; position:relative;}
footer .sns{background-color:rgba(255,255,255,0.5); padding:1em 0;}
footer p {padding:0; height:44px; line-height:44px; font-family: Futura , sans-serif; font-size:1rem; background-color:#fff; color:#999;}
footer a { text-decoration:none; color:#999;}
footer a:hover { text-decoration:none; color:#ccc;}
#gotop{position:absolute;right:0;bottom:0;}
#gotop a {display:block; width:44px; height:44px; background:url(../img/common/gotop.png) no-repeat 0 0;}

/*------------------　2nd　------------------ */
#contents { max-height: 100%; width:980px; margin:1.5em auto 0; background:#fff url(../img/common/line.png) repeat-x 0 0; padding:0 0 5em; box-shadow:0 0 10px rgba(61,0,0,0.2);}
#contents h1{width:100%; height: 110px; background-repeat: no-repeat; background-position: 0 0; background-size:cover;}
#contents h1.present{background-image:url(../img/present/ttl.png);}
#contents h1.studio{background-image:url(../img/studio/ttl.png);}
#contents h1.guest{background-image:url(../img/common/ttl_guest.png);}
#contents h1.camp{background-image:url(../img/common/ttl_camp.png);}
.detail{width:85%; margin:2em auto;}
a.btn {font-size:140%; color:#7d3e00; display:block; text-align:center; width:80%; padding:1em 0; border:1px solid #c5a87c; border-radius:8px; text-shadow:2px 1px #fff; box-shadow: -1px -1px #fff inset; background-image: linear-gradient(-20deg, #e8d193 0%, #f9eba7 100%); margin:2em 0 0;}
.fcpnk{color:#f6366a;}
.detail p{line-height:1.4; font-size:105%;}
.detail p strong{font-size:105%;}

#present .phc span{margin:0 auto;
/*-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgba(0,0,0,0.6)));*/}
#present .ft_kao{width:980px; margin:1.5em auto 0;}
#present a.bn_kao{display:block; width:420px; height:80px; margin:0 0 0 3.1em; background:#fff url(../img/present/bn_kao.jpg) no-repeat 0 0; border-radius:8px; border:1px solid #c5a87c; box-shadow:0 0 10px rgba(61,0,0,0.2),inset -1px -1px #fff;}
#present .ft_kao a.btn{width:417px; margin:0 0 0 49px;}

.date{font-size:120%; color:#f6366a;}
#studio .detail{width:91%;}
#studio .detail h2{width:521px; height:78px; background:url(../img/studio/studio_h2.png) no-repeat 0 0; margin:0 0 1em;}
#studio .detail h3{font-size:105%; color:#81593d; font-weight:bold; padding:.5em 0;}
#studio .detail h3.dl {margin:1em 0 0;}
#studio .detail h4{font-size:100%; color:#81593d; border-left:4px solid #d1c2b5; padding:.2em .5em; font-weight:bold; margin:1em 0 .5em;}
#studio .detail p{font-size:100%;}
#notice h5{font-size:1.5rem; font-weight:bold; padding:0 0 .5em;}
#notice{border:1px solid #d2c6bf; font-size:90%; width:80%; margin:3em auto; padding:1em; color:#81593d;}
#notice ul{margin:0 auto 1em;}
#notice ul li{text-indent: -1.5em; padding:0 0 .1em 1.5em; margin:0 0 .5em; line-height:1.3;}
#notice ul li:before { content:"・"; padding-right: 0.3em;}
#notice p{width:99%; margin:0 auto; font-size:95%; text-indent: -.5em; padding:0 0 .5em .5em; line-height:1.3;}
#studio a.btn{margin:.5em auto 0; width:45%;}
.info{width:auto; float:left;}
.phc{width:345px; float:right;}
.phc span{width:345px; height:230px; display:block; background-repeat: no-repeat; background-position: 0 0; background-size:contain;}
.studio1{background-image:url(../img/studio/studio1.jpg); margin:0 0 1em;}
.studio2{background-image:url(../img/studio/studio2.jpg);}
.apply{color:#f6366a; text-align:center; font-size:105%;}

#camp .detail h2{line-height:1.4; text-align:center;}
#camp .detail h3{font-size:120%; color:#81593d; border-left:4px solid #d1c2b5; padding:.2em .5em; font-weight:bold; margin:1em 0 .5em;}
#camp .info ol,#camp #notice ol {list-style-type: decimal; padding:0 0 0 2em;}
#camp .info ol li,#camp #notice ol li {padding:0 0 .3em; line-height:1.4;}
#camp .pre_pic{width:600px; height:400px; background:url(../img/present/kao.jpg) no-repeat center center; margin:1em auto;}
#camp #notice{margin:0 auto;}

#guest .detail{width:90%; margin:1em auto;}
#guest h2{margin:1.5em 0 0; padding:.3em .3em .2em; text-shadow:0 1px #fff; color:#7d3e00;
background-image: linear-gradient(-20deg, #fff 0%, #f9eba7 100%);}
#guestac ul{margin:1em auto;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#guestac ul li{width:48%; margin:0 .5em 1em; /*background:#eee;*/ vertical-align:top; line-height:1.3; border-bottom:1px dotted #d1c2b5; text-align:left; display:inline-block; padding:0 0 .2em;}
#guestac ul li span.num{background:#fa5884; color:#fff; display:inline-block; margin:0 .5em 0 0; font-weight:bold; padding:.1em; }
#guestac ul li span.oadate{color:#fa5884;}
#guest label {border-radius:5px;
	position: relative;
	display: block;
	width: 35%; margin:0;
	border: 1px solid #bca98d;
	background: #fff;
}
#guest label:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border: 5px solid transparent;
	border-top: 7px solid #bca98d;
}
#guest select#backnum {
	font-size:110%;
	cursor: pointer;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 98%;
	padding: 0.5em 1em;
	color: #bca98d;
	border: none;
	border-radius: 5px;
	background: transparent;
	text-indent: .01px;
	text-overflow: "";
}
::-ms-expand {
	display: none;
}

#movie #contents{background-image:none; padding:0;}



/*//////pc//////*/
@media all and (min-width: 768px) {
header{width:980px; height:325px; background: url(../img/common/main.jpg?2) no-repeat 0 0; margin:.5em auto 0; display:block; border-radius: 5px; box-shadow:0 0 10px rgba(61,0,0,0.2); position:relative;}

header #logo a{display:block; width:232px; height:232px; border-radius:50%; position:absolute;left:227px;top:12px; }
header nav {width:70%; position:absolute;left:0;bottom:15px;}

#side{width:290px; float:right; margin:0 5px 0 0;}
/*#side .pre{width:290px; height:155px; border-radius: 8px; background: url(../img/common/kawae.jpg) no-repeat 0 0; margin:5px 0; }*/
#side .pre a{width:290px; height:155px; display:block; border-radius: 8px; background: url(../img/common/pre.png) no-repeat 0 0; margin:5px 0; }
#side .mov a{width:142px; height:155px; display:block; border-radius: 8px; background: url(../img/moka/moka1.jpg) no-repeat 0 0; position:relative;}
#side .blg a{width:142px; height:155px; display:block; border-radius: 8px; background: url(../img/moka/moka2.jpg) no-repeat 0 0; position:relative;}
#side span.icon{width:56px; height:56px; background: url(../img/common/mov.png) no-repeat 0 0; display:block; position:absolute;left:-6px;top:-3px;}
#side span.icon2{width:56px; height:56px; background: url(../img/common/blog.png) no-repeat 0 0; display:block; position:absolute;left:-6px;top:-3px;}

#update h2,#spot h2,#next h2,#snsicon{display:none;}

#present #contents{padding:0 0 2.5em;}
#present .detail{width:90%; margin:2em auto 0;}
#present .info{width:520px; float:left;}

#contents{border-radius:5px;}
#contents h1{border-radius: 5px 5px 0 0 / 5px 5px 0 0;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size: 1.35rem;}
h1 { font-size: 2.4rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.6rem; }
.f90 { font-size: 1.25rem;}
.fp-causion {font-size:70%;}

header h1,#logo{width:100%; height:0; background: url(../img/common/main_sp.jpg?2) no-repeat 0 0; background-size: cover; padding:51.5625% 0 0; margin:0 0 .5em; }
header{position:relative;}
header nav {width:100%; position:absolute;left:0;top:0; margin:45.5% 0 0;}
header nav ul li{width:22%; margin:0 .2%;}
header nav ul li a{width:100%; padding:5% 0; font-size:2vw; border-radius:10px;}

header #logo a{display:block; width:34%; height:34%; border-radius:50%; position:absolute;left:33%;top:3%;}

#side{width:95%; margin:0 auto;}
#side .mov,#side .blg{width:49%; box-shadow:0 0 10px rgba(61,0,0,0.2); margin:.5em 0;}
/*#top .pre{width:100%; height:0; border-radius: 5px; background: url(../img/common/kawae_sp.jpg) no-repeat center center; background-size: cover; padding:25.833% 0 0; box-shadow:0 0 10px rgba(61,0,0,0.2);}*/
#side .pre a{width:100%; height:0; display:block; border-radius: 5px; background: url(../img/common/pre_sp.png) no-repeat center center; background-size: cover; padding:25.833% 0 0; box-shadow:0 0 10px rgba(61,0,0,0.2);}

#side .mov a{width:100%; height:0; display:block; border-radius: 5px; background: url(../img/moka/moka1_sp.jpg) no-repeat 0 0; padding:53.4482% 0 0; background-size: cover;}
#side .blg a{width:100%; height:0; display:block; border-radius: 5px; background: url(../img/moka/moka2_sp.jpg) no-repeat 0 0; padding:53.4482% 0 0; background-size: cover;}

#snsicon{text-align:center; padding:3% 0 1%;}
#snsicon img{width:20%; padding:0 .8%; }

#mov_none img,.phc span img,.thum img,#next0324 img {position:absolute;left:0;top:0; width:100%; height:100%;}

#container,#bnarea { width:100%;}
#container{padding:0;}
#mainLeft,#mainRight {float:none; width:95%; margin:0 auto;}
.ctsr {float:none; width:100%; margin:0 auto;}

#update {width:100%; height:50px; background: url(../img/common/news_sp.jpg); background-size:100%;}
#update h2{font-size:1.6rem; color:#fff; text-shadow:1px 1px 2px rgba(53,73,159,0.8); padding:.5em .5em 0;}
#update ul {margin:0 0 0 .65em; height:25px; line-height: 25px; overflow: hidden;}
#update ul li{color:#fff; text-shadow:1px 1px 2px rgba(53,73,159,0.8); font-size:85%;}
#update span.ymd{display: inline-block; margin:0 .5em 0 0;}

#mov_none{width:100%; margin:0 auto; height:0; padding:56.333% 0 0; position:relative;}
#mov_fp {width:100%; height:auto; position:static;}

#spot{width:100%; height:auto; background: url(../img/common/next_sp.jpg); box-shadow:0 0 10px rgba(61,0,0,0.2); border-radius: 5px; overflow: hidden; position:relative; float:none; background-size: cover;}
#spot h2{font-size:1.6rem; color:#fff; text-shadow:1px 1px 5px rgba(100,56,27,0.9); padding:.5em; text-align:left;}
#spot p{font-size:1.6rem; padding:0 .5em .5em; clear:both; line-height:1.4;}
#spot h2 span.nst{color:#ffdf91; font-family:Georgia; font-size:1.1rem; text-align:right; display:inline-block; float:right; padding:.3em 0 0;}
/*.insta a{width:100%; height:0; padding:24.833% 0 0; border-radius: 5px; background: url(../img/common/insta_sp.png) no-repeat center center; background-size: cover; margin:.5em 0;}*/
.insta{display:none;}
.newmc{width:100%; height:0; padding:25% 0 0; border-radius: 5px; background: url(../img/common/newmc_sp.jpg) no-repeat center center; background-size: cover; margin:.5em 0;}

#next{margin:6px auto 0; height:140px; width:100%; text-align:left; background: url(../img/common/next2_sp.jpg); background-size: cover; position:relative;}
/*#next{width:100%; height:auto;}
#next a{background: url(../img/common/pre_sp.png); background-size: 100%; height:0; padding:25.833% 0 0;}*/
#next h2{font-size:1.6rem; padding:.5em; color:#fff; text-shadow:1px 1px 5px rgba(100,56,27,0.9);}
#next p{font-size:1.5rem; padding:.5em 145px 0 .5em;}
.thum{width:140px; height:140px; float:none; position:absolute;right:0;top:0;}
.oadate{font-size:1.1rem; padding:.5em 0 0;}

#next0324{width:100%; height:0; padding:27.6% 0 0; background: url(../img/common/bn_0324_sp.jpg?1); background-size: cover; position:relative;}

/*//mainRight//*/
#twTL{margin:2em auto 0; height:300px; overflow:hidden;}
#bnarea{margin:2em auto;}
#bnarea ul{width:290px; margin:0 auto;}
#bnarea ul li{margin:0 0 .7em;}

footer p.copy {font-size:1rem; padding:2.5% 44px 0 10px; line-height:1.4; text-align:left; letter-spacing:.05em;}
.f70{letter-spacing:0; font-size:9px;
-webkit-margin-start: -17px;
-webkit-transform:scale(0.75);
display:inline-block;}

/*------------------　2nd　------------------ */
#contents{width:100%; margin:.5em auto 1.5em; padding:0 0 3em;}
#contents h1{height: 80px;}
.detail{width:85%; margin:1em auto;}

#present #contents{padding:0 0 1.5em;}
#present .detail{width:100%; margin:1em auto 0;}
#present .info p{padding:0 2em;}
#present .phc span{width:auto; height:auto; position:relative; margin:0 auto 1.2em;}
#present a.btn{font-size:130%; width:75%; margin:1.2em auto 0;}
#present .ft_kao{width:100%; margin:1em auto 0;}
#present a.bn_kao{width:75%; margin:0 auto; background-size:cover; height:0; padding:14.3% 0 0;}
#present .ft_kao a.btn{width:75%; margin:0 auto;}

#studio .detail h2{width:100%; height:0;background-size: contain; padding:14.9712% 0 0;}
.info{float:none;}
.phc{width:100%; float:none; margin:2em 0 0;}
#studio .phc span{width:48%; height:0; padding:32% 0 0; position:relative;}
.studio1{float:left; margin:0 0 0;}
.studio2{float:right;}
#studio a.btn{font-size:130%; width:70%; margin:1em auto 0;}
.apply{font-size:90%; padding:0 1em;}

#contents h1.camp{background-image:url(../img/common/ttl_camp_sp.png);}
#camp .detail{width:90%; margin:1em auto;}
#camp .detail h2{font-size:130%; text-align:left;}
#camp .info ol,#camp #notice ol {padding:0 0 0 1.2em;}
#camp .pre_pic{width:100%; height:0; padding:68% 0 0; background-size: contain; margin:.8em auto; position:relative;}
#camp .pre_pic img{position:absolute;left:0;top:0;}
#camp #notice{width:86%;}

#guest h2{margin:1em 0 0; font-size:2rem;}
#guestac ul li{width:100%; margin:0 0 1em;}
#guest label {width: 100%; margin:0 auto;}

#movie #contents{width:100%; padding:0;}
}

@media all and (max-width: 320px) {
.thum{width:30%; margin:5% .2em 0;}
.oadate{font-size:90%; padding:3.2em 0 0;}
#next .inner p{font-size:95%;}
}





@media all and (min-width: 768px) {
	div.adbanner {
		width:980px;
		margin:0 auto;
		padding-left:49px;
		padding-top:30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
}
@media all and (min-width: 420px) and (max-width: 767px) {
	div.adbanner {
	}
	div.adbanner img {
	}
}
@media all and (max-width: 767px) {
	div.adbanner {
		padding:0 12%;
	}
	div.adbanner img {
		display:block;
		width: 100%;
		height:100%;
	}
}