@charset "UTF-8";

html	{
	font-size: 62.5%;
	height: 100%;
}

body	{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #333333;
	background-color: #fbca01;
	font-family: 'Noto Sans JP',"メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
  font-feature-settings: "palt" 1;
	font-size: 1.6rem;
	line-height: 1.6;
}


.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	{color: #014dfb; text-decoration: none}

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 !important; padding-bottom: 0 !important;}
.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	{position: relative; padding-left: 1.25em;}
ul.notice li:before	{display: block; content: "※"; position: absolute; top: 0; left: 0;}


body .lang-en, body.lang-en .lang-jp	{display: none;}
body.lang-en .lang-en	{display: block;}

.content.active{background: transparent url("../2025/img/bg-national-stadium.jpg") no-repeat center bottom fixed; background-size: cover;}
main section{background-color: #fbca01;}
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	{position: relative; height: max-content; background-color: #fbca01; border-bottom: 1px solid #111111;}
.item-kv:not(.finish)	{background: #fbca01 url("../2025/img/teaser/type-seiko.png") no-repeat center center;}
.item-kv:not(.finish) div	{opacity: 0;}*/
.item-kv img	{display: block; width: 100%; background-color: #fbca01;}
.item-kv ul	{height: max-content; margin: 0; padding: 0; background-color: #fbca01;}
.item-kv ul li	{position: absolute; top: 0; left: 0; width: 100%; height: max-content;}
.item-button	{margin-bottom: 10px; text-align: center;}
.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: 'BBH Bogle', sans-serif; font-weight: 400;}
.item-button a:hover	{text-decoration: none;}

.item-button.yellow a	{color: #000000;  background-color: #fbca01;}
.item-button.yellow a:hover	{color: #fbca01;  background-color: #000000; transition: all 0.25s ease-out;}

.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: 20px; 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: #fbca01; background-color: transparent; border-color: #fbca01;}
.item-button.button-line.yellow a:hover	{color: #fbca01;background-color: rgba(255,255,255,0.25);transition: all 0.25s ease-out;}
.item-button.button-line.yellow a:before	{background-color: #fbca01;}
.item-button.button-line.yellow a:after	{background-color: #fbca01; transform: rotate(45deg); transform-origin: bottom right;}


.item-button.button-yellow div	{position: relative; margin: 0 auto;}
.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-buy div	{position: relative; margin: 0 auto; font-size: 2.0rem;}
.item-buy div a	{display: block; position: relative; top: 0; left: 0; padding: 20px; color: #000000; background-color: rgba(252,202,15,1); border: 2px solid #000000; border-radius: 5.0em; font-weight: 700; text-align: center; z-index: 10;}
.item-buy div a:after	{display: inline-block; content: "\f138"; margin-left: 1.0em; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.item-buy div a:hover	{color: #000000; background-color: #ffffff;}
.fixed-banner	{display: none; position: fixed; bottom: 0; left: 0 ;width: 100%; padding: 1.0em; background-color: #db3232; box-sizing: border-box;}

.unit-2, .unit-3, .unit-4, .unit-5, .unit-6	{margin: 0; font-size: 0;}
.unit-2 > .col, .unit-3 > .col, .unit-4 > .col, .unit-5 > .col, .unit-6 > .col	{display: inline-block; font-size: 1.6rem;}
.unit-2 > .col	{width: 49.056%; margin: 0 0 0 1.886%}
.unit-2.narrow > .col	{width: 48.584%; margin: 0 0 0 2.830%}
.sns .unit-2.narrow > .col	{width: 47.169%; margin: 0 0 0 5.660%}
.unit-2 > .col:nth-of-type(2n+1)	{margin-left: 0 !important;}
.unit-2 > .col:nth-of-type(n+3)	{margin-top: 1.886%;}
.unit-2.narrow > .col:nth-of-type(n+3)	{margin-top: 2.830%}
.unit-3 > .col	{width: 32.075%; margin-left: 1.886%}
.unit-3 > .col:nth-of-type(3n+1) 	{margin-left: 0;}


footer{/*margin-top: 2.0em; */padding: 2.0em 0; background-color: #fbca01; border-top: 1px solid rgba(0,0,0,0.5); text-align: center;}
footer div{width: 100px; margin: 0 auto 20px;}
footer p{margin-bottom: 0;}
section > .container h1	{margin-top: 0; font-size: 40px; font-weight: 900; text-align: center;}
section > .container h1 em	{display: block; margin-bottom: 0.25em; font-family: 'BBH Bogle', sans-serif; font-size: 2.0em; font-weight: 400; line-height: 1.0;}
.sec-access, .sec-archive	{color: #ffffff; background-color: #1b1b1b;}
.sec-archive	{text-align: center;}
.sec-access h1	{color: #ffffff;}
.sec-archive ul	{margin-top: 40px;}
.page-top .sec-outline table{width: calc(100% + 10px); border-collapse: separate; border-spacing: 5px; transform: translateX(-5px);}
.page-top .sec-outline table th{padding: 0.5em; color: #ffffff; background-color: #000000; white-space: nowrap;}
.page-top .sec-outline.bg-bk table th{color: #000000; background-color: #fbca01;}
.page-top .sec-outline table td{padding: 0.5em; background-color: #ffffff;}
.page-top .sec-outline.bg-bk table td{color: #000000;}
.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: calc(20% - 10px); margin-right: 10px; font-size: 1.6rem;}
.page-top .sec-archive ul li:nth-of-type(n+6)	{margin-top: 10px;}
.sec-archive ul li a	{display: block; color: #000000; background-color: #ffffff; text-align: center;}
.sec-archive ul li a:hover, .sec-archive ul li a:active	{color: #000000; background-color:rgba(251,202,1,1.00);}
.page-top .sec-sponsor	{padding: 60px 0; background-color: #e7e7e7; text-align: center;}
.sec-sponsor dl dt	{font-family: 'Oswald', sans-serif; font-weight: 400; text-align: center;}
.page-top .sns 	{color: #fbca01; background-color: #111111;}
.page-top .sns .unit-2-lg > .col:first-child:before	{display: block; content: "\e61b"; margin-bottom: 0.25em; font-family: "Font Awesome 6 Brands"; font-size: 60px; text-align: center; line-height: 1.0;}
.page-top .sns .unit-2-lg > .col:last-child:before	{display: block; content: "\f09a"; margin-bottom: 0.25em; font-family: "Font Awesome 6 Brands"; font-size: 60px; text-align: center; line-height: 1.0;}
.banner.national-stadium{padding: 5vh 0 5vh; text-align: center;}
.banner.national-stadium strong{display: inline-block; margin-bottom: 1.0em;}

.fb_iframe_widget > span {  vertical-align: top !important;}
.text-white{ color: #ffffff;}
.text-red{ color: #db3232;}
.text-yellow{ color: #fbca01;}
.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;}
.valign-t, .valign-t > .col	{vertical-align: top}
.valign-m, .valign-m > .col	{vertical-align: middle}
.valign-b, .valign-b > .col	{vertical-align: bottom}

.bg-white, table td.bg-white	{color: #000000; background-color: #ffffff;}
.bg-yellow, table td.bg-yellow	{background-color: #fbca01;}
.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 #fbca01}
.solid-5x	{border: 5px solid #e7e7e7}
.solid-yellow-5x	{border: 5px solid #fbca01}
.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.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;}

.finish {opacity: 1; animation: fade 3s;}
@keyframes fade {
0% {opacity: 0;}
100% {opacity: 1;}
}
.ui-news ul.list	{margin: 0;}
.ui-news ul.list li	{border-top: 1px solid rgba(0,0,0,0.5);}
.ui-news ul.list li a	{display: flex; padding: 10px 20px; color: #333333;font-size: 1.4rem;}
.ui-news ul.list li a:hover	{background-color: rgba(255,255,255,0.25);}
.ui-news ul.list li p	{margin: 0; padding: 0;}
.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;}.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;}

.fixed-table	{width: 100%; overflow: hidden;  border: 1px solid #c7c7c7;}
.fixed-table > .fixed-cell	{float: left;}
.fixed-table > .scroll-cell	{overflow-x: scroll;}

header {padding: 10px 0; background-color: #fbca01;}
header .flexbox .col{display: flex; align-items: center; justify-content: center;}
header .flexbox h1 a{display: block; text-indent: -999em;}
header .flexbox ul{display: flex; align-items: center; justify-content: center;}
header .flexbox ul li:not(.seiko){width: 40px; margin-right: 10px;}
header .flexbox ul li:last-child{margin-right: 0;}
header .flexbox ul li.seiko{height: 26px; overflow: hidden;}
header .flexbox ul li a{display: block; height: 40px;}
header .flexbox ul li:not(.seiko) a{width: 40px; color: #fbca01; background-color:#1b1b1b; border-radius: 20px; overflow: hidden;}
header .flexbox ul li:not(.seiko) a:before{display: block; width: 40px; height: 40px; line-height: 40px; font-family: "Font Awesome 6 Brands"; font-size: 20px; font-weight: 400; text-align: center;}
header .flexbox ul li.icon-x a:before{content: "\e61b";}
header .flexbox ul li.icon-facebook a:before{content: "\f09a";}
header .flexbox ul li.seiko a:before{display: block; content: ""; width: 130px; height: 26px; background: transparent url("../2024/img/teaser/logo-seiko.png") no-repeat center center; background-size: 130px; text-indent: -999em;}
nav{background-color: #fbca01;}
nav ul{display: flex; border-right: 1px solid #000000;}
nav ul li{box-sizing: border-box;}
nav ul li a{display: block; padding: 1.0em 0; color: #000000; font-weight: 700; text-align: center;}
.fadein {opacity: 0; transform: translateY(20px); transition: all 1.5s;}
.movie{padding: 1.0em; 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%);}
.topics{color: #ffffff; background-color: #db3232; text-align: center;}
.topics strong{display: block;}
.topics strong{display: block; padding: 1.5em; color: #ffffff; background: #000000; background: linear-gradient(-25deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 50%, rgba(0, 0, 0, 1) 100%); font-weight: 900; /*transform: skewX(-10deg);*/}
.topics strong em{display: block; line-height: 1.4;}
.topics strong em:not(:first-child){margin-top: 0.50em;}
.topics strong em span{display: inline; padding: 0 0.25em; color: #fbca01; font-size: 1.25em; box-shadow: inset 0 -0.1em 0 #fbca01;}
.note{background-color: #ffffff;}
.category-ticket .info	{margin-top: 0; padding: 0.5em 0; color: #ffffff; background-color: #150201; font-size: 1.5em; text-align: center;}
.category-ticket .ttl-ticket	{padding-bottom: 0.5em; border-bottom: 3px dotted #150201; font-size: 2.0em; text-align: center;}
.category-ticket .ttl-ticket em	{background:linear-gradient(transparent 60%, rgba(252,202,15,0.5) 60%);}
.category-ticket .bg-fc	{background-color: #f4b083;}
.category-ticket .bg-pre-reserve	{background-color: #ffe699;}
.category-ticket .bg-pia	{background-color: #b4c7e7;}
.category-ticket .bg-same-day	{background-color: #c4e0b4;}
.category-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;}
.category-ticket .special.premium .field	{padding: 1.5em;  background-color: #fef2c3}
.category-ticket .special.premium-box .field	{padding: 1.5em;  background-color: #ffe5e4}
.category-ticket .special.athletes .field	{padding: 1.5em;  background-color: #dad2ea;}
.category-ticket .special.ss .field	{padding: 1.5em;  background-color: #ddebf6;}
.category-ticket .special.sa .field	{padding: 1.5em;  background-color: #f7caab;}
.category-ticket .special.group .field	{padding: 1.5em;  background-color: rgba(239,218,237,0.5);}
.category-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;}
.category-ticket .special h1	{margin-bottom: 0.5em;padding: 0.5em; background-color: #fcca0f; font-size: 1.25em; text-align: center;}
.category-ticket .special.premium h1	{margin-bottom: 0; color: #fcca0f; background-color: #000000/*#fcca0f*/;}
.category-ticket .special.premium-box h1	{margin-bottom: 0; color: #ffffff; background-color: #ff9999;}
.category-ticket .special.athletes h1	{margin-bottom: 0; color: #ffffff; background-color: #8456da;}
.category-ticket .special.ss h1	{margin-bottom: 0; color: #ffffff; background-color: #4a98df;}
.category-ticket .special.sa h1	{margin-bottom: 0; color: #ffffff; background-color: #ea9f3f;}
.category-ticket .special.group h1	{margin-bottom: 0; background-color: #efdaed;}
.category-ticket .special h1 span	{display: block; font-size: 0.75em; font-weight: normal;}
.category-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;}
.category-ticket .point	{margin-bottom: 1.0em;}
.category-ticket .point li	{position: relative; padding: 0.75em 0.75em 0.75em 35px; background-color: rgba(255,255,255,0.75); font-weight: bold;}
.category-ticket .point li:not(:first-child)	{margin-top: 5px;}
.category-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;}
.category-ticket table	{width: 100%;}
.category-ticket table th, .category-ticket table td	{padding: 10px; line-height: 1.4}
.category-ticket .general table th, .category-ticket .general table td	{text-align: center;}
.category-ticket table thead th	{white-space: nowrap; color: #ffffff; background-color: #150201; border-left: 5px solid #ffffff;}
.category-ticket table thead th:first-child	{border-left: none;}
.category-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;}
.category-ticket table tbody th	{background-color: #fcca0f; border-top: 5px solid #ffffff;}
.category-ticket table tbody td	{background-color: #f7f7f7; border-top: 5px solid #ffffff; border-left: 5px solid #ffffff;}
.category-ticket table tbody tr > *:empty	{display: none;}
.category-ticket .special table tbody th	{width: 5%;}
.category-ticket .special table tbody td	{width: 45%;}
.category-ticket .special.premium .field table tbody th{color: #ffffff; background-color: #fcca0f; border-top: 5px solid #fef2c3;}
.category-ticket .special.premium .field table tbody td{ border-top: 5px solid #fef2c3; border-left: 5px solid #fef2c3;}
.category-ticket .special.premium-box .field table tbody th{color: #ffffff; background-color: #ff9999; border-top: 5px solid #ffe5e4;}
.category-ticket .special.premium-box .field table tbody td{ border-top: 5px solid #ffe5e4; border-left: 5px solid #ffe5e4;}
.category-ticket .special.athletes .field table tbody th{ color: #ffffff; background-color: #8456da; border-top: 5px solid #dad2e9;}
.category-ticket .special.athletes .field table tbody td{ border-top: 5px solid #dad2e9; border-left: 5px solid #dad2e9;}
.category-ticket .special.ground .field table tbody th{ color: #ffffff; background-color: #4a98df; border-top: 5px solid #ddeaf6;}
.category-ticket .special.ground .field table tbody td{ border-top: 5px solid #ddeaf6; border-left: 5px solid #ddeaf6;}
.category-ticket .special.ground .field ul.unit-3-lg .col.valign-t{ background-color: #ffffff;}
.category-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;}
.category-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;}
.category-ticket .special.ground .field ul.unit-3-lg .col.valign-t p{ padding: 0 1.0em;}



@media (max-width: 834px) {
body{font-size: 3.5vw;}
.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;}
.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;}

header .flexbox{display: flex; justify-content: space-between; position: relative; /*padding-bottom: 20px;*/}
header .flexbox .col{width: 100%;}
header .flexbox h1{width: 182px; height: 30px; margin-left: 10px; box-sizing: border-box;}
header .flexbox h1 a{height: 30px;background: transparent url("../2024/img/teaser/logotype-sm.png") no-repeat left top; background-size: contain;}
header .flexbox ul{justify-content: flex-start;}
/*header .flexbox ul > li.seiko{position: absolute; bottom: -10px; left: 0; width: 100%; height: 20px; border-top: 1px solid rgba(0,0,0,0.5); overflow: hidden;}*/
header .flexbox ul > li.seiko{height: 20px; overflow: hidden;}
header .flexbox ul li a{display: block; height: 30px;}
header .flexbox ul li:not(.seiko){width: 30px;}
header .flexbox ul li:not(.seiko) a{width: 30px; border-radius: 15px;}
header .flexbox ul li:not(.seiko) a:before{width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
header .flexbox ul li.seiko a:before{width: 70px; height: 14px; margin: 3px auto; background-size: 70px;}

footer .row-lg .col:last-child	{width: 90px; margin: 0 auto 100px;}
footer .container div	{width: 25%;}
footer p	{font-size: 3.0vw;}
nav ul{flex-wrap: wrap;}
nav ul li{width: 50%; border-top: 1px solid #000000; border-left: 1px solid #000000; line-height: 1.0;}
section > .container h1	{font-size: 4.0vw}
section > .container h1 em	{font-size: 6.0vw;}
main > section, main > .sns{width: 100%; padding: 5vh 0; overflow: hidden;}
main > section, main > .sns iframe{width: 100%!important;}
main > section, main > .sns .fb-page, main > section, main > .sns .fb-page span{width: 100%!important;}
.fb_iframe_widget, .fb_iframe_widget iframe{max-width: 100% !important;}
.content.active{background: none;}
.content.active .main > section, main .national-stadium{background: transparent url("../2025/img/bg-national-stadium.jpg") no-repeat center bottom; background-size: cover;}
/*.item-kv:not(.finish)	{background: #fbca01 url("../2025/img/teaser/type-seiko-sm.png") no-repeat center center; background-size: 90vw;}*/
.item-kv p.seiko	{margin: 0.5em 0;}
.item-kv p.seiko a	{display: block; text-align: center; line-height: 1.0;}
.item-kv p.seiko img	{width: 20%; vertical-align: top;}
.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-buy div	{font-size: 4.0vw;}


.unit-2-lg .col, .unit-3-lg .col, .unit-4-lg .col, .unit-5-lg .col, .unit-6-lg .col	{margin-bottom: 20px;}
.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;}

.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-outline table{font-size: 3.5vw;}
.page-top .sec-archive ul	{margin-top: 20px; padding: 0 20px; box-sizing: border-box;}
.page-top .sec-archive ul li a	{padding: 1.0em 0; line-height: 1.4; font-weight: bold;}
.page-top .sec-archive ul li a em	{display: block; font-family: 'BBH Bogle', sans-serif; font-weight: 400; font-size: 4.0vw; line-height: 1.0;}
.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-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;	}

.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;}
.topics{padding: 1.0em 0;}
.topics strong em{font-size: 4.5vw;}
.topics .item-buy{margin: 0 1.5em;}

.category-ticket .special h1	{padding: 1.0em;}
.category-ticket .special h1 span	{font-size: 3.5vw;}

.only-lg	{display: none !important;}
}



/* 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;}

/*header .flexbox h1, header .flexbox h1{height: 30px;}
header .flexbox h1 a{width: 873px;height: 30px; background: transparent url("../2024/img/teaser/logotype.png") no-repeat left top; background-size: contain;}*/

.fixed-banner + footer	{padding-bottom: 140px;}
footer .container div	{width: 90px}
footer p	{font-size: 1.2rem;}
nav ul li{width: 100%; border-left: 1px solid #000000;}

.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}
.banner.national-stadium{padding: 200px 0;}

/*.item-kv:not(.finish)	{background-size: 90%;}*/
.item-embed { text-align: center;}
.item-embed iframe { margin: 0 auto; vertical-align: top;}
.item-buy div {width: 60%; font-size: 24px;}

.ui-news ol.list	{font-size: 0;}
.ui-news ul.list li > *	{align-items: center;}
.ui-news ul.list li > * span	{width: 20%}
.ui-news ul.list li > * p	{width: 80%;}
.ui-news ul.list li > * p b	{margin-bottom: 0.5em; font-size: 1.8rem;}
.page-top .ui-news ol.list	{margin-bottom: 40px;}

.unit-2-lg, .unit-3-lg, .unit-4-lg, .unit-5-lg, .unit-6-lg	{margin: 0; font-size: 0;}
.unit-2-lg > .col, .unit-3-lg > .col, .unit-4-lg > .col, .unit-5-lg > .col, .unit-6-lg > .col	{display: inline-block; font-size: 1.6rem;}
.unit-2-lg > .col	{width: 49.056%; margin: 0 0 0 1.886%}
.unit-2-lg.narrow > .col	{width: 48.584%; margin: 0 0 0 2.830%}
.sns .unit-2-lg.narrow > .col	{width: 47.169%; margin: 0 0 0 5.660%}
.unit-2-lg > .col:nth-of-type(2n+1)	{margin-left: 0 !important;}
.unit-2-lg > .col:nth-of-type(n+2)	{margin-top: 1.886%;}
.unit-2-lg.narrow > .col:nth-of-type(n+2)	{margin-top: 2.830%}

.unit-3-lg > .col	{width: 32.075%; margin: 0 0 0% 1.886%}
.unit-3-lg > .col:nth-of-type(3n+1) 	{clear: both; margin-left: 0;}
.unit-3-lg > .col:nth-of-type(n+3)	{margin-top: 1.886%;}

.unit-4-lg > .col	{width: 23.584%; margin: 0 0 1.886% 1.886%}
.unit-4-lg > .col:nth-of-type(4n+1)	{clear: both; margin-left: 0;}

.unit-5-lg > .col	{width: 18.490%; margin: 0 0 1.886% 1.886%}
.unit-5-lg > .col:nth-of-type(5n+1)	{ clear: both; margin-left: 0;}

.unit-6-lg > .col	{width: 15.094%; margin: 0 0 1.886% 1.886%}
.unit-6-lg > .col:nth-of-type(6n+1)	{ clear: both; 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;}

	header .flexbox{display: flex; justify-content: center;}

.page-top .sec-outline table th, .page-top .sec-outline table td{padding: 1.0em;}
.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	{font-size: 1.6rem;}
.page-top .sec-archive ul li a	{padding: 10px 0; line-height: 1.4; font-weight: bold;}
.page-top .sec-archive ul li a em	{display: block; font-family: 'BBH Bogle', sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1.0;}
.page-top .sec-archive ul li:first-child	{ margin-left: 0;}
.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 .sec-sns .row-lg	{table-layout: fixed}
.page-top .sec-sns .row-lg .col .field	{width: 500px; margin: 0 auto;}


.only-sm	{display: none !important;}

main > .sns{padding: 100px 0;}
main > section{position: relative; padding: 60px 0; /*border-bottom: 1px solid rgba(0,0,0,0.5);*/ /*overflow: hidden;*/}
main > section.bg-bk{margin: 0 40px;}
.movie{padding: 3.0em;}
.topics{padding: 50px 0; font-size: 20px;}
.topics strong em{font-size: 40px;}
.category-ticket .special h1	{font-size: 2.0em;}
.category-ticket .flex-box	{display: flex;}
.category-ticket .flex-box > *	{width: 100%;;}
.category-ticket .heading em	{font-size: 2.0rem;}
.category-ticket .buy-ticket	{display: flex; align-items: center; justify-content: center; width: max-content; margin-right: auto; margin-left: auto;}
.category-ticket .pia .buy-ticket	{align-items: flex-start}
.category-ticket .flex-box .buy-ticket	{width: auto; padding: 1.0em;}
.category-ticket .sec-ticket .buy-ticket p	{margin-left: 1.0em;}

}




@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 #fbca01; line-height: 1.2; color: #fbca01;}
}
@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-link ul li a	{font-size: 3.5vw}
}

@media all and (-ms-high-contrast: none){
}
