@charset "UTF-8";

@import "base.css";


/*
Template Name: スマホスタイル
*/

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

#contentWrap{
	position:relative;
	margin-top:50px;
	margin-top:13vw;
	}

.pc {display:none;}
.cInner {
	display:block;
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:10px 0;
	}
.img100 {width:100%;height:auto;}
a.yBtn {display:inline-block;background-color:#ffa200;padding:10px 15px;color:#FFF;font-size:93%;}
a.arrow {background:url(../img/arrow_red_r.png) 0 3px no-repeat;padding:0 0 0 8px;color:#e60012;}
.spLink a.arrow {background-image:none;color:#333;}
a.red {color:#e60012;text-decoration:underline;}

.important-topic {font-size: 1.2em;}

/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header {
	position:fixed;
	top:0;left:0;
	margin:0 auto;
	text-align:center;
	width:100%;
	height:50px;
	height:13vw;
	z-index:999;
	background-color:#E90000;
	}
#header #logo {
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	width:35%;
	}
#header .ticketArea {
	position:absolute;
	bottom:0;
	right:50px;
	right:13vw;
	z-index:999;
	width:50%;
	}
#header .ticketArea a {
	display:block;
	}
#header .ticketArea img {
	display:block;
	}
.burger {
	display:block;
	width:50px;width:13vw;
	height:50px;height:13vw;
	position:absolute;
	top:0;
	right:0;
	background:#FFF url(../img/sp/burger.png) 0 0 no-repeat;
	background-size:100%;
	z-index:9999!IMPORTANT;
	}
#gMenu ul {
	display:none;
	}
#gMenu ul {
	width:60%;
	position:absolute;
	top:50px;top:13vw;
	right:0;
	background-color:#EA0000;
	z-index:9998!IMPORTANT;
	padding:5px;
	}
.a42 #gMenu ul {padding-top:30px;width:75%;}
#gMenu ul li {
	display:block;
	overflow:hidden;
	font-size:93%;border-bottom:1px solid #FFF;
	}
#gMenu ul li:last-child {
	border-bottom:0;	
}
#gMenu ul li a {
	display:block;
	padding:5px 10px;
	text-align:left;
	vertical-align:middle;
	color:#FFF;
	text-decoration:none;
	line-height:220%;
	}



/*-------------------------------------------------
	++ PAGEHEADER
-------------------------------------------------*/
#contentsHead {
	background-color:#FFF;
	}
.floormap #contentsHead {
	background: url(../img/hxbg_floor.png) right bottom no-repeat;
	background-size: 100%;
	}
.price #contentsHead {
	background: url(../img/hxbg_price.png) right bottom no-repeat;
	background-size: 100%;
	}
.howtovote #contentsHead {
	background: url(../img/hxbg_voting.png) right bottom no-repeat;
	background-size: 100%;
	}
.gourmet #contentsHead {
	background: url(../img/hxbg_gourmet.png) right bottom no-repeat;
	background-size: 100%;
	}
.application #contentsHead {
	background: url(../img/hxbg_application.png) right bottom no-repeat;
	background-size: 100%;
	}
.category-topics #contentsHead,
.single-format-standard #contentsHead {
	background: url(../img/hxbg_news.png) right bottom no-repeat;
	background-size: 100%;
	}
#contentsHead + .graycontents .cInner  {padding:0;}


/*-------------------------------------------------
	++ LAYOUT
-------------------------------------------------*/

.contents {
	}
.redcontents {
	background-color:#E70012;
	color:#FFF;
	}
.graycontents {
	background-color:#F1F1F1;
	}

.contents img,
.redcontents img,
.graycontents img {width:100%;height:auto;}

.contents p,
.redcontents  p ,
.graycontents  p {
	padding: 10px;
	text-align:left;
	}

/*-------------------------------------------------
	++ CONTETS
-------------------------------------------------*/
#contentsHead .cInner {
	padding:3px 0;
	}

#contentsHead h1 {
	padding-bottom:100px;padding-bottom:30vw;
	}
#contentsHead .hxTitle .jpTitle {
	display:block;
	font-size:108%;
	color:#333;
	}
#contentsHead .hxTitle .enTitle {
	display:block;
	color:#e60012;
	font-weight:bold;
	font-size:132%;
	}
.hxsTitle {
	font-size:146%;
	text-align:center;
	padding:10px 0 0 0;
	color:#e60012;
	font-weight:normal;
	}
.hxsYellow {
	color:#ffa200;
	font-size:146%;
	font-weight:bold;
	margin-bottom:10px;
	}

.cCatch {
	text-align:center;
	padding:10px 0;
	font-size:85%;
	}
.cblock {
	margin:0 50px;
	text-align:left;
	}

.entryList {text-align:left;}
.entryList li {
	padding:5px 0;
	padding:2vw 0;
	font-size:93%;
	background: #FFF;
	background: -moz-linear-gradient(#FFF 0%, #DDD 100%);
	background: -webkit-linear-gradient(#FFF 0%, #DDD 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#DDD));
	background: -o-linear-gradient(#FFF 0%, #DDD 100%);
	background: linear-gradient(#FFF 0%, #DDD 100%);
	}
.entryList li dl:before,
.entryList li dl:after {content: " ";display: table;}
.entryList li dl:after {clear: both;}
.entryList li dl {*zoom: 1;}
.entryList li dt {float:left;color:#87000b;width:30%;width:15vw;padding-left:1vw;}
.entryList li dd {float:left;width:65%;width:80vw;}
.a42 .entryList li dt {width:15%;padding-left:2%;}
.a42 .entryList li dd {width:80%;padding-right:2%;}

.toDetail {padding:1px;margin:10px 0;}
.toDetail a {background-color:#e60012;color:#FFF;display:block;text-align:center;padding:8px 0}

/* NEWS */
.pageNavi {margin-top:15px;}
.pageNavi ul {margin:10px auto;text-align:center;}
.pageNavi li {display:inline-block;}
.pageNavi a,
.pageNavi span {padding:2px 4px;font-size:77%;}
.pageNavi span {color:#87000b;}

.cblock {
	width:100%;
	text-align:left;
	}
.list3box {
	width:86%;
	margin:0 5%;
	}
.list3box li {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-bottom:10px;
	}
.list3box li img {
	border:3px solid #FFF;
	width:100%;
	height: auto;
	}
.list3box.sp2box {width:100%;margin:0;}
.list3box.sp2box li {width:47%;display:inline-block;font-size:77%;}
.list3box.sp2box li:nth-of-type(2n) {margin-left:2%;}
.list3box.sp2box li img {width:97%;}

.list3box.sp3box {width:100%;margin:0;}
.list3box.sp3box li {width:30%;display:inline-block;margin-bottom:0;}
.list3box.sp3box li img {display:block;}
.list3box.sp3box + p {font-size:77%}

.contents h2,
.redcontents h2 {
	color:#ffa200;
	font-size:118%;
	font-weight:bold;
	margin-bottom:10px;
	}
.contents h3 {
	color:#ffa200;
	font-weight:bold;
	}
.halfblock h3 {text-align:left;}
.halfblock {
	width:86%;
	margin:0 auto;
	text-align:center;
	}
.halfblock p {
	padding:10px 0;
	font-size:77%;
	}
.voteitr:before,
.voteitr:after {content: " ";display: table;}
.voteitr:after {clear: both;}
.voteitr {*zoom: 1;}
.voteitr {
	text-align:left;
	}
.voteitr dt {
	float:left;
	width:15%;
	}
.voteitr dt img {
	width:100%;
	height:auto;
	}
.voteitr dd {
	float:left;
	width:82%;
	margin-left:3%;
	}
.voteitr dd strong{
	color:#87000b;
	font-size:107%;
	font-weight:bold;
	float:left;
	}
.redcontents .voteitr {
	text-align:center;
	margin-bottom:10px;
	}
.redcontents .voteitr dt,
.redcontents .voteitr dd {
	float:none;
	width:100%;
	margin:0;
	}
.redcontents .voteitr dt img {
	width:20%;
	}
.redcontents .voteitr dd h2 {
	margin-bottom:0;
	}

/* TOPICS SINGLE */
.entryBlock {text-align:left;font-size:100%;padding:10px;}
.entryHeader {margin-bottom:15px;}
.entryHeader .date {color:#e60012;margin-bottom:5px;}
.entryHeader .date .new {
	background-color:#e60012;
	color:#FFF;
	padding:0 7px;
	margin-left:10px;
	border-radius:15px;
	vertical-align: middle;
	}
.entryHeader .entryTitle {font-size:95%;font-weight:bold;}
.entryItem {font-size:83%;}
.entryItem img {width:100%;height:auto;}
		
.entryItem {
		max-width: 100%;
    }
	
.entryItem img {
        display: inline-block;
        max-width: 100%;
		max-height: 100%;
		}
		
.TopicsTable {padding:20px 0px;}
		
.TopicsTable table {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 100%;
	font-size: 3vw;
	color: #000000;
	border-spacing: 0px;
	margin: 0 auto 10px auto;}
.TopicsTable th {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: center;
    background-color: #626262;
	padding: 10px 5px;
    color: #ffffff;
    text-align: center;
	font-weight: normal;
	font-weight: bold;}
.TopicsTable td {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: center;
    background-color: #FFFFFF;
	padding: 10px 5px;
    font-weight: normal;}
.TopicsTable td.txtC {text-align: center;}
.TopicsTable tr:nth-child(odd) td {background-color: #f9f9f9;}

.button1 a,
.button2 a,
.button3 a {
    background: #D33A2C;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;
    max-width: 90%;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
		}
		
.button1 a:after,
.button2 a:after,
.button3 a:after {
    content: "▶";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 1;
		}
.button1 a:hover,
.button2 a:hover,
.button3 a:hover {
    background: #313131;
    color: #FFF;
		}
		
.list-t {
        padding: 0px;
        margin: 15px 0;
}

.list-t li {
        text-align: left;
        line-height: 1.8em;
        list-style-type: none;
        padding: 0 0 0 1.0em;
			text-indent: -1.0em;
		font-size: 3vw;
}

.spLink {
	display:block;
	clear:both;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background: #FFF;
	background: -webkit-linear-gradient(#FFF 0%,#DDD 100%);
	background: linear-gradient(#FFF 0%,#DDD 100%);
	text-align:center;
	font-size:77%;
	}
.spLink span,
.spLink a {
	display:block;
	text-align:center;
	padding:3vw 0;
	font-weight:bold;
	}
.a42 .spLink a {padding:10px 0;}
.spLink .spSmall {display:inline;font-size:69%;font-weight:normal;}
.spLinkRed {
	display:block;
	clear:both;
	background: #E4081F;
	text-align:center;
	border-radius:5px;
	}
.spLinkRed a {
	display:block;
	text-align:center;
	padding:1vw 0;
	color:#FFF;
	}
.a42 .spLinkRed a {padding:3px 0;}


/*-------------------------------------------------
	++ TOP
-------------------------------------------------*/
/*
.sqMenu {
	}
.sqMenu ul li {
	position:relative;
	background: #87000b;
	background: -moz-linear-gradient(#BB1E2B 0%, #87000b 100%);
	background: -webkit-linear-gradient(#BB1E2B 0%, #87000b 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#BB1E2B), to(#87000b));
	background: -o-linear-gradient(#BB1E2B 0%, #87000b 100%);
	background: linear-gradient(#BB1E2B 0%, #87000b 100%);
	padding:10px 0;
	border-bottom:1px solid #000;
	}
.sqMenu ul li a:before,
.sqMenu ul li a:after {content: " ";display: table;}
.sqMenu ul li a:after {clear: both;}
.sqMenu ul li a {*zoom: 1;}
.sqMenu ul li a {
	display:block;
	}
.sqMenu ul li span.topMenuImg {
	width:25%;
	padding:3px 10px;
	float:left;
	}
.sqMenu ul li span.topMenuImg img {display:block;}
.sqMenu ul li span.topMenuText {
	display:block;
	color:#FFF;
	font-size:93%;
	text-align:left;
	padding-top: 15px;
	padding-top: 6vw;
	}
.a42 .sqMenu ul li span.topMenuText {
	padding-top: 20px;
	}

.topReservation {
	width:90%;
	margin:15px auto 0 auto;
	}

.tableOuter {width:100%;overflow-x:scroll;}
.sub_ttl {font-size:118%;font-weight:bold;}
.tableB {
	margin-bottom:20px;
	border-top:1px #AFAFAF solid;
	border-left:1px #AFAFAF solid;}
.tableB th {
	background-color:#FFE2E5;
	border-right:1px #AFAFAF solid;
	border-bottom:1px #AFAFAF solid;
	padding:5px 0px;
	text-align:center;
	vertical-align:top;
	white-space: nowrap;}
.tableB td {
	border-right:1px #AFAFAF solid;
	border-bottom:1px #AFAFAF solid;
	padding:5px 15px;
	text-align:right;
	vertical-align:middle;
	white-space: nowrap;}
.tableB td:first-child{text-align:left;}
*/

/*-------------------------------------------------
	++ PRICE
-------------------------------------------------*/
.halfMap li {
	width:50%;float:left;
	}
.halfMap li img {
	width:100%;
	height:auto;
	}
.tableOuter {width:100%;overflow: auto}
.tableB {
	margin-bottom:20px;
	border-top:1px #AFAFAF solid;
	border-left:1px #AFAFAF solid;
}
.tableB th {
	background-color:#FFE2E5;
	border-right:1px #AFAFAF solid;
	border-bottom:1px #AFAFAF solid;
	padding:10px 5px;
	text-align:center;
	vertical-align:top;
	font-size:65%;
	line-height:120%;
	white-space: nowrap;
	}
.tableB td {
	border-right:1px #AFAFAF solid;
	border-bottom:1px #AFAFAF solid;
	padding:10px 5px;
	text-align:right;
	vertical-align:middle;
	font-size:65%;
	line-height:120%;
	background-color:#FFF;
	}
.tableB td:first-child {
	text-align:left;
	white-space: nowrap;
}
.seaticon {
	width:15px!important;
	height:auto;
	display:block;
	float: left;
	margin-right:5px;
}

.tableB td.typeR {background-color:#C090C0;}
.tableB td.typeI {background-color:#72C6C8;}
.tableB td.typeC {background-color:#ACDEF7;}
.tableB td.typeT {background-color:#22AEE6;}
.tableB td.typeP {background-color:#ED8979;}
.tableB td.typeG {background-color:#D3CCBA;}
.tableB td.typeV {background-color:#D7BC51;}
.tableB td.typeVL {background-color:#E4BE7D;}
.tableB td.typeVR {background-color:#B3A377;}
.tableB td.nonetype {padding-left:45px;}

/*-------------------------------------------------
	++ HOW TO VOTE
-------------------------------------------------*/
.starcards {
	background-color:#FFF;
	text-align:left;
	padding:10px;
	font-size:14px;
	}
.starcards .list3box li img {display:block;}

.rankWrap {padding:10px;}
.rankWrap .rankA {width:70%;margin: 0 auto 10px auto;text-align: center;}
.rankWrap .rankP {width:100%;}
.rankWrap .rankP th,
.rankWrap .rankP td {
	font-size:85%;
	padding:5px 10px;
	background-color:#FFF;
	border:1px solid #AFAFAF;
}
.rankWrap .rankP th.point {
	background-color:#EB0000;
	color:#FFF;
	font-weight:normal;
}
.rankWrap .rankP th.deruca {
	background-color:#29A7E1;
	color:#FFF;
	font-weight:normal;
}

/*-------------------------------------------------
	++ GOUMMET
-------------------------------------------------*/
.textMenuList {
	border:1px solid #E60012;
	background-color:#FFF;
	text-align:left;
	padding:10px;
	}
.textMenuList h3 {
	color:#E60012;
	}
.textMenuList ul li {
	}

/*-------------------------------------------------
	++ FORM
-------------------------------------------------*/
/* CONTACT */

.refTbl {width:100%;}
.refTbl th,.refTbl td {display:block;}
.refTbl th h3 {margin-bottom:0;}
.contactTbl {width:100%;}
.contactTbl tr th {background-color:#FFDEDD;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;}
.contactTbl input,
.contactTbl textarea {width:96%;}
.contactTbl input.half {width:75%}
.contactTbl input.quarter {width:25%;}
.contactTbl input.ss {width:15%;}


/*-------------------------------------------------
	++ TOP
-------------------------------------------------*/

.mainarea .slider img {display:block;}
.mainarea {
	position:relative;
	}
.mainarea .title {
	position:absolute;
	top:20px;top:5vw;
	}
.mainarea .mapmenu {
	}
.mapmenu > ul {
	margin:0 auto;
	text-align:center;
	}
.mapmenu > ul > li {
	background-color:#FFFFFF;
	border-top:1px solid #BABABA;
	border-bottom:1px solid #BABABA;
	}
.mapmenu > ul > li:last-child{
	border-top:0;
}
	.gourmet .graycontents .mapmenu > ul > li:first-child {}
	.gourmet .graycontents .mapmenu > ul > li:last-child {}
.mapmenu > ul li .titlearea {
	}
.mapmenu > ul li h2 {
	color:#E70012;
	font-size:132%;
	padding:5px 0;
	border-bottom:1px solid #BABABA;
	}
.mapmenu > ul li ul:before,
.mapmenu > ul li ul:after {content: " ";display: table;}
.mapmenu > ul li ul:after {clear: both;}
.mapmenu > ul li ul {*zoom: 1;}

.mapmenu > ul li ul li {
	float:left;
	width:50%;
	background: #FFF;
	background: -moz-linear-gradient(#FFF 0%, #DDD 100%);
	background: -webkit-linear-gradient(#FFF 0%, #DDD 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#DDD));
	background: -o-linear-gradient(#FFF 0%, #DDD 100%);
	background: linear-gradient(#FFF 0%, #DDD 100%);
	text-align:center;
	}
.gourmet .mapmenu > ul li ul li,
.price .mapmenu > ul li ul li {width:100%;}

.mapmenu > ul li ul li:first-child {
	border-right:1px solid #BABABA;
}

.gourmet .mapmenu > ul li ul li:first-child,
.price .mapmenu > ul li ul li:first-child {
	border-right:0px;
}
.mapmenu > ul li ul li a {
	display:block;
	background:url(../img/arrow_cp.png) 0.2em center no-repeat;
	background-size:1em;
	padding:10px;
	padding-left:1.4em;
	}
.mapmenu > ul li img {
	display:block;
	width:100%;
	height:auto;
	}

.ticketBtn {
	padding:10px;
	}

.contentsHead {
	padding:10px 0;
	}
.contentsHead h1 .jpTitle {
	display:block;
	font-size:123%;
	}
.contentsHead h1 .enTitle {
	display:block;
	font-size:180%;
	font-weight:bold;
	color:#e60012;
	}
.contentsArea {
	background-color:#F1F1F1;
	}
.contentsArea .cInner {
	padding:0;
	
}
/* NEWS  ↑146 */
.contentsArea .entryPhoto {
	padding:10px;
	text-align:left;
}
.contentsArea .entryPhoto img {
	width:100%;
	height:auto;
}
.sqMenu {
	margin:0 auto;
	text-align:center!IMPORTANT;
	}
.sqMenu ul li {
	display:inline-block;
	position:relative;
	width:46%;
	padding:2%;
	}
.sqMenu ul li .topMenuText {
	display:block;
	text-align:center;
	color:#FFF;
	}

.topReservation {
	margin:30px auto 0 auto;
	text-align:center!IMPORTANT;
	}
.topReservation li {
	display:inline-block;
	width:473px;
	margin:0 5px;
	}
.topReservation li a {
	display:block;
	margin:0 auto;
	text-align:center;
	}


.sub_ttl {font-size:18px;font-weight:bold;}



/*-------------------------------------------------
	++ MOVIE
-------------------------------------------------*/
.movielist {
	padding:10px;
}
.movielist .movie {
	margin-bottom:10px;
}

.movieWrap,
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movieWrap iframe,
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

#footer {
	width:100%;
	text-align:center;
	margin:0 auto;
	}
#footer #footerLink {display:none;}

#footer #copy {
	display:block;
	padding:20px 0 ;
	font-size:77%;
	}


#bitnami-banner {display:none;}

.slider-arrow--right {right:0!important;}
.slider-arrow--left {left:0!important;}