@charset "utf-8";
/* ■■■■■■■■■■共通■■■■■■■■■■ */
/* fs-c-breadcrumb */
.fs-c-breadcrumb{
	width: var(--INNER_WIDTH);
	padding-top: 30px;
	margin-bottom: 0;
}
/* g-heading */
h1.g-heading{
	padding-bottom: var(--GENERALSEC);
}
/* ■■■■■■■■■■ブランド一覧■■■■■■■■■■ */
.allBrand__imgContainer{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.allBrand__img--logo img{
	border: 1px solid var(--GRAY04);
	box-sizing: border-box;
}
.allBrand__name{
	font-family: var(--FF_EN);
	font-weight: 500;
	letter-spacing: 0.01em;
}
.allBrand__link a{
	font-weight: 300;
	text-decoration: underline;
	font-size: var(--FZ_14);
}
@media screen and (min-width: 768px){
	.allBrand-sec{
		gap: var(--GAP_70);
	}
	.allBrand-sec article{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--GAP_20);
	}
	.allBrand__desc{
		display: flex;
		flex-direction: column;
	}
	.allBrand__name{
		font-size: var(--FZ_35);
		line-height: 1.4;
	}
	.allBrand__txt{
		flex: 1;
		margin-top: var(--GAP_20);
	}
	.allBrand__link{
		text-align: right;
	}
	.allBrand__imgContainer{
		gap: var(--GAP_20);
	}
}
@media screen and (max-width: 767px){
	.allBrand-sec{
		gap: var(--GAP_40_CONST);
	}
	.allBrand__imgContainer{
		margin-bottom: var(--GAP_20);
		width: 100vw;
    transform: translateX(-4.2%);
	}
	.allBrand__name{
		font-size: var(--FZ_28);
	}
	.allBrand__link{
		margin-top: var(--MG_10);
		text-align: center;
	}
}
/* ■■■■■■■■■■クラシッククロージングについて■■■■■■■■■■ */
/* aboutUs-intro */
.aboutUs-intro__ttl{
	font-weight: 700;
}
@media screen and (min-width: 768px){
	.aboutUs-intro{
		display: grid;
		grid-template-columns: 10fr 10fr;
		gap: var(--GAP_50) var(--GAP_70);
	}
	.aboutUs-intro__ttl{
		grid-column: span 2;
		font-size: var(--FZ_50);
	}
	.aboutUs-intro__logo{
		width: 50%;
	}
}
@media screen and (max-width: 767px){
	.aboutUs-intro__logo{
		width: 133px;
		margin: 0 auto;
	}
	.aboutUs-intro__ttl{
		font-size: var(--FZ_50);
		margin: var(--MG_20) 0;
	}
}
/* aboutUs-gallery */
.aboutUs-gallery__item{
	min-width: var(--ABOUTUS_GALLERY_ITEM_WIDTH);
	max-width: var(--ABOUTUS_GALLERY_ITEM_WIDTH);
}
@media screen and (min-width: 768px){
	.aboutUs-gallery{
		--ABOUTUS_GALLERY_ITEM_WIDTH: clamp( 200px, 25vw, 285px);
	}
	.aboutUs-gallery .slick-slide{
		margin: 0 10px;
	}
}
@media screen and (max-width: 767px){
	.aboutUs-gallery{
		--ABOUTUS_GALLERY_ITEM_WIDTH: 120px;
	}
	.aboutUs-gallery .slick-slide{
		margin: 0 5px;
	}
}
/* ownerHistory */
.ownerHistory__photo{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: var(--GENERALSEC_HALF);
}
.ownerHistory__name{
	display: flex;
	flex-direction: column;
	font-weight: 900;
}
.ownerHistory__timeline__list{
	position: relative;
}
.ownerHistory__timeline__list li{
	background-color: var(--GRAY01);
	position: relative;
}
.ownerHistory__timeline__list::before,
.ownerHistory__timeline__list li::before{
	content: "";
	display: inline-block;
	background: var(--BLACK);
	position: absolute;
}
.ownerHistory__timeline__list::before{
	width: 2px;
	height: 100%;
	top: 0;
	left: 0;
}
.ownerHistory__timeline__list li::before{
	width: var(--OWNERHISTORY_TIMELINE_LIST_LEFT_PADDING);
	height: 2px;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.ownerHistory__timeline__continue{
	font-weight: 900;
	line-height: 2;
}
@media screen and (min-width: 768px){
	.ownerHistory__contents{
		display: grid;
		grid-template-columns: auto 1fr;
	}
	.ownerHistory__name{
		align-items: flex-start;
		gap: var(--GAP_20);
		width: 139px;
	}
	.ownerHistory__name__professionalName{
		font-size: var(--FZ_70);
		letter-spacing: 0.4em;
		line-height: 1;
	}
	.ownerHistory__name__realName{
		font-size: var(--FZ_18);
	}
	.ownerHistory__timeline__start{
		margin-bottom: var(--MG_10);
	}
	.ownerHistory__timeline__start,
	.ownerHistory__timeline__list li{
		font-size: var(--FZ_13);
	}
	.ownerHistory__timeline__list{
		--OWNERHISTORY_TIMELINE_LIST_LEFT_PADDING: 50px;
		gap: var(--GAP_20);
		margin-left: 25px;
		padding: 50px 120px 80px var(--OWNERHISTORY_TIMELINE_LIST_LEFT_PADDING);
	}
	.ownerHistory__timeline__list li{
		padding: 20px;
	}
	.ownerHistory__timeline__continue{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.ownerHistory__name{
		gap: var(--GAP_10);
	}
	.ownerHistory__name__professionalName{
		font-size: var(--FZ_60);
		line-height: 1;
	}
	.ownerHistory__name__realName{
		font-size: var(--FZ_18);
	}
	.ownerHistory__timeline__start{
		margin: var(--MG_20) 0 var(--MG_10);
	}
	.ownerHistory__timeline__start,
	.ownerHistory__timeline__list li{
		font-size: var(--FZ_14);
	}
	.ownerHistory__timeline__list{
		--OWNERHISTORY_TIMELINE_LIST_LEFT_PADDING: 20px;
		gap: var(--GAP_20);
		padding: 20px 0 40px var(--OWNERHISTORY_TIMELINE_LIST_LEFT_PADDING);
	}
	.ownerHistory__timeline__list li{
		padding: 15px;
	}
	.ownerHistory__timeline__continue{
		font-size: var(--FZ_16);
	}
}
/* ■■■■■■■■■■よくある質問■■■■■■■■■■ */
.s-faq dd:not(:last-child){
	border-bottom: 1px solid var(--GRAY01);
}
.s-faq dt,
.s-faq dd{
	position: relative;
}
.s-faq:last-child dd{
	padding-bottom: 0;
}
.s-faq dt::before {
	font-family: var(--FF_EN);
	position: absolute;
}
.s-faq dt::before{
	content: 'Q';
  color: var(--FS_BTN_COLOR_1);
}
@media screen and (min-width: 768px){
	.s-faq{
		margin-top: 20px;
	}
	.s-faq dd:not(:last-child){
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.s-faq dt{
		font-size: var(--FZ_16);
		padding: 2px 50px 20px 50px;
	}
	.s-faq dd{
		padding: 10px 15px 40px;
	}
	.s-faq dt::before {
		font-size: 30px;
	}
	.s-faq dt::before{
		left: 10px;
		top: -12px;
	}
}
@media screen and (max-width: 767px){
	.s-faq{
		margin-top: 20px;
	}
	.s-faq dd:not(:last-child){
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.s-faq dt{
		font-size: var(--FZ_14);
		padding: 0 10px 10px 40px;
	}
	.s-faq dd{
		padding: 8px 10px 30px 20px;
	}
	.s-faq dt::before {
		font-size: 20px;
	}
	.s-faq dt::before{
		left: 15px;
		top: -8px;
	}
	.s-faq dd .g-txt{
		line-height: 1.7;
	}
}
/* アコーディオン プラスマイナス */

.s-faq--acc dt{
	position: relative;
}
.s-faq--acc dt span{
	display: inline-block;
	position: relative;
	aspect-ratio: 1/1;
	position: absolute;
	border: 1px solid var(--GRAY02);
	border-radius: 50%;

}
.s-faq--acc dt span::before,
.s-faq--acc dt span::after{
	content: "";
	display: inline-block;
	background: var(--GRAY03);
	width: 60%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.s-faq--acc dt span::after{
	transition: .3s;
	transform: translate(-50%, -50%) rotate(90deg);
}
.s-faq--acc dt.active span::after{
	transform: translate(-50%, -50%) rotate(180deg);
}
.s-faq--acc dd{
	display: none;
}
@media (hover: hover){
	.s-faq--acc dt:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.s-faq--acc dt:not(:first-child){
		margin-top: 20px;
	}
	.s-faq--acc dt span{
		width: 25px;
		right: 30px;
		top: 7px;
	}
}
@media screen and (max-width: 767px){
	.s-faq dt{
		padding-right: 30px;
	}
	.s-faq--acc dt:not(:first-child){
		margin-top: 10px;
	}
	.s-faq--acc dt span{
		width: 13px;
		right: 7px;
		top: 4px;
	}
}

/* アコーディオン 矢印 */
/* .s-faq--acc dt{
	position: relative;
}
.s-faq--acc dt span{
	display: inline-block;
	position: relative;
	aspect-ratio: 1/1;
	position: absolute;
}
.s-faq--acc dt span::before{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f107';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
}
.s-faq--acc dt.active span::before{
	transform: translate(-50%, -50%) rotate(180deg);
}
.s-faq--acc dd{
	display: none;
}
@media (hover: hover){
	.s-faq--acc dt:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.s-faq--acc dt:not(:first-child){
		margin-top: 20px;
	}
	.s-faq--acc dt span{
		width: 30px;
		right: 10px;
		top: 10px;
	}
	.s-faq--acc dt span::before{
		font-size: 20px;
	}
}
@media screen and (max-width: 767px){
	.s-faq dt{
		padding-right: 30px;
	}
	.s-faq--acc dt:not(:first-child){
		margin-top: 10px;
	}
	.s-faq--acc dt span{
		width: 20px;
		right: 5px;
		top: 5px;
	}
	.s-faq--acc dt span::before{
		font-size: 15px;
	}
} */
/* ■■■■■■■■■■お買い物ガイド■■■■■■■■■■ */
.s-guideNav__item li a{
	font-weight: 700;
}
.s-guideContents{
	--H3_BGCOLOR: #F5F5F5;
	--H2_BDCOLOR: #E5E5E5;
	margin-top: 3px;
	display: grid;
	gap: var(--GENERALSEC);
}
.s-guideColumn__heading{
	font-weight: 700;
	border-bottom: 1px solid var(--H2_BDCOLOR);
}
.s-guideColumn__ttl{
	font-weight: 500;
	background-color: var(--H3_BGCOLOR);
}
.s-guideCredit{
	display: flex;
	align-items: center;
	margin: var(--GAP_20) 0;
}
.s-guideCredit li{
	flex: 1;
}
.s-guidePaymentLogo{
	margin: var(--GAP_30) 0 var(--GAP_20);
}
.s-guideTable{
	width: 100%;
	max-width: 800px;
	border-collapse: collapse;
}
.s-guideTable--bank{
	max-width: 300px;
}
.s-guideTable th,
.s-guideTable td{
	border: 1px solid var(--H2_BDCOLOR);
}
.s-guideTable th{
	font-weight: normal;
}
.s-guideTable thead th{
	background-color: var(--H2_BDCOLOR);
	padding: 5px 0;
	font-size: var(--FZ_12_CONST);
}
.s-guideTable tbody th,
.s-guideTable tbody td{
	text-align: center;
}
.s-guideColumn__subttl{
	font-size: var(--FZ_14);
	font-weight: 400;
}
.s-guideColumn__subttl::before{
	content: '【';
}
.s-guideColumn__subttl::after{
	content: '】';
}
@media screen and (min-width: 768px){
	.s-guideContainer{
		display: grid;
		grid-template-columns: clamp( 160px, 18vw, 200px) 1fr;
		align-items: flex-start;
		gap: clamp( 40px, 7vw, 70px);
	}
	.s-guideNav{
		position: sticky;
		top: 30px;
		left: 0;
	}
	.s-guideNav__item li a{
		font-size: var(--FZ_14);
		display: block;
		padding: 10px 0;
		letter-spacing: 0.05em;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_18);
		padding-bottom: 10px;
		margin-bottom: var(--MG_10);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_16);
		padding: 8px 15px;
		margin: var(--MG_50) 0 var(--MG_15);
	}
	.s-guideCredit{
		max-width: 200px;
		gap: var(--GAP_5_CONST);
	}
	.s-guidePaymentLogo--AmazonPay,.s-guidePaymentLogo--paidy{
		width: 150px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 130px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 150px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 7px 20px;
		font-size: var(--FZ_12);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_20);
	}
	.s-guideDelivery{
		width: 400px;
	}
}
@media screen and (max-width: 767px){
	.s-guideNav{
		--GUIDE_NAV_SP_BOX: 300px;
		--GUIDE_NAV_SP_BOX_TRIGGER: 40px;
		position: fixed;
		right: calc(0px - var(--GUIDE_NAV_SP_BOX) + var(--GUIDE_NAV_SP_BOX_TRIGGER));
		top: 150px;
		display: flex;
		width: var(--GUIDE_NAV_SP_BOX);
		transition: .5s;
		z-index: 99;
		opacity: 0;
	}
	body.scroll .s-guideNav{
		opacity: 0;
		animation: var(--ANIME_FADEIN);
	}
	body.scroll.returnTop .s-guideNav{
		opacity: 1;
		animation: var(--ANIME_FADEOUT);
	}
	.s-guideNav.active{
		right: 0;
	}
	.s-guideNav__spTrigger{
		width: var(--GUIDE_NAV_SP_BOX_TRIGGER);
		height: 200px;
		background-color: var(--GRAY01);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px 0 0 5px;
		border: 1px solid var(--GRAY03);
		border-right: none;
	}
	.s-guideNav__spTrigger::after{
		content: '目次';
		writing-mode: vertical-rl;
	}
	.s-guideNav.active .s-guideNav__spTrigger::after{
		content: '閉じる';
	}
	.s-guideNav__item{
		flex: 1;
		background-color: var(--WHITE);
		border: 1px solid var(--GRAY03);
	}
	.s-guideNav__item li:not(:last-child){
		border-bottom: 1px solid var(--GRAY03);
	}
	.s-guideNav__item li a{
		display: block;
		padding: 8px 15px;
		font-size: 13px;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_18_CONST);
		padding-bottom: 5px;
		margin-bottom: var(--MG_5);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_15_CONST);
		padding: 7px 15px;
		margin: var(--MG_30) 0 var(--MG_10);
	}
	.s-guidePaymentLogo--AmazonPay,.s-guidePaymentLogo--paidy{
		width: 120px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 120px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 120px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 5px 15px;
		font-size: var(--FZ_12_CONST);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_10);
	}
	.s-guideDelivery{
		width: 90%;
	}
	.s-guideCredit{
		gap: var(--GAP_10_CONST);
	}
}
/* ■■■■■■■■■■実店舗について■■■■■■■■■■ */
.realStorePhoto{
	gap: 1px;
}
.realStorePhoto li:last-child{
	grid-column: span 2;
}
@media screen and (min-width: 768px){
	.realStorePhoto{
		grid-template-columns: repeat(4,1fr);
		margin-top: var(--MG_20);
	}
	.access{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: var(--GAP_40);
	}
	.access__desc{
		padding-top: var(--GAP_30);
	}
	.access__txt{
		margin-top: var(--GAP_40);
	}
	.access__txt p:first-child{
		font-size: var(--FZ_18);
	}
	.popUp{
		grid-template-columns: repeat(3,1fr);
	}
	.popUp.tp-blog article:nth-of-type(3){
		display: block;
	}
	.popUp.tp-blog article:nth-of-type(1) .tp-blog__thumb{
		margin-bottom: var(--MG_20);
	}
}
@media screen and (max-width: 767px){
	.realStorePhoto{
		grid-template-columns: repeat(2,1fr);
		margin-top: var(--MG_20);
	}
	.access__desc{
		margin-bottom: var(--GAP_20);
	}
	.access__txt{
		margin-top: var(--GAP_20);
	}
	.access__txt p:first-child{
		font-size: var(--FZ_16);
	}
}
/* ■■■■■■■■■■ブランド紹介■■■■■■■■■■ */
.aboutBrand__heading span{
	display: block;
}
.aboutBrand__heading__sur{
	padding-bottom: var(--GENERALSEC);
	font-family: var(--FF_EN);
	font-weight: 500;
}
.aboutBrand__heading__sub{
	border-top: 1px solid var(--BLACK);
	padding-top: var(--MG_5);
}
.aboutBrandContents{
	gap: var(--GENERALSEC_HALF);
}
.aboutBrandColumn__heading{
	font-family: var(--FF_SERIF);
	font-weight: 700;
}
.aboutBrandColumn__modelPhoto{
	gap: var(--GAP_5_CONST);
}
.aboutBrandColumn__item__name{
	display: block;
	text-align: center;
	font-size: var(--FZ_12_CONST);
	margin-top: var(--GAP_10);
}
.aboutBrand__otherLink{
	max-width: 600px;
	margin-top: calc(var(--GENERALSEC) * 1.5);
	gap: var(--GAP_40);
}
.aboutBrand__otherLink li a{
	display: block;
	font-family: var(--FF_SERIF);
	font-weight: 900;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--BLACK);
}
@media screen and (min-width: 1001px){
	.aboutBrandColumn--hasItem{
		margin-left: var(--PC_INNER_LEFT_SPACE);
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px){
	.aboutBrandColumn--hasItem{
		width: var(--INNER_WIDTH);
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width: 768px){
	.aboutBrand__headingContainer{
		margin-bottom: var(--GENERALSEC_HALF);
	}
	.aboutBrand__heading__sur{
		padding-top: var(--GAP_30);
		font-size: var(--FZ_60);
	}
	.aboutBrand__heading__sub{
		font-size: var(--FZ_12);
		text-align: right;
	}
	.aboutBrandContents{
		max-width: var(--PC_MAX_WIDTH_L);
	}
	.aboutBrandColumn{
		align-items: flex-start;
	}
	.aboutBrandColumn--hasModelPhoto{
		grid-template-columns: 1fr clamp( 180px, 25vw, 300px);
	}
	.aboutBrandColumn--hasItem{
		grid-template-columns: 1fr clamp( 300px, 50vw, 700px);
	}
	.aboutBrandColumn__item{
		overflow-x: clip;
	}
	.aboutBrandColumn__item > *{
		position: relative;
		right: -50px;
	}
	.aboutBrandColumn__heading{
		font-family: var(--FF_SERIF);
		font-size: var(--FZ_28);
		margin-bottom: var(--GAP_50);
	}
	.aboutBrandColumn__item{
		position: relative;
		/* margin-top: calc(0px - var(--GAP_70)); */
	}
	.aboutBrand__otherLink li a{
		font-size: var(--FZ_18);
	}
}
@media screen and (max-width: 767px){
	.aboutBrand__headingContainer{
		margin-bottom: var(--GENERALSEC);
	}
	.aboutBrand__heading__sur{
		padding-top: var(--GENERALSEC);
		font-size: var(--FZ_60);
	}
	.aboutBrand__heading__sub{
		font-size: var(--FZ_12_CONST);
		padding-left: calc((100% - var(--INNER_WIDTH)) / 2);
	}
	.aboutBrandColumn{
		gap: var(--GAP_40_CONST);
	}
	.aboutBrandColumn__heading{
		font-size: var(--FZ_22);
		margin-bottom: var(--GAP_40);
	}
	.aboutBrand__otherLink li a{
		font-size: var(--FZ_16);
	}
}
/* ■■■■■■■■■■会員登録■■■■■■■■■■ */
/* registerBenefitIntro */
.registerBenefitIntro{
	width: var(--INNER_WIDTH);
	margin: var(--GENERALSEC) auto var(--GENERALSEC_HALF);
}
.registerBenefitIntro li{
	border: 1px solid var(--BLACK);
	text-align: center;
	font-weight: 700;
}
.registerBenefitIntro__heading{
	width: fit-content;
	border-bottom: 2px solid var(--BLACK);
	margin: 0 auto;
}
.registerBenefitIntro__txt{
	line-height: 1.5;
}
@media screen and (min-width: 768px){
	.registerBenefitIntro{
		max-width: var(--PC_MAX_WIDTH_SSS);
		grid-template-columns: repeat(3, 1fr);
		gap: var(--GAP_20);
	}
	.registerBenefitIntro li{
		padding: 50px 0;
	}
	.registerBenefitIntro__heading{
		font-size: var(--FZ_22);
	}
	.registerBenefitIntro__txt{
		font-size: var(--FZ_18);
		margin-top: var(--MG_10);
	}
}
@media screen and (max-width: 767px){
	.registerBenefitIntro{
		grid-template-columns: repeat(2, 1fr);
		gap: var(--GAP_10);
	}
	.registerBenefitIntro li{
		padding: 20px 0;
	}
	.registerBenefitIntro__heading{
		font-size: var(--FZ_18);
	}
	.registerBenefitIntro__txt{
		font-size: var(--FZ_16);
		margin-top: var(--MG_10);
	}
}
/* insidePageDesc */
.insidePageDesc{
	width: var(--INNER_WIDTH);
	margin-left: auto;
	margin-right: auto;
}
.insidePageDesc__heading{
	font-weight: 900;
	border-bottom: 1px solid var(--GRAY03);
}
@media screen and (min-width: 768px){
	.insidePageDesc{
		max-width: var(--PC_MAX_WIDTH_SSS);
	}
	.insidePageDesc__heading{
		font-size: var(--FZ_20);
		padding-bottom: 10px;
		margin-bottom: var(--MG_30);
	}
}
@media screen and (max-width: 767px){
	.insidePageDesc__heading{
		font-size: var(--FZ_18);
		padding-bottom: 10px;
		margin-bottom: var(--MG_20);
	}
}

/* registerBenefitDesc */
.registerBenefitDesc dt{
	display: grid;
	align-items: flex-end;
}
.registerBenefitDesc dt span{
	display: inline-block;
	font-weight: 700;
	border-bottom: 2px solid var(--BLACK);
	text-align: center;
}
.registerBenefitDesc dt p{
	font-weight: 900;
	border-bottom: 1px solid var(--GRAY03);
}
.registerBenefitDesc dd:not(:last-child){
	margin-bottom: var(--GENERALSEC);
}
@media screen and (min-width: 768px){
	.registerBenefitDesc dt{
		grid-template-columns: 150px 1fr;
		gap: var(--GAP_30);
		margin-bottom: var(--GAP_20);
	}
	.registerBenefitDesc dt span{
		padding-bottom: 5px;
		font-size: var(--FZ_22);
	}
	.registerBenefitDesc dt p{
		padding-bottom: 5px;
		font-size: var(--FZ_18);
	}
}
@media screen and (max-width: 767px){
	.registerBenefitDesc dt{
		grid-template-columns: 55px 1fr;
		gap: var(--GAP_20);
		margin-bottom: var(--GAP_20);
	}
	.registerBenefitDesc dt span{
		padding-bottom: 2px;
		font-size: var(--FZ_18);
	}
	.registerBenefitDesc dt p{
		padding-bottom: 2px;
		font-size: var(--FZ_16);
	}
}

/* ■■■■■■■■■■彫だいの悪ふざけ■■■■■■■■■■ */
.warufuza{
	overflow-x: clip;
}
body:has(.warufuza) #footerarea{
	background-color: var(--WHITE);
}
@media screen and (min-width: 768px){
	.site-container:has(.warufuza){
		background: var(--GRAY01) url(../images/warufuzake/WARUFUZAKE-wh.png) no-repeat top -84px left 210px / 102%;
	}
}
@media screen and (max-width: 767px){
	.site-container:has(.warufuza){
		background: var(--GRAY01) url(../images/warufuzake/sp/WARUFUZAKE-wh.png) no-repeat top -84px right -20px / 80%;
	}
}
/* warufuza__fv */
.warufuza__fv{
	display: grid;
}
.warufuza__fv__item--youtube{
	-webkit-overflow-scrolling: touch;
}
.warufuza__fv__item--youtube iframe {
	display: block;
	width: 100%;
	height: 100%;
	height: auto;
	overflow: auto;
	pointer-events: none;
}
.warufuza__fv_new{
	display: grid;
	grid-template-columns: repeat(3,1fr);
}
@media screen and (min-width: 768px){
	.warufuza__fv{
		display: grid;
		grid-template: 1fr 1fr / 90fr 30fr 36fr;
	}
	.warufuza__fv__item--youtube,
	.warufuza__fv__item--imgRectangle{
		grid-row: span 2;
	}
	/* .warufuza__fv__item:nth-child(3){
		grid-row: 2 / 4;
		grid-column: 2 / 3;
	} */
	.warufuza__fv__item--youtube iframe {
		height: 100%;
	}
}
@media screen and (max-width: 767px){
	.warufuza__fv{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.warufuza__fv__item--youtube{
		grid-column: span 2;
	}
	.warufuza__fv__item--youtube iframe {
		aspect-ratio: 1/1;
	}
}
/* warufuza__intro */
.warufuza__intro{
	display: grid;
}
.warufuza__intro li{
	display: grid;
	align-items: flex-start;
}
.warufuza__intro__who__img{
	display: block;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: no-repeat center center / 100%;
}
.warufuza__intro__who__name{
	display: block;
	text-align: center;
	font-family: var(--FF_EN);
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 1.5;
}
.warufuza__intro__primary{
	font-family: var(--FF_SERIF);
	font-weight: 700;
}
@media screen and (min-width: 768px){
	.warufuza__intro li{
		grid-template-columns: clamp( 150px, 18vw, 200px) 1fr;
		gap: var(--GAP_30);
	}
	.warufuza__intro li:nth-of-type(2){
		margin-left: clamp( 50px, 18vw, 250px);
	}
	.warufuza__intro__who{
		grid-row: 1 / 3;
	}
	.warufuza__intro__who__name{
		font-size: var(--FZ_35);
	}
	.warufuza__intro__primary{
		margin-top: var(--GAP_50);
		font-size: var(--FZ_28);
	}
}
@media screen and (max-width: 767px){
	.warufuza__intro{
		gap: 35px;
	}
	.warufuza__intro li{
		grid-template-columns: 86px 1fr;
		gap: 17px 25px;
	}
	.warufuza__intro__primary{
		font-size: var(--FZ_16_CONST);
	}
	.warufuza__intro__secondary{
		grid-column: span 2;
	}
}
/* warufuza__loopTxt */
.warufuza__loopTxt {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.warufuza__loopTxt__wrapper {
	display: flex;
	white-space: nowrap;
	animation: scroll-horizontal 20s linear infinite;
	height: 100%;
}
.warufuza__loopTxt img {
	display: inline-block;
	height: 100%;
	width: auto;
	flex-shrink: 0;
}
@keyframes scroll-horizontal {
	0% {
			transform: translateX(0);
	}
	100% {
			transform: translateX(-100%);
	}
}
@media screen and (min-width: 768px) {
	.warufuza__loopTxt {
			height: 200px;
	}
	.warufuza__loopTxt__wrapper {
			animation: scroll-horizontal 10s linear infinite;
	}
}
@media screen and (max-width: 767px) {
	.warufuza__loopTxt {
			height: 80px;
	}
	.warufuza__loopTxt__wrapper {
			animation: scroll-horizontal 5s linear infinite;
	}
}
/* warufuza__info */
.warufuza__info{
	display: grid;
}
.warufuza__info__txt{
	display: grid;
}
.warufuza__info__txt p{
	font-weight: 700;
}
.warufuza__info__txt p mark{
	background: linear-gradient(transparent 50%, var(--YELLOW01) 50%);
}
.warufuza__info__img-slickDots{
	display: flex;
	justify-content: center;
	gap: var(--GAP_10);
}
.warufuza__info__img-slickDots button{
	font-size: 0;
	width: 10px;
	height: 10px;
	position: relative;
}
.warufuza__info__img-slickDots button::before{
	content: "";
	display: inline-block;
	background: var(--GRAY02);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.warufuza__info__img-slickDots .slick-active button::before{
	background: var(--BLACK);
}
@media screen and (min-width: 768px){
	.warufuza__info{
		grid-template-columns: 1fr clamp( 250px, 30vw, 350px);
		align-items: flex-start;
		gap: var(--GAP_70);
	}
	.warufuza__info__txt{
		gap: var(--GAP_30);
	}
	.warufuza__info__txt p{
		font-size: var(--FZ_20);
	}
}
@media screen and (max-width: 767px){
	.warufuza__info{
		gap: 40px;
	}
	.warufuza__info__img .slick-list{
		padding: 0 calc((100% - var(--INNER_WIDTH)) / 2);
	}
	.warufuza__info__img .slick-slide{
		margin: 0 5px;
	}
	.warufuza__info__txt{
		gap: var(--GAP_30);
	}
	.warufuza__info__txt p{
		font-size: var(--FZ_15_CONST);
	}
}
/* warufukaza__check */
.warufukaza__check__txt{
	font-weight: 900;
}
.warufukaza__check__txt {
	display: inline-block;
}
.warufukaza__check__txt--1st {
	animation: tiltAndRotate1 10s infinite;
}

.warufukaza__check__txt--2st {
	animation: tiltAndRotate2 10s infinite;
}

@keyframes tiltAndRotate1 {
	0%, 20%, 100% {
			transform: rotate(0deg);
	}
	10% {
			transform: rotate(30deg);
	}
	30% {
			transform: rotate(-30deg);
	}
	40%, 60% {
			transform: rotate(360deg);
	}
	50% {
			transform: rotate(0deg);
	}
	70% {
			transform: rotate(30deg);
	}
	80% {
			transform: rotate(-30deg);
	}
	90% {
			transform: rotate(0deg);
	}
}

@keyframes tiltAndRotate2 {
	0%, 20%, 100% {
			transform: rotate(0deg);
	}
	5% {
			transform: rotate(30deg);
	}
	25% {
			transform: rotate(-30deg);
	}
	35%, 55% {
			transform: rotate(360deg);
	}
	45% {
			transform: rotate(0deg);
	}
	65% {
			transform: rotate(30deg);
	}
	75% {
			transform: rotate(-30deg);
	}
	85% {
			transform: rotate(0deg);
	}
}

.expansion{
	animation: Expansion 0.5s ease 0s infinite alternate;
}
@keyframes Expansion {
	0% {
		transform: scale(0.9, 0.9);
	}
	100% {
		transform: scale(1, 1);
	}
}
@media screen and (min-width: 768px){
	.warufukaza__check__body{
		display: flex;
		justify-content: center;
	}
	.warufukaza__check__img{
		width: 300px;
	}
	.warufukaza__check__txt{
		font-size: 80px;
	}
	.warufukaza__check__txt--1st{
		margin-top: 50px;
	}
	.warufukaza__check__txt--2st{
		margin-top: 150px;
	}
}
@media screen and (max-width: 767px){
	.warufukaza__check{
		margin-top: 30px;
	}
	.warufukaza__check__body{
		display: flex;
		flex-direction: column;
	}
	.warufukaza__check__txt{
		width: fit-content;
		white-space: nowrap;
		font-size: 70px;
		line-height: 1;
	}
	.warufukaza__check__img{
		width: 150px;
		margin: 0 auto;
	}
	.warufukaza__check__txt--1st{
		margin: 0 0 30px -20px;
	}
	.warufukaza__check__txt--2st{
		margin: 0 0 30px 123px;
	}
}

/* 彫だいの悪ふざけ スクロールバー設置 */
.scroll_down {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.scroll_down:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(180deg,rgba(#000, 0) 0, rgba(#000, .8) 80%, rgba(#000, .8) 100%);
  }

.scroll_down span {
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: 50px;
  z-index: 2;
  width: 13px;
  padding-bottom: 60px;
  color: #fff;
  font-size: 14px;
  font-family: var(--FF_EN);
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
  transition: .2s;
}
.scroll_down span:after,.scroll_down span:before{
  content: '';
  position: absolute;
	bottom: 0;
  left: 50%;
	width: 2px;
  height: 50px;
}
.scroll_down span:before {
  background: #fff;
}
.scroll_down span:after {
  background: #000;
}

.scroll_down span:hover {
  opacity: .5;
}

#scroll-type span:after {
  animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl01 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@media screen and (max-width: 767px){
	.scroll_down span:before,.scroll_down span:after{
		width: 1px;
		height: 30px;
		left: 46%;
	}
	.scroll_down span{
		bottom: 15px;
		font-size: 10px;
		right: 15px;
		padding-bottom: 35px;
	}
}

/* 2024　0913 調整 */
.aboutBrand__otherLink li{
	position: relative;
}
.aboutBrand__otherLink li .g-headingArrow--brand{
	border-bottom: none;
}
@media screen and (min-width: 768px){
	.g-headingArrow--brand{
		width: 80px;
	}
}
@media screen and (max-width: 767px){
	.g-headingArrow--brand{
		bottom: 10px;
	}
}

/* 20240926 修正 */
.g-heading__en--classic-brand{
	font-size: var(--FZ_28);
}
@media screen and (min-width: 768px){
	.aboutBrandColumn__btn{
		margin-top: 60px;
	}
	.aboutBrandColumn__btn{
		grid-column: span 2;
	}
	.aboutBrandColumn__btn .g-btn{
		min-width: 340px;
	}
}
@media screen and (max-width: 767px){
	.aboutBrandColumn__btn{
		margin-top: 0px;
	}
	.aboutBrandColumn__btn .g-btn{
		min-width: 300px;
	}
}