@charset "utf-8";
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
default.css　追加・上書き
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body{
 color:#1B120F;
 line-height:1.6;
 letter-spacing: 1px;
 font-feature-settings: "palt";
}
li{
    list-style: none;
}
a:hover {
    color: #856f66;
}

@media screen and (max-width:768px){
    input{
        font-size: 16px;
    }
}
/*========================================
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: 1000px;
}
div#wrapper div#enquete-header,
div#wrapper > div#cart-header,
header {

}
header #header-inner,
#cart-header #header-inner,
#enquete-header #header-inner{
  z-index: 11;
  /* width: 100%; */
  box-sizing: border-box;
  max-width: 1000px;
  padding: 0;
  overflow:hidden;
  width: 95%;
  display:flex;
  justify-content:space-between;
  align-items: center;
  /* border-bottom: 2px solid #cd9589; */
  /* box-shadow: -1px 3px 3px -2px rgb(0 0 0 / 20%); */
  height: 73px;
  margin: 0 auto;
}

@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%;
        max-width: 1000px;
    }
    div#wrapper div#enquete-header,
    div#wrapper > div#cart-header,
    header {

    }
    header #header-outer,
    #cart-header #header-outer,
    #enquete-header #header-outer{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 200;
      width: 100%;
      transition: .3s;
      transform: translateY(0);
      padding: 0;
      box-sizing: border-box;
      max-width: 1000px;
      padding: 0;
      overflow:hidden;
      width: 100%;
      height: 95px;
      background: #fff;
      /* display: block; */
      /* box-shadow: -1px 3px 3px -2px rgb(0 0 0 / 20%); */
    }
    #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%;
        max-width: 1000px;
    }
    div#wrapper div#enquete-header,
    div#wrapper > div#cart-header,
    header {

    }
    header #header-outer,
    #cart-header #header-outer,
    #enquete-header #header-outer{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 101;
      width: 100%;
      transition: .3s;
      transform: translateY(0);
      padding: 0;
      box-sizing: border-box;
      max-width: 1000px;
      padding: 0;
      overflow:hidden;
      width: 100%;
      height: 130px;
      background: #fff;
      /* display: block; */
    }
    #header-hight{
      height: 120px;
    }
}

 /*========================================
 header main
 =========================================*/
 /*ヘッダ上部帯*/
 #h-obi{
  /* padding: 7px 0; */
  font-size: 16px;
  background: #EAEDEF;
  text-align: center;
}
#h-obi .obi-inner{
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap;
 align-items:center;
 max-width:1200px;
 width:100%;
 margin:0 auto;
}
#h-obi .obi-inner h3{
 width: 63%;
 text-align: left;
 font-size: 14px;
 font-weight: normal;
 padding: 0;
 line-height: 1.4;
}
#h-obi .obi-inner ul.obi-link{
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap;
 width: 35%;
}
#h-obi .obi-inner ul.obi-link li{
 width:50%;
}
#h-obi .obi-inner ul.obi-link li a{
 font-size:14px;
 padding: 9px 3%;
 box-sizing:border-box;
 display: block;
 border-top: 1px solid #EAEDEF;
 border-bottom: 1px solid #EAEDEF;
 border-left: 1px solid #EAEDEF;
 background: #a8b5bd;
 color: #fff;
}
#h-obi .obi-inner ul.obi-link li:last-child a{
 border-right: 1px solid #EAEDEF;
}


/*ロゴエリア*/
#header-inner #logo{
  max-width: 130px;
  min-height: auto;
  text-align: center;
  padding: 0;
}
#header-inner #logo h1{
  margin:0;
}
#header-inner #logo .shoplogo {
   width: auto;
   margin: 2px 0 0;
}
#header-inner #logo a{
  display:block;
  font-size: initial;
  color: #333;
  font-weight: normal;
  font-size: 13px;
  font-family: "Noto Serif JP", serif;
  text-decoration: none;
}
#header-inner #logo a img{
  vertical-align:bottom;
  width: 100%;
}

.h-right-box{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
width: 85%;
}
/*パーソナルエリア*/
#h-menu-area{
display:flex;
width: 17%;
max-width: 150px;
align-items: center;
justify-content: space-between;
}

#h-shop,
#h-drawer{
 display:none;
}

#header ul#h-login-cart{display:flex;flex-wrap:wrap;width: 100%;padding:0;list-style: none;}
#h-login-cart li{
width: 50%;
font-size: 13px;
font-weight: normal;
font-family: "Noto Sans JP", sans-serif;
position:relative;
}

#h-login-cart li a{display:block;text-align:center;line-height: 1.2;color: #333;text-decoration: none;}
#h-login-cart li img{
max-width: 26px;
display: block;
margin: 0 auto;
}
@media screen and (max-width:1200px){
/*ヘッダ上部帯*/
#h-obi{
  /* padding: 7px 0; */
  font-size: 16px;
  /* background: #86a3b2; */
  text-align: center;
}
#h-obi .obi-inner{
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap;
 align-items:center;
 max-width:1200px;
 width:100%;
 margin:0 auto;
}
#h-obi .obi-inner h3{
 width: 58%;
 text-align: left;
 font-size: 13px;
 font-weight: normal;
 padding: 0 0 0 2%;
 line-height: 1.4;
}
#h-obi .obi-inner ul.obi-link{
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap;
 width: 38%;
}
#h-obi .obi-inner ul.obi-link li{
 width:50%;
}
#h-obi .obi-inner ul.obi-link li a{
 font-size: 13px;
 padding: 9px 3%;
 box-sizing:border-box;
 display: block;
 /* border-top: 1px solid #EAEDEF; */
 /* border-bottom: 1px solid #EAEDEF; */
 /* border-left: 1px solid #EAEDEF; */
 /* background:#fff; */
}
#h-obi .obi-inner ul.obi-link li:last-child a{
 border-right: 1px solid #EAEDEF;
}


/*ロゴエリア*/
#header-inner #logo{
  /* max-width: 145px; */
  min-height: auto;
  text-align: center;
}
#header-inner #logo .shoplogo {
   width: auto;
   /* margin: 5px 0 0; */
}
#header-inner #logo a{
  display:block;
  font-size: initial;
  color: #333;
  /* font-family: "Noto Sans JP", sans-serif; */
  font-weight: normal;
  font-size: 13px;
}
#header-inner #logo a img{
  vertical-align:bottom;
  width: 100%;
}

.h-right-box{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
width: 85%;
}
/*パーソナルエリア*/
#h-menu-area{
display:flex;
width: 17%;
max-width: 150px;
align-items: center;
justify-content: space-between;
}

#h-shop,
#h-drawer{
 display:none;
}
#h-login-cart{
display:flex;
flex-wrap:wrap;
width: 100%;
}
#h-login-cart li{
width: 50%;
font-size: 13px;
/* font-weight: bold; */
font-family: "Noto Sans JP", sans-serif;
position:relative;
}

#h-login-cart li a{
display:block;
text-align:center;
}
#h-login-cart li img{
/* max-width: 30px; */
display: block;
margin: 0 auto;
}
} 

@media screen and (max-width:768px){
/*ヘッダ上部帯*/
#h-obi .obi-link{
  /* display:none; */
}
#h-obi .obi-inner{
 display: block;
 justify-content:space-between;
 flex-wrap:wrap;
 align-items:center;
 max-width:1200px;
 width:100%;
 margin:0 auto;
}
#h-obi .obi-inner h3{
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  line-height: 1.6;
  color: #fff;
  /* background: #86A3B2; */
  box-sizing: border-box;
}
#h-obi .obi-inner h3 span{
  width: 100%;
  display:block;
  padding: 13px 3%;
  line-height: 1.6;
  background: #86A3B2;
  box-sizing:border-box;
}
#h-obi .obi-inner ul.obi-link{
 display: none;
 justify-content:space-between;
 flex-wrap:wrap;
 width: 38%;
}
#h-obi .obi-inner ul.obi-link li{
 width:50%;
}
#h-obi .obi-inner ul.obi-link li a{
 font-size: 13px;
 padding: 9px 3%;
 box-sizing:border-box;
 display: block;
 border-top: 1px solid #EAEDEF;
 border-bottom: 1px solid #EAEDEF;
 border-left: 1px solid #EAEDEF;
 background:#fff;
}
#h-obi .obi-inner ul.obi-link li:last-child a{
 border-right: 1px solid #EAEDEF;
}


/*ロゴエリア*/
#header-inner #logo{
  max-width: 135px;
  min-height: auto;
  text-align: center;
  margin: 0;
}
#header-inner #logo .shoplogo {
   width: auto;
   margin: 0;
}
#header-inner #logo a{
  display:block;
  font-size: initial;
  color: #333;
  /* font-family: "Noto Sans JP", sans-serif; */
  font-weight: normal;
  font-size: 13px;
}
#header-inner #logo a img{
  vertical-align:bottom;
  width: 100%;
}

.h-right-box{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
width: 85%;
}
/*パーソナルエリア*/
#h-menu-area{display:flex;width: 45%;max-width: 250px;align-items: center;justify-content: space-between;margin: 0;}
#h-shop,
#h-drawer{
 display: block;
 /* position: relative; */
 height: 0;
}
#h-login-cart{
display:flex;
flex-wrap:wrap;
width: 100%;
}
#h-login-cart li{
width: 33.333%;
font-size: 13px;
/* font-weight: bold; */
font-family: "Noto Sans JP", sans-serif;
position:relative;
}

#h-login-cart li a{
display:block;
text-align:center;
}
#h-login-cart li img{
max-width: 30px;
display: block;
margin: 0 auto;
}
} 


@media screen and (max-width:580px){
/*ヘッダ上部帯*/
#h-obi .obi-link{
  /* display:none; */
}
#h-obi .obi-inner{
 display: block;
 justify-content:space-between;
 flex-wrap:wrap;
 align-items:center;
 max-width:1200px;
 width:100%;
 margin:0 auto;
}
#h-obi .obi-inner h3{
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  /* padding: 5px 3%; */
  line-height: 1.6;
  color: #fff;
  /* background: #86A3B2; */
  box-sizing: border-box;
}
#h-obi .obi-inner ul.obi-link{
 display: none;
 justify-content:space-between;
 flex-wrap:wrap;
 width: 38%;
}
#h-obi .obi-inner ul.obi-link li{
 width:50%;
}
#h-obi .obi-inner ul.obi-link li a{
 font-size: 13px;
 padding: 9px 3%;
 box-sizing:border-box;
 display: block;
 border-top: 1px solid #EAEDEF;
 border-bottom: 1px solid #EAEDEF;
 border-left: 1px solid #EAEDEF;
 background:#fff;
}
#h-obi .obi-inner ul.obi-link li:last-child a{
 border-right: 1px solid #EAEDEF;
}


/*ロゴエリア*/
#header-inner #logo{
  max-width: 115px;
  min-height: auto;
  text-align: center;
}
#header-inner #logo .shoplogo {
   width: auto;
   margin: 0;
}
#header-inner #logo a{
  display:block;
  font-size: initial;
  color: #333;
  /* font-family: "Noto Sans JP", sans-serif; */
  font-weight: normal;
  font-size: 11px;
}
#header-inner #logo a img{
  vertical-align:bottom;
  width: 100%;
}

.h-right-box{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
width: 85%;
}
/*パーソナルエリア*/
#h-menu-area{display:flex;width: 47%;max-width: 250px;align-items: center;justify-content: space-between;margin: 0;}

#h-shop,
#h-drawer{
 /* display: block; */
 /* position: relative; */
}
#h-login-cart{
display:flex;
flex-wrap:wrap;
width: 100%;
}
#h-login-cart li{
width: 33.333%;
font-size: 11px;
/* font-weight: 500; */
font-family: "Noto Sans JP", sans-serif;
position:relative;
}

#h-login-cart li a{
display:block;
text-align:center;
}
#h-login-cart li img{
max-width: 23px;
display: block;
margin: 0 auto;
}
} 

/*========================================
footer
==========================================*/
/*大枠
================*/
div#cart-footer, footer,
#footer{
  background-color: #E4E9ED;
  position: inherit;
  height: auto;
  margin: 0;
}

.foot-outer{
  background: #E4E9ED;
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}
.foot-inner{
 margin: 30px 0;
}
@media screen and (max-width:768px){
  div#cart-footer, footer {
    background-color: #E4E9ED;
    position: inherit;
    height: auto;
    margin: 0;
  }
  
  .foot-outer{
    background: #E4E9ED;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
  }
  .foot-inner{
   margin: 15px 0;
  }
}
@media screen and (max-width:580px){
  div#cart-footer, footer {
    background-color: #E4E9ED;
    position: inherit;
    height: auto;
    margin: 0;
  }
  
  .foot-outer{
    background: #E4E9ED;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
  }
  .foot-inner{
   margin: 30px 0;
  }
}

/*内側
=================*/
.f-cont{/* max-width:1200px; *//* width:95%; *//* margin:0 auto; */}
.f-cont h3{
 
 font-weight:400;
 font-size:35px;
 display:block;
 text-align:center;
 line-height: 1.6;
 margin: 0 0 50px;
}
.guide-list{
 display:flex;
 justify-content: right;
}
.guide-list li{
 /* width:25%; */
 text-align:center;
 position:relative;
 padding: 0 0 0 4%;
}
.guide-list li a{
 font-size: 14px;
 line-height: 1.6;
 color: #333;
 text-decoration: none;
}

#f-contact-area{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.contact-left{
  display:flex;
  width:60%;
}
.contact-left dl{
  margin:0 30px 0 0;
  font-size: 16px;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
}
.contact-left dl dd{
  margin: 0;
}
.contact-left dl dt{
  font-weight:500;
}
.contact-left dl dd p a{
  font-size: 33px;
  display: block;
  color: #333;
  text-decoration: none;
  line-height: 1.4;
}
.contact-left dl dd p small{
  font-size: 16px;
}
.contact-left .dl-order{
  margin:15px 0 0;
  padding: 0;
}
.contact-left .dl-order li{
  margin:10px 0;
}
.contact-left .dl-order li a{
  font-size:16px;
  text-decoration:underline;
  font-weight:500;
}
.contact-right{
  text-align:right;
  width:40%;
  font-size: 16px;
  line-height: 1.6;
}
.contact-right > a{
  display:block;
  line-height:1.4;
  margin:0 0 10px;
}
.contact-right > a img{
  width:100%;
  max-width:170px;
}
.contact-right p{
  line-height: 1.6;
}
.contact-right .main-phone{
  margin:5px 0;
}
.contact-right .main-phone a{
  color:#333;
  text-decoration:none;
}
.contact-right .main-phone a:hover{
  text-decoration:underline;
}

.copyright{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.copyright .img-seal{
  max-width:100px;
}
.copyright .img-seal input{
  max-width:100%;
}
.copyright p{
  font-size:13px;
}
@media screen and (max-width:1200px){
   .f-cont{/* max-width:1200px; *//* width:95%; *//* margin:0 auto; */}
  .f-cont h3{
   
   font-weight:400;
   font-size:35px;
   display:block;
   text-align:center;
   line-height: 1.6;
   margin: 0 0 50px;
  }
  .guide-list{
   display:flex;
   justify-content: right;
  }
  .guide-list li{
   /* width:25%; */
   text-align:center;
   position:relative;
   padding: 0 0 0 3%;
  }
  .guide-list li a{
   font-size: 13px;
   line-height: 1.6;
  }
  
  #f-contact-area{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  footer .contact-left{
    display:flex;
    width: 65%;
  }
  .contact-left dl{
    margin:0 30px 0 0;
    font-size: 14px;
    line-height: 1.4;
  }
  .contact-left dl dt{
    font-weight:500;
  }
  .contact-left dl dd p a{
    font-size: 30px;
    display: block;
  }
  .contact-left dl dd p small{
    font-size: 14px;
  }
  .contact-left .dl-order{
    margin:15px 0 0;
  }
  .contact-left .dl-order li{
    margin: 10px 0;
  }
  .contact-left .dl-order li a{
    font-size: 14px;
    text-decoration:underline;
    font-weight:500;
  }
  .contact-right{
    text-align:right;
    width: 35%;
    font-size: 14px;
    line-height: 1.6;
  }
  .contact-right > a{
    display:block;
    line-height:1.4;
    margin:0 0 10px;
  }
  .contact-right > a img{
    width:100%;
    max-width:170px;
  }
  .contact-right p{
    line-height: 1.6;
  }
  .contact-right .main-phone{
    margin:5px 0;
  }
  .contact-right .main-phone a:hover{
    text-decoration:underline;
  }
  
  .copyright{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .copyright .img-seal{
    max-width:100px;
  }
  .copyright .img-seal input{
    max-width:100%;
  }
  .copyright p{
    font-size: 12px;
  } 
}
@media screen and (max-width:768px){
   .f-cont{/* max-width:1200px; *//* width:95%; *//* margin:0 auto; */}
  .f-cont h3{
   
   font-weight:400;
   font-size:35px;
   display:block;
   text-align:center;
   line-height: 1.6;
   margin: 0 0 50px;
  }
  .guide-list{
   display:flex;
   justify-content: center;
   flex-wrap: wrap;
  }
  .guide-list li{
   /* width:25%; */
   text-align:center;
   position:relative;
   padding: 5px 1%;
  }
  .guide-list li a{
   font-size: 13px;
   line-height: 1.6;
  }
  
  #f-contact-area{
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  footer .contact-left{
    display:flex;
    width: 100%;
    justify-content: space-between;
    padding: 2% 0;
    /* border-top: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
  }
  .contact-left dl{
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    width: 50%;
    text-align: center;
    padding: 3% 3%;
    /* border-top: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
  }
  .contact-left dl:first-child{
    border-right:1px solid #fff;
  }
  .contact-left dl dt{
    font-weight:500;
  }
  .contact-left dl dd p a{
    font-size: 30px;
    display: block;
  }
  .contact-left dl dd p small{
    font-size: 14px;
  }
  .contact-left .dl-order{
    margin: 10px 0 0;
    display: flex;
    justify-content: space-between;
  }
  .contact-left .dl-order li{
    margin: 0;
    width: 49%;
    text-align:center;
  }
  .contact-left .dl-order li a{
    font-size: 12px;
    text-decoration: none;
    font-weight:500;
    background: #2D405E;
    display: block;
    padding: 9px 5px;
    border-radius: 5px;
    color: #fff;
  }
  .contact-right{
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 1.6;
    margin: 20px 0 0;
  }
  .contact-right > a{
    display:block;
    line-height:1.4;
    margin:0 0 10px;
  }
  .contact-right > a img{
    width:100%;
    max-width:170px;
  }
  .contact-right p{
    line-height: 1.6;
  }
  .contact-right .main-phone{
    margin:5px 0;
  }
  .contact-right .main-phone a:hover{
    text-decoration:underline;
  }
  
  .copyright{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .copyright .img-seal{
    max-width:100px;
  }
  .copyright .img-seal input{
    max-width:100%;
  }
  .copyright p{
    font-size: 12px;
  } 
}

@media screen and (max-width:580px){
   .f-cont{/* max-width:1200px; *//* width:95%; *//* margin:0 auto; */}
  .f-cont h3{
   
   font-weight:400;
   font-size:35px;
   display:block;
   text-align:center;
   line-height: 1.6;
   margin: 0 0 50px;
  }
  .guide-list{
   display:flex;
   justify-content: center;
   flex-wrap: wrap;
  }
  .guide-list li{
   /* width:25%; */
   text-align:center;
   position:relative;
   padding: 5px 2%;
  }
  .guide-list li a{
   font-size: 11px;
   line-height: 1.6;
  }
  
  #f-contact-area{
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  footer .contact-left{
    display: block;
    width: 100%;
    justify-content: space-between;
    padding: 2% 0;
    /* border-top: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
  }
  .contact-left dl{
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    width: 100%;
    text-align: center;
    padding: 30px 3%;
    /* border-top: 1px solid #fff; */
    border-bottom: 1px solid #fff;
  }
  .contact-left dl:first-child{
    border-right: none;
    border-top: 1px solid #fff;
  }
  .contact-left dl dt{
    font-weight:500;
  }
  .contact-left dl dd p a{
    font-size: 30px;
    display: block;
    font-weight: 300;
    letter-spacing: 2px;
  }
  .contact-left dl dd p small{
    font-size: 12px;
  }
  .contact-left .dl-order{
    margin: 15px 0 0;
    display: flex;
    justify-content: space-between;
  }
  .contact-left .dl-order li{
    margin: 0;
    width: 48%;
    text-align:center;
  }
  .contact-left .dl-order li a{
    font-size: 12px;
    text-decoration: none;
    font-weight:500;
    background: #2D405E;
    display: block;
    padding: 15px 5px;
    border-radius: 5px;
    color: #fff;
  }
  .contact-right{
    text-align: center;
    width: 100%;
    font-size: 13px;
    line-height: 1.6;
    margin: 30px 0;
  }
  .contact-right > a{
    display:block;
    line-height:1.4;
    margin:0 0 10px;
  }
  .contact-right > a img{
    width:100%;
    max-width: 130px;
  }
  .contact-right p{
    line-height: 1.6;
  }
  .contact-right .main-phone{
    margin:5px 0;
  }
  .contact-right .main-phone a:hover{
    text-decoration:underline;
  }
  
  .copyright{
    display: block;
    justify-content:space-between;
    align-items:center;
    text-align: center;
  }
  .copyright .img-seal{
    max-width: 80px;
    margin: 0 auto 10px;
  }
  .copyright .img-seal input{
    max-width:100%;
  }
  .copyright p{
    font-size: 11px;
  } 
}


/*===========================
最下部 フッタ一部分非表示
===========================*/
.footer {
	display: none;
}
#sps-floating-menu + script + img, #footer + script + img {
    display: none;
}