@charset "UTF-8";

#loading {
	text-align: center;
}
#caption {
	padding: 20px 0;
}
#favorite-no-items {
	margin: 50px 0;
}
/* ページャー部分 */
.container-pagination-top,
.container-pagination-bottom {
	line-height: 24px;
	margin: 10px 0;
}
.container-pagination-top:after,
.container-pagination-bottom:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.paging-base {
	text-align:left;
	float:left;
	padding-left: 10px;
}
.paging-subpage {
	padding-left: 15px;
	text-align: left;
	float:right;
}
	.paging-subpage ul {
	}
	.paging-subpage ul li {
		float: left;
		margin-right: 5px;
	}
	.paging-subpage ul li.current {
		background-color: #000;
		color: #fff;
		text-decoration: underline;
		width: 21px;
		height: 21px;
		line-height: 21px;
		text-align: center;
		display: block;
	}
	/* .paging-subpage ul li.next {
		background: url("/static/full/images/list/next.gif") center 8px no-repeat;
		text-indent: -9999px;
	}
	.paging-subpage ul li.prev {
		background: url("/static/full/images/list/prev.gif") center 8px no-repeat;
		text-indent: -9999px;
	} */
		.paging-subpage ul li a {
			border: 1px #dedede solid;
			display: block;
			width: 20px;
			height: 20px;
			line-height: 21px;
			text-align: center;
		}
.fav-title {
	text-align:center;
	margin-bottom: 10px;
}

.item-list {
}
.item-list li.items {
width: 353px;
float: left;
/* border: 1px solid #b4b5b5; */
margin: 0 10px 15px 0;
}
.item-list li.items li {
}
.items .itemphoto {
	float: left;
	padding: 5px;
}
.items .item_info {
	float: left;
	padding: 10px;
	width: 194px;
	text-align: left;
}
.items .cart-check {
	background: #F2F2F2;
    clear: both;
    width: 353px;
    text-align: center;
    height: 20px;
    /* border-top: 1px solid #b4b5b5; */
    /* line-height: 30px; */
    padding: 9px 0;
}
.item_info p {
	line-height: 20px;
}
.item_info p input {
	vertical-align: middle;
}
.item_info .alert {
	display: block;
	color: #ff0000;
	line-height: 13px;
	font-size: 11px;
}

.mail-btn {
	float:left;
	margin-top: 5px;
}
.mail-btn input {
	width: 110px;
	line-height: 20px;
	background: #1c1a1b;
	border: none;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 5px;
	cursor: pointer;
}
.mail-btn .favorite_btn-update {
	height:auto;
}
.mail-btn input:hover {
	opacity: 0.7;
}

.mail-btn input[type="button"][disabled],
.mail-btn input[type="button"][disabled]:hover
{
	color: #AAAAAA;
	background-color: #EEEEEE;
	cursor: default;
		opacity: 1;
}

.del-img {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	opacity: 0.5;
}
.del-img label.checked {
	background: url(/static/full/images/common/checked.gif) left center no-repeat;
}
.del-img label {
	background: url(/static/full/images/common/check.gif) left center no-repeat;
	cursor: pointer;
	display: block;
	line-height: 20px;
	padding-left: 30px;
}
.del-img input[type="checkbox"] {
	display: none;
}
.del-img a {
	padding: 4px 0;
	display: block;
}

.cart-check span {
	color: #b4b5b5;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cart-check .checkBox label {
	background: url("/static/full/images/default/check.gif") left center no-repeat;
	cursor: pointer;
	display: block;
	line-height: 20px;
	padding-left: 35px;
}
.cart-check .checkBox label.checked {
	background: url("/static/full/images/default/checked.gif") left center no-repeat;
}
.cart-check .checkBox label input[type="checkbox"] {
	display: none;
}
.cart-check .checkBox {
	margin-top:0 !important;
}
.cart-check .checkBox label {
	background-position-y: center !important;
	width: 145px;
	margin: 0 auto;
	line-height: 30px !important;
	padding-left: 20px !important;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.bottom-btn {
	margin: 0 auto 70px auto;
	text-align: center;
}
.bottom-btn input {
/*
	background-color: #cc0033;
	border-radius: 0;
	padding: 0 20px;
*/
	font-weight: bold;
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	width:260px;
	height: 50px;
	border: none;
	line-height: 50px;
	cursor: pointer;
	-webkit-appearance: none;
}
.bottom-btn input:hover {
	opacity: 0.7;
}
.favorite_btn-remove {
	margin-left: 20px;
}
#favorite-logindialog {
	display:none;
	position : absolute;
	left: 0px;
	top : 0px;
	width : 350px;
	height : 160px;
	z-index :1001;
}
.modal_area .remind,
#favorite-logindialog p {
	font-size: 11px;
	margin: 15px 0px 0px 0px;
}
#favorite-logindialog .att {
	margin-bottom: 32px;
	font-size: 12px;
	text-align: center;
}


#favorite-info {
}

.lightbox-login,
#favorite-add-info,
#favorite-remove-info,
#favorite-logindialog,
#favorite-successdialog {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	padding:49px 45px 47px !important;
	width:700px;
	height:auto;
	text-align:center;
	z-index:3001;
	background-color:#fff;
	border:none;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}

#favorite-add-info .modal_area_title,
#favorite-remove-info .modal_area_title,
#favorite-info h5,
.lightbox-login h5,
#favorite-add-info h5,
#favorite-remove-info h5,
#favorite-logindialog h3,
#favorite-successdialog h3 {
	margin-bottom: 27px;
	font-size: 20px;
	line-height: 30px;
}

#favorite-info .modal_area h5,
.lightbox-login .modal_area h5,
#favorite-add-info .modal_area h5,
#favorite-remove-info .modal_area h5,
#favorite-logindialog .login_member h3,
#favorite-logindialog .no_member h3{
	margin-bottom: 18px;
	font-size: 16px;
}

#favorite-logindialog .login_member .input_clear_button.on {
    right: 0;
    top: calc(50% - (10px / 2));
}

#favorite-logindialog .login_member .password_visibility_button {
    right: 0;
    top: calc(50% - 7px);
    height: 30px;
    padding: 0;
}

#favorite-logindialog .login_member .password_visibility_input {
    height: 45px;
}

.modal_area_cart h5.modal_area_title{
	font-size: 20px !important;
}

.modal_area .login_member,
#favorite-logindialog .login_member {
	display: inline-block;
	vertical-align: top;
	padding: 0 45px 6px 0;
	width: 42%;
	border-right: 1px solid #E6E6E6;
}
.modal_area .no_member,
#favorite-logindialog .no_member {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 6px 45px;
	width: 42%;
}
#favorite-logindialog .input-area-box{
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#favorite-add-info .modal_favorite_btn,
#favorite-successdialog #popup_ok {
    display: block;
    margin: 39px auto 20px;
	border:none;
	cursor:pointer;
	background: #D8AB30;
}

.modal_area input,
#favorite-logindialog input {
	width:100%;
	color:#666;
	border:1px solid #B2B2B2;
	border-radius: 4px;
	margin-bottom:10px;
	padding:5px;
}
.modal_area input#password,
#favorite-logindialog input#password {
	margin-bottom:5px;
}
#favorite-logindialog .alpha input {
	color:#fff;
	border:none;
	line-height:0;
	margin:0;
	padding:0;
}

.lightbox-login .input_clear_button.on {
    top: calc(50% - (20px / 2 ));
    right: 0px;
}

.lightbox-login .password_visibility_button {
    top: calc(50% - (20px / 2 ));
    right: -13px;
}

.lightbox-login .clear_form_input {
    height: 54px;
}

.lightbox-login .password_visibility_input {
	height: 54px;
}

.modal_favorite_btn,
.modal_area .modal_login_btn,
.modal_area .modal_newmember_btn,
#favorite-logindialog #loginBtn{
	margin: 0 auto;
    width: 150px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    border: none;
    cursor: pointer;
    background-color: #D8AB30;
	color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 45px;
}

.modal_favorite_btn a,
.modal_area .modal_login_btn a,
.modal_area .modal_newmember_btn a{
	color: #fff;
}
.modal_area .login-area,
#favorite-logindialog .login-area {
	margin:10px auto;
}

.modal_area .remind,
#favorite-logindialog .remind {
	text-align: left;
}
.modal_area .remind a,
#favorite-logindialog .remind a {
	padding: 0 0 0 15px !important;
	background: url("/static/full/images/default/cart_ex.svg") left center no-repeat;
	background-size: 13px;
	color: #4C9ED9;
	text-decoration: underline;
}

#favorite-logindialog .simpleBtn,
#favorite-successdialog .simpleBtn {
	width: 210px;
    height: 40px;
	font-size:14px;
	border:none;
	cursor:pointer;
}
#favorite-add-info .modal_area_p,
#favorite-successdialog p {
	margin-bottom: 39px;
}
.check.ok {
	color:#ff0000;
}


.icon {
	margin: 0px 0 0 0;
}
.icon li {
	float: left;
	margin: 0 3px 18px 0;
	padding: 0 5px;
	/* width: 68px; */
	height: 18px;
	color: #fff;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	border-radius: 0;
}
.icon .new {
	background-color: #EF8851;
}
.icon .sale {
	background-color: #E04954;
}
.icon .restock {
	background-color: #828282;
}
.icon .magazine {
	background-color: #1653b8;
}
.icon .reserve {
	background-color: #9e57d5;
}
.icon .coming {
	background-color: #16b84b;
}
.icon .limited {
	background-color: #1e84b3;
}
.icon .outlet {
	background-color: #ba2b13;
}

.icon .lottery {
	background-color: #008080;
}
.icon .timesale {
	background-color: #778899;
}

.icon .ec_presale {
	background-color: #008080;
}

.item-tx{
	width:200px;
}
.item-tx dt {
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 13px;
}
.item-tx dd {
	font-size: 11px;
}
.item-tx dd .price {
	display: block;
}
.item-tx dd .off {
	color: #c81220;
}

.item-tx dd span.sale {
	color: #c81220;
}

#container-favorite .main_box {
	width: 730px;
	overflow: hidden;
	margin-top: 10px;
}

/*modal_area*/

.modal_area{
	position: absolute;
	top: 50%;
	right: 50%;
}

.modal_close{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 17px 26px;
	padding-left: 20px;
	font-size: 14px;
	background: url("/static/full/images/list/close_modal.svg") left 0px no-repeat;
}


/* お気に入り追加モーダル s,v
--------------------------------------------------------------------*/

#favorite-info {
	display: none;
	position: absolute;
    width: 500px;
    top: 0;
    left: 0;
    right: 0;
    margin: 5% auto auto;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 0;
    z-index: 20000;
}

#favorite-add-info,
#favorite-remove-info {
	display: none;
	position: absolute;
    width: 420px;
    top: 0;
    left: 0;
    right: 0;
    margin: 5% auto auto;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 0;
    z-index: 20000;
}

.favorite_modal_inner{
    padding: 36px 40px 40px;
}


/* modal_area
--------------------------------------------------------------------*/

.modal_area {
	width: 700px;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	background: #fff;
	z-index:20000;
}
#favorite-add-info .modal_area_cart,
#favorite-add-info .favorite-remove-info {
	padding:49px 45px 47px !important;
}
.modal_area_title {
	padding:0 0 14px;
	font-size:20px;
	line-height:50px;
	text-align:center;
}

.modal_area_cart .att{
	padding:0 0 38px;
	font-size: 14px;
}
/*
.modal_close_top a {
	width:30px;
	height:30px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:-40px;
	right:0;
}
.modal_close_top a:before {
	content:"";
	width:30px;
	height:1px;
	background:#fff;
	position:absolute;
	top:50%;
	left:0px;
	transform:rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.modal_close_top a:after {
	content:"";
	width:30px;
	height:1px;
	background:#fff;
	position:absolute;
	top:50%;
	left:0px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.modal_close_bottom a {
	text-align:center;
	background:#e8e8e8;
	line-height:52px;
	display:block;
}
.modal_close_bottom span {
	padding-left:20px;
	font-size:15px;
	display:inline-block;
	position:relative;
}
.modal_close_bottom span:before {
	content:"";
	width:13px;
	height:1px;
	background:#333;
	position:absolute;
	top:50%;
	left:0px;
	transform:rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.modal_close_bottom span:after {
	content:"";
	width:13px;
	height:1px;
	background:#333;
	position:absolute;
	top:50%;
	left:0px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
}
*/

/* modal_area_item
--------------------------------------------------------------------*/

.modal_area_item {
	width: 620px;
}

.modal_area_item dl {
/*	display: table;*/
	display: inline-block;
}

.modal_area_ul_01 > li {
	padding:20px 0px;
	border-bottom:#E6E6E6 1px solid;
}
.modal_area_ul_01 > li:first-child {
	padding-top:20px;
	border-top:#E6E6E6 1px solid;
}
.modal_area_dl_01 {
	width:100%;
	margin-bottom:15px;
	display:table;
}
.modal_area_dl_01 > dt {
	width:75px;
	padding-right:25px;
/*    display: table-cell;*/
	display: inline-block;
	vertical-align:middle;
}
.modal_area_dl_01 > dt img {
	width:100%;
	height:auto;
}
.modal_area_dl_01 > dd {
	display:table-cell;
	font-size:14px;
	vertical-align:middle;
}
.modal_area_dl_01 > dd .date {
	padding:10px 0 0;
	color:#f7113d;
	font-size:14px;
	display:block;
}
.modal_area_ul_02 > li {
	padding:15px 0;
	border-top:1px solid #e4e4e4;
}

.modal_area_data {
	display:table;
	width:100%;
}
.modal_area_data *,
.modal_area_data *:before,
.modal_area_data *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* お気に入り登録/削除一覧ダイアログ
----------------------------------------*/
#favorite-info .modal_area_mainImg {
    display: table-cell;
    width: 66px;
    margin-right: 50px;
}

#favorite-info .modal_area_mainImg img {
    width: 100%;
}

#favorite-info .modal_area_colorname {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.3em;
}

#favorite-info .modal_area_favorite_info {
    display: table-cell;
    vertical-align: middle;
    width: 504px;
}

/*サイズ、在庫、ハート*/

#favorite-info .modal_area_favorite_info ul {
	padding: 0 0px 0 52px;
    width: 100%;
}

#favorite-info .modal_area_favorite_list li {
/*	display: inline-block;*/
/*    float: left;*/
/*    margin-right: 35px;*/
	width: 100%;
}

#favorite-info .modal_area_favorite_list li:last-child {
	margin-right: 0px;
}

.modal_area_favorite_item {
    /* float: left; */
	width: 57%;
}

.modal_area_heading {
/*    display: table-cell;*/
	/* display: inline-block; */
	vertical-align:middle;
    /* float: left; */
    /* width: 15px; */
	font-size: 14px;
    line-height: 59px;
    text-align: left;
}
#favorite-info .modal_area_stock {
/*    display: table-cell;*/
	/* display: inline-block; */
	vertical-align: middle;
    /* float: left; */
    /* padding-left: 35px; */
    /* width: 100px; */
	font-size: 14px;
    line-height: 59px;
    text-align: left;
}
.modal_area_btn {
	display:table-cell;
	vertical-align:middle;
	padding-left: 5px;
	max-width: 100%;
}
.modal_area_btn__favorite {
/*    display: table-cell;*/
	display: inline-block;
	vertical-align:middle;
    /* float: right; */
	width: 34%;
    line-height: 59px;
	text-align: left;
}

.lightbox-favorite .modal_area_btn__favorite {
/*	max-width: 100%;
	width: -webkit-calc(100% - 110px);
	width: calc(100% - 110px);*/
}

.modal_area_btn__favorite .favorite a {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
	cursor: pointer;
}

.modal_area_btn__favorite .favorite span {
	display:block;
	padding-left: 50px;
	background: url(/static/full/images/detail/icon_fav_off.svg) no-repeat center left;
    background-size: 28px 24px;
	font-size: 14px;
	text-align: left;
/*	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;*/
}
.modal_area_btn__favorite .favorite span.on {
	background: url(/static/full/images/detail/icon_fav_on.svg) no-repeat center left;
    background-size: 28px 24px;
}
.modal_area_btn__favorite .favorite span.on::after {
	content: "済み";
}


/* お気に入りコーディネート
----------------------------------------*/
#favorite-list .item_list,
#favorite-list .staff_list {
	display: grid;
    grid-template-columns: repeat(var(--sp-col, 4), minmax(0, 1fr));
    column-gap: 25px;
    margin: 20px 0 80px;
    row-gap: 35px;
}
.item_listItem {
	position:relative;
	box-sizing: border-box;
	font-size: 11px;
}
.photo_only .item_listItem {
	margin-bottom: 8px;
}
.item_photo {
	margin-bottom: 10px;
	position:relative;
}
.item_photo_link {
	display: block;
	position: relative;
	overflow:hidden;
}
.item_photo_link:before {
	content:"";
	display:block;
	padding-top:133.33%;
}
.item_photo_image {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transition: opacity .3s;
}
.item_photo_image:hover {
	opacity:0.8;
}
.item_listItem .item_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	margin-top:10px;
}
.item_listItem .item_info_logo {
	-webkit-flex-basis: 60px;
	-ms-flex-preferred-size: 60px;
	flex-basis: 60px;
	max-width: 60px;
	text-align: left;
}
.item_info_logo_img {
	width:50px!important;
	height:50px!important;
	border:1px solid #eee;
	-webkit-border-radius:50px;
	border-radius:50px;
	transition: opacity .3s;
}
.item_info_logo_img:hover {
	opacity:0.8;
}
.item_info_textArea {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 70%;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
	box-sizing: border-box;
}
.item_info_textArea_wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#right_box .item_info_heading + .item_info_textArea_wrap {
	margin-top: 5px;
}
.item_info_textArea a:hover {
	text-decoration: underline;
}
#right_box .item_info_heading {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    text-align: left;
    line-height: 1.8;
    font-weight: normal;
}
#right_box item_info_heading + .item_info_heading {
	margin-top: 5px;
}
#right_box .item_info_textArea .text_userName {
	margin-bottom: 5px;
    font-size: 11px;
    line-height: 1;
    font-weight: normal;
}
.item_info_textArea .userHeight {
    font-size: 11px;
}
.item_info_textArea .text_userName + .userHeight {
	margin-left: 10px;
}
.noResultItems {
	font-size: 14px;
    margin: 50px 0;
}


/* お気に入りスタッフ
----------------------------------------*/
.favorite_coordinete .staff_listItem {}
.staff_listItem .staff_photo {
	margin-bottom: 10px;
}
.staff_listItem .staff_photo img {
	width: 100%;
    height: auto;
    border-radius: 50%;
    transition: opacity .3s;
}
.staff_info_heading {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.staff_listItem .staff_info {
	text-align: center;
}
#right_box .staff_info .staff_info_heading {
	line-height: 1.5;
    font-weight: normal;
}
#right_box .staff_info .staff_info_heading.text_userName {
	font-size: 14px;
}
#right_box .staff_info .staff_info_heading.text_bdName {
	font-size: 12px;
}
#right_box .staff_info .staff_info_heading.text_shopName {
	font-size: 12px;
}