@charset "utf-8";
/* CSS Document */

/*-----共通-----*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {Overflow-x: hidden;}
body{position:relative; font-family:'Noto Sans JP'; color:var(--main-color); font-size:16px; line-height:160%; overflow-x:clip;}
@media screen and (min-width:960px){body{ font-size:1.6rem;/* 16px*/font-size:16px; font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem); line-height: 1.6;}}
br.pc{display:block;}
br.sp{display:none;}

:root {
  --main-color:#503c32;
 --link-color:#009140;
 --member-color:#FF6633;
}
.pageTitle{font-size:40px; font-size:clamp(2rem, 1.636rem + 1.82vw, 3rem); letter-spacing:0.2em ;font-weight:600; line-height:150%;}
.pageTitle span{font-size:32px; font-size:clamp(1.5rem, 1.318rem + 0.91vw, 2rem); }
.pageIcon img{width:210px; width:clamp(10rem, 8.864rem + 5.68vw, 13.125rem);}
.headline{font-size:32px; font-size:clamp(1.375rem, 1.148rem + 1.14vw, 2rem); letter-spacing:0.15em ;font-weight:400; line-height:180%;}
.headline.bar{background:var(--main-color); color:#fff; font-size:26px; font-size:clamp(1.5rem, 1.455rem + 0.23vw, 1.625rem); padding:6px 10px; font-weight:400;}
.heading{font-size:20px; font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); letter-spacing:0.2em ;font-weight:500;}
.heading.cream{ background:linear-gradient(transparent 40%, #ffe36f 40%); padding:8px 1em;}
.message{font-size:18px; font-size:clamp(1rem, 0.656rem + 0.63vw, 1.125rem); font-weight:400; letter-spacing:0.05em}
.txt{font-size:16px; font-size:clamp(0.938rem, 0.915rem + 0.11vw, 1rem); letter-spacing:0.05em;}
a,a:visited,.btnL a,.btnL a:visited{color:var(--link-color);}


/* ボタン */
.btn_border{display:flex; justify-content:center; align-items:center; line-height:100%; letter-spacing:0.1em; margin-left:auto; margin-right:auto; position:relative; transition:.1s;}
.btn_border a{border:1px solid var(--link-color); display:inline-block; padding:4px 2em; border-radius:32px;}

.btnM{background:var(--link-color); height:64px; height:clamp(3.5rem, 2.125rem + 2.5vw, 4rem); width:min(90%,424px); border-radius:32px; display:flex; justify-content:center; align-items:center; font-size:22px; font-size:clamp(1.25rem, 1.205rem + 0.23vw, 1.375rem); line-height:100%; letter-spacing:0.2em; margin-left:auto; margin-right:auto; position:relative; transition:.1s;}
.btnM a{text-indent:1.4em;}
/*.btnM:not(.blank)::after{content:url("../images02/svg/icon_arrow.svg"); position: absolute; top:55%; right:24px; transform: translateY(-50%);}*/
nav.grobalNav a,.btnM:not(.blank) a,.btnM:not(.blank) a:visited,.btnM:not(.border) a,.btnM:not(.border) a:visited,.btnM:not(.orange) a,.btnM:not(.orange) a:visited{color:#fff;}

.btnL{background:#fff; height:88px; height:clamp(4rem, -0.125rem + 7.5vw, 5.5rem); width:min(94%,488px); border-radius:44px; display:flex; justify-content:center; align-items:center; font-size:24px; font-size:clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem); letter-spacing:0.15em; 
	box-shadow:0 80px 64px rgba(0 145 64 /.9); margin-left:auto; margin-right:auto; transition:.1s;}
.btnL+.txt{color:#fff; position:relative; z-index:300;}

/* カートボタン */
.btn_cart{background:#fff; border:2px dashed var(--link-color); height:48px; border-radius:40px; display:flex; justify-content:center; align-items:center; font-size:18px; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem); line-height:100%; letter-spacing:0.1em; position:relative; width:min(320px,100%);margin-top:24px; margin-left:auto; margin-right:auto;}
.btn_cart.add{ background:var(--link-color); border:none;}
.btn_cart.add a{ color:#fff;}
.btn_cart.add.in{outline:3px solid var(--link-color); outline-offset:4px; background:#fff; color:var(--link-color); display:flex; justify-content:space-between; align-items:center; background:rgba(255 227 111/.8); height:40px; margin-top:32px!important; font-weight:500;}
.btn_cart.add.in a{background:var(--link-color); color:#fff; width:40px; height:40px; border-radius:20px; display:flex; justify-content:center; align-items:center;}

.btnM.cream{background:#ffe36f; box-shadow:none; width:320px;}
.btnM.orange{border:2px solid var(--member-color); box-shadow:none;}
.btnM.border{background:#fff; box-shadow:none; border:2px solid var(--link-color); letter-spacing:0.1em; }
.btnM.border a,.btnM.cream a{color:var(--link-color) !important;}
.btnM.border.orange{background:#fff; box-shadow:none; border:2px solid var(--member-color);}
.btnM.border.orange a{color: var(--member-color) !important;}

.btnS{background:#f3f3f3; height:60px; line-height:100%; letter-spacing:0.1em; width:320px; border-radius:30px; margin-left:auto; margin-right:auto; font-size:17px; font-size:clamp(1rem, 0.977rem + 0.11vw, 1.063rem); line-height:100%; display:flex; justify-content:center; align-items:center; border:1px solid var(--link-color); transition: .1s;}
.btnL:hover,.btnM:hover,.btnS:hover{transform: scale(1.1,1.1); transition-duratiosn:.1s; }

.txtC{text-align:center;}
.txtL{text-align:left;}
.txtR{text-align:right;}

.mt08{margin-top:8px;}
.mt16{margin-top:16px;}
.mt24{margin-top:24px; margin-top:clamp(1rem, 0.818rem + 0.91vw, 1.5rem);}
.mt32{margin-top:32px; margin-top:clamp(1.5rem, 1.318rem + 0.91vw, 2rem);}
.mt48{margin-top:48px; margin-top:clamp(2rem, 1.636rem + 1.82vw, 3rem);}
.mt64{margin-top:64px; margin-top:clamp(3.5rem, 3.318rem + 0.91vw, 4rem);}
.mt80{margin-top:80px; margin-top:clamp(4rem, 3.636rem + 1.82vw, 5rem);}
.mt120{margin-top:120px;}
.mt160{margin-top:160px;}

.mt-16{margin-top:-16px;}
.mt-32{margin-top:-32px;}
.mt-48{margin-top:-48px;}
.mt-128{margin-top:-128px;}

.maxW45_600{width:max(45%, 600px);}
.maxW45_640{width:max(45%, 640px);}
.maxW640{width:min(100%,640px); margin-left:auto; margin-right:auto;}
.maxW640_90{width:min(90%,640px); margin-left:auto; margin-right:auto;}
.maxW340{width:min(86%,340px);}
.maxW880{width:min(94%,880px); margin-left:auto; margin-right:auto;}
.maxW880_90{width:min(90%,880px); margin-left:auto; margin-right:auto;}
.maxW1120{width:min(94%,1120px); margin-left:auto; margin-right:auto;}
.maxW1280{width:min(94%,1280px); margin-left:auto; margin-right:auto;}
.maxW1360{width:min(94%,1360px); margin-left:auto; margin-right:auto;}
.maxW1360_100{width:min(100%,1360px); margin-left:auto; margin-right:auto;}

.pt16{padding-top:16px}
.pt32{padding-top:32px; padding-top:clamp(1rem, 0.636rem + 1.82vw, 2rem);}
.pt48{padding-top:48px}
.pt64{padding-top:64px}
.pt80{padding-top:80px}
.pt120{padding-top:120px}
.pb16{padding-bottom:16px}
.pb32{padding-bottom:32px}
.pb56{padding-bottom:56px; padding-bottom:clamp(3rem, 2.818rem + 0.91vw, 3.5rem);}
.pb64{padding-bottom:64px; padding-bottom:clamp(3rem, 2.636rem + 1.82vw, 4rem);}
.pb80{padding-bottom:80px}
.pb120{padding-bottom:120px}
.pRL5{padding-left:5%; padding-right:5%;}
.pL2em{padding-left:2em}

/* 背景色 */
.bkWhite{background:#fff;}
.bkGray{background:#eaeaea;}
.bkCream{background:#ffe36f;}
.bkCream02{background:#fff1b7;}
.bkMint{background:#d6f0da;}
.bkMintGrade{background:linear-gradient(to bottom, #fff 50%,#d6f0da 100%);}
.bkCreamGrade{background:linear-gradient(to bottom, #fff 0%,rgba(255 227 111/.5) 100%);}
.bkCreamGrade02{background:linear-gradient(to top, #fff 0%,rgba(255 227 111/.5) 100%);}
.br24{border-radius:24px;}

.image>img, .image a img{width:100% !important;}
.image.br10 img{border-radius:10px;}

/* Flex */
.flexBlock{display:flex; gap:48px 16px; justify-content:center;}
.flexBlock.gap0{gap:0px;}
.flexBlock.gap8{gap:8px;}
.flexBlock.gap32{gap:32px; gap:clamp(1rem, 0.636rem + 1.82vw, 2rem);}
.flexBlock.gap48_0{gap:clamp(0rem, -8.25rem + 15vw, 3rem);}
.flexBlock.gap32_80{gap:32px 80px;}
.flexBlock.gap80{gap:80px;}
.flexBlock.grow1>*{flex-grow:1;}


.flexBlock.row{flex-direction:row-reverse;}
.flexBlock.start{align-items:flex-start;}
.flexBlock.center{align-items:center;}
.flexBlock.end{align-items:flex-end;}
.flexBlock.Jstart{justify-content:flex-start;}
.flexBlock.Jend{justify-content:flex-end;}
.flexBlock.between{justify-content:space-between;}
.flexBlock.evenly{justify-content:space-evenly;}

.half>*{width:max(43%,640px);}
.maxW1280.half>*{width:min(580px,100%);}
.one_third>*{width:max(30%,300px);}

/** グローバルナビ */
body.bkMountain{background:url("../images02/svg/bk_mountain02.svg") top center no-repeat; background-size:100%;}
.header {display: block; margin: 0 auto; width:100%; max-width:100%; box-shadow:none; z-index:10; overflow:hidden;}
.header .logo{position:absolute; top:0px; left:0px;}

nav.grobalNav::before{content: ""; background:url("../images02/svg/bk_mountain_w.svg") center top no-repeat; position:absolute; top:-1px; height:100px; width:100%; background-size:cover; left:0; z-index:300;}
nav.grobalNav{position:relative; background:var(--link-color); color:#fff; padding:48px 0 0;}
nav.grobalNav a{padding-bottom:clamp(0.5rem, -2.25rem + 5vw, 1.5rem); display:inline-block;}
nav.grobalNav>.flexBlock{position:relative; z-index:300; flex-wrap:nowrap;}
nav.grobalNav ul.flexBlock>li{text-align:center; padding-top:32px; letter-spacing:0; width:min(156px,100%/6);}
nav.grobalNav ul.flexBlock>li img{width:60%;}
nav.grobalNav ul.flexBlock>li.base{background:url("../images02/svg/bk_base.svg") center top no-repeat; background-size:cover;}
nav.grobalNav li.base a{color:var(--main-color);}
#service.bkGray{padding:24px 0 8px;}
#service a{color:rgba(0 0 0 /.5);} 
#service ul.flexBlock li{height:40px; height:clamp(2.5rem, 1.955rem + 2.73vw, 4rem);} 
#service ul.flexBlock li img{height:100%;} 
address{font-style:normal; text-align:center;}

/** トップページ */
#topPage header{background:none; height:auto!important;}
#topPage header .logo{display:none;}
#cover{background:url("../images02/back/bk_asama.jpg") center center no-repeat; background-size:cover;}
#cover h1.logo img{width:880px; width:clamp(20rem, 7.273rem + 63.64vw, 55rem);}
#cover>.flexBlock{align-items:center;}
/** 記事ボックス */
.boxList{gap:32px; gap:clamp(1rem, 0.636rem + 1.82vw, 2rem);}
.boxList li{background:#fff; box-shadow:0px 4px 16px rgba(0 0 0/.1); transition:.1s; width:min(100%,320px); padding:clamp(0rem, -1.375rem + 2.5vw, 0.5rem);}
.boxList li div .txt{text-align:left; padding:8px;}
/** お買いもの */
.flexBlock.fb240 li{width:240px; width:clamp(10.5rem, 8.864rem + 8.18vw, 15rem);}
#baceArea .flexBlock.fb240 li{width:240px; width:clamp(9rem, 6.818rem + 10.91vw, 15rem); transition:.1s;}
#baceArea .flexBlock.fb240 li a{color:var(--main-color);}
#baceArea .flexBlock.fb240 li:hover{transform: scale(1.05,1.05); transition-duratiosn:.1s; }
/** 暮らしサポート */
#supportArea .btnM{ box-shadow:none; color:#fff!important; margin:16px auto; padding-left:1em;}
/** 薪の輪会員 */
#memberArea{position:relative; padding:120px 0; padding:clamp(1.5rem, -0.864rem + 11.82vw, 8rem) 0;}
#memberArea:after{position:absolute; top:0; bottom:0; left:0; right:0; margin:32px auto; content:""; background:#fff; width:800px; height:800px; border-radius:400px;}
#memberArea .bkCream02{background:transparent; border-radius:24px;}
#memberArea .bkCream02 .heading.cream{background:var(--member-color); color:#fff;}
#memberArea .priceList{width:80%; margin-left:8px;}
#memberArea>*{position:relative; z-index:100;}
@media(max-width : 960px ){
#memberArea .mt-128{margin-top:-32px;}
#memberArea:after{display:none;}
#memberArea .bkCream02{background:#fff; flex-grow:1; padding:16px;}
#memberArea .priceList{width:94%; margin:0 auto;}
}


@media(max-width:1280px ){
.flexBlock{flex-wrap:wrap;}
#cover{background:none;}
#cover h1.logo{width:100%; text-align:center; background:url("../images02/back/bk_asama.jpg") top center no-repeat; background-size:cover;}
#cover div.letter{text-align:center;}
#cover div.letter br{display:none;}

nav.grobalNav .logo{ margin-top:48px;}
nav.grobalNav>.flexBlock{flex-wrap:wrap;}
nav.grobalNav ul.flexBlock{gap:0; justify-content:center; margin-top:-24px;}
}
@media(max-width:1120px ){
.flexBlock{flex-wrap:wrap;}
#service ul.flexBlock{flex-wrap:nowrap;}
}

@media(max-width:880px ){
#cover div.letter br{display:block;}
.boxList li a{display:grid; grid-template-columns:45% 1fr; gap:8px;}
.boxList li .image img{height:8em; object-fit:cover;}
}
@media(max-width:640px ){
#cover div.letter{text-align:left;}
#cover div.letter br{display:none;}

br.pc{display:none;}
br.sp{display:block;}
nav.grobalNav ul.flexBlock{margin-top:0;}
nav.grobalNav ul.flexBlock>li{width:calc(100%/3);}
nav.grobalNav ul.flexBlock>li{border-left:1px dotted #fff; border-top:1px dotted #fff; padding:8px 0 0;}
nav.grobalNav ul.flexBlock>li:nth-child(3n-2){border-left:none;}
nav.grobalNav ul.flexBlock>li.base{background-image:none; background:#ffd732;}
}

.clearfix::after,.boxList li:after, .bkCream02:after{content: ""; display: block; clear: both;}

.notice{font-size:14px;}
ul.check li, dl.check dt .message{font-size:18px; font-size:clamp(0.938rem, 0.869rem + 0.34vw, 1.125rem); letter-spacing:0.1em; line-height:2em; text-align:left; padding:0 0.5em; position:relative; text-indent:1.5em;}
ul.check li:before, dl.check dt .message:before{ position:absolute; content:"■"; left:-1em; }
ul.check.maru li:before{ position:absolute; content:"●"; left:-1em; }



/** 住まいページの組み画像 */
.photoset02{display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr));} 
p.Lsize{ grid-row: auto / span 2; grid-column: auto / span 2; } 
p.Vsize{ grid-row: auto / span 2; } 
#album .photoset02 img { width:100%; height:100%; object-fit:cover; object-position:center; } 
.photoset02 p.message{padding:24px; padding:clamp(1rem, 0.818rem + 0.91vw, 1.5rem); text-align:left; align-self:center;}

@media screen and (min-width:1280px) and ( max-width:1600px) {
.photoset02 p:nth-of-type(6){ grid-row: auto / span 2; } 
}
@media screen and (min-width:640px) and ( max-width:960px) {
p.Lsize,p.Vsize{ grid-row: auto / auto; grid-column: auto / auto; } 
}
/** 姉妹施設の組み画像 */
#luomu .flexBlock, #sweetGrass .flexBlock{flex-wrap:wrap;}
#luomu .flexBlock p.image, #sweetGrass .flexBlock p.image{width:clamp(8rem, 5.091rem + 14.55vw, 16rem);}


/** 他社施工のストーブ */
#other_stove{display:grid; grid-template-columns:2fr 3fr; gap:36px; padding:min(4%,32px);}
#other_stove .photoset02{display:grid; grid-template-columns:3fr 2fr;} 
#other_stove .grid{display:grid; grid-template-columns:auto auto; gap:16px;} 

/*価格リスト*/
dl.priceList {display:grid; grid-template-columns:auto auto; grid-gap:8px 0; font-size:18px; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem); align-items:flex-end;align-content:center;}
dl.priceList.bkCreeam {background:rgba(255 227 111/.5); padding:24px 0 0;}
dl.priceList dt,dl.priceList dd{padding:2px; border-bottom:1px solid rgba(0 0 0/.1);}
dl.priceList dt{margin-right:1em; }
dl.priceList dd{text-align:right;}

dl.priceList.makinowaList dt, table.priceTable tr td p.mark{padding:0em 0.5em; margin-right:1em; background:#4C1F17; color:#fff; border-radius:4px; font-size:15px; font-size:clamp(0.938rem, 0.915rem + 0.11vw, 1rem);}
dl.priceList.makinowaList dt.makinowa, table.priceTable tr.makinowa td p.mark{background:#f15a24; color:#fff;}
dl.priceList.makinowaList dd.makinowa, table.priceTable tr.makinowa td{color:#f15a24;}

dl.priceList dd span,table.priceTable tr td span,.price>span{margin-left:0.5em; font-size:90%;}
.price{font-size:16px;}

table.priceTable{width:min(100%,640px);text-align:center; margin:24px auto; border-collapse:collapse;}
table.priceTable tr.heading th{font-size:20px; font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); letter-spacing:0.2em ;font-weight:500; border-right:1px solid #ccc; padding:0.5em 0;}
table.priceTable tr td{padding:0.2em 0.5em; border-right:1px solid #ccc;}

/** 商品一覧 */
#makiform .flexBlock{flex-wrap:wrap;}
#makiform .flexBlock .maxW340{display:flex; flex-direction:column;}
#makiform .itemname{font-size:26px; font-size:clamp(1.375rem, 1.284rem + 0.45vw, 1.625rem); letter-spacing:0.2em ;font-weight:500;}
#makiform .image.item{width:90%;}
#makiform h4.heading{font-size:18px; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem); letter-spacing:0.1em; font-weight:400;}
#makiform h4.heading span{font-size:90%; letter-spacing:0.1em; font-weight:400;}

#confirmPage #makiform .flexBlock{gap:16px 32px;}
#confirmPage #makiform .flexBlock>div{width:240px;}
#confirmPage #makiform .flexBlock>div .itemname{font-size:20px;}
#confirmPage #makiform .flexBlock>div .image.item img{object-fit:cover; aspect-ratio:5/4; margin-bottom:16px;}

.pageBack{ color: var(--link-color); padding: 16px;}

/*プルダウンセレクト*/
.cp_ipselect08{
  position:relative; padding:0; width:min(320px,100%); margin-left:auto; margin-right:auto;}
.cp_sl08 {
  display: block;
  width: 100%;
  cursor: pointer;
}
.cp_ipselect08 input {
  margin: 0;
  background: transparent;
  outline: none;
  border: none;
  appearance: none;
  display:none;
}
.cp_sl08_input,
.cp_sl08_close {
  display: none;
}
.cp_ipselect08 ul {
  list-style: none; padding: 0; font-size:18px; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem); letter-spacing:0.1em 
}
.cp_sl08_expand {
  position: relative;
  top: 0;
  right: 0;
  width: 0;
  height: 40px;
}
/*プルダウンの三角を設定*/
.cp_sl08_expandLabel,
.cp_sl08_closeLabel {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.cp_sl08_expandLabel {
  display: block;
}
.cp_sl08_expandLabel::after {
  position: absolute;
  top: 1em;
  right: 0.5em;
  content: '';
  width: 16px;
  height: 8px;
  background:var(--link-color);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transition: all 250ms cubic-bezier(0.4,0.25,0.3,1);
  z-index: 2;
  opacity:1;
}
.cp_sl08_closeLabel {
  display: none;
}
.cp_sl08_closeLabel::after {
  position: absolute;
  top: 1.2em;
  right: 0.5em;
  content: '';
  width: 16px;
  height: 8px;
  background: #aaa;
  clip-path: polygon(0 100%, 100% 100%, 50% 0);
  transition: all 250ms cubic-bezier(0.4,0.25,0.3,1);
  z-index: 2;
  opacity:1;
}
/*選択肢部分*/
.cp_sl08_items {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  border: 2px solid var(--link-color);
  border-radius: 2px;
  padding-top: 40px;
}
.cp_sl08_label {
  display: flex;
  align-items: center;
  height: 0;
  overflow: hidden;
  padding-left: 20px;
  color: var(--link-color);
  background-color: #ffffff;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.4,0.25,0.3,1);
}
.cp_sl08_placeholder {
  height: 40px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  background-color: transparent;
}
.cp_sl08_expand:checked + .cp_sl08_closeLabel {
  display: block;;
}

.cp_sl08_expand:checked + .cp_sl08_closeLabel + .cp_sl08_options .cp_sl08_label {
  height: 40px;
}
.cp_sl08_expand:checked + .cp_sl08_closeLabel + .cp_sl08_options .cp_sl08_label:hover {
  background-color:#fff1b7;
}
.cp_sl08_expand:checked + .cp_sl08_closeLabel + .cp_sl08_options + .cp_sl08_expandLabel {
  display: none;
}
.cp_sl08_input:checked + .cp_sl08_label {
  height: 40px;
  margin-top: -40px;
  background:#fff1b7; 
}


label.radioBtn {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
}

/*納品方法ラジオボタン*/
.radioItem {
  display: flex;
  align-items: center;
  column-gap: 20px;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}

.radioItem:not(:last-of-type) {
  margin-bottom: 16px;
}

.radioButton {
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border: 2px solid #009140;
  border-radius: 9999px;
  cursor: pointer;
}

.radioButton:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  border-radius: 9999px;
  background-color: #009140;
}
/** 薪の火付き・火持ち */
.degree dl{display:flex; letter-spacing:0.1em; gap:0 10px; flex-wrap:wrap; font-size:16px; font-size:clamp(0.813rem, 0.744rem + 0.34vw, 1rem); }
.degree dd.yellow{color:#fbb03b; letter-spacing:0.2em;}
.degree dd.red{color:#ed1c24; letter-spacing:0.2em;}


/** 薪の配達エリア・納品方法 */
#delivery_fee .column2{display:grid; grid-template-columns:35% 55%; gap:24px 10%;}
#delivery_fee dl.priceList dt{text-align:left; font-size:16px; font-size:clamp(0.813rem, 0.744rem + 0.34vw, 1rem); letter-spacing:0.05em; padding-left:0.5em;}
#delivery_fee dl.priceList dt:nth-of-type(2){background:#fabe00;}
#delivery_fee dl.priceList dt:nth-of-type(3){background:#d5c8a0;}
#delivery_fee dl.priceList dt:nth-of-type(4){background:#f5f2e9;}

#delivery_way　.cp_ipselect08{margin:24px 5%;}
#delivery_way figure.wraparound {float:right; margin:0 0 0 1em; width:min(40%,160px);}
#delivery_way figure.wraparound img{width:100%;}
#delivery_way .bkCream02, #memberpage .bkCream02, #newuser1page .bkCream02{padding:16px;}


.bkGray.backPage{color:var(--link-color); padding:16px;}
/** エラー表示 */
.error{width:min(90%,640px); padding:8px; font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); color:red; font-weight:normal; border:2px solid red; border-radius:16px; outline:4px solid red; outline-offset:4px; margin:24px auto 16px;}

/** 入力フォーム */
dl.inputForm{display:flex; flex-direction:column; gap:16px;}
dl.inputForm dd{margin-bottom:8px;}
input.border, textarea.border{outline:none; border:1px solid var(--link-color); border-radius:10px; background:#fafafa; color:var(--link-color); width:100%; padding:1em; font-size:17px; font-size:clamp(1rem, 0.977rem + 0.11vw, 1.063rem); font-weight:400; letter-spacing:0.1em;} 
input.border:focus, textarea.border:focus{outline:none; border:2px solid var(--link-color);}
input.border::placeholder, textarea.border::placeholde {color:var(--link-color);}
textarea.border{ field-sizing:content; min-height:min-content;}
input:-webkit-autofill,textarea:-webkit-autofill {box-shadow: 0 0 0 1000px #fafafa inset; -webkit-text-fill-color:var(--link-color);}

/** 入力情報 */
ul.inputDate{display:flex; flex-direction:column; gap:16px;}
ul.inputDate li{background:#fff; border-radius:10px; padding:0.2em 0.5em;}


@media(max-width:880px ){
div.letter{text-align:left; padding-left:3%; padding-right:3%;}
div.letter br{display:none;}

#makiform .flexBlock .maxW340{display:flex; flex-direction:column;}
#makiform h4.heading span{display:block;}
#makiform .flexBlock .maxW340 .image.item{width:58%; margin:0;}

#reccomendPage #makiform .flexBlock .maxW340 .flexBlock.end{flex-direction:row-reverse;}
#reccomendPage #makiform .flexBlock .maxW340 .image.item{width:58%; margin:0;}
#confirmPage #makiform .flexBlock>div{ width:80%; display:flex; flex-direction:row-reverse;} 
#confirmPage #makiform .flexBlock>div>div{ width:50%;} 
#reccomendPage #makiform .flexBlock .itemname,#confirmPage #makiform .flexBlock .itemname{width:6em;}
	
#delivery_fee .column2{display:flex; flex-direction:column-reverse;}

.btn_cart{background:#fff; border:2px dotted var(--link-color);}
nav.grobalNav ul.flexBlock{}
#other_stove{grid-template-columns:1fr;}
}


/*サイドメニュー*/
#sidebarMenu {position:fixed; z-index:1000; right:0; width:240px; margin-top:60px; background:var(--link-color); text-align:left; transform: translateX(240px); transition:transform 250ms ease-in-out; font-size:16px;}
.sidebarMenuInner{margin:0; padding:0; color:rgba(255,255,255,0.6);}
.sidebarMenuInner>li{padding:8px; border-bottom:1px solid #fff;}
.sidebarMenuInner>li:nth-last-child{ border-bottom:none;}

.sidebarMenuInner>li .txt{padding-bottom:8px;}
.sidebarMenuInner>li li{ position:relative;}
.sidebarMenuInner>li li a{color:#fff; cursor:pointer; font-weight:400; padding:8px 1.5em; display:block;}
.sidebarMenuInner>li li a span.icon{text-align:center; display: inline-block; margin-left:50px;}
.sidebarMenuInner>li li a span.icon img{height:26px; opacity:0.6;}
.sidebarMenuInner>li li a:hover{color:#fff; text-transform:uppercase; cursor:pointer;}

.sidebarMenuInner>li li a:before{
	content: "";
    position: absolute;
    top:18px;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width:8px;
    height:8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

input[type="checkbox"]:checked ~ #sidebarMenu {
transform: translateX(0);
}

input[type=checkbox] {
transition: all 0.3s;
box-sizing: border-box;
display: none;
}
.sidebarIconToggle {
transition: all 0.3s;
box-sizing: border-box;
cursor: pointer;
position: fixed;
z-index: 99;
height: 100%;
width: 100%;
top: 20px;
right: 20px;
height: 40px;
width: 40px;
}
.spinner {
transition: all 0.3s;
box-sizing: border-box;
position: absolute;
height: 4px;
width: 100%;
background-color:var(--link-color);
}
.horizontal {
transition: all 0.3s;
box-sizing: border-box;
position: relative;
float: left;
margin-top: 6px;
}
.diagonal.part-1 {
position: relative;
transition: all 0.3s;
box-sizing: border-box;
float: left;
}
.diagonal.part-2 {
transition: all 0.3s;
box-sizing: border-box;
position: relative;
float: left;
margin-top: 6px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
transition: all 0.3s;
box-sizing: border-box;
opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
transition: all 0.3s;
box-sizing: border-box;
transform: rotate(135deg);
margin-top: 13px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
transition: all 0.3s;
box-sizing: border-box;
transform: rotate(-135deg);
margin-top: -14px;
}

@media(max-width : 640px ){
body.bkMountain #header .logo{display:none;}
#sidebarMenu { width:320px;  transform: translateX(320px); transition: transform 320ms ease-in-out; font-size:110%; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.photoset02>p.Lsize { grid-row: auto / auto; grid-column: auto /auto; } 
.photoset02>p.Vsize { grid-row: auto / auto; } 
.maxW340{margin-left:auto; margin-right:auto;}

#other_stove .photoset02{display:block;} 
#other_stove .photoset02 p.image:not(.Vsize){width:49%; display:inline-block;} 
#other_stove .grid{grid-template-columns:1fr;}  
}