
/* item_商品詳細深堀_タイトル
----------------------------------------------------------*/
#contents .cmn_title08 {
    margin: 30px 0 20px;
    padding: 8px 10px 7px;
    background: #e7e7e7;
    font-size: 1.6rem;
}

/* item_商品詳細深堀_タイトル
----------------------------------------------------------*/
#berry .cmn_frame01 p {
    margin:0px;
}

/* guide_点線
----------------------------------------------------------*/
#guide .cmn_img_list02_04.separator_line > .item {
    border-right: 1px dotted #b28c70;
}

/* topics_点線
----------------------------------------------------------*/
#topics .cmn_img_list02_03.separator_line > .item {
    border-right: 1px dotted #b28c70;
}

/* corporate_点線
----------------------------------------------------------*/
#corporate #contents .cmn_img_list02_04.separator_line > .item {
    border-right: 1px dotted #b28c70;
}
#corporate #contents .cmn_img_list02_04.separator_line > .item:nth-of-type(4n) {
    border-right: 0 none;
}

/* まとめ買いボタン
----------------------------------------------------------*/
#contents .cmn_btn_box01_set > .item {
    position: relative;
    margin: 30px 0;
}
#contents .cmn_btn_box01_set > .item .btn {
    margin: 0 0 4px;
    line-height: 2.8;
}
#contents .cmn_btn_box01_set > .item .btn a {
    display: block;
    padding: 5px 5px 4px;
    border-radius: 5px;
    background: #5a5a5a;/*ボタン色*/
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
#contents .cmn_btn_box01_set > .item .btn.normal a {
    background-color: #676767;/*ボタン色(on)*/
}

#contents .point_box0{display:block;padding:0;margin:0 0 20px 0;}
#contents .brdb_brown01{border-bottom:1px solid #edc;}
#contents .point_box0 div{box-sizing: border-box;padding:0;}
#contents .point_box0 .point_ti{display:table;}
#contents .point_box0 .point_ti img{display:table-cell;vertical-align:middle;width:70px;min-width:70px;}
#contents .point_box0 .point_ti span{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#DFB4B5;font-size:5vw;font-weight:bold;line-height:1.4;}
#contents .point_box0 .point_txt span{color:#DFB4B5;}

/* item_商品詳細深堀_フォントカラー
----------------------------------------------------------*/
#contents .point_box{display:block;padding:0 0 40px 0;margin:0 0 40px 0;}

#contents .brdb{border-bottom:2px solid #DFB4B5;}
#contents .brdbcolor_orange{border-bottom:2px solid #eaa272;}
#contents .brdbcolor_blue{border-bottom:2px solid #839ac5;}
#contents .brdbcolor_redpurple{border-bottom:2px solid #b85d78;}
#contents .brdbcolor_ocher{border-bottom:2px solid #cc8445;}
#contents .brdbcolor_red{border-bottom:2px solid #df5656;}
#contents .brdbcolor_skyblue{border-bottom:2px solid #71a2c7;}
#contents .brdbcolor_green{border-bottom:2px solid #729b4d;}
#contents .brdbcolor_yellow{border-bottom:2px solid #aca449;}
#contents .brdbcolor_purple{border-bottom:2px solid #937aa7;}

#contents .point_box div{box-sizing: border-box;padding:0;}
#contents .point_box .point_ti{display:table;}
#contents .point_box .point_ti img{display:table-cell;vertical-align:middle;width:70px;min-width:70px;}

#contents .point_box .point_ti span{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#e0a2a3;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_orange{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#eaa272;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_blue{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#839ac5;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_redpurple{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#b85d78;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_ocher{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#cc8445;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_red{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#df5656;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_skyblue{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#71a2c7;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_skybluenotlogo{display:table-cell;vertical-align:middle;padding:0;color:#71a2c7;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_green{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#729b4d;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_yellow{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#aca449;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}
#contents .point_box .point_ti .color_purple{display:table-cell;vertical-align:middle;padding:0 0 0 15px;color:#937aa7;font-size:6.5vw;font-weight:bold;line-height:1.2;font-family: serif;}

#contents .point_box .point_txt span{color:#d99293;}
#contents .point_box .point_txt .color_orange{color:#db8b55;}
#contents .point_box .point_txt .color_blue{color:#546e9d;}
#contents .point_box .point_txt .color_redpurple{color:#9c1d43;}
#contents .point_box .point_txt .color_ocher{color:#b36f33;}
#contents .point_box .point_txt .color_red{color:#d83c3c;}
#contents .point_box .point_txt .color_skyblue{color:#4d8fc0;}
#contents .point_box .point_txt .color_green{color:#497423;}
#contents .point_box .point_txt .color_yellow{color:#827918;}
#contents .point_box .point_txt .color_purple{color:#714792;}

/* item_商品詳細深堀_aタグカラー
----------------------------------------------------------*/
#contents a{
    color: #555555;
	text-decoration:underline #cccccc;
}
a:hover,
a:active,
a:focus {
    text-decoration: underline;
    opacity: .7;
}

#contents .point_box p {
    margin: 0 0 20px;
	font-size: 1.4rem;
}

/* item_商品詳細深堀_ボックス
----------------------------------------------------------*/
#contents .point_box .point_box2{display:block; margin:0 0 -80px 0;}

.contents {
    padding: 0px 10px 10px;
}

.txt_width{padding: 0}

#wrapper_range {
    position: relative;
    padding: 1px 0 0;
}

#contents_range {
    position: relative;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0px 10px 10px;
    line-height: 1.7;
}








.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    top: 150px; /* バナーの上下の位置 */
    right: 10px; /* バナーの左右の位置 */
}
.pc {
    width: 130px; /* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .8; /* ホバーで少し透過 */
}
.sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
    .pc {
        display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
    .sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
        width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
    }
    .floating-banner  {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        right: 0; /* 左右の隙間が空かないように */
        bottom: 0; /* 画面の最下部にぴったりくっつくように指定 */
    }
}

/* feature_月替わり特集
----------------------------------------------------------*/
#feature {
    margin: -40px 0 10px 0;
    padding: 10px 0;
    line-height: 1.7;
    text-align: center;
}

#feature .bg{
    overflow: hidden;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: url("https://test-hc-refre.com/topics/feature/2020_11/bg.png") no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
	padding: 50px 0;
}

#feature .bg02{
    background-color: antiquewhite;
	padding: 20px 0;
}

#feature p{
    margin: auto;
    padding: 20px;
	text-align: left;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 2;
    color: #653e25;
}

#feature img{
    margin: auto;
    padding: 0 20px;
}

#feature h3{
    margin: 20px auto;
	padding: 5px 20px;
	text-align: left;
    font-size: 20px;
	font-weight: bold;
    letter-spacing: 2px;
    line-height: 2;
    color: #653e25;
    background: #FFFFFF;
    box-shadow: 0px 0px 0px 5px #FFFFFF;
	border-bottom: dashed 2px #653e25;
	border-top: dashed 2px #653e25;
}

#feature .line-bc {
	padding:0 23px 20px 0;
	max-width: 1015px;
	margin: 15px auto;
	text-align: right;
	font-size: 14px;
}

#feature .balloon6 {
	width: 100%;
	margin: 10px 0;
	overflow: hidden;
}

#feature .balloon6 .faceicon {
	float: left;
	margin-right: -35px;
    width: 100px;
}

#feature .balloon6 .faceicon img{
	width: 100%;
	height: auto;
	border-radius: 50%;
}
#feature .balloon6 .chatting {
	width: 100%;
	text-align: left;
}
#feature .says {
    display: inline-block;
    position: relative;
    margin: -58px 0 0 105px;
    padding: 20px;
    max-width: 890px;
    border-radius: 12px;
	background: #FFFFFF;
}

#feature .says:after {
	content: "";
	display: inline-block;
	position: absolute;
    top: 20px;
    left: -24px;
    border: 9px solid transparent;
    border-right: 18px solid #FFFFFF;
    -webkit-transform: rotate(35deg);
    transform: rotate(5deg);
}
#feature .says p {
	margin: 0;
	padding: 0;
}


