@charset 'UTF-8';

header:not(.header) { position: static; }

a > img {
	opacity: 1;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a:hover > img { opacity: 0.7; }

/* kanit フォント
----------------------------- */

.kanit-medium {
	font-family: "Kanit", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.kanit-medium-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 500;
	font-style: italic;
}

/** ----------------------------------------------------------
 * 汎用クラス
---------------------------------------------------------- **/

.relative-box { position: relative; }

/** ----------------------------------------------------------
 * eXs STREET LPページ
---------------------------------------------------------- **/

.page_width { line-height: 1.6; }

/* ヘッダー
----------------------------- */

.street-head {
	box-shadow: none;
	position: relative !important;
	z-index: 1;
}

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

	.street-head .exs-morebtns {
		position: absolute;
		right: 0;
		bottom: 4vh;
		left: 0;
	}
}



/* 動画 */

/*.fullview-move {
	width: 100vw;
	height: 100vh;
	margin: 0
}

.fullview-move img,
.fullview-move video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/



/* 見出しh2 */

.street-h2 {
	font-size: 1.1875em;
	line-height: 1.8;
	margin: 2em 0;
}

.street-h2.kanit-medium,
.street-h2.kanit-medium-italic {
	font-size: 1.875em;
	margin: 2.5rem 0 0;
}

.txt-divider {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.txt-divider::before,
.txt-divider::after {
  content: '';
  height: 1px;
  background-color: #000;
  flex-grow: 1;
}

.txt-divider.wh-divider::before,
.txt-divider.wh-divider::after {
	background-color: #fff;
}

.black_bg {
	font-size: 1.125em;
	font-family: "Black Ops One";
	font-weight: normal;
	font-style: normal;
}

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

	.street-h2 { font-size: 1.75em; }

	.street-h2.kanit-medium,
	.street-h2.kanit-medium-italic { font-size: 2.5em }
}

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

	.street-h2 { font-size: 2em; }

	.street-h2.kanit-medium,
	.street-h2.kanit-medium-italic { font-size: 3.25em }
}

/*ボタンセット*/

.exs-morebtns { gap: 1em !important; }

.exs-morebtns a.wp-block-button__link {
	font-size: 0.875rem;
	display: inline-block;
	min-width: 12em;
	opacity: 1;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.exs-morebtns a.wp-block-button__link:hover {
	text-decoration: underline;
	opacity: 0.7;
}

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

	.exs-morebtns { gap: 2em !important; }

	.exs-morebtns a.wp-block-button__link { font-size: 1.125rem; }
}

/**
	eXsシリーズ
----------------------------- */

.series-box:not(.box-e-bike-st) {
	margin-top: 40px;
	border-top: 1px dotted;
	padding-top: 40px;
}

.series-logo-m,
.series-logo-s {
	position: relative;
	z-index: 100;
}

.series-logo-m img,
.series-logo-s img { width: auto; }

.series-logo-m img { height: 60px; }

.series-logo-s img { height: 24px; }

.logo-e-bike-st { margin-bottom: -24px; }

.logo-e-bike-ml { margin-bottom: -24px; }


.column-kick .product-category { font-size: 0.5em; }

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

	.series-logo-m img { height: 100px; }

	.series-logo-s img { height: 40px; }

	.logo-e-bike-ml { margin-bottom: 0; }

	.box-e-bike-st .product-category,
	.box-e-bike-ml .product-category,
	.column-kick .product-category { right: 0; }

	.column-kick .product-category { font-size: 0.75em; }

	/* street */

	.box-e-bike-st {
		max-width: 820px;
		margin: 0 auto;
	}

	/* motobike */

	.box-e-bike-ml > .wp-block-group__inner-container {
		display: grid;
		gap: 2em;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: max-content 1fr;
	}

	.box-e-bike-ml .relative-box { grid-row: 1 / 3; }

	.box-e-bike-ml .logo-e-bike-ml,
	.box-e-bike-ml .text-e-bike-ml {
		grid-column: 2 / 3;
	}

	.box-e-bike-ml .logo-e-bike-ml { grid-row: 1/2; }

	.box-e-bike-ml .text-e-bike-ml { grid-row: 2/3; }

	.box-e-bike-ml .logo-e-bike-ml.series-logo-m img { height: auto; }
}

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

	.series-logo-s img { height: 48px; }

	.column-kick .product-category { font-size: 1em; }

}