/*
Template Name: スマホスタイル
*/
@charset "UTF-8";

@import "shared/css/base.css";
@import "shared/css/form.css";

body {background:#000 url(shared/img/top_newsarea_bg.jpg) center 95px no-repeat;background-size:100%;font-size:14px;}
body{font-size:14px;}
body.a42 {font-size:12px;}
@media screen and (min-width: 390px) {body{font-size:15px;}}
@media screen and (min-width: 481px) {body{font-size:17px;}}
@media screen and (min-width: 640px) {body{font-size:19px;}}
@media screen and (min-width: 749px) {body{font-size:21px;}}


#container {margin:0 auto;text-align:center;}

.pc {display:none!IMPORTANT;}
.cInner {
	display:block;
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.cInner div,.cInner p {text-align:left;}
.img100 {width:100%;height:auto;}
img.spnml {width:auto!IMPORTANT;height:auto;}
a.b1xw {display:block;border:1px solid #FFF;color:#FFF;text-decoration:none;padding:5px 10px;font-size:14px;text-align:center;margin:5px auto;}
a.b1xb {display:block;border:1px solid #333;color:#333;text-decoration:none;padding:5px 10px;font-size:14px;text-align:center;margin:5px auto;}


/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#topHeader {
	border-bottom:1px solid #bf0000;
	padding-top:39px;
	padding-top:13vw;
	}
#pageHeader {
	border-bottom:1px solid #C08E1D;
	padding-top:39px;
	padding-top:13vw;
	}
#header {
	width:100%;
	margin:0 auto;
	text-align:center;
	position:fixed;
	top:0;
	z-index:10000;
	background-color:#000;
	border-bottom:1px solid #bf0000;
	height:39px;
	height:13vw;
	}
#language {
	padding:10px;
	margin:0 auto;text-align:center;
	}
#topMultiList ul li,
#language ul li {display:inline-block;}
#topMultiList ul li {margin-bottom:10px;}
#language ul li {width:30%;}
#language ul li a {color:#FFF;}
#language ul li a span {display:block;text-indent:-9999px;}
#language ul li.lang-ja a span {background:url(shared/img/bt_jpn.png) 0 0 no-repeat;background-size:100%;}
#language ul li.lang-en a span {background:url(shared/img/bt_eng.png) 0 0 no-repeat;background-size:100%;}
#language ul li.lang-ko a span {background:url(shared/img/bt_kor.png) 0 0 no-repeat;background-size:100%;}
#language ul li.lang-zh a span {background:url(shared/img/bt_chinese.png) 0 0 no-repeat;background-size:100%;}


.burger {
	display:block;
	width:39px;
	height:39px;
	width:13vw;
	height:13vw;
	position:absolute;
	top:0;
	right:0;
	background:url(shared/img/burger.png) 0 0 no-repeat;
	background-size:100%;
	z-index:9999!IMPORTANT;
	}
.burger img {display:block;}
#gMenu > ul {
	display:none;
	}
#gMenu > ul {
	width:60%;
	position:absolute;
	top:39px;
	top:13vw;
	right:0;
	background-color:#bf0000;
	z-index:9998!IMPORTANT;
	}
#gMenu > ul > li {
	display:block;
	font-weight:bold;
	background: -webkit-linear-gradient(#D40000 0%,#C10000 100%);background: linear-gradient(#D40000 0%,#C10000 100%);
	border-bottom:1px solid #A50A0C;
	}
#gMenu > ul > li > a,
#gMenu > ul > li > span {
	display:block;
	padding:5px 10px;
	text-align:left;
	vertical-align:middle;
	color:#FFF;
	text-decoration:none;
	line-height:220%;
	}
.subMenu {display:block;padding:0 15px;border-top:1px solid #A50A0C;background-color:#A80000;}
.subMenu li {display:block;font-size:16px;padding:3px 8px;border-bottom:1px solid #C10000;font-size:93%;}
.subMenu li a {color:#FFF;padding-left:5px;}

.tgrContents {display:none;}


/*-------------------------------------------------
	++ PAGEHEADER
-------------------------------------------------*/
#pageHeader {
	background:url(shared/img/pheader_bg.jpg) center bottom no-repeat;
	background-size:150%;
	}
#pageHeader h1 {
	text-align:right;
	font-size:93%;
	color:#FFF;
	}

#pageHeader h1 .titleEn {
	display:block;
	position:absolute;
	left:5px;
	top:10px;
	width:90%;
	}
#pageHeader h1 .titleEn img {
	width:100%;
	height:auto;
	}
#pageHeader h1 .titleJp {
	display:block;
	padding-top:20px;
	text-align:right;
	font-size:95%;
	color:#FFF;
	}

/*-------------------------------------------------
	++ BREADCRUMBS
-------------------------------------------------*/
#breadcrumbs {display:none;}

/*-------------------------------------------------
	++ LAYOUT
-------------------------------------------------*/
.contents {
	background-color:#FFF;
	width:100%;
	}
.redcontents {
	background-color:#87000b;
	padding:20px 0;
	color:#FFF;
	}
.contents img,
.redcontents img {width:100%;height:auto;}



/*-------------------------------------------------
	++ CONTETS
-------------------------------------------------*/
/* TOP */
#topContents {color:#FFF;}
#topContents a {color:#FFF;}
.topBlockInner {padding:15px 9px;padding:5vw 3vw;}

#topInfo .topSchedule .hxTitle {width:30%;}
#topInfo .recentInfo {}
#topInfo .resentDetail {margin-top:10px;}
#topInfo .resentDetail dl dt {float:left;width:15%;}
#topInfo .resentDetail dl dd {float:left;width:83%;margin-left:2%;}
#topInfo .resentDetail dl dd .recentDate {color:#FF0000;font-size:75%;font-weight:bold;}
#topInfo .resentDetail dl dd h2 {font-size:108%;line-height:140%;}
#topInfo .resentDetail dl dd .recentTime {font-size:75%;}
#topInfo .resentDetail dl dd .recentTime a {}

#topInfo .topSchedule .recentList {clear:both;margin-top:10px;}
#topInfo .topSchedule .recentList li {margin-bottom:5px;}
#topInfo .topSchedule .recentList li dl:before,
#topInfo .topSchedule .recentList li dl:after {content: " ";display: table;}
#topInfo .topSchedule .recentList li dl:after {clear: both;}
#topInfo .topSchedule .recentList li dl {*zoom: 1;}
#topInfo .topSchedule .recentList li dl dt.type {width:15%;float:left;text-align:center;font-size:75%;}
	#topInfo .topSchedule .recentList li dl dt.type.typeR {background-color:#bf0000;}
	#topInfo .topSchedule .recentList li dl dt.type.typeW {background-color:#FFF;color:#000;}
#topInfo .topSchedule .recentList li dl dd.date {width:20%;float:left;color:#FF0000;font-size:75%;font-weight:bold;}
#topInfo .topSchedule .recentList li dl dd.title {width:60%;float:left;font-size:75%;}

.toDetail {width:100%;}

#topInfo .recentInfo .dlBtn {background:rgba(255,255,255,0.1);float:left;width:49%;}
#topInfo .recentInfo .dlBtn img {display:block;}
#topInfo .recentInfo .winner {background:rgba(255,255,255,0.1);float:left;width:49%;}
#topInfo .recentInfo .winArea table tr td:first-child {width:60%;}
#topInfo .recentInfo .winner h2 {margin:0 auto;text-align:center;}
#topInfo .recentInfo .winner h2 img {width:40%;}
#topInfo .recentInfo .winner .winnerName {text-align:left;}
#topInfo .recentInfo .winner .winnerName  {font-size:66%;}
#topInfo .recentInfo .winner .winnerName dt span {display:block;}
#topInfo .recentInfo .winnerPhoto {width:100%;}
#topInfo .recentInfo .winnerPhoto img {width:100%;height:auto;}

#topNews .topBlockInner {padding:15px 0;padding:5vw 0;}
#topNews  .hxTitle {width:20%;margin:9px;margin:3vw;}
#topNews {background-color:rgba(211,0,0,0.5);}
#topNews .newsPickup {display:none;}
#topNews .newsList .toDetail {width:96%;margin:10px auto 0 auto;text-align:center;}

/* SUB */
#contentsHead .cInner {
	border-bottom:5px solid #87000b;
	padding:35px 0 0 0;
	}
#contentsHead .hxTitle {
	text-align:left;
	font-size:132%;
	color:#87000b;
	}
.blockHeader {border-bottom:2px solid #d30000;}
.blockHeader h1 {color:#d30000;padding:8px 5px 5px 5px;font-weight:bold;font-size:93%;}

.blockInner {padding:10px;padding:9px;padding:3vw;}
.blockInner a {color:#d30000;}

/* NEWS */
.pageNavi {text-align:center;padding:10px 0;}
.pageNavi ul {margin:0 auto;text-align:center;}
.pageNavi li {display:inline-block;}
.pageNavi a,
.pageNavi span {padding:3px;}
.pageNavi span {color:#E2061E;}

#entryList li {padding:3px 0;background: #A21D1E;background: -webkit-linear-gradient(#A21D1E 0%,#6A0000 100%);background: linear-gradient(#A21D1E 0%,#6A0000 100%);}
#entryList li a {color:#FFF;}
#entryList li dl:before,
#entryList li dl:after {content: " ";display: table;}
#entryList li dl:after {clear: both;}
#entryList li dl {*zoom: 1;font-size:77%;color:#FFF;}
#entryList li dt {float:left;width:20%;width:20vw;padding:3px 3px 3px 9px;padding:1vw 1vw 1vw 3vw;}
#entryList li dd {padding:3px 12px 3px 60px;padding:1vw 4vw 1vw 20vw;color:#FFF;background:url(shared/img/icon_arrowR.png) right center  no-repeat;background-size:40px;}

.newsTbl {width:100%;margin:10px auto;text-align:left;border:1px solid #8f8f8f;}
.newsTbl tr th {background-color:#f4e7ca;font-weight:normal;text-align:center;}
.newsTbl tr th,
.newsTbl tr td {padding:10px;border:1px solid #8f8f8f;}
.newsTbl tr td:first-child {text-align:left;}


/* ITEM */
.entryItem .date {margin-bottom:20px;}
.entryItem h2 {background-color:#ffd5d5;color:#d30000;padding:5px;font-weight:bold;margin:20px 0 10px 0;}
.entryItem h3 {color:#d30000;font-weight:bold;margin-bottom:10px;}
.entryItem p {margin-bottom:15px;}

/* FACILITY */
.maplist {margin-top:40px;}
.maplist dl {margin:0 0 30px 0;}
.mapmenu li {display:inline-block;vertical-align:top;font-size:85%;}
.mapmenu li:nth-child(even) {width:58%;}
.mapmenu li:nth-child(odd) {width:40%;}
.maplist dl dt {background-color:#ffd5d5;color:#d30000;padding:15px;font-weight:bold;margin-bottom:10px;}

/* ROYAL ROOM */
.royalTbl {margin:10px auto;text-align:center;border:1px solid #8f8f8f;width:100%;}
.royalTbl tr {border-bottom:1px solid #8f8f8f;}
.royalTbl tr th {background-color:#f4e7ca;width:22%;border-right:1px solid #8f8f8f;color:#d30000;}
.royalTbl tr th,
.royalTbl tr td {padding:10px;font-size:77%;}
.royalTbl tr td {text-align:left;}

.refundsTbl {width:100%;}
.refundsTbl tr th,
.refundsTbl tr td {vertical-align:top;padding:10px;}
.refundsTbl tr th {color:#d30000;width:18%;}
.refundsTbl tr td a {color:#d30000;}

/* FOOD */
.foodMenu {margin-bottom:15px;}
.foodMenu li {float:left;width:50%;line-height:120%;text-align:center;position: relative;font-size:88%;}
.foodMenu li a {color:#FFF;background:url(shared/img/icon_arrowR.png) right center  no-repeat;background-size:40px;display:block;padding:10px;}
.foodMenu li.f1 {background: -webkit-linear-gradient(#805D98 0%,#694782 100%);background: linear-gradient(#805D98 0%,#694782 100%);}
.foodMenu li.f2 {background: -webkit-linear-gradient(#30AB69 0%,#239859 100%);background: linear-gradient(#30AB69 0%,#239859 100%);}
.foodMenu li.f3 {background: -webkit-linear-gradient(#FF9A31 0%,#FF8400 100%);background: linear-gradient(#FF9A31 0%,#FF8400 100%);}
.foodMenu li.f4 {background: -webkit-linear-gradient(#29A0F5 0%,#0085E4 100%);background: linear-gradient(#29A0F5 0%,#0085E4 100%);}
.foodMenu li.f5 {background: -webkit-linear-gradient(#FF7C1B 0%,#FF6F03 100%);background: linear-gradient(#FF7C1B 0%,#FF6F03 100%);}
.foodMenu li.f6 {background: -webkit-linear-gradient(#FF3434 0%,#FF0000 100%);background: linear-gradient(#FF3434 0%,#FF0000 100%);}

.foodlist dl {}
.foodlist dl {padding:9px;}
.foodlist h2 {background-color:transparent;padding:5px 0;margin:0;}
.foodlist h2 {margin-top:20px;}

#fStand h2,#fStand h3 {color:#694782;}
#fStand dl {background-color:#d3b7e8;}
#fStand dl:nth-child(even) {background-color:#e1c9f3;}
.fautopiab h2,.fautopiab h3 {color:#249859;}
.fautopiab dl {background-color:#97e4ba;}
.fautopiab dl:nth-child(even) {background-color:#acf1cc;}
#fautopia h2,#fautopia h3 {color:#ff8400;}
#fautopia dl {background-color:#ffff7e;}
#fautopia dl:nth-child(even) {background-color:#ffffb9;}
#f2f h2,#f2f h3 {color:#0085e4;}
#f2f dl {background-color:#a2d9ff;}
#f2f dl:nth-child(even) {background-color:#ceebff;}
#fFront h2,#fFront h3 {color:#ff6c00;}
#fFront dl {background-color:#ffe699;}
#fFront dl:nth-child(even) {background-color:#ffefbf;}
#fholeshot h2,#fholeshot h3 {color:#ff0000;}
#fholeshot dl {background-color:#ffdede;}

#fautopiab2 h2 {display:none;}
#fautopiab2,#fautopia {}

.spTel,
.spLink,
.spNext,
.spMail {display:block;padding:3px 0;background: #A21D1E;background: -webkit-linear-gradient(#A21D1E 0%,#6A0000 100%);background: linear-gradient(#A21D1E 0%,#6A0000 100%);color:#FFF;min-height:30px;margin-bottom:5px;}
.spTel span,
.spLink span,
.spNext span,
.spMail span {display:block;margin:5px auto;text-align:center;background:url(shared/img/icon_tel.png) left center  no-repeat;background-size:40px;color:#FFF;}
.spLink span {background:url(shared/img/icon_link.png) right center  no-repeat;background-size:40px;color:#FFF;}
.spNext span {background:url(shared/img/icon_arrowR.png) right center  no-repeat;background-size:40px;color:#FFF;}
.spMail span {background:url(shared/img/icon_mail.png) left center  no-repeat;background-size:40px;color:#FFF;}
.spTel span a,
.spLink span a,
.spNext span a,
.spMail span a {color:#FFF!IMPORTANT;}


/* DOWNLOAD */
.adobePdf {margin:10px 0;}
.adobePdf img {float:left;width:10%;}
.spsmall {font-size:60%;display:block;width:88%;float:left;margin-left:2%;}

.pdflist {margin:10px auto 20px auto;text-align:center;}
.pdfBtn {border:1px solid #CCC;box-shadow:1px 0 1px 1px rgba(0,0,0,0.1);border-radius:5px;padding:10px 10px 10px 70px;background:url(shared/img/icon_pdf.png) 15px center  no-repeat;margin-bottom:20px;position: relative;height:50px;min-height:50px;}
.pdfBtn a {line-height:170%;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;font-size:72%;color:#333;}
.pdfBtn a span {display:block;font-size:24px;color:#d30000;font-size:148%;}

.halflist {margin:0 auto;text-align:center;}
.halflist li {width:48%;display:inline-block;}

/* ACCESS */
.accesMap iframe {width:100%;height:240px;}
.acType dt {width:40px;float:left;}
.acType dd {display:block;padding-left:50px;}
.acType dd h3 {margin-bottom:0;}
.busMap {margin-bottom:20px;}
.busMap h4 {border-top:1px solid #d30000;border-bottom:1px solid #d30000;padding:5px 0;margin-bottom:15px;font-weight:bold;}
.acsTbl {width:100%;}
.acsTbl tr th {display:block;color:#d30000;}
.acsTbl tr td {display:block;margin-bottom:10px;}

/* PARKING */
.pkTbl {margin:10px auto;text-align:center;border:1px solid #8f8f8f;}
.pkTbl tr {border-bottom:1px solid #8f8f8f;}
.pkTbl tr th {background-color:#f4e7ca;font-weight:normal;border-right:1px solid #8f8f8f;border-left:1px solid #8f8f8f;}
.pkTbl tr th,
.pkTbl tr td {padding:5px;font-size:85%;width:16%;}
.pkTbl tr td {text-align:left;}

.tblCap {margin:0 auto;text-align:center;}
.tblCap p {text-align:left;}

/* HOW TO */
.itemCopy {font-size:132%;font-weight:bold;}
.entryItem #performance .halfBox h2 {margin:0;}
#buyMenu {margin:20px auto;text-align:center!IMPORTANT;}
.toMenu {text-align:right!IMPORTANT;margin:10px 0;font-size:77%;padding-right:10px;}
.buyContents h3 {border:1px solid #DDD;padding:5px;font-size:93%;color:#333;margin-top:20px;}
.buyContents h3 span {color:#d30000;}
.yellowBox {background-color:#f4e7ca;padding:10px;margin:5px 0;}
.buyTbl {border:1px solid #333;width:100%;margin-bottom:15px;}
.buyTbl th {background-color:#ffd5d5;font-weight:normal;}
.buyTbl th,
.buyTbl td {border:1px solid #333;padding:5px;text-align:center;}

.pntyTbl {margin:10px auto;text-align:center;border:1px solid #8f8f8f;}
.pntyTbl tr th {background-color:#f4e7ca;font-weight:normal;}
.pntyTbl tr th,
.pntyTbl tr td {padding:10px;border:1px solid #8f8f8f;}
.pntyTbl tr td:first-child {text-align:left;width:75%;}

/* CONTACT */
.refTbl {width:100%;}
.refTbl th,.refTbl td {display:block;}
.refTbl th h3 {margin-bottom:0;}
.contactTbl {width:100%;}
.contactTbl tr th {background-color:#f4e7ca;font-weight:normal;}
.contactTbl tr th,
.contactTbl tr td {display:block;padding:10px;text-align:left;}

.formBtn {width:80%;margin:10px auto;text-align:center!IMPORTANT;}
.formAv {display:block;text-align:right;}
.contactTbl input,
.contactTbl textarea {width:96%;}
.contactTbl input.half {width:88%;}

/*-------------------------------------------------
	++ ITEM
-------------------------------------------------*/
.profileDetail {background:#FFD0EB url(shared/img/profile_title.png) center 8px no-repeat;background-size:100px;border:2px solid #D3B04E;border-radius:5px;padding-top:20px;padding-top:6vw;}
.profileDetail h2 {font-size:123%;background-color:transparent;padding:10px 20px 10px 20px;margin-bottom:0;}
.profileText{padding:10px 20px;}

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/

#footer {
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#000;
	color:#FFF;
	padding-bottom:5px;
	}
#footer a {color:#FFF;}

#footerSlide {display:none;}
.home #footerSlide {display:block;margin-top:15px;padding:0 10px;}
#footerSlide.sp ul li img {width:100%;height:auto;}


.footerBanner {display:none;}
.home .footerBanner {display:block;}

.footerBanner {margin-top:10px;}
.footerBanner ul li {float:left;width:50%;}
.footerBanner ul li img {width:100%;display:block;}

#footerNavi {
	padding:10px 10px 0 10px;
	text-align:center;
	margin:0 auto 5px auto;
	font-size:93%;
	}
#footerNavi .navBox {display:inline-block;}
#footerNavi .navBox h2 {}
#footerNavi .navBox h2 a {border-right:1px solid #FFF;padding-right:5px;}
#footerNavi .navBox#forsp h2 a {border-right:0px;}
#footerNavi .navBox ul {display:none;}
#footerNavi .navBox#navBox5,
#footerNavi .navBox#navBox6,
#footerNavi .navBox#navBox7,
#footerNavi .navBox#navBox8 {display:none;}


#footer .footerLink {
	display:block;
	width:100%;
	text-align:center;
	margin:0 auto 15px auto;;
	}
#footer .footerLink ul li {display:inline-block;}
#footer .footerLink ul li a {border-right:1px solid #FFF;padding-right:5px;}
#footer .footerLink ul li:last-child a {border-right:0px;padding-right:0px;}
#footer #copy {
	display:block;
	text-align:center;
	display:block;
	font-size:75%;
	}
a.modal{pointer-events: none;}
#bitnami-banner {display:none;}

#calendar_contents {width: 100%!IMPORTANT;}
#tableWrap {width: 100%;overflow-x: scroll;}