@charset "UTF-8";

html	{
	font-size: 62.5%;
	height: 100%;
}

body	{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #4e4c4b;
	background-color: #fcca0f;
	font-family: 'Noto Sans Japanese',"メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	font-optical-sizing: auto;
	font-size: 1.6rem;
	line-height: 1.6;
	/*overflow-x: hidden;*/
}

.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix {*zoom:1;}
em	{font-style: normal;}
img	{ /*width: 100%;*/ max-width: 100%; height: auto; vertical-align: top;}
a img	{ border: none;}
a:hover img	{opacity:0.7;filter: alpha(opacity=70);}
a	{text-decoration: none}
iframe{border: none; outline: none; filter: drop-shadow(0px 0px rgba(0,0,0,0));}

a:hover	{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
article a	{word-break: break-all}
article a:link, article a:visited {color: #014099;  text-decoration: none;}
article a:hover, article a:active {color: #013073; text-decoration: underline;}
.reset, .reset > li, .reset > dt, .reset > dd	{margin: 0; padding: 0; list-style-type: none;}
.reset-t	{margin-top: 0; padding-top: 0;}
.reset-b	{margin-bottom: 0; padding-bottom: 0;}
.reset-v	{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.reset-h	{margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0;}
ul.default, ol.default	{margin-left: 1.5em; padding: 0}
ul.notice > li	{display: flex;}
ul.notice > li:before	{content: "※";}
.fadein {opacity: 0;/*transform: translateY(100px);*/transition: all 0.5s}

.font-Jersey15	{font-family: 'Jersey 15', sans-serif; font-weight: 400;}

body .lang-en, body.lang-en .lang-jp	{display: none;}
body.lang-en .lang-en	{display: block;}

/*article {padding-bottom: 50px;}*/

hr{border-top: none; border-right: none; border-bottom: 1px solid #c7c7c7; border-left: none; padding-top: 10px; margin: 0 0 10px;}
hr.spacer{margin-bottom: 0; padding: 10px 0; border: none;}
hr.spacer-2x{margin-bottom: 0; padding: 25px 0; border: none;}
hr.hr-2x{margin-bottom: 0; padding-top: 25px; margin: 0 0 25px;}
hr.pixel{position: relative; margin: 0; padding: 0; border: none;}
hr.pixel:before, hr.pixel:after{display: block; content: "";}
hr.pixel.throw:before{width: 100%; height: 150px; background-color: #a6b5f4; clip-path: polygon(100% 100%, 100% 0, 0 100%);}
hr.pixel.throw:after{position: absolute; bottom: 0; left: 10%; width: 121px; height: 105px; background: transparent url("../png/pixel-throw.png") no-repeat center center; background-size: 121px; animation: move01 4s ease infinite;}
hr.pixel.run:before{width: 100%; height: 6px; background-color: #ffffff; border-top: 50px solid #b63730; border-bottom: 50px solid #b63730;}
hr.pixel.run:after{position: absolute; bottom: 10px; right: 10%; width: 72px; height: 92px; background: transparent url("../png/pixel-run.png") no-repeat center center; background-size: 72px; animation: move01 4s ease infinite;}
hr.pixel.jump:before{width: 30%; height: 150px; margin-left: 35%; background: rgb(182,55,48); background: linear-gradient(180deg, rgba(182,55,48,1) 0%, rgba(182,55,48,1) 58%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) calc(58% + 6px), rgba(180,155,124,1) calc(58% + 6px)); transform: skewX(45deg)}
hr.pixel.jump:after{position: absolute; bottom: 25px; left: 50%; width: 39px; height: 106px; background: transparent url("../png/pixel-jump.png") no-repeat center center; background-size: 39px; animation: move02 4s ease infinite;}

.item-kv	{text-align: center;}

.item-button	{/*margin-bottom: 10px; */text-align: center;}
.text-center > .item-button	{margin-right: auto; margin-left: auto;}
.item-button > div	{display: block; margin: 0 auto;}
.item-button > a, .item-button > span	{display: block; position: relative; margin: 0 auto; padding: 1.0em; }
.item-button.view-more a	{font-family: 'Jersey 15', sans-serif; font-weight: 700;}
.item-button a:hover	{text-decoration: none;}
.item-button.font-Jersey15 > *	{padding-top: 0.25em; padding-bottom: 0.25em; font-size: 2.5em; line-height: 1.0;}

.item-button.yellow a	{color: #150201; background-color: #fcca0f;}
.item-button.yellow a:hover	{color: #fcca0f; background-color: #150201; transition: all 0.25s ease-out;}
.item-button.black a	{color: #fcca0f;  background-color: #150201;}
.item-button.black a:hover	{color: #150201; background-color: #fcca0f; transition: all 0.25s ease-out;}
.page-top .item-button.black a:hover	{ background-color: #ffffff;}
.item-button.black.white a:hover	{color: #150201; background-color: #ffffff;}
.item-button .solid-3x	{border-color: #150201 !important;}

.item-button.button-line a	{border-width: 2px; border-style: solid;}
.item-button.button-line a:before	{display: block; content: ""; position: absolute; top: 50%; right: 20px; width: 30px; height: 2px; margin-top: -1px;}
.item-button.button-line a:hover	{background-color: rgba(255,255,255,0.25);transition: all 0.25s ease-out;}
.item-button.button-line a:after	{display: block; content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 2px; margin-top: -1px; transform: rotate(45deg); transform-origin: bottom right;}
.item-button.button-line a:hover:before, .item-button.button-line a:hover:after	{right: -15px;transition: all 0.15s ease-out;}

.item-button.button-line.black a, .item-button.button-line.black span	{color: #150201; border-color: #150201;}
.item-button.button-line.black a:before	{background-color: #150201;}
.item-button.button-line.black a:after	{background-color: #150201; transform: rotate(45deg); transform-origin: bottom right;}

.item-button.button-line.yellow a, .item-button.button-line.yellow span	{color: #fcca0f; background-color: transparent; border-color: #fcca0f;}
.item-button.button-line.yellow a:hover	{color: #fcca0f;background-color: rgba(255,255,255,0.25);transition: all 0.25s ease-out;}
.item-button.button-line.yellow a:before	{background-color: #fcca0f;}
.item-button.button-line.yellow a:after	{background-color: #fcca0f; transform: rotate(45deg); transform-origin: bottom right;}


.item-button.button-yellow div	{position: relative; margin: 0 auto; font-size: 2.0rem;}
.item-button.button-yellow div a	{display: block; position: relative; top: 0; left: 0; padding: 20px; color: #150201; background-color: rgba(252,202,15,1); text-align: center; z-index: 10;}
.item-button.button-yellow a:hover	{ top: 10px; left: 10px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }

.item-label	{display: inline-block; vertical-align: middle; line-height: 1.0;}
.item-label span	{display: inline-block; margin-left: 10px; padding: 5px 10px; color: #ffffff; border-radius: 3px; text-align: center;}
.item-label span:first-child	{margin-left: 0;}

.group-banner{padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.25); border-bottom: 1px solid rgba(255,255,255,0.25); text-align: center;}
.item-banner{padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.25); border-bottom: 1px solid rgba(255,255,255,0.25); text-align: center;}
.group-banner .item-banner{padding: 0; border-top: none; border-bottom: none;}
.item-banner.movie{background-color: #150201;}
.item-information	{background-color: #333333; border-top: 1px solid #444444;}
.item-information .row-lg .col:first-child strong	{font-family: 'Jersey 15', sans-serif;}
.item-information .row-lg .col > ul li a	{display: block; position: relative; padding: 5px 10px 5px 40px; color: #ffffff; border-top: 1px solid #150201;}
.item-information .row-lg .col > ul li a:before	{display: block; content: "\f054"; position: absolute; top: 0.5em; left: 20px; margin-right: 5px; color: #fcca0f; font-family: fontAwesome; font-size: 1.4rem;}
.item-information .row-lg .col > ul li:first-child a	{border-top: none;}

.item-cd .field	{position: relative; height: 60px; /*background: #fcca0f url("../img/logo-seiko.png") no-repeat center 73px; background-size: 100px;  border-radius: 10px; box-shadow:0px 5px 0px 0px #150201; box-sizing: border-box; overflow: hidden;*/}
.item-cd .field strong	{display: block; height: 20px; line-height: 18px; color:#ffffff; background-color: rgba(0,0,0,1); font-size: 1.4rem; text-align: center;}


.item-comingsoon	{padding: 40px 20px; background-color: #e7e7e7;}
.item-comingsoon strong	{display: block; margin-bottom: 10px; font-size: 2.0rem;}

.item-fixed-bottom	{position: fixed; bottom: 0; left: 0; width: 100%; /*opacity: 0;  transform: translate(0, 100px); transition: all 1s;*/z-index: 200;}
.item-fixed-bottom ul	{display: flex; align-items: stretch; justify-content: space-between; width: auto; margin: 0 auto; padding: 10px; background-color: #fcca0f;}
.item-fixed-bottom ul > li	{position: relative; width: 100%; line-height: 1.4;}
.item-fixed-bottom ul > li	{display: flex; align-items: center; justify-content: center;}
.page-top .item-fixed-bottom ul > li	{width: calc(33.333% - 10px);}
.item-fixed-bottom ul > li > b	{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.item-fixed-bottom ul > li > a	{display: block;}
/*.item-fixed-bottom ul > li a	{display: block; position: relative; color: #ffffff; background-color: #c8161d; border-radius: 5px;}
.item-fixed-bottom ul > li a:after	{display: block; content: "\f138"; position: absolute; top: calc(50% - 0.75em); right: 1.0em; color: #ffffff; font-family: fontAwesome; font-size: 2.0rem;}*/
.item-fixed-bottom ul > li.ticket > a	{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fcca0f; background-color: #150201; font-weight: bold;}
.item-fixed-bottom ul > li.ticket > a:before	{display: block; content: "\f145"; margin-right: 0.5em; font-family: "Font Awesome 6 Free"; font-size: 1.5em; line-height: 1.0;}
.item-fixed-bottom.active	{opacity: 1; transform: translate(0, 0);}
.item-fixed-bottom	{padding: 10px 0; background-color: rgba(0,0,0,0.5);}
.item-fixed-bottom + footer	{padding-bottom: calc(7.0em + 20px) !important;}
.page-ticket .item-fixed-bottom .ticket	{display: none !important;}

.item-post ul li	{padding: 10px; border: 1px solid #999999; border-radius: 5px;}
.item-post ul > li:not(:first-child)	{margin-top: 1.5em;}
.item-post ul li a	{display: block; color: #333333;}
.item-post ul li b	{display: block; padding-top: 0.5em;}

#cd-unit { padding: 5px 10px; font-size: 0; text-align: center!important}
#cd-unit .num { position: relative; display: inline-block; width: 15px; height: 22px; font-size: 0; overflow: hidden;}
#cd-unit .day-thousand, #cd-unit .day-hundred, #cd-unit .day-ten, #cd-unit .day-one { width: 30px; height: 44px; margin-top: 2px; overflow: hidden;}
#cd-unit .timer-unit { display: inline-block; width: 50px; height: 50px; line-height: 1.3; margin-left: 1px; background-color: #150201; font-size: 0; text-align: center; vertical-align: top;}
#cd-unit .timer-unit:after { display: block; margin-top: 1px; color: #fcca0f; font-family: 'Jersey 15', sans-serif; font-size: 1.4rem; font-weight: 400;}
#cd-unit .day { width: 97px; margin-left: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#cd-unit .day:after { display: inline-block; content:"DAY";  font-size: 2.0rem; vertical-align: 4px}
#cd-unit .hour:after { content:"HOUR";}
#cd-unit .minute:after { content:"MINUTE";}
#cd-unit .second { border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#cd-unit .second:after { content:"SECOND"; }
#cd-unit .hour .num, #cd-unit .minute .num, #cd-unit .second .num { margin-top: 5px;}
#cd-unit div img { position: absolute; top: 0; left: 0;}
.day-thousand, .day-hundred, #flame-ten, #flame-one	{display: none !important;}

.nav-num {margin-top: 20px; text-align: center;}
.nav-num ol {padding-right: 0; padding-left: 0; list-style-type: none; font-size: 0;}
.nav-num ol li {display: inline-block; width: 30px; margin-left: 1px; vertical-align: top; font-size: 1.6rem;}
.nav-num ol li:first-child {margin-left: 0;}
.nav-num ol li a {display: block; height: 30px; line-height: 28px; color: #333333; background-color: #e7e7e7; text-align: center; overflow: hidden;}
.nav-num ol li b, .nav-num ol li a:hover {display: block; height: 30px; line-height: 28px; color: #ffffff; background-color: #fcca0f;  text-align: center; text-decoration: none; overflow: hidden;}

.nav-path {padding: 10px 0; background-color: #ffffff;}
.nav-path ol li {display: inline-block; margin-left: 0.5em; line-height: 1.0;}
.nav-path ol li:first-child {margin-left: 0;}
.nav-path ol li a {color: #333333;}
.nav-path ol li:first-child a { display: inline-block;	width: 1.0em; overflow: hidden;  font-size: 1.4rem;}
.nav-path ol li:first-child a:before {content: "\f015"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 1.0em;}
.nav-path ol li:after {content: "\f105"; margin-left: 1.0em; color: #333333; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.2rem; vertical-align: 2px;}
.nav-path ol li:last-child:after {content: ""; margin-left: 0;}
.nav-path ol li a:hover {color: #666666; text-decoration: underline;}

.nav-pn {margin-top: 20px;}
.nav-pn ul {list-style-type: none; font-size: 0; text-align: center;}
.nav-pn ul li {display: inline-block; width: 60px; margin-left: 1px; font-size: 1.6rem; vertical-align: top;}
.nav-pn ul li:first-child {margin-left: 0;}
.nav-pn ul li a {display: block; height: 40px; line-height: 40px; color: #333333; background-color: #e7e7e7;  text-align: center; overflow: hidden;}
.nav-pn ul li b, .nav-pn ul li a:hover {display: block; height: 40px; line-height: 40px; color: #ffffff; background-color: #fcca0f; text-align: center; text-decoration: none; overflow: hidden;}
.nav-pn ul li.nav-prev, .nav-pn ul li.nav-next {width: 40px;}
.nav-pn ul li.nav-prev a:before {display: block;content: "\f053"; font-family: fontAwesome;}
.nav-pn ul li.nav-next a:before {display: block;content: "\f054"; font-family: fontAwesome;}
.nav-pn {/*width: 151px;*/ margin-right: auto; margin-left: auto;}
.body-article + .nav-pn {padding-bottom: 20px;}


.sec-gallery .ui-tab + div:not(.ui-gallery)	{text-align: center;}
.header-article	{margin-bottom: 20px; padding: 0 20px 20px; border-bottom: 1px solid #c7c7c7;}
.page-gallery.sub-detail .header-article	{margin-top: 20px;}
.header-article h1	{margin: 0; padding: 0; font-size:2.0rem;}
.header-article span	{color: #777777}
.body-article	{line-height: 1.8; word-break: break-all;}
.sns-article ul	{margin-bottom: 20px; font-size: 0px; text-align: center;}
.sns-article ul li	{display: inline-block; height: 20px; margin: 0 5px; font-size: 1.6rem; overflow: hidden;vertical-align: top;}
.fb_iframe_widget > span {  vertical-align: top !important;}
.text-white{ color: #ffffff;}
.text-red{ color: #dd0000;}
.text-center{text-align: center}
.valign-t	{vertical-align: top}
.valign-m	{vertical-align: middle}
.valign-b	{vertical-align: bottom}

.bg-white, table td.bg-white	{background-color: #ffffff;}
.bg-yellow, table td.bg-yellow	{background-color: #fcca0f;}
.bg-bk, table td.bg-bk	{color: #ffffff; background-color: #150201;}
.bg-silver, table td.bg-silver	{background-color: #eeeeee;}
.bg-red, table td.bg-red	{background-color: #ffeeee;}
.fs-12	{font-size: 1.2rem;}
.fs-14	{font-size: 1.4rem;}
.fs-16	{font-size: 1.6rem;}
.fs-20	{font-size: 2.0rem;}
.fs-30	{font-size: 3.0rem;}
.fs-40	{font-size: 4.0rem;}
.w-max	{width: 100%;}
.w-min	{width: 1%; white-space: nowrap;}
.w-50	{width: 50px;}
.w-100	{width: 100px;}
.w-150	{width: 150px;}
.w-200	{width: 200px;}
.w-250	{width: 250px;}
.w-300	{width: 300px;}


.box	{padding: 10px; box-sizing: border-box;}
.box-2x	{padding: 20px; box-sizing: border-box;}
.box-4x	{padding: 40px; box-sizing: border-box;}

.solid	{border: 1px solid #c7c7c7; box-sizing: border-box;}
.solid-yellow	{border: 1px solid #fcca0f; box-sizing: border-box;}
.solid-3x	{border: 3px solid #e7e7e7; box-sizing: border-box;}
.solid-yellow-3x	{border: 3px solid #fcca0f; box-sizing: border-box;}
.solid-5x	{border: 5px solid #e7e7e7; box-sizing: border-box;}
.solid-yellow-5x	{border: 5px solid #fcca0f; box-sizing: border-box;}
.round-5x	{border-radius: 5px; overflow: hidden;}
.round-10x	{border-radius: 10px; overflow: hidden;}

table	{border-collapse: collapse;}
table.fixed	{table-layout: fixed}
table.table th, table.table td	{padding: 20px; text-align: left;}
table th span, table td span	{display: inline-block; line-height: 1.4; white-space: normal;}
table.table.table-bordered th, table.table.table-bordered td	{ border: 1px solid #c7c7c7;}
table.table.table-striped tbody tr:nth-child(even)	{ background-color: rgba(0,0,0,0.05);}
table.table.table-striped-rev tbody tr:nth-child(odd)	{ background-color: rgba(0,0,0,0.05);}
table.table.table-narrow th, table.table.table-narrow td	{ padding: 5px 10px;}
table.table.table-none th, table.table.table-none td	{ border: none;}
table.table.table-none th:first-child	{ border-left: none;}
table.table.table-underlined th	{ border: none;}
table.table.table-underlined td	{ border-top: none; border-right: none; border-bottom: 1px solid #c7c7c7; border-left: none;}

.list-disc	{}

.ui-tab ul	{ display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; list-style-type: none;}
.ui-tab ul li	{ width: 100%;}
/*.ui-tab li	{ display: inline-block; margin-left: 5px; font-size: 1.6rem;}
.ui-tab li:first-child	{ margin-left: 0;}*/
.ui-tab li a, .ui-tab li > span	{ display: block; margin-left: 5px; color: #ffffff; background-color: #150201; border: 3px solid #150201; font-size: 1.6rem; text-align: center; text-decoration: none;}
.ui-tab ul li.active > *	{ color: #333333;  background-color: #fcca0f;}
.page-top .ui-tab ul li.active > *	{ background-color: #ffffff;}
.page-ticket .ui-tab li a	{ position: relative;}

.func-tab .tab-content	{ display: none;}
.func-tab .tab-content.active	{ display: block;}

.ui-news ul.list li:not(:first-child)	{border-top: 1px dotted #150201;}
.ui-news ul.list li > *	{display: flex; padding: 1.0em 0; color: #333333; text-decoration: none;}
.ui-news ul.list li > * span	{width: 30%}
.ui-news ul.list li > * p	{width: 70%; margin: 0; padding: 0 0 0 1.0em; box-sizing: border-box;}
.ui-news ul.list li > * p b	{display: block;}
.ui-news ul.tile	{margin: 0;}
.page-news .ui-tab + .ui-news	{margin-top: 1.5em;}
.ui-news ul.tile li a	{display: block;width: 100%; padding: 0; color: #333333; border: 2px solid #150201; border-radius: 4px; box-sizing: border-box;}
.page-top .ui-news ul.tile li a	{color: #ffffff;}
.ui-news ul.tile li a 	{display: block;  transition-duration: 0.3s; text-decoration: none;}
.ui-news ul.tile li a .thumb	{display: block; border-radius: 2px 2px 0 0; overflow: hidden; }
.ui-news ul.tile li a:hover .thumb img	{transform: scale(1.1); transition-duration: 0.3s;}
.ui-news ul.tile li .text	{display: block; padding: calc(1.0em - 10px) 1.0em 1.0em;}
.ui-news ul.tile li .text em	{display: block; margin: 10px 0 5px; font-size: 1.4rem;}
.ui-news ul.tile li .text p	{margin: 0; padding: 0; font-weight: 700;}
.ui-news.pop ul.tile li	{position: relative;background-color: rgba(252,202,15,0.35); border-radius: 0 0 10px 10px;}
.ui-news.pop ul.tile li p	{position: relative; margin: 0; padding: 1.25em 1.0em 1.5em; z-index: 1;}
.ui-news.pop ul.tile li p b	{display: block;}
.ui-news.pop ul.tile li i	{display: block; position: absolute; right: 10px; bottom: 10px; color: rgba(252,202,15,0.5);font-size: 60px; line-height: 1.0; transform: rotate(25deg);}
.ui-news.pop ul.tile li a:hover i	{color: rgba(252,202,15,1.0);}

.ui-gallery ul	{font-size: 0;}
.ui-gallery ul li	{display: inline-block; font-size: 1.6rem; vertical-align: top;}
.ui-gallery ul li > a	{display: block; color: #ffffff; background-color: #150201; text-decoration: none;}
.page-top .ui-gallery ul li > a	{color: #ffffff;}
.ui-gallery ul li > a .field > div 	{overflow: hidden; /*background-color: #fcca0f;*/}
.ui-gallery ul li > a span:before 	{display: block; position: absolute; right: 5px; top: -20px; width: 30px; height: 30px; line-height: 30px; background-color: #fcca0f; border-radius: 50%; font-family: fontAwesome; font-size: 1.4rem; text-align: center;}
.ui-gallery ul li.photo > a span:before 	{content: "\f03e";}
.ui-gallery ul li.movie > a span:before 	{content: "\f04b";}
.ui-gallery ul li > a .field > div img	{display: block; transition-duration: 0.3s;}
.ui-gallery ul li > a:hover .field > div img	{transform: scale(1.1);	transition-duration: 0.3s;}
.ui-gallery ul li span	{display: block; position: relative; margin-top: 5px; padding: 0 1.0em;}

.ui-gallery ul li b	{display: block;}

.ui-faq dl dt, .ui-faq dl dd	{display: table; width: 100%;}
.ui-faq dl dt	{margin: 20px 0 10px; padding-top: 20px; border-top: 1px solid #c7c7c7;}
.ui-faq dl dt:first-child	{padding-top: 0; border-top:none;}
.ui-faq dl dt div, .ui-faq dl dd div	{display: table-cell; }
.ui-faq dl dt div	{font-weight: bold; }
.ui-faq dl dt:before	{display: table-cell; content: "Q"; width: 30px; color: #ea5404; font-weight: bold;}
.ui-faq dl dd:before	{display: table-cell; content: "A"; width: 30px; color: #014099; font-weight: bold;}
.ui-ttl-label .row	{width: 100%;}
.ui-ttl-label .row > em	{display: table-cell; width: 55px; background-color: #fcca0f; text-align: center;}
.ui-ttl-label .row > p	{display: table-cell; padding: 15px 0 15px 15px; color: #ffffff; background-color: #150201; border-left: 2px solid #ffffff; box-sizing: border-box; line-height: 1.4;}
.ui-ttl-label .row > span	{line-height: 1.0;}
/*.ui-ttl-label .row > p:before	{display: inline-block; content: ""; width: 15px; height: 100%;}*/

.list-movie .unit-2-lg > .col p	{position: relative;}
.list-movie .unit-2-lg > .col span	{display: block; position: absolute; top: 0; right: 0; text-align: right;}
.list-movie .unit-2-lg > .col span a	{display: inline-block; padding: 5px 10px; color: #150201; background-color: #fcca0f; border-radius: 5px; font-size: 1.4rem; line-height: 1.0;}

.unit-2, .unit-3, .unit-4, .unit-5	{margin: 0; font-size: 0;}
.unit-2 > .col, .unit-3 > .col, .unit-4 > .col, .unit-5 > .col	{display: inline-block; margin-left: 1.886%; font-size: 1.6rem}
.unit-2 > .col:not(:nth-of-type(-n+2)), .unit-3 > .col:not(:nth-of-type(-n+3)), .unit-4 > .col:not(:nth-of-type(-n+4)), .unit-5 > .col:not(:nth-of-type(-n+5))	{margin-top: 1.886%;}
.unit-2-lg.cover	{margin: 0;}.unit-2 > .col	{width: 49.056%;}
.unit-2.narrow > .col	{width: 48.584%;}

.unit-2 > .col:nth-of-type(2n+1)	{margin-left: 0;}

.unit-3 > .col	{width: 32.075%; margin-left: 1.886%}
.unit-3 > .col:nth-of-type(3n+1) 	{margin-left: 0;}

.unit-4 > .col	{width: 23.584%; margin-left: 1.886%}
.unit-4 > .col:nth-of-type(4n+1)	{margin-left: 0;}

.unit-5 > .col	{width: 18.490%; margin-left: 1.886%}
.unit-5 > .col:nth-of-type(5n+1)	{margin-left: 0;}

.unit-6 > .col	{width: 15.094%; margin-left: 1.886%}
.unit-6 > .col:nth-of-type(6n+1)	{margin-left: 0;}

.ttl-bold {position: relative; padding: 10px 20px; margin: 20px 0; border-bottom: 1px solid #333333; font-size: 2.0rem; overflow: hidden;}
.outline > .container > section:first-child .ttl-bold:first-child {margin-top: 0;}
.ttl-bold.reset-b {margin-bottom: 0;}
.ttl-bold.yellow {background-color: #fcca0f;}
.ttl-bold.bk {color: #ffffff; background-color: #150201;}
.ttl-bold.silver {color: #333333;background-color: #eeeeee;}
.ttl-bold b {position: relative;}
.ttl-regular {margin-bottom: 20px;  padding: 10px 20px; border-bottom: 2px solid transparent; font-size: 2.0rem;}
.outline > .container > section:first-child .ttl-regular:first-child {padding-top: 0;}
.ttl-regular.reset-t {padding-top: 0;}
.ttl-regular.yellow {border-color: #fcca0f;}
.ttl-regular.bk {border-color: #150201;}
.ttl-light h1 {display: inline-block; margin: 0; padding: 0; font-size: 2.0rem;}
.ttl-light {display: table; width: 100%; margin-bottom: 20px;  padding: 10px 0; border-bottom: 1px solid transparent; font-size: 2.0rem;}
.ttl-light:before {display: table-cell;content: "　"; width: 10px; border-left: 5px solid transparent; text-indent: -999em;}
.ttl-light.yellow { border-color: #fcca0f;}
.ttl-light.bk { border-color: #150201;}
.ttl-light.yellow:before { border-color: #fcca0f;}
.ttl-light.bk:before { border-color: #150201;}
.ttl-label {display: table; color: #ffffff; background-color: #150201;}
.ttl-label > .col {display: table-cell; padding: 20px;}
.ttl-label > .col:first-child {width: 1%; color: #150201; background-color: #fcca0f; white-space: nowrap; margin-right: 5px solid #ffffff;}
.ttl-label > .col:first-child b {display: block; padding: 20px;}

.row	{display: table}
.row.fixed, .row-lg.fixed	{table-layout: fixed}
.row > .col	{display: table-cell;}
.row.valign-t > .col	{vertical-align: top;}
.row.valign-m > .col	{vertical-align: middle;}
.row.valign-b > .col	{vertical-align: bottom;}

.flt-r	{float: right; margin-left: 20px}
.flt-l	{float: left; margin-right: 20px}

.text-left, table th.text-left, table td.text-left	{text-align: left;}
.text-center, table th.text-center, table td.text-center	{text-align: center;}
.text-right, table th.text-right, table td.text-right	{text-align: right;}

.fixed-table	{width: 100%; overflow: hidden;  border: 1px solid #c7c7c7;}
.fixed-table > .fixed-cell	{float: left;}
.fixed-table > .scroll-cell	{overflow-x: scroll;}

.list-link	{margin-bottom: 10px; border-radius: 5px; overflow: hidden;}
.list-link ul	{font-size: 0;}
.list-link ul li	{display: inline-block; margin-bottom: 10px; font-size: 1.6rem}
.list-link ul li a	{display: block; position: relative;margin: 0 10px 0 0; padding: 5px 30px 5px 10px; color: #ffffff; background-color: #150201; border-radius: 5px; text-align: center; line-height: 1.0; overflow: hidden;}
.list-link ul li:last-child a	{margin-right: 0;}
.list-link ul li a:hover, .list-link ul li a:active	{color: #150201; background-color: #fcca0f;text-decoration: none;}
.list-link ul li a:after	{display: block; position: absolute; top: 50%; right: 0; content: "\f107"; width: 20px; height: 100px; line-height: 100px; margin-top: -50px; color: #fcca0f; border-left: 1px solid #666666; font-family: fontAwesome;}
.list-link ul li a:hover:after	{color: #150201;}
.list-link > .row-lg	{width: 100%;}
.list-link > .row-lg:first-child	{border-bottom: 1px solid #a7a7a7;}
.list-link .row-lg > .col	{padding: 10px 10px 0; background-color: #eeeeee;}
.list-link .row-lg > .col:first-child	{width: 100px; padding-bottom: 10px; color: #150201; background-color: #fcca0f; font-weight: bold; text-align: center; vertical-align: middle;}

.swiper-pagination { position: static !important; width: 100%; height: auto !important; padding: 0 !important; background-color: #150201; text-align: center; line-height: 1.0; font-size: 0px;}
.swiper-pagination-bullet { width: 50px !important; height: 5px; margin: 10px 1px 10px; background: #444444; border-radius: 0 !important; vertical-align: top !important; outline: 0; opacity: 1;}
.swiper-pagination-bullet-active { background: #fcca0f !important;}

header	{position: relative; background-color: #fcca0f; z-index: 10;}
header h1 a	{ display: block; background: transparent url("../png/logotype.png") no-repeat left top; text-indent: -999em;}

header a:hover h1 img	{ opacity: 1;filter: alpha(opacity=100);}
header .item-ticket a	{ display: inline-block; color: #ffffff; background-color: #fb0101; border: 3px solid #150201; font-weight: bold;line-height: 1.0; box-sizing: border-box;}
nav ul	{margin: 0; padding: 0; list-style-type: none;}
nav ul li a, nav ul li span, nav ul li b 	{display: block; color: #ffffff; font-weight: normal;}
nav ul.gnav > li a, nav ul.gnav > li b	{color: #fcca0f; background-color: #150201; font-weight: bold;}
nav ul.gnav > li > *:before	{display: block; content: ""; position: absolute; top: 3px; left: 6px; background-color: rgba(255,255,255,0.25); width: calc(100% - 12px); height: 3px; z-index: 1;}
nav ul.gnav > li > *:after	{display: block; content: ""; position: absolute; top: 6px; left: 3px; width: calc(100% - 6px); height: 3px; background-image : linear-gradient(to right, rgba(255,255,255,0.25) 3px, transparent 3px);  background-size: calc(100% - 3px) 3px; background-repeat: repeat-x;   background-position: left bottom; z-index: 1;}
nav ul.gnav > li span	{color: #aaaaaa; background-color: #666666;}
nav ul.gnav > li b + ul	{display: none}
nav ul.gnav > li b.open + ul	{display: block}
nav .link-sns .twitter, nav .link-sns .facebook	{width: 40px; height: 40px; margin-left: 10px; overflow: hidden;}
nav .link-sns .twitter a, nav .link-sns .facebook a	{display: block; height: 40px; color: #fbca01; background-color: #150201; border-radius: 20px;}
nav .link-sns .twitter a:before, nav .link-sns .facebook a:before	{display: block; width: 40px; height: 40px; line-height: 40px; font-family: fontAwesome; text-align: center;}
nav .link-sns .twitter a:before	{content: "\e61b";}
nav .link-sns .facebook a:before	{content: "\f09a";}
nav .link-sns .seiko a	{display: block; width: 101px; height: 20px; margin-left: 10px; overflow: hidden;}
nav .link-sns .seiko a:before	{display: block; content: ""; width: 101px; height: 20px; background: transparent url("../png/logo-seiko.png") no-repeat left top; background-size: cover;}
footer	{position: relative; padding: 2.0em 0; background-color: #fcca0f; font-family: 'Jersey 15', sans-serif; font-weight: 400; text-align: center; z-index:  1;}
footer .text-center	{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(0,0,0,0.5);}
footer .jaaf	{display: inline-block;}

/*.page-top section:not(.sec-about) .field	{background-color: #ffffff;}*/
.page-top section h1.ttl-header em	{display: flex; align-items: center; justify-content: center; color: #150201; font-family: 'Jersey 15', sans-serif; font-weight: normal; line-height: 1.0;}
body:not(.page-top) section h1.ttl-header{position: relative; margin: 0 0 1.5em; padding: 2.0em 0; color: #150201; background-color: #fcca0f; font-size: 2.0rem; text-align: center; overflow: hidden;}
body:not(.page-top) section h1.ttl-header:before{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background-image : linear-gradient(to right, #150201 3px, transparent 3px);  background-size: 6px 3px; background-repeat: repeat-x;   background-position: left bottom;}
.page-top section.sec-ticket h1.ttl-header	{color: #150201;}
article > .head-yellow h1.ttl-header	{padding-top: 40px }
.page-top section.sec-outline h1.ttl-header	{color: #150201;}
body:not(.page-top) h1.ttl-header em	{display: block; position: relative; font-size: 4.0em; font-family: 'Jersey 15', sans-serif; line-height: 1.0;}

section.heading{position: relative; overflow: hidden;}
section.heading > *{position: relative; z-index: 1;}
/*section.heading:before{display: block; content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #150201 url("../2023/img/bg-headingj.jpg") no-repeat center top; background-size: auto 100%; z-index: -1;}*/
.page-top .sec-outline {background-color: #fcca0f;}
.sec-gallery.heading .body{padding: 40px 0 40px; background-color: #150201;}


body:not(.page-top) .main	{padding-bottom: 40px; background-color: #ffffff;}
.page-top .main > section	{position: relative;}
/*.page-top .main > section:nth-child(odd) .field	{background-color: #fcca0f;}
.page-top .main > section:nth-child(even) .field	{background-color: #150201;}*/
.page-top .main > section.sec-about	{color: #ffffff;}
.page-top .main section .field	{position: relative; padding: 1.0em; border: 6px solid #150201; box-sizing: border-box;}
.page-top .main > section.sec-ticket .field, .page-top .main section.sec-athlete .field, .page-top .main section.sec-access .field, .page-top .main section.sec-outline .field	{background-color: #ffffff;}
.page-top .main > section.sec-about .field	{background-color: #150201;}
.page-top .main > section > figure	{position: absolute; bottom: -25px;  margin: 0; padding: 0; text-align: left; z-index: 1; pointer-events: none;}
.page-top .main > section.sec-ticket > figure	{left: 0;}
.page-top .main > section.sec-about > figure	{left: 0;}
.page-top .main > section.sec-news > figure	{right: 0;}
.page-top .main > section.sec-access > figure	{right: 0;}
.page-top .main > section.sec-outline > figure	{left: 0;}
.page-top .main > section.sec-outline > figure img	{width: 30vw;}
.page-top .main > section.sec-archive > figure	{right: 0;}

.page-top .main > section.sec-about > figure img	{width: 75%;}
.page-top .sec-news section	{position: relative;}
.page-top .sec-news .container > section:not(:first-child)	{margin-top: 2.5em;}
.page-top .sec-news section h1, .page-top .sec-ticket .ui-news strong	{display: block; margin-top: 2.0em; color: #fcca0f; text-align: center;}
.page-top .sec-news section h1:after, .page-top .sec-ticket .ui-news strong:after	{display: block; content: ""; width: 200px; height: 5px; margin: 10px auto 0; background-color: #fcca0f;}
.page-top .sec-ticket .ui-news strong	{color: #150201;}
.page-top .sec-ticket .ui-news strong:after	{background-color: #150201;}
.page-top .sec-news section h1 + .item-button-more a	{color: #fbca01; font-family: 'Jersey 15', sans-serif;}
.page-top .sec-news section h1 + .item-button-more a:after	{content: "→"; padding-left: 0.5em;}
.page-top .sec-news section h1 + .item-button-more a:hover	{color: #ffffff;}
.page-top .sec-access .text	{background-color: rgba(255,255,255,0.9); padding: 20px;}

.page-top .sec-ticket {position: relative; /*margin-top: 60px; *//*padding-bottom: 40px;*/ background-color: #fcca0f; /*background: transparent url("../2023/img/bg-ticket.jpg") no-repeat center bottom;*/ background-size: cover;}

.page-top .sec-ticket table	{ width: 100%; table-layout: fixed; margin-bottom: 1.0em; border: 5px solid #150201;}
.page-top .sec-ticket table th, .page-top .sec-ticket table td{padding: 1.5em; border-top: 5px solid #150201;}
.page-top .sec-ticket table tr th:not(:first-child), .page-top .sec-ticket table tr td:not(:first-child){border-left: 5px solid #150201;}
.page-top .sec-ticket table tr th:not(:first-child){border-left: 5px solid #fcca0f;}
.page-top .sec-ticket table thead th	{color: #fcca0f; background-color: #150201;}
.page-top .sec-ticket table tbody td	{background-color: #ffffff; }
.page-top .sec-ticket .field	{ /*margin-bottom: 2.0em;*/ padding: 1.5em 0; background-color: rgba(255,255,255,0.9)}
.sec-ticket .ui-news{margin-top: 2.0em; border-top: 1px solid #150201;}
.sec-ticket .ui-news ul.list{margin-top: 1.0em;}
.sec-ticket .ui-news ul.list > li:not(:first-child){margin-top: 5px;}
.sec-ticket .ui-news ul.list li a{display: block; position: relative; padding: 1.0em; color: #333333; background-color: rgba(255,255,255,0.75);}
.sec-ticket .ui-news ul.list li a:after{display: block; content: "\f054"; position: absolute; top: calc(50% - 0.5em); right: 0.5em; color: #fcca0f; font-family: fontAwesome;}
.sec-ticket .ui-news ul.list li a:hover{background-color: rgba(255,255,255,1);}

	
.page-top .sec-gallery:after {display: block; content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 50%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

 z-index: 0; }
.page-top .sec-gallery .container {position: relative; z-index: 1;}
.page-top .sec-sponsor	{padding: 60px 0; background-color: #e7e7e7; text-align: center;}
.sec-sponsor dl dt	{font-family: 'Jersey 15', sans-serif; font-weight: 400; text-align: center;}
.page-top .main .sec-archive .field	{background: transparent url("../jpg/bg-archive.jpg") no-repeat center top; border-color: #ffffff;}
.page-top .sec-archive ul	{display: flex; flex-wrap: wrap; width: calc(100% + 10px); font-size: 0px;}
.page-top .sec-archive ul li	{width: calc(33.333% - 10px); margin-right: 10px; border: 3px solid #ffffff; font-size: 1.6rem; box-sizing: border-box;}
.page-top .sec-archive ul li:before	{display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-image : linear-gradient(to right, rgba(255,255,255,1.0) 3px, transparent 3px); background-size: calc(100% - 3px) 3px; background-repeat: repeat-x; background-position: left bottom; z-index: 1;}
.page-top .sec-archive ul li:after	{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-image : linear-gradient(to right, rgba(255,255,255,1.0) 3px, transparent 3px); background-size: calc(100% - 3px) 3px; background-repeat: repeat-x; background-position: left bottom; z-index: 1;}
.sec-archive ul li a	{display: block; color: #150201; background-color: #fbca01; border: 3px solid #150201; font-family: "Jersey 15", sans-serif; font-weight: 700; font-size: 3.0rem; text-align: center; box-sizing: border-box;}
.sec-archive ul li a:hover, .sec-archive ul li a:active	{color: #150201; background-color:rgba(251,202,1,1.00);}
.sec-outline + .box-4x, .page-top .sec-sns	{background-color: #ffffff;}
.page-top .sec-sns	{padding: 60px 0; color: #fcca0f; background-color: #150201;/*background: #150201 url("../2024/img/top-bg-sns.jpg") no-repeat center bottom; background-size: contain;*/}
.page-top .sec-sns .field strong	{display: block; padding-bottom: 20px; font-weight: normal; text-align: center;}
.page-top .sec-sns .field strong span	{display: inline-block; text-indent: -999em;}
.page-top .sec-sns .field strong:before	{display: inline-block; margin-right: 10px; font-family: "Font Awesome 6 Brands"; font-size: 6.0rem; vertical-align: middle;}
/*.page-top .sec-sns .tl-facebook .field strong	{color: #1877f2;}*/
.page-top .sec-sns .tl-facebook .field strong:before	{content: "\f09a";}
/*.page-top .sec-sns .tl-twitter .field strong	{color: #1da1f2;}*/
.page-top .sec-sns .tl-twitter .field strong:before	{content: "\e61b";}
.page-top .main section.sec-access .field:after	{display: block; content: ""; position: absolute; top: -25px; left: -25px; width: 121px; height: 105px; background: transparent url("../png/pixel-throw-02.png") no-repeat center center; background-size: 121px; animation: move01 4s ease infinite;}
.page-top .main section.sec-outline .field:after	{display: block; content: "";position: absolute; bottom: -25px; right: -25px; width: 72px; height: 92px; background: transparent url("../png/pixel-run-02.png") no-repeat center center; background-size: 72px; animation: move01 4s ease infinite;}
.page-top .main section.sec-archive .field:after	{display: block; content: "";position: absolute; top: 25px; left: 25px; width: 39px; height: 106px; background: transparent url("../png/pixel-jump-02.png") no-repeat center center; background-size: 39px; animation: move02 4s ease infinite;}

.page-archive .sec-archive .list-archive ul > li	{margin-top: 40px;}
.page-archive .sec-archive .list-archive ul > li:first-child	{margin-top: 0;}
.page-archive .movie-tab{ margin-bottom: 30px; border-bottom: 5px solid #fcca0f; }
.page-archive .movie-tab ul{ font-size: 0;}
.page-archive .movie-tab ul li{ display: inline-block; width: 49.056%; margin: 0 0 0 1.886%; font-size: 2.0rem; text-align: center;}
.page-archive .movie-tab ul li:nth-child(odd){ margin-left: 0;}
.page-archive .movie-tab ul li a, .page-archive .movie-tab ul li b{ display: block; height: 60px; line-height: 60px; color: #ffffff; background-color: #150201; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.page-archive .movie-tab ul li b, .page-archive .movie-tab ul li a:hover{ color: #150201; background-color: #fcca0f; text-decoration: none;}
.page-archive .share-link{ margin: 20px; padding: 20px; background-color: #ffeeee; border-radius: 10px; text-align: center;}
.page-archive .share-link b{ display: block;}
.page-archive .share-link ul{ display: inline-block; margin-top: 20px;}
.page-archive .share-link ul li{ display: inline-block; width: 100px; margin: 0 10px;}
.page-archive .share-link ul li a{ display: block; height: 40px; line-height: 40px; border-radius: 10px;}
.page-archive .share-link ul li.button-facebook a{ color: #ffffff; background-color: #1877f2;}
.page-archive .share-link ul li.button-twitter a{ color: #ffffff; background-color: #1da1f2;}
.sec-ticket .heading	{padding: 1.0em; color: #ffffff; text-align: center;}
.page-top .sec-ticket .heading	{position: relative; padding-top: 2.0em; border: 3px solid #150201; }
.page-top .sec-ticket h1 + .heading	{margin-top: 2.0em;}
.sec-ticket .heading.fc	{background-color: #c8161d;}
.sec-ticket .heading.pia	{/*background-color: #2778be;*/ background: #2778be; background: linear-gradient(135deg, rgba(39, 120, 190, 1) 0%, rgba(0, 116, 190, 1) 100%);}
.sec-ticket .heading > strong	{display: block; font-size: 2.5em; text-align: center; line-height: 1.4;}
.sec-ticket .flex-box .heading > strong	{font-size: 1.75em;}
.page-top .sec-ticket .heading > strong	{margin-bottom: 0.5em; font-size: 1.5em;}
.page-top .sec-ticket .heading > strong:before	{display: inline-block; content: "INFORMATION"; position: absolute; top: calc(-0.5em + -3px); left: calc(50% - 3.0em); padding: 0 0.5em; color: #150201; background-color: #fbca01; border: 3px solid #150201; font-family: 'Jersey 15', sans-serif; line-height: 1.0;}
.page-top .sec-ticket .flex-box > .heading:not(:first-child)	{margin-bottom: 1.5em; border-top: none;}
.page-top .sec-ticket .flex-box > .heading:not(:first-child) > strong:before	{display: none;}
.sec-ticket .heading > strong + p	{margin: 0; padding: 0; font-size: 1.25em;}
.sec-ticket .buy-ticket	{margin-top: 1.0em; padding: 1.5em; color: #333333; background-color: #ffffff; border-radius: 10px; text-align: left}
.page-top .sec-ticket .buy-ticket	{text-align: center;}
.page-ticket .info	{margin-top: 0; padding: 0.5em 0; color: #ffffff; background-color: #150201; font-size: 1.5em; text-align: center;}
.page-ticket .ttl-ticket	{padding-bottom: 0.5em; border-bottom: 3px dotted #150201; font-size: 2.0em; text-align: center;}
.page-ticket .ttl-ticket em	{background:linear-gradient(transparent 60%, rgba(252,202,15,0.5) 60%);}
.page-ticket .bg-fc	{background-color: #f4b083;}
.page-ticket .bg-pre-reserve	{background-color: #ffe699;}
.page-ticket .bg-pia	{background-color: #b4c7e7;}
.page-ticket .bg-same-day	{background-color: #c4e0b4;}
.page-ticket .category .focus strong	{display: block; width: 80%; margin: 0 auto; padding: 0.5em 0; color: #ffffff; background-color: #dd0000; font-size: 1.5em; line-height: 1.0;}
.page-ticket .special.premium .field	{padding: 1.5em;  background-color: #fef2c3}
.page-ticket .special.premium-box .field	{padding: 1.5em;  background-color: #ffe5e4}
.page-ticket .special.athletes .field	{padding: 1.5em;  background-color: #dad2ea;}
.page-ticket .special.ss .field	{padding: 1.5em;  background-color: #ddebf6;}
.page-ticket .special.sa .field	{padding: 1.5em;  background-color: #f7caab;}
.page-ticket .special.group .field	{padding: 1.5em;  background-color: rgba(239,218,237,0.5);}
.page-ticket .special .field .note	{margin: 0 0 1.0em; padding: 1.0em 0.5em; color: #ffffff; background-color: #cc0000;font-weight: 700; text-align: center;}
.page-ticket .special h1	{/*display: flex; align-items: center; justify-content: space-between; min-height: 2.5em; padding-left: 1.0em; */margin-bottom: 0.5em;padding: 0.5em; background-color: #fcca0f; font-size: 1.25em; text-align: center;}
.page-ticket .special.premium h1	{margin-bottom: 0; background-color: #fcca0f;}
.page-ticket .special.premium-box h1	{margin-bottom: 0; color: #ffffff; background-color: #ff9999;}
.page-ticket .special.athletes h1	{margin-bottom: 0; color: #ffffff; background-color: #8456da;}
.page-ticket .special.ss h1	{margin-bottom: 0; color: #ffffff; background-color: #4a98df;}
.page-ticket .special.sa h1	{margin-bottom: 0; color: #ffffff; background-color: #ea9f3f;}
.page-ticket .special.group h1	{margin-bottom: 0; background-color: #efdaed;}
.page-ticket .special h1 span	{display: block; font-size: 0.85em;}
.page-ticket .special h1 em.sold	{display: inline-block; margin-top: 0.5em; padding: 0.75em 3.0em; background-color: #cc0000; font-size: 0.85em; line-height: 1.0;}
.page-ticket .point	{margin-bottom: 1.0em;}
.page-ticket .point li	{position: relative; padding: 0.75em 0.75em 0.75em 35px; background-color: rgba(255,255,255,0.75); font-weight: bold;}
.page-ticket .point li:not(:first-child)	{margin-top: 5px;}
.page-ticket .point li:before	{display: block; content: "\f14a"; position: absolute; top: calc(50% - 15px); left: 5px; width: 30px; height: 30px; line-height: 30px; color: #ff0000; font-family: fontAwesome; font-size: 1.25em; text-align: center;}
.page-ticket table	{width: 100%;}
.page-ticket table th, .page-ticket table td	{padding: 10px; line-height: 1.4}
.page-ticket .general table th, .page-ticket .general table td	{text-align: center;}
.page-ticket table thead th	{white-space: nowrap; color: #ffffff; background-color: #150201; border-left: 5px solid #ffffff;}
.page-ticket table thead th:first-child	{border-left: none;}
.page-ticket table thead th.sold:after	{display: block; content: "完売"; margin-top: 0.25em; padding: 0.25em 0; color: #ffffff; background-color: #cc0000; text-align: center; line-height: 1.0;}
.page-ticket table tbody th	{background-color: #fcca0f; border-top: 5px solid #ffffff;}
.page-ticket table tbody td	{background-color: #f7f7f7; border-top: 5px solid #ffffff; border-left: 5px solid #ffffff;}
.page-ticket .special table tbody th	{width: 5%;}
.page-ticket .special table tbody td	{width: 45%;}
.page-ticket .price table tbody tr > td:first-child	{border-left: none;}
.page-ticket .price table tbody th	{border-left: 5px solid #ffffff;}
.page-ticket .move .js-scrollable table {position: relative; white-space: nowrap;}
.page-ticket .move table thead tr > th:first-child	{position: relative;}
.page-ticket .move table thead tr > th:first-child:before	{display: flex; align-items: center; justify-content: center; content: "観戦可能席種"; position: absolute; top: 0; right: 0; width: 100%; height: 50%;}
.page-ticket .move table thead tr > th:first-child:after	{display: flex; align-items: center; justify-content: center; content: "購入券種"; position: absolute; bottom: 0; right: 0; width: 100%; height: 50%; color: #333333; background-color: #fcca0f;}
.page-ticket .move table thead tr th	{font-size: 1.2rem;}
.page-ticket .move table thead tr th em	{font-size: 1.6rem;}
.page-ticket .move table thead th, .page-ticket .move table tbody td	{width: 6.0em; box-sizing: border-box;}
.page-ticket .move table tbody tr th	{position: sticky; top: 0; left: 0; height: 3.0em; font-size: 1.4rem; line-height: 1.2;}
.page-ticket .special.premium .field table tbody th{color: #ffffff; background-color: #fcca0f; border-top: 5px solid #fef2c3;}
.page-ticket .special.premium .field table tbody td{ border-top: 5px solid #fef2c3; border-left: 5px solid #fef2c3;}
.page-ticket .special.premium-box .field table tbody th{color: #ffffff; background-color: #ff9999; border-top: 5px solid #ffe5e4;}
.page-ticket .special.premium-box .field table tbody td{ border-top: 5px solid #ffe5e4; border-left: 5px solid #ffe5e4;}
.page-ticket .special.athletes .field table tbody th{ color: #ffffff; background-color: #8456da; border-top: 5px solid #dad2e9;}
.page-ticket .special.athletes .field table tbody td{ border-top: 5px solid #dad2e9; border-left: 5px solid #dad2e9;}
.page-ticket .special.ground .field table tbody th{ color: #ffffff; background-color: #4a98df; border-top: 5px solid #ddeaf6;}
.page-ticket .special.ground .field table tbody td{ border-top: 5px solid #ddeaf6; border-left: 5px solid #ddeaf6;}
.page-ticket .special.ground .field ul.unit-3-lg .col.valign-t{ background-color: #ffffff;}
.page-ticket .special.ground .field ul.unit-3-lg .col.valign-t strong{ display: block; padding: 0.5em 0; color: #ffffff; background-color: #4a98df; text-align: center;}
.page-ticket .special.ground .field ul.unit-3-lg .col.valign-t em{ display: block; padding: 0.5em 0; color: #ffffff; background-color: #cc0000; font-weight: bold; text-align: center;}
.page-ticket .special.ground .field ul.unit-3-lg .col.valign-t p{ padding: 0 1.0em;}
/*.page-ticket table tbody tr th:nth-of-type(1),*/
.page-ticket .general table tbody tr th:nth-of-type(1), .page-ticket .general table tbody tr td:nth-of-type(2)/*, .page-ticket .general table tbody tr td:nth-of-type(4)*/{text-align: left}
.page-ticket .general table tbody tr td:nth-of-type(2){white-space: normal}
.page-ticket .recommend strong{display: block; margin-top: 20px; padding: 0.75em 0; color: #fcca0f; background-color: #150201; font-size: 1.25em; font-weight: 700; text-align: center;}
.page-ticket .recommend table th, .page-ticket .recommend table td{padding: 10px; color: #ffffff; background-color: #222222; border-top: 1px solid #ffffff;}
.page-ticket .recommend table th{color: #fcca0f; background-color: #150201;}
.page-ticket .recommend table td{border-left: 1px solid #ffffff;}
.page-ticket .recommend table td a{display: block; padding: 0.75em 1.0em; color: #ffffff; background-color: #2b66cc; border-radius: 5px; font-size: 0.85em; font-weight: bold; line-height: 1.0; text-decoration: none;}
.page-ticket .item-button.pia a{padding-top: 1.5em; padding-bottom: 1.5em; color: #ffffff; background-color: #2b66cc; font-size: 1.25em; font-weight: bold;}
.page-ticket .item-button.pia a:hover, .page-ticket .recommend table td a:hover{opacity: 0.75;}
.page-ticket .release-date thead tr > th:not(:first-child){text-align: center;}
.page-ticket .release-date tr > *{position: relative;;}
.page-ticket .release-date tr > *:first-child{width: 30%; padding-right: 0;}
.page-ticket .release-date tr > * > strong{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 10px 50%, 0% 0%); z-index: 100;}
.page-ticket .release-date tr > * > strong.cell-4{width: calc(400% + 15px);}
.page-ticket .release-date tr > * > strong.cell-2{width: calc(200% + 5px);}
.page-ticket .release-date tr > * > strong.jaaf-start{background-color: #f4b083;}
.page-ticket .release-date tr > * > strong.pia{background-color: #b4c7e7;}
.page-ticket .release-date tr > * > strong.pia.pre-sale{background-color: #ffe699;}
.page-ticket .release-date tr > * > strong.same-day{background-color: #c4e0b4;}
.page-ticket .release-date tr > * > strong span{display: block; font-size: 1.4rem; line-height: 1.2;}
.page-ticket .price table tr > *:nth-of-type(2)	{width: 30%;}
.page-ticket .price table td	{position: relative;}
.page-ticket .price table td b	{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.page-ticket .price table .bg-yellow td b	{ background-color: #fcca0f;}
.page-ticket .price table .bg-purple th, .page-ticket .price table .bg-purple td b	{ background-color: #dad2e9;}
.page-ticket .price table .bg-blue th, .page-ticket .price table .bg-blue td b	{ background-color: #ddeaf6;}
.page-ticket .price table .bg-red th, .page-ticket .price table .bg-red td b	{ background-color: #f7caac;}
.page-ticket .price table .bg-pink th, .page-ticket .price table .bg-pink td b	{ background-color: #fbe5d5;}
.page-ticket .price table .bg-green th, .page-ticket .price table .bg-green td b	{ background-color: #c5e0b3;}
.page-ticket .price table .bg-skin th, .page-ticket .price table .bg-skin td b	{ background-color: #fff2cc;}
.page-ticket .price table tbody th	{height: 3.0em;}
.page-ticket .price table tbody th em	{display: inline-block; margin-top: 0.25em; padding: 0.5em 0.75em; color: #ffffff; background-color: #150201; font-size: 1.4rem; line-height: 1.0;}
.page-ticket .price table tbody th em.sold	{background-color: #cc0000;}
.page-timetable table{width: 100%;}
.page-timetable table th, .page-timetable table td{width: 22%; padding: 20px 0; border-top: 5px solid #ffffff; border-left: 5px solid #ffffff; text-align: center; vertical-align: top;}
.page-timetable table th:first-child, .page-timetable table td:first-child{width: 12%;}
/*.page-timetable table thead{position: sticky; top: 0; width: 100%; box-sizing: border-box;}*/
.page-timetable table thead th:first-child{border-left: none;}
.page-timetable table thead tr th{background-color: #eeeeee;}
.page-timetable table tbody td{color: #ffffff; font-weight: bold;}
.page-timetable table tbody td:first-child{color: #333333; background-color: #eeeeee; border-left: none; font-weight: normal;}
.page-timetable table tbody td.track{background-color: #7a96c1;}
.page-timetable table thead th.track, .page-timetable table tbody td.track:empty{background-color: #c7e7f1;}
.page-timetable table tbody td.bs{background-color: #60b883;}
.page-timetable table thead th.bs, .page-timetable table tbody td.bs:empty{background-color: #cce2b9;}
.page-timetable table tbody td.zone-a{background-color: #e87d6d;}
.page-timetable table thead th.zone-a, .page-timetable table tbody td.zone-a:empty{background-color: #f6cfc9;}
.page-timetable table tbody td.zone-b{background-color: #eb8c2d;}
.page-timetable table thead th.zone-b, .page-timetable table tbody td.zone-b:empty{background-color: #ffeeb9;}
.page-timetable .box-2x.text-center{margin-bottom: 15px;}
.banner-sns a{display: block; margin: 20px 0;  padding: 20px; color: #ffffff !important;
 background: #1da1f2; /*background: -moz-linear-gradient(left,  #1da1f2 0%, #d93177 100%); background: -webkit-linear-gradient(left,  #1da1f2 0%,#d93177 100%); background: linear-gradient(to right,  #1da1f2 0%,#d93177 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da1f2', endColorstr='#d93177',GradientType=1 );*/ border-radius: 10px; font-size: 2.0rem; text-align: center;}
.banner-sns a:before{display: inline-block; content: "\f099"; width: 40px; height: 40px; line-height: 40px; margin-right: 10px; color: #1da1f2; background-color: #ffffff; border-radius: 20px; font-family: fontAwesome; font-size: 3.0rem; vertical-align: -4px;}
/*.banner-sns a:after{display: inline-block; content: "\f16d"; width: 40px; height: 40px; line-height: 40px; margin-left: 10px; color: #d93177; background-color: #ffffff; border-radius: 20px; font-family: fontAwesome; font-size: 3.0rem; vertical-align: -4px;}*/
.banner-sns a:hover{color: #150201 !important; background: #fcca0f; /*background: -moz-linear-gradient(left,  #150201 0%, #150201 100%); background: -webkit-linear-gradient(left,  #150201 0%,#150201 100%); background: linear-gradient(to right,  #150201 0%,#150201 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#150201', endColorstr='#150201',GradientType=1 );*/ text-decoration: none;}
.page-athlete .table a, .page-timetable .table a{display: block; content: "\f099"; width: 26px; height: 26px; line-height: 26px; margin: 0 auto; color: #ffffff; background-color: #1da1f2; border-radius: 15px; font-family: fontAwesome; font-size: 2.0rem; text-align: center; overflow: hidden; transition: all 0.5s linear 0s;}
.page-timetable .table a{display: inline-block;margin-right: 5px;}
.page-athlete .table a:before, .page-timetable .table a:before{display: block; content: "\f099"; width: 26px; height: 26px; line-height: 26px; font-family: fontAwesome; font-size: 1.6rem; }
.page-athlete .table a:hover, .page-athlete .table a:active, .page-timetable .table a:hover, .page-timetable .table a:active{text-decoration: none;  transform: rotateY(360deg);}
.page-athlete .table tr td:last-child{text-align: center;}
.page-guide .outline .unit-3-lg .col a{display: block; position: relative; padding-bottom: 10px; color: #333333; background-color: #ffffff; border: 2px solid #150201;}
.page-guide .outline .unit-3-lg .col a:after{display: block; content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; height: 10px;background-size: auto auto; background-color: rgba(255, 255, 255, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(252, 202, 15, 1) 2px, rgba(252, 202, 15, 1) 4px ); box-sizing: border-box; z-index: 1;}
.page-guide .outline .unit-3-lg .col a:hover{background-color: rgba(252, 202, 15, 0.25); text-decoration: none;}
.page-guide .outline .unit-3-lg .col a p{margin: 0; padding: 1.0em;}
.page-guide .outline .unit-3-lg .col a .field div{padding: 1.0em 1.0em 0;}
.page-guide .outline .unit-3-lg .col a .field div b{display: inline; margin-bottom: 0.5em; background: linear-gradient(transparent 70%, #fcca0f 70%);}

.shape-dot{position: relative; clip-path: polygon(0 3px, 3px 3px, 3px 0, calc(100% - 3px) 0, calc(100% - 3px) 3px, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 3px calc(100% - 3px), 0 calc(100% - 3px));}
.shape-dot span:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 3px; background-color: #150201;}
.shape-dot span:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: 3px; height: 3px; background-color: #150201;}
.shape-dot span span:before, .shape-dot span span:after{top: auto; bottom: 0;}
.shape-dot.x2{clip-path: polygon(0 6px, 6px 6px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 6px, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 6px), 0 calc(100% - 6px));}
.shape-dot.x2 span:before, .shape-dot.x2 span:after{width: 6px; height: 6px;}

/*.shape-dot{clip-path: polygon(0 10%, 10% 10%, 10% 0, 90% 0, 90% 10%, 100% 10%, 100% 90%, 90% 90%, 90% 100%, 10% 100%, 10% 90%, 0 90%);}*/
.overlay{display:none;width:100%;height:100%;background:rgba(0,0,0,0.75);position:fixed;z-index:1000}
.popup{display:table;position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0}
.popup .field{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}
.popup .field .popup-text{width:80%;margin:0 auto;padding:20px;background-color:#fff;box-sizing:border-box;text-align:left}
.popup button{position:relative;width:100px;padding:10px 0 10px 20px;color:#fff;background:none;border:none;border-radius:5px;outline:none;font-family: 'Jersey 15', sans-serif;font-weight:400;font-size: 2.0rem;cursor:pointer}
.popup button:before{display:block;content:"";position:absolute;top:22px;left:0;width:25px;height:1px;background-color:#fff;transform:rotate(45deg)}
.popup button:after{display:block;content:"";position:absolute;top:22px;left:0;width:25px;height:1px;background-color:#fff;transform:rotate(-45deg)}

@keyframes move01 {
0%{transform:translateX(0)}
5%{transform:translateX(0)}
10%{transform:translateX(0)}
20%{transform:translateX(20px)}
25%{transform:translateX(0)}
30%{transform:translateX(20px)}
50%{transform:translateX(0)}
100%{transform:translateX(0)}
}
@keyframes move02 {
0%{transform:translateY(0)}
5%{transform:translateY(0)}
10%{transform:translateY(0)}
20%{transform:translateY(-20px)}
25%{transform:translateY(0)}
30%{transform:translateY(-20px)}
50%{transform:translateY(0)}
100%{transform:translateY(0)}
}

@media (max-width: 834px) {
body{font-size: 3.5vw;}
.scroll-point	{display: block; margin-top:-61px;  padding-top:61px; outline: none;}
.toggle-nav	{display: none;}
.toggle-nav.active	{display: block;}
.row-sm	{display: table}
.row-sm > .col	{display: table-cell}
.row-lg > .col.thum-l-250, .row-lg > .col.thum-l-300, .row-lg > .col.thum-l-400	{margin-bottom: 10px;}
.row-lg > .col.thum-r-250, .row-lg > .col.thum-r-300, .row-lg > .col.thum-r-400	{margin-top: 10px;}

.container-sm	{margin: 0 20px;}
.page-top hr.pixel{margin-top: 1.0em;}
.item-button.cover	{width: 100% !important;}
body.open .item-fixed-bottom	{display: none;}
.item-fixed-bottom ul li	{display: flex; align-items: center; width: 100%; margin-top: 0 !important; font-size: 3.0vw;}
.page-top .item-fixed-bottom ul	{flex-wrap: wrap;}
.page-top .item-fixed-bottom ul li:first-child	{width: 100%; justify-content: center; padding-bottom: 1.0em;}
.page-top .item-fixed-bottom ul li:not(:first-child)	{width: 50%;}
.page-top .item-fixed-bottom ul > li > b	{position: static;}
.page-top .item-fixed-bottom ul > li > .text-center br:last-child	{display: none;}
.fs-12	{font-size: 1.0rem;}
.fs-14	{font-size: 1.2rem;}
.fs-16	{font-size: 1.4rem;}
.fs-20	{font-size: 1.6rem;}
.fs-30	{font-size: 2.0rem;}
.fs-40	{font-size: 3.0rem;}
.text-left-sm, table th.text-left-sm, table td.text-left-sm	{text-align: left;}
.text-center-sm, table th.text-center-sm, table td.text-center-sm	{text-align: center;}
.text-right-sm, table th.text-right-sm, table td.text-right-sm	{text-align: right;}
.flt-r-lg	{margin-bottom: 20px; text-align: center}
.flt-l-lg	{margin-bottom: 20px; text-align: center}
table.table.table-modif tr, table.table.table-modif th, table.table.table-modif td	{ display: block; width: 100%; box-sizing: border-box;}
.list-link	{padding-top: 20px;}
.list-link ul li	{display: inline-block; width: 50%;}
.list-link ul li a	{margin: 0 10px 10px 0; padding-top: 10px; padding-bottom: 10px;}
.list-link ul li:nth-child(even) a	{margin: 0 0 10px 10px;}
.list-link ul li:nth-child(odd) a	{margin-right: 10px}
.list-link .row-lg > .col:first-child	{width: 100%; padding: 5px 0; line-height: 1.0; box-sizing: border-box;}
.list-link .row-lg > .col:last-child	{padding-bottom: 0;;}
.ttl-bold, .ttl-regular, .ttl-light {font-size: 4.0vw}
.ttl-regular {padding-left: 0;}

hr.pixel.throw:before{height: 100px;}
hr.pixel.throw:after{width: 81px; height: 70px; background-size: 81px;}
hr.pixel.run:before{height: 6px; border-top: 50px solid #b63730; border-bottom: 50px solid #b63730;}
hr.pixel.run:after{width: 48px; height: 62px; background-size: 48px;}
hr.pixel.jump:before{height: 100px; }
hr.pixel.jump:after{bottom: 25px; left: 70%; width: 26px; height: 70px; background-size: 26px;}

header	{ position: fixed; top: 0; left: 0; width: 100%;z-index: 200; border-bottom: 1px solid rgba(0,0,0,0.5);}
header.open	{ height:100%; }
header h1	{ display: flex; align-items: center; height: 60px; margin: 0; padding: 0;}
header h1 a	{width: 219px; height: 36px; background: transparent url("../png/logotype-sm.png") no-repeat left top; background-size: contain;}
header h1:before	{display: inline-block; content: ""; width: 35px; height: 50px; margin: 0 10px 0 5px; background: transparent url("../png/ggp-emblem.png") no-repeat left top; background-size: 35px;}
header button, nav button	{position: fixed; top: 0; right: 0; width: 40px; height: 60px; color: #150201; background: none; border: none; outline: none; overflow: hidden; z-index: 300}
header button:before, nav button:before	{display: block; content: "\f0c9"; height: 60px; line-height: 60px; font-family: fontAwesome; font-size: 2.5rem; text-align: center;}
body.open header button:before, body.open nav button:before	{content: "\f00d"; color: #ffffff;}
header .item-ticket	{position: absolute; top: 5px; right: 40px;}
header .item-ticket a	{width: 40px; height: 50px; background-color: #150201; overflow: hidden;}
header .item-ticket a span span	{display: none;}
header .item-ticket a > span	{background-color: #fb0101;}
header .item-ticket a > span:before	{display: flex; align-items: center; justify-content: center; content: "\f145"; position: relative; width: 34px; height: 28px; background-color: transparent; font-family: "Font Awesome 6 Free"; font-size: 21px; font-weight: 900; text-align: center;}
header .item-ticket a > span:after	{display: block; content: "TICKET"; position: relative;  width: 34px; height: 12px; background-color: transparent; font-family: 'Jersey 15', sans-serif; font-size: 10px; text-align: center;}
nav	{display: none; position: relative; z-index: 100; text-align: center; height: 100%;}
body.open nav	{display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; height:100%; background-color: #fcca0f; overflow-y: auto;z-index: 200;}
body.open nav .gnav	{padding: 60px 20px 0;}
nav ul.gnav > li:not(:first-child)	{margin-top: 5px}
nav ul.gnav > li a, nav ul.gnav > li span, nav ul.gnav > li b	{display: block; position: relative; padding: 10px; /*background-color: transparent; border-top: 1px solid #fcca0f;*/ text-align: left;}
nav ul.gnav > li em	{display: none;}
/*nav ul.gnav > li a:before, nav ul.gnav > li > b:before	{display: inline-block; content: "\f054"; margin-right: 5px; color: #fcca0f; font-family: fontAwesome; font-size: 1.2rem;}*/
nav ul.gnav > li > b.open	{color: #aaaaaa; background-color: #333333;}
nav ul.gnav > li > b.open:before	{color: #aaaaaa;}
nav ul.gnav > li > b:after	{display: block; content: "\f078"; position: absolute; top: 50%; right: 10px; margin-top: -12px; font-family: fontAwesome; font-size: 1.2rem;}
nav ul.gnav > li > b.open:after	{content: "\f077";}
nav ul.gnav > li b + ul li a	{color: #ffffff !important; background-color: #333333; /*border-top: 1px solid #150201; font-size: 1.6rem;*/}
nav ul.gnav > li a span, nav ul.gnav > li b span	{display: inline-block; width: 40px; height: 20px; line-height: 20px; margin-left: 10px; color: #ffffff; background-color: #ee0000; font-family: 'Jersey 15', sans-serif; font-weight: 400; text-align: center;}
nav ul.gnav li:last-child	{border-bottom: 1px solid #fcca0f;}

nav ul.gnav > li a:hover	{background-color: #333333; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.link-sns	{margin-top: 20px; padding: 10px 0; background-color: #fcca0f;}
.link-sns .container	{display: flex; align-items: center; justify-content: center;}
footer	{padding-bottom: calc(2.0em + 60px);}
footer .row-lg .col:last-child	{width: 90px; margin: 0 auto 100px;}
footer .container .jaaf	{width: 25%;}
footer p	{font-size: 3.0vw;}


.content	{padding-top: 60px;}
.page-top .main > section > figure	{top: -5px;}
.page-top .main > section > figure img	{width: 40vw;}
.page-top .main > section.sec-about > figure	{right: 0; left: auto;}
.page-top .main > section.sec-about > figure img	{width: 30vw;}
.page-top .main > section.sec-access > figure	{right: 10vw;}
.page-top .main > section.sec-outline > figure	{top: 10vh;}
.page-top .main > section.sec-outline > figure img	{width: 40vw;}
.page-top .main > section.sec-archive > figure	{right: auto; left: 0;}

section.heading:before{background-position: center center; background-size: cover;}
.sec-news.heading .body, .sec-gallery.heading .body, .sec-outline.heading .body {padding: 20px 0;}

.item-pickup{padding: 5px; background-color: #150201;}
.item-cd	{position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; background-color: #fcca0f; text-align: center; z-index: 150;}
.item-cd .field	{display: inline-block; width: 300px;  margin: 0 auto; vertical-align: middle;}
.item-information .row-lg .col:first-child	{border-bottom: 2px solid #150201;}
.item-information .row-lg .col:first-child strong	{display: block; width: 100px; margin: 0 auto;  padding: 5px 0; color: #fcca0f; background-color: #150201; border-top-right-radius: 5px; border-top-left-radius: 5px; font-size: 1.2rem; text-align: center; line-height: 1.0;}
.item-information .row-lg .col:last-child ul li	{font-size: 1.4rem;}
.item-embed { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.item-embed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; vertical-align: top;}
.item-banner.movie img{display: none;}
.group-banner, .item-banner{padding: 10px 20px;}
.group-banner .container > .item-banner:not(:first-child){margin-top: 10px;}
.page-news .ui-news .item-banner	{padding: 0 20px}

.ui-tab	{margin-bottom: 5px; padding-top: 5px;}
.page-news .ui-tab	{padding-right: 20px; padding-left: 20px;}
.page-news .ui-tab	{padding-right: 20px; padding-left: 20px;}
.page-gallery .ui-tab	{padding-right: 5px; padding-left: 5px;}
.page-ticket .ui-tab ul	{ flex-wrap: wrap;}
.page-ticket .ui-tab ul li	{ width: 50%;}
.page-ticket .ui-tab ul li:not(:nth-of-type(-n+2))	{ margin-top: 5px;}
.ui-tab ul	{ width: calc(100% + 5px); transform: translate(-5px);}
.ui-tab ul li a, .ui-tab li > span	{ height: 40px; line-height: 40px; font-size: 3vw;}
/*.page-news .ui-tab ul	{ flex-wrap: wrap;}*/
.page-news .ui-tab ul li	{ width: 100%;}
/*.page-news .ui-tab ul li:nth-of-type(n+4)	{ margin-top: 5px;}*/
.page-ticket .ui-tab li a	{ position: relative; padding-right: 30px;}
.page-ticket .ui-tab li a:before	{ display: block; content: "\f107"; position: absolute; top: calc(50% - 10px); right: 10px; width: 20px; height: 20px; color: #150201; background-color: #fcca0f; font-family: fontAwesome; line-height: 20px; border-radius: 10px;}
.page-ticket .ui-tab li a:active:before	{ color: #fcca0f; background-color: #150201; transition: all 0.25s;}
.page-ticket .special h1	{padding: 1.0em;}
.page-ticket .special h1 span	{font-size: 3.5vw;}
.page-ticket .js-scrollable > p	{width: 750px; white-space: nowrap;}

.page-top .sec-ticket table.fixed, .page-ticket .price table.fixed, .page-ticket .move table.fixed	{ table-layout: auto;}

/*.ui-news ol.list li	{margin-bottom: 20px;}
.ui-news ol.list li:first-child	{padding: 0 20px}
.ui-news ul.list li a	{text-decoration: none;}
.ui-news ol.list li:nth-of-type(2) a, .ui-news ol.list li:nth-of-type(3) a	{padding: 20px 20px 0; border-top: 1px solid rgba(0,0,0,0.5);}
.ui-news ol.list li:nth-of-type(2) .field, .ui-news ol.list li:nth-of-type(3) .field	{display: table; width: 100%;}
.ui-news ol.list li:nth-of-type(2) .field div, .ui-news ol.list li:nth-of-type(3) .field div	{display: table-cell; vertical-align: top;}
.ui-news ol.list li:nth-of-type(2) .field div.photo, .ui-news ol.list li:nth-of-type(3) .field div.photo	{width: 160px;}
.ui-news ol.list li:nth-of-type(2) .field div.photo img, .ui-news ol.list li:nth-of-type(3) .field div.photo img	{width: 150px;}
.ui-news ol.list li:nth-of-type(2) .field div p, .ui-news ol.list li:nth-of-type(3) .field div p	{margin-top: 0; font-size: 1.4rem;}
.ui-news ul.list li p	{padding-left: 0}*/
.ui-news ul.tile li	{margin: 0 20px; font-size: 3.5vw;}
.ui-news ul.tile li:not(:first-child)	{margin-top: 20px;}

.ui-gallery ul	{margin-right: 5px;}
.ui-gallery ul li	{width: 50%; margin-bottom: 10px; font-size: 1.2rem}
.page-athletes .ui-gallery ul li	{width: 100%;}
.ui-gallery ul li > a	{display: block; margin-left: 5px;}
.ui-gallery ul li .field	{padding-bottom: 1.0em;}
.ui-gallery ul li b	{margin: 5px 1.0em 0;}

	.unit-2-sm, .unit-3-sm, .unit-4-sm, .unit-5-sm	{margin: 0; font-size: 0;}
.unit-2-sm > .col, .unit-3-sm > .col, .unit-4-sm > .col, .unit-5-sm > .col	{display: inline-block; margin-left: 1.886%; font-size: 1.6rem}
.unit-2-sm > .col:not(:nth-of-type(-n+2)), .unit-3-sm > .col:not(:nth-of-type(-n+3)), .unit-4-sm > .col:not(:nth-of-type(-n+4)), .unit-5-sm > .col:not(:nth-of-type(-n+5))	{margin-top:  1.886%;}
.unit-2-sm.cover	{margin: 0;}
.unit-2-sm > .col	{width: 49.056%; margin: 0 0 0 1.886%}
.unit-2-sm > .col:nth-of-type(n+3)	{margin-top: 1.886%}
.unit-2-sm.narrow > .col	{width: 48.584%; margin: 0 0 2.830% 2.830%}
.unit-2-sm > .col:nth-of-type(2n+1)	{margin-left: 0;}

.unit-3-sm > .col	{width: 32.075%;}
.unit-3-sm > .col:nth-of-type(3n+1) 	{margin-left: 0;}

.unit-4-sm > .col	{width: 23.584%;}
.unit-4-sm > .col:nth-of-type(4n+1)	{margin-left: 0;}

.unit-5-sm > .col	{width: 18.490%;}
.unit-5-sm > .col:nth-of-type(5n+1)	{margin-left: 0;}

.unit-6-sm > .col	{width: 15.094%;}
.unit-6-sm > .col:nth-of-type(6n+1)	{margin-left: 0;}

.unit-2-sm.reset-b .col, .unit-3-sm.reset-b .col, .unit-4-sm.reset-b .col, .unit-5-sm.reset-b .col, .unit-6-sm.reset-b .col	{margin-bottom: 0;}

.unit-2 .col, .unit-3 .col, .unit-4 .col, .unit-5 .col, .unit-6 .col	{font-size: 3.5vw;}
.unit-2-lg > .col:not(:first-child), .unit-3-lg > .col:not(:first-child), .unit-4-lg > .col:not(:first-child), .unit-5-lg > .col:not(:first-child), .unit-6-lg > .col:not(:first-child)	{margin-top: 1.886%; font-size: 3.5vw;}
.unit-2-lg .col:last-child, .unit-3-lg .col:last-child, .unit-4-lg .col:last-child, .unit-5-lg .col:last-child, .unit-6-lg .col:last-child	{margin-bottom: 0;}
.unit-2-lg.reset-t-sm .col, .unit-3-lg.reset-t-sm .col, .unit-4-lg.reset-t-sm .col, .unit-5-lg.reset-t-sm .col, .unit-6-lg.reset-t-sm .col	{margin-top: 0;}
.unit-2-lg.reset-b-sm .col, .unit-3-lg.reset-b-sm .col, .unit-4-lg.reset-b-sm .col, .unit-5-lg.reset-b-sm .col, .unit-6-lg.reset-b-sm .col	{margin-bottom: 0;}

.list-movie .unit-2-lg .col	{margin-top: 1.886%;}
.list-movie .unit-2-lg .col:first-child	{margin-top: 0;}
.list-movie .unit-2-lg > .col p	{margin: 10px 20px 0; padding: 0; font-weight: bold;}
.list-movie .unit-2-lg > .col b	{line-height: 2.0;}

.outline	{padding-bottom: 20px; background-color: #ffffff;}
.page-news .header-article, .page-gallery .header-article	{padding-top: 20px;}
.header-article h1{font-size: 4.0vw;}
.header-article span{font-size: 3.0vw;}
.body-article	{padding: 0 20px; font-size: 3.75vw;}
.scroll-table { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom:20px;}
.scroll-table th, .scroll-table td { white-space:nowrap;}
.scroll-table:before { content: "※右にスクロールできます。"; font-size:1.2rem;}
.scroll-table::-webkit-scrollbar { height: 5px;}
.scroll-table::-webkit-scrollbar-track { border-radius: 5px; background: #eee;}
.scroll-table::-webkit-scrollbar-thumb { border-radius: 5px; background: #666;} 
.js-scrollable table {position: relative; white-space: nowrap;}

.page-top .main > section, .page-top .main section.sec-access, .page-top .main section.sec-outline	{margin: 1.0em 1.0em 0;}
.page-top section.sec-ticket .field, .page-top section.sec-outline .field	{background-color: #150201;}
.page-top section.sec-access .field	{background-color: #fcca0f;}
.page-top section h1.ttl-header	{display: flex; align-items: flex-end; justify-content: center; width: calc(100% + 7.1vw); margin: 0; transform: translate(-3.55vw , -3.55vw)}
.page-top section.sec-about h1.ttl-header	{ height: 60vw;background: transparent url("../jpg/bg-about-sm.jpg") no-repeat center top; background-size: cover;}
.page-top section.sec-news h1.ttl-header	{ height: 60vw;background: transparent url("../jpg/bg-news-sm.jpg") no-repeat center top; background-size: cover;}
.page-top section.sec-ticket h1.ttl-header	{ height: 60vw;background: transparent url("../jpg/bg-ticket-sm.jpg") no-repeat center top; background-size: cover;}
.page-top section.sec-archive h1.ttl-header	{background: transparent url("../bg-archive-sm.html") no-repeat center top; background-size: cover;}
body:not(.page-top) section h1.ttl-header	{font-size: 3.5vw;}
.page-top section h1.ttl-header em	{width: 60vw; height: 15vw; margin: 0 auto; background-color: #fcca0f; font-size: 10.0vw; line-height: 1.0;}
.page-top section.sec-ticket h1.ttl-header em, .page-top section.sec-archive h1.ttl-header em	{color: #150201; background-color: #ffffff;}
.page-top section.sec-about h1.ttl-header em, .page-top section.sec-access h1.ttl-header em, .page-top section.sec-outline h1.ttl-header em	{color: #fcca0f; background-color: #150201;}
body:not(.page-top) section h1.ttl-header em	{font-size: 10.0vw;}

.page-top .sec-news .item-button {margin-top: 20px;}
.page-top .ui-news ol.list.list + .row-lg > .col:last-child, .col-2.row-lg > .col:last-child	{margin-top: 40px; padding: 0 20px}
.col-2.row-lg > .col:last-child	{padding-bottom: 20px}

/*.page-top .sec-gallery:before {width: 100%; height: 90PX;}
.page-top .sec-outline .container	{margin: 0 20px;}*/
.page-top .sec-outline .container table	{width: 100%;  margin-bottom: 20px;}
.sec-outline .container table, .sec-outline .container table tbody, .sec-outline .container table tr	{display: block; width: 100%;}
.sec-outline table th, .sec-outline table td	{display: block; padding: 10px; width: 100%; font-size: 3.5vw; box-sizing: border-box;}
.sec-outline table th	{color: #ffffff; background-color: #150201; white-space: nowrap}
.sec-outline table td	{background-color: rgba(255,255,255,0.5);}
.page-top .sec-outline .container table th	{color: #ffffff; background-color: #333333;}
.page-top .sec-outline .container table td	{color: #333333; background-color: rgba(255,255,255,0.905);}
.sec-outline + .box-4x img	{width: 60%;}

.sec-sponsor	{margin-top: 1.0em;}
.sec-sponsor dl.reset	{padding-bottom: 20px !important;}
.page-sponsor .sec-sponsor dl.reset	{padding-top: 20px;}
.sec-sponsor dl dt	{margin-top: 20px}
.sec-sponsor dl dt:first-child	{margin-top: 0}
.sec-sponsor dl dd ul	{font-size: 0; text-align: center;}
.sec-sponsor dl dd ul li	{display: inline-block; width: 60%; font-size: 1.6rem;}
.sec-sponsor dl dd:last-child ul li	{ width: 47%; margin: 2% 0 0 0;}
.sec-sponsor dl dd:last-child ul li:nth-child(even)	{ margin-left: 2%;}

.page-top .sec-news section	{padding-bottom: 50px;}
.page-top .sec-news section h1 + .item-button-more	{position: absolute; bottom: 0; right: 0; width: 100%; text-align: center;}
.page-top .sec-access .text{margin-top: 20px; font-size: 3.5vw;}
.page-top section.sec-about.unit .container h1.ttl-header	{margin-bottom: 0; padding-bottom: 0;}
.page-top section.sec-about.unit .container h1:after	{display: block; content: ""; width: 100%; height: 200px; margin-top: 20px; background: transparent url("../jpg/bg-about.jpg") no-repeat center center; background-size: cover;}
.page-top section.sec-about.unit .container .body	{padding: 20px;  background-color: #fcca0f;}
.page-top .sec-archive ul	{display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin-right: 1.0em;}
.page-top .sec-archive ul li	{width: calc(25% - 10px); margin: 10px 0 0 10px; font-size: 1.6rem;}
.page-top .sec-archive ul li:nth-of-type(-n+4)	{margin-top: 0;}
.page-top .sec-archive ul li:nth-of-type(4n + 1)	{margin-left: 0;}
.page-top .sec-archive ul li a	{padding: 20px 0; line-height: 1.4; font-size: 2.0rem; font-weight: bold;/* transform: skewX(-25deg)*/}
.page-top .sec-archive ul li a:hover	{color: #fcca0f; background-color: rgba(0,0,0,0.75);}
.page-top .sec-archive ul li a em	{display: block; font-family: 'Jersey 15', sans-serif; font-weight: 400; font-size: 4.0vw; line-height: 1.0;/* transform: skewX(25deg)*/}
.page-top .sec-archive .item-button a{padding-right: 0; padding-left: 0;}
/*.page-top .sec-sns	{padding-bottom: 15vh; background-size: 150%;}*/
.page-top .sec-sns .row-lg .col	{margin: 0 20px 40px}
.page-top .sec-sns .row-lg .col:last-child	{margin-bottom: 0;}
.page-top .sec-sns .row-lg .col iframe {	width: calc(100vw - 20px) !important;	}
.page-top .main section.sec-access .field:after	{top: -20px; left: -20px; width: 81px; height: 70px; background-size: 81px;}
.page-top .main section.sec-outline .field:after	{bottom: 0; right: 0; width: 48px; height: 62px; background-size: 48px;}
.page-top .main section.sec-archive .field:after	{top: 0; left: 20px; width: 26px; height: 70px; background-size: 26px;}

/*.ui-news .row-lg > .col:last-child	{padding-right: 20px; padding-left: 20px;}*/
.page-archive .sec-archive .list-archive li .row-lg	{padding: 20px;}
.page-archive .sec-archive .archive-link ul	{font-size: 0;}
.page-archive .sec-archive .archive-link ul li	{display: inline-block; width: 47%; margin: 2% 0 0 2%; font-size: 1.6rem;}
.page-archive .sec-archive .archive-link ul li:nth-of-type(1), .page-archive .sec-archive .archive-link ul li:nth-of-type(2)	{margin-top: 0;}
.page-archive .sec-archive .archive-link ul li a	{display: block; padding: 10px; color: #150201; background-color: #fcca0f; border-radius: 5px; text-align: center; text-decoration: none;}
.page-archive .sec-archive .archive-link ul li a:hover	{color: #fcca0f; background-color: #150201;}
.page-archive .movie-tab ul{ margin-right: 20px; margin-left: 20px;}
.page-archive .movie-tab ul li{ font-size: 1.4rem;}
.page-ticket .ttl-ticket	{font-size: 6.0vw;}
.page-ticket .category .focus strong	{font-size: 4.0vw;}
.page-ticket .field .text-center.fs-20	{text-align: left;}
.page-ticket table th, .page-ticket table td	{font-size: 3vw;}
.page-ticket table thead th	{border-left: 2px solid #ffffff;}
.page-ticket table tbody th	{border-top: 2px solid #ffffff;}
.page-ticket table tbody td, .page-ticket .price table tbody th	{border-top: 2px solid #ffffff; border-left: 2px solid #ffffff;}
.page-ticket .price table tbody th em	{font-size: 1.0em;}
.page-ticket .price table thead th	{padding-right: 20px; padding-left: 20px;}
.page-ticket .item-button.pia{padding-top: 20px;}
.page-ticket .recommend table th{position: sticky; left: 0;}
.sec-ticket .buy-ticket{text-align: center;}
.sec-ticket .buy-ticket strong{font-size: 5.0vw;}
.page-top .sec-ticket .buy-ticket strong{background-color: #222222;}
.sec-ticket .heading > strong	{font-size: 5.0vw; line-height: 1.4;}
.sec-ticket .buy-ticket ul > li > span	{display: block; background-color: #ffffff; text-align: center;}
.sec-ticket .buy-ticket ul > li > * p	{padding-bottom: 1.0em;}
.page-ticket .release-date thead tr th{padding: 10px 20px;}
.page-ticket .release-date tr > * > strong span, .page-ticket .move table tbody tr th, .page-ticket .move table thead tr th, .page-ticket .move table thead tr th em{font-size: 3.0vw;}
.page-archive .sec-movie .ui-tab	{ margin-bottom: 5px;}
.page-archive .sec-movie .ui-tab ul li.active span	{ color: #333333; background-color: #fcca0f; border-color: transparent; }
.page-timetable table th, .page-timetable table td{padding: 10px;  font-size: 4vw;}
.page-timetable table	{position: relative; white-space: nowrap; border-top: none;}
.page-timetable table tbody th:first-child, .page-timetable table tbody td:first-child	{position: sticky; left: 0; width: 40px !important; }
.banner-sns a{position: relative; padding: 10px; /*padding-top: 70px; */font-size: 4vw; text-align: left;}
.banner-sns a:before{display: inline-block; position: absolute; top: 50%; left: 10px; margin-top: -20px; text-align: center; vertical-align: 0;}
.banner-sns b{display: block; padding-left: 50px;}
/*.banner-sns a:after{display: inline-block; position: absolute; top: 20px; right: 50%; margin-right: -50px; text-align: center; vertical-align: 0;}*/


.only-lg	{display: none !important;}

/* NEWS用 */
.movieArea{position: relative;width: 100%;padding-top: 56.25%;}
.movieArea iframe{position: absolute;top: 0;right: 0;width: 100%!important;height: 100%!important}
.body-article table{border:none;border-spacing:0;padding:0;width:100%;margin:0 0 20px;border-top:#bdbdbd 1px solid}
.body-article table td,.body-article table th{padding:15px 5px;border-bottom:#bdbdbd 1px solid}
caption{text-align:left;font-size:15px;font-weight:700;border-bottom:#bdbdbd 1px solid}
caption.notecap{caption-side:bottom;font-size:1.2rem;font-weight:400;border-bottom:none;text-align:right;padding-top:5px;color:#8e8e8e}
caption.notecap.topright{caption-side:top;padding-top:0;padding-bottom:5px}
.body-article table td img,.body-article table th img{vertical-align:middle}
.body-article table thead th{background-color:#a1a1a1;color:#FFF;text-align:left;line-height:1.4}
.body-article table thead td{background-color:#d4d4d4;text-align:left;font-weight:400}
.body-article table.tateLine thead th,.body-article table.tateLine thead td{text-align:center}
.body-article table tfoot tr:first-child td,.body-article table tfoot tr:first-child th{border-top:3px solid #bdbdbd}
.body-article table tbody th,.body-article table tfoot th{background-color:#ECECEC;text-align:left}
.body-article table.tateLine{border-right:#bdbdbd 1px solid}
.body-article table.tateLine td,.body-article table.tateLine th{border-left:#bdbdbd 1px solid;vertical-align:middle}
.body-article table.narrow th,.body-article table.narrow td{padding:5px 2px}
.body-article table.textC th,.body-article table.textC td,.body-article table[class] th.textC,.body-article table[class] td.textC{text-align:center}
.body-article table.textL th,.body-article table.textL td,.body-article table[class] th.textL,.body-article table[class] td.textL{text-align:left}
.body-article table.textR th,.body-article table.textR td,.body-article table[class] th.textR,.body-article table[class] td.textR{text-align:right}
.body-article table.vertiT th,.body-article table.vertiT td,.body-article table[class] th.vertiT,.body-article table[class] td.vertiT{vertical-align:top}
.body-article table.vertiM th,.body-article table.vertiM td,.body-article table[class] th.vertiM,.body-article table[class] td.vertiM{vertical-align:middle}
.textnowrap{white-space:nowrap}
.body-article table.samewidthCell{table-layout:fixed}
.body-article .tableWrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}
.body-article .tableWrap th,.body-article .tableWrap td{white-space:nowrap}
.body-article .tableWrap:before{content:"※右にスクロールできます。";font-size:1.2rem}
.body-article .tableWrap::-webkit-scrollbar{height:5px}
.body-article .tableWrap::-webkit-scrollbar-track{border-radius:5px;background:#eee}
.body-article .tableWrap::-webkit-scrollbar-thumb{border-radius:5px;background:#666}
}
.btnArea,.innerLink,p.btnArea,p.innerLink{text-align:center;padding:0 0 15px; list-style-type: none;}
.mainArea .btnArea + .btnArea{margin-top:-15px}
.btnArea li{margin-bottom:15px;text-align:center}
a.btn1,a.btn3,a.btn_news{display:block;text-align:center;color:#150201;background-color:#fcca0f;line-height:1.4;padding:.7em .2em;text-decoration:none;width:86%;box-sizing:border-box;margin:0 auto;border-bottom:3px solid #9b0006}
a.btn_news{font-size:14px}
a.btn1:hover,a.btn_news:hover{opacity:.7;filter:alpha(opacity=70)}
a.btn2{display:inline-block;text-align:center;color:#150201;border:2px solid #150201;line-height:1.4;padding:.7em .2em;text-decoration:none;width:86%;box-sizing:border-box;margin:0 auto}
a.btn2:hover{background-color:#cccccc}
p a.btn1,p a.btn2,p a.btn3{margin-bottom:15px}
.page-news.sub-detail .col-2.row-lg > .col .body-article h3{ margin-bottom: 15px; padding-bottom: 5px; border-bottom: 3px solid #fcca0f;  color: #4e4c4b;/* color: #fcca0f;*/}

.page-news.sub-detail .clm > li, .clm > div {margin-bottom: 15px;}


/* min-width: 835px */
@media (min-width: 835px) {
.scroll-point	{display: block; margin-top:-162px;  padding-top: 162px; outline: none;}
.toggle-nav-button	{display: none;}
.container	{width: 1060px; margin-right: auto; margin-left: auto; box-sizing: border-box;}
.row-lg	{display: table}
.row-lg > .col	{display: table-cell}
.row-lg > .col.thum	{position: relative; width: 1%; white-space: nowrap}
.row-lg > .col.thum-l-250	{width: 250px;}
.row-lg > .col.thum-l-250 > img, .row-lg > .col.thum-l-250 > a img, .row-lg > .col.thum-l-250 > div	{width: 230px; margin-right: 20px;}
.row-lg > .col.thum-l-300	{width: 300px;}
.row-lg > .col.thum-l-300 > img, .row-lg > .col.thum-l-300 > a img, .row-lg > .col.thum-l-300 > div	{width: 280px; margin-right: 20px;}
.row-lg > .col.thum-l-400	{width: 400px;}
.row-lg > .col.thum-l-400 > img, .row-lg > .col.thum-l-400 > a img, .row-lg > .col.thum-l-400 > div	{width: 380px; margin-right: 20px;}
.row-lg > .col.thum-r-250	{width: 250px;}
.row-lg > .col.thum-r-250 > img, .row-lg > .col.thum-r-250 > a img, .row-lg > .col.thum-r-250 > div	{width: 230px; margin-left: 20px;}
.row-lg > .col.thum-r-300	{width: 300px;}
.row-lg > .col.thum-r-300 > img, .row-lg > .col.thum-r-300 > a img, .row-lg > .col.thum-r-300 > div	{width: 280px; margin-left: 20px;}
.row-lg > .col.thum-r-400	{width: 400px;}
.row-lg > .col.thum-r-400 > img, .row-lg > .col.thum-r-400 > a img, .row-lg > .col.thum-r-400 > div	{width: 380px; margin-left: 20px;}
.row-lg > .col.item-mobz .field	{width: 520px; margin-left: 20px}
.row-lg > .col.item-mobz .field .item-swiper	{padding-left: 20px;}
.row-lg > .col.item-goods > .field 	{width: 340px;}
.row-lg > .col.item-player > .field	{width: 340px; padding-left: 20px;}
.row-lg > .col.item-schedule > .field 	{width: 340px; margin-left: 20px;}
.text-left-lg, table th.text-left-lg, table td.text-left-lg	{text-align: left;}
.text-center-lg, table th.text-center-lg, table td.text-center-lg	{text-align: center;}
.text-right-lg, table th.text-right-lg, table td.text-right-lg	{text-align: right;}
.flt-r-lg	{float: right; margin-left: 20px;}
.flt-l-lg	{float: left; margin-right: 20px;}
.ttl-bold:before {position: absolute; bottom: 0; right: 0; content: "";width: 0; height: 0; border-style: solid; border-width: 0 0 530px 530px; border-color: transparent transparent rgba(255,255,255,0.25) transparent; z-index: 0;} 


.swiper-container { overflow: visible;}

.content{padding-top: 162px;}
header	{position: fixed; top: 0; width: 100%; height: 60px; z-index: 2;}
header .container	{position: relative; padding-top: 17px;}
header button	{display: none;}
header h1	{width: 568px; height: 26px;}
header h1 a	{background-size: contain;}
header > .container	{position: relative;}
header .item-ticket	{ position: absolute; top: 10px; right: 220px;}
header .item-ticket a	{ height: 40px; line-height: 33px; padding: 0 1.0em;}
header .item-ticket a:after	{ content: "\f138"; margin-left: 0.5em; font-family: "Font Awesome 6 Free"; font-weight: 900; }

nav	{position: fixed; top: 60px; width: 100%; padding-top: 6px; background-color: #fbca01; border-top: 1px solid #150201; border-bottom: 1px solid #150201; z-index: 2;}
nav button	{display: none;}
nav ul	{font-size: 0px; background-color: #fbca01;}
nav > .container	{height: 94px;}
nav ul.gnav > li a, nav ul.gnav > li b	{position: relative; height: 49px;}
nav ul.gnav > li	{display: inline-block; position: relative; width: 176px; height: 44px; margin: 0 0 0 1px; font-size: 1.6rem; vertical-align: top;}
nav ul.gnav > li:nth-of-type(-n+6)	{margin-bottom: 1px;}
nav ul.gnav > li:nth-of-type(6n+1)	{width: 173px;}
nav ul.gnav > li a span	{display: inline-block; width: 36px; height: 18px; line-height: 18px; margin-left: 5px; color: #ffffff; background-color: #ee0000; font-family: 'Jersey 15', sans-serif; font-weight: 400; text-align: center;}
nav ul.gnav > li > b:after	{display: block; content: "\f078"; position: absolute; top: 0; right: 5px; font-family: fontAwesome; font-size: 1.0rem;}
nav ul.gnav > li b + ul li a	{color: #ffffff !important; background-color: #333333; border-top: 1px solid #150201; font-size: 1.6rem; z-index: 11;}
nav ul.gnav > li a, nav ul.gnav > li span, nav ul.gnav > li b	{display: block; position: relative; height: 44px; line-height: 47px; text-align: center; overflow: hidden;}
nav ul.gnav > li b:hover + ul, nav ul.gnav > li b + ul:hover	{display: block; position: absolute; left: 0; top: 38px; width: 100%; z-index: 10;}
nav ul.gnav > li a em	{display: block; width: 100%; height: 100%; transition: all 0.25s;}
nav ul.gnav > li span em	{display: none;}
nav ul.gnav > li a:hover em	{position: absolute; top: 0;right: 0; bottom: 0; left: 0; background-color: #333333;}
nav ul.gnav > li a:hover	{background-color: #333333; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
nav ul.gnav > li b + ul li a:hover	{background-color: #666666; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
nav .link-sns	{position: fixed; top: 10px; left: 0; width: 100%; height: 0; z-index: 11;}
nav .link-sns .container	{display: flex; align-items: center;justify-content: flex-end; height: 0; margin-top: 20px;}

.item-fixed-bottom + footer	{padding-bottom: calc(10.0em + 20px) !important;}
footer .container .jaaf	{width: 90px}
footer p	{font-size: 1.2rem;}

.header-article	{padding: 20px 20px 40px;}
.page-gallery.sub-detail .header-article	{padding: 0 0 20px;}
.header-article h1	{margin-bottom: 10px; font-size:3.0rem;}
.sns-article ul	{text-align: right}
	
.group-banner > .container{display: flex; justify-content: space-between;}
.item-cd	{position: absolute; top: 10px; left: 388px;}
.item-information .row-lg .col:first-child	{position: relative; width: 157px; vertical-align: middle;}
.item-information .row-lg .col:first-child strong	{display: flex; align-items: center; justify-content: center; position: absolute; top: 10px; right: 0; bottom: 0; left: 0; color: #fcca0f; background-color: #150201; border-radius: 10px 10px 0 0; font-size: 2.0rem; text-align: center; z-index: 10;}
.item-information .row-lg .col:nth-of-type(3)	{width: 1%; white-space: nowrap;}
.page-top .movie-area { padding: 40px 0; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 50%, rgba(0,0,0,1) 100%); border-top: 1px solid #150201;}
.item-embed { text-align: center;}
.item-embed iframe { margin: 0 auto; vertical-align: top;}
.page-ticket .item-fixed-bottom ul	{width: 600px;}
.page-ticket .item-fixed-bottom ul > li img	{width: 300px;}
.item-banner.movie{position: relative;}
.item-banner.movie img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.35;}
.scroll-hint-icon-wrap{display: none;}
.move .scroll-hint-icon-wrap{display: block;}
.ui-tab ul	{ margin: 0 auto; transform: translate(-5px);}
.ui-tab ul li a, .ui-tab li > span	{ height: 60px; line-height: 60px; color: #ffffff; background-color: #150201; font-size: 1.6rem;}
.page-news .ui-tab ul	{ width: 805px;}
.page-gallery .ui-tab ul	{ width: 605px;}
.page-ticket .ui-tab ul	{ width: 1065px; margin-top: 20px;}
.page-gallery .ui-tab	{ margin: 0 5px 10px 0}
.ui-tab ul li.active a, .ui-tab ul li a:hover	{ color: #333333; background-color: #fcca0f;}
.page-ticket .ui-tab li > *	{ line-height: 40px;}
.page-ticket .ui-tab li a:before	{ display: block; content: "\f107"; position: absolute; bottom: 0; right: 0; width: 100%; height: 20px; color: #150201; background-color: #fcca0f; font-family: fontAwesome; line-height: 20px;}
.page-ticket .ui-tab li a:hover:before	{ color: #fcca0f; background-color: #150201; transition: all 0.25s;}

.sec-news .item-button, .sec-gallery .item-button {margin-top: 60px;}
.ui-news ul.tile	{font-size: 0;}
.ui-news ul.tile li	{display: inline-block; width: 32.075%; font-size: 1.6rem; vertical-align: top;}
.ui-news ul.tile li:not(:nth-of-type(3n+1))	{margin-left: 1.886%;}
.ui-news ul.tile li:not(:nth-of-type(-n+3))	{margin-top: 1.886%;}

.page-news.sub-detail .col-2.row-lg > .col:first-child	{width: 720px;}
.page-news.sub-detail .col-2.row-lg > .col:first-child	{padding-right: 40px; box-sizing: border-box;}
.page-news.sub-detail .col-2.row-lg > .col:last-child	{padding-bottom: 20px;}
/*.ui-news .row-lg > .col:last-child, .col-2.row-lg > .col:last-child	{padding-left: 20px}*/

.page-news.sub-detail .col-2.row-lg > .col .body-article h3{margin-bottom: 15px; border-bottom: 3px solid #fcca0f; padding:0 0 5px 5px; color: #4e4c4b;/* color: #fcca0f;*/
}
.page-news.sub-detail .clm > li, .clm > div {
display: inline-block; margin-left: 30px; margin-bottom: 30px; vertical-align: top; letter-spacing: normal; word-spacing: normal; box-sizing: border-box;}
.page-news.sub-detail .clm.col2 > div:nth-child(2n+1) {
    margin-left: 0;
}
.page-news.sub-detail .body-article .clm.col2 > div {
    width: 335px;
}
.page-news.sub-detail .body-article .clm {
width: 100%; display: inline-block; letter-spacing: -0.4em; word-spacing: -1em; font-size: 0;}



.ui-gallery ul	{margin-right: 5px;}
.ui-gallery ul li	{width: 23.584%; margin: 0 0 1.886% 1.886%; font-size: 1.4rem;}
.page-athletes .ui-gallery ul li	{width: 32.075%; margin: 0 0 1.886% 1.886%; font-size: 1.4rem;}
.ui-gallery ul li:nth-of-type(4n+1)	{margin-left: 0;}
.page-athletes .ui-gallery ul li:nth-of-type(4n+1)	{margin-left: 1.886%;}
.page-athletes .ui-gallery ul li:nth-of-type(3n+1)	{margin-left: 0;}
.ui-gallery ul li b	{margin: 5px 1.0em 0; padding-bottom: 1.0em;}

.unit-2-lg, .unit-3-lg, .unit-4-lg, .unit-5-lg	{margin: 0; font-size: 0;}
.unit-2-lg > .col, .unit-3-lg > .col, .unit-4-lg > .col, .unit-5-lg > .col	{display: inline-block; margin-left: 1.886%; font-size: 1.6rem}
.unit-2-lg > .col:not(:nth-of-type(-n+2)), .unit-3-lg > .col:not(:nth-of-type(-n+3)), .unit-4-lg > .col:not(:nth-of-type(-n+4)), .unit-5-lg > .col:not(:nth-of-type(-n+5))	{margin-top:  1.886%;}
.unit-2-lg.cover	{margin: 0;}
.unit-2-lg > .col	{width: 49.056%; margin: 0 0 0 1.886%}
.unit-2-lg > .col:nth-of-type(n+3)	{margin-top: 1.886%}
.unit-2-lg.narrow > .col	{width: 48.584%; margin: 0 0 2.830% 2.830%}
.list-movie .unit-2-lg > .col	{margin: 3.773% 0 0 1.886%}
.sub-100m .list-movie .unit-2-lg li.col:nth-of-type(1), .sub-100m .list-movie .unit-2-lg li.col:nth-of-type(2)	{margin-top: 0;}
.list-movie .unit-2-lg > .col p	{margin: 5px 0 0; padding: 0;}
.list-movie .unit-2-lg > .col p b	{font-size: 2.0rem;}
.unit-2-lg > .col:nth-of-type(2n+1)	{margin-left: 0;}

.unit-3-lg > .col	{width: 32.075%;}
.unit-3-lg > .col:nth-of-type(3n+1) 	{margin-left: 0;}

.unit-4-lg > .col	{width: 23.584%;}
.unit-4-lg > .col:nth-of-type(4n+1)	{margin-left: 0;}

.unit-5-lg > .col	{width: 18.490%;}
.unit-5-lg > .col:nth-of-type(5n+1)	{margin-left: 0;}

.unit-6-lg > .col	{width: 15.094%;}
.unit-6-lg > .col:nth-of-type(6n+1)	{margin-left: 0;}

.unit-2-lg.reset-b .col, .unit-3-lg.reset-b .col, .unit-4-lg.reset-b .col, .unit-5-lg.reset-b .col, .unit-6-lg.reset-b .col	{margin-bottom: 0;}
.unit-2-lg.text-center, .unit-3-lg.text-center, .unit-4-lg.text-center, .unit-5-lg.text-center, .unit-6-lg.text-center	{text-align: center; font-size: 0px;}
.unit-2-lg.text-center .col, .unit-3-lg.text-center .col, .unit-4-lg.text-center .col, .unit-5-lg.text-center .col, .unit-6-lg.text-center .col	{display: inline-block; float: none; font-size: 1.6rem;}


.outline	{position: relative; padding: 20px; background: transparent url("../bg-article.html") repeat-y center top; z-index: 100;}
.page-top .content	{min-width: 1060px;}
.page-top section.sec-about h1.ttl-header em, .page-top section.sec-archive h1.ttl-header em	{color: #fbca01;}
.page-top .item-pickup { padding: 20px 0 0; background-color: #150201; overflow: hidden; z-index: 0;}
.page-top .item-mv img { display: block; position: relative; opacity: 0.5; filter: alpha(opacity=50);}
.page-top .item-swiper { max-width: 100%; margin: 0 auto;}
.page-top .swiper-slide { width: 340px !important; margin: 0 0 0 20px;}
.page-top .item-mv div.swiper-slide.swiper-slide-active img { opacity: 1; filter: alpha(opacity=100);}
.page-top .item-mv .swiper-slide {opacity: 1; transition: .7s; overflow: hidden;}
.page-top .item-mv .swiper-slide:not(.swiper-slide-active) {transform: scale(0.75); opacity: 0.5;}
.swiper-button-prev, .swiper-button-next {width: 40px; height: 40px; margin-top: -20px; color: #333333; background: none !important; background-color: rgba(255, 255, 255, 0.75) !important; border-radius: 30px; overflow: hidden;
}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 30px;
    left: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 30px;
    right: auto;
}



.page-top .sec-news section h1 + .item-button-more	{position: absolute; top: 0.5em; right: 0;}
.page-top section.unit	{position: relative; padding: 0 !important; background-color: #fbca01;}
.page-top section.unit .container h1	{display: flex; align-items: center; justify-content: center; position: absolute; top: 0;  bottom: 0; width: 50%; height: 100%; margin: 0; padding: 0; color: #fbca01;}
.page-top section.unit .container h1 em	{color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.25);}
.page-top section.sec-about .field	{color: #ffffff; background-color: #150201;}
.page-top section:not(.sec-about) .field	{/*margin: 1.0em; background-color: #ffffff;*/}
.sec-outline table th	{width: 200px; color: #ffffff; background-color: #150201; text-align: center; box-sizing: border-box;}
.sec-outline table	{width: calc(100% + 5px); border-collapse: separate; border-spacing: 5px; transform: translate(-5px)}
.sec-outline table th	{padding: 1.0em;}
.sec-outline table td	{padding: 1.0em; background-color: #eeeeee;}
.sec-outline table tr:first-child th, .sec-outline table tr:first-child td	{border-top: none;}
.page-top .sec-outline table tr, .page-top .sec-outline table th, .page-top .sec-outline table td	{display: block; width: 100%; box-sizing: border-box;}
.page-outline .sec-outline table:after	{display: block; content: ""; width: 100%; height: 20px;}
.page-outline .sec-outline table th	{border-color: #ffffff;}
.page-outline .sec-outline table td	{background-color: #eeeeee; border-color: #ffffff;}
.sec-sponsor dl.reset	{padding-bottom: 20px}
.sec-sponsor dl dt	{margin-top: 20px; border-bottom: 1px solid #c7c7c7;text-align: left;}
.page-top .sec-sponsor dl dt	{text-align: center;}
.sec-sponsor dl dt:first-child	{margin-top: 0}
.sec-sponsor dl dd ul	{font-size: 0;}
.sec-sponsor dl dd ul li	{display: inline-block; width: 18.8674%; margin: 0.9433% 0 0 0.9433%; font-size: 1.6rem;}
.sec-sponsor dl dd:last-child ul li	{width: 14.150%;}
.sec-sponsor dl dd ul li:first-child, .sec-sponsor dl dd:last-child ul li:nth-of-type(5n+1)	{margin-left: 0;}
.page-top section h1.ttl-header em	{font-size: 80px;}
.page-top section.sec-news h1.ttl-header em, .page-top section.sec-access h1.ttl-header em, .page-top section.sec-archive h1.ttl-header em	{right: calc(50% - 315px); left: auto;}
.page-top section.sec-ticket h1.ttl-header em, .page-top section.sec-outline h1.ttl-header em	{left: calc(50% - 315px);}
.page-top .main section .field	{padding: 50px 0;/*padding: 50px;*/}
.page-top .main section .field:before	{display: block; content: ""; position: absolute; top: 6px; bottom: 6px; height:calc(100% - 12px); z-index: 0;}
.page-top .main > section.sec-about .field:before	{right: 6px; width: calc(50% - 56px); background: transparent url("../jpg/bg-about-2.jpg") no-repeat center top; background-size: cover;}
.page-top .main > section.sec-news .field	{min-height: 40vh;}
.page-top .main > section.sec-news .field:before	{left: 6px; width: calc(50% - 56px); background: transparent url("../jpg/bg-news.jpg") no-repeat center top; background-size: cover;}
.page-top .main > section.sec-ticket .field:before	{left: 6px; width: calc(50% - 56px); background: transparent url("../jpg/bg-ticket.jpg") no-repeat center top; background-size: cover;}
.page-top .main section.sec-access .field, .page-top .main section.sec-outline .field	{position: relative; padding: 30px;}

	

	
.page-top section .container	{/*padding-right: 50px;*/}
.page-top .sec-about .container	{padding-right: 530px; padding-left: 4.716%;}
.page-top .sec-news .container, .page-top .sec-access .container	{ padding-right: 4.716%; padding-left: 530px;}
.page-top .sec-ticket .container, .page-top .sec-outline .container	{padding-left: 480px;}
.page-top .sec-news .ui-news ul.list	{min-height: 658px;}
.page-top .sec-archive	{margin-top: 50px; margin-bottom: 50px;}
.page-top .sec-archive ul	{display: flex; /*padding-bottom: 40px;*/ font-size: 0px;}
.page-top .sec-archive ul	{display: flex; flex-wrap: wrap; width: calc(100% + 10px); padding-bottom: 40px; font-size: 0px;}
.page-top .sec-archive ul li	{width: 9.150%; margin-right: 10px; font-size: 1.6rem;}
.page-top .sec-archive ul li a	{height: 97px; line-height: 91px; font-weight: bold;}
.page-top .sec-archive ul li:last-child	{ margin-right: 0;}
/*.page-top .sec-sns	{padding-bottom: 300px;}*/
.page-top .sec-sns .row-lg	{table-layout: fixed}
.page-top .sec-sns .row-lg .col .field	{width: 500px; margin: 0 auto;}
.page-top .sec-access .text .row-lg	{width: 100%;}
.page-top .sec-access .text .row-lg > .col:last-child	{width: 200px; vertical-align: bottom;}
.sec-ticket .ui-news ul.list > li span{width: 8.0em;}
.page-ticket .special h1	{font-size: 1.5em;}
.page-ticket .flex-box	{display: flex;}
.page-ticket .flex-box > *	{width: 100%;;}
.sec-ticket .heading em	{font-size: 2.0rem;}
.page-ticket .sec-ticket .buy-ticket	{display: flex; align-items: center; justify-content: center; width: max-content; margin-right: auto; margin-left: auto;}
.page-ticket .sec-ticket .pia .buy-ticket	{align-items: flex-start}
.page-ticket .flex-box .buy-ticket	{width: auto; padding: 1.0em;}
.page-ticket .sec-ticket .buy-ticket p	{margin-left: 1.0em;}

.page-top .sec-ticket .buy-ticket ul > li > * img	{width: 150px;}
.page-top .sec-ticket .buy-ticket ul > li > * p	{padding-left: 0;}
.sec-ticket .buy-ticket ul > li > *	{display: flex; align-content: stretch; justify-content: center;}
.page-ticket .release-date{table-layout: fixed;}
.page-ticket .move .js-scrollable table {width: max-content;}
.page-ticket table td	{padding-right: 0;}
	
/*.page-ticket .release-date tbody th,.page-ticket .release-date tbody td{position:relative;height:40px;padding:0!important;box-sizing:border-box}
.page-ticket .release-date tbody th{font-size:12px}
.page-ticket .release-date tbody td > *{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;height:100%;color:#fff;box-sizing:border-box;z-index:1}
.page-ticket .release-date tbody td > * :before{display:block;content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:20px 0 20px 10px;border-color:transparent transparent transparent #eee}
.page-ticket .release-date tbody td > * :after{display:block;content:"";position:absolute;top:0;right:-10px;width:0;height:0;border-style:solid;border-width:20px 0 20px 10px;border-color:transparent transparent transparent #007bff}
.page-ticket .release-date tbody td strong{width:calc(200% - 5px);background-color:#41a02e}
.page-ticket .release-date tbody td em{width:calc(100% - 10px);color:#333;background-color:#c8be16}
.page-ticket .release-date tbody td b{width:calc(100% - 10px);background-color:#a02e6c}
.page-ticket .release-date tbody td div{width:calc(400% + 5px);background-color:#2e61a0}
.page-ticket .release-date tbody td strong:after{border-color:transparent transparent transparent #41a02e}
.page-ticket .release-date tbody td em:after{border-color:transparent transparent transparent #c8be16}
.page-ticket .release-date tbody td b:after{border-color:transparent transparent transparent #a02e6c}
.page-ticket .release-date tbody td div:after{border-color:transparent transparent transparent #2e61a0}
.page-ticket .release-date tbody td > * > span{display:block;position:relative;transform:translate(5px);z-index:1}*/

	
.page-archive .sec-archive .archive-link ul	{font-size: 0;}
.page-archive .sec-archive .archive-link ul li	{display: inline-block; width: 125px; margin-right: 5px; font-size: 1.6rem;}
.page-archive .sec-archive .archive-link ul li a	{display: block; padding: 10px; color: #150201; background-color: #fcca0f; border-radius: 5px; text-align: center; text-decoration: none;}
.page-archive .sec-archive .archive-link ul li a:hover	{color: #fcca0f; background-color: #150201;}
.page-archive .sec-movie .ui-tab ul	{width: 100%;}
.page-archive .sec-movie .ui-tab li	{text-align: center;}
.page-archive .sec-movie .ui-tab ul li span	{ display: block; height: 60px; line-height: 60px; color: #333333; background-color: #eeeeee; font-family: 'Jersey 15', sans-serif; font-weight: 400;font-size: 2.4rem; cursor: pointer;}
.page-archive .sec-movie .ui-tab	{ margin: 0 0 10px 0}
.page-archive .sec-movie .ui-tab ul li span	{ margin: 0 5px 0 0;}
.page-archive .sec-movie .ui-tab ul li.active span	{ color: #333333; background-color: #fcca0f; border-color: transparent; }
.page-archive .share-link{ margin: 0 0 30px;}
.page-archive .share-link b{ display: inline-block; font-size: 3.0rem;}
.page-archive .share-link ul{ margin-top: 0;}
.page-archive .share-link ul li a{ border-radius: 5px; font-size: 2.0rem;}
.page-archive .share-link ul li a:hover	{opacity:0.7;filter: alpha(opacity=70);}
.page-timetable .text-center > .row-lg{margin: 20px auto 40px;}
.page-timetable .row-lg > .col.thum-l-400 > img{width: 370px; margin-right: 30px;}

.only-sm	{display: none !important;}

/* NEWS用 */
.body-article table{border:none;border-spacing:0;padding:0;width:100%;margin:0 0 20px;border-top:#bdbdbd 1px solid}
.body-article table td,.body-article table th{padding:15px 10px;font-size:16px;border-bottom:#bdbdbd 1px solid}
.body-article caption{text-align:left;font-size:17px;font-weight:700;border-bottom:#bdbdbd 1px solid}
.body-article caption.notecap{caption-side:bottom;font-size:12px;font-weight:400;border-bottom:none;text-align:right;padding-top:5px;color:#8e8e8e}
.body-article caption.notecap.topright{caption-side:top;padding-top:0;padding-bottom:5px}
.body-article table td img,.body-article table th img{vertical-align:middle}
.body-article table thead th{background-color:#a1a1a1;color:#FFF;text-align:left;line-height:1.4}
.body-article table thead td{background-color:#d4d4d4;text-align:left;font-weight:400}
.body-article table.tateLine thead th,.body-article table.tateLine thead td{text-align:center}
.body-article table tfoot tr:first-child td,.body-article table tfoot tr:first-child th{border-top:3px solid #bdbdbd}
.body-article table tbody th,.body-article table tfoot th{background-color:#ECECEC}
.body-article table.tateLine{border-right:#bdbdbd 1px solid}
.body-article table.tateLine td,.body-article table.tateLine th{border-left:#bdbdbd 1px solid;vertical-align:middle}
.body-article table.narrow th,.body-article table.narrow td{padding:5px 2px}
.body-article table.textC th,.body-article table.textC td,.body-article table[class] th.textC,.body-article table[class] td.textC{text-align:center}
.body-article table.textL th,.body-article table.textL td,.body-article table[class] th.textL,.body-article table[class] td.textL{text-align:left}
.body-article table.textR th,.body-article table.textR td,.body-article table[class] th.textR,.body-article table[class] td.textR{text-align:right}
.body-article table.vertiT th,.body-article table.vertiT td,.body-article table[class] th.vertiT,.body-article table[class] td.vertiT{vertical-align:top}
.body-article table.vertiM th,.body-article table.vertiM td,.body-article table[class] th.vertiM,.body-article table[class] td.vertiM{vertical-align:middle}
.textnowrap{white-space:nowrap}
.body-article table.samewidthCell{table-layout:fixed}
.body-article .movieArea iframe {width: 560px; height: 315px; border: none; outline: none;}
.btnArea,p.btnArea {text-align:center; padding:0 0 15px 0;}
.btnArea.textL,p.btnArea.textL {text-align:left;}
.btnArea.textR, p.btnArea.textR {text-align:right;}
.innerLink, p.innerLink {text-align:right;}
.btnArea li {display:inline-block;}
a.btn1, a.btn3{display:inline-block; text-align:center; color:#150201; background-color:#fcca0f; line-height:3em; text-decoration:none; padding:0 5px; box-sizing:border-box;}
a.btn_news{display:inline-block;text-align:center;font-size:13px;color:#150201;background-color:#fcca0f;line-height:3em;text-decoration:none;padding:0;margin-top:5px;box-sizing:border-box}
a.btn1:hover,a.btn3:hover,a.btn_news:hover{opacity:.7;filter:alpha(opacity=70)}
a.btn2{display:inline-block;text-align:center;color:#150201;border:2px solid #150201;line-height:3em;text-decoration:none;padding:0 20px;box-sizing:border-box;background:none}
a.btn2:hover{background-color:#cccccc}
.btnArea a.btn1,.btnArea a.btn2,.btnArea a.btn3{min-width:240px;box-sizing:border-box}
.mainArea .btnArea a.btn1,.mainArea .btnArea a.btn2{min-width:180px;box-sizing:border-box}
.mainArea .btnArea a.btn3{min-width:137px;box-sizing:border-box}
.btnArea li:nth-child(n+2),.btnArea > a:nth-child(n+2),p:not(.nomarg) a.btn1:nth-child(n+2),p:not(.nomarg) a.btn3:nth-child(n+2){margin-left:20px}
p:not(.nomarg) a.btn1{min-width:180px}
p:not(.nomarg) a.btn3{min-width:137px}
	
	/*.item-cd	{height: 81px; background: #fcca0f url("../img/logo-seiko.png") no-repeat 75px center; background-size: 231px; }*/

/* チケット販促用 */
.page-top .main > section.sec-outline .field:before	{right: auto; left: 0;}
.page-top .sec-ticket .container, .page-top .sec-outline .container	{padding-right: 4.716%; padding-left: 530px;}
.page-top section.sec-ticket h1.ttl-header em, .page-top section.sec-outline h1.ttl-header em	{right: calc(50% - 315px); left: auto;}
.page-top .main > section.sec-ticket > figure, .page-top .main > section.sec-outline > figure	{right: 0; left: auto;}

.page-top section.sec-access h1.ttl-header em, .page-top section.sec-archive h1.ttl-header em	{right: auto; left: calc(50% - 315px);}
.page-top .main > section.sec-access > figure, .page-top .main > section.sec-archive > figure	{right: auto; left: 0;}
}


@media (min-width: 960px) {
}

@media (min-width: 1060px) {
.item-mv img, .mv img	{width: 1060px}
.page-top .sec-about .container	{padding-left: 0;}
.page-top .sec-news .container, .page-top .sec-access .container, .page-top .sec-ticket .container	{ padding-right: 0;}
}
@media (min-width: 1160px) {
.page-top .main > section	{padding: 50px 50px 0;}
.page-top .main > hr + section	{padding-top: 0;}
}

@media (max-width: 640px) {
.page-news.sub-detail .col-2.row-lg > .col h3 { font-size: 2rem; margin-bottom: 15px; padding: 0; border-bottom: 3px solid #fcca0f; line-height: 1.2; color: #fcca0f;}
}
@media (max-width: 375px) {
.list-link ul li a	{font-size: 4vw}
}

@media (max-width: 320px) {
header h1 img	{ height: 27px; margin-top: 4px;}
header .date	{position: absolute; top: 50px; left: 62px; width: 194px; height: 12px; z-index: 0; border-bottom: 1px solid #150201;}
.list-movie .unit-2-lg > .col span a	{font-size: 1.0rem;}
.page-archive .movie-tab ul li{ font-size: 1.0rem;}
.page-archive .share-link ul li{ width: 90px;}
.list-link ul li a	{font-size: 3.5vw}
}

@media all and (-ms-high-contrast: none){
}