@charset "UTF-8";
/* CSS Document */

/****************************** BREAK POINT *******************************
タブレット Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 768px) {

#mainContainer .inner {
    width: 93%;
    padding: 0;
}


/*-----------
ボタン
-----------*/
.btn-02 a,
.btn-03 a,
.btn-04 a,
.btn-05 a .close,
.btn-05 a .open,
.btn-06 a .close,
.btn-06 a .open{
    font-size:3.9063vw;
}

/*-----------
テキスト
-----------*/
.txt-01,
.txt-02,
.txt-03{
	font-size: 3.1250vw;/*24px*/
}
/*注意書き*/
.chuui {
    font-size: 2.52vw;
}
.chuui dd {
    padding-left: 1.75em;
    padding-top: 0;
	line-height: 1.25em;
}

.chuui dt {
    line-height: 1.25em;
    margin-right: 0;
}


/*-----------
タイトル
-----------*/
.ttl-03 {
    font-size: 3.6458vw;/*28px*/
}
.ttl-04 {
    font-size: 5.2083vw;/*40px*/
}
.ttl-05 {
    font-size: 4.4271vw;/*34px*/
}
.ttl-06 {
    font-size: 4.6875vw;/*36px*/
}
.ttl-07 {
    font-size: 4.4271vw;/*34px*/
}
.ttl-08 {
    font-size: 6.5104vw;/*50px*/
}
.ttl-11 {
    font-size: 4.6875vw;/*36px*/
}
/*下に短い線がある*/
.ttl-10 {
    font-size: 5.2083vw;
}
.ttl-10:after{
    width: 2em;
    height: 1px;
}


/*-----------
lnv
-----------*/

.list_lnv li a {
    padding-bottom: 3.75vw;
    padding-top: 5vw;
}
.list_lnv li {
    padding-bottom: 3.25vw;
    padding-top: 3.5vw;
    font-size: 3.9063vw;
}

/*--------------------------------------------
トリートメントなのに １回できれいに染まる
--------------------------------------------*/
.section_appeal_bg {
    background: url(/-/Media/com/50megumi/shiraga/20200904/bg-appeal01-sp.jpg) no-repeat center top;
	background-size: 100%;
    padding-bottom: 14.9740vw;
}
.section_appeal .inner {
    background: none;
}
#mainContainer .section_appeal .ttl_appeal_01 {
    padding-top: 13.0208vw;
    text-align: center;
    margin-bottom: 80.7292vw;
}
.ttl_appeal_01 img{
    width: 89.1042vw;
}
.txt_appeal_01 {
    width: 82.5521vw;
}
.section_appeal .btn-02 {
    max-width: 55.7292vw;
}
/*---------------
使い方
---------------*/
.cnt_prepare .btn-05 a,
.cnt_shower .btn-06 a {
    font-size:3.9063vw;;
}
.clm_use_01 .cnt_02 {
    padding: 11.1732% 4.1899% 11.1732%;
    display: block;
}
.clm_use_01 .cnt_02.slide-clm {
	display:none;
}
.clm_use_01 .cnt_02 .cont-left {
    float: none;
    width: 79.3296%;
    margin: 0 auto 11.1732%;
}

.clm_use_01 .cnt_02 .cont-right {
    width: 100%;
    float: none;
}
/*お風呂*/
#mainContainer .clm_use_02 .cnt_shower .btn-06 {
    margin: 0 auto 0.5em;
    width: 76.5625vw;
}
.clm_use_02 .cnt_02 {
    padding: 38.4115% 3% 13.6719%;
    box-sizing: border-box;
    background: url(/-/Media/com/50megumi/shiraga/20200904/bg-use01-sp.jpg) no-repeat #f3f3f3 center top;
    background-size: 100%;
}
.list_use_01>li {
    margin-bottom: 7.8125vw;
}
.list_use_01>li .txt-03 {
    font-size: 4.6875vw;
    display: inline-block;
    margin-bottom: 0.5em;
    line-height: 1.25em;
}
.list_use_01>li .txt-01 {
    font-size: 3.6458vw;
}
.clm_use_02 .list_use_01>li dt {
    text-align: center;
    padding-bottom: 1.75em;
    margin-bottom: 1.8em;
}
.clm_use_02 .ttl_list_use_01 {
	margin-bottom: 1.65em;
}
.clm_use_02 .ttl_list_use_01 img {
    margin: auto;
    width: 13.1510vw;
}
	
.clm_use_02 .list_use_01>li {
    padding: 2em 6.6568% 1.5em;
}
.clm_use_02 .list_use_01>li dd {
    font-size: 3.1250vw;
}
/*---------------
	使い方動画
---------------*/
.video-wrap {
    width: 88.0208vw;
}
.video-wrap img {
    width: 100%;
}
.clm_use_03 .ttl-03 {
    margin-bottom: 8.4635vw;
}


/*---------------
お客様の声
---------------*/
	.section_voice{
		padding-top:7vw;
	padding-bottom: 14vw;
	margin-top:-1em;
}
.list_voice_01 li {
    float: none;
    width: 100%;
    margin-bottom: 2.8646vw;
    margin-top: 6vw;
}

.list_voice_01 li:nth-child(2) {
    margin-top: 0;
}
.section_voice .btn-more {
    float: none;
    max-width: unset;
    width: 59.7765%;
    margin: 0 auto;
}
.list_voice_01 {
    margin-bottom: 5.5990vw;
}
/*---------------
	TVCM
---------------*/
#mainContainer .section_tvcm .ttl-10 {
    margin-bottom: 8.4635vw;
}
.section_tvcm {
    padding-top: 13.0208vw;
}

/*---------------
	シャンプー
---------------*/

.cnt_cart {
    display: block;
}
.cnt_cart .btn-onlineshop,
.cnt_cart .btn-04 {
    width: 89.3855%;
    margin: 0 auto 2.6042vw;
}
.clm_shampoo_03 .btn-more {
    max-width: 59.7765%;
    margin-bottom: 2.2135vw;
}
	.clm_shampoo_03 .btn-cart{
	padding-bottom: 0;
}
.clm_shampoo_03 .btn-04{
	padding-bottom: 16vw;
	margin-bottom: 0;
}
/*------------------------------
	ネットで購入POP-up
------------------------------*/
.modalDetailList {
    display: block;
    margin: 0 auto;
}
.modalDetailList li.img_rohto {
    width: 100%;
}
.modalDetailList li.img_rohto img {
    width: 100%;
}
.modalDetailList li {
    width: 100%;
}
.modalDetailList li img{
    width: 70%;
}

.modalDetailList li a {
    background: #fff;
}

.modalDetailList li.img_rohto a {
    background: none;
}
/*----------------
	3steps
-----------------*/
.clm_use_01 {
    padding-top: 17.9688vw;
}
.ttl_use_01 {
    width: 72.9167vw;
    margin: 0 auto 12.5000vw;
}
#mainContainer .ttl_use_01 {
    width: 72.9167vw;
    margin: 0 auto 12.5vw;
}
.ico_step {
    width: 12.6302vw;
}
.cnt_steps .cnt_01 .cnt_01_inner {
    margin-top: -0.55em;
    padding-bottom: 7.0313vw;
		padding-top:2vw;
}

.cnt_steps .cont-left {
    float: none;
    width: 48.75%;
    margin: 0 auto 5.8594vw;
}
.cnt_steps .cont-right {
    float: none;
    width: 100%;
    padding-right: 0;
}
.cnt_01.step1 .ttl-11 {
    margin-top: 0;
}
.cnt_steps .cnt_01 .ttl-11 {
    text-align: center;
}
.cnt_steps .ttl-03 {
    text-align: center;
    margin-bottom: 2vw;
}
.cnt_01.step1 .ttl-11,
.cnt_01.step2 .ttl-11,
.cnt_01.step3 .ttl-11 {
    margin-top: 5.8594vw;
}
.step1 .cont-left img,
.step2 .cont-left img {
    width: 100%;
}
.step3 .cont-left {
    width: 70.9635vw;
    box-sizing: border-box;
    padding-left: 17%;
}
.cnt_steps {
    margin-bottom: 14.3229vw;
}
.cnt_steps .cnt_01 {
    margin-bottom: 10.4167vw;
}
.cnt_steps .cnt_01.step3 {
    margin-bottom: 6.5104vw;
}


/*----------------
	ポイント
-----------------*/
.clm_use_02 {
    padding-top: 13.0208vw;
}
.cnt_point {
	padding:6vw 5%;
    margin-bottom: 6.5104vw;
    -webkit-border-radius: 0.5em
    -moz-border-radius: 0.5em
    border-radius: 0.5em;
}
#mainContainer .cnt_point .ttl-10 {
    margin-bottom: 5.2083vw;
		margin-bottom: 4.5vw;
}
.cnt_point .list-01 li{
    margin-bottom: 2.5vw;
}
/*----------------
	満足保証
-----------------*/
.cnt_guarantee_01 {
    margin-top: -8.6vw;
    padding: 14.9740vw 5% 7.8125vw;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-bottom: 13.5417vw;
}
#mainContainer .cnt_guarantee_01 .ttl-10 {
    margin-bottom: 5.2083vw;
}
.cnt_guarantee_01 .list-01 li{
    margin-bottom: 0.75vw;
}
.ttl_guarantee_01 {
    width: 88.0208vw;
}
.cnt_guarantee_01 .ttl-05 {
    margin-bottom: 3.6458vw;
}

.cnt_guarantee_01 .list-01 {
    margin-bottom: 6vw;
}
	
.clm_guarantee_02 {
    background-image: none;
    background-color: #f5f5f5;
}

/*MV*/
#mainContainer .section_vi .inner{
	width: 100%;
}

.cnt_vi01 {
    height: auto;
}
.cnt_vi01 img{
    position: relative;
    margin: 0;
    left: 0;
    max-width: 100%;
}


.section_guarantee {
    padding-bottom:0;
}
.clm_guarantee_02 .cont-left {
    width: 100%;
    margin-left: 0;
    float: none;
}
.clm_guarantee_02 .cont-right {
    float: none;
    width: 83.3333vw;
    box-sizing: border-box;
    margin: 0 auto;
}
.clm_guarantee_02 .btn-onlineshop{
    margin-top: 3.9063vw;
    margin-bottom: 2.6042vw;
}
.clm_guarantee_02 {
    padding-bottom: 15.6250vw;
}
/*--------------
	FAQ
--------------*/
#mainContainer .section_faq .inner {
    width: 88vw;
}
.section_faq {
    padding-top: 11.7188vw;
    padding-bottom: 12.5vw;
}

.list_faq_01 dd {
    margin-bottom: 2.6042vw;
}

.img_faq_02 {
    height: auto;
    margin-bottom: 7.8125vw;
}

.img_faq_02 img {
    position: relative;
    margin-left: 0;
    left: 0;
    max-width: 100%;
}
/*--------------
	理由
--------------*/
.list-02 li {
	line-height:1.25em;
	margin: 0 0.5vw;
    font-size: 2.3438vw;
    width: 20vw;
    height: 20vw;
	-webkit-border-radius: 13vw;
    -moz-border-radius: 13vw;
    border-radius: 13vw;
	letter-spacing: -1px;
}
.list-02 li sup {
    font-size: 1.8vw;
}
.img_reason_01 {
    height: auto;
}
.img_reason_01 img {
    position: relative;
    margin: 0;
    left: 0;
    max-width: 100%;
}

.clm_reason_01 {
    padding-top: 8.7240vw;
    padding-bottom: 0.1vw;
}

#mainContainer .clm_reason_01 .ttl-08.ttl-12 {
    margin-bottom: 11.0677vw;
}

.ico_reason_01 {
    width: 18.6198vw;
    margin: -3vw auto;
}

.cnt_reason_01 {
    border: 1px #dbac16 solid;
    margin-bottom: 10.4167vw;
}

.cnt_reason_01 .ttl-06 {
    margin: 9.1146vw 5%;
}
.cnt_reason_01 .txt-chuii {
    margin-bottom: 7.4219vw;
}

.cnt_reason_01.reason_02 .ttl-03 {
    margin-bottom: 7.4219vw;
}

.cnt_reason_01 .list-02 {
    max-width: 91%;
    margin-bottom: 7.4219vw;
}
/*メッセージ*/
.clm_reason_02 {
    padding: 19.5313vw 0 13.0208vw;
}
.clm_reason_02 .ttl-10 {
    font-size: 3.9063vw;
    margin-bottom: 6.5104vw;
}
.clm_reason_02 .ttl-04 {
    margin-bottom: 11.7188vw;
}
.clm_reason_02 .txt-01 {
    margin-bottom: 10.4167vw;
}





/*LINEUP*/
.clm_lineup_01 {
    padding: 11.7188vw 0 13.0208vw;
}
.clm_lineup_02 {
    padding-bottom: 13.0208vw;
}
.clm_lineup_01 .ttl-06 {
    margin-top: 11.7188vw;
}
.list-03 {
    margin-top: 4.2vw;
}
.list-03 li {
    width: 48%;
    margin-bottom: 4vw;
}
.list-03 li img {
    margin-bottom: 2.0833vw;
}
.box_lineup_01 {
    padding-top: 11.0677vw;
}
.box_lineup_01:nth-child(n+2) {
    padding-top: 20vw;
}
/*#lineupnb.box_lineup_01,
#lineupdb.box_lineup_01,
#lineuplb.box_lineup_01 {
    padding-top: 11.0677vw;
}
*/
.box_lineup_01 .cont-left {
    float: none;
    width: 100%;
    text-align: center;
}
.box_lineup_01 .cont-right {
    width: 100%;
}
.box_lineup_01 .btn-more {
    max-width: 55.7292vw;
    width: 55.7292vw;
    margin: 0 auto 2.2135vw;
}
.box_lineup_01 .btn-cart {
    padding-right: 0;
    width: 83.3333vw;
    margin: 0 auto 2.6042vw;
}
.box_lineup_01 .btn-onlineshop {
    margin-bottom: 2.2135vw;
}
.list_lineup_01 {
    margin-bottom: 8.8542vw;
}
.box_lineup_01 .cont-left {
    float: none;
}
/*シャンプー*/
.ico_point_01 {
    width: 15.3646vw;
}
.box_shampoo_01 {
    margin-top: -2vw;
    padding: 9vw 5% 6vw;
	margin-bottom: 6.1198vw;
}
.clm_shampoo_03 {
    padding-top: 4vw;
}
.txt_shampoo_01 {
    text-align: left;
    width: 93%;
    margin: 0 auto 7.8125vw;
}
.box_shampoo_01 .ttl-11 {
    margin-bottom: 5.7292vw;
}
/* サービス */

.section_support .clm_support_01{
	padding: 7.8125vw 0 4.1667vw;
}

.section_support .clm_support_01 .ttl-05{
    font-size: 5.2083vw;	
}
.section_support .clm_support_01 .txt-01{
    font-size: 3.1250vw;	
}
.section_support .clm_support_01 .txt-02,
.section_support .clm_support_01 .txt-03{
    font-size: 2.6042vw;
}
	


.section_support .clm_support_01 .txt-num-01{
	font-size: 8.3333vw;
	font-weight: bold;
    margin-top: 7.2917vw;
    margin-bottom: -1.3021vw;
}
.section_support .clm_support_01 .cnt-01 {
    margin-bottom: 6.2500vw;
}

.section_support .clm_support_01 .txt-num-01:before{
	content: "";
	background: url(/-/Media/com/50megumi/shiraga/20200904/ico-contact-01.png) left center no-repeat;
	background-size: 10.0260vw;
	margin-right: 1.9531vw;
	padding-left: 10.0260vw;
}

.section_support .clm_support_01 .txt-num-02{
	font-size: 5.7292vw;
	font-weight: bold;
	margin-left: 0;
}

.section_support .clm_support_02{
	margin: 0 auto;
	padding: 32px 0;
	color: #555;
}
.section_support .clm_support_02 dl dt{
	float: none;
	margin-top: 0;
	width: 100%;
}
.section_support .clm_support_02 dl dd{
	padding-left: 0;
	width: 100%;
	text-align: center;
}
.section_support .clm_support_02 .txt-chuii{
	color: #777;
}




}
/****************************** BREAK POINT *******************************
SP Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 480px) {


}