@charset "UTF-8";
/* トップページ */

body.page-top {
	/* padding-top: 165px;*/
}
/* ----トップページ本文---- */

#block_of_top_body {
	position: relative;
}
.block-top-body--body {
	/* margin-top: 40px;width: 900px;height: 390px;*/
	width: 100%;
	padding: 32px 0;
}
.mv-area {
	text-align: center;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}
.mv-cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #223B3B;
	opacity: 0.19;
}
.mv-area video {
	vertical-align: middle;
}
.mv-copy-box {
	position: absolute;
	color: #fff;
	top: -280px;
	right: 0;
	font-weight: bold;
	z-index: 10;
	text-align: center;
}
.mv-copy {
	font-size: 44px;
	line-height: 1.45;
}
.mv-small-copy {
	font-size: 16px;
	letter-spacing: 0.3em;
	line-height: 1.5;
	display: block;
}
span.mv-med-copy {
	font-size: 22px;
	letter-spacing: 0.05em;
	line-height: 1.45;
	display: block;
}
#top-slider {
	overflow: hidden;
	opacity: 0;
	transition: opacity .3s linear;
	display: none;
}
#top-slider.slick-initialized {
	opacity: 1;
	/*slick-initializedが付与されたら表示*/
	display: block;
}
#top-slider .slick-slide {
	margin: 0 12px;
	width: 585px;
}
#top-slider .slick-arrow {
	width: 44px;
	height: 44px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #B2090F;
	top: 100px;
	z-index: 90;
}
#top-slider .slick-prev {
	left: 50%;
	transform: translateX(-345px);
}
#top-slider .slick-next {
	right: 50%;
	transform: translateX(345px);
}
#top-slider .slick-prev:before, #top-slider .slick-next:before {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	border-right: 2px solid #B2090F;
	border-top: 2px solid #B2090F;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-50%, -50%) rotate(45deg);
}
#top-slider .slick-prev:before {
	transform: translate(-50%, -50%) rotate(225deg);
	left: 55%;
}
/* トップページ予備テンプレート1 */

.block-top-event-banner--title-frame {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 42px 48px 27px;
	background: #fff;
	margin-top: 20px;
	border-radius: 4px 4px 0 0;
}
.js-top-event-banner .block-list-event--frame:not(:last-child) {
	margin-bottom: 40px;
}
a.block-top-event-banner--title-link {
	color: #707070;
	text-decoration: none;
	font-size: 12px;
	width: 108px;
	background: #F5F5F5;
	border-radius: 3px;
	padding: 10px 0 9px;
	display: inline-block;
	text-align: center;
}
.block-top-event-banner--title {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
}
.block-top-event-banner--title::before {
	content: "";
	width: 8px;
	height: 27px;
	display: block;
	position: absolute;
	background: url(../../img/usr/common/h2-deco.png) no-repeat;
	background-size: contain;
	left: 0;
	top: 4px;
}
.block-top-event--banner--copy {
	font-size: 16px;
	margin-top: 8px;
}
.block-top-event-banner2--desc {
	margin-top: 40px;
	padding-left: 16px;
	border-left: 4px solid #D5D5D5;
	font-size: 13px;
	line-height: 1.692;
}
.block-top-event-banner-list.js-top-event-banner {
	padding: 0 48px 42px;
	background: #fff;
	border-radius: 0 0 4px 4px;
}
.block-top-event-banner-list.js-top-event-banner2 {
	padding: 0 48px 18px;
	background: #fff;
	border-radius: 0 0 4px 4px;
}
/* ----トップページ予備テンプレート2---- */

.block-top-event-banner-list.js-top-event-banner2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.block-top-event-banner-list.js-top-event-banner2 .block-list-event--frame {
	width: 370px;
	padding-bottom: 24px;
}
.block-top-event--banner2--copy {
	font-size: 13px;
	margin-top: 10px;
	padding: 0 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
/* トップイベント */

/* 関連イベント１列 */

.block-list-event--frame.block-related-event-container {
	background: #fff;
	padding: 0 48px 42px;
	border-radius: 0 0 4px 4px;
}
.block-list-event--frame.block-related-event-container .block-event-page--comment {
	padding-left: 16px;
	border-left: 4px solid #D5D5D5;
	font-size: 13px;
	line-height: 1.692;
	width: 100%;
}
.block-related-event-container .block-related-event-wrapper {
	background: #fff;
	text-align: left;
}
.block-related-event-container .block-related-event-wrapper:first-of-type {
	padding-top: 27px;
}
.block-related-event-container .block-related-event-wrapper:not(:last-of-type) {
	margin-bottom: 14px;
}
.block-related-event-container .block-top-event--image {
	background: #fff;
	margin: 0;
	padding-bottom: 8px;
}
.block-related-event-comment {
	font-size: 16px;
}
/* 関連イベント２列 */

.block-list-event--frame.block-related-event-two-rows-container {
	background: #fff;
	padding: 13px 48px 18px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-radius: 0 0 4px 4px;
}
.block-list-event--frame.block-related-event-two-rows-container .block-event-page--comment {
	padding-left: 16px;
	margin-bottom: 27px;
	border-left: 4px solid #D5D5D5;
	font-size: 13px;
	line-height: 1.692;
	width: 100%;
}
.block-related-event-two-rows-container .block-related-event-wrapper {
	width: 370px;
	padding-bottom: 24px;
}
.block-related-event-two-rows-container .block-related-event-wrapper .block-top-event--image {
	margin: 0;
}
.block-related-event-two-rows-container .block-related-event-wrapper .block-related-event-comment {
	font-size: 13px;
	margin-top: 10px;
	padding: 0 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
/* ----ヘッダー---- */

#header {
	box-shadow: 0 2px 3px rgb(0 0 0 / 6%);
	/* position: fixed;top: 0;*/
	background: #fff;
	border-bottom: 1px solid rgb(0 0 0 / 6%);
	/* z-index: 100;*/
	width: 100%;
	position: relative;
}
.block-header-logo {
	width: 164px;
	min-width: 164px;
	font-size: 0;
	padding-bottom: 14px;
	margin-top: 20px;
}
.page-top .block-header-logo {
	margin-top: 40px;
}
.block-header-logo--link::before {
	content: "";
	width: 164px;
	height: 52px;
	display: block;
	background: url(../../img/usr/common/sitelogo.png) no-repeat;
	position: absolute;
	top: 14px;
	top: -30px;
}
.block-header-logo--link {
	position: relative;
}
.block-headernav {
	width: 474px;
	width: unset;
	min-width: 482px;
	margin-left: auto;
}
#header a:hover {
	text-decoration: none;
	opacity: .7;
}
.block-headernav--item-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-headernav--item-list li {
	position: relative;
	display: inline-block;
	font-size: 12px;
	;
	text-align: center;
}
a.block-headernav-login {
	/* width: 234px;*/
	padding: 0 48px;
	border: 1px solid #222222;
	line-height: 40px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	position: relative;
	margin-left: 24px;
}
a.block-headernav-mypage {
	/* width: 234px;*/
	padding: 0 39px;
	border: 1px solid #222222;
	line-height: 40px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	position: relative;
	margin-left: 24px;
	padding-left: 60px;
}
a.block-headernav-mypage::before {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: url(../../img/usr/common/mypage-icon.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 37px;
	transform: translateY(-50%);
	background-size: contain;
}
a.block-headernav-logout-link {
	margin-left: 24px;
}
a.block-headernav-history-link {
	margin-left: 24px;
}
.block-headernav--item-list li i.fa {
	position: relative;
	display: block;
	font-size: 28px;
	margin-bottom: 10px;
	z-index: 1;
}
.block-headernav--item-list li a {
	display: block;
}
.block-headernav--item-list li a:hover {
	text-decoration: none;
}
.block-headernav--cart-count {
	/* display: none;*/
	position: absolute;
	width: 40px;
	height: 26px;
	line-height: 20px;
	font-size: 13px;
	background-color: #B2090F;
	color: #fff;
	border-radius: 4px;
	top: 3px;
	right: 36px;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.block-headernav--cart-count::before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 5.2px 3px 0;
	border-color: transparent #b2090f transparent transparent;
	line-height: 0px;
	_border-color: #000000 #b2090f #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.block-headernav--cart-count::after {
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 50%;
	display: block;
	background: #B3DE00;
	position: absolute;
	top: -4px;
	right: -4px;
}
a.block-headernav-history-link {
	font-size: 12px;
	font-weight: bold;
}
.block-header-welcome {
	margin-left: 40px;
	font-size: 13px;
	min-width: 381px;
}
.block-header-user-name {
	font-weight: bold;
	margin-right: 10px;
}
.block-header-tokyu-point-name {
	font-weight: bold;
	margin-left: 16px;
}
.block-header-tokyu-point {
	font-weight: bold;
	font-size: 16px;
	margin-left: 14px;
	margin-right: 3px;
}
/* ----ヘッダー検索---- */

.block-global-search {
	width: 460px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.block-global-search--keyword {
	width: 280px;
}
.block-global-search form {
	background-color: #eee;
}
input.block-global-search--keyword:hover, input.block-global-search--keyword {
	border: none;
	background-color: transparent;
}
button.block-global-search--submit {
	border: none;
	background-color: transparent;
	width: 33px;
}
.block-global-search--searchdetail {
	margin-left: 15px;
}
.block-global-search--search-detail-link {
	color: #6fb4c3;
	text-decoration: underline;
}
.block-global-search--search-detail-link:hover {
	text-decoration: none;
}
/* ----グローバルナビ---- */

.block-globalnav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
	padding-top: 12px;
	color: #222;
}
.block-globalnav--item-list {
	display: flex;
	width: 262px;
	justify-content: space-between;
	height: 52px;
	align-items: end;
	min-width: 262px;
}
li.block-globalnav--item {
	position: relative;
}
li.block-globalnav--item:not(:last-child)::after {
	width: 1px;
	height: 46px;
	background: #D5D5D5;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: -13px;
}
li.block-globalnav--item a {
	display: block;
	padding-top: 35px;
	position: relative;
	font-size: 12px;
}
li.block-globalnav--item a:hover {
	text-decoration: none;
	opacity: .7;
}
a.block-globalnav-category::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../../img/usr/common/category-icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
a.block-globalnav-history::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../../img/usr/common/checksheet-icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
a.block-globalnav-fav::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../../img/usr/common/fav-icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
.block-global-nav--item.s-shopping-btn a {
	display: inline-block;
	width: 278px;
	text-align: center;
	background: #B2090F;
	color: #fff;
	border-radius: 28px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	line-height: 56px;
	padding-left: 36px;
}
.block-global-nav--item.s-shopping-btn.cash-register a {
	width: 198px;
	padding-left: 38px;
}
.block-global-nav--item.s-shopping-btn.cash-register a::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 26px;
	background: url(../../img/usr/common/cash-register-icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 40px;
	top: 15px;
}
.js-cart-items-wrapper .block-global-nav--item.s-shopping-btn.cash-register {
	text-align: center;
	margin-top: 10px;
}
.block-global-nav--item.s-shopping-btn a:hover {
	text-decoration: none;
	opacity: .7;
}
.block-global-nav--item.s-shopping-btn a::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 22px;
	background: url(../../img/usr/common/basket-icon.png);
	position: absolute;
	left: 49px;
	top: 15px;
}
.block-globalnav--item-list>div {
	display: table-cell;
	width: 20%;
	font-size: 18px;
	line-height: 1;
	vertical-align: middle;
}
/* 左メニュー店舗選択 */

#block_of_browsing_store {
	background: #B3DE00;
	opacity: 0.95;
	position: relative;
	text-align: center;
	width: 344px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);
}
#block_of_browsing_store::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 170px 22px 170px;
	border-color: transparent transparent #b2de00 transparent;
	position: absolute;
	top: -22px;
	transform: translateX(-50%);
}
.welcome-store {
	position: relative;
	margin-top: 14px;
}
.welcome-store::after {
	content: "";
	width: 155px;
	height: 7px;
	display: block;
	background: url(../../img/usr/common/left-menu-store-select-deco.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
}
#block_of_browsing_store .welcome-store .mont {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#block_of_browsing_store .welcome-store .welcome-msg {
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight: 500;
}
.service-area-confirm {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 13px;
	display: block;
	position: relative;
	padding-left: 15px;
}
.service-area-confirm::before {
	content: "";
	width: 22px;
	height: 22px;
	display: block;
	background: url(../../img/usr/common/left-menu-service-area-icon.png) no-repeat;
	position: absolute;
	left: 86px;
	top: -1px;
}
.left-menu-store-change {
	cursor: pointer;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	padding-left: 20px;
	margin-bottom: 15px;
}
.left-menu-store-change::before {
	content: "";
	width: 22px;
	height: 22px;
	display: block;
	background: url(../../img/usr/common/left-menu-field-glasses-icon.png) no-repeat;
	position: absolute;
	left: 103px;
	top: -1px;
}
.left-menu-store-change::after {
	content: "";
	width: 9px;
	height: 5px;
	display: block;
	background: url(../../img/usr/common/left-menu-store-select-arrow.png) no-repeat;
	position: absolute;
	right: 93px;
	top: 9px;
	background-size: contain;
}
.left-menu-store-change.active::after {
	transform: rotate(180deg);
}
.left-menu-store-list-wrapper {
	display: none;
}
.left-menu-current-store-wrapper {
	display: flex;
	/* width: 206px;*/
	margin: 0 auto 16px;
	margin: 0 50px 16px;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 11px 0 12px;
	border-radius: 2px;
	border: 1px solid #222222;
}
.left-menu-current-store-header {
	font-size: 13px;
}
.left-menu-current-store {
	font-size: 15px;
	font-weight: bold;
}
.left-menu-store-list {
	height: 334px;
	overflow-y: auto;
	margin-right: 14px;
}
.left-menu-store-list::-webkit-scrollbar {
	width: 4px;
}
.left-menu-store-list::-webkit-scrollbar-track {
	background: #B3DE00;
}
.left-menu-store-list::-webkit-scrollbar-thumb {
	background: #222222;
	height: 235px;
	border-radius: 4px;
}
#block_of_browsing_store .block-genre-tree--item__open {
	border: none;
}
.left-menu-store-list .block-genre-tree--item__open a {
	justify-content: center;
	font-size: 24px;
	height: unset;
	margin-bottom: 15px;
}
/* 左メニュー下部 */

.contact-box {
	padding: 30px 24px;
	background: #fff;
	margin-top: 32px;
	box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);
	text-align: center;
}
.contact-header {
	margin: 0 0 11px;
	font-size: 18px;
	letter-spacing: 0.05em;
}
.office-title {
	border-radius: 20px;
	border: 1px solid #222;
	padding: 10px 0 10px;
	font-size: 12px;
	letter-spacing: 0.05em;
	font-weight: bold;
	margin-bottom: 24px;
}
.business-hour {
	margin-bottom: 20px;
	font-size: 14px;
}
.tel-desc {
	font-size: 11px;
}
.tel-num {
	font-size: 25px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
	padding-left: 40px;
}
.tel-num::before {
	content: "";
	width: 42px;
	height: 24px;
	display: block;
	position: absolute;
	left: 35px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../../img/usr/common/free-dial-icon.png) no-repeat;
	background-position: center;
	background-size: contain;
}
.contact-mail-form-btn {
	display: block;
	background: #C3EAFF;
	color: #222;
	width: 260px;
	margin: 20px auto 8px;
	/* padding: 14px 0 15px;*/
	line-height: 48px;
	font-size: 13px;
	border-radius: 3px;
	position: relative;
	padding-left: 30px;
}
.contact-mail-form-btn:hover {
	text-decoration: none;
	opacity: .7;
}
.contact-mail-form-btn::before {
	content: "";
	width: 21px;
	height: 16px;
	display: block;
	position: absolute;
	left: 38px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../../img/usr/common/mail-icon.png) no-repeat;
	background-position: center;
	background-size: contain;
}
.for-beginner {
	display: block;
	background: #DEEF1C;
	color: #222;
	width: 260px;
	margin: 0 auto 8px;
	line-height: 48px;
	font-size: 13px;
	border-radius: 3px;
	position: relative;
}
.for-beginner:hover {
	text-decoration: none;
	opacity: .7;
}
.for-beginner::before {
	content: "";
	width: 16px;
	height: 20px;
	display: block;
	position: absolute;
	left: 70px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../../img/usr/common/beginner-icon.png) no-repeat;
	background-position: center;
	background-size: contain;
}
/* ----フッター---- */

footer .container {
	position: relative;
	width: 1240px;
}
ul.footer-category-nav-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: 32px;
	padding-bottom: 34px;
	border-bottom: 1px solid #E5E5E5;
}
.page-menu ul.footer-category-nav-list {
	display: none;
}
li.footer-category-nav-item {
	width: 25%;
	margin-bottom: 6px;
}
ul.footer-shop-banner {
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
}
.page-menu ul.footer-shop-banner {
	margin-top: 40px;
}
ul.block-footernav--item-list {
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin: 0 auto;
}
.block-footernav {
	margin-bottom: 22px;
	text-align: center;
}
.block-footernav li {
	position: relative;
}
.block-footernav li:not(:last-child):before {
	width: 1px;
	height: 14px;
	background: #222222;
	content: "";
	display: block;
	position: absolute;
	bottom: 4px;
	right: -14px;
}
.block-footernav li a {
	color: #444;
}
/* ----ページトップに戻る---- */

.block-page-top a {
	position: relative;
	display: block;
	width: 100%;
	background-color: #EFEFEF;
	margin: 0 calc(50% - 50vw - 9px);
	width: 100vw;
	padding: 24px;
}
.block-page-top a::before {
	content: "PAGE TOP";
	left: 50%;
	transform: translateX(-50%);
	display: block;
	color: #808080;
	position: absolute;
	font-size: 10px;
}
.block-page-top a::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 4px 5px;
	border-color: transparent transparent #808080 transparent;
	transform: translateX(-50%);
	top: 16px;
}
.block-page-top {
	/* margin: 0 calc(50% - 17px - 50vw);width: 100vw;background: #eee;*/
}
.anchor-page-top {
	position: relative;
}
.anchor-page-top::before {
	content: "";
	display: block;
	width: 56px;
	height: 56px;
	background: #fff;
	border-radius: 3px;
	position: fixed;
	right: 20px;
	bottom: 20px;
}
.anchor-page-top::after {
	content: "";
	display: block;
	width: 19px;
	height: 12px;
	background: url(../../img/usr/common/anchor-page-top-arrow.png) no-repeat;
	position: fixed;
	right: 38px;
	bottom: 40px;
	background-size: contain;
}
/* ----PC/スマホ切り替えスイッチ---- */

.block-switcher {
	width: 400px;
	text-align: center;
	margin: 0 auto 20px;
}
.block-switcher-container {
	float: left;
	padding: 0 0 10px 10px;
	width: 50%;
}
.block-switcher--switch {
	display: block;
	width: 200px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	background-color: #444;
	color: #fff;
}
.block-switcher--switch:hover {
	text-decoration: none;
	background-color: #ccc;
}
.block-switcher--switch--inline {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.block-switcher--current {
	display: block;
	width: 200px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	background-color: #ccc;
	color: #fff;
}
.block-switcher .block-switcher-container .block-switcher--switch .block-switcher--switch--inline .block-icon-image-small {
	background-size: 10px auto;
}
/* ----Copyright---- */

.block-copyright {
	font-size: 11px;
	text-align: center;
	color: #BBBBBB;
}
/* ----ブランド画面---- */

.block-brand-list {
	margin: 40px 0 60px;
}
.block-brand-list .block-topic-path {
	margin-bottom: 40px;
}
.block-brand-list--items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.block-brand-list--item {
	flex-grow: 1;
	flex-basis: 390px;
	max-width: 390px;
	margin: 0 0 20px 15px;
}
.block-brand-list--item:nth-of-type(3n+1) {
	margin-left: 0;
}
.block-brand-list--item-img {
	width: 390px;
	height: 240px;
}
.block-brand-list--item-name, .block-brand-list--item-comment {
	border: #ddd 1px solid;
	border-top: none;
	border-bottom: none;
}
.block-brand-list--item-name {
	padding: 15px 35px 0;
}
.block-brand-list--item-comment {
	border-bottom: #ddd 1px solid;
	padding: 15px 35px 35px;
}
.block-brand-list--item-btn {
	display: block;
	text-align: center;
	width: 240px;
	height: 48px;
	line-height: 48px;
	color: #333;
	font-size: 14px;
	margin: 15px auto 0;
	background: #e5e5e5;
}
.block-brand-detail--image {
	margin-top: 40px;
}
.block-brand-detail--description {
	margin-bottom: 30px;
}
/* ----商品詳細画面---- */

.block-goods-name--text {
	margin-top: 8px;
	margin-bottom: 16px;
	font-size: 26px;
	font-weight: bold;
}
#spec_attr2 {
	color: #808080;
	font-size: 15px;
	margin-bottom: 4px;
}
.block-goods-price--net-price.net-price {
	font-size: 32px;
	font-weight: bold;
	margin-right: 12px;
}
.block-goods-price--default-price.default-price {
	font-size: 12px;
	margin-left: 12px;
}
.item-gallery {
	width: 440px;
	display: flex;
	flex-wrap: wrap;
}
ul#main_visual {
	width: 440px;
	margin-bottom: 20px;
}
ul#thumb_slide {
	width: 440px;
	display: flex;
}
ul#thumb_slide li {
	width: 95px!important;
}
ul#thumb_slide li:not(:last-of-type) {
	margin-right: 20px;
}
#thumb_slide .slick-track {
	transform: unset!important;
	width: auto!important;
}
.page-goods .slick-arrow {
	width: 36px;
	height: 36px;
	background: #E5E5E5;
	border-radius: 50%;
	opacity: 0.8;
	z-index: 10;
}
.page-goods .slick-prev:before, .page-goods .slick-next:before {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.page-goods .slick-prev:before {
	transform: translate(-50%, -50%) rotate(225deg);
	left: 55%;
}
.page-goods .slick-arrow:hover {
	background: #222;
}
/* 商品詳細画面・下部 */

.page-goods-icon-cate-list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 32px;
}
.page-goods-icon-cate-item a {
	width: 120px;
	min-height: 172px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
li.page-goods-icon-cate-item a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.cate-icon {
	background: #FAF1EC;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
p.cate-name {
	font-size: 14px;
	font-weight: 500;
}
.page-goods-icon-cate-item:not(:nth-of-type(6)) a .cate-name {
	margin-bottom: 10px;
}
.page-goods-text-cate-list {
	display: flex;
	flex-wrap: wrap;
}
.page-goods-text-cate-item a {
	background: #F5F5F5;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	margin-right: 11px;
	margin-bottom: 12px;
	display: inline-block;
	font-size: 14px;
	color: #222222;
	padding: 12px 20px;
}
.page-goods-text-cate-item a:hover {
	text-decoration: none;
	opacity: .7;
}
.page-goods-search-category {
	font-weight: bold;
	border-bottom: 1px solid #B2090F;
	padding-bottom: 8px;
	margin-bottom: 24px;
}
/*CSSによる商品詳細画面の項目の並び順変更用*/

.pane-goods-right-side form {
	display: flex;
	flex-flow: column wrap;
}
.block-goods-sns {
	order: 10;
}
.page-goods .block-icon {
	order: 20;
}
.block-goods-comment {
	order: 70;
	display: flex;
	width: 300px;
	justify-content: space-between;
}
.spec_goods_comment-header {
	font-size: 15px;
}
.spec_goods_comment-content {
	width: 184px;
	font-size: 15px;
	word-break: break-all;
	margin-bottom: 16px;
}
.block-goods-comment1 h3 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #B2090F;
	padding-bottom: 8px;
	margin-bottom: 24px;
}
.block-goods-comment1 dd {
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0;
}
.block-goods-comment1 h4 {
	font-weight: bold;
}
.block-goods-comment3 h3 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #B2090F;
	padding-bottom: 8px;
	margin-bottom: 24px;
}
.block-goods-comment3 dd {
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0;
}
.block-goods-comment3 h4 {
	font-weight: bold;
}
.block-goods-comment1 {
	order: 120;
}
.block-goods-comment2 {
	order: 130;
}
.block-goods-name {
	order: 20;
}
.block-goods-price {
	order: 50;
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	flex-wrap: wrap;
}
.block-goods-price--limit-qty {
	font-size: 12px;
	color: #808080;
	margin-top: 4px;
	width: 100%;
	text-align: right;
}
.block-goods-code {
	order: 140;
}
.block-goods-item-code {
	order: 70;
}
.block-goods-item-code2 {
	order: 80;
}
.block-goods-item-code3 {
	order: 90;
}
.block-goods-release-dt {
	order: 100;
}
.block-goods-class1 {
	order: 110;
}
.block-goods-class2 {
	order: 120;
}
.block-goods-attr1 {
	order: 60;
}
.block-goods-attr2 {
	order: 40;
}
.block-goods-attr2 dt {
	display: none;
}
.block-goods-attr3 {
	order: 150;
}
.block-goods-attr5 {
	order: 160;
}
.block-goods-size {
	order: 20;
}
.block-goods-size dt {
	display: none;
}
.block-goods-color {
	order: 170;
}
.block-goods-point {
	order: 180;
}
.block-goods-postage {
	order: 190;
}
.block-goods-stock {
	order: 200;
	display: none;
}
.block-goods-spec {
	order: 210;
}
.block-goods-sales-detail-append {
	order: 220;
}
.block-variation {
	order: 230;
}
.block-custom-order {
	order: 240;
}
.block-add-cart {
	order: 50;
}
.block-no-stock {
	order: 260;
}
.block-outside-sales-period {
	order: 260;
}
.block-arrival-notice {
	order: 270;
}
.block-goods-store-stock {
	order: 280;
}
.block-goods-set {
	order: 290;
}
.block-accessory-list {
	order: 300;
}
.block-variation-back-order {
	order: 310;
}
.block-contact-about-goods {
	order: 320;
}
.block-goods-favorite {
	order: 50;
}
.block-goods-link {
	order: 340;
}
/* ----ゲストお気に入り画面---- */

.block-guest-favorite-synchronize {
	text-align: center;
	margin-top: 50px;
}
/* ----定期購入商品サイクル情報変更画面---- */

.block-regular-purcharse-cycle-info-update--skip-cancel-message {
	margin: 5px 0 0 5px;
}
/* ----アプリログイン訴求画面---- */

.block-applogin-body {
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.9em;
	text-align: center;
	margin: auto;
	height: 100px;
}
/* イベントページ */

.block-event-page {
	margin-top: 50px;
}
.block-event-page--header {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
	margin-top: 0;
	background: #fff;
	margin-bottom: 0;
	padding: 40px 40px 20px 57px;
}
.block-event-page--header::before {
	content: "";
	width: 8px;
	height: 27px;
	display: block;
	position: absolute;
	background: url(../../img/usr/common/h2-deco.png) no-repeat;
	background-size: contain;
	left: 40px;
	top: 42px;
}
/* 店舗・配送便選択画面 */

body.page-store_select .pane-order-contents {
	background: #F5F5F5;
}
body.page-store_select .pane-main {
	padding: 0px 40px 49px;
	background: #fff;
	margin-top: 70px;
	border-radius: 4px;
}
.block-store-select--header {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
	margin-top: 0;
	background: #fff;
	margin-bottom: 0;
	padding: 40px 40px 20px 17px;
}
.block-store-select--header::before {
	content: "";
	width: 8px;
	height: 27px;
	display: block;
	position: absolute;
	background: url(../../img/usr/common/h2-deco.png) no-repeat;
	background-size: contain;
	left: 0;
	top: 44px;
}
.block-shop-select--confirmation-title h3 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 9px;
	margin-top: 40px;
	margin-bottom: 24px;
}
.howto-receive {
	display: flex;
	flex-wrap: wrap;
}
.howto-receive-text {
	width: 100%;
	margin-bottom: 16px;
}
input#cap_kind0, input#cap_kind1, input#cap_kind2 {
	display: none;
}
label[for="cap_kind0"], label[for="cap_kind1"], label[for="cap_kind2"] {
	display: block;
	width: 180px;
	padding: 54px 0 13px;
	border-radius: 4px;
	background: #F5F5F5;
	position: relative;
	color: #B2090F;
	margin-right: 8px;
	text-align: center;
}
input#cap_kind0:checked+label[for="cap_kind0"], input#cap_kind1:checked+label[for="cap_kind1"], input#cap_kind2:checked+label[for="cap_kind2"] {
	background: #B2090F;
	color: #fff;
}
input#cap_kind0+label[for="cap_kind0"]::before, input#cap_kind1+label[for="cap_kind1"]::before, input#cap_kind2+label[for="cap_kind2"]::before {
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background: url(../../img/usr/common/store-selected-truck-icon-red.png) no-repeat;
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
}
input#cap_kind0:checked+label[for="cap_kind0"]::before {
	background-image: url(../../img/usr/common/store-selected-truck-icon.png);
}
input#cap_kind1+label[for="cap_kind1"]::before {
	background-image: url(../../img/usr/common/store-selected-store-pickup-icon-red.png);
}
input#cap_kind1:checked+label[for="cap_kind1"]::before {
	background-image: url(../../img/usr/common/store-selected-store-pickup-icon.png);
}
input#cap_kind2+label[for="cap_kind2"]::before {
	background-image: url(../../img/usr/common/store-selected-locker-pickup-icon-red.png);
}
input#cap_kind2:checked+label[for="cap_kind2"]::before {
	background-image: url(../../img/usr/common/store-selected-locker-pickup-icon.png);
}
.normal-delivery, .store-pickup, .locker-pickup {
	border: none;
	width: unset;
	height: unset;
	line-height: unset;
}
.normal-delivery.active {}
.dest-container {
	width: 516px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.block-shop-select--dest {
	color: #333333;
}
#dest_name {
	font-size: 15px;
}
#dest_address {
	font-size: 15px;
}
.page-store_select .btn.btn-default.block-order-estimate--change-btn {
	color: #B2090F;
	font-size: 14px;
	background: #fff;
	border: 1px solid #B2090F;
	padding: 14px 37px;
	border-radius: 4px;
}
#store_msg {
	font-size: 16px;
	margin: 16px 0;
	font-weight: bold;
}
.shop-select-instructions {
	margin-bottom: 16px;
}
.shop-select-caution {
	color: #B94747;
	font-size: 12px;
	line-height: 1.66;
	margin-bottom: 24px;
}
#store_tabmenu {
	overflow-x: auto;
}
p.store-unavailable {
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
}
.nav_current_.bt_double_line_ a {
	text-decoration: none;
	padding: 15px 29px;
	display: block;
	font-size: 16px;
	background: #F5F5F5;
	color: #808080;
	margin-right: 2px;
}
.nav_current_.active.bt_double_line_ a {
	background: #B2090F;
	color: #fff;
}
#tabbody {
	display: flex;
	position: relative;
}
#capdata_area {
	display: flex;
	/* border: 1px solid #BBBBBB;*/
}
.delivery-day {
	width: 140px;
	background: #222222;
	color: #fff;
	text-align: center;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	font-size: 15px;
	font-weight: bold;
	padding: 14px 0 13px;
}
.dm_item {
	min-height: 105px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border: 1px solid #BBBBBB;
}
.page-store_select .block-order-estimate--confirmation-title:nth-of-type(1), .page-store_cart .block-order-estimate--confirmation-title:nth-of-type(1) {
	/* border-left: 1px solid #BBBBBB;*/
}
.dm_item.time-unavailable {
	background: #F5F5F5;
}
.delivery-unavailable-text {
	font-size: 14px;
}
.delivery-unavailable-mark {
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 4px;
}
.large-capacity {
	font-size: 16px;
	font-weight: bold;
	color: #FF2154;
	position: relative;
	text-shadow: 0.6px 0.6px 0, 0.6px -0.6px 0px, -0.6px 0.6px 0, -0.6px -0.6px 0px, 0.6px 0px 0px, 0px 0.6px 0px, -0.9px 0px 0px, 0px -0.9px 0px;
	margin-bottom: 6px;
}
.large-capacity::before {
	/* content: "";width: 18px;height: 18px;display: block;border: 3px solid #ff2154;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);top: 1px;*/
}
.delivery-legend-item .large-capacity::before {
	top: 4px;
	left: -8px;
}
.medium-capacity {
	font-size: 16px;
	font-weight: bold;
	color: #27D08F;
	position: relative;
	text-shadow: 0.6px 0.6px 0, 0.6px -0.6px 0px, -0.6px 0.6px 0, -0.6px -0.6px 0px, 0.6px 0px 0px, 0px 0.6px 0px, -0.6px 0px 0px, 0px -0.6px 0px;
}
.small-capacity {
	font-size: 16px;
	font-weight: bold;
	color: #222;
}
.delivery-ordered {
	font-size: 16px;
	font-weight: bold;
}
.store-select-delivery-name {
	background: #F5F5F5;
	border-radius: 2px;
	border: 1px solid #D5D5D5;
	font-size: 10px;
	display: inline-block;
	padding: 3px 8px;
	min-width: 106px;
}
.store-select-delivery-start-time {
	font-size: 16px;
	font-weight: bold;
	margin-top: 2px;
}
.store-select-delivery-deadline-time {
	font-size: 12px;
	letter-spacing: 0.05em;
}
.block-order-estimate--confirmation-title.saturday .delivery-day {
	background: #74B5E8;
}
.block-order-estimate--confirmation-title.saturday .dm_item {
	background: #EFF8FF;
}
.block-order-estimate--confirmation-title.sunday .delivery-day {
	background: #EF8286;
}
.block-order-estimate--confirmation-title.sunday .dm_item {
	background: #FFEBEC;
}
.delivery-legend {
	display: flex;
	justify-content: space-between;
	width: 520px;
	margin: 25px auto 0;
}
li.delivery-legend-item span {
	margin-right: 8px;
}
.delivery-changesales-text {
	font-size: 16px;
	color: #FF2154;
	margin-bottom: 6px;
}
/* 店舗・配送便の確認モーダル */

#modalwindow {
	width: 394px;
	background: #fff;
	border-radius: 0 0 8px 8px;
	/* display: block;*/
	position: fixed;
	z-index: 20;
	left: 50%;
	transform: translateX(-50%);
	top: calc(50% - 100px);
	overflow: auto;
	border-radius: 14px 14px 8px 8px;
}
#modalTitle {
	background: #222;
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding: 22px 0;
}
.store-select-modal-inner {
	position: relative;
	padding: 40px 32px;
}
.store-select-confirm {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 24px;
	text-align: center;
}
.select-delivery-text {
	padding-left: 67px;
}
#selectDeliveryZip {
	padding-left: 67px;
	margin-bottom: 0px;
}
#selectDeliveryAddr {
	padding-left: 67px;
	margin-bottom: 8px;
}
#selectStoreText {
	padding-left: 67px;
	margin-bottom: 4px;
}
#selectDeliveryDayText {
	padding-left: 67px;
	margin-bottom: 4px;
}
#selectDeliveryTimeText {
	padding-left: 67px;
	margin-bottom: 24px;
}
.BlockBox.confirm-btn-box {
	display: flex;
	justify-content: space-between;
}
input#commitBtn {
	background: #B2090F;
	color: #fff;
	border: none;
	border-radius: 24px;
	font-size: 16px;
	font-weight: 500;
	padding: 12px 60px;
	display: block;
	cursor: pointer;
}
input#commitBtn:hover {
	opacity: .7;
}
input#closeBtn {
	background: #E5E5E5;
	color: #808080;
	border: none;
	border-radius: 24px;
	font-size: 16px;
	font-weight: 500;
	padding: 12px 52px;
	display: block;
	cursor: pointer;
}
input#closeBtn:hover {
	opacity: .7;
}
.store-select-modal-bg {
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 10;
}
.cart-modal-bg {
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 10;
}
/*詳細検索画面 */

.block-search-goods {
	margin-top: 22px;
}
.block-search-goods--header {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
	margin-top: 0;
	background: #fff;
	margin-bottom: 0;
	padding: 40px 40px 20px 57px;
}
.block-search-goods--header::before {
	content: "";
	width: 8px;
	height: 27px;
	display: block;
	position: absolute;
	background: url(../../img/usr/common/h2-deco.png) no-repeat;
	background-size: contain;
	left: 40px;
	top: 45px;
}
/* 過去購入商品一覧 */

.block-purchased-list {
	margin-top: 0;
}
.block-purchased-list--header {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
	margin-top: 0;
	background: #fff;
	margin-bottom: 0;
	padding: 40px 40px 20px 57px;
}
.block-purchased-list--header::before {
	content: "";
	width: 8px;
	height: 27px;
	display: block;
	position: absolute;
	background: url(../../img/usr/common/h2-deco.png) no-repeat;
	background-size: contain;
	left: 40px;
	top: 42px;
}
/* バーコード受け取り画面 */

.page-receiptbarcode .wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.page-receiptbarcode .pane-footer {
	margin-top: auto;
}
.page-receiptbarcode h1 {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
	margin-top: 0;
	background: #fff;
	margin-bottom: 0;
	padding: 40px 40px 20px 16px;
}
.page-receiptbarcode h1::before {
	content: "";
	width: 8px;
	height: 27px;
	display: block;
	position: absolute;
	background: url(../../img/usr/common/h2-deco.png) no-repeat;
	background-size: contain;
	left: -1px;
	top: 45px;
}
.page-receiptbarcode #barcodeTarget {
	margin: 30px auto 0;
}
/* --- ランディングページ追加 ---*/

.block-landingpage-address--change-btn {
	color: #B2090F;
	font-size: 14px;
	background: #fff;
	border: 1px solid #B2090F;
	padding: 14px 37px;
	border-radius: 4px;
}
#modalwindow_lpsales, #lp_storeselect_modalwindow {
	width: 490px;
	background: #fff;
	border-radius: 0 0 8px 8px;
	/* display: block; */
	position: fixed;
	z-index: 20;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	overflow: auto;
	border-radius: 14px 14px 8px 8px;
}
.landingpage-sales-modal-inner {
	position: relative;
	padding: 25px 32px;
}
.landingpage-sales-modal-inner-text {
	margin-bottom: 15px;
}
input#lpSalesCommitBtn {
	background: #B2090F;
	color: #fff;
	border: none;
	border-radius: 24px;
	font-size: 16px;
	font-weight: 500;
	padding: 12px 60px;
	display: block;
	cursor: pointer;
}
input#lpSalesCommitBtn:hover {
	opacity: .7;
}
.landingpage-sales-modal-bg {
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 10;
}
.landingpage-sales-text {
	font-size: 16px;
}


/*ヘッダー TOKYU BELL ロゴ配置用調整*/
.pane-header .container:has(.block-header-logo.-mypage) .block-headernav--list-item.-mypage{
  width: 216px;
}
.pane-header .container:has(.block-header-logo.-mypage) .block-headernav{
  gap: 10px 31px;
}
.pane-header .container:has(.block-header-logo.-mypage){
  padding: 0 40px 0 20px;
  height: 88px;
}
.block-header-logo.-mypage {
  width: 177px;
  min-width: 164px;
  font-size: 0;
  padding-bottom: 14px;
  margin-top: 13px;
}
.block-header-logo.-mypage + .block-header-welcome{
  margin-left: 32px;
  min-width: auto;
}
.block-header-logo.-mypage .block-header-logo--link{
  display: block;
  width: 100%;
}
.block-header-logo.-mypage .block-header-logo--link::before{
  display: none;
}

/*関連サービスモーダル調整*/
/*関連サービスモーダル調整 -- 既存要素調整*/
:root {
  --font-color-red: #AF000E;
  --base-width-sp: 428;
  --base-width-pc: 1600;
}
.block-headernav--item-list>li.-history,
.block-headernav--item-list>li.-logout{
  width: auto;
  padding: 0;
  margin: 0;
}
.block-headernav--item-list>li.-history a ,
.block-headernav--item-list>li.-logout a{
  display: inline-block;
  padding: 0;
  margin: 0;
}
.block-headernav{
  display: flex;
  gap: 10px 20px;
}
.block-headernav--item-list{
  justify-content: flex-start;
  gap: 10px 20px;
}
.block-headernav--item-list>li{
  width: 234px;
}

.block-headernav--item-list li > a.block-headernav-mypage,
.block-headernav--item-list li > a.block-headernav-login {
  width: 100%;
  padding: 7px 10px 7px;
  border: 1px solid #DEDEDE;
  border-radius: 2px;
  margin: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  box-sizing: border-box;
  line-height: 1;
  min-height: 44px;
  letter-spacing: 0.1em;
}
.block-headernav--item-list li > a.block-headernav-mypage::before{
  margin-right: 5px;
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}

/*関連サービスモーダル調整 -- モーダル部分調整*/
.block-headernav-related-box{
  width: 234px;
}

.block-headernav-related-box>button {
  width: 100%;
  min-height: 44px;
  color: #AF000E;
  color: var(--font-color-red);
  font-size: 13px;
  font-weight: bold;
  padding: 3px 5px 3px;
  border: 1px solid var(--font-color-red);
  border-radius: 3px;
  background: #FFF0F0;
  position: relative;
  box-sizing: border-box;
  letter-spacing: -0.03em;
}

.block-headernav-related-box>button::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #AF000E;
  border-right: 1px solid var(--font-color-red);
  border-bottom: 1px solid #AF000E;
  border-bottom: 1px solid var(--font-color-red);
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.2s ease-in-out;
}

.block-headernav-related-box>button.is-active::after {
  transform: translateY(-50%) rotate(-135deg) translate(0px, -3px);
}

.block-headernav-related-box--desc {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  height: calc(100dvh - 44px);
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
}

.block-headernav-related-box--desc::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.38);
  position: absolute;
}

.block-headernav-related-box--desc>button {
  display: block;
  position: relative;
  z-index: 2;
  width: 36px;
  background: none;
  padding: 27px 0 0;
  border: 0;
  margin: 25px 21px 0 auto;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
}

.block-headernav-related-box--desc>button>span {
  display: block;
  width: 36px;
  height: 22px;
  position: relative;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.block-headernav-related-box--desc>button>span::before,
.block-headernav-related-box--desc>button>span::after {
  content: '';
  display: block;
  width: 21px;
  height: 2px;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  position: absolute;
}

.block-headernav-related-box--desc>button>span::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.block-headernav-related-box--desc.is-active {
  opacity: 1;
  pointer-events: all;
}

.block-headernav-related-box--list {
  padding: 40px 20px 40px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 3;
  background: #F5F5F5;
  gap: 20px 20px;
}

.block-headernav-related-box--item {
  width: 220px;
  min-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid #E4E4E4;
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  background: #fff;
}

.block-headernav-related-box--item.-net img {
  width: 148px;
}

.block-headernav-related-box--item.-tokyu img {
  width: 154px;
}

.block-headernav-related-box--item.-tokyu p {
  display: block;
  padding: 0;
  margin: 3px 0 0;
  font-size: 10px;
}

.block-headernav-related-box--item.-bell img {
  width: 147px;
}