@charset "UTF-8";

* {
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style-type: none;
	}

body {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*font-family: 游明朝体, "Yu Mincho", YuMincho, serif;*/
	/* font-family: "Rounded Mplus 1c", sans-serif; */
	font-family: unset!important;
	height: auto;
	width: 100%;
	min-width: 1400px;
	margin-right: auto;
	margin-left: auto;
	/*text-align: center;*/
	font-size: 12.8px;
}




/* = Selected Text ドラッグした際の背景色
----------------------------------------------- */

::selection {
	background-color: #ccc;
    /*background-color: #FF9933;*/
}



::-moz-selection {
    background: #ccc;
    /*background: #FF9933;*/
    /* Firefox */
}

/* = Selected Text ドラッグした際の背景色
----------------------------------------------- */


a{
	color: #666;
	text-decoration: none;
	transition: color 0.4s ease 0s;

}
a:hover {
	color: #E33900;
}
a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
	-moz-opacity:0.7;
	text-decoration: none;
	transition: opacity 0.7s;
}
img{
	max-width: 100%;
	-webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
}

.red{
	color: #F33;
	font-weight: bold;
}

.item_red{
	color: #F33;
	font-weight: bold;
}

/* 各ページのレイアウトの横幅サイズ指定 ページ全体の横幅を100%に変更 */
.layout_body{
width:100%;
}

.layout_table{
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.layout_footer{
	clear: both;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
}
/* 各ページのレイアウトの横幅サイズ指定 */



/*indexモーダルclosebtn位置*/
#cboxClose {
    margin: 0;
}
/*ヘッダー固定 0525 nis*/
header {
    /*position: fixed;*/
    z-index: 110;
    background-color: #fff;
    width: 100%;
    top: 0;
}
nav{
    height: 74px;
    /*position: fixed;*/
    width: 100%;
    /*top: -74px;
    padding-top: 181px;*/
    z-index: 10;
}
.layout_menu nav{
    height: auto;
}

#header_inner {
	clear: both;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border:none;
	/*padding-bottom: 10px;*/
}
#header_inner #catchcopy {
	clear: both;
	height: 40px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #adadad;
	/*margin-bottom: 10px;*/
	background-color: #000;
	color: #fff;
}
#catchcopy #catchcopy_inner {
	height: auto;
	width: 1140px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#catchcopy .catch_left {
    float: left;
    width: 40%;
    text-align: left;
    /* padding-bottom: 4px; */
    height: 40px;
    /* padding-top: 6px; */
    display: flex;
    align-items: center;
}
#catchcopy .catch_right {
	float: right;
    /* padding-bottom: 4px; */
    height: 40px;
    /* padding-top: 6px; */
    display: flex;
    align-items: center;
}
#catchcopy .catch_right .FS2_repeater {
	margin-bottom: 0;
}

.logined, .logouted { display: none; }
#logoutButton, #loginButton { display: none; }


/* ヘッダー ドロップダウンメニュー 1 */
.dropmenu{
  *zoom: 1;
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
	position: relative;
	float: left;
	margin: 0;
	text-align: center;
	padding: 0;
}
.dropmenu li a{
	display: block;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 5px;
	height: 17px;
}
.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.dropmenu li ul li{
	width: 100%;
}
.dropmenu li ul li a{
	text-align: center;
	background-color: #F3F3F3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-right: 15px;
	padding-left: 15px;
	height: 35px;
	line-height: 35px;
}
.dropmenu li:hover > a{
	background-color: #EBEBEB;
}
.dropmenu li a:hover{
	background-color: #EBEBEB;
}


#fade-in li ul{
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
}
#fade-in li:hover ul{
	top: 100%;
	visibility: visible;
	opacity: 1;
}

.nav-menu {
	width: 30%;
	height: auto;
}
.nav-login {
	width: 30%;
	height: auto;
}
.nav-mypage {
	width: 20%;
	height: auto;
}
.nav-help {
	height: auto;
	width: 20%;
}
.nav-cart {
	height: auto;
	width: 15%;
	background-color: #F3F3F3;
}

/* ヘッダー ドロップダウンメニュー 1 */



#header_inner .header_row {
	clear: both;
	height: 140px;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding: 35px 0 30px;
	box-sizing: border-box;
}
#header_inner .header_row  > div:nth-of-type(2){
flex-shrink: 0;
}

#header_inner .header_row  > div:nth-of-type(2) > div  {
	display: flex;
	/*justify-content: flex-end;*/
	align-items: center;
	margin-top: 20px;
}
#header_inner .header_row ul {
	display: flex;
	justify-content: flex-end;
	/*padding-top: 15px;*/
}

#header_inner .header_row ul li a{
	border: 1px solid #666;
    padding: 7px 42px;
	margin: 0 5px;
}
.header_logo {
	float: left;
    height: auto;
    /* width: 40%; */
    text-align: left;
    /*padding-top: 15px;*/
}
.header_logo {
    float: left;
    height: auto;
    width: 380px;
    text-align: left;
    /*padding-top: 15px;*/
}
.header_serch {
	float: right;
	height: auto;
	width: 60%;
	text-align: right;
}
.header_serch form {
	margin-bottom: 15px;
}
.header_serch form .text_area   {
	padding: 10px;
	border: 1px solid #CCC;
	height: 20px;
	width: 300px;
	margin-right: 5px;
	border-radius:5px;
}
.header_serch form .zaiko_check {
	vertical-align: middle;
	font-size: 10px;
	height: 20px;
	width: auto;
}
.serch_btn   {
	width: 40px;
	height: 40px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(https://c25.future-shop.jp/shop/item/hfbelx/design/img02/serch_1.gif);
	background-repeat: no-repeat;
	background-size:cover;
	background-color: transparent !important;
	vertical-align: middle;
	background-position: center center;
}
.check-word {
	text-align: right;
	width: 100%;
}

.gl_nav {
	clear: both;
	height:74px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: absolute;
	z-index: 100;
}

.serach {
	clear: both;
	height: auto;
	width: 80%;
	/*margin: 45px auto 35px;*/
}
.serach form{
	text-align: right;
}
.serach form .text_area {
	padding: 20px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    width: 239px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 5px;
}
.serach form .text_area::placeholder{
	font-size: 12px;
	/*font-family: serif;*/
}
/*.serach form .text_area::placeholder {
	padding-top: 0.3em;
}*/

.serach form .serch_btn {
	padding: 0px;
	width: 30px;
    height: 30px;
    margin-right: 10px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-image: url(https://www.hfbelx.com/sp/common/images2/search01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #FFF;
    vertical-align: middle;
    border-radius: 0;
}





/* ヘッダー ドロップダウンメニュー 2 */
.dropmenu2{
  *zoom: 1;
	list-style-type: none;
	width: 1140px;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	margin-bottom: 20px;

}
.dropmenu2:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu2:after{
  clear: both;
}
.dropmenu2 li{
	position: relative;
	width: 25%;
	float: left;
	margin: 0;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.dropmenu2 li a{
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #DDD;
	height: 20px;
}
.dropmenu2 li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}
.dropmenu2 li ul li{
	width: 100%;
}
.dropmenu2 li ul li a{
	text-align: center;
	background-color: #F3F3F3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 100%;
}
.dropmenu2 li:hover > a{
	background-color: #EBEBEB;
}
.dropmenu2 li a:hover{
	background-color: #EBEBEB;
}


#fade-in2 li ul{
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
}
#fade-in2 li:hover ul{
	top: 100%;
	visibility: visible;
	opacity: 1;
}
/* ヘッダー ドロップダウンメニュー 2 */






.mod_slidelink{
	position:relative;
	clear: both;
	height: 74px;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
	z-index: 100;
}
.mod_slidelink ul.slidebtn{
	position:absolute;
	left:0px;
	width:100%;
	list-style-type: none;
	margin: 0px;
	background-color: #fff;
	height: 74px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.mod_slidelink ul.slidebtn > li{
    float: left;
    cursor: pointer;
    /*text-decoration: underline;*/
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    width: 20%;
    font-size: 14px;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
	letter-spacing: 0.1em;
	transition: 0.3s;
}
.mod_slidelink ul.slidebtn > li:hover{
	background-color: #f7f8f8;
	transition: 0.3s;
}
.mod_slidelink ul.slidebtn > li p{
	font-size: 10px;
	letter-spacing: 0;
}
.mod_slidelink ul.slidebtn > li.open{
	text-decoration:none;
	background-color: #f7f8f8;
}
.mod_slidelink_panel{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	color: #FFF;
	background-color: #f7f8f8;
}
.mod_slidelink_panel_entry{
    /*display: none;
    margin-right: auto;
    margin-left: auto;*/
    /* border: 1px solid #633; */
    /*padding-top: 0;
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
    height: auto;*/
}
.mod_slidelink ul.slidebtn > li::after{
    content: '';
    display: block;
    width: 1px;
    height: 2.5em;
    background-color: #595757;
    position: absolute;
    right: 0;
    top: 1.4em;
}
.mod_slidelink ul.slidebtn > li:last-child::after{
    content: none;
}

/*5/10高さ解除 nis*/
/*.panel01 {
	height: 480px;
}
.panel02 {
	height: 390px;
}*/

/*パネルホバー処理*/

.panel01,.panel02,.panel03,.panel04 {
	/*display: none;*/
    width: 1140px;
	top: 0;
	opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition:visibility 0.3s;
}
li#panel02 .panel02 {
	position: absolute;
    left: calc((-1140px / 5) * 1);
}
li#panel03 .panel03 {
	position: absolute;
    left: calc((-1140px / 5) * 2);
}
li#panel04 .panel04 {
	position: absolute;
    left: calc((-1140px / 5) * 3);
}
li#panel01:hover .panel01 {
    /*display: block;*/
    width: 1140px;
    background: #f7f8f8;
    position: absolute;
    top: 74px;
	opacity: 1;
	visibility: visible;
	height: auto;
    transition: 0.3s;
}
li#panel02:hover .panel02 {
    /*display: block;*/
    width: 1140px;
    background: #f7f8f8;
    position: absolute;
    top: 74px;
	opacity: 1;
	visibility: visible;
	height: auto;
    left: calc((-1140px / 5) * 1);
    transition: 0.3s;
}
li#panel03:hover .panel03 {
    width: 1140px;
    background: #f7f8f8;
    position: absolute;
    top: 74px;
	opacity: 1;
	visibility: visible;
	height: auto;
    left: calc((-1140px / 5) * 2);
    transition: 0.3s;
}
li#panel04:hover .panel04 {
    /*display: block;*/
    width: 1140px;
    background: #f7f8f8;
    position: absolute;
    top: 74px;
	opacity: 1;
	visibility: visible;
	height: auto;
    left: calc((-1140px / 5) * 3);
    transition: 0.3s;
}
#panel01 > a, #panel02 > a, #panel03 > a, #panel04 > a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#panel01 > a:hover, #panel02 > a:hover, #panel03 > a:hover, #panel04 > a:hover {
    color: inherit;
}

/*カテゴリ前についてる黒●*/
td.FS2_itemlayout_list_D_icon {
    visibility: hidden;
}


/*.panel03 {
	height: auto;
}*/
.menu_row {
	clear: both;
	height: 115px;
	width: 94%;
	padding-right: 3%;
	padding-left: 3%;
}
.menu_left {
	float: left;
	height: 100px;
	width: 48%;
	background-color: #F8F0E9;
	border: 1px solid #FFF;
	border-radius:5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}
.menu_left a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
}

.menu_right {
	float: right;
	height: 100px;
	width: 48%;
	background-color: #F8F0E9;
	border: 1px solid #FFF;
	border-radius:5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}

.menu_right a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
}

.menu_center {
	height: 100px;
	width: 48%;
	background-color: #F8F0E9;
	border: 1px solid #FFF;
	border-radius:5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}


/*abouthfbelxリンク 20180627 nis*/
.aboutbelx_pchome a {
    border: 1px solid #595757;
    padding: 14px 50px;
    /*border-radius: 30px;*/
    color: #595757;
    background-color: #fff;
    transition: 0.3s ease;
}
.aboutbelx_pchome a:hover {
    color: #fff;
    background-color: #595757;
    transition: 0.3s ease;
}


.mod_slidelink_panel_entry p:nth-of-type(1){
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}
.mod_slidelink_panel_entry p:nth-of-type(2){
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#panel01,#panel02,#panel03,#panel04 {
	color: #595757;
	text-decoration: none;
	/*padding-top: 10px;*/
	/*height: 30px;*/
}
#gl_cart {

	}
#gl_cart a {
	color: #595757;
	text-decoration: none;
	background-color: #fff;
	height: 74px;
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding-top: 10px;*/
	transition: 0.3s;
}
#gl_cart a:hover {
	background-color: #f7f8f8;
	transition: 0.3s;
}
#gl_cart img{
	margin-top: -1em;
	margin-right: 0.5em;
}

.mod_slidelink_panel_entry ul {
	color: #FFF;
	font-size: 14px;
	width: 95%;
	padding-right: 3%;
	padding-left: 3%;
	height: auto;
	clear: both;
	border-top-color: #FFF;
	display: flex;
	flex-wrap: wrap;
}

.mod_slidelink_panel_entry ul li {
	width: calc((100% / 3) - 15px );
	margin-right: 15px;
	margin-bottom: 15px;
}
.mod_slidelink_panel_entry ul li:nth-of-type(3n) {
	margin-right: 0px;
}
.mod_slidelink_panel_entry ul li a {
	color: #595757;
	display: block;
	height: auto;
	width: 100%;
	padding-bottom: 10px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
    border: 1px solid #b7b7b7;
	text-align: left;
	/*background-image: url(https://c25.future-shop.jp/shop/item/hfbelx/design/img02/next_icon.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size:auto;*/
	padding-top: 10px;
	box-sizing: border-box;
    background-image: url(https://www.hfbelx.com/sp/common/images2/arrow_b.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 8px 15px;
    padding-left: 1em;
    transition: 0.3s;
}
.mod_slidelink_panel_entry ul li a:hover {
    background-color: #fff;
    transition: 0.3s;
}



.news_banner_area {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.news_banner_area img {
	height: auto;
	width: 100%;
	border: 1px solid #EAEAEA;
	box-sizing:border-box;
}

.news_area {
	border: 1px solid #B70000;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	color: #B70000;
	padding: 8px 10px 8px;
	}
.news_area a {
color: #B70000;
}

.home .sale_banner_area {
    display: flex;
    width: 1140px;
    margin: 50px auto 0;
}
.sale_banner_area {
    display: flex;
    width: 1140px;
    margin: 25px auto;
}
/*.sale_banner_area {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 15px;
}*/

/* メインビジュアル */
.main_visual {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	overflow: hidden;
	clear: both;
	text-align: center;
	margin-bottom: 25px;
	/*margin-top: 40px;*/
	max-width: 1140px;
	/*padding-top: 215px;*/
}
.single-item_01 img {
	height: auto;
	width: 100%;
}
.top_banner_area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: auto;
	max-width: 1140px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
}
.top_banner_area > div{
	width: calc((100% / 2) - 15px);
}
.top_banner_area > div:nth-of-type(2){
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_banner_area > div:nth-of-type(2) a{
	width: calc((100% / 2) - 15px);
	margin-bottom: 30px;
}
.top_banner_area > div img{
	width: 100%;
	height: auto;
}

.top_banner_area2{
	width: 1140px;
	margin: 50px auto 0;
	display: flex;
	justify-content: space-between;
}
.top_banner_area2 div{
	width: calc((100% / 2) - 15px);
}
.top_banner_area2 div img{
	width: 100%;
}

@media all and (-ms-high-contrast: none) {
	/* IE10以下 */
	.layout_menu, .layout_table{
		display: flex;
	}

	.topBnr, .topBnr div {
		display:block;
		max-width: 890px;
	}
	div.cl2-2{
		clear: both;
		overflow: hidden;
	}
	.topBnr .cl2 {
		float:left;
	}
	.topBnr .cl2-1 {
		float:left;
		display: inline-block;
	}
	.topBnr .cl2-2 {
		display: inline-block;
	}

	.topBnr .cl3 {
		float:left;
		display: inline-block;
	}
	.topBnr .cl2-4 {
		width:44.9%;
		display: inline-block;
	}
	.btob_wrap {
		max-width: 890px;
	}
}

.topBnr, .topBnr div {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#topBnr {
	padding-top: 15px;
}
.topBnr .cl2 {
	width:50%;
}
.topBnr .cl3 {
	width:33.33333%;
}
.topBnr .cl2-1 {
	width:44.6%;
}
.topBnr .cl2-2 {
	width:55.4%;
}
.topBnr .cl2-3 {
	width:55.1%;
}
.topBnr .cl2-4 {
	width:44.9%;
}
.topBnr a {
	display:block;
	margin:0;
	border:5px solid #fff;
	box-sizing:border-box;
	width: 100%;
	height: auto;
}
.topBnr img {
	width:100%;
	display:block;
	margin:0;
}
.topBnr .m0 {
	margin:0;
}


.home .content_2{
	max-width: 1140px;
	margin: 0 auto 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.home .content_2 a{
	width: calc((100% / 2) - 10px);
	margin-bottom: 15px;
}
.home .content_2 a img{
	max-width: 100%;
}

/*TOP　RANKING*/
.top_rank_area{
	max-width: 1140px;
	margin:70px auto 20px;
}
.top_rank_area .meinttl{
	font-size: 28px;
}
.top_rank_area .FS2_Recommend2_ranking_vertical td:nth-of-type(2) a{
	height: 4.4em;
	overflow: hidden;
	position: relative;
}
.top_rank_area .FS2_Recommend2_ranking_vertical td:nth-of-type(2) a::after{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 0.6em;
	background-color: #fff;
	bottom: 0;
}
.top_rank_area .FS2_Recommend2_ranking_vertical .itemPrice {
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
    color: #000 !important;
}


.FS2_Recommend2_ranking_vertical {
    width: 100%;
    padding: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    margin: 0 !important;
    border-bottom: none !important;
}
.FS2_Recommend2_ranking_vertical table {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    display: flex;
}
.FS2_Recommend2_ranking_vertical tr th{
	display: none;
}
.FS2_Recommend2_ranking_vertical tr a{
	position: relative;
	display: block;
	font-weight: normal;
}
.FS2_Recommend2_ranking_vertical tr td:nth-of-type(2) a{
	border-bottom: 1px solid #bababa;
}
.FS2_Recommend2_ranking_vertical tr td:nth-of-type(2) a{
    padding: 10px 0 4px 0;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.45em;
}
/*.FS2_Recommend2_ranking_vertical tr td:nth-of-type(1) a::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    display: block;
    background-image: linear-gradient(135deg, #9e0000 39px, transparent 0);
}*/
.FS2_Recommend2_ranking_vertical tr td:nth-of-type(1) a::after{
	position: absolute;
	left: 0.7em;
	top: 0.6em;
	width: 1.2em;
	height: 1.2em;
	display: block;
	color: #595757;
	font-size: 16px;
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(1) td:nth-of-type(1) a::after{
	content: 'No.1';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(2) td:nth-of-type(1) a::after{
	content: 'No.2';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(3) td:nth-of-type(1) a::after{
	content: 'No.3';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(4) td:nth-of-type(1) a::after{
	content: 'No.4';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(5) td:nth-of-type(1) a::after{
	content: 'No.5';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(6) td:nth-of-type(1) a::after{
	content: 'No.6';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(7) td:nth-of-type(1) a::after{
	content: 'No.7';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(8) td:nth-of-type(1) a::after{
	content: 'No.8';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(9) td:nth-of-type(1) a::after{
	content: 'No.9';
}
.FS2_Recommend2_ranking_vertical tr:nth-of-type(10) td:nth-of-type(1) a::after{
	content: 'No.10';
}

.en_txt{
	/*color: #9e0000;*/
	font-size: 12px;
	margin-left: 0.3em;
	margin-right: -0.3em;
	display: inline-block;
}
div#_rcmdjp_display_2 {
    position: relative;
}
/*.FS2_Recommend2_ranking_vertical table caption {
	padding: 10px 5px 5px 10px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}*/
.FS2_Recommend2_ranking_vertical table caption{
	display: none;
}
/*body:not(.home) #_rcmdjp_display_2::before {
    content: '\95B2\89A7\6570\30C7\30A4\30EA\30FC\30E9\30F3\30AD\30F3\30B0';
    position: absolute;
    top: 9px;
    margin-left: -5.7em;
    z-index: 1;
}*/

.FS2_Recommend2_ranking_vertical table {
}
.FS2_Recommend2_ranking_vertical tbody {
    display: flex;
    padding: 10px;
    background-color: #fff;
}
.FS2_Recommend2_ranking_vertical tr{
	display: flex;
	flex-direction: column;
	width: 216px;
	margin-right: 10px;
}
.FS2_Recommend2_ranking_vertical tr:last-child{
	margin-right: 0px;
}
.FS2_Recommend2_ranking_vertical th{
	text-align: center;
}
.FS2_Recommend2_ranking_vertical td img {
    width: 100% !important;
    margin-bottom: 0px !important;
}
.FS2_Recommend2_ranking_vertical td{
	font-size: 12px;
	padding: 0 !important;
	border-top: none !important;
}
.FS2_Recommend2_ranking_vertical td:nth-of-type(2) a{
	height: 4.4em;
	overflow: hidden;
}
.FS2_Recommend2_ranking_vertical td + td{
	padding-bottom: 0;
}
.FS2_Recommend2_ranking_vertical td br{
	display: none;
}
.FS2_Recommend2_ranking_vertical td:nth-of-type(2) {
    width: 100%;
    text-align: left;
    padding-left: 0;
    border: none;
}
h2.meinttl{
	font-size: 18px;
	margin:0 13px;
	text-align: left;
	letter-spacing: 0.3em;
	color: #666;
}
p.subttl{
	font-size: 10px;
	margin:0 13px;
	text-align: left;
	letter-spacing: 0.1em;
}

.itemPrice {
	/*color: #9e0000 !important;*/
	/*color: #595757 !important;*/
	/*color: #3e0404 !important;*/
    /*font-size: 14px !important;*/
    letter-spacing: 0.1em;
    /*padding-top: 4px;*/
    display: inline-block;
}

/*レコメンド*/
.slick-prev, .slick-next {
    width: 17px !important;
    height: 50px !important;
}
.slick-prev:before, .slick-next:before {
    color: #595757 !important;
}
.slick-prev:before, .slick-next:before {
    font-family: slick;
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: #933;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-next:before {
    content: '' !important;
    background-image: url(https://www.hfbelx.com/images/garrow_r.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    width: 17px;
    height: 50px;
}
.slick-prev:before {
    content: '' !important;
    background-image: url(https://www.hfbelx.com/images/garrow_l.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    width: 17px;
    height: 50px;
}


/* メインビジュアル */


.content_a {
	text-align: center;
	clear: both;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.content_a .a_row {
	clear: both;
	height: 615px;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 45px;
}
.a_row .a_calumn_left_510 {
	float: left;
	margin-right: 15px;
	height: 615px;
	width: 510px;
}
.a_row .a_calumn_left_300 {
	float: left;
	height: 615px;
	width: 300px;
	margin-right: 15px;
}
.img_top {
	height: 300px;
	width: 300px;
	margin-bottom: 15px;
}
.img_bottom {
	height: 300px;
	width: 300px;
}

.a_row .a_calumn_right_300 {
	float: right;
	height: 615px;
	width: 300px;
}
.content_b {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 45px;
}
.content_b h2 {
	font-size: 34px;
	font-weight: normal;
	line-height: 1.5em;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin-bottom: 25px;
	color: #666;
	letter-spacing: 3px;
}
.content_b .multiple-items {
	margin-bottom: 35px;
}
.multiple-items .newitem_img {
	width: 270px;
	margin-right: 10px;
	height: auto;
	margin-left: 10px;
	font-size: 14px;
	padding-bottom: 20px;
}
.newitem_img img {
	height: 300px;
	width: 270px;
}

.reco_area{
	margin-top: 70px;
}
.content_c {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 35px;
}



.content_c h2 {
	font-size: 28px;
	font-weight: normal;
	line-height: 1.5em;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin-bottom: 20px;
	color: #666;
	letter-spacing: 3px;
	text-align: left;
}
.multiple-items_a .reco_item_img {
	height: auto;
	width: 366px;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
}
.reco_item_img img {
	height: auto;
	width: 366px;
}


.content_d {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 35px;
	color: #666;
	margin-top: 50px;
}

.content_d h2 {
	font-size: 34px;
	font-weight: normal;
	line-height: 1.5em;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin-bottom: 5px;
	color: #666;
	letter-spacing: 3px;
	margin-top: 20px;
}
.content_d .company_title_1 {
	color: #999;
	margin-bottom: 20px;
}
.content_d .company_img {
	clear: both;
	height: auto;
	width: 100%;
}
.content_d h3 {
	font-size: 130%;
	margin-bottom: 25px;
	color: #333;
	margin-top: 35px;
}
.content_d p {
	height: auto;
	width: auto;
	margin-bottom: 20px;
}
.content_d .company {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.content_d .company tbody tr th {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 30px;
	width: 250px;
	background-color: #F4FBFB;
	vertical-align: middle;
	color: #333;
}
.content_d .company tbody tr td {
	text-align: left;
	width: 750px;
	height: 30px;
	padding-left: 15px;
	vertical-align: middle;
}
.main_contents {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 35px;
}
.main_contents .left-a {
	float: left;
}
.main_contents .right-a {
	float: right;
	margin-top: 50px;
}


.guide {
	height: auto;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.guide h2 {
	font-size: 34px;
	font-weight: normal;
	line-height: 1.5em;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin-bottom: 25px;
	color: #666;
	letter-spacing: 3px;
	margin-top: 20px;
}
.guide h4 {
	font-size: 18px;
	clear: both;
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
}
.guide .tel_area {
	border: 1px solid #999;
	padding: 20px;
	height: auto;
	width: 70%;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}
.guide p {
	margin-bottom: 30px;
	text-align: left;
}
.guide .guide_title {
	font-weight: bold;
	font-size: 16px;
}
.guide .tel_area strong {
	font-size: 30px;
	color: #F63;
}


.howto_d {
	height: auto;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	float: right;
	margin-bottom: 50px;
	text-align: center;
}

.howto_d h2 {
	font-size: 34px;
	font-weight: normal;
	line-height: 1.5em;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin-bottom: 5px;
	color: #666;
	letter-spacing: 3px;
	margin-top: 20px;
}
.howto_d_title {
	margin-bottom: 25px;
	color: #999;
}


/* レフトナビ外枠 */

.left_nav {
	height: auto;
	width: 230px;
	text-align: left;
	font-size: 12px;
	margin-right: 20px;
	margin-top: 50px;
}
.left_search {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	padding-right: 5%;
	padding-left: 5%;
}
.left_search form .text_area {
	border: 1px solid #CCC;
	height: 28px;
	width: 100%;
	margin-right: auto;
	border-radius:5px;
	margin-left: auto;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 5%;
	padding-bottom: 10px;
	padding-left: 5%;
}
.left_search form select {
	border: 1px solid #CCC;
	border-radius: 5px;
	background-color: #FFFFFF;
	width: 100%;
	height: 25px;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 10px;
	padding-right: 7px;
	padding-left: 7px;
}
.left_search form .price_area {
	border: 1px solid #CCC;
	border-radius: 5px;
	background-color: #FFFFFF;
	width: 20%;
	height: 22px;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 10px;
	padding-right: 7px;
	padding-left: 7px;
}
.search_row {
	clear: both;
	width: 100%;
	height: auto;
}
.search_row_left {
	float: left;
	height: 22px;
	padding-top: 3px;
	margin-right: 2%;
	width: 28%;
	margin-bottom: 10px;
}
.search_row_right {
	float: right;
	height: 25px;
	width: 70%;
	margin-bottom: 10px;
}
.search_row_left-1 {
	float: left;
	height: 40px;
	width: 70%;
	margin-bottom: 15px;
}
.search_row_right-1 {
	float: right;
	height: 40px;
	width: 30%;
	text-align: right;
	margin-bottom: 15px;
}




.left_nav h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}

.left_nav li a{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 28px;
	display: block;
	width: auto;
	/*width: 200px;*/
	height: auto;
}
.left_nav li a:hover {
	background-color: #EBEBEB;
	text-decoration: underline;
	color: #E33900;
}


.menu {
	max-width: 230px;
	margin:0 auto 30px;
	clear: both;
	padding: 0;
}

.menu a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #666;
	line-height: 1;
}

.menu label {
	display: block;
	margin: 0 0 2px 0;
	padding :12px;
	line-height: 1;
	cursor :pointer;
}
.menu label:hover {
	background-color: #EBEBEB;
	}
.menu input {
    display: none;
}

.menu ul {
	margin: 0;
	list-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.menu li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}
.left_nav .menu li::before {
    content: "L";
    /*font-family: sans-serif;*/
    font-size: 10px;
    color: #bbb;
    position: absolute;
    top: 8px;
    left: 15px;
}
.menu li a:hover {
	background-color: #E7E7E7;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li {
    max-height: 46px;
    opacity: 1;
}
.left_nav .menu_1 ul {
	padding: 0px;
	margin: 0px;
}
.left_nav .menu_1 ul li a {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #333;
}
.left_nav .menu_1 ul li a:hover {
	background-color: #EBEBEB;
	text-decoration: underline;
	color: #E33900;
}



.banner_area {
	clear: both;
	height: auto;
	width: 230px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.banner_area img {
	width: 230px;
	height: auto;
	margin-bottom: 15px;
}
.category_banner {
	height: 183px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.category_banner .category_banner_left {
	float: left;
	height: auto;
	width: 286px;
	margin-right: 11px;
}
.category_banner .category_banner_right {
	float: right;
	height: auto;
	width: 286px;
}
.new_member {
	clear: both;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}



/* レフトナビ　END */




/* フッター */
footer{
	position: absolute;
	width: 100%;
	min-width: 1400px;
	/* background-color: #595757; */
	background-color: #000;
}
#footer {
	clear: both;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/*margin-bottom: 25px;*/
	/* margin-top: 100px; */
	padding: 60px 0 0 0;

	}

#footer h2 {
	font-size: 34px;
	font-weight: normal;
	line-height: 1.5em;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin-bottom: 25px;
	color: #fff;
	letter-spacing: 3px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 15px;
}


#footer .footer_inner {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: space-between;
}
.f_logo{
	margin: 0 auto 30px;
	display: block;
}
.f_logo img{
	width: 170px;
	height: auto;
}
.footer_inner h3 {
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-size: 22px;
	margin-bottom: 30px;
	font-weight: normal;
	color: #fff;
	letter-spacing: 0.1em;
}
.footer_inner ul li a{
	display: flex;
	align-items: center;
	height: auto;
	width: 100%;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	padding: 10px 10px 10px 30px;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	box-sizing: border-box;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	transition: 0.3s;
}
.footer_inner ul li a img{
	width: 20px;
	height: auto;
	margin-right: 12px;
}
.footer_inner ul li a:hover {
	background-color: #7b7b7b;
	/*color: #595757;*/
	transition: 0.3s;
}

/*.footer_inner .footer_left {
	float: left;
	height: auto;
	width: 349px;
	margin-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin-bottom: 20px;
	padding-right: 20px;
}
.footer_inner .footer_right {
	float: right;
	height: auto;
	width: 370px;
}*/
.foot_clm1 {
    width: 170px;
    margin-right: 50px;
    flex-shrink: 0;
}
.footer_right{
	width: calc((100% - 170px) / 3);
	flex-shrink: 0;
}
.footer_right ul{
	width: 200px;
	margin: 0 auto;
}
.twitter_icon {
	background-image: url(https://www.hfbelx.com/images/ico_twitter.png);
	background-repeat: no-repeat;
	background-position: 140px center;
}
.footer_right.foot_clm2 a,
.footer_right.foot_clm3 a,
.footer_right.foot_clm4 a {
    text-align: center;
    justify-content: center;
    padding-left: 10px;
}
.footer_right.foot_clm2 li + li,
.footer_right.foot_clm3 li + li,
.footer_right.foot_clm4 li + li {
    border-top: 1px solid #636363;
}


footer address {
    font-size: 85%;
    color: #fff;
    margin-top: 15px;
    /* border-top-width: 1px; */
    /* border-top-style: solid; */
    /* border-top-color: #CCC; */
    padding-top: 15px;
    clear: both;
    /* background-color: #595757; */
    padding-bottom: 25px;
	text-align: center;
}


.old-site {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:1140px;
	margin:0 auto 5%;
}
.old-site a{
	display: block;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	transition: 0.3s;
	border:1px solid #fff;
	width:48%;
}
.old-site a:hover{
	color: #595757;
	background-color: #fff;
	transition: 0.3s;
}


/* フッター END */



/* 商品ページ_オリジナル　*/
/*.about_item {
	text-align: left;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	line-height: 1.7em;
}

.about_item img {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.item_title {
	font-weight: normal;
	clear: both;
	height: auto;
	width: auto;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #630;
	padding-bottom: 5px;
	font-size: 20px;
	color: #4F2000;
	margin-top: 15px;
	padding-left: 5px;
}
.about_item p {
	font-size: 16px;
	line-height: 1.7em;
	clear: both;
	height: auto;
	width: auto;
	margin-bottom: 30px;
}*/



/*商品説明180727*/
.about_item {
	text-align: left;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	line-height: 1.7em;
}

.about_item img {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.item_title {
	font-weight: normal;
	clear: both;
	height: auto;
	width: auto;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #630;
	padding-bottom: 5px;
	font-size: 20px;
	color: #4F2000;
	margin-top: 15px;
	padding-left: 5px;
}
.about_item p {
	font-size: 16px;
	line-height: 1.7em;
	clear: both;
	height: auto;
	width: auto;
	margin-bottom: 15px;
}



/*.about_item h3 {
    text-align: left;
    margin: 25px 0 10px;
    border-bottom: 2px solid #a6d69e;
    font-size: 140%;
    padding-bottom: 0.3em;
}*/
/*タブ削除に伴い修正 180801 nis*/
.about_item h3 {
    text-align: left;
    margin: 25px 0 10px;
    border-bottom: 2px solid #a9cea2;
    font-size: 110%;
    padding-bottom: 0.15em;
    padding-left: 0.1em;
    line-height: 1.3em;
}

/*商品説明　グリッド*/
.about_item tr th{
	border:1px solid #ccc;
}
.about_item tr td{
	border:1px solid #ccc;
	padding: 7px;
}
.about_item tr td:first-child {
    width: 20%;
    background: #eee;
    vertical-align: middle;
}

.about_item table{
	border-collapse: collapse;
}



/*商品説明白背景*/
.about_item2 {
	text-align: left;
	height: auto;
	width: 870px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	line-height: 1.7em;
}

.about_item2 img {
	height: auto;
	/*
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
*/
	width: 70%;
	margin: 0 auto 20px;
	display: block;
}
.about_item2 .swiper-slide img {
width: initial;
}
.item_title2 {
	font-weight: normal;
	clear: both;
	height: auto;
	width: auto;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #630;
	padding-bottom: 5px;
	font-size: 20px;
	color: #4F2000;
	margin-top: 15px;
	padding-left: 5px;
}
.about_item2 b {
	font-weight: bold;
}
.about_item2 p {
	font-size: 16px;
	line-height: 1.7em;
	clear: both;
	height: auto;
	width: auto;
	margin-bottom: 15px;
}

.about_item2 h3 {
    text-align: left;
    margin: 25px 0 10px;
    border-bottom: 2px solid #a9cea2;
    font-size: 110%;
    padding-bottom: 0.15em;
    padding-left: 0.1em;
    line-height: 1.3em;
}

/*商品説明　グリッド*/
.about_item2 tr th{
	/*border:1px solid #ccc;*/
}
.about_item2 tr td{
	padding: 7px;
}
.about_item2 tr td:first-child {
    vertical-align: middle;
}

.about_item2 table{
	/*border-collapse: collapse;*/
}
/* /商品説明白背景*/



.item_image_row_1 {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
}

.item_image_row_1 .item_image_row_left {
	float: left;
	height: auto;
	width: 562px;
	margin-right: 16px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

.item_image_row_1 .item_image_row_right {
	float: right;
	width: 562px;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

.item_image_row_2 {
	clear: both;
	height: auto;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
}

.item_image_row_2 .item_image_row_left {
	float: left;
	height: auto;
	width: 370px;
	margin-right: 15px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

.item_image_row_2 .item_image_row_right {
	float: right;
	width: 370px;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}


/* 商品ページ　*/
.itemTitle{
	text-align: left;
	color: #333;
	}

.itemNumber{
	text-align: left;
	font-size: 50%;
	margin-bottom: 30px;
}

.FS2_itemPrice_text{
	text-align: left;
	margin-bottom: 10px;
}

#FS2_itemlayout_E .FS2_itemPrice_text {
	font-size: 100%!important;
}

#FS2_itemlayout_E .FS2_itemPrice_text .itemPrice {
	font-size: 130%!important;
}

#FS2_itemlayout_E .FS2_itemPrice_text .FS2_itemPrice_addition {
	font-size: 70%!important;
}
#FS2_itemlayout_E .FS2_itemPrice_text .useBorder {
/*	display: block; */
}
#FS2_itemlayout_E  .FS2_itemPrice_text > br {
    display: inherit!important;
}

.FS2_ItemShortComment {
	margin-bottom: 10px;
}

.FS2_eye_catch_icon {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.FS2_figure_table td {
	margin-right: 30px;
}

.FS2_figure_table_td_input_cnt input {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.FS2_figure_table_td_cart_btn input {
	margin-left: 20px;
	}

.FS2_figure_table_td_figure{
	margin-right: 30px;
}

.twi_fb_row{
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

.FS2_ArrivalInformation_area {
	text-align: left;
	}
.FS2_InquiryButton_area{
	text-align: left;
	}
.FS2_WishListButton_area {
	text-align: left;
	}
.FS2_ReviewEditButton_area {
	text-align: left;
	}
.FS2_ReviewButton_area {
	text-align: left;
	}
.FS2_ReviewButton_textLink {
	/*display: none;*/
}
.FS2_ReviewEditAverage {
	margin-top: 25px;
	margin-bottom: 10px;
}
.FS2_ReviewEditAverage img,.FS2_MyReviewStatus img {
	top: 3px;
	}


/*割引アイコン 20180706 nis*/
/*一覧ページ*/
ul.FS2_original_icons {
    float: left;
}
ul.FS2_original_icons li.waribiki_ico img {
    height: 20px;
}
ul.FS2_original_icons li img {
    height: 20px;
}

body[class*="FS2_body_Goods_GoodsGroupList"] .FS2_itemPrice_area,
body[class*="FS2_body_Goods_GoodsSearchList"] .FS2_itemPrice_area{
	clear: both;
}

body[class*="FS2_body_Goods_GoodsGroupList"] .FS2_Preorder_icon,
body[class*="FS2_body_Goods_GoodsSearchList"] .FS2_Preorder_icon{
	float: left;
}
body[class*="FS2_body_Goods_GoodsGroupList"] .FS2_Preorder_icon img,
body[class*="FS2_body_Goods_GoodsSearchList"] .FS2_Preorder_icon img{
	height: 20px;
}






/*詳細ページ*/
.FS2_body_Goods_GoodsDetail .itemTitle {
    float: left;
}
.FS2_body_Goods_GoodsDetail .FS2_Preorder_icon{
	float: left;
}
.FS2_body_Goods_GoodsDetail .FS2_Preorder_icon img {
    height: 20px;
}
.FS2_body_Goods_GoodsDetail .itemNumber {
    clear: both;
}



/*.FS2_body_Goods_GoodsDetail ul.FS2_original_icons {
    margin-left: 0.7em;
    margin-top: 5px;
    float: left;
}*/
/*.FS2_body_Goods_GoodsDetail ul.FS2_original_icons {
    margin-left: 10em;
    margin-top: 59px;
    position: absolute;
}


.FS2_body_Goods_GoodsDetail_4243 ul.FS2_original_icons {
    margin-left: 14.2em;
    margin-top: 59px;
    position: absolute;
}*/


/*商品ページ　ルイボスのみテキストカテゴリーメニュー消す*/
.FS2_body_Goods_rooibos .FS2_GroupList {
    display: none;
}

/* レビュー */
.FS2_ReviewImage_table {
	text-align: center;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.FS2_ReviewImage_table .itemTitle {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}


/* パンくずリスト */
.pan {
	text-align: left;
	background-color: #FFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.FS2_breadcrumbs {
	margin-top: 15px;
	margin-bottom: 10px;
}
.FS2_breadcrumbs_1 {
	margin-bottom: 10px;
}
.FS2_breadcrumbs_2 {
	margin-bottom: 10px;
}
.FS2_breadcrumbs_3 {
	margin-bottom: 10px;
}
.FS2_breadcrumbs_4 {
	margin-bottom: 10px;
}
.FS2_breadcrumbs_5 {
	margin-bottom: 10px;
}
/* パンくずリスト end */


/* 商品詳細・カテゴリ画面の商品名等 */
.itemGroup {
	text-align: left;
}

/*　商品詳細、商品一覧ページ全てのページでキャッチコピーを改行・文字色・サイズ変更　*/
#FS2_body_Goods .itemCatchCopy {
	font-size: 69%;
	color: #E33900;
	/*margin-bottom: 10px;*/
	display:block;　/* キャッチコピーを改行 */
}
.FS2_special_price {
	font-size: 65%;
}
.FS2_itemPrice_addition {
	font-size: 60%;
	margin-left: 5px;
}


/* 商品詳細ページの商品名の文字サイズ変更 */
.FS2_body_Goods_GoodsDetail .itemTitle {
font-size: 20px;
width: 100%;
}


/* 商品詳細ページの画像 */
.FS2_thumbnail_container{
	margin-right: 50px;
}

.thumbnail {
	height: auto;
	width: auto;
}
.gl_Item {
	margin-bottom: 50px;
}
/*タブサイズ固定*/
.gl_Item > table {
    width: 100%;
}
.gl_Item td {
	/*width:50%;*/
	}

/*商品案内*/
.cp_tabpanel span.redorange{
	color: #e8752d;
}


/*商品説明タブ*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_tab {
	margin: 2em auto;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance:none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab .cp_tabpanel p{
    text-align: left;
    margin-bottom: 15px;
    line-height: 1.8em;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
	display: block;
}

.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #E33900;
	transition: 0.3s;
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}
.cp_tab .cp_tabpanel {
	padding: 1.5em 0em;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.cp_tabpanels img {
    margin-bottom: 1em;
}

@media (max-width: 480px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
	}
	.cp_tab label {
		padding: 0.5em;
	}
}

/*ここからアコーディオン*/
h3.aco{
	color:#fff;
	padding:0 0 10px;
	background:#888;
	cursor:pointer;
	opacity: 1;
	margin-top: 30px;
}
h3.aco:first-child{
	margin-top: 0px;
}
/*h3.aco.aco_open{
	margin-bottom: 0;
}*/
h3.aco:hover{
	opacity: 0.7;
	cursor:pointer;
	transition: 0.3s;
}
h3.aco span{
	padding-top: 10px;
    display: block;
    background: url(https://www.hfbelx.com/images/arrow_w_down.svg) no-repeat center bottom / 25px 14px;
    padding-bottom: 1.4em;
}
h3.aco.aco_open span{
	background:url(https://www.hfbelx.com/images/arrow_w_up.svg) no-repeat center bottom / 25px 14px;
}
div.aco_content{
	padding:20px;
	display:none;
	margin-bottom: 30px;
	background-color: #eee;
}
.aco_content .dot-midashi{
	    font-size: 15px;
	    text-align: left;
}
.aco_content .dot-midashi:before {
    content: "";
    display: inline-block;
    background-color: #f4524d;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 7px;
    margin-bottom: 2px;
}
.aco_content p {
    text-align: left;
    margin-bottom: 15px;
}
.aco_content .box-sh{
	margin: 10px 0 15px;
}

ul.kouka_list{
	display: flex;
	flex-wrap: wrap;
}

ul.kouka_list li{
	padding: 5px 10px;
	border: 1px solid #595757;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}
.aco_content h3{
	text-align: left;
	margin-bottom: 10px;
}

/*文字調整アコーディオンなし*/
.cp_tabpanels h3 {
    text-align: left;
    margin: 25px 0 10px;
    border-bottom: 2px solid #a6d69e;
    font-size: 140%;
}
/*詳細表*/
.cp_tabpanels table{
	border-collapse: collapse;
  border-spacing: 0;
}
.cp_tabpanels td {
	border:1px solid #ccc;
	padding: 10px;
}
.cp_tabpanels td:nth-of-type(1) {
	width: 20%;
	vertical-align: middle;
	background-color: #f3e1e1;
}
.cp_tabpanels td:nth-of-type(2) {
	text-align: left;
}
.cp_tabpanel > *:first-child{
	margin-top: 0;
}

.cp_tabpanels  #first_tab01 a{
	text-align: left;
	display: block;
	margin-bottom: 10px;
}



/* 並び替え */
.FS2_sort_menu_bg {
	font-size: 80%;
	margin-bottom: 25px;
	margin-top: 25px;
}
.FS2_sort_menu_title {
	color: #630;
	font-weight: bold;
}


/* 商品ページ セレクト部分 */
.FS2_OptionPrice {
	margin-bottom: 35px;
	}

.FS2_OptionPrice_table th {
	background-color: #E8E8E8;
	padding: 25px;
	text-align: center;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
	font-size: 80%;
	width: 250px;
}
.FS2_OptionPrice_table td {
	text-align: left;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
	padding-left: 20px;
	font-size: 80%;
}

.FS2_OptionPrice_table td select {
	border-radius:5px;
	height: 40px;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	color: #666;
	border: 1px solid #E2E2E2;
	background-color: #F9F9F9;
}

.FS2_OptionPrice_table td input  {
	border-radius:5px;
	height: 30px;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	color: #666;
	border: 1px solid #E2E2E2;
	background-color: #F9F9F9;
}





/* 商品ページ セレクト部分　END */


/*商品詳細　この商品を見た人は、こちらの商品もチェックしています！*/
/*.FS2_Recommend2_recommend ul {
	display: flex;
	flex-wrap: wrap;
}*/
/*.FS2_Recommend2_recommend ul li {
    width: calc((100% / 5) - 27px) !important;
    height: auto !important;
}*/
/*商品詳細　今までにチェックした商品*/
/*.FS2_Recommend2_container_history ul li {
    width: calc((100% / 10) - 17px) !important;
}*/
/*.FS2_Recommend2_container_history{
	margin-top: 70px;
}
.FS2_Recommend2_container_history h2 {
    margin-bottom: 7px;
}*/


.pageTitle {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	font-size: 20px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	color: #000;
}

/*.CrossHead {
	font-size: 18px;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #E8E8E8;
	padding-bottom: 10px;
}*/
.CrossHead {
    font-size: 16px;
    margin-bottom: 15px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-width: 1px;
    border-bottom-color: #E8E8E8;
    padding-bottom: 10px;
    font-weight: normal !important;
    padding-left: 3px !important;
}
.inputTableArea {
	margin-top: 15px;
	margin-bottom: 15px;
}
.inputTableArea caption {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 20px;
	color: #FFF;
}
.userTable_01 th {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #F5F5F5;
	vertical-align: middle;
}
.userTable_01 input {
background-color: #F7F7F7;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-right: 10px;
    margin-bottom: 10px;
}
.userTable_01 textarea {
	background-color: #F7F7F7;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-right: 10px;
    margin-bottom: 10px;
	}
.userTable_01 td {
	vertical-align: middle;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.userTable_01 option, .userTable_01 select {
	background-color: #F7F7F7;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-right: 10px;
    margin-bottom: 10px;
	}
.userTable_01 #mail {
	background-color: #F7F7F7;
	padding: 10px;
	border-radius:5px;
	border: 1px solid #CCC;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.userTable_01 #phrase {
	background-color: #F7F7F7;
	padding: 10px;
	border-radius:5px;
	border: 1px solid #CCC;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.userTable_01 #mailAddress,.userTable_01 #tempPassword {
		background-color: #F7F7F7;
	padding: 10px;
	border-radius:5px;
	border: 1px solid #CCC;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.userTable_01 .fs2_required {
	background-color: #F7F7F7;
	padding: 10px;
	border-radius:5px;
	border: 1px solid #CCC;
	margin-right: 10px;
	margin-bottom: 10px;
}


.cartTable {
	margin-bottom: 30px;
}
.cartTable caption {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 20px;
	color: #FFF;
}
.cartTable th {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	background-color: #F2F2F2;
	vertical-align: middle;
}
.cartTable td {
    vertical-align: middle;
    font-size: 16px;
    width: auto;
    padding: 15px 10px;
}

.cartTable td a{
    color: #e36664;
}

.itemRight {
	margin-bottom: 30px;
}

.FS2_total_area th {
	text-align: center;
	vertical-align: middle;
}
.FS2_Login_comment_area{
	margin-bottom: 30px;
}
td.FS2_GoodsImage_td {
    width: 100px;
}
td.FS2_GoodsName_td {
    width: 300px;
}
.cartTable .FS2_GoodsImage_td img {
    margin: 0px auto !important;
    width: 100%;
}

.Definition {
	margin-bottom: 15px;
	font-size: 12.8px;
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.userTable_02 th {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #F5F5F5;
	vertical-align: middle;
}
.userTable_02 td {
	vertical-align: middle;
	text-align: center;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

.userTable_02 input {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}


.FS2_bottom_btn_center_1 input {
		padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}


.FS2_inqury_td02 .itemTitle {
	font-size: 85%;
}

.CrossHead a {
	font-weight: bold;
	text-decoration: underline;
}


.cartTable td.FS2_GoodsName_td {
    text-align: left;
}
.cartTable td.FS2_cartTable_optionName {
    text-align: left;
    text-indent: -1.5em;
    padding-left: 2em;
}
div.FS2_BundleItemCartComment {
    font-size: 12px;
    margin-bottom: 5px;
    color: #e21111;
}
.FS2_Cart_Detail_BundleAmount td.FS2_aR {
    color: #1e8bd0;
}
.FS2_Cart_Detail_CouponDiscount td.FS2_aR{
    color: #1e8bd0;
}
.inputTableArea .FS2_CouponCodeInputBlock {
    text-align: center;
}
.inputTableArea .FS2_CouponCodeInputBlock * {
    display: inline-block;
}

/*新商品へ移行中のメッセージ*/
.ikou_messe {
    color: #E33900;
    font-weight: bold;
    line-height: 1.4em !important;
}

/*商品詳細メッセージカード作成*/
p.msg_make {
    background-color: #f3e1e1;
    line-height: 3em;
    margin: 7px auto 0;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 12px;
	opacity: 1;
	transition: 0.3s;
	display: flex;
}
p.msg_make:hover {
	opacity: 0.7;
	transition: 0.3s;
}
p.msg_make a {
	height: 100%;
	width: 100%;
}

.makesp{
	display: none !important;
}


.noshi_make{
    background-color: #f3e1e1;
    line-height: 3em;
    margin: 7px auto 0;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 12px;
	opacity: 1;
	transition: 0.3s;
	display: flex;
}
.noshi_make:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.noshi_make a {
	height: 100%;
	width: 100%;
}

/* ログインページ まだご登録がおすみでないお客様の説明 */
.system_content .FS2_Login_comment_area {
    margin-bottom: 30px;
    text-align: center;
}


/* 送料、お支払い方法ページのお支払い方法について */
.FS2_PostageSettleList_table {
	margin-right: auto;
	margin-left: auto;
}
.FS2_PostageSettleList_table .userTable_02 caption {
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
	}
.FS2_PostageSettleList_table th {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;

	border-left-style: none;
}
.FS2_PostageSettleList_table td {
		padding-top: 15px;
	padding-bottom: 15px;
}
.FS2_ChangeNumofDestination {
    text-align: center;
    width: 220px;
    cursor: pointer;
    margin: 0 auto;
}
span#fs2_SingleDeliveryChangeTo a {
    pointer-events: none;
}
span#fs2_MultiDeliveryChangeTo a {
    pointer-events: none;
}
span#fs2_SingleDeliveryChangeTo:hover {
    opacity: 0.7;
    transition: 0.3s;
}
span#fs2_MultiDeliveryChangeTo:hover {
    opacity: 0.7;
    transition: 0.3s;
}

#tokutei_souryou td {
    border-bottom: 1px solid #aaa;
    text-align: center;
    padding: 5px;
    display: inline-block;
    margin-left: 15px;
}





/* ようこその部分
.FS2_welcome_area {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: right;
}
 */
.FS2_repeater {
	　　display: none;
	margin-bottom:10px;
	height: auto;
	width: auto;
	text-align: right;
}
.header_soryo {
	float: left;
	height: auto;
	/*font-weight: bold;*/
	color: #D20000;
	text-align: center;
	width: 100%;
	/*margin-right: 15px;*/
	letter-spacing: 0.1em;
	font-size: 105%;
}
.header_soryo strong {

}
/*途中の送料*/
.mid_souryou {
    display: flex;
    width:800px;
    margin: 0 auto;
    background-color: #eee;
    padding: 10px 20px;
    box-sizing: border-box;
    align-items: center;
	margin: 50px auto 70px;
}
.mid_souryou .header_soryo {
    float: left;
    height: auto;
    /* font-weight: bold; */
    color: #666;
    text-align: right;
    width: 100%;
    margin-right: 20px;
    width: auto;
    flex-shrink: 0;
}
.mid_souryou .serach form .text_area {
    padding: 7px;
    border: 1px none #CCC;
    border-radius: 0;
    background-color: #fff;
    width: 80%;
    height: 20px;
    /* text-align: center; */
    vertical-align: middle;
    margin-right: 5px;
    line-height: 20px;
}
/* ようこその部分 end */


/* マイページ */
.FS2_mypage_top_table td {
	display: block;
	text-align: center;
	letter-spacing: -.4em;
	border: 10px solid #FFE6D9;
	margin-top: 0;
	margin-right: 100px;
	margin-bottom: 0;
	margin-left: 100px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

.FS2_mypage_top_table td div {
	display: inline-block;
    width: 40%;
    margin: 30px 20px 50px;
    text-align: left;
    letter-spacing: normal;
    vertical-align: top;
	}

.FS2_mypage_container_ReviewHistory .CrossHead {
	font-weight: bold;
	    margin-top: 16px;
}

.FS2_mypage_Entry_table td {
	text-align: left;
	margin-bottom: 30px;
}

.GoodsSelectionTable {
	text-align: right;
}

.GoodsSelectionTable th {
    border-color: #DDDDDD;
}
.GoodsSelectionTable th {
	background-color: #EAEAEA;
}


.FS2_WishListGoodsImage_td {
	width: 150px;
	margin-right: 15px;
}
.FS2_WishListGoodsImage_td img {
	height: auto;
	width: 150px;
}
.FS2_WishList_table th, .FS2_WishList_table td {
	vertical-align: middle;
}
.FS2_WishListAllDeleteButton_area {
    margin: 1em 0;
}
.FS2_WishList_table {
	text-align: left;

}

.FS2_WishListDetail_td {

	text-align: left;
}

.FS2_body_ItemReviewList .FS2_GoodsImage_td img {
    width: 150px;
}
.FS2_MyReview_itemname {
	margin: 10px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.FS2_MyReviewList_Text {
    display: inline-block;
    text-align: left;
}


.OD_CrossHead {
	font-weight: bold;
	margin-bottom: 10px;
}

.ODTable th, .ODTable td {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ODTable2 th, .ODTable2 td{
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*.system_content p {
	text-align: left;
}*/
.FS2_body_MyPage_OrderHistoryList .pager {
	text-align: right;
	}

.FS2_breadcrumbs {
	text-align: left;
}
span.FS2_pager_stay {
    background: #696767;
    color: #fff;
    padding: 1px 5px;
}

#pageTop {
	position: fixed;
	bottom: 20px;
	right: 15px;
	font-size: 18px;
}

#pageTop a {
    display: block;
    z-index: 999;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: #6e6f6f;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    /* padding-top: 25px; */
    padding-right: 0;
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*お問い合わせ画像サイズ調整*/
.FS2_body_Inquiry_InquiryEdit .FS2_inqury_td01 img{
	max-width: none;
}

/* コンビニ払いの注文完了画面の払い方の説明部分 */
.system_content .FS2_payout_info p {
	text-align: center;
	clear: both;
	margin-top: 30px;
	margin-bottom: 15px;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


/*文字調整 0531nis*/
.FS2_GroupLayout .gl_Item .itemGroup,
.FS2_body_Goods_GoodsSearchList .itemGroup {
    font-size: 13px;
	height: 5em;
    border-bottom: 1px solid #595757;
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
    line-height: 1.5em;
}
.FS2_itemPrice_area {
    padding: 0px;
    margin: 0 0 5px 0;
    font-size: 80%;
}
#FS2_body_Goods .FS2_itemPrice_text {

}
/*#FS2_body_Goods .FS2_itemPrice_text .itemPrice {
    font-size: 130%;
}*/

.FS2_body_Goods_GoodsDetail .FS2_itemPrice_text .itemPrice {
    font-size: 100%;
    color: #f96969 !important;
}

/*一覧定期購入ボタン削除*/
#FS2_itemlayout_C .catch {
    margin: 0 1px;
    display: none;
}

/*商品ページ内定期購入ボタン削除*/
#FS2_itemlayout_E .catch {
    margin: 0 2px 0 0;
    display: none;
}


#FS2_body_Goods .FS2_itemPrice_text .FS2_itemPrice_addition {
    font-size: 50%;
    margin-left: 5px;
}

#FS2_sort_menu li a {
    background: #eee;
    padding: 6px 10px;
    border-radius: 3px;
}
#FS2_itemlayout_list_D .itemGroup .FS2_itemlayout_list_D_arrow{
	display: none;
}

.pager {
    font-size: 16px;
}

.pager .FS2_pager_link_first img,
.pager .FS2_pager_link_prev img,
.pager .FS2_pager_link_next img,
.pager .FS2_pager_link_last img{
	visibility: hidden;
}
.pager .FS2_pager_link_first{
	background-image: url(https://www.hfbelx.com/images/first_arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 2px;
	margin-right: 6px;
	opacity: 1;
	transition: 0.3s;
}
.pager .FS2_pager_link_prev{
	background-image: url(https://www.hfbelx.com/images/prev_arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 6px;
	opacity: 1;
	transition: 0.3s;
}
.pager .FS2_pager_link_next{
	background-image: url(https://www.hfbelx.com/images/next_arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 6px;
	opacity: 1;
	transition: 0.3s;
}

.pager .FS2_pager_link_last{
	background-image: url(https://www.hfbelx.com/images/last_arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 2px;
	margin-left: 6px;
	opacity: 1;
	transition: 0.3s;
}

.pager .FS2_pager_link_first:hover,
.pager .FS2_pager_link_prev:hover,
.pager .FS2_pager_link_next:hover,
.pager .FS2_pager_link_last:hover{
	opacity: 0.7;
	transition: 0.3s;
}

.FS2_GroupList .gl_Item {
    margin-bottom: 0;
}

/*詳細ページ*/
#FS2_body_Goods .FS2_point {
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#FS2_body_Goods .itemNumber {
    text-align: left;
    font-size: 50%;
    margin-bottom: 15px;
}
.gl_Item .FS2_figure td {
    width: auto;
	margin-right: auto;
}


div#FS2_itemlayout_C {
    width: 31%;
    margin-left: 1.8%;
}

div#FS2_itemlayout_C .FS2_itemPrice_area {
	font-size: inherit!important;
	display: block;
}

#FS2_itemlayout_C .FS2_itemPrice_text {
	font-size: 100%!important;
}

#FS2_itemlayout_C .FS2_itemPrice_text .itemPrice {
	font-size: 130%!important;
}

#FS2_itemlayout_C .FS2_itemPrice_text .FS2_itemPrice_addition {
	font-size: 70%!important;
	display: none;
}


#FS2_body_Goods .itemCenter .FS2_thumbnail_container img{
	width: 100%;
}
.FS2_GroupLayout .gl_Item .itemGroup::before {
    content: '';
    display: block;
    background: #fff;
    height: 0.7em;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#FS2_itemlayout_C .FS2_eye_catch_icon {
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 0;
}

/*
.FS2_eye_catch_icon ~ .FS2_itemPrice_area {
    padding: 0px;
    margin: 0;
    font-size: 135%;
    display: inline-block;
}
*/
.FS2_itemPrice_area {
    padding: 0px;
    margin: 0;
    font-size: 135%;
    display: inline-block;
}

/*サイドバー*/
.left-a .menu label,
.left_nav .menu label {
    display: block;
    margin: 10px 0 0 0;
    padding: 12px;
    line-height: 1;
    cursor: pointer;
}


/*商品下　おすすめ（カートも）*/
div#FS2_Recommend_List {
    display: flex;
    flex-wrap: wrap;
}
#FS2_Recommend_List .CrossHead {
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
}
#FS2_Recommend_List div#FS2_Recommend_itemlayout_C {
    width: calc((100% / 5) - 16px);
    margin: 0px 8px 25px 8px;
}
#FS2_Recommend_List .FS2_thumbnail_container {
    margin: 0 0 5px 0;
    width: 100%;
}
#FS2_Recommend_List .itemTitle a {
    font-size: 12px;
	text-align: justify;
	text-justify: inter-ideograph;
}


/*レビューページ*/

#FS2_body_Review td.FS2_ReviewImage_td_01 img {
    width: 100px;
    height: auto;
}

/*セレクトの形変える20180612*/

.FS2_OptionPrice_table td select, .FS2_OptionPrice_table td input, .FS2_OptionPrice_table td textarea {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 12px;
    padding: 0.5em;
    line-height: 1.5em;
    margin-bottom: 0.3em;
}
.FS2_OptionPrice_table td select {
    width: 100%;
    background: url(/shop/item/hfbelx/design/img03/arrow_down.png) no-repeat right 10px center;
    background-size: 15px;
}


/*商品詳細ページ　レビュー線*/
#FS2_body_Goods .userTable_01,
#FS2_body_Review .userTable_01{
    border-top: 1px solid #595757 !important;
}
#FS2_body_Goods .userTable_01,
#FS2_body_Review .userTable_01{
    border-top: 1px solid #595757 !important;
}
.item_title,
#FS2_body_Review .FS2_contents_container .FS2_PageTitle {
    border-bottom-color: #595757;
    color: #595757;
}
.FS2_contents_container .FS2_PageTitle {
    border-bottom: 1px solid #595757;
}


/*商品詳細TAB*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_tab {
	margin: 2em auto;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-moz-appearance:none;
	-webkit-appearance: none;
	appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #E33900;
	transition: 0.3s;
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}
.cp_tab .cp_tabpanel {
	padding: 1.5em 0em;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
@media (max-width: 480px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
	}
	.cp_tab label {
		padding: 0.5em;
	}
}

/*ここからアコーディオン*/
h3.aco{
	color:#fff;
	padding:10px;
	background:#666;
	cursor:pointer;
	opacity: 1;
	margin-bottom: 30px;
}
h3.aco.aco_open{
	margin-bottom: 0;
}
h3.aco:hover{
	opacity: 0.7;
	cursor:pointer;
	transition: 0.3s;
}
h3.aco span{
    display: block;
    background: url(https://www.hfbelx.com/images/arrow_w_down.svg) no-repeat center bottom / 25px 14px;
    padding-bottom: 1.4em;
}
h3.aco.aco_open span{
	background:url(https://www.hfbelx.com/images/arrow_w_up.svg) no-repeat center bottom / 25px 14px;
}
div.aco_content{
	padding:20px;
	display:none;
	margin-bottom: 30px;
}

/*商品詳細TAB　中見出しタイトル調整*/
/*.cp_tabpanels .item_title {
    border: none;
    background: #eee;
    padding: 0;
    line-height: 2em;
    font-size: 16px;
}
*/
.FS2_OptionPrice td {
    padding: 8px 8px;
}


/*タイプFの商品だけ一番上のマージン取り　はじめてなど*/
.FS2_body_Goods_GoodsDetail #FS2_itemlayout_F .about_item {
    margin-top: 0;
    border-bottom: 1px solid #595757;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}

/*商品詳細リンクカラー*/
.about_item a{
	color: #f1965e;
	font-weight: bold;
}
.about_item a:hover {
    color: #f16b19;
}

/*2018アウトレットセール用*/

.FS2_body_Goods_outlet .itemCatchCopy{
    color: #da0808;
    display: block;
    background: #eee;
    text-align: center;
	margin-bottom: 0.4em;
}

.FS2_body_Goods_outlet .FS2_GroupLayout .gl_Item .itemGroup, .FS2_body_Goods_outlet .FS2_body_Goods_GoodsSearchList .itemGroup {
    font-size: 16px;
    height: 4.7em;
    border-bottom: 1px solid #595757;
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 5px;
    position: relative;
    line-height: 1.4em;
}

.FS2_body_Goods_outlet .FS2_GroupLayout .gl_Item .itemGroup::before{
	height: 0.6em;
}

.FS2_body_Goods_outlet .FS2_itemPrice_text {
    display: flex;
    align-items: flex-end;
}
.FS2_body_Goods_outlet .FS2_itemPrice_text .itemPrice {
    margin-left: 0.3em;
    margin-right: -0.1em;
    margin-bottom: -0.1em;
    color: #da0707 !important;
	font-size: 130%;
}
.FS2_body_Goods_outlet .layout_menu{
	display: none;
}

.FS2_body_Goods_outlet .groupLayout {
    max-width: 960px;
}



/*osusume_top*/
section.osusume_top {
    width: 1140px;
    margin: 50px auto 0;
    display: flex;
}
section.osusume_top div#FS2_itemlayout_C {
    width: 25%;
    margin: 0 0.6%;
}
section.osusume_top .FS2_thumbnail_container {
    margin-right: 0;
}
section.osusume_top .itemGroup {
    text-align: left;
    height: 3.4em;
    border-bottom: 1px solid #595757;
    overflow: hidden;
    margin-bottom: 0.5em;
    margin-top: 0.3em;
    line-height: 1.5em;
    font-size: 14px;
}
section.osusume_top .gl_Item td {
    width: 50%;
    text-align: left;
}
section.osusume_top .itemGroup a{
    color: #000;
}
section.osusume_top span.itemPrice {
    font-size: 16px;
	font-weight: bold;
    letter-spacing: 0.04em;
}
.osusume_top .cart_in_wrap tr {
    display: flex;
    align-items: flex-end;
}
.osusume_top .cart_in_wrap tr td:first-child input{
	width: 30%;
	text-align: center;
	margin-left: 0.5em;
}
.osusume_top .cart_in_wrap input{
	-webkit-appearance:none;
	border: 1px solid #ccc;
	border-radius: 0;
}
.osusume_top .cart_in_wrap input[type="submit"] {
    background-color: #595757;
    line-height: 2.3em;
    border: 1px solid #eeee;
    border-radius: 2px;
    color: #fff;
    transition: 0.3s;
    cursor: pointer;
    outline: none;
}
.osusume_top .cart_in_wrap input[type="submit"]:hover {
    background-color: #fff;
    border: 1px solid #595757;
    border-radius: 2px;
    color: #595757;
    transition: 0.3s;
}
.osusume_top .cart_in_wrap input[type="submit"]:active{
	background-color: #fff;
    color: #595757;
}
.osusume_top .FS2_itemPrice_text {
	margin-bottom: 0;
	float: left;
	height: 3.6em;
	vertical-align: baseline;
	display: flex;
	align-items: flex-end;
}
.osusume_top .FS2_itemPrice_addition {
    font-size: 12px;
	padding-bottom: 0.2em;
}
.osusume_top form.cart_in_wrap {
    float: right;
}

/*アウトレット追加で文字一列に*/
#FS2_body_Goods .FS2_itemPrice_text {
   /* white-space: nowrap; */
}
#FS2_body_Goods .FS2_itemPrice_text > br {
    display: none;
}

/*パートナー会員価格調整*/
p.FS2_special_members_price {
    text-align: left;
    /*background: #ffc4c4;*/
    /*padding: 7px 12px;*/
    margin-bottom: 10px;
    display: table;
}
.FS2_members_login_link {
    background: #eee;
    padding: 5px 12px;
    margin-bottom: 20px;
    text-align: center;
}


body[class*="FS2_body_Goods_GoodsDetail_partner"] .FS2_itemPrice_text .itemPrice,
body[class*="FS2_body_Goods_GoodsDetail_partner"] .FS2_itemPrice_text .FS2_itemPrice_addition,
body[class*="FS2_body_Goods_GoodsDetail_partner"]  .FS2_OptionPrice{
	display: none;
}

/*一覧分アイテム値段オレンジに*/
.FS2_itemPrice_text .itemPrice {
    color: #e36664 !important;
    font-size: 100%;
}


/*茶葉のみテスト*/
/*body[class*="FS2_body_Goods_GoodsDetail_104"] div#_rcmdjp_display_1 {
    width: 750px !important;
    margin: 0 auto;
}*/
/*こちらの商品を見た人は〜*/
body[class*="FS2_body_Goods_GoodsDetail"] div#_rcmdjp_display_1 {
	width: auto !important;
    margin: 50px 0;
}

body[class*="FS2_body_Goods_GoodsDetail"] .FS2_Recommend2_recommend ul {
    padding: 0;
	width: auto;
}
.FS2_Recommend2_recommend {
	margin: 0!important;
}
/* 新規追加 */
.FS2_Recommend2_recommend ul li:nth-of-type(6) {
	clear: both;
}
/*茶葉のみテスト*/
/*Today's Ranking*/
body[class*="FS2_body_Goods_GoodsDetail"] .FS2_Recommend2_ranking_horizontal_pcslider-day tbody {
    width: 750px;
}
body[class*="FS2_body_Goods_GoodsDetail"] div#_rcmdjp_display_2 {
    margin: 0 auto;
    width: 750px;
}
body[class*="FS2_body_Goods_GoodsDetail"] div#_rcmdjp_display_3 {
    width: 750px;
    margin: 0 auto;
}
body[class*="FS2_body_Goods_GoodsDetail"] h2.meinttl {
    font-size: 18px;
    margin: 0 13px;
    text-align: left;
    letter-spacing: 0.2em;
    color: #666;
}



/*home*/
body.home div#_rcmdjp_display_1 {
    width: 840px !important;
    margin: 0 auto;
}
body.home .FS2_Recommend2_recommend ul {
    padding: 0px;
    width: 840px;
}
body.home .FS2_Recommend2_ranking_horizontal_pcslider-day tbody {
    width: 840px;
}
body.home div#_rcmdjp_display_2 {
    margin: 0 auto;
    width: 840px;
}
body.home div#_rcmdjp_display_3 {
    width: 840px;
    margin: 0 auto;
}
body.home h2.meinttl {
    font-size: 18px;
    margin: 0 13px;
    text-align: left;
    letter-spacing: 0.2em;
    color: #666;
    float: left;
}
body.home p.subttl {
    padding-top: 0.8em;
}

/*追加分*/
.home .sale_banner_area {
    display: flex;
    /*width: 1140px;*/
    margin: 20px auto 0 !important;
    width: auto;
}
.home table.layout_table > tbody > tr {
    display: flex;
}
.home section.osusume_top {
    width: auto;
    margin: 50px auto 0;
    display: flex;
}
.home .rank_slider {
    width: 840px;
}
.home .FS2_Recommend2_ranking_horizontal_pcslider tbody {
    margin: 0 auto;
    width: 840px;
}
.home .content_c {
    clear: both;
    height: auto;
    width: 840px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 35px;
}
.home .mid_souryou {
    display: flex;
    width: 840px;
    background-color: #eee;
    padding: 10px 20px;
    box-sizing: border-box;
    align-items: center;
	 margin: 40px;
}
.home .news_area {
    border: 1px solid #B70000;
    margin-top: 0;
    margin-bottom: 15px;
    clear: both;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    color: #B70000;
    padding: 8px 10px 8px;
    max-width: 820px;
}
.home section.osusume_top .itemGroup {
    text-align: left;
    height: 5em;
    border-bottom: 1px solid #595757;
    overflow: hidden;
    margin-bottom: 0.5em;
    margin-top: 0.3em;
    line-height: 1.5em;
    font-size: 14px;
}
.home .osusume_top .FS2_itemPrice_text {
    height: 23px;
}
.home .osusume_top form.cart_in_wrap {
    float: right;
    margin-top: -9px;
}
.home .top_banner_area {
    margin-top: 50px;
}
.home .top_banner_area > div {
    width: calc((100% / 2) - 5px);
}
.home .top_banner_area > div:nth-of-type(2) a {
    width: calc((100% / 2) - 5px);
    margin-bottom: 10px;
}
.home .top_rank_area {
    margin: 30px auto 0;
}
.home .slick-prev {
    left: -25px;
}
.home .slick-next {
    right: -25px;
}
body:not(.home) .btob_wrap {
    max-width: 890px;
    margin: 50px calc((100vw - 1140px) / 2) 0 auto;
}
.btob_wrap{
	margin-top: 50px;
}
.btob_wrap p{
	margin-bottom: 8px;
}
/*.FS2_body_Goods_GoodsDetail .btob_wrap {
    max-width: 1140px;
    margin: 50px auto 0;
}*/


.left_nav .banner_area {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 15px;
}

.menu_1 {
    background: #eee;
}
.menu > label {
    background: #eee;
}


.left_nav {
    margin-top: 20px;
}

/*ニュースエリア*/
.news_area hr {
  height: 1px;
  border: none;
  border-top: 1px #B70000 solid;
}

/*Q&A追加 180826*/
.accordion {
	text-align: left;
}
.accordion .inner {display: none;}
.accordion p{
	cursor: pointer;
	padding: 10px 10px 10px 2.5em;
	background: #eeeeee;
	position: relative;
    transition: 0.3s;
}
.accordion p.acoopen{
	background: #777777;
    transition: 0.3s;
	 color: white;
}
.accordion p::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://c25.future-shop.jp/shop/item/hfbelx/design/img03/arrow_b.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0.7em;
    transform: rotate(0deg);
    transition: 0.3s;
}
.accordion p.acoopen::before {
    transform: rotate(90deg);
    transition: 0.3s;
    background-image: url(https://c25.future-shop.jp/shop/item/hfbelx/design/img03/arrow_w.png);
}

.accordion .inner li {
    padding: 10px 80px 10px 15px;
    position: relative;
    /*background: #eee;*/
}

.accordion .inner li a{
	font-weight: bold;
}

.accordion .acoopen ~ .inner li {
	background: #f5f5f5;
}
.accordion .inner li .close {
    padding: 4px 7px;
    background: #777777;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 14px;
    cursor: pointer;
    margin-top: -15px;
    color: #fff;
}
.accordion .inner li .close:active {
    background: #333333;
}
.accordion li + li {
    margin-top: 10px;
	 border-bottom: 1px solid #e6e6e6;
}
.qanda_button_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.qanda_button_wrap a{
	width: 24%;
	font-weight: normal;
	margin-bottom: 10px;
}
.qanda_search_wrap {
    width: 96.2%;
    border: 1px solid #b1b1b1;
    padding: 13px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #e0e0e0;
    margin: 0 auto 30px;
}
.qanda_search_wrap span{
	margin-right: 10px;
}
input#search {
    height: 1.5em;
    width: 30%;
    font-size: 14px;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    padding: 0.2em 0.5em;
}


.left-a nav{
	height: auto;
}
.accordion p{
	margin-bottom: 0;
}
.right-a h5{
	padding-top: 10px;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.left-a_222{
	margin-top: 60px;
}

/*詳細ページcssで不要な項目非表示*/
/*ツイートボタン*/
/*.FS2_body_Goods_GoodsDetail .FS2_TweetButton_area{
	display: none;
}
/*お問い合わせボタン*/
/*.FS2_body_Goods_GoodsDetail .FS2_InquiryButton_area{
	display: none;
}
/*お気に入りに登録*/
/*.FS2_body_Goods_GoodsDetail .FS2_WishListButton_area{
	display: none;
}
/*レビューを書くボタン*/
/*.FS2_body_Goods_GoodsDetail .FS2_ReviewEditButton_area{
	display: none;
}
/*レビューを見るボタン*/
/*.FS2_body_Goods_GoodsDetail .FS2_ReviewButton_area{
	display: none;
}*/
/*レビュー部分*/
/*.FS2_body_Goods_GoodsDetail .FS2_ReviewEditAverage{
	display: none;
}
.FS2_body_Goods_GoodsDetail .userTable_01{
	display: none;
}
.FS2_body_Goods_GoodsDetail .FS2_ReviewTextLink_area{
	display: none;
}
*/

/*myページ*/
/*.FS2_body_MyPage_MyPageTop .FS2_mypage_container_WishListHistory {
    display: none !important;
}
.FS2_body_MyPage_MyPageTop .FS2_mypage_container_ReviewHistory {
    display: none !important;
}*/

/*商品詳細nodisplay非表示 180928*/
/*.nodisplay{
	display: none;
}*/

/*------------------------------------------新css------------------------------------------*/
/*.left_nav {
    width: 230px;
    margin-right: 40px;
}
.news_area {
    width: auto;
}
section.osusume_top {
    width: auto;
}

.layout_table {
    margin-top: 50px;
}
.menu {
    max-width: 100%;
}
.menu_1 {
    background: transparent;
}
.left_nav .menu_1 ul li{
	margin-bottom: 10px;
}
.left_nav .menu_1 ul li a {
    margin: 0px;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    background-color: #000;
}
.left_nav .menu_1 ul li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #e26563;
}
.left_nav .banner_area {
    width: 100%;
    margin-top: 20px;
    border-top: none;
}
.left_nav .banner_area img{
    width: 100%;
}
#pageTop a {
    background-color: #333;
}
footer {
    background-color: #000;
}
footer address {
    background-color: #000;
}
.f_logo img {
    width: 160px;
}
.footer_inner h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
td.FS2_itemlayout_td_Right {
    vertical-align: top;
}

#pageTop a {
    border-radius: 5px;
    width: 40px;
    height: 40px;
    color: #fff;
    border: 1px solid #fff;
    background-color: rgba(0,0,0,0.5);
}*/
/* 消費税に関する不要項目非表示 */
.FS2_Config_Settle > .user_content.FS2_lower_comment{
	display:none;
}
/* お知らせページ */
.summer_dayoff {
	font-weight: bold;
	font-size: 15px;
}

/* お知らせリスト */

.list-notice>li a {
	color: #555;
}

.list-notice>li a:hover {
    color: #888
}
/* INFORMATION */

#notices-important {
		    padding: 40px;
		    border-top: 1px solid #c7c7c7;
			 border-bottom: 1px solid #c7c7c7;
		    background-color: #fff;
		    position: relative;
		    text-align: center;
		    margin: 0 auto;
		    width: 840px;
		    -webkit-font-smoothing: antialiased;
		 }

.l-content {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.title {
	font-size: 1rem;
	color: #666;
	text-align: center;
	letter-spacing: .085em;
	font-weight: 600;
	margin: 0 auto;
}

.list-notice {
	width: 100%;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 26px;
    font-size: .75rem;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 35px;
}

.list-notice li {
	border-top: 1px dotted #c7c7c7;
	    list-style-type: none;
	    text-align: left;
}

.list-notice li a {
	padding: 15px 0;
	display: block;
}


.list-notice li a time {
	margin-right: 1em;
	text-align: left;
	font-weight: 600;
}



.list-notice li a span {
	overflow-wrap: break-word;
}

/* INFORMATION */

#info190927 {
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0;
}
#info190927 td, #info190927 th {
	border: 2px #000000 solid;
	padding: 5px;

}
#info190927 th {
	border-style: none;
	padding: 6px;
}
#info190927 p {
	margin: 0;
}
#info190927 td:nth-child(2) p {
    text-align: right;
}
#info190927 td:nth-child(3) p {
    text-align: right;
	 color: #ff0707;
}

/* サイドバナー */
#sidebanner {
	margin-top: 70px;
	padding: 5px;
}
#sidebanner img {
	margin: 0 0 10px;
}

/* スライダーカラー */

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination-bullet-active {
    background: #000000;
}
.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 85px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
.layout_content {
	padding: 22px 0 50px;
}
/* ショッピングカート */
.souryou_content {
    max-width: 960px;
    padding: 8px 10px 8px;
    border: 1px solid #000;
    margin: 30px auto!important;
}
#form .FS2_ContinueButton_container {
	margin: 40px 0;
}
/* レコメンド商品詳細ページ */
.FS2_Recommend2_recommend ul li {
	width: 172px!important;
}
/* 会員登録ページ */
.FS2_lower_comment {
	margin: 15px 0 40px!important;
}
.userTable_01 th:nth-of-type(2) {
	padding: 0;
	width: auto;
}
.FS2_holdEmailAddress {
    margin: 20px 0!important;
}
.FS2_OtherServiceLogin_area {
    margin: 40px 0!important;
}
.FS2_OtherServiceLoginAreaDivider_container {
    margin: 0 0 15px!important;
}
.FS2_AnotherLogin_comment {
    margin-bottom: 25px!important;
}



/* 20201120 */
.spOnly {
	display: none;
}
.pink {
	color: #e36664!important;
}
.black {
	color: #333!important;
}

.fs-13 {
	font-size: 13px;
}
.fs-18b {
	font-size: 18px;
	font-weight: bold;
}
.fs-24b {
	font-size: 24px;
	font-weight: bold;
}

.tal {
	text-align: left !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}


.mb-50 {
	margin-bottom: 50px!important;
}
.mb-30 {
	margin-bottom: 30px!important;
}
.mb-15 {
	margin-bottom: 15px!important;
}
.mt-15 {
	margin-top: 15px!important;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/* clearfix */
.cf:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	clear: both;
}

.cf {
	display: block;
}

.aBtnBox {
		margin: 5px auto;
	text-align: center;
}

.aBtn {
	background: #333;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
}
.aBtn:hover {
	background: #EBEBEB;
}

.aBtn[target="_blank"]::after{
  content:url("../images/special/common/target.png");
  display:inline-block;
  background-size: contain;
  vertical-align: middle;
	margin-left: 5px;
}

.topNews {
  position: relative;
	margin: 20px auto;
	width: 1000px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.topNews a {
	display: block;
  padding: 20px 25px;	
}
.topNews::before{
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    background: #fff;
    z-index: -1;
  }
.topNews::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #e36664 0, #e36664 3px); 
    z-index: -2;
  }



/* スペシャルコンテンツ ルイボスの美味しい飲み方など汎用 */

.specialContentsBox {
}

.specialContentsBox .box {
	margin: 0 0 60px;
}
.specialContentsBox .box:last-child {
	margin: 0;
}


.specialContentsBox .pinkTitle {
text-align: center;
font-size: 20px;
 color: #e36664;
}
.specialContentsBox .blackTitle {
text-align: center;
font-size: 16px;
 color: #fff;
	background: #333;
	padding: 5px;
}

.specialContentsBox .contentsTxt {
	font-size: 16px;
	text-align: left;
	margin: 10px 0;
}


.specialContentsBox .photoL {
	float: left;
	width: 480px;
	margin: 0 15px 0 0;
}
.specialContentsBox .photoL img {
	width: 100%;
}

.specialContentsBox .photoR {
	float: right;
	width: 480px;
	margin: 0 0 0 15px;
}
.specialContentsBox .photoR img {
	width: 100%;
}

.specialContentsBox .photoR2 {
	float: right;
	width: 360px;
	margin: 0 0 0 15px;
}
.specialContentsBox .photoR2 img {
	width: 100%;
}

.specialContentsBox .photo {
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.specialContentsBox .box .photo img {
	width: 50%;
	padding: 5px;
	align-content:space-between;
}
.specialContentsBox .box .photo a {
	display: contents;
}

.specialContentsBox .photo2 {
	display: flex;
	justify-content:space-between;
}
.specialContentsBox .box .photo2 img {
	width: 96%;
	margin: 15px 0;
	padding: 0;
	align-content:space-between;
}
.specialContentsBox .txtPoint {
	border: double #333;
	padding: 6px;
	margin: 0 auto;
	width: 80%;
	font-size: 12px;
}

.specialContentsBox .swiper-slideCustom  {
	width: 100% !important;
}

.specialContentsBox .txtIndent {
	text-indent: -1.25em;
	padding-left: 1.5em;
	display: flow-root;
}



.specialContentsBox .flexBox {
	display: flex;
}
.specialContentsBox .flexBox .commonFlex {
	width: 100%;
	margin: 0 20px;
}
.specialContentsBox .flexBox .commonFlex:first-child,.specialContentsBox .flexBox .commonFlex:last-child {
	margin: 0;
}


.specialContentsBox .photo3 {
	display: block;
	margin: 0 0 15px;
}
.specialContentsBox .box .photo3 img {
	width: 100%;
}

.specialContentsBox .wizBox {
	 display: flex;
 justify-content: center;
 align-items: center;
	height: 172px;
	width: 100%;
}

.specialContentsBox .colorBox {
	background: #fff8ca5e;
	padding: 20px;
	border-radius: 20px;
	margin: 0 auto 20px;
}


.specialContentsBox .pointList {
	margin: 20px auto;
}
.specialContentsBox .pointList li {
	font-size: 16px;
}




/* 静的ページ共通 */
.commonBox {
	height: auto;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.commonBox .box {
	margin: 0 0 60px;
}


.commonBox h2 {
	font-size: 34px;
	font-weight: normal;
	line-height: 1.5em;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin-bottom: 25px;
	color: #666;
	letter-spacing: 3px;
	margin-top: 20px;
}
.commonBox h3 {
	font-size: 18px;
	clear: both;
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	font-weight: bold;
}
.commonBox h4 {
	font-size: 18px;
	clear: both;
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
}
.commonBox .noteBox {
	border: 1px solid #999;
	padding: 20px;
	height: auto;
	width: 70%;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}
.commonBox p {
	margin-bottom: 30px;
	text-align: left;
}
.commonBox .common_title {
	font-weight: bold;
	font-size: 16px;
}

.commonBox dl {
	text-align: left;
}

.commonBox dl dt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

.commonBox dl dd {
	margin-bottom: 30px;
}

.commonBox .sendDl {
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
.commonBox .sendDl dt {
	background: #eee;
	padding: 10px 20px;
	width: 120px;
	float: left;
	font-weight: normal;
	font-size: 14px;
}
.commonBox .sendDl dd {
	background: #fff;
	padding: 10px 20px;
	width: 80px;
	float: left;
	border: solid 1px #eee;
	margin: 0 20px 0 0;
}
.commonBox .sendDl dd:last-child {
	background: #fff;
	padding: 10px 20px;
	width: 100px;
	float: left;
	border: solid 1px #eee;
	margin: 0 20px 0 0;
}


/* 初回割キャンペーン */
.fisrtCouponBox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.fisrtCouponBox .title {
	margin: 50px 0;
	position: relative;
}
.fisrtCouponBox .title p {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.fisrtCouponBox .title p::before{
   content:"";
   display:block;
   width:80px;
   position:absolute;
   bottom:-10px;
   left:46%;
   height: 4px;
	background: repeating-linear-gradient(-45deg, #000, #000 2px, #fff 2px, #fff 4px);
}

.fisrtCouponBox .title .titleTxt {
	position: absolute;
	top: -50px;
	right: 50px;
}

.fisrtCouponBox .title .leaf1 {
	position: absolute;
	left: 45px;
	top: -50px;
}
.fisrtCouponBox .title .leaf2 {
	position: absolute;
	right: 45px;
	top: -50px;
}

.fisrtCouponBox .itemBox {
	margin: 0 50px;
	position: relative;
}

.fisrtCouponBox .itemBox ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fisrtCouponBox .itemBox ul li {
}
.fisrtCouponBox .itemBox ul li p {
	text-align: center!important;
}

.fisrtCouponBox .itemBox ul li .itemTxt {
	margin: 30px 0 0;
	font-size: 14px;
}
.fisrtCouponBox .itemBox ul li:last-child .itemTxt {
	margin: 50px 0 0;
}
.fisrtCouponBox .itemBox ul li .itemCoupon {
	background: #680707;
	color: #fff;
	width: 100px;
	line-height: 20px;
	text-align: center;
	margin: 0 auto;
}
.fisrtCouponBox .itemBox ul li .priceTxt {
	color: #ff3600;
	margin: 0 auto;
	font-size: 36px;
}
.fisrtCouponBox .itemBox ul li .priceTxt span {
	font-size: 14px;
}
.fisrtCouponBox .itemBox .itemEtc {
	position: absolute;
	right: -100px;
	bottom: -40px;
}

.fisrtCouponBox .couponGet {
/*	background: url("../images/campaign/first/bg_coupon.png") repeat; */
	width: 100%;
	padding: 35px 0;
	margin: 0 0 50px;
	text-align: center;
}

.fisrtCouponBox .couponGet p {
	text-align: center;
	font-size: 16px;
	margin: 0!important;
}

.fisrtCouponBox .couponGet p span {
	color: #ff3600;
}



.fisrtCouponBox .couponStep {
	background: url("../images/campaign/first/bg_1.png") repeat;
	border-radius: 20px;
	padding: 35px 0 80px;
	margin: 0 15px;
	text-align: center;
}

.fisrtCouponBox .couponStep .title {
	margin-bottom: 100px!important;
}

.fisrtCouponBox .couponStep dl {
	margin: 0 30px 80px;
}
.fisrtCouponBox .couponStep dl:last-child {
	margin: 0 30px;
}
.fisrtCouponBox .couponStep dl p {
	text-align: center!important;
}

.fisrtCouponBox .couponStep dl dt {
	border: solid 3px #5b5b5b;
	width: 332px;
	height: 240px;
	float: left;
	z-index: 5;
	position: relative;
}
.fisrtCouponBox .couponStep dl dd {
	background: #5b5b5b;
	color: #fff;
	width: 445px;
	height: 240px;
	text-align: center;
	vertical-align: middle;
	float: left;
	position: relative;
	top: 10px;
	left: -10px;
	padding: 50px;
}

.fisrtCouponBox .couponStep .stepTitle {
	font-size: 24px;
}


.fisrtCouponBox .couponCode {
	margin: 0 30px 30px;
}


.fisrtCouponBox .couponCode .imgPhoto {
	float: right;
	text-align: right;
}
.fisrtCouponBox .couponCode .imgPhoto img {
	width: 90%;
}


.fisrtCouponBox .couponCode .txt {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	float: left;
	font-size: 16px;
	padding: 30px 0;
	width: 50%;
	margin: 10px 0 0;
}


.fisrtCouponBox .couponCode .leaf3 {
	vertical-align: middle;
    margin: 0 20px 0 0;
}

.fisrtCouponBox .couponCode p {
	text-align: center!important;
}

.fisrtCouponBox .couponCode .txt2 {
	font-size: 24px;
	margin: 0 0 20px;
}

.fisrtCouponBox .couponCode a {
	text-decoration: underline;
	color: #ff3600;
}


/* デカフェコーヒーの美味しい淹れ方 */

.blend{
	color: #58a5c6;
	font-weight: bold;
}
.peach{
	color: #f3aabc;
	font-weight: bold;
}
.strawberry{
	color: #e95383;
	font-weight: bold;
}
.banana{
	color: #ffd95c;	
	font-weight: bold;
}
.hazelnut{
	color: #c1b17b;
	font-weight: bold;
}
.chocolate{
	color: #957b46;
	font-weight: bold;
}