@charset "UTF-8";


/*form text*/
.form-control {
    font-size: 16px !important;
}

/*search Result*/
iframe {
  display: none;
  height: 0 !important;
}

@media (min-width: 768px){
.lead,
th span.text-gray {
    font-size: 16px !important;
    font-weight: normal;
}
}

@media (max-width: 767px){
.lead,
th span.text-gray {
    font-size: 14px !important;
    font-weight: normal;
}
}
/*navigation smartphone*/
.sb-slidebar, .drawer-nav{
-webkit-box-shadow: inset 6px 0px 12px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 6px 0px 12px 0px rgba(0,0,0,0.4);
box-shadow: inset 6px 0px 12px 0px rgba(0,0,0,0.4);
z-index: 1000;
}

/*General*/
.section-title,
.m_header-language__title,
.m_media__title,
.m_thumbnail__title {
font-weight: lighter;
}
.btn, .font-lora{
  font-weight: bold;
}

.navi_global__item,
.m_card__price,
.m_headline__title span,
.navi_footer__title,
.m_media__date span,
.m_header-search__btn,
.m_table-cart__title{
  font-family:'Lora', selif;
  font-weight: bold;
  font-style: italic;
}
h1.m_card__title {
  font-family:'Lora', selif;
  font-weight: bold;
  font-style: italic;  
  line-height: 1.2;
  font-size: 24px;
}
h1.m_card__title span {
  padding-top: 7px;
  font-style: normal;  
}

a:hover{
  text-decoration: none;
}

@media (min-width: 768px){
h2 {
  font-size: 32px;
}
.lead {
    font-size: 18px;
}
}
@media (max-width: 767px){
h2 {
  font-size: 24px;
}
.lead {
    font-size: 16px;
}
}
.m_mypage{
  padding: 0;
}
@media (min-width: 768px){
.m_thumbnail,.m_headline {
    margin-bottom: 0 !important; 
}
.m_media,.mb-md {
    margin-bottom: 15px !important; 
}
.col-nomargin{
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
}
.block-padding-md{
  padding: 45px 0;
}
}
/*header*/
p.l_site-header__desc{
  margin: 0 0 0.5em;
}
@media (max-width: 767px){
.l_site-header__box {
    padding-top: 0px;
}
}

/*Search*/
.mr-15{
  margin-right: 15px;
}
input.search__text{
  width: 80%;
  border: 1px solid #ccc !important;
  font-size: 16px;
  padding: 5px !important;
  border-radius: 4px;
}
input.search__text:focus{
outline: 1px #bc5166 solid;
}
button.search__btn{
  width: 18%;
  border: thin solid #bc5166;
  font-size: 16px;
  color: #fff;
  background-color: #c36376;
  padding: 4px 6px !important;
  border-radius: 4px;
}
/*main navigation*/
.navi_global__item:first-child a {
    padding-left: 20px;
}
.navi_global__second-level {
    background: none;
}
.navi_global__second-level a{
    background-color: rgba(84,84,84,0.9);
    color: #fff;
    border-bottom: thin solid #777;
    font-weight: normal;
}
.navi_global__second-level a:hover {
    text-decoration: none;
    background: rgba(119,119,119,0.9); 
}

/*Futured Products*/
.futured-subcopy{
  color: #fff;
}
@media (max-width: 767px) {
.futured-subcopy{
  font-size: 13px;
  text-align: center;
}
.section-title{
  text-align: center;
  font-size: 42px;
}
}
@media (min-width: 768px) {
.futured-subcopy{
  font-size: 15px;
}
}
/*headline*/
.m_headline__box {
  padding-bottom: 0 !important;
}
.m_headline__desc {
  margin-bottom: 0;
}

@media (max-width: 767px){
.m_media__date,
.m_headline__title{
    font-size: 1.4rem;
}
.m_media__date span,
.m_headline__title span{
  font-size: 2rem
}
}

.m_headline__desc,
.m_media__desc {
    font-size: 14px;
}


.media-list{
  padding: 15px;
}
.m_media__box-media{
  padding: 0 0 0 15px;
}
.media-list-btn{
  margin: 0;
}
@media (min-width: 768px){
.media-single {
    padding: 0 45px 45px 45px !important;
}
}

/*hero images*/
.keyVisual {
  color: #333;
  background-size: cover;
  height: 360px;
  padding-top: 60px;
}
@media (min-width: 480px) {
  .keyVisual {
    padding-top: 80px;
    }
}
@media (min-width: 768px) {
  .keyVisual {
    padding-top: 60px;
    }
}
@media (min-width: 1280px) {
  .keyVisual {
    height: 400px;
    padding-top: 80px;
    }
}
  h1.keyVisual__bodyCopy {
  color: #c36376;
}
@media (max-width: 767px) {
  h1.keyVisual__bodyCopy {
  font-size: 32px;
  }
  .keyVisual__bodySubCopy {
  font-size: 16px;  
 }
}
@media (min-width: 768px) {
  h1.keyVisual__bodyCopy {
  font-size: 48px;
  }
  .keyVisual__bodySubCopy {
  font-size: 18px;
  margin-bottom: 25px;    
  }  
}
@media (min-width: 992px){
 .col-md-10 {
    width: 70%; 
  }
}
.keyVisual__01 {
  background: url('../images/top/hero01-980.png') center center no-repeat;
}
@media (min-width: 768px) {
  .keyVisual__01 {
    background: url('../images/top/hero01-980.png') center center no-repeat;
  }
}
@media (min-width: 1024px) {
  .keyVisual__01 {
    background: url('../images/top/hero01-1440.png') center center no-repeat;
  }
}
@media (min-width: 1280px) {
  .keyVisual__01 {
    background: url('../images/top/hero01-1980.png') center center no-repeat;
  }
}

.keyVisual__02 {
  background: url('../images/top/hero02-980.png') center center no-repeat;
}
@media (min-width: 768px) {
  .keyVisual__02 {
    background: url('../images/top/hero02-980.png') center center no-repeat;
  }
}
@media (min-width: 1024px) {
  .keyVisual__02 {
    background: url('../images/top/hero02-1440.png') center center no-repeat;
  }
}
@media (min-width: 1280px) {
  .keyVisual__02 {
    background: url('../images/top/hero02-1980.png') center center no-repeat;
  }
}

.keyVisual__03 {
  background: url('../images/top/hero03-980.png') center center no-repeat;
}
@media (min-width: 768px) {
  .keyVisual__03 {
    background: url('../images/top/hero03-980.png') center center no-repeat;
  }
}
@media (min-width: 1024px) {
  .keyVisual__03 {
    background: url('../images/top/hero03-1440.png') center center no-repeat;
  }
}
@media (min-width: 1280px) {
  .keyVisual__03 {
    background: url('../images/top/hero03-1980.png') center center no-repeat;
  }
}

.keyVisual__04 {
  background: url('../images/top/hero04-980.png') center center no-repeat;
}
@media (min-width: 768px) {
  .keyVisual__04 {
    background: url('../images/top/hero04-980.png') center center no-repeat;
  }
}
@media (min-width: 1024px) {
  .keyVisual__04 {
    background: url('../images/top/hero04-1440.png') center center no-repeat;
  }
}
@media (min-width: 1280px) {
  .keyVisual__04 {
    background: url('../images/top/hero04-1980.png') center center no-repeat;
  }
}
/*-------------------------------*/
/*Cart*/

@media (max-width: 767px) {
.m_table-cart__title{
  font-size: 20px;
}
}
@media (min-width: 768px) {
.m_table-cart__title{
  font-size: 28px;
}
}
.m_header-nav__cart-qty{
  font-family: 'Open Sans', sans-serif;
}

/*products button*/

.product_listbox{
  text-align: center;
}
.product_listbox_pl{
  text-align: center;
  position: relative;
}

.shop_btn{
  background: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;   
}
.shop_btn ul{
  position: relative;
  left: 50%;
  float: left;  
  list-style: none;
  -webkit-padding-start: 0px;
  margin-bottom: 0;
}
.shop_btn ul li{
  position: relative;
  left: -50%;  
  float: left;
  margin-left: 10px;
  margin-bottom: 15px;
}
.shop_btn ul li.more{
  margin-left: 0;
}

.m_card__contents{
  color: #545454;
}
.m_card__price{
  color: #545454;
  padding-bottom: 8px;
  border-bottom: 1px solid #c36376;
}

.m_card__label--success{
  background: #6a5acd;
  font-size: 14px;
}  
.arrow_box {
  background: #6a5acd;
  border: 2px solid #6a5acd;
}
.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(106, 90, 205, 0);
  border-top-color: #6a5acd;
  border-width: 5px;
  margin-left: -5px;
}
.arrow_box:before {
  border-color: rgba(106, 90, 205, 0);
  border-top-color: #6a5acd;
  border-width: 10px;
  margin-left: -10px;
}


.clearfix:after { /*floatの解除*/
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}
.clearfix {
  min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
  height: 1px;
  /*¥*//*/ /*MAC IE5.x対策*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------*/
/* Login page class="h2"*/
.h2 {
    font-size: 32px;
}
@media (min-width: 768px){
.h2 {
    font-size: 42px;
}
}
/*-------------------------------*/

/* footer-smartphone search*/
input.l-search__text{
  width: 80%;
  border: 1px solid #ccc !important;
  font-size: 16px;
  padding: 5px !important;
  border-radius: 4px;
}
input.l-search__text:focus{
outline: 1px #bc5166 solid;
}
button.l-search__btn{
  width: 18%;
  border: thin solid #bc5166;
  font-size: 16px;
  color: #fff;
  background-color: #c36376;
  padding: 4px 6px !important;
  border-radius: 4px;
}

/* footer-smartphone navigation*/
.drawer-menu-item{
  font-size: 1.7rem;
}
.drawer-language__btn a span{
  font-weight: normal;
  font-size: 11px;
}
.drawer-language__btn a.btn-sm{
  padding: 10px 10px;
}


/*footer Navi*/
.navi_footer__nav a:hover{ 
    color: #ddd;
    text-decoration: none;
}

/*footer bottom menu*/
.navi_footer-bottom a:hover,
.l_site-footer__nav a:hover{
  text-decoration: none;
  color: #ddd;
}


/*footer 4 menu*/
@media (min-width: 768px){
h1.m_thumbnail__title {
    font-size: 30px;
}    
.m_thumbnail__desc {
    font-size: 0.9em;
}    
}

/*footer SNS*/
.l_site-footer__sns {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 46px;
    margin-left: 0.7em;
    border: none;
    background: #777;
}
a.l_site-footer__sns:hover {
    background: #bbb;
}

.l_site-footer__sns i {
    font-size: 24px;
    color: #545454;    
}
@media (max-width: 767px){
.l_site-footer__sns {
    width: 25px;
    height: 25px;
    line-height: 27px;
    margin-left: 0.5em;
}
.l_site-footer__sns i {
    font-size: 18px;   
}
}
/*-------------------------------*/

/*SNS*/
.m_sns-ico__item--instagram{
  background:#3f729b;
} 
.m_sns-ico__item--get-pocket{
  background:#ef4056;
}  
/*-------------------------------*/

/*Products Detail*/
.section-title{
  color: #c36376;
}
.all-padding-md{
  border: thin solid #ddd;
  border-radius: 10px;
}
/*Products Detail - Reviews*/
span.review-category{
  color: #bbb;
  font-size: 18px;
}
@media (min-width: 768px){
.all-padding-md {
    padding: 45px
  }
}
@media (max-width: 767px){
span.review-category {
  font-size: 14px;
  }
}
.m_item-detail__title{
  font-style: normal;
}


/*-------------------------------*/

/*privacy policy*/
ol.m_list-number{
  background: #ffedec;
  padding: 25px;
}

.m_list-number li{
  margin-bottom: 20px;
}
}
@media (min-width: 480px) {
.m_list-number li{
  margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.m_list-number li{
  margin-bottom: 30px;
}
}
p.policy-update{
  font-size: 0.8em;
  border-left: 2px solid #c36376;
  padding-left: 23px;
}
/*-------------------------------*/

/*Error Message*/
.text-error {
    font-size: 1.5rem;
    margin: 20px 0;
    padding: 15px;
    border: 1px #C7243A solid;
    border-radius: 5px;
}
.text-error p{
    margin: 0;
}
.success-msg{
    color: #3d8b40;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 20px 0;
    padding: 15px;
    border: 1px #3d8b40 solid;
    border-radius: 5px;
}
/*-------------------------------*/
/*ingredients*/
h3.ingre{
  font-size: 24px;
}
.ingre-text{
  padding-left: 0;
}
.ingre-p{
  font-size: 0.9em;
}
@media (max-width: 767px){
.plants-img{
    float: left;
    width: 33.333%;  
}
h3.ingre{
  font-size: 20px;
}  
.ingre-p{
  font-size: 0.8em;
}
}
.m_mypage{
  padding-bottom: 0px;
}
/*-------------------------------*/
/*additive-free*/
section.additive-page h2 strong{
  font-size: 120%;
  color: #c36376;
}
section.additive-page .mb-sm{
border: 1px #ddd solid;
border-radius: 5px; 
padding: 15px;
margin-bottom: 20px !important;
background: #fff;
}
section.additive-page .col-md-6{
padding-left: 5px;
}

section.additive-page h3{
background: #c36376;
border-color: #c36376;
border-radius: 2px;
padding: 15px;
color: #fff;
text-align: center;
}

section.additive-page i.fa-exclamation-triangle{
  color:#ffd700;
}
.l_site-footer{
  padding-top: 30px;
}
/*-------------------------------*/

/*Shopping Guide*/
.m_list-generic li{
    font-size: 16px;
    margin-left: 10px;
}
/*-------------------------------*/
/*My Page*/
.edit-address{
  background: #fff;
}
.edit-address-add{
  background: #fff;
  padding: 0 0 20px 0;
}
h1.edit-address-title{
  padding: 30px 0 0 0;
}
/*-------------------------------*/

/*Profile*/
@media (min-width: 768px){
.m_table-cart tbody td{
  font-size: 18px; 
}
p.profile-text{
   font-size: 16px;  
}
.profile-h3{
    font-size: 32px;   
 }
img.logo-white{
  width: 200px;
 }
table.profile-content td{
  font-size: 1em; 
}  
}
@media (max-width: 767px){
.m_table-cart tbody td{
  font-size: 16px; 
}
p.profile-text{
   font-size: 14px;  
}
.profile-h3{
    font-size: 24px;   
 }
img.logo-white{
  width: 130px;
 } 
table.profile-content td{
  font-size: 0.9em; 
} 
}
p.profile-logo{
  margin-bottom:0;
}
ul.profile-business-content{
  padding-left: 22px;
}
.profile-business-content li{
  margin-bottom:8px;
  padding-left: 0;
}
/*404page*/
@media (min-width: 768px){
button.m_header-search__btn{
    padding:0;
    text-align: center;
    width: 100%;
    height: 67px;
}
}
@media (max-width: 767px){
button.m_header-search__btn{
    padding:0;
    text-align: center;
    font-size: 16px;
    width: 100%;
    height: 67px;
}
}
/*Register form*/
label.txt-color-bbb{
  color: #bbb;
}
.m_ssl__text{
 font-size: 14px;
}

/*-------------------------------*/
/*feedback*/
.feedback-item{
  font-size: 28px;
  color: #c36376;
  margin-top: 30px;
}
.feedback-item span{
  font-size: 16px;
  font-style: normal;
}
p.feedback-text{
  margin: 0;
}

@media (max-width: 767px){
.feedback-text{
  font-size: 14px;
}
.feedback-item{
  font-size: 20px;
  margin-top: 25px;
}
.feedback-item span{
  font-size: 14px;
}
}

/*contact form*/

@media (max-width: 767px){
img.thankspage-logo{
  width: 180px;
}
}

@media (min-width: 768px){
img.thankspage-logo{
  width: 240px;
}
}
@media (max-width: 767px){
.thankspage-text{
  font-size: 14px;
}
}

@media (min-width: 768px){
.thankspage-text{
  font-size: 16px;
}
}

.row-nomargin{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.form-control {
    height: 68px;
    font-size: 14px;
}
option.form-option{
  color: #ddd;
}
option.form-option span{
  color: #c36376;
}

/*pagetop Button*/
#page-top {
    z-index: 500;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: rgba(112,112,112,0.7);
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(153,153,153,0.7);
}
@media (max-width: 767px){
#page-top a {
    width: 75px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
}
/*serach results*/
.gs-title{
  text-align: left;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0px !important;
    margin-bottom: 5px;
}