@import url('import_old.css');
@import url('sp.css');

/* ------------ common ----------- */

html,
html body {
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    background-color: white;
}

div#wrapper{
        font-size: 14px;
}

    html body .hide{
  display:none !important;
}
a{ color: #000033; text-decoration: none; }

#contents.main_only{
    padding-top: 0;
}
.w100{ width: 100%; }
h2.headTitle{ background-color: #D47336; color: white; padding: 0.25rem 2rem;border-radius:2rem; }
body .text-center{ text-align: center; }
.topSpcNone{ margin-top: 0; padding-top: 0; }

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
h1.page-heading{ color: #874a2e; } 
#footCatBanner{ margin: 2rem auto;     float: left;    width: 100%;}
.footer_logo_area p{ border-bottom: none; }

#footer .footer_logo_area{ margin-top: 4rem; }

#footSSL{ margin:3rem   30% auto 30%; overflow: hidden;text-align: center; color:#aaa !important; }
#footSSL a{color:#aaa !important; }
.text-red{ color: #ee0000; }
.member_link a{ 
    height: auto;
    line-height: 15px;
    text-align: center;
}

#headLinkWrap{ margin-left: 1rem;float: left; }
.headLinkTip{
  float:left;
  display:block;
  font-size:1.4rem;
  line-height:30px;
  border:1px solid #ccc;
  padding-left:1rem;
  padding-right:1rem;
  border-radius:1px;
margin:10px 0.5rem 10px 0.5rem;
height:30px;

}

#searchform div.input_search {
        height: 30px;
        /*padding: 10px;*/
        margin: 10px auto;
}
#searchform  div.input_search input[type="search"]{
    height: 30px;
    margin: 0;
    padding: 0;
    max-width: 165px;
}
.bt_search .cb-search { height:25px; }
.search .bt_search{ margin-top: 0;height: 25px; }
#searchform div.input_search {  
    /*margin: 10px auto 10px 9%; */ 
    margin: 10px auto 10px 7%; } 
#headCpBnWrap img{ max-height: 154px; }
#headCpBnWrap { margin-bottom: 2rem; }
/* ================================
　ページ内スクロール
================================ */
#pagetop {
	display:block;
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index:100;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#pagetop a {
	display:inline;
	color: #fff;
}
#pagetop a:hover {
	color: #fff;
	text-decoration:none;
}
#headCatList{
}


/* ------------ header ----------- */

h1.header_logo img{
  height:65px;
}

#cart_area{
  position:relative;
    top: 0;
    right: 0;
    width:100%;
    height:2rem;
}

#cart_area p{
  min-width:auto;
  border:none;
}

@media only screen and (min-width: 768px){
body#page_homepage #contents{
    padding-top: 10px;
}
    
 #header #cart_area p.cart-trigger .badge {
    position: relative;
    left: -7px;
    top: -11px;
 }
 
 #header .header_logo_area {
    float: left;
    margin-right: 50px;
 }
 
 #member {
    float: right;
    right: 50px;
    position: relative;
 }
 
 #header .header_bottom_area{
  clear:none;
 }
 
 #headMenuWrap{
   clear:both;
   float:left;
   display:block;
   width:100%;
   margin:3rem auto auto auto;
   text-align:center;
 }
  #headMenuWrap:after{
    clear: right;
    padding-top: 0;
  }
 
  ul#headMenu{
    width:100%;
    margin:auto;
    padding:0;
    float:left;
  } 
  ul#headMenu li{
    float: left;
    max-width: 18.2%;
    /*min-width: 11.1%;*/
    /*min-width: 13.38%;*/
    min-width: 16.55%;
    white-space: nowrap;
    text-align: center;
    /*line-height: 2.5rem;*/
    /*line-height: 40px;*/
    line-height: 23px;
    padding: 0 1.75rem;
    letter-spacing:-0.5px;
    font-size:1.625rem;
  }
  ul#headMenu li:last-child{ padding-right: 0; }
  
  #header .header_bottom_area{
    padding-top:0;
  }
  #cart_area p.cart-trigger {
    position: absolute;
    right: 0;
  }
  
  .search .input_search {
    height: 50px;
    padding: 0 1rem 0 1rem;
    border: 1px solid #ccc;
    position: relative;
    margin-left: 6%;
  }
} /*-----//media -----*/

#item_photo_area .slick-slide{
  height:auto; 
}



/* ------------ shopping ----------- */

#otodokeWarning{
  background-color:#fffdc8;
  border:1px solid #e0e0e0;
  padding:1rem;
  font-size:1.3rem;
  border-radius:0.4rem;
}

/*------------ index ------------------------------------------------------------------------------------------------------ */
#yakikata #yakikataInner{ background-color: #ecdfa3; }
#yakikata1{ float:left; }
@media screen and (min-width: 1280px){
    #yakikata2{padding-left: 4%; }
}

#yakikataMvModal{
  position:fixed;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    margin: auto 5%;
    padding: 12% 0%;
  background-color:rgba(255,255,255,0.0);
  text-align:center;
  z-index:2000;
 
}
#yakikataMvModal iframe{   width: 100% !important;
  height: 100% !important; }

#topCatch img{    float: left;margin-right: 1rem; max-width: 120px;}
#topCatch h2{ 
    margin-top:0;
    margin-bottom:0.25rem;
}
#topCatch small{ line-height: 1.2rem; }
.catchInner{ border: 1px solid #ddd; padding: 1rem; margin: auto;  }
.catchTx{ min-height: 120px; }
#kongetu,#otameshi{ text-align: right;line-height: 3.5rem; }
#news_area{ background-color: transparent; }
#news_readmore{    width: 100%;
    text-align: right;
    display: block;
    margin: 1rem auto;
}

#freeShipWrap div{ margin-top: 2rem; text-align: center; }
.catListLink img{ max-height:135px; }
a.catListLink span.img{     line-height: 135px;    display: block;     min-height: 138px; }
a.catListLink {
    text-align: center;
    width: 100%;
    display: block;
 }
 .catTip{
     overflow: hidden;
     margin-bottom: 2rem;
 }
 #catLink27 .catTitle,#catLink38 .catTitle{     font-size: 1.35rem; letter-spacing: -1px; }
 span.catTitle{     font-weight: bold;
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0.5rem;
    display:block;
 }
 
 #newsWrap,
 #topCategoryWrap{ margin-top: 5rem; }
 #topCategoryList a>span.catTitle{
  text-decoration:none !important;
  font-size:1.8rem;
  color:#555;
}
 
 #attnCat{
     border:1px dotted #666;
     margin: auto auto 4rem auto;
         border-style: dotted none;
    padding: 1.75rem 0 1rem 0 !important;
    line-height: 2rem;
 }
#attnCat > div{ text-align: center; }

#customerVoice{ border-top: 1px solid #ccc; padding-top: 1rem; }

#leftListDL dt{ font-size: 1.75rem;border-bottom: 1px solid #ccc; padding-bottom: 0.5rem; }
#leftListDL dt+dt{ padding-top: 1rem; }

  #topLeftCat li a.catListLink{ text-align: left; }
  #topLeftCat li{
      text-align: left;
      margin-bottom: 0.5rem;
      padding: 0;
  }
    #topLeftCat{
    margin:1rem 1rem 2.5rem 1rem;
    font-size:1.2rem;
  }
  
  #drawer li.leftCatTip.hideCat:before,
   #topLeftCat li a:before{
      content:"-";   
  }
  
  #recomList .recomTip{ min-height: 288px; }
  #rank1{ padding-left: 1.5rem; }
  
  
  #fbIframeWrap,
  #fbIframe div#u_0_0 div{
      width: auto;
      text-align: center;
      margin: auto;
  }
    
  iframe,
  iframe div,
._2p3a{
  text-align:center;
  width:100%;
  border:2px solid white;
  }
  
iframe div{
  text-align:center !important;
  border:1px solid red !important;
}
  
/* ===================== detail ================ */
h3 p img{display:inline-block;text-align:center;margin: auto; padding-top: 2rem;}
h3 p {text-align: center;}
#detail_free_box__freearea p{ text-align:center; }
.freearea{ text-align: center; }
.freearea font{ display: block; }
.freearea h3{ text-align: left; }
.review_list strong{
  border-bottom:1px dotted #999;
  font-size:1.7rem;
  line-height:3rem;
  margin:1rem auto;
  color:#009e97;
  padding-bottom:3px;
}
/* ===================== help/guide ================ */
a+h3,    
.topSpc5rem,
p+h3{ margin-top: 5rem; }

    h2.title02,
    h3.title02{
        background-color: #fde8ba;
        padding: 0.5rem;
        border-radius: 0.25rem;
    }
    
    h4.title03{
        border-bottom: 1px solid #ccc;
        padding-bottom: 0.25rem;
      margin-top: 3.5rem; 
      margin-left: 0.5rem;
    }
    
    h4.title03+p,
    #guide_box__body_item p{
        margin-left: 1.75rem;
    }
    
    .pan-howto-flow h4.title02{
       margin: auto;
    padding: 0;
    border-bottom: 3px solid #D6732D;
    color: #D6732D;
    font-size: 2rem;
    font-weight: bold;
    }
.pan-howto-flow-img { width: 20%; }
.pan-howto-flow-img img{ padding: 0 1.5rem 1.5rem 0rem; }

/* ===================== movie ================ */
#movieObj{
    margin: auto auto 4rem auto;
    padding: 1rem;
    background-color: #000;
    text-align: center;
}


/* ===================== list ================ */
.product_item .item_comment{
    display: none;
}
.item_comment{
    /*display: none;*/
    font-weight: normal;
    color: #674a38;
    font-size: 1.7rem;
    line-height: 3rem;
}
.item_photo img{
    max-height:225px;
    max-width: 225px;
}


/* ===================== about etc... ================ */
#bassui{ margin-left: 2rem; padding-left: 1rem; }
#bassui span{display: block; margin-bottom: 1.5rem;line-height: 2.5rem; }
#ceoname{ font-size: 2.0rem;line-height: 1.5; }
.awardImage td{ width:33%; }
.awardImage{ margin-top: 5rem; }
#koboCatch,
#seihoCatch{ color: #874a2e; font-size: 3.5rem;line-height: 4.5rem; }
#seihoFig1{padding: 1rem;
    background: #fff9e1;
    border: 1px solid #ccc;
    margin-right: 2rem;}
#mediaTable { font-size: 1.2rem; }
#mediaTable th{ white-space: nowrap; }

#faqList dd:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f138";
    padding-right: 0.5rem;
}

.main-gotop{
  text-align:right;
  margin-right:4rem;
  background-color: #874a2e; 
  display:block;
clear: both;
    margin: 1rem auto 4rem auto;
    color:white;
    border-radius:2rem;
    padding:0.2rem 1rem;
    float: right;
}
.main-gotop a{ color: white;text-decoration: none; }
#voiceDetail h3+p{
  border-bottom:1px dotted #999;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}
#voiceDetail b{ color: #874a2e; font-weight: bold;margin-top: 0.5rem;display: inline-block; }
#voiceDetail h3:before,
#voiceDetail b:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f075";
    padding-right: 0.5rem;
     transform: scale(1, -1);
}
#voiceDetail h3:before{ content: "\f058";    position: relative; font-size:2rem;  }
.noBottomLine{ border-bottom: none !important; }
#kityakuTxt{ background-color: #f0f0f0;padding: 1rem; margin: 2rem auto; }
#douiBtnWrap button+button{ margin-left: 2rem; }
#addGuide{ font-size:1.2rem; border: 1px solid #ccc; margin: 1rem auto;padding: 0; }
#addGuide h3{     margin: 3rem auto auto 3rem; }


.review_list:last-child{
  border-bottom:1px solid #ccc;
}

#calendar table{
    max-width: 250px;
}

#calendar table caption{
    text-align: left;
    background-color: #ccc;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 1280px) {
    ul#headMenu li{
        font-size: 1.42rem;
    }

}

.pan-index dl dt{
    background-color: #d6732d;
}

/*------------ head_category__float -------------*/
#hiddenCatList{
    display: none;
}

#headCatList a.catListLink{
    text-align: left;
}

#headCatList #topCatLeft{
    margin-top: 0;
}

#headCatList dl{
  margin-top:1rem;
  /*padding-top:0;*/
}

#headCatList dt{
  display:none;
}

#headCatList li{
  width:49%;
  float:left;
  font-size:1.5rem;
}

#headCatList{
  border:1px  solid #9a9a9a;
  position:absolute;
  background-color:rgba(255,255,255,0.9);
    top: 128px;
    /*left: 14%;*/
    left: 16px;
  width:18.55%;
  white-space: nowrap;
  padding:1rem 1rem 1rem 0.25rem;
  box-shadow:5px 4px 18px -2px #000000;
 -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition:         all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); 
  z-index: -1;
    visibility: hidden;
  opacity: 0;
}

#headCatList.open{
    display: block;
    z-index: 100;
    visibility: visible;
    opacity: 1;
      -webkit-transition: .2s ease;
  transition: .2s ease;
}
#headCatList dd ul li{
    padding-left: 0;
    line-height: 1.8rem;
}
/*------------ //head_category__float -------------*/
    
ul#headMenu #headMenu{
    margin-left: 0;
}

ul#headMenu li.leftCatTip{
    min-width: 99% !important;
    font-size: 13px;
}

#attnCmt201712{
  text-align:center;
  color:red;
  margin-top: 3rem;
  border: 2px solid red;
  padding-top: 1rem;
}

#headCpBnWrap {
/*  border:1px solid #ccc;
  background-color:#ffe;*/
  margin:3rem auto;
  padding:1.25rem 2rem 0 2rem;
  text-align:center;
}

#headCpBnWrap p{
  text-align:center;
  margin:1rem auto;
  width:100%;
  font-size:1.6rem;
  font-weight:bold;
  color:red;
}

#headCpInfoWrap{
    /*float: left;*/
    width: 100%;
}

#headCpInfoWrap:after{ clear: both; }


#loginLink+li.leftCatTip{
  border-top:1px solid #ccc;
  
}

#drawer li.leftCatTip a{
    display: inline;
    padding-left: 0.5rem;
    color: #111;
}

.leftCatTip.hideCat{
font-size: 1.5rem;
    line-height: 3.5rem;
    padding-left: 1rem;
}

#hiddenCatTitle{
    padding-left: 1rem;
    height: 4rem;
    background-color: #e0e0e0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid transparent !important;
    font-weight: bold;
        line-height: 4rem;
    font-size: 1.75rem;
}

.front_page #hiddenCatTitle{ display: none; }
.front_page .hideCat{
  /*display:none;*/
}

#leftCatLink9{
    display: none;
}

#recaptchaWrap iframe, 
#recaptchaWrap iframe div{
    border: inherit;
}
.plgShiro8PriceDownPrice3{
  background: #dd0000;
    color: white;
    padding: 2px 0.5rem;
    border-radius: 10px;
    
/*    color:red;*/
}
.plgShiro8PriceDownPrice3:empty{ display:none; }