@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　共通設定
--------------------------------------------------------------------- */
body *{
	box-sizing: border-box;
}
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
}
/* WinIE7 MacIE5 */
.clearfix{
	display:inline-table;
	zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html .clearfix{
	height:1px;
}
.clearfix{
	display:block;
}

/* --------------------------------------------------------------------
	SP切り替え
--------------------------------------------------------------------- */
div.change_mode_ {
	background-color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	text-align: center;
}
div.change_mode_ .change_mode_{
	background-color: #333333;
	display: block;
	border-radius: 10px;
	margin: 24px 24px 0;
	padding: 30px 0 0;
	height: 88px;
	font-size: 150%;
	color: #ffffff;
}
div.change_mode_ .now_mode_{
	display: none;
}
@media (max-width: 768px) {
	div.change_mode_ {
		height: 136px;
	}
}

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
  background: #fff;
  margin: 0 0 80px;
}
body#top #header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
#header .nav-backdrop{
	display: none;
	background-color: #000000;
	position: fixed;
	top: 80px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}
#header .search-backdrop {
	display: none;
	background-color: #000000;
	position: fixed;
	top: 70px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}
#header a{
	color: #232323;
}
#header a:hover{
	color: #e21836;
	text-decoration: none;
}
#header .message {
	display: none;
	background-color: #e21836;
	padding: 5px 0 0;
	height: 30px;
	color: #ffffff;
	text-align: center;
	font-size: 108.5%;	/* 15px */
}
#header .metabar {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #e5e5e5;
  padding: 2px 30px;
	height: 56px;
  min-width: 1000px;
}
#header .metabar a:link,
#header .metabar a:visited { color: #4d4d4d; }
#header .metabar a:hover,
#header .metabar a:active { color: #df1e3b; }
#header .metabar .country{
	float: left;
	padding: 2px 15px 3px 20px;
}
#header .metabar ul{
	float: left;
	overflow: hidden;
}
#header .metabar ul li{
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 20px;
}
#header .metabar ul li a{
	display: inline-block;
	height: 19px;
}
#header .metabar ul li a.shopsearch{
	background: url(../img/usr/common/icon_marker.png) no-repeat 0 center;
	padding: 0 0 0 20px;
}
#header .metabar ul li a.shopsearch:hover{
	background-image: url(../img/usr/common/icon_marker-red.png);
}
#header .metabar ul li a.channel{
	background: url(../img/usr/common/icon_channel.png) no-repeat 0 center;
	padding: 0 0 0 25px;
}
#header .metabar ul li a.channel:hover{
	background-image: url(../img/usr/common/icon_channel-red.png);
}
#header .metabar ul li a.event{
	background: url(../img/usr/common/icon_calender.png) no-repeat 0 center;
	padding: 0 0 0 25px;
}
#header .metabar ul li a.event:hover{
	background-image: url(../img/usr/common/icon_calender-red.png);
}

#header .navbar {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	background-color: #ffffff;
	position: absolute;
	left: 0;
	top: 56px;
	width: 100%;
	min-width: 1385px;
	padding: 10px 30px;
	z-index: 2;
}

@media (max-width: 768px) {
	#header .navbar {
		top: 206px;
	}
}

body:not(#top) #header .navbar.fixed {
	position: fixed;
	top: 0;
}
#header .navbar .logo{
	float: left;
}
#header .navbar .logo a{
	display: block;
	height: 25px;
	padding: 18px 0 0;
	box-sizing: content-box;
}
#header .navbar .logo a img{
  height: 100%;
}
#header .navbar .menu{
	float: right;
	overflow: hidden;
}
#header .navbar .menu > div{
	float: left;
	margin: 0 0 0 40px;
}
#header .navbar .menu a{
	position: relative;
	background-position: 0 center;
	background-repeat: no-repeat;
	display: block;
	height: 60px;
}
#header .navbar .menu a.faq_{
	background-image: url(../img/usr/common/icon_faq.png);
	padding: 22px 0 0 30px;
	background-size: 24px;
}
#header .navbar .menu a.faq_:hover{
	background-image: url(../img/usr/common/icon_faq_on.png);
}
#header .navbar .menu .search{
	background-image: url(../img/usr/common/icon_search.png);
	padding: 22px 0 0 30px;
	background-size: 24px;
}
#header .navbar .menu a.search:hover{
	background-image: url(../img/usr/common/icon_search-red.png);
}
#header .navbar .menu a.login{
	background-image: url(../img/usr/common/icon_login.png);
	padding: 22px 0 0 35px;
	background-size: 28px;
}
#header .navbar .menu a.login:after{
	display: inline-block;
	content: url(../img/usr/common/icon_mynb.png);
	vertical-align: middle;
}
#header .navbar .menu a.login:hover{
	background-image: url(../img/usr/common/icon_login-red.png);
}
#header .navbar .menu a.login:hover:after{
	content: url(../img/usr/common/icon_mynb-red.png);
}
#header .navbar .menu .h-bookmark{
	background-image: url(../img/usr/common/icon_h_bookmark.png);
	padding: 22px 0 0 33px;
	background-size: 28px;
}
#header .navbar .menu a.h-bookmark:hover{
	background-image: url(../img/usr/common/icon_h_bookmark_on.png);
}
#header .navbar .menu .ranking{
	background-image: url(../img/usr/common/icon_h_ranking.png);
	padding: 22px 0 0 30px;
	background-size: 25px;
}
#header .navbar .menu a.ranking:hover{
	background-image: url(../img/usr/common/icon_h_ranking_on.png);
}
#header .navbar .menu a.cart{
	background-image: url(../img/usr/common/icon_shopping-cart.png);
	padding: 22px 0 0 25px;
	background-size: 20px;
}
#header .navbar .menu a.cart:hover{
	background-image: url(../img/usr/common/icon_shopping-cart-red.png);
}
#header .navbar .menu .category-expand{
	display: none;
	background-color: #ffffff;
	border-top: 1px solid #dddddd;
	position: absolute;
	left: 0;
	top: 60px;
	padding: 40px 0;
	width: 100%;
}
#header .navbar .menu .category-expand .inner{
	margin: 0 auto;
	width: 600px;
}
#header .navbar .menu .category-expand .input{
	position: relative;
}
#header .navbar .menu .category-expand .input input[type=text]{
	background-color: #eeeeee;
	padding: 17px 60px 17px 25px;
	font-size: 133%;	/* 16px */
}
#header .navbar .menu .category-expand .input input[type=submit]{
	position: absolute;
	right: 20px;
	top: 18px;
	background: url(../img/usr/common/icon_search.png) no-repeat center center transparent;
	background-size: 26px auto;
	border: none;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	cursor: pointer;
}
#header .navbar .menu .category-expand .input input[type=submit]:hover{
	background-image: url(../img/usr/common/icon_search-red.png);
}
#header .navbar .menu .category-expand .link{
	text-align: center;
}
#header .navbar .menu .category-expand .link .head{
	border-bottom: 1px solid #c5cdd1;
	margin: 25px 0;
	padding: 10px 0;
	font-size: 133%;	/* 16px */
}
#header .navbar .menu .category-expand .link ul{
	font-size: 117%;	/* 14px */
	overflow: hidden;
}
#header .navbar .menu .category-expand .link ul li{
	float: left;
	margin: 0 45px 0 0;
}
#header .navbar .menu .category-expand .link ul li a{
	height: auto;
}
#header .navbar #jscart_replace_ span{
	position: absolute;
	left: 18px;
	top: 7px;
	background-color: #e21836;
	display: block;
	padding: 1px 0 0;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
}

/* --------------------------------------------------------------------
	ユーザー定義　グロナビ
--------------------------------------------------------------------- */
#globalnav{
	float: left;
	margin: 0 0 0 40px;
}
#globalnav > ul > li.category-nav{
	float: left;
}
#globalnav > ul > li.category-nav > a{
	display: block;
	padding: 20px 20px 0;
	height: 60px;
	font-size: 14px;
	font-weight: 800;
}
#globalnav > ul > li.category-nav > a.current,
#globalnav > ul > li.category-nav > a.current span.nb1_{
	color: #e21836;
}
#globalnav .category-nav > .category-expand{
	display: none;
	position: absolute;
	left: 0;
	top: 80px;
	background: #f7f7f7;
	width: 100%;
	z-index: 2;
}
#globalnav > ul > li.category-nav > a span.nb1_ {
	color: #6b00af;
}
#globalnav .category-row{
	display: table;
	width: 1260px;
	margin: 0px auto;
	padding: 24px 0px;
}
#globalnav .category-row > li{
	position: relative;
	display: table-cell;
	padding: 0px 12px 0px 8px;
	text-align: left;
	width: 210px;
}
#globalnav .category-row.category-column-x5 > li{	width: 252px;	}
#globalnav .category-row > li + li{
	border-left: 1px solid #e5e5e5;
}
#globalnav .category-row > li .subcategory-title span.nav-txt,
#globalnav .category-row > li > span.nav-txt{
	font-weight: bold;
  color: #232323;
}
#globalnav .category-row > li .subcategory-title .shop,
#globalnav .category-row > li span.nav-txt .shop{
	color: #e21836;
	font-weight: normal;
}
#globalnav .category-row > li.subcategory-nav li{
	margin: 5px 0 0;
}
#globalnav .category-row > li.subcategory-nav a.bland{
	position: absolute;
	bottom: 0;
	padding: 0 0 2px;
	text-decoration: underline;
}
#globalnav .category-row > li.subcategory-nav li.subcategory-subnav{
	margin: 5px 0 0;
}
#globalnav .category-row > li.subcategory-nav li:last-child {
	margin-bottom: 23px;
}
#globalnav li.subcategory-nav.wide{
	width: 420px;
}
#globalnav li.subcategory-nav.wide .category-expand{
	overflow: hidden;
}
#globalnav li.subcategory-nav.wide .subcategory-subnav{
	float: left;
	width: 50%;
}

/* --------------------------------------------------------------------
	ユーザー定義　アテンションエリア
--------------------------------------------------------------------- */
div#block_of_attention {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 600px;
  height: 56px;
  display: flex;
  align-items: center;
	justify-content: center;
	text-align: center;
	letter-spacing: 0.05em;
  z-index: 2;
}
body#top div#block_of_attention {
  position: fixed;
}

@media only screen and (max-width: 1410px) {
  div#block_of_attention {
    left: -15%;
  }
}

/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
#mainvisual {
  position: relative;
	background: #eeeeee;
	background-size: auto 100%;
	text-align: center;
	overflow: hidden;
	max-height: 600px;
	min-height: 275px;
}
#mainvisual h1{
	padding: 125px 0 0;
}
#mainvisual h1 img{
	width: 174px;
}
#mainvisual #mvslider{
  visibility: hidden;
}
#mainvisual .bx-prev,
#mainvisual .bx-next{
  display: block;
  overflow: hidden;
  text-indent: -999px;
  width: 54px;
  height: 54px;
  position: absolute;
  top: 40%;
}
#mainvisual .bx-prev{
  left: 0;
  background: url(../img/usr/visual/prev.png) no-repeat;
}
#mainvisual .bx-next{
  right: 0;
  background: url(../img/usr/visual/next.png) no-repeat;
}
#mainvisual .bx-pager{
  position: absolute;
  bottom: 14px;
  width: 100%;
}
#mainvisual .bx-pager-item{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 9px;
}
#mainvisual .bx-pager-item a{
  display: block;
  width: 100%;
  background: url(../img/usr/visual/page.png) no-repeat;
  overflow: hidden;
  text-indent: -999px;
}
#mainvisual .bx-pager-item a.active{
  background: url(../img/usr/visual/page_active.png) no-repeat;
}
#block_of_top_body a img[alt="mainv01"] {
  width: 100%;
}

/* --------------------------------------------------------------------
	ユーザー定義　カテゴリメニュー
--------------------------------------------------------------------- */
#block_of_categorytree{
	background: #efefef;
	background-size: cover;
	padding: 10px 0 0;
	height: 120px;
	text-align: center;
}
#block_of_categorytree ul li{
	display: inline-block;
	line-height: 0.85;
}
#block_of_categorytree ul li a{
	display: block;
	padding: 25px 0 0;
	height: 100px;
	width: 255px;
	color: #232323;
}
#block_of_categorytree ul li a:hover{
	text-decoration: none;
}
#block_of_categorytree ul li a span{
	display: block;
	font-size: 150%;	/* 18px */
	font-weight: 600;
	padding-right: 17px;
}
#block_of_categorytree ul li a strong{
	background: url(../img/usr/common/icon_menu-right-normal.png) no-repeat right center;
	display: inline-block;
	padding: 5px 17px 0 0;
	font-weight: 800;
	font-size: 333%;	/* 40px */
	letter-spacing: -0.05em;
}
/* --------------------------------------------------------------------
	ユーザー定義　ロングバナー
--------------------------------------------------------------------- */
#block_of_longbanner1{
	background: url(../img/usr/longbanner1_bg.png) no-repeat center center;
	background-size: auto 100%;
	height: 350px;
	color: #ffffff;
	line-height: 0.85;
	letter-spacing: -0.05em;
}
#block_of_longbanner1 .inner{
	margin: 0 auto;
	padding: 100px 0 0 160px;
	width: 1200px;
}
#block_of_longbanner1 h2{
	margin: 7px 0;
	font-size: 350%;
	font-weight: bold;
}
#block_of_longbanner1 ul{
	margin: 15px 0;
	font-size: 141.5%;	/* 17px */
}
#block_of_longbanner1 ul li{
	display: inline-block;
	margin: 0 10px 0 0;
}
#block_of_longbanner1 ul li a{
	-webkit-transition: border 300ms ease-out;
	-moz-transition: border 300ms ease-out;
	transition: border 300ms ease-out;
	display: block;
	background-color: #e21836;
	border: 3px solid #e21836;
	padding: 9px 17px;
	color: #ffffff;
}
#block_of_longbanner1 ul li a:hover{
	text-decoration: none;
	border: 3px solid #bc001c;
}
#block_of_longbanner1 .label{
	font-size: 183.5%;	/* 22px */
}
#block_of_longbanner3{
	background: url(../img/usr/longbanner2_bg.png) no-repeat center center;
	background-size: auto 100%;
	height: 475px;
	color: #ffffff;
}
#block_of_longbanner3 .inner{
	margin: 0 auto;
	padding: 130px 0 0 160px;
	width: 1200px;
}
#block_of_longbanner3 h2{
	margin: 7px 0;
	font-size: 350%;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 0.85;
}
#block_of_longbanner3 ul{
	margin: 25px 0;
	font-size: 133%;	/* 16px */
}
#block_of_longbanner3 ul li{
	display: inline-block;
	margin: 0 10px 0 0;
}
#block_of_longbanner3 ul li a{
	-webkit-transition: border 300ms ease-out;
	-moz-transition: border 300ms ease-out;
	transition: border 300ms ease-out;
	display: block;
	background-color: #e21836;
	border: 3px solid #e21836;
	padding: 9px 32px;
	color: #ffffff;
}
#block_of_longbanner3 ul li a:hover{
	text-decoration: none;
	border: 3px solid #bc001c;
}
#block_of_longbanner3 .label{
	background-color: #ffffff;
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0 10px 0 0;
	font-size: 117%;	/* 14px */
	letter-spacing: 0.2em;
	color: #232323;
  -o-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -webkit-transform: skew(-20deg);
	transform: skew(-20deg);
}
#block_of_longbanner3 .label span{
	background-color: #ffffff;
	display: inline-block;
	height: 22px;
	margin: 0 0 0 -5px;
	padding: 0 0 0 10px;
	-o-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-webkit-transform: skew(20deg);
	transform: skew(20deg);
}
#block_of_longbanner3 .txt{
	margin: 10px 0 0;
	font-size: 133%;	/* 16px */
	line-height: 1.1;
}

/* --------------------------------------------------------------------
	ユーザー定義　タイトルバナー
--------------------------------------------------------------------- */
#block_of_titlebanner{
	background: url(../img/usr/list_titlebanner_bg.jpg) no-repeat center center #eeeeee;
	background-size: auto 100%;
	height: 350px;
	text-align: right;
	line-height: 0.85;
	letter-spacing: -0.05em;
}
#block_of_titlebanner .inner{
	margin: 0 auto;
	padding: 70px 200px 0 0;
	width: 1200px;
}
#block_of_titlebanner .title{
	font-size: 300%;	/* 36px */
	font-weight: bold;
}
#block_of_titlebanner .title span{
	display: block;
	margin: 0 0 5px;
}
#block_of_titlebanner .txt{
	margin: 10px 0;
	font-size: 133%;	/* 16px */
	line-height: 1;
}
#block_of_titlebanner ul{
	margin: 20px 0;
	font-size: 92%;	/* 11px */
}
#block_of_titlebanner ul li{
	display: inline-block;
}
#block_of_titlebanner ul li a{
	display: block;
	background-color: #e21836;
	padding: 15px 20px;
	color: #ffffff;
}

/* --------------------------------------------------------------------
	ユーザー定義　バナー
--------------------------------------------------------------------- */
#block_of_banner1{
	margin: 60px 0 0;
	text-align: center;
}
#block_of_banner1 .row{
	margin: 0 auto;
	width: 1200px;
	overflow: hidden;
}
#block_of_banner1 .item{
	float: left;
	margin: 0 0 45px;
	width: 590px;
}
#block_of_banner1 .item:nth-child(even){
	float: right;
}
#block_of_banner1 .item .img{
	margin: 0 0 30px;
}
#block_of_banner1 .item .label{
	font-size: 133%;	/* 16px */
}
#block_of_banner1 .item .name{
	font-size: 200%;
	font-weight: 800;
	letter-spacing: -0.05em;
}
#block_of_banner1 .item ul{
	margin: 25px 0 0;
	font-size: 133%;	/* 16px */
}
#block_of_banner1 .item ul li{
	display: inline-block;
	margin: 0 15px;
	letter-spacing: -0.05em;
}
#block_of_banner1 .item ul li a{
	background: url(../img/usr/common/icon_menu-red-right.png) no-repeat right center;
	padding: 0 15px 0 0;
	color: #e21836;
}
#block_of_banner1 .item ul li a:hover{
	text-decoration: none;
}

#block_of_banner2{
	margin: 0 auto 60px;
	width: 1200px;
}
#block_of_banner2 .row{
	margin: 20px 0;
	overflow: hidden;
}
#block_of_banner2 .item{
	float: left;
}
#block_of_banner2 .item + .item{
	margin: 0 0 0 20px;
}

/* --------------------------------------------------------------------
	ユーザー定義　トピックス
--------------------------------------------------------------------- */
#block_of_topic .inner{
	background: #f4f4f4;
	margin: 0 auto;
	padding: 40px 110px;
	width: 1200px;
}
#block_of_topic .body{
	background-color: #ffffff;
	margin: 20px 0;
	padding: 20px 40px;
}
#block_of_topic .body .item{
  display: table;
  margin: 10px 0;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#block_of_topic .body .item > *{
	display: table-cell;
	vertical-align: top;
}
#block_of_topic .body .item .info{
	padding: 0;
}
#block_of_topic .body .item .img+.info{
	padding: 0 0 0 20px;
  width: 85%;
}
#block_of_topic .body .item .date{
	color: #808080;
}
#block_of_topic .body .item .date .new{
	background-color: #e21836;
	margin: 0 25px;
	padding: 0 7px;
	line-height: 1;
	color: #ffffff;
}
#block_of_topic .body .item .date img{
  width: 70px;
  margin-left: 25px;
}
#block_of_topic .body .item .txt{
	margin: 7px 0 0;
	font-size: 117%;	/* 14px */
}
#block_of_topic .navipage_sum_{
	font-size: 117%;	/* 14px */
}
#block_of_topic .body .item .txt a{
  color: #232323;
}
#block_of_topic .body .item .txt a:hover{
  color: #e21836;
}
.topicline_ li{
  padding: 15px 0;
  border-bottom: 1px solid #c5cdd1;
}
.topicline_ .img_ a img{
  width: 100px;
  height: auto;
}
h2.topic_title_ img,
.topicline_ .img_ > img:last-of-type{
  width: 70px;
  height: auto;
  vertical-align: top;
}
h2.topic_title_{
  margin-bottom: 20px;
}
.topiclist_body_ > .article_{
  padding: 20px 0;
}
/* --------------------------------------------------------------------
	ユーザー定義　注目のアイテム
--------------------------------------------------------------------- */
#block_of_featured{
	margin: 80px 0;
}
#block_of_featured .inner{
	margin: 0 auto;
	width: 1200px;
}
#block_of_featured .body{
	margin: 20px 0 0;
	overflow: hidden;
}
#block_of_featured .section{
	float: left;
	width: 590px;
  margin-bottom: 25px;
}
#block_of_featured .section:nth-of-type(2n){
  margin-left: 20px;
}
#block_of_featured .section:nth-child(odd){
  clear: both;
}
#block_of_featured .section h3{
	display: table-cell;
	width: 590px;
	padding: 10px 10px 5px;
	font-size: 165%;	/* 14px */
	text-align: center;
	vertical-align: middle;
  font-weight: 500;
}
#block_of_featured .section .goodslist01{
	margin: 20px 0;
}
#block_of_featured .section .goodslist01 .price{
  font-size: 110%;
}
#block_of_featured .section .goodslist01 .price.sale {
	color: #e21836;
}
#block_of_featured .section .txt{
	margin: 30px 0 0;
	text-align: center;
}
#block_of_featured .section .btn01{
	margin: 20px auto;
}
#block_of_featured .section .top_comment_{
  width: auto;
  margin: 0 auto 10px;
	font-size: 120%;
}
/* --------------------------------------------------------------------
	ユーザー定義　シルバーエッグレコメンド機能
--------------------------------------------------------------------- */
.dv_recommend {
	margin: 0 -11px 0 0;
	overflow: hidden;
}
.dv_recommend .dv_rc_items{
	position: relative;
	float: left;
	margin: 0 11px 10px 0;
	width: 210px;
	padding: 14px;
	min-height: 295px;
	color: #232323;
	z-index: 1;
}
.dv_recommend .dv_rc_items{
  padding: 0;
}
#top #block_of_ranking .dv_rc_items:after{
	content: url(../img/usr/common/icon_rank01_top.png);
	position: absolute;
	left: 10px;
	top: 10px;
}
#top #block_of_ranking .dv_rc_items:nth-child(4):after{	content: url(../img/usr/common/icon_rank02_top.png);	}
#top #block_of_ranking .dv_rc_items:nth-child(5):after{	content: url(../img/usr/common/icon_rank03_top.png);	}
#top #block_of_ranking .dv_rc_items:nth-child(6):after{	content: url(../img/usr/common/icon_rank04.png);	}
#top #block_of_ranking .dv_rc_items:nth-child(7):after{	content: url(../img/usr/common/icon_rank05.png);	}
#top #block_of_ranking .dv_rc_items:nth-child(8):after{	content: url(../img/usr/common/icon_rank06.png);	}
.dv_recommend .dv_rc_title{
	float: left;
	margin: 0 0 40px;
	width: 100%;
	font-size: 208.5%;
	text-align: center;
}

#recommender_pc111 .dv_rc_title:before,
#recommender_pc311 .dv_rc_title:before,
#recommender_pc411 .dv_rc_title:before,
#recommender_pc811 .dv_rc_title:before {
content: 'あなたにお勧めのアイテム';
}
#recommender_pc111 .dv_rc_title:after,
#recommender_pc311 .dv_rc_title:after,
#recommender_pc411 .dv_rc_title:after,
#recommender_pc811 .dv_rc_title:after {
  content: 'RECOMMEND';
  display: block;
  font-weight: normal;
  font-size: 64.0%;
}
#recommender_pc231 .dv_rc_title:after,
#recommender_pc232 .dv_rc_title:after,
#recommender_pc233 .dv_rc_title:after {
content: 'BEST SELLERS';
}

#recommender_vision .dv_rc_title:before {
content: 'このアイテムに似ているアイテム';
}

.dv_recommend .dv_rc_items a{
	display: block;
	padding: 14px;
	min-height: 295px;
  color: #232323;
}
.dv_recommend .dv_rc_items a{
  background: #fff;
  min-height: 310px;
}
.dv_recommend .dv_rc_items .dv_rc_name a:hover{
  color: #e21836;
}
.dv_recommend .dv_rc_img{
	display: table-cell;
	height: 180px;
	vertical-align: middle;
}
.dv_recommend .dv_rc_img img{
	width: 100%;
	max-height:100%;
}
.dv_recommend .dv_rc_icon{
	font-size: 10px;
	color: #ffffff;
	text-align: center;
}
.dv_recommend .dv_rc_icon ul{
	overflow: hidden;
}
.dv_recommend .dv_rc_icon ul li{
	float: left;
	margin: 0 3px 3px 0;
	padding: 1px 0;
	width: 58px;
}
.dv_recommend .dv_rc_icon ul li:nth-child(3n){
	margin: 0 0 3px;
}
.dv_recommend .dv_rc_icon ul li.new{
	background-color: #ee6557;
}
.dv_recommend .dv_rc_icon ul li.sale{
	background-color: #f1324d;
}
.dv_recommend .dv_rc_icon ul li.reserve{
	background-color: #cf75b0;
}
.dv_recommend .dv_rc_icon ul li.limited{
	background-color: #637bc8;
}
.dv_recommend .dv_rc_icon ul li.reorder{
	background-color: #55b5b9;
}
.dv_recommend .dv_rc_icon ul li.men{
	background-color: #505050;
}
.dv_recommend .dv_rc_name{
	margin: 3px 0;
	font-size: 117%;	/* 14px */
}
.dv_recommend .dv_rc_price{
	margin: 3px 0;
	font-size: 108.5%;	/* 13px */
}
.dv_recommend .dv_rc_price.sale{
	color: #e21836;
}
.dv_recommend .dv_rc_price .special_price_{
	color: #e21836;
}
.dv_recommend .dv_rc_discount{
	color: #e21836;
}

/* --------------------------------------------------------------------
	ユーザー定義　おすすめアイテム
--------------------------------------------------------------------- */
#block_of_goodslist #recommend_area
, #block_of_goodslist #deqwas_recommend_area{
	background:#ffffff;
	padding: 50px 0 20px;
}

#recommend_area
,#deqwas_recommend_area{
	background: #f4f4f4;
	padding: 50px 0 20px;
}
#block_of_recommend.bgnone
, #block_of_deqwas_recommend.bgnone{
	background: none;
}
#detail #block_of_recommend
, #detail #block_of_deqwas_recommend{
	padding: 30px 0 0px;
/*	padding: 90px 0 60px; */
}
#block_of_recommend .inner
, #block_of_deqwas_recommend .inner{
	margin: 0 auto;
	width: 1200px;
}
#block_of_recommend .dv_recommend
, #block_of_deqwas_recommend .dv_recommend{
	margin: 0 0 40px;
}
#block_of_recommend .dv_rc_title
, #block_of_deqwas_recommend .dv_rc_title{
	margin: 0 0 20px;
	letter-spacing: -0.05em;
	font-weight: 800;
}
#block_of_recommend .dv_rc_items
, #block_of_deqwas_recommend .dv_rc_items{
	width: 195px;
	margin: 0 5px 5px 0;
}
#block_of_recommend .dv_rc_items:last-child
, #block_of_deqwas_recommend .dv_rc_items:last-child{
	margin: 0;
}
#block_of_recommend .dv_rc_items a
, #block_of_deqwas_recommend .dv_rc_items a{
	padding: 0;
}
#block_of_recommend .dv_rc_items a:hover
, #block_of_deqwas_recommend .dv_rc_items a:hover{
	text-decoration: none;
	color: #e21836;
}
#block_of_recommend .dv_rc_right
, #block_of_deqwas_recommend .dv_rc_right{
	padding: 10px 14px;
}
#block_of_recommend .dv_rc_icon ul li
, #block_of_deqwas_recommend .dv_rc_icon ul li{
	width: 53px;
}
#block_of_recommend .dv_rc_name
, #block_of_deqwas_recommend .dv_rc_name{
	margin: 0;
	font-size: 133%;	/* 16px */
}
#block_of_recommend .dv_rc_description
, #block_of_deqwas_recommend .dv_rc_description{
	font-size: 108.5%;	/* 13px */
}
#block_of_recommend .dv_recommend .dv_rc_price
, #block_of_deqwas_recommend .dv_recommend .dv_rc_price{
	margin: 0;
}

/* --------------------------------------------------------------------
	ユーザー定義　ランキング
--------------------------------------------------------------------- */
#block_of_ranking{
	padding: 0 0 60px;
}
#block_of_ranking .inner{
	margin: 0 auto;
	width: 1200px;
}
#block_of_ranking .title01{
	background: url(../img/usr/common/icon_crown.png) no-repeat center 0;
	padding: 45px 0 0;
}
#block_of_ranking .tab .menu{
	margin: 30px auto 40px;
	width: 964px;
	font-size: 150%;	/* 18px */
	text-align: center;
	overflow: hidden;
}
#block_of_ranking .tab .menu li{
	float: left;
	margin: 0 0 0 1px;
	width: 240px;
}
#block_of_ranking .tab .menu li a{
	display: block;
	border-bottom: 3px solid #c5cdd1;
	padding: 15px;
	color: #232323;
}
#block_of_ranking .tab .menu li a:hover{
	text-decoration: none;
	color: #e21836;
}
#block_of_ranking .tab .menu li a.active{
	border-bottom: 3px solid #232323;
}
#block_of_ranking .set + .set{
	display: none;
}
#block_of_ranking .dv_recommend{
	margin: 20px 0 0;
}
#block_of_ranking .dv_rc_items{
	position: relative;
	width: 195px;
	margin: 0 5px 0 0;
}
#block_of_ranking .dv_rc_items:after{
	content: url(../img/usr/common/icon_rank01.png);
	position: absolute;
	left: 10px;
	top: 10px;
}
#block_of_ranking .dv_rc_items:nth-child(4):after{	content: url(../img/usr/common/icon_rank02.png);	}
#block_of_ranking .dv_rc_items:nth-child(5):after{	content: url(../img/usr/common/icon_rank03.png);	}
#block_of_ranking .dv_rc_items:nth-child(6):after{	content: url(../img/usr/common/icon_rank04.png);	}
#block_of_ranking .dv_rc_items:nth-child(7):after{	content: url(../img/usr/common/icon_rank05.png);	}
#block_of_ranking .dv_rc_items:nth-child(8):after{	content: url(../img/usr/common/icon_rank06.png);	}
#block_of_ranking .dv_rc_items:last-child{
	margin: 0;
}
#block_of_ranking .dv_rc_items a{
	padding: 0;
	min-height: 310px;
}
#block_of_ranking .dv_rc_items a:hover{
	border: 1px solid #ffffff;
	text-decoration: none;
	color: #e21836;
}
#top #block_of_ranking .dv_rc_items a:hover{
  border: 0;
}
#block_of_ranking .dv_rc_right{
	margin: 10px 0 0;
	padding: 0 15px;
}
#block_of_ranking .dv_rc_name{
	margin: 0;
	font-size: 133%;	/* 16px */
}
#block_of_ranking .dv_rc_description{
	font-size: 108.5%;	/* 13px */
}
#block_of_ranking .dv_rc_price{
	margin: 0;
}

/* --------------------------------------------------------------------
	ユーザー定義　最近見た商品
--------------------------------------------------------------------- */
#block_of_accessory,
#block_of_itemhistory{
	position: relative;
	margin: 80px auto;
	width: 1200px;
	clear:both;
}
.accessory_list_ + #block_of_itemhistory{
	margin: 140px auto 80px;
}
#itemAccessory .StyleT_Line_,
#itemHistory .StyleT_Line_{
	margin: 15px 0;
	overflow: hidden;
}
#itemAccessory .StyleT_Item_,
#itemHistory .StyleT_Item_{
	position: relative;
	float: left;
	width: 195px;
}
#itemAccessory .StyleT_Item_ + .StyleT_Item_,
#itemHistory .StyleT_Item_ + .StyleT_Item_{
	margin: 0 0 0 6px;
}
#itemAccessory .StyleT_Item_ .img_ a.goods_name_,
#itemHistory .StyleT_Item_ .img_ a.goods_name_{
	height: 180px;
  display: table-cell;
  vertical-align: middle;
}
#itemAccessory .StyleT_Item_ .img_ img,
#itemHistory .StyleT_Item_ .img_ img{
	width: 100%;
}
#itemAccessory .StyleT_Item_ .icon,
#itemHistory .StyleT_Item_ .icon{
	padding: 0 7px;
}
#itemAccessory .StyleT_Item_ .icon ul li.new,
#itemHistory .StyleT_Item_ .icon ul li.new{
	left: 7px;
	top: 7px;
}
#itemAccessory .StyleT_Item_ .name1_,
#itemHistory .StyleT_Item_ .name1_{
	margin: 3px 0 0;
	padding: 0 7px;
	font-size: 133%;	/* 16px */
}
#itemAccessory .StyleT_Item_ .name1_ a,
#itemHistory .StyleT_Item_ .name1_ a{
	color: #232323;
}
#itemAccessory .StyleT_Item_ .name1_ a:hover,
#itemHistory .StyleT_Item_ .name1_ a:hover{
	text-decoration: none;
	color: #e21836;
}
#itemAccessory .StyleT_Item_ .price_,
#itemHistory .StyleT_Item_ .price_{
	padding: 0 7px;
	font-size: 108.5%;	/* 13px */
}
#itemAccessory .StyleT_Item_ .price_.sale,
#itemHistory .StyleT_Item_ .price_.sale{
	color: #e21836;
}
#itemHistoryButton{
	position: absolute;
	right: 0;
	top: 20px;
}
#itemHistoryButton a{
	background: url(../img/usr/common/icon_menu-gray-right-s.png) no-repeat right center;
	padding: 0 12px 0 0;
	color: #232323;
}
#itemHistoryButton a:hover{
	text-decoration: none;
	color: #e21836;
}

/* --------------------------------------------------------------------
	ユーザー定義　悪質なサイトにご注意
--------------------------------------------------------------------- */
#block_of_warning{
	margin: 30px auto;
	width: 1200px;
	padding: 0 120px;
}
#block_of_warning h3{
	background: url(../img/usr/common/icon_exciamation-sign.png) no-repeat 0 center;
	display: inline-block;
	margin: 10px auto;
	padding: 0 0 0 23px;
	font-size: 108.5%;	/* 15px */
}
#block_of_warning p{
	border-top: 1px solid #c5cdd1;
	margin: 10px 0;
	padding: 15px 0;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
#footer {
	background-color: #eeeeee;
	margin: 30px 0 0;
	padding: 1px 0;
	text-align: center;
}
#footer a{
	color: #ffffff;
}
#footer a:hover{
	text-decoration: none;
	color: #e21836;
}
#top #footer {
	margin: 0;
}
#footer .contact{
	background-color: #232323;
	padding: 30px 0;
}
#footer .contact ul li{
	display: inline-block;
	margin: 0 10px;
}
#footer .contact ul.sns li img{
	width: 44px;
}
#footer .contact ul.link{
	margin: 20px 0 0;
}
#footer .contact ul.link li a{
	background-position: 0 center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 7px 0 0 40px;
	height: 32px;
	font-size: 108.5%;	/* 13px */
}
#footer .contact ul.link li.magazine a{
	background-image: url(../img/usr/common/icon_magazine.png);
}
#footer .banner{
	margin:10px 0 20px;
}
#footer .banner .head{
	color: #888;
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin: 5px 0 15px;
}
#footer .banner ul li{
	display: inline-block;
	margin: 0 7px;
}
#footer .banner ul li span{
	display: block;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight: 200;
	margin-bottom: 5px;
}
#footer .footer_inner_ {
	background-color: #000000;
	color: #ffffff;
	padding: 40px 0;
}
#footer #footer_about {
	display: none;
	position:fixed;
	bottom:0;
	right:90px;
}
#footer #footer_about a{
	-webkit-transition: border 300ms ease-out;
	-moz-transition: border 300ms ease-out;
	transition: border 300ms ease-out;
  display: block;
  border: 3px solid #e5e5e5;
}
#footer #footer_about a:hover{
  border: 3px solid #666;
}

#footer #footer_pagetop {
	display: none;
	position:fixed;
	bottom:0;
	right:27px;
	text-align: center;
}
#footer #footer_pagetop a{
	-webkit-transition: border 300ms ease-out;
	-moz-transition: border 300ms ease-out;
	transition: border 300ms ease-out;
	display: block;
	background-color: #e5e5e5;
  border: 3px solid #e5e5e5;
	padding: 22px 0 0;
	width: 54px;
	height: 54px;
}
#footer #footer_pagetop a:hover{
  border: 3px solid #666;
}
#footernav {
	margin: 0 0 35px;
	font-size: 108.5%;	/* 13px */
	line-height: 1;
}
#footernav li {
	padding: 0 20px;
	display: inline-block;
	border-left: 1px solid #ffffff;
}
#footernav li.first_ {
	border-left:none;
}
#footernav2 {
	display: inline-block;
	margin: 0 0 0 110px;
	font-size: 92%;	/* 11px */
	line-height: 1;
}
#footernav2 li {
	padding: 0 15px;
	display: inline-block;
}
#footernav2 li + li {
	border-left: 1px solid #808080;
}
.footer_inner_ #footernav2 li a{
	color: #808080;
}
.footer_inner_ #footernav2 li a:hover{
	color: #e21836;
}
#copyright {
	display: inline-block;
	color: #808080;
	font-size: 92%;	/* 11px */
}

/* --------------------------------------------------------------------
	商品検索
--------------------------------------------------------------------- */
#block_of_goodssearch .search_area_{
  border-top: 1px solid #ccc;
  padding-top: 15px;
}
#block_of_goodssearch select{
	width: 100%;
}
#block_of_goodssearch .loader{
	margin: 0 auto;
	width: 118px;
}
#block_of_goodssearch .section > h3{
	font-weight: 600;
	padding: 15px 0;
	font-size: 133%;	/* 16px */
}
#block_of_goodssearch .narrowing_area_{
  margin-bottom: 15px;
}
#block_of_goodssearch .search > h3{
	border-bottom: 1px solid #c5cdd1;
	font-weight: 600;
}
#block_of_goodssearch .set{
	margin: 15px 0;
}
#block_of_goodssearch .set > h4{
	margin: 7px 0;
	font-weight: bold;
}
#block_of_goodssearch .labels_{
	overflow: hidden;
}
#block_of_goodssearch .labels_ label{
	position: relative;
	display: block;
	float: left;
	cursor: pointer;
}
/*
#block_of_goodssearch .labels_.radio label{
	background: url(../img/usr/common/input_check_off.png) no-repeat 0 center;
	margin: 0 0 10px;
	padding: 5px 0 5px 28px;
}
#block_of_goodssearch .labels_.radio label.selected{
	background-image: url(../img/usr/common/input_check_on.png);
	color: #e21836;
}
*/
#block_of_goodssearch .labels_{
	padding: 1px 0 0 1px;
}
#block_of_goodssearch .labels_ label{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	line-height: 1.2;
	height: 45px;
	margin: -1px 0 0 -1px;
}
#block_of_goodssearch #search_color .labels_.checkbox label{
	display: block;
}
#block_of_goodssearch .labels_ label.selected{
	background-color: #000000;
	color: #ffffff;
}
#block_of_goodssearch .labels_ label input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
#block_of_goodssearch .labels_.col2 label{
	width: 50%;
}
#block_of_goodssearch .labels_.col3 label{
	width: 94.65px;
}
#block_of_goodssearch .labels_.col5 label{
	width: 56.8px;
}
#block_of_goodssearch .labels_.color{
	border: none;
}
#block_of_goodssearch .labels_.color label{
	border: 1px solid #cccccc;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
#block_of_goodssearch .labels_.color label.red{
	background-color: #e21836;
}
#block_of_goodssearch .labels_.color label.blue{
	background-color: #007ebe;
}
#block_of_goodssearch .labels_.color label.green{
	background-color: #00be16;
}
#block_of_goodssearch .labels_.color label.yellow{
	background-color: #ffd800;
}
#block_of_goodssearch .labels_.color label.orange{
	background-color: #ff9000;
}
#block_of_goodssearch .labels_.color label.pink{
	background-color: #ff4594;
}
#block_of_goodssearch .labels_.color label.brown{
	background-color: #a08b4b;
}
#block_of_goodssearch .labels_.color label.gray{
	background-color: #a4a4a4;
}
#block_of_goodssearch .labels_.color label.black{
	background-color: #232323;
}
#block_of_goodssearch .labels_.color label.white{
	background-color: #ffffff;
}
#block_of_goodssearch .labels_.color label.purple {
    background-color: #540578;
}

#block_of_goodssearch .labels_.color label.beige {
    background-color: #d8c8ae;
}

#block_of_goodssearch .labels_.color label.silver {
    background-color: #b6b7ba;
}

#block_of_goodssearch .labels_.color label.gold {
    background-color: #d6b251;
}
#block_of_goodssearch .labels_.color label.navy {
    background-color: #000434;
}
#block_of_goodssearch .labels_.color label:nth-child(7n){
	margin: 0 0 10px;
}
#block_of_goodssearch .labels_.color label.selected{
	background-image: url(../img/usr/common/bg_check.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#block_of_goodssearch .labels_.color label.white.selected{
	background-image: url(../img/usr/common/bg_check-blk.png);
}
#block_of_goodssearch .labels_.color label.full{
	background-image: url(../img/usr/common/bg_check-full-off.png);
	background-size: 30px auto;
}
#block_of_goodssearch .labels_.color label.full.selected{
	background-image: url(../img/usr/common/bg_check-full-on.png);
}
#block_of_goodssearch .withSuggestSearch_{
	background: url(../img/usr/common/icon_search-gray.png) no-repeat 95% center #eeeeee;
}
#block_of_goodssearch .price_{
	overflow: hidden;
}
#block_of_goodssearch .price_ select{
	float: left;
	width: 130px;
}
#block_of_goodssearch .price_ select:last-child{
	float: right;
}
#block_of_goodssearch .price_ span.sep{
	float: left;
	display: block;
	padding: 10px 0 0;
	width: 25px;
	text-align: center;
}
#block_of_goodssearch .next{
	background: url(../img/usr/common/icon_triangle-bottom.png) no-repeat center 7px;
	padding: 20px 0 0;
}
#block_of_goodssearch .nav{
	border-top: 1px solid #cccccc;
	margin: 20px 0;
	padding: 20px 0 0;
}
#block_of_goodssearch .nav a,
#block_of_goodssearch .nav input[type=submit]{
	background-color: transparent;
	border: 1px solid #232323;
	border-radius: 2px;
	display: inline-block;
	padding: 10px;
	width: 200px;
	font-size: 100%;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	color: #232323;
}
#block_of_goodssearch .nav a:hover,
#block_of_goodssearch .nav input[type=submit]:hover{
	border: 1px solid #e21836;
	background-color: #e21836;
	color: #ffffff;
	text-decoration: none;
}
#block_of_goodssearch .nav a.clear{
	margin: 0 0 0 5px;
	width: 80px;
}
#block_of_goodssearch .nav a.clear.m-size {
	margin: 0 auto;
	width: 200px;
  display: block;
}

/* --------------------------------------------------------------------
	商品一覧
--------------------------------------------------------------------- */
#block_of_goodslist .section{
	border-bottom: 1px solid #c5cdd1;
	margin: 0 0 20px;
	padding: 30px 0;
}
#block_of_goodslist .section > h2,
#block_of_goodslist .section > h3,
.mainframe_ > .section > h3{
	margin: 0 0 40px;
	font-size: 208.5%;	/* 25px */
	text-align: center;
	font-weight: 800;
}
#block_of_goodslist .section > h3{
  margin-bottom: 10px;
}
#block_of_goodslist .section > h3 + .top_comment_{
  font-size: 117%;
  margin-bottom: 20px;
  text-align: center;
  width: auto;
}
#block_of_goodslist .sort{
	margin: 0 0 30px;
	text-align: center;
	font-size: 117%;	/* 14px */
}
#block_of_goodslist .sort p,
#block_of_goodslist .sort ul,
#block_of_goodslist .sort ul li{
	display: inline-block;
}
#block_of_goodslist .sort p,
#block_of_goodslist .sort ul li{
	margin: 0 15px;
}
#block_of_goodslist .sort a{
	color: #232323;
}
#block_of_goodslist .sort a:hover{
	color: #e21836;
}

#glanchor{
	height:0;
	padding:80px;
	margin:-80px;
}

/* --------------------------------------------------------------------
	クイックビューエリア（商品詳細）
--------------------------------------------------------------------- */



/* --------------------------------------------------------------------
	商品詳細ボックス
--------------------------------------------------------------------- */
.detailbox .head{
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin: -1px 0 0;
	color: #666666;
}
.detailbox .head > *{
	position: relative;
	margin: 0 auto;
	padding: 17px 0;
	width: 960px;
	font-size: 200%;	/* 24px */
}
.detailbox .head > h2{
	cursor: pointer;
}
.detailbox .head small{
	margin: 0 0 0 20px;
	font-size: 58%;
}
.detailbox .head .nav{
	background: url(../img/usr/common/icon_open.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	margin: -15px 0 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}
.detailbox .head h2.open .nav{
	background-image: url(../img/usr/common/icon_close.png);
}
.detailbox .body{
	display: none;
	margin: 0 auto;
	width: 960px;
	padding: 40px 0;
}
.detailbox .body table{
	margin: 30px 0;
	width: 100%;
}
.detailbox .body table th,
.detailbox .body table td{
	border: 1px solid #dfdfdf;
	padding: 8px;
}
.detailbox .body table td strong{
	font-weight: normal;
}
.detailbox .body table td.normal13{
	color: #ffffff;
	font-weight: bold;
}
#size_chart_area section h2{
  background-color: #f7f7f7;
  padding: 5px 10px 5px 15px;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
#size_chart_area section .apparel_img_{
  text-align: center;
}
/* --------------------------------------------------------------------
	Vサイズ
--------------------------------------------------------------------- */
.vs-button-wrapper {
    margin-bottom: 20px;
    background: #ddd;
    padding: 20px;
}
.vs-button-wrapper .vs-lead-title {
    font-size: 12px;
}
.vs-button-wrapper .vs-button {
    border: 3px solid #808080;
    display: block;
    background: #808080;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    margin: 10px 0 0;
    border-radius: 2px;
    font-size: 117%;
}
.vs-button-wrapper .vs-button-text {
    color: #FFF;
    font-weight: normal;
}

/* --------------------------------------------------------------------
	ソーシャルボタン
--------------------------------------------------------------------- */
#block_of_socialbutton{
	margin: 30px auto;
	width: 960px;
	text-align: center;
}
#block_of_socialbutton ul li{
	display: inline-block;
	margin: 0 3px;
}
#block_of_socialbutton ul li img{
	width: 34px;
}

/* --------------------------------------------------------------------
	ユーザー定義　TOPページヘッダー 検索
--------------------------------------------------------------------- */
#header_search {
	width: 100%;
	margin-bottom: 20px;
}
#header_search .header_inner_ {
	width: 960px;
	height:30px;
	margin:0 auto;
	zoom:1;
}
#header_search .header_inner_:after,
#header_search_box:after,
#header_search_keyward:after,
#header_search_keyword ul:after {
	content: "";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
#header_search_box {
	width:500px;
	float:left;
	zoom:1;
}
#header_search_box input {
	margin:0;
	padding:0;
	float:left;
	color:#999999;
}
#header_search_box p {
	height:30px;
	line-height:30px;
	padding:0 0 0 15px;
	float:left;
}
#header_search_box p a {
	padding:0 0 0 8px;
	font-size:11px;
	text-decoration:underline;
	background:url(../img/usr/common/topic_arrow.png) left center no-repeat;
}
#header_search_box input#keyword {
	width:285px;
	height:30px;
	line-height:30px;
	padding:0 10px;
	border:none;
	background:url(../img/usr/common/search_bg.png) left top no-repeat;
}
#header_search_keyword {
	width:440px;
	height:30px;
	line-height:30px;
	float:right;
	zoom:1;
}
#header_search_keyword h2 {
	width:110px;
	padding:0 0 0 25px;
	font-weight:bold;
	background:url(../img/usr/common/ico_keyword.png) left 6px no-repeat;
	float:left;
}
#header_search_keyword ul {
	width:300px;
	height:30px;
	line-height:30px;
	float:right;
	overflow:hidden;
}
#header_search_keyword ul li {
	padding:0 0 0 10px;
	float:left;
}
#header_search_keyword ul li a {
	text-decoration:underline;
}


/* --------------------------------------------------------------------
	ユーザー定義　イベントバナー[静的]
--------------------------------------------------------------------- */
div.event_pickup_banner_ {
	margin-bottom:30px;
	border-left:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;
	border-bottom:#e5e5e5 1px solid;
}
div.event_pickup_banner_ ul {
	padding:10px 0 10px 20px;
	overflow:hidden;
}
div.event_pickup_banner_ ul li {
	margin:0 10px 10px 0;
	float:left;
}
div.event_pickup_banner_ ul li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color:transparent\0/;
}

#globalnav > ul > li.category-nav > a.current span#nb1_{
	color: #6b00af;
}
div.widget-loaded .save-and-share .header h1 {
	font-size: 20px;
	margin-bottom: 10px;
}
div.widget-loaded .save-and-share .add-to-wishlist-warning {
	font-size: 16px;
}
div.save-and-share .save-and-share-message .message .shoe-overview div.image {
	top: 0px;
	bottom: 50px;
}
div.widget-loaded .review-view .shoe-overview div.image {
	bottom: 50px;
}
div.widget-loaded .save-and-share .action-add-to-wishlist {
	width: 40%;
	font-weight: bold;
	font-size: 16px;
}
/* --------------------------------------------------------------------
	ユーザー定義　マイページバナー[静的]
--------------------------------------------------------------------- */
    #maypage_banner{
      width: 100%;
      overflow: hidden;
    }
    #maypage_banner li{
      float: left;
      width: 50%;
    }
    #maypage_banner li img{
      width: 100%;
    }

/* --------------------------------------------------------------------
	LINEログイン連携
--------------------------------------------------------------------- */
div#social_related_ {
    text-align: center;
    margin-bottom: 18px;
}

/* --------------------------------------------------------------------
	TOPページ block_of_banner2部分 スライダー 2018/03/26 updated
--------------------------------------------------------------------- */
div#block_of_banner2{
	text-align:center;
}
div#block_of_banner2 .bx-controls{
	position:relative;
	display:inline-block;
	height:24px;
	padding:7px 42px;
	box-sizing:border-box;
}
div#block_of_banner2 .bx-controls .bx-pager .bx-pager-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	z-index:1;
}
div#block_of_banner2 .bx-controls .bx-pager .bx-pager-item + .bx-pager-item{
	margin-left:12px;
}
div#block_of_banner2 .bx-controls .bx-pager .bx-pager-item a{
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#a3a3a3;
	font-size:0;
}
div#block_of_banner2 .bx-controls .bx-pager .bx-pager-item a.active{
	background:#232323;
}
div#block_of_banner2 .bx-controls .bx-controls-direction{
	position:absolute;
	display:block;
	width:100%;
	height:24px;
	left:0;
	top:0;
	z-index:0;
}
div#block_of_banner2 .bx-controls .bx-controls-direction .bx-prev,
div#block_of_banner2 .bx-controls .bx-controls-direction .bx-next{
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:24px;
	height:24px;
	font-size:0;
	border:1px solid #a3a3a3;
	border-radius:50%;
	background:#fff;
	box-sizing:border-box;
}
div#block_of_banner2 .bx-controls .bx-controls-direction .bx-prev{
	left:0;
}
div#block_of_banner2 .bx-controls .bx-controls-direction .bx-next{
	right:0;
}
div#block_of_banner2 .bx-controls .bx-controls-direction .bx-prev:after,
div#block_of_banner2 .bx-controls .bx-controls-direction .bx-next:after{
	content:'';
	position:absolute;
	top:7px;
	width:6px;
	height:6px;
}
div#block_of_banner2 .bx-controls .bx-controls-direction .bx-prev:after{
	left:9px;
	border-top:1px solid #a3a3a3;
	border-left:1px solid #a3a3a3;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
div#block_of_banner2 .bx-controls .bx-controls-direction .bx-next:after{
	right:9px;
	border-top:1px solid #a3a3a3;
	border-right:1px solid #a3a3a3;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* --------------------------------------------------------------------
	お問い合わせモーダル
--------------------------------------------------------------------- */
.contact_modal_ .inner_ {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.contact_modal_ .bg_modal_ {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	width: 100vw;
	height: 100vh;
}
.contact_modal_ .modal_contents_ {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background: #fff;
	padding: 25px 20px;
	width: 70%;
	height: 520px;
	box-sizing: border-box;
	z-index: 10;
}
.contact_modal_ .modal_contents_ .ttl_ {
	background: #e5e5e5;
	margin: 0 0 15px;
	padding: 10px 10px 7px;
	font-size: 16px;
	font-weight: bold;
}
.contact_modal_ .modal_contents_ .privacy_ {
	margin: 0 0 15px;
	height: 50%;
	border: 1px solid #ccc;
	padding: 1px;
}
.contact_modal_ .modal_contents_ .privacy_ .privacy_inner_ {
	overflow-y: scroll;
	padding: 14px;
	height: 100%;
}
.contact_modal_ .modal_contents_ .privacy_ .privacy_inner_::-webkit-scrollbar {
	width: 5px;
}
.contact_modal_ .modal_contents_ .privacy_ .privacy_inner_::-webkit-scrollbar-track {
	background: #fff;
}
.contact_modal_ .modal_contents_ .privacy_ .privacy_inner_::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 8px;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ {
	margin: 0 0 18px;
}
.contact_modal_ .modal_contents_ .privacy_ .box_:last-child {
	margin: 0;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ .headline_ {
	background: #eee;
	padding: 6px 10px 4px;
	font-weight: bold;
	margin: 0 0 10px;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ p {
	line-height: 1.7;
	padding: 0 0 0 10px;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ ul {
	padding: 0 0 0 10px;
	margin: 10px 0 0;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ ul li {
	position: relative;
	padding: 0 0 0 15px;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ ul li:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ .caution_ {
	display: block;
	position: relative;
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ .caution_:first-of-type {
	margin-top: 10px;
}
.contact_modal_ .modal_contents_ .privacy_ .box_ .caution_:before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.contact_modal_ .modal_contents_ .modal_info_ {
	width: 570px;
	margin: 0 auto 20px;
}
.contact_modal_ .modal_contents_ .check_ {
	text-align: center;
	margin: 0 0 30px;
	cursor: pointer;
}
.contact_modal_ .modal_contents_ .check_ label {
	font-size: 14px;
	font-weight: bold;
}
.contact_modal_ .modal_contents_ .nocheck_ {
	display: none;
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 100%;
	text-align: center;
	color: #e21836;
	font-weight: bold;
}
.contact_modal_ .modal_contents_ .btn_ {
	display: flex;
	justify-content: center;
}
.contact_modal_ .modal_contents_ .btn_ a,
.contact_modal_ .modal_contents_ .btn_ .agree_ {
	text-align: center;
	width: 270px;
	padding: 10px 0 8px;
	font-weight: bold;
	font-size: 14px;
	border-radius: 2px;
	cursor: pointer;
}
.contact_modal_ .modal_contents_ .btn_ a {
	display: block;
	color: #232323;
	background: #ccc;
	margin: 0 20px 0 0;
}
.contact_modal_ .modal_contents_ .btn_ .agree_ {
	color: #fff;
	background: #e21836;
}

/* --------------------------------------------------------------------
	未ログイン時お気に入り押下
-------------------------------------------------------------------- */
.login-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}
.login-modal .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.login-modal .login-panel {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding: 20px 0;
  width: 370px;
  height: 215px;
  background: #fff;
  border-radius: 3px;
  border: 2px solid #ccc;
  box-shadow: 0 8px 8px rgba(0, 0, 0, .4);
  text-align: center;
}
.login-modal .login-panel .close {
  position: absolute;
  top: 4px;
  right: 3px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.login-modal .login-panel .close:before,
.login-modal .login-panel .close:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 3px;
  width: 14px;
  height: 1px;
  background: #232323;
  transform: rotate(45deg);
}
.login-modal .login-panel .close:after {
  transform: rotate(-45deg);
}
.login-modal .login-panel p {
  font-size: 14px;
  line-height: 2;
  margin: 0 0 5px;
}
.login-modal .login-panel a {
  display: block;
  width: 200px;
  margin: 0 auto;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
}
.login-modal .login-panel a.btn-login {
  color: #555;
  border: 2px solid #000;
  margin-bottom: 15px;
}
.login-modal .login-panel a.btn-entry {
  color: #fff;
  background: #e21836;
}

/* --------------------------------------------------------------------
	お気に入り削除
-------------------------------------------------------------------- */
.bookmark-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}
.bookmark-modal .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.bookmark-modal .modal-panel {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 450px;
  height: 225px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, .4);
  font-size: 14px;
}
.bookmark-modal .modal-panel .close {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.bookmark-modal .modal-panel .close:before,
.bookmark-modal .modal-panel .close:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 3px;
  width: 14px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
}
.bookmark-modal .modal-panel .close:after {
  transform: rotate(-45deg);
}
.bookmark-modal .modal-panel .ttl {
  color: #fff;
  background: #232323;
  padding: 13px 20px 10px;
  border-radius: 3px 3px 0 0;
}
.bookmark-modal .modal-panel .text {
  padding: 20px;
  text-align: center;
}
.bookmark-modal .modal-panel .btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.bookmark-modal .modal-panel .btn-wrapper * {
  color: #232323;
  border-radius: 3px;
  padding: 10px 0 8px;
  width: 49%;
  border: 1px solid #232323;
  cursor: pointer;
}
.bookmark-modal .modal-panel .btn-wrapper *:hover {
  opacity: .8;
}
.bookmark-modal .modal-panel .btn-wrapper .delete {
  border: 0;
  color: #fff;
  background: #e21836;
}
.bookmark-modal .modal-panel .btn-wrapper .btn-bookmark {
  display: block;
  width: 100%;
  margin: 10px 0 0;
}

/* --------------------------------------------------------------------
	ユーザー定義　スタイリング
--------------------------------------------------------------------- */
.no-styling-data { margin: 60px 0; font-size: 16px; text-align: center;}
.block-styling-list { display: flex; flex-wrap: wrap;}
.block-styling-list-item .image           { margin: 0 0 10px 0;}
.block-styling-list-item .image img       { width: 100%;}
.block-styling-list-item .desc            { width: 100%; display: flex; justify-content: space-between; align-items: center;}
.block-styling-list-item .photo           { width: 40px; height: 40px; border-radius: 40px; text-align: center; overflow: hidden; }
.block-styling-list-item .photo img       { width: 40px; height: 40px;}
.block-styling-list-item .profile         { width: calc(100% - 50px); display: flex; flex-direction: column;}
.block-styling-list-item .profile .name   { font-size: 13px; color: #808080; order: 2;}
.block-styling-list-item .profile .shop   { font-size: 13px; color: #232323; order: 1; font-weight: bold;}
.block-styling-list-item .profile .height { font-size: 13px; color: #808080; order: 3;}

.block-styling-staff-list { display: flex; flex-wrap: wrap;}
.block-styling-staff-list-item                  { padding: 10px 0 20px 0; background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(242,242,242,1) 35%);}
.block-styling-staff-list-item a                { display: block;}
.block-styling-staff-list-item .photo           { width: 130px; height: 130px; margin: 0 auto 10px; border: #fff 5px solid; border-radius: 130px; text-align: center; overflow: hidden;}
.block-styling-staff-list-item .photo img       { width: 120px; height: 120px; border-radius: 120px;}
.block-styling-staff-list-item .profile         { padding: 0 10px; text-align: center; display: flex; flex-direction: column;}
.block-styling-staff-list-item .profile .name   { font-size: 13px; color: #808080; order: 2;}
.block-styling-staff-list-item .profile .shop   { font-size: 13px; color: #232323; order: 1; font-weight: bold; margin-bottom: 5px;}
.block-styling-staff-list-item .profile .height { font-size: 13px; color: #808080; order: 3;}

.block-styling-staff-photo-list                 { display: flex; flex-wrap: wrap;}
.block-styling-staff-photo-list-item            { width: 280px; margin: 0 26px 30px 0;}
.block-styling-staff-photo-list-item:nth-child(4n) { margin: 0 0 30px 0;}
.block-styling-staff-photo-list-item a          { display: block;}
.block-styling-staff-photo-list-item .photo     { margin: 0 0 5px 0;}
.block-styling-staff-photo-list-item .photo img { width: 100%;}
.block-styling-staff-photo-list-item .date      { font-size: 10px; color: #999999;}
.block-styling-staff-photo-list-item .scene     { font-size: 12px; color: #999999;}

/* TOPページスタイリング */
#block_of_styling { padding: 0;}
#block_of_styling .inner { width: 1200px; padding: 80px 0 60px; margin: 0 auto;}
#block_of_styling h2.title01 { margin-bottom: 20px;}
#block_of_styling .block-styling-list-item { width: 220px; margin: 0 25px 40px 0;}
#block_of_styling .block-styling-list-item:nth-child(5n) { margin: 0 0 40px 0;}
#block_of_styling .block-styling-list-item .profile .name { display: none;}
#block_of_styling .block-styling-list-item .profile .shop { color: #232323; font-size: 13px; font-weight: bold;}

/* --------------------------------------------------------------------
	ユーザー定義　スタイリング一覧
--------------------------------------------------------------------- */
#block_of_stylinglist_head h1 { padding: 0; margin: 0 0 20px 0; font-size: 25px; font-weight: bold;}

.block-styling-popular { margin: 0 0 30px 0;}
.block-styling-popular h2 { padding: 0; margin: 0 0 5px 0; font-size: 10px; font-weight: bold;}
.block-styling-popular .block-styling-popular-tag { display: flex; flex-wrap: wrap;}
.block-styling-popular .block-styling-popular-tag li { margin: 0 5px 5px 0;}
.block-styling-popular .block-styling-popular-tag li a { padding: 4px 10px; border-radius: 2px; display: block; background: #F1F1F1; color: #595757;}
.block-styling-type-link { margin: 0 0 30px 0;}
.block-styling-type-tab  { display: flex; justify-content: space-between;}
.block-styling-type-tab li { width: 50%; text-align: center; position: relative;}
.block-styling-type-tab li a,
.block-styling-type-tab li .current { padding: 0 0 10px 0; margin: 0; border-bottom: #ccc 6px solid; text-align: center; font-size: 16px; font-weight: bold; display: block; color: #ccc;}
.block-styling-type-tab li .current { border-bottom: #F30033 6px solid; color: #F30033;}
.block-styling-type-tab li .current::after { 
  content: ''; display: block; position: absolute; bottom: -12px; left: calc(50% - 6px);
  border-top: 6px solid #F30033; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent;
}
.block-styling-total-and-sort { padding: 0 0 0 20px; margin: 0 0 20px 0; display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;}
.block-styling-total-and-sort .total { max-width: 30%; font-size: 16px;}
.block-styling-total-and-sort .sort  { max-width: 70%; display: flex; justify-content: flex-end; flex-wrap: nowrap; align-items: center;}
.block-styling-total-and-sort .sort .label { font-size: 13px;}
.block-styling-total-and-sort .sort ul    { display: flex; justify-content: flex-end; flex-wrap: nowrap;}
.block-styling-total-and-sort .sort li    { font-size: 13px; line-height: 1.0;}
.block-styling-total-and-sort .sort li a,
.block-styling-total-and-sort .sort li .current { padding: 0 10px; border-left: #232323 1px solid; font-size: 13px; line-height: 1.0; display: block; color: #808080;}
.block-styling-total-and-sort .sort li .current { font-weight: bold; color: #232323;}
.block-styling-total-and-sort .sort li:first-child a,
.block-styling-total-and-sort .sort li:first-child .current { border-left: none;}
.block-styling-total-and-sort .sort li:last-child a,
.block-styling-total-and-sort .sort li:last-child .current  { padding: 0 0 0 10px;}

#block_of_goodssearch #search_styling_tag { margin: 0 0 15px 0;}
#block_of_goodssearch #search_styling_tag .search-tag { display: flex; flex-wrap: wrap;}
#block_of_goodssearch .search-tag .search-tag-select { min-width: 110px; padding: 10px 40px 10px 10px; margin: 0 5px 5px 0; border-radius: 4px; color: #595757; background: #F1F1F1; position: relative; text-align: left; font-size: 12px;}
#block_of_goodssearch .search-tag .search-tag-select::after { content: '×'; width: 20px; height: 20px; border-radius: 40px; line-height: 16.5px; font-size: 16px; font-weight: 700; color: #707070; text-align: center; background: #ddd; display: block; position: absolute; top: calc(50% - 10px); right: 10px;}
#block_of_goodssearch #search_styling_shop { margin: 0 0 15px 0;}
#block_of_goodssearch #search_styling_shop .search-shop { display: flex; flex-wrap: wrap;}
#block_of_goodssearch .search-shop .search-shop-select { min-width: 110px; padding: 10px 40px 10px 10px; margin: 0 5px 5px 0; border-radius: 4px; color: #595757; background: #F1F1F1; position: relative; text-align: left; font-size: 12px;}
#block_of_goodssearch .search-shop .search-shop-select::after { content: '×'; width: 20px; height: 20px; border-radius: 40px; line-height: 16.5px; font-size: 16px; font-weight: 700; color: #707070; text-align: center; background: #ddd; display: block; position: absolute; top: calc(50% - 10px); right: 10px;}
#block_of_goodssearch #search_styling_product { margin: 0 0 15px 0;}
#block_of_goodssearch #search_styling_product .search-product { display: flex; flex-wrap: wrap;}
#block_of_goodssearch .search-product .search-product-select { min-width: 110px; padding: 10px 40px 10px 10px; margin: 0 5px 5px 0; border-radius: 4px; color: #595757; background: #F1F1F1; position: relative; text-align: left; font-size: 12px;}
#block_of_goodssearch .search-product .search-product-select::after { content: '×'; width: 20px; height: 20px; border-radius: 40px; line-height: 16.5px; font-size: 16px; font-weight: 700; color: #707070; text-align: center; background: #ddd; display: block; position: absolute; top: calc(50% - 10px); right: 10px;}
#block_of_goodssearch #search_styling_sex { margin: 0 0 15px 0;}
#block_of_goodssearch #search_styling_sex h4 { margin: 0 0 7px 0;}
#block_of_goodssearch .button_.checkbox label { padding: 4px 0; display: block; font-size: 14px;}
#block_of_goodssearch .button_.checkbox label.child { padding: 4px 0 4px 10px; display: block; font-size: 14px;}
#block_of_goodssearch .button_.checkbox label input[type="checkbox"] {
  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; outline: 0; box-shadow: none;
  width: 24px; height: 24px; margin-right: 1em; border: #D9D9D9 1px solid; border-radius: 50px; position: relative; transition: 0.3s; background: #f5f5f5;
}
#block_of_goodssearch .button_.checkbox label.child input[type="checkbox"] { width: 20px; height: 20px;}
#block_of_goodssearch .button_.checkbox label input[type="checkbox"]:before { transition: 0.3s; box-shadow: none;}
#block_of_goodssearch .button_.checkbox label input[type="checkbox"]:checked { border: none; background: #000;}
#block_of_goodssearch .button_.checkbox label input[type="checkbox"]:checked:before {
  content: ""; width: 7px; height: 5px; border-right: 3px solid #fff; border-top: 3px solid #fff; border-radius: 0 2px 0 0;
  transform: rotate(135deg); position: absolute; left: calc(50% - 5px); top: calc(50% - 5px); display: block;
}
#block_of_goodssearch .button_.checkbox label.child input[type="checkbox"]:checked:before {
  content: ""; width: 6px; height: 4px; border-right: 2px solid #fff; border-top: 2px solid #fff; border-radius: 0 2px 0 0;
  transform: rotate(135deg); position: absolute; left: calc(50% - 4px); top: calc(50% - 4px); display: block;
}

#block_of_stylinglist .block-styling-list { padding: 0 0 0 20px;}
#block_of_stylinglist .block-styling-list-item { width: 195px; margin: 0 25px 40px 0;}
#block_of_stylinglist .block-styling-list-item:nth-child(4n) { margin: 0 0 40px 0;}
#block_of_stylinglist .block-styling-list-item .profile .name { font-size: 12px;}
#block_of_stylinglist .block-styling-list-item .profile .shop { font-size: 12px;}
#block_of_stylinglist .block-styling-list-item .profile .height { display: none;}

#block_of_stylinglist .block-styling-staff-list { padding: 0 0 0 20px;}
#block_of_stylinglist .block-styling-staff-list-item { width: 195px; margin: 0 25px 40px 0;}
#block_of_stylinglist .block-styling-staff-list-item:nth-child(4n) { margin: 0 0 40px 0;}
#block_of_stylinglist .block-styling-staff-list-item .profile .name { font-size: 12px;}
#block_of_stylinglist .block-styling-staff-list-item .profile .shop { font-size: 12px;}
#block_of_stylinglist .block-styling-staff-list-item .profile .height { display: none;}

/* --------------------------------------------------------------------
	ユーザー定義　スタイリング詳細
--------------------------------------------------------------------- */
#page_stylingdetail div.container_,
#page_stylingdetail div.container_ div.contents_,
#page_stylingdetail div.container_ div.contents_ div.mainframe_ { width: 100%;}
#page_stylingdetail .stylingdetail_ { padding: 60px 0 80px; background: #F2F2F2;}
#page_stylingdetail .block-stylingdetail-wrap-frame  { width: 1080px; margin: 0 auto; display: flex; justify-content: space-between;}
#page_stylingdetail .block-stylingdetail-left-frame  { width: 580px;}
#page_stylingdetail .block-stylingdetail-right-frame { width: 460px;}
#page_stylingdetail .quickviewarea ul li img         { width: 580px;}
#page_stylingdetail .quickviewarea .nav              { margin: 30px 0 0 0; display: flex; flex-wrap: wrap; overflow: hidden;}
#page_stylingdetail .quickviewarea .nav a            { width: 68px; height: 85px; margin: 0 17px 17px 0; display: flex; align-items: center;}
#page_stylingdetail .quickviewarea .nav a:nth-child(7) { margin-right: 0;}
#page_stylingdetail .quickviewarea .nav a.active     { border: #000000 1px solid;}
#page_stylingdetail .quickviewarea .nav a img        { max-width: 68px; max-height: 85px;}
#page_stylingdetail .quickviewarea .nav a.active img { max-width: 66px; max-height: 83px;}
#page_stylingdetail .quickviewarea .slick-arrow {
	width: 41px; height: 41px; border: none; position: absolute; top: 342px; z-index: 1; text-indent: -9999px; cursor: pointer;
	background-color: rgba(0, 0, 0, 0.2); background-position: center center; background-repeat: no-repeat;
}
#page_stylingdetail .quickviewarea .slick-disabled { opacity: 0;}
#page_stylingdetail .quickviewarea .slick-prev { background-image: none; left: 0;}
#page_stylingdetail .quickviewarea .slick-next { background-image: none; right: 0;}
#page_stylingdetail .quickviewarea .slick-prev::after {
  content: ''; width: 12px; height: 12px; border-right: 2px solid #fff; border-top: 2px solid #fff;
  display: block; position: absolute; left: calc(50% - 4px); top: calc(50% - 8px); transform: rotate(-135deg);
}
#page_stylingdetail .quickviewarea .slick-next::after {
  content: ''; width: 12px; height: 12px; border-right: 2px solid #fff; border-top: 2px solid #fff;
  display: block; position: absolute; left: calc(50% - 9px); top: calc(50% - 8px); transform: rotate(45deg);
}
#page_stylingdetail .block-profile-box { padding: 30px; border: #232323 1px solid;}
#page_stylingdetail .profile-box-head  { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
#page_stylingdetail .block-profile-box .photo           { width: 64px; height: 64px; border-radius: 64px; text-align: center; overflow: hidden; }
#page_stylingdetail .block-profile-box .photo img       { width: 64px; height: 64px;}
#page_stylingdetail .block-profile-box .profile         { width: calc(100% - 80px);}
#page_stylingdetail .block-profile-box .profile .name   { font-size: 20px; font-weight: bold;}
#page_stylingdetail .block-profile-box .profile .pref   { font-size: 13px; color: #808080;}
#page_stylingdetail .block-profile-box .profile .height { font-size: 13px; color: #808080;}
#page_stylingdetail .profile-box-details                { margin: 25px 0 0 0;}
#page_stylingdetail .profile-box-details--box           { margin: 0 0 10px 0;}
#page_stylingdetail .profile-box-details .name          { font-size: 13px; color: #232323;}
#page_stylingdetail .profile-box-details .name::before  { content: '■'; display: inline;}
#page_stylingdetail .profile-box-details dl             { display: flex; flex-wrap: nowrap;}
#page_stylingdetail .profile-box-details dt::after      { content: '：'; display: inline;}
#page_stylingdetail .one-comment p    { font-size: 13px;}
#page_stylingdetail .check-words      { margin: 20px 0 15px; display: flex; flex-wrap: wrap;}
#page_stylingdetail .check-words li   { margin: 0 5px 5px 0; font-size: 13px;}
#page_stylingdetail .check-words li a { padding: 6px 15px; border-radius: 2px; font-size: 13px; display: block; background: #E5E5E5; color: #595757;}
#page_stylingdetail .other-styling-link a          { text-decoration: underline; color: #232323;}
#page_stylingdetail .other-styling-link a::after   { content: ' >'; display: inline;}
#page_stylingdetail .block-select-item-box         { padding: 30px 30px 1px 30px; margin: 20px 0 0 0; background: #fff;}
#page_stylingdetail .block-select-item-box h2      { margin: 0 0 10px 0; font-size: 18px; font-weight: bold;}
#page_stylingdetail .block-select-item-list        { display: flex; flex-wrap: wrap;}
#page_stylingdetail .block-select-item-list--item  { width: 112px; margin: 0 30px 30px 0;}
#page_stylingdetail .block-select-item-list--item:nth-child(3n) { margin: 0 0 30px 0;}
#page_stylingdetail .block-select-item-list .image { width: 112px; height: 112px; margin: 0 0 10px 0; text-align: center; display: flex; align-items: center;}
#page_stylingdetail .block-select-item-list .image a   { width: 112px; height: 112px; text-align: center; display: flex; align-items: center;}
#page_stylingdetail .block-select-item-list .image img { width: 112px;}
#page_stylingdetail .block-select-item-list .name      { font-size: 12px; word-break: break-all;}
#page_stylingdetail .block-select-item-list .variation { font-size: 12px; word-break: break-all;}

#block_of_styling_staff { padding: 0; margin: 0; border-bottom: #F4F4F4 1px solid;}
#block_of_styling_staff .inner { width: 1200px; padding: 80px 0; margin: 0 auto;}
#block_of_styling_staff h2.title01 { margin: 0 0 20px 0; text-align: center;}
#block_of_styling_staff .block-styling-staff-photo-list-item { width: 150px; margin: 0 25px 40px 0;}
#block_of_styling_staff .block-styling-staff-photo-list-item:nth-child(7n)  { margin: 0 0 40px 0;}
#block_of_styling_staff .btn .btn01 { margin-top: 0;}
#block_of_styling_shop { padding: 0; margin: 0 0 80px 0; border-bottom: #F4F4F4 1px solid;}
#block_of_styling_shop .inner { width: 1200px; padding: 80px 0; margin: 0 auto;}
#block_of_styling_shop h2.title01 { margin: 0 0 20px 0; text-align: center;}
#block_of_styling_shop .block-styling-list-item { width: 150px; margin: 0 25px 40px 0;}
#block_of_styling_shop .block-styling-list-item:nth-child(7n)  { margin: 0 0 40px 0;}
#block_of_styling_shop .block-styling-list-item .profile .name { color: #232323; font-weight: bold;}
#block_of_styling_shop .block-styling-list-item .profile .shop { display: none;}
#block_of_styling_shop .btn .btn01 { margin-top: 0;}

/* --------------------------------------------------------------------
	ユーザー定義　スタッフ詳細
--------------------------------------------------------------------- */
#page_staffdetail div.container_ div.contents_ div.mainframe_ { width: 100%;}

#page_staffdetail .staffdetail-head  { margin: 0 0 40px 0;}
#page_staffdetail .staffdetail-head .profile-frame { max-width: 640px; margin: 0 auto 30px; display: flex; justify-content: center; flex-wrap: nowrap; align-items: center;}
#page_staffdetail .staffdetail-head .photo { width: 92px; min-width: 92px; height: 92px; margin: 0 30px 0 0; border-radius: 92px; overflow: hidden;}
#page_staffdetail .staffdetail-head .photo img       { width: 92px; height: 92px;}
#page_staffdetail .staffdetail-head .profile .name   { font-size: 20px; font-weight: bold; color: #232323;}
#page_staffdetail .staffdetail-head .profile .shop   { font-size: 13px; color: #808080;}
#page_staffdetail .staffdetail-head .profile .height { font-size: 13px; color: #808080;}
#page_staffdetail .staffdetail-head .freespace { max-width: 640px; margin: 0 auto; font-size: 18px; line-height: 1.8;}
#page_staffdetail .staffdetail-items { margin: 0 0 80px 0;}
#page_staffdetail .staffdetail-items .navipage_.bottom_ { margin: 0 auto 40px;}

#block_of_styling_with { margin: 0 0 80px 0;}
#block_of_styling_with h2.title01 { margin: 0 0 20px 0; text-align: center;}
#block_of_styling_with .block-styling-staff-list-item { width: 180px; margin: 0 24px 40px 0;}
#block_of_styling_with .block-styling-staff-list-item:nth-child(6n) { margin: 0 0 40px 0;}
#block_of_styling_with .block-styling-staff-list-item .profile .name { color: #232323; font-weight: bold;}
#block_of_styling_with .block-styling-staff-list-item .profile .shop { display: none;}
