@charset "utf-8";
/* =======================================================================================



LOWER COMMON



======================================================================================= */
#trigger{width: 32px;}
#menu.open .sns_box > *:nth-child(n+2) {font-size: 31px; margin-left: 1rem;}
.lower_page main{font-weight: 500;}
.lower_page222 main {color: rgb(255,255,255,.8); letter-spacing: .145em; line-height: 2; font-size: 14px; font-family: "Zen Kaku Gothic New", serif; font-weight: 500; font-style: normal; position: relative;}
.lower_page222 main a {color: rgb(255,255,255,.8); transition: .6s;}
.lower_page222 main a:hover {background: rgba(255,255,255,.3);}
.lower_page main a.mk2 {border-bottom: solid 1px #545454; transition: 0.3s;}
.lower_page main a.mk2:hover {text-decoration: none; border-bottom: none;}

.lower_page main a.item_txtlink:hover {border: solid 1px #545454;}
.lower_page main input {/*color: #555;*/ transition: .6s;}

.lower_page main a.no-hover:hover {background: #99aaba;}
.lower_page main .inner {margin-bottom: 32px;}
.lower_page main ul {list-style: none; padding-left: 0; }
.lower_page .flex_wrap {display: flex; flex-wrap: wrap; align-items: flex-start;}
.lower_page .flex_wrap.rev{flex-direction: row-reverse;}
.lower_page .tac{text-align: center;}
.br_min480{display: none;}
.br_min640{display: none;}
.br_min700{display: none;}
.br_min760{display: none;}
.br_min980{display: none;}
.br_min1152{display: none;}

.lower_ttlbox{text-align: center; padding: 4.0em 0;}
.lower_ttlbox .h1{width: 100%; max-width: 1120px; font-family: "Poppins", serif; font-weight: 600; font-style: normal; font-size: clamp(1rem, 0.748rem + 1.07vw, 1.5rem); letter-spacing: .08em; margin: 0 auto;}
.lower_ttlbox .h2{font-family: "Zen Kaku Gothic New", serif; font-weight: 500; font-style: normal; font-size: 14px; letter-spacing: .205em; align-items: center; display: flex; justify-content: center; margin-top: 4px;}
.lower_subttl .subttl{font-size: 16px; font-weight: 600; background: #f5f5f5; padding: 8px 8px 8px 1.0em; margin-bottom: 1.0em;}
.lower_subttl h4.subttl{font-size: clamp(1.063rem, 1.012rem + 0.25vw, 1.188rem); margin-bottom: 1.0em;}
.lower_subttl h5.subttl{font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); margin-bottom: 1.0em;}

.lower_ttlbox.mk2{height: 40vh;}
.lower_ttlbox.mk2 .inner{height: 40vh; position: relative; margin: 0 auto;}
.lower_ttlbox.mk2 .lower_ttl{position: absolute; bottom: 120px; left: 16px;}

.lower_page .cmn_btn a{display: inline-block; line-height: 1.0; border: solid 1px #eeece8; padding: 4px 16px 4px 4px; transition: .4s; position: relative; }
.lower_page .cmn_btn a::before,.lower_page .cmn_btn a::after{content: ""; position: absolute; top: calc(50% - .0px); right: 6px; width: 6px; height: 1px; border-radius: 9999px; background-color: rgb(255,255,255,1.0); transform-origin: calc(100% - 0.5px) 50%;}
.lower_page .cmn_btn a::before{transform: rotate(45deg);}
.lower_page .cmn_btn a::after{transform: rotate(-45deg);}
.lower_page .cmn_btn a:hover{background: rgb(255,255,255,.1);}

.lower_cmn_head .inner{margin-bottom: 80px!important;}




/****　COMMON NAV(ページリンクの場合) ***/
.cmn_nav{display: flex; flex-wrap: wrap; margin-bottom: 4.0rem; list-style: none; padding: 0;}
.cmn_nav.row2 li{width: 49%; margin: 0 .5%;}
.cmn_nav.row3 li{width: 32.3%; margin: 0 .5%;}
.cmn_nav li{position: relative; border: solid 1px #eeece8; font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem); text-align: center;line-height: 1.4;}
.cmn_nav li:before,.cmn_nav li:after{content: ""; position: absolute; bottom: 8px; left: 50%; width: 1px; height: 6px; border-radius: 9999px; background: #4b4b4b; transform-origin: 50% calc(100% - 0.5px);}
.cmn_nav li:before{transform: rotate(45deg);}
.cmn_nav li:after{transform: rotate(-45deg);}
.cmn_nav li a{display: block; font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem); padding: 24px 4px 32px 4px; transition: all .2s linear;}
.cmn_nav li.current{display: block; font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem); padding: 24px 4px 32px 4px; background: #f5f5f5;}
.cmn_nav li a:hover{background: #f5f5f5; border: none;}
.cmn_nav li .dn_max720{display: none;}
.cmn_nav li .sub{font-size: 80%;}

/****　COMMON NAV　(タブ切り替えの場合） ***/
.cmn_tab .tab_menu{font-size: 13px; font-weight: 600; border: solid 1px #eaeaea; display: block; float: left; text-align: center; line-height: 1.4; transition: .4s; position: relative; padding: 16px 0; margin-bottom: 64px;}
.cmn_tab .tab_menu.row2{width: 49%; margin: 0 .5%; margin-bottom: 64px;}
.cmn_tab .tab_menu.row3{width: 32.3%; margin: 0 .5%; margin-bottom: 64px; cursor: pointer; }
.cmn_tab .tab_menu.row3:hover { background-color: #f5f5f5;}
.cmn_tab .tab_menu.row3.mk2{height: 60px; padding: 20px 0 24px;}
.cmn_tab .tab_menu.row4{width: 48%; margin: 0 .5%; margin-bottom: 8px;}
.cmn_tab .tab_menu.row4.mk3{margin-bottom: 32px;}
.cmn_tab .tab_menu:before,.cmn_tab .tab_menu:after{content: ""; position: absolute; bottom: 6px; left: calc(50% - 2px); width: 1px; height: 6px; border-radius: 9999px; background: #4b4b4b; transform-origin: 50% calc(100% - 0.5px);}
.cmn_tab .tab_menu:before{transform: rotate(45deg);}
.cmn_tab .tab_menu:after{transform: rotate(-45deg);}
.cmn_tab .tab_menu:hover {background: rgb(255,255,255,.1);}
.cmn_tab .tab_menu .dn_max720{display: none;}
.cmn_tab .tab_menu .sub{font-size: 80%;}
.cmn_tab {width: 100%; margin: 0 auto;}
.cmn_tab input[name="tab_menu"] {display: none;}
.cmn_tab input:checked + .tab_menu { background: #f5f5f5;}
.cmn_tab .tab_contents{display: none;clear: both; overflow: hidden;}
.cmn_tab .tab_contents.mk2{border-top: solid 1px #bbb;}
#cmn_tab01:checked ~ #cmn_tab01,#cmn_tab02:checked ~ #cmn_tab02,#cmn_tab03:checked ~ #cmn_tab03,#cmn_tab04:checked ~ #cmn_tab04{display: block;}
.tab_ttl{font-size: clamp(1.063rem, 0.938rem + 0.63vw, 1.375rem); line-height: 1.6; text-align: center; padding-top: 48px; margin-bottom: 1.0em;}

/****　トータルケア・オーダー・マテリアル ***/
.cmn_lead_wrap{margin: 56px 0 0 0;}

.cmn_lead_wrap .inner{margin-bottom: 32px;}
.cmn_lead_wrap .cmn_lead_txt{width: 100%; margin-bottom: 2.0em;}
.cmn_lead_wrap .cmn_lead_img{width: 100%; overflow: hidden; aspect-ratio: 16/9; position: relative; margin-bottom: 2.0em;}
.cmn_lead_wrap .cmn_lead_img img{width: 100%; object-fit: cover;}
.cmn_lead_wrap .lead{font-size: clamp(1.063rem, 0.938rem + 0.63vw, 1.375rem); line-height: 1.8; margin-bottom: 1.0em;}
.cmn_lead_wrap  p{line-height: 2.0;}
.cmn_lead_wrap .br_min520{display: none;}
.lower_page main .tab_contents .inner{margin-bottom: 0px;}
.lower_page main .tab_contents.mk3 .inner{border-top: solid 1px #bbb;}
.tab_contents .tab_lead_wrap{flex-direction: column-reverse; margin-bottom: 32px;}
.tab_contents .tab_lead_wrap .tab_lead_txt{width: 100%; margin-bottom: 2.0em;}
.tab_contents .tab_lead_wrap .lead_ttl{font-size: 18px; line-height: 1.6; margin-bottom: 1.0em;}
.tab_contents .tab_lead_wrap .tab_lead_txt p{margin-bottom: 1.0em;}
.tab_contents .tab_lead_wrap .tab_lead_txt ul li{text-indent: -1.2em; font-size: 90%; padding-left: 1.2em;}
.tab_contents .tab_lead_wrap .tab_lead_txt ul li:before{content:"※"; margin-bottom: 0;}

.tab_contents .tab_lead_wrap .tab_lead_img{width: 100%; overflow: hidden; aspect-ratio: 16/9; margin-bottom: 2.0em;}
.tab_contents .tab_lead_wrap .tab_lead_img img{width: 100%; object-fit: cover;}
.tab_contents .inner_wrap{margin-bottom: 40px;}
.tab_contents .tab_inner{width: 100%; margin: 0 auto;}
.tab_contents .border_wrap{border: solid 1px #eeece8; padding: 24px 8px; margin: 2.0em 0;}
.tab_contents .flowUl{width: 100%;}
.tab_contents .flowUl li{width: 100%; border-bottom: solid 1px rgb(255,255,255,.2); padding: 16px 0; align-items: center;}
.tab_contents .flowUl li .no{width: 5.0rem; text-align: center; font-family: "Poppins", serif; font-weight: 200; font-size: clamp(1.375rem, 1.125rem + 1.25vw, 2rem); letter-spacing: 0.115em; position: relative; padding-top: 20px;}
.tab_contents .flowUl li .no::before{content:"Step"; display: block; font-size: 12px; position: absolute; top: 10px; left: 12px;}
.tab_contents .flowUl li dl{width: calc(100% - 5.0rem);}
.tab_contents .flowUl li dl dd{font-size: 13px;}
.tab_contents .flowUl li dl dd span{display: block; font-size: 12px;}
.tab_contents .orderUl{width: 100%; display: flex; justify-content: space-between; margin: 0;}
.tab_contents .orderUl li{width: 100%; border-bottom: solid 1px rgb(255,255,255,.2); padding: 8px 4px 16px; align-items: center; margin-bottom: 32px;}
.tab_contents .orderUl li dl dt{font-size: 15px; color: #ccc;}
.tab_contents .orderUl li dl dd{font-size: 14px;}
.tab_contents .qaDl {position: relative; margin: 1.0em 0 0; cursor: pointer; border-bottom: 1px solid rgb(255, 255, 255, .4);}
.tab_contents .qaDl:first-child {margin-top: 0;}
.tab_contents .qaDl::after{position: absolute; top: 27px; right: 32px; display: block; width: 10px; height: 10px; margin: auto; content: ''; transform: rotate(135deg); border-top: 1px solid rgb(255, 255, 255, .4); border-right: 1px solid rgb(255, 255, 255, .4);}
main.second .afterservice .faq .qa-list .open::after{transform: rotate(-45deg);}
.tab_contents .qaDl dt{position: relative; padding: 20px 64px 10px 40px; color: rgb(255, 255, 255, 1.0); margin: 0;}
.tab_contents .qaDl dt::before{font-size: clamp(1.375rem, 1.225rem + 0.75vw, 1.75rem); line-height: 1; position: absolute; top: 22px; left: 0px; display: block; content: 'Q.'; font-family: "Poppins", serif; font-weight: 200; }
.tab_contents .qaDl dd::before{font-size: clamp(1.375rem, 1.225rem + 0.75vw, 1.75rem); line-height: 1; position: absolute; top: 9px; left: 1px; display: block; content: 'A.'; font-family: "Poppins", serif; font-weight: 200;}
.tab_contents .qaDl dd{position: relative; margin: 0; padding: 10px 64px 20px 40px;}
.tab_contents .qaDl dd p{line-height: 1.6; padding: 0; margin: 30px 0 0;}
.tab_contents .qaDl dd p:first-child{margin-top: 0;}
.tab_contents .qaDl .innerDl{margin: 12px 0;}
.tab_contents .qaDl .innerDl dt{padding: 0 0 0 1.2rem;}
.tab_contents .qaDl .innerDl dt::before{font-size: 1.2rem; line-height: 1; position: absolute; top: 8px; left: -5px; display: block; content: '■'; color: #e6e5e5;}
.tab_contents .qaDl .innerDl dd{padding: 0 1.2rem 20px;}
.tab_contents .qaDl a{border-bottom: solid 1px #e6e5e5; text-decoration: none;}
.tab_contents .qaDl .innerDl dd::before{content: "";}

/* 商品カテゴリーのディスクリプション  */


@media screen and (min-width:480px) {
	.br_max480{display: none;}
	.br_min480{display: block;}
}
@media screen and (min-width:520px) {
	.cmn_tab .tab_menu.row3.mk2{height: inherit;}
	.cmn_lead_wrap .br_min520{display: block;}
}
@media screen and (min-width:640px) {
	.br_max640{display: none;}
	.br_min640{display: block;}
}

@media screen and (min-width:700px) {
	.br_min700{display: block;}
}

@media screen and (min-width:760px) {
	.lower_page main{font-size: 15px;}
	.lower_page main .inner {margin-bottom: 64px;}
	.br_min760{display: block;}
	.br_max760{display: none;}
	.tab_contents .tab_inner{width: 94%; margin: 0 auto;}
  
  	.lower_page main .inner222 {margin-bottom: 60px;}
  	.cmn_tab .tab_menu.row4.mk3{margin-bottom: 60px;}
  
	.cmn_nav li .dn_max720{display: inline-block;}
	.cmn_nav li:before,.cmn_nav li:after{bottom: 12px; height: 7px;}
	.cmn_tab .tab_menu{padding: 32px 0; margin-bottom: 120px;}
	.cmn_tab .tab_menu.row2,.cmn_tab .tab_menu.row3{margin-bottom: 80px;}
	.cmn_tab .tab_menu.row4{margin-bottom: 8px;}
	.cmn_tab .tab_menu.row4.mk3{margin-bottom: 80px;}
	.cmn_tab .tab_menu:before,.cmn_tab .tab_menu:after{bottom: 16px; height: 7px;}
	.lower_ttlbox.mk2{height: 650px;}
	.lower_ttlbox.mk2 .inner{height: 650px;}
	.lower_subttl h4.subttl{margin-bottom: 2.0em;}
	.tab_contents .inner_wrap{margin-bottom: 0;}
	.tab_contents .tab_inner{width: 94%; margin: 0 auto 120px;}
	.tab_contents .tab_inner.mk2{margin: 0 auto 40px;}
	.tab_contents .tab_lead_wrap{width: 94%; margin: 0 auto 80px;}
	.tab_contents .border_wrap{border: solid 1px #eeece8; padding: 36px 0; margin: 0 auto 120px;}
	.tab_contents .orderUl li{padding: 16px; height: 120px;}
}


@media screen and (min-width:800px) {
	.cmn_tab .tab_menu.row4{width: 24%; margin: 0 .5%; margin-bottom: 64px;}
}

@media screen and (min-width:840px) {
	.br_max840{display: none;}
	.cmn_lead_wrap222 .cmn_lead_txt{width: 59%; margin: 0 6% 0 0;}
	.cmn_lead_wrap222 .cmn_lead_img{width: 35%; max-width: 380px; aspect-ratio: 1/1; margin: 0;}
}

@media screen and (min-width:890px) {
	.br_max890{display: none;}
}

@media screen and (min-width:980px) {
	.br_min980{display: block;}
  	.lower_page main .inner222 {margin-bottom: 120px;}
	.cmn_lead_wrap{margin:48px 0;}
	.cmn_lead_wrap .flex_wrap{align-items: center;}
	.tab_contents .flowUl{width: 48%; margin: 0 1%;}
	.tab_contents .flowUl li{height: 140px;}
	.tab_contents .orderUl li{width: 48%;}

}

@media screen and (min-width:1152px) {
	.tab_contents .flowUl li{height: 115px;}
	.br_min1152{display: block;}
	.tab_ttl{text-align: left; margin-bottom: 1.0em;}
	.tab_contents .tab_lead_wrap{width: 100%; flex-direction: row;}
	.tab_contents .tab_lead_wrap .tab_lead_img{width: 50%; aspect-ratio: 3/2;}
	.tab_contents .tab_lead_wrap .tab_lead_txt{width: 47%; font-size: 15px; margin: 0 3% 0 0;}
}


/* =======================================================================================



DELIVERY



======================================================================================= */
.delivery .aside_contact_box{display: block;}
.shpTb_wrap{overflow-x: auto;}
.shpTb_wrap::-webkit-scrollbar { /* スクロールバーの高さと幅 */ 
 width: 24px;
 height: 24px;
}
.shpTb_wrap::-webkit-scrollbar-track { /* スクロールバーの背景色 */
  background-color: #ccc;
}
.shpTb_wrap::-webkit-scrollbar-thumb { /* スクロールバーのツマミの部分 */
  background-color: #f5f5f5;
}

.shpTb{width: 100%; text-align: center; margin: 24px 0; border: solid 1px #eeece8; font-size: 14px; border-collapse: collapse; white-space: nowrap;}
.shpTb tr.bgW{background: #f5f5f5;}
.shpTb tr th,.shpTb tr td{border: solid 1px #eaeaea;}
.shpTb tr th { font-weight: 500; padding: 4px;}
.shpTb tr th.rank{font-family: "Poppins", serif; font-weight: 500;}
.shpTb tr th.rank span{font-family: "Zen Kaku Gothic New", serif; font-weight: 500; font-style: normal;}
.shpTb tr td{text-align: right; padding: 4px;}
.shpTb tr td:before{content: "￥";}
.shpTb tr td.quote{text-align: center;}
.shpTb tr td.quote:before{content: "";}

.shpTb_rev{font-size: 12px; text-align: right;}
.shpTb_note{font-size: 13px; margin-bottom: 40px;}
.delivery h4{font-size: 15px; font-weight: 600; margin:2.0em 0 .6em;}
.delivery .inner{padding: 0 1.0em;}
.delUl{margin: 1.0em 0;}
.delUl li{line-height: 1.6;}
.delUl li span{display: block; width: calc(100% - 4.0rem);}
.delUl li span.no{display: block; width: 2.5rem;}

.pickUl{border: solid 1px #eeece8; margin: 2.0em 0; padding: 16px;}
.pickDl{margin: 15px;}
.pickDl dt{font-size: 15px; font-weight: 600; margin-bottom: .2em;}

.delivery .flex_wrap.mk2{align-items: center; background: #f5f5f5; padding: 16px; margin: 2.0em 0;}
.delivery .flex_wrap.mk2 .img{width: 100%; max-width: 240px; text-align: center; margin: 0 auto;}
.delivery .flex_wrap.mk2 p{width: 100%; margin-top: 1.0em;}

@media screen and (min-width:480px) {
.delivery .flex_wrap.mk2 {  }
.delivery .flex_wrap.mk2 .img{width: 64px; margin: 0;}
.delivery .flex_wrap.mk2 p{width: calc(100% - 136px); margin: 0 0 0 16px;}
}
/* =======================================================================================



CONTACT/APPOINTMENT



======================================================================================= */
.form_body p{text-align: center; margin-bottom: 4.0rem;}
.frmTb{width: 100%;}
.frmTb tr{display: block; width: 100%; margin-bottom: 16px;}
.frmTb tr th{display: block; width: 100%; text-align: left; /*color: rgb(255,255,255,1.0);*/ font-family: "Zen Kaku Gothic New", serif; font-weight: 500; font-style: normal; font-size: 14px; letter-spacing: .145em; padding-bottom: 8px;}
.frmTb tr th span{display: inline-block; background: #F5F5F5; font-size: 10px; padding: 2px 6px; margin-left: 1.0rem;}
.frmTb tr td{display: block; width: 100%; font-size: 14px; position: relative;}
.frmTb tr td .ipt_s{width: 40%; max-width: 136px;}
.frmTb tr td .ipt_m{width: 60%; max-width: 320px;}
.frmTb tr td .ipt_l{width: 80%; max-width: 480px;}
.frmTb tr td a{border-bottom: solid 1px rgb(255,255,255,.8);}
.frmTb tr td li{list-style: none;}
.frmTb tr td ul li{width: 100%; margin-bottom: 4px;}
.frmTb tr td input,.frmTb tr td textarea{width: 100%; border: solid 1px #eaeaea; font-size: 13px; padding: 12px 8px;}
.frmTb tr td input::placeholder{font-size: 13px;}
.frmTb tr td label{display: block; font-size: 13px; line-height: 2.0;}
.frmTb tr td label input{width: auto; display: inline-block; /*border: solid 1px #e6e5e5; background: rgb(255,255,255,.1);*/}

.frmTb tr td select{width: 100%; background-color: transparent; font-family: "Zen Kaku Gothic New", serif; font-weight: 500; font-style: normal; font-size: 14px; color: inherit; position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 10px 16px 10px 8px; margin-bottom: 4px; border: 1px solid #eaeaea; }

.frmTb tr .select_s select{width: 160px;}
.frmTb tr .select_s::after{display: block; content: "";position: absolute; left: 140px; top: 20px; width: 6px; height: 6px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; pointer-events: none; transform: translateY(-50%) rotate(-135deg);}
.frmTb tr .select_m select{width: 320px;}
.frmTb tr .select_m::after{display: block; content: "";position: absolute; left: 300px; top: 20px; width: 6px; height: 6px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; pointer-events: none; transform: translateY(-50%) rotate(-135deg);}
.frmTb tr .select_s.mk2::after,.frmTb tr .select_m.mk2:after{display: none;}

.frmTb tr td select option{font-size: 14px;}
.frmTb tr td label{display: flex; flex-wrap: wrap; gap: .3em 2em; border: none;}
.frmTb tr td label {display: flex; align-items: center; gap: 0 .5em; position: relative; cursor: pointer;}
.frmTb tr td label::before,.frmTb tr td label::after{border-radius: 50%; content: '';}
.frmTb tr td label::before{width: 18px; height: 18px; border: 1px solid #dee5eb; box-sizing: border-box;}
.frmTb tr td label::after{position: absolute; top: 50%; left: 9px; transform: translate(-50%, -50%); width: 9px; height: 9px;}
.frmTb tr td label:has(:checked)::after{background-color: rgba(68,68,68, .8);}
.frmTb tr td label input{display: none;}
.frmTb tr td p{text-align: left; margin: 0;}
.frmTb tr td p.note{font-size: 13px; margin: 0.6em 0;}
.frmTb tr td.note{font-size: 12px;}
.frmTb tr td.note p{line-height: 1.6; margin-bottom: .6rem;}
.frmTb tr td.note .nbh_dl{margin: 2.0em 0;}
.frmTb tr td.note .nbh_dt{font-size: 14px;}
.frmTb tr td.note .nbh_dd {background: rgb(255,255,255, .1); padding: 8px 16px;margin-top: 1.0em;}
.frmTb tr td.note .nbh_dd dl{font-size: 12px; margin-bottom: 1.0em;}
.frmTb tr td.note .nbh_dd dl dt{ color: #555; font-size: 13px;}
.frmTb tr td.td-ipt li{list-style: none;}
.frmTb tr td dl.variation{width: 100%; display: flex; font-size: 12px; flex-wrap: wrap;}
.frmTb tr td dl.variation dt{width: 4.0em;}
.frmTb tr td dl.variation dd{width: calc(100% - 4.0em);}

.sbm-btn input{display: block; background: #fff; color: #545454; border: solid 1px #eeece8; font-size: 15px; width: 268px; padding: 15px 0; margin: 40px auto 10px; transition: 0.6s;}
.bk-btn input{display: block; background: #fff; color: #545454; border: solid 1px #eeece8; font-size: 15px; width: 268px; padding: 15px 0; margin: 0 auto; transition: 0.6s;}
.bk-btn a{display: block; background: #fff; color: #545454; border: solid 1px #eeece8; font-size: 15px; width: 268px; text-align: center; padding: 15px 0; margin: 0 auto; transition: 0.6s;}
.sbm-btn input:hover,.bk-btn input:hover,.bk-btn a:hover{ background: #f5f5f5; color: #545454; border: solid 1px #eeece8;}
.bk-btn a:hover { text-decoration: none; }

input[type="date"] {position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; background: transparent; z-index: 1;}
input[type="date"]::after {content: ''; background-image: url("/assets/img/mypage/ic_calender.png"); background-repeat: no-repeat; background-size: contain; background-position: 0 0; width: 12px; height: 12px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}

@media screen and (min-width:760px) {
	.frmTb tr{display: table; max-width: 860px; margin: 0 auto 24px;}
	.frmTb.mk2 tr{margin-bottom: 4px;}
	.frmTb tr th{display: table-cell; width: 18rem; vertical-align: top; padding: 12px 0 0;}
	.frmTb.mk2 tr th{padding-top: 0;}
	.frmTb tr th span{float: right; margin: 4px 8px 0 0;}
	.frmTb tr td{display: table-cell; width: auto;}
	.frmTb.mk2 tr td ul li{margin: 0;}
	.frmTb tr td .flex_wrap li:first-child{width: 49%; margin-right: 2%;}
	.frmTb tr td .flex_wrap li:last-child{width: 49%;}
	.frmTb tr td .flex_wrap.mk2 li:first-child{width: 8rem;}
	.frmTb tr td .flex_wrap.mk2 li:last-child{width: auto;}
	.frmTb tr td input.iptS{width: 50%;}
}




/* =======================================================================================



PRIVACY



======================================================================================= */
.privacy .txt{margin-bottom: 4.0em;}
.ppDl{margin-bottom: 4.0em;}
.ppDl dt{font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); font-weight: 600; margin-bottom: .6rem;}
.ppDl dd{font-size: 14px;}
.ppDl dd ul{margin: 1.0em 0 1.0rem 1.0rem;}

@media screen and (min-width:760px) {
	.ppDl dd{font-size: 15px;}
}

/* =======================================================================================



TERMS



======================================================================================= */
.terms p{margin-bottom: 4.0em;}
.trmDl{margin-bottom: 4.0em;}
.trmDl dt{font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); margin-bottom: .6rem;}
.trmDl dd{font-size: 14px;}
.trmDl dd ul{margin: 1.0em 0 1.0rem 1.0rem;}
.terms .taR{text-align: right; margin: 0;}
@media screen and (min-width:760px) {
	.trmDl dd{font-size: 15px;}
}
	

/* =======================================================================================



SHOPPING GUIDE



======================================================================================= */
.sgdDl{margin-bottom: 4.0em;}
.sgdDl dd{margin: 0 1.0em; font-size: 14px; font-weight: 500; line-height: 2.0;}
.sgdDl dd h4{font-size: 15px; font-weight: 600; margin: 2.0em 0 1.0em;}
.sgdDl dd .card{display: inline-block; border: solid 1px #eaeaea; padding: 8px; margin: 2.0em 0 1.0em;}
.sgdDl dd .wireDl{border: solid 1px #eaeaea; width: 400px; padding: 12px 16px; margin: 2.0em 0 1.0em;}
.sgdDl dd .wireDl dt{ }
.sgdDl dd ul{margin: 1.0em 0 1.0em 1.0em;}
.sgdDl dd ul li{line-height: 2.0;}
.sgdDl .araUl{margin: 2.0em 0 4.0em 1.0em;}
.sgdDl .araUl li > *:first-child {margin-bottom: 4.0em;}
.sgdDl .araUl dt{font-size: 15px; color: #606060; margin-bottom: 0.6em;}

.sgdDl .rtnUl li{padding-left: 1.0rem; position: relative;}
.sgdDl .rtnUl li::before{content: '・'; position: absolute; top: 0; left: -0.5em;}

.sgdDl .cntDl{width: 100%; margin-top: 1.0em;}
.sgdDl .cntDl dt{width: 100%;}


@media screen and (min-width:760px) {
	.sgdDl{padding: 0 0 3.0em 0;}
	.sgdDl .cntDl dt{width: 8.5rem; line-height: 1.6;} 
	.sgdDl dd {font-size: 15px;}
	.sgdDl .cntDl dd{width: calc(100% - 8.5rem); line-height: 1.6; margin: 0} 
}

	
/* =======================================================================================



LEGAL NOTICE



======================================================================================= */
.legTb{width: 100%; margin: 0 auto;}
.legTb tr{width: 100%; border-bottom: solid 1px #eaeaea; text-align: left; display: block; padding: 16px;}
.legTb tr th{font-size: 15px; font-weight: 600; display: block;}
.legTb tr td{font-size: 15px; font-weight: 500; display: block;}
.legTb dl{margin-bottom: 2.0em;}
.legTb dl dt{margin-bottom: 0.2em;}
.legTb ul{margin: 1.0em 0 0 1.0em;}
.legTb ul li{padding-left: 1.0rem; position: relative;}
.legTb ul li::before{content: '■'; position: absolute; top: 0; left: -0.5em;}


@media screen and (min-width:760px) {
	.legTb tr{display:table; padding: 32px 16px;}
	.legTb tr th{display: table-cell; width: 16rem;}
	.legTb tr td{display: table-cell; width: auto;} 
}

/* =======================================================================================



MEMBERSHIP



======================================================================================= */
.memDl dd{width: 100%; margin: 0 auto;}

.bftDl{margin: 1.0em 0; border: solid 1px rgba(255,255,255,.2); padding: 1.0em;}
.bftDl dt{color: #ccc;}
.bftDl dd{margin-bottom: 2.0em;}
.bftDl dd ul{margin-bottom: 1.0em;}
.bftDl  > *:last-child  ul{margin-top: 1.0em;}

@media screen and (min-width:760px) {
	.memDl{padding-bottom: 6.0em;}
}





/* =======================================================================================



MY PAGE


======================================================================================= */
.mp_cmnDl{text-align: center;}
.mp_cmnDl dt strong{font-size: 110%; font-weight: 600;}

.mpNav{width: 100%; margin: 0 auto; max-width: 768px;}
.mpNav li{width: 48%; margin: 5px 1%; text-align: center;}
.mpNav.index li.index{background: rgba(255,255,255,.1);}
.mpNav.favorite li.favorite{background: rgba(255,255,255,.1);}
.mpNav.change li.change{background: rgba(255,255,255,.1);}
.mpNav.payment li.payment{background: rgba(255,255,255,.1);}
.mpNav.style-club li.style-club{background: rgba(255,255,255,.1);}
.mpNav.cancel li.cancel{background: rgba(255,255,255,.1);}


.mpNav li a{border: solid 1px #eeece8; font-size: 12px; display: block; padding: 18px 3px; color: #545454; transition: all .2s linear;}
.mpNav li a:hover{border: solid 1px #eeece8; background: #f5f5f5; color: #545454;}
.mpNav li.current a{border: solid 1px #eeece8; background: #f5f5f5; color: #545454;}

.cardSelect{width: 100%; margin:10px auto 20px;}
.cardSelect table{width: 100%; font-size: 13px;}
.cardSelect table th{padding:8px 10px 6px; color: #545454; font-size: 12px; background: rgba(255,255,255,.1); text-align: center;}
.cardSelect table th.ttl{font-weight: 500; color: #545454; text-align: left; font-size: 13px;}
.cardSelect table td{padding: 10px; border-bottom: 1px dotted #DDD; text-align: center;}
.cardSelect table td.taL{text-align: left;}
.cardSelect table td label{cursor: pointer;}
.cardSelect table td label span{border: solid 1px #eeece8; font-family: "Poppins", serif; display: inline-block; padding: 2px 4px; margin-right: 8px; font-size: 12px;}
.cardSelect table td.fncBtn{text-align: right;}
.cardSelect table td.fncBtn a,
.cardSelect table td.fncBtn input{border: solid 1px #eeece8; color: #545454; background: rgba(255,255,255,.1); display: inline-block; padding: 4px 8px; margin-left: 8px; font-size: 11px; cursor: pointer;}
.cardSelect table td.fncBtn a:hover,
.cardSelect table td.fncBtn input:hover{background: #bbb;}

.frmTb.mk3 tr td .flex_wrap li:last-child{width: 100%;}
.stmpUl{width: 100%; max-width: 768px; margin: 0 auto;}
.stmpUl li{width: 32.3%; margin: 0 0.5% 6px; aspect-ratio: 1 / 1; border: solid 1px #eeece8; text-align: center; position: relative;}
.stmpUl li span{display: block; width: 100%; position: absolute; font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem); line-height: 1.8; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.stmpUl li.checked{background: rgba(192,192,192,.8) url("../img/mypage/img_circle.png") no-repeat; background-size: cover;}

.ship-addUl{margin: 80px 0;}
.ship-add{border: solid 1px #eeece8; padding-bottom: 16px; margin-bottom: 20px;}
.ship-add .jq_toggle_dsp{display: none;}
.ship-add .jq_switch{position: relative; cursor: pointer; padding: 16px 16px 0 16px;}
.ship-add .jq_switch:before {position: absolute; top: 24px; right: 24px; display: block; width: 12px; height: 12px; margin: auto; border: 1px solid currentColor; border-bottom: 0; border-left: 0; color: rgba(255,255,255,.4); line-height: 1; vertical-align: middle; cursor: pointer; transform: rotate(135deg); transition: all .3s linear; content: ''}
.ship-add .jq_switch.flag:before { top: 32px; transform: rotate(315deg); }

@media screen and (min-width:980px) {
	.mp_cmnDl{ margin-bottom: -40px;}
	.cardSelect table th{font-size: 14px;}
	.mpNav li a{font-size: 14px;}
	.cardSelect table td label span{padding: 4px 8px;}
}

/* =======================================================================================



LOGIN



======================================================================================= */
.login p a:hover{/*background: none; border-bottom: solid 1px #bbb;*/}
.login p a:hover { text-decoration: none; }
.login .bk-btn{margin-top: 40px;}

.login .pp-wrap{width: 100%; height: 240px; border: solid 1px #eeece8; padding: 16px; overflow-y: scroll; margin: 4.0em 0;}
.login .pp-wrap .inner{margin-bottom: 0;}
.login .pp-wrap h3{font-size: 110%; color: #545454; margin-bottom: 0.6rem;}
.login .pp-wrap p{font-size: 90%; margin-bottom: 2.0em;}
.login .pp-wrap .ppDl dt{font-size: 100%;}
.login .pp-wrap .ppDl dd{font-size: 90%;}
.login .checkbox_wrap{align-items: center; column-gap: 4px; width: fit-content; line-height: 1; cursor: pointer; margin: 0 auto;}
.login .checkbox_wrap:not(:last-of-type) {margin-bottom: 16px;}
.login .checkbox{appearance: none; position: relative; width: 20px; height: 20px; border: 1px solid #bbb; border-radius: 2px; cursor: pointer;}
.login .checkbox:checked::after{ content: ""; position: absolute; top: 5px; left: 3px; width: 12px; height: 6px; border-bottom: 2px solid #bbb; border-left: 2px solid #bbb; transform: rotate(-45deg);
}

.login .tac{margin-bottom: 40px;}
.formErrorContent{color: #E86868;}

@media screen and (min-width:760px) {
	.frmTb.mk4 tr{max-width: 560px; margin: 0 auto 24px;}
	.frmTb.mk4 tr th{width: 8.0rem;}
}
/* =======================================================================================



WP（最新情報・オーダー事例）COMMON



======================================================================================= */

/*  一覧  */
.wp main .inner{margin-bottom: 56px;}
.wp_cmn_ul li{width: 49%; margin: 0 0.5% 40px;}

.wp_cmn_ul li dl dt{display: block; position: relative; overflow: hidden; margin-bottom: 1.0em; aspect-ratio: 16 / 9;}
.wp_cmn_ul li dl dt img{object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .2s linear;}
.wp_cmn_ul li dl dt img:hover{transform: scale(1.1);}
.wp_cmn_ul li dl dd.date{font-family: "Poppins", serif; font-weight: 500; font-style: normal; font-size: 12px; margin-bottom: 0.2em;}
.wp_cmn_ul li dl dd.date .cat{display: inline-block; font-family: "Zen Kaku Gothic New", serif; font-weight: 500; font-style: normal; text-align: center; font-size: 11px; border: solid 1px #eeece8; line-height: 1.0; padding: 3px 6px; margin-right: 1.0em;} 
.wp_cmn_ul li dl dd.ttl{font-size: 14px; line-height: 1.6;}

.wp_cmn_ul.order li dl dt{display: block; position: relative; overflow: hidden; margin-bottom: 1.0em; aspect-ratio: 16 / 9;}
.wp_cmn_ul.order li dl dd.ttl{margin-bottom: 0.2em;}
.wp_cmn_ul.order li dl dd.item{font-size: 13px; margin-bottom: 0.2em;}
.wp_cmn_ul.order li dl dd.item span{display: inline-block; text-align: center; font-size: 11px; border: solid 1px #eeece8; line-height: 1.0; padding: 3px 6px; margin-right: 1.0em;} 
.wp_cmn_ul.order li dl dd.item a{border-bottom: solid 1px #bbb;}
.wp_cmn_ul.order li dl dd.item a:hover{background: #99aaba; border-bottom: none;}

.order-example .subttl{font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);}

.wp_cmn_nav li a{display: block; font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem); padding: 24px 4px 32px 4px; transition: all .2s linear;}
.wp_cmn_nav li.current{background: #f5f5f5; padding: 0;}
.wp_cmn_nav li a:hover{background: #f5f5f5; border: none;}

/*  投稿  */
.wp main .wp_cmn_ttl .inner{border-bottom: solid 1px #bbb; padding: 0 8px; margin: 0 auto 16px;}
.wp_cmn_ttl{margin-bottom: 2.0rem;}

.wp_cmn_ttl .date{font-family: "Poppins", serif; font-weight: 500; font-size: 14px; margin-bottom: .5em;}
.wp_cmn_ttl .date span{display: inline-block; font-family: "Poppins", "Zen Kaku Gothic New"; border: solid 1px #eeece8; font-size: 12px; text-align: center; line-height: 1.4; padding: 2px 8px 0; margin-left: 16px;}
.wp_cmn_ttl h1{font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem); padding-bottom: 8px; color: #545454;}

.wp_cmn_ttl .item{font-size: 13px; margin-bottom: 2.0em;}
.wp_cmn_ttl .item dt{text-align: center; font-size: 12px; border: solid 1px #eeece8; line-height: 1.0; padding: 6px 12px; margin-right: 1.0em;} 
.wp_cmn_ttl .item dd a{border-bottom: solid 1px #bbb;}
.wp_cmn_ttl .item dd a:hover{background: #99aaba; border-bottom: none;}
.wp_cmn_ttl .item dd span{display: inline-block; font-family: "Poppins", "Zen Kaku Gothic New"; border: solid 1px #eeece8; font-size: 12px; text-align: center; padding:0 8px; margin-left: 16px;}

.wp_cmn_body{padding: 0 8px;}
.wp_cmn_body h1{font-size: 120%; line-height: 1.8; margin-bottom: 0.2em;}
.wp_cmn_body h2{font-size: 115%; line-height: 1.8; margin-bottom: 0.2em;}
.wp_cmn_body h3{font-size: 110%; line-height: 1.8; margin-bottom: 0.2em;}
.wp_cmn_body h4{font-size: 105%; line-height: 1.8; margin-bottom: 0.2em;}
.wp_cmn_body p{font-size: 15px; line-height: 1.8; margin-bottom: 1.0em;}

.wp_cmn_body a{border-bottom: none; transition: all .2s linear;}
.wp_cmn_body a:hover{opacity: 0.8;}
.wp_cmn_body img{max-width: 100%; max-height: 100%; width: 100%; height: 100%; margin-bottom: 1.0em;}
.wp_cmn_body .attachment-thumbnail{display: none; border-bottom: none;}
.wp_cmn_body p a{border-bottom: solid 1px #545454;}
.wp_cmn_body p a:hover{border-bottom: none; opacity: 1.0;}


/*  戻るボタン */
.wp_cmn_bk-btn a{display: block; border: solid 1px #eeece8; width: 100%; font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1rem); text-align: center;max-width: 400px; padding: 16px; margin: 120px auto 40px; position: relative;}
.wp_cmn_bk-btn .arrow{position: absolute; height: 1px; margin: 5px 0; left: 20px; top: 25px;}
.wp_cmn_bk-btn .arrow::before,.wp_cmn_bk-btn .arrow::after{content: ""; position: absolute; top: calc(50% - 0.5px); left: 0; width: 6px; height: 1px; border-radius: 9999px; background: #545454; transform-origin: 0.5px 50%;}
.wp_cmn_bk-btn .arrow::before{transform: rotate(45deg);}
.wp_cmn_bk-btn .arrow::after{transform: rotate(-45deg);}


/* ページ */
/*.page-nav{justify-content: center; margin-top: 80px;}
.page-nav span{font-family: "Poppins", "Zen Kaku Gothic New"; font-size: 12px; text-align: center; display: block; background: rgba(255,255,255,.1); border: solid 1px #545454; width: 24px; padding: 3px 0 0 3px; margin: 0 4px;}
.page-nav a{font-family: "Poppins", "Zen Kaku Gothic New"; font-size: 12px; text-align: center; display: block; background: rgba(255,255,255,.0); border: solid 1px #545454; width: 24px; padding: 3px 0 0 3px; margin: 0 4px;}
.page-nav a.next{width: 48px;}*/

.page-nav{justify-content: center; margin-top: 80px;}
.page-nav span{font-family: "Poppins", "Zen Kaku Gothic New"; font-size: 12px; text-align: center; margin: 0 4px;}
.page-nav span.current,
.page-nav span a { min-width: 32px; line-height: 32px; padding: 0 0 0 2px; text-align: center; }
.page-nav span.current{display: block; background: rgba(255,255,255,.1); border: solid 1px #545454; }
.page-nav span a{display: block; border: solid 1px #545454; }


@media screen and (min-width:760px) {
	.wp_cmn_ul li{width: 32.3%; margin: 0 0.5% 40px;}
	.wp_cmn_ttl{margin: 4.0em 0 0 0;}
	.wp_cmn_bk-btn .arrow{top: 22px;}
}


/* =======================================================================================



EC追加



======================================================================================= */


.lineup_box .item_card a{display: block; overflow: hidden; aspect-ratio: 1 / 1;}
.lineup_box .item_card a img{width: 100%; height: 100%; object-fit :cover;}

.lineup_box .item_card.soldout a{position: relative;}
.lineup_box .item_card.soldout a::before{content: ""; background: url("../img/product/ic_sold.svg") no-repeat center center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 1;}

.lineup_box .item_card.pending a{position: relative;}
.lineup_box .item_card.pending a::before{content: ""; background: url("../img/product/ic_pending.svg") no-repeat center center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 1;}

.lineup_box .item_card.vintage a{position: relative;}
.lineup_box .item_card.vintage a::after{content: ""; background: url("../img/product/ic_vintage.svg") no-repeat center center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 2;}

.item_img dt{overflow: hidden; aspect-ratio: 1 / 1;}
.slick-slide img{width: 100%; height: 100%; object-fit :cover;}

/*  251016  葉山リファインドヴィンテージのみ見出しを追加*/
.cmn_lead_wrap .add{font-size: 16px; line-height: 1.6; margin-bottom: 2.4em;}