@charset "UTF-8";
/* Rewrite */
body{position: relative;}
header	{background-color: #ffffff;}
article{padding-bottom: 0;}
.contents img{width: revert-layer; max-width: content-width !important;}
.contents	{font-feature-settings: "palt";}
.contents *	{box-sizing: border-box;}
.contents a	{transition: all 0.25s;}
.contents nav ul	{display: flex;}
.contents nav ul li	{display: block;}
.contents nav ul li a, .contents nav ul li span	{padding: 0.5em 0; line-height: inherit;}
.youtubeArea iframe{vertical-align: top;}
.contents .clm > li, .contents .clm > div{margin-bottom: 0;}
.contents main .liststyle li{margin-bottom: 0; line-height: 1.6;}
.contents .clm.col3 > li, .clm.col3 > div{width: 31.428%;}

/* Layout */
body:before	{display: block; content: ""; position: fixed; width: 100%; height: 100vh; /*padding-bottom: 0;*/ background: #000000 url("../../../img/jch/110/bg.png") no-repeat center bottom; background-size: cover; z-index: -1;}
.action {opacity: 1; animation: fade 3s;}
.movie{padding: 1.5em; background-color: #333333; text-align: center;}
.jchTicket .movie{width: calc(100% + 2.0rem); transform: translateX(-1.0rem);}
hr.spacer{margin: 0; padding: 1.0em; border: none; outline: none;}
hr.spacer2x{margin: 0; padding: 1.5em; border: none; outline: none;}
.itemKv{text-align: center;}
.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;}
main .itemButton > a:hover{color: #ffffff; background-color: #ac010d;}
.itemButton.cover > *{display: block;}
.itemButton.white > a{color: #e50112; background-color: #ffffff; text-decoration: none;}
.jchTicket .contents .topics{position: relative; width: calc(100% + 2.0rem); padding: 2.0rem 1.0rem; color: #ffffff; background: #e50112; background: linear-gradient(90deg, rgba(229, 1, 18, 1.0) 0%, rgba(255, 51, 65, 1.0) 50%, rgba(229, 1, 18, 1.0) 100%); font-weight: bold; text-align: center; transform: translateX(-1.0rem) translateY(-1.0rem);}
.jchTicket .contents .topics:before{display: block; content: ""; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; width: calc(100% - 10px); border: 2px solid rgba(0,0,0,0.5); box-sizing: border-box; pointer-events: none;}
.jchTicket .contents .topics strong{display: block;}
.jchTicket .contents .topics strong em{display: inline-block; margin-bottom: 0.5em; padding: 0.25em 0.75em; color: #ffffff; background-color: #000000; font-weight: bold;}
.jchTicket .contents .topics .itemButton{margin-top: 1.0em;}

.contents  nav{background-color: #e50112;}
.contents .heading nav{display: none; background-color: #e50112;}
body.open-menu .contents .heading nav{display: flex;}
.contents nav ul{flex-wrap: wrap;}
.contents nav ul li a, .contents nav ul li span{display: block; color: #ffffff; font-weight: bold; text-align: center; text-decoration: none;}
.contents nav ul li span{background-color: #666666;}
.contents .heading{color: #ffffff; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(229,1,18,0.25) 0%, rgba(229,1,18,0.50) 50%, rgba(229,1,18,0.25) 100%);}
.contents .heading p a{display: block; padding: 0.25em; background-color: rgba(255,255,255,0.25); line-height: 1.4;}
.contents .heading p a:before{display: inline-block; content: "\f015"; margin-right: 0.5em; color: #ffffff; background-color: rgba(0,0,0,0.75); border-radius: 15px; font-family: fontAwesome; font-size: 14px; text-align: center;}

.contents .heading a{color: #ffffff; text-decoration: none;}
.contents .heading h2{line-height: 1.0;}
.contents .heading h2 span{display: block; width: 100%; margin-top: 0.5em; font-weight: normal;}
.contents .heading .field div a{display: inline-block; padding: 0.5em; border: 1px solid #ffffff; border-radius: 5px; font-size: 0.85em; text-align: center; line-height: 1.0;}
.contents .heading button{display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 0; background-color: #e50112; border: none; appearance: none; outline: none;}
.contents .heading button:before, .contents .heading button:after{display: block; content: ""; width: 100%; height: 2px; background-color: #ffffff; text-indent: 0; transition: all 0.25s;}
.contents .heading button span{display: block; height: 2px; background-color: #ffffff; text-indent: -999em; transition: all 0.25s;}
body.open-menu .contents .heading button span {opacity: 0;}
body.open-menu .contents .heading button:before{transform: rotate(45deg);}
body.open-menu .contents .heading button:after{transform: rotate(-45deg);}

.jchTop .contents section{color: #ffffff;}
.jchTop .contents section h3 , .contents section h3.ttlPage{margin-bottom: 0.75em; color: #ffffff; text-align: center; line-height: 1.4;}
.jchTop .contents section h3 em , .contents section h3.ttlPage em{display: block; font-family: "Roboto Condensed", sans-serif; line-height: 1.0;}
.contents section h3.ttlPage span a{display: inline-block; margin-left: 1.0em; padding: 0.5em 1.0em; color: #ffffff; border: 1px solid #ffffff; border-radius: 5.0em; text-decoration: none;}
.contents section .note{color: #333333; background-color: #ffffff; text-align: left;}
.contents section.outline table{margin-bottom: 0; border-top: none; border-collapse: separate; border-spacing: 4px; text-align: left;}
.contents section.outline table th{color: #ffffff; background-color: #000000;}
.contents section.outline table td{background-color: #f1f1f1;}
.contents section.outline table tr > *{border: none;}
.contents .itemInfo .container{display: flex; align-items: center; margin: 1.0em auto; color: #ffffff; background-color: rgba(0,0,0,0.75);}
.contents .itemInfo .container:before{display: block; flex-shrink: 0; content: "Information"; padding: 0.5em 1.0em; font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-weight: 700;}
.contents .itemInfo .container .field{flex-grow: 1; max-height: 9.0em; margin: 1.0em 1.0em 1.0em 0; padding: 0 1.0em 0 1.5em; border-left: 1px solid rgba(255,255,255,0.5); overflow-y: scroll;}
.contents .itemInfo .container .field::-webkit-scrollbar {display: block; width: 7px; height: 7px;}
.contents .itemInfo .container .field::-webkit-scrollbar-thumb {background: #e50112;}
.contents .itemInfo .container .field::-webkit-scrollbar-track {background: rgba(255,255,255,0.8);}
.contents .itemInfo .container .field ul li{line-height: 1.4;}
.contents .itemInfo .container .field ul li:not(:first-child){margin-top: 0.25em; padding-top: 0.25em; border-top: 1px dotted rgba(255,255,255,0.5);}
.contents .itemLink{padding: 1.5em;}
.contents .itemLink ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contents .itemLink ul li > *{padding: 0.75em 0; display: block; color: #ffffff; background-color: #666666; font-weight: bold; text-align: center; line-height: 1.4;}
.contents .itemLink ul li > a{background-color: rgba(229,1,18,1.0); text-decoration: none;}
.contents .itemLink ul li > a:hover, .contents .itemLink ul li > a:active{background-color: #ac010d;}
.contents .itemLink ul li > * b{display: block; font-family: "Roboto Condensed", sans-serif;}
.contents .itemArchive ul{display: flex; flex-wrap: wrap;}
.contents .itemArchive ul li a{display: block; padding: 0.5em; color: #ffffff; border: 2px solid #ffffff; text-align: center; text-decoration: none; line-height: 1.2; transition: all 0.25s;}
.contents .itemArchive ul li a:hover, .contents .itemArchive ul li a:active{color: rgba(229,1,18,1.0); background-color: #ffffff;}
.contents .itemArchive ul li b{display: block; font-family: "Roboto Condensed", sans-serif; font-size: 1.25em;}
.contents .itemAthletics ul li a{display: block; padding: 0.5em 0; color: #ffffff; border: 2px solid #ffffff; text-align: center; text-decoration: none;}
.contents .itemAthletics ul li a:hover{color: rgba(229,1,18,1.0); background-color: #ffffff;}
.contents .uiNews + .itemButton, .contents .gallerySwiper + .itemButton{margin-top: 2.0em;}
.contents .uiNews li a{display: block; color: #333333; background-color: #ffffff; border-radius: 5px; text-decoration: none; overflow: hidden;}
.contents .uiNews li a div{overflow: hidden;}
.contents .uiNews li a div img{ transition: all 0.25s;}
.contents .uiNews li a:hover div img{transform: scale(1.1);}
.contents .uiNews li a div img{vertical-align: top;}
.contents .uiNews li a p{padding: 1.0em; line-height: 1.4;}
.contents .uiNews li a p span{display: block; margin-top: 0.5em; font-size: 0.75em;}
.contents .fieldSwiper{overflow: hidden;}
.contents .swiper-container{overflow: visible;}
.contents .swiper-slide figure{margin: 0;}
.contents .swiper-pagination{position: static; padding: 10px 0;}
.contents .swiper-pagination-bullet{width: 40px; height: 6px; margin: 2px; background-color: rgba(255,255,255,0.75); border-radius: 0;}
.contents .gallerySwiper .swiper-wrapper.single + .swiper-button-next, .contents .gallerySwiper .swiper-wrapper.single + .swiper-button-next + .swiper-button-prev{display: none;}
.contents .jchFooter{margin-top: 2.0em;}
.contents .jchFooter strong{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.0em; color: #ffffff;}
.contents .jchFooter strong:before, .contents .jchFooter strong:after{display: block; content: ""; width: 100%; height: 1px; background-color: #ffffff;}
.contents .jchFooter strong span{display: inline-block; padding: 0 1.0em; font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal; white-space: nowrap;}
.contents .jchFooter b{display: block; margin-bottom: 0.5em; color: #ffffff; font-size: 0.85em;}
.contents .jchFooter dl dt{display: block; margin-bottom: 0.5em; text-align: center;}
.contents .jchFooter dl > dt:not(:first-child){margin-top: 1.0em;}
.contents .jchFooter dl dt b{display: inline-block; padding: 0 1.0em 0.5em; border-bottom: 1px solid #ffffff; line-height: 1.0;}
.contents main{color: #333333; background-color: #ffffff;}
.contents h4{padding: 0.5em; color: #ffffff; background-color: #e50112; border-left: none;}
.contents h4:before{display: none;}
.contents .newsArticle h4{padding-top: 0; color: #333333; background-color: transparent; border-bottom: 1px dotted #999;}
.jchTicket .contents article nav{margin: 0 0 1.0rem; background-color: #e50112}
.jchTicket .contents article nav ul{vertical-align: top;}
.jchTicket .contents article 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;}
.jchTicket .contents article nav ul li a:after{display: inline-block; content: "\f13a"; margin-left: 0.5em; font-family: fontAwesome;}
.jchArchive .contents main .col3 ul{display: flex; justify-content: space-between;}
.jchArchive .contents main .col3 ul li > *{display: block; padding: 0.5em 0; color: #000000; border: 2px solid #000000; text-align: center; text-decoration: none;}
.jchArchive .contents main .col3 ul li b{color: #ffffff; background-color: #e50112; border-color: #e50112;}
.jchArchive .contents article .col2 ul li form{display: flex; align-items: center; justify-content: space-between; position: relative; margin: 1.0em 0; padding: 1.0em; background-color: #eeeeee; box-sizing: border-box; line-height: 1.0;}
.jchArchive .contents article .col2 ul li form:after{display: block; content: "\f107"; position: absolute; top: calc(50% - 0.5em); right: 1.5em; font-family: fontAwesome; pointer-events: none; z-index: 1;}
.jchArchive .contents article .col2 ul li b{flex-shrink: 0;  padding: 0 1.0em;}
.jchArchive .contents article .col2 ul li select{display: block; width: 100%; line-height: auto; color: #333333; outline: none; appearance: none;}
.jchArchive .contents article table tr > *{padding: 0.5em; background-color: #ffffff; border-bottom: none;}
.jchArchive .contents article table thead th{color: #ffffff; background-color: #000000;}
.jchArchive .contents article table tbody tr:nth-child(even) > td{background-color: #f1f1f1;}
.contents .unit3Lg.tile .col a{color: #333333; text-decoration: none;}
.contents .unit3Lg.tile > .col .photo{display: flex; align-items: center; justify-content: center; position: relative; color: #c8161d; background-color: #eeeeee; border-radius: 5px; font-weight: bold; line-height: 1.4; text-align: center;}
.contents .unit3Lg.tile > .col .photo:after{display: block; content: "→"; position: absolute; bottom: 0; right: 0.25em; line-height: 1.0;}
.contents .unit3Lg.tile > .col.focus .photo{color: #ffffff; background-color: #c8161d;}
.contents .unit3Lg.tile > .col p{margin-top: 0.5em; font-weight: bold; text-align: center;}
.contents .unit3Lg.tile > .col span{display: block; margin-top: 0.5em; font-size: 0.85em;}
.jchEvent .contents .unit3Lg.tile > .col a{border-radius: 5px; will-change: transform;  overflow: hidden;}
.jchEvent .contents .unit3Lg.tile > .col img{display: block;}
.jchEvent .contents .unit3Lg.tile > .col p{display: flex; flex-direction: column; justify-content: space-between; margin-top: 0; padding: 0.5em; background-color: rgba(229,1,18,0.15); font-weight: normal;text-align: left;}
.jchTvlive main .unit2Lg > li{border-right:2px solid #000;border-bottom:2px solid #000;border-left:2px solid #000;border-radius:10px;overflow:hidden}
.jchTvlive main .unit2Lg > li ul li{float:none;width:auto;margin-left:0}
.jchTvlive main p.textLarge{margin:0 0 20px;padding:20px 0;font-size:30px;font-weight:700;text-align:center;background-color:#fbdadd;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,#fff),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#fff),color-stop(.75,#fff),color-stop(.75,transparent),to(transparent));-webkit-background-size:14px 14px}
.jchTvlive main .unit2Lg li strong{display:block;position:relative;padding:20px 0;color:#fff;background-color:#000;text-align:center}
.jchTvlive main .unit2Lg li strong:after{display:block;position:absolute;bottom:-10px;left:0;content:"";width:100%;height:10px;background-color:#000;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,#e1041e),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#e1041e),color-stop(.75,#e1041e),color-stop(.75,transparent),to(transparent));-webkit-background-size:14px 14px}
.jchTvlive main .unit2Lg li strong em{display:inline-block;margin-right:10px;color:#fff;background-color:#e1041e;}
.jchTvlive main .unit2Lg li strong em .fa{vertical-align:1px}
.jchTimetable main .liststyle li{font-size: 0.85em;}
.jchTimetable main .unit3{margin-bottom: 1.5rem; border-bottom: 5px solid #000000;}
.jchTimetable main .unit3 li{margin-bottom: 0; padding-bottom: 0;}
.jchTimetable main .unit3 li a, .jchTimetable main .unit3 li b{display: block; padding: 0.5em 0; text-align: center;}
.jchTimetable main .unit3 li a{color: #333333; background-color: #eeeeee;; text-decoration: none; transition: all 0.25s;}
.jchTimetable main .unit3 li a:hover{background-color: rgba(229,1,18,0.25);}
.jchTimetable main .unit3 li b{color: #ffffff; background-color: #000000;}
.jchTimetable main table, .jchTimetable main table th{text-align: center;}
.jchTimetable main table thead th{padding-right: 0.5em; padding-left: 0.5em; box-sizing: border-box;}
.jchTimetable main table caption{width: calc(100% - 10px); transform: translate(5px)}
.jchTimetable main .timeTable .inner{position: relative;}
.jchTimetable main .timeTable .inner table .thead + tr td p{display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: calc(100% - 3px); color: #ffffff; background-color: #8e44ad/*#e3d0ea*/; font-size: 14px; transform: translateY(3px); box-sizing: border-box; z-index: 4; font-weight: bold; line-height: 1.4; text-align: center;}
.jchTimetable main .timeTable .inner ul li{display: flex; align-items: center; justify-content: center; position: absolute; left: 3px; width: calc(100% - 6px); border-radius: 5px; font-size: 12px; transform: translateY(3px); box-sizing: border-box; z-index: 4; line-height: 1.4;}
.jchTimetable main .timeTable .inner ul li span{margin-right: 0.25em; padding: 0.10em 0.25em; color: #333333; background-color: #ffffff; font-family: "Roboto", sans-serif; font-size: 12px !important; font-weight: normal; line-height: 1.0;}
.jchTimetable main .timeTable .inner ul li.alt span{margin-bottom: 0.25em;}
.jchTimetable main .timeTable .inner ul li span:after{display: inline-block; content: "-";}
/*.jchTimetable main .timeTable .inner ul li em{display: inline; width: 16px; height: 16px; line-height: 18px; margin-left: 0.25em; background-color: #ffffff; border-radius: 8px; font-size: 0.85em; vertical-align: middle;}*/
.jchTimetable main .timeTable .inner ul li.final{font-weight: bold;}
.jchTimetable main .timeTable .inner ul li.final:after{display: inline; content: "★"; width: 16px; height: 16px; line-height: 18px; margin-left: 0.25em; background-color: #ffffff; border-radius: 8px; font-size: 0.85em; vertical-align: middle; font-weight: normal;}
.jchTimetable main .timeTable .inner ul li.final.alt:after{margin-left: 0;}
.jchTimetable main .timeTable .inner ul.track li{color: #ffffff; background-color: #2980b9;}
.jchTimetable main .timeTable .inner ul.track li.winners{color: #ffffff; background: #9B813C; background: linear-gradient(90deg, rgba(155, 129, 60, 1) 0%, rgba(202, 176, 105, 1) 50%, rgba(155, 129, 60, 1) 100%); font-size: 20px; font-weight: bold;}
.jchTimetable main .timeTable .inner ul.track li:after{color: #2980b9;}
.jchTimetable main .timeTable .inner ul.fieldA li{color: #ffffff; background-color: #d35400;}
.jchTimetable main .timeTable .inner ul.fieldA li:after{color: #d35400;}
.jchTimetable main .timeTable .inner ul.fieldB li{color: #ffffff; background-color: #f39c12;}
.jchTimetable main .timeTable .inner ul.fieldB li:after{color: #f39c12;}
.jchTimetable main .timeTable .inner ul.fieldBS li{color: #ffffff; background-color: #27ae60;}
.jchTimetable main .timeTable .inner ul.fieldBS li:after{color: #27ae60;}
.jchTimetable main .timeTable table{border-top: none; border-collapse: separate; border-spacing: 5px 0; transform: translate(-5px)}
.jchTimetable main .timeTable table tr > *{height: 90px; padding: 0; border: none;}
.jchTimetable main .timeTable table tr > *:nth-child(-n+2){width: 8%;}
.jchTimetable main .timeTable table tr > *:nth-of-type(n+3){width: 21%;}
.jchTimetable main .timeTable table tr.thead > th{text-align: center;}
.jchTimetable main .timeTable table tr.thead > th:first-child{position: relative; }
.jchTimetable main .timeTable table tr.thead > th:first-child:after{display: block; content: ""; position: absolute; top: -2px; bottom: 0; left: 0; height: calc(100% - 2px); border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
.jchTimetable main .timeTable table tr.thead > *{height: 80px; line-height: 1.4;}
.jchTimetable main .timeTable table tr.thead > *:first-child{color: #333333;}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(2){color: #ffffff; background-color: rgba(142,68,173,0.85); line-height: 1.2;}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(2) em{display: block; margin: 0 auto 0.15em; font-size: 30px; line-height: 1.0;}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(3){color: #ffffff; background-color: rgba(41,128,185,0.85);}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(4){color: #ffffff; background-color: rgba(211,84,0,0.85);}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(5){color: #ffffff; background-color: rgba(243,156,18,0.85);}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(6){color: #ffffff; background-color: rgba(39,174,96,0.85);}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(3){color: #2980b9; background-color: #ffffff; border: 5px solid #2980b9; border-bottom-width: 7px;}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(4){color: #d35400; background-color: #ffffff; border: 5px solid #d35400; border-bottom-width: 7px;}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(5){color: #f39c12; background-color: #ffffff; border: 5px solid #f39c12; border-bottom-width: 7px;}
.jchTimetable main .timeTable table tr.thead > *:nth-of-type(6){color: #27ae60; background-color: #ffffff; border: 5px solid #27ae60; border-bottom-width: 7px;}
.jchTimetable main .timeTable table tr:not(.thead) > *{position: relative; vertical-align: top;}
.jchTimetable main .timeTable table tr:not(.thead) > th{/*padding-right: 18px;*/ font-size: 14px; text-align: center;}
.jchTimetable main .timeTable table tr > th:first-child:before{display: block; content: ""; position: absolute; top: 0; left: 0; height: 1px; background-color: #333333;}
.jchTimetable main .timeTable table tr.thead > th:first-child:before{top: -3px;}
/*.jchTimetable main .timeTable table tr:not(.thead) > th:after{display: block; content: ""; position: absolute; top: 0; left: 0; height: 100%; background-size: auto auto; background-color: rgba(255, 255, 255, 0);
background-image: repeating-linear-gradient(0deg, transparent, transparent 14px, rgba(255, 1, 1, 0.25) 14px, rgba(255, 1, 1, 1) 15px );}*/
.jchTimetable main .timeTable table tr:not(.thead) > td:nth-of-type(2){background-color: rgba(41,128,185,0.25);}
.jchTimetable main .timeTable table tr:not(.thead) > td:nth-of-type(3){background-color: rgba(211,84,0,0.25);}
.jchTimetable main .timeTable table tr:not(.thead) > td:nth-of-type(4){background-color: rgba(243,156,18,0.25);}
.jchTimetable main .timeTable table tr:not(.thead) > td:nth-of-type(5){background-color: rgba(39,174,96,0.25);}
.jchTimetable main .timeTable table tr:not(.thead) > td:nth-of-type(1):last-child{background-color: rgba(255,255,255,0.25); vertical-align: middle;}
.jchGallery .contents .tabNav{display: flex;}
.jchGallery .contents .tabNav > li > *{display: block; padding: 1.0em 0; color: #ffffff; background-color: #000000; text-align: center; text-decoration: none;}
.jchGallery .contents .tabNav > li.active > *{color: #ffffff; background-color: #e50112; font-weight: bold;}
.jchGallery .contents .itemGallery li a{display: block; color: #333333; text-decoration: none;}
.jchGallery .contents .itemGallery li b{display: block; margin-top: 0.5em;}
.jchGallery .contents .itemGallery li .row{display: flex; align-items: flex-end; justify-content: space-between; font-size: 0.75em;}
.jchGallery .contents .itemGallery li .row .col:last-child{padding: 0.25em 0.75em; background-color: #eeeeee; text-align: right; line-height: 1.0;}

.jchTicket .category dl dt{display: block; padding: 1.0em; color: #ffffff; border-radius: 10px 10px 0 0; font-weight: bold;}
.jchTicket .category dl dd + dt{margin-top: 3.0em;}
.jchTicket .category dl dt em{display: block; margin-bottom: 0.25em; padding-bottom: 0.25em; border-bottom: 2px solid #ffffff; font-weight: bold;}
.jchTicket .category dl dd{padding: 1.0em; color: #333333; border-radius: 0 0 10px 10px;}
.jchTicket .category dl dd .textC strong{display: block; margin-bottom: 0.5em;}
.jchTicket .category dl dd table{margin-bottom: 0; background-color: #ffffff; border-top: none;}
.jchTicket .category dl dd table.textC{table-layout: fixed;}
.jchTicket .category dl dd table.textC caption{padding: 0.5em 0; color: #ffffff; background-color: #000000; text-align: center;}
.jchTicket .category dl dd table.textC td b{color: #c8161d}
.jchTicket .category dl dd .point{padding: 1.0em; background-color: rgba(255,255,255,0.5); border: 1px solid #000000; border-radius: 5px;}
.jchTicket .category dl dd .point strong{display: block; margin-bottom: 0.5em; padding-bottom: 0.25em; border-bottom: 1px solid #000000;}
.jchTicket .category dl dd .point hr{margin: 0.75em 0; padding: 0; border-top: 1px dashed #000000;}
.jchTicket .category dl .premier{background-color: #bc9c5e;}
.jchTicket .category dl .premier + dd{background-color: #eee6d7;}
.jchTicket .category dl .ss-premier{background-color: #46b035;}
.jchTicket .category dl .ss-premier + dd{background-color: #d1ebcc;}
.jchTicket .category dl .ss{background-color: #f19a96;}
.jchTicket .category dl .ss + dd{background-color: #fbe6e5;}
.jchTicket .category dl .non-reserved{background-color: #0079c2;}
.jchTicket .category dl .non-reserved + dd{background-color: #bfddf0;}
.jchTicket .category dl .pass-3days{background-color: #f39600;}
.jchTicket .category dl .pass-3days + dd{background-color: #fce5bf;}
.jchTicket .category dl .lounge-option{background-color: #9b83d4;}
.jchTicket .category dl .lounge-option + dd{background-color: #e6e0f4;}
.contents .itemFc	{padding: 2.0em 0; color: #ffffff; background-color: rgb(200,22,29);}
.jchTicket .contents .itemFc	{width: calc(100% + 2.0rem); padding: 1.0rem; transform: translateX(-1.0rem);}
.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;}

.contents .unit2, .contents .unit3{font-size: 0;}
.contents .unit2 > .col, .contents .unit3 > .col{display: inline-block; font-size: auto; vertical-align: top;}
.contents .unit2 > .col{width: 48.57%;}
.contents .unit3 > .col{width: 31.428%;}
.contents .unit2 > .col:nth-child(even){margin-left: 2.857%;}
.contents .unit2 > .col:nth-of-type(n+3){margin-top: 2.857%;}
.contents .unit3 > .col:not(:nth-of-type(3n+1)){margin-left: 2.857%;}
.contents .unit3 > .col:nth-of-type(n+4){margin-top: 2.857%;}
.banner{padding: 1.0rem; text-align: center;}
.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%);}

@media only screen and (max-width: 640px){
	body:before	{background-size: contain;}
	body.open-menu{position: fixed;}
	.contents, .contents p, .contents li, .contents table tr > *{font-size: 3.5vw;}
	.contents .clm > *:not(:first-child){margin-top: 1.0rem;}
	.importantInfo{display: none;}
	.containerSm{padding: 0 1.0em;}
	.contents > section > section{padding: 2.0em 0;}
	body:not(.jchTop) .contents > section > section{padding: 1.5em 0;}
	.jchTop .contents section h3 , .contents section h3.ttlPage{margin-bottom: 1.0em; font-size: 5.0vw; text-align: center;}
	.jchTop .contents section h3 em , .contents section h3.ttlPage em{ font-size: 10.0vw;}
	.contents section h3.ttlPage span a{font-size: 2.75vw; vertical-align: 4px;}
	.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;}
	body.open-menu .contents .heading nav{display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(229,1,18,1); z-index: 501;}
	.itemButton.cover > *{padding-right: 0; padding-left: 0;}
	.contents .heading nav ul{flex-direction: column; width: 60%; border-bottom: 1px solid #ffffff;}
	.contents .heading nav ul li{border-top: 1px solid #ffffff;}
	.contents .heading nav ul li a{padding: 0.75em 0;}
	.contents .heading .container{position: relative; padding-bottom: 2.5vw;}
	.contents .heading p{height: 30px; line-height: 30px; text-align: center;}
	.contents .heading p a:before{width: 24px; height: 24px; line-height: 24px;}
	.contents .heading h2{padding: 0.5em;}
	.contents .heading h2 em{font-size: 5.0vw;}
	.contents .heading h2 span{font-size: 3.0vw;}
	.contents .heading .field div a{display: block; width: 60%; margin: 0 auto;}
	.contents .heading button{position: absolute; top: calc(30px + 2.5vw); right: 2.5vw; width: 40px; height: 40px; z-index: 502;}
	body.open-menu .contents .heading button{position: fixed; top: 1.0em; right: 1.0em; background-color: rgba(0,0,0,0.5);}
	.contents .heading button:before, .contents .heading button:after, .contents .heading button span {width: 20px;}
	.contents .heading button span {margin: 5px 0;}
	body.open-menu .contents .heading button:before{transform-origin: 2px 5px;}
	body.open-menu .contents .heading button:after{transform-origin: 2px -3px;}
	.contents .itemLink ul li{width: calc(25% - 6px); font-size: 2.75vw;}
	.contents .itemLink ul li:not(:nth-of-type(4n+1)){margin-left: 8px;}
	.contents .itemLink ul li:nth-child(n+5){margin-top: 8px;}
	.contents .itemLink ul li > * img{width: 50%;}
	.contents .itemLink ul li > * b{font-size: 3.5vw;}
	.contents .itemArchive ul{padding-right: 2%;}
	.contents .itemArchive ul li{width: 23%; margin-left: 2%; font-size: 3.0vw;}
	.contents .itemAthletics ul li{margin: 1.0rem 2% 0;}
	.contents .itemArchive ul li:nth-child(n+5){margin-top: 2%;}
	.contents .uiNews + .itemButton a, .contents .gallerySwiper + .itemButton a{width: 60%;}
	.contents .uiNews li:not(:first-child){margin-top: 1.0em;}
	.contents .jchFooter{padding: 0 1.0em;}
	.contents .jchFooter strong span{font-size: 2.75vw;}
	.contents .jchFooter b{text-align: center;}
	.contents .jchFooter .field .unitSponsors{margin-top: 1.5em;}
	.contents .jchFooter .field .unitSponsors .row{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.contents .jchFooter .field .unitSponsors .row > .col{width: calc(50% - 0.5em);}
	.contents .jchFooter .field .unitSponsors .row > .col:nth-of-type(n+3){margin-top: 1.0em;}
	.contents .jchFooter dl dt{display: block; margin-bottom: 0.5em; text-align: center;}
	.contents .jchFooter dl > dt:not(:first-child){margin-top: 1.0em;}
	.contents .jchFooter dl dt b{display: inline-block; padding: 0 1.0em 0.5em; border-bottom: 1px solid #ffffff; line-height: 1.0;}
	.contents .jchFooter dl dd ul{display: flex; flex-wrap: wrap; justify-content: center;}
	.contents .jchFooter dl dd ul li{width: calc(50% - 0.5em);}
	.contents .jchFooter dl dd ul li:nth-child(even){margin-left: 1.0em;}
	.contents .jchFooter dl dd ul li:nth-of-type(n+3){margin-top: 1.0em;}
	.contents main{padding: 1.0rem;}
	.jchTicket .contents .topics p{font-size: 3.25vw; text-align: center;}
	.jchTicket .contents .topics .itemButton{font-size: 5.0vw;}
	.jchTicket .contents article nav ul{display: flex; flex-wrap: wrap; width: calc(100% + 2px); border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform: translate(-1px);}
	.jchTicket .contents article nav ul li{width: 50%; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; box-sizing: border-box;}
	.jchTicket .contents article nav ul li a{padding: 0.5em 0;}
	.jchArchive .contents main .col3 ul li{width: calc(33.333% - 0.666em); font-size: 3.0vw;}
	.jchArchive .contents main .col3 ul li > *{border-width: 1px;}
	.jchArchive .contents article table tr > *:first-child{position: sticky; top: 0; left: 0; padding-right: calc(0.5em + 5px);}
	.jchArchive .contents article table tr > *:first-child:after{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 5px; height: 100%; background: #000000; background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);}
	.jchArchive .contents article .js-scrollable table{white-space: nowrap;}
	.jchTvlive main .unit2Lg li{padding-bottom: 0;}
	.jchTvlive main .unit2Lg li strong{font-size:6.0vw;}
	.jchTvlive main .unit2Lg li strong em{width:40px;height:40px;line-height:40px;border-radius:20px;font-size:20px}
	.jchTvlive main .unit2Lg li .field{padding:1.5em 1.0em 1.0em}
	.jchTimetable main .unit3 li{font-size: 3.5vw;;}
	.jchTimetable main .timeTable table{width: 1010px;}
	.jchTimetable main .timeTable .inner ul.track li.winners{width: calc(1000px * 0.84 - 12px);}
	.jchGallery .contents .tabNav{margin-bottom: 20px; border-radius: 5.0rem; overflow: hidden;}
	.jchGallery .contents .tabNav > li{width: calc(33.333% - 2px);}
	.jchGallery .contents .tabNav > li:not(:first-child){margin-left: 3px;	}
	/*.contents .unit2Lg, */.contents .secNews .unit3Lg{padding: 0 3.5vw;}
	.jchTicket .category dl dt, .jchTicket .category dl dd{font-size: 3.5vw;}
	.jchTicket .category dl dt em{font-size: 1.25em;}
	.jchTicket .category dl dd table.textC, .jchTicket .category dl dd tbody, .jchTicket .category dl dd table tr, .jchTicket .category dl dd table td{display: block; width: 100%; box-sizing: border-box;}
	.jchTicket .category dl dd table.textC{padding-bottom: 0.5em;}
	.jchTicket .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;}
	.jchTicket .category dl dd table tr *{border-bottom: none;}
	.jchTicket .category dl dd table tr:not(:first-child) > *:first-child{border-top: 1px solid #bdbdbd;}
	.jchTicket .category dl dd table tr:not(:last-child) > *:last-child{padding-bottom: 0.5em;}
	.jchTicket .category dl dd table.textC td{padding: 0.5em 0 0;}
	.jchTicket .category dl dd table.textC caption{display: none;}
	.contents .itemFc h1, .contents .itemFc strong	{font-size: 5.0vw; text-align: center;}
	.contents .unit3Lg > .col p, .contents .secNews .unit3Lg > .col span{font-size: 3.5vw}
	.contents .unit2Lg > .col:not(:first-child){margin-top: 1.5em;}
	.contents .unit3Lg.tile > .col:not(:first-child){margin-top: 1.5em;}
	.contents .unit3Lg.tile > .col .photo{height: 40vw; font-size: 8.0vw;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-prev{left: -1.0em; color: #ffffff; background-color: #000000;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -1.0em; color: #ffffff; background-color: #000000;}
	.swiper-button-next:after, .swiper-button-prev:after{font-size: 5.0vw;}

}

@media only screen and (min-width: 641px){
	.contents, .main	{position: relative;}
	.contents	{background-size: 100%;}
	.contents .clearfix > .sideArea{width: 200px;}
	.contents .clearfix > .sideArea .infoArea ul.liststyle li{font-size: 0.85em;}
	.contents .clm > li, .contents .clm > div{margin-left: 2.857%;}
	.data	{position: absolute; top: 25%; left: 25%; width: 50%; height: 25vw;}
	.container{width: 1050px; margin: 0 auto;}
	.itemButton a{min-width: 300px;;}
	.contents > section > section{padding: 50px 0;}
	body:not(.jchTop) .contents > section > section{padding: 1.5em 0;}
	.jchTop .contents section h3 , .contents section h3.ttlPage{display: flex; align-items: center; justify-content: center; font-size: 2.0rem;}
	.jchTop .contents section h3 em , .contents section h3.ttlPage em{display: flex; margin-right: 0.5em; padding-right: 0.5em; border-right: 2px solid #ffffff; font-size: 4.0rem;}
	.contents section h3.ttlPage span{display: flex; align-items: center;}
	.contents section h3.ttlPage span a{font-size: 14px;}
	.contents article nav ul{width: 100%;}
	.contents .heading nav ul li{width: 16.666%;}
	.jchTicket .contents article nav ul li{width: 14.285%;}
	.contents .heading nav ul li:not(:nth-of-type(6n+1)){border-left: 1px solid rgba(0,0,0,0.75);}
	.contents .heading nav ul li:nth-of-type(n+7){border-top: 1px solid rgba(0,0,0,0.75);}
	.jchTicket .contents article nav ul li:not(:nth-of-type(7n+1)){border-left: 1px solid rgba(0,0,0,0.75);}
	.jchTicket .contents article nav ul li:nth-of-type(n+8){border-top: 1px solid rgba(0,0,0,0.75);}
	.contents .heading .container{display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between;padding: 0.5em 0;}
	.contents .heading p{display: flex; align-items: center; height: 50px; padding-bottom: 0;}
	.contents .heading p a{display: flex; align-items: center; height: 50px; padding: 0 0.75em;}
	.contents .heading p a:before{width: 30px; height: 30px; font-size: 20px;}
	.contents .heading h2{display: flex; /*align-items: center;*/ flex-direction: column;}
	.contents .heading h2 em{font-size: 20px;}
	.contents .heading h2 span{font-size: 14px;}
	.contents .heading .field{display: flex; align-items: center; flex-grow: 1; justify-content: space-between; padding: 0 1.0em;}
	.contents .heading button{width: 50px; height: 50px;}
	.contents .heading button:before, .contents .heading button:after, .contents .heading button span {width: 30px;}
	.contents .heading button span {margin: 8px 0;}
	body.open-menu .contents .heading button:before{transform-origin: 3px 6px;}
	body.open-menu .contents .heading button:after{transform-origin: 2px -4px;}
	.contents section.outline table{width: calc(100% + 8px); transform: translate(-4px);}
	.contents .itemInfo .container:before{font-size: 1.25em;}
	.contents .itemLink ul li{width: 24.285%;}
	.contents .itemLink ul li:not(:nth-of-type(4n+1)){margin-left: 0.952%;}
	.contents .itemLink ul li:nth-child(n+5){margin-top: 0.952%;}
	.contents .itemLink ul li > *{padding: 1.0em 0;}
	.contents .itemLink ul li > * img{width: 40%;}
	.contents .itemLink ul li > * b{font-size: 1.75em;}
	.contents .itemArchive ul li{width: 12%;}
	.contents .itemArchive ul li:not(:nth-of-type(8n+1)){margin-left: 0.571%;}
	.contents .itemArchive ul li:nth-child(n+9){margin-top: 0.571%;}
	.contents .itemAthletics ul{display: flex; align-items: center; justify-content: space-between; margin-top: 1.0rem;}
	.contents .itemAthletics ul li{width: 48.572%}
	.contents .uiNews + .itemButton a, .contents .gallerySwiper + .itemButton a{width: 25%;}
	.contents .uiNews{display: flex; flex-wrap: wrap;}
	.contents .uiNews li{width: 31.428%;}
	.contents .uiNews li:not(:nth-of-type(3n+1)){margin-left: 2.857%;}
	.contents .swiper-wrapper{position: relative; width: 1050px !important;}
	.contents .swiper-slide{margin: 0 auto; text-align: center;}
	.contents .gallerySwiper .swiper-slide{width: 690px !important; margin: 0 15px;}
	.contents .gallerySwiper .swiper-slide.center{margin: 0 auto;}
	.contents .gallerySwiper .swiper-wrapper.single{width: 100% !important;}
	.contents .gallerySwiper .swiper-wrapper.single .swiper-slide{margin: 0 auto;}
	.contents .gallerySwiper .swiper-button-prev{left: calc(50% - 380px);}
	.contents .gallerySwiper .swiper-button-next{right: calc(50% - 380px);}
	.contents .jchFooter dl dt{display: block; margin-bottom: 0.5em; text-align: center;}
	.contents .jchFooter dl > dt:not(:first-child){margin-top: 1.0em;}
	.contents .jchFooter dl dt b{display: inline-block; padding: 0 1.0em 0.5em; border-bottom: 1px solid #ffffff; line-height: 1.0;}
	.contents .jchFooter dl dd ul{display: flex; justify-content: center;}
	.contents .jchFooter dl dd ul li{width: calc(20% - 8px);}
	.contents .jchFooter dl dd ul li:not(:nth-of-type(5n+1)){margin-left: 10px;}
	.contents main{padding: 1.0em;}
	.jchTicket .contents .topics{padding: 50px; font-size: 24px;}
	.jchTicket .contents .topics strong em{font-size: 30px;}
	.jchTicket .contents .topics p{text-align: center;}
	.jchTicket .contents .topics .itemButton{font-size: 30px;}
	.jchArchive .contents main .col3 ul li{width: calc(33.333% - 0.666em);}
	.jchArchive .contents article .col2 ul{display: flex; justify-content: space-between;}
	.jchArchive .contents article .col2 ul li{width: calc(50% - 15px);}
	.jchTvlive main .unit2Lg li strong{font-size:24px;}
	.jchTvlive main .unit2Lg li strong em{width:60px;height:60px;line-height:60px;border-radius:30px;font-size:30px}
	.jchTvlive main .unit2Lg li .field{padding:30px 20px 20px}
	.jchTvlive main .unit2Lg li .field p{font-size:14px}
	.jchTimetable main .liststyle{margin-right: 1.5em;}
	.jchTimetable main .timeTable table{width: 1020px;}
	.jchTimetable main .timeTable table thead tr > th:first-child:before, .jchTimetable main .timeTable table tbody tr > th:before{width: 1010px;}
	.jchTimetable main .timeTable .inner ul.track li.winners {width: calc(1010px * 0.84 - 12px);}
	.jchTimetable main .timeTable table tbody tr > th:after {width: 1010px;}
	.jchNews .contents .newsList li p{padding-left: 0;}
	.jchGallery .contents .tabNav > li{width: calc(33.333% - 10px); margin-bottom: 20px;}
	.jchGallery .contents .tabNav > li:not(:first-child){margin-left: 15px;	}
	.jchGallery .contents .itemGallery{display: flex; flex-wrap: wrap;}
	.jchGallery .contents .itemGallery li{width: 23.66%; margin-bottom: 2.857%;}
	.jchGallery .contents .itemGallery li:not(:nth-of-type(4n+1)){margin-left: 1.782%;}
	.jchTicket .category dl dt{text-align: center;}
	.jchTicket .category dl dt em{font-size: 2.0em;}
	.jchTicket .category dl dd table tr > *{padding-right: 0; padding-left: 0;}
	.jchTicket .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%;}
	.contents .unit3Lg.tile > .col .photo{height: 186px; font-size: 30px;}
	.clm.col2 > li, .clm.col2 > div{width: 48.571%;}
	.contents .flexLg{display: flex; justify-content: space-between;}
	.contents .flexLg > *.fixed{flex-shrink: 0;}
}
@media only screen and (max-width: 1680px){
/*.field	{min-height: 56.25vw;}*/
}
@media only screen and (min-width: 1681px){
/*.field	{min-height: 945px;}*/
}