@charset "utf-8";
/*全ページ共通
---------------------------------------------------------------*/

body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 140%;
}
#wrapper {
	position: relative;
	text-align: center;
}
header {
	padding-top: 16%;
	border-bottom: 1px solid #cccccc;
	position: relative;
}
header h1 {
	left: 35%;
	position: absolute;
	top: 30%;
	width: 30%;
	z-index: 9999999;
}
header h1 img {
	width: 100%;
	z-index: 9999999;
}
/*header a{ display:inline !important;}*/


/*.headBtnTel img{ position:absolute; right:95px; top:5px;width:35%;}*/
.border1 {
	border-bottom: 1px solid #999;
}
.border2 {
	border-bottom: 3px double #999;
}

.headBtnCart_sp {
	position: absolute;
	left: 3%;
	top: 21%;
	z-index: 999999;
	width: 8%;
}
.headBtnCart_sp img {
	width: 100%;
}
.headBtnFB_sp {
	position: absolute;
	left: 12%;
	top: 21%;
	z-index: 999999;
	width: 8%;
}
.headBtnFB_sp img {
	width: 100%;
}
.headBtnBL_sp {
	position: absolute;
	left: 20%;
	top: 21%;
	z-index: 999999;
	width: 8%;
}
.headBtnBL_sp img {
	width: 100%;
}
.headerIn {
	position: fixed;
	width: 100%;
	z-index: 999999;
	top: 0;
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 16%;
}



article img {
	width: 100%;
}
.menu {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	background: #ffffff;
	color: #666666;
	overflow: hidden;
	z-index: 9999;
	border-bottom: 1px solid #cccccc;
	padding-top: 65px;
}
.menu ul {
	padding: 0;
	margin: 5px 0 0;
	list-style: none;
	border-top: 1px solid #cccccc;
	text-align: left;
}
.menu li {
	position: relative;/*border-bottom: 1px solid #cccccc;*/
}
.menu a {
	box-sizing: border-box;
	color: #666;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	width: 100%;
}
.menu a:hover {
	background: #cccccc;
}
.button-toggle {
	position: absolute;
	right:5%;
	top: 10%;
	cursor: pointer;
	z-index: 999999;
}

.button-toggle img {
	width: 80%;
}

.menu2 {
	display: none;
	position: fixed;
	top: 0%;
	width: 100%;
	background: #ffffff;
	color: #666666;
	overflow: hidden;
	z-index: 999999;
	border-bottom: 1px solid #cccccc;
	padding-top: 65px;
	text-align: left;
	font-size: 150%;
	line-height:40px;
}
.menu2 a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
.menu2 a:hover {
	background: #cccccc;
}
.menu2 ul {
	border-bottom: 1px solid #cccccc;
}
.menu2 ul a:hover {
	background: #f1f1f1;
}
.menu2 ul img {
	margin: 10px;
}
/*.menu li:last-child{border-top: 1px solid #cccccc; box-sizing: border-box; margin-left: 20px; padding-bottom: 20px;  padding-right: 20px; width: 90%;}*/

.menu li:last-child a:hover {
	background: none;
}
/*.menu li:last-child img{ width:95%;}
.menuBtnArea{ padding-top:5%;}*/

.menuBtnArea a {
	display: inline;
}
.menuBtnArea a:hover {
	background: none;
}
.menuBtnArea {
	position: relative;
	height: 52px;
}
.menuBtnArea img {
	position: absolute;
}
img.mail {
	left: 20px
}
img.facebook {
	left: 72px;
}
img.twitter {
	left: 131px;
}
img.blog {
	left: 180px;
}
img.mailMG {
	left: 250px;
	top: 22%;
}
/*2018.7*/
.snsmenu_sp {
	background: url(../images/snsmenu_bk_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 17.81%;
	margin-bottom:2%;
}


.snsmenu_sp ul li.blog img {
	position:absolute;
	top:14.3%;
	left:4.6%;
	width:12.9%;
}

.snsmenu_sp ul li.fb img {
	position:absolute;
	top:14.3%;
	left:23.25%;
	width:12.9%;
}

.snsmenu_sp ul li.tw img {
	position:absolute;
	top:14.3%;
	left:58.1%;
	width:12.9%;
}

.snsmenu_sp ul li.line img {
	position:absolute;
	top:14.3%;
	left:76.9%;
	width:12.9%;
}

.snsmenu_sp ul li.insta img {
	position:absolute;
	top:14.3%;
	left:39.5%;
	width:12.9%;
}




footer {
	color: #575757;
}
footer img {
	width: 150px;
	padding-bottom: 30px;
}
.listLink03Btn img.facebook {
	left: 72px;
	width: 10%;
}
.listLink03Btn img.twitter {
	left: 124px;
	width: 10%;
}
.listLink03Btn img.blog {
	left: 180px;
	width: 25% !important;
}
.listLink03Btn img.mailMG {
	left: 180px;
	width: 30% !important;
}
.headfacebook {
	width: 9.5%;
	top: 15%;
	left: 24%;
}
.headtwitter {
	top: 15%;
	left: 35%;
	width: 9.5%;
}
.headblog {
	top: 15%;
	left: 46%;
	width: 30%;
}
.headmailMG {
	top: 15%;
	right: 6%;
	width: 36%;
}
.footcontsns p {
	clear: both;
	margin-bottom: 10%;
}
.footcontsns .snsbox {
	width: 43%;
	margin: 0 auto;
	text-align: center;
}
.footcontsns .snsbox span {
	border: 1px solid #cccccc;
	padding: 5%;
	color: #575757;
}
.footcontsns .snsbox span a {
	color: #575757;
}
/*トップページ 20150603追加
---------------------------------------------------------------*/

.listLink, .listLink02, .listLink03 {
	text-align: right;
	margin: 10px 5px 10px 0;
	clear: both;
}
.listLink img {
	width: 35%;
}
.listLink02 img {
	width: 20%;
}
.listLink03 {
	width: 96%;
	margin: 0 auto 5%;
}
.listLink03 .listLink03Btn {
	text-align: center;
	margin: 3% 0;
}
.listLink03Btn img {
	width: 34%;
}
.listLink03Btn img.snsicon {
	width: 8%;
	margin: 15px 5px 0 10px;
}
.listLink a, .listLink02 a, .listLink03 a {
	font-size: 120%;
	text-decoration: none;
	color: #666666;
}
.listLink03Btn a {
	display: inline;
}
.topBnr03 {
	overflow: hidden;
	margin: 0;
	padding: 0 5px;
}
.topBnr03 img {
	width: 45%;
	padding: 10px 2%;
}
.topBnr03L {
	margin-left: 0px;
	float: left;
}
.topBnr03R {
	margin-right: 0px;
	float: left;
}
.titbox {
	text-align: left;
	margin-bottom: 5px;
	font-size: 120%;
	color: #888;
	font-weight: normal;
}
.titbox img {
	width: 20%;
}
.pickupArea {
	margin-left: 5px;
	overflow: hidden;
	margin-top: 25px;
	color: #575757;
}
.pickupArea .titbox img {
	width: 18.5%;
}
.pickupList {
	width: 31%;
	float: left;
}
.pickupList2 {
	width: 48%;
	float: left;
}
.newArea {
	margin: 25px 5px 0 5px;
	overflow: hidden;
}
.puml {
	margin-right: 5px;
}
.pickupList p {
	text-align: left;
	margin: 5px;
}
.pickupList2 p {
	text-align: left;
	margin: 5px;
}
.newsArea ul {
	border-top: 1px solid #cccccc;
}
.newsArea {
	text-align: left;
}

.newsArea a {
    display: block;
}




.newsArea li span {
	display: table-cell;
	padding-right: 10px;
	width: 100px;
}
.newsArea li {
	padding: 10px 5px;
	border-bottom: 1px #cccccc solid;
	padding-right: 20px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.newsArea ul a {
	color: #666666;
	text-decoration: none;
	background: url(../images/footerBK.gif) no-repeat right;
	text-align: left;
}
.newsArea .titbox {
	margin-left: 5px;
}
.newsArea .titbox img {
	width: 12.5%;
}
.layout_footer {
	padding: 5px 0;
	clear: both;
	margin-top: 10%;
}
.BrandArea {
	padding: 0px;
	width: 98%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25%;
}
.BrandArea ul {
	list-style: none;
}
.BrandArea li {
	float: left;
	width: 46%;
}
.BrandArea li.br01 {
	margin-left: 2%;
}
.BrandArea li.br02 {
	margin-left: 2%;
}
.bnr_gakai {
	padding: 0px 5px;
}
.TrialArea {
	padding: 0px;
	width: 98%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25%;
	color: #575757;
}
.TrialdArea ul {
	list-style: none;
}
.TrialArea li {
	float: left;
	width: 46%;
}
.TrialArea li p {
	text-align: left;
	line-height: 1.8em;
	margin: 3% 0 10% 0;
}
.TrialArea li.br01 {
	margin-left: 2%;
}
.TrialArea li.br02 {
	margin-left: 2%;
}


#hajimeteArea{
	padding:10% 0;
	margin: 0;
	width: 100%;
	color: #575757;
    background-color: #e9e8e8;
}



#StartArea {
	padding: 0px;
	width: 98%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25%;
	color: #575757;
}

#StartArea .tit{
	padding: 3% 0;
	margin: 0 auto 0 auto;
	width: 37.6%;
	}



#StartArea .left_cont{
width: 96%;
	height: auto;
}

#StartArea .left_cont .titbox {
	text-align: left;
	margin-bottom: 5px;
	margin-left: 3%;
	font-size: 120%;
	color: #888;
	font-weight: normal;
}


#StartArea .left_cont ul {
	list-style: none;
}
#StartArea .left_cont li {
	float: left;
	width: 47%;
}

#StartArea .left_cont ul li.fst {
	margin:0 3%;
}

#StartArea .right_cont{
width: 96%;
}


#StartArea .right_cont .titbox {
	text-align: left;
	margin-bottom: 5px;
	margin-left: 3%;
	font-size: 120%;
	color: #888;
	font-weight: normal;
}

#StartArea .right_cont .mo  {
	float: left;
	width: 47%;
	margin:0 3%;
}



.footerBnnerArea img {
	margin-bottom: 10px;
}
.footermenu {
	border-top: 1px solid #cccccc;
	width: 100%;
	padding: 0 0px;
	box-sizing: border-box;
}
.footermenu li {
	padding: 10px 0 10px 5px;
	border-bottom: 1px #ccc solid;
	background: url(../images/footerBK.gif) no-repeat right;
	display: table;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}
.footermenu li a {
	color: #666666;
	text-decoration: none;
}
.fbmrL {
	background: url(../images/footBnrPress.jpg) no-repeat;
	padding-top: 17.03%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	text-align: left;
}
.fbmrT {
	background: url(../images/footTips.jpg) no-repeat;
	padding-top: 17.03%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	text-align: left;
}
.fbmrC {
	background: url(../images/footBnrCampaign2.jpg) no-repeat;
	padding-top: 17.03%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	text-align: left;
}
.fbmrK {
	background: url(../images/footBnrKodawari2.jpg) no-repeat;
	padding-top: 17.03%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	text-align: left;
}
.fbmrP {
	background: url(../images/footBnrPress.jpg) no-repeat;
	padding-top: 17.03%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	text-align: left;
}

.fbmrN {
	background: url(../images/top/ft_nouen_sp.jpg) no-repeat;
	padding-top: 18.43%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	margin-left: 2%;
	text-align: left;
}


.fbmrN2 {
	background: url(../images/top/ft_nouen_sp.jpg) no-repeat;
	padding-top: 18.43%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	margin-left: 2%;
	text-align: left;
}

.fbmrM {
	background: url(../images/top/ft_media_sp.jpg) no-repeat;
	padding-top: 18.43%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	margin-left: 2%;
	text-align: left;
}

.fbmrM2 {
	background: url(../images/top/ft_media_sp.jpg) no-repeat;
	padding-top: 18.43%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	margin-left: 2%;
	text-align: left;
}



.fbmrB {
	background: url(../images/top/ft_blog_sp.jpg) no-repeat;
	padding-top: 18.43%;
	position: relative;
	background-size: contain;
	margin-bottom: 3%;
	margin-left: 2%;
	text-align: left;
}


.fbmrT p, .fbmrC p, .fbmrK p, .fbmrP p, .fbmrL p {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 6%;
	box-sizing: border-box;
	padding-left: 35%;
}

.fbmrN p, .fbmrM p, .fbmrN2 p, .fbmrM2 p, .fbmrB p {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 8%;
	box-sizing: border-box;
	padding-left: 35%;
}

.fbmrT a, .fbmrC a, .fbmrK a, .fbmrP a, .fbmrL a, .fbmrN a, .fbmrM a, .fbmrN2 a, .fbmrM2 a, .fbmrB a {
	text-decoration: none;
	font-size: 110%;
	color: #666666;
}
footer .pageTop a {
	padding: 10px;
	color: #666666;
	background: #e6e6e6;
}
footer .pageTop span {
	display: inline;
}
.footerBnnerArea2 {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #ccc;
}
.footerBnnerArea2 ul {
}
.footerBnnerArea2 li {
	float: left;
	width: 50%;
	padding: 4% 0;
	border-bottom: 1px solid #ccc;
}
.footerBnnerArea2 li.bl {
	float: left;
	width: 49%;
	padding: 4% 0;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.footerBnnerArea2 li a {
	color: #7f7f7f;
	text-decoration: none;
}
.footcont04 {
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10%;
	padding-bottom: 10%;
	color: #666;
}
.footcont04 ul.sns {
	display: table;
}
.footcont04 ul.sns li {
	display: table-cell;
	vertical-align: middle;
}
.footcont04 .fb {
	width: 20.9%;
	position: absolute;
	left: 30%;
}
.footcont04 .tw {
	width: 20.6%;
	position: absolute;
	left: 50.9%;
}
.footcont05 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10%;
	padding-bottom: 10%;
	color: #575757;
}
.footcont05 ul {
	width: 90%;
	padding-left: 5%;
	list-style: none;
	padding-bottom: 10%;
	position:relative;
	display:table;
}
.footcont05 ul li {
	float: left;
	padding: 3% 0;
	display:table-cell;
}
.footcont05 ul li a {
	color: #7f7f7f;
	text-decoration: none;
}
.footcont05 ul li.toku {
	font-size:98%;
	position:absolute;
	top:2%;
	left:2%;
	width:50%;
}
.footcont05 ul li.policy {
	font-size:98%;
	top:2%;
	width:40%;
	left:55%;
	position:absolute;
}
.footcont05 ul li.com {
	font-size:98%;
	top:70%;
	left:45%;	
	width:40%;
	position:absolute;
}

.footcont05 ul li.abo {
	font-size:98%;
	top:70%;
	left:4%;
	width:35%;
	position:absolute;
}
.footcont05 ul li.face {
	background-image: url(../images/icon_ft_Facebook_sp.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 16px;
}
.footcont05 ul li.tw {
	background-image: url(../images/icon_ft_Twitter_sp.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 20px;
}
.footcont05 ul li.bl {
	margin-left: 0%;
}
footer img.footerlogo {
	width: 43.75%!important;
}
.copyright {
	color: #575757;
}

/* 201807 */


.ft_snsmenu_sp {
	background: url(../images/snsmenu_bk2_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 17.81%;
	margin-bottom:2%;
}


.ft_snsmenu_sp ul li.blog img {
	position:absolute;
	top:25%;
	left:7.6%;
	width:12.9%;
}

.ft_snsmenu_sp ul li.fb img {
	position:absolute;
	top:25%;
	left:26.25%;
	width:12.9%;
}

.ft_snsmenu_sp ul li.tw img {
	position:absolute;
	top:25%;
	left:62.1%;
	width:12.9%;
}

.ft_snsmenu_sp ul li.line img {
	position:absolute;
	top:25%;
	left:80.9%;
	width:12.9%;
}

.ft_snsmenu_sp ul li.insta img {
	position:absolute;
	top:25%;
	left:43.5%;
	width:12.9%;
}



/*トップページ 201704追加
---------------------------------------------------------------*/


.topBnr2017 {
	width: 96%;
	margin: 10% 2% 2% 2%;
}
.topBnr2017 ul {
	list-style: none;
	text-align: left;
}
.topBnr2017 ul li {
	float: left;
	width: 47%;
	margin-right: 3%;
	padding-bottom: 5%;
}
.topBnr2017 ul li.Bnrlast {
	float: left;
	width: 47%;
	margin-right: 3%;
	padding-bottom: 0%;
}
.topBnr2017 ul li p {
	padding-top: 12%;
	padding-bottom: 10%;
	color: #575757;
}
/*トライアル
---------------------------------------------------------------*/

.topTxtArea {
	margin: 0px 20px 20px;
	text-align: left;
	font-size: 8px;
}
.topBtnArea {
	padding: 0 20px 20px;
}
.topBtnArea p {
	padding: 0 20px;
	text-align: left;
}
.bkGlayArea {
	margin-top: 60px;
	padding: 30px 0;
	background: #f6f4f2;
}
.bkBlueArea {
	margin: 60px 0;
	padding: 30px 0;
	background: #eef1f6;
}
/* アコーディオン */

ul.accordion {
	width: 100%;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
ul.accordion a {
	display: block;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
ul.accordion span {
	display: block;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	color: #538742;
	font-weight: bold;
}
ul.accordion ul {
	display: none;
}
ul.accordion>li {
/*background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9)); border:1px solid #cccccc; box-sizing: border-box;*/
}
ul.accordion>li>p {
/* background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));cursor:pointer;*/
}
ul.accordion>li>p span {
	background-image: url(../images/open.png);
	padding: 20px 10px;
	padding-right: 90px;
	cursor: pointer;
}
ul.accordion>li>p span.open {
	background-image: url(../images/close.png);
}
ul.accordion>li>ul>li {
	/* background:#999; border-bottom:1px solid #EEE;*/
	padding: 0 20px 10px;
	color: #666666;
}
/*ul.accordion > li > ul > li > p { background:#999;}
ul.accordion > li > ul > li > a { background:url(../img/go.png) no-repeat 98% center;}*/

ul.accordion>li {
	background: #FFF;
	border-bottom: 1px solid #cccccc;
}
ul.accordion>li:last-child {
	border: none;
}
.topBnr {
	overflow: hidden;
	margin: 10px 0;
}
.topBnr02 {
	overflow: hidden;
	margin: 10px 0;
	padding: 0 5px;
}
.topBnrFull {
	margin: 10px 0;
	padding: 0 15px;
}
.topBnrFull img {
	width: 100%;
}
.topBnr img, .topBnr02 img {
	width: 46%;
}
.topBnrL {
	float: left;
	margin-left: 10px;
}
.topBnrR {
	float: right;
	margin-right: 10px;
}
.topBnr a:hover, .topBnrUp a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.topBnrUp {
	margin: 10px 0 0;
}
.trialTrouble {
	background: url(../images/trial/trialImg02.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 149%;
}
.trialTrouble p {
	position: absolute;
	width: 62%;
	text-align: left;
}
.trialTrouble p.trouble01 {
	top: 43%;
	right: 3%;
	font-size: 11px;
}
.trialTrouble p.trouble02 {
	top: 63%;
	right: 3%;
	font-size: 11px;
}
.trialTrouble p.trouble03 {
	top: 83%;
	right: 3%;
	font-size: 11px;
}
.trialkumake {
	background: url(../images/trial/trialImg11.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 115%;
}
.trialkumake p {
	position: absolute;
	top: 84%;
	left: 5%;
	text-align: left;
	width: 88%;
}
.trialvoice {
	background: #eef1f6;
}
.trialvoiceInner {
	background: #ffffff;
	width: 80%;
	margin: 0 auto;
	padding: 15px;
}
.trialvoiceInner .voice01 {
	background: url(../images/trial/trialImg15.jpg) no-repeat;
	background-size: contain;
	position: relative;
	height: 80px;
	text-align: left;
}
.trialvoiceInner .voice02 {
	background: url(../images/trial/trialImg16.jpg) no-repeat;
	background-size: contain;
	position: relative;
	height: 80px;
	text-align: left;
	padding-left: 26%;
}
.trialvoiceInner .voice03 {
	background: url(../images/trial/trialImg17.jpg) no-repeat;
	background-size: contain;
	position: relative;
	height: 80px;
	text-align: left;
}
.trialvoiceInner .voice04 {
	background: url(../images/trial/trialImg18.jpg) no-repeat;
	background-size: contain;
	position: relative;
	height: 80px;
	text-align: left;
	padding-left: 26%;
}
.trialvoiceInner img {
	width: 100%;
}
.trialvoiceInner div.mb10.mt10 {
	text-align: left;
}
.trialvoiceBox {
	padding: 15px 0;
	border-bottom: 1px #cccccc solid;
}
.trialvoiceBox.lastBox {
	border: none !important;
}
.payBox001 {
	background: url(../images/trial/trialImg01_2.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 70.38%;
	text-align: left;
}
.payBox001 p {
	font-size: 80%;
	left: 8%;
	line-height: 12px;
	position: absolute;
	top: 68%;
	width: 83%;
}
.trialPay01_2sp {
	margin: 10px auto;
	position: relative;
}
.trialPay01_2sp .innerP {
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 220%;
	text-align: left;
}
.trialPay01_2sp .toplogo {
	text-align: left;
	width: 34%;
	padding-left: 3%;
	padding-top: 2%;
}
.trialPay01_2sp .topmain {
	text-align: center;
	padding-top: 8%;
}
.trialPay01_2sp p.topcap {
	text-align: left;
	font-size: 100%;
	color: #595757;
	font-weight: bold;
	line-height: 1.5em;
	padding-top: 4%;
	padding-left: 3%;
}
.trialPay01_2sp p.topcap span {
	font-size: 60%;
}
.trialPay01_2sp p.cap {
	position: absolute;
	top: 66%;
	left: 3%;
	font-size: 80%;
	line-height: 12px;
	width: 96%;
	text-align: left !important;
}
.trialPay01_2sp p.cap2 {
	position: absolute;
	top: 96%;
	left: 3%;
	font-size: 80%;
	line-height: 12px;
	width: 94%;
	text-align: left !important;
}
.trialPay01_2sp p.rank {
	position: absolute;
	top: 4%;
	left: 31%;
	font-size: 80%;
	width: 68%;
	line-height: 12px;
	text-align: left !important;
}
.trialPay01_2sp p.rank_icon {
	position: absolute;
	top: 2%;
	left: 2%;
}
.trialPay01_2sp p.trialcont01 {
	position: absolute;
	top: 16%;
	left: 3%;
	width: 92%;
}
.trialPay01_2sp p.trialcont02 {
	position: absolute;
	top: 40%;
	left: 3%;
	width: 92%;
	text-align: left;
	font-size: 120%;
	line-height: 1.5em;
}
.trialPay01_2sp p.trialcont02 span {
	font-size: 80%;
}
.trialPay01_2sp p.trialcont02_2 {
	position: absolute;
	top: 50%;
	left: 3%;
	width: 92%;
	text-align: left;
	font-size: 80%;
}
.trialPay01_2sp p.trialcont02_2 span {
	border: 1px solid #000000;
	padding: 7px;
}
.trialPay01_2sp p.trialcont02_3 {
	position: absolute;
	top: 55%;
	left: 3%;
	width: 92%;
	text-align: left;
	font-size: 100%;
}
.trialPay01_2sp p.trialcont02_4 {
	position: absolute;
	top: 60%;
	left: 3%;
	width: 70%;
	text-align: left;
	font-size: 100%;
	background-color: #e5eb96;
	padding: 6px;
}
.trialPay01_2sp div.btn_try {
	position: absolute;
	top: 83%;
	text-align: center;
}


/*2018トライアルリニューアル
---------------------------------------------------------------*/

.trial_cont01sp {
width:100%;
}


.trial_btn_sp img{
	width:88%;
	margin-top:2%;
	text-align:center;
}



.trial_cont01sp .coment{
	width:88%;
	margin:2% 6%;
	text-align:left;
	font-size:90%;
	color:#575757;
	white-space: nowrap;
}


.trial_cont01sp .set{
	width:84%;
	margin:2% 6%;
	text-align:left;
	font-size:79%;
	border:1px solid #575757;
	color:#575757;
	padding:2%;
	line-height:1.2em;
	
}

.trial_cont01sp .present_bk{
	position: relative;
	
}

.trial_cont01sp .present_bk .present_top{
	width:80%;
	font-size:80%;
	color: #296e45;
	line-height:1.5em;
	position: absolute;
	top: 76%;
	left: 0%;
	
}



.trial_cont01sp .set span{
	color:#3b8539;	
}



.trial_cont01sp .media{
	padding:10% 0;
	
}



.tr_topbtn_sp li {
	width: 99%;
	margin: 0;
	border: 1px solid #ccc;
	font-size: 170%;
	background-color: b7c4b3;
	clear: both;
	text-align: center;
}
.tr_topbtn_sp li a {
	display: table-cell;
	width: 640px;
	height: 51px;
	background: #739572 url(../images/cleansing2/icn_nav.png) right 20px bottom 30px no-repeat;
	color: #fff;
	line-height: 1.2;
	vertical-align: middle;
	text-decoration: none;
	padding: 5px;
	font-size:80%;
}
.tr_topbtn_sp li a:hover {
	background: #739572 url(../images/cleansing2/icn_nav_over.png) right 20px bottom 30px no-repeat;
	transition: background-color 1s;
	color: #fff;
}


.trial_cont02sp {
	background: url(../images/trial2/trial_renewal_sp03.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 300%;
}


.trial_cont02sp p.text01 {
    width:84%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:74%;
	left:8%;
	line-height:1.6em;

}


.trial_cont03sp {
	background: url(../images/trial2/trial_renewal_sp04.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 300%;
}



.trial_cont03sp p.text01 {
    width:80%;
	text-align:left;
	font-size:80%;
	color:#575757;
	position:absolute;
	top:56.0%;
	left:10%;

}


.trial_cont03sp p.text02 {
    width:80%;
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:59.4%;
	left:10%;

}

.trial_cont03sp p.text03 {
    width:84%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:70.3%;
	left:10%;

}

.trial_cont03sp p.text04 {
    width:83%;
	font-size:80%;
	color:#575757;
	position:absolute;
	text-align:right;
	top:96.3%;
	right:6%;

}


.trial_cont04sp {
	background: url(../images/trial2/trial_renewal_sp05.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 210%;
}


.trial_cont04sp p.text01 {
    width:90%;
	text-align:center;
	font-size:130%;
	color:#575757;
	position:absolute;
	top:35%;
	left:5%;

}

.trial_cont04sp p.text02 {
    width:90%;
	text-align:center;
	ffont-size:110%;
	color:#575757;
	position:absolute;
	top:39%;
	left:5%;
	line-height:1.6em;

}

.trial_cont04sp p.text03 {
    width:49.4%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:59.2%;
	left:3%;

}

.trial_cont04sp p.text04 {
    width:51.4%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:80.9%;
	left:46.4%;

}


.trial_cont05sp {
	background: url(../images/trial2/trial_renewal_sp06.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 200%;
}


.trial_cont05sp p.text01 {
    width:88%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:65.2%;
	left:6%;

}

.trial_cont05sp p.text02 {
    width:88%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:79%;
	left:6%;

}

.trial_cont05sp p.text02 span {
	color:#3b8539;
}

.trial_cont05sp p.text03 {
    width:88%;
	text-align:left;
	font-size:80%;
	color:#575757;
	position:absolute;
	top:88%;
	left:6%;

}


.trial_cont06sp {
	background: url(../images/trial2/trial_renewal_sp07.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 125%;
}

.trial_cont06sp p.text01 {
    width:84%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:34.8%;
	left:8%;

}


.trial_cartsp {
	background: url(../images/trial2/trial_cart_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	/*padding-top: 226%;*/
	padding-top: 170%;
}

.trial_cartsp .present{
	width:80%;
	font-size:80%;
	color: #296e45;
	line-height:1.5em;
	position: absolute;
	top:46%;
	left: 0%;
	
}


.trial_cartsp .cont01 img {
	text-align:left;
	color:#575757;
	position:absolute;
	top:58.8%;
	left:5%;
	width:90%;
}

.trial_cartsp .cont02 img {
	text-align:left;
	color:#575757;
	position:absolute;
	top:67.5%;
	left:5%;
	width:90%;
}


.trial_cartsp .cont03 {
	text-align:left;
	color:#575757;
	position:absolute;
	top:79.0%;
	width:100%;
}



.trial_cartsp .cont03 .coment{
	width:88%;
	margin:2% 6%;
	text-align:left;
	font-size:90%;
	color:#575757;
	
}


.trial_cartsp .cont03 .set{
	width:84%;
	margin:2% 6%;
	text-align:left;
	font-size:79%;
	border:1px solid #575757;
	color:#575757;
	padding:2%;
	line-height:1.2em;
	
}

.trial_cartsp .cont03 .set span{
	color:#3b8539;	
}






.trial_cont07sp {
	background: url(../images/trial2/trial_renewal_sp08.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 321%;
}


.trial_cont07sp p.text01 {
    width:84%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:16%;
	left:8%;

}


.trial_cont07sp p.text02 {
    width:84%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:33%;
	left:8%;

}

.trial_cont07sp p.text03 {
    width:84%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:62%;
	left:8%;

}


.trial_cont07sp p.text04 {
    width:84%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:76.1%;
	left:8%;

}

.trial_cont07sp p.text05 {
    width:84%;
	text-align:center;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:88.7%;
	left:8%;
	text-decoration: underline;

}


.trial_cont07sp p.text06 {
    width:78%;
	font-size:94%;
	color:#575757;
	position:absolute;
	top:91%;
	left:12%;
	text-align:left;
}


.trial_cont08sp {
	background: url(../images/trial2/trial_renewal_sp09_2.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 756%;
}


.trial_cont08sp .product01 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:10.5%;
	left:56.5%;

}


.trial_cont08sp .next01 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:12.5%;
	right:5.3%;

}



.trial_cont08sp .product02 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:26.0%;
	left:56.5%;

}


.trial_cont08sp .next02 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:28.0%;
	right:5.3%;

}


.trial_cont08sp .product03 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:39.25%;
	left:56.5%;

}


.trial_cont08sp .next03 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:41.35%;
	right:5.3%;

}




.trial_cont08sp .product04 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:55.0%;
	left:56.5%;

}


.trial_cont08sp .next04 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:57.25%;
	right:5.3%;

}


.trial_cont08sp .coment {
	text-align:left;
	font-size:80%;
	color:#575757;
	position:absolute;
	top:65.7%;
	left:10.0%;
	width:62.6%;

}


.trial_cont08sp .product05 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:78.75%;
	left:56.5%;

}


.trial_cont08sp .next05 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:80.45%;
	right:5.3%;

}
.trial_cont08sp .product06 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:93.10%;
	left:56.5%;

}


.trial_cont08sp .next06 {
	text-align:left;
	font-size:90%;
	color:#575757;
	position:absolute;
	top:94.80%;
	right:5.3%;

}



.trial_cont08sp .coment2 {
	text-align:left;
	font-size:80%;
	color:#575757;
	position:absolute;
	top:98%;
	left:7.4%;
	width:62.6%;

}

.trial_cont010sp .present_bk{
	position: relative;
	
}

.trial_cont010sp .present_bk .present2{
	width:90%;
	font-size:80%;
	color: #296e45;
	line-height:1.5em;
	position: absolute;
	top: 82%;
	left: 0%;
	
}


.trial_voicesp {
	background: url(../images/trial2/trial_renewal_voice_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 237%;
	
}


.trial_voicesp  p.v01 {
    width:77%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:14.9%;
	left:11%;
	line-height:1.3em;

}


.trial_voicesp  p.v02 {
    width:77%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:35.0%;
	left:11%;
	line-height:1.3em;

}

.trial_voicesp  p.v03 {
    width:77%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:56.1%;
	left:11%;
	line-height:1.3em;

}

.trial_voicesp  p.v04 {
    width:77%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:80.6%;
	left:11%;
	line-height:1.3em;

}

.trial_voicesp  p.v05 {
    width:77%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:68%;
	left:11%;
	line-height:1.3em;

}

.trial_voicesp  p.v06 {
    width:77%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:84.0%;
	left:11%;
	line-height:1.3em;

}

.trial_voicesp  p.coment {
	text-align:right;
	font-size:80%;
	color:#575757;
	position:absolute;
	top:97.3%;
	right:10%;
	line-height:1.3em;

}






/* Q&Aアコーディオン */

ul.accordion04 {
	width: 100%;
	text-align: left;
	border-top: 1px solid #575757;
	margin: 0;
	font-size:14px;
	font-weight:normal !important;
}
ul.accordion04 a {
	display: block;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #575757;
}
ul.accordion04 span {
	display: table;
	padding: 5%;
	background-position: 97% center;
	background-repeat: no-repeat;
	color: #666;
	background-color:#eaebdd;
	border-bottom: 1px solid #575757;
	font-size:100%;
	font-weight:normal;

}
ul.accordion04 ul {
	display: none;
}
ul.accordion04>li>p span {
	background-image: url(../images/trial2/alow01.png);
	padding: 15px 10px;
	padding-right: 70px;
	cursor: pointer;
	display: block;
	font-size:100%;
	font-weight:normal;
}
ul.accordion04>li>p span.open {
	background-image: url(../images/trial2/alow02.png);
}
ul.accordion04>li>ul>li {
	padding: 5%;
	color: #575757;
	font-size:100%;
	font-weight:normal;
}
ul.accordion04>li {
	background: #FFF;
	border-bottom: 1px solid #ccc;
}





.trial_cont09sp {
	background: url(../images/trial2/trial_renewal_sp010.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 253%;
	
}



.trial_cont09sp p.text01 {
    width:80%;
	text-align:left;
	font-size:110%;
	color:#575757;
	position:absolute;
	top:87%;
	left:10%;

}



.trial_cont010sp {
width:100%;
}


.trial_cont010sp .coment{
	width:88%;
	margin:2% 6%;
	text-align:left;
	font-size:90%;
	color:#575757;
	
}


.trial_cont010sp .set{
	width:84%;
	margin:2% 6%;
	text-align:left;
	font-size:79%;
	border:1px solid #575757;
	color:#575757;
	padding:2%;
	line-height:1.2em;
	
}


.trial_cont010sp .set span{
	color:#3b8539;	
}







/*私たちについてページ
---------------------------------------------------------------*/

#wrapper article.secondContents img.half {
	width: 50% !important;
}
.aboutAsContents {
	border-top: 1px solid #cccccc;
	margin: 30px auto;
	padding-top: 20px;
	width: 90%;
}
#wrapper article.secondContents img.sTtl {
	width: 12% !important;
}
.aboutAsContents dl {
	display: table;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.aboutAsContents dl dt {
	display: table-cell;
	width: 25%;
	font-weight: bold;
}
.aboutAsContents dl dd {
	display: table-cell;
	width: 75%;
}
#wrapper article.secondContents img.sTtl02 {
	width: 40% !important;
}
.conceptBox {
	border: 1px solid #364f38;
	padding: 10px;
	background: #364f38;
}
.conceptBox p {
	border-top: 4px solid #364f38;
	background: #ffffff;
	padding: 10px;
	margin-bottom: 20px;
}
.secondContents h2.tit {
	text-align: center;
	font-size: 140%;
	margin: 0;
	/*
	border-bottom: 1px solid #ccc;
	*/
	padding-bottom: 5%;
	margin: 5% 2% 5% 2%;
	width: 96%;
	color: #7d7d7d;
	letter-spacing: 2px;
	font-weight: normal;
}
.aboutAsContents01 {
	margin: 30px auto;
	padding-top: 20px;
	width: 90%;
	color: #7d7d7d;
}
.aboutAsContents01 h3 {
	font-weight: normal;
	font-size: 120%;
}
.aboutAsContents01 .kodawari01 {
	width: 90%;
	text-align: center;
	margin: 20% auto;
}
.aboutAsContents01 .kodawari01 p {
	width: 98%;
	font-size: 96%;
	line-height: 1.8em;
	margin: 5% auto;
}
.aboutAsContents01 .kodawari02 {
	width: 90%;
	text-align: center;
	margin: 20% auto;
}
.aboutAsContents01 .kodawari02 p {
	width: 98%;
	font-size: 96%;
	line-height: 1.8em;
	margin: 5% auto;
}
.aboutAsContents01 .kodawari03 {
	width: 90%;
	text-align: center;
	margin: 20% auto;
}
.aboutAsContents01 .kodawari03 p {
	width: 98%;
	font-size: 96%;
	line-height: 1.8em;
	margin: 5% auto;
}
.aboutAsContents01 .kodawari04 {
	width: 90%;
	text-align: center;
	margin: 20% auto;
}
.aboutAsContents01 .kodawari04 p {
	width: 98%;
	font-size: 96%;
	line-height: 1.8em;
	margin: 0 auto 10% auto;
	text-align: left;
}
.aboutAsContents02 {
	border-top: 1px solid #cccccc;
	margin: 30px auto;
	padding-top: 20px;
	width: 90%;
	color: #7d7d7d;
}
.aboutAsContents02 h3 {
	font-weight: normal;
	font-size: 120%;
	text-align: left;
}
.aboutAsContents02 dl.enkaku {
	display: table;
	width: 90%;
	text-align: left;
}
.aboutAsContents02 dl.enkaku dt {
	display: table-cell;
	width: 25%;
	font-weight: bold;
}
.aboutAsContents02 dl.enkaku dd {
	display: table-cell;
	width: 65%;
}
.aboutAsContents03sp {
	border-top: 1px solid #cccccc;
	margin: 30px auto;
	padding-top: 20px;
	width: 90%;
	color: #7d7d7d;
}
.aboutAsContents03sp h3 {
	font-weight: normal;
	font-size: 120%;
	text-align: left;
}
.aboutAsContents03sp .cont_left {
	text-align: left;
	float: none;
	width: 90%;
	margin: 5% auto;
	position: relative;
}
.aboutAsContents03sp .cont_left .photo {
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
}
.aboutAsContents03sp .cont_left .photo img {
	width: 80%;
	height: auto;
}
.aboutAsContents03sp .cont_left .name {
	text-align: left;
	position: absolute;
	top: 5%;
	left: 40%;
	font-size: 100%;
	line-height: 1.5em;
}
.aboutAsContents03sp .cont_left .btn_cont {
	text-align: left;
	position: absolute;
	padding-top: 33%;
	left: 40%;
	font-size: 120%;
}
.aboutAsContents03sp .cont_left .txt {
	text-align: left;
	padding-top: 55%;
	line-height: 1.8em;
}
.aboutAsContents03sp .cont_right {
	text-align: left;
	float: none;
	width: 90%;
	margin: 5% auto;
	position: relative;
}
.aboutAsContents03sp .cont_right .photo {
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
}
.aboutAsContents03sp .cont_right .photo img {
	width: 80%;
	height: auto;
}
.aboutAsContents03sp .cont_right .name {
	text-align: left;
	position: absolute;
	top: 5%;
	left: 40%;
	font-size: 100%;
	line-height: 1.5em;
}
.aboutAsContents03sp .cont_right .btn_cont {
	text-align: left;
	position: absolute;
	padding-top: 33%;
	left: 40%;
	font-size: 120%;
}
.aboutAsContents03sp .cont_right .txt {
	text-align: left;
	padding-top: 55%;
	line-height: 1.8em;
}
.btn_kuwasiku {
	display: inline-block;
	height: 25px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #888888;
	font-size: 100%;
	line-height: 20px;
	color: #888 !important;
	text-decoration: none !important;
	text-align: center;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 150%;
	background: #fff;
}
.btn_kuwasiku a {
	color: #7d7d7d;
	text-decoration: none;
	padding-top: 3px;
	font-size: 80%;
}
.btn_kuwasiku a:hover {
	color: #7d7d7d;
	text-decoration: none;
	font-size: 80%;
}
.btn_kuwasiku:hover, .btn_kuwasiku:focus {
	background: #fff;
	color: #dadada;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.aboutAsContents04 {
	border-top: 1px solid #cccccc;
	margin: 30px auto;
	padding-top: 20px;
	width: 92%;
	color: #7d7d7d;
}
.aboutAsContents04 .cont_left {
	text-align: left;
	float: none;
	width: 90%;
}
.aboutAsContents04 h3 {
	font-weight: normal;
	font-size: 120%;
	text-align: left;
}
.aboutAsContents04 dl.com {
	display: table;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.aboutAsContents04 dl.com dt {
	display: table-cell;
	width: 25%;
	font-weight: bold;
}
.aboutAsContents04 dl.com dd {
	display: table-cell;
	width: 75%;
}
.aboutAsContents04 .cont_right {
	text-align: left;
	float: none;
	width: 90%;
}

.aboutAsContents05 {
	margin: 30px auto;
	padding-top: 20px;
	width: 92%;
	color: #7d7d7d;
}
.aboutAsContents05 .cont_left {
	text-align: left;
	float: none;
	width: 90%;
}
.aboutAsContents05 h3 {
	font-weight: normal;
	font-size: 120%;
	text-align: left;
}
.aboutAsContents05 dl.com {
	display: table;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.aboutAsContents05 dl.com dt {
	display: table-cell;
	width: 25%;
	font-weight: bold;
}
.aboutAsContents05 dl.com dd {
	display: table-cell;
	width: 75%;
}
.aboutAsContents05 .cont_right {
	text-align: left;
	float: none;
	width: 90%;
}


.aboutAsContents05 .box {
	text-align: left;
	margin: 10px auto;
	padding:5%;
	width: 90%;
	color: #7d7d7d;
	border: 1px solid #cccccc;
}

.comphoto {
	width: 100%;
	margin: 10% 0;
	text-align: center;
}
.comphoto ul li {
	float: left;
	width: 42%;
	margin-right: 4%;
	margin-left: 4%;
	font-size: 90%;
}
.comphoto img {
	width: 100%;
	height: auto;
}
.aboutAsContentslast {
	width: 92%;
	font-size: 96%;
	line-height: 1.8em;
	margin: 5% auto;
	text-align: left;
	color: #7d7d7d;
}
/*農園のこだわりページ
-
--------------------------------------------------------------*/

.fade-up2 {
	transition: opacity 0.7s;
	-moz-transition: opacity 5.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
	transition: transform 0.7s;
	-moz-transition: transform 0.7s;
	-webkit-transition: transform 0.7s;
	-o-transition: transform 0.7s;
}
.effect {
	margin: auto;
	transition: .8s;
	transition-delay: .8s;
}
#main-copy_sp {
	top: 0%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-moz-transition: all 1.8s ease-in-out 0.3s;
	-webkit-transition: all 1.8s ease-in-out 0.3s;
	-o-transition: all 1.8s ease-in-out 0.3s;
	-ms-transition: all 1.8s ease-in-out 0.3s;
	transition: all 1.8s ease-in-out 0.3s;
}
#main-copy_sp.on {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	top: 0;
}
.section1 {
	height: 100vh;
	background: url(../images/kodawari/sp_top_bk.jpg) no-repeat fixed;
	background-size: cover;
	width: 100%;
}
.section2 {
	height: 100%;
}
#kodawari_headboxtop_sp {
	position: relative;
	background: url(../images/kodawari/sp_top_bk.jpg) no-repeat;
	background-size: contain;
	height: 0;
	text-align: left;
	padding-top: 158%;
}
#kodawari_headbox01_sp {
	position: relative;
	background: url(../images/kodawari/sp_top_bk.jpg) no-repeat;
	background-size: contain;
	height: 0;
	text-align: left;
	padding-top: 158%;
}
/*
#kodawari_headbox01_sp {
	position:relative;
	background: url(../images/kodawari/sp_top_bk.jpg) no-repeat center center;
    background-size: contain;
    height: 0;
    padding-top: 158%;
    text-align: left;
}*/



#kodawari_headboxtop_sp #main-copy_sp {
	width: 100%;
	height: 92.7%;
	padding-top: 5%;
	background: rgba(0,0,0,0.50);
	position: absolute;
	top: 20px;
	z-index: 9999;
}
#kodawari_headboxtop_sp #main-copy_sp .inner {
	width: 96%;
	margin: 0 2%;
	z-index: 9999;
}
#kodawari_headboxtop_sp #main-copy_sp .inner .t01 {
	width: 90%;
	position: absolute;
	padding-top: 5%;
	z-index: 9999;
}
#kodawari_headboxtop_sp #main-copy_sp .inner .t02 {
	width: 90%;
	position: absolute;
	padding-top: 50%;
	text-align: left;
	z-index: 9999;
}
#kodawari_headboxtop_sp #main-copy_sp .inner .t03 {
	width: 90%;
	position: absolute;
	padding-top: 70%;
	text-align: left;
	font-size: 100%;
	color: #fff;
	text-align: left;
	line-height: 1.8em;
	z-index: 9999;
}
#kodawari_headbox01_sp #main_cont_sp {
	width: 100%;
	height: 92.7%;
	padding-top: 5%;
	background: rgba(0,0,0,0.50);
	position: absolute;
	top: 20px;
	z-index: 9999;
}
#kodawari_headbox01_sp #main_cont_sp .inner {
	width: 96%;
	margin: 0 2%;
	z-index: 9999;
}
#kodawari_headbox01_sp #main_cont_sp .inner .t01 {
	width: 90%;
	position: absolute;
	padding-top: 5%;
	z-index: 9999;
}
#kodawari_headbox01_sp #main_cont_sp .inner .t02 {
	width: 90%;
	position: absolute;
	padding-top: 50%;
	text-align: left;
	z-index: 9999;
}
#kodawari_headbox01_sp #main_cont_sp .inner .t03 {
	width: 90%;
	position: absolute;
	padding-top: 70%;
	text-align: left;
	font-size: 100%;
	color: #fff;
	text-align: left;
	line-height: 1.8em;
	z-index: 9999;
}
#kodawari_headbox02_sp {
	background: url(../images/kodawari/sp_top2_bk.jpg) no-repeat center center;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 115%;
	text-align: left;
	margin-top: 15%;
}
#kodawari_headbox02_sp .inner {
	width: 69%;
	margin: 0 2%;
	position: absolute;
	top: 70%;
}
#kodawari_cont01_sp {
	color: #7d7d7d;
	font-size: 100%;
	text-align: left !important;
	line-height: 1.8em;
	width: 96%;
	margin: 0 2%;
}
#kodawari_cont01_sp span {
	color: #7d7d7d;
	font-size: 76%;
	text-align: left;
	line-height: 1.8em;
}
#kodawari_cont01_sp .btn {
	width: 42%;
	margin-top: 10px;
}
#kodawari_cont1_sp {
	background: url(../images/kodawari/img01_sp.jpg) no-repeat center center;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 68.9%;
	text-align: left;
	margin-top: 15%;
}
#kodawari_cont2_sp {
	background: url(../images/kodawari/img02_sp.jpg) no-repeat center center;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 68.9%;
	text-align: left;
	margin-top: 15%;
}
#kodawari_cont3_sp {
	background: url(../images/kodawari/img03_sp.jpg) no-repeat center center;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 68.9%;
	text-align: left;
	margin-top: 15%;
}
#kodawari_cont4_sp {
	background: url(../images/kodawari/img04_sp.jpg) no-repeat center center;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 68.9%;
	text-align: left;
	margin-top: 15%;
}
#kodawari_cont5_sp {
	background: url(../images/kodawari/img05_sp.jpg) no-repeat center center;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 68.9%;
	text-align: left;
	margin-top: 15%;
}
#kodawari_cont_sp {
	width: 96%;
	margin: 0 2%;
}
#kodawari_cont_sp .no {
	width: 12%;
	height: auto;
	margin: 5% 0 0 4%;
}
#kodawari_cont_sp .tit01 {
	width: 61.25%;
	height: auto;
	margin: 5% 0 5% 4%;
}
#kodawari_cont_sp .tit02 {
	width: 48.43%;
	height: auto;
	margin: 5% 0 5% 4%;
}
#kodawari_cont_sp .tit03 {
	width: 59.53%;
	height: auto;
	margin: 5% 0 5% 4%;
}
s  #kodawari_cont_sp .tit04 {
	width: 10%;
	height: auto;
	margin: 5% 0 5% 4%;
}
#kodawari_cont_sp .tit05 {
	width: 48.43%;
	height: auto;
	margin: 5% 0 5% 4%;
}
#kodawari_cont_sp p {
	color: #7d7d7d;
	font-size: 100%;
	text-align: left !important;
	line-height: 1.8em;
}
#kodawari_cont_sp p span {
	color: #7d7d7d;
	font-size: 80%;
	text-align: left !important;
	line-height: 1.8em;
}
#kodawari_cont_last_sp img {
	width: 80%;
	height: auto;
	margin: 5% auto 5% auto;
	text-align: center;
}
.kodawariBox {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	text-align: left;
}
.kodawariBox ul li {
	width: 48%;
	margin-bottom: 20px;
}
.outro {
	width: 90%;
	margin: 10px auto;
	text-align: left;
}
/*定期便ページ
---------------------------------------------------------------*/

.otokuBox {
	width: 90%;
	margin: 8% auto 0;
}
.otokuBox h2.tit {
	text-align: center;
	font-size: 140%;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5%;
	margin: 5% 2% 5% 2%;
	width: 96%;
	color: #7d7d7d;
	letter-spacing: 2px;
	font-weight: normal;
}
.btnAnchor {
	margin: 10px 0 30px;
}
.btnAnchor a {
	display: inline;
}
.btnAnchor img {
	width: 31%;
}
#wrapper article.secondContents .otokuBox h2 img {
	width: 90% !important;
	margin-bottom: 20px;
}
.otokuContents {
	border: 1px solid #cac9c9;
	overflow: hidden;
	text-align: left;
	margin-bottom: 20px;
	color: #7d7d7d;
}
.otokuBox p {
	padding: 10px;
	text-align: left;
	color: #7d7d7d;
}
.convenientBox .otokuBox p {
	padding: 0px;
}
.otokuBox .img06 {
	margin-bottom: 10px;
}
.otokuBox .img07 {
	margin-bottom: 30px;
}
.otokuContents span {
	color: #598e35;
}
.otokuBox p.convenientTxt {
	padding-top: 10px;
}
.convenientBox span.sp {
	display: inline;
}
.otokuMain {
	background: url(../images/otoku/mainCampaign.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 120%;
	margin-bottom: 30px;
}
body .otokuMain img {
	position: absolute;
	top: 72%;
	left: 10%;
	width: 48%;
}
.otokuMain02 {
	background: url(../images/otoku/mainCampaign03.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 120%;
	margin-bottom: 30px;
}
body .otokuMain02 img {
	position: absolute;
	top: 75%;
	left: 10%;
	width: 48%;
}
.otokuMain03 {
	background: url(../images/otoku/mainCampaign04.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 120%;
	margin-bottom: 30px;
}
body .otokuMain03 img {
	position: absolute;
	top: 75%;
	left: 10%;
	width: 48%;
}
.txtM3 {
	color: #575757;
}
/* Q&Aアコーディオン */

ul.accordion02 {
	width: 100%;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
ul.accordion02 a {
	display: block;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
ul.accordion02 span {
	display: table;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	color: #598e35;
	font-weight: bold;
}
ul.accordion02 ul {
	display: none;
}
ul.accordion02>li {
/*background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9)); border:1px solid #cccccc; box-sizing: border-box;*/
}
ul.accordion02>li>p {
/* background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));cursor:pointer;*/
}
ul.accordion02>li>p span {
	background-image: url(../images/open.png);
	padding: 10px 10px;
	padding-right: 70px;
	cursor: pointer;
}
ul.accordion02>li>p span.open {
	background-image: url(../images/close.png);
}
ul.accordion02>li>ul>li {
	/* background:#999; border-bottom:1px solid #EEE;*/
	padding: 0 20px 10px;
	color: #666666;
}
/*ul.accordion02 > li > ul > li > p { background:#999;}
ul.accordion02 > li > ul > li > a { background:url(../img/go.png) no-repeat 98% center;}*/

ul.accordion02>li {
	background: #FFF;
	border-bottom: 1px solid #cccccc;
}
ul.accordion02>li:last-child {
	border: none;
}
.iconQ {
	width: 16px;
	margin-right: 8px;
	display: table-cell;
	vertical-align: -3px;
}
b {
	width: 100%;
	display: table-cell;
}
.areaA {
	display: table;
}
.otokuBox h2 {
	font-size: 160%;
	text-align: left;
	margin-bottom: 5%;
}
.otokuBox .mainImg {
	margin-bottom: 3%;
}
h3.otokuH3sp {
	margin-top: 8%;
	color: #7d7d7d;
	background-color: #f5f5f5;
	padding: 3% 0;
	text-align: center;
}
.otokuBox .through {
	text-decoration: line-through;
}
.otokuBox .txtMS {
	font-size: 110%;
	font-weight: bold;
}
.otokuBox .txtM {
	font-size: 120%;
	line-height: 140%;
	color: #7d7d7d;
}
.otokuBox .txtM2 {
	font-size: 120%;
	line-height: 140%;
	color: #7d7d7d;
}
.otokuBox .txtMM {
	font-size: 140%;
	font-weight: bold;
}
.otokuBox .txtL {
	font-size: 160%;
	line-height: 140%;
	margin-top: 3%;
}
.otokuBox .txtL2 {
	font-size: 160%;
	line-height: 140%;
	margin-top: 3%;
	font-weight: bold;
}
.otokuBox .greenT {
	color: #598e35;
}
.otokuBox .otokuBoxM {
	border: solid 1px #cccccc;
	padding: 5%;
	text-align: left;
	margin-top: 5%;
	margin-bottom: 12%;
}
.otokuBox .otokuBoxIn {
	border-top: 1px solid #cccccc;
	padding-top: 10%;
	text-align: left;
}
.otokuBox .imgPointItem {
	margin: 5% 0;
}
.otokuBox .otokuBoxIn table {
	margin-bottom: 10%;
}
.otokuBox .otokuBoxIn table th {
	width: 15%;
}
.otokuBox .otokuBoxIn table td {
	width: 84%;
}
.otokuBox a {
	color: #598e35;
	text-decoration: underline;
	display: inline;
}
.otokuBox a:hover {
	text-decoration: none;
}
.otokuBox .otokuBoxL {
	float: left;
	width: 70%;
}
.otokuBox .otokuBoxL p.txt {
	width: 70%;
}


.otokuBox .otokuBoxL3 {
	float: left;
	width: 70%;
}
.otokuBox .otokuBoxL3 p.txt {
	width: 70%;
}

.otokuBox .otokuBoxR {
	float: right;
	width: 29%;
}
.otokuBox .otokuBoxR2 {
	width: 60%;
	text-align: center;
	margin: 10px auto;
}
.otokuBox .otokuBoxR3 {
	width: 90%;
	margin: 10px auto;
}
.otokuBox .img09Txt01 {
	font-weight: bold;
}
.otokuBox .img10Txt01 {
	font-weight: bold;
}
.otokuBox .img11Txt01 {
	font-weight: bold;
}


#wrapper .otokuBox .otokuBoxL_1sp {
	text-align: left;
	width: 90%;
	padding: 5%;
}

#wrapper .otokuBox .otokuBoxL_1sp .txt {
	text-align: left;
	line-height:1.8em;
	padding:10px 0;
}


#wrapper .otokuBox .otokuBoxL_1sp img.point {
	float: right;
	padding: 0 2%;
	max-width: 60px;
}






ul.accordion00 {
	width: 100%;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
ul.accordion00 a {
	display: block;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
ul.accordion00 li ul li a {
	display: inline;
	padding: 0;
	background: none;
	text-decoration: underline;
	color: #598e35;
	font-weight: normal;
}
ul.accordion00 span {
	display: table;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	color: #7d7d7d;
}
ul.accordion00 ul {
	display: none;
}
ul.accordion00>li {
/*background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9)); border:1px solid #cccccc; box-sizing: border-box;*/
}
ul.accordion00>li>p {
/* background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));cursor:pointer;*/
}
ul.accordion00>li>p span {
	background-image: url(../images/open02.png);
	padding: 10px 10px;
	padding-right: 70px;
	cursor: pointer;
}
ul.accordion00>li b {
	font-weight: normal;
}
ul.accordion00>li>p b {
	font-weight: normal;
}
ul.accordion00>li>p span.open {
	background-image: url(../images/close02.png);
}
ul.accordion00>li>ul>li {
	/* background:#999; border-bottom:1px solid #EEE;*/
	padding: 0 20px 10px;
	color: #666666;
}
/*ul.accordion02 > li > ul > li > p { background:#999;}
ul.accordion02 > li > ul > li > a { background:url(../img/go.png) no-repeat 98% center;}*/

ul.accordion00>li {
	background: #FFF;
	border-bottom: 1px solid #cccccc;
}
ul.accordion00>li:last-child {
	border: none;
}
/*商品一覧ページ
---------------------------------------------------------------*/

#wrapper article.secondContents h2.allitemTtl img {
	width: 90% !important;
}
.allitemContents {
	width: 90%;
	margin: 0 auto;
}
.allitemContents ul li {
	width: 48%;
	margin-bottom: 20px;
}
.allitemContents ul li h3 {
	margin: 10px 0;
	font-size: 12px !important;
}
.allitemContents ul li p {
	background: #eaf3ed;
	padding: 10px;
	margin-bottom: 15px;
}
.allitemContents p {
	font-size: 12px;
}
.allitemContents p span {
	text-align: left;
	color: #ea5468;
	clear: both;
}
.allitemContents a {
	color: #000000;
	text-decoration: none;
}
.allitemContents a:hover {
	color: 666666;
	text-decoration: underline;
}
.allitemContents02 {
	width: 96%;
	margin: 0 auto;
}
.allitemContents02 ul li {
	width: 48%;
	margin-bottom: 40px;
}
.allitemContents02 ul li h3 {
	margin: 10px 0;
	font-size: 12px !important;
}
.allitemContents02 ul li.fl.clclose {
	float: left;
	clear: none;
	position: relative;
}
.allitemContents02 ul li.fl.clclose .clo {
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 99999;
}
.allitemContents02 ul li.fl.cl2 {
	text-align: center;
	clear: none;
	margin: 0 30% !important;
}
.allitemContents02 ul li p {
	margin: 8px;
	color: #444444;
}
.allitemContents02 p {
	font-size: 12px;
}
.allitemContents02 p span {
	text-align: left;
	color: #ea5468;
	clear: both;
}
.allitemContents02 a {
	color: #444444;
	text-decoration: none;
}
.allitemContents02 a:hover {
	color: 666666;
	text-decoration: underline;
}
.allitemContents02 .usualPrice {
	background: #f0f0f0;
	height: 30px;
	padding: 15px 0 0 0px;
	margin: 10px auto;
}

.allitemContents02 .usualPrice2 {
	background: #cbad5b;
	height: 30px;
	padding: 15px 0 0 0px;
	margin: 10px auto;
}



.allitemContents02 .newPrice {
	background: #fefdbd;
	height: 30px;
	padding: 15px 0 0 0px;
	margin: 10px auto;
}




.allitemContents02 .regularPrice {
	background: #d7dbc1;
	height: 30px;
	padding: 15px 0 0 0px;
	margin: 0 auto;
}
.allitemContents02 .regularPrice2 {
	background: #dde1ee;
	height: 24px;
	padding: 10px 0 3px 0px;
	margin: 0 auto;
}
.allitemContents02 .step1 {
	text-align: center;
	color: #575757;
	font-size: 120%;
	margin: 5% 0;
}
.allitemContents02 .step1title {
	color: #575757;
	font-size: 100%;
	margin: 5% 0;
	padding: 2% 0;
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
	text-align: center;
}
.allitemContents02 .step2 {
	text-align: center;
	color: #575757;
	font-size: 120%;
	margin: 5% 0;
}
.allitemContents02 .step2title {
	background: url(../images/allitem/itemTit02_sp.png) no-repeat;
	background-size: contain;
	text-align: left;
	position: relative;
	height: 0;
	padding-top: 8.26%;
}
.allitemContents02 .step2title .step2a {
	position: absolute;
	color: #575757;
	font-size: 100%;
	top: 10%;
	left: 10%;
}
.allitemContents02 .step2title .step2b {
	position: absolute;
	color: #575757;
	font-size: 100%;
	top: 10%;
	left: 60%;
}
.allitemContents02 .step3title {
	color: #575757;
	font-size: 120%;
	margin: 5% 0;
	padding: 2% 0;
	border-bottom: 1px solid #575757;
	text-align: center;
}

.allitemContents02 .step4 {
	text-align: center;
	color: #575757;
	font-size: 120%;
	margin: 5% 0;
}
.allitemContents02 .step4title {
	color: #575757;
	font-size: 100%;
	margin: 5% 0;
	padding: 2% 0;
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
	text-align: center;
}
.allitemContents02 .step4title2 {
	color: #575757;
	font-size: 100%;
	margin: 5% 0;
	padding: 2% 0;
	border-bottom: 1px solid #575757;
	text-align: center;
}


.allitemContents02 .step5title {
	color: #575757;
	font-size: 100%;
	margin: 5% 0;
	padding: 2% 0 5% 0;
	border-top: 1px solid #575757;
	text-align: center;
}
.otokuCap {
	text-align: left;
	margin-bottom: 20px;
}
.otokuCap p {
	margin-bottom: 20px;
}
.otokuCap a {
	color: #296e45;
	padding-bottom: 1px;
	text-decoration: none;
	border-bottom: 1px solid #296e45;
	display: inline;
}
.otokuCap a:hover {
	border: none;
}
.allitem_contents h2.sptit {
	text-align: center;
	font-size: 140%;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5%;
	margin: 5% 2% 5% 2%;
	width: 96%;
	color: #7d7d7d;
	letter-spacing: 2px;
	font-weight: normal;
}
.allitem_contents .zeinuki {
	text-align: right;
	font-size: 80%;
	margin: 10px 10px 10px 0;
	color: #7d7d7d;
}
.allitem_contents .zeinuki2 {
	text-align: right;
	font-size: 80%;
	margin: 5% 10px 5% 0;
	color: #7d7d7d;
}
/*特定商取引法についてページ
---------------------------------------------------------------*/

.paymentContents {
	margin: 30px auto;
	padding-top: 20px;
	width: 90%;
	color: #7d7d7d;
	line-height: 1.5em;
}
.paymentContents dl {
	display: table;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.paymentContents dl dt {
	display: table-cell;
	width: 25%;
	font-weight: bold;
	padding-right: 10px;
}
.paymentContents dl dd {
	display: table-cell;
	width: 75%;
	-webkit-text-size-adjust: 100%;
}
.longurl {
	word-break: break-all;
}
#wrapper article.secondContents .paymentContents img.sTtl {
	width: 100% !important;
	margin-bottom: 10px;
}
#wrapper article.secondContents .paymentContents img.sTtl.yamato {
	width: 50% !important;
}
.payment_contents h3 {
	text-align: left;
	font-size: 120%;
	margin: 0;
	padding-bottom: 10px;
	margin: 5% 2% 5% 2%;
	width: 100%;
	color: #7d7d7d;
}



.payment_contents h2 {
	text-align: center;
	font-size: 140%;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5%;
	margin: 5% 2% 5% 2%;
	width: 96%;
	color: #7d7d7d;
	letter-spacing: 2px;
	font-weight: normal;
}
/*.payment_img{ width:14%;}*/



.payment_contents .paymentContents .cobox {
	line-height: 1.8;
	color: #7d7d7d;
	border: 3px solid #dadada;
	padding:3%;
	width:90%;
	margin:0;
	text-align:left;
}


.payment_contents .paymentContents .cobox a {
	display:inline;
}


.payment_contents .paymentContents .t_navi ul {
	width:100%;
	display:table;
}

.payment_contents .paymentContents .t_navi ul li {
	line-height: 1.8;
	color: #7d7d7d;
	border: 1px solid #dadada;
	padding:5px;
	width:40%;
	margin:3% 0 0 3%;
	float:left;
	display:table-cell;
	text-align:center;
	font-size:90%;
}

.payment_contents .paymentContents .t_navi ul li:first-child {
	margin:3% 0 0 3%;
}



.payment_contents .paymentContents .t_navi ul li:last-child {
	margin:3% 0 0 3%;

}


.payment_contents .paymentContents .t_navi ul li a:hover  {
	height:auto;
	text-decoration: none;
	opacity:0.6;
	
}


.payment_contents .paymentContents .t_navi ul li a {
	height:auto;
	text-decoration: none;
	color:#7d7d7d;
}



.paymentContents p.coment {
	text-align: left;
	line-height:1.8em;
}


.paymentContents p.coment a {
	display:inline;
}


.paymentContents dl dd a {
	display:inline;
}


.paymentContents div.coupon {
	max-width: 300px;
	text-align: center;
	
}




/*プライバシーポリシーページ
---------------------------------------------------------------*/

.privacyContents {
	margin: 10px auto;
	padding-top: 20px;
	width: 90%;
	text-align: left;
	color: #7d7d7d;
	line-height: 1.5em;
}
.privacyContents dl {
	display: table;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.privacyContents dl dt {
	display: table-cell;
	width: 30%;
	font-weight: bold;
	padding-right: 10px;
}
.privacyContents dl dd {
	display: table-cell;
	width: 70%;
}
.privacyContents2 {
	border-top: 1px solid #cccccc;
	margin: 30px auto;
	padding-top: 20px;
	width: 90%;
	text-align: left;
	color: #888;
}
.privacyContents2 dl {
	display: table;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.privacyContents2 dl dt {
	display: table-cell;
	width: 30%;
	font-weight: bold;
	padding-right: 10px;
}
.privacyContents2 dl dd {
	display: table-cell;
	width: 70%;
}
.privacyContents3 {
	border-top: 1px solid #cccccc;
	margin: 30px auto;
	padding-top: 20px;
	width: 90%;
	text-align: left;
	color: #6e6e6e;
}
.privacyContents3 dl {
	display: table;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.privacyContents3 dl dt {
	display: table-cell;
	width: 30%;
	font-weight: bold;
	padding-right: 10px;
}
.privacyContents3 dl dd {
	display: table-cell;
	width: 70%;
}
.privacy_contents h2 {
	text-align: center;
	font-size: 140%;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5%;
	margin: 5% 2% 5% 2%;
	width: 96%;
	color: #7d7d7d;
	letter-spacing: 2px;
	font-weight: normal;
}
/*クレンジングLPページ
---------------------------------------------------------------*/


.cl_topbtn_sp {
	width: 100%;
	margin: 0 auto 0 auto;
}
.cl_topbtn_sp li {
	width: 99%;
	margin: 0;
	border: 1px solid #ccc;
	font-size: 170%;
	background-color: b7c4b3;
	clear: both;
	text-align: center;
}
.cl_topbtn_sp li a {
	display: table-cell;
	width: 640px;
	height: 51px;
	background: #739572 url(../images/cleansing2/icn_nav.png) right 20px bottom 30px no-repeat;
	color: #fff;
	line-height: 1.2;
	vertical-align: middle;
	text-decoration: none;
	padding: 5px;
	font-size:80%;
}
.cl_topbtn_sp li a:hover {
	background: #739572 url(../images/cleansing2/icn_nav_over.png) right 20px bottom 30px no-repeat;
	transition: background-color 1s;
	color: #fff;
}
.cl_cont01sp {
	width: 100％;
	padding: 10% auto;
	margin: 50px 0 20px 0;
}
.cl_cont01sp .title {
}

.cl_cont01sp .coment {
text-align:left;
font-size:80%;
margin:5% 5%;
color:#575757;
}




.cl_cont02sp {
	background: url(../images/cleansing2/cle-Img02_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 242.8%;
	text-align: left;
}
.cl_cont02sp p.box01 {
	position: absolute;
	top: 63%;
	left: 8%;
	font-size: 72%;
	text-align: center;
	line-height: 1.5em;
	color:#575757;
}
.cl_cont02sp p.box02 {
	position: absolute;
	top: 63%;
	left: 37.3%;
	font-size: 72%;
	text-align: center;
	line-height: 1.5em;
	color:#575757;
}
.cl_cont02sp p.box03 {
	position: absolute;
	top: 63%;
	left: 75.2%;
	font-size: 72%;
	text-align: center;
	line-height: 1.5em;
	color:#575757;
}
.cl_cont02sp p.box04 {
	position: absolute;
	top:71%;
	left: 13%;
	font-size: 100%;
	text-align: center;
	line-height: 1.5em;
	color:#575757;
}

.cl_cont02sp p.box05 {
	position: absolute;
	top: 71%;
	left: 70%;
	font-size: 100%;
	text-align: center;
	line-height: 1.5em;
	color:#575757;
}
.cl_cont02sp p.box06 {
	position: absolute;
	top: 74.5%;
	left: 18%;
	font-size: 100%;
	text-align: center;
	color:#575757;
	
}
.cl_cont02sp p.box07 {
	position: absolute;
	top: 74.5%;
	left: 65%;
	font-size: 100%;
	text-align: center;
	color:#575757;
}

.cl_cont02sp p.box08 {
	position: absolute;
	top: 85%;
	left: 19.5%;
	font-size: 100%;
	text-align: center;
	line-height:1.5em;
	color:#575757;
}

.cl_cont02sp p.box08 span {
	text-decoration: underline;
	color:#575757;
}


.cl_cont02sp p.coment {
	position: absolute;
	top: 97%;
	left: 3%;
	font-size: 72%;
	text-align: center;
	line-height:1.5em;
	color:#575757;
}


.cl_cont03sp {
	background: url(../images/cleansing2/cle-Img03_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 123%;
	text-align: left;
}


.cl_cont04sp {
	background: url(../images/cleansing2/cle-Img04_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 471%;
	text-align: left;
}
.cl_cont04sp p.box01 {
	position: absolute;
	top: 25%;
	left: 3%;
	font-size: 110%;
	text-align: center;
	line-height: 1.5em;
	width: 94%;
	padding: 0 5% 0 0;
	color:#575757;
}


.cl_cont04sp p.box02 {
	position: absolute;
	top: 32%;
	left: 3%;
	font-size: 110%;
	text-align: center;
	line-height: 1.5em;
	width: 94%;
	color:#575757;
}


.cl_cont04sp p.box02 span {
	font-size: 110%;
	font-weight:bold;
	color:#575757;
	
}



.cl_cont04sp p.box03 {
	position: absolute;
	top:71%;
	left: 5%;
	font-size: 110%;
	text-align: center;
	line-height: 1.5em;
	width: 90%;
	padding: 0 5% 0 0;
	color:#575757;
}


.cl_cont05sp {
	background: url(../images/cleansing2/cle-Img05_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 264%;
	text-align: left;
}



.cl_cont05sp p.box01 {
	position: absolute;
	top: 53.3%;
	left: 5%;
	font-size: 110%;
	text-align: left;
	line-height: 1.5em;
	width: 90%;
	padding: 0 5% 0 0;
	color:#575757;
}

.cl_cont05sp p.box02 {
	position: absolute;
	top: 92%;
	left: 5%;
	font-size: 80%;
	text-align: left;
	line-height: 1.5em;
	width: 93%;
	padding: 0 5% 0 0;
	color:#575757;
}



.cl_cont06sp {
	background: url(../images/cleansing2/cle-Img06_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 308%;
	text-align: left;
}



.cl_cont06sp p.box01 {
	position: absolute;
	top: 26%;
	left: 30%;
	font-size: 100%;
	text-align: left;
	line-height: 1.5em;
	width: 64%;
	padding: 0 5% 0 0;
	color:#575757;
}

.cl_cont06sp p.box02 {
	position: absolute;
	top: 35%;
	left: 30%;
	font-size: 100%;
	text-align: left;
	line-height: 1.5em;
	width: 64%;
	padding: 0 5% 0 0;
	color:#575757;
}


.cl_cont06sp p.box03 {
	position: absolute;
	top: 44%;
	left: 30%;
	font-size: 100%;
	text-align: left;
	line-height: 1.5em;
	width: 64%;
	padding: 0 5% 0 0;
	color:#575757;
}



.cl_cont06sp p.point01 {
	position: absolute;
	top: 56.8%;
	left: 5%;
	font-size: 110%;
	text-align: left;
	line-height: 1.5em;
	font-weight:bold;
	color:#575757;
}


.cl_cont06sp p.point02 {
	position: absolute;
	top: 56.8%;
	left: 44.5%;
	font-size: 110%;
	text-align: left;
	line-height: 1.5em;
	font-weight:bold;
	color:#575757;
}


.cl_cont06sp p.point03 {
	position: absolute;
	top: 56.8%;
	left: 70.4%;
	font-size: 110%;
	text-align: left;
	line-height: 1.5em;
	font-weight:bold;
	color:#575757;
}


.cl_cont06sp p.box04 {
	position: absolute;
	top: 72.8%;
	left: 45.4%;
	font-size: 110%;
	text-align: left;
	line-height: 1.5em;
	width: 50.7%;
	color:#575757;
}


.cl_cont06sp p.box05 {
	position: absolute;
	top: 82.4%;
	left: 45.4%;
	font-size: 110%;
	text-align: left;
	line-height: 1.5em;
	width: 50.7%;
	color:#575757;
}


.cl_cont06sp p.box06 {
	position: absolute;
	top: 96%;
	left: 6.4%;
	font-size: 80%;
	text-align: left;
	line-height: 1.5em;
	color:#575757;
}


.cl_cont07sp {
	background: url(../images/cleansing2/cle-Img07_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 224%;
	text-align: left;
}


.cl_cont07sp p.box01 {
	position: absolute;
	top: 57.7%;
	left: 17%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width: 30.3%;
	color:#575757;
}

.cl_cont07sp p.box02 {
	position: absolute;
	top: 57.7%;
	left: 54.5%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width: 30.3%;
	color:#575757;
}



.cl_cont07sp p.box03 {
	position: absolute;
	top: 74.6%;
	left: 10%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width: 42.3%;
	color:#575757;
}

.cl_cont07sp p.box04 {
	position: absolute;
	top: 74.8%;
	left: 54.5%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width: 30.3%;
	color:#575757;
}

.cl_cont07sp p.box05 {
	position: absolute;
	top: 84%;
	left: 16%;
	font-size: 120%;
	text-align: center;
	line-height: 1.5em;
	width: 68.4%;
	color:#575757;
}


.cl_cont07sp p.box06 {
	position: absolute;
	top: 93%;
	left: 5.7%;
	font-size: 80%;
	text-align:left;
	line-height: 1.5em;
	width: 93%;
	color:#575757;
}


.cl_cont08sp {
	background: url(../images/cleansing2/cle-Img08_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 114%;
	text-align: left;
}


.cl_cont08sp p.box01 {
	position: absolute;
	top: 66.9%;
	left: 3%;
	font-size: 110%;
	text-align: left;
	line-height: 1.5em;
	width:94%;
	color:#575757;
}


.cl_cont09sp {
	background: url(../images/cleansing2/cle-Img09_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 114%;
	text-align: left;
}


.cl_cont09sp p.box01 {
	position: absolute;
	top: 58.7%;
	left: 3%;
	font-size: 110%;
	text-align: left;
	line-height: 1.5em;
	width:94%;
	color:#575757;
}

.cl_cont09sp p.box02 {
	position: absolute;
	top: 75%;
	left: 3%;
	font-size: 80%;
	text-align: left;
	line-height: 1.5em;
	width:94%;
	color:#575757;
}



.cl_cont010sp {
	background: url(../images/cleansing2/cle-Img010_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 252%;
	text-align: left;
}


.cl_cont010sp p.box01 {
	position: absolute;
	top: 27.2%;
	left: 12.3%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width:39.5%;
	color:#575757;
}


.cl_cont010sp p.box02 {
	position: absolute;
	top: 27.2%;
	left: 53%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width:39.5%;
	color:#575757;
}


.cl_cont010sp p.box03 {
	position: absolute;
	top:48.1%;
	left: 12.3%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width:39.5%;
	color:#575757;
}



.cl_cont010sp p.box04 {
	position: absolute;
	top:48.1%;
	left: 51%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width:39.5%;
	color:#575757;
}



.cl_cont010sp p.box05 {
	position: absolute;
	top:67.5%;
	left: 12.3%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width:39.5%;
	color:#575757;
}


.cl_cont010sp p.box06 {
	position: absolute;
	top:67.5%;
	left: 51%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width:39.5%;
	color:#575757;
}


.cl_cont010sp p.box07 {
	position: absolute;
	top:86.7%;
	left: 12.3%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width:39.5%;
	color:#575757;
}


.cl_cont010sp p.box08 {
	position: absolute;
	top:86.7%;
	left: 51%;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	width:39.5%;
	color:#575757;
}


.cl_cont010sp p.box09 {
	position: absolute;
	top:95.11%;
	left: 8%;
	font-size: 68%;
	text-align: left;
	line-height: 1.5em;
	width:90%;
	color:#575757;
}


.cl_cont011sp {
	background: url(../images/cleansing2/cle-Img011_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 171.5%;
	text-align: left;
}


.cl_camp_sp {
	background: url(../images/cleansing2/camp_201808_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 53.1%;
	text-align: left;
	margin:5% 0;
}

.cl_line_sp {
	width: 100%;
	text-align: center;
	margin:5% auto 0 auto;
}



/* Q&Aアコーディオン */

ul.accordion03 {
	width: 100%;
	text-align: left;
	border-top: 1px solid #59514f;
	border-bottom: 1px solid #59514f;
	margin: 30px 0;
}
ul.accordion03 a {
	display: block;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
ul.accordion03 span {
	display: table;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	color: #666666;
	font-weight: bold;
}
ul.accordion03 ul {
	display: none;
}
ul.accordion03>li>p span {
	background-image: url(../images/cleansing/cleansingQA01.jpg);
	padding: 10px 10px;
	padding-right: 70px;
	cursor: pointer;
	display: block;
}
ul.accordion03>li>p span.open {
	background-image: url(../images/cleansing/cleansingQA02.jpg);
}
ul.accordion03>li>ul>li {
	padding: 0 20px 10px;
	color: #666666;
}
ul.accordion03>li {
	background: #FFF;
	border-bottom: 1px solid #59514f;
}
ul.accordion03>li:last-child {
	border: none;
}
.iconQ {
	width: 16px;
	margin-right: 8px;
	display: table-cell;
	vertical-align: -3px;
}
b {
	width: 100%;
	display: table-cell;
}
.areaA {
	display: table;
}
.cleansingPay01 {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	background: url(../images/cleansing/cleansingPay01.jpg) 0 0 no-repeat;
	background-size: contain;
}
.cleansingPay01 img {
	position: absolute;
	left: 45%;
	top: 70%;
	width: 50%;
}
.cleansingPay01_2 {
	position: relative;
	height: 0;
	padding-top: 66.87%;
	background: url(../images/cleansing/cleansingPay01_2.jpg) 0 0 no-repeat;
	background-size: contain;
}
.cleansingPay01_2 img {
	position: absolute;
	left: 45%;
	top: 78%;
	width: 50%;
}
.cleansingPay01_3 {
	position: relative;
	height: 0;
	padding-top: 66.87%;
	background: url(../images/cleansing/cleansingPay01_3.jpg) 0 0 no-repeat;
	background-size: contain;
}
.cleansingPay01_3 img {
	position: absolute;
	left: 45%;
	top: 78%;
	width: 50%;
}
.cleansingPay02 {
	position: relative;
	height: 0;
	padding-top: 83.75%;
	background: url(../images/cleansing/cleansingPay02.jpg) 0 0 no-repeat;
	background-size: contain;
}
.cleansingPay02 p.priceBox {
	position: absolute;
	text-align: left;
	left: 3%;
	top: 17%;
	font-size: 80%;
}
.cleansingPay02 p span.price {
	text-decoration: line-through;
	color: #F00;
}
.cleansingPay02 p span.price span {
	color: #000;
}
.cleansingPay02 .pay02_1 {
	position: absolute;
	left: 45%;
	top: 47%;
	width: 50%;
	text-align: left;
}
.cleansingPay02 .pay02_1 p {
	margin: 8px 0;
	font-size: 80%;
}
.cleansingPay02 .pay02_1 a {
	text-decoration: underline;
	color: #666666;
	font-size: 80%;
}
.cleansingPay02 img.pay02_2 {
	position: absolute;
	left: 45%;
	top: 83%;
	width: 50%;
}
.cleansingPay02_2 {
	position: relative;
	height: 0;
	padding-top: 83.75%;
	background: url(../images/cleansing/cleansingPay02_2.jpg) 0 0 no-repeat;
	background-size: contain;
}
.cleansingPay02_2 p.priceBox {
	position: absolute;
	text-align: left;
	left: 3%;
	top: 17%;
	font-size: 80%;
}
.cleansingPay02_2 p span.price {
	text-decoration: line-through;
	color: #F00;
}
.cleansingPay02_2 p span.price span {
	color: #000;
}
.cleansingPay02_2 .pay02_1 {
	position: absolute;
	left: 45%;
	top: 47%;
	width: 50%;
	text-align: left;
}
.cleansingPay02_2 .pay02_1 p {
	margin: 8px 0;
	font-size: 80%;
}
.cleansingPay02_2 .pay02_1 a {
	text-decoration: underline;
	color: #666666;
	font-size: 80%;
}
.cleansingPay02_2 img.pay02_2 {
	position: absolute;
	left: 45%;
	top: 83%;
	width: 50%;
}
.cleansingPay03 {
	position: relative;
	height: 0;
	padding-top: 30.78%;
	background: url(../images/cleansing/cleansingPay03.jpg) 0 0 no-repeat;
	background-size: contain;
}
.cleansingPay03 img.pay03_1 {
	left: 2%;
	position: absolute;
	top: 15%;
	width: 46%
}
.cleansingPay03 img.pay03_2 {
	left: 50%;
	position: absolute;
	top: 15%;
	width: 46%;
}
.uLine {
	border-bottom: solid #000000 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.cleansingUnder {
	margin-bottom: 30px;
}
.cleansingUnder p {
	width: 90%;
	margin: 0 auto 10px;
}
.undercap {
	font-size: 90%;
	text-align: left;
	margin-left: 10%;
	margin-bottom: 30px;
}
.time {
	position: absolute;
	right: 2%;
	top: 60%;
}
.under02 {
	position: relative;
	height: 0;
	padding-top: 190.31%;
	background: url(../images/cleansing/cleansingUnP02.jpg) 0 0 no-repeat;
	background-size: contain;
}
.cleansingUnP03 {
	position: relative;
	height: 0;
	padding-top: 454.68%;
	background: url(../images/cleansing/cleansingUnP03.jpg) 0 0 no-repeat;
	background-size: contain;
}
.cleansingUnP03 p {
	font-size: 80%;
	left: 40px;
	position: absolute;
	text-align: left;
	top: 43%;
	width: 80%;
}
.under02 p {
	position: absolute;
	bottom: 4%;
	background: #eeeee4;
	padding: 10px;
	width: 90%;
	left: 2%;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}
.under02 p span {
	font-size: 80%;
	display: block;
	font-weight: normal;
	margin-top: 8px;
}
.under02 p span span.seibun {
	border-bottom: 1px #666666 solid;
	padding-bottom: 1px;
	display: inline;
}
.clmutenka p {
	bottom: 4%;
	background: #eeeee4;
	padding: 10px;
	width: 90%;
	left: 2%;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}
.clmutenka p span {
	font-size: 80%;
	display: block;
	font-weight: normal;
	margin-top: 8px;
}
.clmutenka p span span.seibun {
	border-bottom: 1px #666666 solid;
	padding-bottom: 1px;
	display: inline;
}
.clmutenka {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.clPayBK {
	background: url(../images/cleansing/cleansingPayBK.jpg) no-repeat;
	position: relative;
	height: 0;
	background-size: contain;
	padding-top: 55.4%;
}
.clPayBK p.clItemN {
	position: absolute;
	top: -5%;
	left: 17%;
	font-size: 80%;
}
.clPayBK p.clItemN span {
	font-weight: bold;
	text-decoration: underline;
}
.clPayBK .clBtn01 {
	position: absolute;
	top: 16%;
	left: 54%;
	width: 42%;
}
.clPayBK .clBtn02 {
	position: absolute;
	top: 41%;
	left: 54%;
	width: 42%;
}
.clPayBK .clBtn03 {
	position: absolute;
	top: 80%;
	right: 5%;
	font-size: 120%;
}
.clPayBK .clBtn03 a {
	color: #727171;
	text-decoration: none;
}
.clPayBK .clPayOP {
	position: absolute;
	color: #af8d0a;
	text-align: left;
	top: 60%;
	left: 5%;
	font-size: 110%;
	width: 92%;
}
/*.clCamBox{ background:url(../cleansing/images/cleansingCamBK.jpg) no-repeat; position:relative; height: 0; background-size: contain; padding-top: 40.87%;}*/

.clCamBox img {
	position: absolute;
	top: 28%;
	right: 5%;
	width: 42%;
}
/*.clCamBox p{position:absolute; text-align:left; top:63%;  left:5%; color:#595757; font-size:80%;}*/


/*.clCamBox div img{position:absolute; top:63%; right:5%;}*/

.clCamBox {
	height: 0;
	padding-top: 10%;
	position: relative;
}
.clCamBox p {
	position: absolute;
	text-align: left;
	top: 0;
	left: 5%;
	color: #595757;
	font-size: 80%;
}
.clCamBox div img {
	position: absolute;
	top: 0;
	right: 5%;
}
.clContTxt01div {
}
.clKTR p {
	background: url(../images/cleansing/9lk01gv4BK_sp.jpg) repeat-y;
	width: 100%;
	padding: 35px;
	box-sizing: border-box;
	background-size: contain;
	text-align: left;
}
.clKTRBox {
	background: url(../images/cleansing/9lk01gv45_sp.jpg) no-repeat;
	background-size: contain;
	text-align: left;
	position: relative;
	height: 0;
	padding-top: 71.71%;
}
.clKTRBoxL {
	left: 15%;
	position: absolute;
	top: 10%;
	width: 70%;
}
.clKTRBoxR {
	position: absolute;
	top: 50%;
	right: 23%;
}
.clMon {
}
.clCont01 {
	background: url(../images/cleansing/cleansingImg18_01_sp.jpg) no-repeat;
	position: relative;
	height: 0;
	background-size: contain;
	padding-top: 100%;
	text-align: left;
	font-size: 120%;
}
.clCont01 .clContTxt01 {
	position: absolute;
	top: 21%;
	left: 30%;
	width: 65%;
	font-size: 80%;
}
.clCont01 .clContTxt02 {
	position: absolute;
	top: 49%;
	left: 30%;
	width: 65%;
	font-size: 80%;
}
.clCont01 .clContTxt03 {
	position: absolute;
	top: 78%;
	left: 30%;
	width: 65%;
	font-size: 80%;
}
.clCont02 {
	background: url(../images/cleansing/cleansingImg18_03_sp.jpg) no-repeat;
	position: relative;
	height: 0;
	background-size: contain;
	padding-top: 70.31%;
	text-align: left;
	font-size: 120%;
	border-bottom: 1px solid #cccccc;
}
.clCont02 .clContTxt01 {
	position: absolute;
	top: 35%;
	left: 5%;
	width: 90%;
	font-size: 80%;
}
.clCont02 .clContTxt01 span {
	font-size: 80%;
}
.clkumatakeBox {
	background: url(../images/cleansing/cleansingImg19_01.jpg) no-repeat;
	position: relative;
	height: 0;
	background-size: contain;
	padding-top: 305%;
	text-align: left;
	font-size: 120%;
}
.clkumatakeBox .clContTxt01 {
	position: absolute;
	width: 83%;
	top: 51%;
	left: 10%;
	font-size: 80%;
}
.clkumatakeBox .clContTxt02 {
	position: absolute;
	width: 83%;
	top: 69%;
	left: 10%;
	font-size: 70%;
}
.clkumatakeBox .clContTxt03 {
	position: absolute;
	width: 81%;
	top: 76%;
	left: 10%;
	font-size: 80%;
}
.clkumatakeBox .clContTxt04 {
	position: absolute;
	width: 72%;
	top: 83%;
	left: 15%;
	font-size: 80%;
	line-height: 110%;
}
.clkumatakeBox .clContTxt05 {
	position: absolute;
	width: 85%;
	top: 89.5%;
	right: 23%;
	text-align: right;
	font-size: 65%;
}
.accordion04 {
	position: relative;
}
.content01 {
	background: url(../images/cleansing/clVoice01.jpg) no-repeat;
	height: 0;
	background-size: contain;
	padding-top: 21.09%;
	position: relative;
}
p.accordion_click span img {
	position: absolute;
	right: 10px;
	top: 30px;
	width: 26%;
}
.accordion04 ul, .shime {
	display: none;
}
.voiceBox li {
	background: #efece5;
	width: 65%;
	padding: 3%;
	margin-left: 25%;
	text-align: left;
}
.voiceBox li img {
	width: 7%;
}
span.accordion_click {
	margin-left: 50%;
}
.content02 {
	background: url(../images/cleansing/clVoice02.jpg) no-repeat;
	height: 0;
	background-size: contain;
	padding-top: 21.09%;
	position: relative;
}
p.accordion_click02 span img {
	position: absolute;
	right: 10px;
	top: 30px;
	width: 26%;
}
span.accordion_click02 {
	margin-left: 50%;
}
.voiceBox02 li {
	background: #efece5;
	width: 65%;
	padding: 3%;
	margin-left: 25%;
	text-align: left;
}
.voiceBox02 li img {
	width: 7%;
}
.content03 {
	background: url(../images/cleansing/clVoice03.jpg) no-repeat;
	height: 0;
	background-size: contain;
	padding-top: 21.09%;
	position: relative;
}
p.accordion_click03 span img {
	position: absolute;
	right: 10px;
	top: 30px;
	width: 26%;
}
span.accordion_click03 {
	margin-left: 50%;
}
.voiceBox03 li {
	background: #efece5;
	width: 65%;
	padding: 3%;
	margin-left: 25%;
	text-align: left;
}
.voiceBox03 li img {
	width: 7%;
}
.voiceBox span, .voiceBox02 span, .voiceBox03 span {
	background: #c4d6c0;
}
/* 2017追加 */


.cl_cont_paybox_top_sp {
	width: 96%;
	margin: 30px auto 0 auto;
	padding:10px 0 30px 0; 
	font-size: 110%;
	text-align: left;
	position: static;
	border-bottom: 1px dashed #ccc;
}
.cl_cont_paybox_top_sp p {
	font-size: 110%;
	text-align: left;
	margin: 0 0 0 2%;
	line-height: 1.5em;
}
.cl_cont_paybox_top_sp p span {
	color: #528342;
}
.cl_cont_paybox_top_sp .clCap {
	font-size: 90%;
	color: #528342;
}
.cl_cont_paybox_top_sp .clBtn01 {
	width: 96%;
	margin: 30px auto;
	text-align: center;
}
.cl_cont_paybox_top_sp .clBtn02 {
	text-align: right;
	margin: 10px auto;
	font-size: 100%;
}
.cl_cont_paybox_top_sp .clBtn02 a {
	color: #727171;
	text-decoration: none;
}


.cl_cont_paybox_sp {
	width: 96%;
	margin: 30px auto 0 auto;
	font-size: 110%;
	text-align: left;
	position: static;
}
.cl_cont_paybox_sp p {
	font-size: 110%;
	text-align: left;
	margin: 0 0 0 2%;
	line-height: 1.5em;
}
.cl_cont_paybox_sp p span {
	color: #528342;
}
.cl_cont_paybox_sp .clCap {
	font-size: 90%;
	color: #528342;
}
.cl_cont_paybox_sp .clBtn01 {
	width: 96%;
	margin: 30px auto;
	text-align: center;
}
.cl_cont_paybox_sp .clBtn02 {
	text-align: right;
	margin: 10px auto;
	font-size: 100%;
}
.cl_cont_paybox_sp .clBtn02 a {
	color: #727171;
	text-decoration: none;
}
.cl_present_sp {
	background: url(../images/cleansing/cle-Img03sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 66.5%;
	text-align: left;
	position: relative;
}
.cl_present_sp p.title {
	font-size: 110%;
	position: absolute;
	top: 6%;
	left: 9.3%;
}
.cl_present_sp p.day {
	position: absolute;
	font-size: 110%;
	top: 30.8%;
	left: 9.3%;
}
.cl_present_sp p.day span {
	font-size: 90%;
}
.cl_present_sp p.ann {
	position: absolute;
	font-size: 68%;
	top: 38.8%;
	left: 9.3%;
	line-height: 1.2em;
}
.cl_bnrsp {
	margin: 20px auto 20px auto;
	width: 96%;
}






/*キャンペーン一覧ページ
---------------------------------------------------------------*/

.sptit {
	text-align: center;
	font-size: 140%;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5%;
	margin: 5% 2% 5% 2%;
	width: 96%;
	color: #7d7d7d;
	letter-spacing: 2px;
	font-weight: normal;
}
.campaign_container {
	text-align: left;
	padding: 0 10px;
	color: #7d7d7d;
}
.campaign_container h2 {
	margin: 20px 0;
}
.campaignR {
	padding: 10px;
	width: 80%;
	margin: 0 auto;
}
.campaign_container h3 {
	margin-bottom: 5px;
}
.campaign_cap {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 20px;
}
.campaign_cap a {
	color: #666666;
	text-decoration: none;
}
.campaignL {
	width: 80%;
	text-align: center;
	margin: 0 auto;
}
/*NEWS一覧ページ
---------------------------------------------------------------*/

.news_container {
	text-align: left;
	padding: 0 10px;
}
.news_container h2 {
	margin: 20px 0;
}
.news_container ul {
	border-top: 1px #cccccc solid;
}
.news_container ul li {
	border-bottom: 1px #cccccc solid;
	padding: 15px;
	width: 93%;
	overflow: hidden;
}
.news_container ul li span {
	float: left;
	width: 35%;
}
.news_container a {
	color: #1b3d84;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/footerBK.gif) no-repeat right;
}
.news_container h2 {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
}
.news_container span.newsCap {
	float: left;
	width: 60%;
}
/*洗顔ページ
---------------------------------------------------------------*/

.itemTitle {
	font-size: 1.8em;
	padding: 10px auto auto 10px;
	margin-bottom: 40px;
	width: 100%;
}
.itemWrap {
	width: 90%;
	margin: 0px auto 80px;
	text-align: center;
,,;
	clear: both;
}
.itemCatch {
	font-size: 1.6em;
}
.itemWrap a img {
	width: 100%;
	box-sizing: border-box;
	border: 8px solid #e3ede5;
	margin-top: 10px;
}
.itemName {
	margin-top: 8px;
}
.itemPrice a {
	background: #E3EDE5;
	display: block;
	padding: 8px;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: #333;
	margin-top: 10px;
}
.itemPrice a span {
	font-size: 1.8em;
	font-weight: bold;
	padding-left: 8px;
}
.teikiCatch {
	border-bottom: 2px solid #f58889;
	color: #ea475b;
	padding: 4px;
	margin-bottom: 20px;
}
.teikiPrice {
	display: block;
	overflow: hidden;
}
.teikiPrice li {
	display: block;
	color: #EA475B;
	font-size: 1.6em;
	font-weight: bold;
	box-sizing: border-box;
}
.teikiPrice li span {
	font-size: 0.6em;
	color: #000;
	padding-right: 6px;
}
.teikiPriceli_01 {
	width: 40%;
	float: left;
}
.teikiPriceli_02 {
	float: right;
	width: 60%;
}
.teikiLink {
	color: #FFF;
	background: #F58889;
	display: block;
	padding: 12px;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
}
.itemTeiki {
	margin-top: 16px;
}
/*#gnavi {clear: both;margin: 0px;}
#gnavi ul li {float: left;}
.cart_01 {
	background: url(../soap/images/pw_top_02_2.jpg) no-repeat;
	height: 220px;
	width: 640px;
	text-align: center;
	padding-top: 412px;
}
.cart_02 {
	background: url(../soap/images/pw_top_15_2.jpg) no-repeat;
	height: 200px;
	width: 640px;
	text-align: center;
	padding-top: 518px;
	margin-bottom: 60px;
}
.cart_03 {
	background: url(../soap/images/pw_top_25_2.jpg) no-repeat;
	height: 200px;
	width: 640px;
	text-align: center;
	padding-top: 500px;
	margin-bottom: 60px;
}
#gnavi ul {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}*/

.movie_area {
	background: url(../images/soap/pw_top_10.jpg) no-repeat;
	height: 390px;
	width: 640px;
	text-align: center;
	padding-top: 69px;
}
/*.movie_area02 {
	background: url(../soap/images/pw_top_06150416.jpg) no-repeat;
	height: 1054px;
	width: 640px;
	text-align: center;
	padding-top: 486px;
}*/

.movie_area02 {
	background: url(../images/soap/pw_top_06150804.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 251.09%;
}
.movie_area02 div {
	width: 86%;
	position: absolute;
	top: 32%;
	left: 7%;
	height: 20%;
}
.movie_area02 div iframe {
	width: 100%;
	height: 100%;
}
.movie_area03 {
	background: url(../images/soap/pw_top_06150804.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 251.09%;
}
.movie_area03 div {
	width: 86%;
	position: absolute;
	top: 36%;
	left: 7%;
	height: 20%;
}
.movie_area03 div iframe {
	width: 100%;
	height: 100%;
}
.teikiPriceli_02 {
	border-left: 1px solid #333;
}
.cartArea01 {
	background: url(../images/soap/pw_top_02150601.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 40.93%;
}
.cartArea01 img.cart01_1 {
	position: absolute;
	top: 20%;
	left: 55%;
	width: 42%;
}
.cartArea01 img.cart01_2 {
	position: absolute;
	top: 44%;
	left: 55%;
	width: 42%;
}
.cartArea01 img.cart01_3 {
	position: absolute;
	top: 85%;
	right: 4%;
	width: 26%;
}
.cartArea01_2 {
	background: url(../images/soap/pw_top02_2.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 40.93%;
}
.cartArea01_2 img.cart01_1 {
	position: absolute;
	top: 20%;
	left: 55%;
	width: 42%;
}
.cartArea01_2 img.cart01_2 {
	position: absolute;
	top: 44%;
	left: 55%;
	width: 42%;
}
.cartArea01_2 img.cart01_3 {
	position: absolute;
	top: 85%;
	right: 4%;
	width: 26%;
}
.cartArea01_3 {
	background: url(../images/soap/pw_top02_3.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 49.53%;
}
.cartArea01_3 img.cart01_1 {
	position: absolute;
	top: 25%;
	left: 55%;
	width: 42%;
}
.cartArea01_3 img.cart01_2 {
	position: absolute;
	top: 51%;
	left: 55%;
	width: 42%;
}
.cartArea01_3 img.cart01_3 {
	position: absolute;
	top: 89%;
	right: 4%;
	width: 26%;
}
.pw_top2016 {
	background: none;
}
.cartArea01_4 {
	background: url(../images/soap/pw_top02_4_2017.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 49.53%;
}
.cartArea01_4 img.cart01_1 {
	position: absolute;
	top: 25%;
	left: 55%;
	width: 42%;
}
.cartArea01_4 img.cart01_2 {
	position: absolute;
	top: 50%;
	left: 55%;
	width: 42%;
}
.cartArea01_4 img.cart01_3 {
	position: absolute;
	top: 89%;
	right: 4%;
	width: 26%;
}
.cartArea01_4 p {
	position: absolute;
	top: 3%;
	left: 18%;
	text-align: left;
}
.cartArea01_4 p.soapCap {
	position: absolute;
	top: 70%;
	left: 18%;
	text-align: left;
	color: #e9546b;
	font-size: 80%;
}
.cartArea01_4 p span {
	padding: 0.5%;
	background: #d8f3f2;
}
.cartArea01_5 {
	background: url(../images/soap/pw_top04_2.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 79%;
}
.cartArea01_5 img.cart01_1 {
	position: absolute;
	top: 57%;
	left: 53%;
	width: 44%;
}
.cartArea01_5 img.cart01_2 {
	position: absolute;
	top: 51%;
	left: 53%;
	width: 44%;
}
.cartArea01_5 img.cart01_3 {
	position: absolute;
	top: 69%;
	right: 2%;
	width: 24%;
}
.cartArea01_5 img.cart01_4 {
	position: absolute;
	top: 81%;
	right: 2%;
	width: 26%;
}
.cartArea01_5 p {
	position: absolute;
	top: 23%;
	left: 52%;
	text-align: left;
	line-height: 125%;
	font-size: 95%;
}
.cartArea01_5 p span {
	padding: 0.5%;
	background: #d8f3f2;
}
.cartArea01_5 span.TxtBox {
	position: absolute;
	top: 88.5%;
	left: 5.2%;
	text-align: left;
	font-size: 78%;
	line-height: 123%;
}
.cartArea01_5_2 {
	background: url(../images/soap/pw_top04_3.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 32%;
}
.cartArea01_5_2 img.cart01_1 {
	position: absolute;
	top: 52%;
	left: 53%;
	width: 44%;
}
.cartArea01_5_2 p {
	position: absolute;
	top: 25%;
	left: 13%;
	width: 38%;
	text-align: left;
	font-size: 84%;
	line-height: 128%;
}
.cartArea01_5_2 p span {
	padding: 0.5%;
	background: #d8f3f2;
}
.cartArea01_6 {
	background: url(../images/soap/pw_top2017_2_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 100%;
}
.cartArea01_6 img.cart01_1 {
	position: absolute;
	top: 58%;
	left: 10%;
	width: 80%;
}
.cartArea01_6 img.cart01_2 {
	position: absolute;
	top: 78%;
	right: 4%;
	width: 20%;
}
.cartArea01_6 p {
	position: absolute;
	top: 50%;
	left: 3%;
	text-align: left;
	font-size: 80%;
}
.cartArea01_6 p.soapCap {
	position: absolute;
	top: 72%;
	left: 18%;
	text-align: left;
	color: #2a823e;
	font-size: 80%;
}
.cartArea01_6 p span {
	padding: 0.5%;
	background: #d8f3f2;
}
.cartArea01_7 {
	background: url(../images/soap2/pw_cart201809_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 100%;
	margin-top: 10%;
}
.cartArea01_7 img.cart01_1 {
	position: absolute;
	top: 32%;
	left: 23%;
	width: 60%;
}
.cartArea01_7 img.cart01_2 {
	position: absolute;
	top: 59%;
	left: 23%;
	width: 60%;
}
.cartArea01_7 img.cart01_3 {
	position: absolute;
	top: 99%;
	right: 4%;
	width: 26%;
}



.cartArea01_7 p {
	position: absolute;
	top: 50%;
	left: 3%;
	text-align: left;
}
.cartArea01_7 p.soapItemPlacse {
	position: absolute;
	top: 23%;
	left: 22.8%;
	text-align: left;
	width: 80%;
	font-size:105%;
}
.cartArea01_7 p.teikiCap {
	position: absolute;
	top: 48%;
	left: 22.8%;
	text-align: left;
	width: 80%;
	color: #2a823e;
	font-size:105%;
}
.cartArea01_7 p.teikiCap span {
	font-size: 80%;
}
.cartArea01_7 p.soapItemName {
	position: absolute;
	top: 3%;
	left: 22.8%;
	text-align: left;
	font-size:110%;
}
.cartArea01_7 p.soapCap {
	position: absolute;
	top: 75%;
	left: 22.8%;
	text-align: left;
	color: #2a823e;
	font-size: 80%;
	width: 76%;
	line-height:1.5em;
}
.cartArea01_7 p.soapItemName span {
	clear: both;
	color: #999;
	font-size:90%;
	margin-top:2%;
}
.cartArea01_7 p span {
	padding: 0.5%;
}

.cartArea01_7 .cart01_try {
	width:100%;
}




/*.cartArea02{ background:url(../soap/images/pw_top_08150601.jpg) no-repeat; width:640px; height:758px;}*/



.cartArea02 {
	background: url(../images/soap/pw_top_08150601.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 118.43%;
}
.cartArea02 img.cart01_1 {
	position: absolute;
	top: 63%;
	left: 55%;
	width: 42%;
}
.cartArea02 img.cart01_2 {
	position: absolute;
	top: 73%;
	left: 55%;
	width: 42%;
}
.cartArea02 img.cart01_3 {
	position: absolute;
	top: 90%;
	right: 4%;
	width: 26%;
}
.cartArea02_2 {
	background: url(../images/soap/pw_top_09_2.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 118.43%;
}
.cartArea02_2 img.cart01_1 {
	position: absolute;
	top: 63%;
	left: 55%;
	width: 42%;
}
.cartArea02_2 img.cart01_2 {
	position: absolute;
	top: 73%;
	left: 55%;
	width: 42%;
}
.cartArea02_2 img.cart01_3 {
	position: absolute;
	top: 90%;
	right: 4%;
	width: 26%;
}
.cartArea02_3 {
	background: url(../images/soap/pw_top_09_4.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 121.4%;
}
.cartArea02_3 img.cart01_1 {
	position: absolute;
	top: 66%;
	left: 55%;
	width: 42%;
}
.cartArea02_3 img.cart01_2 {
	position: absolute;
	top: 76.5%;
	left: 55%;
	width: 42%;
}
.cartArea02_3 img.cart01_3 {
	position: absolute;
	top: 93%;
	right: 4%;
	width: 26%;
}
.cartArea03_2 {
	background: url(../soap/images/pw_top_09_3.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 118.43%;
}
.cartArea03_2 img.cart01_1 {
	position: absolute;
	top: 64%;
	left: 55%;
	width: 42%;
}
.cartArea03_2 img.cart01_2 {
	position: absolute;
	top: 75%;
	left: 55%;
	width: 42%;
}
.cartArea03_2 img.cart01_3 {
	position: absolute;
	top: 93%;
	right: 4%;
	width: 26%;
}
.cartArea03_3 {
	background: url(../images/soap/pw_top_09_5.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 118.43%;
}
.cartArea03_3 img.cart01_1 {
	position: absolute;
	top: 64.5%;
	left: 55%;
	width: 42%;
}
.cartArea03_3 img.cart01_2 {
	position: absolute;
	top: 75%;
	left: 55%;
	width: 42%;
}
.cartArea03_3 img.cart01_3 {
	position: absolute;
	top: 93%;
	right: 4%;
	width: 26%;
}
.cartArea03 {
	background: url(../images/soap/pw_top_09150601.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 118.43%;
}
.cartArea03 img.cart01_1 {
	position: absolute;
	top: 63%;
	left: 55%;
	width: 42%;
}
.cartArea03 img.cart01_2 {
	position: absolute;
	top: 73%;
	left: 55%;
	width: 42%;
}
.cartArea03 img.cart01_3 {
	position: absolute;
	top: 90%;
	right: 4%;
	width: 26%;
}
/*.cartArea03{ background:url(../soap/images/pw_top_09150601.jpg) no-repeat; width:640px; height:758px;}
.cartArea02 div,.cartArea03 div{ padding:482px 0 0 359px;}
.cartArea02 .btn_cart02,.cartArea03 .btn_cart02{ margin-top:34px;}
.cartArea02 .btn_cart03,.cartArea03 .btn_cart03{ margin:89px 0 0 105px;}*/

.cartArea04 {
	background: url(../soap/k01/images/pw_top_02150615.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 40.93%;
}
.cartArea04 img.cart01_1 {
	position: absolute;
	top: 20%;
	left: 55%;
	width: 42%;
}
.cartArea04 img.cart01_2 {
	position: absolute;
	top: 44%;
	left: 55%;
	width: 42%;
}
.cartArea04 img.cart01_3 {
	position: absolute;
	top: 85%;
	right: 4%;
	width: 26%;
}
.cartArea05 {
	background: url(../soap/k01/images/pw_top_08150615.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 118.43%;
}
.cartArea05 img.cart01_1 {
	position: absolute;
	top: 65%;
	left: 55%;
	width: 42%;
}
.cartArea05 img.cart01_2 {
	position: absolute;
	top: 75%;
	left: 55%;
	width: 42%;
}
.cartArea06 {
	background: url(../soap/k01/images/pw_top_08150615_2.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 118.43%;
}
.cartArea06 img.cart01_1 {
	position: absolute;
	top: 65%;
	left: 55%;
	width: 42%;
}
.cartArea06 img.cart01_2 {
	position: absolute;
	top: 75%;
	left: 55%;
	width: 42%;
}
.cartArea07 {
	background: url(../soap/k01/images/pw_top_02150615.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 40.93%;
}
.cartArea07 img.cart01_1 {
	position: absolute;
	top: 16%;
	left: 55%;
	width: 42%;
}
.cartArea07 img.cart01_2 {
	position: absolute;
	top: 40%;
	left: 55%;
	width: 42%;
}
.mildcartArea01 {
	background: url(../images/mildwash/mildImg01_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 56.71%;
}
.mildcartArea01 img.cart01_1 {
	position: absolute;
	top: 30%;
	left: 55%;
	width: 42%;
}
.mildcartArea01 img.cart01_2 {
	position: absolute;
	top: 52%;
	left: 55%;
	width: 42%;
}
.mildcartArea01 img.cart01_3 {
	position: absolute;
	top: 84%;
	right: 4%;
	width: 26%;
}
.mildArea {
	color: #646464;
}
.mildArea img {
	width: 100%;
}
.mildArea .mildContents01 {
	background: url(../images/mildwash/mildImg02_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 183.75%;
	font-size: 85%
}
.mildArea .mildContents01 p {
	width: 80%;
	top: 48%;
	left: 10%;
	position: absolute;
	text-align: left;
	font-size: 110%;
	line-height: 160%;
}
.mildArea .mildContents02 {
	background: url(../images/mildwash/mildImg03.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 189.53%;
	font-size: 85%
}
.mildArea .mildContents02 p.mildC01 {
	width: 69%;
	top: 27%;
	left: 15%;
	position: absolute;
	text-align: left;
	font-size: 110%;
	line-height: 160%;
}
.mildArea .mildContents02 p.mildC02 {
	width: 69%;
	top: 46%;
	left: 15%;
	position: absolute;
	text-align: left;
	font-size: 110%;
	line-height: 160%;
}
.mildArea .mildContents02 p.mildC03 {
	width: 69%;
	top: 65%;
	left: 15%;
	position: absolute;
	text-align: left;
	font-size: 110%;
	line-height: 160%;
}
.mildArea .mildContents02 p.mildC04 {
	width: 69%;
	top: 80%;
	left: 15%;
	position: absolute;
	text-align: left;
	font-size: 110%;
	line-height: 160%;
}
.mildArea .mildContents03 {
	background: url(../images/mildwash/mildImg08.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 87.18%;
	font-size: 80%;
}
.mildArea .mildContents03 p.mildC01 {
	width: 60%;
	top: 40%;
	left: 30%;
	position: absolute;
	text-align: left;
	line-height: 130%;
}
.mildArea .mildContents03 p.mildC02 {
	width: 60%;
	top: 70%;
	left: 30%;
	position: absolute;
	text-align: left;
	line-height: 130%;
}
.mildArea .mildItemName {
	margin-bottom: 10px;
	margin-left: 2%;
	overflow: hidden;
}
.mildArea .mildItemName span {
	font-size: 80%;
	color: #f69394;
	float: left;
}
.mildArea .mildItemName img {
	width: 26%;
	float: right;
	margin-right: 5%;
}
/*201703追加*/


.mediaArea_sp {
	background: url(../images/soap/media_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 135.4%;
	font-size: 80%;
}
.mediaArea_sp .inner {
	width: 69%;
	top: 87.4%;
	left: 32.8%;
	position: absolute;
	text-align: left;
	font-size: 80%;
	line-height: 160%;
}
.mediaArea_sp p.Txt01 {
	font-size: 100%;
	left: 0;
	position: absolute;
	top: 87.4%;
	line-height: 1.2em;
}
.mediaArea_sp p.Txt01 a {
	color: #333333;
	text-decoration: none;
}
/*メディア一覧ページ
---------------------------------------------------------------*/

.mediaBookBox {
	float: left;
	width: 40%;
	padding: 5%;
}
.mediaBtnBox {
}
.mediaBtnBox img {
	float: left;
	width: 48%;
	margin-top: 10px;
}
/*.mediaBtnBox a {
    display: inline;
}*/

.media_container {
	text-align: left;
	clear: both;
}
.media_container a {
	color: #1b3d84;
	text-decoration: none;
	font-weight: bold;
	color: #319639;
	font-size: 70%;
}
.mediaPager {
	clear: both;
	/*margin-right:30px;*/
	margin-bottom: 50px;
	float: right;
	margin-top: 20px;
}
.mediaPager p {
	float: left;
	border: 1px solid;
	margin-left: 8px;
}
.mediaPager p.nomal {
	padding: 8px 12px;
}
.mediaPager p.off {
	border: 1px solid #cccccc;
}
.mediaPager a {
	color: #cccccc;
	display: block;
	font-size: 12px;
	padding: 8px 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 23px;
}
.mediaPager a:hover {
	color: #000000;
}
.mediaNewCont {
	float: left;
	text-align: left;
	width: 54%;
}
.mediaNewCont h2 {
	margin: 8px 0;
	font-weight: bold;
	color: #319639;
}
.mediaNewCont a {
	color: #1b3d84;
	text-decoration: none;
	font-weight: bold;
	color: #319639;
	font-size: 80%;
}
.mediaR {
	clear: both;
	margin-top: 20px;
}
.mediaNew {
	overflow: hidden;
}
.mediaNewImg {
	float: left;
	width: 40%;
}
.mediaDetail {
	clear: both;
	width: 95%;
	text-align: center;
	margin: 20px auto;
}
.media_container h2.maintit {
	margin: 20px 0;
	padding-left: 5px;
}
.media_container h3 {
	padding-left: 5px;
	margin-bottom: 10px;
}
.mediaBookBox h2 {
	margin: 8px 0;
}
.mediaR {
	border-top: solid #cccccc 2px;
	margin: 40px 0;
}
.mediaR h3 {
	margin: 20px 0 30px;
}
/*クリームページ
---------------------------------------------------------------*/

.creamPayArea01 {
	background: url(../images/cream/img02.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 40.78%;
}
.creamPayArea01 .creamPayBox01 {
	position: absolute;
	right: 8%;
	top: 61%;
	width: 42%;
}
.creamPayArea01 .creamPayBox02 {
	position: absolute;
	right: 8%;
	top: 82%;
	width: 25%;
}
.creamPayArea02 {
	background: url(../images/cream/img03.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 62.18%;
}
.creamPayArea02 .creamPayBox01 {
	position: absolute;
	right: 8%;
	top: 59%;
	width: 42%;
}
.creamPayArea02 .creamPayBox02 {
	position: absolute;
	right: 8%;
	top: 73%;
	width: 25%;
}
.creamPayArea02 .creamPayBox03 {
	position: absolute;
	right: 8%;
	top: 89%;
	width: 24%;
}
.creamItemN {
	color: #c76ee9;
	text-align: left;
	padding: 3% 5%;
}
.creamCaptionBox {
	background: url(../images/cream/img06BK.jpg) no-repeat #f3fcf9;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 190.78%;
}
.creamCaptionBox .creamCaptionBoxIn {
	position: absolute;
	top: 9%;
}
.img06_3 {
	display: block;
}
.creamCaptionBox div p.creamCap01 {
	color: #646464;
	font-size: 100%;
	line-height: 110%;
	margin-left: 28%;
	margin-top: 10%;
	text-align: left;
}
.creamCaptionBox div p.creamCap02 {
	color: #646464;
	font-size: 100%;
	line-height: 110%;
	text-align: left;
	margin: 0 9% 5%;
}
.creamCaptionBox02 {
	background: url(../images/cream/img07BK.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 314.37%;
}
.creamCaptionBox02 div.creamCaptionBoxIn {
	position: absolute;
	top: 0;
}
.creamCaptionBox02 div p.creamCap01 {
	color: #646464;
	font-size: 100%;
	line-height: 110%;
	margin-left: 28%;
	margin-top: 10%;
	text-align: left;
}
.creamCaptionBox02 div p.creamCap02 {
	color: #646464;
	font-size: 100%;
	line-height: 110%;
	text-align: left;
	margin: 0 9% 9%;
}
.creamCList {
	display: table;
	margin-bottom: 3%;
}
.creamCList div {
	display: table-cell;
}
.creamListBoxL02 {
	width: 11%;
	vertical-align: middle;
	padding-right: 2%;
}
.creamListBoxR {
	width: 65%;
	vertical-align: top;
	text-align: left;
	color: #646464;
	font-size: 100%;
	line-height: 110%;
	padding-right: 4%;
}
.creamListBoxR span {
	color: #c76ee9;
	font-weight: bold;
}
.creamListBox {
	margin-left: 6%;
}
.creampriceArea {
	padding: 5% 3%;
}
.creampriceArea img.itemImg {
	width: 20%;
	float: left;
	margin-right: 10px;
}
.creampriceArea p {
	float: left;
	text-align: left;
}
.creampriceArea p span {
	background: #e9c9ff;
	padding: 2px;
}
.creampriceBox {
	background: url(../images/cream/price2BoxBK.jpg) no-repeat;
	position: relative;
	height: 0;
	background-size: contain;
	padding-top: 60.31%;
	margin-top: 10px;
}
.creampriceBox .btnC01 {
	position: absolute;
	top: 0;
	right: 5%;
	width: 38%;
}
.creampriceBox .btnC02 {
	position: absolute;
	top: 64%;
	right: 5%;
	width: 38%;
}
.creampriceBox .teikiBtn {
	position: absolute;
	right: 5%;
	top: 82%;
	width: 100%;
	font-size: 100%;
	text-align: right;
}
.creampriceBox .teikiBtn a {
	text-decoration: none;
	color: #646464;
}
.creampriceBox2 {
	background: url(../images/cream/priceBoxBK.jpg) no-repeat;
	position: relative;
	height: 0;
	background-size: contain;
	padding-top: 38.31%;
	margin-top: 10px;
}
.creampriceBox2 .btnC01 {
	position: absolute;
	top: 0;
	right: 0;
	width: 45%;
}
.creampriceBox2 .btnC02 {
	position: absolute;
	top: 32%;
	right: 0;
	width: 45%;
}
.creampriceBox2 .teikiBtn {
	position: absolute;
	right: 0;
	top: 88%;
	width: 100%;
	font-size: 130%;
	text-align: right;
}
.creampriceBox2 .teikiBtn a {
	text-decoration: none;
	color: #646464;
}
.creamCont01 {
	height: 0;
	background-size: contain;
	padding-top: 28.28%;
	position: relative;
	background-image: url(../images/cream/img05BK_sp.jpg);
	background-repeat: no-repeat;
}
.creamCare01 {
	position: absolute;
	color: #c76ee9;
	font-size: 140%;
	top: 59.5%;
	left: 9%;
}
.creamCare02 {
	position: absolute;
	color: #c76ee9;
	font-size: 140%;
	top: 59.5%;
	left: 25%;
}
.creamCare03 {
	position: absolute;
	color: #c76ee9;
	font-size: 140%;
	top: 59.5%;
	left: 45%;
}
.creamCare04 {
	position: absolute;
	color: #c76ee9;
	font-size: 140%;
	top: 59.5%;
	left: 61%;
}
.creamCare05 {
	position: absolute;
	color: #c76ee9;
	font-size: 140%;
	top: 59.5%;
	left: 82%;
}
.cvBox {
	background: url(../images/lotion/cvBack.jpg) no-repeat;
	padding-top: 140.12%;
	position: relative;
	background-size: contain;
	height: 0;
}
.cvBox h3 {
	position: absolute;
	top: 3%;
}
.cvBox .cvBtn01 {
	position: absolute;
	right: 4%;
	top: 30%;
	width: 45%;
}
.cvBox .cpBtn01 {
	position: absolute;
	right: 4%;
	top: 36%;
	width: 20%;
}
.cvBox .cvBtn02 {
	position: absolute;
	right: 4%;
	top: 68%;
	width: 45%;
}
.cvBox .cpBtn02 {
	position: absolute;
	right: 4%;
	top: 74%;
	width: 20%;
}
.cvBox .tkBtn01 {
	position: absolute;
	right: 4%;
	top: 83%;
	width: 25%;
}
.cvBox p {
	position: absolute;
	left: 5%;
	bottom: 0;
	text-align: left;
}
.cvBox02 {
	background: url(../images/lotion/cartBk.jpg) no-repeat;
	padding-top: 91.71%;
	position: relative;
	background-size: contain;
	height: 0;
}
.cvBox02 .cvBtn01 {
	left: 54%;
	position: absolute;
	top: 20.5%;
	width: 42%;
}
.cvBox02 .cvBtn02 {
	left: 54%;
	position: absolute;
	top: 33%;
	width: 42%;
}
.cvBox02 .cpBtn01 {
	left: 54%;
	position: absolute;
	top: 71%;
	width: 42%;
}
.cvBox02 .cpBtn02 {
	left: 54%;
	position: absolute;
	top: 85%;
	width: 42%;
}
.cvBox02 .cvName {
	font-weight: normal;
	left: 18%;
	position: absolute;
	text-align: left;
	top: 9%;
	font-size: 95%;
	width: 70%;
}
.cvBox02 .cvName span {
	background: #e6f2e4;
	padding: 0.5%;
	line-height: 160%;
}
.cvBox02 .cvName02 {
	left: 18%;
	position: absolute;
	top: 65%;
	font-size: 95%;
}
.cvBox02 .cvCap {
	left: 18%;
	position: absolute;
	text-align: left;
	top: 48%;
	color: #e9546b;
	font-size: 70%;
}
.cvBox02 .tkBtn01 {
	color: #000000;
	left: 73%;
	position: absolute;
	text-decoration: none;
	top: 57%;
}
.cvBox03 {
	background: url(../images/lotion/cartBk02_sp.jpg) no-repeat;
	padding-top: 91.71%;
	position: relative;
	background-size: contain;
	height: 0;
}
.cvBox03 .cvBtn01 {
	left: 54%;
	position: absolute;
	top: 22.5%;
	width: 41%;
}
.cvBox03 .cvBtn02 {
	left: 54%;
	position: absolute;
	top: 36%;
	width: 41%;
}
.cvBox03 .cpBtn01 {
	left: 54%;
	position: absolute;
	top: 71%;
	width: 41%;
}
.cvBox03 .cpBtn02 {
	left: 54%;
	position: absolute;
	top: 85%;
	width: 41%;
}
.cvBox03 .cvName {
	font-weight: normal;
	left: 18%;
	position: absolute;
	text-align: left;
	top: 9%;
	font-size: 95%;
	width: 75%;
}
.cvBox03 .cvName span {
	background: #e6f2e4;
	padding: 0.5%;
	line-height: 160%;
}
.cvBox03 .cvName02 {
	left: 18%;
	position: absolute;
	top: 65%;
	font-size: 95%;
}
.cvBox03 .cvCap {
	left: 18%;
	position: absolute;
	text-align: left;
	top: 48%;
	color: #e9546b;
	font-size: 70%;
}
.cvBox03 .tkBtn01 {
	color: #000000;
	left: 69%;
	position: absolute;
	text-decoration: none;
	top: 58%;
}
.cvBox04 {
	background: url(../images/mildwash/mildImg01_2017_sp.jpg) no-repeat;
	padding-top: 61.71%;
	position: relative;
	background-size: contain;
	height: 0;
}
.cvBox04 .cvBtn01 {
	left: 54%;
	position: absolute;
	top: 33.5%;
	width: 41%;
}
.cvBox04 .cvBtn02 {
	left: 54%;
	position: absolute;
	top: 54%;
	width: 41%;
}
.cvBox04 .cvName {
	font-weight: normal;
	left: 18%;
	position: absolute;
	text-align: left;
	top: 9%;
	font-size: 95%;
	width: 75%;
}
.cvBox04 .cvName span {
	background: #e6f2e4;
	padding: 0.5%;
	line-height: 160%;
}
.cvBox04 .cvName02 {
	left: 18%;
	position: absolute;
	top: 65%;
	font-size: 95%;
}
.cvBox04 .cvCap {
	left: 18%;
	position: absolute;
	text-align: left;
	top: 70%;
	color: #e9546b;
	font-size: 70%;
}
.cvBox04 .tkBtn01 {
	color: #000000;
	left: 69%;
	position: absolute;
	text-decoration: none;
	top: 90%;
}
.cvBox04 span.mildItemName {
	font-size: 80%;
	color: #f69394;
	left: 3%;
	top: 90%;
	position: absolute;
}
.brownBkLo {
	background: url(../images/lotion/img01Back_sp.jpg) no-repeat;
	background-size: contain;
	padding-top: 45.62%;
	position: relative;
	margin-top: 10%;
}
.brownBkLo .osusumeLo .osusumeLo01 {
	position: absolute;
	top: 40%;
	left: 26%;
	font-size: 120%;
}
.brownBkLo .osusumeLo .osusumeLo02 {
	position: absolute;
	top: 40%;
	left: 44%;
	font-size: 120%;
}
.brownBkLo .osusumeLo .osusumeLo03 {
	position: absolute;
	top: 40%;
	left: 65%;
	font-size: 120%;
}
.brownBkLo .osusumeLo .osusumeLo04 {
	position: absolute;
	top: 70%;
	left: 12%;
	font-size: 120%;
}
.brownBkLo .osusumeLo .osusumeLo05 {
	position: absolute;
	top: 70%;
	left: 34%;
	font-size: 120%;
}
.brownBkLo .osusumeLo .osusumeLo06 {
	position: absolute;
	top: 70%;
	left: 54%;
	font-size: 120%;
}
.brownBkLo .osusumeLo .osusumeLo07 {
	position: absolute;
	top: 70%;
	left: 75%;
	font-size: 120%;
}
.brownBkLo02 {
	background: url(../images/lotion/img01Back_sp.jpg) no-repeat;
	background-size: contain;
	padding-top: 45.62%;
	position: relative;
	margin-top: -28%;
}
.brownBkLo02 .osusumeLo .osusumeLo01 {
	position: absolute;
	top: 40%;
	left: 26%;
	font-size: 120%;
}
.brownBkLo02 .osusumeLo .osusumeLo02 {
	position: absolute;
	top: 40%;
	left: 44%;
	font-size: 120%;
}
.brownBkLo02 .osusumeLo .osusumeLo03 {
	position: absolute;
	top: 40%;
	left: 65%;
	font-size: 120%;
}
.brownBkLo02 .osusumeLo .osusumeLo04 {
	position: absolute;
	top: 70%;
	left: 12%;
	font-size: 120%;
}
.brownBkLo02 .osusumeLo .osusumeLo05 {
	position: absolute;
	top: 70%;
	left: 34%;
	font-size: 120%;
}
.brownBkLo02 .osusumeLo .osusumeLo06 {
	position: absolute;
	top: 70%;
	left: 54%;
	font-size: 120%;
}
.brownBkLo02 .osusumeLo .osusumeLo07 {
	position: absolute;
	top: 70%;
	left: 75%;
	font-size: 120%;
}
.pointLoBox {
	background: url(../images/lotion/img03Back_sp.jpg) no-repeat;
	height: 0;
	position: relative;
	background-size: contain;
	padding-top: 100.31%;
}
.pointLoBox .pointBox01 {
	position: absolute;
	top: 25%;
	right: 8%;
}
.pointLoBox .pointBox02 {
	position: absolute;
	top: 50%;
	right: 4%;
}
.pointLoBox .pointBox03 {
	position: absolute;
	top: 71%;
	right: 13%;
}
.pointLoBox .pointBox04 {
	position: absolute;
	top: 80%;
	left: 25%;
}
.pointLoBox .pointBox05 {
	position: absolute;
	top: 64%;
	left: 3%;
}
.pointLoBox .pointBox06 {
	position: absolute;
	top: 43%;
	left: 5%;
}
.pointLoBox .pointBox07 {
	position: absolute;
	top: 25%;
	left: 18%;
}
.fs90 {
	font-size: 90%;
}
.kumatakeQA {
	border-top: 10px solid #f4f1ea;
	border-bottom: 10px solid #f4f1ea;
	padding: 3%;
	width: 70%;
	margin: 0 auto 5%;
	text-align: left;
}
.pointTxt {
	padding: 3%;
	text-align: left;
}
.pointTxt span {
	font-size: 90%;
}
.threeBox {
	background: url(../images/lotion/img11Back.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 148.43%;
	position: relative;
	text-align: left;
}
.threeTxt01 {
	position: absolute;
	top: 20%;
	left: 10%;
	width: 80%;
}
.threeTxt02 {
	position: absolute;
	top: 65%;
	left: 10%;
	width: 38%;
}
.threeTxt03 {
	position: absolute;
	top: 65%;
	left: 53%;
	width: 38%;
}
.threeTxt04 {
	position: absolute;
	top: 80%;
	left: 10%;
	width: 80%;
}
.threeTxt01_1 {
	background: #c9e7e5;
	padding: 0 1%;
}
.threeTxt01_2 {
	background: #bde6fa;
	padding: 0 1%;
}
.threeTxt01_3 {
	background: #c8d8ef;
	padding: 0 1%;
}
.ekisBox {
	padding-top: 127.5%;
	background: url(../images/lotion/img12Back.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
}
.ekisBox p {
	position: absolute;
	top: 83%;
	width: 80%;
	left: 10%;
	line-height: 160%;
}
.freeMBox {
	position: relative;
	padding-top: 50.59%;
	height: 0;
	background: url(../images/lotion/img16Back.jpg) no-repeat;
	background-size: contain;
}
.freeMBoxTxt01 {
	position: absolute;
	padding: 2%;
	border-top: 2px solid #9fa0a0;
	border-bottom: 2px solid #9fa0a0;
	font-size: 120%;
	top: 35%;
	left: 30%;
}
.freeMBoxTxt02 {
	position: absolute;
	text-align: left;
	top: 65%;
	left: 22%;
}
.kodawariBoxLo {
	background: url(../images/lotion/img18Back.jpg) no-repeat;
	padding-top: 69.84%;
	background-size: contain;
	position: relative;
}
.kodawariBox01 {
	position: absolute;
	bottom: 9%;
	left: 16%;
	font-size: 90%;
}
.kodawariBox02 {
	position: absolute;
	bottom: 3%;
	left: 34%;
	font-size: 90%;
}
.kodawariBox03 {
	position: absolute;
	bottom: 3%;
	left: 53%;
	font-size: 90%;
}
.kodawariBox04 {
	position: absolute;
	bottom: 3%;
	left: 73%;
	font-size: 90%;
}
.loAC .content01 {
	background: url(../images/lotion/img20Back.jpg) no-repeat;
	height: 0;
	background-size: cover;
	padding-top: 21.09%;
	position: relative;
	margin-bottom: 3%;
}
.loAC p.accordion_click span img {
	position: absolute;
	right: 10px;
	top: 68%;
	width: 26%;
}
.loAC .accordion04 ul, .shime {
	display: none;
}
.loAC .voiceBox li {
	background: #efece5;
	width: 65%;
	padding: 3%;
	margin-left: 25%;
	text-align: left;
}
.loAC .voiceBox li img {
	width: 7%;
}
.loAC span.accordion_click {
	margin-left: 90%;
}
.loAC .content02 {
	background: url(../images/lotion/img21Back.jpg) no-repeat;
	height: 0;
	background-size: cover;
	padding-top: 21.09%;
	position: relative;
}
.loAC p.accordion_click02 span img {
	position: absolute;
	right: 10px;
	top: 70%;
	width: 26%;
}
.loAC span.accordion_click02 {
	margin-left: 90%;
}
.loAC .voiceBox02 li {
	background: #efece5;
	width: 65%;
	padding: 3%;
	margin-left: 25%;
	text-align: left;
}
.loAC .voiceBox02 li img {
	width: 7%;
}
.loAC .voiceBox span, .voiceBox02 span, .voiceBox03 span {
	background: #c4d6c0;
}
.soapCont01_bk {
	background: url(../images/soap/soapCont01.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 94.53%;
	text-align: left;
}
.soapCont01_bk h3 {
	font-size: 115%;
	left: 10%;
	position: absolute;
	top: 22%;
}
.soapCont01_bkTxt01 {
	font-size: 80%;
	left: 10%;
	position: absolute;
	top: 47%;
}
.soapCont01_bkTxt02 {
	font-size: 80%;
	position: absolute;
	top: 47%;
	left: 54%;
}
.soapCont01_bkTxt03 {
	bottom: 15%;
	font-size: 80%;
	left: 10%;
	position: absolute;
}
/*
.soapCont03_bk {
    background: url(../images/soap/soapCont03.jpg) no-repeat;
    position: relative;
    background-size: contain;
    height: 0;
    padding-top: 256.56%;
    text-align: left;
}*/





/*.soapCont03_bk h3 {
    color: #3fbab8;
    font-size: 180%;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 33.5%;
}*/

.soapCont03_bkTxt01 {
	font-size: 110%;
	left: 13%;
	line-height: 150%;
	position: absolute;
	text-align: center;
	top: 63%;
}
.soapCont03_bkTxt02 {
	font-size: 110%;
	position: absolute;
	left: 62%;
	text-align: center;
	top: 63%;
}
.soapCont03_bkTxt03 {
	bottom: 6%;
	font-size: 120%;
	left: 10%;
	position: absolute;
	width: 80%;
	line-height: 140%;
}
/*
.soapCont03_bkTxt04 {
    font-size: 110%;
    position: absolute;
    top: 12.3%;
    left: 19%;
}

.soapCont03_bkTxt05 {
    font-size: 110%;
    position: absolute;
    top: 12.3%;
    left: 33.5%;
}

.soapCont03_bkTxt06 {
    font-size: 110%;
    position: absolute;
    top: 12.3%;
    left: 51%;
}

.soapCont03_bkTxt07 {
    font-size: 110%;
    position: absolute;
    top: 12.3%;
    left: 70%;
}*/






.soapCont04_bk {
	background: url(../images/soap/soapCont04.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 251.09%;
}
.soapCont04_bk p.soapCont04_bkTxt01 {
	font-size: 120%;
	left: 10%;
	line-height: 140%;
	position: absolute;
	text-align: left;
	top: 19%;
	width: 80%;
}
.soapCont04_bk p.soapCont04_bkTxt02 {
	font-size: 120%;
	left: 10%;
	line-height: 140%;
	position: absolute;
	text-align: left;
	bottom: 15%;
	width: 80%;
}
.soapCont04_bk div {
	width: 86%;
	position: absolute;
	top: 36%;
	left: 7%;
	height: 20%;
}
.soapCont04_bk div iframe {
	width: 100%;
	height: 100%;
}
.soapCont05_bk {
	background: url(../images/soap/soapCont05.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 190%;
}
.soapCont05_bk .soapCont05_bkTxt01 {
	font-size: 90%;
	left: 15.5%;
	position: absolute;
	top: 20.5%;
}
.soapCont05_bk .soapCont05_bkTxt02 {
	font-size: 90%;
	position: absolute;
	top: 20.5%;
	left: 43%;
}
.soapCont05_bk .soapCont05_bkTxt03 {
	font-size: 90%;
	position: absolute;
	top: 20.5%;
	left: 74%;
}
.soapCont05_bk .soapCont05_bkTxt04 {
	font-size: 90%;
	left: 15.5%;
	position: absolute;
	top: 24%;
}
.soapCont05_bk .soapCont05_bkTxt05 {
	font-size: 90%;
	position: absolute;
	top: 24%;
	left: 42%;
}
.soapCont05_bk .soapCont05_bkTxt06 {
	font-size: 90%;
	position: absolute;
	top: 24%;
	left: 67%;
}
.soapCont05_bk .soapCont05_bkTxt07 span {
	font-size: 140%;
	color: #3fbab8;
}
.soapCont05_bk .soapCont05_bkTxt07 {
	bottom: 50%;
	font-size: 120%;
	line-height: 140%;
	position: absolute;
	right: 10%;
	text-align: left;
	width: 80%;
}
.soapCont05_bk .soapCont05_bkTxt07 span {
	display: block;
	font-size: 115%;
	margin-bottom: 3%;
	text-align: center;
}
.soapCont05_bk .soapCont05_bkTxt08 {
	bottom: 10%;
	font-size: 120%;
	left: 10%;
	line-height: 140%;
	position: absolute;
	text-align: left;
	width: 80%;
}
.soapContCart_bk {
	background: url(../images/soap/soapContCart_2017.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 121.4%;
}
.soapContCart_bk img.cart01_1 {
	position: absolute;
	top: 66%;
	left: 55%;
	width: 42%;
}
.soapContCart_bk img.cart01_2 {
	position: absolute;
	top: 76.5%;
	left: 55%;
	width: 42%;
}
.soapContCart_bk img.cart01_3 {
	position: absolute;
	top: 93%;
	right: 4%;
	width: 26%;
}
.soapContCart_bkTxt01 {
	font-size: 90%;
	left: 53%;
	position: absolute;
	top: 37.5%;
}
.soapContCart_bkTxt02 {
	font-size: 90%;
	left: 55%;
	position: absolute;
	top: 42.5%;
}
.soapContCart_bkTxt03 {
	font-size: 90%;
	left: 53.5%;
	position: absolute;
	top: 47.5%;
}
.soapContCart_bkTxt04 {
	font-size: 90%;
	left: 74%;
	position: absolute;
	top: 38%;
}
.soapContCart_bkTxt05 {
	font-size: 90%;
	left: 73%;
	position: absolute;
	top: 42.5%;
}
.soapContCart_bk p {
	font-size: 110%;
	left: 4%;
	line-height: 110%;
	position: absolute;
	text-align: left;
	top: 56%;
}
.soapContCart_bk p span {
	padding: 0.5%;
	background: #d8f3f2;
}
.soapContCart_bk p.soapCap {
	position: absolute;
	top: 85%;
	left: 18%;
	text-align: left;
	color: #e9546b;
	font-size: 80%;
}
.soapCont06_bk {
	background: url(../images/soap/soapCont06.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 128.75%;
}
.soapCont06_bk p {
	bottom: 20%;
	color: #ffffff;
	font-size: 120%;
	left: 10%;
	line-height: 140%;
	position: absolute;
	text-align: left;
	width: 80%;
}
.soapCont07_bk {
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 57.34%;
	background-image: url(../images/soap/soapCont07_sp.jpg);
	background-repeat: no-repeat;
}
.soapCont07_bk span.soapCont07_bkTxt00 {
	color: #3fbab8;
	font-size: 140%;
	font-weight: bold;
	left: 47%;
	line-height: 130%;
	position: absolute;
	text-align: left;
	top: 20%;
}
.soapCont07_bkTxt {
	width: 80%;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 3%;
	line-height: 1.8em;
}
.soapCont07_bkTxt span {
	padding: 0.1%;
	background: #d8f3f2;
}
.soapCont08_bk {
	background: url(../images/soap/soapCont08.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 47.81%;
}
.soapCont08_bk span.soapCont08_bkTxt00 {
	color: #3fbab8;
	font-size: 140%;
	font-weight: bold;
	left: 47%;
	line-height: 130%;
	position: absolute;
	text-align: left;
	top: 20%;
}
.soapCont08_bkTxt {
	width: 80%;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 5%;
	line-height: 1.8em;
}
.soapCont08_bkTxt span {
	padding: 0.1%;
	background: #d8f3f2;
}
.soapCont09_bk {
	background: url(../images/soap/soapCont09.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 52.58%;
}
.soapCont09_bk p {
	color: #3fbab8;
	font-size: 140%;
	font-weight: bold;
	left: 46%;
	line-height: 140%;
	position: absolute;
	text-align: left;
	top: 10%;
}
.soapCont10_bk {
	background: #fff8eb;
	padding: 5%;
}
.soapCont10_bk p {
	width: 90%;
	margin: 0 auto;
	line-height: 160%;
	text-align: left;
}
.soapCont10_bk p span {
	padding: 0.1%;
	background: #d8f3f2;
}
.soapContCart_bk02 {
	background: url(../images/soap/soapContCart02_2017.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 121.4%;
}
.soapContCart_bk02 img.cart01_1 {
	position: absolute;
	top: 66%;
	left: 55%;
	width: 42%;
}
.soapContCart_bk02 img.cart01_2 {
	position: absolute;
	top: 76.5%;
	left: 55%;
	width: 42%;
}
.soapContCart_bk02 img.cart01_3 {
	position: absolute;
	top: 93%;
	right: 4%;
	width: 26%;
}
.soapContCart_bk02 p {
	font-size: 110%;
	left: 4%;
	line-height: 110%;
	position: absolute;
	text-align: left;
	top: 56%;
}
.soapContCart_bk02 p span {
	padding: 0.5%;
	background: #d8f3f2;
}
.soapContCart_bk02 p.soapCap {
	position: absolute;
	top: 85%;
	left: 18%;
	text-align: left;
	color: #e9546b;
	font-size: 80%;
}
/* 2017 5 soap
---------------------------------------------------------------*/

.prezentArea {
	margin: 0 0 10% 0;
}
.prezentArea p.Txt01 {
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: left;
	width: 96%;
	margin: 5% 2%;
}
.soapCont03_bk {
	background: url(../images/soap/soapCont03.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 282.96%;
	text-align: left;
}
.soapCont03_bk h3 {
	color: #3fbab8;
	font-size: 180%;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 29.5%;
}
.soapCont03_bkTxt04 {
	font-size: 110%;
	position: absolute;
	top: 11.3%;
	left: 19%;
}
.soapCont03_bkTxt05 {
	font-size: 110%;
	position: absolute;
	top: 11.3%;
	left: 33.5%;
}
.soapCont03_bkTxt06 {
	font-size: 110%;
	position: absolute;
	top: 11.3%;
	left: 51%;
}
.soapCont03_bkTxt07 {
	font-size: 110%;
	position: absolute;
	top: 11.3%;
	left: 70%;
}
/* 2017 12 soap
---------------------------------------------------------------*/


.topmain_bk06_2_1sp {
	background: url(../images/soap2/pw_top201909_sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 81.2%;
	text-align: left;
}
/* 201908修正*/
/*.topmain_bk06_2_1sp {
	background: url(../images/soap2/pw_top201906_sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 123%;
	text-align: left;
}*/



.topmain_bk06_2sp {
	background: url(../images/soap2/pw_top201909_02sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 60.78%;
	text-align: left;
}
.topmain_bk06_2sp .btn01 {
	position: absolute;
	top: 60%;
	left: 16%;
	width: 32.6%
}
.topmain_bk06_2sp .btn02 {
	position: absolute;
	top: 60%;
	left: 52%;
	width: 32.6%
}
.powder_cont01sp {
	background: url(../images/soap2/pw_cont201909_sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 373%;
	text-align: left;
}
.powder_cont01sp .coment01 {
	position: absolute;
	top: 28%;
	left: 12%;
	color: #575757;
	width: 76%;
	text-align: center;
	font-size: 90%;
	line-height: 1.3em;
}
.powder_cont01sp .coment02 {
	position: absolute;
	top: 55%;
	left: 12%;
	color: #575757;
	width: 76%;
	text-align: center;
	font-size: 90%;
	line-height: 1.3em;
}
.powder_cont01sp .coment03 {
	position: absolute;
	top: 83%;
	left: 12%;
	color: #575757;
	width: 76%;
	text-align: center;
	font-size: 90%;
	line-height: 1.3em;
}
.powder_cont02sp {
	background: url(../images/soap2/pw_cont201712_2sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 150%;
	text-align: left;
}
.powder_cont02sp .point01 {
	position: absolute;
	top: 22%;
	left: 27%;
	color: #575757;
	width: 61%;
	text-align: left;
	font-size: 100%;
}
.powder_cont02sp .point02 {
	position: absolute;
	top: 27.3%;
	left: 27%;
	color: #575757;
	width: 61%;
	text-align: left;
	font-size: 100%;
}
.powder_cont02sp .point03 {
	position: absolute;
	top: 33%;
	left: 27%;
	color: #575757;
	width: 61%;
	text-align: left;
	font-size: 100%;
}
.powder_cont02sp .point04 {
	position: absolute;
	top: 38%;
	left: 27%;
	color: #575757;
	width: 61%;
	text-align: left;
	font-size: 100%;
}
.powder_cont02sp .point05 {
	position: absolute;
	top: 43.5%;
	left: 27%;
	color: #575757;
	width: 61%;
	text-align: left;
	font-size: 100%;
}
.powder_cont02sp .point06 {
	position: absolute;
	top: 48.75%;
	left: 27%;
	color: #575757;
	width: 61%;
	text-align: left;
	font-size: 100%;
}
.powder_cont03sp {
	background: url(../images/soap2/pw_cont201712_3sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 592%;
	text-align: left;
	margin-top: 10%;
}
.powder_cont03sp .title {
	position: absolute;
	top: 9%;
	left: 18%;
	color: #1fa8ae;
	width: 64%;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
}
.powder_cont03sp .coment01 {
	position: absolute;
	top: 22%;
	left: 10%;
	color: #575757;
	width: 38%;
	text-align: center;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont03sp .coment02 {
	position: absolute;
	top: 22%;
	left: 52.2%;
	color: #575757;
	width: 38%;
	text-align: center;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont03sp .coment03 {
	position: absolute;
	top: 31.5%;
	left: 25.9%;
	color: #575757;
	width: 63%;
	text-align: left;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont03sp .coment04 {
	position: absolute;
	top: 34.5%;
	left: 25.9%;
	color: #575757;
	width: 63%;
	text-align: left;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont03sp .coment05 {
	position: absolute;
	top: 38%;
	left: 25.9%;
	color: #575757;
	width: 63%;
	text-align: left;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont03sp .coment06 {
	position: absolute;
	top: 51%;
	left: 13%;
	color: #575757;
	width: 46%;
	text-align: left;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont03sp .coment07 {
	position: absolute;
	top: 62%;
	left: 13%;
	color: #575757;
	width: 46%;
	text-align: left;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont03sp .coment08 {
	position: absolute;
	top: 63.1%;
	left: 65.9%;
	color: #575757;
	width: 46%;
	text-align: left;
	font-size: 74%;
	line-height: 1.5em;
}
.powder_cont03sp .coment08_2 {
	position: absolute;
	top: 67.8%;
	left: 68.9%;
	color: #575757;
	width: 46%;
	text-align: left;
	font-size: 74%;
	line-height: 1.5em;
}
.powder_cont03sp .coment09 {
	position: absolute;
	top: 69.2%;
	left: 36%;
	color: #575757;
	width: 56.71%;
	text-align: left;
	font-size: 70%;
	line-height: 1.5em;
}
.powder_cont03sp .coment10 {
	position: absolute;
	top: 87.7%;
	left: 50%;
	color: #575757;
	width: 40%;
	text-align: left;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont03sp .coment10 span {
	font-size: 70%;
}
.powder_movie_sp {
	background: url(../images/soap2/pw_houto_sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 77.5%;
	text-align: left;
	margin-top: 10%;
}
.powder_movie_sp .text01 {
	position: absolute;
	top: 23%;
	left: 23.28%;
	color: #575757;
}
.powder_movie_sp .movie {
	position: absolute;
	top: 41%;
	left: 26%;
}
.powder_movie_sp .text02 {
	position: absolute;
	top: 90%;
	left: 21.8%;
	color: #575757;
	font-size: 77%;
}
.powder_movie_sp .text03 {
	position: absolute;
	top: 90%;
	left: 60%;
	color: #575757;
	font-size: 77%;
}
.powder_cont04sp {
	background: url(../images/soap2/pw_cont201712_4sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 201%;
	text-align: left;
	margin-top: 10%;
}
.powder_cont04sp .p01 {
	position: absolute;
	top: 40%;
	left: 63%;
	color: #575757;
	width: 15%;
	text-align: center;
	font-size: 80%;
	line-height: 1.5em;
}
.powder_cont04sp .p02 {
	position: absolute;
	top: 53%;
	left: 72%;
	color: #575757;
	width: 20%;
	text-align: center;
	font-size: 77%;
	line-height: 1.5em;
}
.powder_cont04sp .p03 {
	position: absolute;
	top: 67.5%;
	left: 74%;
	color: #575757;
	width: 20%;
	text-align: center;
	font-size: 77%;
	line-height: 1.5em;
}
.powder_cont04sp .p04 {
	position: absolute;
	top: 80%;
	left: 63.1%;
	color: #575757;
	width: 20%;
	text-align: center;
	font-size: 77%;
	line-height: 1.5em;
}
.powder_cont04sp .p05 {
	position: absolute;
	top: 83%;
	left: 34.5%;
	color: #575757;
	width: 15%;
	text-align: center;
	font-size: 77%;
	line-height: 1.5em;
}
.powder_cont04sp .p06 {
	position: absolute;
	top: 71.5%;
	left: 11.4%;
	color: #575757;
	width: 21%;
	text-align: center;
	font-size: 77%;
	line-height: 1.5em;
}
.powder_cont04sp .p07 {
	position: absolute;
	top: 56.97%;
	left: 5%;
	color: #575757;
	width: 21%;
	text-align: center;
	font-size: 77%;
	line-height: 1.5em;
}
.powder_cont04sp .p08 {
	position: absolute;
	top: 43%;
	left: 12%;
	color: #575757;
	width: 23%;
	text-align: center;
	font-size: 70%;
	line-height: 1.5em;
}
.powder_cont05sp {
	background: url(../images/soap2/pw_cont201712_5sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 188%;
	text-align: left;
	margin-top: 10%;
}
.powder_cont05sp .text01 {
	position: absolute;
	top: 39%;
	left: 5%;
	color: #fff;
	text-align: left;
	width: 90%;
	line-height: 1.8em;
	font-size: 90%;
}
.powder_cont05sp .text02 {
	position: absolute;
	top: 61.5%;
	left: 33.28%;
	color: #fff;
	text-align: left;
	width: 90%;
	line-height: 1.8em;
	font-size: 90%;
}
.powder_cont05sp .text03 {
	position: absolute;
	top: 65.4%;
	left: 20%;
	color: #fff;
	text-align: center;
	width: 58.4%;
	line-height: 1.2em;
	font-size: 90%;
}
.powder_cont05sp .text04 {
	position: absolute;
	top: 70%;
	left: 20%;
	color: #fff;
	text-align: center;
	width: 58.4%;
	line-height: 1.8em;
	font-size: 90%;
}
.powder_cont06sp {
	background: url(../images/soap2/pw_cont201712_6sp.jpg) no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 335%;
	text-align: left;
	margin-top: 10%;
}
.powder_cont06sp .text01 {
	position: absolute;
	top: 11.6%;
	left: 21.4%;
	color: #575757;
	text-align: left;
	line-height: 1.2em;
	font-size: 90%;
}
.powder_cont06sp .text02 {
	position: absolute;
	top: 13%;
	left: 21.4%;
	color: #1fa8ae;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
}
.powder_cont06sp .text03 {
	position: absolute;
	top: 14.8%;
	left: 21.4%;
	color: #575757;
	text-align: left;
	font-size: 90%;
}
.powder_cont06sp .text04 {
	position: absolute;
	top: 36%;
	left: 13.1%;
	color: #1fa8ae;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
}
.powder_cont06sp .text04 span {
	color: #1fa8ae;
	text-align: left;
	font-size: 80%;
	font-weight: bold;
}
.powder_cont06sp .text05 {
	position: absolute;
	top: 37.5%;
	left: 13.1%;
	color: #575757;
	text-align: left;
	font-size: 90%;
	width: 74%;
}
.powder_cont06sp .text06 {
	position: absolute;
	top: 40.3%;
	left: 13.1%;
	color: #1fa8ae;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
}
.powder_cont06sp .text06 span {
	color: #1fa8ae;
	text-align: left;
	font-size: 80%;
	font-weight: bold;
}
.powder_cont06sp .text07 {
	position: absolute;
	top: 42%;
	left: 13.1%;
	color: #575757;
	text-align: left;
	font-size: 90%;
	width: 74%;
}
.powder_cont06sp .text07 span {
	color: #575757;
	text-align: left;
	font-size: 80%;
}
.powder_cont_faq {
	margin: 10%x auto 0 auto;
	text-align: center;
	width: 100%;
	font-size: 80%;
}
.powder_cont_faq ul.accordion01 {
	width: 100%;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.powder_cont_faq ul.accordion01 a {
	display: block;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 90%;
}
.powder_cont_faq ul.accordion01 li ul li a {
	display: inline;
	padding: 0;
	background: none;
	text-decoration: underline;
	color: #5ebbc2;
	font-weight: normal;
}
.powder_cont_faq ul.accordion01 span {
	display: table;
	padding: 10px;
	background-position: 97% center;
	background-repeat: no-repeat;
	color: #7d7d7d;
}
.powder_cont_faq ul.accordion01 ul {
	display: none;
}
.powder_cont_faq ul.accordion01>li>p span {
	background-image: url(../images/soap2/open01.png);
	padding: 10px 10px;
	padding-right: 70px;
	cursor: pointer;
	width: 80%;
}
.powder_cont_faq ul.accordion01>li b.bold {
	font-size: 140%;
	color: #1fa8ae;
}
.powder_cont_faq ul.accordion01>li b {
	font-weight: normal;
}
.powder_cont_faq ul.accordion01>li>p b {
	font-weight: normal;
}
.powder_cont_faq ul.accordion01>li>p span.open {
	background-image: url(../images/soap2/close01.png);
}
.powder_cont_faq ul.accordion01>li>ul>li {
	padding: 20px 20px 10px;
	color: #666666;
	border-top: 1px solid #cccccc;
	line-height: 1.85em;
}
.powder_cont_faq ul.accordion01>li {
	background: #FFF;
	border-bottom: 1px solid #cccccc;
}
.powder_cont_faq ul.accordion01>li.areaA {
	border-top: 1px solid #cccccc;
	padding: 10px;
}
.powder_cont_faq ul.accordion01>li:last-child {
	border: none;
}


.powder_cmap_sp {
	background: url(../images/soap2/pw_cmap201906_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 34%;
	text-align: left;
	position: relative;
	margin-top: -4%;
}
.powder_cmap_sp p.txt {
	position: absolute;
	top: 60%;
	left: 25%;
	font-size:64%;
	text-align: left;
	line-height: 1.1em;
	width: 50%;
	color: #575757;
}

.powder_cmap_sp p.txt span {
	color: #fff;
}


 p.camp_coment_sp {
	font-size:70%;
	 color: #575757;
	 text-align: left;
	 width: 90%;
	 margin: 1% 5% 3% 5%;
	 line-height: 1.2em;
}


.powder_cmap2_sp p {
	font-size:90%;
	text-align: left;
	margin:3% 5% 5% 5%;
	width:90%
}



.powder_line_sp {
	width: 100%;
	text-align: center;
	margin:5% auto 0 auto;
}



/* ドロワー */
.drawer.open {
	left: 0;
}
.drawer {
	position: fixed;
	top: 0;
	left: 0px;
	z-index: 9999;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #7e7e7e;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	text-align: left;
}
.drawer__item--close {
	padding: 20px;
	text-align: right;
}
.drawer__item--close a {
	color: #666;
}
.drawer__item {
	border-bottom: 1px solid #fff;
}
.drawer__item__name {
	font-size: 100%;
	font-weight: normal;
	display: table;
	line-height: 1;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 5px 10px;
	color: #7e7e7e;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 80%;
	text-align: left;
}
.drawer__item__name__text {
	width: 70%;
	vertical-align: middle;
	color: #7e7e7e;
}
.drawer__item__name__icon--left {
	width: 15%;
	display: table-cell;
	vertical-align: middle;
}
.drawer__item__name__icon--right {
	width: 10%;
	display: table-cell;
	vertical-align: middle;
	text-align: right !important;
}
.drawer__item--accordion ul {
	margin: 0;
	padding: 5px 0;
	list-style: none;
}
.drawer__item--accordion .linklist__item {
	border: none;
	background-color: #fff;
}
.drawer__item--accordion .linklist__item a {
	padding: 5px 5px;
	font-size: 70%;
}
.u-ac--active {
	border-bottom: 1px solid #fff;
}
/*----- コンセプトページ----------------------------------*/
.consept_contents {
	width: 100%;
}
.consept_contents>h2 {
	text-align: center;
}
.consept_contents .cont01_sp {
	width: 100%;
	margin: 3% 0;
	padding-top: 10%;
}
.consept_contents .cont01_sp p.c_txt {
	text-align: center;
	line-height: 1.8em;
	font-size: 13px;
	color: #575757;
	width: 84%;
	margin: 8% 8%;
}
.consept_contents .cont01_sp p.c_txt02 {
	text-align: center;
	line-height: 1.8em;
	font-size: 13px;
	color: #575757;
	width: 84%;
	margin: 8% 8%;
	padding-bottom: 10%;
}
.consept_contents .cont01_sp p.c_txt03 {
	text-align: center;
	line-height: 1.8em;
	font-size: 13px;
	color: #575757;
	width: 84%;
	margin: 8% 8%;
	padding: 10% 0;
}
.consept_contents .cont01_sp p.c_txt04 {
	text-align: center;
	line-height: 1.8em;
	font-size: 13px;
	color: #575757;
	width: 84%;
	margin: 8% 8%;
	padding: 10% 0;
}
.consept_contents .cont01_sp p.c_txt05 {
	text-align: center;
	line-height: 1.8em;
	font-size: 13px;
	color: #575757;
	width: 84%;
	margin: 8% 8%;
}
.consept_contents .cont01_sp .img01 {
	text-align: left;
	width: 65%;
	margin: 5% 0;
}
.consept_contents .cont01_sp .img02 {
	text-align: right !important;
	width: 80%;
	margin: 5% 0 5% 20%;
}
.consept_contents .cont01_sp .img03 {
	width: 100%;
	margin: 5% 0;
}
.consept_contents .cont01_sp .imglogo {
	width: 52.5%;
	margin: 10% auto 20% auto;
	text-align: center;
	padding: 10% 0;
}
.consept_contents .cont02_sp {
	width: 100%;
}
.consept_contents .cont02_sp p.c_txt {
	text-align: left;
	line-height: 1.8em;
	font-size: 13px;
	color: #575757;
	width: 84%;
	margin: 8% 8%;
}
.consept_contents .cont03_sp {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.consept_contents .cont03_sp h3 {
	width: 100%;
	text-align: center;
	margin: 10% 0;
}
.consept_contents .cont03_sp .box_left {
	clear: both;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10%;
}
.consept_contents .cont03_sp .box_left .logo {
	text-align: center;
	width: 40.9%;
	margin: 5% auto;
	padding: 10% 0;
}
.consept_contents .cont03_sp .box_left .photo {
	text-align: center;
	width: 83.4%;
	margin: 5% auto;
}
.consept_contents .cont03_sp .box_left .name {
	text-align: center;
	font-size: 16px;
	color: #575757;
	margin: 5% auto;
	width: 84%;
	margin: 8% 8%;
}
.consept_contents .cont03_sp .box_left .btn_cont {
	text-align: center;
	margin: 10% auto;
}
.consept_contents .cont03_sp .box_left .txt {
	text-align: left;
	line-height: 1.8em;
	font-size: 13px;
	color: #575757;
	width: 84%;
	margin: 8% 8%;
}
.consept_contents .cont03_sp .box_right {
	clear: both;
}
.consept_contents .cont03_sp .box_right .logo {
	text-align: center;
	width: 40.9%;
	margin: 5% auto;
	padding: 10% 0;
}
.consept_contents .cont03_sp .box_right .photo {
	text-align: center;
	width: 83.4%;
	margin: 5% auto;
}
.consept_contents .cont03_sp .box_right .name {
	text-align: center;
	font-size: 16px;
	color: #575757;
	margin: 5% auto;
	width: 84%;
	margin: 8% 8%;
}
.consept_contents .cont03_sp .box_right .btn_cont {
	text-align: center;
	margin: 10% auto;
}
.consept_contents .cont03_sp .box_right .txt {
	text-align: left;
	line-height: 1.8em;
	font-size: 13px;
	color: #575757;
	width: 84%;
	margin: 8% 8%;
}
.consept_contents .cont03_sp .btn_kuwasiku {
	display: inline-block;
	height: 25px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #888888;
	font-size: 13px;
	line-height: 20px;
	color: #888 !important;
	text-decoration: none !important;
	text-align: center;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 60%;
	background: #fff;
}
.consept_contents .cont03_sp .btn_kuwasiku a {
	color: #7d7d7d;
	text-decoration: none;
	padding-top: 3px;
	font-size: 13px;
}
.consept_contents .cont03_sp .btn_kuwasiku a:hover {
	color: #7d7d7d;
	text-decoration: none;
	font-size: 13px;
}
.consept_contents .cont03_sp .btn_kuwasiku:hover, .btn_kuwasiku:focus {
	background: #fff;
	color: #dadada;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
/*----- リニューアルページ----------------------------------*/
.renewal_contents {
	width: 100%;
}
.renewal_contents>h2 {
	text-align: center;
}
.renewal_contents .spcont01 {
	width: 100%;
	margin: 60px auto 0 auto;
}
.renewal_contents .spcont01>h3 {
	text-align: center;
	width: 96%;
	margin: 5% 2% 0 2%;
}
.renewal_contents .spcont01 .btn {
	text-align: center;
	width: 96%;
	margin: 5% 2% 0 2%;
}
.renewal_contents .spcont01 .btn li {
	float: left;
	margin-left: 6%;
	width: 43%;
}
.renewal_contents .spcont02 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
.renewal_contents .spcont02 div img {
	margin: 10% 0 0 0 !important;
}
.renewal_contents .spcont02 p.txt {
	text-align: center;
	line-height: 1.8em;
	font-size: 90% !important;
	color: #575757;
	margin: 5% auto 0 auto;
}
.renewal_contents .spcont03 {
	background: url(../images/renewal/renewal03_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 156.25%;
}
.renewal_contents .spcont03 p.txt01 {
	position: absolute;
	top: 66%;
	color: #296e31;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6em;
	width: 86%;
	margin: 0 8%;
	text-align: left;
}
.renewal_contents .spcont03 p.txt01 span {
	color: #b4b4b4;
	font-size: 90%;
	font-weight: bold;
}
.renewal_contents .spcont03 p.txt02 {
	position: absolute;
	top: 76%;
	font-size: 90%;
	line-height: 1.5em;
	width: 86%;
	margin: 0 8%;
	text-align: left;
}
.renewal_contents .spcont03 p.txt03 {
	position: absolute;
	top: 93%;
	font-size: 63%;
	width: 86%;
	margin: 0 8%;
	text-align: left;
}
.renewal_contents .spcont04 {
	text-align: center;
	width: 96%;
	margin: 5% 2% 0 2%;
}
.renewal_contents .spcont04>h3 {
	text-align: center;
	width: 44.5%;
	margin: 0 27% 10% 27%;
}
.renewal_contents .spcont04>h4 {
	text-align: center;
	width: 100%;
	margin: 0 0 10% 0%;
	padding-top: 10%;
}
.renewal_contents .spcont05 {
	text-align: center;
	width: 96%;
	margin: 5% 2% 0 2%;
}
.renewal_contents .spcont05 .alow {
	text-align: center;
	width: 30.6%;
	margin: 5% 35% 5% 35%;
	padding: 5% 0 5% 0;
}
.renewal_contents .spcont05 .alow2 {
	text-align: center;
	width: 30.6%;
	margin: 5% 35% 5% 35%;
	padding: 10% 0 10% 0;
}
.renewal_contents .spcont05 .step {
	text-align: center;
	width: 90%;
	margin: 5% 5%;
}
.renewal_contents .spcont05 .box01 {
	text-align: center;
	width: 96%;
	margin: 5% 2% 0 2%;
}
.renewal_contents .spcont05 .box01>h3 {
	width: 46%;
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	padding: 2%;
	margin: 0 auto;
}
.renewal_contents .spcont05 .box01 .img01 {
	width: 46%;
	text-align: center;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box01>h4 {
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box01 .syousai {
	width: 46%;
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box01 .syousai .name {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box01 .syousai .pr {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box01 .syousai .pr span {
	color: #296e31;
}
.renewal_contents .spcont05 .box {
	display: table;
}
.renewal_contents .spcont05 .box02 {
	text-align: center;
	width: 46%;
	margin: 5% 1% 0 1%;
	display: table-cell
}
.renewal_contents .spcont05 .box02>h3 {
	width: 46%;
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	padding: 2%;
	margin: 0 auto;
}
.renewal_contents .spcont05 .box02 .img01 {
	width: 80%;
	text-align: center;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box02>h4 {
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box02 .syousai {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
	width: 88%;
}
.renewal_contents .spcont05 .box02 .syousai .name {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box02 .syousai .pr {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box02 .syousai .pr span {
	color: #296e31;
}
.renewal_contents .spcont05 .box03 {
	text-align: center;
	width: 46%;
	margin: 5% 1% 0 1%;
	display: table-cell
}
.renewal_contents .spcont05 .box03>h3 {
	width: 47.34%;
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	padding: 2%;
	margin: 0 auto;
}
.renewal_contents .spcont05 .box03 .img01 {
	width: 80%;
	text-align: center;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box03>h4 {
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box03 .syousai {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
	width: 88%;
}
.renewal_contents .spcont05 .box03 .syousai .name {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box03 .syousai .pr {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box03 .syousai .pr span {
	color: #296e31;
}
.renewal_contents .spcont05 .ecobox {
	background: url(../images/renewal/eco_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 125%;
}
.renewal_contents .spcont05 .ecobox .box04 {
	position: absolute;
	top: 0;
	left: 0;
}
.renewal_contents .spcont05 .box04>h3 {
	position: absolute;
	top: 1%;
	left: 5%;
	width: 86%;
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	padding: 2%;
	margin: 0 auto;
}
.renewal_contents .spcont05 .box04 .img01 {
	width: 48%;
	text-align: center;
	padding: 15% 0 0 5%;
}
.renewal_contents .spcont05 .box04>h4 {
	text-align: left;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	padding: 5% 0 0 5%;
}
.renewal_contents .spcont05 .box04 .syousai {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	width: 47.34%;
	padding: 3% 0 0 3%;
}
.renewal_contents .spcont05 .eco {
	font-size: 82%;
	line-height: 1.8em;
	width: 30%;
	position: absolute;
	top: 30%;
	left: 62%;
	text-align: left;
	word-break: break-all;
}
.renewal_contents .spcont05 .box04 .syousai .name {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box04 .syousai .pr {
	text-align: left;
	font-size: 90%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box04 .syousai .pr span {
	color: #296e31;
}
.renewal_contents .spcont05 .box04_2 {
	text-align: center;
	width: 46%;
	margin: 5% 1% 0 1%;
	display: table-cell
}
.renewal_contents .spcont05 .box04_2 .img01 {
	width: 80%;
	text-align: center;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box05 {
	text-align: center;
	width: 96%;
	margin: 0% 2% 0 2%;
	border-bottom: 1px solid #b6b6b6;
}
.renewal_contents .spcont05 .box05>h3 {
	width: 90%;
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	padding: 2%;
	margin: 0 auto;
}
.renewal_contents .spcont05 .box05 .img01 {
	width: 46%;
	text-align: center;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box05>h4 {
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box05 .syousai {
	width: 46%;
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box05 .syousai .name {
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box05 .syousai .pr {
	text-align: left;
	font-size: 90%;
	line-height: 1.5em;
	margin: 5% auto;
}
.renewal_contents .spcont05 .box05 .syousai .pr span {
	color: #296e31;
}
.renewal_contents .spcont06 {
	text-align: center;
	width: 96%;
	margin: 0% 2% 0 2%;
}
.renewal_contents .spcont06>h3 {
	text-align: center;
	width: 30.5%;
	margin: 0% 31% 10% 34%;
	padding: 5% 0 0 0;
}
.renewal_contents .spcont06 .ch {
	width: 96%;
	margin: 5% 2% 5% 2%;
	border-bottom: 1px solid #cccccc;
	padding: 10% 0 5% 0;
}
.renewal_contents .spcont06 .trtitle {
}
.renewal_contents .spcont06 .trtitle>h3 {
	width: 90%;
	text-align: center;
	color: #296e31;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	padding: 2%;
	margin: 0 auto;
}
.renewal_contents .spcont06 .trbox {
	width: 100%;
	margin: 10% 0%;
	padding-top: 5%;
}
.renewal_contents .spcont06 .trbox .lcont {
	width: 96%;
	margin: 0 2%;
	clear: both;
}
.renewal_contents .spcont06 .trbox .lcont .main, .main li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
.renewal_contents .spcont06 .trbox .lcont .main {
	margin-bottom: 5px;
}
.renewal_contents .spcont06 .trbox .lcont .main li {
	width: 300px;
	height: 300px;
	overflow: hidden;
}
.renewal_contents .spcont06 .trbox .lcont .main li.item2, .renewal_contents .spcont06 .trbox .lcont .main li.item3, .renewal_contents .spcont06 .trbox .lcont .main li.item4 {
	display: none;
}
.renewal_contents .spcont06 .trbox .lcont .main li:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.renewal_contents .spcont06 .trbox .lcont .thumb ul {
	margin: 25px 0 0 5%;
	text-align: left;
}
.renewal_contents .spcont06 .trbox .lcont .thumb li {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.renewal_contents .spcont06 .trbox .lcont .thumb li {
	display: inline-block;
	width: 72px;
	height: 72px;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
	margin-bottom: 4px;
}
.renewal_contents .spcont06 .trbox .lcont .thumb li img {
	width: 100%;
	height: auto;
}
.renewal_contents .spcont06 .trbox .lcont .thumb li:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.renewal_contents .spcont06 .trbox .rcont {
	width: 96%;
	margin: 0 2%;
	clear: both;
}
.renewal_contents .spcont06 .trbox .rcont .left {
	float: left;
	width: 16%;
}
.renewal_contents .spcont06 .trbox .rcont .left table {
	border-top: 1px solid #575757;
	border-right: 1px solid #575757;
	line-height: 1.5em;
	font-size: 80%;
	color: #666;
}
.renewal_contents .spcont06 .trbox .rcont .left table td {
	border-bottom: 1px solid #575757;
	border-left: 1px solid #575757;
	padding: 2px;
}
.renewal_contents .spcont06 .trbox .rcont .right {
	float: right;
	width: 80%;
}
.renewal_contents .spcont06 .trbox .rcont span {
	font-size: 90%;
	padding: 5%;
}
.renewal_contents .spcont06 .trbox .rcont .name {
	font-size: 100%;
	line-height: 1.5em;
	text-align: left;
}
.renewal_contents .spcont06 .trbox .rcont .set {
	font-size: 80%;
	line-height: 1.8em;
	text-align: left;
	width: 96%;
	margin: 5% 2%;
}
.renewal_contents .spcont06 .trbox .rcont .camp {
	border-top: 1px solid #296e31;
	border-bottom: 1px solid #296e31;
	padding: 3px;
	width: 96%;
	font-size: 90%;
	color: #296e31;
	text-align: center;
	margin: 2% 2%;
}
.renewal_contents .spcont06 .trbox .rcont .camp2 {
	font-size: 100%;
	margin-top: 10px;
	color: #296e31;
	margin: 2% 2%;
}
.renewal_contents .spcont06 .trbox .rcont .camp3 {
	font-size: 80%;
	margin-top: 10px;
}
.renewal_contents .spcont06 .trbox .rcont .btn {
	margin-top: 10px;
	line-height: 1.8em;
	width: 80%;
	margin: 0 10% 0 10%;
}
/*----- お知らせページ----------------------------------*/
.info_contents {
	width: 100%;
}
.info_contents .spcont01 {
	background: url(../images/info/bk_sp.jpg) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 415%;
}
.info_contents .spcont01>h2 {
	position: absolute;
	top: 5%;
	left: 32.5%;
	width: 35.4%;
}
.info_contents .spcont01 .box01 {
	position: absolute;
	top: 10%;
	width: 80%;
	margin: 0 10%;
}
.info_contents .spcont01 .box01 h3 {
	font-size: 110%;
	color: #575757;
	text-align: center;
}
.info_contents .spcont01 .box01 p {
	font-size: 90%;
	color: #575757;
	line-height: 2.0em;
	text-align: center;
	margin-top: 2%;
}
.info_contents .spcont01 .box01 p span {
	color: #1e5c37;
	font-weight: bold;
}
.info_contents .spcont01 .box02 {
	position: absolute;
	top: 29%;
	width: 94%;
	margin: 0 3%;
}
.info_contents .spcont01 .box02 h4 {
	width: 94%;
	margin: 0 3%;
	font-size: 100%;
	text-align: left;
}
.info_contents .spcont01 .box02 h5 {
	width: 94%;
	margin: 0 3% 3% 3%;
	font-size: 80%;
	text-align: right;
}
.info_contents .spcont01 .box02 table {
	border-top: 1px solid #575757;
	border-right: 1px solid #575757;
	line-height: 1.5em;
	font-size: 100%;
	color: #575757;
	width: 100%;
}
.info_contents .spcont01 .box02 table td {
	border-bottom: 1px solid #575757;
	border-left: 1px solid #575757;
	width: 50%;
}
.info_contents .spcont01 .box02 table td p {
	font-size: 80%;
	line-height: 1.8em;
}
.info_contents .spcont01 .box02 table td.item01 {
	background: url(../images/info/item01_sp.png) no-repeat;
	background-size: contain;
	height: 56px;
}
.info_contents .spcont01 .box02 table td.item02 {
	background: url(../images/info/item02_sp.png) no-repeat;
	background-size: contain;
	height: 56px;
}
.info_contents .spcont01 .box02 table td.item03 {
	background: url(../images/info/item03_sp.png) no-repeat;
	background-size: contain;
	height: 56px;
}
.info_contents .spcont01 .box02 table td.item04 {
	background: url(../images/info/item04_sp.png) no-repeat;
	background-size: contain;
	height: 56px;
}
.info_contents .spcont01 .box02 table td.item05 {
	background: url(../images/info/item05_sp.png) no-repeat;
	background-size: contain;
	height: 56px;
}
.info_contents .spcont01 .box02 table td.item06 {
	background: url(../images/info/item06_sp.png) no-repeat;
	background-size: contain;
	height: 56px;
}
.info_contents .spcont01 .box02 table td.item07 {
	background: url(../images/info/item07_sp.png) no-repeat;
	background-size: contain;
	height: 0;
}
.info_contents .spcont01 .box02 table td.item08 {
	background: url(../images/info/item08_sp.png) no-repeat;
	background-size: contain;
	height: 0;
}
.info_contents .spcont01 .box02 table td.item09 {
	background: url(../images/info/item09_sp.png) no-repeat;
	background-size: contain;
	height: 0;
}
.info_contents .spcont01 .box02 table td.item010 {
	background: url(../images/info/item010_sp.png) no-repeat;
	background-size: contain;
	height: 0;
}
.info_contents .spcont01 .box02 table td.item011 {
	background: url(../images/info/item011_sp.png) no-repeat;
	background-size: contain;
	height: 0;
}
.info_contents .spcont01 .box02 .txt {
	color: #575757;
	width: 94%;
	margin: 0 3%;
	font-size: 90%;
	text-align: left;
	margin-top: 5%;
	line-height: 1.5em;
}
.info_contents .spcont01 .box02 .txt2 {
	color: #575757;
	width: 94%;
	margin: 0 3%;
	font-size: 90%;
	text-align: left;
	margin-top: 5%;
	line-height: 1.5em;
}
.info_contents .spcont01 .box02 .txt3 {
	color: #575757;
	width: 90%;
	margin: 0 5%;
	font-size: 90%;
	text-align: left;
	margin-top: 5%;
	line-height: 1.5em;
}
.info_contents .spcont01 .box02 .txt3 ul li {
	clear: both;
	margin: 3% 0;
}
.info_contents .spcont01 .box02 .txt3 ul li.last span {
	font-size: 90%;
}
.info_contents .spcont01 .box02 .btn {
	margin-top: 10%;
	text-align: left;
	width: 62.8%;
}




/*オイルLPページ
---------------------------------------------------------------*/


.oil_cont01_sp {
	width: 100％;
	margin: 0 0 20px 0;
	position:relative;
}
.oil_cont01_sp .title {
	width: 64.8%;
	padding: 5% auto;
	margin: 0 18% 0 18%;
}


.oil_cont01_sp .btnbox {
	width: 100％;
	margin: 6% 0 0 0;
	position:relative;
	
}


.oil_cont01_sp .btnbox .btn01 {
	position:absolute;
	top:5%;
	left:5%;
	width:46.2%;

}

.oil_cont01_sp .btnbox .btn02 {
	position:absolute;
	top:5%;
	right:5%;
	width:42%;

}

.oil_cont01_sp .coment01 {
	margin:8% 5% 0 0;
	text-align:right;
	font-size:0.6em !important;
	color:#969390;
}




.oil_camp_sp {
	background: url(../images/oil/camp_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:48.2%;
	position:relative;
}


.oil_camp_sp .coment {
	position:absolute;
	top:54%;
	left:5%;
	font-size:77%;
	color:#575757;
	width:90%;
	text-align:left;
	line-height:1.5em;
}


.oil_camp_sp .coment span {
	font-size:72%;
	color:#575757;
}


.oil_camp2_sp {
	background: url(../images/oil/camp_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:48.2%;
	position:relative;
	margin-top:16%;
}


.oil_camp2_sp .coment {
	position:absolute;
	top:54%;
	left:5%;
	font-size:77%;
	color:#575757;
	width:90%;
	text-align:left;
	line-height:1.5em;
}


.oil_camp2_sp .coment span {
	font-size:72%;
	color:#575757;
}



.oil_cart_sp {
	width: 100%;
	margin: 0 0 0 0;
}


.oil_cart_sp .cont01 {
	margin:10% 0 0 0;
}

.oil_cart_sp .cont01_2 {
	margin:0 0 0 0;
}

.oil_cart_sp .cont02 {
	width: 100%;
	margin:5% 0;
	position:relative;
}


.oil_cart_sp .cont02 .product {
	color:#575757;
	text-align:center;
	line-height:1.2em;
	font-size:120%;
}

.oil_cart_sp .cont02 .product span {
	font-size:70% !important;
}


.oil_cart_sp .cont02 .price01{
	color:#575757;
	text-align:center;
	line-height:1.2em;
	font-size:110%;
	padding:3% 0 0 0;
}


.oil_cart_sp .cont02 .price02{
	color:#3a7144;
	text-align:center;
	line-height:1.2em;
	font-size:110%;
	padding:3% 0 0 0;
}



.oil_cart_sp .cont02 .Btn01 {
	width: 67.6%;
	padding:3% 0 0 16.2%;
}
.oil_cart_sp .cont02 .Btn02 {
	width: 67.6%;
	padding:3% 0 0 16.2%;
}


.oil_cart_sp .cont02 .mark{
	position:absolute;
	top:84%;
	left:3%;
	width:12.5%;
	
}

.oil_cart_sp .cont02 .coment {
	position:absolute;
	top:98%;
	width: 67.6%;
	padding:3% 0 0 16.2%;
	color:#528342;
	text-align:left;
	line-height:1.2em;
	font-size:96%;
	margin:2% 0 0 0;
}

.oil_cart_sp .cont02 .coment span {
	color:#575757;
	text-align:left;
	line-height:1.2em;v
	font-size:90%;
}



.oil_cont02_sp {
	background: url(../images/oil/cont02_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:244%;
	position:relative;
	margin-top:12%;
}

.oil_cont02_sp .coment {
	position:absolute;
	top:84.8%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}


.oil_cont03_sp {
	background: url(../images/oil/cont03_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:377%;
	position:relative;
}

.oil_cont03_sp .coment {
	position:absolute;
	top:43.9%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}

.oil_cont03_sp .coment2 {
	position:absolute;
	top:51%;
	right:8%;
	width: 86%;
	color:#575757;
	text-align:right;
	line-height:1.5em;
	font-size:90%;
}

.oil_cont03_sp .coment3 {
	position:absolute;
	top:74.4%;
	left:10%;
	width: 44.8%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}

.oil_cont03_sp .coment4 {
	position:absolute;
	top:85.8%;
	left:10%;
	width: 44.8%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}


.oil_cont04_sp {
	background: url(../images/oil/cont04_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:242.8%;
	position:relative;
}


.oil_cont04_sp .coment {
	position:absolute;
	top:18.34%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}

.oil_cont04_sp .coment2 {
	position:absolute;
	top:33.7%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
	font-size:80%;
}

.oil_cont04_sp .coment3 {
	position:absolute;
	top:52.7%;
	left:10%;
	width: 44.8%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}

.oil_cont04_sp .coment4 {
	position:absolute;
	top:68.0%;
	left:10%;
	width: 44.8%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}

.oil_cont04_sp .coment5 {
	position:absolute;
	top:86.0%;
	left:10%;
	width: 44.8%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}


.oil_cont05_sp {
	background: url(../images/oil/cont05_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:319%;
	position:relative;
}


.oil_cont05_sp .coment {
	position:absolute;
	top:35%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}

.oil_cont05_sp .coment2 {
	position:absolute;
	top:46%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
	font-size:80%;
}

.oil_cont05_sp .coment3 {
	position:absolute;
	top:63.5%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}

.oil_cont05_sp .coment4 {
	position:absolute;
	top:77.8%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}

.oil_cont05_sp .coment5 {
	position:absolute;
	top:82.70%;
	left:8%;
	width: 48.4%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}


.oil_cont06_sp {
	background: url(../images/oil/cont06_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:283%;
	position:relative;
}

.oil_cont06_sp .coment {
	position:absolute;
	top:41.4%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}


.oil_cont06_sp .coment2 {
	position:absolute;
	top:80.2%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}



.oil_cont07_sp {
	background: url(../images/oil/cont07_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:384%;
	position:relative;
}


.oil_cont07_sp .coment {
	position:absolute;
	top:15.5%;
	left:8%;
	width: 86%;
	color:#575757;
	text-align:left;
	line-height:1.5em;
}


.oil_cont08_sp {
	background: url(../images/oil/cont08_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:382%;
	position:relative;
	margin-top:16%;
}


.oil_cont09_sp {
	width: 100%;
	margin: 0 0 0 0;
}



/*ボックス全体*/
.accbox_sp {
    margin: 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
	position:relative;
}

/*ラベル*/
.accbox_sp label {
    display: block;
    margin: 0;
    padding :0;
    font-weight: bold;
    background: #fff;
    cursor :pointer;
    transition: all 0.5s;
}

.accbox_sp p {
    position:absolute;
	top:24px;
	left:25%;
	color:#7a6a56;
	text-align:left;
	line-height:1.5em;
	font-size:90%;
}

.accbox_sp span.q {
    position:absolute;
	top:20px;
	left:5%;
	color:#7a6a56;
	text-align:left;
	line-height:1.5em;
	font-size:90%;
}

.accbox_sp span.q2 {
    position:absolute;
	top:16px;
	left:5%;
	color:#7a6a56;
	text-align:left;
	line-height:1.5em;
	font-size:90%;
}


.accbox_sp span.q_coment {
    position:absolute;
	top:20px;
	left:13%;
	color:#7a6a56;
	text-align:left;
	line-height:1.5em;
	font-size:90%;
}

.accbox_sp span.q_coment2 {
    position:absolute;
	top:16px;
	left:13%;
	color:#7a6a56;
	text-align:left;
	line-height:1.5em;
	font-size:90%;
}




/*チェックは隠す*/
.accbox_sp input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox_sp .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}



/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    background: #fff;
    opacity: 1;
	border-bottom:1px solid #ededed;
}


.accbox_sp .accshow .an {
	width:88%;
	padding:6%;
	text-align:left;
	line-height:1.5em;
	font-size:90%;
    color:#575757;
}



/*オイルLPページ2019
---------------------------------------------------------------*/

.oil2_topmain_sp {
	width: 100%;
	margin: 0 0 20px 0;
}


.oil2_camp_sp {
	width: 100%;
	margin: 0 0 20px 0;
}

.oil2_line_sp {
	width: 100%;
	margin: 0 0 20px 0;
}


.oil2_cart_sp {
	width: 100%;
	margin: 10% auto 30% auto;
	position: relative;
	height: 350px;
}

.oil2_cart_sp .product {
	position: absolute;
	top: 0;
	left:8.2%;
	width: 8.13%;
}

.oil2_cart_sp .product_name {
	position: absolute;
	top: 3%;
	left:22%;
	text-align: left;
	color:#575757;
	line-height:1.5em;
	font-size:120%;
}


.oil2_cart_sp .product_name span {
	text-align: left;
	color:#888888;
	line-height:1.5em;
	font-size:80%;
}


.oil2_cart_sp .price {
	position: absolute;
	text-align: left;
	color: #575757;
	line-height: 1.5em;
	font-size: 100%;
	top: 25%;
	left: 22%;
}

.oil2_cart_sp .price .del {
   color:#8c785f;
   text-decoration : line-through;
 }
.oil2_cart_sp .price .del span {
   color: #575757;
 }

.oil2_cart_sp .price p {
   color: #f00;
	line-height:1.5em;
	font-size:100%;
 }
 .oil2_cart_sp .price .text {
   color: #575757;
 }
 .oil2_cart_sp .price .cam_color {
   color:#8c785f;
 }
 .oil2_cart_sp .price .cam_color .orange {
   color:#fa8000;
 }
.oil2_cart_sp .price .text_s {
	 font-size: 90%;
	 }

.oil2_cart_sp .btn {
	position: absolute;
	top:44%;
	left: 16%;
	width:68%;
}
.oil2_cart_sp .btn1_2 {
	position: absolute;
	top:50%;
	left: 16%;
	width:68%;
}

.oil2_cart_sp .btn2 {
	position: absolute;
	top: 74%;
	left: 16%;
	width:68%;
}
.oil2_cart_sp .btn2_2 {
	position: absolute;
	top: 80%;
	left: 16%;
	width:68%;
}


.oil2_cart_sp .teiki {
	position: absolute;
	top:67%;
	left:19%;
	text-align: left;
	color:#387146;
	line-height:1.5em;
	font-size:100%;
}
.oil2_cart_sp .teiki02 {
	position: absolute;
	top:73%;
	left:19%;
	text-align: left;
	color:#387146;
	line-height:1.5em;
	font-size:100%;
}
.oil2_cart_sp .coment {
	position: absolute;
	top:94%;
	left:19%;
	text-align: left;
	color:#387146;
	line-height:1.5em;
	font-size:80%;
}
.oil2_cart_sp .coment02 {
	position: absolute;
	top:100%;
	left:19%;
	text-align: left;
	color:#387146;
	line-height:1.5em;
	font-size:80%;
}

.oil2_cart_sp .coment span {
	color: red;
}
.oil2_cart_sp .coment02 span {
	color: red;
}

.oil2_cont01_sp {
	background: url(../images/oil2/cont01_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:229%;
	margin-top:15%; 
}

.oil2_cont02_sp {
	background: url(../images/oil2/cont02_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:316%;
	position: relative;
	
}

.oil2_cont02_sp .cont01 {
	position: absolute;
	top: 8.4%;
	left: 13.2%;
	width:74.6%;
	text-align: left;
	color:#575757;
	line-height:1.5em;
	font-size:80%;
	
}

.oil2_cont02_sp .cont02 {
	position: absolute;
	top: 50.67%;
	left: 50%;
	width:40%;
	text-align: left;
	color:#575757;
	line-height:1.5em;
	font-size:80%;
	
}

.oil2_cont03_sp {
	background: url(../images/oil2/cont03_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:412%;
	position: relative;
	margin-top:15%; 
	
}

.oil2_cont03_sp .cont01 {
	position: absolute;
	top: 17.6%;
	left: 13.2%;
	width:74.6%;
	text-align: center;
	color:#575757;
	line-height:1.3em;
	font-size:90%;
	
}

.oil2_cont03_sp .cont01_1 {
	position: absolute;
	top: 21.3%;
	right: 10%;
	text-align: right;
	color:#575757;
	line-height:1.3em;
	font-size:78%;
	
}

.oil2_cont03_sp .cont02 {
	position: absolute;
	top: 41%;
	left: 13.2%;
	width:74.6%;
	text-align: center;
	color:#575757;
	line-height:1.3em;
	font-size:90%;
	
}

.oil2_cont03_sp .cont03 {
	position: absolute;
	top: 64.9%;
	left: 13.2%;
	width:74.6%;
	text-align: center;
	color:#575757;
	line-height:1.3em;
	font-size:90%;
	
}

.oil2_cont03_sp .cont04 {
	position: absolute;
	top: 86.9%;
	left: 13.2%;
	width:74.6%;
	text-align: center;
	color:#575757;
	line-height:1.3em;
	font-size:90%;
	
}

.oil2_cont04_sp {
	background: url(../images/oil2/cont04_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:126%;
	position: relative;
	margin-top: 10%;
	
}

.oil2_cont04_sp .cont01 {
	position: absolute;
	top: 70.6%;
	left: 8%;
	width:74.6%;
	text-align: left;
	color:#575757;
	line-height:1.3em;
	font-size:100%;
	
}

.oil2_cont04_sp .cont02 {
	position: absolute;
	top: 90%;
	left: 8%;
	width:74.6%;
	text-align: left;
	color:#575757;
	line-height:1.3em;
	font-size:100%;
	
}


.oil2_faqtit_sp {
	width: 100%;
	margin: 5% 0 5% 0;
}


.oil2_voice_sp {
	background: url(../images/oil2/voice_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:184%;
	position: relative;
	margin-top: 10%;
	
}

.oil2_cont05_sp {
	width: 100%;
	margin: 10% auto 5% auto;
	text-align: center;
}


.oil2_cont02_sp {
	background: url(../images/oil2/cont02_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:316%;
	position: relative;
	
}


/*ミスト2019
---------------------------------------------------------------*/

.mist_topmain_sp {
	width: 100%;
	margin: 0 0 20px 0;
}


.mist_camp_sp {
	width: 100%;
	margin: 5% 0 20px 0;
}

.mist_cart_sp {
	width: 100%;
	margin: 10% auto 10% auto;
	position: relative;
	height: 350px;
}

.mist_cart_sp .product {
	position: absolute;
	top: 0;
	left:8.2%;
	width: 8.13%;
}

.mist_cart_sp .product_name {
	position: absolute;
	top: 3%;
	left:22%;
	text-align: left;
	color:#575757;
	line-height:1.5em;
	font-size:120%;
}


.mist_cart_sp .product_name span {
	text-align: left;
	color:#888888;
	line-height:1.5em;
	font-size:80%;
}


.mist_cart_sp .price {
	position: absolute;
	text-align: left;
	color:#575757;
	line-height:1.5em;
	font-size:100%;
	top:24%;
	left:19%;
}

.mist_cart_sp .price .del {
   color: #f00;
   text-decoration : line-through ;
 }
.mist_cart_sp .price .del span {
   color: #575757;
 }

.mist_cart_sp .price p {
   color: #f00;
	line-height:1.5em;
	font-size:100%;
 }

.mist_cart_sp .btn {
	position: absolute;
	top:35%;
	left: 16%;
	width:68%;
}

.mist_cart_sp .btn2 {
	position: absolute;
	top: 78%;
	left: 16%;
	width:68%;
}


.mist_cart_sp .teiki {
	position: absolute;
	top:68%;
	left:19%;
	text-align: left;
	color:#387146;
	line-height:1.5em;
	font-size:100%;
}


.mist_cart_sp .coment {
	position: absolute;
	top:98%;
	left:19%;
	text-align: left;
	color:#387146;
	line-height:1.5em;
	font-size:80%;
}



.mist_cont01_sp {
	background: url(../images/mist/cont01_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:85%;
	margin-top:23%; 
}

.mist_cont02_sp {
	background: url(../images/mist/cont02_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:110%;
	margin-top:3%; 
}

.mist_cont03_sp {
	background: url(../images/mist/cont03_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:276%;
	position: relative;
}

.mist_cont03_sp .coment1 {
	position: absolute;
	top:6.8%;
	left:15%;
	text-align: left;
	color:#575757;
	line-height:1.5em;
	font-size:90%;
	width: 70%;
}

.mist_cont03_sp .coment2 {
	position: absolute;
	top:44%;
	left:15%;
	text-align: left;
	color:#575757;
	line-height:1.5em;
	font-size:90%;
	width: 70%;
}

.mist_cont03_sp .coment3 {
	position: absolute;
	top:82%;
	left:15%;
	text-align: left;
	color:#575757;
	line-height:1.5em;
	font-size:90%;
	width: 70%;
}

/*動画
---------------------------------------------------------------*/

.movieContents {
	text-align: left;
	width: 100%;
	color: #575757;
}

.movieContents h2 {
	width: 100%;
}

.movieContents h3.sp_tit {
	color: #575757;
	font-size: 135%;
	margin: 15% 10%;
	width: 80%;
	font-weight: normal;
}

.movieContents h4.sp_tit {
	max-width: 79px;
	margin: 0 10% 7% 10%;
	width: 80%;
}

.movieBox_sp {
	margin-bottom: 30px;
	width: 80%;
	margin: 0 10%;
}

.movieBox2_sp {
	width: 80%;
	margin: 10%;
}

.movieL_sp {
	width: 100%;
}


.movieR_sp {
	width: 100%;
	padding: 0;
}


.movieR_sp h3 {
	width: 100%;
	border-bottom: 1px solid #a7bca9;
	padding: 5% 0 5% 0;
	margin-bottom: 5%;
}

.movieR_sp p {
	font-size: 100%;
	line-height: 1.8em;
}

.movieR_sp h3 span.subtit01 img {
	width:60%; 
}

.movieR_sp h3 span.subtit02 img {
	width:74.6%; 
}

.movieR_sp h3 span.subtit03 img {
	width:55.6%; 
}



/*キレイのヒント
---------------------------------------------------------------*/

.blogContents01 {
	text-align: left;
	margin: 5% auto;
	width: 76.8%;
	color: #7d7d7d;
}
.blogContents01 h2 {
	color: #1cbb9b;
	margin-bottom: 10px;
	font-size: 130%;
	font-weight: normal;
}

.blogContents01 p {
	line-height: 1.8em;
	font-size: 14px;
}

.blogContents01 p a {
color:#1cbb9b;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.blogContents01 p.coment {
	line-height: 1.8em;
	font-size: 13px;
	margin: 20px 0;
}



.blog-title {
margin: 20px 0px 20px 0px;
padding: 18px 0px 15px 0px;
font-size: 150%;
font-weight: bold;
color: #333;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.blog-title a {
color:#333;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.blog-title a:hover {
color:#666;
}


.blog-title2 {
margin: 5px 0px;
padding: 5px 0px;
font-size: 16px;
font-weight: bold;
color: #333;
line-height: 1.5em;
}



.block-two,
  .block-three,
  .block-four,
  .block-five,
  .block-six {
    margin-left: 0;
    margin-bottom: 1.5em;
  }
  .block-two > li,
  .block-three > li,
  .block-four > li,
  .block-five > li,
  .block-six > li {
    float: none;
    margin: 0;
	padding: 0;  
    width: 98%;
  }

li.item {
/*height:440px;*/
margin-bottom: 40px;
background: #f9f9f9;
box-shadow: 0px 0px 3px #eee; /* CSS3 */
 -webkit-box-shadow: 0px 0px 3px #eee; /* Safari,Chrome */
 -moz-box-shadow: 0px 0px 3px #eee; /* Firefox */
}

.item-img {
margin: 0 0 10px 0;
}

.item-inner {
max-width:260px;
padding: 20px 20px;

}

.item-title a {
font-size: 15px;
color:#1abc9c;
text-decoration: none;	
padding: 0 0px 0 0px;
text-align:center;
line-height: 1.5;
}

.item-title .mintext {
	font-size:14px;
	}

.item-title a:hover {
color:#999;
}

.item-text {
font-size:12px;
color:#444;
padding: 10px 0px 0 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;	
}

.item-text a {
color: #555;
text-decoration: none;	
}


.pager .pagination {
	text-align: center;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#507a54;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000;
  background: #c4e1c3;
}


.left_img {float:none; max-width: 288px; text-align: center; margin: 10px auto;}
.right_img {float:none; padding:0 0 20px 7px; max-width: 300px; text-align: center; margin-bottom: 10px;}
.blogimg {text-align: left; max-width: 288px; margin: 50px auto; padding:0 20px 20px 20px; text-align: center;}
.blog41 {
	width:85%;
	height:85%;
	}

.coment3 {
	font-size: 107%;
}
b {
	display: inline;
}
ul li {
	font-size: 100%;
}

ol li {
	font-size: 100%;
}
.blueText {
	color: #4472c4;
}
.listNo {
	list-style-position: outside;
	list-style-type:none;
	margin: 0;
	padding:0;
}
.listNo li {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
  font-size:120%;
}
.listNo li span {
	padding-right:0.5em;
}
/*ミロコ2019
---------------------------------------------------------------*/

.miroco_contents {
	margin: 0 auto -10% auto;
}


.miroco_cont01_sp {
	background: url(../images/miroco/miroko_cont01_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:70.3%;
	margin: 2% 0 0 0;
	position: relative;
}


.miroco_cont01_sp .splogo {
	position: absolute;
	top: 35.9%;
	left:4.6%;
	width: 35.3%;
	
}


.miroko_title2 {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}


.miroco_cont02_sp {
	background: url(../images/miroco/miroko_cont02_bk_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:190%;
	position: relative;
	margin: 2% 0 0 0;
}

.miroco_cont02_sp .txt01 {
	position: absolute;
	top: 6.3%;
	color:#575757;
	line-height:1.5em;
	font-size:110%;
	text-align: center;
	letter-spacing:0.5em;
	width: 94%;
	margin: 0 3%
}

.miroco_cont02_sp .txt02 {
	position: absolute;
	top: 18.6%;
	color:#575757;
	line-height:1.5em;
	font-size:90%;
	width: 94%;
	margin: 0 3%
}


.miroco_cont02_sp .txt03 {
	position: absolute;
	top: 37.6%;
	width: 94%;
	text-align: center;
	color:#575757;
	line-height:1.8em;
	font-size:100%;
	margin: 0 3%;
}

.miroko_title3 {
	text-align: center;
	width: 78;
	margin: 5% 11% 0 11%;
}



.miroco_cont03_sp {
width:100%;	
text-align: center;
margin:5% auto 0 auto; 
}


#miroco-03{
	background: #fff;
	margin-top:30px;
	padding: 0 3em;
}

#miroco h3{
	font-size:56px; text-align:center; color:666; padding:40px 0 40px 0;
}


#miroco-03 .slick-slider{
	width: 70%;
	margin: 0 15%;
}
#miroco-03 .slick-slide img{
	width:50%;
	margin: 0 25%;}



#miroco-03 p{
color:#575757;
	line-height:1.8em;
	font-size:100%;
	margin: 10px 0;
	padding-top: 20px;
}

#miroco-03 .marker {
background: linear-gradient(transparent 60%, #e3f167 60%);
}

#miroco-03 .container,footer.container{width: 100%;}





.miroco_cont04_sp {
	background: url(../images/miroco/miroko_cont04_tit_sp.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top:35.6%;
	position: relative;
	margin: 5% 0 0 0;
	background-color: #f1f1f1;
}

.miroco_cont04_sp .txt {
	position: absolute;
	top: 50%;
	color:#575757;
	line-height:2.0em;
	font-size:110%;
	width: 94%;
	margin: 0 3%
}


.miroco_cont05_sp {
	width: 88%;
	padding:5% 0;
	margin: 7% 6% 0 6%;
}

.miroco_cont05_sp .tit {
text-align: center;
margin:0 auto 0 auto;
width: 56%;	
}

.miroco_cont05_sp .howto {
	width: 100%;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top:350%;
	margin-top: 10%;
}

.miroco_cont05_sp .howto .img01 {
position: absolute;
top:13.8%;
left:0;	
width: 100%;	
}


.miroco_cont05_sp .howto .img02 {
position: absolute;
top:0;
left:0;	
width: 45.2%;	
}

.miroco_cont05_sp .howto .img03 {
position: absolute;
top:43.3%;
left:0;	
width: 100%;	
}


.miroco_cont05_sp .howto .img04 {
position: absolute;
top:29.7%;
left:54.2%;	
width: 45.2%;	
}


.miroco_cont05_sp .howto .img05 {
position: absolute;
top:72.7%;
left:0;	
width: 100%;	
}


.miroco_cont05_sp .howto .img06 {
position: absolute;
top:58.9%;
left:0;	
width: 45.2%;	
}



.miroco_cont05_sp .howto .tit01 {
position: absolute;
top:0;
left:51.5%;	
width: 47.3%;	
}

.miroco_cont05_sp .howto .tit02 {
position: absolute;
top:31.8%;
left:0;	
width: 47.3%;	
}

.miroco_cont05_sp .howto .tit03 {
position: absolute;
top:59.1%;
left:51.5%;	
width: 47.3%;	
}


.miroco_cont05_sp .howto .txt01 {
position: absolute;
top:7%;
left:51.5%;
color:#575757;
line-height:2.0em;
font-size:100%;
text-align: left;
}

.miroco_cont05_sp .howto .txt02 {
position: absolute;
top:36.8%;
left:2%;
color:#575757;
line-height:2.0em;
font-size:100%;
text-align: left;
}

.miroco_cont05_sp .howto .txt03 {
position: absolute;
top:66%;
left:51.5%;
color:#575757;
line-height:2.0em;
font-size:100%;
text-align: left;
}

.miroco_cont05_sp .howto .txt04 {
position: absolute;
top:87.8%;
left:17.8%;
color:#575757;
line-height:2.0em;
font-size:100%;
text-align: center;
}

.miroco_cont05_sp .howto .tit04 {
	position: absolute;
	top:92.8%;
	width: 100%;
}

.miroco_cont06_sp {
width: 100%;
position: relative;
background-size: contain;
height: 0;
padding-top:61.4%;
background: #fafafa;
text-align: center;
margin-top: 5%;	
}

.miroco_cont06_sp .txt01 {
position: absolute;
top:4%;
left:3%;	
width:94%;
color:#575757;
line-height:1.5em;
font-size:100%;
text-align: center;
margin:0 auto; 
}


.miroco_cont06_sp .tit01 {
position: absolute;
top:28%;
left:27%;
width: 46.6%;	
}

.miroco_cont06_sp .btn_home {
position: absolute;
top:43.1%;
left:22%;
width: 57.5%;	
}

.miroco_cont06_sp .btn_tw {
position: absolute;
top:67.7%;
left:22%;
width: 57.5%;	
}

.miroco_cont07_sp {
width: 100%;
position: relative;
background-size: contain;
height: 0;
padding-top:63.1%;
background: #e3f1f4;
text-align: center;
}


.miroco_cont07_sp .txt01 {
position: absolute;
top:15.5%;
left:10%;	
width:80%;
color:#575757;
line-height:2em;
font-size:100%;
text-align: center;
margin:0 auto; 
}


.miroco_cont07_sp .slogo {
position: absolute;
top:29.2%;
left:33.75%;	
width: 32.9%;
}

.miroco_cont07_sp .btn_pini {
position: absolute;
top:43.56%;
left:22%;
width: 57.5%;	
}

.miroco_cont07_sp .btn_kashi {
position: absolute;
top:68%;
left:22%;
width: 57.5%;	
}

.miroco_cont08_sp {
width:100%;
text-align: center;
margin: 10% 0;
}


.miroco_cont08_sp .link_teiki {
width: 74%;
	text-align: center;
	margin: 0 auto;
}

.miroko_toplogo_sp {
    font-size: 20px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0px);
}