@charset "utf-8";


/*全体
=====================================*/

#contents > article {
    width: 100%;
    max-width:inherit;
    margin: 0 auto;
}
body{
    color:#000;
    line-height:1.7;
    letter-spacing:1px;
    margin: 0;
    padding: 0;
}
img{
    max-width: 100%;
    height: auto;
    width: auto;
    vertical-align: bottom;
}
ul{

}
li{
    list-style: none;
}
/*リンク画像ホバー時　フェード
=====================================*/
a img{
    transition: all 0.3s ease-out;
  }
  a:hover img{
    opacity: 0.8;
    transition: all 0.3s ease-out;
  }

   /*========================================
   header content area reset
   =========================================*/
   #EST_SPS_wish_member #contents,
   #EST_SPS_cart #contents,
   #EST_SPS_regi #contents
   #EST_SPS_order #contents{
       width: 95%;
       max-width: 1200px;
   }
   div#wrapper div#enquete-header,
   div#wrapper > div#cart-header,
   header {
       z-index: 11;
       width: 100%;
       /* height: 100vw; */
   }
   #header-outer{
     /* border-bottom:2px solid #0d1e3d; */
     /* box-sizing: border-box; */
     /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); */
     /* position: relative; */
   }
   header #header-inner,
   #cart-header #header-inner,
   #enquete-header #header-inner{
       padding: 0;
       box-sizing: border-box;
       position: relative;
       /* max-width: 1200px; */
       /* padding: 20px 0; */
       box-sizing:border-box;
       /* overflow:hidden; */
       width: 100%;
       background: #fff;
       /* display: flex; */
       /* justify-content: center; */
       /* flex-wrap: wrap; */
       /* align-items: center; */
       margin: 0 auto;
       height: 100vw;
   }
   
   @media screen and (max-width:960px){
       
     header #header-inner,
     #cart-header #header-inner,
     #enquete-header #header-inner{
         /* padding: 0; */
         /* box-sizing: border-box; */
         /* position: relative; */
         /* max-width: 1200px; */
         /* padding: 30px 0 0; */
         /* box-sizing:border-box; */
         /* overflow:hidden; */
         /* width: 97%; */
         /* background: #fff; */
         /* display: flex; */
         /* justify-content: space-between; */
         /* flex-wrap: wrap; */
         /* align-items: center; */
     }
   }
   @media screen and (max-width:768px){
       #EST_SPS_wish_member #contents,
       #EST_SPS_cart #contents,
       #EST_SPS_regi #contents,
       #EST_SPS_order #contents{
           width: 95%;
       }
       div#wrapper div#enquete-header #header-outer,
       div#wrapper > div#cart-header #header-outer,
       header #header-outer{
           /* position: fixed; */
           /* top: 0; */
           /* left: 0; */
           /* z-index: 200; */
           /* width: 100%; */
           /* transition: .3s; */
           /* transform: translateY(0); */
           /* box-shadow: -1px 3px 3px -2px rgb(0 0 0 / 20%); */
           /* background: #fff; */
       }
       header #header-inner,
       #cart-header #header-inner,
       #enquete-header #header-inner{
           /* padding: 0 3%; */
           /* box-sizing: border-box; */
           /* position: relative; */
           /* padding: 0; */
           /* box-sizing:border-box; */
           /* overflow:hidden; */
           /* width: 100%; */
           /* height: 95px; */
           /* box-shadow: -1px 3px 3px -2px rgb(0 0 0 / 20%); */
           /* display: flex; */
           /* align-items: center; */
           /* justify-content: space-between; */
       }
   
       #header-hight{
         height: 95px;
       }
   }
   
   @media screen and (max-width:580px){
       #EST_SPS_wish_member #contents,
       #EST_SPS_cart #contents,
       #EST_SPS_regi #contents,
       #EST_SPS_order #contents{
           width: 95%;
       }
       div#wrapper div#enquete-header #header-outer,
       div#wrapper > div#cart-header #header-outer,
       header #header-outer{
           /* position: fixed; */
           /* top: 0; */
           /* left: 0; */
           /* z-index: 101; */
           /* width: 100%; */
           /* transition: .3s; */
           /* transform: translateY(0); */
       }
       header #header-inner,
       #cart-header #header-inner,
       #enquete-header #header-inner{
           /* padding: 0 2%; */
           /* box-sizing: border-box; */
           /* position: relative; */
           /* max-width: 1200px; */
           /* padding: 0; */
           /* box-sizing:border-box; */
           /* overflow:hidden; */
           /* width: 100%; */
           /* height: 65px; */
       }
       #header-hight{
         height: 65px;
       }
   }
   
  
   /*========================================
   header main
   =========================================*/
   /*ロゴエリア*/
   #header-inner #logo{
     /* max-width: 30%; */
     /* min-height: 300px; */
     margin: 0 auto;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     height: 400px;
   }
  #header-inner #logo h1{
     /* height: 350px; */
     box-sizing: border-box;
   }
   #header-inner #logo a{
     display:block;
     /* font-size: initial; */
     /* height: 50vh; */
     text-align: center;
   }
   #header-inner #logo a img{
     vertical-align:bottom;
     /* width: 100%; */
     height: 400px;
     max-width: unset;
   }
   
   /*パーソナルエリア*/
   #header-inner #hNav{
     max-width: 422px;
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
   #hNav {
     display:flex;
   }
   
   #header-nav{
     display:flex;
     align-items: center;
   }
   #hNav ul#header-nav li{
     padding: 0 0 0 10px;
   }
   #hNav ul#header-nav li a{
     padding: 5px;
     display:block;
     color:#000;
     font-size: 12px;
     position: relative;
     width: 71px;
     box-sizing: border-box;
     font-weight: 500;
     text-decoration: none;
     text-align: center;
   }
   #hNav ul#header-nav li a img{
     width:27px;
     display:block;
     margin:0 auto 5px;
   }
   
   /*ヘッダ検索　機能調整*/
   #hNav ul#header-nav li#h-search{
     padding:0 0 0 30px;
   }
   #h-search #searchbox_wrap {
     margin: 0 0 0 auto;
     box-sizing: border-box;
     text-align: right;
     width: 100%;
   }
   #h-search #searchbox form {
     border: none;
     display: flex;
     align-items: center;
     height: 45px;
     padding: 0;
     border-bottom: 1px solid;
     justify-content: space-between;
     box-sizing: border-box;
   }
   #h-search #searchbox .searchbox {
     border: none;
     float: left;
     font-size: 13px;
     height: 35px;
     padding: 0 5px;
     width: calc(100% - 35px);
     color: #000;
   }
   #h-search #searchbox input[type=text]:focus {
       outline: none;
   }
   #h-search #searchbox input::placeholder {
       color:#000;
   }
   #hNav #h-search #searchbox .searchSubmit {
     width: 25px;
   }
   @media screen and (max-width:960px){
     /*ロゴエリア*/
     #header-inner #logo{
       /* max-width: 250px; */
       /* min-height: auto; */
     }
     #header-inner #logo a{
       /* display:block; */
     }
     #header-inner #logo a img{
       /* vertical-align:bottom; */
     }
     
     /*パーソナルエリア*/
     #header-inner #hNav{
       max-width: 422px;
       display: flex;
       align-items: center;
       justify-content: flex-end;
     }
     #hNav {
       display:flex;
     }
     
     #header-nav{
       display:flex;
       align-items: center;
     }
     #hNav ul#header-nav li{
       padding: 0;
     }
     #hNav ul#header-nav li a{
       padding: 5px;
       display:block;
       color:#000;
       font-size: 11px;
       position: relative;
       width: 62px;
       box-sizing: border-box;
       font-weight: 500;
     }
     #hNav ul#header-nav li a img{
       width: 23px;
       display:block;
       margin:0 auto 5px;
     }
     
     /*ヘッダ検索　機能調整*/
     #hNav ul#header-nav li#h-search{
       padding: 0 0 0 20px;
     }
     #h-search #searchbox_wrap {
       margin: 0 0 0 auto;
       box-sizing: border-box;
       text-align: right;
       width: 100%;
     }
     #h-search #searchbox form {
       border: none;
       display: flex;
       align-items: center;
       height: 45px;
       padding: 0;
       border-bottom: 1px solid;
       justify-content: space-between;
       box-sizing: border-box;
     }
     #h-search #searchbox .searchbox {
       border: none;
       float: left;
       font-size: 13px;
       height: 35px;
       padding: 0 5px;
       width: calc(100% - 35px);
       color: #000;
     }
     #h-search #searchbox input[type=text]:focus {
         outline: none;
     }
     #h-search #searchbox input::placeholder {
         color:#000;
     }
     #hNav #h-search #searchbox .searchSubmit {
       width: 25px;
     }
   }
   
   @media screen and (max-width:768px){
     /*ロゴエリア*/
     #header-inner #logo{
       /* max-width: 300px; */
       /* min-height: auto; */
       /* padding: 0; */
       /* margin: 0 auto; */
       /* width: 40%; */
     }
     #header-inner #logo a{
       /* display:block; */
     }
     #header-inner #logo a img{
       /* vertical-align:bottom; */
     }
     
     /*パーソナルエリア*/
      #enquete-header #header-inner #hNav,
   #cart-header #header-inner #hNav,
     #wp-layout #header-inner #hNav{
       margin: 0;
       justify-content: right;
     }
     #enquete-header #header-nav,
   #cart-header #header-nav,
     #wp-layout #header-nav{
       margin: 0;
       padding: 0;
     }
   
     #header-inner #hNav{
       max-width: 145px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       margin: 0 65px 0 0;
     }
     #hNav {
       display:flex;
     }
     #header-nav{
       display:flex;
       align-items: center;
       margin: 0 25% 0 0;
     }
     
     #hNav ul#header-nav li{
       padding: 0;
       margin: 0;
     }
     #hNav ul#header-nav li a{
       padding: 5px;
       display:block;
       color:#000;
       font-size: 12px;
       position: relative;
       width: 71px;
       box-sizing: border-box;
       font-weight: 500;
     }
     #hNav ul#header-nav li a img{
       width:27px;
       display:block;
       margin:0 auto 5px;
     }
     
     /*ヘッダ検索　機能調整*/
     #hNav ul#header-nav li#h-search{
       padding: 0;
       display: none;
     }
     #h-search #searchbox_wrap {
       margin: 0 0 0 auto;
       box-sizing: border-box;
       text-align: right;
       width: 100%;
     }
     #h-search #searchbox form {
       border: none;
       display: flex;
       align-items: center;
       height: 45px;
       padding: 0;
       border-bottom: 1px solid;
       justify-content: space-between;
       box-sizing: border-box;
     }
     #h-search #searchbox .searchbox {
       border: none;
       float: left;
       font-size: 13px;
       height: 35px;
       padding: 0 5px;
       width: calc(100% - 35px);
       color: #000;
     }
     #h-search #searchbox input[type=text]:focus {
         outline: none;
     }
     #h-search #searchbox input::placeholder {
         color:#000;
     }
     #hNav #h-search #searchbox .searchSubmit {
       width: 25px;
     }
   }
   @media screen and (max-width:580px){
     /*ロゴエリア*/
     #header-inner #logo{
       /* max-width: 300px; */
       /* min-height: auto; */
       /* padding: 0; */
       /* margin: 0 auto; */
       /* width: 45%; */
     }
     #header-inner #logo a{
       /* display:block; */
     }
     #header-inner #logo a img{
       /* vertical-align:bottom; */
     }
     
     /*パーソナルエリア*/
     #header-inner #hNav{
       max-width: 145px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       margin: 0 27px 0 0;
     }
     #hNav {
       display:flex;
     }
     
     #header-nav{
       /* display:flex; */
       /* align-items: center; */
       /* margin: 0 25% 0 0; */
     }
     #hNav ul#header-nav li{
       padding: 0;
       margin: 0;
     }
     #hNav ul#header-nav li a{
       padding: 5px 2px;
       display:block;
       color:#000;
       font-size: 12px;
       position: relative;
       width: 57px;
       box-sizing: border-box;
       font-weight: 500;
     }
     #hNav ul#header-nav li a img{
       width: 22px;
       display:block;
       margin:0 auto 5px;
     }
     
     /*ヘッダ検索　機能調整*/
     #hNav ul#header-nav li#h-search{
       padding: 0;
       display: none;
     }
     #h-search #searchbox_wrap {
       margin: 0 0 0 auto;
       box-sizing: border-box;
       text-align: right;
       width: 100%;
     }
     #h-search #searchbox form {
       border: none;
       display: flex;
       align-items: center;
       height: 45px;
       padding: 0;
       border-bottom: 1px solid;
       justify-content: space-between;
       box-sizing: border-box;
     }
     #h-search #searchbox .searchbox {
       border: none;
       float: left;
       font-size: 13px;
       height: 35px;
       padding: 0 5px;
       width: calc(100% - 35px);
       color: #000;
     }
     #h-search #searchbox input[type=text]:focus {
         outline: none;
     }
     #h-search #searchbox input::placeholder {
         color:#000;
     }
     #hNav #h-search #searchbox .searchSubmit {
       width: 25px;
     }
   }


   /*========================================
footer
==========================================*/
/*大枠
================*/
div#cart-footer, footer {
    background-color: #fff;
    position: inherit;
    height: auto;
    margin: 0;
  }
  
  /*内側
  =================*/
  .footer-outer{
  background:#cd9589;
  }
  .footer-inner{
  padding:50px 0;
  }
  /*フッタメニュー*/
  #f-menu-area{
  width: 90%;
  max-width:1200px;
  margin:0 auto;
  letter-spacing:1px;
  color:#fff;
  }
  
.f-logo-area{
  display:flex;
  width:100%;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 30px;
}
h1.f-logo{
  /* margin:0 0 30px; */
  width: 80%;
  max-width: 380px;
}
h1.f-logo a{
  display:flex;
  font-size:12px;
  align-items:center;
  font-family: 'Noto Serif JP', serif;
  text-decoration: none;
  color: #000;
}
h1.f-logo a img{
max-width:200px;
margin:0 20px 0 0;
}
.f-top-snslink{
  width: 50%;
  max-width: 300px;
  margin: 0 0 0 2%;
}
.f-top-snslink a {
  display:flex;
  align-items: center;
  font-size: 13px;
  font-family: 'Noto Serif JP', serif;
  color: #000;
  text-decoration: none;
}
.f-top-snslink a:hover {
  color:#000;
}
.f-top-snslink a img{
  width:30%;
  max-width: 32px;
  margin: 0 5px 0 0;
}
  
  .f-menu-3col{
  display:flex;
  justify-content:space-between;
  }
  .f-menu-3col .f-box-single{
  width: 100%;
  }
  .f-menu-3col h4{
  font-family: 'Noto Serif JP', serif;
  border-bottom:1px solid #ffd5cc;
  padding: 10px 0;
  font-weight:500;
  margin: 0 0 25px;
  }
  
  .f-menu-3col .menu-list{
  font-size:13px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px 0;
  }
  .f-menu-3col .menu-list li{
  margin: 0;
  }
  .f-menu-3col .menu-list li a{
  color:#fff;
  display:flex;
  align-items:center;
  line-height: 1.7;
  text-decoration: none;
  }
  .f-menu-3col .menu-list li a:before{
  content:"";
  width:9px;
  height:9px;
  display:inline-block;
  background:url(https://www.estore-test38.com/img/arrow-right-pink02.svg);
  background-size:contain;
  margin:0 3px 0 0;
  }
  
  
  #f-copyright-area{display:flex;justify-content:space-between;flex-wrap:wrap;width: 90%;max-width: 1200px;margin: 0 auto;align-items: center;}
  #f-copyright-area .sns{
  }
  #f-copyright-area .sns ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  }
  #f-copyright-area .sns ul li{
  width: 22px;
  margin: 0 20px 0 0;
  }
  #f-copyright-area .sns ul li a img{
  width:100%;
  }
  
  #copyright{
  padding: 0;
  text-align:center;
  float: none;
  font-size: 12px;
  color: #fff;
  }
  @media screen and (max-width: 768px){
    .footer-outer{
  background:#cd9589;
  }
  .footer-inner{
  padding: 6% 0;
  }
  /*フッタメニュー*/
  #f-menu-area{
  width: 90%;
  max-width:1200px;
  margin:0 auto;
  letter-spacing:1px;
  color:#fff;
  }
  
  h1.f-logo{
  margin: 0 auto 30px;
  max-width: 100%;
  width: 100%;
  }
  h1.f-logo a{
  display:flex;
  font-size:12px;
  align-items:center;
  font-family: 'Noto Serif JP', serif;
  text-decoration: none;
  color: #000;
  width: 100%;
  justify-content: center;
  }
  h1.f-logo a img{
  max-width: 170px;
  margin:0 20px 0 0;
  }
h1.f-logo a span{
  width: auto;
  margin: 0;
  }
  
  .f-menu-3col{
  display:flex;
  justify-content:space-between;
  }
  .f-menu-3col .f-box-single{
  width: 100%;
  }
  .f-menu-3col h4{
  font-family: 'Noto Serif JP', serif;
  border-bottom:1px solid #ffd5cc;
  padding: 10px 0;
  font-weight:500;
  margin: 0 0 25px;
  }
  
  .f-menu-3col .menu-list{
  font-size:13px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  }
  .f-menu-3col .menu-list li{
  margin: 0;
  }
  .f-menu-3col .menu-list li a{
  color:#fff;
  display:flex;
  align-items:center;
  line-height: 1.7;
  text-decoration: none;
  }
  .f-menu-3col .menu-list li a:before{
  content:"";
  width:9px;
  height:9px;
  display:inline-block;
  background:url(https://www.estore-test38.com/img/arrow-right-pink02.svg);
  background-size:contain;
  margin:0 3px 0 0;
  }
  
  
  #f-copyright-area{display: block;justify-content:space-between;flex-wrap:wrap;width: 90%;max-width: 1200px;margin: 0 auto;align-items: center;}
  #f-copyright-area .sns{
  margin: 15px 0;
  }
  #f-copyright-area .sns ul{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  }
  #f-copyright-area .sns ul li{
  width: 22px;
  margin: 0 20px 0 0;
  }
  #f-copyright-area .sns ul li a img{
  width:100%;
  }
  
  #copyright{
  padding: 0;
  text-align:center;
  float: none;
  font-size: 12px;
  color: #fff;
  }
  }



@media screen and (max-width: 768px){
  .f-logo-area{
    display: block;
    width:100%;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 5%;
  }
  h1.f-logo{
    margin: 0 0 10px;
    width: 100%;
    max-width: 500px;
  }
  h1.f-logo a{
    display:flex;
    font-size: 12px;
    align-items: center;
    font-family: 'Noto Serif JP', serif;
    text-decoration: none;
    color: #000;
    justify-content: left;
  }
  h1.f-logo a img{
   max-width: 40%;
    margin: 0 4% 0 0;
  }
  .f-top-snslink{
    width: 100%;
    max-width: 300px;
    margin: 0;
  }
  .f-top-snslink a {
    display:flex;
    align-items: center;
    font-size: 13px;
    font-family: 'Noto Serif JP', serif;
  }
  .f-top-snslink a img{
    width:30%;
    max-width: 32px;
    margin: 0 5px 0 0;
  }
}
  @media screen and (max-width: 580px){
  .footer-outer{
    background:#cd9589;
  }
  .footer-inner{
    padding: 10% 0;
  }
  /*フッタメニュー*/
  #f-menu-area{
    /* width: 90%; */
    /* max-width:1200px; */
    /* margin:0 auto; */
    /* letter-spacing:1px; */
    /* color:#fff; */
  }
  
  
.f-logo-area{
    display: block;
    width:100%;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 5%;
  }
  h1.f-logo{
    margin: 0 0 10px;
    width: 100%;
    max-width: 500px;
  }
  h1.f-logo a{
    display:flex;
    font-size: 2.5vw;
    align-items:center;
    font-family: 'Noto Serif JP', serif;
    text-decoration: none;
    color: #000;
  }
  h1.f-logo a img{
   max-width: 40%;
    margin: 0 4% 0 0;
  }
  .f-top-snslink{
    width: 100%;
    max-width: 300px;
    margin: 0;
  }
  .f-top-snslink a {
    display:flex;
    align-items: center;
    font-size: 3vw;
    font-family: 'Noto Serif JP', serif;
  }
  .f-top-snslink a img{
    width:30%;
    max-width: 32px;
    margin: 0 5px 0 0;
  }


    
  .f-menu-3col{
    display: block;
  }
  .f-menu-3col .f-box-single{
    width: 100%;
    margin: 0 0 5%;
  }
  .f-menu-3col h4{
    /* font-family: 'Noto Serif JP', serif; */
    /* border-bottom:1px solid #ffd5cc; */
    padding: 4% 0;
    /* font-weight:500; */
    margin: 0 0 4%;
    font-size: 4.5vw;
  }
  
  .f-menu-3col .menu-list{
    font-size: 3.5vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .f-menu-3col .menu-list li{
    margin: 0 0 4%;
    width: 50%;
  }
  .f-menu-3col .menu-list li a{
    /* color:#fff; */
    /* display:flex; */
    /* align-items:center; */
    /* line-height: 1.7; */
  }
  .f-menu-3col .menu-list li a:before{
    content:"";
    width:9px;
    height:9px;
    display:inline-block;
    background:url(https://www.estore-test38.com/img/arrow-right-pink02.svg);
    background-size:contain;
    margin:0 3px 0 0;
  }
  
  
  #f-copyright-area{
    display: block;
    /* justify-content:space-between; */
    /* flex-wrap:wrap; */
    /* width: 95%; */
    /* max-width: 1200px; */
    margin: 0 auto;
  }
  #f-copyright-area .sns{
  margin: 0 auto 5%;
  }
  #f-copyright-area .sns ul{
    /* display: flex; */
    justify-content:center;
    /* align-items: center; */
  }
  #f-copyright-area .sns ul li{
    width: 7%;
    margin: 0 5%;
  }
  #f-copyright-area .sns ul li a img{
    width:100%;
  }
  
  #copyright{
    /* padding: 0; */
    /* text-align:center; */
    /* float: none; */
    font-size: 2.5vw;
    color: #fff;
  }
  }

/*============================================
大枠調整
==============================================*/


#contents {
  width: 100%;
  padding-top: 0;
  padding: 0;
  box-sizing: border-box;
  /* overflow:auto; */
  /* overflow-x:hidden; */
  max-width: 100%;
}
#contents > article {
  width: 100%;
  margin: 0 auto;
}
#main-column {
  float: inherit;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  /* overflow: hidden; */
  padding: 0;
}


@media screen and (max-width:1200px){


}
@media screen and (max-width: 768px) {
#contents {
  width: 100%;
  padding-top: 0;
  padding: 0;
  box-sizing: border-box;
  overflow:auto;
  overflow-x:hidden;
  max-width: 100%;
}
}
@media screen and (max-width: 580px) {
#contents {
  width: 100%;
  padding-top: 0;
  padding: 0;
  box-sizing: border-box;
  overflow:auto;
  overflow-x:hidden;
  max-width: 100%;
}
}

/*========================================
TOP フッターバナーエリア非表示
=========================================*/
.footer_area{
    /* display:none; */
}
/*========================================
TOP slider hover
=========================================*/
#slider a:hover img{
    opacity: 1;
}
/*========================================
トップページ　コンテンツ
=========================================*/
/*見出し　新着・おすすめ・ランキング・フリーエリア
================================*/
main section h2{
        text-align: center;
        border-bottom: none;
        display: flex;
        align-items:center;
        justify-content:center;
        position: relative;
        font-size: 35px;
        padding: 0;
        line-height: 1.7;
        vertical-align: middle;
        margin: 0 0 50px;
        min-height: inherit;
        border-top: none;
        font-weight: 500;
        box-sizing: border-box;
        font-family: 'Noto Serif JP', serif;
}

main section h2:before,
main section h2:after{
    content:"";
    display:inline-block;
    max-width: 100px;
    margin: 0 2%;
    width:100%;
    height:2px;
    background: #cd9589;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}
main section h2:before{
  left:0;
}
main section h2:after{
  right:0;
}
@media screen and (max-width:1200px){
  main section h2{
          text-align: center;
          border-bottom: none;
          display: flex;
          align-items:center;
          justify-content:center;
          position: relative;
          font-size: 3.5vw;
          padding: 0;
          line-height: 1.7;
          vertical-align: middle;
          margin: 0 0 4%;
          min-height: inherit;
          border-top: none;
          font-weight: 500;
          box-sizing: border-box;
          font-family: 'Noto Serif JP', serif;
  }
  
  main section h2:before,
  main section h2:after{
      content:"";
      display:inline-block;
      max-width: 100px;
      margin: 0 2%;
      width:100%;
      height:2px;
      background: #cd9589;
      position:relative;
      top:50%;
      transform:translateY(-50%);
  }
  main section h2:before{
    left:0;
  }
  main section h2:after{
    right:0;
  }
}
@media screen and (max-width:768px){
  /*見出し　新着・おすすめ・ランキング・フリーエリア
  ================================*/
  main section h2{
          text-align: center;
          border-bottom: none;
          display: flex;
          align-items:center;
          justify-content:center;
          position: relative;
          font-size: 4vw;
          padding: 0;
          line-height: 1.7;
          vertical-align: middle;
          margin: 0 0 5%;
          min-height: inherit;
          border-top: none;
          font-weight: 500;
          box-sizing: border-box;
          font-family: 'Noto Serif JP', serif;
  }
  
  main section h2:before,
  main section h2:after{
      content:"";
      display:inline-block;
      max-width: 13%;
      margin: 0 2%;
      width:100%;
      height:2px;
      background: #cd9589;
      position:relative;
      top:50%;
      transform:translateY(-50%);
  }
}
@media screen and (max-width:580px){
    /*見出し　新着・おすすめ・ランキング・フリーエリア
    ================================*/
    main section h2{
            text-align: center;
            border-bottom: none;
            display: flex;
            align-items:center;
            justify-content:center;
            position: relative;
            font-size: 6vw;
            padding: 0;
            line-height: 1.7;
            vertical-align: middle;
            margin: 0 0 5%;
            min-height: inherit;
            border-top: none;
            font-weight: 500;
            box-sizing: border-box;
            font-family: 'Noto Serif JP', serif;
    }
    
    main section h2:before,
    main section h2:after{
        content:"";
        display:inline-block;
        max-width: 13%;
        margin: 0 2%;
        width:100%;
        height:2px;
        background: #cd9589;
        position:relative;
        top:50%;
        transform:translateY(-50%);
    }
}

/*=================
共通 大枠
===================*/
.top-cont-area{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 90px 0;
}
@media screen and (max-width:580px){
  .top-cont-area{
      padding: 13% 0;
  }
}

/*=================
共通 パーツ
===================*/
/*詳しくはこちらボタン*/
.btn-more{
  display:block;
  margin:0 auto;
  text-align:center;
  max-width: 390px;
}
.btn-more a{
  background:#cd9589;
  color:#fff;
  padding: 15px;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  position: relative;
  font-size: 16px;
  font-weight:normal;
}
.btn-more a:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(https://www.estore-test38.com/img/arrow-right-white.svg)no-repeat;
    background-size: contain;
    margin: 0 3px 0 0;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
}

/*カテゴリリスト*/
ul.list-category{
  display:flex;
  flex-wrap:wrap;
  margin: 0 0 50px;
  align-items: flex-start;
}
ul.list-category li{
  list-style:none;
  width: 48.5%;
  margin: 0 3% 3% 0;
  display:flex;
  align-items:center;
}
ul.list-category li a{
  display:flex;
  align-items:center;
  background: #fff;
  justify-content: space-between;
  position:relative;
}
ul.list-category li:nth-child(2n){
  margin: 0 0 2%;
}
ul.list-category li a:after{
  content:"";
  position: absolute;
  right:5px;
  bottom:5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #cd9589 transparent;
}
.list-category li a figure{
	width: 48%;
}
.list-category li a .text-area{
  width: 60%;
}
.list-category li a .text-area h4{
  text-align:center;
  font-weight:normal;
  font-family: 'Noto Serif JP', serif;
  font-size:14px;
  padding: 0 3%;
}
.list-category li a .text-area h4 span{
  display:block;
  margin:0 0 20px;
}
.list-category li a .text-area h4 strong{
  font-size:22px;
}

@media screen and (max-width:1200px){
  /*詳しくはこちらボタン*/
  .btn-more{
    display:block;
    margin:0 auto;
    text-align:center;
    max-width: 390px;
  }
  .btn-more a{
    background:#cd9589;
    color:#fff;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 1.7vw;
    font-weight:normal;
  }
  .btn-more a:after {
      content: "";
      width: 12px;
      height: 12px;
      display: inline-block;
      background: url(https://www.estore-test38.com/img/arrow-right-white.svg)no-repeat;
      background-size: contain;
      margin: 0 3px 0 0;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 2%;
  }
  /*カテゴリリスト*/
  ul.list-category{
    display:flex;
    flex-wrap:wrap;
    margin: 0 0 4%;
  }
  ul.list-category li{
    list-style:none;
    width: 48.5%;
    margin: 0 3% 3% 0;
    display:flex;
    align-items:center;
  }
  ul.list-category li a{
    display:flex;
    align-items:center;
    background: #fff;
    justify-content: space-between;
    position:relative;
  }
  ul.list-category li:nth-child(2n){
    margin: 0 0 2%;
  }
  ul.list-category li a:after{
    content:"";
    position: absolute;
    right:5px;
    bottom:5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #cd9589 transparent;
  }
  .list-category li a figure{
  	width: 48%;
  }
  .list-category li a .text-area{
    width: 60%;
  }
  .list-category li a .text-area h4{
    text-align:center;
    font-weight:normal;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.5vw;
    padding: 0 3%;
  }
  .list-category li a .text-area h4 span{
    /* display:block; */
    margin: 0 0 7%;
  }
  .list-category li a .text-area h4 strong{
    font-size: 2.5vw;
  }
}

@media screen and (max-width:768px){
  /*詳しくはこちらボタン*/
  .btn-more{
    display:block;
    margin:0 auto;
    text-align:center;
    max-width: 390px;
  }
  .btn-more a{
    background:#cd9589;
    color:#fff;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 2.2vw;
    font-weight:normal;
  }
  .btn-more a:after {
      content: "";
      width: 12px;
      height: 12px;
      display: inline-block;
      background: url(https://www.estore-test38.com/img/arrow-right-white.svg)no-repeat;
      background-size: contain;
      margin: 0 3px 0 0;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 2%;
  }
  /*カテゴリリスト*/
  ul.list-category{
    display:flex;
    flex-wrap:wrap;
    margin: 0 0 4%;
  }
  ul.list-category li{
    list-style:none;
    width: 48.5%;
    margin: 0 3% 3% 0;
    display:flex;
    align-items:center;
  }
  ul.list-category li a{
    display:flex;
    align-items:center;
    background: #fff;
    justify-content: space-between;
    position:relative;
  }
  ul.list-category li:nth-child(2n){
    margin: 0 0 2%;
  }
  ul.list-category li a:after{
    content:"";
    position: absolute;
    right:5px;
    bottom:5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #cd9589 transparent;
  }
  .list-category li a figure{
  	width: 48%;
  }
  .list-category li a .text-area{
    width: 60%;
  }
  .list-category li a .text-area h4{
    text-align:center;
    font-weight:normal;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.8vw;
    padding: 0 3%;
  }
  .list-category li a .text-area h4 span{
    /* display:block; */
    margin: 0 0 7%;
  }
  .list-category li a .text-area h4 strong{
    font-size: 2.7vw;
  }
}

@media screen and (max-width:580px){
  /*詳しくはこちらボタン*/
  .btn-more{
    display:block;
    margin:0 auto;
    text-align:center;
    max-width: 80%;
  }
  .btn-more a{
    background:#cd9589;
    color:#fff;
    padding: 4%;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 3.5vw;
    font-weight:normal;
  }
  .btn-more a:after {
      content: "";
      width: 12px;
      height: 12px;
      display: inline-block;
      background: url(https://www.estore-test38.com/img/arrow-right-white.svg)no-repeat;
      background-size: contain;
      margin: 0 3px 0 0;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 2%;
  }
  /*カテゴリリスト*/
  ul.list-category{
    display:flex;
    flex-wrap:wrap;
    margin: 0;
  }
  ul.list-category li{
    list-style:none;
    width: 48.5%;
    margin: 0 3% 3% 0;
    display:flex;
    align-items: flex-start;
  }
  ul.list-category li a{
    display: block;
    align-items: flex-start;
    background: #fff;
    justify-content: space-between;
    position:relative;
  }
  ul.list-category li:nth-child(2n){
    margin: 0 0 2%;
  }
  ul.list-category li a:after{
    content:"";
    position: absolute;
    right:5px;
    bottom:5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #cd9589 transparent;
  }
  .list-category li a figure{
  	width: 100%;
  }
  .list-category li a .text-area{
    width: 100%;
    padding: 10% 5%;
    box-sizing: border-box;
  }
  .list-category li a .text-area h4{
    text-align:center;
    font-weight:normal;
    font-family: 'Noto Serif JP', serif;
    font-size: 3vw;
    padding: 0;
  }
  .list-category li a .text-area h4 span{
    /* display:block; */
    margin: 0 0 4%;
  }
  .list-category li a .text-area h4 strong{
    font-size: 4vw;
  }
}

/*=================
季のあんを味わう 特集
===================*/
#seasonal-area .top-cont-area{
  padding: 0;
}
.seasonal-inner{
  background: #ece3de;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  align-items: center;
}
.img-seasonal{
  width: 45%;
  overflow:hidden;
}
.img-seasonal img{
  width: 100%;
}
.seasonal-inner .text-area{
  margin:0 0 0 5%;
  width: 46%;
  padding: 0 4% 0 0;
}
.seasonal-inner .text-area .ttl-seasonal{
  font-size:25px;
  font-weight:normal;
  font-family: 'Noto Serif JP', serif;
  letter-spacing:2px;
  margin:0 0 25px;
}
.text-area p{
  font-size:14px;
  line-height:2;
  margin:0 0 25px;
}
.list-feature a:hover .text-area p{
  background:none;
}
#seasonal-area .btn-more{
  margin:0 0 0 auto;
  max-width: 200px;
}
#seasonal-area .btn-more a{
  font-size: 14px;
  padding:5px;
}
.btn-more a:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(https://www.estore-test38.com/img/arrow-right-white.svg)no-repeat;
    background-size: contain;
    margin: 0 3px 0 0;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
}

ul.list-feature{
  margin:0;
  display:flex;
  flex-wrap:wrap;
}
ul.list-feature li{
  width: 48.5%;
  margin: 0 3% 3% 0;
  list-style:none;
}
ul.list-feature li:nth-child(2n){
  margin-right: 0;
}
ul.list-feature li.w-full{
  width: 100%;
  margin: 0;
}
.list-feature li figure{
  margin: 0 0 20px 0;
}
.list-feature .text-area {
    width: 100%;
    padding: 0;
}
.list-feature .text-area h4{
    font-size:20px;
    font-weight:normal;
    margin:0 0 10px;
    font-family: 'Noto Serif JP', serif;
    color: #000;
}
@media screen and (max-width:1200px){
  #seasonal-area .top-cont-area{
    padding: 0;
  }
  .seasonal-inner{
    background: #ece3de;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
  }
  .img-seasonal{
    width: 45%;
    overflow:hidden;
  }
  .img-seasonal img{
    width: 100%;
  }
  .seasonal-inner .text-area{
    margin: 0;
    width: 52%;
    padding: 0 2% 0 0;
    box-sizing: border-box;
  }
  .seasonal-inner .text-area .ttl-seasonal{
    font-size: 2.5vw;
    font-weight:normal;
    font-family: 'Noto Serif JP', serif;
    letter-spacing:2px;
    margin: 0 0 2%;
  }
  .text-area p{
    font-size: 1.4vw;
    line-height: 1.8;
    margin: 0 0 3%;
  }
  #seasonal-area .btn-more{
    margin:0 0 0 auto;
    max-width: 200px;
  }
  #seasonal-area .btn-more a{
    font-size: 1.4vw;
    padding:5px;
  }
  .btn-more a:after {
      content: "";
      width: 12px;
      height: 12px;
      display: inline-block;
      background: url(https://www.estore-test38.com/img/arrow-right-white.svg)no-repeat;
      background-size: contain;
      margin: 0 3px 0 0;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 2%;
  }
  
  ul.list-feature{
    margin:0;
    display:flex;
    flex-wrap:wrap;
  }
  ul.list-feature li{
    width: 48.5%;
    margin: 0 3% 3% 0;
    list-style:none;
  }
  ul.list-feature li:nth-child(2n){
    margin-right: 0;
  }
  .list-feature li figure{
    margin: 0 0 20px 0;
  }
  .list-feature .text-area {
      width: 100%;
      padding: 0;
  }
  .list-feature .text-area h4{
      font-size:20px;
    font-weight:normal;
    margin:0 0 10px;
    font-family: 'Noto Serif JP', serif;
  }
}

@media screen and (max-width:768px){
  #seasonal-area .top-cont-area{
    padding: 0;
  }
  .seasonal-inner{
    background: #ece3de;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
  }
  .img-seasonal{
    width: 45%;
    overflow:hidden;
  }
  .img-seasonal img{
    width: 100%;
  }
  .seasonal-inner .text-area{
    margin: 0;
    width: 52%;
    padding: 0 2% 0 0;
  }
  .seasonal-inner .text-area .ttl-seasonal{
    font-size: 2.5vw;
    font-weight:normal;
    font-family: 'Noto Serif JP', serif;
    letter-spacing:2px;
    margin: 0 0 1%;
  }
  .text-area p{
    font-size: 1.7vw;
    line-height: 1.7;
    margin: 0 0 3%;
  }
  #seasonal-area .btn-more{
    margin:0 0 0 auto;
    max-width: 200px;
  }
  #seasonal-area .btn-more a{
    font-size: 1.7vw;
    padding:5px;
  }
  .btn-more a:after {
      content: "";
      width: 12px;
      height: 12px;
      display: inline-block;
      background: url(https://www.estore-test38.com/img/arrow-right-white.svg)no-repeat;
      background-size: contain;
      margin: 0 3px 0 0;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 2%;
  }
  
  ul.list-feature{
    margin:0;
    display:flex;
    flex-wrap:wrap;
  }
  ul.list-feature li{
    width: 48.5%;
    margin: 0 3% 3% 0;
    list-style:none;
  }
  ul.list-feature li:nth-child(2n){
    margin-right: 0;
  }
  .list-feature li figure{
    margin: 0 0 20px 0;
  }
  .list-feature .text-area {
      width: 100%;
      padding: 0;
  }
  .list-feature .text-area h4{
      font-size:20px;
    font-weight:normal;
    margin:0 0 10px;
    font-family: 'Noto Serif JP', serif;
  }
}
@media screen and (max-width:580px){
  #seasonal-area .top-cont-area{
    padding: 0;
  }
  .seasonal-inner{
    background: #ece3de;
    display: block;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
  }
  .img-seasonal{
    width: 100%;
    overflow:hidden;
  }
  .img-seasonal img{
    width: 100%;
  }
  .seasonal-inner .text-area{
    margin: 0;
    width: 100%;
    padding: 5% 5% 9%;
  }
  .seasonal-inner .text-area .ttl-seasonal{
    font-size: 5.5vw;
    font-weight:normal;
    font-family: 'Noto Serif JP', serif;
    letter-spacing:2px;
    margin: 0 0 2%;
  }
  .text-area p{
    font-size: 3.5vw;
    line-height: 1.7;
    margin: 0 0 5%;
  }
  #seasonal-area .btn-more{
    margin: 0 auto;
    max-width: 200px;
  }
  #seasonal-area .btn-more a{
    font-size: 3.5vw;
    padding: 7px;
  }
  .btn-more a:after {
      content: "";
      width: 12px;
      height: 12px;
      display: inline-block;
      background: url(https://www.estore-test38.com/img/arrow-right-white.svg)no-repeat;
      background-size: contain;
      margin: 0 3px 0 0;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 2%;
  }
  
  ul.list-feature{
    margin:0;
    display:flex;
    flex-wrap:wrap;
  }
  ul.list-feature li{
    width: 100%;
    margin: 0 0 5%;
    list-style:none;
  }
  ul.list-feature li:nth-child(2n){
    margin-right: 0;
  }
  .list-feature li figure{
    margin: 0 0 3% 0;
  }
  .list-feature .text-area {
      width: 100%;
      padding: 0;
  }
  .list-feature .text-area h4{
      font-size: 4vw;
      font-weight:normal;
      margin: 0 0 2%;
      font-family: 'Noto Serif JP', serif;
  }
}

/*=================
季節のお菓子
===================*/
#seasonsweets-area{
  background:#ece3de;
}
.list-seasonsweets{
  
}

/*=================
定番商品
===================*/
#classic-area{
  background:#fcf9f7;
}
#classic-area ul.list-category li a{
  background: #ece3de;
}

.anim-box {
  opacity: 0;
}
.anim-box.fadein {
  animation: fadeIn 3s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



/*横幅表示切り替え
============================================*/
@media screen and (min-width: 769px){
    .pc-none{display: none;}
}
@media screen and (min-width:581px) and ( max-width:768px) {
    .tab-none{display: none;}
}
@media screen and (max-width: 580px){
    .sp-none{display: none;}
}