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


/* 2020.0625-sakuma */
@import url(basic-style.css);
@import url(google-fonts-style.css);
@import url(fontawesome-style.css);
@import url(modal-style.css);


.ShadowBox {
  box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
}
.Textshadow {
  text-shadow:2px 2px 5px #274a2a;
}
.pc-style {
  display: inline-block;
}
.sp-style {
  display: none;
}

/* wrap 関連
-------------------------*/
.contents-Wrap {
  position: relative;
  width: 100%;
}


/* おつとめ品ページ
===================================*/
.chojyu-logo {
  max-width: 140px;
  width: 100%;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
}
.header-area {
  position: relative;
  width: 100%;
  height: calc(30vw - 10px);
  background: url('../images/headerBg-01.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.header-areaWrap {
  position: relative;
  max-width: 1200px;
  width: 100%;
  height: calc(30vw - 10px);
  margin: 0 auto -10px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.header-areaWrap_titleSub {
  color: #fff;
  font-size: 1.0rem;
  line-height: 2.5rem;
  letter-spacing: 0.2rem;
  margin: 0 0 5px;
  background: rgb(11 23 45 / 0.7);
  padding: 0 20px 2px;
  border-radius: 5px;
}
.header-areaWrap_title {
  color: #fff;
  font-size: 4.0rem;
  line-height: 5.0rem;
  letter-spacing: 0.4rem;
}
p.sub-title {
  margin: 10px 0 0;
  color: #fff;
  font-size: 1.0rem;
  font-weight: 100;
  line-height: 1.8rem;
  letter-spacing: 0.4rem;
}
.Greeting-titleArea,
.SalesStandard-Area {
  position: relative;
  width: 100%;
}
.Greeting-titleArea {
  margin: 50px 0 30px;
}
.SalesStandard-Area {
   margin: 0 0 30px;
}
.Greeting-titleArea-wrap,
.SpecialOffer-area-wrap,
.SalesStandard-Area-wrap {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.Greeting-titleArea-wrap_title,
.SpecialOffer-area-wrap_title,
.SalesStandard-Area-wrap_title {
  position: relative;
  display: inline-block;
  color: #5d5d61;
  border-bottom: dashed 1px #c1c1c1;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.SpecialOffer-area-wrap_title:before {
  content: "";
  max-width: 100px;
  width: 100%;
  height: 50px;
  background: url(../images/decorative-system02.png)no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: -42px;
  left: 35%;
}
.Greeting-titleArea-wrap_title,
.SpecialOffer-area-wrap_title {
  font-size: 2.2rem;
  line-height: 4.6rem;
  letter-spacing: 0.2rem;
}
.SalesStandard-Area-wrap_title {
  font-size: 1.8rem;
  line-height: 3.6rem;
  letter-spacing: 0.2rem;
}
.SpecialOffer-area-wrap_titleSub {
  color: #f5620c;
  font-size: 0.9rem;
  line-height: 2.0rem;
  letter-spacing: 0.05rem;
  margin-top: 10px;
}
.SpecialOffer-area-wrap_txt {
  font-size: 1.0rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
  text-align: left;
  max-width: 1000px;
  margin: 10px 0 0 12%;
}
.mailmagazine{
  text-decoration: underline;
  color: #36b4ae;
}
.GreetingTextBox-area,
.SpecialOffer-area {
  position: relative;
  width: 100%;
}
.GreetingTextBox-area {
  margin-bottom: 20px;
}
.SpecialOffer-area {
margin-bottom: 80px;
}
.GreetingTextBox-area-wrap {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
.GreetingTextBox-area-wrap_text {
  font-size: 1.0rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
  text-align: justify;
  /*border-bottom: dashed 1px #c1c1c1;*/
  padding: 0 0 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.GreetingTextBox-area-wrap_title {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
.GreetingTextBox-area-wrap_title--text {
  position: relative;
  color: #585858;
  font-size: 1.2rem;
  line-height: 2.4rem;
  letter-spacing: 0.2rem;
}
/*.GreetingTextBox-area-wrap_title--text:before {
  content: "";
  max-width: 27px;
  width: 100%;
  height: 50px;
  background: url(../images/decorative-system03.png)no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}*/
.Greeting-text {
  max-width: 900px;
  width: 100%;
  font-size: 1.0rem;
  line-height: 1.6rem;
  margin: 0 auto;
  /*text-align: center;*/
}
.Greeting-text--marker{
  background: linear-gradient(transparent 60%, rgba(226, 92, 24, 0.5) 60%);
}
  .chijyu-Sign {
  font-size: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.25rem;
  text-align: right;
}
.notes-area {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.notes-areaWrap {
  max-width: 1200px;
  width: 100%;
  margin: 10px auto;
}
.notes-areaWrap_text {
  font-size: 0.8rem;
  letter-spacing: 1.4rem;
  letter-spacing: 0.05rem;
}

/* 特別オファー
-------------------------*/
.products-area {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
.products-area-wrap {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
.products-area-wrap_Flex {
  width: 100%;
  display: flex;
}
.productsBoxImg {
  max-width: 30%;
  width: 100%;
  margin-right: 40px;
  text-align: center;
}
.productsBoxImg_caption {
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1.6rem;
  letter-spacing: 0.05rem;
  color: #fff;
  background: #ff1515;
  border-radius: 50px;
  margin: 0 0 10px;
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.productsBoxInfo {
  max-width: 70%;
  width: 100%;
}
.products-cate {
  color: #fff;
  display: inline-block;
  padding: 8px 30px;
  background: #e25c18;
  border-radius: 50px;
  font-size: 0.9rem;
  line-height: 0.9rem;
  letter-spacing: 0.05rem;
}
.productsBoxInfo-titleBox {
  width: 100%;
  margin: 5px 0 20px;
  border-bottom: solid 1px #c1c1c1;
}
.credit {
  display: block;
  width: 100%;
  font-size: 0.8rem;
  text-align: right;
}
.products-component {
  border-top: solid 1px #c1c1c1;
  border-bottom: solid 1px #c1c1c1;
  margin: 10px 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.products-component2 {
  border-bottom: solid 1px #c1c1c1;
  margin: 20px 0;
  padding: 0 0 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.products-component-wrap,
.products-component-wrap2 {
  display: flex;
  align-items: flex-start;
}
.productsBoxInfoWrap,
.productsBoxInfoWrap2 {
  width: 100%;
  display: block;
}
.productsBoxInfoWrap {
  max-width: 100%;
}
.productsBoxInfoWrap2 {
  max-width: 70%;
  margin-right: 20px;
}
.products-component-wrap_photo,
.products-component-wrap_photo2 {
  width: 100%;
  display: block;
}
.products-component-wrap_photo {
  max-width: 15%;
}
.products-component-wrap_photo2 {
  max-width: 30%;
}
.productsBoxInfo-titleBox_title,
.productsBoxInfo-titleBox_title2 {
  width: 100%;
}
.productsBoxInfo-titleBox_title {
  font-size: 1.35rem;
  line-height: 2.8rem;
  padding: 0 0 5px;
}
.productsBoxInfo-titleBox_title2 {
  font-size: 1.0rem;
  line-height: 2.0rem;
  padding: 20px 0 0;
}
.cartArea {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.cartArea-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  width: 100%;
  margin: 30px auto 0;
  border-bottom: dotted 1px #c1c1c1;
  padding: 0 0 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.priceBox {
  max-width: 40%;
  width: 100%;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.cartBox {
  max-width: 30%;
  width: 100%;
  display: block;
  margin-right: 30px;
}
.cartBox:last-child {
  margin-right: 0;
}
.productsName_wrap {
  max-width: 30%;
  width: 100%;
  margin-right: 20px;
}
.productsName {
  font-size: 2.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
}
.shikari {
  position: relative;
  top: -7px;
  font-size: 1.0rem;
  line-height: 1.0rem;
  letter-spacing: 0.1rem;
}
.size-downBox {
  position: relative;
  top: -7px;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.1rem;
}
.price-title {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.2rem;
  border-radius: 3px;
  background: #ff1515;
  color: #fff;
  padding: 10px 10px;
  position: relative;
  top: -8px;
}
.special-offer {
  position: relative;
  color: #ff1515;
  font-size: 2.8rem;
  line-height: 2.8rem;
}
.price-text {
  color: #333;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.05rem;
  margin-left: 5px;
}
.offer-Tag {
  color: #fff;
  display: inline-block;
  background: #ff1515;
  border-radius: 12px;
  padding: 5px 20px;
  text-align: center;
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.offer-Tag-title {
  display: block;
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.offer-Tag-text {
  font-size: 1.0rem;
  line-height: 1.0rem;
}
a.cartBottan,
.soldOut {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.1rem;
  max-width: 250px;
  width: 100%;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a.cartBottan {
  color: #fff;
  background: #36b4ae;
}
.soldOut {
  color: #fff;
  background: #acb5b5;
}
a:hover.cartBottan {
  background: #f5620c;
  transition: .8s;
}

/* モーダルウィンドウ */
.SalesStandard-TextBoxArea {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 30px;
}
.SalesStandard-TextBoxArea_text {
  font-size: 1.1rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
  text-align: justify;
  color: #5d5d61;
}
.js-closeArea {
  width: 100%;
  text-align: center;
}
a.js-close-modal {
  font-size: 0.95rem;
  line-height: 0.95rem;
  letter-spacing: 0.05rem;
  color: #fff;
  display: inline-block;
  margin: auto;
  text-align: center;
  background: #36b4ae;
  border-radius: 3px;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a:hover.js-close-modal {
  background: #f5620c;
  transition: .8s;
}
.SalesStandard-illustArea {
  width: 100%;
  margin: 20px 0 30px;
}
.SalesStandard-illustArea_Flex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.SalesStandardBox,
.SalesStandard-titleBox {
  max-width: 50%;
  width: 100%;
  margin-right: 20px;
}
.SalesStandardBox:last-child,
.SalesStandard-titleBox:last-child {
  margin-right: 0;
}
.SalesStandard-titleBox_inner {
  width: 100%;
  margin: 20px 0 0;
}
.SalesStandard-titleArea_Flex,
.SalesStandard-textArea_Flex {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 20px;
}
.products-AAA_Box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.AAA-Circle,
.AA-Circle,
.A-Circle,
.B-Circle {
  max-width: 30%;
  width: 100%;
  background: #fff;
  padding: 20px 0;
  border-radius: 20px;
  font-size: 1.2rem;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.AAA-Circle {
  color: #f50c65;
  border: solid 5px #f50c65;
}
.AA-Circle {
  color: #eb47ab;
  border: solid 5px #eb47ab;
}
.A-Circle {
  color: #e17741;
  border: solid 5px #e17741;
}
.B-Circle {
  color: #b46c1d;
  border: solid 5px #b46c1d;
}
.products-AAA_title,
.products-AA_title,
.products-A_title,
.products-B_title {
  max-width: 70%;
  width: 100%;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  position: relative;
  border-radius: 0 6px 6px 0;
}
.products-AAA_title {
  background: #f50c65;
}
.products-AA_title {
  background: #eb47ab;
}
.products-A_title {
  background: #e17741;
}
.products-B_title {
  background: #b46c1d;
}
.products-B_photo {
  max-width: 340px;
  width: 100%;
}
.productsName_small{
  font-size: 1.6rem;
}
/*カート下　原材料など */
.products-text{
  margin: 20px auto 20px;

}
/*きのこ説明用*/
.detail-area-wrap{}

.detail-box{
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 20px auto 20px;
}
.detail-box:before {
  content: "";
  max-width: 50%;
  width: 100%;
  display: block;
  order:1;
}
.detail-box:after {
  content: "";
  max-width: 50%;
  width: 100%;
  display: block;
}
.detail-box-in{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 50%;
  width: 100%;
  margin: 0;
  padding: 0 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
.detail-photo{
  max-width: 20%;
    width: 100%;
    margin-right: 20px;
}
.detail-text{
  max-width: 80%;
  width: 100%;
  padding-right: 20px;
}
.detail-name{
  font-size: 1.1rem;
}
span.howto_eat {
    background: #5e5753;
    border-radius: 3px;
    margin: 0 5px 0 0;
    padding: 2px 5px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
}

/* ご注意 */
.cautionBox{
  max-width: 1200px;
  width: 100%;
  margin: 20px auto 80px;
  text-align: center;
  padding: 0 0 80px;
  box-sizing: border-box;
  border-bottom: solid 1px #607d8b;
}
.caution--text{
  font-size: 0.9rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
  margin-top: 15px;
}
.caution--title{
  display: block;
  font-size: 1.2rem;
  line-height: 2.0rem;
  text-align: center;
}
.dateOfshipment {
  font-size: 1.15rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
}
.dateOfshipment-notes {
  font-size: 0.85rem;
  line-height: 1.6rem;
}




/* お問い合わせ番号 */
.infomaiton-number-title {
  font-size: 1.3rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #508cbd;
  text-align: center;
}
.infomaiton-number_Bg {
  width: 100%;
  background: #508cbd;
  color: #fff;
  padding: 25px 0 20px;
}
.infomaiton-number-wrap {
  max-width: 650px;
  width: 100%;
  margin: auto;
}
.infomaiton-telephon-number {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.infomaiton-telephon-number p {
  font-size: 1.2rem;
  line-height: 1.0rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
  margin-right: 20px;
}
figure.telephon-number {
  max-width: 480px;
  width: 100%;
  display: block;
  margin: auto;
}
.infomaiton-time {
  font-size: 1.2rem;
  line-height: 2.4rem;
  letter-spacing: 0.2rem;
  text-align: center;
}
.infomaiton-time span {
  font-size: 0.85rem;
  line-height: 0rem;
  border: solid 1px #fff;
  margin-left: 10px;
  padding: 2px 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* コピーライト */
.chojyu-copyright {
  width: 100%;
  font-size: 0.7rem;
  font-weight: 300;
  letter-spacing: 0.08rem;
  text-align: center;
  color: #fff;
  background: #242930;
  margin: 50px 0 0;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* 写真エリア */
.contentsArea_block {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: left;
  width: 100%;
  margin: 15px auto 20px;
  }

.productsPhotoBox {
    position: relative;
    max-width: 23.33%;
    width: 100%;
    /*background: #f5f5f5;*/
    margin: 10px;
}
/*.productsPhotoBox:first-child {
  margin-left: 0;
}
.productsPhotoBox:last-child {
  margin-right: 0;
}*/

.productsPhotoBox--photo {
    max-width: 600px;
    width: 100%;
/*    height: 200px;*/
    background: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.SpecialOffer-area-wrap.effect-fade {
　opacity : 0;
　transform : translate(0, 150px);
　transition : all 2000ms;
}

.SpecialOffer-area-wrap.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(0, 0);
}

/* アコーデオン
-------------------------*/
.accordion {
  max-width: 900px;
  width: 100%;
  margin: 20px auto;
}
 
.acc-hidden {
  display: none;

}
.acc-label {
  display: none;
}
.acc-content {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.acc-content-in{
  font-size: 1.0rem;
  line-height: 1.6rem;
  text-align: left;
}

/* 装飾系
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.direct-productionWrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.direct-production {
  max-width: 145px;
  width: 100%;
  margin-right: 20px;
}
.direct-production:last-child {
  margin-right: 0;
}
.products-text-in{
  font-size: 0.9rem;
}

/* ブレイクポイント
-------------------------*/
@media screen and (max-width: 1100px) {

/*.contents-Wrap{
  padding-bottom: 80px;
}*/

.header-areaWrap_title {
  font-size: 3.8rem;
  line-height: 3.8rem;
}

.GreetingTextBox-area,
.SpecialOffer-area {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.GreetingTextBox-area,
.SpecialOffer-area {
  margin-bottom: 40px;
}
.Greeting-text {
  font-size: 0.9rem;
  line-height: 2.0rem;
}
.notes-areaWrap_text {
  font-size: 0.6rem;
  line-height: 1.2rem;
}

.notes-area {
  padding: 0 20px;
}

.productsName_small {
    font-size: 1.6rem;
}

/* 特別オファー
-------------------------*/
.SpecialOffer-area-wrap_titleSub {
  font-size: 0.65rem;
  line-height: 1.8rem;
}
.SpecialOffer-area-wrap_txt {
  font-size: 0.9rem;
  line-height: 1.8rem;
  margin: 0 0 0 8%;
}

.products-area {
  padding: 0 20px;
}
.productsBoxInfoWrap {
/*  max-width: 75%;*/
  margin-right: 10px;
}
.products-component-wrap_photo {
  max-width: 25%;
}
.productsBoxInfo-titleBox_title {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.productsBoxInfo-titleBox_title2 {
  font-size: 1.0rem;
  line-height: 1.6rem;
}
.shikari {
  top: -4px;
}
.size-downBox {
  top: -3px;
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.productsName {
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.cartBox p {
  font-size: 0.8rem;
  line-height: 1.6rem;
}
.price-title {
  font-size: 1.0rem;
  line-height: 1.0rem;
  top: -9px;
}
.offer-Tag {
  font-size: 2.0rem;
  line-height: 2.0rem;
}

/* 写真エリア */
.productsPhotoBox {
    max-width: 22.9%;
}


/* モーダルウィンドウ */
.SalesStandard-illustArea_Flex {
  display: block;
}
.SalesStandardBox {
  max-width: 100%;
  margin-right: 0;
}

/* 案内状インフォメーション */
.infomation-20th-wrap {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* アコーデオン*/
.acc-content-in{
  font-size: 0.9rem;
  line-height: 2.0rem;
}

/*きのこ説明用*/
.detail-box-in{
  align-items: flex-start;
  max-width: 50%;
  width: 100%;
  margin: 0;
  padding: 0 0 20px;
}
.detail-photo{
  max-width: 30%;
  margin-right: 10px;
}
.detail-text{
  max-width: 70%;
  padding-right: 10px;
  font-size: 0.95rem;
  line-height: 1.4rem;
  text-align: justify;
}
}

@media screen and (max-width: 980px) {
}
@media screen and (max-width: 860px) {
}
@media screen and (max-width: 768px) {
.Greeting-titleArea-wrap_title,
.SpecialOffer-area-wrap_title {
  font-size: 1.8rem;
  line-height: 3.8rem;
}
.Greeting-titleArea-wrap_title {
  letter-spacing: 0.1rem;
}
.GreetingTextBox-area-wrap_title {
  margin-bottom: 20px;
}

.Greeting-text {
  font-size: 0.8rem;
  line-height: 1.8rem;
  text-align: left;
}
.SpecialOffer-area-wrap_txt {
  font-size: 0.8rem;
  line-height: 1.8rem;
  width: 100%;
  padding: 0 20px;
  margin: 0;
}
/* 特別オファー
-------------------------*/
.header-areaWrap_title {
  font-size: 3.2rem;
  line-height: 3.8rem;
}
.productsBoxInfo-titleBox_title2 {
  padding: 0;
}
.cartArea-wrap {
  display: block;
  text-align: center;
}
.productsName_wrap {
  max-width: 100%;
  margin: 0 0 10px;
}
.productsName {
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.priceBox {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
.cartBox {
  max-width: 100%;
  margin: 30px 0 0;
}
a.cartBottan,
.soldOut {
  display: block;
  max-width: 340px;
  width: 100%;
  margin: auto;
}
.price-title {
  margin: 20px 0 10px;
  letter-spacing: 0.1rem;
}
.offer-Tag {
  padding: 10px 20px 4px;
}
.offer-Tag-title {
  display: inline-block;
  font-size: 0.9rem;
  line-height: 1.8rem;
  position: relative;
  top: -5px;
}
.offer-Tag-text {
  position: relative;
  top: -5px;
}
.price-text {
  position: relative;
  top: -8px;
}

/* 写真エリア */
.productsPhotoBox {
  max-width: 30.33%;
}

/*きのこ説明用*/

/*.detail-box-in{
  align-items: flex-start;
  max-width: 50%;
  width: 100%;
  margin: 0;
  padding: 0 0 20px;
}
.detail-photo{
  max-width: 30%;
  margin-right: 10px;
}
.detail-text{
  max-width: 70%;
  padding-right: 10px;
  font-size: 0.95rem;
  line-height: 1.4rem;
  text-align: justify;
}*/
.detail-name{
  font-size: 1.0rem;
}

/* お問い合わせ番号 */
.infomaiton-number_Bg {
  padding: 15px 0;
}
.infomaiton-telephon-number {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.infomaiton-number-title {
  font-size: 1.0rem;
  line-height: 2.0rem;
}
.infomation-leadtext {
  line-height: 2.2rem;
}
.infomaiton-telephon-number p {
  font-size: 1.0rem;
  line-height: 1.0rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
  margin:0 0 10px;
}
.infomaiton-number-wrap {
  padding: 0 20px;
}
.infomaiton-time {
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.infomaiton-time span {
  line-height: 1.4rem;
  display: inline-block;
  padding: 0 10px;
}
/* アコーデオン*/
.acc-content-in{
  font-size: 0.8rem;
  line-height: 1.8rem;
}
/* 装飾系
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.direct-production {
  max-width: 125px;
  margin-right: 20px;
}

}
@media screen and (min-width: 660px) {
}
@media screen and (max-width: 660px) {
.sp-style {
  display: inline-block;
}

.chojyu-logo {
  max-width: 100px;
  top: 5px;
  left: 5px;
}
/*.contents-Wrap{
  padding-bottom: 200px;
}*/
.header-areaWrap_titleSub {
  font-size: 0.9rem;
  line-height: 1.8rem;
  letter-spacing: 0.1rem;
  background: rgb(11 23 45 / 0.5);
  margin: 20px 0 5px;
  padding: 0 20px 2px;
}
.header-areaWrap_title {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.2rem;
}
p.sub-title {
  font-size: 0.6rem;
  line-height: 1.0rem;
  letter-spacing: 0.3rem;
}
.header-area {
  width: 100%;
  height: 200px;
  background-size: cover;
}
.header-areaWrap {
  width: 100%;
  height: 200px;
  margin: 0 auto;
}

.Greeting-titleArea {
  position: relative;
  width: 100%;
  margin: 30px 0 30px;
}
.Greeting-titleArea-wrap_title,
.SpecialOffer-area-wrap_title {
  font-size: 1.2rem;
  line-height: 2.0rem;
}
.SalesStandard-Area-wrap_title {
  font-size: 1.1rem;
  line-height: 2.0rem;
  letter-spacing: 0.05rem;
}
.Greeting-titleArea-wrap_title {
  letter-spacing: 0.1rem;
}
.GreetingTextBox-area-wrap_title {
  text-align: left;
}
.GreetingTextBox-area-wrap_title--text {
  font-size: 1.2rem;
  line-height: 2.0rem;
  letter-spacing: 0.1rem;
}
.GreetingTextBox-area-wrap_text {
  padding: 0;
}
.Greeting-text {
  font-size: 0.9rem;
}
.chijyu-Sign {
  font-size: 1.2rem;
  line-height: 2.6rem;
}
.notes-area {
  padding: 0;
}
.notes-areaWrap_text {
  font-size: 0.7rem;
  line-height: 1.2rem;
}
.Greeting-titleArea-wrap_title,
.SpecialOffer-area-wrap_title {
  padding: 0 5px 10px;
}
.SpecialOffer-area-wrap_titleSub {
  display: block;
  text-align: left;
  font-size: 0.8rem;
  line-height: 1.6rem;
}
.SpecialOffer-area-wrap_txt {
  padding: 0;
}

/* 特別オファー
-------------------------*/

.products-area-wrap_Flex {
  display: block;
}
.productsBoxImg {
  max-width: 100%;
  margin: 0 0 20px;
}
.productsBoxInfo {
  max-width: 100%;
}
.productsBoxInfoWrap {
  max-width: 100%;
  margin: 0;
}
.products-component-wrap_photo {
  max-width: 35%;
  margin: auto;
}
.productsName {
  font-size: 1.8rem;
  line-height: 1.8rem;
  text-align: justify;
}
.productsName_small {
    font-size: 1.2rem;
}
.products-component-wrap2 {
  display: block;
}
.productsBoxInfoWrap2 {
  max-width: 100%;
  margin: 0 0 20px;
}
.products-component-wrap_photo2 {
  max-width: 60%;
  margin: 0 auto 30px;
}
.cartBox p {
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.cartArea-wrap {
  margin: 10px 0 0;
}
.cartBox {
  margin: 0;
}
.offer-Tag {
  display: block;
  margin: 20px 0;
  padding: 10px 20px 4px;
}
.priceBox {
  margin-bottom: 20px;
}
.price-title {
  display: block;
  top: 0;
  padding: 10px;
  margin-bottom: 10px;
}

/* モーダルウィンドウ */
.SalesStandard-TextBoxArea_text {
  font-size: 0.95rem;
  letter-spacing: 0.01rem;
}
.SalesStandard-titleArea_Flex,
.SalesStandard-textArea_Flex {
  display: block;
  margin-bottom: 20px;
}
.SalesStandard-titleBox {
  max-width: 100%;
  margin: 0 0 20px;
}

/*きのこ説明用*/
.detail-box{ 
  display: block;
}
.detail-box-in{
    align-items: flex-start;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0 0 20px;
}
.detail-photo{
  max-width: 35%;
}
.detail-text{
  max-width: 65%;
  padding-right: 0px;
  font-size: 0.95rem;
  line-height: 1.4rem;
}
.detail-name{
  font-size: 1.0rem;
}


/* ご注意 */

.cautionBox{
  text-align: left;
}
.caution--text{

}
.caution--title{

}

/* お問い合わせ番号 */
.infomaiton-number_Bg {
  padding: 15px 0;
}
.infomaiton-telephon-number {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.infomaiton-number-title {
  font-size: 1.0rem;
  line-height: 1.6rem;
  padding: 0 50px;
  margin-bottom: 5px;
}
.infomation-leadtext {
  line-height: 2.2rem;
}
.infomaiton-telephon-number p {
  font-size: 1.0rem;
  line-height: 1.0rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
  margin:0 0 10px;
}
.infomaiton-number-wrap {
  padding: 0 20px;
}
.infomaiton-time {
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.infomaiton-time span {
  line-height: 1.4rem;
  display: inline-block;
  padding: 0 10px;
}
.tel-Refund,
.example-10,
.Case-study {
  display: none;
}
.tel-Refund-sp,
.example-10-sp,
.Case-study-sp {
  max-width: 600px;
  width: 100%;
  display: block;
  margin-top: 20px;
}

/* 写真エリア */

.contentsArea_block {
  padding: 0;
}
.productsPhotoBox {
  max-width: 49.33%;
  margin: 1px;
}

/* アコーデオン
-------------------------*/
.accordion {
  width: 100%;
  margin: 20px auto;
}
 
.acc-hidden {
  display: none;
}
.acc-label {
  cursor: pointer;
  background-color: #EFEEE8;
  display: block;
  text-align: center;
  padding: 10px;
  width: 60%;
  margin: 0 auto;
}
.acc-content {
  height: 0;
  opacity: 0;
  transition: 0.5s;
  visibility: hidden;
}
.acc-hidden:checked + .acc-label + .acc-content {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.acc-content-in{
  padding-top: 20px;
  font-size: 0.9rem;
}

/* 装飾系
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.direct-production {
  max-width: 120px;
  margin-right: 10px;
}
.SpecialOffer-area-wrap_title:before {
  content: "";
  max-width: 73px;
  width: 100%;
  height: 35px;
  background: url(../images/decorative-system02.png)no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: -38px;
  left: 32%;
}
}
@media screen and (max-width: 375px) {
}

@media screen and (max-width: 320px) {
.productsPhotoBox {
    max-width: 48.0%;
}

}