@charset "UTF-8"


/*!------------------------------------*\
    COMMON
\*!------------------------------------*/


html{font-size:62.5%; height: 100%; background-color: #002940;}
body{color:#3E3A39; font-family: "Noto Sans JP", 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: 500; font-size:14px; letter-spacing: 0.07em; min-height: 100%; margin:0;}
img {max-width: 100%; vertical-align: middle;}

/* link */
a {text-decoration: none; transition: 0.4s ; cursor: pointer; color:#3E3A39;}
a:hover {opacity: 0.5;}

/* buttton */
a.buy-btn{font-size: 14px; color: #fff; display: inline-block; background-color: #9E2E3F; padding: 1em 7em; border-radius: 2em;}
a.buy-btn-mint{font-size: 16px;  color: #002554; display: inline-block; background-color: #fff; padding: 1em 7em; border-radius: 2em;}
a.mov-btn{font-size: 14px;  color: #fff; display: inline-block; background-color: transparent; padding: 0.6em 5em; border-radius: 2em; border:2px solid #fff;}

.flex-wrap {display: -webkit-flex;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.align-center{text-align: center;}
.align-right{text-align: right;}


/* .clearfix */
.clearfix,.input_area{zoom:1;}
.clearfix:after,.input_area:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/* fadein */
.fadein { opacity : 0; transform : translate(0, 50px); transition:all 0.5s;}
.fadein.scrollin { opacity : 1; transform : translate(0, 0);}

/*!------------------------------------*\
    HEADING
\*!------------------------------------*/


.fl{float: left}
.fr{float: right}
@media (max-width: 767px){

h2.ttl{font-size: 4.0rem; font-size: 40px; }
}

.sp-img{display: none;}
.sp-img02{display: none;}
.lip-balm .mainimg .sp-logo{display: none;}

.anchor{display: block;padding-top: 70px;margin-top: -70px;}

/*!------------------------------------*\
    MAIN
\*!------------------------------------*/
.lip-balm{overflow:hidden; width: 100%;}
.lip-balm #mainarea {width: 100%;background: #F4F4F4;  background-image: url("https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/mainimg.png" ); background-position: top; background-size: 3100px; background-repeat: no-repeat; color: #FFFFFF; padding-bottom: 180px; height: 850px}
.lip-balm .mainimg {width: 90%; margin: 0 5%;}
.gentei{width: 200px; }
.main-title{font-weight: bold;font-size: 50px;line-height: 72px;letter-spacing: 0.05em; background: url("https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/title-line.png") no-repeat left; background-size: 400px;background-position: 0 80px; padding-top: 30px}
.main-explanation{font-size: 25px;padding-top: 30px;}
.lip-balm .mainimg h1{padding-top: 50px; width: 250px;}
.main-price{ font-size: 12px;padding-top: 80px;font-weight: normal;float: right;text-align: right;}


/*!------------------------------------*\
    content1
\*!------------------------------------*/

.lip-balm .content1 {width: 100%; background: #F4F4F4; padding-top: 30px;}
.lip-balm .content1 .description {width: 90%;margin:0 5%;display: inline-block;position: absolute; top:750px;}
.lip-balm .content1 .description p{font-size: 23px;margin-bottom: 50px;  }
.lip-balm .content1 .description p span {background:linear-gradient(transparent 60%, #FEFFC1 60%);}
.lip-balm .content1 .description ul {width: 100%; list-style: none;display: inline-block;float: left; margin: 0; padding: 0;}
.lip-balm .content1 .description li {width: 23%; margin: 0 1%;float: left; border: 1px solid #3E3A39; text-align: center; padding: 20px 0;font-family: benton-sans-compressed, sans-serif; font-weight: bold; line-height: 100%;}
.lip-balm .content1 .description a li {color: #222 !important; font-size: 23px;}
.lip-balm .content1 .description a li span{color: #222 !important; font-size: 14px;}
.lip-balm .content1 .description a:hover {color: #3E3A39 !important; background: #333 !important ;}

.lip-balm .content1 .description-lip {background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/lip_img01.jpg) no-repeat bottom left;margin: 0;padding: 130px 0 0 0;}
.lip-balm .content1 .description-lip-box {width: 50%; margin-left: 50%; padding: 80px 0 50px 0;}
.lip-title {width: 100%;background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/lip_line.png) no-repeat bottom left;background-size: 400px;font-family: benton-sans-compressed, sans-serif;font-style: normal;font-weight: bold;font-size: 50px;line-height: 50%;}
.lip-title span{width:30%;font-size: 14px;}
.lip-catch{font-size: 18px; padding: 30px 0;}
.lip-explanation{width:100%;}
.lip-explanation p{width:70%; float: left; margin-right: 30px;}
.lip-explanation img{width:100px;}
.lip-balm .content1 .description-balm {background: url("https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/balm_img01.jpg") no-repeat right bottom;}
.lip-balm .content1 .description-balm-box {width: 55%; margin-left: 10%;padding: 50px 0;}
.balm-title {width: 100%;background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/balm_line.png) no-repeat bottom left;background-size: 350px;font-family:  benton-sans-compressed, sans-serif;font-style: normal;font-weight: bold; font-size: 50px; line-height: 50%;}
.balm-title span{width:30%;font-size: 14px;}
.balm-catch{font-size: 18px; padding: 30px 0;}
.balm-explanation{width:100%;}
.balm-explanation p{width:70%; float: left; margin-right: 30px;}
.balm-explanation img{width:150px;}
.description-balm-box .balm-img{width:400px;}


/*!------------------------------------*\
    content2
\*!------------------------------------*/
.lip-balm .content2 {width: 100%;background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/set_img.png)no-repeat center 200px,url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/product_back.jpg)no-repeat center top;  background-size: 320px,3000px; padding: 30px 0; display: inline-block;}
.lip-balm .content2 .product-box {width: 100%; max-width: 1300px; margin: 0 auto;}
.lip-balm .content2 h2{font-family: benton-sans-compressed, sans-serif; font-size: 55px; line-height: 1.5; margin-bottom: 5px; color: #333; text-align: center;font-weight: bold;}
.lip-balm .content2 h2 span{font-family: benton-sans-compressed, sans-serif; font-size: 20px; line-height: 1.5; margin-bottom: 30px; color: #333; text-align: center; width: 100%; float: left;}
.lip-balm .content2 h3 span{font-family: benton-sans-compressed, sans-serif; font-size: 23px; line-height: 1.5;margin: 30px 25% 0 25%;color: #333; text-align: center; width: 50%; float: left; background: #FEFFC1; padding: 10px 0 5px 0;filter: drop-shadow(5px 5px 0px #fff)}
.lip-balm .content2 h4 {font-family: benton-sans-compressed, sans-serif; font-size: 40px; line-height: 1.5;margin: 30px 25% 50px 25%;color: #333; text-align: center;font-weight: bold;}
.lip-balm .content2 h4 span{background:  linear-gradient(transparent 60%, #FEFFC1 60%);}
.product-box01{width: 450px; float: left; margin-left: 30px; }
.product-box02{width: 450px; float: right;}
.product-title{width: 80%;background:#3E3A39;text-align: center; color:#fff;padding: 10px 0;filter: drop-shadow(5px 5px 0px #aaa);font-size: 20px;margin: 0 10% 50px 10%;
}
.product-box{width:100%;}
.product-box img{width: 30%; margin-bottom: 30px;}
.product-box dl{width: 65% ; float: right; margin-left:5%;}
.product-box dt{width: 100%;margin-bottom: 20px;}
.product-box dd{width: 100%;}
.product-box dd .set-price{width: 80px;border: solid #3E3A39 1px; box-sizing: border-box;padding: 10px;float: left; font-size: 10px;margin-right: 10px; }
.product-box dd .price{font-family:  benton-sans-compressed, sans-serif;font-style: normal;font-weight: bold;float: left; font-size: 35px;line-height: 120%;}
.product-box dd .price02{line-height: 120%;padding-top: 18px;}
p.set{width: 100%; text-align: center;margin-bottom:20px; font-size: 10px;}
a .botan{width: 50%; margin: 0 25%; background: #fff; text-align: center;border-radius: 30px; padding: 15px 0;text-decoration: none;}
a .botan{text-decoration: none;}
a .botan:hover{background: #FEFFC1; text-decoration: none;}

/*!------------------------------------*\
    content3
\*!------------------------------------*/
.lip-balm .content3 {width: 100%;background: url("https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/organic_back.png") no-repeat center; background-size: 60%; display: inline-block;padding: 70px 0 30px 0;}
.lip-balm .content3 h2{font-family: benton-sans-compressed, sans-serif; font-size: 55px; line-height: 1.5; margin-bottom: 5px; color: #333; text-align: center;font-weight: bold;}
.lip-balm .content3 h2 span{font-family: benton-sans-compressed, sans-serif; font-size: 20px; line-height: 1.5; margin-bottom: 30px; color: #333; text-align: center; width: 100%; float: left;}
.lip-balm .content3 .organic-title {text-align: center; margin: 0 auto; font-size: 20px;}
.lip-balm .content3 .organic-title p span {background: linear-gradient(transparent 60%, #EEF5DA 60%);}

.organic-box01{width:370px; display: inline-block;position: absolute; left: 30px;margin-top: 280px;}
.organic-box02{width:360px; display: inline-block;position: absolute; right: 30px;margin-top:50px;}
.organic-box03{width:720px; padding-top: 530px; float: right; margin-right: 30px;}

.organic-name{width:100%;display: inline-flex;}
.organic-name dl{width: 70%; margin-bottom: 30px;}
.organic-name img{width: 30% ;  margin-right:5%; height: 100%;}
.organic-name dt{width: 100%;margin-bottom: 5px;font-family:  benton-sans-compressed, sans-serif;font-style: normal;font-weight: bold;font-size: 30px;line-height: 120%;}
.organic-name dd{width: 100%;line-height: 120%;}

.organic-name02{width:100%;display: inline-flex;}
.organic-name02 dl{width: 80%; }
.organic-name02 img{width: 18%; margin-right:5%; height: 100%;}
.organic-name02 dt{width: 100%;margin-bottom: 5px;font-family:  benton-sans-compressed, sans-serif;font-style: normal;font-weight: bold;font-size: 35px;line-height: 120%;}
.organic-name02 dd{width: 100%;line-height: 120%;margin-bottom: 10px;}

.organic-catch{font-size: 20px;line-height: 150%;margin-bottom: 20px}
.organic-catch02{font-size: 20px;line-height: 150%;}
.organic-catch03{display: none;}
.organic-explanation{font-size: 14px;line-height: 150%;}


/*!------------------------------------*\
    content4
\*!------------------------------------*/
.blc-certification {text-align: center;padding: 66px 15px; background-color: rgba(176, 163, 131, .1);}
.blc-commitment__ttl, .blc-howto__ttl, .blc-organic__ttl {font-size: 50px;font-size: 3.33333rem;font-family: benton-sans-compressed, sans-serif;font-weight: 700;font-style: normal;}
.blc-commitment__subttl, .blc-howto__subttl, .blc-organic__subttl {font-size: 24px;font-size: 1.6rem; margin-bottom: 1rem;}
.blc-certification__txt, .blc-certification__txten {font-size: 14px; font-size: .93333rem; max-width: 800px; margin: 0 auto 1rem;}
.usda-logo {max-width: 142px; margin: 0 auto 20px;}
.blc-certification__logo {margin-bottom: 40px;}
.btn-def {display: inline-block;margin-bottom: 30px;}


/*!------------------------------------*\
    content5
\*!------------------------------------*/
.lip-balm .content5 {width: 100%; max-width: 1168px; margin: 0 auto;padding: 70px 0 70px 0;}
.lip-balm .content5 h2{font-family: benton-sans-compressed, sans-serif; font-size: 55px; line-height: 1.5; margin-bottom: 5px; color: #333; text-align: center;font-weight: bold;}
.lip-balm .content5 h2 span{font-family: benton-sans-compressed, sans-serif; font-size: 20px; line-height: 1.5; color: #333; text-align: center; width: 100%; float: left;}
.lip-balm .content5 .howto-box01{width: 565px;float: left;background:url("https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_01.png")no-repeat center left, url( "https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_01_back.png")no-repeat center right;background-size: 250px,400px;height: 400px;}
.lip-balm .content5 .howto-box01 dl{width: 300px; float: right;padding-top: 120px}
.lip-balm .content5 .howto-box01 dt{font-family: benton-sans-compressed, sans-serif; font-size: 35px; line-height: 1.5; margin-bottom: 5px; color: #333; text-align:left;font-weight: bold;}
.lip-balm .content5 .howto-box01 dt span{font-family: benton-sans-compressed, sans-serif; font-size: 20px; line-height: 1.5; margin-bottom: 30px; color: #333; text-align: left; width: 100%; float: left;}
.lip-balm .content5 .howto-box01 dd{width: 250px;}
.lip-balm .content5 .howto-box02{width: 565px;float: right;background:url("https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_02.png")no-repeat center left, url( "https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_02_back.png")no-repeat center right;background-size: 250px,400px;height: 400px; }
.lip-balm .content5 .howto-box02 dl{width: 300px; float: right;padding-top: 100px}
.lip-balm .content5 .howto-box02 dt{font-family: benton-sans-compressed, sans-serif; font-size: 35px; line-height: 1.5; margin-bottom: 5px; color: #333; text-align:left;font-weight: bold;}
.lip-balm .content5 .howto-box02 dt span{font-family: benton-sans-compressed, sans-serif; font-size: 20px; line-height: 1.5; margin-bottom: 30px; color: #333; text-align: left; width: 100%; float: left;}
.lip-balm .content5 .howto-box02 dd{width: 250px;}


/*!------------------------------------*\
    content6
\*!------------------------------------*/
.lip-balm .content6 {width: 100%; max-width: 1168px; margin: 0 auto;padding: 70px 0 70px 0;}
.lip-balm .content6 h2{font-family: benton-sans-compressed, sans-serif; font-size: 55px; line-height: 1.5; margin-bottom: 5px;margin-top: 50px; color: #333; text-align: center;font-weight: bold;display: inline-block; width: 100%;}
.lip-balm .content6 h2 span{font-family: benton-sans-compressed, sans-serif; font-size: 20px; line-height: 1.5; color: #333; text-align: center; width: 100%; float: left;margin-bottom: 30px;}
.lip-balm .content6 .voice {width:23%; margin: 0 1%; float: left;height: 420px;}
.lip-balm .content6 .voice img {width:50%; margin: 0 25%;}
.lip-balm .content6 .voice dl {width: 100%;position: relative;display: inline-block;padding: 10px;max-width: 100%;color: #fff;background: #6393BF;border-radius: 15px;height: 220px;}
.lip-balm .content6 .voice dl:before {content: "";position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent;border-top: 15px solid #6393BF;}
.lip-balm .content6 .voice dl p {margin: 0;padding: 0;}
.lip-balm .content6 .voice dt {font-size: 18px;text-align: center;}
.lip-balm .content6 .voice dd {font-size: 15px;}
.txt-right{text-align: right; font-weight: normal;}






@media (max-width: 1024px){
.lip-balm #mainarea {background-size: 2000px;height: 1000px;}
.gentei {width: 20%;}	
.lip-balm .mainimg h1{display: none;}
.lip-balm .mainimg .sp-logo{display: block;width: 40%; margin: 70px 0 40px 0;}	
.main-title {margin: 40px 0 20px 0;color: #3E3A39;}
.main-explanation{color: #3E3A39;width: 90% ;margin: 0;font-size: 20px;padding-top: 10px;}
.main-price{color: #3E3A39;width: 90% ;margin: 0;font-size: 12px;padding-top: 10px;font-weight: normal; text-align: left; float: left;}	
.lip-balm .content1 .description {width: 90%; margin: 0 5%;}
.lip-balm .content1 .description li { width: 48%;margin: 5px 1%;}
.lip-balm .content1 .description-lip {background: none;}
.lip-balm .content1 .description-lip-box {width: 90%; padding: 50px 0 50px 0;margin: 0 5%;}
.lip-title {background-size: 300px;font-size: 40px;}
.lip-explanation p {width: 100%;margin: 0;}
.lip-explanation img {width: 30%;margin: 20px 35%;}

.lip-balm .content1 .description-balm-box { width: 90%;margin: 0 5%;padding: 0;}
.lip-balm .content1 .description-balm {background: none;}
.balm-explanation p {width: 100%;margin-right: 0px;}
.balm-explanation img {width: 60%; margin: 20px 20%;}
.description-balm-box .balm-img{width:70%;padding-bottom: 20px; margin: 0 15%;}	
.lip-balm .content2 {width: 100%;background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/product_back.jpg)no-repeat center top;background-size: 6000px 100%;padding: 30px 0;display: inline-block;}
.product-box01 {width: 90%;float: left; margin: 0 5%;}	
.product-box img {width: 30%; margin: 0 35%;}
.product-title {margin: 0 10% 20px 10%;}
.product-box dl { width: 40%;margin: 20px 30%;text-align: center;}
.product-box dd .set-price { width: 40%;font-size: 14px;margin-right: 10px;}
.product-box dd .price {font-size: 45px;line-height: 100%;text-align: right;}	   
.botan { width: 80%;margin: 0 10% 30px 10%;}
	
.product-box02 {width: 90%;float: left; margin: 0 5%;}		
.lip-balm .content2 h3 span {margin: 0 3%;width: 95%;padding: 10px 2% 5px 2%;}	

.lip-balm .content3 {width: 100%;background: none;display: inline-block;padding: 70px 0 30px 0;}
.lip-balm .content3 h2 {line-height: 100%;}
.lip-balm .content3 .organic-title p {text-align: left; width: 90%; margin: 0 5 30px 5%;}
.organic-box02 {width: 90%;margin: 0 5%; display: block; position: inherit;}
.organic-box01 {width: 90%;display: block;position: inherit;left: 30px; margin: 30px 5%;}
.organic-box03 {width: 90%; padding-top: 0;float: right; margin: 0 5%;}
.organic-name02 img {width: 30%;}	
.organic-catch02 { display: none;}
.organic-catch03{font-size: 20px;line-height: 150%;display: block; margin-bottom: 20px;}
	
.lip-balm .content5 .howto-box01 {width: 45%; background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_01.png)no-repeat top right, url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_01_back.png)no-repeat center right;background-size: 180px,350px; height: 400px; margin: 30px 2.5% 0;}
.lip-balm .content5 .howto-box02 {width: 45%; background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_02.png)no-repeat top right, url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_02_back.png)no-repeat center right;background-size: 180px,350px; height: 400px; margin: 30px 2.5% 0;}
	
.lip-balm .content6 .voice {width: 45%; height:auto; margin:0 2.5% 20px}
.lip-balm .content6 .voice dl { height: auto;}
.lip-balm .content6 .voice dt {text-align: left;}
.lip-balm .content6 .voice img {width: 30%;margin: 0 35%;}
.lip-balm .content6 h2 {display: inline-block; width: 100%;}
	
.sp-img{display: block; margin-top: 20px;}	
.sp-img02{display: block;  width: 60%; margin: 0 20% 30px 20%;}	}



@media (max-width: 736px){
.lip-balm{overflow:hidden;}
.lip-balm #mainarea {width: 100%;background: #F4F4F4;  background-image: url("https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/mainimg-sp.png" ); background-position: top; background-size: 100%; background-repeat: no-repeat; color: #FFFFFF; padding-bottom: 180px; height: 800px;}
.lip-balm .mainimg {width: 100%; max-width: 1168px; margin: 0 auto;}
.gentei{width: 30%; }
.main-title{width: 90% ;margin: 0 5%; font-weight: bold;font-size: 40px;line-height: 72px;letter-spacing: 0.05em; background: none; background-size: 300px;background-position: 0 70px; padding-top: 90%; color: #fff;}
.main-explanation{width: 90% ;margin: 0 5%;font-size: 20px;padding-top: 10px;color: #fff;}
.main-price{width: 90% ;margin: 0 5%;font-size: 12px;padding-top: 10px;font-weight: normal;color: #fff;}
.lip-balm .mainimg h1{display: none;}
.lip-balm .mainimg .sp-logo{display: block;width: 70%; margin: 20px 15%;}


.lip-balm .content1 .description {width: 90%;margin:0 5%;display: contents;}
.lip-balm .content1 .description p{font-size: 18px;   width: 90%;margin: 0 5% 30px 5%;}
.lip-balm .content1 .description li {width: 90%;padding: 10px 0;margin: 5px 5%;}
.lip-balm .content1 .description-lip {background: none;
}
.lip-balm .content1 .description-lip-box {width: 90%; padding: 250px 0 50px 0;margin: 0 5%;}
.lip-title {background-size: 300px;font-size: 40px;}
.lip-explanation p {width: 100%;margin: 0;}
.lip-explanation img {width: 30%;margin: 20px 35%;}

.balm-title {background-size: 300px;font-size: 40px;}
.lip-balm .content1 .description-balm-box { width: 90%;margin: 0 5%;padding: 0;}
.lip-balm .content1 .description-balm {background: none;}
.balm-explanation p {width: 100%;margin-right: 0px;}
.balm-explanation img {width: 60%; margin: 20px 20%;}
.description-balm-box .balm-img{width:100%;padding-bottom: 20px;margin: 0;}


.lip-balm .content2 {width: 100%;background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/product_back.jpg)no-repeat center top;background-size: 5000px 100%;padding: 30px 0;display: inline-block;}
.product-box01 {width: 90%;float: left; margin: 0 5%;}	
.product-box img {width: 90%; margin: 0 5%;}
.product-title {margin: 0 10% 20px 10%;}
.product-box dl { width: 80%;margin: 20px 10%;text-align: center;}
.product-box dd .set-price { width: 40%;font-size: 14px;margin-right: 10px;}
.product-box dd .price {font-size: 45px;line-height: 100%;}	   
a .botan { width: 80%;margin: 0 10% 30px 10%;}
	
.product-box02 {width: 90%;float: left; margin: 0 5%;}		
.lip-balm .content2 h3 span {margin: 0 3%;width: 95%;padding: 10px 2% 5px 2%;}	
.lip-balm .content2 h4 {margin: 30px 5% 50px 5%;font-size: 30px;}

.lip-balm .content3 {width: 100%;background: none;display: inline-block;padding: 70px 0 30px 0;}
.lip-balm .content3 h2 {line-height: 100%;}
.lip-balm .content3 .organic-title p {text-align: left; width: 90%; margin: 0 5% 30px 5%;}
.organic-box02 {width: 90%;margin: 0 5%; display: block; position: inherit;}
.organic-box01 {width: 90%;display: block;position: inherit;left: 30px; margin: 30px 5%;}
.organic-box03 {width: 90%; padding-top: 0;float: right; margin: 0 5%;}
.organic-name02 img {width: 30%;}	
.organic-catch02 { display: none;}
.organic-catch03{font-size: 20px;line-height: 150%;display: block; margin-bottom: 20px;}
	
	
	
.lip-balm .content5 .howto-box01 {width: 100%; background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_01.png)no-repeat top right, url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_01_back.png)no-repeat center right;background-size: 180px,400px; height: 400px; margin: 30px 0 0;}
.lip-balm .content5 .howto-box02 {width: 100%; background: url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_02.png)no-repeat top right, url(https://www.drbronner.jp/wp-content/themes/drbronner2019/assets/images/lip-balm/howto_02_back.png)no-repeat center right;background-size: 180px,400px; height: 400px; margin: 0;}
	
.lip-balm .content6 .voice {width: 95%; height:auto; margin:0 2.5% 20px}
.lip-balm .content6 .voice dl { height: auto;}
.lip-balm .content6 .voice dt {text-align: left;}
.lip-balm .content6 .voice img {width: 30%;margin: 0 35%;}

.sp-img{display: block; margin-top: 20px;}	
.sp-img02{display: block;  width: 60%; margin: 0 20% 30px 20%;}	

}

@media (max-width: 480px){
	.lip-balm #mainarea { background-repeat: repeat-y;height: auto;padding-bottom: 75px}
	.blc-organic__subttl{font-size: 1.4rem}
}