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

/* ------------------------------------
   TOP
   ------------------------------------ */

#faq_wrap h2 {
    font-size: 20px;
	margin: 0 10px 20px 10px;
	font-weight: bold;
}

#faq_wrap .txt_cnt h2.ttl_ecb {
padding: 30px 0 21px;
margin: 0 0 20px;
border: none;
line-height: 1.0;
font-size: 17px;
font-weight: bold;
text-align: center;
background: url(/img/usr/sp_ttl_bg.png) center bottom / 23.5px auto no-repeat;
}

#faq_wrap h3 {
    background: none;
    font-size: 16px;
    font-weight: lighter;
    line-height: 140%;
    margin: 20px 0 10px;
    padding: 3px 3px 3px 5px;
	font-weight: bold;
}

#faq_wrap ul.faqlist {
	padding: 10px;
	background-color: #fac3c6;
}

#faq_wrap ul.faqlist li {
	margin-bottom: 10px;
	background-color: #F5F5F5;
	background-image: -webkit-linear-gradient(90deg, #e5e5e5 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(90deg, #e5e5e5 0%, #ffffff 100%);
	background-image: -o-linear-gradient(90deg, #e5e5e5 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #e5e5e5 0%, #ffffff 100%);
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	vertical-align: middle;  
}

#faq_wrap ul.faqlist li:last-child {
	margin-bottom: 0;
}


#faq_wrap ul.faqlist li p {
	height: 40px;
	line-height: 40px;
}

#faq_wrap ul.faqlist li a {
	display: block;
	margin-right: 5px;
	padding: 5px;
	background: url(/img/sp/faq/faq_arrow.gif) right center no-repeat;
	background-size: 10px 13px;
	color: #3E3E3E;
	text-decoration: none;
}

#faq_wrap ul.faqlist li a img {
	float: left;
	margin-right: 5px;
}


/* ------------------------------------
   質問詳細
   ------------------------------------ */

#faq_wrap {
}

#faq_wrap h2 {
 font-size: 20px;
margin: 0 0 14px;
color: #666;
font-weight:400;
text-align: left;
padding-left: 10px;
}

#faq_wrap .txt_cnt h2.ttl_ecb {
padding: 30px 0 21px;
margin: 0 0 20px;
border: none;
line-height: 1.0;
font-size: 22px;
font-weight: bold;
text-align: center;
background: url(/img/usr/sp_ttl_bg.png) center bottom / 23.5px auto no-repeat;
}

/* title */

#faq_wrap .howto_use h3 {
	margin: 0 10px 10px;
	padding: 3px 3px 3px 5px;
	min-height: 27px;
	background: none;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	font-size: 18px;
	font-weight: bold;
}

#faq_wrap h3.order {
	background: none;
}

#faq_wrap h3.payment {
	background: #a0131a url(/img/sp/faq/faq_paytbg.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.delivery {
	background: #a0131a url(/img/sp/faq/faq_deliverytbg.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.regular {
	background: #a0131a url(/img/sp/faq/faq_regulartbg.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.return {
	background: #a0131a url(/img/sp/faq/faq_returntbg.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.mypage {
	background: #a0131a url(/img/sp/faq/faq_mypagetbg.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.point {
	background: #a0131a url(/img/sp/faq/faq_pointtbg.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.credit_number {
	background: #a0131a url(/img/sp/faq/faq_credit_numberbg.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.all {
	background: #a0131a url(/img/sp/faq/faq_alltbg.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.balm {
	background: #a0131a url(/img/sp/faq/faq_cleansingtbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.white {
	background: #a0131a url(/img/sp/faq/faq_whitetbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.foam {
	background: #a0131a url(/img/sp/faq/faq_foamtbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.essence {
	background: #a0131a url(/img/sp/faq/faq_essencetbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.essence_serum {
	background: #a0131a url(/img/sp/faq/faq_essence_serumtbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.serum_bb {
	background: #a0131a url(/img/sp/faq/faq_serum_bb.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.lotion {
	background: #a0131a url(/img/sp/faq/faq_lotiontbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.cream {
	background: #a0131a url(/img/sp/faq/faq_creamtbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.uv {
	background: #a0131a url(/img/sp/faq/faq_uvtbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.emulsion {
	background: #a0131a url(/img/sp/faq/faq_emulsiontbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.meguri {
	background: #a0131a url(/img/sp/faq/faq_meguritbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.easy_diet {
	background: #a0131a url(/img/sp/faq/faq_easy_diettbg.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.haircare {
	background: #a0131a url(/img/sp/faq/faq_haircare.jpg) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.nude_powder {
	background: #a0131a url(/img/sp/faq/faq_nude_powder.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.repair_shot {
	background: #a0131a url(/img/sp/faq/faq_repair_shot.png) 99% center no-repeat;
	background-size: 36px 27px;
}

#faq_wrap h3.scalpserum {
	background: #a0131a url(/img/sp/faq/faq_scalpserum.png) 99% center no-repeat;
	background-size: 36px 27px;
}


/* FAQ */


#faq_wrap .quesbox_wrap {
	margin-top: 15px;
	padding: 10px;
	background-color: #f5f5f5;
}

#faq_wrap .quesbox_wrap dt {
	display: block;
	margin-top: 10px;
	font-weight: bold;
	color: #8a3d22;
	background-color: #ffe1e2;
	background-image: url(/img/sp/faq/ques_ico.gif), url(/img/sp/faq/ques_bg.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: 7px center, center left;
	background-size: 14px 14px, 28px 100%;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

#faq_wrap .quesbox_wrap dt.open {
	border-top-left-radius: 5px;  
    border-top-right-radius: 5px; 
	border-bottom-left-radius: 0;  
    border-bottom-right-radius: 0; 
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 0;  
    -webkit-border-bottom-right-radius: 0;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
    -moz-border-radius-bottomleft: 0;  
    -moz-border-radius-bottomright: 0;  
}


#faq_wrap .quesbox_wrap dt:first-child {
	margin-top: 0;
}


#faq_wrap .quesbox_wrap dt span {
	display: block;
	padding: 5px 15px 5px 33px;
	margin-right: 10px;
	background: url(/img/sp/faq/plus.gif) right center no-repeat;
	background-size: 12px 12px;
}

#faq_wrap .quesbox_wrap dt span.open {
	background: url(/img/sp/faq/minus.gif) right center no-repeat;
	background-size: 12px 3px;
}

#faq_wrap .quesbox_wrap dd {
	display: none;
	margin-bottom: 10px;
}


#faq_wrap .quesbox_wrap dd:last-child {
	margin-bottom: 0;
}


#faq_wrap .quesbox_wrap dd div.answer_text {
	padding: 7px;
	background: url(/img/sp/faq/answer.gif) 7px 11px no-repeat;
	background-size: 15px 12px;
	background-color: #FFFFFF;
}


#faq_wrap .quesbox_wrap dd div.answer_text p {
	margin-left: 25px;
	margin-bottom: 5px;
}

#faq_wrap .quesbox_wrap dd div.answer_text p.rlink {
	margin-top: 25px;
}

#faq_wrap .quesbox_wrap dd div.answer_text p.answersubttl {
	display: block;
	margin-top: 20px;
	padding: 3px;
	background-color: #F5F5F5;
}

#faq_wrap .quesbox_wrap dd div.answer_text p.answersubttl span {
	padding: 3px 5px;
	border-left: 3px solid #a0131a;
}
#faq_wrap .quesbox_wrap dd div.answer_text p.answersubttl_mt0 {
	display: block;
	margin-top: 0;
	padding: 3px;
	background-color: #F5F5F5;
}

#faq_wrap .quesbox_wrap dd div.answer_text p.answersubttl_mt0 span {
	padding: 3px 5px;
	border-left: 3px solid #a0131a;
}

#faq_wrap .quesbox_wrap dd div.answer_text .fasterisk {
	vertical-align: super;
	font-size: 50%;
}

/* FAQ */
.howto_use .goods-detail-description--faq {
	margin: 0 0 10px;
}
.howto_use .goods-detail-description--faq dt {
	position: relative;
	color: #3e3e3e;
	font-size: 14px;
	font-weight: normal;
	display: block;
	width: 100%;
	padding: 10px 40px 8px 12px;
	background: none;
	border-top: 1px solid #E6E6E6;
	font-weight: bold;
}
.howto_use .goods-detail-description--faq dt:before,
.howto_use .goods-detail-description--faq dt:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #a30e0e;
}
.howto_use .goods-detail-description--faq dt:before {
	right: 20px;
	width: 2px;
	height: 12px;
}
.howto_use .goods-detail-description--faq dt.open_:before {
	content: none;
}
.howto_use .goods-detail-description--faq dt:after {
	right: 15px;
	width: 12px;
	height: 2px;
}
.howto_use .goods-detail-description--faq dt span {
	display: block;
	padding-left: 14px;
	background: none;
	background-size: auto 14px;
}
.howto_use .goods-detail-description--faq dt strong {
	color: #a30e0e;
	font-size: 20px;
}
.howto_use .goods-detail-description--faq dd {
	position: relative;
	display: none;
	font-size: 13px;
	line-height: 1.8;
	text-align: justify;
	padding: 10px 22px 10px 36px;
	background: none;
}

.answer_text p.otodoke_title{
	text-align:center; 
	margin-bottom:20px;
}

.answer_text p.otodoke_photo{
	text-align:center; 
}

.answer_text p.mypage_login{
	text-align: center;
	border: 1px solid #dc143c;
	padding: 10px;
}

.answer_text p.mypage_login img{
	margin:10px 0 ;
	width: 60%;
}

.answer_text p.otodoke_photo_b{
	text-align: center;
	margin:20px 0;; 
}

.howto_use .goods-detail-description--faq dd:before {
	content: "";
	display: block;
	position: absolute;
	left: 10px;
	top: 14px;
	width: 20px;
	height: 13px;
	background: none;
	background-size: contain;
}
.howto_use .goods-detail-description--faq dd:target {
	content: "";
	display: block;
	height: auto;
}
.howto_use .goods-detail-description--faq dd a {
	text-decoration: underline;
}
#faq_wrap .quesbox_wrap dd div.answer_text .infobox {
	margin-top: 20px;
	margin-left: 25px;
	padding: 5px;
	border: 1px solid #d4d4d4;
}

#faq_wrap .quesbox_wrap dd div.answer_text .infobox p.info_ttl {
	margin-left: 0;
	margin-bottom: 10px;
	padding: 3px 10px;
	background-color: #F5F5F5;
}

#faq_wrap .quesbox_wrap dd div.answer_text .infobox p.info_text {
	margin-left: 10px;
}


/* お問い合わせ */

#faqlist_wrap .contactform {
	text-align: center;
	margin: 20px 10px 30px;
}

#faqlist_wrap .contactform p.contactbtn {
	display: block;
	margin: 5px 0 15px;
	background: linear-gradient(#ffffff, #e9e9e9);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(1.00, #e9e9e9) );
	background: linear-gradient( to bottom, #ffffff 0%, #e9e9e9 100% );
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	border: 1px solid #b0b0b0;
	text-align: center;
}

#faqlist_wrap .contactform p.contactbtn a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #3D3D3D;
}

#faqlist_wrap .contactform p.contactbtn a:link,
#faqlist_wrap .contactform p.contactbtn a:visited {
	color: #3D3D3D;
}

/* その他の質問一覧 */

#faqlist_wrap #faqmenu {
	margin: 0 10px;
}

#faqlist_wrap #faqmenu h4 {
	padding: 3px 5px;
	background-color: #F5F5F5;
	border-left: 5px solid #a0131a;
	font-weight: normal;
}

#faqlist_wrap #faqmenu ul.faqmenulist {
	margin: 5px 0 25px;
}

#faqlist_wrap #faqmenu ul.faqmenulist li {
	padding: 5px 0;
	list-style-image: url(/img/sp/beautylesson/common/member_list_icon.png);
	list-style-position: inside;
	border-bottom: 1px dashed #e4e4e4;
}

#faqlist_wrap #faqmenu p.faqtop {
	width: 60%;
  margin: 10px auto;
  background: #ffeeee;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #d7d7d7), color-stop(1.00, #9a9a9a) );
  background: linear-gradient( to bottom, #d7d7d7 0%, #9a9a9a 100% );
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
}

#faqlist_wrap #faqmenu p.faqtop a {
	display: block;
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
}
/*追加*/
.main_area .txt_cnt{
	text-align:center;
	}
	
.main_area .l_ttl_wp {
padding:10px 0 ;
margin: 20px 0 0 0 ;
border-top: 2px solid #a0291c;
}
.goods-detail-description--howto {
	margin: 0;
	padding:6px 0;
	border-top: 1px solid #c9c9c9;
}
.goods-detail-description--howto dt {
	position: relative;
	color: #3e3e3e;
	font-size: 15px;
	font-weight: normal;
	display: block;
	width: 100%;
	padding: 16px 60px 14px 20px;
}
.goods-detail-description--howto dt:before,
.goods-detail-description--howto dt:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #a30e0e;
}
.goods-detail-description--howto dt:before {
	right: 30px;
	width: 2px;
	height: 12px;
}
.goods-detail-description--howto dt.open_:before {
	content: none;
}
.goods-detail-description--howto dt:after {
	right: 25px;
	width: 12px;
	height: 2px;
}

.goods-detail-description--howto dt strong {
	color: #a30e0e;
	font-size: 20px;
}
.goods-detail-description--howto dd {
	position: relative;
	display: none;
	font-size: 14px;
	line-height: 1.9;
	padding: 20px 58px;
}
.goods-detail-description--howto dd:before {
	content: "";
	display: block;
	position: absolute;
	left: 21px;
	top: 20px;
	width: 20px;
	height: 17px;
}
.goods-detail-description--howto dd a {
	text-decoration: underline;
}
/* howto 追加分 end */

/* karturaスタイル */
.goods-detail-description--movie .mv_style_b{
	width: 100%;
	height: auto;
}


@media screen and (max-width: 640px) {

#faq_wrap h3.haircare {
	background: #a0131a url(/img/sp/faq/faq_haircare.jpg) 99% center no-repeat;
	background-size: 36px 27px;
	padding-right:50px;
}

}

/* 使い方画像 */
.mypage-step-ss-wrap{
  overflow-x: scroll;
}
table.mypage-step-ss{
  width: 100%;
  border-collapse: collapse;
  /* white-space: nowrap; */
}
table.mypage-step-ss td{
  vertical-align: top;
}
table.mypage-step-ss .pc-only{
  display: none;
}
table.mypage-step-ss{
  font-weight: normal;
  font-size: 13px;
}
table.mypage-step-ss td{
  min-width: 250px;
  max-width: 250px;
  padding: 0 20px;
}
table.mypage-step-ss td .note{
    font-size: 10px;
}
#faq_wrap .note {
  font-size: 10px;
}