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

.contents_main a:link, .contents_main a:hover, .contents_main a:visited {
  color: #649664;
  text-decoration: underline;
}

a:hover {
  opacity: .8;
}
#passBox {color:#444;}

.mB0 { margin-bottom: 0 !important; }
.mT8 { margin-top: 8px !important; }

.contents_main {
  width: 100%;
  height: auto;
  overflow-x: hidden;
}

.contents_inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1200px;
  font-size: 16px;
  text-align: center;
}

.gray {
  padding: 5%;margin-bottom:50px;
  background-color: #f5f3f0;
}

.en1 {
  font-size: 16px;
  font-weight: 600;
}

.en2 {
  font-size: 12px;
}

.en3 {
  font-size: 8px;
}

/*****************************************

メインビジュアル

*****************************************/
.main_visual {
  font-size: 0;
}

.main_visual img {
  width: 100%;
  height: auto;
}

p.text_32 {
  margin: 42px auto;
  max-height: 130px;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  text-align: center;
}

.main_visual .gray p.text_32_add {
  margin: 0 auto 2%;
  max-height: 130px;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  text-align: center;
}

.main_visual .gray p.text_32_add .large_40 {
  font-size: 40px;
}
.main_visual .gray .code_img {
  margin: 0 auto;
  max-width: 660px;
}

.main_visual .gray .code_img img {
  width: 100%;
  height: auto;
}

.main_visual .gray a {
  display: table;
  margin: 30px auto 0;
  padding: 8px 14px;
  border: 1px solid #444;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
  text-align: center;
  color: #444;
  text-decoration: none;
}

/*****************************************

株主ご優待・冬の特別価格

*****************************************/
.special {
  margin: 0 0 60px;
  padding: 74px 0 clamp(74px,11.16666vw,134px);
  background: url("/img/privilege/bg_green.png") center top;
}

.special img.stit {
  margin-bottom: clamp(15px, 8.33333vw, 100px);
  width: 100%;
  height: auto;
  max-width: 445px;
}

.special .tokuten1, .special .tokuten2, .special .tokuten3 {
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 1100px;
  position: relative;
}
/*
.special .tokuten1 p {
  position: relative;
  top: -25px;
  left: 200px;
  text-align: left;
}*/

.special .tokuten2 {
  margin-top: clamp(15px, 7.83333vw, 94px);
}

/*****************************************

クーポンコード

*****************************************/
.coupon-code_area {
  margin: 0 auto 160px;
  padding: 20px;
  max-width: 840px;
  background-color: #f5f3f0;
}

.coupon-code_area .coupon-code_inner {
  margin: 0 0 20px;
  padding: 36px 10px;
  background-color: #fff;
  text-align: center;
}

.coupon-code_area .coupon-code_inner .heading {
  align-items: center;
  display: flex;
  justify-content: center;
}

.coupon-code_area .coupon-code_inner .heading::before,
.coupon-code_area .coupon-code_inner .heading::after {
  background-color: #649664;
  content: "";
  height: 1px;
  width: 18px;
  margin: 8px 0 0;
}

.coupon-code_area .coupon-code_inner .heading::before {
  margin-right: 8px;
  transform: rotate(60deg);
}

.coupon-code_area .coupon-code_inner .heading::after {
  margin-left: 8px;
  transform: rotate(-60deg);
}

.coupon-code_area .coupon-code_inner p {
  color: #649664;
  font-size: 18px;
  font-weight: 700;
}

.coupon-code_area .coupon-code_inner p.sub {
  font-size: 14px;
  color: #444444;
  font-weight: 300;
  font-feature-settings: "palt";
}

.coupon-code_area .next-btn {
  position: relative;
  width: 100%;
  height: 60px;
  max-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #649664;
  font-size: 14px;
  font-weight: bold;
  color: #FFF !important;
  border-radius: 30px;
  margin: auto;
  text-decoration: none !important;
  cursor:pointer;
}

.coupon-code_area .next-btn::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 49%;
  right: 65px;
  margin-top: -4px;
}

.coupon-code_area input.code[type="text"] {
  margin: 30px auto;
  padding: 30px 25px;
  width: 100%;
  height: 100%;
  max-width: 500px;
  max-height: 80px;
  border: 1px solid #ccc;
  background-color: #fff;
  line-height: 40px;
  font-size: 20px;
  color: #b3b3b3;
}


/*****************************************

インターネットでのお申し込み方法
お支払い方法、お届け、返品について
受付期間終了後のご案内

*****************************************/
.red-b {
  color: #f05a28;
  font-weight: 600;
}

.howto_area {
  margin: 0 0 140px;
}

.howto_area .contents_inner h3 {
  margin: 0 0 40px;
  padding: 0 0 45px;
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #444;
  border-bottom: 2px solid #649664;
}

.howto_area .contents_inner .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
  padding: 30px 24px;
  background-color: #f2f5f0;
  border-bottom-right-radius: 20px;
}

.howto_area .contents_inner .box .no {
  margin: 15px 3% 0 0;
  width: 4%;
  /*min-width: 40px;*/
}

.howto_area .contents_inner .box .txt {
  margin: 15px 3% 0 0;
  width: 320px; width: 34%;
}

.howto_area .contents_inner .box .img {
  width: 540px; width: 56%;
  height: auto;
}

.howto_area .contents_inner .box .txt p {
  font-size: 16px;
  text-align: left;
  color: #444;
}

.howto_area .contents_inner .box .txt p.mB1 {
  margin-bottom: 30px;
}

.howto_area .contents_inner .box .txt p span {
  color: #649664;
  font-weight: 600;
}

.howto_area .contents_inner .box.center {
  place-items: center;
}

.howto_area .contents_inner .box.center .no {
  margin: 0 3% 0 0;
  width: 4%;
}

.howto_area .contents_inner .box.center .txt {
  margin: 0 3% 0 0;
  width: 90%;
}

.howto_area .contents_inner .box.center .txt p {
  font-size: 16px;
  text-align: left;
  color: #444;
}

/* お支払い方法、お届け、返品について */
.howto_area .contents_inner .cont_block {
  /*margin: 0 clamp(10px,6.25vw,75px);*/
  margin:0 auto;
  max-width: 850px;
}

.howto_area .contents_inner .cont_block dl {
  display: flex;
  flex-flow: row wrap;
  margin: 0 2% 30px 4%;
  width: 100%;
  max-width: 800px;
  text-align: left;
  color: #444;
}

.howto_area .contents_inner .cont_block dl dt {
  flex-basis: 23%;
  padding: 0 0 20px;
  font-weight: 600;
  font-size: 16px;
  color: #649664;
}

.howto_area .contents_inner .cont_block dl dd {
  flex-basis: 77%;
  padding: 0 0 20px;
  font-size: 16px;
}

.howto_area .contents_inner .cont_block dl dd img {
  margin: 1em auto;
}

.howto_area .contents_inner .cont_block p {
  text-align: left;
  font-size: 16px;
}

.howto_area .contents_inner .cont_block .stit {
  margin: 0 0 30px;
  padding: 12px 20px;
  background-color: #649664;
  border-bottom-right-radius: 20px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1px;
  color: #fff;
}

/* 受付期間終了後のご案内 */
.howto_area .contents_inner .cont_block ul {
  margin: 35px auto 0;
}

.howto_area .contents_inner .cont_block ul li {
  font-size: 16px;
  text-align: left;
}

.howto_area .contents_inner .bg-gleen {
  margin: 85px auto;
  padding: 58px clamp(15px,7.08333vw,85px) 38px;
  background-color: #f2f5f0;
}

.howto_area .contents_inner .bg-gleen p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  letter-spacing: .8px;
  font-feature-settings: "palt";
}



/*****************************************

　2　特典

*****************************************/
.special2 {
  /*margin: 0 0 60px;*/
  padding: 30px 0 clamp(74px,11.16666vw,134px);
}

.special2 img.stit {
  margin-bottom: clamp(10px, 1.66666vw, 20px);
  width: 100%;
  height: auto;
  max-width: 593px;
}

.special2 .tokuten1, .special2 .tokuten2, .special2 .tokuten3 {
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 901px;
  position: relative;
}

.special2 .tokuten2 {
  margin-top: clamp(15px, 7.83333vw, 94px);
}

/*****************************************

　2　特典1　30％OFF対象商品はこちら

*****************************************/
.special2 .contents_inner .cont_block .stit {
  margin: 50px 0 30px;
  padding: 12px 20px;
  background-color: #649664;
  border-bottom-right-radius: 20px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1px;
  color: #fff;
}

.tokuten_btn_area {
  margin: 0 auto 40px;
}

.tokuten_btn_area p {
  text-align: center;
}
.tokuten_btn_area p a {
  text-align: center;
  color:#649664!important;
  text-decoration:underline;
 	text-underline-offset: .3em;
  font-size:16px;
}

.tokuten_btn_area .tokuten_btn_block {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  width: 100%;
}

.tokuten_btn_area .tokuten_btn_block a {
  width: 100%;
  height: auto;
  max-width: 33%;
  color:#649664!important;
  text-decoration: none;
}

.tokuten_btn_area .tokuten_btn_block a .tokuten_btn {
  display: block;
  margin: 0 10px;
  padding: 20px 20px 38px;
  flex: 1;
  background: url("/img/privilege/icon_ya2.png") no-repeat center 80px;
  background-size: 11px 6px;
  background-color: #f5f3f0;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #649664;
}

/* 4カラム */
.special2 .contents_inner .grid {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/*.special2 .contents_inner .cont_block .grid .item {
  background-color: #f5f3f0;
  padding: 15px;
  text-align: center;
  position: relative;
}*/
.special2 .contents_inner .grid .item {
  background-color: #f5f3f0;
  padding: 14px;
  text-align: center;
  
  display: flex;
  flex-direction: column;
  
}

.special2 .contents_inner .grid .item img {
  max-width: 100%;
  height: auto;
}

.special2 .contents_inner .grid .item .simg {
  margin: 5px 0 0;
  text-align: left;

}


.simg {
   position:relative;
}
.ccodeb {
  position:absolute;
  top:14%;
  left:65%;
  font-size:28px;font-weight:bolder;
  color:#f05a28;

}


.special2 .contents_inner .grid .item .simg img {
  margin: 0 2px;
  width: 100%;
  height: auto;
  max-width: 64px;
}

.special2 .contents_inner .grid .item p {
  text-align: left;
}

.special2 .contents_inner .grid .item .text-info {
  margin: 0 0 6%;
}

.special2 .contents_inner .grid .item .text-info p {
  /*font-feature-settings: "palt";*/
}

.special2 .contents_inner .grid .item .cart-btn_area {
  /*padding: 14px 28px 0 0;
  width: 100%;
  position: absolute;
  bottom: 14px;
  text-align: left;*/
  
  width: 100%;
  margin-top: auto;
}

.special2 .contents_inner .grid .item .cart-btn_area .add-cart {
  position: relative;
}

/*.special2 .contents_inner .cont_block .grid .item .add-txt {
  margin: 15px 0 0 0;
  width: 100%;
  height: 100px; 
  position: relative;
}

.special2 .contents_inner .cont_block .grid .item .add-txt .colorBox {
  margin: 10px auto;
  padding: 6px;
  background-color: #f05a28;
  font-weight: 600;
  text-align: center;
  color: #fff;
}*/



.add-txt {
  margin-top: auto;
}

.add-txt .colorBox {
  margin: 10px auto 0;
  padding: 6px;
  background-color: #f05a28;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.add-txt2 {
  padding-top:7px!important;
      color:#f05a28;
}



/*=============
a.btn_kago
=============*/
a.btn_kago {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 40px;
  padding: 8px 20px 8px 54px;
  background-color: #649664;
  box-sizing: border-box;
  position: relative;
  transition-duration: 0.3s;
}

a.btn_kago::before {
  content: '';
  width: 23px;
  height: 22px;
  position: absolute;
  top: 24%;
  left: 20px;
  background-image: url(../../img/privilege/icon_basket.png);
  background-repeat: no-repeat;  
}

a.btn_kago span {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

a.btn_kago:hover {
  color: #ffffff;
  /*background-color: #FFC107;*/
  opacity: .8;
}

/*****************************************

　2　特典2　お買い上げ合計金額10,800円（税込）毎に、下記2種類よりご希望のセットをプレゼント！

*****************************************/
.contents_inner.gift_area {
  padding: 50px;
  background-color: #f2f5f0;
}

.contents_inner.gift_area .cont {
  margin: auto;
  padding: 0 20px;
  max-width: 1000px;
}

.contents_inner.gift_area .gift_img {
  margin: 30px auto 10px;
  width: 100%;
  height: auto;
  max-width: 950px;
}

.contents_inner.gift_area .cont_block .cont p {
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}

.contents_inner.gift_area .cont_block .cont p.caption {
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.6;
}

/*****************************************

　2　お電話、FAXでも受け付けています

*****************************************/
.howto_area .contents_inner .cont_block p.center {
  text-align: center;
}

.howto_area .contents_inner .cont_block .gray-waku {
  margin: 20px auto;
  padding: 28px 50px;
  width: 100%;
  height: auto;
  max-width: 840px;
  border: 10px solid #f5f3f0;
}

.howto_area .contents_inner .cont_block .gray-waku .in {
  padding: 0 0 28px;
  border-bottom: 1px solid #444;
  font-size: clamp(16px,1.5vw,18px);
  font-weight: 600;
}

.howto_area .contents_inner .cont_block .gray-waku .in.non {
  padding: 28px 0 0 0;
  border-bottom: none;
}
.howto_area .contents_inner .cont_block .gray-waku .in img {
  margin-right: .5em;
  width: auto;
  height: 1em;
}

.howto_area .contents_inner .cont_block .gray-waku .in .call {
  font-size: clamp(24px,3.86666vw,44px);
  font-weight: 600;
}

.howto_area .contents_inner .cont_block .gray-waku .in .caption {
  font-size: 14px;
  line-height: 1.6;

}




/* バランス調整 */
.block-category-list--event {padding-top:0!important;}

@media screen and (max-width: 1000px) {
  .contents_inner {width:90%!important;  padding: 0 !important;}
}



.prebtnw {
	display:flex;
	margin-bottom:30px;
}
.prebtn1 {
	width:40%;
}
.prebtn2 {
	width:60%;
}


a.pin {
	position:relative;
	width:50%;
	height:40px;
	margin:10px auto;
	background:#649664;
	color:#fff!important;
	font-weight:bolder;
	padding:10px 20px 10px 40px;
	text-align:center;
	line-height:40px;
	font-size: min(1.6vw, 14px);
	text-decoration:none!important;
}

a.pin:hover{
	color:#fff;
}
a.pin::after {
	content: url('/img/usr/common/cin.png');
	display: inline-block;
	position:absolute;
	left:5%;
	top:5px;
}