@charset "UTF-8";
@import url(notosansjapanese.css);

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

body	{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #4e4c4b;
	background-color: #000000;
	font-family: 'Noto Sans Japanese',"メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	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}
.fadein {opacity: 0;/*transform: translateY(100px);*/transition: all 0.5s}

.font-Staatliches	{font-family: 'Anton', 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: 20px 0; border: none;}
hr.hr-2x{margin-bottom: 0; padding-top: 20px; margin: 0 0 20px;}

.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: 'Anton', sans-serif; font-weight: 700;}
.item-button a:hover	{text-decoration: none;}

.item-button.yellow a	{color: #000000;  background-color: #fcca0f;}
.item-button.yellow a:hover	{color: #fcca0f;  background-color: #000000; transition: all 0.25s ease-out;}
.item-button.black a	{color: #fcca0f;  background-color: #000000;}
.item-button.black a:hover	{color: #000000;  background-color: #fcca0f; transition: all 0.25s ease-out;}
.item-button.black.white a:hover	{color: #000000;  background-color: #ffffff;}

.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: #000000; border-color: #000000;}
.item-button.button-line.black a:before	{background-color: #000000;}
.item-button.button-line.black a:after	{background-color: #000000; 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: #000000; 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-information	{background-color: #333333; border-top: 1px solid #444444;}
.item-information .row-lg .col:first-child strong	{font-family: 'Anton', 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 #000000;}
.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 #000000; 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.active	{opacity: 1; transform: translate(0, 0);}
.page-ticket .item-fixed-bottom	{padding: 10px 0; background-color: rgba(0,0,0,0.5);}
.page-ticket .item-fixed-bottom + footer	{padding-bottom: calc(138px + 2.0em);}

.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: #000000; font-size: 0; text-align: center; vertical-align: top;}
#cd-unit .timer-unit:after { display: block; margin-top: 1px; color: #fcca0f; font-family: 'Anton', 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;}
.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: #c44040;}
.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: #000000;}
.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-2x	{padding: 20px;}
.box-4x	{padding: 40px;}

.solid	{border: 1px solid #c7c7c7}
.solid-yellow	{border: 1px solid #fcca0f}
.solid-5x	{border: 5px solid #e7e7e7}
.solid-yellow-5x	{border: 5px solid #fcca0f}
.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: #000000; text-align: center; text-decoration: none;}
.ui-tab ul li.active a	{ color: #333333;  background-color: #fcca0f;}
.page-ticket .ui-tab li a	{ position: relative;}

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


.ui-news ul.tile	{margin: 0;}
.page-news .ui-tab + .ui-news	{margin-top: 15px;}
.ui-news ul.tile li a	{display: block;width: 100%; padding: 0; color: #333333;}
.page-top .ui-news ul.tile li a	{color: #ffffff;}
/*.ui-news ul.list li:nth-child(odd) a	{background-color: rgba(255,255,255,0.25);}*/
.ui-news ul.tile li a 	{display: block;  transition-duration: 0.3s;}
.ui-news ul.tile li a .thumb	{display: block; 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 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-gallery ul	{font-size: 0;}
.ui-gallery ul li	{display: inline-block; font-size: 1.6rem; vertical-align: top;}
.ui-gallery ul li > a	{color: #333333; 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;}

.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: #000000; 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: #000000; 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;}
.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;} 
.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: #000000;}
.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: #000000;}
.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: #000000;}
.ttl-light.yellow:before { border-color: #fcca0f;}
.ttl-light.bk:before { border-color: #000000;}
.ttl-label {display: table; color: #ffffff; background-color: #000000;}
.ttl-label > .col {display: table-cell; padding: 20px;}
.ttl-label > .col:first-child {width: 1%; color: #000000; 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: #000000; 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: #000000; 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: #000000;}
.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: #000000; 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: #000000; 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-3.png") no-repeat left top; text-indent: -999em;}

header a:hover h1 img	{ opacity: 1;filter: alpha(opacity=100);}
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: #000000; font-weight: bold;}
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: "\f099";}
nav .link-sns .facebook a:before	{content: "\f09a";}
nav .link-sns .seiko a	{display: block; width: 130px; height: 26px; margin-left: 20px; overflow: hidden;}
nav .link-sns .seiko a:before	{display: block; content: ""; width: 130px; height: 26px; background: transparent url("../png/logo-seiko-2.png") no-repeat left top; background-size: cover;}
footer	{position: relative; padding: 2.0em 0; background-color: #fcca0f; font-family: 'Anton', 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;}

/*.heading	{position: relative; }
body:not(.page-top) .heading	{padding-bottom: 60px;}*/
section h1.ttl-header	{margin: 0 0 1.5em;; padding: 0; color: #ffffff; font-size: 2.0rem; text-align: center;/* text-shadow: 2px 2px 10px rgba(0,0,0,0.5);*/}
body:not(.page-top) section h1.ttl-header{margin-bottom: 0.75em; padding: 2.0em 0; color: #000000; background: rgb(252,202,15); background: linear-gradient(90deg, rgba(252,202,15,0.5) 0%, rgba(252,202,15,1) 50%, rgba(252,202,15,0.5) 100%);}
.page-top section.sec-ticket h1.ttl-header	{color: #000000;}
article > .head-yellow h1.ttl-header	{padding-top: 40px }
.page-top section.sec-outline h1.ttl-header	{color: #000000;}
h1.ttl-header em	{display: block; font-size: 4.0em; font-family: 'Anton', 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: #000000 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: #000000;}


body:not(.page-top) .main	{padding-bottom: 40px; background-color: #ffffff;}
.page-top .main > section	{position: relative; padding: 2.0em 0;}
.page-top .main > section > figure	{position: absolute; top: -25px; margin: 0; padding: 0; text-align: left;}
.page-top .main > section.sec-news > figure	{left: 0; animation: move01 4s ease infinite;}
.page-top .main > section.sec-ticket > figure	{right: 0; text-align: right; animation: move02 6s ease infinite;}
.page-top .main > section.sec-access > figure	{left: 0; animation: move01 4s ease infinite;}
.page-top .main > section.sec-outline > figure	{right: 0; text-align: right; animation: move02 6s ease infinite;}
.page-top .main > section > figure img	{width: 50%;}
.page-top .main > section.sec-access > 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: #000000;}
.page-top .sec-ticket .ui-news strong:after	{background-color: #000000;}
.page-top .sec-news section h1 + .item-button-more a	{color: #fbca01; font-family: 'Anton', 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	{background: transparent url("../jpg/bg-access.jpg") no-repeat center bottom; background-size: cover;}
.page-top .sec-access .text	{background-color: rgba(255,255,255,0.9); padding: 20px;}
.page-top .sec-archive	{background: transparent url("../jpg/bg-archive-2.jpg") no-repeat center top; background-size: cover;}

.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 #000000;}
.page-top .sec-ticket table th, .page-top .sec-ticket table td{padding: 1.5em; border-top: 5px solid #000000;}
.page-top .sec-ticket table tr th:not(:first-child), .page-top .sec-ticket table tr td:not(:first-child){border-left: 5px solid #000000;}
.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: #000000;}
.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 #000000;}
.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: 'Anton', sans-serif; font-weight: 400; text-align: center;}
.page-top .sec-archive ul li a	{display: block; color: #333333; background-color: #fcca0f; text-align: center;}
.sec-outline + .box-4x, .page-top .sec-sns	{background-color: #ffffff;}
.page-top .sec-sns	{padding: 60px 0; color: #fcca0f;  background-color: #000000;}
.page-top .sec-sns .field strong	{display: block; padding-bottom: 20px; font-size: 2.0rem; text-align: center;}
.page-top .sec-sns .field strong:before	{display: inline-block; margin-right: 10px; font-family: fontAwesome; font-size: 4.0rem; vertical-align: middle;}
/*.page-top .sec-sns .tl-facebook .field strong	{color: #1877f2;}*/
.page-top .sec-sns .tl-facebook .field strong:before	{content: "\f230";}
/*.page-top .sec-sns .tl-twitter .field strong	{color: #1da1f2;}*/
.page-top .sec-sns .tl-twitter .field strong:before	{content: "\f081";}
.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: #000000; 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: #000000; 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	{margin-bottom: 1.5em;  padding: 0 0 1.5em; background-color: #fde487; border: 5px solid #000000;}
.sec-ticket .heading strong	{display: block; margin-bottom: 0.5em; padding: 0.75em; color: #fcca0f; background-color: #000000; font-size: 2.0em; text-align: center;}
.sec-ticket .heading p	{padding: 0 1.5em 1.0em;}
.sec-ticket .heading p.text-center	{padding: 0;}
.sec-ticket .heading em	{display: inline-block; padding: 0.25em 1.0em; color: #ffffff; background-color: rgba(204,0,0,1); border-radius: 5.0em; font-weight: 700; text-align: center;}
.sec-ticket .heading em:before	{display: inline-block; content: "\f0aa"; margin-right: 0.5em; color: #fcca0f; font-family: fontAwesome;}
.sec-ticket .heading em:after	{display: inline-block; content: "\f0aa"; margin-left: 0.5em; color: #fcca0f; font-family: fontAwesome;}
.page-ticket .special.premium .field	{padding: 1.5em;  background-color: #f3e7ce}
.page-ticket .special.athletes .field	{padding: 1.5em;  background-color: #dff3fc}
.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; background-color: #fcca0f; font-size: 1.25em;}
.page-ticket .special.premium h1	{margin-bottom: 0; background-color: #d09f3c;}
.page-ticket .special.athletes h1	{margin-bottom: 0; background-color: #7ecff3;}
.page-ticket .special h1 span	{padding: 1.0em; color: #ffffff; background-color: #000000; text-align: center; white-space: nowrap;}
.page-ticket .special h1 span.sold	{background-color: #cc0000;}
.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: #000000; 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 .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 .special.premium .field table tbody th{color: #ffffff; background-color: #d09f3c; border-top: 5px solid #f3e7ce;}
.page-ticket .special.premium .field table tbody td{ border-top: 5px solid #f3e7ce; border-left: 5px solid #f3e7ce;}
.page-ticket .special.athletes .field table tbody th{ background-color: #7ecff3; border-top: 5px solid #dff3fc;}
.page-ticket .special.athletes .field table tbody td{ border-top: 5px solid #dff3fc; border-left: 5px solid #dff3fc;}
/*.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: #000000; 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: #000000;}
.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-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: #000000 !important; background: #fcca0f; /*background: -moz-linear-gradient(left,  #000000 0%, #000000 100%); background: -webkit-linear-gradient(left,  #000000 0%,#000000 100%); background: linear-gradient(to right,  #000000 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',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 #000000;}
.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%);}

.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: 'Anton', 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;}
.item-button.cover	{width: 100% !important;}
.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;}
.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;}


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: 215px; height: 30px; background-size: contain;}
header h1:before	{display: inline-block; content: ""; width: 43px; height: 60px; margin-right: 10px; background: transparent url("../png/ggp-emblem-3.png") no-repeat left top; background-size: 43px;}
header button, nav button	{position: fixed; top: 0; right: 10px; width: 40px; height: 60px; color: #000000; 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;}
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: rgba(0,0,0,0.85); overflow-y: auto;z-index: 200;}
body.open nav .gnav	{padding: 60px 20px 0;}
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: block; padding: 10px; color: #aaaaaa; border-top: 1px solid #fcca0f; text-align: left;}
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 #000000; 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: 'Anton', 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: 30vw;}
.page-top .main > section.sec-access > figure img	{width: 30vw;}

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-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 #000000;}
.item-information .row-lg .col:first-child strong	{display: block; width: 100px; margin: 0 auto;  padding: 5px 0; color: #fcca0f; background-color: #000000; 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;}
.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: 33.333%;}
.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: #000000; background-color: #fcca0f; font-family: fontAwesome; line-height: 20px; border-radius: 10px;}
.page-ticket .ui-tab li a:active:before	{ color: #fcca0f; background-color: #000000; transition: all 0.25s;}
.page-ticket .special h1	{padding: 1.0em;}
.page-ticket .special h1 span	{font-size: 3.5vw;}

.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.list li:nth-child(odd) a{background-color: rgba(0,0,0,0.05);}*/

.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 b	{margin: 5px 5px 0;}

.unit-2 .col, .unit-3 .col, .unit-4 .col, .unit-5 .col, .unit-6 .col	{font-size: 3.5vw;}
.unit-2-lg .col, .unit-3-lg .col, .unit-4-lg .col, .unit-5-lg .col, .unit-6-lg .col	{margin-bottom: 20px; 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-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: 20px;}
.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;}

section h1.ttl-header	{/*padding:20px;*/ padding: 0 0 20px; font-size: 3.5vw; line-height: 1.0;}
/*body:not(.page-top) section h1.ttl-header{padding-top: 20px;}*/
section h1.ttl-header em	{font-size: 8.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	{margin-bottom: 20px;}
.sec-outline .container table, .sec-outline .container table tr	{display: block;}
.sec-outline .container table th, .sec-outline .container table td	{display: block; padding: 10px; width: 100%; font-size: 3.5vw; box-sizing: border-box;}
.sec-outline .container table th	{color: #ffffff; background-color: #000000; white-space: nowrap}
.sec-outline .container table td	{background-color: rgba(255,255,255,0.5);}
.sec-outline + .box-4x img	{width: 60%;}

.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; padding-bottom: 40px; font-size: 0px;}
.page-top .sec-archive ul li	{width: 20%; 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-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: 'Anton', sans-serif; font-weight: 400; font-size: 4.0vw; line-height: 1.0;/* transform: skewX(25deg)*/}
.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;	}
/*.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: #000000; 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: #000000;}
.page-archive .movie-tab ul{ margin-right: 20px; margin-left: 20px;}
.page-archive .movie-tab ul li{ font-size: 1.4rem;}
.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	{border-top: 2px solid #ffffff; border-left: 2px solid #ffffff;}
.page-ticket .item-button.pia{padding-top: 20px;}
.page-ticket .recommend table th{position: sticky; left: 0;}
.sec-ticket .heading em	{padding: 0.5em 1.0em;}
.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;font-size:1.5rem;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:#000000;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:#000000;border:2px solid #000000;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) {
.toggle-nav-button	{display: none;}
.container	{width: 1060px; margin-right: auto; margin-left: auto;}
.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;}
.flt-r-lg	{float: right; margin-left: 20px;}
.flt-l-lg	{float: left; margin-right: 20px;}


.swiper-container { overflow: visible;}

header	{height: 80px;}
header .container	{position: relative; padding-top: 15px;}
header button	{display: none;}
header h1	{width: 358px; height: 50px;}
header h1 a	{background-size: contain;}
header > .container	{position: relative;}

nav	{background-color: #150201; border-top: 1px solid #fbca01; border-bottom: 1px solid #fbca01;}
nav button	{display: none;}
nav ul	{font-size: 0px; background-color: #fbca01;}
nav > .container	{height: 100px;}
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: 49px; 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: 'Anton', 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 #000000; font-size: 1.6rem; z-index: 11;}
nav ul.gnav > li a, nav ul.gnav > li span, nav ul.gnav > li b	{display: block; height: 49px; line-height: 49px; text-align: center;}
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 em	{display: block; height: 38px; line-height: 38px; color: #444444;  background-color: #999999; text-align: center;}
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: absolute; top: 20px; 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;}

	
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: #000000; 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 #000000;}
.item-embed { text-align: center;}
.item-embed iframe { margin: 0 auto; vertical-align: top;}
.scroll-hint-icon-wrap{display: none;}
.ui-tab ul	{ margin: 0 auto 20px; transform: translate(-5px);}
.ui-tab ul li a, .ui-tab li span	{ height: 60px; line-height: 60px; color: #ffffff; background-color: #333333; 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; border-color: #fcca0f;}
.page-ticket .ui-tab li a:before	{ display: block; content: "\f107"; position: absolute; bottom: -20px; right: 0; width: 100%; height: 20px; color: #000000; background-color: #fcca0f; font-family: fontAwesome; line-height: 20px;}
.page-ticket .ui-tab li a:hover:before	{ color: #fcca0f; background-color: #000000; 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 0 0;}

.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	{float: left; width: 49.056%; margin: 0 0 1.886% 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 .item-pickup { padding: 20px 0 0; background-color: #000000; 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.unit .container h1	{left: 0; background: transparent url("../jpg/bg-about.jpg") no-repeat center center; background-size: cover;}
.page-top section.sec-about.unit .container .body	{padding: 40px 0 40px calc(50% + 40px);}
.sec-outline table th	{width: 200px !important; border-top: 5px solid #fcca0f; color: #ffffff; background-color: #000000; text-align: center; box-sizing: border-box;}
.sec-outline table td	{background-color: rgba(255,255,255,0.5);border-top: 5px solid #fcca0f; border-left: 5px solid #fcca0f; }
.sec-outline table tr:first-child th, .sec-outline table tr:first-child td	{border-top: none;}
.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.sec-archive h1.ttl-header	{padding-top: 60px;}*/
.page-top .main > section	{padding: 4.0em 0;}
.page-top .sec-archive ul	{display: flex; /*padding-bottom: 40px;*/ font-size: 0px;}
.page-top .sec-archive ul li	{width: 100%; margin-left: 10px; font-size: 1.6rem;}
.page-top .sec-archive ul li a	{padding: 20px 0; line-height: 1.4; 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: 'Anton', sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1.0;/* transform: skewX(25deg)*/}
.page-top .sec-archive ul li:first-child	{ margin-left: 0;}
.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.premium h1, .page-ticket .special.athletes h1	{font-size: 1.5em;}
.sec-ticket .heading em	{font-size: 2.0rem;}

.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: #000000; 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: #000000;}
.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: 'Anton', 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:#000000; 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:#000000;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:#000000;border:2px solid #000000;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; }*/
}




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

@media (min-width: 1060px) {
.item-mv img, .mv img	{width: 1060px}
}

@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 #000000;}
.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){
}