@charset "UTF-8";

/* ===================================================================
	基本 (サイト共通の設定)
	03 メイン領域設定(2分割)
	03-01 サイドメニュー設定
	03-02 コンテンツ設定
	04 ページトップ
	05 商品リスト
	07 ログインフォーム
=================================================================== */
/* 基本 (サイト共通の設定)
--------------------------------------------------------------------*/
body {
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,Helvetica;
	text-align: center;
}

/* 03 メイン領域設定
--------------------------------------------------------------------*/
#section-main {
	width: 1000px;
	margin: 0 auto 50px;
	text-align: left;
	position: relative;
}
#section-main:before, #section-main:after {
	content: "";
	display: block;
}
#section-main:after {
	clear: both;
}
#bread {
	font-size: 11px;
	line-height: 1.2;
	text-align: left;
	margin: 15px auto 15px auto;
	width: 1000px;
}
#bread ol li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 6px;
}

#bread ol li:after {
	content: ">";
	padding-left: 3px;
}

#bread ol li:last-child:after {
	content: none;
}

#bread ol li h2 {
	display: inline;
	font-weight: bold;
}

#bread ol li:first-child a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 3px;
}


/* 03-01 サイドメニュー設定
--------------------------------------------------------------------*/
#sideMenu {
	float: left;
	overflow: hidden;
	text-align: left;
	width: 200px;
}
#sideMenu a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#sideMenu #side-styling {
	background: url("/static/full/images/common/side_styling_bottom.gif") left bottom no-repeat;
	position: relative;
	padding: 23px 0 6px 0;
	margin-bottom: 30px;
}
#sideMenu #side-styling h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 31px;
}
#sideMenu #side-styling dt {
	border: 1px solid #d8d8d8;
	font-size: 0;
	line-height: 0;
	padding: 4px;
}
#sideMenu #side-styling dd {
	font-size: 0;
	line-height: 0;
}
#sideMenu #side-mail-stroe {
	margin-bottom: 10px;
}
#sideMenu #side-mail-stroe ul li {
	padding-bottom: 10px;
}
#sideMenu #side-allitems {
	margin-bottom: 28px;
}
#sideMenu #side-allitems a {
	background: url("/static/full/images/common/side_btn_all.gif") no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 200px;
	height: 40px;
}
#apuweiser #sideMenu #side-allitems a {
	background: url("/static/full/images/common/side_btn_all_apuweiser.gif") no-repeat;
}
#jusglitty #sideMenu #side-allitems a {
	background: url("/static/full/images/common/side_btn_all_jusglitty.gif") no-repeat;
}
#rirandture #sideMenu #side-allitems a {
	background: url("/static/full/images/common/side_btn_all_rirandture.gif") no-repeat;
}
#oeuf #sideMenu #side-allitems a {
	background: url("/static/full/images/common/side_btn_all_oeuf.gif") no-repeat;
}

#apuweiser #side-allitems a {
	background: url("/static/full/images/common/side_btn_all_apuweiser.gif") no-repeat;
}
#jusglitty #side-allitems a {
	background: url("/static/full/images/common/side_btn_all_jusglitty.gif") no-repeat;
}
#rirandture #side-allitems a {
	background: url("/static/full/images/common/side_btn_all_rirandture.gif") no-repeat;
}
#oeuf #side-allitems a {
	background: url("/static/full/images/common/side_btn_all_oeuf.gif") no-repeat;
}

#sideMenu #side-allitems a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#sideMenu #side-category {
	margin-bottom: 30px;
	font-size: 12px;
}
#sideMenu #side-category h3 {
	border-bottom: 2px solid #1b1d21;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	font-size: 12px;
}
#sideMenu #side-category p {
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
#sideMenu #side-category p a {
	background: url("/static/full/images/common/side_arr.gif") left center no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
}
#sideMenu #side-category p a.active {
	background: url("/static/full/images/common/side_arr_on.gif") left center no-repeat;
}
#sideMenu #side-category ul {
	margin: 0;
	padding: 0;
}
#sideMenu #side-category ul li {
	margin: 0;
	padding: 20px 0 0 10px;
}
#sideMenu #side-category ul li ul {
	display: none;
	margin: 0;




	padding: 0;
}
#sideMenu #side-category ul li ul.active {
	display: block;
}
#sideMenu #side-category ul li ul li {
	line-height: 1.2;
	margin: 0;
	padding: 15px 0 0 25px;
}
#sideMenu #side-category ul li ul li a.active {
	font-weight: bold;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

#sideMenu #side-series {
	margin-bottom: 30px;
	font-size: 12px;
}

#sideMenu #side-series h3 {
	border-bottom: 2px solid #1b1d21;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	font-size: 12px;
}

#sideMenu #side-series a {
	background: url("/static/full/images/common/side_arr.gif") left center no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 1.2;
}
#sideMenu #side-series a.active {
	background: url("/static/full/images/common/side_arr_on.gif") left center no-repeat;
}
#sideMenu #side-series ul {
	margin: 0;
	padding: 0;
}
#sideMenu #side-series ul li {
	margin: 0;
	padding: 20px 0 0 10px;
}
#sideMenu #side-series ul li ul {
	display: none;
	margin: 0;
	padding: 0;
}
#sideMenu #side-series ul li ul.active {
	display: block;
}
#sideMenu #side-series ul li ul li {
	line-height: 1.2;
	margin: 0;
	padding: 15px 0 0 25px;
}
#sideMenu #side-series ul li ul li a.active {
	font-weight: bold;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}


#sideMenu #side-magazine {
	margin-bottom: 30px;
	font-size: 12px;
}
#sideMenu #side-magazine h3 {
	border-bottom: 2px solid #1b1d21;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	font-size: 12px;
}
#sideMenu #side-magazine p {
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
#sideMenu #side-magazine a {
	background: url("/static/full/images/common/side_arr.gif") left center no-repeat;
	display: block;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 0 20px;
}
#sideMenu #side-magazine a span {
	color: #ff3175;
	font-size: 11px;
}
#sideMenu #side-magazine a.active {
	font-weight: bold;
	text-decoration: underline;
}
#sideMenu #side-magazine ul {
	margin: 0;
	padding: 0;
}
#sideMenu #side-magazine ul li {
	margin: 0;
	padding: 20px 0 0 10px;
}
#sideMenu #side-price {
	margin-bottom: 30px;
	font-size: 12px;
}
#sideMenu #side-price h3 {
	border-bottom: 2px solid #1b1d21;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	font-size: 12px;
}
#sideMenu #side-price p {
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
#sideMenu #side-price a {
	background: url("/static/full/images/common/side_arr.gif") left center no-repeat;
	display: block;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 0 20px;
}
#sideMenu #side-price a.active {
	font-weight: bold;
	text-decoration: underline;
}
#sideMenu #side-price ul {
	margin: 0;
	padding: 0;
}
#sideMenu #side-price ul li {
	margin: 0;
	padding: 20px 0 0 10px;
}
#sideMenu #side-color {
	margin-bottom: 40px;
	font-size: 12px;
}
#sideMenu #side-color h3 {
	border-bottom: 2px solid #1b1d21;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 12px;
}
#sideMenu #side-color ul {
	width: 210px;
}
#sideMenu #side-color ul li {
	float: left;
	font-size: 0;
	line-height: 0;
	margin-right: 10px;
	padding-top: 10px;
}
#sideMenu #side-color a {
	border: 1px solid #d8d8d8;
	display: block;
}
#sideMenu #side-color a.active {
	border: 1px solid #ff3175;
}
#sideMenu #side-blog {
	border: 1px solid #d8d8d8;
	padding: 14px 9px;
	margin-bottom: 20px;
}
#sideMenu #side-blog h3 {
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 10px;
}
#sideMenu #side-blog p {
	text-align: center;
}
#sideMenu #side-recruit {}
#sideMenu #side-recruit p {
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
#sideMenu #side-luxe {
	margin-bottom: 10px;
}

/* 03-02 コンテンツ設定
--------------------------------------------------------------------*/
#contents {
	/*
	float: right;
	text-align: left;
	width: 768px;
*/
}


/* 04 ページトップ
--------------------------------------------------------------------*/
#pagetop {
	/* clear: both;
	margin: 0 auto;
	padding: 20px 0;
	width: 990px; */
}

#pi {
	padding-bottom: 20px;
}
/* バナーサイズ 1242_435対策 */
#pi>img {
	width: 1000px;
}

#coordinete #section-main .mail {}
#coordinete #section-main .mail img {
	width: 100%;
}
/* 06 コーディネート用
--------------------------------------------------------------------*/
#left_nav_coord {}

/* 07 開閉バナー
--------------------------------------------------------------------*/
#banner-list {
	font-size: 0;
	line-height: 0;
	margin: 0 auto 27px auto;
	width: 1000px;
}
#banner-list.top {
	margin: 20px auto 0 auto;
}
#banner-list h4 {
	margin-bottom: 10px;
}
#banner-list a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#banner-list .inner {
	overflow: hidden;
	width: 1000px;
	height: 116px;
}
#banner-list.top .inner {
	height: 120px;
}
#banner-list ul {
	width: 1020px;
}
#banner-list ul li {
	float: left;
	margin-right: 13px;
	padding-bottom: 12px;
	width: 240px;
}
#banner-list ul li img {
	width: 240px;
	height: auto;
}
#banner-list p {
	border-top: 1px solid #babbbc;
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-top: 8px;
}

/* 08 ライトボックス
--------------------------------------------------------------------*/
#overwrap {
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
}


.allCheck,
.allRelease {
	border: none;
	background-color: #999999;
	padding: 2px 20px;
	margin: 10px 10px 10px 0;
	color: #fff;
	border-radius: 10px;
	box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.8);
}


/* リニューアルから追加↓
---------------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
	border: 1px solid #dddddd;
	background: #ffffff;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
	/*padding: 8px 5px;*/
}

input[type="submit"],
input[type="button"] {
	border: 0;
}

input[type="submit"]:hover,
input[type="button"]:hover {
	cursor: pointer;
}

/* common
--------------------------------------------------------------------*/

.common_title_01 {
	font-size: 26px;
	line-height: 1;
	margin-bottom: 30px;
}
.common_btn_01 {
	text-align: center;
}
.common_btn_01 a {
	display: inline-block;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	line-height: 1;
	position: relative;
}
.common_btn_01 a:hover {
	text-decoration: none;
}
.common_btn_01 span {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}
.common_btn_01 span:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.common_btn_01 a:hover span:after {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}
.feature_more {
	text-align: center;
}
.btn_feature_more {
	display: inline-block;
	font-size: 20px;
	color: #000;
	text-decoration: none;
	line-height: 1;
	position: relative;

}
.btn_feature_more_text {
	display: inline-block;
	font-size: 18px;
	padding-right: 20px;
	position: relative;
}
.btn_feature_more_text:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 0;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_feature_more.opened .btn_feature_more_text:after {
	opacity: 0;
}
.icon_feature_more_close {
	opacity: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.icon_feature_more_close:before,
.icon_feature_more_close:after{
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #000;
	position: absolute;
	overflow: hidden;
	margin-top: -2px;
}
.icon_feature_more_close:before {
	width: 14px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(0px) rotate(-315deg);
	transform: translateY(0px) rotate(-315deg);
}
.icon_feature_more_close:after {
	width: 14px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-0px) rotate(315deg);
	transform: translateY(-0px) rotate(315deg);
}
.btn_feature_more.opened .icon_feature_more_close {
	opacity: 1;
}

/* item_container
--------------------------------------------------------------------*/

.item_container>li {
	width: 184px;
	margin: 0 20px 15px 0;
	float: left;
	position: relative;
}
.item_container>li:nth-child(5n) {
	margin: 0 0 15px 0;
}
.item_container>li:nth-child(5n+1) {
	clear: both;
}
.item_container>li>a {
	display: block;
}
.item_container>li>span {
	display: block;
}
.item_container li img {
	width: 100%;
	height: auto;
}
.item_status {
	margin-bottom: 10px;
}
.item_status li {
	margin-right: 10px;
	float: left;
	font-size: 12px;
}
.item_status .new {
	color: #e48010;
}
.item_status .reserved {
	display: none;
	color: #2c69bb;
}
.item_status .rearrival {
	color: #019057;
}
.item_status .sale {
	color: #ff0035;
}
.item_status .newcolor {
	color: #0066ff;
}
.item_icon {
	padding-bottom: 2px;
	margin-top: -3px;
}
.item_icon li {
	padding: 0 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #fff;
	line-height: 18px;
	border-radius: 2px;
	float: left;
}
.item_icon .isyo {
	background: #ff436a;
}
.item_icon .magazine {
	background: #5f87cf;
}
.item_icon .apply {
	background: #ff6000;
}
.item_icon .limited {
	background: #5f87cf;
}
.item_icon .asoriginal {
	display: none;
	background: #5f87cf;
}
.item_icon .drama {
	background: #5f87cf;
}
.item_icon .shoplimited {
	background: #5f87cf;
}
.item_icon .sendfree {
	background: #ff0035;
}
.item_icon .washable {
	background: #92d7a0;
}
.item_container .item_photo {
	margin: 0 0 15px;
	position: relative;
}

/* .itemslider
--------------------------------------------------------------------*/
.itemslider {}
.itemslider_list .slick-prev,
.itemslider_list .slick-next {
	width: 24px;
	height: 36px;
	position: absolute;
	top: 140px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	z-index: 10;
}
.itemslider_list .slick-prev {
	left: -44px;
}
.itemslider_list .slick-prev:after {
	content: "";
	width: 24px;
	height: 24px;
	margin-top: -12px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 5px;
}
.itemslider_list .slick-next {
	right: -44px;
}
.itemslider_list .slick-next:after {
	content: "";
	width: 24px;
	height: 24px;
	margin-top: -12px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
}

/* .goods_list
--------------------------------------------------------------------*/

.goods_list *, .goods_slide_list *, .recently_list *,
.goods_list *:before, .goods_slide_list *:before, .recently_list *:before,
.goods_list *:after, .goods_slide_list *:after, .recently_list *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.goods_list:before, .goods_slide_list:befoe,
.goods_list:after, .goods_slide_list:after {
	content: none;
}
.goods_list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -12.5px;
	margin-right: -12.5px;
	position: relative;
}
.goods_item {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	width: 100%;
	max-width: 20%;
	margin-bottom: 35px;
	padding: 0 12.5px;
	position:relative;
}
.goods_link {
	display: block;
	position: relative;
}
.goods_link:hover .goods_photo:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
}
.goods_photo {
	margin:0 0 15px;
	position:relative;
}
.goods_photo:before {
	content:"";
	display: block;
	padding-top: 120%;
}
.goods_photo_link {
	display: block;
	position: relative;
}
.goods_photo_link:before {
	content:"";
	display: block;
	padding-top: 120%;
}
.goods_photo_link:hover:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
}
.goods_image {
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	right: -100%;
	width: auto;
	height: 100%;
	margin: 0 auto;
}
.goods_brandname {
	font-size:12px;
	font-weight: bold;
	line-height: 1.2;
	word-wrap: break-word;
	margin:0 0 5px;
}
.goods_name {
	display: block;
	font-size:12px;
	line-height: 1.2;
	word-wrap: break-word;
	margin:0 0 5px;
}
.goods_price {
	font-size:12px;
	line-height: 1.2;
	color: inherit;
}
.goods_price del {
	display: block;
}
.goods_price_proper {
	font-size:12px;
}
.goods_price_tax {
	color: inherit;
	font-size:12px;
}
.goods_price_sale {
	color:#ff3175;
	font-size:12px;
}
.goods_price_off,
.goods_price_rate {
	color:#ff3175;
	font-size:12px;
	padding-left:2px;
}
.goods_rank {
	display: inline-block;
	color: #000;
	font-size: 34px;
	font-family: 'Lusitana', serif;
	font-style: italic;
	background-color: transparent;
	position: absolute;
	top: -25px;
	right: 15px;
	z-index: 50;
}
.goods_rank.rank_01 {}
.goods_rank.rank_02 {}
/* 商品ステータスアイコン */
.goods_icon_list {
	display:-webkit-box;/*--- legacy Android ---*/
	-webkit-box-pack:justify;/*--- legacy Android ---*/
	-webkit-flex-wrap:wrap;/*--- legacy Android ---*/
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	margin-left: -5px;
	margin-right: -5px;
}
.goods_icon_item {
	width: auto;
	padding: 0 5px;
	margin-bottom: 10px;
}
.goods_icon_item.is_hidden {
	display: none;
}
.goods_icon {
	display: block;
	color: #000;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	background-color: transparent;
}
/* icon color */
.goods_icon.goods_icon_sale {
	color: #ff0035;
}
.goods_icon.goods_icon_new {
	color: #e48010;
}
.goods_icon.goods_icon_rearrival {
	color: #019057;
}
.goods_icon.goods_icon_reserve {
	color: #2c69bb;
}
.goods_icon.goods_icon_magazine {}
.goods_icon.goods_icon_comingsoon {}
.goods_icon.goods_icon_newcolor {
	color: #0066ff;
}

/* 販促アイコン */
.goods_sales_list {
	display:-webkit-box;/*--- legacy Android ---*/
	-webkit-box-pack:justify;/*--- legacy Android ---*/
	-webkit-flex-wrap:wrap;/*--- legacy Android ---*/
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	margin-left: -5px;
	margin-right: -5px;
}
.goods_sales_item {
	width: auto;
	margin-bottom: 10px;
	padding: 0 5px;
}
.goods_sales_item.is_hidden {
	display: none;
}
.goods_sales_icon {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 2px;
	background-color: #000;
}
.goods_sales_icon.goods_sales_isyo {
	background-color: #ff436a;
}
.goods_sales_icon.goods_sales_magazine {
	background-color: #5f87cf;
}
.goods_sales_icon.goods_sales_apply {
	background-color: #ff6000;
}
.goods_sales_icon.goods_sales_limited {
	background-color: #5f87cf;
}
.goods_sales_icon.goods_sales_asoriginal {
	background-color: #5f87cf;
}
.goods_sales_icon.goods_sales_drama {
	background-color: #5f87cf;
}
.goods_sales_icon.goods_sales_shoplimited {
	background-color: #5f87cf;
}
.goods_sales_icon.goods_sales_sendfree {
	background: #ff0035;
}
.goods_sales_icon.goods_sales_washable {
	background-color: #92d7a0;
}
.goods_promotion {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	font-size: 0;
	line-height: 1;
	text-align: left;
}
.goods_promotion_list {}
.goods_promotion_item {
	overflow: hidden;
}
.goods_promotion_item + .goods_promotion_item {
	margin-top: 2px;
}
.goods_promotion_icon {
	display: inline-block;
	overflow: hidden;
	padding: 0 5px;
	max-width: 100%;
	font-size: 10px;
	line-height: 20px;
	text-overflow: ellipsis;
	vertical-align: middle;
	word-wrap: normal;
	white-space: nowrap;
}
.goods_promotion_icon.goods_promotion_campaign {
	color: #fff;
	background-color: #fa2e77;
}
.goods_promotion_icon.goods_promotion_10off {
	color: #fff;
	background-color: #fa2e77;
}
.goods_soldout {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	/*background-color:rgba(0,0,0,0.4);*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	color: #fff;
	font-size: 22px;
	text-align: center;
}
.goods_soldout a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height: 25px;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
}
.goods_soldout a span {
	display: block;
	width: 80px;
	height: 25px;
	font-size: 11px;
	text-align: center;
	border-radius: 2px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.goods_comingsoon {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	box-sizing: border-box;
}
.goods_comingsoon a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 14px;
}
.goods_comingsoon a:hover {
	text-decoration: none;
}
.goods_comingsoon_text {
	display: block;
	width: auto;
	height: 1em;
	color: #fff;
	font-size: 14px;
	line-height: 1em;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.goods_date {
	display: block;
	margin-top: 5px;
}
.goods_saledate {
	color: #ff3175;
	font-size: 11px;
	line-height: 1.2;
}
.goods_senddate {
	color: #ff3175;
	font-size: 11px;
	line-height: 1.2;
}
.goods_detail {}
.goods_detail_link {}

/* サイトTOP・ブラントTOP商品リスト */
.goods_slide_list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	position: relative;
}
.goods_slide_item {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	width: 100%;
	max-width: 20%;
	margin-bottom: 30px;
	padding: 0 10px;
	position:relative;
}
.goods_slide_detail {}
.goods_slide_detail_link {}
.goods_slide_brandname {
	color: #555;
	font-size:14px;
	margin-bottom: 15px;
}
.goods_slide_name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #555555;
	font-size: 14px;
	margin-bottom: 15px;
}
.goods_slide_price {
	font-size:16px;
	color: inherit;
}
.goods_slide_price del {
	color: #ff0000;
}
.goods_slide_price_proper {
	color: #000;
	font-size:16px;
}
.goods_slide_price_tax {
	color: inherit;
	font-size:12px;
}
.goods_slide_price_sale {
	color:#ff0000;
	font-size:16px;
}
.goods_slide_price_off,
.goods_slide_price_rate {
	color:#ff0000;
	font-size:12px;
}

/* 商品6列表示 */
.goods_list.goods_list__column6 {
	margin-left: -10px;
	margin-right: -10px;
}
.goods_list.goods_list__column6 .goods_item {
	-ms-flex: 0 0 16.6666667%;
	flex: 0 0 16.6666667%;
	width: 100%;
	max-width: 16.6666667%;
	padding: 0 10px;
}

.item_not_found {
	display: block;
	width: 100%;
	padding: 20px 20px;
	text-align: center;
}
.item_not_found_text {
	font-size: 13px;
	line-height: 1.6;
}

/* パンくず ※セレクタは極力いじらない
--------------------------------------------------------------------*/

.bread {
	width: 1000px;
	padding: 20px 0 0;
	margin: 0 auto;
	position: relative;
}
.bread li {
	float: left;
	color: #000;
	font-size: 12px;
}
.bread li a {
	color: #000;
	font-size: 12px;
}
.bread li:after {
	margin: 0 7px;
	content: ">";
	color: #000;
}
.bread li:last-of-type:after {
	margin: 0;
	content: "";
}

/*SNS用モーダル*/
.sns-modal {
	display: none;
	width: 460px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
}
.sns-modal h3 {
	margin: 0;
	padding: 10px;
	background: #FFF;
	font-size: 20px;
	font-weight: bold;
}
.sns-modal .inner {
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}
.sns-modal .sns_main {
	background: #f6f6f6;
}

.sns-modal .sns_main ul>li>a {
	border-top: 1px solid #e2e2e2;
	background: url("/static/lite/images/common/ico_right.png") 96% center no-repeat;
	background-size: 6px 10px;
	display: block;
	padding: 2.7% 4%;
	width: 100%;
	box-sizing: border-box;
	float: left;
	font-size: 13px;
	text-align: left;
}

.sns-modal .bottom-close {
	margin-top: 15px;
}

.sns-modal .close {
	cursor: pointer;
	position: absolute;
	top: -25px;
	right: -25px;
}

#details-recommend h4 {
	margin-bottom: 20px;
}

/* .再入荷ポップアップ
--------------------------------------------------------------------*/
.floating-dialog {
	background-color: #fff;
	/*position: relative;*/
	margin: 0;
	border-radius: 0;
	width:100%;
	height:100%;
}

#rearrival-info {
	display: none;
	width:1000px;
	height:0;
	background:#fff;
	position:absolute;
	top: 0;
	left: 0;
	right:0;
	margin:5% auto auto;
	z-index: 20000;
	box-sizing:border-box;
}
.modal_rearrival_close {
	position: absolute;
	top: -25px;
	right: -25px;
	z-index: 10;
}
.modal_rearrival_close_image {}
.page-mask, .page-mask-white{
	background-color: rgba(0,0,0,.5);
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1100;
}
.sampleValue {
	color: #999;
}
.efoMsgBox {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	left: 0;
	background-color: rgba(0,0,0,.8);
	padding: 3px 10px;
	border: 1px solid #ccc;
	position: absolute;
	top: 0;
	z-index: 20000000 !important;
}

/* .お気に入りモーダル
--------------------------------------------------------------------*/
/* ログインモーダル */
.modal_login {
	display: none;
	position: absolute;
	top: 170px;
	left: 250px;
	width: 500px;
	z-index: 2000;
	border: 1px #1b1d21 solid;
}
.modal_login *,
.modal_login *:before,
.modal_login *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.modal_login_box {
	background: #fff;
	padding: 25px 30px;
	height: 100%;
}
.modal_login_close {
	cursor: pointer;
	position: absolute;
	top: -25px;
	right: -25px;
}
.modal_login_title {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}
.modal_login_top {
	text-align: center;
	margin-bottom: 10px;
}
.modal_login_form {}
.modal_login_form + .modal_login_form {
	margin-top: 10px;
}
input.modal_login_input {
	display: inline-block;
	width: 280px;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 5px;
}
.modal_login_bottom {}
.modal_login_btn {
	text-align: center;
	margin-bottom: 5px;
}
.modal_login_btn_list:before,
.modal_login_btn_list:after {
	content: none;
}
.modal_login_btn_list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.modal_login_btn_item {
	padding: 0 4px;
}
.btn_favorite_login {
	display: inline-block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	letter-spacing: normal;
	background-color: #1b1d21;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.btn_favorite_entry {
	display: inline-block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	letter-spacing: normal;
	background-color: #1b1d21;
	border-radius: 5px;
}
a.btn_favorite_entry:link,
a.btn_favorite_entry:visited,
a.btn_favorite_entry:hover,
a.btn_favorite_entry:active {
	color: #fff;
}
.modal_remind {
	display: block;
	text-align: center;
}
.modal_remind_link {
	color: #383afe;
	text-align: left;
	line-height: 22px;
	text-decoration: underline;
	background: url("/static/images/common/icon_info.png") left center no-repeat;
	padding: 0 0 0 15px;
}
a.modal_remind_link:link,
a.modal_remind_link:visited,
a.modal_remind_link:hover,
a.modal_remind_link:active {
	color: #383afe;
	text-decoration: underline;
}
.efo_error_text {
	display: none;
	color: #f30;
	text-align: center;
	padding: 10px;
}
/*EFO チェック*/
.ok {
	font-size: 13px;
	color: #ff0000;
	/*margin-left: -2.5em;
	margin-top: 13px;
	position: absolute;*/
}
.has_feedback {
	position: relative;
}
.has_feedback .ok {
	color: #ff0000;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 30px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	pointer-events: none;
	margin: 0;
}
.modal_login_form .has_feedback {
	display: inline-block;
}
#modal_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	top: 0;
	left: 0;
	z-index: 10000;
}

/* お気に入りモーダル */
#favorite-info {
	display: none;
	width: 500px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1500;
	margin: 5% auto auto;
	box-sizing: border-box;
}
#favorite-info *,
#favorite-info *:before,
#favorite-info *:after {
	box-sizing: border-box;
}
.modal_favorite_inner {
	background-color: #fff;
	position: relative;
}
/* モーダル閉じるボタン上 */
.modal_close_top {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 16px;
	z-index: 10;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.modal_close_top:before,
.modal_close_top:after {
	content: "";
	display: inline-block;
	height: 2px;
	background-color: #818181;
	position: absolute;
	overflow: hidden;
}
.modal_close_top:before {
	width: 16px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(0px) rotate(-315deg);
	transform: translateY(0px) rotate(-315deg);
}
.modal_close_top:after {
	width: 16px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-0px) rotate(315deg);
	transform: translateY(-0px) rotate(315deg);
}
/* モーダル閉じるボタン下 */
.modal_close_bottom {
	padding: 15px 25px;
	border-top: 1px solid #e5e5e5;
}
.button_modal_close {
	display: block;
	color: #808080;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}
.modal_title {
	color: #000;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	background-color: #fff;
	padding: 8px 0;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}
.modal_title.modal_title_favorite:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 23px;
	background: url("/static/lite/images/common/icon_lightbox_favorite.png") left center no-repeat;
	background-size: 23px 23px;
	margin-right: 10px;
}
.modal_favorite_list {
	padding: 0 10px;
}
.modal_favorite_item {
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #e5e5e5;
}
.modal_favorite_item:last-child {
	border-bottom: 0;
}
.modal_color_info {
	display: table;
	width: 100%;
}
.modal_color_thumb,
.modal_choose_item {
	display: table-cell;
}
.modal_color_thumb {
	width: 70px;
	text-align: center;
}
.modal_color_photo {
	margin-bottom: 5px;
	position: relative;
}
.modal_color_photo:before {
	content: "";
	display: block;
	padding-top: 120%;
}
.modal_color_image {
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	right: -100%;
	margin: 0 auto;
	width: auto;
	height: 100%;
}
.modal_color_text {
	font-size: 10px;
	text-align: center;
}
.modal_choose_item {
	max-width: 100%;
	padding: 0 0 0 10px;
	vertical-align: top;
}
.modal_choose_item {}

.modal_stock_list {}
.modal_stock_item {
	margin-bottom: 10px;
}
.modal_stock_item:last-child {
	margin-bottom: 0;
}
.modal_stock_data {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}
.modal_stock_info {
	-webkit-flex: 1;
	flex: 1;
	text-align: left;
}
.modal_stock_size {
	display: inline-block;
	color: #000;
	font-size: 12px;
	vertical-align: middle;
}
.modal_stock_text {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}
.modal_stock_favorite {
	-webkit-flex-basis: 44px;
	flex-basis: 44px;
	max-width: 44px;
	width: 44px;
	text-align: right;
	padding: 0 0 0 4px;
}
a.button_modal_favorite:link,
a.button_modal_favorite:visited,
a.button_modal_favorite:hover,
a.button_modal_favorite:active {
	color: #fff;
	text-decoration: none;
}
.button_modal_favorite {
	display: block;
	text-align: center;
	padding: 12px 0;
}
.button_modal_favorite_text {
	display: inline-block;
	width: 20px;
	height: 18px;
	background: url(/static/full/images/common/icon_favorite_off.png) no-repeat;
	background-size: 20px 18px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.button_modal_favorite_text.on {
	background:url(/static/full/images/common/icon_favorite_on.png) no-repeat;
	background-size: 20px 18px;
}

/* お気に入り登録（削除）完了モーダル */
#favorite-info-add,
#favorite-info-remove {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20000;
	width: 400px;
}
.modal_add_inner {
	height: 100%;
	background-color: #f3f3f3;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px #5e5e5e;
	padding: 20px;
}
.modal_add_title {
	color: #000;
	font-size: 14px;
	text-align: left;
	line-height: 1;
	margin-bottom: 10px;
}
/*.modal_add_title:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 18px;
	background: url("/static/full/images/common/icon_favorite_ttl.png") left center no-repeat;
	background-size: 20px 18px;
	margin-right: 10px;
}*/
.modal_add_text {
	color: #000;
	font-size: 11px;
	text-align: left;
	line-height: 1.6;
}
a.modal_add_link:link,
a.modal_add_link:visited,
a.modal_add_link:hover,
a.modal_add_link:active {
	color: #000;
	text-decoration: underline;
}
.modal_add_link {
	color: #000;
	text-decoration: underline;
	line-height: 1.6;
}
.modal_favorite_bottom {
	text-align: right;
	padding-top: 5px;
}
.modal_favorite_close {
	display: inline-block;
	color: #3192ff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
a.modal_favorite_close:link,
a.modal_favorite_close:visited,
a.modal_favorite_close:hover,
a.modal_favorite_close:active {
	color: #3192ff;
	text-decoration: none;
}

/* フォーム共通
--------------------------------------------------------------------*/

/*-- 水平 --*/
.form_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.form_row > [class*=col_] {
	padding-right: 5px;
	padding-left: 5px;
}
.align_items_start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.align_items_center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.align_items_end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.justify_content_center {
	-ms-flex-pack: center; /*IE10*/
	-webkit-justify-content: center;
	justify-content: center;
}
.justify_content_start {
	-ms-flex-pack: start; /*IE10*/
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.justify_content_end {
	-ms-flex-pack: end; /*IE10*/
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.col_form_1 {
	-ms-flex: 0 0 8.333333333%;
	flex: 0 0 8.333333333%;
	max-width: 8.333333333%;
}
.col_form_2 {
	-ms-flex: 0 0 16.666666667%;
	flex: 0 0 16.666666667%;
	max-width: 16.666666667%;
}
.col_form_3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col_form_4 {
	-ms-flex: 0 0 33.333333333%;
	flex: 0 0 33.333333333%;
	max-width: 33.333333333%;
}
.col_form_5 {
	-ms-flex: 0 0 41.666666667%;
	flex: 0 0 41.666666667%;
	max-width: 41.666666667%;
}
.col_form_6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.col_form_7 {
	-ms-flex: 0 0 58.333333333%;
	flex: 0 0 58.333333333%;
	max-width: 58.333333333%;
}
.col_form_8 {
	-ms-flex: 0 0 66.666666667%;
	flex: 0 0 66.666666667%;
	max-width: 66.666666667%;
}
.col_form_9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.col_form_10 {
	-ms-flex: 0 0 83.333333333%;
	flex: 0 0 83.333333333%;
	max-width: 83.333333333%;
}
.col_form_11 {
	-ms-flex: 0 0 91.666666667%;
	flex: 0 0 91.666666667%;
	max-width: 91.666666667%;
}
.col_form_12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.col_form_auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	min-height: 1px;
	position: relative;
}
.form_group_info {
	font-size: 12px;
	line-height: 1.4;
}
.form_group_text {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 5px;
}
.form_group_title {
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 1;
}
.form_group_item {}
.form_group_item + .form_group_item {
	margin-top: 10px;
}
.form_group_inline {

}
.form_group_inline + .form_group_inline {
	margin-top: 10px;
}
.form_group_text_help {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	margin-top: 5px;
}
.form_group_text_register {
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 40px;
}

/* テキストの整列 */
.text_left { text-align:left !important; }
.text_center { text-align:center !important; }
.text_right { text-align:right !important; }



/* ログインフォーム		#20687 Input ログインフォーム IDクリア･PW可視化
--------------------------------------------------------------------*/
.clear_form_input,
.password_visibility_input {
	display: inline-block;
	position: relative;
}
.input_clear_button {
	display: none;
}
.input_clear_button.on {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	cursor: pointer;
}
.input_clear_button:before,
.input_clear_button:after{
	content: "";
	display: inline-block;
	height: 2px;
	background-color: #000;
	position: absolute;
	overflow: hidden;
	margin-top: -1px;
}
.input_clear_button:before {
	width: 14px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(0px) rotate(-315deg);
	transform: translateY(0px) rotate(-315deg);
}
.input_clear_button:after {
	width: 14px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-0px) rotate(315deg);
	transform: translateY(-0px) rotate(315deg);
}
.password_visibility_input .input_general {
	padding: 10px 35px 10px 10px;
}
.password_visibility_input.is_show .password_visibility_button {
	visibility: visible;
}
.password_visibility_button {
	visibility: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	padding: .375rem .75rem;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	background-color: transparent;
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
}
.passwordreset .password_visibility_button {	/*パスワード再設定*/
	left: 410px;
}
.password_visibility_button:before{
	content: "";
	display:inline-block;
	width:16px;
	height:12px;
	background-image:url(/static/lite/images/common/commonparts/icon_visibility_off.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
}
.password_visibility_input.visible_password .password_visibility_button:before{
	background-image:url(/static/lite/images/common/commonparts/icon_visibility_on.png);
}
/*#20687 Input ログインフォーム IDクリア･PW可視化 end*/
