@charset "UTF-8";

/* ------------ LAYOUT ------------- */
.contanc	{ display: block; width: 100%; height: 1px; margin-bottom: -1px; transform: translateY(0); }
.coupcont__column	{ padding: 0; margin: 0; width: 100%; }
.mmttlewrapper	{ display: flex; width: 100%; align-items: center; justify-content: center; margin: 140px 0 0; }
.mmttlewrapper > h5	{ font-size: 24px; line-height: 1.8em; letter-spacing: 0.1em; font-weight: 300; text-align: left; padding: 0; margin: 0 0 1rem; }
.mmttlewrapper > h5.full	{ width: 100%; }
@media (max-width: 1000px) {
	.contanc	{ transform: translateY(0); }
	.coupcont__column	{ padding: 0; }
	.mmttlewrapper	{ margin: 80px 0 0; }
	.mmttlewrapper > h5	{ font-size: 16px; }
	.mmttlewrapper > h5.big	{ font-size: 24px; }
}

.guide_block_order_wrapper	{ display: block; }
.guide_block_order_inner	{ background-color: #F5F5F5; padding: 24px; margin-top: 16px; }
.guide_block_order_inner_title	{ font-size: 16px; letter-spacing: 0.1em; color: #1A1A1A; position: relative; }
.guide_block_order_inner_title span	{ display: block; padding-top: 16px; font-size: 16px; line-height: 1.8em; letter-spacing: 0.1em; }
.guide_block_order_inner_title span a	{ border-bottom: 1px solid #7B7B7B; }
@media (min-width: 1001px) {
	.guide_block_order_wrapper	{ display: -webkit-flex; display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
	.guide_block_order_inner	{ width: calc(50% - 8px); margin-top: 0; }
	br.sponly	{ display: none; }
}
@media (max-width: 1000px) {
	.guide_block_order_inner_title span	{ font-size: 14px; }
	br.pconly	{ display: none; }
}

/* ------------ COUPON ------------- */
.coupon__area_wrapper	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 0 40px; }
.coupon__area_wrapper h6	{ font-size: 16px; line-height: 1.8em; letter-spacing: 0.1em; font-weight: 300; text-align: left; padding: 0; margin: 0 0 .6rem; }
.coupon__area_wrapper strong	{ font-size: 26px; line-height: 1.8em; letter-spacing: 0.1em; font-weight: 700!important; margin: 0 0 1.6rem; }
.coupon_code	{ width: 100%; max-width: 500px; height: 68px; background-color: #E9E9DD; line-height: 1.8em; transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1); color: #1A1A1A; font-size: 16px; letter-spacing: 0.1em; text-decoration: none; }

.toast	{ position: fixed; top: 40px; left: 50%; transform: translateX(-50%) translateY(-200px); background-color: #333; color: #fff; padding: 20px 40px; border-radius: 8px; display: flex; align-items: center; gap: 15px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); transition: transform 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28); z-index: 9999; cursor: pointer; user-select: none; }
.toast.show	{ transform: translateX(-50%) translateY(0); }
.toast-message { color: #fff; font-size: 16px; white-space: nowrap; }
@media (min-width: 1001px) {
	.coupon_code:hover	{ background-color: #1A1A1A; color: #fff; }
}
@media (max-width: 1000px) {
	.coupon__area_wrapper	{ padding: 40px 0; }
	.coupon__area_wrapper strong	{ font-size: 24px; }
}

/* ------------ TAB ------------- */
.pi3tabs	{ width:100%; position:relative; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; }
.pi3tabs::after	{ content:""; position: absolute; top: 68px; left: 0; height: 2px; width: 100%; background-color: #e9e9e9; }
.pi3tab-buttons	{ width: 100%; height:68px; display: -webkit-flex; display: flex; justify-content: center; }
.pi3tab-buttons span	{ font-size: 16px; color:#333; cursor:pointer; display:block; text-align:center; height:68px; line-height:68px; }
.pi3tab-content	{ padding: 3rem 0 0; display:inline-block; }
#lamp	{ height:2px; background:#1A1A1A; display:block; position:absolute; top:68px; transition: all .3s ease-in; z-index: 1; }
#lamp.content1,
.pi3tab-buttons span.content1,
#lamp.content2, 
.pi3tab-buttons span.content2	{ width: 25%; }
#lamp.content3,
.pi3tab-buttons span.content3,
#lamp.content4, 
.pi3tab-buttons span.content4	{ width: 25%; }

#lamp.content1	{ left: 0; }
#lamp.content2	{ left: 25% }
#lamp.content3	{ left: 50%; }
#lamp.content4	{ left: 75% }

.pi3tab-spnav	{ left: -1.5rem; width: calc(100% + 3rem); height: 56px; background: #fff; border-top: 1px solid #e9e9e9; display: none; align-items: center; justify-content: space-between; padding: 0 16px; z-index: 1; margin-top: 3rem; }
.pi3tab-spnav button	{ background: none; border: none; padding: 0; width: 40px; height: 40px; opacity: 1; }
.pi3tab-spnav button:disabled	{ opacity: 0.2; }
.spnav-title	{ color: #333; font-size: 14px; line-height: 1; text-align: center; }

@media (max-width: 1000px) {
	.pi3tabs::after	{ top: 54px; left: -1.5rem; width: calc(100% + 3rem); }
	.pi3tab-buttons	{ height:54px; }
	.pi3tab-buttons span	{ font-size: 14px; height:54px; line-height:54px; }
	#lamp	{ top:54px; }
	#lamp.content1,
	.pi3tab-buttons span.content1, 
	#lamp.content2, 
	.pi3tab-buttons span.content2	{ width: 25%; }

	.pi3tab-spnav	{ display: flex; }
	.imagesplit_image_list.spGridFigure	{ display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 20px 12px;  }
	.imagesplit_image_list.spGridFigure .imagesplit_image_item	{ width: calc(50% - 6px)!important;  }
	.spnav-title	{ font-size: 14px; }
}

/* ------------ PRECAUTIONS ------------- */
.guide_block_caution	{ margin: 48px 0 0; }
.guide_block_caution .guide_block_index	{ border-bottom: 1px solid #D9D9D9; }
.guide_block_caution .guide_block_caution_list	{ padding: 8px 0 0 0; }
.guide_block_review_wrap .guide_block_caution .guide_block_caution_list	{ padding: 8px 0 24px 0; }
.guide_block_caution .guide_block_caution_title	{ font-weight: 300; font-size: 16px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; height: 90px; letter-spacing: 0.1em; display: flex; align-items: center; position: relative; }
.guide_block_caution .guide_block_caution_title .is_push::before,
.guide_block_caution .guide_block_caution_title .is_push::after	{ content: ''; display: block; width: 12px; height: 1px; background: #7B7B7B; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.guide_block_caution .guide_block_caution_title .is_push::after	{ background: #7B7B7B; transform: translateY(-50%) rotate(90deg); transition: 0.5s; }
.guide_block_caution .guide_block_caution_title.is_active .is_push::after	{ transform: rotate(0); transition: 0.5s; }
.guide_block_caution li	{ list-style: disc; margin-left: 18px; font-size: 12px; color: #7B7B7B; line-height:20px; }
.guide_block_index_title	{ font-size: 16px; letter-spacing: 0.1em; line-height: 1.8em; color: #555555; padding: 24px 0; border-top: 1px solid #D9D9D9; position: relative; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.guide_block_index_title .guide_ttl	{ display: flex; align-items: center; }
.guide_block_index_title .guide_ttl::before	{ content: " "; display: inline-block; }
.guide_block_index_title .guide_ttl .color_text	{ font-size: 12px; color: #BE7454; line-height: 1.6em; padding-left: 15px; width: 75%; }
.guide_block_index_title .guide_ttl_toggle_icon	{ position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 24px; height: 24px; }
.guide_block_index .accordion-arrow-1,
.guide_block_index .accordion-arrow-2	{ -webkit-transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1); transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1); }
.guide_block_index .is_active .accordion-arrow-1	{ opacity:0; }
.guide_block_index .is_active .accordion-arrow-2	{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.dhithis26-set	{ margin: 0 0 30px; display: -webkit-flex; display: flex; flex-direction: column; gap: 10px; }
.dhithis26-set > b	{ font-size: 14px; }
@media (min-width: 1001px) {
	.ZZpi3tabs::after	{ width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
	.dhithis26-info	{ display: block; }
	.info-half	{ display: -webkit-flex; display: flex; align-items: flex-start; gap: 30px;  }
	.info-half .dhithis26-set	{ width: calc(50% - 15px); }
}

.imagesplit_description	{ font-size: 16px;font-weight: 300; margin-top: 22px; line-height: 1.8; letter-spacing: 0.12em; text-align: left; }
.top_search_wrapper	{margin: 0 -20px; }
.guide_block_index_title .guide_ttl	{ font-size: 16px; margin-left: 10px; }
.guide_block_caution .guide_block_caution_list	{ padding: 8px 10px 0; }
.guide_block_order_inner_title	{ margin-bottom: 26px; }
.guide_block_order_inner_title.nmogn	{ margin-bottom: 0; }
.guide_block_order_inner_title	{ }
.guide_block_order_inner_title span	{ padding-top: 10px; font-weight: normal; }
.guide_block_caution_list a	{ color: #7B7B7B; border-bottom: 1px solid #7B7B7B; text-decoration: none; }
.guide_block_order_inner_title.caution	{ margin-bottom: 10px; }
.guide_block_caution ul	{ /* margin-bottom: 26px; */ }
.guide_block_caution li	{ list-style: disc; margin-left: 18px; color: #1A1A1A; font-size: 14px; line-height: 1.8em; letter-spacing: 0.1em; }
.pc_br	{ display: none; }
@media screen and (max-width:480px) {
	.sp_br	{ display: none; }
	.pc_br	{ display:block; }
}

/* ------------ CATEGORY ------------- */
ul.cpwstylesearch	{ list-style-type: none; width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap; gap: 18px; padding: 0; margin: 0; }
ul.cpwstylesearch > li	{ width: calc(100% / 3 - 12px); padding: 0; margin: 0; }
ul.cpwstylesearch::before,
ul.cpwstylesearch::after,
ul.cpwstylesearch > li::before,
ul.cpwstylesearch > li::after	{ display: none; }
ul.cpwstylesearch > li a	{ display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; position: relative; }
ul.cpwstylesearch > li a::after	{ content:""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .2; transition: opacity .5s ease; }
ul.cpwstylesearch > li a img	{ width: 100%; object-fit: cover; transform: scale(1); transition: transform .5s ease; }
ul.cpwstylesearch > li a > b	{ color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; text-align: center; font-size: 24px; line-height: 1.4; font-weight: 400; z-index: 1; }
ul.cpwstylesearch > li a:hover::after	{ opacity: .6; }
ul.cpwstylesearch > li a:hover img	{ transform: scale(1.06); }
@media (max-width: 1000px) {
	ul.cpwstylesearch > li a > b	{ font-size: 16px; }
	ul.cpwstylesearch	{ gap: 12px; }
	ul.cpwstylesearch > li	{ width: calc(50% - 6px);  }
}

/* ------------ NO-TRANSITION ------------- */
.no-transition * {
  transition: none !important; -webkit-transition-delay: 0; transition-delay: 0;
}