/*=======================
基本設定
=======================*/

@font-face {
	font-family: "Sequel 100 45";
	src: url("../font/Sequel 100 Wide 45.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 46";
	src: url("../font/Sequel 100 Wide 46.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 55";
	src: url("../font/Sequel 100 Wide 55.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 56";
	src: url("../font/Sequel 100 Wide 56.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 65";
	src: url("../font/Sequel 100 Wide 65.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 66";
	src: url("../font/Sequel 100 Wide 66.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 75";
	src: url("../font/Sequel 100 Wide 75.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 76";
	src: url("../font/Sequel 100 Wide 76.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 85";
	src: url("../font/Sequel 100 Wide 85.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 86";
	src: url("../font/Sequel 100 Wide 86.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 95";
	src: url("../font/Sequel 100 Wide 95.ttf") format("truetype");
}

@font-face {
	font-family: "Sequel 100 96";
	src: url("../font/Sequel 100 Wide 96.ttf") format("truetype");
}

/*=======================
共通パーツ
=======================*/

body {
	font-family: "YuGothic", "Yu Gothic", "Noto Sans JP", sans-serif;
	font-size: 16px;
}

body.-fixed {
	height: 100%;
	position: fixed;
	width: 100%;
}

.inner {
	margin: 0 auto;
	max-width: 1206px;
	width: 100%;
}

.secTitle {
	text-align: center;
}

.secTitle .title-en {
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	font-size: 48px;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

.secTitle .title-en.-red {
	color: #d61c1d;
	text-decoration: underline;
	text-decoration-color: #d61c1d;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

.btn {
	align-items: center;
	color: #FFFFFF;
	cursor: pointer;
	display: flex;
	font-weight: bold;
	justify-content: center;
}

.btn.-headerTranslate {
	background: #000;
	font-size: 10px;
	height: 30px;
	letter-spacing: 0.05em;
	width: 76px;
}

.btn.-headerTickets {
	background: #d61c1d;
	font-family: "Sequel 100 65", "Noto Sans JP", sans-serif;
	font-weight: normal;
	height: 30px;
	letter-spacing: 0.05em;
	transition: all 0.3s ease;
	width: 160px;
}

.btn.-headerTickets.-notAvailable {
	display: block;
	pointer-events: none;
	text-align: center;
}

.btn.-headerTickets.-notAvailable .-subText {
	display: block;
	font-family: "YuGothic", "Yu Gothic", "Noto Sans JP", sans-serif;
	font-size: 12px;
}

.btn.-lrg {
	align-items: center;
	background: #d61c1d;
	font-size: 24px;
	font-weight: bold;
	height: 60px;
	letter-spacing: 0.05em;
	transition: all 0.3s ease;
	width: 100%;
}

.btn.-lrg span.-en {
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	font-size: 27px;
	margin-right: 6px;
}

.btn.-lrg svg {
	fill: #FFFFFF;
	display: block;
	height: 17px;
	margin-left: 15px;
	transition: all 0.3s ease;
	width: 17px;
}

.btn.-lrg.-notAvailable {
	pointer-events: none;
}

br.is-pc {
	display: inline;
}

br.is-pc900 {
	display: none;
}

br.is-sp {
	display: none;
}

br.is-sp374 {
	display: none;
}

span.is-pc {
	display: inline;
}

span.is-sp {
	display: none;
}

.page-wrapper {
	/* padding-bottom: 110px; */
	padding-top: 100px;
}

.bgextend {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-name: bgextendAnimeBase;
	opacity: 0;
	overflow: hidden; /*　はみ出た色要素を隠す　*/
	position: relative;
}

/*中の要素*/

.bgappear {
	animation-delay: 0.4s;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	animation-name: bgextendAnimeSecond;
	opacity: 0;
}

/*左から右*/

.bgLRextend::before {
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	animation-name: bgLRextendAnime;
	background-color: #d61c1d; /*伸びる背景色の設定*/
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.bgappearTrigger,
.bgLRextendTrigger {
	opacity: 0;
}

.js-fadeIn {
	opacity: 0;
	transition: opacity 0.7s;
}

.js-fadeIn.is-inview {
	opacity: 1;
}

/* Google Language Translator style */
#google_language_translator{
	height: 30px;
}
#google_language_translator .goog-te-gadget .goog-te-combo{
	width: 120px;
}

.translator-btn{
	margin-right: 24px;
	height: 32px;
	opacity: 0;
}

#glt-translate-trigger{
	/* position: absolute!important; */
    top: 35px!important;
	top: 50px!important;
    right: 200px!important;
    width: 120px;
    /* height: 24px; */
    padding: 8px 0px!important;
    line-height: 1;
    box-shadow: none!important;
    /* opacity: 0; */
    font-size: 12px;
	z-index: 200!important;
}

#glt-translate-trigger > span{
	font-size: 12px;
}

div.tool-container > div.tool-items > a.tool-item {
    background: none !important;
    min-width: 85%;
    text-decoration: none;
}
div.tool-container > div.tool-items > a.tool-item::after {
    display: block;
    white-space: nowrap;
    content: attr(title);
	color: #000;
	font-size: 12px;
}

#flags{
	width: 116px!important;
}

/* / Google Language Translator style */


.deco-bottom{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 60%;
	max-width: calc(1366px / 2);
}

.deco-bottom img{
	width: 100%;
	height: auto;
}

.txt-color-red{
	font-size: 12px;
}

/*=======================
ヘッダー
=======================*/

.header {
	align-items: center;
	background: #FFFFFF;
	display: flex;
	height: 100px;
	justify-content: space-between;
	padding: 0 20px;
	position: fixed;
	width: 100%;
	z-index: 100;
}

.header-left {
	align-items: center;
	display: flex;
}

.logo-wrapper {
	align-items: center;
	display: flex;
	padding-right: 24px;
	transition: all 0.3s ease;
}

.logo {
	display: block;
	height: 50px;
	width: 97px;
}

.logo img {
	display: block;
	height: auto;
	width: 100%;
}

.logo-title {
	border-left: 1px solid #000000;
	padding-left: 24px;
}

.logo-title span {
	color: #000000;
	display: block;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: normal;
	margin-bottom: 5px;
}

.logo-title span:last-child {
	margin-bottom: 0;
	text-align: right;
}

.logo-title span.-date {
	font-family: "Sequel 100 45", "Noto Sans JP", sans-serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 0.05em;
}

.logo-title span.-date .-font {
	display: inline;
	font-size: 10px;
}

.logo-title span.-en {
	display: inline-block;
	font-family: "Sequel 100 45", "Noto Sans JP", sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
}

.logo-title.-footer {
	border-left: none;
	padding-left: 49px;
}

.logo-title.-footer span {
	color: #FFFFFF;
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
}

.logo-title.-footer span.-txt02 {
	font-size: 11px;
	letter-spacing: normal;
	margin-bottom: 14px;
	margin-top: 14px;
}

.logo-title.-footer span.-txt03 {
	font-family: "YuGothic", "Yu Gothic", "Noto Sans JP", sans-serif;
	font-size: 12px;
	letter-spacing: normal;
}

.logo-title.-footer span.-date {
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	font-size: 20px;
}

.logo-title.-footer span.-font {
	display: inline;
	font-size: 12px;
}

.logo-title.-footer span.-en {
	font-size: 13px;
}

nav .nav-items {
	align-items: center;
	display: flex;
}

nav .nav-item:last-child {
	margin-right: 0;
}

nav .nav-item-link {
	font-family: "Sequel 100 45", "Noto Sans JP", sans-serif;
	letter-spacing: 0.05em;
	transition: all 0.3s ease;
}

nav.-header {
	margin-bottom: 16px;
}

nav.-header .nav-items {
	justify-content: right;
}

nav.-header .nav-item {
	margin-right: 14px;
}

nav.-header .nav-item:last-child {
	margin-right: 0;
}

nav.-header .nav-item-link {
	color: #000000;
	font-family: "Sequel 100 95", "Noto Sans JP", sans-serif;
	font-size: 12px;
}

nav.-footer {
	border-bottom: 1px solid #787878;
	padding-bottom: 33px;
}

nav.-footer .nav-item {
	margin-right: 25px;
}

nav.-footer .nav-item-link {
	color: #FFFFFF;
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	font-size: 16px;
}

.header-item-container {
	align-items: center;
	display: flex;
	justify-content: right;
}

.sns-items {
	align-items: center;
	display: flex;
	margin-right: 17px;
}

.sns-item {
	display: block;
	margin-right: 16px;
	transition: all 0.3s ease;
}

.sns-item:last-child {
	margin-right: 0;
}

.sns-item.-sns01,
.sns-item.-sns02 {
	height: 24px;
	width: 24px;
}

.sns-item.-sns03 {
	align-items: center;
	display: flex;
	height: 26px;
	width: 22px;
}

.sns-item.-sns04 {
	align-items: center;
	display: flex;
	height: 20px;
	width: 28px;
}

.sns-item img {
	display: block;
	height: auto;
	width: 100%;
}

.btn-items {
	align-items: center;
	display: flex;
	/* gap: 24px; */
}

.btn-items .btn {
	margin-right: 16px;
}

.btn-items .btn:last-child {
	margin-right: 0;
}

.drawer-icon {
	display: none;
}

.drawer-icon-dots {
	height: 2.4rem;
	margin: 0 auto;
	position: relative;
	width: 2.4rem;
}

.drawer-icon-dot {
	background: #000000;
	border-radius: 50%;
	height: 0.8rem;
	position: absolute;
	width: 0.8rem;
}

.drawer-icon-dot:nth-child(1) {
	left: 0;
	top: 0;
}

.drawer-icon-dot:nth-child(2) {
	right: 0;
	top: 0;
}

.drawer-icon-dot:nth-child(3) {
	bottom: 0;
	right: 0;
}

.drawer-icon-dot:nth-child(4) {
	bottom: 0;
	left: 0;
}

.drawer-icon-txt {
	color: #000000;
	display: inline-block;
	font-family: "Sequel 100 45", "Noto Sans JP", sans-serif;
	font-size: 1rem;
	margin-top: 0.8rem;
}

.drawer-icon-txt.-close {
	color: #FFFFFF;
}

.drawer {
	display: none;
}

.drawer .sns-items {
	justify-content: end;
	margin-right: 0;
	margin-top: 6.9rem;
}

.drawer-head {
	align-items: center;
	display: flex;
	height: 8rem;
	padding: 0 1.1rem 0 1.3rem;
}

.drawer-close {
	cursor: pointer;
	display: block;
	margin-left: auto;
	min-height: 4.2rem;
	min-width: 4.1rem;
	padding: 0.1rem;
	position: relative;
	text-align: center;
}

.drawer-bars {
	height: 2.9rem;
	margin: 0 auto;
	position: relative;
	width: 2.9rem;
}

.drawer-bar {
	background: #FFFFFF;
	height: 0.1rem;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 3.5rem;
}

.drawer-bar:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}

.drawer-bar:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.drawer-body {
	height: calc(100% - 3.3rem - 8rem);
	margin-top: 1.7rem;
	overflow-y: auto;
}

.drawer-nav {
	border-bottom: 1px solid #787878;
	padding-bottom: 3.1rem;
}

.drawer-item {
	margin-bottom: 2.2rem;
}

.drawer-item:last-child {
	margin-bottom: 0;
}

.drawer-item-link {
	color: #FFFFFF;
	display: inline-block;
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
}

.drawer-bg {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

.drawer-bg.is-active {
	display: block;
}

/*=======================
フッター
=======================*/

.footer {
	background: #000000;
	padding: 97px 40px 20px;
}

.footer-items {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 0;
	margin-top: 53px;
}

.footer-item {
	border-right: 1px solid #787878;
	color: #FFFFFF;
}

.footer-item.-flex {
	align-items: center;
	display: flex;
}

.footer-item:last-child {
	border-right: none;
}

.footer-item.-item01 {
	padding-right: 20px;
}

.footer-item.-item02 {
	padding: 0 20px 0 20px;
}

.footer-item.-item03 {
	/* padding-left: 40px; */
	padding-top: 40px;
	padding-left: 20px;
}


.footer-logo {
	display: block;
	height: 95px;
	transition: all 0.3s ease;
	width: 80px;
}

.footer-logo img {
	display: block;
	height: auto;
	width: 100%;
}

.footer-contact-title {
	display: block;
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	letter-spacing: 0.05em;
	margin-bottom: 24px;
}

.footer-item-txt {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 14px;
	line-height: 1.6;
}

.footer-item-txt:last-child {
	margin-bottom: 0;
}

.footer-item-txt.-en {
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	/* font-weight: normal; */
}

a.footer-item-txt {
	transition: all 0.3s ease;
}

.footer-bottom {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.copyright span {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.05em;
}

/*=======================
トップ / MV
=======================*/

section#mv {
	align-items: center;
	/* background: #d61c1d; */
	background-image: url(https://wstjapan.jp/wp-content/uploads/2025/08/kv-pc.jpg);
	background-size: cover;
	display: flex;
	height: min(54.1rem, 541px);
	justify-content: center;
}

.mv-img {
	height: auto;
	width: 100%;
}

.mv-img img {
	display: block;
	height: auto;
	width: 100%;
}

/*=======================
トップ / NEWS/COLUMN
=======================*/

section#topNews {
	padding-top: 69px;
}

.topNews-head .secTitle {
	text-align: left;
}

.topNews-head-container {
	align-items: end;
	border-bottom: 1px solid #000000;
	display: flex;
	justify-content: space-between;
}

.topNews-link-wrapper {
	margin-bottom: 9px;
}

.topNews-link {
	color: #000000;
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	letter-spacing: 0.05em;
	transition: all 0.3s ease;
}

.topNews-slider {
	margin-top: 40px;
}

.topNews-slider .swiper-wrapper {
	transition-timing-function: linear;
}

.topNews-slider .swiper-slide {
	margin: 0 12px;
	width: 386px;
}

.topNews-slider .swiper-slide img {
	-o-object-fit: cover;
	height: 217px;
	object-fit: cover;
	width: 386px;
	object-position: 50% 0%;
}

.topNews-slider .bg-txt {
	bottom: 0;
	color: rgba(217, 217, 217, 0.3);
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	font-size: min(16rem, 160px);
	/* left: 50%; */
	/* transform: translateX(-50%); */
	right: 0;
	position: absolute;
	white-space: nowrap;
}

.topNews-item {
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

.topNews-item-img {
	position: relative;
}

.topNews-item-cat,
.topNews-item-date {
	background: #FFFFFF;
	color: #d61c1d;
	font-family: "Sequel 100 95", "Noto Sans JP", sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 16px;
	padding: 0 7px;
	position: absolute;
}

.topNews-item-cat {
	left: 10px;
	top: 10px;
}

.topNews-item-date {
	bottom: 10px;
	right: 10px;
}

.photographer-name p{
	position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    font-size: 10px;
}

.topNews-item-title {
	border-bottom: 1px solid #d61c1d;
	color: #000000;
	flex-grow: 1;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.375;
	margin-top: 14px;
	padding-bottom: 8px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	height: auto!important;
    min-height: 48px;
}

.topNews-item-txt {
	color: #8b8b8b;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-top: 10px;
}

/*=======================
トップ / ABOUT
=======================*/

section#topAbout {
	padding-top: 80px;
	position: relative;
}

.topAbout-bg {
	opacity: 0.8;
	position: absolute;
	z-index: -1;
}

.topAbout-bg.-bg01 {
	height: 533px;
	right: 0;
	top: 169px;
	width: 800px;
}

.topAbout-bg.-bg01 img {
	height: auto;
	width: 100%;
}

.topAbout-bg.-bg02 {
	height: 450px;
	left: 0;
	top: 479px;
	width: 520px;
}

.topAbout-bg.-bg02 img {
	height: auto;
	width: 100%;
}

.topAbout-box {
	background: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	padding: 32px;
}

.topAbout-box-head {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.topAbout-box-head span {
	display: inline-block;
	font-family: "Sequel 100 45", "Noto Sans JP", sans-serif;
	font-size: 10px;
	letter-spacing: 0.05em;
}

.topAbout-items {
	align-items: center;
	display: flex;
	gap: 0 33px;
	margin-top: 68px;
}

.topAbout-item .secTitle .title-en {
	border-left: 2px solid #d61c1d;
	font-family: "Sequel 100 95", "Noto Sans JP", sans-serif;
	line-height: 1.1;
	margin-left: -8px;
	margin-top: -49px;
	transform: rotate(180deg);
	white-space: pre;
	writing-mode: vertical-lr;
}

.topAbout-item-lead {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.6;
	text-decoration: underline;
	text-decoration-color: #d61c1d;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

.topAbout-item-txt {
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-top: 18px;
}

.topAbout-item-txt span {
	display: inline-block;
	margin-bottom: 15px;
}

.topAbout-item-txt span:last-child {
	margin-bottom: 0;
}

.topAbout-box-bottom {
	font-family: "Sequel 100 45", "Noto Sans JP", sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	margin-top: 15px;
	text-align: right;
}

.topAbout-box-bottom span.-font14 {
	font-size: 10px;
}

.topAbout-box-bottom span.-font16 {
	font-size: 16px;
}

.topAbout-deco-txt {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 49px;
}

.topAbout-deco-txt span {
	color: #d61c1d;
	display: inline-block;
	font-family: "Sequel 100 95", "Noto Sans JP", sans-serif;
	font-size: 12px;
}

.topAbout-deco-txt span:nth-child(2) {
	margin-left: 95px;
}

.infoBox {
	margin-top: 46px;
	text-align: right;
}

.infoBox.-drawer {
	color: #FFFFFF;
	text-align: left;
}

.infoBox-title {
	font-family: "Sequel 100 95", "Noto Sans JP", sans-serif;
	font-size: min(4.8rem, 48px);
	letter-spacing: 0.05em;
	line-height: 1.2083333333;
}

.infoBox-txt {
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-top: 31px;
}

.infoBox-txt span.-txt01,
.infoBox-txt span.-txt02,
.infoBox-txt span.-txt03 {
	display: block;
}

.infoBox-txt span.-txt01 {
	font-size: min(2.6rem, 26px);
	font-weight: bold;
	letter-spacing: normal;
}

.infoBox-txt span.-txt02 {
	font-family: "Sequel 100 45", "Noto Sans JP", sans-serif;
	font-size: min(5.5rem, 55px);
	margin: 4px 0 8px;
}

.infoBox-txt span.-txt03 {
	font-size: 32px;
	letter-spacing: normal;
}

.infoBox-txt span.-font {
	font-size: 26.5px;
}

.infoBox-txt span.-en {
	display: inline;
	font-family: "Sequel 100 45", "Noto Sans JP", sans-serif;
	letter-spacing: 0.05em;
}

.info-btn {
	margin-top: 36px;
}

/*=======================
トップ / OFFICIAL PARTNERS
=======================*/

section#partners {
	padding: 110px 0 160px;
}

section#partners .secTitle .title-en {
	text-underline-offset: 12px;
}

.partners-items {
	grid-gap: 40px 30px;
	display: grid;
	grid-template-columns: repeat(auto-fit, 279px);
	justify-content: center;
	margin-top: 39px;
}

.partners-item {
	height: 50px;
}

.partners-item-link {
	display: block;
	height: 100%;
	transition: all 0.3s ease;
	width: 100%;
}

.partners-item-link .dummy-box {
	/* background: grey; */
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.dummy-box_sports{
	background-size: 63%;
}

.dummy-box_tokyoto{
	background-size: 90%;
}

.dummy-box_instyle{
	background-size: 90%;
}

.dummy-box_xmobile{
	background-size: 90%;
}

.dummy-box_airwalk{
	background-size: cover;
}

.dummy-box_his{
	background-size: cover;
}

.dummy-box_kodansha{
	background-size: 85%;
}

.dummy-box_keirin{
	background-size: 55%;
}

.dummy-box_cycle{
	background-size: 45%;
}

.dummy-box_hibino{
	background-size: cover;
}

.dummy-box_california{
	background-size: cover;
}

.dummy-box_redbull{
	background-size: 50%;
}

/*=======================
下層 / ARCHIVE
=======================*/

#contents{
	background-color: #d9d9d9;
}

.page-archive .topNews-head-container{
	margin-bottom: 40px;
}

#page #contents .sec-inner {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: calc( 100px + 80px ) 80px;
	/* max-width: calc(1366px - 160px); */
  }
  #page #contents {
	/* max-width: calc((1024 / 1366) * 100vw); */
	/* max-width: 1000px; */
	margin: auto;
  }
  
  #page.archive #contents,
  #page.gallery #contents,
  #page.playguide #contents,
  #page.partners #contents,
  #page.ticket-list #contents{
	max-width: none;
  }
  
  #page.partners #contents .group h2 {
	color: #000;
  }

  #unit {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: calc((100 / 1366) * 100vw);
	/* justify-content: space-between; */
	gap: 40px 24px;
  }
  #unit li {
	width: calc(100% / 3 - 16px);
  }
  
  #unit a {
	display: block;
  }
  #unit .thumb {
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: calc((15 / 1366) * 100vw);
	overflow: hidden;
  }

  #sort-links .partition{
	margin: 0 16px;
  }

  
  #unit li .thumb-img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	background-position: center top;
	background-size: cover;
  }
  
  #unit li .copy {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: calc((5 / 1366) * 100vw) calc((10 / 1366) * 100vw);
	right: 0;
	text-align: right;
  }
  #unit li .copy span {
	color: #fff;
	letter-spacing: -0.01em;
	font-weight: normal;
  }

  .wp-pagenavi {
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .wp-pagenavi .current,
  .wp-pagenavi .page,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
	font-size: 18px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	margin: 0 10px;
	border: solid 2px #000;
	position: relative;
	color: #000;
  }
  .wp-pagenavi .current {
	background-color: #d5181d;
	color: #fff;
  }
  
  .wp-pagenavi .nextpostslink::before,
  .wp-pagenavi .previouspostslink::before {
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 12px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
  }
  .wp-pagenavi .previouspostslink::before {
	transform: rotate(315deg);
	transform: rotate(225deg);
	left: 18px;
  }
  .wp-pagenavi a:hover,
  .wp-pagenavi a:hover::before {
	background-color: #000;
	color: #fff;
  }
  .wp-pagenavi a:hover::before {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
  }

  #page #topAbout{
	background-image: url("https://wstjapan.jp/wp-content/uploads/2023/09/parts-ticket-bg.jpg");
	background-size: cover;
	padding-bottom: 80px;
  }

  #page section#partners{
	padding: 80px 0px;
  }

/*=======================
下層 / SINGLE
=======================*/

.single-fv{
    height: 100vh;
    width: 100%;
    aspect-ratio: 16/9;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    position: relative;
    background-position: center top;
  }
  .single-fv-inner{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
  }

  .single-fv-inner .photographer-name{
	position: absolute;
    bottom: 10px;
    right: 40px;
    width: 100%;
    text-align: right;
  }

  .single-fv-inner .photographer-name p{
	width: 100%;
  }

  .single-fv-txt{
    position: absolute;
    bottom: 100px;
    left: 40px;
	width: 70%;
  }
  .single-info{
    display: flex;
    margin-bottom: 20px;
  }


  .single-info .topNews-item-cat , .single-info .topNews-item-date{
	padding: 3px 7px;
  }

  .single-info .topNews-item-date{
	padding-left: 0;
  }

  .single-info .topNews-item-date , .single-info .topNews-item-cat{
    position: static;
  }
  .single-tit h2{
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    line-height: 1.6;
    text-decoration: underline;
    text-decoration-color: #d61c1d;
  }
  .deco-txt{
    position: absolute;
    top: 50%;
    right: -5%;
    transform: rotate( -90deg );
    color: #d5181d;
    font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
    font-size:12px;
  }


  .single-contents-area{
    padding: 80px;
  }

  .single-contents-area .iframe-warp{
	position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .single-contents-area .iframe-warp iframe{
	position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .single-contents-area h2{
    font-size:24px;
    line-height: 1.4;
    text-decoration: underline;
    text-decoration-color: #d61c1d;
	font-weight: bold;
  }

  .single-contents-area h3{
    font-size:20px;
    color:#fff;
    background-color: #d61c1d;
    display: inline-block;
	font-weight: bold;
	padding: 5px;
  }

  .single-contents-area p{
    font-size:16px;
    line-height: 2;
    margin: 32px auto;
  }

  .single-contents-area p a{
	text-decoration: underline;
	color: #000;
	display: inline-block;
    word-break: break-all;
  }

  .single-contents-area img{
    width: 100%;
  }

  .main-single #topAbout{
	background-image: url("https://wstjapan.jp/wp-content/uploads/2023/09/parts-ticket-bg.jpg");
	background-size: cover;
	padding-bottom: 80px;
  }

  .main-single #topAbout .infoBox{
	margin-top: 0;
  }

  .main-single section#partners{
	padding: 80px 0px;
  }

/*=======================
下層 / PAGE-ABOUT / FAQ
=======================*/

#page .single-tit{
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

#page .topNews-head-container{
	margin-bottom: 40px;
}

#page .single-tit h2{
	font-size: 48px;
	letter-spacing: 4px;
	width: 100%;
    font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
    text-decoration: unset;
}

.contents-toc{
	background-color: #d9d9d9;
	margin-bottom: 64px;
}
.contents-toc-inner{
	padding: 40px 20px;
}

.contents-toc-inner ul{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	gap: 24px;
}

.contents-toc-inner ul li{
	width: calc(50% - 12px);
    font-size: 16px;
    font-weight: bold;
	border-bottom: 1px solid #000;
    padding-bottom: 5px
}

.contents-toc-inner ul li a{
	position: relative;
    display: flex;
    justify-content: space-between;
	color: #000;
	transition: 0.5s ease 0s;
}

.contents-toc-inner ul li a:hover{
	opacity: .5;
}

.contents-toc-inner ul li a::after{
	content: url(../img/arrow.svg);
	display: block;
}

.page-id-47 h2{
	font-size: 24px;
	text-decoration: none;
	padding-top: 120px;
    margin-top:-120px;
}

.page-id-47 h3{
	margin-top: 24px;
}

.page-id-47 p{
	margin: 16px auto;
}

/*=======================
YARPP
=======================*/

.yarpp-related{
	margin-bottom: 0em!important;
    margin-top: 0em!important;
}

.yarpp-related #contents{
	padding: 80px 80px;
}

.yarpp-related #contents .topNews-head-container{
	margin-bottom: 40px;
}

@media (hover: hover) and (pointer: fine) {

.btn.-headerTickets:hover {
	background: #000;
	color: #d61c1d;
}

.btn.-lrg:hover {
	background: #000;
	color: #d61c1d;
}

.btn.-lrg:hover svg {
	fill: #d61c1d;
}

.logo-wrapper:hover {
	opacity: 0.5;
}

nav .nav-item-link:hover {
	opacity: 0.5;
}

.sns-item:hover {
	opacity: 0.5;
}

.footer-logo:hover {
	opacity: 0.5;
}

a.footer-item-txt:hover {
	opacity: 0.5;
}

.topNews-link:hover {
	opacity: 0.5;
}

.topNews-item:hover {
	opacity: 0.5;
}

.partners-item-link:hover {
	opacity: 0.5;
}

}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {

.btn.-headerTickets:hover {
	background: #000;
	color: #d61c1d;
}

.btn.-lrg:hover {
	background: #000;
	color: #d61c1d;
}

.btn.-lrg:hover svg {
	fill: #d61c1d;
}

.logo-wrapper:hover {
	opacity: 0.5;
}

nav .nav-item-link:hover {
	opacity: 0.5;
}

.sns-item:hover {
	opacity: 0.5;
}

.footer-logo:hover {
	opacity: 0.5;
}

a.footer-item-txt:hover {
	opacity: 0.5;
}

.topNews-link:hover {
	opacity: 0.5;
}

.topNews-item:hover {
	opacity: 0.5;
}

.partners-item-link:hover {
	opacity: 0.5;
}

}

@media screen and (min-width:768px) {

html { /* 10px / カンプ幅(ex.1366px) × 100% = 0.732064vw*/
	font-size: 0.7320644217vw;
}

}

@media not screen and (min-width:768px) {

.dummy-box_sports{
	background-size: 75%;
}

/* .dummy-box_tokyoto{

}

.dummy-box_instyle{

}

.dummy-box_xmobile{

}

.dummy-box_airwalk{

}

.dummy-box_his{

}

.dummy-box_kodansha{

} */

.dummy-box_keirin{
	background-size: 75%;
}

.dummy-box_cycle{
	background-size: 60%;
}

/* .dummy-box_hibino{

}

.dummy-box_california{

} */

.dummy-box_redbull{
	background-size: 70%;
}

.single-fv-inner .photographer-name{
	right: 20px;
}

#glt-translate-trigger{
	top: calc(3.6% + 48px)!important;
	right: 21.5%!important;
	width: 30%;
	padding: 4px 0px!important;
}

html { /* 10px / 360 * 100% */
	font-size: 2.6666666667vw;
}

.inner {
	max-width: initial;
	width: 33.5rem;
}

.secTitle .title-en {
	font-size: 2.4rem;
	line-height: 1.2;
}

.btn.-headerTranslate {
	font-size: 1rem;
	height: 1.6rem;
	width: 8rem;
}

.btn.-headerTickets {
	font-size: 1.2rem;
	height: 2.4rem;
	width: 12rem;
}

.btn.-headerTickets.-notAvailable .-subText {
	font-size: 1rem;
}

.btn.-lrg {
	font-size: 1.4rem;
	height: 6rem;
}

.btn.-lrg span.-en {
	font-size: 1.6rem;
	margin-right: 0.6rem;
}

.btn.-lrg svg {
	height: 1.1rem;
	margin-left: 1.5rem;
	width: 1.1rem;
}

br.is-pc {
	display: none;
}

br.is-pc900 {
	display: inline;
}

br.is-sp {
	display: inline;
}

span.is-pc {
	display: none;
}

span.is-sp {
	display: inline;
}

.page-wrapper {
	/* padding-bottom: 5rem; */
	padding-top: 8rem;
}

.header {
	height: 8rem;
	padding: 0 1.3rem;
}

.logo-wrapper {
	padding-right: 0;
}

.logo {
	height: 4rem;
	width: 7.6rem;
}

.logo-title.-header {
	display: none;
}

.logo-title.-footer {
	padding-left: 1.6rem;
	text-align: right;
}

.logo-title.-footer span.-txt02 {
	font-size: 1rem;
	margin-bottom: 1.4rem;
	margin-top: 1.4rem;
}

.logo-title.-footer span.-txt03 {
	font-size: 1rem;
}

.logo-title.-footer span {
	font-size: 1rem;
	margin-bottom: 1.3rem;
}

.logo-title.-footer span:last-child {
	margin-bottom: 0;
}

.logo-title.-footer span.-date {
	font-size: 1.6rem;
}

.logo-title.-footer span.-font {
	font-size: 1rem;
	transform: scale(0.8);
}

.logo-title.-footer span.-en {
	font-size: 1rem;
	margin-bottom: 0;
}

nav.-header {
	display: none;
}

nav.-footer {
	padding-bottom: 3.8rem;
}

nav.-footer .nav-items {
	display: block;
}

nav.-footer .nav-item {
	margin-bottom: 0.9rem;
	margin-right: 0;
}

nav.-footer .nav-item:last-child {
	margin-bottom: 0;
}

nav.-footer .nav-item-link {
	font-size: 1.2rem;
}

.sns-items.-header {
	display: none;
}

.sns-item {
	margin-right: 1.6rem;
}

.sns-item.-sns01,
.sns-item.-sns02 {
	height: 2.4rem;
	width: 2.4rem;
}

.sns-item.-sns03 {
	height: 2.6rem;
	width: 2.2rem;
}

.sns-item.-sns04 {
	height: 2rem;
	width: 2.8rem;
}

.btn-items {
	flex-direction: column-reverse;
	gap: 4px;
}

.btn-items .btn {
	margin-left: auto;
	margin-right: 0;
	margin-top: 1rem;
}

.btn-items .btn:last-child {
	margin-top: 0;
}

.drawer-icon {
	cursor: pointer;
	display: block;
	height: 4.2rem;
	margin-left: 2.9rem;
	position: relative;
	text-align: center;
	width: 3.5rem;
}

.drawer {
	background: rgba(0, 0, 0, 0.97);
	display: block;
	height: 100%;
	overflow-y: auto;
	padding-bottom: 3.3rem;
	position: fixed;
	right: 0;
	right: -105%;
	top: 0;
	transition: 0.5s ease 0s;
	width: 100%;
	z-index: 299;
}

.drawer.is-active {
	right: 0;
}

.footer {
	padding: 6.2rem 2rem 1.4rem;
}

.footer-items {
	display: block;
	margin-top: 4rem;
}

.footer-item {
	border-bottom: 1px solid #787878;
	border-right: none;
}

.footer-item:last-child {
	border-bottom: none;
}

.footer-item.-item01 {
	display: block;
	padding-bottom: 4rem;
	padding-right: 0;
}

.footer-item.-item02 {
	padding: 2.7rem 0 3.2rem;
}

.footer-item.-item03 {
	padding: 3.1rem 0 0;
}

.footer-logo {
	align-items: center;
	display: flex;
	height: 7.6rem;
	width: 6.4rem;
}

.footer-contact-title {
	font-size: 1.6rem;
	margin-bottom: 1.9rem;
}

.footer-item-txt {
	font-size: 1.2rem;
	margin-bottom: 1.1rem;
}

.footer-bottom {
	display: block;
	margin-top: 6.4rem;
}

.copyright {
	margin-top: 6.3rem;
}

.copyright span {
	font-size: 1rem;
}

section#mv {
	background-image: url(https://wstjapan.jp/wp-content/uploads/2025/08/kv-sp.jpg);
	height: 43.1rem;
}

section#topNews {
	padding-top: 6.9rem;
}

.topNews-head-container {
	display: block;
}

#topNews .topNews-head-container{
	display: flex;
}

.topNews-link-wrapper {
	margin-bottom: 1rem;
	margin-top: 2rem;
	text-align: right;
}

.topNews-link {
	display: inline-block;
	font-size: 1.2rem;
}

.topNews-slider {
	margin-top: 4rem;
}

.topNews-slider .swiper-slide {
	margin: 0 1rem;
	width: 30rem;
}

.topNews-slider .swiper-slide img {
	height: 17rem;
	width: 30rem;
}

.topNews-slider .bg-txt {
	font-size: 3.6rem;
}

.topNews-item-cat,
.topNews-item-date {
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding: 0 0.7rem;
}

.topNews-item-cat {
	left: 1rem;
	top: 1rem;
}

.topNews-item-date {
	bottom: 1rem;
	right: 1rem;
}

.topNews-item-title {
	font-size: 1.4rem;
	margin-top: 1.4rem;
	padding-bottom: 2px;
	min-height: auto;
}

.topNews-item-txt {
	font-size: 1rem;
	margin-top: 1rem;
}

section#topAbout {
	padding-top: 9rem;
}

.topAbout-bg.-bg01 {
	height: 29.9rem;
	top: 9.8rem;
	width: 36.5rem;
}

.topAbout-bg.-bg02 {
	height: 24.3rem;
	top: 48.3rem;
	width: 30.4rem;
}

.topAbout-box {
	padding: 1rem 1rem 1.9rem;
	position: relative;
}

.topAbout-box-head span {
	font-size: 1rem;
}

.topAbout-items {
	display: block;
	margin-top: 3.9rem;
}

.topAbout-item:first-child {
	margin-right: 0;
	position: absolute;
	right: 1.1rem;
	top: 3.1rem;
}

.topAbout-item .secTitle .title-en {
	font-size: 2.4rem;
	margin-left: -3rem;
	margin-top: 0;
}

.topAbout-item-lead {
	font-size: 1.6rem;
	line-height: 1.625;
}

.topAbout-item-txt {
	font-size: 1.2rem;
	line-height: 2;
	margin-top: 4rem;
}

.topAbout-item-txt span {
	margin-bottom: 1.5rem;
}

.topAbout-box-bottom {
	font-size: 1rem;
	margin-top: 4.5rem;
}

.topAbout-box-bottom span.-font14 {
	font-size: inherit;
}

.topAbout-box-bottom span.-font16 {
	font-size: inherit;
}

.topAbout-deco-txt {
	margin-left: -0.8rem;
	margin-top: 2.3rem;
	width: 105%;
}

.topAbout-deco-txt span:nth-child(2) {
	margin-left: 0;
}

.topAbout-deco-txt span {
	font-family: "Sequel 100 85", "Noto Sans JP", sans-serif;
	font-size: 1.2rem;
}

.infoBox {
	margin-top: 4.1rem;
}

.infoBox.-drawer {
	margin-top: 3.1rem;
}

.infoBox-title {
	font-size: 1.4rem;
	line-height: 1.2142857143;
}

.infoBox-txt {
	margin-top: 1.5rem;
}

.infoBox-txt span.-txt01 {
	font-size: 1rem;
}

.infoBox-txt span.-txt02 {
	font-size: 1.6rem;
	margin: 0.2rem 0 0.4rem;
}

.infoBox-txt span.-txt03 {
	font-size: 1rem;
}

.infoBox-txt span.-font {
	font-size: 1.1rem;
}

.info-btn {
	margin-top: 1.7rem;
}

section#partners {
	padding: 80px 0;
}

section#partners .secTitle {
	text-align: left;
}

section#partners .secTitle .title-en {
	text-underline-offset: 0.6rem;
}

.partners-items {
	grid-gap: 2rem 4%;
	grid-template-columns: repeat(auto-fit, 48%);
	margin-top: 3.6rem;
}

.partners-item {
	height: 5rem;
}

/*=======================
下層 / ARCHIVE
=======================*/

#unit li {
    width: 100%;
  }
  #unit li:not(:nth-child(3n + 3)) {
    margin-right: 0%;
  }
  #unit li:not(:nth-child(2n)) {
    margin-right: 0;
  }
  #unit .thumb {
    margin-bottom: calc((15 / 600) * 100vw);
  }

  .archive #page #contents .sec-inner{
	padding: calc( 90px + 64px ) 20px;
}
#page #contents .sec-inner .secTitle{
	text-align: left;
}

 
/*=======================
下層 / SINGLE
=======================*/

.single-contents-area{
	padding: 64px 20px;
}

.single-fv-txt{
	left: 10px;
    width: calc(100% - 20px);
    margin: 0 auto;
}

.single-tit h2{
	font-size: 24px;
	width: 100%;
}

.single-contents-area{
	padding: 64px 20px;
}

.deco-txt{
	right: -18%;
	font-size: 10px;
}

.main-single #topAbout .infoBox , #page #topAbout .infoBox{
	margin-top: 0;
  }


.main-single #topAbout , .main-single section#partners , #page #topAbout{
	padding: 64px 0px;
}

/*=======================
下層 / PAGE-ABOUT /FAQ
=======================*/

#page #contents .sec-inner{
	padding: 64px 20px;
}

#page .single-tit{
    top: 55%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#page .single-tit h2{
	font-size: 32px;
}

.contents-toc-inner ul li{
	width: 100%;
}

/*=======================
YARPP
=======================*/
.yarpp-related #contents{
	padding: 64px 20px;
}

.yarpp-related .secTitle{
	text-align: left;
}
	
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

.inner {
	width: 95%;
}

}

@media screen and (min-width: 768px) and (max-width: 900px) {

.btn.-headerTickets {
	width: 120px;
}

br.is-pc900 {
	display: inline;
}

.logo-wrapper {
	padding-right: 15px;
}

.logo {
	margin-right: 10px;
}

.logo-title {
	padding-left: 15px;
}

.logo-title span.-date {
	font-size: 14px;
}

nav.-header .nav-item-link {
	font-size: 10px;
}

#glt-translate-trigger{
	right: 164px!important;
}

}

@media screen and (min-width: 768px) and (max-width: 1230px) {

.logo-title.-footer {
	padding-left: 20px;
}

.footer-item.-item01 {
	padding-right: 20px;
}

.footer-item.-item02 {
	padding: 0 20px;
}

.footer-item.-item03 {
	padding-left: 20px;
}

.footer-logo {
	height: 75px;
	width: 60px;
}

}

@media screen and (min-width: 768px) and (max-width: 1100px) {

.footer-item.-item02 {
	border-right: none;
	margin-right: 1px;
}

}

@media screen and (min-width: 480px) and (max-width: 600px) {

	#glt-translate-trigger{
		top: calc(2.5% + 40px)!important;
	}

}

@media screen and (min-width: 376px) and (max-width: 479px) {

	#glt-translate-trigger{
		top: 52px!important;
	}

}

@media screen and (max-width: 375px) {

br.is-sp374 {
	display: inline;
}

#glt-translate-trigger{
	top: 45px!important;
    right: 20%!important;
    width: 100px;
    padding: 4px 0px!important;
}

}

@keyframes bgextendAnimeBase {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes bgextendAnimeSecond {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes bgLRextendAnime {

0% {
	transform: scaleX(0);
	transform-origin: left;
}

50% {
	transform: scaleX(1);
	transform-origin: left;
}

50.001% {
	transform-origin: right;
}

100% {
	transform: scaleX(0);
	transform-origin: right;
}

}