@charset "UTF-8";
body{position: relative;}
header	{background-color: #ffffff;}
.contents{background: #e50112; background: linear-gradient(-45deg, rgba(229, 1, 18, 1) 10%, rgba(196, 1, 15, 1) 10%, rgba(0, 0, 0, 1) 50%, rgba(196, 1, 15, 1) 90%, rgba(229, 1, 18, 1) 90%);}
.contents *{box-sizing: border-box;}
.contents img{width: auto; max-width: content-width !important;}
.contents	{font-feature-settings: "palt";}
/*body:before	{display: block; content: ""; position: fixed; width: 100%; height: 100vh; background: #000000 url("../../../img/jch/110/bg.png") no-repeat center bottom; background-size: cover; z-index: -1;}*/
.youtubeArea iframe{vertical-align: top;}
ul.default{list-style-type: disc;}
ul.default li{margin-left: 1.5em;}
.tile, .box{display: flex;}
.box{flex-wrap: wrap;}
.btl .box{align-items: flex-end;}
.tile > div{width: 100%;}
.box .photo, .tile > .single{width: 50%;}
.box.times3 .photo{width: 33.333%;}
.action {opacity: 1; animation: fade 3s;}
.buttonDetail ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.buttonDetail li a{display: block; color: #ffffff; background-color: #e50112; font-weight: bold; text-align: center; text-decoration: none; transition: all 0.25s;}
.buttonDetail li a:hover{background-color: #720009;}
.buttonDetail .buttonArchive{text-align: center;}
.buttonDetail .buttonArchive a{display: block; color: #e50112; background-color: #ffffff; border-radius: 5px; text-decoration: none;}
.ticketInfo{margin-top: 1.5em; padding: 1.0em;  color: #ffffff; background-color: rgba(51,51,51,0.85); border: 2px solid rgba(190,167,98,1.0); box-sizing: border-box;}
.ticketInfo strong{display: block; margin-bottom: 0.5em; color: #bea762; font-size: 1.25em; text-align: center;}
.ticketInfo table{margin-bottom: 0; border-collapse: separate; border-spacing: 4px; border-top: none;}
.ticketInfo table tr > *{border-bottom: none;}
.ticketInfo th{background-color: rgba(229,1,18,0.75); text-align: center;}
.ticketInfo td{background-color: #000000;}
.ticketInfo .buttonBuy a{display: inline-block; margin-top: 1.0em; padding: 0.5em 1.5em; color: #ffffff; background-color: #e50112; border-radius: 5.0em; font-weight: bold; text-align: center; text-decoration: none;}
.field .swiper{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%;}
.field .type{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.field .kv{opacity: 0;}
.roadto{padding: 1.5em 0; background: rgb(29, 21, 38); background: linear-gradient(90deg, rgba(29, 21, 38, 1) 0%, rgba(116, 83, 153, 1) 50%, rgba(29, 21, 38, 1) 100%); text-align: center;}
.roadto > b{display: block; margin-bottom: 1.0em; color: #ffffff; font-size: 1.25em;}
.roadto li a{display: flex; align-items: center; justify-content: center; color: #ffffff; border: 2px solid #ffffff; font-weight: bold; text-align: center; text-decoration: none; transition: all 0.25s;}
.roadto li a:hover{color: #745399; background-color: rgba(255,255,255,0.9)}
.is-zoom {
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	opacity: 1;
}
@keyframes zoomIn {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}
  100% {
		opacity: 1;
		transform: scale(1);
	}
}
.movie{padding: 1.5em; background-color: #333333; text-align: center;}
hr.spacer{margin: 0; padding: 1.5em; border: none; outline: none;}
.itemButton{text-align: center;}
.itemButton > *{display: inline-block; padding: 1.0em 1.5em; line-height: 1.0;}
.itemButton > a{color: #ffffff; background-color: #e50112; text-decoration: none;}
.itemButton > a:after{display: inline-block; content: "\f138"; margin-left: 0.5em; font-family: fontAwesome;}
.itemButton > a:hover{color: #e50112; background-color: #ffffff;}
.itemButton.white > a{color: #e50112; background-color: #ffffff; text-decoration: none;}
.contents section.bgBk{background-color: rgba(0,0,0,0.65);}
.topics{position: relative; color: #ffffff; background: #8E7D49; background: linear-gradient(-45deg, rgba(142, 125, 73, 1) 0%, rgba(190, 167, 98, 1) 50%, rgba(142, 125, 73, 1) 100%); border-radius: 5px; font-weight: bold; text-align: center;}
.topics:before{display: block; content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; ; border: 5px solid rgba(255,255,255,0.5); border-radius: 5px; box-sizing: border-box; pointer-events: none;}
.topics .editInfo strong{display: block; margin-bottom: 0.5em; padding: 0.25em 0.75em; color: #ffffff; background-color: #000000; font-size: 1.5em; font-weight: bold;}
.topics hr{margin: 1.0em 0; border-color: #ffffff;}
.topics .editInfo b{font-size: 1.25em;}
.topics .itemButton, .movie .itemButton{margin-top: 1.0em;}
.topics .itemButton{margin-top: 1.0em;}
.topics .itemButton a{border-radius: 5.0em;}
.contents section{color: #ffffff;}
.contents section h2{color: #ffffff; text-align: center;}
.contents section .note{padding: 1.0em; color: #333333; background-color: #ffffff; text-align: left;}
.contents section.outline table{margin-bottom: 0; text-align: left;}
.contents section.outline table th{background-color: rgba(229,1,18,0.75);}
.contents section.outline table tr > *{border-color: rgba(255,242,242,0.5)}
.fixedBanner{display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: 1.0em 0; background: #E50112; background: linear-gradient(90deg, rgba(229, 1, 18, 1) 0%, rgba(255, 51, 65, 1) 50%, rgba(229, 1, 18, 1) 100%); border-top: 1px solid rgba(255,255,255,0.5);}
.contents nav{background-color: #e50112}
.contents nav ul{vertical-align: top;}
.contents nav ul li a{display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: bold; text-align: center; text-decoration: none; line-height: 1.2;}
.contents nav ul li a:after{display: inline-block; content: "\f13a"; margin-left: 0.5em; font-family: fontAwesome;}
.contents .category dl dt{display: block; padding: 1.0em; border-radius: 10px 10px 0 0; background-color: #dddddd; font-weight: bold;}
.contents .category dl dd + dt{margin-top: 3.0em;}
.contents .category dl dt em{display: block; margin-bottom: 0.25em; padding-bottom: 0.25em; border-bottom: 2px solid #ffffff; font-weight: bold;}
.contents .category dl dd{padding: 1.0em; color: #333333; background-color: #f1f1f1; border-radius: 0 0 10px 10px;}
.contents .category dl dd .textC strong{display: block; margin-bottom: 0.5em;}
.contents .category dl dd table{margin-bottom: 0; background-color: #ffffff; border-top: none;}
.contents .category dl dd table.textC{table-layout: fixed;}
.contents .category dl dd table.textC caption{padding: 0.5em 0; color: #ffffff; background-color: #000000; text-align: center;}
.contents .category dl dd table.textC td b{color: #c8161d}
.contents .category dl dd .point{padding: 1.0em; background-color: rgba(255,255,255,0.5); border: 1px solid #000000; border-radius: 5px;}
.contents .category dl dd .point strong{display: block; margin-bottom: 0.5em; padding-bottom: 0.25em; border-bottom: 1px solid #000000;}
.contents .category dl dd .point hr{margin: 0.75em 0; padding: 0; border-top: 1px dashed #000000;}
.contents .category dl .premier{background-color: #bc9c5e;}
.contents .category dl .premier + dd{background-color: #eee6d7;}
.contents .category dl .ss-premier{background-color: #46b035;}
.contents .category dl .ss-premier + dd{background-color: #d1ebcc;}
.contents .category dl .ss{background-color: #f19a96;}
.contents .category dl .ss + dd{background-color: #fbe6e5;}
.contents .category dl .non-reserved{background-color: #0079c2;}
.contents .category dl .non-reserved + dd{background-color: #bfddf0;}
.contents .category dl .pass-3days{background-color: #f39600;}
.contents .category dl .pass-3days + dd{background-color: #fce5bf;}
.contents .category dl .lounge-option{background-color: #9b83d4;}
.contents .category dl .lounge-option + dd{background-color: #e6e0f4;}
.contents .itemFc	{padding: 2.0em 0; color: #ffffff; background-color: rgb(200,22,29);}
.contents .itemFc p img	{border: 1px solid #ffffff;}
.contents .itemFc strong	{color: rgba(252,202,15,1); background:linear-gradient(transparent 90%, rgba(252,202,15,1) 90%); font-size: 2.0em;}
.contents .itemFc .entry	{margin: 1.5em 0; text-align: center;}
.contents .itemFc .entry a	{display: inline-block; padding: 0.5em 2.0em; color: rgb(200,22,29); background-color: #ffffff; border-radius: 10px; font-size: 1.5em; font-weight: 700; text-decoration: none;}
.contents .itemFc .entry a:hover	{color: #ffffff; background-color: #000000;}
.contents .itemFc .entry a:after	{display: inline-block; content: "\f054"; margin-left: 0.5em; font-family: FontAwesome;}
.contents .itemFc .benefit	{margin-bottom: 1.5em; padding: 1.0em; border: 2px solid #ffffff;}
.contents .itemFc .benefit b	{display: block; padding-bottom: 0.75em; border-bottom: 2px solid #ffffff; font-size: 1.25em; text-align: center;}
.contents .itemFc .benefit ul	{margin-top: 1.0rem; font-weight: 700;}
.contents .itemFc .benefit ul li:before	{display: inline-block; content: "\f058"; margin-right: 0.5em; color: rgba(252,202,15,1); font-family: FontAwesome;}


@media only screen and (max-width: 640px){
.contents, .contents p, .contents li, .contents table tr > *{font-size: 3.5vw;}
	.importantInfo{display: none;}
.btl{margin-top: 50vw;}
.tile > .box{width: 50%;}
.tile > .box > .photo{width: 100%;}
.data	{position: absolute; top: calc(50% - 25vw); left: 0; width: 100%; height: 50vw;}
.buttonDetail ul{margin: 0 10px;}
.buttonDetail ul li{width: calc(50% - 5px); margin-top: 10px; font-size: 3.5vw}
.buttonDetail a{padding: 1.0em 0;}
.buttonDetail .buttonArchive{margin: 10px; font-size: 3.5vw}
.ticketInfo{margin: 1.0em;}
.ticketInfo table tr > *{font-size: 3.5vw;}
.roadto ul{display: flex; flex-wrap: wrap; justify-content: center; margin: 0 20px;}
.roadto ul li{width: calc(50% - 5px); font-size: 3.5vw;}
.roadto ul li:nth-child(even){margin-left: 10px;}
.roadto ul li:nth-of-type(n+3){margin-top: 10px;}
.roadto ul li a{height: 4.0em;}
.containerSm{padding: 0 1.0em;}
.contents section.bgBk{border-top: 1px solid rgba(255,255,255,0.25); border-bottom: 1px solid rgba(255,255,255,0.25);}
.topics{margin: 0.5em; padding: 2.0em 15px;}
.topics .editInfo{font-size: 3.5vw;}
.topics .editInfo strong{font-size: 4.0vw;}
.topics .editInfo b{font-size: 3.5vw;}
.topics .itemButton{font-size: 5.0vw;}
.contents section{padding: 2.0em 0;}
.contents section h2{margin-bottom: 1.0em; font-size: 6.0vw; text-align: center;}
.contents section .containerSm{text-align: left}
.contents section.outline table, .contents section.outline table tbody, .contents section.outline table tr, .contents section.outline table tr > *{display: block; border: none;}
.contents section.outline table tr > *{padding: 0.5em;}
.contents section.outline table tr > td{padding-bottom: 1.0em;}
.contents section.outline table tr > td{padding-bottom: 1.0em;}
.js-scrollable{width: 100%;}
.price .js-scrollable > p{width: 200vw;}
.schedule .js-scrollable > p{width: 150vw;}
.contents nav ul{display: flex; flex-wrap: wrap; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.contents nav ul li{width: 50%; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; box-sizing: border-box;}
.contents nav ul li a{padding: 0.5em 0;}
.contents .category dl dt, .contents .category dl dd{font-size: 3.5vw;}
.contents .category dl dt em{font-size: 1.25em;}
.contents .category dl dd table.textC, .contents .category dl dd tbody, .contents .category dl dd table tr, .contents .category dl dd table td{display: block; width: 100%; box-sizing: border-box;}
.contents .category dl dd table.textC{padding-bottom: 0.5em;}
.contents .category dl dd table.textC:before{display: block; content: "価格"; padding: 0.5em 0; color: #ffffff; background-color: #000000; font-size: 3.5vw; text-align: center;}
.contents .category dl dd table tr *{border-bottom: none;}
.contents .category dl dd table tr:not(:first-child) > *:first-child{border-top: 1px solid #bdbdbd;}
.contents .category dl dd table tr:not(:last-child) > *:last-child{padding-bottom: 0.5em;}
.contents .category dl dd table.textC td{padding: 0.5em 0 0;}
.contents .category dl dd table.textC caption{display: none;}
.contents .itemFc h1, .contents .itemFc strong	{font-size: 5.0vw; text-align: center;}

.contents .unit2Lg > .col:not(:first-child){margin-top: 1.5em;}

}

@media only screen and (min-width: 641px){
.contents, .main	{position: relative;}
.contents	{background-size: 100%;}
.data	{position: absolute; top: 25%; left: 25%; width: 50%; height: 25vw;}
.buttonDetail{width: 1050px; margin: 30px auto 0;}
.buttonDetail ul li{width: calc(25% - 10px); margin-bottom: 30px;}
.buttonDetail a{padding: 1.0em;}
.buttonDetail .buttonArchive a{display: inline-block; width: 50%; padding: 1.0em;}
.ticketInfo{width: 800px; margin: 40px auto 0; padding: 40px; border-width: 10px;}
.ticketInfo strong{font-size: 30px;}
.ticketInfo table tr > *{padding: 1.5em;;}
.ticketInfo .buttonBuy a{font-size: 20px;}
.roadto{margin-top: 40px;}
.roadto ul{display: flex; justify-content: space-between; width: 1050px; margin: 0 auto;}
.roadto ul li{width: calc(20% - 10px)}
.roadto ul li a{padding: 1.0em 0;}
.container{width: 1050px; margin: 0 auto;}
.topics{margin: 50px; padding: 50px; font-size: 24px;}
.topics strong em{font-size: 40px;}
.topics .itemButton{font-size: 30px;}
.contents section{padding: 50px 0;}
.contents section.bgBk{margin: 0 50px;}
.contents section h2{font-size: 40px;}
.contents nav{position: relative;}
.contents nav:after{display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: rgba(255,255,255,0.35);}
.contents nav ul{table-layout: fixed; border-right: 1px solid rgba(0,0,0,0.75);}
.contents nav ul li{border-left: 1px solid rgba(0,0,0,0.75);}
.contents .category dl dt{text-align: center;}
.contents .category dl dt em{font-size: 2.0em;}
.contents .category dl dd table tr:last-child > *{border-bottom: none;}
.contents .itemFc	{text-align: center;}
.contents .itemFc .entry a	{font-size: 2.0em;}
.contents .itemFc .benefit	{text-align: center;}
.contents .itemFc .benefit b	{font-size: 1.75em;}
.contents .itemFc .benefit ul	{display: inline-block; width: auto;}
.contents .itemFc .benefit ul li	{font-size: 1.5rem;}

.contents .unit2Lg, .contents .unit3Lg{font-size: 0;}
.contents .unit2Lg > .col, .contents .unit3Lg > .col{display: inline-block; font-size: 16px; vertical-align: top;}
.contents .unit2Lg > .col{width: 48.57%;}
.contents .unit3Lg > .col{width: 31.428%;}
.contents .unit2Lg > .col:nth-child(even){margin-left: 2.857%;}
.contents .unit2Lg > .col:nth-of-type(n+3){margin-top: 2.857%;}
.contents .unit3Lg > .col:not(:nth-of-type(3n+1)){margin-left: 2.857%;}
.contents .unit3Lg > .col:nth-of-type(n+4){margin-top: 2.857%;}

}

@media only screen and (max-width: 1680px){
/*.field	{min-height: 56.25vw;}*/
}
@media only screen and (min-width: 1681px){
/*.field	{min-height: 945px;}*/
}