@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: #ffffff;
	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}

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}

.font-Staatliches	{font-family: 'Staatliches', cursive; 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-button	{margin-bottom: 10px;}
.item-button a	{font-family: 'Staatliches', cursive; font-weight: 400;}
.item-button.button-yellow div	{position: relative; margin: 0 auto; font-size: 2.0rem;}
.item-button.button-yellow div:before	{ display: block; content: ""; position: absolute; right: -10px; bottom: -10px; width: 100%; height: 100%; background-color: rgba(252,202,15,0.5); z-index: 0;}
.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-button.button-blue a, .item-button.button-blue span	{color: #ffffff; background-color: #014099; border: 2px solid #014099;}
.item-button.button-blue a:hover, .item-button.button-blue span:hover	{color: #014099; background-color: #ffffff;}
.item-button.button-bk a, .item-button.button-bk span	{color: #ffffff; background-color: #111111; border: 2px solid #111111;}
.item-button.button-bk a:hover, .item-button.button-bk span:hover	{color: #111111; background-color: #ffffff; border: 2px solid #ffffff; cursor: pointer;}
.item-button.button-line a, .item-button.button-line span	{color: #ffffff; border: 2px solid #ffffff;}
.item-button.button-line a:hover, .item-button.button-line span:hover	{color: #ea5404; background-color: #ffffff; cursor: pointer;}
.item-button.button-line-orange a, .item-button.button-line-orange span	{color: #ea5404; border: 2px solid #ea5404;}
.item-button.button-line-orange a:hover, .item-button.button-line-orange span:hover	{color: #ffffff; background-color: #ea5404; cursor: pointer;}
.item-button.button-line-blue a, .item-button.button-line-blue span	{color: #014099; border: 2px solid #014099;}
.item-button.button-line-blue a:hover, .item-button.button-line-blue span:hover	{color: #ffffff; background-color: #014099; cursor: pointer;}
.item-button.button-circle-orange a, .item-button.button-circle-orange span	{width: 60px; height: 60px; line-height: 60px; color: #ffffff;  background-color: #ea5404; border: 2px solid #ea5404; border-radius: 60px;}
.item-button.button-circle-orange.func-toggle	{text-align: center;}
.item-button.button-circle-orange.func-toggle a, .item-button.button-circle-orange.func-toggle span	{position: relative; line-height: 50px;}
.item-button.button-circle-orange.func-toggle a:after, .item-button.button-circle-orange.func-toggle span:after	{display: block; position: absolute; left: 0; bottom: 15px; content: "\f078"; width: 100%; height: 1.0em; line-height: 1.0; font-family: "Font Awesome 5 Free"; font-size: 1.4rem; font-weight: 900; }
.item-button.button-circle-orange a:hover, .item-button.button-circle-orange span:hover	{color: #ea5404; background-color: #ffffff; cursor: pointer;}
.item-button span.bg-disable	{color: #444444; background-color: #a7a7a7;}
.item-button.chevron-right a	{position: relative; padding-right: 20px;}
.item-button.chevron-right a:after	{display: block; position: absolute; top: 50%; right: 0; width: 20px; content: "\f054"; margin-top: -7px; font-family: "Font Awesome 5 Free"; font-size: 1.4rem; font-weight: 900; line-height: 1.0; text-align: left;}*/

.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;}

.item-information	{background-color: #000000; border-top: 1px solid #333333;}
.item-information .row-lg .col:last-child	{position: relative; background-color: #333333;}
.item-information .row-lg .col:last-child:before	{position: absolute; top: 0; left: -70px; content: ""; width: 70px; height: 100%; background-color: #333333; z-index: 0;}
.item-information .row-lg .col:last-child ul li	{padding-left: 20px;}
.item-information .row-lg .col:last-child ul li a	{display: block; position: relative; padding: 5px 10px 5px 30px; color: #ffffff; border-top: 1px solid #000000;}
.item-information .row-lg .col:last-child ul li a:before	{display: block; content: "\f054"; position: absolute; top: 0.5em; left: 10px; margin-right: 5px; color: #fcca0f; font-family: fontAwesome; font-size: 1.4rem;}
.item-information .row-lg .col:last-child ul li:first-child a	{border-top: none;}

.item-cd .field	{height: 81px; background: #fcca0f url("../png/logo-seiko-3.png") no-repeat center 53px; background-size: 100px; border: 1px solid #000000; border-radius: 10px; box-shadow:0px 5px 0px 0px #000000; box-sizing: border-box;}

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

#cd-unit { padding: 5px 9px; font-size: 0;}
#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; overflow: hidden;}
#cd-unit .timer-unit { display: inline-block; width: 50px; height: 47px; 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; color: #fcca0f; font-family: 'Staatliches', cursive; font-size: 1.4rem; font-weight: 400;}
#cd-unit .day { width: 127px; 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, #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;}


.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;}
.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;}

.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.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 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; color: #ffffff; background-color: #000000; text-align: center; text-decoration: none;}
.ui-tab ul li.active a	{ color: #333333;  background-color: #fcca0f;}



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

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




.ui-news ol.list li a	{display: block; color: #4c4c4c;}
.ui-news ol.list li a .field .photo	{ margin-bottom: 10px; border-radius: 5px; overflow: hidden;}
.ui-news ol.list li a .field span	{color: #777777; font-size: 1.4rem;}
.ui-news ol.list li a .field p	{margin: 10px 0 0; padding: 0; font-size: 1.6rem; font-weight: bold;}

.ui-news ul.list	{margin: 0; border-top: 1px solid #c7c7c7;}
.ui-news ul.list li a	{display: block; padding: 10px 20px; color: #333333; border-bottom: 1px solid #c7c7c7; font-size: 1.4rem;}
.ui-news ul.list li a:hover	{background-color: #f3f3f3;}
.ui-news ul.list li .row-lg	{width: 100%;}
.ui-news ul.list li .row-lg .col	{vertical-align: top;}
.ui-news ul.list li .col	{vertical-align: top;}
.ui-news ul.list li p	{margin: 0; padding: 0 0 0 20px; font-weight: bold;}

.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;}
.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.clearfix > .col p	{position: relative;}
.list-movie .unit-2-lg.clearfix > .col span	{display: block; position: absolute; top: 0; right: 0; text-align: right;}
.list-movie .unit-2-lg.clearfix > .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;}


.ttl-bold {position: relative; padding: 10px 20px; margin: 20px 0; border-bottom: 1px solid #333333; 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 h1 {position: relative; margin: 0; padding: 0; font-size: 2.0rem; z-index: 1;}
.ttl-bold.yellow {background-color: #fcca0f;}
.ttl-bold.bk {color: #ffffff; background-color: #000000;}
.ttl-bold.silver {color: #333333;background-color: #eeeeee;}
.ttl-regular {margin-bottom: 20px;  padding: 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 h1 {margin: 0; padding: 0;  font-size: 2.0rem;}
.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;}
.ttl-heading h1	{}


.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 a:hover h1 img	{ opacity: 1;filter: alpha(opacity=100);}
header nav	{background-color: #333333;}
header nav ul	{margin: 0; padding: 0; list-style-type: none;}
header nav ul li a, header nav ul li b 	{display: block; color: #ffffff; font-weight: normal;}
header nav ul.gnav > li a	{background-color: #000000;}
header nav ul.gnav > li b + ul	{display: none}
header nav ul.gnav > li b.open + ul	{display: block}
header nav .icon-sns ul li.icon-facebook a	{background-color: #1877f2;}
header nav .icon-sns ul li.icon-twitter a	{background-color: #1da1f2;}
header nav .icon-sns ul li.icon-instagram a	{background-color: #d93177;}
header nav .icon-sns ul li a:before	{display: block; content: ""; height: 30px; line-height: 30px; font-family: fontAwesome;}
header nav .icon-sns ul li.icon-facebook a:before	{display: block; content: "\f09a"; height: 30px; line-height: 30px;}
header nav .icon-sns ul li.icon-twitter a:before	{display: block; content: "\f099"; height: 30px; line-height: 30px;}
header nav .icon-sns ul li.icon-instagram a:before	{display: block; content: "\f16d"; height: 30px; line-height: 30px;}

footer	{position: relative; padding: 20px; background-color: #fcca0f; font-family: 'Staatliches', cursive; font-weight: 400; z-index: 1;}
footer .row-lg .col:last-child a, footer .row-lg .col:last-child a img	{display: block;}


.page-top .head-yellow	{position: relative; }
.page-top section h1.ttl-header, article > .head-yellow h1.ttl-header	{margin: 0; padding: 140px 0 40px 0; color: #000000; font-size: 2.0rem; line-height: 50px; }
article > .head-yellow h1.ttl-header	{padding-top: 40px }
.page-top section.sec-ticket h1.ttl-header	{padding-top: 60px;  color: #fcca0f;}
.page-top section.sec-gallery h1.ttl-header	{padding-top: 60px;}
.page-top section.sec-archive	{padding-top: 0;}
.page-top section.sec-ticket h1.ttl-header em	{border-right-color: #fcca0f;}
.page-top section h1.ttl-header em, article > .head-yellow h1.ttl-header em	{display: inline-block; line-height: 50px;  margin-right: 20px; padding-right: 20px; font-family: 'Staatliches', cursive; font-weight: 400; font-size: 6.0rem; border-right: 1px solid #000000; vertical-align: middle;}
.head-yellow:before { display: block; content: ""; position: absolute; top: -5px; /*top: -190px;*/ left: 0%; width: 100%; height: 100%;background: transparent url("../png/bg-title.png") no-repeat center top; z-index: 0;}
.page-top .head-yellow:before { top: 0;}
.head-yellow .container	{position: relative; z-index: 1;}

.page-top .sec-ticket {position: relative; margin-top: 60px; padding-bottom: 120px; background: transparent url("../jpg/bg-ticket-2.jpg") no-repeat center bottom; background-size: cover;}
.page-top .sec-ticket:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 25%; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); z-index: 0;}
.page-top .sec-ticket:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 25%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); z-index: 0;}
.page-top .sec-ticket .container	{position: relative; z-index: 1}
.page-top .sec-ticket .field	{margin-bottom: 50px; padding: 60px; background-color: rgba(255,255,255,0.75); border-radius: 10px; font-size: 2.0rem;}
.page-top .sec-ticket .field strong	{display: block; margin-bottom: 10px; font-size: 3.0rem}

.page-top .sec-gallery {position: relative; background-color: #efefef; padding-bottom: 169px; overflow: hidden;}
.page-top .sec-gallery:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; width: 50%; height: 225px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	
	
	
	
 z-index: 0;}
.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-outline {margin-top: -169px; padding-bottom: 60px;}
.page-top .sec-sponsor	{padding: 60px 0; background-color: #e7e7e7; text-align: center;}
.sec-sponsor dl dt	{font-family: 'Staatliches', cursive; font-weight: 400; text-align: center;}
.page-top .sec-archive	{padding: 60px 0; background-color: #fcca0f;}
.page-top .sec-archive ul li a	{display: block; color: #ffffff; background-color: rgba(0,0,0,1.00); text-align: center;}
.page-top .sec-sns	{padding: 60px 0;}
.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: "\f099";}
.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;}
.page-ticket table	{width: 100%;}
.page-ticket table th, .page-ticket table td	{padding: 20px;}
.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 tbody th	{background-color: #fcca0f; border-top: 5px solid #ffffff;}
.page-ticket .general table tbody th	{white-space: nowrap;}
.page-ticket table tbody td	{background-color: #f7f7f7; border-top: 5px solid #ffffff; border-left: 5px solid #ffffff;;}
.page-ticket .general table tbody td	{white-space: nowrap;}
.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-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{background: #000000; 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);}


@media (max-width: 834px) {
.scroll-point	{display: block; margin-top:-81px;  padding-top:81px; 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;}
.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 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;;}


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	{ height: 60px; margin: 0; padding: 10px;}
header h1:before	{display: inline-block; content: ""; width: 42px; height: 60px; margin-right: 10px; background: transparent url("../png/ggp-emblem-5.png") no-repeat left top; background-size: 42px;}
header h1 img	{ height: 35px}
header .date	{position: absolute; top: 54px; left: 62px; width: 194px; height: 12px; z-index: 0; border-bottom: 1px solid #000000;}
header button	{position: absolute; top: 10px; right: 10px; width: 40px; height: 60px; background: none; border: none; outline: none; overflow: hidden; z-index: 300}
header button:before	{display: block; content: "\f0c9"; height: 60px; line-height: 60px; font-family: fontAwesome; font-size: 2.5rem; text-align: center;}
header.open button:before	{content: "\f00d"; color: #ffffff;}
header nav	{display: none; position: relative; z-index: 100; text-align: center; height: 100%;}
header.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;}
header.open nav .gnav	{padding: 80px 20px 0;}
header nav ul.gnav > li a, header nav ul.gnav > li b	{display: block; position: relative; padding: 10px; background-color: transparent; border-top: 1px solid #666666; text-align: left;}
header nav ul.gnav > li em	{display: block; padding: 10px; border-top: 1px solid #666666; text-align: left;}
header nav ul.gnav > li a:before, header nav ul.gnav > li > b:before	{display: inline-block; content: "\f054"; margin-right: 5px; color: #fcca0f; font-family: fontAwesome; font-size: 1.2rem;}
header nav ul.gnav > li > b.open	{color: #aaaaaa; background-color: #333333;}
header nav ul.gnav > li > b.open:before	{color: #aaaaaa;}
header 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;}
header nav ul.gnav > li > b.open:after	{content: "\f077";}
header nav ul.gnav > li b + ul li a	{color: #ffffff !important; background-color: #333333; /*border-top: 1px solid #000000; font-size: 1.6rem;*/}
header nav ul.gnav > li a span, header 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: 'Staatliches', cursive; font-weight: 400; text-align: center;}

header 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;}
header nav .select-lang	{margin-bottom: 20px;}
header nav .select-lang ul li	{display: inline-block; width: 30px; margin-left: 5px; font-size: 1.6rem; text-align: center;}
header nav .select-lang ul li a	{display: block; font-family: 'Staatliches', cursive; font-size: 1.6rem}
header nav .select-lang ul li:first-child a	{color: #fcca0f; border-bottom: 1px solid #fcca0f;}
header nav .select-lang ul li:last-child a	{color: #ffffff;}
.lang-en header nav .select-lang ul li:first-child a	{color: #ffffff;}
.lang-en header nav .select-lang ul li:last-child a	{color: #000000; border-bottom: 1px solid #fcca0f;}
	
/*header nav .icon-sns	{position: absolute; top: -47px; left: 637px;}*/
header nav .icon-sns ul	{display: table; width: 100%; table-layout: fixed;}
header nav .icon-sns ul li	{display: table-cell; margin-left: 5px;}
header nav .icon-sns ul li a	{padding: 10px 0; border-top: none; font-family: 'Staatliches', cursive; font-weight: 400; text-align: center;}
header nav .icon-sns ul li a:before	{padding: 10px 0; border-top: none; font-size: 3.0rem;text-align: center;}
footer .row-lg .col:last-child	{width: 90px; margin: 0 auto 100px;}

.content	{padding-top: 80px;}


.item-cd	{position: fixed; left: 0; bottom: 10px; width: 100%; text-align: center;z-index: 150;}
.item-cd .field	{display: inline-block; width: 300px;  margin: 0 auto;}
.item-information .row-lg .col:first-child	{border-bottom: 2px solid #fcca0f;}
.item-information .row-lg .col:first-child strong	{display: block; width: 100px; margin: 0 auto;  padding: 5px 0; color: #000000; background-color: #fcca0f; border-top-right-radius: 5px; border-top-left-radius: 5px; font-size: 1.4rem; text-align: center;}
.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;}
.item-banner	{margin-top: 20px; text-align: center;}
.page-news .ui-news .item-banner	{padding: 0 20px}

.ui-tab ul	{ display: table; width: 100%; table-layout: fixed;	}
.ui-tab ul li	{ display: table-cell;}
.ui-tab ul li a, .ui-tab li span	{ height: 40px; line-height: 40px; font-size: 3vw;}
	.page-gallery .ui-tab	{ margin: 0 5px 10px 0}
	.page-gallery .ui-tab ul li a	{ margin-left: 5px;}

.ui-news ol.list li	{margin-bottom: 20px;}
.ui-news ol.list li:first-child	{padding: 0 20px}
.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 #c7c7c7;}
.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-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-lg.clearfix .col, .unit-3-lg.clearfix .col, .unit-4-lg.clearfix .col, .unit-5-lg.clearfix .col, .unit-6-lg.clearfix .col	{margin-bottom: 20px;}
.unit-2-lg.clearfix .col:last-child, .unit-3-lg.clearfix .col:last-child, .unit-4-lg.clearfix .col:last-child, .unit-5-lg.clearfix .col:last-child, .unit-6-lg.clearfix .col:last-child	{margin-bottom: 0;}
.unit-2-lg.clearfix.reset-b-sm .col, .unit-3-lg.clearfix.reset-b-sm .col, .unit-4-lg.clearfix.reset-b-sm .col, .unit-5-lg.clearfix.reset-b-sm .col, .unit-6-lg.clearfix.reset-b-sm .col	{margin-bottom: 0;}

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

.outline	{background-color: #ffffff;}
.body-article	{padding: 0 20px;}
.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;} 

.page-top section h1.ttl-header, article > .head-yellow > .container h1.ttl-header	{padding: 40px 20px 20px 20px; font-size: 1.4rem; }
.page-top section h1.ttl-header em, article > .head-yellow > .container h1.ttl-header em	{font-size: 4.0rem;}
.page-top .head-yellow:before { background-position: center -100px;}
article .head-yellow:before { width: 100%; background-position: center 50px; background-size: 1060px;}
article .head-yellow > .container h1.ttl-header { padding-top: 0; border-top: 26px solid #fcca0f;}
.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}
.page-top .sec-ticket .field	{margin: 0 20px 20px; padding: 20px; background-color: rgba(255,255,255,0.75); border-radius: 5px; font-size: 1.4rem;}
.page-top .sec-ticket .field strong	{font-size: 2.0rem}
.page-top .sec-gallery	{padding-bottom: 200px;}
.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; background-color: #ffffff;}
.sec-outline .container table th, .sec-outline .container table td	{font-size: 3.5vw;}
.sec-outline .container table th	{white-space: nowrap}

.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 2%;}

.page-top .sec-archive ul	{font-size: 0px;}
.page-top .sec-archive ul li	{display: inline-block; width: 30.666%; margin: 2% 0 0 2%; font-size: 1.6rem;}
.page-top .sec-archive ul li:nth-of-type(1), .page-top .sec-archive ul li:nth-of-type(2), .page-top .sec-archive ul li:nth-of-type(3)	{margin-top: 0;}
.page-top .sec-archive ul li a	{padding: 10px 0; line-height: 1.4; border-radius: 5px; font-weight: bold;}
.page-top .sec-archive ul li a:hover	{background-color: rgba(0,0,0,0.75);}
.page-top .sec-archive ul li a em	{display: block; font-family: 'Staatliches', cursive; font-weight: 400; font-size: 2.0rem; line-height: 1.0;}
.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	{padding: 10px; 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-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-top: 70px; font-size: 4vw; text-align: left;}
.banner-sns a:before{display: inline-block; position: absolute; top: 20px; left: 50%; margin-left: -50px; text-align: center; vertical-align: 0;}
.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}
}
.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: 180px;}
header .container	{position: relative;}
header button	{display: none;}
header h1	{position: absolute; top: 20px; left: 142px; margin: 0; padding: 0; z-index: 1;}
header h1:before	{display: block; position: absolute; top: -10px; left: -142px; content: ""; width: 120px; height: 169px; background: transparent url("../png/ggp-emblem-5.png") no-repeat left top; background-size: 120px;}
header nav	{position: absolute; top: 101px; left: 0; width: 100%; height: 79px; z-index: 0;}
header nav ul	{margin-left: 120px; font-size: 0px;}
header nav ul.gnav > li a, header nav ul.gnav > li b	{position: relative;}
header nav ul.gnav > li	{display: inline-block; position: relative; width: 155px; margin: 1px 0 0 1px; font-size: 1.6rem;}
/*header nav ul.gnav > li a span, header nav ul.gnav > li b span	{display: block; position: absolute; top: -15px; left: 0; content: "NEW"; width: 40px; height: 20px; line-height: 20px; color: #ffffff; background-color: #ee0000; font-family: 'Staatliches', cursive; font-weight: 400; text-align: center;}
header nav ul.gnav > li a span:after, header nav ul.gnav > li b span:after	{display: block; position: absolute; top: 20px; left: 15px; content: ""; width: 0;
height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ee0000 transparent transparent transparent;}*/
header 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: 'Staatliches', cursive; font-weight: 400; text-align: center;}
header nav ul.gnav > li b + ul li a	{color: #ffffff !important; background-color: #333333; border-top: 1px solid #000000; font-size: 1.6rem;}
header nav ul.gnav > li a, header nav ul.gnav > li b	{display: block; height: 38px; line-height: 38px; background-color: #000000; text-align: center;}
header nav ul.gnav > li b:hover + ul, header nav ul.gnav > li b + ul:hover	{display: block; position: absolute; left: 0; top: 38px; width: 155px; z-index: 10;}
header nav ul.gnav > li em	{display: block; height: 38px; line-height: 38px;color: #666666;  background-color: #222222; text-align: center;}
header 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;}
header 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;}
header nav .icon-sns	{position: absolute; top: -47px; left: 624px;}
header nav .icon-sns ul li	{display: inline-block; width: 30px; margin-left: 5px; font-size: 1.6rem;}
header nav .icon-sns ul li a	{display: block; height: 30px; line-height: 30px; border-radius: 15px; overflow: hidden; text-align: center;}
header nav .select-lang	{position: absolute; top: -82px; left: 659px;}
header nav .select-lang ul li	{display: inline-block; width: 30px; margin-left: 5px; font-size: 1.6rem; text-align: center;}
header nav .select-lang ul li a	{display: block; font-family: 'Staatliches', cursive; font-size: 1.6rem}
header nav .select-lang ul li:first-child a	{color: #000000; border-bottom: 1px solid #000000;}
header nav .select-lang ul li:last-child a	{color: #ffffff;}
.lang-en header nav .select-lang ul li:first-child a	{color: #ffffff;}
.lang-en header nav .select-lang ul li:last-child a	{color: #000000; border-bottom: 1px solid #000000;}
header nav .select-lang ul li a:hover	{color: #000000; border-bottom: 1px solid #000000;}
header .date	{position: absolute; top: 63px; left: 343px; width: 266px; height: 21px; z-index: 0; border-bottom: 1px solid #000000;}
footer .row-lg .col	{vertical-align: middle;}
footer .row-lg .col:last-child	{width: 90px}

.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}
	
.item-cd	{position: absolute; top: 10px; right: 0; width: 300px;}
.item-information .row-lg .col:first-child	{width: 140px; vertical-align: middle;}
.item-information .row-lg .col:first-child strong	{display: inline-block; position: relative; width: 140px; height: 60px; line-height: 60px; color: #000000; background-color: #fcca0f; font-size: 2.0rem; text-align: center; z-index: 10;}
.item-embed { text-align: center;}
.item-embed iframe { margin: 0 auto;}

.ui-tab ul	{ display: table; table-layout: fixed; width: 600px; margin: 0 auto 20px;}
.ui-tab ul li	{ display: table-cell;}
.ui-tab ul li a, .ui-tab li span	{ height: 60px; line-height: 60px; color: #ffffff; background-color: #000000; font-size: 1.6rem;}
.page-gallery .ui-tab	{ margin: 0 5px 10px 0}
.page-gallery .ui-tab ul li a	{ margin-left: 5px;}
.ui-tab ul li.active a, .ui-tab ul li a:hover	{ color: #333333; background-color: #fcca0f; border-color: #fcca0f;}

.ui-news ol.list	{font-size: 0;}
.page-top .ui-news ol.list	{margin-bottom: 40px;}
.ui-news ol.list li	{display: inline-block; width: 32.075%; margin-left: 1.886%; font-size: 1.6rem; vertical-align: top;}
.ui-news ol.list li:nth-of-type(3n+1)	{margin-left: 0;}
.ui-news ul.list li .row-lg .col:first-child	{width: 120px;}
.ui-news ul.list li a	{padding-top: 15px; padding-bottom: 15px;}
.sec-news .item-button, .sec-gallery .item-button {margin-top: 60px;}
.ui-news .row-lg > .col, .col-2.row-lg > .col	{vertical-align: top;}
.ui-news .row-lg > .col:first-child, .col-2.row-lg > .col:first-child	{width: 720px;}
.page-news.sub-detail .col-2.row-lg > .col:first-child	{padding-right: 20px; box-sizing: border-box;}
/*.ui-news .row-lg > .col:first-child, */.ui-news ul.list	{margin-right: 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 5px 0;}

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

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

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

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

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

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


.outline	{position: relative; padding-top: 20px; background: transparent url("../png/bg-article-2.png") repeat-y center top; z-index: 100;}
.page-top .item-mv { padding-bottom: 0; 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: 650px; margin: 0 auto;}
.page-top div.swiper-slide { width: 650px !important; margin: 0 !important;}
.page-top .item-mv div.swiper-slide.swiper-slide-active img { opacity: 1; filter: alpha(opacity=100);}
.page-top .sec-outline table th	{width: 1%; white-space: nowrap;box-sizing: border-box;}
.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: 12.264%;*/width: 14.150%;}
.sec-sponsor dl dd ul li:first-child, .sec-sponsor dl dd:last-child ul li:nth-of-type(6n+1)	{margin-left: 0;}
.page-top section.sec-archive h1.ttl-header	{padding-top: 60px;}
.page-top .sec-archive ul	{font-size: 0px;}
.page-top .sec-archive ul li	{display: inline-block; width: 15.566%; margin-left: 1.132%; font-size: 1.6rem;}
.page-top .sec-archive ul li a	{padding: 10px 0; line-height: 1.4; border-radius: 5px; font-weight: bold;}
.page-top .sec-archive ul li a:hover	{background-color: rgba(0,0,0,0.75);}
.page-top .sec-archive ul li a em	{display: block; font-family: 'Staatliches', cursive; font-weight: 400; font-size: 2.0rem; line-height: 1.0;}
.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-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: 'Staatliches', cursive; 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}
.item-cd	{height: 81px; background: #fcca0f url("../png/logo-seiko-3.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.clearfix > .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){
}