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

/*確認用表示*/
.testbar {
	position:fixed;
	left:12px;
	bottom:12px;
	z-index:10000;
	background:rgba(0,0,0,.75);
	color:#fff;
	font:12px/1.6 "Yu Gothic","YuGothic",sans-serif;
	padding:4px 12px;
	border-radius:14px;
	pointer-events:none;
}

/*購入ボタン*/
.mallbtn {
	display:flex;
	gap:10px;
	margin-top:24px;
	max-width:380px;
}
.mallbtn a {
	flex:1;
	display:block;
	text-align:center;
	font:bold 14px/1 "Yu Gothic","YuGothic",sans-serif;
	padding:14px 0;
	border-radius:4px;
	color:#fff;
	background:#bf0000;
	letter-spacing:.05em;
	text-decoration:none;
	transition:opacity .2s;
}
.mallbtn a.yh {
	background:#fff;
	color:#ff0033;
	border:2px solid #ff0033;
	padding:12px 0;
}
#item_list_l .mallbtn a.rk {
	color:#fff;
}
.mallbtn a:hover {
	opacity:.75;
}

/*まとめ買い・小さいサイズ*/
.subbuy {
	max-width:380px;
	margin-top:16px;
	padding-top:12px;
	border-top:1px solid #ddd;
	font:14px/1.9 "Yu Gothic","YuGothic",sans-serif;
	color:#333;
}
.subbuy .ttl {
	color:#888;
	margin-bottom:2px;
}
.subbuy .mall {
	display:inline-block;
	width:74px;
	font-weight:bold;
}
.subbuy .rk .mall {
	color:#bf0000;
}
.subbuy .yh .mall {
	color:#ff0033;
}
.subbuy a {
	color:#333;
	text-decoration:underline;
}
.subbuy a:hover {
	opacity:.6;
}
.subbuy .sep {
	color:#bbb;
	margin:0 6px;
}

/*金色の見出し：言葉の区切りでだけ改行する（10/28 玉置）*/
#item_list_l ul li .right_text .item_l_copy .nw {
	display:inline-block;
}
/*商品説明の行間*/
#item_list_l ul li .right_text .item_l_text {
	line-height:2.6rem;
}
/*美肌菌の注意書き*/
#item_list_l ul li .right_text .item_l_note {
	font-size:1.1rem;
	line-height:1.8rem;
	margin:-50px 0 40px;
	color:#666;
}
/*「美肌菌※」の※を小さめに（10/28 垣内様）*/
#item_list_l ul li .right_text .item_l_text .kome {
	font-size:.7em;
}
/*説明文：言葉の途中で次の行に落とさない（10/28 玉置）*/
#item_list_l ul li .right_text .item_l_text .keep {
	white-space:nowrap;
}
@media screen and (min-width: 1001px) {
#item_list_l ul li .right_text .item_l_text .pc_keep {
	white-space:nowrap;
}
}
/*iPad の縦など（769〜1000px）は説明文の欄がせまく1〜3文字だけ落ちるので、スマホと同じく改行せずに流す（10/28 玉置）*/
@media screen and (min-width: 769px) and (max-width: 1000px) {
#item_list_l ul li .right_text .item_l_text br {
	display:none;
}
}

/*メニューから飛んだときの位置*/
#item_mcm,
#item_shampoo,
#item_treatment {
	scroll-margin-top:90px;
}

@media screen and (max-width: 768px) {
.mallbtn {
	max-width:none;
	margin:18px auto 0;
}
.subbuy {
	max-width:none;
	text-align:center;
}
/*商品説明：スマホは改行せず左寄せ（10/28 玉置）*/
#item_list_l ul li .right_text .item_l_text,
#item_list_l ul li .right_text .item_l_note {
	text-align:left;
}
#item_list_l ul li .right_text .item_l_text br {
	display:none;
}
.testbar {
	left:8px;
	font-size:11px;
}
}

@media screen and (max-width: 414px) {
/*商品説明：スマホの左右の余白 10px → 24px（10/28 玉置）*/
#item_list_l ul li .right_text {
	padding:10px 24px;
}
}