﻿
/* --------------------------------------------------------------------
	common　ヘッドライン
-------------------------------------------------------------------- */
h1.goods_name_ {
	margin: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #00377F;
}
h1.category_name_ {
	margin: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #00377F;
}
h1.category_name_img_ {
	margin: 10px 0;
	text-align: center;
}
h1.genre_name_ {
	margin: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #00377F;
}
h1.genre_name_img_ {
	margin: 10px 0;
	text-align: center;
}
h1.event_name_ {
	margin: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #00377F;
}
h1.event_name_img_ {
	margin: 10px 0;
	text-align: center;
}
.top_comment_ {
	margin: 0 10px 10px;
}

/* --------------------------------------------------------------------
	common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
	margin: 10px 10px 20px;
	padding: 10px;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.navitopicpath_ a {
	margin: 0 0.5em;
	white-space: nowrap;
}
.navitopicpath_ span.current_ {
	margin: 0 0.5em;
	white-space: nowrap;
}
/* ページジャンプ */
.navipage_ {
	margin: 0 10px;
	text-align:right;
}
.navipage_.top_ {		/* ページジャンプ上部 */
	margin-bottom: 10px;
}
.navipage_.bottom_ {	/* ページジャンプ下部 */
	margin-top: 10px;
}
.navipage_ .navipage_sum_ {
}
.navipage_ nav a,
.navipage_ nav span {
	margin: 0 1px;
}
.navipage_ a {
	white-space: nowrap;
	padding: 3px 6px;
	display: inline-block;
	background-color: #F6FEFF;
	border: 1px solid #BFCDDF;
}
.navipage_now_ {
	padding: 3px 6px;
	display: inline-block;
	color:#C00;
	font-weight:bold;
	text-decoration:none;
	background: #FEE;
	border: 1px solid #F99;
}
.navipage_ .navipage_reverse_ {
}
.navipage_ .navipage_forward_ {
}
/* 並び替え */
.navisort_ {
	margin: 2px 0;
	overflow: hidden;
	border-bottom: 2px solid #FFCCCC;
}
.navisort_ dt {
	float: left;
	text-align: right;
	font-weight: bold;
	width: 8em;
}
.navisort_ dd {
	margin-left: 8em;
}
.navisort_now_ {
	color:#CC0000;
	text-decoration:none;
	margin:2px 5px;
	white-space: nowrap;
}
.navisort_ a {
	margin:2px 5px;
	white-space: nowrap;
}
/* 表示切替 */
.navistyle_ {
	margin: 0 10px 10px;
	overflow: hidden;
	border: 1px solid #CCC;
	background: #F0F0F0;
}
.navistyle_ dt {
	padding: 2px 2px 2px 6px;
}
.navistyle_ dd {
	padding: 0 0 0 7px;
	font-size: 12px;
	background: #FFF;
}
.navistyle_now_ {
	color:#CC0000;
	text-decoration:none;
	padding: 5px;
	display: inline-block;
	white-space: nowrap;
}
.navistyle_ a {
	padding: 5px;
	display: inline-block;
	white-space: nowrap;
}
/* ブランド絞込 */
.brand_name_ {
}
.brand_name_now_ {
	color:#CC3300;
	text-decoration:none;
	padding: 5px;
	display: inline-block;
	white-space: nowrap;
	font-weight: bold;
}
.brand_name_ a {
	padding: 5px;
	display: inline-block;
}
/* メーカー絞込 */
.maker_name_ {
}
.maker_name_now_ {
	color:#CC3300;
	text-decoration:none;
	padding: 5px;
	display: inline-block;
	white-space: nowrap;
	font-weight: bold;
}
.maker_name_ a {
	padding: 5px;
	display: inline-block;
	white-space: nowrap;
}
/* 商品分類絞込 */
#goods_class_filter_ {
	padding-bottom: 3px;
}
#goods_class_filter_ dd {
}
#goods_class_filter_ .class_filter_ {
	margin-right: 10px;
}
#goods_class_filter_ .class_filter_ .selected_ {
	background-color: #ffeeff;
}

/* --------------------------------------------------------------------
	Ajax　Zip
-------------------------------------------------------------------- */
#suggestZipArea {
	background-color: #ffffff;
	border: 1px solid #999999;
	display: none;
	padding: 2px 0;
	position: absolute;
	z-index: 9999;
}
#suggestZipArea .itemNotFound {
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #999999;
	font-style: italic;
}
#suggestZipArea .itemLine {
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	list-style:none;
	white-space:nowrap;
	color: #000000;
}
#suggestZipArea .selected {
	background-color: #ffdddd;
	color: #c00000;
}
#suggestZipArea .itemLine .itemCode {
	float: left;
	font-weight: bold;
	margin-right: 4px;
}
#suggestZipArea .itemLine .itemName {
}


/* --------------------------------------------------------------------
	トピックス
-------------------------------------------------------------------- */
/* トピック詳細 */
.topiclist_body_ {
}
.topiclist_body_ .topic_title_ {
	margin-bottom: 10px;
	padding: 10px 10px;
	clear: both;
	text-shadow: 0 -1px 1px #999;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #DFDFDF -moz-linear-gradient(top, #FFF, #DFDFDF);
	background: #DFDFDF -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
	background: #DFDFDF linear-gradient(top, #FFF, #DFDFDF);
}
.topiclist_body_ figure {
	padding: 0 10px 10px;
}
.topiclist_body_ article {
	padding: 0 10px 10px;
}
/* トピック一覧 */
div.topiclist_ {
	margin: 0 10px 10px;
	background: #F6F6F6;
	border: 1px solid #E0E0E0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: #999 0 3px 3px -2px;
}
div.topiclist_ .topiclist_head_ {
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}

div.topiclist_ .topiclist_body_ {
	margin: 0 5px 5px;
	padding: 0 10px;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.topiclist_ .topiclist_body_ li {
	border-bottom: 1px dotted #CCC;
}
div.topiclist_ .topiclist_body_ li:last-child {
	border-bottom: none;
}
div.topiclist_ .topiclist_body_ li a,
div.topiclist_ .topiclist_body_ li span.nolink_ {
	padding: 5px;
	display: block;
}
div.topiclist_ .topiclist_body_ li a {
	padding-right: 20px;
	background: url(../img/usr/link_goods.png) right center no-repeat;
}

/* --------------------------------------------------------------------
	商品詳細
--------------------------------------------------------------------- */
div.goods_ {
	clear: both;
}

div.goodsproductdetail_ {
	margin-bottom: 10px;
	width:100%;
	overflow: hidden;
}
table.goodsproductdetail_ {
	width: 100%;
}
table.goodsproductdetail_ td {
	vertical-align: top;
}

/* 商品画像 */
div.goodsimg_ {
}
div.goodsimg_ .img_L_ {
	margin-bottom: 10px;
	text-align:center;
}
div.goodsimg_ .img_L_ .comment_ {
	text-align:left;
	margin-top: 5px;
}
div.goodsimg_ .img_c_{
	margin-bottom: 10px;
	text-align: center;
}
div.goodsimg_ .img_c_ .comment_ {
	margin-top: 5px;
}
/**/

/* 商品画像バリエーション */
div.etc_goodsimg_ {
}
div.etc_goodsimg_line_ {
}
div.etc_goodsimg_item_ {
}
div.etc_goodsimg_item_ img {
}
/**/

/* 商品スペック */
div.goodsspec_ {
	margin-bottom:10px;
}
dl.goodsspec_ {
	margin:0 10px;
	border:1px solid #CCC;
	margin-bottom:10px;
}
dl.goodsspec_ dt
, dl.goodsspec_ dd {
	display: block;
}
dl.goodsspec_ dt {
	padding:2px 2px 2px 6px;
	background-color: #F0F0F0;
}
dl.goodsspec_ dd {
	font-size: 14px;
	padding:2px 2px 2px 12px;
}
dl.goodsspec_ dd .price_box_ small {
	display: block;
}
div.goodsspec_ div.togetherlist_ {
}
.to_detaillink_ {
	margin: 0 10px 0 0;
	text-align: right;
	
}
.to_detaillink_ a {
	padding-left: 20px;
	display: inline-block;
	background: url(../img/usr/blank.png) left center no-repeat;
}
/**/

/* セット商品 */
div.goodsset_ {
	margin-bottom:10px;
}
h2.goodsset_title_ {
	margin: 0;
	padding: 4px 0;
	font-weight: bold;
}
dl.goodsset_ {
	margin:0 10px;
}

dl.goodsset_ dt
, dl.goodsset_ dd {
	display: block;
	white-space: nowrap;
}
dl.goodsset_ dt {
	padding:1px 2px 1px 12px;
	background-color:#ffe6e0;
	border:1px solid #ffe6e0;
}
dl.goodsset_ dd {
	padding:2px 2px 2px 12px;
	border:1px solid #ffe6e0;
}
dl.goodsset_ dt:first-child {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
dl.goodsset_ dd:last-child {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
/**/

/* カートボタン関係 */
div.cartbox_ {
	margin: 0 10px 20px;
	padding: 10px;
	vertical-align:middle;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.cartbox_ span.valiationlist_ {
	padding-right:4px;
	vertical-align:top;
}
/**/
/* バリエーションプルダウン */
div.cartbox_ .valiation_pulldown_ {
	margin-bottom: 10px;
}
/**/
/* バリエーションボックス */
div.cartbox_ p.guide_ {
	background: #FFF;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.cartbox_ p.message_ {
	padding-left: 5px;
}
div.cartbox_ div.colors_ {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
div.cartbox_ div.colors_ div.color_ {
	display: inline-block;
	margin:2px 5px 2px 5px;
	white-space: nowrap;
	width:30px;
	height:30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.cartbox_ div.colors_ div.color2_ {
	display: inline-block;
	margin: 2px 5px 2px 5px;
	white-space: nowrap;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-align: left;
	background-position: center;
}
div.cartbox_ div.colors_ div.color_EnableStock_ {
	border:solid 2px #d0d0d0;
	background-color:#FFF;
	cursor:pointer;
}
div.cartbox_ div.colors_ div.color_DisableStock_ {
	border:dashed 2px #d0d0d0;
	background-color:#909090;
	cursor:pointer;
}
div.cartbox_ div.colors_ div.color_Selected_ {
	border:solid 2px #ffc0c0;
	background-color:#ffe0e0;
}
div.cartbox_ div.colors_ div.color_DisableSelected_ {
	border:dashed 2px #ffc0c0;
	background-color:#909090;
	color:#ffc0c0;
}
div.cartbox_ div.colors_ br,div.cartbox_ div.sizes_ br {
	clear:left;
}
div.cartbox_ div.sizes_ {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
div.cartbox_ div.sizes_ div.size_ {
	display: inline-block;
	padding:5px 10px;
	margin:2px 5px 2px 5px;
	white-space: nowrap;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.cartbox_ div.sizes_ div.size_EnableStock_ {
	border:solid 1px #d0d0d0;
	
	background-color:#FFF;
	cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_DisableStock_ {
	border:solid 1px #d0d0d0;
	background-color:#909090;
	cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_Selected_ {
	border:solid 1px #ffc0c0;
	background-color:#ffe0e0;
}
div.cartbox_ div.sizes_ div.size_DisableSelected_ {
	border:solid 1px #d0d0d0;
	background-color:#909090;
	color:#ffc0c0;
}
.goodsproductdetail_ .goodsimg_ div.mask_ {
	position:absolute;
	z-index:10;
	color:#ff4a4a;
	font-weight:bold;
}
/**/

div.goodscomment1_ {
	margin-bottom: 10px;
}
div.goodscomment2_ {
	margin-bottom: 10px;
}
div.goodscomment3_ {
	margin-bottom: 10px;
}
div.goodscomment4_ {
	margin-bottom: 10px;
}
div.goodscomment5_ {
	margin-bottom: 10px;
}
div.goods_ div.accessory_list_ {
	margin:10px 0px;
}
.option_buttons_ {
	margin: 0 10px 10px;
}
.option_buttons_ li {
}
.option_buttons_ li.social_ {
/*	text-align: center;*/
}
.option_buttons_ li.social_ div.socialbutton_ {
	margin-bottom:15px;
}

/* --------------------------------------------------------------------
	商品一覧
-------------------------------------------------------------------- */
div.goods_ {
	margin: 0 10px 10px;
}
ul.goods_p_ {
}
ul.goods_p_ li {
	border-bottom: 1px solid #CCC;
}
ul.goods_p_ li:first-child {
	border-top: 1px solid #CCC;
}
ul.goods_p_ li a {
	padding: 10px 30px 10px 0;
	display: block;
	text-decoration: none;
	background: url(../img/usr/link_goods.png) right center no-repeat;
}
ul.goods_p_ li div.nolink_ {
	padding: 10px 0;
	display: block;
	text-decoration: none;
}
ul.goods_p_ li figure.img_,
ul.goods_p_ li div.desc_ {
	display: table-cell;
	vertical-align: top;
}
ul.goods_p_ li figure.img_ {
	width: 100px;
}
ul.goods_p_ li figure.img_ img {
	width: 100px;
	display: block;
}
ul.goods_p_ li div.desc_ {
	padding-left: 10px;
}
ul.goods_p_ li div.desc_ div.name_ {
}
ul.goods_p_ li div.desc_ div.name_ .name1_ {
	font-weight: bold;
}
ul.goods_p_ li a div.desc_ div.name_ .name1_ {
	color: #00377F;
}
ul.goods_p_ li div.desc_ div.name_ .name2_ {
	font-size: 12px;
}
ul.goods_p_ li div.desc_ .price_box_ small {
	display: block;
}

/* --------------------------------------------------------------------
	商品一覧　バリエーション
-------------------------------------------------------------------- */
div.cartvariation_ {
	margin: 0 10px 10px;
}
ul.cartvariation_ {
	border-top: 1px solid #CCC;
}
ul.cartvariation_ li {
	padding: 10px 0;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
	border-bottom: 1px solid #CCC;
}
ul.cartvariation_ li a {}
ul.cartvariation_ li div.nolink_ {
}
ul.cartvariation_ li div.img_,
ul.cartvariation_ li div.desc_ {
	vertical-align: top;
}
ul.cartvariation_ li div.img_ {
	width: 100px;
	-moz-box-flex: 0;
	-webkit-box-flex: 0;
}
ul.cartvariation_ li div.img_ img {
	width: 100px;
	display: block;
}
ul.cartvariation_ li div.desc_ {
	padding-left: 10px;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
}
ul.cartvariation_ li div.desc_ div.name_ {
}
ul.cartvariation_ li div.desc_ div.name_ .name1_ {
	font-weight: bold;
}
ul.cartvariation_ li a div.desc_ div.name_ .name1_ {
	color: #00377F;
}
ul.cartvariation_ li div.desc_ div.name_ .name2_ {
	font-size: 12px;
}
ul.cartvariation_ li div.desc_ .price_box_ small {
	display: block;
}
ul.cartvariation_ li div.desc_ .cart_ {
	text-align: right;
}
ul.cartvariation_ li div.desc_ .cart_ .variation_ {
	margin-bottom: 5px;
}


/* --------------------------------------------------------------------
	商品検索
--------------------------------------------------------------------- */
dl.goodssearch_ {
	margin:0 10px;
	border:1px solid #CCC;
	margin-bottom:10px;
}
dl.goodssearch_ dt
, dl.goodssearch_ dd {
	display: block;
	white-space: nowrap;
}
dl.goodssearch_ dt {
	padding:2px 2px 2px 6px;
	background-color: #F0F0F0;
}
dl.goodssearch_ dd {
	padding:5px;
}
/**/

/* --------------------------------------------------------------------
	カテゴリー
-------------------------------------------------------------------- */
/* カテゴリー詳細 */
div.sub_category_ {
	margin-top: 10px;
}
/* カテゴリー一覧 */
nav.CategoryStyleG_ {
	border-top: 5px solid #6396E2;
	border-bottom: 5px solid #6396E2;
}
nav.CategoryStyleG_ ul.layer0_ {
	padding-left: 0;
	background: #F0F0F0;
}
nav.CategoryStyleG_ ul.layer1_ {
	background: #F0F0F0;
}
nav.CategoryStyleG_ ul.layer2_ {
	background: #F0F0F0;
}
nav.CategoryStyleG_ ul.layer3_ {
	background: #F0F0F0;
}
nav.CategoryStyleG_ ul li {
	border-top: 1px solid #CCC;
	width: 100%;
	word-break:break-all;
}
nav.CategoryStyleG_ ul li.nochild_ {
}
nav.CategoryStyleG_ ul.layer0_ li {
	background-color: #FFF;
}
nav.CategoryStyleG_ ul.layer1_ li,
nav.CategoryStyleG_ ul.layer2_ li,
nav.CategoryStyleG_ ul.layer3_ li {
	background-color: transparent;
}
nav.CategoryStyleG_ ul li p.parent_,
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ {
	vertical-align: top;
	display: table-cell;
}
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ {
	padding: 10px 10px 10px 0;
	text-decoration: none;
}
nav.CategoryStyleG_ ul li a .name_{
	text-decoration: underline;
}
nav.CategoryStyleG_ ul li a .comment_,
nav.CategoryStyleG_ ul li span.nolink_ .comment_ {
	font-size: 12px;
	text-decoration: none;
}
nav.CategoryStyleG_ ul li p.parent_ {
	padding: 0;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	vertical-align: top;
	overflow: hidden;
}
nav.CategoryStyleG_ ul li p.parent_ {
	background: url(../img/usr/minus.png) right top no-repeat;
}
nav.CategoryStyleG_ ul li p.parent_.img_hidden_ {
	background: url(../img/usr/plus.png) right top no-repeat;
}
nav.CategoryStyleG_ ul.layer1_ li p.parent_{
	padding-left: 30px;
}
nav.CategoryStyleG_ ul.layer2_ li p.parent_{
	padding-left: 60px;
}
nav.CategoryStyleG_ ul.layer3_ li p.parent_{
	padding-left: 90px;
}
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .comment_ {
	padding-left: 40px;
}
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .comment_ {
	padding-left: 70px;
}
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .comment_ {
	padding-left: 100px;
}
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .comment_ {
	padding-left: 130px;
}

div.CategoryStyleL_ div.name_ {
	margin: 0;
	padding: 5px 10px;
	border-top: 1px solid #eae5e3;
	border-left: 1px solid #eae5e3;
	border-right: 1px solid #eae5e3;
	background: #ffffff url(../img/usr/sb/menu_arrow2.png) 50% right no-repeat;
}
div.CategoryStyleL_ div.name_ {
	border-bottom: 1px solid #eae5e3;
	margin-bottom: 2px;
}
div.CategoryStyleL_ div.comment_ {
	padding: 2px 2px 4px 10px;
}

/* --------------------------------------------------------------------
	ジャンル
-------------------------------------------------------------------- */
/* ジャンル詳細 */
div.sub_genre_ {
	margin-top: 10px;
}
/* ジャンル一覧 */
nav.GenreStyle_ {
	border-top: 5px solid #6396E2;
	border-bottom: 5px solid #6396E2;
}
nav.GenreStyle_ ul.layer0_ {
	padding-left: 0;
	background: #F0F0F0;
}
nav.GenreStyle_ ul.layer1_ {
	background: #F0F0F0;
}
nav.GenreStyle_ ul.layer2_ {
	background: #F0F0F0;
}
nav.GenreStyle_ ul.layer3_ {
	background: #F0F0F0;
}
nav.GenreStyle_ ul li {
	border-top: 1px solid #CCC;
	width: 100%;
	word-break:break-all;
}
nav.GenreStyle_ ul li.nochild_ {
}
nav.GenreStyle_ ul.layer0_ li {
	background-color: #FFF;
}
nav.GenreStyle_ ul.layer1_ li,
nav.GenreStyle_ ul.layer2_ li,
nav.GenreStyle_ ul.layer3_ li {
	background-color: transparent;
}
nav.GenreStyle_ ul li p.parent_,
nav.GenreStyle_ ul li a,
nav.GenreStyle_ ul li span.nolink_ {
	vertical-align: top;
	display: table-cell;
}
nav.GenreStyle_ ul li a,
nav.GenreStyle_ ul li span.nolink_ {
	padding: 10px 10px 10px 0;
	text-decoration: none;
}
nav.GenreStyle_ ul li a .name_{
	text-decoration: underline;
}
nav.GenreStyle_ ul li a .comment_,
nav.GenreStyle_ ul li span.nolink_ .comment_ {
	font-size: 12px;
	text-decoration: none;
}
nav.GenreStyle_ ul li p.parent_ {
	padding: 0;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	vertical-align: top;
	overflow: hidden;
}
nav.GenreStyle_ ul li p.parent_ {
	background: url(../img/usr/minus.png) right top no-repeat;
}
nav.GenreStyle_ ul li p.parent_.img_hidden_ {
	background: url(../img/usr/plus.png) right top no-repeat;
}
nav.GenreStyle_ ul.layer1_ li p.parent_{
	padding-left: 30px;
}
nav.GenreStyle_ ul.layer2_ li p.parent_{
	padding-left: 60px;
}
nav.GenreStyle_ ul.layer3_ li p.parent_{
	padding-left: 90px;
}
nav.GenreStyle_ ul.layer0_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer0_ li.nochild_ .comment_ {
	padding-left: 40px;
}
nav.GenreStyle_ ul.layer1_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer1_ li.nochild_ .comment_ {
	padding-left: 70px;
}
nav.GenreStyle_ ul.layer2_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer2_ li.nochild_ .comment_ {
	padding-left: 100px;
}
nav.GenreStyle_ ul.layer3_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer3_ li.nochild_ .comment_ {
	padding-left: 130px;
}

/* --------------------------------------------------------------------
	イベント
-------------------------------------------------------------------- */
/* イベント詳細 */

/* イベント一覧 */
div.event_ {
	margin-bottom: 10px;
}
div.event_ .event_banner_ {
	margin: 0 10px 10px;
	text-align: center;
}
div.event_ .event_title_ {
	clear: both;
	text-shadow: 0 -1px 1px #999;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #DFDFDF -moz-linear-gradient(top, #FFF, #DFDFDF);
	background: #DFDFDF -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
	background: #DFDFDF linear-gradient(top, #FFF, #DFDFDF);
}

div.event_ .event_title_ a {
	padding: 15px 25px 15px 15px;
	display: block;
	text-decoration: none;
	background: url(../img/usr/link_event_title.png) right center no-repeat;
}
div.event_ .event_title_ span.nolink_ {
	padding: 15px;
	display: block;
}

/* --------------------------------------------------------------------
	タグ
-------------------------------------------------------------------- */
h1.tag_name_ {
	margin: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #00377F;
}

.side_tag_cloud_ {
}
.side_tag_cloud_ span {
	line-height: 140%;
}
.tag_lowest_ {
	font-size:80%;
}
.tag_low_ {
	font-size:100%;
}
.tag_medium_ {
	font-size:120%;
}
.tag_high_ {
	font-size:144%;
	font-weight:bold;
}
.tag_highest_ {
	font-size: 173%;
	font-weight:bold;
}

.tag_cloud_ {
}

.tag_cloud_ .tag_list_ {
	margin: 10px;
}
.tag_cloud_ span {
	line-height: 140%;
}
.tag_cloud_more_ {
	margin: 10px 0 0 0;
	font-weight: bold;
}
.tag_add_shaping_ {
	margin: 0 10px 10px;
	overflow: hidden;
	border: 1px solid #CCC;
	background: #FFFFFF;
}
.tag_add_shaping_ dt {
	padding: 2px 2px 2px 6px;
	background: #F0F0F0;
}
.tag_add_shaping_ dd {
	padding: 0 0 0 7px;
	font-size: 12px;
}
.tag_add_shaping_ h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.tag_add_shaping_ span {
	margin-right: 10px;
	padding-left:15px;
	float: left;
	white-space: nowrap;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_other_ {
	margin: 10px 10px 10px;
	overflow: hidden;
	border: 1px solid #CCC;
	background: #FFFFFF;
}

.tag_other_ dt {
	padding: 2px 2px 2px 6px;
	background: #F0F0F0;
}
.tag_other_ dd {
	padding: 0 0 0 7px;
	font-size: 12px;
}
.tag_other_ h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.tag_other_ span {
	margin-right: 10px;
	padding-left:15px;
	float: left;
	white-space: nowrap;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_info_ {
	margin: 10px;
}
.tag_info_ p.name_ {
	margin: 0 0 5px 0;
	padding: 0 0 5px 15px;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
	border-bottom: 1px dotted #CCC;
}


/* --------------------------------------------------------------------
	カスタマーレビュー一覧
--------------------------------------------------------------------- */
/* レビュー情報 */
div.review_info_ {
	padding: 0 10px 10px;
}
div.review_count_summary_ {
	margin-bottom: 5px;
	padding: 6px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
div.review_count_summary_ dl dt
, div.review_count_summary_ dl dd {
	display: inline;
}
div.review_count_summary_ dl.review_score_ {
}
div.review_count_summary_ dl.review_score_ dt {
	font-weight: bold;
}
div.review_count_summary_ dl.review_count_ {
}
div.review_count_summary_ dl.review_count_ dt {
	font-weight: bold;
}
div.review_count_summary_ dl.review_count_ dd {
	padding-left: 4px;
}
div.review_desc_ {
}
div.review_desc_ .btn_review_ {
	text-align: right;
}
.review_pagenav_ {
	margin: 0 0 10px 0;
	clear: both;
	background: #F0F0F0;
	padding: 5px;
	border-bottom: 1px solid #CCC;
}
/**/
/* レビュー ページ切換 */
div#page_changer_top {
}
div#page_changer_top .pager_ref_ {
	margin: 2px 5px;
	color: #003780;
	text-decoration: underline;
	font-weight: bold;
	white-space: nowrap;
}
div#page_changer_top .pager_now_ {
	margin: 2px 5px;
	color:#CC0000;
	font-weight: bold;
	white-space: nowrap;
}
/**/
/* レビュー記事 */
.review_line_ {
	padding: 10px;
	border-bottom:1px solid #CCC;
}
.review_line_:first-child {
	border-top:1px solid #CCC;
}
.review_line_title_ {
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.review_line_body_ {
	padding: 5px;
}

div.review_line_summary_ {
}

div.review_line_summary_ dl dt
, div.review_line_summary_ dl dd {
	display: inline;
}
div.review_line_summary_ dl.review_line_name_ {
}
div.review_line_summary_ dl.review_line_name_ dt {
	font-weight: bold;
}
div.review_line_summary_ dl.review_line_name_ dd {
	padding-left: 4px;
}
div.review_line_summary_ dl.review_line_score_ {
}
div.review_line_summary_ dl.review_line_score_ dt {
	font-weight: bold;
}
.review_line_comment_ {
	padding: 2px;
	word-break:break-all;
}
.review_line_ .moderate_vote_ {
	padding: 5px 0 0;
	border-top: 1px dotted #CCC;
}
.review_line_ .mode_lay_ {
	position:absolute;
	display:none;
	z-index:1;
	padding: 0;
	background-color:#ffffff;
	border:solid 1px #ffcc33;
}
.review_line_ .mode_lay_ .mode_select_line_top_ {
	text-align: right;
	padding: 10px;
	background-color:#ffcc33;
}
.review_line_ .mode_lay_ .mode_select_line_ {
	padding: 10px 20px;
	border-top:solid 1px #ffcc33;
}

.review_line_ .moderate_info1_ {
	margin-top: 5px;
}
.review_line_ .moderate_info2_ {
	margin-top: 5px;
}
.review_line_ .moderate_info2_ span {
	text-decoration:underline!important;
}
.review_line_ .moderate_other_ {
	display:none;
}
.review_line_ .moderate_other_ dl dt
, .review_line_ .moderate_other_ dl dd {
	display: inline;
}
.review_line_ .moderate_other_ dl{
	padding-left: 10px;
}
.review_line_ .moderate_other_ dl dd {
	padding-left: 4px;
}


#review_form {
	margin: 0 10px 20px;
}

/**/
/* --------------------------------------------------------------------
	カスタマーレビュー投稿画面
--------------------------------------------------------------------- */
/* 入力画面 */
div.review_ {
}
div.review_ div.review_header_,
div.review_ div.review_middle_,
div.review_ div.review_footer_,
div.review_ div.review_complete_ {
	margin: 0 10px 10px;
}
dl.review_list_ {
	margin:0 10px;
	border:1px solid #CCC;
	border-bottom: none;
	margin-bottom:10px;
}
dl.review_list_ dt
, dl.review_list_ dd {
	display: block;
	white-space: nowrap;
}
dl.review_list_ dt {
	padding: 5px;
	background-color: #F0F0F0;
}
dl.review_list_ dd {
	padding: 5px 10px;
	border-bottom: 1px solid #CCC;
}
div.review_ input[type=text]
, div.review_ textarea {
	display: block;
}
dl.review_list_ li .count_msg_ {
}

/**/

/* 確認画面 */
div.confirm_layer_frame_ {
	margin-top: 5px;
}
/**/

/* --------------------------------------------------------------------
	クイックオーダー
-------------------------------------------------------------------- */

div.quickorder_ {
}
div.quickorder_ div.add_order_block_ {
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	background: #F0F0F0;
}
div.quickorder_ div.add_order_block_ span {
	display: inline-block;
	padding: 5px 20px;
	cursor: pointer;
	-moz-text-shadow: 0 -1px 1px #CCC;
	-webkit-text-shadow: 0 -1px 1px #CCC;
	text-shadow: 0 -1px 1px #CCC;
	background: #DFDFDF -moz-linear-gradient(top,#FFFFFF,#DFDFDF);
	background: #DFDFDF -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#DFDFDF));
	background: #DFDFDF linear-gradient(top,#FFFFFF,#DFDFDF);
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: #333 0 1px 1px -1px;
	-webkit-box-shadow: #333 0 1px 1px -1px;
	box-shadow: #333 0 1px 1px -1px;
}
div.quickorder_ ul.quickorder_list_ {
	margin-bottom: 10px;
	border-top: 1px solid #CCC;
}
div.quickorder_ ul.quickorder_list_ li {
	padding: 10px;
	border-bottom: 1px solid #CCC;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ {
	margin-bottom: 10px;
	padding-right: 45px;
	position: relative;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input[type="text"] {
	padding: 5px 0;
	text-indent: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input.code_ {
	text-align: left;
	width: 96%;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input.qty_ {
	padding-right: 5px;
	position: absolute;
	right: 0;
	text-align: right;
	width: 35px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ {
	display: table;
	width: 100%;
}


div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure {
	padding: 10px;
	display: table-cell;
	vertical-align: top;
	width: 100px;
	background: #F0F0F0;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure img {
	max-width: 100px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure figcaption.price_box_ small {
	display: block;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ {
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: top;
}

div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ {
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_ {
	font-weight: bold;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_ {
	color: #00377F;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name2_ {
	font-size: 12px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ {
	font-size: 12px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ dt {
	float: left;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ dd {
	padding-left: 3em;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ {
	margin-bottom: 10px;
	font-size: 12px;
	color: #C00;
	font-weight: bold;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ dt {
	float: left;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ dd {
	padding-left: 3em;
}


div.quickorder_ .onProcess_ {
	background-image: url(../img/usr/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
div.quickorder_ .selected {
	color: #00dd00;
	background-color: #FFF;
}
div.quickorder_ span.unit_ {
	margin: 5px;
}
#suggestArea {
	background-color: white;
	border: 1px solid black;
	display: none;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	top: 50px;
	left: 5px;
	color: black;
}
.itemNotFound {
	text-align: center;
	color: #777777;
	padding: 0 5px;
	height: 18px;
	line-height: 18px;
}
.itemLine {
	padding: 0px 5px 0px 5px;
	height: 20px;
	line-height: 20px;
	list-style:none;
	white-space:nowrap;
}
.itemLine .itemCode {
	float: left;
	font-weight: bold;
	margin-right: 5px;
}
.itemLine .itemName {
}
.delButton {
}

/* --------------------------------------------------------------------
	アンケート
-------------------------------------------------------------------- */

div.questionnaire_ {
}
div.questionnaire_ div.questionnaire_name_ {
	font-weight: bold;
}
div.questionnaire_ h3 {
	font-weight: bold;
}
.questionnaire_input_ textarea {
	width: 95%;
}

/* --------------------------------------------------------------------
	マイページ　クーポン一覧
-------------------------------------------------------------------- */
div.coupon_table_ {
	margin: 0 10px;
}
table.coupon_ {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	margin: 0 0 10px;
}
table.coupon_ th
, table.coupon_ td {
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
	text-align:left;
}
table.coupon_ th {
	background-color: #F8F8F8;
	vertical-align: middle;
	width: 35%;
	font-weight: normal;
}

/* --------------------------------------------------------------------
	マイページ　承認設定
-------------------------------------------------------------------- */
table.approvallist_ {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	margin: 5px 0;
}
table.approvallist_ th
, table.approvallist_ td {
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
	text-align:left;
}
table.approvallist_ th {
	background-color: #e5f3ff;
	vertical-align: middle;
	width: 35%;
	font-weight: normal;
}
table.approvallist_ td.sys_msg_ {
	color: #cc0000;
}


/* --------------------------------------------------------------------
	関連商品
--------------------------------------------------------------------- */
div.title_block_ {
	padding: 5px 5px 5px 8px;
	margin-top: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
}

/* --------------------------------------------------------------------
	20211019追記
--------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

body {
    margin: 0;
    /* font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    min-width: 320px;
    color: #333;
    background-color: #fff;
}
/* ----sb_base.css---- */
img {
    max-width: 100%;
    vertical-align: bottom;
}
/* ----layout.css---- */
.body-fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
  }
  .wrapper {
	/*padding-top: 50px;*/
  }
  .pane-header {
	/*display: flex;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;*/
	z-index: 9999;
	width: 100%;
	/*height: 50px;*/
	background: #fff;
  }
  .pane-globalnav {
	background-color: #444;
	color: #fff;
  }
  .pane-order-header {
	height: 50px;
	border-bottom: 2px solid #666;
  }
  #header_menu,
  .block-header-cart {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
  }
  #header_menu span {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 50%;
	height: 2px;
	background: #444;
	transition: all .4s;
	font-size: 0;
  }
  #header_menu:after,
  #header_menu:before {
	content: "";
	position: absolute;
	left: 10px;
	display: block;
	width: 50%;
	height: 2px;
	background: #444;
	transition: all .4s;
  }
  #header_menu:before {
	top: 15px;
  }
  #header_menu:after {
	bottom: 13px;
  }
  #header_menu.active span {
	opacity: 0;
  }
  #header_menu.active:before {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
  }
  #header_menu.active:after {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
  }
#menu_view {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9990;
	/*padding-top: 50px;*/
	background-color: #fff;
	font-size: 9px;
  }
  #menu_view .menu_inner {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	transition: all 0.3s ease;
	-webkit-overflow-scrolling: touch;
	will-change: transform;
	position: relative;
	border-top: 1px #ccc solid;
	padding-bottom: 10.66666vw;
  }
  @media screen and(orientation: landscape) {
	#menu_view .menu_inner {
	  max-width: 100%;
	}
  }
  .block-header-menu-list--login {
	text-align: center;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px #ccc solid;
  }
  #loading {
	display: none;
  }
  #loading.spinner {
	position: fixed;
	left: 0;
	z-index: 3;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: flex-start;
	background: #fff;
  }
  .spin-loader {
	position: relative;
	margin-top: 50px;
  }
  .spin-loader > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 5px;
	height: 15px;
  }
  .spin-loader > div {
	border-radius: 2px;
	margin: 2px;
	background: gray;
  }
  .spin-loader > div:nth-child(1) {
	top: 20px;
	left: 0;
	-webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
  }
  .spin-loader > div:nth-child(2) {
	top: 13.64px;
	left: 13.64px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
  }
  .spin-loader > div:nth-child(3) {
	top: 0;
	left: 20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
  }
  .spin-loader > div:nth-child(4) {
	top: -13.64px;
	left: 13.64px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
  }
  .spin-loader > div:nth-child(5) {
	top: -20px;
	left: 0;
	-webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
  }
  .spin-loader > div:nth-child(6) {
	top: -13.64px;
	left: -13.64px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
  }
  .spin-loader > div:nth-child(7) {
	top: 0;
	left: -20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
  }
  .spin-loader > div:nth-child(8) {
	top: 13.64px;
	left: -13.64px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
  }
  @keyframes line-spin-fade-loader {
	50% {
	  opacity: .3;
	}
	100% {
	  opacity: 1;
	}
  }
  .block-header-menu-list--user {
	background-color: #f0f0f0;
	display: table;
	width: 100%;
	height: 55px;
	border-bottom: 1px #ccc solid;
  }
  .block-header-menu-list--user a,
  .block-header-menu-list--user p {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-size: 16px;
	position: relative;
  }
  .block-header-menu-list--user a:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 13%;
	width: 1px;
	height: 74%;
	background-color: #ccc;
  }
  .block-header-menu-list--user a:last-of-type:before {
	display: none;
  }
  #menubg {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
  }
  
/* ----ヘッダー---- */
.pane-header{
    display: block;
}
.block-header-top{
    width: 100%;
    height: 55px;
}
.block-header-top.fixed .block-header-top--inner{
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
}
.block-header-top--inner{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*padding: 0 15px;*/
    padding: 0 4vw;
    background: #fff;
    z-index: 9000;
}
.pane-order-header .block-header-top--inner{
    justify-content: center;
    border-bottom: 1px solid #F5F5F5;
}
#header_menu span,
#header_menu:before,
#header_menu:after{
    left: 0;
    background: #000;
}
#header_menu:before {
    top: 18px;
}
#header_menu:after {
    bottom: 16px;
}
#header_menu.active:before {
    top: 15px;
}
#header_menu.active:after {
    bottom: 13px;
}
h1.block-header-logo {
    width: auto;
    display: inline-block;
    padding: 11px 0 9.5px;
    margin: 0;
    font-size: inherit;
}
.block-header-logo--img {
    width: auto;
    height: 35px;
}
.block-header-top--right-nav{
    display: flex;
    position: relative;
    top: 21px;
}
.block-header-top--right-nav--search img{
    width: 20.5px;
    height: auto;
    margin-right: 12.3px;
}
.block-header-top--right-nav--cart{
    position: relative;
    width: 43px;
}
.block-header-top--right-nav--cart img{
    width: 22px;
    height: auto;
}
.block-headernav--cart-count {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    right: 0;
    bottom: 1px;
    z-index: 2;
}
.block-header-bottom{
    width: 100%;
    margin: 0;
    padding-top: 5.5px;
    padding-bottom: 20.9px;
    border-bottom: 1px solid #F5F5F5;
}
.block-header-bottom--menu-list{
    width: calc(280 / 375 * 100vw);
    width: calc(280 / 375 * 100vw);
    margin: 0 -webkit-calc(95 / 375 / 2 * 100vw);
    margin: 0 calc(95 / 375 / 2 * 100vw);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.block-header-bottom--menu-list li{
    width: calc(80 / 375 * 100vw);
    margin: 0 auto;
}
.block-header-bottom--menu-list li a{
    padding-bottom: 1.6vw;/*6px*/
    text-decoration: none;
    border-bottom: 2px solid #D2D2D2;
    text-align: center;
    display: block;
}
.block-header-bottom--menu-list li.active a{
    border-bottom: 2px solid #000;
}
.block-header-bottom--menu-list li a:hover{
    text-decoration: none;
}
.block-header-bottom--menu-list li a span{
    display: block;
    letter-spacing: 0.1em;
    line-height: 5.86666vw;/*22px*/
}
.block-header-bottom--menu-list li a span:nth-child(1){
    font-size: 4.26666vw;/*16px*/
    font-weight: bold;
}
.block-header-bottom--menu-list li a span:nth-child(2){
    font-size: 2.4vw;/*9px*/
    transform: -webkit-scale(0.9);
    transform: scale(0.9);
}

/* ----ハンバーガーメニュー---- */
.block-header-menu-list--header{
    position: relative;
}
.block-header-menu-list--header h2{
    background: #fff;
    text-align: center;
    margin: 0;
    padding: 0;
}
.block-header-menu-list--header h2 span{
    background: #fff;
    text-align: center;
    font-size: 3.73333vw;/*14px*/
    line-height: 16vw;/*60px*/
    font-weight: bold;
    letter-spacing: 0;
    padding: 0;
}
.block-header-menu-list--close-btn{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    top: 0;
    left: 4.693333vw;/*17.6px*/
}
.block-header-menu-list--close-btn:after,
.block-header-menu-list--close-btn:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 25px;
    height: 1px;
    background: #707070;
}
.block-header-menu-list--close-btn:after {
    bottom: 13px;
}
.block-header-menu-list--close-btn:after {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}
.block-header-menu-list--close-btn:before {
    -webkit-transform: translateY(5px) rotate(-45deg);
    transform: translateY(5px) rotate(-45deg);
}
.block-header-menu-list--top{
    /*padding: 15px 0;*/
    padding: 4vw 0;
    background: #F5F5F5;
}
.block-header-menu-list--top ul{
    width: calc(345 / 375 * 100vw);
    margin: 0 auto;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}
.block-header-menu-list--top li{
    width: 50%;
    height: 14.66666vw;/*55px*/
    border-top: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
    box-sizing: border-box;
}
.block-header-menu-list--top li:nth-child(2n+2){
    border-right: 1px solid #D5D5D5;
}
.block-header-menu-list--top li:nth-last-child(1),
.block-header-menu-list--top li:nth-last-child(2){
    border-bottom: 1px solid #D5D5D5;
}
.block-header-menu-list--top li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 3.73333vw;/*14px*/ 
    text-decoration: none;
}
.block-header-menu-list--top--login a:before{
    content: "";
    width: 53px;
    height: 21px;
    background: url(/cms/img/usr/sb/common/icon_mypage.png) no-repeat;
    background-size: auto 100%;
    background-position: center center;
}
.block-header-menu-list--top--guide a:before{
    content: "";
    width: 53px;
    height: 20px;
    background: url(/cms/img/usr/sb/common/icon_guide.png) no-repeat;
    background-size: auto 100%;
    background-position: center center;
}
.block-header-menu-list--top--mag a:before{
    content: "";
    width: 53px;
    height: 17px;
    background: url(/cms/img/usr/sb/common/icon_mag.png) no-repeat;
    background-size: auto 100%;
    background-position: center center;
}
.block-header-menu-list--top--bookmark a:before{
    content: "";
    width: 53px;
    height: 19.5px;
    background: url(/cms/img/usr/sb/common/icon_bookmark.png) no-repeat;
    background-size: auto 100%;
    background-position: center center;
}
.block-header-menu-list--middle {
    text-align: center;
    margin: 13px 0 45px;
}
.block-header-menu-list--middle a {
    display: inline-block;
    padding: 0 3px;
    text-decoration: none;
    border-bottom: 1px solid #D5D5D5;
    font-size: 12px;
}
h3.block-header-menu-list--title{
    width: 100%;
    font-size: 6.4vw;/*24px*/
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: bold;
    padding: 0 0 4.293333vw;
    border-bottom: 2px solid #333;
    /* margin: 22px 0 0; */
    margin: 5.86666vw 0 0;
    text-align: center;
    position: relative;
}
h3.block-header-menu-list--title span{
    font-size: 2.66666vw;/*10px*/
    letter-spacing: 0.1em;
    margin-left: 2.66666vw;/*10px*/
    position: relative;
    top: -1.4vw;
}
@media screen and (min-width:376px) {
    h3.block-header-menu-list--title span{
        top: -5.25px;
    }
}
.block-goods-list__navi-menu + h3.block-header-menu-list--title{
    margin-top: 4.66666vw;/*17.5px*/
}
.block-header-menu-list--title.js-dropdown:before,
.block-header-menu-list--title.js-dropdown:after {
    content: "";
    display: block;
    position: absolute;
    top: 22.5%;
    z-index: 2;
}
.block-header-menu-list--title.js-dropdown:before {
    width: 1px;
    height: 11px;
    background-color: #444;
    right: 21px;
    margin-top: -5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.block-header-menu-list--title.js-dropdown.minus:before {
    display: none;
}
.block-header-menu-list--title.js-dropdown:after {
    width: 11px;
    height: 1px;
    background-color: #333;
    right: 16px;
    margin-top: 0;
}
.block-header-menu-list--title.js-dropdown + .block-goods-list__navi-menu{
    display: none;
}
.block-goods-list__navi-menu .list-item > a{
    width: 100%;
    height: 13.33333vw;/*50px*/
    line-height: 13.33333vw;/*50px*/
    font-size: 3.73333vw;/*14px*/
    padding-left: 3.6vw;/*13.5px*/
    border-bottom: 1px solid #D5D5D5;
    display: inline-block;
    text-decoration: none;
}
.list-item div.list-item__center {
    position: relative;
    box-sizing: border-box;
}
.block-goods-list__navi-menu .list-item__center.level0{
    width: 100%;
    height: 13.33333vw;/*50px*/
    line-height: 13.33333vw;/*50px*/
    font-size: 3.73333vw;/*14px*/ 
    background: #fff;
    padding-left: 3.6vw;/*13.5px*/
    border-bottom: 1px solid #D5D5D5;
}
.block-goods-list__navi-menu .list-item__center.level0 > span{
    width: 100%;
    height: 13.33333vw;/*50px*/
    line-height: 13.33333vw;/*50px*/
    font-weight: bold;
    font-size: 3.73333vw;/*14px*/ 
    background: #fff;
    padding-left: 3.6vw;/*13.5px*/
    border-bottom: 1px solid #D5D5D5;
}
.block-goods-list__navi-menu .list-item__center.level0 + .block-goods-list__navi-slideside{
    background: #F5F5F5;
}
.block-goods-list__navi-menu .list-item__center.level1{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 13.33333vw;/*50px*/
    border-bottom: 1px solid #D5D5D5;
    padding-left: 8vw;/*30px*/
}
.block-goods-list__navi-menu .list-item__center > .list-item-img{
    width: 38px;
    margin-right: 11.5px;
    text-align: center;
}
.block-goods-list__navi-menu .list-item__center > .list-item-img img{
    width: 38px;
    height: auto;
    vertical-align: middle;
}
.block-goods-list__navi-menu .list-item__center > .list-item-name{
    font-size: 3.73333vw;/*14px*/
    font-weight: normal;
}
.block-goods-list__navi-menu .list-item__center.level1 + .block-goods-list__navi-slideside .list-item a{
    padding-left: 21.06666vw;/*79px*/
}
.list-item--chevron > div.list-item__center:before {
    width: 1px;
    height: 11px;
    background-color: #333;
    right: 21px;
    margin-top: -5px;
}
.list-item--chevron > div.minus:before {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.list-item--chevron > div.list-item__center:after {
    width: 11px;
    height: 1px;
    background-color: #333;
    right: 16px;
    margin-top: 0;
}
.list-item--chevron > div.list-item__center:before, .list-item--chevron > div.list-item__center:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.block-goods-list__navi-menu .block-goods-list__navi-slideside{
    display: none;
}
.block-goods-list__navi-slideside .img-list{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: -webkit-calc(345 / 375 * 100vw);
    width: calc(345 / 375 * 100vw);
    margin: 0 auto;
}
.block-goods-list__navi-slideside .img-list-item{
    width: -webkit-calc(165 / 375 * 100vw);
    width: calc(165 / 375 * 100vw);
    margin-bottom: 4vw;/*15px*/ 
}
.block-goods-list__navi-slideside .img-list-item:nth-child(1),
.block-goods-list__navi-slideside .img-list-item:nth-child(2){
    margin-top: 4vw;/*15px*/ 
}
.list-item-feature .block-goods-list__navi-slideside .img-list-item:nth-child(n+7){
    display: none;
}
.block-goods-list__navi-slideside .img-brand-list{
    width: -webkit-calc(345 / 375 * 100vw);
    width: calc(345 / 375 * 100vw);
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}
.block-goods-list__navi-slideside .img-brand-list-item{
    width: -webkit-calc(345 / 375 / 3 * 100vw);
    width: calc(345 / 375 / 3 * 100vw);
    height: -webkit-calc(345 / 375 / 3 * 100vw);
    height: calc(345 / 375 / 3 * 100vw);
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.block-goods-list__navi-slideside .img-brand-list-item:nth-child(3n+3){
    border-right: 0;
}
.block-goods-list__navi-slideside .img-brand-list-item:nth-last-child(1),
.block-goods-list__navi-slideside .img-brand-list-item:nth-last-child(2),
.block-goods-list__navi-slideside .img-brand-list-item:nth-last-child(3){
    border-bottom: 0;
}
.block-goods-list__navi-slideside .img-brand-list-item a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 3%;
    box-sizing: border-box;
}
.list-item-brand .block-goods-list__navi-slideside .block-goods-list__navi-slideside{
    padding: 4vw;/*15px*/
    border-bottom: 1px solid #D5D5D5;
}
.block-goods-list__navi-slideside .list-column2{
    display: flex;
    flex-wrap: wrap;
}
.block-goods-list__navi-slideside .list-column2 li{
    width: 50%;
    height: 13.33333vw;/*50px*/
}
.block-goods-list__navi-slideside .list-column2 li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 4.26666vw;/*16px*/ 
    width: 100%;
    height: 100%;
    border-right: 1px solid #D5D5D5;
    box-sizing: border-box;
}
.block-goods-list__navi-slideside .list-column2 li:nth-child(2n+2) a{
    border-right: none;
}
.block-header-menu-list--bottom{
    /*padding: 40px 0;*/
    padding: 10.66666vw 0;
}
.block-header-menu-list--bottom ul{
    width: calc(345 / 375 * 100vw);
    margin: 0 auto;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}
.block-header-menu-list--bottom li{
    width: 50%;
    height: 14.666666vw;/*55px*/
    border-top: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
    position: relative;
    box-sizing: border-box;
    background: url(/cms/img/usr/sb/blog/list/icon_arrow.png) no-repeat;
    background-position: right 12px center;
    background-size: 6.5px auto;
}
.block-header-menu-list--bottom li:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 4vw;
    line-height: 3.2vw;
    position: absolute;
    right: 12px;
    top: -webkit-calc(50% - 2vw);
    top: calc(50% - 2vw);
    color: #333333;
    display: none;
}
.block-header-menu-list--bottom li:nth-child(2n+2){
    border-right: 1px solid #D5D5D5;
}
.block-header-menu-list--bottom li:nth-last-child(1),
.block-header-menu-list--bottom li:nth-last-child(2){
    border-bottom: 1px solid #D5D5D5;
}
.block-header-menu-list--bottom li a{
    width: 100%;
    height: 100%;
    line-height: 14.666666vw;/*55px*/
    font-size: 3.73333vw;/*14px*/ 
    padding-left: 4vw;/*15px*/
    display: block;
    text-decoration: none;
}
.block-header-menu-list--bottom-close-btn{
    text-align: center;
    font-size: 3.73333vw;/*14px*/ 
}
.block-header-menu-list--bottom-close-btn:before{
    content: "×";
}

/* ----グローバルナビ---- */
.block-globalnav--item-list {
  display: table;
  width: 100%;
}
.block-globalnav--item-list > li {
  display: table-cell;
  width: 20%;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  border-left: 1px solid #666;
  padding: 10px 0;
}
.block-globalnav--item-list > li > a {
  display: block;
  color: #fff;
}
.block-globalnav--item-list li i.fa {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
  z-index: 1;
}

/* ----フッター---- */
footer {
    padding-top: 0;
    border-top: none;
}
.block-footer-menu {
    width: 100%;
    background: #F5F5F5;
    /*padding: 36px 0 40px;*/
    padding: 9.6vw 0 10.66666vw;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    border-top: 1px solid #000;
}
.block-footer-menu--lists {
    width:-webkit-calc(100% / 3); 
    width:calc(100% / 3); 
    border-right: 1px solid #D5D5D5;
}
.block-footer-menu--lists:last-child {
    border-right: none;
}
.block-footer-menu--lists li a {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
}
.block-footer-menu--lists li:nth-child(1) a {
    font-size: 4.26666vw;/*16px*/
    line-height: 6.66667vw;/*25px*/
    font-weight: bold;
    text-decoration: underline;
}
.block-footer-menu--lists li:not(:nth-child(1)) a {
    font-size: 3.73333vw;/*14px*/
    line-height: 6.4vw;/*24px*/
}
.block-footer-menu--lists li:last-child a {
    margin-bottom: 0;
}
.block-footernav {
    /*padding: 40px 0 42.5px;*/
    padding: 10.66666vw 0 11.33333vw;
    text-align: center;
    background: #fff;
}
.block-footernav--sns-list{
    width: -webkit-calc(231 / 375 * 100vw);
    width: calc(231 / 375 * 100vw);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
}
.block-footernav--sns-list li:not(:last-child){
    margin-right: 5.33333vw;/*20px*/
}
.block-footernav--item{
    /*padding: 37.1px 0 46px;*/
    padding: 9.89333vw 0 12.26666vw;
}
.block-footernav--item a{
    text-align: center;
    font-size: 3.73333vw;/*14px*/ 
    line-height: 5.86666vw;/*22px*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.block-footernav--item a img{
    width: 25px;
    margin-right: 2.93333vw;/*11px*/
    position: relative;
    top: -3px;
}
.block-footernav--item-list{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.block-footernav--item-list li a{
    font-size: 3.73333vw;/*14px*/ 
    line-height: 8vw;/*30px*/
    padding: 0 1em;
    display: inline-block;
    text-decoration: none;
}
.block-footernav--item-list li:nth-child(1):after,
.block-footernav--item-list li:nth-child(3):after,
.block-footernav--item-list li:nth-child(5):after,
.block-footernav--item-list li:nth-child(6):after{
    content: "|";
}


/* ----ページトップに戻る---- */
.block-page-top a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    background: url(/cms/img/usr/sb/common/icon_pagetop.png) no-repeat;
    background-size: 100% auto;
}
.block-page-top {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    display: none;
}
.page-method .block-page-top {
  position: fixed;
  top: auto;
  bottom: 75px;
  right: 26px;
  display: none;
}
.block-page-top.js-high{
  bottom: 75px;
}
.page-goods .block-page-top.js-high{
  bottom: -webkit-calc(102 / 375 * 100vw);
  bottom: calc(102 / 375 * 100vw);
}
/* ----PC/スマホ切り替えスイッチ---- */
.block-switcher {
  display: none;
  border-top: 1px solid #eee;
  padding: 10px 10px 0 0;
}
.block-switcher li {
  display: inline-block;
  padding: 0 0 10px 10px;
  width: 50%;
}
.block-switcher--switch {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #444;
  color: #fff;
  text-decoration: none;
}
.block-switcher--current {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ccc;
  color: #fff;
}
.block-switcher .fa {
  margin-right: 10px;
  vertical-align: middle;
}
.block-switcher .fa-mobile-phone {
  font-size: 24px;
}
.block-switcher .fa-desktop {
  font-size: 18px;
}
/* ----Copyright---- */
footer #copyright.block-copyright {
    font-size: 3.2vw;/*12px*/
    line-height: 6.4vw;/*24px*/
    text-align: center;
    color: #333;
    padding: 0 0 8.3733333vw;/*31.4px*/
    display: inline-block;
    width: 100%;
    border: none;
}
footer #copyright.block-copyright span{
    position: relative;
    top: -1px;
}
/* 共通 */
div.wrapper_ a,
div.wrapper_ a:link{
    color: #000;
}

/* 横幅調整 */
@media screen and (min-width:376px){
    div.wrapper_ {
        margin: 0 auto;
    }
    .block-header-top--inner{
        padding: 0 15px;
        box-sizing: border-box;
    }
    .block-header-top.fixed .block-header-top--inner{
        box-sizing: border-box;
    }
    #header_menu{
        margin-right: 25.8px;
    }
    .block-header-bottom--menu-list{
        width: 280px;
        margin: 0 auto;
    }
    .block-header-bottom--menu-list li{
        width: 80px;
    }
    .block-header-bottom--menu-list li a{
        padding-bottom: 6px;
    }
    .block-header-bottom--menu-list li a span{
        line-height: 22px;
    }
    .block-header-bottom--menu-list li a span:nth-child(1){
        font-size: 16px;
        font-weight: bold;
    }
    .block-header-bottom--menu-list li a span:nth-child(2){
        font-size: 9px;
    }
    .block-header-menu-list--header h2 span{
        font-size:14px;
        line-height: 60px;
    }
    .block-header-menu-list--close-btn{
        left: 17.6px;
    }
    .block-header-menu-list--top{
        padding: 15px 0;
    }
    .block-header-menu-list--top ul{
        max-width: 345px;
    }
    .block-header-menu-list--top li{
        height: 55px;
    }
    .block-header-menu-list--top li a{
        font-size: 14px;
    }
    h3.block-header-menu-list--title{
        font-size: 24px;
        padding: 0 0 16.5px;
        margin: 22px 0 0;
    }
    h3.block-header-menu-list--title span{
        font-size: 10px;
        margin-left: 10px;
    }
    .block-footer-menu--lists{
        max-width: 124px;
    }
    .block-goods-list__navi-menu + h3.block-header-menu-list--title{
        margin-top: 17.5px;
    }
    .block-goods-list__navi-menu .list-item > a{
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        padding-left: 13.5px;
    }
    .block-goods-list__navi-menu .list-item__center.level0{
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        padding-left:13.5px;
    }
    .block-goods-list__navi-menu .list-item__center.level0 > span{
        height:50px;
        line-height:50px;
        font-size: 14px; 
        padding-left: 13.5px;
    }
    .block-goods-list__navi-menu .list-item__center.level1{
        height: 50px;
        padding-left: 30px;
    }
    .block-goods-list__navi-menu .list-item__center > .list-item-name{
        font-size: 14px;
    }
    .block-goods-list__navi-menu .list-item__center.level1 + .block-goods-list__navi-slideside .list-item a{
        padding-left: 79px;
    }
    .list-item--chevron > div.list-item__center:before {
        width: 1px;
        height: 11px;
        background-color: #333;
        right: 21px;
        margin-top: -5px;
    }
    .list-item--chevron > div.list-item__center:after {
        width: 11px;
        height: 1px;
        background-color: #333;
        right: 16px;
        margin-top: 0;
    }
    .block-goods-list__navi-menu .block-goods-list__navi-slideside{
        display: none;
    }
    .block-goods-list__navi-slideside .img-list{
        width: 345px;
    }
    .block-goods-list__navi-slideside .img-list-item{
        width: 165px;
        margin-bottom: 15px; 
    }
    .block-goods-list__navi-slideside .img-list-item:nth-child(1),
    .block-goods-list__navi-slideside .img-list-item:nth-child(2){
        margin-top: 15px; 
    }
    .block-goods-list__navi-slideside .img-brand-list{
        width: 345px;
        margin: 0 auto;
    }
    .block-goods-list__navi-slideside .img-brand-list-item{
        width: calc(345px / 3);
        height: calc(345px / 3);
        box-sizing: border-box;
    }
    .list-item-brand .block-goods-list__navi-slideside .block-goods-list__navi-slideside{
        padding:15px;
    }
    .block-goods-list__navi-slideside .list-column2 li{
        height: 50px;
    }
    .block-goods-list__navi-slideside .list-column2 li a{
        padding-left:16px;
        text-decoration: none;
    }
    .block-header-menu-list--bottom{
        padding: 40px 0;
    }
    .block-header-menu-list--bottom ul{
        width: 345px;
    }
    .block-header-menu-list--bottom li{
        height: 55px;
    }
    .block-header-menu-list--bottom li:after {
        font-size: 15px;
        line-height: 12px;
        top: 19.4844px;
    }
    .block-header-menu-list--bottom li a{
        line-height:55px;
        font-size: 14px;
        padding-left: 15px;
    }
    .block-header-menu-list--bottom-close-btn{
        font-size:14px;
        padding-bottom: 40px;
        cursor: pointer;
    }
    .block-footer-menu {
        padding: 36px 0 40px;
    }
    .block-footer-menu--lists li:nth-child(1) a {
        font-size: 16px;
        line-height: 25px;
    }
    .block-footer-menu--lists li:not(:nth-child(1)) a {
        font-size: 14px;
        line-height: 24px;
    }
    .block-footernav {
        padding: 40px 0 42.5px;
    }
    .block-footernav--sns-list{
        width: 231px;
    }
    .block-footernav--sns-list li:not(:last-child){
        margin-right:20px;
    }
    .block-footernav--item{
        padding: 37.1px 0 46px;
    }
    .block-footernav--item a{
        font-size: 14px; 
        line-height: 22px;
    }
    .block-footernav--item a img{
        margin-right: 11px;
    }
    .block-footernav--item-list li a{
        font-size: 14px;
        line-height: 30px;
    }
    footer #copyright.block-copyright {
        font-size: 12px;
        line-height: 24px;
        padding: 0 0 31.4px;
    }
}

/* ブログ一覧 */
.pane-bloglist-head--mv{
    margin: 0 0 25px;
}
.pane-bloglist-head--mv img{
    margin: 0 auto;
    display: block;
}
.pane-bloglist-head p{
    width: calc(345 / 375 * 100vw);
    margin: 0 auto 27px;
    font-size: 14px;
    line-height: 24px;
}
@media screen and (max-width: 374px) {
    .pane-bloglist-head p{
        font-size: 3.73333vw;/*14px*/ 
        line-height: 6.4vw;/*24px*/
    }
}
.pane-bloglist-head--list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 29px auto 60px;
    width: calc(345 / 375 * 100vw);
    max-width: 345px;
}
.pane-bloglist-head--list li{
    width: calc(107 / 375 * 100vw);
    max-width: 107px;
    height: calc(60 / 375 * 100vw);
    max-height: 60px;
    border-radius: 3px;
    border: 1px solid #000;
}
.pane-bloglist-head--list li a{
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 0 0 0 10px;
    background: url(/cms/img/usr/sb/blog/list/icon_arrow.png) no-repeat;
    background-position: right 12px center;
    background-size: 6.5px auto;
    box-sizing: border-box;
}
@media screen and (max-width: 374px) {
    .pane-bloglist-head--list li a{
        font-size: 3.73333vw;/*14px*/ 
        line-height: 5.33333vw;/*20px*/
        background-position: right calc(12 / 375 * 100vw) center;
    }
}
#block_blog_list_main,
.block-blog-list--detail{
    width: calc(345 / 375 * 100vw);
    margin: 0 auto;
}
.block-blog-list--detail-item {
    padding: 0 0 28px;
    margin: 0 0 30px;
    border-bottom: 1px solid #D5D5D5;
}
.block-blog-list--detail-item-img{
    width: 100%;
    margin: 0 0 10px;
}
.block-blog-list--detail-item-img{
    width: 100%;
    margin: 0 0 10px;
}
.block-blog-list--detail-item-img img{
    width: calc(345 / 375 * 100vw);
    height: calc(345 / 375 * 100vw);
}
.block-blog-list--detail-item-posted{
    font-size: 12px;
    margin-bottom: 10px;
}
@media screen and (max-width: 374px) {
    .block-blog-list--detail-item-posted{
        font-size: 3.2vw;/*12px*/ 
    }
}
.block-blog-list--detail-item-category ul.item_node{
    display: flex;
    flex-wrap: wrap;
}
.block-blog-list--detail-item-category ul.item_node li{
    color: #fff;
    background: #999999;
    line-height: 20px;
    margin: 0 10px 10px 0;
    display: inline-block;
    text-align: center;
    padding: 0 6.5px;
    font-size: 12px;
    width: auto;
}
@media screen and (max-width: 374px) {
    .block-blog-list--detail-item-category ul.item_node li{
        font-size: 3.2vw;/*12px*/
    }
}
.block-blog-list--detail-item-title a{
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline;
}
@media screen and (max-width: 374px) {
    .block-blog-list--detail-item-title a{
        font-size: 3.73333vw;/*14px*/ 
        line-height: 6.4vw;/*24px*/
    }
}
.blog_list_foot{
    margin: 20px 0 0;
}
.blog_list_foot > p{
    text-align: center;
    margin: 0 0 27px;
}
.breadcrumb.loaded{
    margin: 61px 25px 40px;
    font-size: 11px;
}
@media screen and (max-width: 374px) {
    .breadcrumb.loaded{
        font-size: 3.2vw;/*12px*/ 
    }
}
.breadcrumb a{
    color: #333 !important;
    text-decoration: underline;
}
.breadcrumb.loaded > span{
   margin-right: 0.5em;
   font-size: 11px;
}
.breadcrumb.loaded > span:last-child a{
    color: #999 !important;
    text-decoration: none;
}

/* モーダル */
.js-filter-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102,102,102,0.85);
    z-index: 9950;
}
.js-filter-modal > .inner{
    overflow-y: auto;
    height: 100vh;
}
.js-filter-modal .block-search-list{
    width: 100%;
}
.js-filter-modal .block-search-list--title{
    position: relative;
}
.js-filter-modal .block-search-list--title span{
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}
.js-filter-modal .block-search-list--title .js-filter-modal-close-btn{
    position: absolute;
    top: 30.6px;
    left: calc(17.6 / 375 * 100vw);
    width: 13px;
    height: 13px;
    display: block;
    z-index: 9960;
}
.js-filter-modal .block-search-list--title .js-filter-modal-close-btn:before{
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 15px;
    height: 1px;
    background: #707070;
    transform: rotate(-45deg);
}
.js-filter-modal .block-search-list--title .js-filter-modal-close-btn:after{
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 15px;
    height: 1px;
    background: #707070;
    transform: rotate(45deg);
}
.js-filter-modal .js-list{
    background: #fff;
}
.js-filter-modal .js-list-item{
    width: calc(345 / 375 * 100vw);
    /* max-width: 345px; */
    margin: 0 auto;
    border-bottom: 1px solid #000000;
}
.js-filter-modal .js-list-item.js-list-item-category{
    border-top: 1px solid #000000;
}
.js-filter-modal .js-list-item.js-list-item-archive{
    border-bottom: none;
}
.js-filter-modal .js-list-item > span,
.js-filter-modal .js-list-item .js-ac-btn{
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    letter-spacing: 0.04em;
    color: #333333;
    position: relative;
    display: block;
    padding: 0 15px;
    cursor: pointer;
    box-sizing: border-box;
}
.js-filter-modal .js-list-item .js-ac-btn{
    font-weight: normal;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    letter-spacing: 0;
}
@media screen and (max-width: 374px) {
    .js-filter-modal .js-list-item > span,
    .js-filter-modal .js-list-item .js-ac-btn{
        padding: 0 calc(15 / 375 * 100vw);
    }
}
.js-filter-modal .js-list-item > span:before,
.js-filter-modal .js-list-item > span:after,
.js-filter-modal .js-list-item span.js-ac-btn:before,
.js-filter-modal .js-list-item span.js-ac-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
}
.js-filter-modal .js-list-item > span:before,
.js-filter-modal .js-list-item span.js-ac-btn:before {
    width: 1px;
    height: 11px;
    background-color: #333;
    right: 21px;
    margin-top: -5px;
    transition: all 0.3s;
}
.js-filter-modal .js-list-item.active > span:before,
.js-filter-modal .js-list-item span.js-ac-btn.active:before {
    transform: rotate(90deg);
}
.js-filter-modal .js-list-item > span:after,
.js-filter-modal .js-list-item span.js-ac-btn:after {
    width: 11px;
    height: 1px;
    background-color: #333;
    right: 16px;
    margin-top: 0;
}
.js-filter-modal-close .js-filter-modal-close-btn{
    font-size: 14px;
    margin: 43px 0;
    text-align: center;
    color: #fff;
    width: 100%;
    display: block;
    cursor: pointer;
}
.js-filter-modal-close .js-filter-modal-close-btn:before{
    content: "×";
    margin-right: 0.5em;
}

.js-filter-modal .js-list-item.js-list-item-category li,
.js-filter-modal .js-list-item.js-list-item-archive li.js-ac-list-item{
    margin:0;
    border-top: 1px solid #E5E5E5;
    width: 100%;
    min-height: 46px;
}
@media screen and (max-width: 374px) {
    .js-filter-modal .js-list-item.js-list-item-category li,
    .js-filter-modal .js-list-item.js-list-item-archive li.js-ac-list-item{
        margin: 0 calc(15 / 375 * 100vw);
    }
}
.js-filter-modal .js-list-item.js-list-item-category li a,
.js-filter-modal .js-list-item.js-list-item-category li span{
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 46px;
    display: block;
    color: #333;
    text-decoration: none;
}
.js-filter-modal .js-list-item.js-list-item-archive .js-ac-main li{
    margin:0 0 24px;
    width: 100%;
}
.js-filter-modal .js-list-item.js-list-item-archive .js-ac-main li:last-child{
    margin:0;
}
.js-filter-modal .js-list-item.js-list-item-archive .js-ac-main{
    border-top: 1px solid #E5E5E5;
    padding: 17px 0 17px 30px;
}
.js-filter-modal .js-list-item.js-list-item-archive li a{
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: block;
    color: #333;
    text-decoration: none;
}
.js-filter-modal .js-list-item.js-list-item-archive li a .event_list_yyyy_{
    display: none;
}
.js-filter-modal .js-list-item.js-list-item-tag .event_list_{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 15.5px 0 16px;
    margin: 0 auto;
    width: calc(345 / 375 * 100vw);
}
@media screen and (max-width:374px){
    .js-filter-modal .js-list-item.js-list-item-tag .event_list_{
        padding: calc(15.5 / 375 * 100vw) 0 calc(16 / 375 * 100vw);
    }
}
.js-filter-modal .js-list-item.js-list-item-tag a{
    color: #333 !important;
    padding: 5px 19px 5px 15px;
    border-radius: 15px;
    border: 1px solid #D5D5D5;
    margin: 0 5px 10px 0;
    font-size: 14px;
    display: inline-block;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
}
.js-filter-modal .genre_filter_link {
    max-width: 100%;
}

/* アーカイブ */
#block_search_category h2,
#block_search_tag h2,
#block_archive h2{
    width: 100%;
    height: 60.5px;
    line-height: 60.5px;
    font-size: 16px;
    letter-spacing: 0.04em;
    border-top: 1px solid #000000;
    border-bottom: none;
    position: relative;
    text-align: left;
    background: transparent;
    text-shadow: none;
    font-weight: bold;
    padding: 0 15px;
    margin: 0;
    box-sizing: border-box;
}
#block_search_category h2:before,
#block_search_category h2:after,
#block_search_tag h2:before,
#block_search_tag h2:after,
#block_archive h2:before,
#block_archive h2:after,
#block_archive .js-ac-btn:before,
#block_archive .js-ac-btn:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
}
#block_search_category h2:before,
#block_search_tag h2:before,
#block_archive h2:before,
#block_archive .js-ac-btn:before{
    width: 1px;
    height: 11px;
    background-color: #333;
    right: 21px;
    margin-top: -5px;
    transition: all 0.3s;
}
#block_archive .js-ac-btn:before{
    right: 5px;
}
#block_search_category h2.active:before,
#block_search_tag h2.active:before,
#block_archive h2.active:before,
#block_archive .js-ac-btn.minus:before {
    transform: rotate(90deg);
}
#block_search_category h2:after,
#block_search_tag h2:after,
#block_archive h2:after,
#block_archive .js-ac-btn:after {
    width: 11px;
    height: 1px;
    background-color: #333;
    right: 16px;
    margin-top: 0;
}
#block_archive .js-ac-btn:after {
    right: 0;
}

/* カテゴリから記事を探す */
#block_search_category .genre_filter_link{
    width: calc(345 / 375 * 100vw);
    margin: 0 auto;
}
#block_search_category .genre_filter_link li{
    margin:0;
    border-top: 1px solid #E5E5E5;
    width: 100%;
    min-height: 46px;
    color: #333333;
    font-size: 12px;
    line-height: 1.5;
}
@media screen and (max-width: 374px) {
    #block_search_category .genre_filter_link li{
        margin: 0 calc(15 / 375 * 100vw);
    }
}
#block_search_category .genre_filter_link li > a,
#block_search_category .genre_filter_link li > span{
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 14px 0;
    display: block;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
    color: #333333;
}
#block_search_category .genre_filter_link{
    display: none;
}

/* タグから記事を探す */
#block_search_tag .event_{
    margin: 0;
}
#block_search_tag .event_list_ {
    width: calc(345 / 375 * 100vw);
    margin: 0 auto;
    padding: 10px 0 20px;
}
#block_search_tag .event_item_list_ {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
#block_search_tag .event_list_ a {
    display: inline-block;
    color: #333333;
    text-decoration: none;
    background: #FFF;
    padding: 5px 15px 5px 17px;
    border-radius: 15px;
    border: 1px solid #D5D5D5;
    margin: 0 10px 10px 0;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
}
#block_search_tag .event_list_{
    display: none;
}

/* アーカイブから記事を探す */
#block_archive .event_{
    margin: 0;
}
#block_archive .event_list_ {
    width: calc(345 / 375 * 100vw);
    margin: 0 auto;
}
#block_archive .event_list_ li {
    color: #333333;
    font-size: 12px;
    line-height: 1.5;
}
#block_archive .event_list_ li a {
    text-decoration: none;
    color: #333333;
}
#block_archive li.js-ac-list-item{
    margin:0;
    border-top: 1px solid #E5E5E5;
    width: 100%;
    min-height: 46px;
}
@media screen and (max-width: 374px) {
    #block_archive li.js-ac-list-item{
        margin: 0 calc(15 / 375 * 100vw);
    }
}
#block_archive li.js-ac-list-item > span{
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 14px 0;
    display: block;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
}
#block_archive .js-ac-main{
    box-sizing: border-box;
    padding: 6px 0 6px 20px;
    border-top: 1px solid #E5E5E5;
}
@media screen and (max-width:374px) {
    #block_archive .js-ac-main{
        padding: 1.66vw 0 1.66vw 5.33333vw;
    }
}
#block_archive .js-ac-main li a{
    line-height: 40px;
    width: 100%;
    display: block;
}
#block_archive .event_list_yyyy_,
#block_archive .event_list_{
    display: none;
}

/* ページャー */
.navipage_first_,
.navipage_last_{
    display: none;
}
.navipage_ > center > a,
.navipage_ .navipage_now_{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    font-size: 15px;
    box-sizing: border-box;
    background: #fff;
    font-weight: normal;
    text-decoration: none;
}
@media screen and (max-width:374px) {
    .navipage_ > center > a,
    .navipage_ .navipage_now_{
        width: calc(30 / 375 * 100vw);
        height: calc(30 / 375 * 100vw);
        line-height: calc(30 / 375 * 100vw);
        margin: 0 calc(5 / 375 * 100vw);
        font-size: calc(15 / 375 * 100vw)
    }
}
.navipage_ .pager-colon{
    width: auto;
    border: none;
    text-decoration: none;
    margin: 0;
    display: inline-block;
}
.navipage_ .navipage_now_,
.navipage_ > center > a:not(.pager-colon):hover{
    background-color: #BBBBBB;
    border: 1px solid #E5E5E5;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
.navipage_ .navipage_prev_,
.navipage_ .navipage_next_{
    width: 45px;
    height: 30px;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
}
@media screen and (max-width:374px) {
    .navipage_ .navipage_prev_,
    .navipage_ .navipage_next_{
        width: calc(45 / 375 * 100vw);
        height: calc(30 / 375 * 100vw);
    }
}
.navipage_ .navipage_prev_ a,
.navipage_ .navipage_next_ a{
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    border: none;
    background: #000000;
    color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s;
    padding: 0;
    margin: 0;
    display: inline-block;
}
@media screen and (max-width:374px) {
    .navipage_ .navipage_prev_ a,
    .navipage_ .navipage_next_ a{
        line-height: calc(30 / 375 * 100vw);
    }
}
.navipage_ .navipage_prev_ a:hover,
.navipage_ .navipage_next_ a:hover{
    opacity: 0.7;
}
.navipage_ .navipage_prev_ a:before,
.navipage_ .navipage_next_ a:before{
    color: #fff;
    font-size: 16px;
    display: inline-block;
}
.navipage_ .navipage_prev_ a:before{
    content: "<";
}
.navipage_ .navipage_next_ a:before{
    content: ">";
}
.navipage_ .navipage_prev_{
    margin-right: 5px;
}
.navipage_ .navipage_next_{
    margin-left: 5px;
}
@media screen and (max-width:374px) {
    .navipage_ .navipage_prev_{
        margin-right: calc(4 / 375 * 100vw);
    }
    .navipage_ .navipage_next_{
        margin-left: calc(4 / 375 * 100vw);
    }
}
.navipage_ .navipage_forward_,
.navipage_ .navipage_reverse_{
    margin: 0;
    height: 30px;
    display: inline-block;
    vertical-align: bottom;
}
@media screen and (max-width:374px) {
    .navipage_ .navipage_forward_,
    .navipage_ .navipage_reverse_{
        height: calc(30 / 375 * 100vw);
    }
}
.navipage_.bottom_{
    margin: 0;
    padding: 0;
}