/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , 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.6rem; } /* = 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.6rem; }
.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:#503933;}
a:hover { text-decoration:underline; color:#503933;}
#menu ul li a,.bnr a,a.btn {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{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 {background: url(../img/common/bg.jpg) ; color:#503933; letter-spacing: 1px;}
#con-body {background-color:transparent;}
#container { max-height: 100%; width:980px; margin:0 auto; padding:3em 0 0;}

/*//mainLeft//*/
#mainLeft {width:660px; float:left;}
#spot{width:100%; background: url(../img/common/spot.jpg); box-shadow:2px 3px 7px rgba(209,206,206,0.5); padding:.6em 0;}
#mov_fp,#mov_none { width: 640px; height:360px; margin:0 auto; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ph20170331{background-image: url(../img/spot/ph20170331.jpg);}
#next{margin:1em 0 0; padding:.2em; background:rgba(165,142,108,0.1); border:2px solid rgba(167,155,143,0.2); position:relative;}
#next h2{width:174px; height:40px; background: url(../img/common/next.png) no-repeat 0 0; position: absolute; top: 10px; left: -2px;}
#next .inner{border:2px dotted rgba(167,155,143,0.5); padding:0 0 0 1em;}
.thum{width:200px; height:113px; float:right; background-repeat: no-repeat; background-position: center 0; background-size:cover; margin:1em .5em;}
.oadate{color:#e82756; font-size:110%; padding:3em 0 0; display: inline-block;}
#next .inner p{padding:.5em 0; line-height:1.3;}
#next .inner p strong{font-size:105%;}

/*//mainRight//*/
#mainRight {width:290px; float:right;}
#twTL{ background:#fff url(../img/common/tw.png) no-repeat center top; padding:25px 0 5px; width:290px; height: auto; border-radius: 8px; overflow:hidden; box-shadow:2px 3px 7px rgba(209,206,206,0.5);}

#bnarea{width:980px; margin:3em 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:2px 3px 7px rgba(209,206,206,0.5); border-radius:8px;}
.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;}
.insta a{background: url(../img/common/bn_insta.png) no-repeat center center; border:2px solid #cec1ad;}

/*footer*/
footer {margin:5em 0 0; padding:3em 0; text-align:center; border-top:1px solid rgba(167,155,143,0.2); background:url(../img/common/foot.jpg) center center; box-shadow:0 -10px 20px rgba(209,206,206,0.25);}
footer p {padding:1em 0; font-family: Garamond , "Times New Roman" , sans-serif; font-size:90%;}
footer a { text-decoration:none;}
footer a:hover { text-decoration:underline;}

/*------------------　2nd　------------------ */
#contents { max-height: 100%; width:980px; margin:3.5em auto 0; background:#fff url(../img/common/line.png) repeat-x 0 0; padding:3px 0 5em; box-shadow:0 10px 20px rgba(228,226,225,0.5);}
#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_pre.jpg);}
#contents h1.studio{background-image:url(../img/studio/ttl_studio.jpg);}
#contents h1.guest{background-image:url(../img/common/ttl_guest.jpg);}
.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)));}

.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%;}

#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) {
#top header h1,header a{width:980px; height:357px; background: url(../img/common/head.jpg) no-repeat 0 0; margin:0 auto; display:block;}

#menu { width: 980px; margin:0 auto;}
#menu ul li{width:196px; height:62px; float:left; background-color:#7e4003;}
#menu li a { height:62px; display: block; text-indent: 100%; white-space: nowrap; text-decoration:none; overflow: hidden; margin:0; background-image: url(../img/common/menu.jpg); border-right:1px solid rgba(97,37,0,0.5);}
.menu2 a{background-position: -195px 0;}
.menu3 a{background-position: -390px 0;}
.menu4 a{background-position: -585px 0;}
.menu5 a{background-position: -780px 0; border:none !important;}
#menu li a:hover{/*filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; text-decoration:none;*/
     -webkit-filter: contrast(120%);
     -moz-filter: contrast(120%);
     -o-filter: contrast(120%);
     -ms-filter: contrast(120%);
     filter: contrast(120%);}

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

/*//////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%;}

#top header h1,header a{width:100%; height:0; background: url(../img/common/smphd.jpg) no-repeat 0 0; position:relative; padding:78.125% 0 0; background-size: cover;}
header a{display:block;}
#top header h1 img,header a img,#mov_none img,.phc span img,.thum img {position:absolute;left:0;top:0; width:100%; height:100%;}

#menu { width:100%;}
#menu ul li{width : 33.33333%; height:40px; float:left; background: url(../img/common/spmenu.png) center 0;
width: -webkit-calc(100% / 3) ;
width: calc(100% / 3) ;}
#menu li a { width:100%; height:40px; display:block; text-indent: 100%; white-space: nowrap; text-decoration:none; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size:contain;}
#menu ul li.menu1,#menu ul li.menu2,#menu ul li.menu4{border-right:1px solid rgba(97,37,0,0.5);}
#menu ul li.menu4,#menu ul li.menu5{width:50%;}
#menu ul li.menu1 a{background-image: url(../img/common/menu1.png);}
#menu ul li.menu2 a{background-image: url(../img/common/menu2.png);}
#menu ul li.menu3 a{background-image: url(../img/common/menu3.png);}
#menu ul li.menu4 a{background-image: url(../img/common/menu4.png);}
#menu ul li.menu5 a{background-image: url(../img/common/menu5.png);}

#container,#bnarea { width:100%;}
#container{padding:2em 0 0;}
#mainLeft,#mainRight {float:none; width:100%;}

#mov_none{width:95%; margin:0 auto; height:0; padding:52.6953% 0 0; position:relative;}
#mov_fp {width:90%; margin:.5em auto; height:auto; }

#next{margin:1em auto 0; padding:.2em; width:92%; border:1px solid rgba(167,155,143,0.2);}
#next h2{width:130px; height:30px; background-size: contain; }
#next .inner{border:1px dotted rgba(167,155,143,0.5); padding:0 0 0 .5em;}
.thum{width:35%; height:0; padding:20% 0 0; margin:.8em .4em; position:relative;}
.oadate{font-size:98%; padding:3.5em 0 0;}
#next .inner p{font-size:98%;}

/*//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;}
.insta a{width:286px;}

footer { margin:4em 0 0; position: relative; padding:2em 0;}
footer p {font-size:85%; padding:.5em; line-height:1.5;}

.f70{letter-spacing:0; font-size:9px;
-webkit-margin-start: -17px;
-webkit-transform:scale(0.75);
display:inline-block;}

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

#present .phc span{width:auto; height:auto; position:relative; margin:0 auto 7em;}
#present a.btn{font-size:130%; width:80%; margin:2em auto 0;}

#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;}

#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%;}
}