@charset "UTF-8";

#j-lp .pc-product_lp_style section {
    padding:30px 0 50px 0;
}

#j-lp .pc-product_lp_style img,
#j-lp .sp-product_lp_style img {
    vertical-align: top;
}
#j-lp img {
    vertical-align: top;
}


.pc-product_lp_style * {
	box-sizing: content-box;
}
.sp-product_lp_style * {
	box-sizing: content-box;
}


 /************************************************
 
   font-color
 
 *************************************************/
#j-lp .red {
	color: #F00;
}
#j-lp .red02 {
    color: #EE5E5E;
}
#j-lp .green {
	color: #390;
}
#j-lp .green02 {
	color: #39B54A;
}
#j-lp .gray {
	color: #888;
}



 /************************************************
 
   font-size
 
 *************************************************/
.font-60per { font-size: 60%!important; }



 /************************************************
 
   Form
 
 *************************************************/
#j-lp input[type="button"],
#j-lp input[type="text"],
#j-lp input[type="submit"],
#j-lp textarea {
     -webkit-appearance: none;
     border-radius: 0;
 }
 
#j-lp input[type="text"],
#j-lp input[type="tel"],
#j-lp input[type="email"],
#j-lp input[type="number"],
#j-lp input[type="password"],
#j-lp select,
#j-lp textarea {
   padding: 5px;
   font-size: 105%;
   font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   border: 1px solid #CCC;
 }
 
#j-lp input:hover,
#j-lp select:hover {
  cursor: pointer;
  opacity: .7;
 }



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

	Margin Padding

*************************************************/
.m10 {margin: 10px !important;}
.m20 {margin: 20px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb3 {margin-bottom: 3px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb130 {margin-bottom: 130px !important;}
.mt0 {margin-top: 0 !important;}
.mt3 {margin-top: 3px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt100 {margin-top: 100px !important;}
.mt1em {margin-top: 1em !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml90 {margin-left: 90px !important;}
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.p10 {padding: 10px !important;}
.p20 {padding: 20px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb50 {padding-bottom: 50px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl40 {padding-left: 40px !important;}

.mt_03 {margin-top: -3px !important;}

/************************************************

	Width

*************************************************/
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w80 {width: 80px;}
.w95 {width: 95px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w195 {width: 195px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w220 {width: 220px;}
.w225 {width: 225px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w520 {width: 520px;}
.w680 {width: 680px;}
.w700 {width: 700px;}
.w750 {width: 750px;}
.w_full {
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}
.w30p {width: 30%;}
.w65p {width: 65%;}
.w70p {width: 70%;}


/************************************************

	Float Align

*************************************************/
.f_left {float: left;}
.f_right {float: right;}

.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.right_pc {text-align: right !important;}


/************************************************

	Border

*************************************************/

.b_right_none{
    border-right:none !important;
}
.b_top_dashed01 {
	border-top: 1px dashed #ACE3F9;
}
.b_bottom_dashed01 {
	border-bottom: 1px dashed #ACE3F9;
}
.b_solid01 {
	border: 5px solid #BFE6F9;
}
.b_solid02 {
	border: 5px solid #D4D4D4;
}
.b_noshi {
  border-left: 8px solid #8FE6F9;
  margin-left: 3em;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

/************************************************

	Background

*************************************************/

.bg_sky01 {
	background: #E8F8FD;
}



/************************************************

	Position

*************************************************/
.posi_rel {
	position: relative;
}
.posi_bottom {
	position: absolute;
	bottom: 0;
}
.posi_right {
	position: absolute;
	right: 0;
}


/************************************************

	clearfix

*************************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/************************************************

	error

*************************************************/
.error-message {
    color: #F00;
}



/*--------------------
	common-style
--------------------*/
img.cart-in-btn:hover {
cursor: pointer;
opacity: .7;
}

@media screen and (min-width: 844px) {
  .pc-product_lp_style {
    box-sizing: content-box;
    color: #333;
    font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 2.5rem;
    -webkit-text-size-adjust: none;
  }
  .pc-product_lp_style img {
    width: auto;
    max-width: unset;
  }
  .pc-product_lp_style h1,
  .pc-product_lp_style h2,
  .pc-product_lp_style h3,
  .pc-product_lp_style h4 {
    font-weight: 700;
  }
  .sp-product_lp_style {
    display: none;
    visibility: hidden;

  }
}

@media screen and (max-width: 843px) {
  .sp-product_lp_style {
    box-sizing: content-box;
    color: #333;
    font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 2.5rem;
    -webkit-text-size-adjust: none;
  }
  .sp-product_lp_style h1,
  .sp-product_lp_style h2,
  .sp-product_lp_style h3,
  .sp-product_lp_style h4 {
    font-weight: 700;
  }
  .pc-product_lp_style {
    display: none;
    visibility: hidden;
	}

	/************************************************
	Btn
	*************************************************/
	.btn01,
	.modal_inner01 .btn01 {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF8B00), color-stop(0.50, #FF8E01), color-stop(0.50, #FDA40C), color-stop(0.00, #FDA40C));
	background: -webkit-linear-gradient(top, #FDA40C 0%, #FDA40C 50%, #FF8E01 50%, #FF8B00 100%);
	background: -moz-linear-gradient(top, #FDA40C 0%, #FDA40C 50%, #FF8E01 50%, #FF8B00 100%);
	background: -o-linear-gradient(top, #FDA40C 0%, #FDA40C 50%, #FF8E01 50%, #FF8B00 100%);
	background: -ms-linear-gradient(top, #FDA40C 0%, #FDA40C 50%, #FF8E01 50%, #FF8B00 100%);
	background: linear-gradient(top, #FDA40C 0%, #FDA40C 50%, #FF8E01 50%, #FF8B00 100%);
	border: 2px solid #FF8B00;
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}
	.btn01:visited,
	.modal_inner01 .btn01:visited {
	color: #FFF;
	}
	.btn01 span {
	display: block;
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn01.png) no-repeat right center;
	background-size: 16px;
	}

	.btn02 {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0096E6), color-stop(0.50, #0096E6), color-stop(0.50, #00A0F7), color-stop(0.00, #00A0F7));
	background: -webkit-linear-gradient(top, #00A0F7 0%, #00A0F7 50%, #0096E6 50%, #0096E6 100%);
	background: -moz-linear-gradient(top, #00A0F7 0%, #00A0F7 50%, #0096E6 50%, #0096E6 100%);
	background: -o-linear-gradient(top, #00A0F7 0%, #00A0F7 50%, #0096E6 50%, #0096E6 100%);
	background: -ms-linear-gradient(top, #00A0F7 0%, #00A0F7 50%, #0096E6 50%, #0096E6 100%);
	background: linear-gradient(top, #00A0F7 0%, #00A0F7 50%, #0096E6 50%, #0096E6 100%);
	border: 2px solid #0096E6;
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}
	.btn02:visited {
	color: #FFF;
	}
	.btn02 span {
	display: block;
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn02.png) no-repeat right center;
	background-size: 16px;
	}
	.btn02 span.ico_b {
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn02_b.png) no-repeat right center;
	background-size: 16px;
	}
	.btn02 span.ico_l {
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn02_l.png) no-repeat left center;
	background-size: 16px;
	}
	.btn02 span.ico_c {
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn02_c.png) no-repeat right center;
	background-size: 16px;
	}

	.btn03 {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #00C0DE), color-stop(0.50, #00C0DE), color-stop(0.50, #00C7E3), color-stop(0.00, #00C7E3));
	background: -webkit-linear-gradient(top, #00C7E3 0%, #00C7E3 50%, #00C0DE 50%, #00C0DE 100%);
	background: -moz-linear-gradient(top, #00C7E3 0%, #00C7E3 50%, #00C0DE 50%, #00C0DE 100%);
	background: -o-linear-gradient(top, #00C7E3 0%, #00C7E3 50%, #00C0DE 50%, #00C0DE 100%);
	background: -ms-linear-gradient(top, #00C7E3 0%, #00C7E3 50%, #00C0DE 50%, #00C0DE 100%);
	background: linear-gradient(top, #00C7E3 0%, #00C7E3 50%, #00C0DE 50%, #00C0DE 100%);
	border: 2px solid #00C0DE;
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}
	.btn03:visited {
	color: #FFF;
	}
	.btn03 span {
	display: block;
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn03.png) no-repeat right center;
	background-size: 16px;
	}
	.btn03 span.ico_l {
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn03_l.png) no-repeat left center;
	background-size: 16px;
	}

	.btn04 {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #559EE1), color-stop(0.50, #559EE1), color-stop(0.50, #6CACE6), color-stop(0.00, #6CACE6));
	background: -webkit-linear-gradient(top, #6CACE6 0%, #6CACE6 50%, #559EE1 50%, #559EE1 100%);
	background: -moz-linear-gradient(top, #6CACE6 0%, #6CACE6 50%, #559EE1 50%, #559EE1 100%);
	background: -o-linear-gradient(top, #6CACE6 0%, #6CACE6 50%, #559EE1 50%, #559EE1 100%);
	background: -ms-linear-gradient(top, #6CACE6 0%, #6CACE6 50%, #559EE1 50%, #559EE1 100%);
	background: linear-gradient(top, #6CACE6 0%, #6CACE6 50%, #559EE1 50%, #559EE1 100%);
	border: 2px solid #559EE1;
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}
	.btn04:visited {
	color: #FFF;
	}
	.btn04 span {
	display: block;
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn02.png) no-repeat right center;
	background-size: 16px;
	}
	.btn04 span.ico_b {
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn02_b.png) no-repeat right center;
	background-size: 16px;
	}
	.btn04 span.ico_l {
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn02_l.png) no-repeat left center;
	background-size: 16px;
	}

	.btn06 {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #52C1AF), color-stop(0.50, #52C1AF), color-stop(0.50, #74CDBF), color-stop(0.00, #74CDBF));
	background: -webkit-linear-gradient(top, #74CDBF 0%, #74CDBF 50%, #52C1AF 50%, #52C1AF 100%);
	background: -moz-linear-gradient(top, #74CDBF 0%, #74CDBF 50%, #52C1AF 50%, #52C1AF 100%);
	background: -o-linear-gradient(top, #74CDBF 0%, #74CDBF 50%, #52C1AF 50%, #52C1AF 100%);
	background: -ms-linear-gradient(top, #74CDBF 0%, #74CDBF 50%, #52C1AF 50%, #52C1AF 100%);
	background: linear-gradient(top, #74CDBF 0%, #74CDBF 50%, #52C1AF 50%, #52C1AF 100%);
	border: 2px solid #52C1AF;
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}
	.btn06:visited {
	color: #FFF;
	}
	.btn06 span {
	display: block;
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn06.png) no-repeat right center;
	background-size: 16px;
	}
	.btn06 span.ico_b {
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn06_b.png) no-repeat right center;
	background-size: 16px;
	}

	.btn07 {
	display: block;
	background: #f07777;
	background: -moz-linear-gradient(top,  #f07777 49%, #ee5e5e 51%);
	background: -webkit-linear-gradient(top,  #f07777 49%,#ee5e5e 51%);
	background: linear-gradient(to bottom,  #f07777 49%,#ee5e5e 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07777', endColorstr='#ee5e5e',GradientType=0 );
	border: 2px solid #ee5e5e;
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}
	.btn07:visited {
	color: #FFF;
	}
	.btn07 span {
	display: block;
	background: url(https://www.shabon.com/shop/f/assets/img/sp/common/icon/ico_btn07.png) no-repeat right center;
	background-size: 16px;
	}

	.btn08 {
	width: 88%;/* fallback */
	width: calc(100% - 40px);
	margin: 0 20px;
	padding: 10px;
	background: #c0d982;
	background: -moz-linear-gradient(top,  #c0d982 0%, #83b112 100%);
	background: -webkit-linear-gradient(top,  #c0d982 0%,#83b112 100%);
	background: linear-gradient(to bottom,  #c0d982 0%,#83b112 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d982', endColorstr='#83b112',GradientType=0 );
	color: #fff;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	box-sizing: border-box
	}
	.btn08 span {
	background: url(https://www.shabon.com/shop/f/assets/img/sp/lp/view/mutenka/ico_cart01.png) no-repeat left center / 22px 20px;
	padding: 6px 0 5px 27px;
	}
	.btn09 {
	width: 51%;/* fallback */
	width: calc(56.5% - 20px);
	background: #ffc4d7;
	background: -moz-linear-gradient(top,  #ffc4d7 0%, #d73b6c 100%);
	background: -webkit-linear-gradient(top,  #ffc4d7 0%,#d73b6c 100%);
	background: linear-gradient(to bottom,  #ffc4d7 0%,#d73b6c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc4d7', endColorstr='#d73b6c',GradientType=0 );
	color: #fff;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	box-sizing: border-box
	}
	.btn09:visited,
	.btn09 a {
	color: #fff;
	display: block;
	padding: 10px;
	}

	#btn_close01 {
	margin: 0 auto;
	padding: 5px;
	}

	.btn_sold_out01 {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9C9C9C), color-stop(0.50, #9C9C9C), color-stop(0.50, #A6A6A6), color-stop(0.00, #A6A6A6));
	background: -webkit-linear-gradient(top, #A6A6A6 0%, #A6A6A6 50%, #9C9C9C 50%, #9C9C9C 100%);
	background: -moz-linear-gradient(top, #A6A6A6 0%, #A6A6A6 50%, #9C9C9C 50%, #9C9C9C 100%);
	background: -o-linear-gradient(top, #A6A6A6 0%, #A6A6A6 50%, #9C9C9C 50%, #9C9C9C 100%);
	background: -ms-linear-gradient(top, #A6A6A6 0%, #A6A6A6 50%, #9C9C9C 50%, #9C9C9C 100%);
	background: linear-gradient(top, #A6A6A6 0%, #A6A6A6 50%, #9C9C9C 50%, #9C9C9C 100%);
	border: 2px solid #9C9C9C;
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	}
	.btn_sold_out01:visited {
	color: #FFF;
	}
	.btn_sold_out01 span {
	background-image: none;
	}
}




/*--------------------
	lp-style
--------------------*/
/*
.sec_under_lp01 {
	width: 100%;
	background: url(../../assets/img/common/bk_03.gif);
}
.sec_under_lp_inn01 {
	box-sizing: content-box;
	background: #fff;
	width: 970px;
	padding: 0 20px;
	margin: 0 auto;
	font-size: 120%;
	line-height: 1.7em;
}
.sec_under_lp_inn02 {
	background: #fff;
	width: 1010px;
	margin: 0 auto;
	font-size: 120%;
	line-height: 1.7em;
}

/* キャンペーン */
/*
.sec_under_lp_inn03 {
	background: #fff;
	width: 1050px;
	margin: 0 auto;
	padding: 20px 20px 0;
	box-sizing: border-box;
	font-size: 125%;
	line-height: 1.85em;
}
.li_show_case03 li {
	width: 227.5px;
	margin-right: 20px;
	float: left;
}
.li_show_case03 li:last-of-type {
	margin-right: 0;
}
.h3_ttl03_cp {
	background: url(../../assets/img/common/img_h1_bg01.gif);
	padding: 15px;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	border-radius: 7px;
}
.h4_ttl01_cp {
	font-size: 150%;
	border-bottom: 3px solid #00B5CE;
}
.text03 {
	line-height: 2em;
}
.table01_cp {
	margin: 0 20px;
}
.table01_cp tr {
	border-top: 1px solid #6CACE6;
}
.table01_cp tr:last-of-type {
	border-bottom: 1px solid #6CACE6;
}
.table01_cp th {
	background: #E8F8FD;
	width: 25%;
}
.table01_cp td {
	padding: 20px;
}

/*--------------------
	無添加ボディソープLP
--------------------*/
#sec_under_lp_inner_3200 .mv,
.sp-product_lp_style #sec_under_lp_3200 {
	position: relative;
}
#sec_under_lp_inner_3200 .mv .layer,
.sp-product_lp_style #sec_under_lp_3200 .mv .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}