@charset "UTF-8";
@import "reset5.css";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body { color:#fff; background:#0e0c3a; line-height:1;  padding: 0; position: relative; min-height: 100%; overflow-x:hidden; -webkit-text-size-adjust: 100%; font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important }
html {  min-height: 100%; }

* html body { font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important }
*:first-child+html body { font-family:"brandon-grotesque", "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 14px default setting */
body { font-size:14px; line-height: 2.0; letter-spacing: 0.08em }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

h1,h2,h3,h4,h5 { font-weight: 500; font-family: YuMincho,    /* Macの游明朝 */
               'Yu Mincho', /* Windowsの游明朝 */
               'MS Mincho', /* 游明朝がないWindows（MS PMinchoなら字詰めされる） */
               serif; letter-spacing:0.1em; }
body p, body li, body td, body dd { letter-spacing: 0.12em; font-weight: 300 }

/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}


img { vertical-align:bottom; }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }



.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }

.ml90 { margin-left:90px !important; }

/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }



.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }


/* !Links */
a:link { color: #fff; text-decoration: none }
a:visited { color: #fff; text-decoration: none }
a:hover { color: #fff; text-decoration: underline }
a:active { color: #fff; text-decoration: none }




html {  }
#wrapper { width: 100%; text-align: center; /*background:url(../../assets/img/bottom_bg.jpg) no-repeat; background-position:bottom center;*/ }
#wrapper img.bg { position: fixed; left: 0; top: 0; z-index: 0;}
#wrapper .foot { position: absolute; left: 0; bottom: 0; z-index: 0;}
#loader { position: fixed; left: 50%; top: 50%; margin: -30px 0 0 -30px; display: none; z-index: 1000 }
.contents { padding: 0 0 100px; position: relative; z-index: 10 }




/* header */
#header { padding:10px 0; position: relative; background: #0e0c3a; z-index: 1001 }
.sp_menu { display:none; }



/* nav */
#nav { width: 100%; position: relative; background: #0e0c3a; z-index: 1001 }
#nav ul { padding: 10px; }
#nav ul li { float:left; width:16.666%; position: relative }
#nav ul li a { display:block;  border-right:1px solid #6d6c88; text-decoration:none; color:#e0f2f9; font-size:13px; position:relative;}
#nav ul li:last-child a { border-right:none; }
#nav ul li a span { padding: 10px 0; display:block; position: relative; z-index: 10 }
#nav ul li a span.bg { display:block; background:#3e3d61; width: 100%; height: 0; padding: 0; position: absolute; left: 10px; bottom: 0; z-index: 0 }
#nav ul li .current span.bg { height: 100% } 
#nav ul li ol { position: absolute; width: auto; background: #0e0c3a; display: none }
#nav ul li ol li { float: none; width: 100%; background: #0e0c3a; padding: 5px 0; border-bottom:1px solid #6d6c88; }
#nav ul li ol li a { border-right: none; font-size: 12px; }
#nav ul li ol.wid_2 li { float: left; width: 50% }
#nav ul li .btn_small { padding:5px 10px 0; text-align:left; font-size:13px; letter-spacing:0.1em; }
#nav ul li .btn_small .inner { padding:0 !important; }
#nav ul li .btn_small .btn_sm { padding:0 0 0 25px !important; }
#nav ul li .btn_small .arw { position: absolute; top:50%; left:10px; margin:-3px 0 0 0; }
#nav_sp { display: none; }
#nav ul li.gnav3 a p.cs { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; margin-top: -1em }



/* footer */
#footer { background:url(../../assets/img/footer_bg.jpg) repeat-x; background-position:bottom;  padding:0 0 80px; position:relative; z-index: 10 }
#footer .footer_logo { position:absolute; bottom:80px; left:65px; }
#footer .copyright { text-align:right; padding:20px 90px 0 0; }
#footer .copyright p { font-size:12px; color:#fff; margin:10px 0 0 0; text-align:right; }



/* page_top */
#gotop { position: fixed; right: 20px; bottom: 30px; width: 65px; height: 65px; overflow: hidden; z-index: 1001 }
#gotop a { display: block; cursor: pointer;  }




/* 全てのページ　汎用性のある id とclass */
p { text-align:left; }
.txt_yellow { color:#f4e360; }

.btn_language { position:absolute; top:0; right:0; width:260px; height:60px; line-height: 0; z-index: 1002; }
.btn_language a.bl_inner { display: block; position: relative; padding: 25px 40px; text-align: left; background:#000;  }
.btn_language a.bl_inner:hover { background:#272727; }
.btn_language span { position:absolute; top:10px; right:0; padding: 15px 0; display:block; border-left:1px solid #333336; width:50px; text-align: center }
.btn_language a.bl_inner:hover span { padding: 16px 0 14px; }
.btn_language ul { background: #000; position: relative; border-top: solid 1px #6d6c88; display: none }
.btn_language ul li { float: left; width: 50%;  }
.btn_language ul li a { padding: 20px; display: block; line-height: 1em; border: solid #6d6c88; border-width: 0 1px 1px 0 }

.btn_detail a { color:#fbdf00; text-decoration:underline; position:relative; padding:0 20px 0 0; }
.btn_detail .arw { position:absolute; top:50%; right:0; margin:-5px 0 0 0; }

.btn_square a { width:700px; background:#6d6c88; color:#fff; font-size:24px; letter-spacing:0.3em; text-decoration:none; text-align:center; margin:0 auto; padding:15px 0; display:block; position:relative; }
.btn_square .arw { position:absolute; top:50%; left:30px; margin:-6px 0 0 0; }

.pc_none { display:none; }
.for_sp { display:none; }

.zm { overflow: hidden }

/* 終了アナウンスp */
.close p {
text-align: center;
padding: 20px;
font-weight: 200; font-family: YuMincho,    /* Macの游明朝 */
               'Yu Mincho', /* Windowsの游明朝 */
               'MS Mincho', /* 游明朝がないWindows（MS PMinchoなら字詰めされる） */
               serif; letter-spacing:0em;
}

/* top */
#top h2 { color:#e0f2f9; }
#top .clm_2 {}
#top .clm_2 li { float:left; width:50%;}
#top .btn_detail { text-align:right; padding:20px 40px 50px 0; }

.top_main { position:relative; z-index: 1001; }
.top_main h1 {position:absolute; top:30px; left:0; right:0; z-index: 100; }

/*topムービー終了後にロゴ出てくる仕様は下記を使用してね！*/
.top_main h1 {position:absolute; top:30px; left:0; right:0; z-index: 100; display: none }

.top_main .mov { background: #000; position: relative; padding: 0; margin: 0; z-index: 0; overflow: hidden }
.top_main .mov .panel { position: absolute; left: 0; top: 0; z-index: 10; display: none }
.top_nav { margin: 0; z-index: 1001; position:relative; }

.news { background:#000; padding:25px 40px }
.news ul { margin:0 0 0 -20px; }
.news ul li { float:left; width: 50%; }
.news ul li .inner { margin:0 0 0 20px; display:table; }
.news .thumb { float:left; margin:0 25px 0 0; }
.news p { display:table-cell; vertical-align:middle; }
.news a { color:#e0f2f9; text-decoration:none; }

.special { background:#ccccd6; padding: 60px 80px; }
.special h2 { margin: 15px 0; }
.special .copy { color:#020531; font-size:16px; text-align:center; font-family: YuMincho, 'Yu Mincho', 'MS Mincho', serif; }
.special ul { margin: 40px 0 20px -50px; text-align:left; }
.special ul li { float:left; width:33.333%; margin:0 0 40px 0; }
.special ul li .inner { margin:0 0 0 50px; }
.special h3 a { color:#020030; font-size:22px; line-height:1.6; text-decoration:none; padding:0 12px; margin:20px 0 0 0; display:block; }
.special .ph { position: relative; }
.special .ph img { position: relative; }
.special .num_box { background:#0e0c3a; color:#f4e360; width:116px; padding:10px 0; text-align:center; line-height:1; display:inline-block; position:absolute; bottom:-10px; left:-10px; z-index: 10 }
.special .num_box .num { color:#fff; font-size:28px; }
.special p { color:#020531; font-size:15px; text-align:center; margin:30px 0 0 0; }

.area8 { padding:50px 0 0 0; }
.area8 h2 { margin:20px 0; }
.area8 .copy {color:#fff; font-size:16px; text-align:center; font-family: YuMincho, 'Yu Mincho', 'MS Mincho', serif; }
.area8 .slide { margin: 40px 0 15px; position: relative }
.area8 .slide img { position: absolute; left: 0; top: 0; display: none }
.select { margin: 30px 0 0; padding: 0 80px; }
.select li { float:left; width:15.5%; }
.select li a { margin: 0 0 0 30px; display: block }
.select li a img { border-radius:100px; }
.select li span { font-size:12px; line-height:1.6; margin:10px 0 0 0; display:inline-block; opacity: 0 }
.select li.current span { opacity: 1 }
.select li.current img { transform: scale(1.08); }


.event { margin:80px 0 0 0; }
.event h2 { font-size:48px; margin:25px 0 30px 0; }
.event h3 { font-size:28px; padding:0 60px; line-height:1.4; text-align:left; margin:0 0 15px 0; }
.event h3 span { font-size:18px; }
.event p { font-size:16px; padding:0 60px; }
.event .ph { margin:0 0 20px 0; }

.food_and_goods { margin:70px 0 0 0; }
.food_and_goods h2 { font-size:42px; margin:25px 0 30px 0; }
.food_and_goods p { font-size:15px; padding:0 60px; }
.food_and_goods .ph { margin:0 0 20px 0; }

/* 2018.10.31　CM  MOVIE　追加 */
.cm { margin:70px 0 0 0; }
.cm h2 { font-size:42px; margin:25px 0 30px 0; }
.cm p { font-size:15px; padding:0 60px; }
.cm .ph { margin:0 0 20px 0; }

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	

.instagram { margin: 80px 0; padding:0 100px }
.instagram h2 { margin:0 0 30px 0; }
.instagram .insta_logo { margin:40px 0 0 0; }



/* 下層ページ */
/* 下層ページ　汎用性のある id とclass */
#main { margin:0 0 70px 0; position:relative; }

.sec { padding: 0 80px; margin: 0 auto; min-width:1024px; max-width:1280px; position:relative; }
.sec_bg { background:rgba(50,48,87,0.8); padding: 0 0 60px; }

h2 { font-size:44px; margin:0 0 40px 0; line-height:1.6; }
h2 span { font-size:18px; display:block; }
.read { font-size:18px; text-align:center; margin:0 0 60px 0; }

.tit { padding:60px 0 40px; }
.tit h3 { color:#e0f2f9; font-size:36px; }
h3.txt_big { font-size:40px; font-weight:normal; margin:0 0 25px; }

.info { background:rgba(204,204,214,0.2); padding:15px 20px; margin:30px 0 0 0; }
.info dt { float:left; width:12%;}
.info dd { float:left; width:88%; }

.idx_list h3 { font-size:32px; line-height:1.3; margin:0 0 25px 0; }
.idx_list h3 span { font-size:20px; }

.block_list {  }
.block_list li { position:relative; margin:0 0 60px 0; text-align:left; }
.block_list .img_l .img_box { float:left; width:63.333%; }
.block_list .img_r .img_box { float:right; width:63.333%; }
.block_list .img_l .txt_box { width:46.666%; position:absolute; top:60px; right:0; }
.block_list .img_r .txt_box { width:46.666%; position:absolute; top:60px; left:0; }

/*2018.10.25*/
.block_list .txt_box { background:rgba(1, 0, 40,0.8);
border: solid 1px rgba(176,176,190,0.6);
box-shadow: 0px 0px 0px 10px rgba(1, 0, 40,0.8)
}
.block_list .txt_box .tb_inner { padding: 30px }
.block_list h4 { color:rgba(199,199,214,1); font-size:32px; line-height:1.6; margin:0 0 20px 0; }
.block_list h4 span { font-size:20px; display:block; }
.block_list p {color:rgba(199,199,214,1); }


.block_list a {color:#fbdf00; font-weight:600; }
.block_list .num { margin:0 0 20px 0; }
.sec_bg .block_list li:last-child { margin:0; }
.xmas .block_list li:last-child { margin:0; }

.group { margin:0 0 80px 0; }
.group p { font-size:16px; padding:0 40px; }
.group h3 { font-size:32px; font-weight:normal; margin:0 0 25px; }
.group .period { color:#f4e360; font-size:26px !important; font-weight:600; }
.group .period span { font-size:18px; }
.group .closed { color:#f4e360; font-size:18px !important; }
.group .notes { font-size:16px !important; line-height:1.8; }
.group .period br { display:none; }

table { border:1px solid #554b77; }
td { border-bottom:1px solid #554b77; border-right:1px solid #554b77; }
th { border-bottom:1px solid #554b77; border-right:1px solid #554b77; background:rgba(204,204,214,0.2); text-align:center; }



/* area */
#area {}
#area #main {  }
#area #main .lay { position: absolute; left: 0; top: 0 }
#area #main .cv { position: absolute; z-index: 0; opacity: 0 }
#area #main .cv1 { width: 9.1%; height: auto; left: 47.87%; top: 19.5%; }
#area #main .cv2 { width: 21.6%; height: auto; left: 40.35%; top: 7.43%; }
#area #main .cv3 { width: 29.60%; height: auto; left: 44.62%; top: 7.05%; }
#area #main .cv4 { width: 9.38%; height: auto; left: 56.46%; top: 19.9%; }
#area #main .cv5 { width: 12.9%; height: auto; left: 63.5%; top: 28%; }
#area #main .cv6 { width: 22.10%; height: auto; left: 57.69%; top: 32.0%; }
#area #main .cv7 { width: 18.69%; height: auto; left: 53.60%; top: 43.6%; }
#area #main .cv8 { width: 17.60%; height: auto; left: 67.25%; top: 33.5%; }
#area #main .cv9 { width: 16.68%; height: auto; left: 73.95%; top: 11.95%; }
#area #main .cv10 { width: 4.68%; height: auto; left: 80.95%; top: 22.65%; }
#area #main .cv11 { width: 8.12%; height: auto; left: 84.28%; top: 2.56%; }
#area #main .cv12 { width: 12.12%; height: auto; left: 74.78%; top: 48.52%; }

.map-main {
background-color: #000000;
padding: 0 0 40px 0;
}

/*エリア一覧　枠組み*/
#area .idx_list li { 
min-height: 430px;
border:1px solid #554b77; 
padding:40px; 
margin:0 0 60px 0; 
text-align:left; 
background:rgba(14,12,58,0.65); 
position: relative;
}

/*エリア一覧　神々背景*/
#area .idx_list .god01 { 
background-image: url("../../area/img/bg_god_01.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: 55%;
}
#area .idx_list .god02 { 
background-image: url("../../area/img/bg_god_02.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 53%;
}
#area .idx_list .god03 { 
background-image: url("../../area/img/bg_god_03.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: 55%;
}
#area .idx_list .god04 { 
background-image: url("../../area/img/bg_god_04.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 53%;
}
#area .idx_list .god05 { 
background-image: url("../../area/img/bg_god_05.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: 50%;
}
#area .idx_list .god06 { 
background-image: url("../../area/img/bg_god_06.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 53%;
}
#area .idx_list .god07 { 
background-image: url("../../area/img/bg_god_07.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: 65%;
}
#area .idx_list .god08 { 
background-image: url("../../area/img/bg_god_08.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 60%;
}
#area .idx_list .god09 { 
background-image: url("../../area/img/bg_god_09.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: 60%;
}
#area .idx_list .god10 { 
background-image: url("../../area/img/bg_god_10.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 53%;
}
#area .idx_list .god11 { 
background-image: url("../../area/img/bg_god_11.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: 65%;
}
#area .idx_list .god12 { 
background-image: url("../../area/img/bg_god_12.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 58%;
}

#area .idx_list .img_l { position:relative; }
#area .idx_list .img_r { position:relative; }
#area .idx_list .img_l .img_box { float:left; width: 50%; }
#area .idx_list .img_r .img_box { float:right; width: 50%; }

#area .idx_list .img_l .txt_box { float:left; width:50%; }
#area .idx_list .img_r .txt_box { float:right; width:50%; }
#area .idx_list .img_l .txt_box .inner { padding:0 0 0 60px; }
#area .idx_list .img_r .txt_box .inner { padding:0 60px 0 0; }

/*2019追記　テキストボックス微調整　文字右寄せ*/
#area .idx_list .img_r .txt_box_01 { float:right; width:32%; padding-right:4%; }
/*2019追記　テキストボックス微調整　文字左寄せ*/
#area .idx_list .img_r .txt_box_02 { float:left; width:32%; padding-right:4%; }

#area .idx_list .img_l .btn_detail { position:absolute; bottom:30px; right:40px; }
#area .idx_list .img_r .btn_detail { position:absolute; bottom:30px; left:50%; margin:0 0 0 -175px; }
#area .idx_list .num { margin:25px 0 35px 0; }
#area .notes { text-align:right; }
#area .btn_square { margin:80px 0 0 0; }

/*2019オリーブ装飾追記*/
#area .idx_list .leaf:before{
		content: url("../../area/img/bg_olive_right.png");
		position: absolute;
		top: -9%;
		right: -3.5%;
		z-index: 100;
	}
#area .idx_list .leaf:after{
		content: url("../../area/img/bg_olive_left.png");
		position: absolute;
		bottom: 37%;
		left: -3.5%;
		z-index: 100;
	}

.area_idx_bigtit { 
position:absolute; 
height: 200px;
bottom: 360px; 
margin: 0 0 0 -60px;
left:100px; 
padding: 190px 0 0 70px;
background-image: url("../../area/img/img_h2_idx.png");
background-position: left;
background-repeat: no-repeat;
background-size: 50%;
}

.area_idx_read {
position: absolute;
bottom: 220px;
left: 70px;
font-size: 16px;
}

.god12_img {
text-align: center;
margin: 0 auto;
}

/*2019エリア下層　h2 左右オリーブ装飾追加*/
#area .area_tit_olive:before { 
content: url("../../area/img/h2_olive_L.png");
-webkit-transform: scale(0.5);
transform: scale(0.5);
position: absolute;
top: -1%;
left: 12%;
z-index: 100;
}
#area .area_tit_olive:after { 
content: url("../../area/img/h2_olive_R.png");
-webkit-transform: scale(0.5);
transform: scale(0.5);
position: absolute;
top: -1%;
right: 12%;
z-index: 100;
}

#area .read { 
min-height: 240px;
font-size:18px; 
margin-left: 20%;
width: 800px;
}
#area .read p { 
padding: 80px 40px 0 140px;
text-align: left; 

}

/*2019エリア下層　read 神々背景*/
#area .read-god01 { 
background-image: url("../../area/img/bg_area01.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
#area .read-god02 { 
background-image: url("../../area/img/bg_area02.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
#area .read-god02 p { 
margin-left: 120px;
}
#area .read-god03 { 
background-image: url("../../area/img/bg_area03.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
#area .read-god04 { 
background-image: url("../../area/img/bg_area04.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
}
#area .read-god04 p { 
margin-left: -120px;
}
#area .read-god05 { 
background-image: url("../../area/img/bg_area05.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
}
#area .read-god05 p { 
margin-left: -120px;
}

#area .read-god06 { 
background-image: url("../../area/img/bg_area06.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
}
#area .read-god06 p { 
margin-left: -170px;
}
#area .read-god07 { 
background-image: url("../../area/img/bg_area07.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
#area .read-god07 p { 
margin-left: 90px;
}
#area .read-god08 { 
background-image: url("../../area/img/bg_area08.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
#area .read-god08 p { 
margin-left: 50px;
}

#area .read-god09 { 
background-image: url("../../area/img/bg_area09.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
#area .read-god09 p { 
margin-left: 50px;
}

#area .read-god10 { 
background-image: url("../../area/img/bg_area10.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
#area .read-god11 { 
background-image: url("../../area/img/bg_area11.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
#area .read-god12 { 
background-image: url("../../area/img/bg_area12.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}

.jewel { margin:60px 0 70px 0; }
.jewel h3 { color:#f4e360; font-size:30px; margin:0 0 10px 0 !important; }
.jewel p { font-size:16px; text-align:center; }
.jewel ul { font-size:0; margin:20px 0 40px 0; }
.jewel ul li { display:inline-block; padding:0 30px; vertical-align:top }
.jewel ul li p { font-size:14px; line-height:1.2; margin:10px 0 0 0; text-align:center; }

.stories { margin:0 0 60px 0; }
.stories h5 { color:#e0f2f9; font-size:24px; margin:70px 0 20px 0; }
.stories .inner { border:1px solid #72728d; width:840px; margin:0 auto; padding:20px 40px; text-align:left; }
.stories h3 a { color:#fff; font-size:22px; line-height:1.6; text-decoration:none; display:block; }
.stories .ph { float:left; width:50%; position:relative; }
.stories .txt_r { float:left; width:50%; }
.stories .stories_tit { margin:50px 0 10px 0; }
.stories .copy { color:#bcbcc9; font-size:13px; font-family: YuMincho, 'Yu Mincho', 'MS Mincho', serif; margin:0 0 20px 56px; }
.stories .num_box { background:#0e0c3a; color:#f4e360; width:116px; padding:10px 0; text-align:center; line-height:1; display:inline-block; position:absolute; bottom:-8px; left:-8px;  }
.stories .num_box .num { color:#fff; font-size:28px; }
.sec_bg .stories { margin:0; }
.stories .jewel h3 { color:#f4e360; font-size:30px; margin:0 0 10px 0 !important; }

.select_area { 
background:#020119; 
padding: 40px 0 0 0;
position:relative; 
}
.select_area .select {
position: absolute; 
top:140px; 
min-width:1024px; 
max-width:1280px; 
margin: 0 auto; 
z-index:100; 
}
.select_area .select li span { 
font-size:12px; 
line-height:1.6; 
margin:10px 0 20px 0; 
display:inline-block; 
opacity: 0 ;
text-align: center;
}

.select_area .select li.current span { opacity: 1 }
.select_area .map { margin:300px auto 0; min-width:1024px; position:relative; z-index:90; }
.select_area .map .tit { position:absolute; top:150px; left:50%; margin:0 0 0 -28px; z-index:90; }
.select_area .map-canvas { background: url(../../area/img/map.jpg) center top; background-size: cover; position: relative; z-index: 0 }
.select_area .map-canvas img.txt { position: relative; z-index: 0; }
/*.select_area .map-canvas img.txt { position: absolute; left: 0; top: 0; z-index: 10 }*/
.select_area .map-canvas .cv { position: absolute; z-index: 0; opacity: 0 }
.select_area .map-canvas .cv1 { width: 11.26%; height: auto; left: 25.4%; top: 34.6%; }
.select_area .map-canvas .cv2 { width: 25.9%; height: auto; left: 16.31%; top: 22.0%; }
.select_area .map-canvas .cv3 { width: 35.88%; height: auto; left: 21.58%; top: 21.75%; }
.select_area .map-canvas .cv4 { width: 11.55%; height: auto; left: 35.8%; top: 35.6%; }
.select_area .map-canvas .cv5 { width: 15.6%; height: auto; left: 44.25%; top: 44.25%; }
.select_area .map-canvas .cv6 { width: 26.9%; height: auto; left: 37.35%; top: 48.5%; }
.select_area .map-canvas .cv7 { width: 23.2%; height: auto; left: 32.02%; top: 61.24%; }
.select_area .map-canvas .cv8 { width: 21.3%; height: auto; left: 48.8%; top: 50.16%; }
.select_area .map-canvas .cv9 { width: 20.3%; height: auto; left: 56.98%; top: 26.95%; }
.select_area .map-canvas .cv10 { width: 5.80%; height: auto; left: 65.40%; top: 37.95%; }
.select_area .map-canvas .cv11 { width: 10.05%; height: auto; left: 69.40%; top: 16.75%; }
.select_area .map-canvas .cv12 { width: 14.80%; height: auto; left: 57.95%; top: 66.35%; }


/* event */
#event {}
#event .block_list { margin:80px 0 100px; }



/* fountain */
#fountain {}
#fountain .idx_list {}
#fountain .idx_list li { margin:0 0 80px 0; text-align:left; }
#fountain .idx_list .img_l .img_box { float:left; width:50%; border:1px solid #554b77; box-sizing:border-box; position:relative; background:rgba(14,12,58,0.65); }
#fountain .idx_list .img_r .img_box { float:right; width:50%; border:1px solid #554b77; box-sizing:border-box; position:relative;  background:rgba(14,12,58,0.65);}
#fountain .idx_list .img_box .inner { padding:20px 40px; }
#fountain .idx_list .img_l .txt_box { float:left; width:50%; }
#fountain .idx_list .img_r .txt_box { float:right; width:50%; }
#fountain .idx_list .img_l .txt_box .inner { padding:0 0 0 120px; }
#fountain .idx_list .img_r .txt_box .inner { padding:0 120px 0 0; }
#fountain .idx_list .arw_l { position:absolute; top:50%; left:-20px; margin:-21px 0 0 0; }
#fountain .idx_list .arw_r { position:absolute; top:50%; right:-20px; margin:-21px 0 0 0; }
#fountain .idx_list h3 span { display:block; line-height:2.4; }

.bnr_xmas {
text-align: center;
padding: 30px 0 0 0 ;
}

/* food */
#food h2 span { font-size:24px; }
#food .block_list .txt_box .tb_inner { padding: 70px 40px 40px; }
#food .block_list .txt_box .price { font-family:18px; font-weight:600; position:absolute; bottom:40px; right:40px; }
#food .block_list .txt_box .txt_r { font-size:16px; text-decoration:underline; font-family: YuMincho, 'Yu Mincho', 'MS Mincho', serif; position:absolute; top: 20px; right:20px; }
#food .block_list .txt_box h4 { font-size:30px; }
.xmas { background:rgba(50,48,87,0.8) url(../../food/img/xmas_bg.png) no-repeat; background-position:center top; padding:0 0 80px; }
.xmas h3 { color:#cccc99; font-size:36px; margin:40px 0 35px 0;  }
.icon { margin:-35px 0 0 0; }
.goods_main { margin:120px 0 70px 0; }



/* guidance */
#guidance {}
#guidance h4 { text-align:left; font-size:20px; padding:0 40px; margin:0 0 15px 0; color:#f4e360; text-decoration:underline;  font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; } 
#guidance .ph { margin:0 0 25px 0; }
#guidance .closed { margin:0 0 10px 90px; }
#guidance .period span { font-weight:normal !important; }

#guidance .tiket li { margin:0 0 30px 0; }
#guidance .tiket li:last-child { margin:0; }
#guidance .tiket p { font-size:14px; }

#guidance table.fee01_pc { margin:10px 0 40px 0; }
#guidance table.fee01_pc th { height:60px; font-size:16px; }
#guidance table.fee01_pc td { text-align:center; font-size:20px; height:110px; background:rgba(14,12,58,0.65); }
#guidance table.fee01_pc td span { font-size:30px; }
#guidance table.fee01_pc .cell_l { width:28%; }
#guidance table.fee01_pc .cell { width:18%; }

#guidance table.fee02_pc { margin:0 0 15px 0; }
#guidance table.fee02_pc th { height:60px; font-size:16px; }
#guidance table.fee02_pc td { text-align:center; font-size:20px; height:110px; background:rgba(14,12,58,0.65); }
#guidance table.fee02_pc td span { font-size:30px; }
#guidance table.fee02_pc .cell0_l { width:40%; }
#guidance table.fee02_pc .cell { width:20%; }
#guidance table .item { text-align:left !important; padding:0 0 0 30px; line-height:1.4; }
#guidance table .item .notes { color:#fff; font-size:13px; }

.calender_block { background:rgba(65,64,100,0.9); margin:0 0 10px 0; position:relative; }
.calender_head { padding:35px 40px; cursor:pointer; }
.calender_head .inner { border-bottom:2px solid #fff; padding:0 0 15px 0; } 
.calender { padding:0 80px; }
.month { float:left; }
.year { float:right; margin:0 15px 0 0; }
.week { border:none !important; margin:0 0 10px 0; }
.week th { background:none; border:none; width:14.2%; }
.cal_pc { margin:0 0 30px; }
.cal_pc td { background:#ccccd6; width:14.2%; padding:20px 15px; vertical-align:text-top; height:100px; }
.cal_pc .date { color:#020030; font-size:32px; font-weight:600; line-height:1; display:block; }
.cal_pc .open { color:#020030; display:block; margin:5px 0 0 0; }
.cal_pc .close { background:#a3a3ab; }
.btn_close { text-align:right; padding:0 0 40px; margin:0 -50px 0 0; }
.sat { color:#006699 !important; }
.sun { color:#ff3366 !important; }



/* schedule */
#schedule .idx_list {}
#schedule .idx_list li { border:1px solid #554b77; padding:30px; margin:0 0 60px 0; text-align:left; position:relative; background:rgba(14,12,58,0.65); }
#schedule .idx_list li:last-child { margin:0; }
#schedule .idx_list .img_box { float:left; width:50%; }
#schedule .idx_list .txt_box { float:right; width:50%; }
#schedule .idx_list .txt_box .inner { padding:0 0 0 60px; }

.btn_select { border-bottom:3px solid #fff; margin:0 0 60px 0; }
.btn_select .inner { width:50%; float:left; }
.btn_select .btn_l { background:#3e3c61; margin:0 2px 0 0; }
.btn_select .btn_r { background:#3e3c61; margin:0 0 0 2px;  }
.btn_select p { font-size:20px; text-align:center; padding:15px 0 10px 0; }
.btn_select a { display:block; text-decoration:none; }
.btn_select .current { background:#6d6c88; }
.btn_select .current p { color:#f4e360; }

#schedule th { border:none; padding:10px 0; }
#schedule td { padding:20px; position:relative; background:rgba(14,12,58,0.65); }
#schedule .cell_l { width:49%;} 
#schedule .cell { width:3%; position:relative; } 
#schedule .cell span.time { position:absolute; top:10px; right:25px; z-index:100; }
#schedule .cell .line { position:absolute; bottom:0; left:0; z-index:100; }
#schedule .thumb { margin:0 20px 0 0; float:left; }
#schedule .item { font-size:18px; line-height:1.6; display:table; }
#schedule .item p { display:table-cell; vertical-align:middle; }
#schedule .open { background:#f4e360; opacity: 0.8;}
#schedule .open_02 { background:#f99ac8; opacity: 0.8; }
#schedule .open_03 { background:#91ebf2; opacity: 0.8; }
#schedule .open_04 { background:#b0ff93; opacity: 0.8; }
#schedule .open_05 { background:#00bd7f; opacity: 0.8; }
#schedule .open_06 { background:#ff004d; opacity: 0.8; }

/* white_jewel */
#white_jewel {}
#white_jewel h2 span { font-size:24px; }
#white_jewel ul { text-align:left; font-size:16px; list-style-type:disc; list-style-position:outside; padding:0 60px; }
#white_jewel table.business_hour { margin:0 0 20px 0; }
#white_jewel table.business_hour th { font-size:20px; height:90px; }
#white_jewel table.business_hour td { font-size:20px; padding:0 0 0 30px; line-height:1.7; background:rgba(14,12,58,0.65); }
#white_jewel table.fee_pc { margin:0 0 20px 0; }
#white_jewel table.fee_pc th { font-size:20px; width:33.3%; height:60px; }
#white_jewel table.fee_pc td { text-align:center; font-size:20px; height:110px; background:rgba(14,12,58,0.65); }
#white_jewel table.fee_pc td span { font-size:30px; }

/* ピクトグラム追加2019*/
#white_jewel .pict { margin:60px 0 70px 0; }
#white_jewel .pict h3 { color:#f4e360; font-size:30px; margin:0 0 10px 0 !important; }
#white_jewel .pict p { font-size:16px; text-align:left; }
#white_jewel .pict ul { font-size:0; margin:20px 0 40px 0; text-align:center; }
#white_jewel .pict ul li { display:inline-block; padding: 20px; vertical-align:top; text-align:center; }
#white_jewel .pict ul li p { font-size:14px; line-height:1.2; margin:10px 0 0 0; padding:10px 0; text-align:center; }



/* motoko_ishii */
#motoko_ishii {}
.profile { text-align:left; margin:0 0 100px 0; }
.profile h2 { color:#f4e360; margin:30px 0 15px 0; }
.profile .img_l { float:left; border:1px solid #7b724c; padding:20px; margin:0 60px 0 0; }
.profile .name { margin:0 0 20px 0; }
.profile .website { font-size:14px !important; margin:0 0 20px 0; }
.profile p { font-size:18px; }
.gallery01  { margin:0 0 0 -40px; }
.gallery01 li { text-align:left; margin:0 0 25px 0; }
.gallery01 li.fltL { width:30%; }
.gallery01 li.fltR { width:70%; }
.gallery01 li .inner { padding:0 0 0 40px; }
.gallery01 li img { margin:0 0 10px 0; }
.gallery01 li span { font-size:13px; }
.gallery02  { margin:0 0 0 -40px; }
.gallery02 li { float:left; width:50%; text-align:left; margin:0 0 25px 0; }
.gallery02 li .inner { padding:0 0 0 40px; }
.gallery02 li img { margin:0 0 10px 0; }
.gallery02 li span { font-size:13px; }
.small { margin:0 0 0 -40px; }




/* special */
#special .sec { padding:0 80px; margin: 0 auto; min-width:1024px; max-width:1280px; position:relative; }
#special #main { margin:0; }
#special h2 { margin:30px 0 15px 0; }
#special .copy { color:#e0f2f9; font-size:16px; text-align:center; font-family: YuMincho, 'Yu Mincho', 'MS Mincho', serif; margin:0 0 50px 0; }
#special .special { background:none; padding:0; margin:70px 0 0 0; } 
#special .special h3 a { color:#f8f7fc; }
#special .btn_cate { font-size:0; }
#special .btn_cate li { display:inline-block; margin:0 35px; }
#special .btn_cate a { display:block; position:relative; }
#special .btn_cate span { background:url(../../special/img/dotline.png) repeat-x; background-position:bottom left; display:block; padding:10px 0; }
#special .btn_cate .btn_tx { padding:0 20px 0 0; }
#special .btn_cate .arw { position:absolute; top:50%; right:0; margin:-5px 0 0 0; }
#special .btn_cate .current { background:#fff; padding:10px 20px; }
#special .btn_cate .current .btn_tx { padding:0; }
#special .btn_cate .current .arw { display:none; }
#special .btn_cate .current span { background:none; padding:0 !important; }
#special article { width:980px; margin:0 auto; position:relative; }
#special article .num_box { background:#000; color:#f4e360; width:310px; margin:0 auto; font-size:16px; line-height:1; padding:25px; position:absolute; top:-80px; left:0; right:0; }
#special article .num_box .num { color:#fff; font-size:48px; }
#special article .num_box img { margin:0 20px 0 0; }
#special article h3 { color:#f8f7fc; line-height:1.6; font-size:36px; padding:60px 0 20px 0; }
#special article p { font-size:18px; padding:0 70px; margin:80px 0 0 0; }
#special article .ph { margin:70px 0 0 0; }
#special article .ph_box01 .flt_l { float:left; }
#special article .ph_box01 .flt_r { float:right; }
#special article .ph_box01 .flt_l .inner { width:325px; }
#special article .ph_box01 .flt_r .inner { width:650px; }
#special article .cap { text-align:left; margin:10px 0 0 0; display:block; }
#special article .notes { font-size:13px; text-align:right; margin:40px -80px 0 0; }
#special .btn_sns { font-size:0; margin:100px 0 0 0; }
#special .btn_sns li { display:inline-block; margin:0 15px; }
#special .btn_sns .icon_twitter { border-radius:40px; border:1px solid #6babe8; margin:15px 0 0 0; }
#special .btn_sns .icon_facebook { border-radius:40px; border:1px solid #50669d; margin:15px 0 0 0; }
#special .btn_square { margin:60px 0 0 0; }

.other_stories .special { padding: 40px 0 0 !important }
.other_stories .special li { margin-bottom: 0 !important }


.wh { color: #fff !important }


.movie-wrap {	
position: relative;	
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/	
height: 0;	
overflow: hidden;	
}	
.movie-wrap iframe {	
position: absolute;	
top: 0;	
left: 0;	
width: 100%;	
height: 100%;	
}



@media screen and (max-width: 780px) {
	
body { -webkit-text-size-adjust: none; }
	
a { text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }

#wrapper img.bg { position: fixed; left: -50%; top: 0; z-index: 0; width: 200% }
#wrapper .foot { position: absolute; left: -50%; bottom: 16px; z-index: 0; width: 200% }
.contents{ padding: 0 0 60px; }


/* header */
#header { padding:10px 0 10px 0; position:relative; z-index:10001; }
#header h1 img { width:75%; }
.sp_menu { position: fixed; top:5px; right:5px; display:block; z-index:10001; }



/* nav */
/*#nav { display:none; }*/
/* nav */
#nav { width: 100%; height: 100%; position: fixed; left: 100%; top: 0; margin: 0; z-index: 10000 }
#nav ul.gnav { width: 100%; height: 80%; position: relative }
#nav ul li { float:none; width:50%; border-bottom:1px solid #6d6c88;  }
#nav ul li a { display: block; height: 100% }
#nav ul li:last-child a { border-right: none; }
#nav ul li a span { display: block; position: relative; z-index: 10; padding: 15px }
#nav ul li .btn_small { padding: 8px 0 0; text-align:left; font-size:13px;  }
#nav ul li .btn_small a { display: block; padding: 10px }
#nav ul.lang { width: 100%; height: 20%; background: #000; padding: 0 }
#nav ul.lang li { float: left; width: 33.333%; height: 42% }
#nav ul.lang li a { padding: 12% 0 }
	
#nav ul li ol { position: relative; width: 100%; background: none transparent; display: block }
#nav ul li.gnav1 ol { display: none }
#nav ul li ol li { float: none; width: 100%; background: none; padding: 0; border-bottom:none; border-top:1px solid #6d6c88; }
#nav ul li ol li a { border-right: none; font-size: 10px; }
#nav ul li ol.wid_2 li { float: none; width: 100% }
	
#nav ul li.gnav1 { position: absolute; left: 0; top: 0; height: 26.666% }
#nav ul li.gnav2 { position: absolute; left: 50%; top: 0; height: 53.333% }
#nav ul li.gnav3 { position: absolute; left: 0; top: 26.666%; height: 26.666% }
#nav ul li.gnav4 { position: absolute; left: 0; top: 53.333%; height: 26.666% }
#nav ul li.gnav5 { position: absolute; left: 50%; top: 53.333%; height: 26.666% }
#nav ul li.gnav6 { position: absolute; left: 0; top: 80%; width: 100%; height: 20% }
#nav ul li.gnav2 a { height: 50% }
#nav ul li.gnav2 ol li a { line-height: 1.5 }

#nav ul li.gnav2_a { position: absolute; left: 50%; top: 0; height: 53.333%; background:#333; }


/* footer */
#footer { padding:0 0 10px 0; }
#footer .footer_logo { position:static; bottom:50px; left:65px; height:40px }
#footer .copyright { text-align:center; padding:10px 0 0 0; }
#footer .copyright p { font-size:10px; margin:20px 0 0 0; text-align:center; }
#footer .copyright img { height:20px;}



/* pagetop */
#gotop { right: 10px; bottom: 10px; width: 40px; height: 40px }
#gotop img { width: 40px; height: 40px }



/* 全てのページ　汎用性のある id とclass */
p { font-size:13px; }

.btn_detail a { color:#fbdf00; text-decoration:underline; position:relative; padding:0 20px 0 0; }
.btn_detail .arw { position:absolute; top:50%; right:0; margin:-5px 0 0 0; }

.btn_square a { width:100%; font-size:14px; letter-spacing:0.2em; padding:15px 0; }
.btn_square .arw { position:absolute; top:50%; left:20px; margin:-4px 0 0 0; height:8px; }

.btn_language { display:none; }

.pc_none { display:block; }
.none { display:none !important; }
.for_pc { display:none; }
.for_sp { display:block; }



/* top */
#top .clm_2 {}
#top .clm_2 li { float:none; width:100%; margin:0 0 30px 0; }
#top .btn_detail { text-align:right; padding:20px 20px 0 0; }

.top_main h1 {position:absolute; top:10px; left:0; right:0; } 
.top_main h1 img { width: 75%; height:auto; }

.news { padding:20px }
.news ul { margin:0; }
.news ul li { float:none; width:100%; }
.news ul li .inner { margin:0; }
.news .thumb { margin:0 15px 0 0; }
.news .thumb img { width:100px; }

.special { padding:30px 20px; }
.special h2 { margin:0 0 10px; }
.special h2 img { width:100%; height:auto; }
.special .copy { font-size:13px; }
.special ul { margin:20px 0 10px -10px; text-align:left; }
.special ul li { width:50%; margin:0 0 20px 0; }
.special ul li .inner { margin:0 0 0 10px; }
.special h3 a { font-size:12px; padding:0 10px; margin:10px 0 0 0; }
.special .num_box { width:50px; padding:5px 0; position:absolute; bottom:-4px; left:-4px; font-size:9px; }
.special .num_box .num { font-size:14px; }
.special p { font-size:12px; margin:15px 0 0 0; }

.area8 { padding:30px 0 0 0; }
.area8 h2 { margin:0 0 10px; padding:0 80px;  }
.area8 h2 img { width:100%; height:auto; }
.area8 .copy { font-size:12px;  }
.area8 .slide { margin:40px 0 15px 0; }
.select { margin: 10px 0 0; padding: 0 20px; }
.select li { float:left; width:25%; }
.select li a { margin: 0 0 10px 10px; display: block }
.select li a img { border-radius:100px; }
.select li span { font-size:11px; line-height:1.6; margin:10px 0 0 0; display: none; opacity: 0 }


.event { margin:40px 0 0 0; }
.event h2 { font-size:30px; margin:10px 0; }
.event h3 { font-size:20px; padding:0 20px; line-height:1.4; text-align:left; margin:0 0 15px 0; letter-spacing:0; }
.event h3 span { font-size:15px; }
.event p { font-size:14px; padding:0 20px; }

.food_and_goods { margin:50px 0 0 0; }
.food_and_goods h2 { font-size:30px; margin:10px 0; }
.food_and_goods p { font-size:13px; padding:0 20px; }

/* 2018.10.31　CM  MOVIE　追加 */
.cm { margin:70px 0 40px 0; }
.cm h2 { font-size:30px; margin:10px 0; }
.cm p { font-size:14px; padding:0 60px; }
.cm .ph { margin:0 0 20px 0; }
	
.instagram { margin:0; padding:0 20px; }
.instagram h2 { margin:0 0 10px 0; }
.instagram h2 img { height:30px; }
.instagram .insta_logo { margin:10px 0 0 0; }
.instagram .insta_logo img { height:40px; }
/*2018.10.11*/
.sr-sh .sr-sh-sizer,
.sr-sh .sr-sh-theme-item {
   width: 50% !important;
}
.sr-sh .sr-sh-sizer.large,
.sr-sh .sr-sh-theme-item.large {
   width: 50% !important;
}



/* 下層ページ */
/* 下層ページ　汎用性のある id とclass */
#main { margin:0 0 20px 0; }

.sec { padding:0 20px; margin: 0 auto; min-width:inherit; max-width:inherit; }
.sec_bg { background:rgba(255,255,255,0.1); padding:0 0 40px; }

h2 { font-size:30px; margin:0 0 20px; line-height:1.4; letter-spacing:0; }
h2 span { font-size:16px; display:block; margin:10px 0 0 0; }
.read { font-size:15px; margin:0 0 40px 0; text-align:left; line-height:1.7; }

.tit { padding:20px 0 20px; }
.tit h3 { font-size:26px; }
h3.txt_big { font-size:30px; margin:0 0 20px; line-height:1.6; }
.tit img { height:10px; }

.info { padding:10px; margin:10px 0 0 0; font-size:11px; }

.idx_list h3 { font-size:20px; margin:0 0 15px 0; }
.idx_list h3 span { font-size:15px; }

.block_list {}
.block_list li { position:relative; margin:0 0 40px 0; text-align:left; }
.block_list .img_l .img_box { float: none; width: 100%; }
.block_list .img_r .img_box { float: none; width: 100%; }
.block_list .img_l .txt_box { width:auto; position: relative; top: inherit; right: inherit; margin: -20px 15px 0; }
.block_list .img_r .txt_box { width:auto; position: relative; top: inherit; left: inherit; margin: -20px 15px 0; }
.block_list .txt_box .tb_inner { padding: 20px 15px 15px }
.block_list h4 { font-size:20px; margin:0 0 10px 0; letter-spacing:0; }
.block_list h4 span { font-size:14px; }
.block_list p { font-size:12px; }
.block_list .num { margin:0 0 15px 0; height:24px; }

.group { margin:0 0 40px 0; }
.group p { font-size:14px; padding:0; }
.group h3 { font-size:24px; margin:0 0 15px; }
.group .period { font-size:14px !important; text-align:left}
.group .period  span { font-size:12px !important; }
.group .closed { font-size:12px !important; line-height:1.8; }
.group .notes { font-size:13px !important; }
.group .period br { display:block; }



/* area */
#area {}
#area .idx_list li { padding:20px; margin:0 0 50px 0; }
#area .idx_list .img_l .img_box { float:none; width:100%; }
#area .idx_list .img_r .img_box { float:none; width:100%; }
#area .idx_list .img_l .txt_box { float:none; width:100%; }
#area .idx_list .img_r .txt_box { float:none; width:100%; }
#area .idx_list .img_l .txt_box .inner { padding:0; }
#area .idx_list .img_r .txt_box .inner { padding:0; }
#area .idx_list .img_l .btn_detail { position:static; text-align:right; margin:20px 0 0 0; }
#area .idx_list .img_r .btn_detail { position:static; text-align:right; margin:20px 0 0 0; }

/*2019追記　テキストボックス微調整　文字右寄せ*/
#area .idx_list .img_r .txt_box_01 { float:none; width:100%; padding-right:0%; }
/*2019追記　テキストボックス微調整　文字左寄せ*/
#area .idx_list .img_r .txt_box_02 { float:none; width:100%; padding-right:0%; }

/*2019オリーブ装飾追記*/

#area .idx_list .leaf:before{
		content: url("../../area/img/bg_olive_right_sp.png");
		position: absolute;
		top: -7%;
		right: -10%;
		z-index: 100;
	}
#area .idx_list .leaf:after{
		content: url("../../area/img/bg_olive_left_sp.png");
		position: absolute;
		bottom: 25%;
		left: -10%;
		z-index: 100;
	}
    
    
#area .idx_list .num { margin: 20px 0 15px 0; height:24px; }
#area .notes { font-size:12px; text-align:right; }
#area .btn_square { margin:40px 0 0 0; }


/*エリア一覧　神々背景　スマホ*/
#area .idx_list .god01 { 
background-image: url("../../area/img/bg_god_01.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 120%;
}
#area .idx_list .god02 { 
background-image: url("../../area/img/bg_god_02.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 110%;
}
#area .idx_list .god03 { 
background-image: url("../../area/img/bg_god_03.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 120%;
}
#area .idx_list .god04 { 
background-image: url("../../area/img/bg_god_04.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 120%;
}
#area .idx_list .god05 { 
background-image: url("../../area/img/bg_god_05.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 120%;
}
#area .idx_list .god06 { 
background-image: url("../../area/img/bg_god_06.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 140%;
}
#area .idx_list .god07 { 
background-image: url("../../area/img/bg_god_07.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 150%;
}
#area .idx_list .god08 { 
background-image: url("../../area/img/bg_god_08.png");
background-repeat: no-repeat;
background-position: bottom　right;
background-size: 130%;
}
#area .idx_list .god09 { 
background-image: url("../../area/img/bg_god_09.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 150%;
}
#area .idx_list .god10 { 
background-image: url("../../area/img/bg_god_10.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 130%;
}
#area .idx_list .god11 { 
background-image: url("../../area/img/bg_god_11.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 150%;
}
#area .idx_list .god12 { 
background-image: url("../../area/img/bg_god_12.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: 110%;
}







.area_idx_bigtit { 
position:static; 
padding: 40px 0 0 0;
margin-left: 33.3333%; 
left:100px; 
background-image: url("../../area/img/img_h2_idx.png");
background-position: 23% 3%;
background-repeat: no-repeat;
background-size: 25%;
}
.area_idx_read { 
position: absolute;
top: 470px;
left: 0px;
padding: 50px 0 50px 0; 
font-size: 14px; 
line-height: 20px;
text-align:left;  
margin-left: 33.3333%; 
}

.god12_img {
text-align: center;
margin: 0 auto;
position:static; 
padding: 15px 20px; 
margin-left: 30%; 
}

/*2019エリア下層　h2 左右オリーブ装飾追加*/
#area .area_tit_olive:before { 
content: url("../../area/img/h2_olive_L.png");
-webkit-transform: scale(0.3);
transform: scale(0.3);
position: absolute;
top: 0%;
left: 2.5%;
z-index: 100;
}
#area .area_tit_olive:after { 
content: url("../../area/img/h2_olive_R.png");
-webkit-transform: scale(0.3);
transform: scale(0.3);
position: absolute;
top: 0%;
right: 2.5%;
z-index: 100;
}

#area .read { 
min-height: 200px;
font-size:14px; 
width: 100%;
margin-left: 0%;
}
#area .read p { 
padding: 90px 0 0 0;
text-align: left; 
}

/*2019エリア下層　read 神々背景*/

#area .read-god01 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god02 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god03 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god04 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god05 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god06 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god07 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god08 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god09 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god10 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god11 { 
background-position: bottom center;
background-size: contain;
}
#area .read-god12 { 
background-position: bottom center;
background-size: contain;
}

#area .read-god01 p { 
margin-left: 0px;
}
#area .read-god02 p { 
margin-left: 0px;
}
#area .read-god03 p { 
margin-left: 0px;
}
#area .read-god04 p { 
margin-left: 0px;
}
#area .read-god05 p { 
margin-left: 0px;
}
#area .read-god06 p { 
margin-left: 0px;
}
#area .read-god07 p { 
margin-left: 0px;
}
#area .read-god08 p { 
margin-left: 0px;
}
#area .read-god09 p { 
margin-left: 0px;
}
#area .read-god10 p { 
margin-left: 0px;
}
#area .read-god11 p { 
margin-left: 0px;
}
#area .read-god12 p { 
margin-left: 0px;
}




.jewel { margin:30px 0 40px 0; }
.jewel h3 { font-size:16px; margin:0 0 5px 0 !important; text-align:left; line-height:1.4; }
.jewel p { font-size:12px; text-align:left; }
.jewel ul { margin:10px 0 20px 0; }
.jewel ul li { padding:0 10px; }
.jewel ul li { padding:0 10px; margin:0 0 10px 0; }
.jewel ul li img { height:30px}
.jewel ul li p { font-size:11px; }

.stories {}
.stories h5 { font-size:15px; margin:40px 0 10px 0; }
.stories .inner { width:auto; padding:20px; }
.stories h3 a { margin:0; color:#fff; padding:0; font-size:17px; text-align:left; }
.stories .ph { float:none; width:100%; }
.stories .txt_r { float:none; width:100%; text-align:center; }
.stories .stories_tit { margin:20px 0 10px; width:90%; height:auto; }
.stories .copy { font-size:11px; text-align:center; margin:0 0 20px 0; }
.stories .ph img { width:100%; }
.stories .num_box { width:90px; padding:8px 0; font-size:12px; }
.stories .num_box .num { color:#fff; font-size:20px; }

.select_area { background:#020119; padding: 20px 0 0 0; position:relative; }
.select_area .select { position: absolute; top:80px; min-width: auto; max-width:auto; width: auto; margin: 0 -10px; z-index:100; }
.select_area .select li { margin: 0 0 10px }
.select_area .select li span { font-size:12px; line-height:1.6; margin:10px 0 0 0; display:inline-block; opacity: 0; display: none }
.select_area .select li.current span { opacity: 1 }
.select_area .map { margin: 300px auto 0; min-width: auto; position:relative; z-index:90; }
.select_area .map .tit { position:absolute; top:20px; left:50%; margin:40px 0 0 -28px; z-index:90; }
.select_area .map-canvas { background: url(../../area/img/map.jpg) center top; background-size: cover; position: relative; z-index: 0 }
.select_area .map-canvas img.txt { position: relative; z-index: 0; }



/* event */
#event {}
#event .block_list { margin:30px 0 50px; }



/* fountain */
#fountain {}
#fountain .idx_list {}
#fountain .idx_list li { margin:0 0 40px 0; }
#fountain .idx_list .img_l .img_box { float:none; width:100%; }
#fountain .idx_list .img_r .img_box { float:none; width:100%; }
#fountain .idx_list .img_box .inner { padding:20px 40px; }
#fountain .idx_list .img_l .txt_box { float:none; width:100%; }
#fountain .idx_list .img_r .txt_box { float:none; width:100%; }
#fountain .idx_list .img_l .txt_box .inner { padding:0; }
#fountain .idx_list .img_r .txt_box .inner { padding:0; }
#fountain .idx_list .arw_l { position:absolute; top:50%; left:-17px; margin:-17px 0 0 0; height:34px; }
#fountain .idx_list .arw_r { position:absolute; top:50%; right:-17px; margin:-17px 0 0 0; height:34px; }
#fountain .idx_list h3 { line-height:1.6; margin:15px 0 10px 0; }
#fountain .idx_list h3 span { line-height:1.6; }



/* food */
#food .block_list .txt_box .tb_inner { padding: 20px 15px 15px; }
#food .block_list .txt_box { padding:0; }
#food .block_list .txt_box .price { font-family:12px; position:static; margin:20px 0 0 0; text-align:right; }
#food .block_list .txt_box .txt_r { font-size:11px; position:static; text-align: right; margin:0 0 10px 0; }
#food .block_list .txt_box h4 { font-size:19px; }
.xmas { background-size:contain; padding:0 0 40px; }
.xmas h3 { font-size:26px; margin:10px 0 10px 0;  }
.icon { margin:-15px 0 0 0; height:70px; }
.goods_main { margin:0 0 20px 0; }



/* guidance */
#guidance {}
#guidance h4 { font-size:15px; padding:0; margin:0 0 10px 0; } 
#guidance .ph { margin:0 0 25px 0; }
#guidance .closed { margin:5px 0 10px 0; }
#guidance .period span { font-weight:normal !important; }
#guidance .tiket li { margin:0 0 20px 0; }
#guidance .tiket p { font-size:12px; }

#guidance table.fee01_sp { margin:10px 0 15px 0; }
#guidance table.fee01_sp th { font-size:14px; padding:10px; }
#guidance table.fee01_sp td { text-align:center; font-size:16px; padding:10px }
#guidance table.fee01_sp td span { font-size:22px; }
#guidance table.fee01_sp .cell_l { width:40%; }
#guidance table.fee01_sp .cell { width:60%; }

#guidance table.fee02_sp {}
#guidance table.fee02_sp th { font-size:14px; padding:10px; }
#guidance table.fee02_sp td { text-align:center; font-size:16px; padding:10px }
#guidance table.fee02_sp td span { font-size:22px; }
#guidance table.fee02_sp .cell_l { width:40%; }
#guidance table.fee02_sp .cell { width:60%; }
#guidance table .item { text-align:center !important; padding:0; line-height:1.4; }
#guidance table .item .notes { color:#fff; font-size:11px; text-align:left !important; display:block; margin:5px 0 0 0; }

.calender_head { padding:15px 20px; }
.calender { padding:0 20px 20px; }
.month img { height:20px;}
.year { margin:0; }
.year img { height:10px; }
.cal_sp {}
.cal_sp th { background:#ccccd6; color:#020030; padding:10px 15px; width:45%; text-align:left; font-size:12px; }
.cal_sp td { background:#ccccd6; padding:10px 15px; width:55%; }
.cal_sp .date { font-size:24px; font-weight:600; line-height:1; display:inline-block; width:35px; }
.cal_sp .open { color:#020030; display:block; margin:5px 0 0 0; }
.cal_sp .close { background:#a3a3ab; }
.btn_close_sp { position:absolute; top:-5px; right:10px; }



/* schedule */
#schedule .idx_list {}
#schedule .idx_list li { padding:20px; margin:0 0 30px 0; }
#schedule .idx_list .img_box { float:none; width:100%; }
#schedule .idx_list .txt_box { float:none; width:100%; margin:20px 0 0 0; }
#schedule .idx_list .txt_box .inner { padding:0; }
#schedule th { padding:5px 0; }
#schedule td { padding:10px; }
#schedule .cell span.time { position:absolute; top:5px; right:10px; font-size:11px; }
#schedule .thumb { margin:0 5px 0 0; width:70px; float:none; }
#schedule .item { font-size:12px; line-height:1.4; display:block; width:180px; text-align:center; }
#schedule .item p { display:block; text-align:center; margin:10px 0 0 0; }
.btn_select { border-bottom:2px solid #fff; margin:0 0 30px 0; }
.btn_select p { font-size:16px; }

#schedule .table-container { position: relative }
#schedule .table-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
#schedule table { border-collapse: collapse; }
#schedule .table-scroll::-webkit-scrollbar { height: 8px; /* スクロールバーの高さ */ }
#schedule .table-scroll::-webkit-scrollbar-thumb { background: #aaa; /* スクロールバーの色 */ }
#schedule .table-scroll::-webkit-scrollbar-track { background: #ccc; /* スクロールバーの背景色 */ }
#schedule .table-lay { position: absolute; left: 0; top: 38px }
#schedule .table-lay td { background: #0e0c3a }

/* white_jewel */
#white_jewel {}
#white_jewel h2 span { font-size:24px; }
#white_jewel ul { font-size:14px; padding:0 0 0 20px; }
#white_jewel table.business_hour { margin:0 0 10px 0; }
#white_jewel table.business_hour th { font-size:15px; padding:10px; height:auto; display:block;  }
#white_jewel table.business_hour td { font-size:15px; padding:10px; line-height:1.7; display:block;  }
#white_jewel table.fee_sp { margin:0 0 10px 0; }
#white_jewel table.fee_sp th { font-size:15px; width:50%; padding:10px;}
#white_jewel table.fee_sp td { text-align:center; font-size:15px; width:50%; padding:10px; }
#white_jewel table.fee_sp td span { font-size:24px; }



/* motoko_ishii */
#motoko_ishii {}
.profile { margin:0 0 50px 0; }
.profile .en { margin:0 30px; }
.profile .en img { height:12px; }
.profile h2 { margin:10px 30px 0 30px; }
.profile .img_l { float:none; margin:0 30px 20px; }
.profile .img_l img { width:100%; }
.profile .name { margin:0 30px 20px 30px; }
.profile .website { font-size:13px !important; margin:0 0 10px 0; }
.profile p { font-size:15px; }
.gallery01  { margin:0 20px; }
.gallery01 li { text-align:left; margin:0 0 25px 0; }
.gallery01 li.fltL { width:100%; float:none; text-align:center; }
.gallery01 li.fltL img { width:70%; }
.gallery01 li.fltL span { display:block; text-align:left; margin:3px 15% 0; }
.gallery01 li.fltR { width:100%; float:none;}
.gallery01 li .inner { padding:0; }
.gallery01 li img { margin:0 0 5px 0; }
.gallery01 li span { font-size:12px; }
.gallery02  { margin:0 20px; }
.gallery02 li { float:none; width:100%; margin:0 0 10px 0; }
.gallery02 li .inner { padding:0; }
.gallery02 li img { margin:0 0 5px 0; }
.gallery02 li span { font-size:12px; }
.small { margin:0 0 0 -20px; }
.small li { float:left; width:50%; }
.small li .inner { margin:0 0 0 20px; }
	

	
/* special */
#special .sec { padding:0 20px; min-width:inherit; max-width:inherit; }
#special h2 { margin:30px 0 10px 0; }
#special h2 img { width:100%; height:auto; }
#special .copy { font-size:12px; margin:0 0 30px 0; }
#special .special { background:none; padding:0; margin:20px 0 0 0; }
#special .btn_cate { font-size:0; }
#special .btn_cate li { margin:0 15px 15px; }
#special .btn_cate span { padding:8px 0; }
#special .btn_cate .btn_tx { padding:0 15px 0 0; height:10px; }
#special .btn_cate .arw { margin:-4px 0 0 0; height:8px; }
#special .btn_cate .current { padding:8px 20px; }
#special article { width:auto; margin:0 20px; }
#special article .num_box { width:140px; font-size:14px; padding:10px; position:absolute; top:-35px; left:0; right:0; }
#special article .num_box .num { color:#fff; font-size:28px; }
#special article .num_box img { margin:0 10px 0 0; height:26px }
#special article h3 { font-size:18px; padding:30px 0 10px 0; letter-spacing:0; }
#special article p { font-size:14px; padding:0; margin:40px 0 0 0; }
#special article .ph { margin:40px 0 0 0; }
#special article .ph img { width:100%; }
#special article .cate_en img { height:12px; }
#special article .ph_box01 .flt_l { width:33.3%; }
#special article .ph_box01 .flt_r { width:66.7%; }
#special article .ph_box01 .flt_l .inner { width:96%; }
#special article .ph_box01 .flt_r .inner { width:96%; }
#special article .cap { margin:5px 0 0 0; font-size:10px; }
#special article .notes { font-size:10px; margin:20px 0 0 0; }
#special .btn_sns { margin:60px 0 0 0; }
#special .btn_sns li { margin:0 10px; }
#special .btn_sns .icon_twitter { border-radius:40px; border:1px solid #6babe8; margin:15px 0 0 0; width:60px }
#special .btn_sns .icon_facebook { border-radius:40px; border:1px solid #50669d; margin:15px 0 0 0; width:60px }
#special .btn_sns .tx_twitter { height:12px; }
#special .btn_sns .tx_facebook { height:12px; }
#special .btn_square { margin:40px 20px 0; }


	
}
	

@media screen and (max-width: 320px) {
	#nav ul li .btn_small { padding: 6px 0 0; font-size:12px; line-height: 1.6 }
	#nav ul li.gnav2  ol li a { line-height: 1.1 }
}