@charset "UTF-8";
/* ---------------------------------------
	共通
--------------------------------------- */
#lp_hisoca .for-pc {
	display: none !important;
}
#lp_hisoca h1,
#lp_hisoca h2,
#lp_hisoca h3 {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
#lp_hisoca img {
	vertical-align: top;
}
header.fixed .container,
.pane-header #header_inner {
	position: absolute;
}

#lp_hisoca #block-goods-detail-data { width: auto; margin: 50px 30px; border: none;}
#lp_hisoca #block-goods-detail-data .wrap_ { margin: 0 0 30px 0; display: block;}
#lp_hisoca #block-goods-detail-data .section_ h2 { padding: 15px; margin: 0; border: none; text-align: center; line-height: 1.2; font-size: 28px; font-weight: bold; background: none !important;}
#lp_hisoca #block-goods-detail-data #sec_goods_data { padding: 0; margin: 0; border: none;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dl { width: 100%; display: table; border-left: #e1e1e1 1px solid; border-right: #e1e1e1 1px solid; border-bottom: #e1e1e1 1px solid;}
#lp_hisoca #block-goods-detail-data #sec_goods_data .wrap_ h3.table-ttl + dl,
#lp_hisoca #block-goods-detail-data #sec_goods_data .wrap_ dl:first-child { border-top: #e1e1e1 1px solid;}
#lp_hisoca #block-goods-detail-data #sec_goods_data p  { font-size: 12px;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dt { width: 30%; padding: 10px; display: table-cell; background: #f4f4f4; font-size: 12px;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dd { width: 70%; padding: 10px; display: table-cell; font-size: 12px;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dd table { width: auto; border: #e1e1e1 1px solid; margin: 0 0 10px;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dd table:last-child { margin: 0; }
#lp_hisoca #block-goods-detail-data #sec_goods_data dd table.long-th { width: 100%;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dd table th { padding: 5px; text-align: left;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dd table td { padding: 5px;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dd table .line td { border-top: #e1e1e1 1px solid;}
#lp_hisoca #block-goods-detail-data #sec_goods_data dd table .line.at td { border-bottom: #e1e1e1 1px solid; background: #f4f4f4;}

/* ---------------------------------------
	密　hisoca
--------------------------------------- */
#lp_hisoca h1 img {
	width: 100%;
}

/* 購入ボタンフレーム ---------------------*/
#lp_hisoca .lp-hisoca-cart {
	padding: 30px 0 20px;
	border: #ee394d 8px solid;
	overflow: hidden;
}
#lp_hisoca .lp-hisoca-cart.top {
	padding: 10px 0 20px;
	border: none;
}
#lp_hisoca .lp-hisoca-cart h2 {
	padding: 0 15px;
	margin-bottom: 20px;
}
#lp_hisoca .lp-hisoca-cart .inner {
	display: flex;
	justify-content: center;
}
#lp_hisoca .lp-hisoca-cart .inner .image {
	width: 50%;
}
#lp_hisoca .lp-hisoca-cart .inner .image img {
	max-width: 120%;
	position: relative;
	top: 0;
	left: -4%;
}
#lp_hisoca .lp-hisoca-cart .inner .desc {
	width: 50%;
	padding: 0 5% 0 2%;
	align-self: center;
	position: relative;
	z-index: 10;
}
#lp_hisoca .lp-hisoca-cart .inner .desc .comment {
	margin-bottom: 18px;
}
#lp_hisoca .lp-hisoca-cart .inner .desc .price {
	padding-left: 20%;
	margin-bottom: 10px;
	text-align: right;
}
#lp_hisoca .lp-hisoca-cart .inner .button {
	position: relative;
	-webkit-animation: btn-anime 1s ease infinite alternate;
	-moz-animation: btn-anime 1s ease infinite alternate;
	animation: btn-anime 1s ease infinite alternate;
}

@keyframes btn-anime {
  0%   {bottom: -2%;}
  100% {bottom: 2%;}
}
@-webkit-keyframes btn-anime {
  0%   {bottom: -2%;}
  100% {bottom: 2%;}
}
@-moz-keyframes btn-anime {
  0%   {bottom: -2%;}
  100% {bottom: 2%;}
}

/* 「密-hisoca-」とは？ -------------------*/
#lp_hisoca .lp-hisoca-intro {
}
#lp_hisoca .lp-hisoca-intro .intro-line .frame-box h2 {
}
#lp_hisoca .lp-hisoca-intro .intro-line .frame-box h2 img {
	height: 50px;
	position: relative;
	left: -5%;
}
#lp_hisoca .lp-hisoca-intro .intro-line .frame-box .catch img {
	height: 55px;
}
#lp_hisoca .lp-hisoca-intro .intro-line .frame-box h3 {
	margin-bottom: 15px;
}
#lp_hisoca .lp-hisoca-intro .intro-line .frame-box h3 img {
	height: 49px;
}
#lp_hisoca .lp-hisoca-intro .intro-line .frame-box p {
	font-size: 15px;
	line-height: 2.0;
}
#lp_hisoca .lp-hisoca-intro .intro-line .frame-box p.memo {
	font-size: 8px;
	line-height: 1.0;
	text-align: right;
}
#lp_hisoca .lp-hisoca-intro .intro-line .box01 {
	padding: 35px 0;
	margin-left: 10%;
	background: url(../img/intro/intro01.jpg) center 25% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#lp_hisoca .lp-hisoca-intro .intro-line .box02 {
	padding: 25px 20px;
}
#lp_hisoca .lp-hisoca-intro .intro-line .box03 {
	margin-right: 10%;
	padding: 28px 20px;
	text-align: center;
	background: #f16877;
}
#lp_hisoca .lp-hisoca-intro .intro-line .box04 {
	padding: 25px 20px;
}

/* ５種類のラインナップ --------------------*/
#lp_hisoca .lp-hisoca-lineup {
	padding: 50px 20px 20px;
}
#lp_hisoca .lp-hisoca-lineup h2 {
	padding: 0 5%;
	margin-bottom: 30px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-lineup .lineup-line {
	text-align: center;
}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup { 
	padding-bottom: 5%;
	margin-bottom: 20px;
}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup01 { background: #fffce5 url(../img/lineup/lineup01_close.png) center 96% no-repeat; 
	-webkit-background-size: 18px 8px; background-size: 18px 8px;}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup02 { background: #feebe7 url(../img/lineup/lineup02_close.png) center 96% no-repeat; 
	-webkit-background-size: 18px 8px; background-size: 18px 8px;}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup03 { background: #f6f1e6 url(../img/lineup/lineup03_close.png) center 96% no-repeat; 
	-webkit-background-size: 18px 8px; background-size: 18px 8px;}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup04 { background: #fef0f4 url(../img/lineup/lineup04_close.png) center 96% no-repeat; 
	-webkit-background-size: 18px 8px; background-size: 18px 8px;}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup05 { background: #e8f9fe url(../img/lineup/lineup05_close.png) center 96% no-repeat; 
	-webkit-background-size: 18px 8px; background-size: 18px 8px;}

#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup01.close { background: #fffce5 url(../img/lineup/lineup01_open.png) center 96% no-repeat; -webkit-background-size: 18px 8px; background-size: 18px 8px;}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup02.close { background: #feebe7 url(../img/lineup/lineup02_open.png) center 96% no-repeat; -webkit-background-size: 18px 8px; background-size: 18px 8px;}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup03.close { background: #f6f1e6 url(../img/lineup/lineup03_open.png) center 96% no-repeat; -webkit-background-size: 18px 8px; background-size: 18px 8px;}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup04.close { background: #fef0f4 url(../img/lineup/lineup04_open.png) center 96% no-repeat; -webkit-background-size: 18px 8px; background-size: 18px 8px;}
#lp_hisoca .lp-hisoca-lineup .lineup-line .lineup05.close { background: #e8f9fe url(../img/lineup/lineup05_open.png) center 96% no-repeat; -webkit-background-size: 18px 8px; background-size: 18px 8px;}

#lp_hisoca .lp-hisoca-lineup .lineup-line .text {
	padding: 0 8% 20px 8%;
	font-size: 14px;
	line-height: 2.0;
	text-align: justify;
}

/* 「密」愛用者の声　ポイント ---------------*/
#lp_hisoca .lp-hisoca-point {
	padding: 50px 20px 30px;
	background: #fdf6e0;
}
#lp_hisoca .lp-hisoca-point h2 {
	margin-bottom: 30px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-point .point-frame {
	padding-bottom: 10px;
	margin: 0 auto 20px;
	background: #ffffff;
	text-align: center;
}
#lp_hisoca .lp-hisoca-point .point-frame h3 {
	padding: 14px 25px;
	margin-bottom: 25px;
	text-align: center;
	background: #b18c1f;
}
#lp_hisoca .lp-hisoca-point .point-frame h4 {
	padding: 0 20px;
	margin-bottom: 10px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-point .point-frame .image01 {
	padding: 0 20px;
	margin-bottom: 30px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-point .point-frame .image02 {
	padding: 0 0 0 20px;
	margin-bottom: 35px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-point .comment-pickup h5 {
	padding: 0 25px;
	margin-bottom: 20px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-point .comment-pickup ul {
	margin: 0 20px 20px;
}
#lp_hisoca .lp-hisoca-point .comment-pickup ul li {
	padding: 10px 15px;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#lp_hisoca .lp-hisoca-point .comment-pickup ul li .text {
	font-size: 13px;
	line-height: 1.8;
	text-align: left;
}
#lp_hisoca .lp-hisoca-point .comment-pickup ul li .person {
	font-size: 13px;
	text-align: right;
}
#lp_hisoca .lp-hisoca-point .comment-pickup .comment-memo {
	margin: 0 20px;
	font-size: 8px;
	text-align: right;
}
#lp_hisoca .lp-hisoca-point .comment-pickup .voice01 { background: #f0ead6;}
#lp_hisoca .lp-hisoca-point .comment-pickup .voice02 { background: #fedbdf;}
#lp_hisoca .lp-hisoca-point .comment-pickup .voice03 { background: #f1f1ef;}
#lp_hisoca .lp-hisoca-point .comment-pickup .voice04 { background: #f0ead6;}
#lp_hisoca .lp-hisoca-point .comment-pickup .voice05 { background: #fedbdf;}

/* Check!こんな方におすすめ ---------------*/
#lp_hisoca .lp-hisoca-osusume {
	padding: 30px 20px 50px;
	background: #f4f4f4;
}
#lp_hisoca .lp-hisoca-osusume h2 {
	margin-bottom: 30px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-osusume .inner {
	max-width: 1000px;
	margin: 0 auto;
}
#lp_hisoca .lp-hisoca-osusume .inner ul {
	margin-bottom: 40px;
}
#lp_hisoca .lp-hisoca-osusume .inner ul li {
	padding: 15px 15px 15px 40px;
	margin-bottom: 10px;
	font-size: 15px;
	background: #ffffff url(../img/osusume/check.png) 15px 46% no-repeat;
	-webkit-background-size: 17px 17px;
	background-size: 17px 17px;
}
#lp_hisoca .lp-hisoca-osusume h3 {
	margin-bottom: 25px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-osusume .cycle {
	padding: 30px 20px;
	background: #ffffff;
	position: relative;
}
#lp_hisoca .lp-hisoca-osusume .cycle h3 {
	width: 80%;
	margin: 0 auto 25px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-osusume .cycle .image {
	width: 85%;
	margin: 0 auto 25px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-osusume .cycle .text {
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 2.0;
}
#lp_hisoca .lp-hisoca-osusume .cycle .memo {
	font-size: 8px;
}
#lp_hisoca .lp-hisoca-osusume .cycle .text .color {
	background: linear-gradient(transparent 60%, #ffd54a 60%);
}

/* 製薬会社だからできた３つのこだわり --------*/
#lp_hisoca .lp-hisoca-kodawari {
	padding: 50px 0 0 0;
}
#lp_hisoca .lp-hisoca-kodawari h2 {
	margin-bottom: 30px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-kodawari h2 img {
	max-width: 65%;
}
#lp_hisoca .lp-hisoca-kodawari .kodawari.kodawari01 {
	padding: 20px 40% 20px 20px;
	background: url(../img/kodawari/kodawari_bg01_sp.png) right bottom no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
#lp_hisoca .lp-hisoca-kodawari .kodawari.kodawari02 {
	padding: 20px 20px 20px 40%;
	background: url(../img/kodawari/kodawari_bg02.png) -50% center no-repeat;
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
}
#lp_hisoca .lp-hisoca-kodawari .kodawari.kodawari03 {
	padding: 20px 20% 40px 20px;
	background: url(../img/kodawari/kodawari_bg03.png) 115% bottom no-repeat;
	-webkit-background-size: 42% auto;
	background-size: 42% auto;
}
#lp_hisoca .lp-hisoca-kodawari .kodawari h3 {
	margin-bottom: 14px;
}
#lp_hisoca .lp-hisoca-kodawari .kodawari p {
	font-size: 15px;
	line-height: 2.0;
}
#lp_hisoca .lp-hisoca-kodawari .kodawari.kodawari03 p {
	padding-right: 15%;
}

/* キレイをチャージ -----------------------*/
#lp_hisoca .lp-hisoca-kirei {
	padding: 40px 25px 50px;
	background: url(../img/kirei/kirei_bg_sp.jpg) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#lp_hisoca .lp-hisoca-kirei .inner {
	margin: 0 auto;
}
#lp_hisoca .lp-hisoca-kirei .inner .top {
	text-align: center;
	position: relative;
}
#lp_hisoca .lp-hisoca-kirei .inner .top .icon {
	width: 100px;
	position: absolute;
	bottom: -120px;
	right: 0;
	z-index: 10;
}
#lp_hisoca .lp-hisoca-kirei .inner .middle {
	padding: 40px 0 20px;
}
#lp_hisoca .lp-hisoca-kirei .inner .middle .cup {
	padding-right: 10%;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}
#lp_hisoca .lp-hisoca-kirei .inner .middle .cup img {
	width: 75%;
}
#lp_hisoca .lp-hisoca-kirei .inner .middle .desc h3 {
	margin-bottom: 10px;
}
#lp_hisoca .lp-hisoca-kirei .inner .middle .desc h3 img {
	height: 21px;
}
#lp_hisoca .lp-hisoca-kirei .inner .middle .desc p {
	font-size: 13px;
	line-height: 1.6;
}
#lp_hisoca .lp-hisoca-kirei .inner .bottom {
	padding: 20px;
	background: #ffffff;
}
#lp_hisoca .lp-hisoca-kirei .inner .bottom .question {
	margin-bottom: 15px;
}
#lp_hisoca .lp-hisoca-kirei .inner .bottom .answer {
	margin-bottom: 15px;
}
#lp_hisoca .lp-hisoca-kirei .inner .bottom .text {
	font-size: 13px;
	line-height: 1.6;
}
#lp_hisoca .lp-hisoca-kirei .inner .bottom .text .color {
	background: linear-gradient(transparent 60%, #ffd54a 60%);
}

/* おすすめアレンジご紹介 ------------------*/
#lp_hisoca .lp-hisoca-arrange {
	margin: 50px 20px 0;
}
#lp_hisoca .lp-hisoca-arrange h2 {
	width: 80%;
	margin: 0 auto 30px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-arrange .arrange {
	margin-bottom: 40px;
}
#lp_hisoca .lp-hisoca-arrange .arrange .image {
	margin-bottom: 20px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-arrange .arrange .title {
	text-align: center;
}

/* 続けてよかった ご愛用者の声 --------------*/
#lp_hisoca .lp-hisoca-favorite {
	padding: 50px 0;
	background: #f6e8e8;
}
#lp_hisoca .lp-hisoca-favorite h2 {
	width: 80%;
	margin: 0 auto 30px;
	text-align: center;
}
#lp_hisoca .lp-hisoca-favorite .inner {
	margin: 0 20px;
}
#lp_hisoca .lp-hisoca-favorite .inner .favorite-list li {
	padding: 18px;
	margin-bottom: 20px;
	background: #ffffff;
	position: relative;
}
#lp_hisoca .lp-hisoca-favorite .inner .icon {
	padding-right: 20%;
}
#lp_hisoca .lp-hisoca-favorite .inner .icon span {
	padding: 7px 10px;
	display: inline-block;
	margin: 0 10px 10px 0;
	font-size: 13px;
	color: #ffffff;
	background: #cccccc;
}
#lp_hisoca .lp-hisoca-favorite .inner .icon span.zakuro   { background: #e86f56;}
#lp_hisoca .lp-hisoca-favorite .inner .icon span.syoga    { background: #d3c754;}
#lp_hisoca .lp-hisoca-favorite .inner .icon span.nashi    { background: #d0b06e;}
#lp_hisoca .lp-hisoca-favorite .inner .icon span.tsuru    { background: #e37696;}
#lp_hisoca .lp-hisoca-favorite .inner .icon span.dokudami { background: #5eadc5;}

#lp_hisoca .lp-hisoca-favorite .inner .comment {
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 2.0;
}
#lp_hisoca .lp-hisoca-favorite .inner .comment .color {
	background: linear-gradient(transparent 60%, #ffd54a 60%);
}
#lp_hisoca .lp-hisoca-favorite .inner .person {	
	text-align: right;
	font-size: 13px;
}
#lp_hisoca .lp-hisoca-favorite .inner .image {
	width: 24%;
	text-align: right;
	position: absolute;
	right: -8px;
	top: -8px;
}
#lp_hisoca .lp-hisoca-favorite .inner .image img {
	max-width: 80px;
}

/* よくあるご質問 -------------------------*/
#lp_hisoca .lp-hisoca-faq {
	padding: 50px 20px;
	background: url("../img/faq/faq_bg_sp.jpg") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
#lp_hisoca .lp-hisoca-faq .inner {
	padding: 30px 20px 10px 20px;
	margin: 0 auto;
	background: rgba(255,255,255,0.89);
}
#lp_hisoca .lp-hisoca-faq .inner h2 {
	margin: 20px 0;
	text-align: center;
}
#lp_hisoca .lp-hisoca-faq .inner h2 img {
	max-width: 70%;
}
#lp_hisoca .lp-hisoca-faq .inner ul li {
	padding: 35px 0;
	border-bottom: #b7b7b7 1px solid;
	text-align: left;
}
#lp_hisoca .lp-hisoca-faq .inner ul li:last-child {
	border-bottom: none;
}
#lp_hisoca .lp-hisoca-faq .inner ul li .question {
	margin-bottom: 15px;
}
#lp_hisoca .lp-hisoca-faq .inner ul li .question img {
	height: 21px;
}
#lp_hisoca .lp-hisoca-faq .inner ul li .answer {
	padding-left: 36px;
	line-height: 2.0;
	font-size: 13px;
	background: url(../img/faq/faq_a_sp.png) left top no-repeat;
	-webkit-background-size: 22px 19px;
	background-size: 22px 19px;
}
#lp_hisoca .lp-hisoca-faq .inner ul li .color {
	background: linear-gradient(transparent 60%, #ffd54a 60%);
}