@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;outline: 0;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

a{ text-decoration:none;-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 {  
    -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;
}
a{ color:#000;}
a:hover{ color:#333;}
.fade:hover {  
    opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}




.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.mt70{ margin-top:70px !important;}
.mt80{ margin-top:80px !important;}
.mt90{ margin-top:90px !important;}
.mt100{ margin-top:100px !important;}
.pt50{ padding-top:50px !important;}
.pt114{ padding-top:114px !important;}
.pt94{ padding-top:94px !important;}

.clearfix:after {content: ".";  /* 新しいコンテンツ */display: block;clear: both;height: 0;visibility: hidden; /* 非表示に */}

body{ background:#fff; color:#333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.midashi{ width:100%;}
.midashi h2{ font-size:35px; font-weight:300; font-family: 'Hind', sans-serif; text-align:center; letter-spacing:0.3em;}
.midashi .tit_copy{position:absolute; bottom:15px; left:340px; font-size:14px; font-family:Helvetica, Arial, sans-serif; color:#b4b5b5;}
.midashi .plus img{position:absolute; bottom:11px; right:50px; width:28px !important;}
.midashi_line{ height:10px; background:#dcdcdd; width:100%;}
/************************************
 * side-menu
*************************************/	
.side-menu-btn{display:none;}
.side-menu {display:none;}


/******************************************************************************
 header
*******************************************************************************/

#header.fixed { position: fixed; top: 0; }
#header {position: absolute;top: 0; left:0; right:0; margin:auto; z-index:1000;width: 100%; max-width:100%;background: rgba(246,201,227,0.8); height:94px; border-bottom:3px solid #424241;}
#header .outer {position: relative; width:100%; height:94px;}
#header .inner {max-width:1000px; width:100%; height:94px; margin:0 auto; position:relative;}
#header .inner .logo{ width:70px; height:70px; float:left; margin-right:50px; margin-top:13px;}
#header .inner .logo span{ text-indent:-9999px; display:block;}
#header .inner .logo img{ width:100%;}
#header .inner .warp{ float:left; width:880px;}
#header .inner .sns_icon{ height:28px; display: inline-block;vertical-align: middle;  float:right;}
#header .inner .sns_icon li{ height:28px; width:28px; display: inline-block; margin:0 5px;}
#header .inner .sns_icon li img{ height:28px; width:28px;vertical-align:middle;}
#header .inner .bottom{ margin-top:50px;}
#header .inner .navi{display: inline-block;vertical-align: middle;}
#header .inner .navi li{display: inline-block;vertical-align: middle; margin-right:30px;font-family: 'Hind', sans-serif; font-size:15px; line-height:38px; font-weight:300; height:28px;}
#header .inner .navi li:last-child{ margin-right:0;}
#header .inner .navi li a{ color:#333;padding-bottom:5px;}
#header .inner .navi li a:hover{border-bottom:1px #424241 solid; padding-bottom:0;}




/******************************************************************************
 content
*******************************************************************************/

#content{ width:100%; margin:0 auto; padding:20px 0 0 0; background:#fff;}
#content img{ width:100%;}
#content2{ width:100%; margin:0 auto; padding:80px 0 0 0; background:#fff;}
/*
.logo{ width:300px; margin:0 auto;}
.date{ width:800px; margin:50px auto 0 auto;}
.venue{ width:200px; margin:5px auto 0 auto;}
.sns{ text-align:center; color:#FFF; padding-bottom:50px; margin-left:45px; margin-top:80px;}
.sns li{display:inline-block; margin:0 25px; font-size:150%;height:51px; vertical-align:middle; line-height:60px; color:#5b504b;}
.sns .hot{ width:60px;height:51px;}
.sns .hot img{ width:100%;}
.sns a{ color:#FFF;}
.sns a:hover{ color:#CB020B;}
.post {opacity: 0;}
*/

/******************************************************************************
 Slider
*******************************************************************************/
#main{ width:100%;margin:94px auto 0 auto; position:relative;}
#main .slider_box{ width:100%;}
#main img{ width:100%;}
#main .top{ position:absolute; left:0; top:0; width:80px;}

#main2{ width:100%; max-width:1140px; margin:0 auto; position:relative;}
#main2 .slider_box{ width:100%;}
#main2 img{ width:100%;}
#main2 .top{ position:absolute; left:0; top:0; width:80px;}


/******************************************************************************
 News
*******************************************************************************/
#news{ width:100%; margin:0 auto;  background:#fff;padding:80px 0;}
#news .inner{ max-width:1000px; margin:0 auto; padding:50px 0 0 0;}
#news .inner .news_box{ width:1020px;}
#news .inner article{ width:320px;float:left; margin-right:20px; position:relative; margin-bottom:30px;}
#news .inner article .thm{ width:138px; height:138px;position:relative; overflow: hidden; margin-right:10px; float:left; border:1px solid #000; box-sizing:border-box;}
#news .inner article .thm img { width:100%; vertical-align:bottom; position:absolute;top:0;left:0; bottom:0; right:0; margin:auto;}
#news .inner article .box{ width:170px;float:left;}
#news .inner article .box .day{font-size:10px; color:#f6c9e3;}
#news .inner article .box .tit{font-size:12px; font-weight:normal; margin-top:5px;}
#news .inner article a{ color:#333;}
#news .inner article a:hover{ color:#333;}
#news .inner .view{ max-width:310px; width:100%; margin:20px auto 0 auto;}
#news .inner .view img{ width:100%;}
#news .inner .line{ width:100%; margin:20px 0 30px 0;}
#news .inner .details{ max-width:800px; margin:0 auto;}
#news .inner .details .photo{ max-width:600px; margin:0 auto; width:100%;}
#news .inner .details .photo img{ width:100%;}
#news .inner .details .day{font-size:10px; color:#f6c9e3; text-align:center;}
#news .inner .details .tit{font-size:20px; font-weight:bold; margin-top:5px; text-align:center;}
#news .inner .details .txt{ line-height:180%; text-align:center; font-size:13px; margin-top:10px;}
#news .inner .details .txt a{text-decoration: underline;}

/******************************************************************************
 press
*******************************************************************************/
#press{ width:100%; margin:0 auto;  background:#fbfbfb; padding:80px 0;}
#press .inner {max-width:1000px;margin:0 auto; padding:50px 0 0 0;}
#press .inner .news_box{ width:1020px;}
#press .inner .news_box .coming{ font-size:30px;font-family: 'Hind', sans-serif;letter-spacing: 0.5em; text-align:center; padding:100px 0;}
#press .inner article{ width:320px;float:left; margin-right:20px; position:relative; margin-bottom:30px;}
#press .inner article .thm{ width:138px; height:138px;position:relative; overflow: hidden; margin-right:10px; float:left; border:1px solid #000; box-sizing:border-box;}
#press .inner article .thm img { width:100%; vertical-align:bottom; position:absolute;top:0;left:0; bottom:0; right:0; margin:auto;}
#press .inner article .thm{ width:138px; margin-right:10px; float:left; border:1px solid #000; box-sizing:border-box;}
#press .inner article .thm img { width:100%; vertical-align:bottom;}
#press .inner article .box{ width:170px;float:left;}
#press .inner article .box .day{font-size:10px; color:#f6c9e3;}
#press .inner article .box .tit{font-size:12px; font-weight:normal; margin-top:5px;}
#press .inner article a{ color:#333;}
#press .inner article a:hover{ color:#333;}
#press .inner .view{ max-width:310px; width:100%; margin:20px auto 0 auto;}
#press .inner .view img{ width:100%;}
#press .inner .line{ width:100%; margin:20px 0 30px 0;}

/******************************************************************************
 About
*******************************************************************************/

#about{ width:100%; margin:0 auto;  background:#fbfbfb; padding:80px 0;}
#about .inner {max-width:1000px;margin:0 auto; padding:50px 0 0 0;}
#about .inner .photo{ width:440px;float:left; margin-right:34px; border:1px solid #000; box-sizing:border-box;}
#about .inner .photo img { width:100%; vertical-align:bottom;}
#about .inner .txt_box{ width:526px; float:left;}
#about .inner .txt_box .subtit{color: #000;font-family: 'Hind', sans-serif; font-size: 18px;letter-spacing: 0.1em;}
#about .inner .txt_box .txt{ font-size:13px;line-height:180%; margin:10px auto 10px auto;}

#about .inner .photo .bx-controls-direction{display: none;}




/******************************************************************************
 Staff
*******************************************************************************/

#staff{ width:100%; margin:0 auto;  background:#fff; padding:80px 0;}
#staff .inner {max-width:1280px;margin:0 auto; padding:50px 0 0 0;}
#staff .inner ul{ width:100%; text-align:center;}
#staff .inner li{ width:20%; display:inline-block; margin-bottom: 20px; vertical-align: top;}
#staff .inner li img{ width:100%;}
#staff .inner li .name{ font-size:15px;font-family: 'Hind', sans-serif; letter-spacing: 0.1em; line-height:120%;}
#staff .inner li .name span{ font-size:9px;font-family: 'Hind', sans-serif; letter-spacing: 0.1em;}


/******************************************************************************
 Style
*******************************************************************************/

#style{ width:100%; margin:0 auto;  background:#fbfbfb; padding:80px 0;}
#style .inner {max-width:1000px;margin:0 auto; padding:50px 0 0 0;}
#style .inner .left{max-width:475px;margin:0 auto; margin-right:50px; float:left;}
#style .inner .right{max-width:475px;margin:0 auto; float:left;}
#style .inner .subtit{font-size:18px;font-family: 'Hind', sans-serif; letter-spacing: 0.5em; text-align:center; margin-bottom:20px; font-weight:normal;}
#style .inner ul{ width:100%; text-align:center;}
#style .inner li{ width:32.5%; display:inline-block;}
#style .inner li img{ width:100%;}
#style .inner .coming{ font-size:30px;font-family: 'Hind', sans-serif;letter-spacing: 0.5em; text-align:center; padding:100px 0;}

#instafeed { text-align:center; margin-top:11px;}
#instafeed li{ display:inline-block; width:16% !important; margin:0.3%}
#instafeed li img{ vertical-align:bottom; width:100%;}
#instafeed li img:hover{opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;}

/******************************************************************************
 Price
*******************************************************************************/

#price{ width:100%; margin:0 auto;  background:#fff; padding:80px 0;}
#price .inner {max-width:1000px;margin:0 auto; padding:50px 0 0 0;}
#price .inner .left{width:450px;margin:0 auto; margin-right:100px; float:left;}
#price .inner .right{width:450px;margin:0 auto; float:left;}
#price .inner .box{ margin-bottom:50px;}
#price .inner .subtit{font-size:15px;font-family: 'Hind', sans-serif; letter-spacing: 0.5em; text-align:center; margin-bottom:20px; font-weight:normal; border-top:1px solid #000;border-bottom:1px solid #000; padding:10px 0 8px 0;}
#price .inner dl{ width:100%; text-align:center; padding:5px 0; font-size:13px;}
#price .inner dt{ width:75%; display:inline-block; text-align:left;}
#price .inner dd{ width:24%; display:inline-block; text-align:right;}
#price .inner .chusyaku{ font-size:13px; padding-top:5px; line-height:160%;}
#price .inner .coming{ font-size:30px;font-family: 'Hind', sans-serif;letter-spacing: 0.5em; text-align:center; padding:100px 0;}
#price .inner .menu{ width:100%;}

#price .inner .menu img{ width:100%;}



/******************************************************************************
 footer
*******************************************************************************/
#footer{ width:100%; margin:0 auto 0 auto; padding:80px 0 80px 0; background:url(../images/common/bg_footer.gif) #000;}
#footer .inner{ max-width:1000px; margin:0 auto;border-bottom:1px solid #898989; padding-bottom:50px;}
#footer .inner .sns_box{ width:250px; margin:0 auto;text-align:center;}
#footer .inner .mail_box{ width:400px; margin:0 50px; float:left; text-align:center;border-bottom:1px solid #898989 !important;}
#footer .inner .logo_box{ width:250px; margin:0 auto; float:right;}
#footer .inner .sub_tit{ height:11px; text-align:center; margin-bottom:30px;}
#footer .inner .sub_tit img{ height:11px; width:auto;}
#footer .inner .sns{}
#footer .inner .sns li{ display:inline-block; width:40px; margin:0 8px;}
#footer .inner .sns li img{ width:100%;}
#footer .inner .logo{ text-align:center;}
#footer .inner .logo li{ display:inline-block; width:auto; margin:0 8px;}
#footer .inner .logo li img{ width:auto; height:55px;}
#footer .copy{ font-size:10px; color:#888889; text-align:center; font-style:italic; padding-top:30px;}



/******************************************************************************
 bottan
*******************************************************************************/
.viewall {max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:10px; font-family:"a-otf-midashi-go-mb31-pr6n",sans-serif;}
.viewall .btn {width: 100%;}
.viewall .btn {text-align: center;}
.viewall .btn a, .viewall .btn span.txt2 {display: block;font-size: 15px;letter-spacing: 0.05em;padding: 5px 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;text-decoration: none;color:#c30b18;}
.viewall .btn a:hover {color: #FFF;text-decoration: none; color:#fff}
.viewall .btn .icon-right-open {margin-left: 10px;vertical-align: middle;}

.pagetop { display: none;position: fixed;bottom: 60px;right: 40px;}
.pagetop a {position: absolute;top: 0;left: 50%;width: 30px;height: 30px;margin-left: -12px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-226deg);
transform: rotate(-226deg);box-sizing: border-box;}
.pagetop a:hover {position: absolute;top: 0;left: 50%;width: 30px;height: 30px;margin-left: -12px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-226deg);transform: rotate(-226deg);box-sizing: border-box;}


@media screen and (max-width:1000px)
{
.midashi{ width:100%;}
.midashi h2{ font-size:25px; font-weight:300; font-family: 'Hind', sans-serif; text-align:center; letter-spacing:0.2em;}
.midashi_line{ height:10px; background:#dcdcdd; width:100%;}

.wapper{ width:100%!important; position:relative; z-index:2;}
#header.fixed { position: fixed; top: 0; }
#header {position:fixed;top: 0; z-index:1000;width: 100%;background: rgba(246,201,227,1); height:50px; border-bottom:3px solid #424241;}
#header .outer {position: relative; width:100%; height:50px;}
#header .inner {max-width:1000px; width:100%; height:50px; margin:0 auto; position:relative;}
#header .inner .logo{ width:35px; height:40px; float:left; margin-left:20px; margin-right:0; margin-top:5px;}
#header .inner .logo span{ text-indent:-9999px; display:block;}
#header .inner .logo img{ width:100%;}
#header .inner .warp{ float:none; width:auto;}
#header .inner .top{ height:50px;vertical-align: middle;}
#header .inner .sns_icon{ display:none;}
#header .inner .bottom{  display:none;}

#main{ margin-top:50px; z-index:2; position:relative; padding-bottom:0;}
#main .slider_box{ width:100%;}

.side-menu-btn{display:block;}
.sp_overlay {visibility: hidden;position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;background:000;-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 3;}
.sp_overlay::after {visibility: hidden;position: fixed;top: 40%;left: 0;display: block;width: 100%;height: 50px;color: rgba(255,255,255,0);font-size: 40px;font-weight: bold;text-align: center;-webkit-transition: all .5s ease;transition: all .5s ease;}
.side-open .sp_overlay {visibility: visible;cursor: pointer;background: rgba(0,0,0,.7);}
.side-open .sp_overlay::after {visibility: visible;color: rgba(255,255,255,.8);}

.side-menu {display:block;  position:fixed;top: 0;right: 0;width: 250px; padding:20px; box-sizing:border-box;height: 100%;background:#222;z-index: 1;color:#333; overflow:auto;}
.side-menu li{margin:10px 0;font-family: 'Hind', sans-serif;font-size:14px; font-weight:700; letter-spacing:0.1em; font-size:15px;}
.side-menu li a{color:#FFF;}
.side-menu-btn {position: fixed;top: 17px;right: 17px;width: 20px;height: 15px;background: #ccc;cursor: pointer;z-index:1000;overflow: hidden;background:#000 ;}
.side-menu-btn::before, .side-menu-btn::after {position: absolute;left: 0;content: "";width: 20px;height: 0;border-top: 3px solid #f6c9e3;}
.side-menu-btn::before {top: 3px;}
.side-menu-btn::after {bottom: 3px;}
.side-open .wapper{-webkit-transform: translate3d(-250px, 0, 0);transform: translate3d(-250px, 0, 0); position:absolute;}
.side-open .sp_overlay {-webkit-transform: translate3d(-250px, 0, 0);transform: translate3d(-250px, 0, 0); position:fixed;}
.side_sns_box{float:left; width:100%; margin:0;}
.side_sns_box p{float:left; margin:0 10px 0 0; width:20px; height:20px;line-height:20px; text-align:center;display: inline-table;}
.side_sns_box p img{vertical-align:middle;  height:20px;}

#content{ width:100%; max-width:1000px; margin:0 auto;  padding:0;}


/******************************************************************************
 News
*******************************************************************************/
#news{ width:100%; margin:0 auto;  background:#fff;padding:20px 0;}
#news .inner{ max-width:1000px; width:90%; margin:0 auto; padding:20px 0 0 0;}
#news .inner .news_box{ width:100%;}
#news .inner article{ width:100%; margin-bottom:10px;}
#news .inner article .thm{ width:100px; margin-right:3%; height:100px; float:left;}
#news .inner article .thm img { width:100%; vertical-align:bottom;}
#news .inner article .box{ width:63%;float:left;}
#news .inner article .box .day{font-size:10px; color:#f6c9e3;}
#news .inner article .box .tit{font-size:12px; font-weight:normal; margin-top:5px;}
#news .inner .details .tit{font-size: 16px;}
#news .inner .details .txt{text-align: left;}


/******************************************************************************
 press
*******************************************************************************/
#press{ width:100%; margin:0 auto;  background:#fbfbfb; padding:20px 0;}
#press .inner{ max-width:1000px; width:95%; margin:0 auto; padding:20px 0 0 0;}
#press .inner .news_box{ width:100%;}
#press .inner .news_box .coming{ font-size:20px;font-family: 'Hind', sans-serif;letter-spacing: 0.5em; text-align:center; padding:100px 0;}
#press .inner article{ width:100%; margin-bottom:10px;}
#press .inner article .thm{ width:100px; margin-right:3%; height:100px; float:left;}
#press .inner article .thm img { width:100%; vertical-align:bottom;}
#press .inner article .box{ width:63%;float:left;}
#press .inner article .box .day{font-size:10px; color:#f6c9e3;}
#press .inner article .box .tit{font-size:12px; font-weight:normal; margin-top:5px;}
/******************************************************************************
 About
*******************************************************************************/

#about{ width:100%; margin:0 auto;  background:#fff; padding:20px 0;}
#about .inner{ max-width:1000px; width:95%; margin:0 auto; padding:20px 0 0 0;}
#about .inner .photo{ width:100%;float:none; margin-right:0; border:1px solid #000; box-sizing:border-box;}
#about .inner .photo img { width:100%; vertical-align:bottom;}
#about .inner .txt_box{ width:100%; float:none; margin-top:10px;}
#about .inner .txt_box .subtit{color: #000;font-family: 'Hind', sans-serif; font-size: 18px;letter-spacing: 0.1em;}
#about .inner .txt_box .txt{ font-size:13px;line-height:180%; margin:10px auto 10px auto;}

#about .inner .photo .bx-wrapper .bx-pager{margin-top: -22px!important;}


/******************************************************************************
 Staff
*******************************************************************************/

#staff{ width:100%; margin:0 auto;  background:#fbfbfb; padding:20px 0;}
#staff .inner{ max-width:1000px; width:95%; margin:0 auto; padding:20px 0 0 0;}
#staff .inner ul{ width:100%; text-align:center;}
#staff .inner li{ width:48%; display:inline-block; margin-bottom:20px;}
#staff .inner li img{ width:100%;}
#staff .inner li .name{ font-size:13px;font-family: 'Hind', sans-serif; letter-spacing: 0.1em; line-height:100%;}
#staff .inner li .name span{ font-size:9px;font-family: 'Hind', sans-serif; letter-spacing: 0.1em;}


/******************************************************************************
 Style
*******************************************************************************/

#style{ width:100%; margin:0 auto;  background:#fff; padding:20px 0;}
#style .inner{ max-width:1000px; width:95%; margin:0 auto; padding:20px 0 0 0;}
#style .inner .left{max-width:100%;margin:0 auto 20px auto; float:none;}
#style .inner .right{max-width:100%;margin:0 auto; float:none;}
#style .inner .subtit{font-size:18px;font-family: 'Hind', sans-serif; letter-spacing: 0.5em; text-align:center; margin-bottom:5px; font-weight:normal;}
#style .inner ul{ width:100%; text-align:center;}
#style .inner li{ width:32%; display:inline-block;}
#style .inner li img{ width:100%;}
#style .inner .coming{ font-size:20px;font-family: 'Hind', sans-serif;letter-spacing: 0.5em; text-align:center; padding:100px 0;}

/******************************************************************************
 Price
*******************************************************************************/

#price{ width:100%; margin:0 auto;  background:#fbfbfb; padding:20px 0;}
#price .inner{ max-width:1000px; width:95%; margin:0 auto; padding:20px 0 0 0;}
#price .inner .left{width:100%;margin:0 auto; margin-right:0; float:none;}
#price .inner .right{width:100%;margin:0 auto; float:none;}
#price .inner .box{ margin-bottom:20px;}
#price .inner .subtit{font-size:15px;font-family: 'Hind', sans-serif; letter-spacing: 0.5em; text-align:center; margin-bottom:20px; font-weight:normal; border-top:1px solid #000;border-bottom:1px solid #000; padding:5px 0 3px 0;}
#price .inner dl{ width:100%; text-align:center; padding:2px 0; font-size:13px;}
#price .inner dt{ width:75%; display:inline-block; text-align:left;}
#price .inner dd{ width:24%; display:inline-block; text-align:right;}
#price .inner .chusyaku{ font-size:13px; padding-top:5px; line-height:160%;}
#price .inner .coming{ font-size:20px;font-family: 'Hind', sans-serif;letter-spacing: 0.5em; text-align:center; padding:100px 0;}






/******************************************************************************
 footer
*******************************************************************************/
#footer{ width:100%; max-width:1140px; margin:0 auto 0 auto; padding:20px 0 20px 0; background:url(../images/common/bg_footer.gif) #000;}
#footer .inner{ max-width:90%; margin:0 auto;border-bottom:none; padding-bottom:0;}
#footer .inner .sns_box{ width:100%; margin:0 auto; float:left; text-align:center;}
#footer .inner .mail_box{ width:100%; margin:0 auto; float:left; text-align:center;border-bottom:1px solid #898989 !important;}
#footer .inner .logo_box{ width:100%; margin:30px auto 0 auto; float:right;}
#footer .inner .sub_tit{ height:11px; text-align:center; margin-bottom:30px;}
#footer .inner .sub_tit img{ height:11px;}
#footer .inner .sns{}
#footer .inner .sns li{ display:inline-block; width:30px; margin:0 8px;}
#footer .inner .sns li img{ width:100%;}
#footer .inner .logo{ text-align:center;}
#footer .inner .logo li{ display:inline-block; width:auto; margin:0 8px;}
#footer .inner .logo li img{ width:auto; height:55px;}
#mc_embed_signup{ background:none !important;}
.email{ width:80% !important; padding:10px; border:none !important; background:none !important; margin:0 auto; color:#FFF !important; font-size:15px;  float:left;}
.clear{ width:10% !important; float:left; margin-top:10px;}
#mc_embed_signup .button{ background:none !important; height:8px !important; padding:0 !important; border-radius:0 !important; width:10px !important;}
#mc_embed_signup .clear
#footer .copy{ font-size:10px; color:#888889; text-align:center; font-style:italic; padding-top:30px; width:90%; margin:0 auto;}


.pc_dis{ display:none !important;}
.sp_dis{ display:block !important;}

.pt50{ padding-top:30px !important;}
.pt150{ padding-top:80px !important;}
.pt114{ padding-top:70px !important;}
.pt94{ padding-top:50px !important;}
}


@media screen and (max-width:640px)
{
.logo{ width:170px; margin:0 auto;}
.date{ width:90%; margin:30px auto 0 auto;}
.venue{ width:50%; margin:5px auto 0 auto;}
.sns{ text-align:center; color:#FFF; margin-top:0; margin-left:0; padding-bottom:30px;}
.sns li{ display:inline-block; margin:0 7px; font-size:100%;height:35px; vertical-align:middle; line-height:40px;}
.sns .hot{ width:40px;height:34px;}
.sns .snap{ width:19px; padding-top:5px;}
.youtube{ width:90%; margin:50px auto 30px auto;}
.youtube iframe{ width:100% !important; height:200px !important;}



.pt114{ padding-top:60px !important;}
.bx-controls-direction{ display:none !important;}
.bx-wrapper iframe {max-width: 100%; max-height:170px !important;display: block;}

#instafeed li{ display:inline-block; width:32%; margin:0.3%}

#footer{ margin-top:10px;}

}

.pc_dis{ display:block;}
.sp_dis{ display:none;}


#inline-content .photo{ width:100%; max-width:320px; margin:0 auto;}
#inline-content .photo img{ width:100%;}
#inline-content .txt_box{ width:100%; margin-top:50px;}

#inline-content .txt_box .subtit{ font-size:34px;font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif; text-align:center; letter-spacing:0.5em; text-decoration:underline; color:#000;}
#inline-content .txt_box .txt{ font-size:20px;font-family: "a-otf-futo-go-b101-pr6n",sans-serif; line-height:180%; margin:20px auto 10px auto; text-align:center;}
#inline-content .txt_box .txt_en{ font-size:12px;font-family:"a-otf-futo-go-b101-pr6n",sans-serif;  line-height:160%; margin:0 auto; text-align:center;}
#inline-content .towa{ width:100%; margin-top:10px; font-size:13px; line-height:180%;font-family: "a-otf-futo-go-b101-pr6n",sans-serif; text-align:center;}
#inline-content .towa_en{ width:100%; margin-top:10px; font-size:12px; line-height:160%;font-family: "a-otf-futo-go-b101-pr6n",sans-serif; text-align:center;}
#inline-content .what{font-size:25px; font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif;  margin-top:30px; letter-spacing:0.1em; text-align:center; text-decoration:underline;color:#000;}


@media screen and (max-width:640px)
{
#inline-content .photo{ width:100%; max-width:80%; margin:0 auto;}
#inline-content .txt_box{ width:100%; margin-top:20px;}
#inline-content .txt_box .subtit{ font-size:20px; letter-spacing:0; }	
#inline-content .txt_box .txt{ font-size:15px;line-height:160%; margin:20px auto 10px auto; text-align:left;}
#inline-content .txt_box .txt_en{ font-size:12px; line-height:140%; margin:0 auto;text-align:left;}
#inline-content .what{font-size:18px; margin-top:30px; letter-spacing:0; text-align:center;}
}