@charset "UTF-8";

/*---------------------------------
 GOODS COMMENT BASE
---------------------------------*/
@media screen and (min-width: 750px) {
	.for-pc { display: block;}
	img.for-pc { display: inline-block;}
	.for-sp { display: none !important;}
	.indent { text-indent: -1em; padding-left: 1em;}
	.sml10  { font-size: 10px !important;}
	.sml12  { font-size: 12px !important;}
	.mt40   { margin-top: 40px;}
	sup     { font-size: 0.7em; vertical-align: top;}
	.trinityline-goods p { line-height: 1.8;}
	.trinityline-goods strong { font-weight: bold;}
}
@media screen and (max-width: 749px) {
	.for-pc { display: none !important;}
	.for-sp { display: block;}
	img.for-sp { display: inline-block;}
	.indent { text-indent: -1em; padding-left: 1em;}
	.sml10  { font-size: 10px !important;}
	.sml12  { font-size: 12px !important;}
	.mt40   { margin-top: 40px;}
	sup     { font-size: 0.7em; vertical-align: top;}

	.trinityline-goods p { line-height: 1.7;}
	.trinityline-goods strong { font-weight: bold;}
}

.block-goods-comment1 { margin: 0 0 10px;}
.block-goods-comment1 .main-txt { margin-bottom: 10px; line-height: 1.6; font-size: 14px; text-align: justify;}
.block-goods-comment1 .add-txt  { margin-bottom: 5px; line-height: 1.4; font-size: 12px;}

.block-goods-detail-data { border-bottom: #cccccc 1px solid;}
.block-goods-detail-data sub, .block-goods-comment1 sub { vertical-align: bottom; font-size: 0.7em;}
.block-goods-detail-data .section_bottom_add_ { padding: 30px 0 40px; border-top: #cccccc 1px solid;}
.block-goods-detail-data .wrap_ { margin: 0 10px 30px; display: none;}
.block-goods-detail-data .wrap_ span.f-small { font-size: 10px; vertical-align: sub;}
.block-goods-detail-data .section_ h2 { padding: 15px; margin: 0; border-top: #cccccc 1px solid; line-height: 1.2; font-size: 16px; font-weight: 700; background: url(../../img/usr/common/sp/plus.png) 96% center no-repeat; -webkit-background-size: 15px 15px; background-size: 15px 15px;}
.block-goods-detail-data .section_ h2.open_ { margin: 0 0 15px 0; background: url(../../img/usr/common/sp/minus.png) 96% center no-repeat; -webkit-background-size: 15px 15px; background-size: 15px 15px;}
.block-goods-detail-data .section_ p.sub_ { padding: 0; margin: 0 0 15px 0; line-height: 1.4; font-size: 15px; font-weight: 700;}
.block-goods-detail-data .section_ p { line-height: 1.4; font-size: 13px;}
.block-goods-detail-data .headbox_   { margin-bottom: 30px;}
.block-goods-detail-data .visualbox_ { text-align: center;}
.block-goods-detail-data .imagebox_  { margin-bottom: 30px; text-align: center;}
.block-goods-detail-data .imagebox_.half_ ul.frame_ li { margin-bottom: 20px;}
.block-goods-detail-data .textbox_            { padding: 10px; margin-bottom: 30px; background: #fff0f2;}
.block-goods-detail-data .textbox_  .desc_    { padding: 10px 0;}
.block-goods-detail-data .textbox_  .desc_ h3 { margin-bottom: 10px;}
.block-goods-detail-data .tablebox_           { margin-bottom: 30px;}
.block-goods-detail-data .tablebox_ .image_   { margin: 10px 0; text-align: center;}
.block-goods-detail-data .tablebox_ .desc_    { margin: 10px 0;}
.block-goods-detail-data .tablebox_ .desc_ h3 { margin-bottom: 10px;}
.block-goods-detail-data .tablebox_ .desc_ p  { margin-bottom: 10px;}
.block-goods-detail-data .sec_goods_desc .memo_ { font-size: 10px;}
.block-goods-detail-data .sec_goods_desc .stepbox_ { margin-bottom: 30px;}
.block-goods-detail-data .sec_goods_desc ul.step-list { width: 100%; margin: 20px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.block-goods-detail-data .sec_goods_desc ul.step-list li { flex-basis: 33%; padding: 0 15px; position: relative;}
.block-goods-detail-data .sec_goods_desc ul.step-list li .image_ { margin-bottom: 10px;}
.block-goods-detail-data .sec_goods_desc ul.step-list li p { text-align: center; font-size: 12px;}
.block-goods-detail-data .sec_goods_desc .image_wrapper_ img:not(:first-child) { margin-top: 5px;}
.block-goods-detail-data .sec_goods_desc .diff_ { position: relative;}
.block-goods-detail-data .sec_goods_desc .diff_:after { content: ''; position: absolute; top: 48.5%; left: 48%; border-style: solid; border-width: 13px 12.5px 0 12.5px; border-color: #b417b4 transparent transparent transparent;}
.block-goods-detail-data .sec_goods_desc .diff_ img:first-child { margin: 0 0 25px;}
.block-goods-detail-data .sec_goods_desc ul.items_ { width: 100%; margin: 30px 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
.block-goods-detail-data .sec_goods_desc ul.items_ li { flex-basis: 25%; padding: 0 2px; box-sizing: border-box;}
.block-goods-detail-data .sec_goods_desc ul.items_.linefull { margin: 0 0 30px 0;}
.block-goods-detail-data .sec_goods_desc ul.items_.linefull li { flex-basis: 25%; padding: 0 2px; box-sizing: border-box;}
.block-goods-detail-data .sec_goods_desc ul.items_.linefull .image_ { margin-bottom: 0;}
.block-goods-detail-data .sec_goods_desc ul.items_.line4 li { flex-basis: 25%; margin-bottom: 30px; padding: 0 2px; box-sizing: border-box;}
.block-goods-detail-data .sec_goods_desc ul.items_.line5 li { flex-basis: 20%; margin-bottom: 30px; padding: 0 2px; box-sizing: border-box;}
.block-goods-detail-data .sec_goods_desc ul.items_.line8 li { flex-basis: 25%; margin-bottom: 30px; padding: 0 2px; box-sizing: border-box;}
.block-goods-detail-data .sec_goods_desc ul.items_ li .image_ { margin-bottom: 10px; text-align: center;}
.block-goods-detail-data .sec_goods_desc ul.items_ li p { text-align: center; letter-spacing: -1px; font-size: 10px;}
.block-goods-detail-data .sec_goods_howto ul { width: 100%; margin: 20px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.block-goods-detail-data .sec_goods_howto ul li { flex-basis: 33%; padding: 0 15px; position: relative;}
.block-goods-detail-data .sec_goods_howto ul li::after { content: ''; width: 18px; height: 18px; margin-top: -9px; border: 1px solid; border-color: transparent #333 #333 transparent; transform: rotate(-45deg); position: absolute; right: -5px; top: 45%;}
.block-goods-detail-data .sec_goods_howto ul li:last-child::after { display: none;}
.block-goods-detail-data .sec_goods_howto ul li .image_ { margin-bottom: 10px;}
.block-goods-detail-data .sec_goods_howto ul li p { text-align: center; font-size: 12px;}
.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;}
.block-goods-detail-data .sec_goods_data dl.border-t,
.block-goods-detail-data .sec_goods_data .wrap_ h3.table-ttl + dl,
.block-goods-detail-data .sec_goods_data .wrap_ dl:first-child { border-top: #e1e1e1 1px solid;}
.block-goods-detail-data .sec_goods_data dt { width: 30%; padding: 10px; display: table-cell; background: #f4f4f4; font-size: 12px;}
.block-goods-detail-data .sec_goods_data dd { width: 70%; padding: 10px; display: table-cell; font-size: 12px;}
.block-goods-detail-data .sec_goods_data dd table { width: auto; border: #e1e1e1 1px solid; margin: 0 0 10px;}
.block-goods-detail-data .sec_goods_data dd table:last-child { margin: 0;}
.block-goods-detail-data .sec_goods_data dd table.long-th { width: 100%;}
.block-goods-detail-data .sec_goods_data dd table th { padding: 5px; text-align: left;}
.block-goods-detail-data .sec_goods_data dd table td { padding: 5px;}
.block-goods-detail-data .sec_goods_data dd table .line th { border-top: #e1e1e1 1px solid;}
.block-goods-detail-data .sec_goods_data dd table .line td { border-top: #e1e1e1 1px solid;}
.block-goods-detail-data .sec_goods_data dd table .line.at td { border-bottom: #e1e1e1 1px solid; background: #f4f4f4;}
.block-goods-detail-data .sec_goods_eating .recipe_type_ ul.recipe_list_ { margin: 0 -5px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.block-goods-detail-data .sec_goods_eating .recipe_type_ ul.recipe_list_ li { flex-basis: 50%; padding: 0 5px; margin: 0 0 20px 0;}
.block-goods-detail-data .sec_goods_eating .recipe_type_ ul.recipe_list_ li .image_ { margin-bottom: 5px; text-align: center;}
.block-goods-detail-data .sec_goods_eating .recipe_type_ ul.recipe_list_ li h3 { margin-bottom: 5px; font-size: 16px; font-weight: 700; color: #f8485d;}
.block-goods-detail-data .sec_goods_eating .recipe_type_ ul.recipe_list_ li p  { font-size: 12px; font-weight: 300;}
.block-goods-detail-data ul.indent-list { margin: 10px 0;}
.block-goods-detail-data ul.indent-list li { padding-left: 1em; text-indent: -1em; font-size: 14px;}
.block-goods-detail-data ul.in-list { margin: 10px;}
.block-goods-detail-data ul.in-list li { font-size: 14px;}
.block-goods-detail-user-voice { margin: 30px -20px 0; padding: 40px 0; background: #f5f5f5;}
.block-goods-detail-user-voice .section_ { padding: 0 20px;}
.block-goods-detail-user-voice .section_ h2 { margin: 0 0 30px 0; text-align: center; font-size: 20px; font-weight: 300; line-height: 1.2;}
.block-goods-detail-user-voice .desc h3  { padding: 0; margin: 0 0 8px 0; font-size: 14px; font-weight: 300; color: #ee3e51;}
.block-goods-detail-user-voice .desc p   { font-size: 13px; font-weight: 300; color: #151515;}
.block-goods-detail-user-voice .desc p .person { font-size: 13px; font-weight: 300; display: inline-block; color: #777777;}
.block-goods-detail-user-voice .head-voice-box li { margin-bottom: 20px; display: flex; justify-content: space-between;}
.block-goods-detail-user-voice .head-voice-box li:nth-child(2n-1) { display: flex; flex-direction: row-reverse;}
.block-goods-detail-user-voice .head-voice-box .image { width: 75px; text-align: left;}
.block-goods-detail-user-voice .head-voice-box .image img { width: 75px; border-radius: 75px;}
.block-goods-detail-user-voice .head-voice-box li:nth-child(2n-1) .image { text-align: right;}
.block-goods-detail-user-voice .head-voice-box .desc { width: calc(100% - 95px); padding: 20px; border: #e5e5e5 1px solid; border-radius: 10px; background: #ffffff; position: relative;}
.block-goods-detail-user-voice .head-voice-box .desc::before { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #e5e5e5; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 25px; left: -14px; z-index: 1;}
.block-goods-detail-user-voice .head-voice-box .desc::after { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #ffffff; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 25px; left: -12px; z-index: 1;}
.block-goods-detail-user-voice .head-voice-box li:nth-child(2n-1) .desc::before { transform: rotate(270deg); position: absolute; left: auto; right: -14px;}
.block-goods-detail-user-voice .head-voice-box li:nth-child(2n-1) .desc::after  { transform: rotate(270deg); position: absolute; left: auto; right: -12px;}
.block-goods-detail-user-voice .foot-voice-box { margin-top: 40px;}
.block-goods-detail-user-voice .foot-voice-box .desc h3 { margin: 0 0 5px 0; font-size: 14px; font-weight: 300; color: #ee3e51;}
.block-goods-detail-user-voice .foot-voice-box li { margin-bottom: 0;}
.block-goods-detail-user-voice .foot-voice-box li .voice-box { margin-bottom: 20px;}
.block-goods-detail-user-voice .foot-voice-box li .voice-box.with-img { display: flex; flex-direction: row-reverse; justify-content: space-between;}
.block-goods-detail-user-voice .foot-voice-box li .voice-box.with-img .desc  { width: calc(100% - 90px);}
.block-goods-detail-user-voice .foot-voice-box li .voice-box.with-img .image { width: 75px; padding-top: 15px;}
.block-goods-detail-user-voice .foot-voice-box li .voice-box.with-img .image img { width: 75px; border-radius: 75px;}
.block-goods-detail-user-voice .switch { margin-top: 20px; text-align: center;}
.block-goods-detail-user-voice .switch span { padding: 5px 30px 5px 0; margin: 0 auto; border-bottom: #c5c5c5 1px solid; font-size: 16px; font-family: "Poppins", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; display: inline-block; cursor: pointer; position: relative;}
.block-goods-detail-user-voice .switch span::after { content: ''; width: 8px; height: 8px; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; transform: rotate(135deg); position: absolute; right: 5px; top: 10px;}

/*---------------------------------
 AdryS
---------------------------------*/
/* セット商品へのリンク */
#adrys_set_link { margin: 20px 0;}
#adrys_set_link ul.add-banner li { width: 100%; padding: 0; margin: 0 0 10px 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block;}
#adrys_set_link ul.add-banner li a {  width: 100%; padding: 10px; border: #cccccc 1px solid; justify-content: space-between; text-decoration: none; background: #ffffff url(../../img/usr/btn_arrow2.png) 94% center no-repeat; -webkit-background-size: 11px 6px; background-size: 11px 6px; display: flex;}
#adrys_set_link ul.add-banner li .image  { width: 80px; height: 80px; vertical-align: top; align-self: center;}
#adrys_set_link ul.add-banner li .desc   { width: calc(100% - 90px); align-self: center;}
#adrys_set_link ul.add-banner li .desc p { color: #000000; text-align: left;}
#adrys_set_link ul.add-banner li .line01 { font-size: 12px;}
#adrys_set_link ul.add-banner li .line02 { font-size: 18px; font-weight: bold;}
#adrys_set_link ul.add-banner li.bnr_deepcare .line02  { color: #891385;}
#adrys_set_link ul.add-banner li.bnr_specialcare .line02 { color: #EC5F04;}
#adrys_set_link ul.add-banner li .line03 .per          { margin-right: 10px; font-size: 10px;}
#adrys_set_link ul.add-banner li .line03 .per strong   { font-size: 14px;}
#adrys_set_link ul.add-banner li .line03 .per .ss      { font-size: 10px;}
#adrys_set_link ul.add-banner li .line03 .first        { font-size: 10px;}
#adrys_set_link ul.add-banner li .line03 .first strong { font-size: 14px;}
#adrys_set_link ul.add-banner li .line03 .first .tax   { font-size: 10px;}

/* プロダクトライン */
#sec_adrys_productsline { padding: 20px 0 5px 20px; margin: 40px -20px 30px; background: #f5f5f5;}
#sec_adrys_productsline h2 { padding: 0; margin: 0 0 20px 0; font-size: 20px; font-weight: 300; text-align: center; display: none;}
#sec_adrys_productsline .step-wrap-frame { padding: 0 0 5px 0; margin: 0 -10px 0 0; overflow-x: scroll; -webkit-overflow-scrolling : touch;}
#sec_adrys_productsline .step-wrap { width: calc(38vw * 9); padding: 40px 0 10px 0; background: #f5f5f5;}
#sec_adrys_productsline ul.product-lineup { width: calc(38vw * 9); display: flex; justify-content: space-between; position: relative;}
#sec_adrys_productsline ul.product-lineup li              { width: 38vw; display: block; position: relative;}
#sec_adrys_productsline ul.product-lineup li a,
#sec_adrys_productsline ul.product-lineup li span.nolink  { padding: 7px 5px; margin: 0 8px; border: #f5f5f5 2px solid; display: block; text-decoration: none;}
#sec_adrys_productsline ul.product-lineup li.active a { border: #f8485e 2px solid;}
#sec_adrys_productsline ul.product-lineup li .img     { width: 65%; min-height: 105px; margin: 0 auto; text-align: center;}
#sec_adrys_productsline li .img img.for-pc { display: none !important;}
#sec_adrys_productsline li .desc        { width: 100%; align-self: center;}
#sec_adrys_productsline .name .line01   { margin-bottom: 0; height: 2.8em; font-size: 10px; text-align: center; color: #151515; line-height: 1.4; letter-spacing: -1px;}
#sec_adrys_productsline .name .line02   { margin-bottom: 0; line-height: 1.0; text-align: center;}
#sec_adrys_productsline .name .line02 span { padding: 0 5px 1px 5px; border: #999999 1px solid; font-size: 8px; color: #999999; line-height: 1.0; display: inline-block; vertical-align: middle;}
#sec_adrys_productsline .name .line03   { font-size: 10px; color: #999999;}
#sec_adrys_productsline .price-box      { margin: 5px auto 0; line-height: 1.1; display: block;}
#sec_adrys_productsline .price-box .ttl { font-size: 9px; color: #151515; line-height: 1.0; letter-spacing: -0.5px; align-self: center;}
#sec_adrys_productsline .price-box .num { margin-left: 7px; align-self: center;}
#sec_adrys_productsline .price-box .tax { font-size: 8px; color: #777777;}
#sec_adrys_productsline .normal-price   { display: flex; justify-content: center;}
#sec_adrys_productsline .normal-price.price strong { font-size: 12px; font-weight: 500; color: #151515;}
#sec_adrys_productsline .teiki-price    { display: flex; justify-content: center;}
#sec_adrys_productsline .teiki-price.price strong  { font-size: 12px; font-weight: 500; color: #151515;}
#sec_adrys_productsline .teiki-price.price .first  { color: #f8485e;}
#sec_adrys_productsline .price-box .tax { font-size: 6px; text-align: left;}
#sec_adrys_productsline .p-button       { text-align: left;}
#sec_adrys_productsline .p-button span  { width: 100%; padding: 2px 5px 2px 0; font-size: 10px; text-align: center; display: block; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; text-decoration: none; background: url("../../img/usr/goodsdetail/adrys/p_btn_arrow.png") 82% center no-repeat;}
#sec_adrys_productsline ul.product-lineup .item-lotion::before,
#sec_adrys_productsline ul.product-lineup .item-mask::before,
#sec_adrys_productsline ul.product-lineup .item-milk::before { content: ''; padding: 0 0 7px 0; border-bottom: #cccccc 1px solid; font-size: 14px; font-weight: normal; text-align: left; display: block; position: absolute; top: -40px; left: 8px;}
#sec_adrys_productsline ul.product-lineup .item-lotion::before { width: calc(114vw - 16px); content: '保湿シリーズ';}
#sec_adrys_productsline ul.product-lineup .item-mask::before   { width: calc(114vw - 16px); content: 'スペシャルケア';}
#sec_adrys_productsline ul.product-lineup .item-milk::before   { width: calc(114vw - 16px); content: '洗浄シリーズ';}
#sec_adrys_productsline ul.product-lineup-slider { display: none!important;}
#sec_adrys_productsline ul.product-lineup-slider .item-soap .teiki-price   { height: 22px;}
#sec_adrys_productsline ul.product-lineup-slider .item-soap .teiki-price * { display: none !important;}
#sec_adrys_productsline ul.product-lineup .item-soap .teiki-price   { height: 15.4px;}
#sec_adrys_productsline ul.product-lineup .item-soap .teiki-price * { display: none !important;}

/* 関連記事リンク */
#column_frame_advice { max-width: 750px; margin: 60px 20px 40px;}
#column_frame_advice .other_box { margin: 0 0 40px;}
#column_frame_advice .other_box .other_ttl { padding: 20px 0 10px 0; margin: 0 -20px; border-top: #b9b9b9 1px solid; border-bottom: none; text-align: center; font-size: 20px; font-weight: bold;}
#column_frame_advice .other_box .frame_col2 { display: block;}
#column_frame_advice .other_box li { width: 100%; margin: 0; border-bottom: #b9b9b9 1px dotted;}
#column_frame_advice .other_box li:last-child { border-bottom: none;}
#column_frame_advice .other_box li img { width: 100%; max-width: 100%;}
#column_frame_advice .other_box li a { width: 100%; padding: 15px 0; justify-content: space-between; text-decoration: none; display: flex;}
#column_frame_advice .other_box li a .ph { width: 45%; min-height: 96px; margin: 0; align-self: center;}
#column_frame_advice .other_box li a .txt { width: 55%; padding: 0 0 0 20px; font-size: 14px; align-self: center;}