@charset "UTF-8";
/***********************************
共通イメージボックス画像設定（1200以上）
***********************************/  
.about_imageBox {
    background-image: url(../images/about/about_image.jpg);
}
.greeting_imageBox {
    background-image: url(../images/greeting/greeting_image.jpg);
}
.company_imageBox {
    background-image: url(../images/company/company_image.jpg);
}
.product_imageBox {
    background-image: url(../images/product/product_image.jpg);
}
.contact_imageBox {
    background-image: url(../images/contact/contact_image.jpg);
}
.news_imageBox {
    background-image: url(../images/news/news_image.jpg);
}
.blog_imageBox {
    background-image: url(../images/news/blog_image.jpg);
}
.orange_imageBox {
    background-image: url(../images/orange/orange_image.jpg);
}
.compl_imageBox {
    background-image: url(../images/compl/compl_image.jpg);
}
.policy_imageBox {
    background-image: url(../images/policy/policy_image.jpg);
}
.error_imageBox{
    background-image: url(../images/error/error_image.jpg);   
}




/*製品ページ*/
.mahina_imageBox {
    background-image: url(../images/mahina/mahina_image.jpg);
}
.moana_imageBox {
    background-image: url(../images/moana/moana_image.jpg);
}
.aolani_imageBox {
    background-image: url(../images/aolani/aolani_image.jpg);
}
.kukuna_imageBox {
    background-image: url(../images/kukuna/kukuna_image.jpg);
}
.esoil_imageBox {
    background-image: url(../images/esoil/esoil_image.jpg);
}
.dppack_imageBox {
    background-image: url(../images/dppack/dppack_image.jpg);
}
.lilina_imageBox {
    background-image: url(../images/lilina/lilina_image.jpg);
}
.makalani_imageBox {
    background-image: url(../images/makalani/makalani_image.jpg);
}
.sspack_imageBox {
    background-image: url(../images/sspack/sspack_image.jpg);
}
.hand_imageBox {
    background-image: url(../images/hand/hand_image.jpg);
}
.supple_imageBox {
    background-image: url(../images/supple/supple_image.jpg);
}
.skinelixir_imageBox {
    background-image: url(../images/skinelixir/skinelixir_image.jpg);
}
.mask_imageBox {
    background-image: url(../images/mask/mask_image.jpg);
}
.dog_imageBox {
    background-image: url(../images/dog/dog_image.jpg);
}
.cat_imageBox {
    background-image: url(../images/cat/cat_image.jpg);
}
.dentalgel_imageBox {
    background-image: url(../images/dentalgel/dentalgel_image.jpg);
}
.lakau_imageBox {
    background-image: url(../images/lakau/lakau_image.jpg);
}


/***********************************
共通イメージボックス画像設定（1200以下）
***********************************/  
@media only screen and (max-width: 1200px) {
.about_imageBox {
    background-image: url(../images/about/about_image02.jpg);
}
.greeting_imageBox {
    background-image: url(../images/greeting/greeting_image02.jpg);
}
.company_imageBox {
    background-image: url(../images/company/company_image02.jpg);
}
.product_imageBox {
    background-image: url(../images/product/product_image02.jpg);
}
.contact_imageBox {
    background-image: url(../images/contact/contact_image02.jpg);
}
.news_imageBox {
    background-image: url(../images/news/news_image02.jpg);
}
.blog_imageBox {
    background-image: url(../images/news/blog_image02.jpg);
}
.orange_imageBox {
    background-image: url(../images/orange/orange_image02.jpg);
}
.compl_imageBox {
    background-image: url(../images/compl/compl_image02.jpg);
}
.policy_imageBox {
    background-image: url(../images/policy/policy_image02.jpg);
}
.error_imageBox{
    background-image: url(../images/error/error_image02.jpg);
}




/*製品ページ*/
.mahina_imageBox {
    background-image: url(../images/mahina/mahina_image02.jpg);
}
.moana_imageBox {
    background-image: url(../images/moana/moana_image02.jpg);
}
.aolani_imageBox {
    background-image: url(../images/aolani/aolani_image02.jpg);
}
.kukuna_imageBox {
    background-image: url(../images/kukuna/kukuna_image02.jpg);
}
.esoil_imageBox {
    background-image: url(../images/esoil/esoil_image02.jpg);
}
.dppack_imageBox {
    background-image: url(../images/dppack/dppack_image02.jpg);
}
.lilina_imageBox {
    background-image: url(../images/lilina/lilina_image02.jpg);
}
.makalani_imageBox {
    background-image: url(../images/makalani/makalani_image02.jpg);
}
.sspack_imageBox {
    background-image: url(../images/sspack/sspack_image02.jpg);
}
.hand_imageBox {
    background-image: url(../images/hand/hand_image02.jpg);
}
.supple_imageBox {
    background-image: url(../images/supple/supple_image02.jpg);
}
.skinelixir_imageBox {
    background-image: url(../images/skinelixir/skinelixir_image02.jpg);
}
.mask_imageBox {
    background-image: url(../images/mask/mask_image02.jpg);
}
.dog_imageBox {
    background-image: url(../images/dog/dog_image02.jpg);
}
.cat_imageBox {
    background-image: url(../images/cat/cat_image02.jpg);
}
.dentalgel_imageBox {
    background-image: url(../images/dentalgel/dentalgel_image02.jpg);
}
.lakau_imageBox {
    background-image: url(../images/lakau/lakau_image02.jpg);
}
}



/***********************************
共通シリーズ（スキンケ、ホクレア…）タイポグラフィー
***********************************/
.series_A{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    background-color: #dc6d84;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 30px;
 }
 
 .series_B{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    background-color: #eea33c;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 30px;
 }
 
 .series_C{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    background-color: #5fb5c8;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 30px;
 }
 
 .series_D{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    background-color: #cf85ab;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 30px;
 }
 
 
 /*700px以下になったら*/
@media only screen and (max-width: 700px) {

.series_A{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    background-color: #dc6d84;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
 }
 .series_B{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    background-color: #eea33c;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
 }
 .series_C{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    background-color: #5fb5c8;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
 }
 .series_D{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    background-color: #cf85ab;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
 }

}


/***********************************
about設定
***********************************/
#aboutBox{
 }
 #aboutBox .Box01{
    margin-top: 20px;
 }
 #aboutBox .Box02{
    margin-top: 70px;
 }
 #aboutBox .img_size{
    width: 675px;
    height: 250px;
 }
 /*675px以下になったら100％*/
 @media only screen and (max-width: 675px) {
#aboutBox .img_size{
   width: 100%;
  height: auto;
 }
}

#aboutBox .Box03{
    margin-top: 50px;
    border: 1px solid #9F9F9F;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
 }
#aboutBox .text13{
    line-height: 2em;    
}



/***********************************
greeting設定
***********************************/
#greetingBox{
 }
 #greetingBox .Box01{
    margin-top: 20px;
 }
#greetingBox .Box01 .pinkBox{
    background-color: #EBB8CE;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}
#greetingBox .Box01 .greeting_title{
    color: #FFFFFF;
    font-family: a-otf-midashi-mi-ma31-pr6n, serif;
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    line-height: 2em;
    padding-top: 30px;
}
.shacyou{
    width: 160px;
    height: 250px;
}

/*700px以下になったら*/
 @media only screen and (max-width: 700px) {
#greetingBox .Box01 .pinkBox{
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
}
#greetingBox .Box01 .greeting_title{
    padding-top: 0px;
    font-size: 20px;
    padding-bottom: 20px;
}
.shacyou{
    width: 80px;
    height: 125px;
}
}
/*480px以下になったら*/
 @media only screen and (max-width: 480px) {

#greetingBox .Box01 .greeting_title{
  font-size: 16px;
}

}
 

#greetingBox .Box02{
    margin-top: 70px;
 }
 
 

#greetingBox .Box03{
    margin-top: 50px;
 }
 #greetingBox .Box03 .image_size{
    width: 378px;
    height: 258px;
 }

#greetingBox .pad50{
    padding-top: 160px;
 }

/*960px以下になったら*/
 @media only screen and (max-width: 960px) {
#greetingBox .pad50{
    padding-top: 0px;
 }
}
/*500px以下になったら*/
 @media only screen and (max-width: 500px) {

#greetingBox .Box03 .image_size{
    width: 260px;
    height: 177px;
 }

} 



/***********************************
company設定
***********************************/
#companyBox{
 }
 #companyBox .Box01{
    margin-top: 20px;
 }


#companyBox .Box02{
    margin-top: 150px;
 }
 
   
/***********************************
product設定
***********************************/
#productBox{
 }
 #productBox .section{
    padding-bottom: 80px;
 }
 #productBox .Box01{
    margin-top: 30px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
 }
 #productBox .Box01 .inBox{
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    box-shadow: 0 0 5px 0 #D8D8D8; /* CSS3 */
 }
 
#productBox .Box01 .produc_title01{
    font-family: copperplate, serif;
    font-weight: 500;
    font-style: normal;
    color: #666666;
    font-size: 13px;
    margin-top: 15px;
}
#productBox .Box01 .produc_title02{
    font-family: copperplate, serif;
    font-weight: 500;
    font-style: normal;
    color: #666666;
    font-size: 18px;
    margin-top: 7px;
}
#productBox .Box01 .produc_title03{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #666666;
    font-size: 14px;
    margin-top: 7px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 15px;
}
#productBox .Box01 .produc_title04{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.7em;
}






/*700px以下になったら*/
 @media only screen and (max-width: 700px) {
#productBox .section{
    padding-bottom: 70px;
 }
#productBox .Box01 .inBox{
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    box-shadow: 0 0 5px 0 #D8D8D8; /* CSS3 */
 }
 
#productBox .Box01 .produc_title01{
    font-size: 11px;
    margin-top: 10px;
}
#productBox .Box01 .produc_title02{
    font-size: 14px;
    margin-top: 4px;
}
#productBox .Box01 .produc_title03{
   font-size: 11px;
    margin-top: 4px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#productBox .Box01 .produc_title04{
  font-size: 12px;
  color: #000000;
}
}
 
#productBox .Box02{
    margin-top: 70px;
 }
 
 
/***********************************
contact設定
***********************************/
#contactBox{
 }
 #contactBox .Box01{
    margin-top: 30px;
 }
#contactBox .Box01 #formBox{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #E9E9E9;
    margin-top: 20px;
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    border-radius: 5px;         /* CSS3 */
    margin-bottom: 20px;
 }
 
/*640px以下になったら*/
 @media only screen and (max-width: 640px) {
 #contactBox .Box01 #formBox{
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: #ffffff;
    margin-top: 40px;
 }

} 
 

 
#contactBox .Box02{
    margin-top: 70px;
 }
 
 
#contactBox .tel_midashi{
    margin-top: 20px;
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 17px;
    background-color: #B20031;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    }
#contactBox #telBox{
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    border: 1px solid #B20031;
   
    }
#contactBox #telBox p{
    font-family: "Arial Black", Gadget, sans-serif;
    font-style: normal;
    color: #B20031;
    font-size: 30px;
    font-weight: bold;
    line-height: 0.5em;
    }




/***********************************
news・ブログ設定
***********************************/
#newsBox{
 }
#newsBox .Box01{
    margin-top: 20px;
 }
 #newsBox .Box01 .section{
    padding-bottom: 30px;
    border-bottom: 20px solid #E6E6E6;
    margin-bottom: 30px;
 }
 #newsBox .Box01 .section img{
    margin-top: 20px;
    margin-bottom: 20px;
 }
 #newsBox .Box01 .midashi{
    font-family: a-otf-midashi-mi-ma31-pr6n, serif;
    font-weight: 600;
    font-style: normal;
    color: #B20031;
    font-size: 25px;
    margin-top: 15px;    
 }
 #newsBox .date{
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 2.5em;
}
/*500px以下になったら*/
 @media only screen and (max-width: 500px) {
 #newsBox .Box01 .midashi{
    font-size: 15px;
 }
 #newsBox .Box01 .date{
    font-size: 14px;
    line-height: 2em;
}

} 

 
 
/***********************************
news02・ブログ（個別ページ）設定
***********************************/
#newsBox02{
 }
#newsBox02 .Box01{
    margin-top: 20px;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 10px solid #DEDEDE;
 }
 #newsBox02 .Box01 p{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 2.5em;
 }
#newsBox02 .date{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    line-height: 2.5em;
    margin-top: 20px;
    margin-bottom: 50px;
}
#newsBox .Box01 .section img{
    margin-top: 20px;
    margin-bottom: 20px;
 }
#newsBox02 .Box01 .section img{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border: 1px solid #E5E5E5;
    max-width: 700px;
}
@media only screen and (max-width: 700px) {
#newsBox02 .Box01 .section img{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border: 1px solid #E5E5E5;
    max-width: 90%;
    height: auto;
}
}
 
@media only screen and (max-width: 500px) {
#newsBox02 .Box01 p{
    font-size: 13px;
    line-height: 2em;
 }
}


#newsBox02 #snsBox {
    margin-bottom: 50px;
}



/***********************************
オレンジリボンページ設定
***********************************/
#orangeBox{
 }
#orangeBox .Box01{
   margin-bottom: 90px;
 }
 
 #orangeBox .Box01 .image_size{
    width: 468px;
    height: 60px;
 }


@media only screen and (max-width: 500px) {
#orangeBox .Box01 .image_size{
    width: 300px;
    height: 38px;
 }
} 
 
/***********************************
コンプライアンスページ設定
***********************************/
#complBox{
 }
#complBox .Box01{
   margin-bottom: 90px;
 }
 
 

/*相談窓口レッド*/
#complBox .redBox{
    margin-top: 30px;
    margin-bottom: 30px;
} 

#complBox .redBox .section01{
    border: 1px none #EB8592;
    font-size: 26px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #EB8592;
    padding-top: 10px;
    padding-bottom: 10px;
} 
#complBox .redBox .section02{
    border-right: 1px solid #EB8592;
    border-left: 1px solid #EB8592;
    border-bottom: 1px solid #EB8592;
    padding-top: 20px;
    padding-bottom: 20px;
}
#complBox .redBox .tel{
    color: #EB8592;
    font-family: "Arial Black", Gadget, sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}




/*相談窓口グレー*/
#complBox .grayBox{
    margin-top: 30px;
    margin-bottom: 30px;
} 

#complBox .grayBox .section01{
    border: 1px none #999999;
    font-size: 26px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #999999;
    padding-top: 10px;
    padding-bottom: 10px;
} 
#complBox .grayBox .section02{
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-top: 20px;
    padding-bottom: 20px;
}
#complBox .grayBox .tel{
    color: #999999;
    font-family: "Arial Black", Gadget, sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

#complBox .Box02{
   margin-top: 150px;
 } 
 
 #complBox .Box02 .section{
   margin-top: 50px;
 }
 
 
 
 


@media only screen and (max-width: 500px) {
#complBox .redBox .section01{
   font-size: 15px;
  } 
#complBox .redBox .section02{
}
#complBox .redBox .tel{
  font-size: 30px;
   }
   
   
/*相談窓口グレー*/
#complBox .grayBox{
    margin-top: 30px;
    margin-bottom: 30px;
} 

#complBox .grayBox .section01{
    font-size: 15px;
} 
#complBox .grayBox .section02{
}
#complBox .grayBox .tel{
  font-size: 30px;
}
   
}

/***********************************
プライバシー・ポリシー設定
***********************************/
#policyBox{
 }
#policyBox .Box01{
   margin-bottom: 130px;
 }
 #policyBox .Box01 .section{
   margin-bottom: 90px;
 }
 
 
 
 

/***********************************
製品ページ共通設定
***********************************/
/*ページタイトル下日本語部分*/
#ContentsBox .pagetitle_jp {
    font-weight: normal;
    font-size: 15px;
    color: #736357;
    margin-top: 2px;
    margin-left: 20px;
}

/*赤枠で囲った見出し*/
#ContentsBox .redpoint {
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 40px;
}
#ContentsBox .redpoint_bg {
    background-color: #B20031;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

/*youtube挿入の場合*/
#youtubeBox {
    position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
#youtubeBox {
    margin-top: 30px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#youtubeBox iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*特長ボックス*/
#ContentsBox .strongBox {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 75px;
    padding-right: 75px;
    background-image: url(../images/common/bg01.jpg);
    background-repeat: repeat;
    margin-bottom: 40px;
}
#ContentsBox .point_title{
font-family: heisei-mincho-std, serif;
font-weight: normal;
font-style: normal;
color: #B20031;
font-size: 27px;
margin-bottom: 20px;
}
/*特長内赤枠コピー*/
#ContentsBox .strongBox .midashi{
   color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    background-color: #B20031;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}


/*無添加処方*/
#ContentsBox .mutenkaBox .uk-width-1-2{
    margin-right: -10px;
}
#ContentsBox .strongBox .mutenkaBox{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#ContentsBox .strongBox .mutenka{
    background-color: #EF99A6;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    -moz-border-radius: 10px;    /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    border-radius: 10px;         /* CSS3 */
    margin-top: -10px;
}


/*下部注釈部分*/
#noteBox{
    font-size: 13px;
    line-height: 1.5em;
    margin-top: 50px;
    border-top: 2px dotted #989898;
    padding-top: 30px;
}




/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
/*特長ボックス*/
#ContentsBox .strongBox {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 30px;
}
#ContentsBox .point_title{
    font-size: 20px;
    margin-bottom: 10px;
}
/*特長内赤枠コピー*/
#ContentsBox .strongBox .midashi{
    font-size: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

/*無添加処方*/
#ContentsBox .strongBox .mutenkaBox{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#ContentsBox .strongBox .mutenka{
   padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;   
}

/*赤枠で囲った見出し*/
#ContentsBox .redpoint {
  font-size: 13px;
    margin-top: 20px;
    margin-bottom: 30px;
}
#ContentsBox .redpoint_bg {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
}


/*下部注釈部分*/
#noteBox{
    font-size: 10px;
}
}

/* 450px以下の場合 無添加 */
@media only screen and (max-width: 450px) {
#ContentsBox .strongBox .mutenka{
    font-size: 10px;   
}
}



/***********************************
製品ページ・マヒナ設定
***********************************/
#mahinaBox{
 }
#mahinaBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#mahinaBox .Box01 .orange_parts{
    color: #f3a83b;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 3em;
}
#mahinaBox .Box01 .nakami{
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    padding-top: 10px;
    padding-left: 7px;
    padding-bottom: 10px;
    padding-right: 7px;
    background-color: #f3a83b;
    -moz-border-radius: 7px;    /* Firefox */
    -webkit-border-radius: 7px; /* Safari,Chrome */
    border-radius: 7px;         /* CSS3 */
}


/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#mahinaBox .Box01 .orange_parts{
   font-size: 13px;   
}
#mahinaBox .Box01 .nakami{
    font-size: 10px;
    padding-top: 10px;
    padding-left: 3px;
    padding-bottom: 10px;
    padding-right: 3px;
}
}
#mahinaBox .Box01 .section{
    margin-top: 30px;   
}




#mahinaBox .Box02 {
    margin-top: 70px;
}


#mahinaBox .Box03 {
    margin-top: 80px;
}
#mahinaBox .Box03 .section {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    width: 90%;
}



#mahinaBox .Box04 {
    margin-top: 150px;
}
#mahinaBox .Box04 .section {
    
}
#mahinaBox .Box04 .section .mahina2_point{
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #B20031;
    /*上部角丸*/
	border-top-right-radius: 5px; 
	border-top-left-radius: 5px;
}
#mahinaBox .Box04 .section .mahina2_article{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #FFFFFF;
    border: 1px solid #B20031;
    font-size: 17px;
    line-height: 1.7em;
     /*下部角丸*/
	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px;
}
#mahinaBox .Box04 .plusmark{
    color: #B20031;
    font-family: "Arial Black", Gadget, sans-serif;
    font-weight: bold;
    font-size: 50px;
    text-align: center;
}

#mahinaBox .Box04 .nakami{
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    background-color: #F38F1E;
    -moz-border-radius: 7px;    /* Firefox */
    -webkit-border-radius: 7px; /* Safari,Chrome */
    border-radius: 7px;         /* CSS3 */
    text-align: center;
}



#mahinaBox .Box05 {
    margin-top: 150px;
}



/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#mahinaBox .Box02 {
    margin-top: 50px;
}


#mahinaBox .Box03 {
    margin-top: 50px;
}
#mahinaBox .Box03 .section {
   margin-bottom: 80px;
   
}


#mahinaBox .Box04 {
    margin-top: 80px;
}

#mahinaBox .Box04 .section .mahina2_point{
   font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
#mahinaBox .Box04 .section .mahina2_article{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
    line-height: 1.5em;
}
#mahinaBox .Box04 .plusmark{
   font-size: 30px;
}

#mahinaBox .Box05 {
    margin-top: 80px;
}
}

/*最高の満月はhoku〜追加ボックス*/
#hokuBox {
    margin-top: 80px;
    margin-bottom: 120px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    background-color: #ffeed2;
    border-radius: 7px; 
}

/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#hokuBox {
    margin-top: 50px;
    margin-bottom: 90px;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    background-color: #ffeed2;
    border-radius: 7px; 
}
}

/***********************************
製品ページ・モアナ設定
***********************************/
#moanaBox{
 }
#moanaBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
 #moanaBox .Box02{
    margin-top: 90px;
 }
 #moanaBox .Box03{
    margin-top: 150px;
 }
 #moanaBox .Box04{
    margin-top: 150px;
 }
 
 
 /* 500px以下の場合 */
@media only screen and (max-width: 500px) {

 #moanaBox .Box02{
    margin-top: 50px;
 }
 #moanaBox .Box03{
    margin-top: 80px;
 }
 #moanaBox .Box04{
    margin-top: 80px;
 }
}



/***********************************
製品ページ・アオラニ設定
***********************************/
#aolaniBox{
 }
#aolaniBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#aolaniBox .Box02{
    margin-top: 90px;
 }
#aolaniBox .Box03{
    margin-top: 150px;
 }
#aolaniBox .Box04{
    margin-top: 150px;
 }


/* 500px以下の場合 */
@media only screen and (max-width: 500px) {

#aolaniBox .Box02{
    margin-top: 50px;
 }
 #aolaniBox .Box03{
    margin-top: 80px;
 }
 #aolaniBox .Box04{
    margin-top: 80px;
 }
}




/***********************************
製品ページ・ククナ設定
***********************************/
#kukunaBox{
 }
#kukunaBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
 
 #kukunaBox .Box02{
    margin-top: 150px;
 }
 
 
 #kukunaBox .Box03{
    margin-top: 150px;
 }


#kukunaBox .Box03 .image_size{
    width: 500px;
    height: 280px;
}


#kukunaBox .Box04{
    margin-top: 150px;
 }
 
 #kukunaBox .pinkBox{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
    background-color: #FFEEF8;
    margin-top: 50px;
 }  



/* 700px以下の場合 */
@media only screen and (max-width: 700px) {
#kukunaBox .Box03 .image_size{
    width: 300px;
    height: 168px;
}
}
 
 
 
 
 
/* 500px以下の場合 */
@media only screen and (max-width: 500px) {

#kukunaBox .Box02{
    margin-top: 80px;
 }
 
 
 #kukunaBox .Box03{
    margin-top: 80px;
 }


#kukunaBox .Box03 .image_size{
    width: 250px;
    height: 140px;
}


#kukunaBox .Box04{
    margin-top: 80px;
 }
#kukunaBox .pinkBox{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #FFEEF8;
    margin-top: 40px;
 }   
}




/***********************************
製品ページ・エッセンスオイル設定
***********************************/
#esoilBox{
 }
#esoilBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
 #esoilBox .Box02{
    margin-top: 150px;
 }
#esoilBox .Box02 .image_size{
    width: 320px;
    height: 195px;
 }
 

#esoilBox .Box03{
    margin-top: 150px;
 }
 
 
 /* 500px以下の場合 */
@media only screen and (max-width: 500px) {

#esoilBox .Box02{
    margin-top: 80px;
 }
 #esoilBox .Box02 .image_size{
    width: 250px;
    height: 152px;
 }
 
#esoilBox .Box03{
    margin-top: 80px;
 }
 }
 
 
 
/***********************************
製品ページ・ダブルプルパック設定
***********************************/ 
#dppackBox{
 }
#dppackBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
 #dppackBox .Box02{
    margin-top: 150px;
 }
 #dppackBox .Box02 .image_size{
    width: 500px;
    height: 305px;
}
#dppackBox .Box02 .image_size02{
    width: 320px;
    height: 195px;
}
#dppackBox .Box03{
    margin-top: 150px;
 }

/* 700px以下の場合 */
@media only screen and (max-width: 700px) {
#dppackBox .Box02 .image_size{
    width: 300px;
    height: 183px;
}
}

/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#dppackBox .Box02{
    margin-top: 80px;
 }
 #dppackBox .Box02 .image_size{
    width: 250px;
    height: 152px;
}

#dppackBox .Box02 .image_size02{
    width: 250px;
    height: 152px;
}

 
#dppackBox .Box03{
    margin-top: 80px;
 }
}




/***********************************
製品ページ・リリナ設定
***********************************/ 
#lilinaBox{
 }
#lilinaBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#lilinaBox .Box02{
    margin-top: 150px;
 }
 #lilinaBox .Box02 .point02{
    background-color: #978475;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    -moz-border-radius: 10px;    /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    border-radius: 10px;         /* CSS3 */
    margin-top: -10px;
}
#lilinaBox .Box02 .image_size{
    width: 500px;
    height: 195px;
}

#lilinaBox .Box03{
    margin-top: 150px;
 }

/* 700px以下の場合 */
@media only screen and (max-width: 700px) {
#lilinaBox .Box02 .image_size{
    width: 300px;
    height: 117px;
}
}


/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#lilinaBox .Box02{
    margin-top: 80px;
 }

#lilinaBox .Box02 .image_size{
    width: 250px;
    height: 98px;
}

 
#lilinaBox .Box03{
    margin-top: 80px;
 }
}

#lilinaBox .strongBox .redBox{
  padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border: 1px solid #B20031;
    -moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
}



/***********************************
製品ページ・マカラニ設定
***********************************/ 
#makalaniBox{
 }
#makalaniBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#makalaniBox .labelBox{
margin-top: 30px;
margin-bottom: 30px;   
 }
#makalaniBox .point_label{
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
font-size: 15px;
color: #FFFFFF;
background-color: #ff4d5c;
border-radius: 7px;
 }
 
#makalaniBox .about_makalani{
margin-top: 100px;
border-top: 2px dotted #5D5D5D;
padding-top: 50px;
 }

#makalaniBox .Box02{
    margin-top: 150px;
 }
#makalaniBox .Box02 .image_size{
} 

#makalaniBox .Box03{
margin-top: 100px;
 }
 
/* 700px以下の場合 */
@media only screen and (max-width: 700px) {
#makalaniBox .Box02 .image_size{
    width: 300px;
    height: 115px;
}
#makalaniBox .point_label{
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 7px;
font-size: 13px;
 }
}


/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#makalaniBox .Box02{
    margin-top: 80px;
 }

#makalaniBox .Box02 .image_size{
    width: 40%;
    height: auto;
}
   

 
#makalaniBox .Box03{
margin-top: 80px;
 }
#makalaniBox .point_label{
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 7px;
font-size: 12px;
 }
}

 
 
 
 
/***********************************
製品ページ・サマーシーズンパック設定
***********************************/ 
#sspackBox{
 }
#sspackBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#sspackBox .Box02{
    margin-top: 150px;
 }
#sspackBox .Box02 .image_size{
    width: 290px;
    height: 170px;
}
#sspackBox .Box03{
    margin-top: 150px;
 }
 
 
 #sspackBox .pinkBox{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #FFEEE9;
    margin-top: 50px;
 } 
 
#sspackBox .pinkBox .redflame{
    border: 1px solid #B20031;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
} 


/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#sspackBox .Box02{
    margin-top: 80px;
 }
 #sspackBox .Box02 .image_size{
    width: 250px;
    height: 147px;
}

#sspackBox .Box03{
    margin-top: 80px;
 }
} 





/***********************************
製品ページ・ハンドトリートメント設定
***********************************/ 
#handBox{
 }
#handBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#handBox .Box02{
    margin-top: 150px;
 }
#handBox .Box02 .image_size{
    width: 290px;
    height: 170px;
}
#handBox .Box03{
    margin-top: 150px;
 }
 
 
 
 
/***********************************
製品ページ・スキンケアサプリ設定
***********************************/ 
#suppleBox{
 }
#suppleBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#suppleBox .Box02{
    margin-top: 150px;
 }
#suppleBox .Box02 .image_size_sup{
    width: 100%;
    height:auto;
}
#suppleBox .accordionBox{
 margin-top: 50px;
}
#suppleBox .pele_accordion-title{
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 21px;
    text-align: left;
    background-color: #B20031;
    -moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
}
#suppleBox .uk-accordion-content{
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
}

#suppleBox #wayBox{
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    color: #FFFFFF;
    text-align: center;
    background-color: #ff798b;
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    border-radius: 5px;         /* CSS3 */
    font-size: 16px;
}
#suppleBox #wayBox .point_text{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 30px;
}
#suppleBox #tokkyoBox{
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    background-color: #FFFFFF;
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    border-radius: 5px;         /* CSS3 */
    margin-top: 30px;
}
#suppleBox #tokkyoBox .text{
    font-size: 15px;
    line-height: 1.7em;
    margin-top: 20px;
}
 #suppleBox .Box02 .inBox04{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    margin-top: 30px;
}
#suppleBox .Box02 .section{
    margin-bottom: 50px;
}
#suppleBox .Box02 .section p{
    line-height: 1.7em;
    font-size: 15px;
}
#suppleBox .Box02 .section.sm_ver{
}

#suppleBox .Box03{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border: 1px solid #B20031;
    color: #B20031;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 100px;
}


#suppleBox .Box04{
    margin-top: 150px;
 } 
#suppleBox .Box04 .section{
    margin-top: 60px;   
 }  


#suppleBox .Box05{
    margin-top: 150px;
 }
#suppleBox .Box06{
    margin-top: 150px;
 }
 
#suppleBox #suptable table {
    width: 400px;
    border-left: 1px solid #878787;
    border-top: 1px solid #878787;
    margin-top: 20px;
}
#suppleBox #suptable table tr td {
    border-right: 1px solid #878787;
    border-bottom: 1px solid #878787;
}



 /* 950px以下の場合 */
@media only screen and (max-width: 950px) {
#suppleBox .Box02 .section .sm_ver{
    margin-top: -20px;
}
}
/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#suppleBox #wayBox .point_text{
    font-size: 20px;
}
#suppleBox #wayBox{
  font-size: 13px;
}
#suppleBox .Box02 .section p{
    line-height: 1.7em;
    font-size: 12px;
}
#suppleBox .Box03{
margin-top: 60px;
 font-size: 13px;
}
#suppleBox .Box04{
    margin-top: 80px;
 } 
#suppleBox .Box04 .section{
    margin-top: 40px;   
 } 
#suppleBox .Box05{
    margin-top: 80px;
 } 
#suppleBox .Box06{
    margin-top: 80px;
 }  
#suppleBox #suptable table {
    width: 300px;
} 
}



/***********************************
製品ページ・スキンエリクサー設定
***********************************/ 
#skinelixirBox{
 }
#skinelixirBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
    margin-bottom: 30px;
}
        #skinelixirBox .Box01 .section{
            border: 1px solid #d88098;
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
            background-color: #FFFFFF;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }
   #skinelixirBox .Box01 .pointmidashi{
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 8px;
    background-color: #d88098;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    }
    
    #skinelixirBox .Box01 .ex_text{
    font-size: 16px;
    text-align: left;
    line-height: 1.7em;
    }







#skinelixirBox .image_size{
   
 }
 #skinelixirBox .image_size02{
    width: 100%;
    height: auto;
 }
 #skinelixirBox .image_size03{
    width: 60px;
    height: 60px;
 }
 #skinelixirBox .image_size04{
    width: 100%;
    height: auto;
 }
 
 @media screen and (min-width:500px) {
   #skinelixirBox .image_size05{
    display:none;
 }
 
}

#skinelixirBox .image_size06{
    width: 125px;
    height: 125px;
 }
#skinelixirBox .image_size07{
    width: 100%;
    height: auto;
 } 
 

#skinelixirBox .Box02{
    margin-top: 150px;
 }
 #skinelixirBox .Box02 .inBox{
    background-color: #ffeaeb;
    padding-left: 80px;
    padding-top: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
    margin-top: 40px;
 }
 #skinelixirBox .Box02 .inBox .section{
    margin-bottom: 50px;    
 }
  

#skinelixirBox .Box03{
    margin-top: 150px;
 }
#skinelixirBox .Box04{
    margin-top: 150px;
 }
#skinelixirBox .Box05{
    margin-top: 150px;
 }
     #skinelixirBox .Box05 .section{
        margin-top: 50px;
     }
#skinelixirBox .Box06{
    margin-top: 150px;
 }
#skinelixirBox .Box07{
    margin-top: 150px;
 } 
 
#skinelixirBox #suptable table {
    width: 400px;
    border-left: 1px solid #878787;
    border-top: 1px solid #878787;
    margin-top: 20px;
}
#skinelixirBox #suptable table tr td {
    border-right: 1px solid #878787;
    border-bottom: 1px solid #878787;
} 




/* 500px以下の場合 */
@media only screen and (max-width: 500px) {

#skinelixirBox .Box01 .pointmidashi{
  font-size: 13px;
  }
#skinelixirBox .Box01 .ex_text{
    font-size: 12px;
    text-align: left;
    line-height: 1.5em;
    }  
        
 #skinelixirBox .image_size{
    width: 40%;
    height: auto;
 }
 #skinelixirBox .image_size03{
    width: 40px;
    height: 40px;
 }
 
 #skinelixirBox .image_size04{
   display:none;
 }
 #skinelixirBox .image_size05{
    width: 60%;
    height: auto;
 }
 #skinelixirBox .Box02 .inBox{
    padding-left: 60px;
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    margin-top: 40px;
 }
 
 
 #skinelixirBox .image_size06{
    width: 70px;
    height: 70px;
 }


#skinelixirBox #suptable table {
    width: 300px;
}  
 }
 
 
 

/***********************************
スパークリングマスク設定
***********************************/ 
#maskBox{
 }
#maskBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#maskBox .Box02{
    margin-top: 150px;
 }
#maskBox .Box02 .image_size{
    width: 290px;
    height: auto;
}
#maskBox .Box03{
    margin-top: 150px;
 }
 
 
 
 
/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#maskBox .Box02{
    margin-top: 80px;
 }
 #maskBox .Box02 .image_size{
    width: 250px;
    height: auto;
}

#maskBox .Box03{
    margin-top: 80px;
 }
} 




/***********************************
製品ページ・ドッグページ設定
***********************************/ 
#dogBox{
 }

/*共通白抜き*/
.box_white{
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
border: 1px solid #8b8075;
border-radius: 7px;
background-color: #FFFFFF;
 }
#dogBox .midashi_bk{
color: #000000;
font-weight: bold;
font-size: 20px;
margin-bottom: 15px;
 }
 
#dogBox .midashi_red{
color: #ffffff;
font-weight: bold;
font-size: 20px;
margin-bottom: 30px;
background-color: #b20031;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
 } 
 
#dogBox .midashi_red02{
color: #b20031;
font-weight: bold;
font-size: 20px;
margin-bottom: 15px;
 }  
 





#dogBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
    margin-bottom: 30px;
}


#dogBox .Box02{
margin-top: 20px;
padding-top: 30px;
margin-bottom: 30px;
background-image: url(../images/dog/box02_bg.jpg);
background-repeat: repeat;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}



#dogBox .Box03{
margin-top: 50px;
border-top: 5px solid #C4C4C4;
padding-top: 30px;
}
#dogBox .Box03 .section{
margin-top: 80px;
padding-top: 0px;
}
/*テーブルのカラーリング*/
#dogBox .uk-table-striped{
background-color: #ffe6e8;
}
/*質問フレーム*/
#dogBox .Box03 .inBox{
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
border: 1px solid #AC4849;
margin-top: 40px;
}

#dogBox .Box03 .inBox .image_size{
width: 30px;
height: 30px;
}





#dogBox .Box04{
margin-top: 100px;
}

#dogBox .Box05{
margin-top: 100px;
}

#dogBox .Box06{
margin-top: 50px;
}
#dogBox .Box06 .image_size_img{
width: 220px;
height: 220px;
}
#dogBox .Box07{
margin-top: 50px;
}

#dogBox .Box08{
margin-top: 20px;
padding-top: 30px;
margin-bottom: 30px;
background-image: url(../images/dog/box02_bg.jpg);
background-repeat: repeat;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
margin-top: 70px;
}


#dogBox .Box09{
margin-top: 100px;
}
#dogBox .Box09 .pinkBox{
background-color: #ffdce3;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
border-radius: 10px;
}
#dogBox .Box09 .pinktxt{
color: #736357;
font-size: 30px;
line-height: 2em;
font-weight: bold;
}


#dogBox .Box10{
margin-top: 100px;
}

#dogBox .Box11{
margin-top: 100px;
}

#dogBox #suptable table {
    width: 400px;
    border-left: 1px solid #878787;
    border-top: 1px solid #878787;
    margin-top: 20px;
}
#dogBox #suptable table tr td {
    border-right: 1px solid #878787;
    border-bottom: 1px solid #878787;
} 





/* 500px以下の場合 */
@media only screen and (max-width: 800px) {
#dogBox table {
font-size: 13px;
}
#dogBox #suptable table {
    width: 300px;
}
#dogBox .Box09 .pinktxt{
font-size: 20px;
}
} 


/***********************************
製品ページ・ラカウ設定
***********************************/ 
#lakauBox{
 }
#lakauBox .Box01{
    margin-top: 20px;
    border-top: 7px solid #E4E4E4;
    padding-top: 30px;
 }
#lakauBox .labelBox{
margin-top: 30px;
margin-bottom: 30px;   
 }
#lakauBox .point_label{
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
font-size: 15px;
color: #FFFFFF;
background-color: #ff4d5c;
border-radius: 7px;
 }
#lakauBox .point_img{
 }
 
#lakauBox .about_lakau{
margin-top: 100px;
border-top: 2px dotted #5D5D5D;
padding-top: 50px;
 }

#lakauBox .Box02{
    margin-top: 150px;
 }
#lakauBox .Box02 .image_size{
} 
#lakauBox .strong01{
    background-color: #FFFFFF;
    border-radius: 5px;
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-top: 50px;
 }

#lakauBox .Box03{
margin-top: 100px;
 }
 
/* 700px以下の場合 */
@media only screen and (max-width: 700px) {
#lakauBox .Box02 .image_size{
    width: 300px;
    height: 115px;
}
#lakauBox .point_label{
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 7px;
font-size: 13px;
 }
}


/* 500px以下の場合 */
@media only screen and (max-width: 500px) {
#lakauBox .Box02{
    margin-top: 80px;
 }

#lakauBox .Box02 .image_size{
    width: 40%;
    height: auto;
}
   
#lakauBox .strong01{
    background-color: #FFFFFF;
    border-radius: 5px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
 }
 
#lakauBox .Box03{
margin-top: 80px;
 }
#lakauBox .point_label{
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 7px;
font-size: 12px;
 }
#lakauBox .point_img{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    
 }	
}