.SOS{display: none !important}


.kv {
	background: url(/template/default/img/sp/botanica/kv_bg.jpg) center top no-repeat;
    background-size: cover;
    text-align: center;
    padding:0;
}
.kv .prd{
	margin-top: -20px;
}
.kv .text{
	margin-top: -70px;
}
.banner{
	text-align: center;
}
.message{
	padding: 0;
}
.message .title{
	margin:0 0 30px;
}
.c-title{
	background: rgb(34,65,36);
	background: linear-gradient(90deg, rgba(34,65,36,1) 0%, rgba(75,112,77,1) 100%);
	text-align: center;
	color: #fff;
	padding: 10px 0;
	letter-spacing: .5rem;
    font-size: 1.4rem;
}
.c-title2{
	position: relative;
	background: #6d8c7e;
	text-align: center;
	color: #fff;
	padding: 7px 0;
	letter-spacing:0;
    font-size: 1.6rem;
}
.c-title2 .arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 12.5px 0 12.5px;
	border-color: #6d8c7e transparent transparent transparent;
	position: absolute;
	left:0;
	right:0;
	margin: auto;
	bottom:-9px;
	z-index:1;
}
.large{
	font-size: 130%;
}
.point .botanica_wrapper{
	background: url(/template/default/img/sp/botanica/bg01.jpg) center top no-repeat;
    background-size: cover;
    text-align: center;	
    padding: 20px 0;
}
.point .title{
	margin:0 0 20px;
}
.features .title{
	padding: 20px 0;
}
.features .title2{
	padding: 20px 0;
}
.features .triangle{
	position: relative;
}
.features .triangle:after {
  content: "";
  position: absolute;
  top: 60%;
  box-sizing: border-box;
  border-right: 50vw solid transparent;
  border-left: 50vw solid transparent;
  border-top: 100px solid #fafafa;
}
.features .inner{
	background: #fafafa;
	padding:0 0 15px;	
}
.features .prd{
	z-index: 1;
    position: relative;
}
.c-title.-mt-20{
	margin-top: -20px;
}
.-mt-7{
	margin-top: -7px;
}
.details .block{
	background: rgb(41,75,43);
	background: linear-gradient(90deg, rgba(41,75,43,1) 0%, rgba(66,104,68,1) 100%);
	padding: 30px;
	margin: auto;
	text-align: center;	
}
.details .block p{
	font-weight: bold;
	color: #fff;
	margin:20px 0 0;
}
.voice{
	position: relative;
	background: url(/template/default/img/sp/botanica/bg02.jpg) center top no-repeat;
    background-size: cover;
    text-align: center;	
    padding: 30px 0;
}
.voice .botanica_wrapper{
	width: 90%;
	margin: auto;
}
.voice .prd{
	width: 55px;
	position: absolute;
	right:20px;
	top:10px;
}
.voice .block{
	background: #fff;
	border:1px solid #eee;
	padding: 15px 20px;
	margin: 35px 0 0 auto;
    width: 95%;
}
.voice .flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.voice .subtitle{
	font-size: 1.75rem;
	font-weight: bold;
	text-align: left;
	margin:0 0 10px;
}
.voice .rev .subtitle{
	text-align: right;
}
.voice .img{
	text-align: right;
	width: 45%;
	position: relative;
    top: -35px;
    left: -35px;
}
.voice .text{
	text-align: left;
	width: 68%;
	margin:0 0 0 -13px;
}
.voice .rev .text{
	margin:0 auto 0 0;
}
.voice p{
	margin: 0;
}
.voice .name{
	font-size: 1.15rem;
    line-height: 1.5;
    display: block;
    margin: 5px 0 0;
}
.voice .marker{
	background: linear-gradient(transparent 10%, #ededcc 10%);
}
.flex-row-reverse{
	flex-direction: row-reverse;
}

.howto{
	padding: 25px 0;
}
.howto .botanica_wrapper{
	width: 90%;
	margin: auto;
}
.howto .title{
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	margin:0 0 20px;
}
.howto .content{
	border:2px solid #f7f7f7;
	padding: 20px;
}
.howto .step{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin:0 0 15px;
}
.howto .img{
	width: 40%;
}
.howto .text{
	font-weight: bold;
	font-size: 1.5rem;
	width: 55%;
	margin-left: 5%;
}
.howto .note{
	color: #888;
}
.howto .note ul{
	margin: 10px 0 0;
}
.howto .note li{
	font-size: 1rem;
	padding:0 0 0 11px;
}
.howto .note li:before{
	content:"※";
	display: inline-block;
    text-indent: -11px;
}
.faq{
	background: #fafafa;
	padding: 20px 0;
}
.faq .botanica_wrapper{
	width: 90%;
	margin: auto;
}
.faq .title{
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	margin:0 0 20px;
}
.faq .block{
	padding:0 0 15px;
	margin:0 0 15px;
	border-bottom:1px solid #eee;
}
.faq .icon{
	font-family: "Helvetica Neue";
	color: #fff;
	background: #80a192;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	flex-shrink: 0;
    text-align: center;
    font-size: 2.5rem;
    line-height: 1.35;
}

.faq .q{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.faq .q p{
	font-weight: bold;
	font-size: 1.3rem;
	margin:0 0 0 10px;
	line-height: 1.4;
}
.faq .plus{
	display: inline-block;
    margin: 0 0 0 30px;
}
.faq .plus::before,
.faq .plus::after {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq .plus::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}
 
.faq .active .plus::after {
    transform: rotate(0);
    transition: 0.5s;
}
/*.ingredient{
	padding: 20px 0;
}*/
.ingredient .botanica_wrapper{
	width: 90%;
	margin: auto;
}
.ingredient .title{
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	margin:0 0 20px;
}
.ingredient .content {
    border: 2px solid #f7f7f7;
    padding: 20px;
}

.sale-bnr{
	margin: 20px 20px 0;
}

.sale_bnr_bottom{
	margin: 20px 20px 0;
}
.sale_prime{
	margin: 20px;
}

.sale_other{
	margin-top: 300px;
}

.row{
	margin: 20px 40px;
}




@media screen and (min-width: 767px) {
.sale_bnr_bottom{
	margin: 20px 20px 100px;
}
.sale_prime{
}

.sale_other{
	margin-top: 300px;
}

.botanica{
	text-align: center;
	max-width: 1000px;
	margin: auto;
}
.c-title.-mt-20 {
    margin-top: -60px;
}
.c-title,
.c-title2 {
    padding: 16px 0;
    font-size: 2rem;
    margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
c-title2 .arrow {
    bottom: -13px;
}	
.kv{
	background: none;
	margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #032824;
	/* padding: 20px 0 0; */
}
.message{margin-bottom: 30px;}	
.point .botanica_wrapper {
    background: url(/template/default/img/sp/botanica/bg01_pc.jpg) center top no-repeat;
    background-size: cover;
    text-align: center;
    padding: 40px 0;
    margin: 0 0 50px;
    background-color: #fafafa;
}
.point .title {
    margin: 0 0 40px;
}
.features .title {
    padding: 40px 0;
}
.features .title2 {
    padding: 0 0 60px;
}
.features .triangle:after {
    content: "";
    position: relative;
    top: -150px;
    box-sizing: border-box;
    border-right: 49vw solid transparent;
    border-left: 49vw solid transparent;
}
.features .title {
    padding: 40px 0;
}
.details{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);	
}
.details .img{
	background: #fafafa;
}
.details .block p {
    font-size: 1.6rem;
}
.details .block {
    padding: 40px;

}
.voice {
    position: relative;
    background: url(/template/default/img/sp/botanica/bg02_pc.jpg) center top no-repeat;
    background-size: cover;
    text-align: center;
    padding:40px 0 50px;
    margin: 50px 0 0;
}
.voice .title{
	margin:0 0 30px;
}
.voice-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.voice .block{
	width: 46%;
}
.voice .prd {
    width: auto;
    position: absolute;
    right: 30px;
    top: 30px;
}
.voice .name {
    font-size: 1.5rem;
    margin: 10px 0 0;
}
.voice .name br{
	display: none;
}
.voice .subtitle {
    font-size: 2.3rem;
    font-weight: bold;
    text-align: left;
    margin: 0 0 10px;
}
.voice .text p{
	font-size: 1.6rem;
}
.voice .img {
    width: auto;
    margin: -15px 0 0;
    flex-shrink: 0;
}
.howto .title {
    font-size: 2.7rem;
    margin: 0 0 30px;
}
.howto .content {
    border: 7px solid #f7f7f7;
    padding:30px 50px 50px;
}
.howto {
	font-size: 1.6rem;
	text-align: left;
	margin: 20px 0 0;
}
.howto .botanica_wrapper {
    width: 100%;
}
.howto .step-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin:35px 0 0;
}
.howto .step{
	text-align: center;
	width: 31%;
	display: block;
	margin: 0;
}
.howto .text {
    font-size: 1.5rem;
    width: 100%;
    margin-left: 0;
}
.howto .text p{
	margin: 20px 0 0;
}
.howto .img {
    width: 100%;
}
.howto .note li {
    font-size: 1.4rem;
    margin-bottom: 3px;
}
.faq {
    padding: 40px 0;
    margin: 30px 0;
}
.faq .title {
    font-size: 2.7rem;
    margin: 0 0 30px;
}
.faq .icon {
    width: 45px;
    height: 45px;
    font-size: 2.5rem;
    line-height: 1.75;
}
.faq .q{
	cursor: pointer;
}
.faq .q p {
    font-weight: bold;
    font-size: 1.7rem;
    margin: 0 0 0 10px;
    line-height: 1.4;
}
.faq .a p{
	font-size: 1.5rem;
	text-align: left;
}
/*.ingredient{
	margin: 0 0 50px 0;
}*/
.ingredient .botanica_wrapper {
    width: 100%;
}
.ingredient .title{
    font-size: 2.7rem;
    margin: 0 0 30px;	
}
.ingredient .content {
    border: 7px solid #f7f7f7;
    padding: 30px 50px;
}
.ingredient p{
	font-size: 1.5rem;
}
.row{
	margin: 20px 100px;
}
}
@media screen and (min-width:992px) {
	.features .triangle:after {
	    content: "";
	    position: relative;
	    top: -150px;
	    box-sizing: border-box;
	    border-right: 490px solid transparent;
	    border-left: 490px solid transparent;
	}
}

/* CP Set }*/
.cp_set_wrap { margin:30px auto; width: 800px; }
.cp_set_bow { margin:0 0 -30px 0; }
.cp_set_bow_img { position:relative; z-index:1; }
.cp_sets{ display:flex; justify-content: space-between; }
.cp_set_txt { text-align: right; font-size: 11px; }

@media screen and (max-width: 780px) { 
	.cp_set_wrap { width: 98%; }
	.cp_sets{ display:block; }
	.cp_set_top { margin-bottom: 5px; }
	.cp_set_txt { text-align: center; }
}