﻿@charset "UTF-8";

/*========================
	Top
========================*/
#home .display_column_2 h2.block-top-event--header{
	color: #16469a;
	padding-top: 70px;
	margin-bottom: 50px;
	text-align: center;
}

#home .display_column_2 h2 span:first-of-type {
	font-family: 'Libre Baskerville', serif;
	letter-spacing: 0.1em;
	font-size: 2.6rem;
	line-height: 100%;
}

#home .display_column_2 h2 span:nth-of-type(2) {
	font-family: 'yu Gothic', serif;
	font-size: 1.4rem;
	line-height: 150%;
}

.member_menu .btn a{color: #999;}
.member_menu .btn a:hover{
	color: #fff;
	text-decoration: none;
}

/*========================
	Common
========================*/
#contents nav{overflow: hidden;}
#contents #side_pc .block-jscart{
	overflow: hidden;
}

#side_pc .current_cart .cart_body .middle p.prize_point:before{
	content: '利用ポイント';
}

#rwdSalonInfoChange .block-purchase-history--table a{text-decoration: underline;}
.block-purchase-history-detail--requests-for-order .action.action-block{display: block;}
/*========================
	Category list
========================*/
body #main .tax_inc.exc_:after {
	content: "円(税抜き)";
	font-size: 1.0rem;
	padding-left: 0.5em;
}

body #main #detail .tax_inc.exc_:after {
	content: "円(税抜き)";
	font-size: 1.0rem;
	padding-left: 0.5em;
}

.pagetop_menu.sp .possess_p .possess_p_num:after{
	content: "pt";
	font-size: 1.4rem;
	padding-right: 0.5em;
}

.drawer-menu .point:after{display: none;}
.display_table .amount_area{margin-top: 5px;}
.display_table .btn_area_bottom{margin-bottom: 5px;}

/*初期化*/
@media screen and (min-width: 1025px){
/*
#category .display_item_bar .display_item_inner a.btn:nth-of-type(1):before,
#rwdGenre .display_item_bar .display_item_inner a.btn:nth-of-type(1):before,
#rwdSearch .display_item_bar .display_item_inner a.btn:nth-of-type(1):before,
#category .display_item_bar .display_item_inner a.btn:nth-of-type(2):before,
#rwdGenre .display_item_bar .display_item_inner a.btn:nth-of-type(2):before,
#rwdSearch .display_item_bar .display_item_inner a.btn:nth-of-type(2):before,
#category .display_item_bar .display_item_inner a.btn:nth-of-type(3):before,
#rwdGenre .display_item_bar .display_item_inner a.btn:nth-of-type(3):before,
#rwdSearch .display_item_bar .display_item_inner a.btn:nth-of-type(3):before,
#category .display_item_bar .display_item_inner a.btn:nth-of-type(4):before,
#rwdGenre .display_item_bar .display_item_inner a.btn:nth-of-type(4):before,
#rwdSearch .display_item_bar .display_item_inner a.btn:nth-of-type(4):before{content:"";}
*/
}

@media screen and (min-width: 1025px){
#category .display_item_bar .display_item_inner a.list_formatL:before,
#rwdGenre .display_item_bar .display_item_inner a.list_formatL:before,
#rwdSearch .display_item_bar .display_item_inner a.list_formatL:before{content: "\e914";}
#category .display_item_bar .display_item_inner a.list_formatD:before,
#rwdGenre .display_item_bar .display_item_inner a.list_formatD:before,
#rwdSearch .display_item_bar .display_item_inner a.list_formatD:before{content: "\e915";}
#category .display_item_bar .display_item_inner a.list_formatP:before,
#rwdGenre .display_item_bar .display_item_inner a.list_formatP:before,
#rwdSearch .display_item_bar .display_item_inner a.list_formatP:before{content: "\e916";}
#category .display_item_bar .display_item_inner a.list_formatB:before,
#rwdGenre .display_item_bar .display_item_inner a.list_formatB:before,
#rwdSearch .display_item_bar .display_item_inner a.list_formatB:before{content: "\e925";}
}

.display_column_2 .icon_area{
	border-top: #eeeeee solid 1px;
	padding: 7px 0;
	height: 6.2em;
	max-height: 6.2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}




#home .slider .name,
.users_perspective{border-bottom: 1px solid #efefef;}


#home .slider .icon_area,
.users_perspective .icon_area{
	border-top: none;
	border-bottom: #eeeeee solid 1px;
}

#home .slider .price_area,
.users_perspective{
	border-top: none;
	border-bottom: 1px solid #efefef;
}

#home .slider .point_area,
.users_perspective{
	border-top: none;
	border-bottom: 1px solid #efefef;
}

#home .slider .item_bottom{border-top: none;}


#detail .rating .rating_front.w_05{width: 100%;}
#detail .bottom .rating{height: 15px;}

.slider .slider_container .slider_item > a.new:before
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	background-size: contain;
	width: 100%;
	height: 100%;
	background: url(../../img/rwd/category/icon_new.png) no-repeat 0% 0%;
}

.slider .slider_container .slider_item > a.new:before
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	background-size: contain;
	width: 100%;
	height: 100%;
	background: url(../../img/rwd/category/icon_new.png) no-repeat 0% 0%;
}

#detail .main_image_container .new{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	background-size: contain;
	width: 100%;
	height: 100%;
	background: url(../../img/rwd/category/icon_new.png) no-repeat 0% 0%;
}

#detail .main_image_container .new{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	background-size: contain;
	width: 100%;
	height: 100%;
	background: url(../../img/rwd/category/icon_new.png) no-repeat 0% 0%;
}


#rwdGenre .display_list .item_center .name,
#rwdSearch .display_list .item_center .name,
#category .display_list .item_center .name{border-bottom: none;}
#rwdGenre .item_center_line,
#rwdSearch .item_center_line,
#category .item_center_line{
	border-bottom: #eeeeee solid 1px;
	padding: 0 0 6px 0;
}

#rwdMemberchange.under .block-member-info p.form-error{text-align: left;}
.checkbox_b span{
	color: #d9534f;
	font-weight: bold;
}

.block-order-method--goods-content-none{
	display: none;
}

/*========================
	Genre
========================*/
#rwdGenre .display_item_bar .favo.btn.registered{
	color: #ff97a6;
	background: white;
	border-left: none;
	border: 2px solid #e3c88e;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	line-height: 1.2;
	display: inline-block;
	box-sizing: border-box;
	font-size: 2.1rem;
}

#rwdGenre .display_item_bar .btn.cart{
	width: 60px;
	height: 60px;
	border-radius: 30px;
	line-height: 1.2;
	display: inline-block;
	box-sizing: border-box;
	font-size: 2.1rem;
	background-color: #ff97a6;
	color: white;
}

/*========================
	Event
========================*/
#home .pickup h3 a,
#home .pickup h2 a{
	color: #16469a;
	text-decoration: none;
}

#home .block-top-event--header{
	border-top: none;
	color: #16469a;
}

#main_event_list{width: 100%;}

/*========================
	Mypage
========================*/
#home .member_menu .menu_item:nth-of-type(7) .menu_item_title:before{content: '\e904\A';}

/*========================
	Credit card
========================*/
#rwdCreditcard .fieldset.table_style01 .form-group{
	position: relative;
	display: table;
	border-collapse: separate;
	border-spacing: 1px 1px;
	margin-bottom: 0;
}

#rwdCreditcard .fieldset.table_style01 .form-group:nth-of-type(n) .form-control{background: #edf5ff;}
#rwdCreditcard .fieldset.table_style01 .form-group:nth-of-type(2n) .form-control{background: #e4edf8;}

#rwdCreditcard .block-credit-card-confirmation--customer-name{
	margin: 4% 0 2%;
	padding-bottom: 2%;
	border-bottom: solid 2px skyblue;
	position: relative;
	text-align: center;
	font-size: 1.6rem;
}

#rwdCreditcard .fieldset.table_style01 .form-group .constraint{
	display: inline-block;
	position: absolute;
	left: 30%;
	top: 0;
	transform: translate(-370%,0);
}

@media screen and (max-width: 639px){
	#rwdCreditcard .fieldset.table_style01 .form-group:nth-of-type(n) .form-control{background: #e4edf8;}
	#rwdCreditcard .fieldset.table_style01 .form-group:nth-of-type(2n) .form-control{background: #edf5ff;}
}

/*========================
	Quick_view(modal)
========================*/
@media screen and (max-width: 1024px) and (min-width: 640px) {

.quick_view .item_top {
	padding : 3%;
	display: flex;
	position: relative;
	overflow: hidden;
	width:  100%;
}

/* モーダル左側エリア */
.quick_view .item_body .icon_area .col2 {width: 23%;}

.quick_view .item_image {
	width: 40%;
	box-sizing: border-box;
	display: inline-flex;
	flex-wrap: wrap;
	align-content: flex-start;
	margin-right: 3%;
}

.quick_view .item_image > .main_image {
	width: 100%;
	border: 1px solid #efefef;
	display: inline-flex;
	align-self: flex-start;
}

.quick_view .item_image .thumbnails {
	width: 100%;
	align-self: flex-start;
}

.quick_view .item_image .thumbnails img {
	width: 100%;
	max-width: 100%;
}

.quick_view .item_image .thumbnails ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 6%;
}

.quick_view .item_image .thumbnails ul li {
	display: inline-flex;
	width: 30%;
	box-sizing: border-box;
	margin: 0 4.5% 6% 0;
	border: 1px solid #efefef;
}

.quick_view .item_image .thumbnails ul li:nth-of-type(3) {
	margin-right: 0;
}

.quick_view .item_image .thumbnails li a {
	width: 100%;
	height: auto;
	display: inline-block;
	box-sizing: border-box;
}

/* モーダル右側 */
.quick_view .item_body {
	width: 70%;
	box-sizing: border-box;
	margin-bottom: 80px;
}

.quick_view .item_body .section {
	border-bottom: 1px solid #efefef;
}

.quick_view .item_body .section:last-of-type {
	border-bottom: none;
}

/* モーダル右側：カテゴリ */
.quick_view .item_body .category {
	padding-bottom: 0;
}

/* モーダル右側：商品名 */
.quick_view .item_body .name {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.2;
	padding-bottom: 2%;
}

/* モーダル右側：アイコンエリア */
.quick_view .item_body .icon_area li {
	display: inline-block;
	padding: 0 3px;
	margin: 6px 0;
	color: white;
	width: 49%;
}

.quick_view .item_body .icon_area {margin: 10px 0;}

/* モーダル右側：価格 */
.quick_view .item_body .price {margin: 6px 0;}

.quick_view .item_body .price .tax_not_inc, #quick_view .item_body .price .tax_inc {font-size: 1.6rem;}
.quick_view .item_body .price .tax_not_inc:before, #quick_view .item_body .price .tax_inc:before {content: '\\';}
.quick_view .item_body .price .point, #quick_view .item_body .price .tax_inc {color: red;font-weight: 600;}
.quick_view .item_body .price .tax_inc:after {font-size: 1.0rem; content: '(税込み)';margin-right: 20px;}
.quick_view .item_body .price .tax_not_inc:after {
	font-size: 1.0rem;
	content: '(税抜き)';
	margin-right: 20px;
}

.quick_view .item_body .price .point:after {content: 'pt追加';}

/* モーダル右側：商品詳細情報エリア */
.quick_view .item_body .detail {margin: 6px 0;}

.quick_view .item_body .detail li {
	display: inline-block;
	margin-right: 20px;
}

.quick_view .item_body .detail li:not(.product_code) .label:after {content: '：';}

/* モーダル右側：商品説明エリア */
.quick_view .item_body .discription {margin: 10px 0;}
.quick_view .item_body .discription .title {
	font-size: 1.8rem;
	margin-bottom: 10px;
}

/* モーダル右側：商品属性エリア */
.quick_view .item_body .property {margin: 6px 0;}
.quick_view .item_body .property li {
	display: inline-block;
	margin-right: 5px;
	background: #efefef;
	padding: 0 3px;
}

.quick_view .item_body .cool_info {
	margin: 5% 0 2.5%;
	padding: 0.4em 0 0.4em 6em;
	display: inline-block;
	background: #dffdff;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 1.3rem;
}

.quick_view .item_body .cool_info:before {
	content: url('../../img/rwd/common/sp/icon_cool.png');
	display: inline-block;
	position: absolute;
	top: 0.5em;
	left: 1em;
}

.quick_view .item_body .amount_info {padding: 0;}
.quick_view .item_body .amount_info .size,
.quick_view .item_body .amount_info .unit {
	font-size: 2.0rem;
	letter-spacing: 0.2em;
}

.quick_view .item_body .amount_info .size {padding-left: 5px;}
.quick_view .item_body .amount_area {margin: 2.5% 0;}
.quick_view .item_body .amount_area label {margin-left: 1em;}
.quick_view .item_body .amount_area label input {
	width: 10%;
	margin: 0 1em;
}

.quick_view .item_body .prop_select_area {margin: 15px 0;}

/* モーダル右側：ボタン */
.quick_view .btn.plus, #quick_view .btn.minus, #quick_view .btn_area .btn.close {
	color: #666;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 98%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
	padding: 0.15em 0;
	border-radius: 6px;
	background-attachment: scroll;
}

.quick_view .btn_area .btn.close {
	margin-top: 10px;
	width: 6em;
}

.quick_view .btn.minus, #quick_view .btn.plus {
	width: 3em;
	line-height: 2.0;
}

/* モーダル右側：レビューエリア */
.quick_view .rating {
	position: relative;
	width: 5em;
	height: 1em;
	font-size: 25px;
}

/* モーダル下部：閉じるボタン */
.quick_view .item_bottom {
	width: 94%;
	display: flex;
	margin: 0 3% 3% 3%;
	border-top: 1px solid #efefef;
	padding-top: 1%;
	justify-content: center;
}

.quick_view .btn_area .btn {
	width: 100%;
	line-height: 3.0;
	text-decoration: none;
	border-radius: 6px;
	margin-bottom: 2.5%;
}

.quick_view .btn_area {
	text-align: center;
}

.quick_view .btn_area > * > *:before {
	position: relative;
	color: white;
	font-size: 1.8rem;
	top: 2px;
	margin-right: 5px;
	line-height: 0;
}

.quick_view .btn_area > * > .favo:before {color: #aaaaaa;}
.quick_view .btn_area > * > .favo.registered:before {color: #ff97a6;}
.quick_view .btn_area > * > .btn.favo.registered:after {content: '';}
.quick_view .btn_area > .btn_area_bottom > *:before {
	font-size: 3.0rem;
	line-height: 0;
	top: 6px;
}

.quick_view .btn_area .btn_area_bottom,
.quick_view .btn_area .btn_area_top {
	width : 100%;
	display: flex;
	justify-content: space-between;
}

.quick_view .btn_area .btn_area_bottom > *:first-of-type,
.quick_view .btn_area .btn_area_top > *:first-of-type {width: 59%;}
.quick_view .btn_area .btn_area_top .favo.registered.btn,
.quick_view .btn_area .btn_area_top .favo.btn {width : 39%;}
.quick_view .review_area > * {text-align:center;}
.quick_view .review_area .inner {
	margin: 0;
	width: 100%;
	display: table;
}

.quick_view .review_area .inner > * {
	display: table-cell;
	text-align:  left;
}

.quick_view .review_area .label {
	background: #e4edf8;
	line-height:  3.0;
	padding: 0 15px;
	margin-right: 20px;
}

    .quick_view .review_area .comment {
        margin-left: 1em;
        margin-right: 1.5em;
        display: inline-block;
    }
    .quick_view .review_area .comment:before {
        margin-right: 0.5em;
        color: #1758a5;
    }

    .quick_view .rating .rating_value {
        position: absolute;
        top: 0px;
        right: -2.5em;
        color: #1758a5;
    }

    /* 右側：レビューエリア */
    .quick_view .rating {
        position: relative;
        width: 5em;
        height: 1em;
        font-size: 25px;
        font-size: 1.6rem;
        display: inline-block;
    }


    /* 右側：★ */
    .quick_view .rating_front.w_00 {
        width: 0%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_01 {
        width: 14%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_02 {
        width: 24%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_03 {
        width: 36%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_04 {
        width: 46%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_05 {
        width: 56%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_06 {
        width: 68%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_07 {
        width: 78%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_08 {
        width: 90%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_09 {
        width: 108%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_10 {
        width: 120%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        color: #ffcc33;
        white-space: nowrap;
        text-align: left;
    }

    .quick_view .rating_back {
        color: #ccc;
        letter-spacing: 0.1em;
        white-space: nowrap;
        text-align: left;
    }

    .quick_view .review_area {
        position: relative;
    }

    .quick_view .review_area > * {
        display: inline-block;
    }


    .quick_view .btn.review{
        display: block;
        position: absolute;
        top: 4.5em;
        right: 0;
        line-height: 2.0;
        border-radius: 6px;
    }


    .quick_view .btn.review{
        background: #e4edf8;
        color: #1758a5;
        border-radius: 10px;
        padding: 0 1em;
        letter-spacing: -0.1em;
    }

    .quick_view .item_body .btn_area .btn_area_bottom .btn.detail:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.favo.registered:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.favo:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.cart:before {
        font-size: 1.3rem;
        line-height: 0;
        font-family: 'iconset', 'yu Gothic', 'yuGothic';
    }

    .quick_view .btn_area .btn.cart:before {
        content: '\e902カートに入れる';
    }

    .quick_view .btn_area .btn.favo:before {
        content: '\e907お気に入り';
    }

    .quick_view .btn_area .btn.favo.registered:before {
        content: '\e91c　お気に入り済';
    }

    .quick_view .btn_area .btn_area_bottom .btn.detail:before {
        content: '詳細を見る';
    }
}

/* --------------pc------------------ */
@media screen and (min-width: 1025px) {
    .quick_view .item_top {
        padding : 3%;
        display: flex;
        position: relative;
        overflow: hidden;
    }

    /* モーダル左側エリア */
    .quick_view .item_image {
        width: 30%;
        box-sizing: border-box;
        flex-wrap: wrap;
        align-content: flex-start;
        margin-right: 3%;
    }

    .quick_view .item_image > .main_image {
        width: 100%;
        border: 1px solid #efefef;
        display: inline-flex;
        align-self: flex-start;
    }

    .quick_view .item_image .thumbnails {
        width: 100%;
        align-self: flex-start;
    }

    .quick_view .item_image .thumbnails img {
        width: 100%;
        max-width: 100%;
    }

    .quick_view .item_image .thumbnails ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 6%;
    }

    .quick_view .item_image .thumbnails ul li {
        width: 30%;
        box-sizing: border-box;
        margin: 0 5% 6% 0;
        border: 1px solid #efefef;
    }

    .quick_view .item_image .thumbnails ul li:nth-of-type(3) {
        margin-right: 0;
    }

    .quick_view .item_image .thumbnails li a {
        width: 100%;
        height: auto;
        display: inline-block;
        box-sizing: border-box;
    }

    /* モーダル右側 */
    .quick_view .item_body {
        width: 70%;
        box-sizing: border-box;
        margin-bottom: 80px;
    }

    .quick_view .item_body .section {
        border-bottom: 1px solid #efefef;
    }

    .quick_view .item_body .section:last-of-type {
        border-bottom: none;
    }

    /* モーダル右側：カテゴリ */
    .quick_view .item_body .category {
        padding-bottom: 0;
    }

    /* モーダル右側：商品名 */
    .quick_view .item_body .name {
        font-size: 2.4rem;
        font-weight: 600;
        line-height: 1.2;
        padding-bottom: 2%;
    }

    /* モーダル右側：アイコンエリア */
    .quick_view .item_body .icon_area li {
        display: inline-block;
        padding: 0 3px;
        margin: 6px 0;
        color: white;
        width: 49%;
    }
    .quick_view .item_body .icon_area .col2 {
        width: 24%;
    }

    .quick_view .item_body .icon_area {
        margin: 10px 0;
    }

    /* モーダル右側：価格 */
    .quick_view .item_body .price {
        margin: 6px 0;
    }

    .quick_view .item_body .price .tax_not_inc, .quick_view .item_body .price .tax_inc {
        font-size: 1.6rem;
    }

    .quick_view .item_body .price .tax_not_inc:before, .quick_view .item_body .price .tax_inc:before {
        content: '\\';
    }

    .quick_view .item_body .price .point, .quick_view .item_body .price .tax_inc {
        color: red;
        font-weight: 600;
    }

    .quick_view .item_body .price .tax_inc:after {
        font-size: 1.0rem;
        content: '(税込み)';
        margin-right: 20px;
    }

    .quick_view .item_body .price .tax_not_inc:after {
        font-size: 1.0rem;
        content: '(税抜き)';
        margin-right: 20px;
    }

    .quick_view .item_body .price .point:after {
        content: 'pt';
    }

    /* モーダル右側：商品詳細情報エリア */
    .quick_view .item_body .detail {
        margin: 6px 0;
    }

    .quick_view .item_body .detail li {
        display: inline-block;
        margin-right: 20px;
    }

    .quick_view .item_body .detail li:not(.product_code) .label:after {
        content: '：';
    }

    /* モーダル右側：商品説明エリア */
    .quick_view .item_body .discription {
        margin: 10px 0;
    }

    .quick_view .item_body .discription .title {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    /* モーダル右側：商品属性エリア */
    .quick_view .item_body .property {
        margin: 6px 0;
    }

    .quick_view .item_body .property li {
        display: inline-block;
        margin-right: 5px;
        background: #efefef;
        padding: 0 3px;
    }    .quick_view .item_body .cool_info {
        margin: 5% 0 2.5%;
        padding: 0.4em 0 0.4em 6em;
        display: inline-block;
        background: #dffdff;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        font-size: 1.3rem;
    }

    .quick_view .item_body .cool_info:before {
        content: url('../../img/rwd/common/sp/icon_cool.png');
        display: inline-block;
        position: absolute;
        top: 0.5em;
        left: 1em;
    }

    .quick_view .item_body .amount_info {
        padding: 0;
    }

    .quick_view .item_body .amount_info .size,
    .quick_view .item_body .amount_info .unit {
        font-size: 2.0rem;
        letter-spacing: 0.2em;
    }
    .quick_view .item_body .amount_info .size {
        padding-left: 5px;
    }

    .quick_view .item_body .amount_area {
        margin: 2.5% 0;
    }

    .quick_view .item_body .amount_area label input {
        width: 10%;
        margin: 0 1em;
    }

    .quick_view .item_body .prop_select_area {
        margin: 15px 0;
    }

    /* モーダル右側：ボタン */
    .quick_view .btn.plus, .quick_view .btn.minus, .quick_view .btn_area .btn.close {
        color: #666;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 98%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
        padding: 0.15em 0;
        border-radius: 6px;
        background-attachment: scroll;
    }

    .quick_view .btn_area .btn.close {
        width: 6em;
        margin-top: 10px;
    }

    .quick_view .btn.minus, .quick_view .btn.plus {
        width: 3em;
        line-height: 2.0;
    }
    .quick_view .btn.minus {
        margin-left: 1em;
    }

    /* モーダル右側：レビューエリア */
    .quick_view .rating {
        position: relative;
        width: 5em;
        height: 1em;
        font-size: 25px;
    }

    /* モーダル下部：閉じるボタン */
    .quick_view .item_bottom {
        width: 94%;
        display: flex;
        margin: 0 3% 3% 3%;
        border-top: 1px solid #efefef;
        padding-top: 1%;
        justify-content: center;
    }

    .quick_view .btn_area .btn {
        width: 100%;
        line-height: 3.0;
        text-decoration: none;
        border-radius: 6px;
        margin-bottom: 2.5%;
    }

    .quick_view .btn_area {
        text-align: center;
    }

    .quick_view .btn_area > * > *:before {
        position: relative;
        color: white;
        font-size: 1.8rem;
        top: 2px;
        margin-right: 5px;
        line-height: 0;
    }

    .quick_view .btn_area > * > .favo:before {
        color: #aaaaaa;
    }

    .quick_view .btn_area > * > .favo.registered:before {
        color: #ff97a6;
    }

    .quick_view .btn_area > * > .btn.favo.registered:after {
        content: '';
    }

    .quick_view .btn_area > .btn_area_bottom > *:before {
        font-size: 3.0rem;
        line-height: 0;
        top: 6px;
    }

    .quick_view .btn_area .btn_area_bottom,
    .quick_view .btn_area .btn_area_top {
        width : 100%;
        display: flex;
        justify-content: space-between;
    }

    .quick_view .btn_area .btn_area_bottom > *:first-of-type,
    .quick_view .btn_area .btn_area_top > *:first-of-type {
        width: 59%;
    }

    .quick_view .btn_area .btn_area_top .favo.btn {
        width : 39%;
    }

    .quick_view .review_area > * {
        text-align:center;
    }

    .quick_view .review_area .inner {
        margin: 0;
        width: 100%;
        display: table;
    }

    .quick_view .review_area .inner > * {
        display: table-cell;
        text-align:  left;
    }

    .quick_view .review_area .label {
        background: #e4edf8;
        line-height:  3.0;
        padding: 0 15px;
        margin-right: 20px;
    }

    .quick_view .review_area .comment {
        margin-left: 1em;
        margin-right: 1.5em;
        display: inline-block;
    }
    .quick_view .review_area .comment:before {
        margin-right: 0.5em;
        color: #1758a5;
    }

    .quick_view .rating .rating_value {
        position: absolute;
        top: 0px;
        right: -2.5em;
        color: #1758a5;
    }

    /* 右側：レビューエリア */
    .quick_view .rating {
        position: relative;
        width: 5em;
        height: 1em;
        font-size: 25px;
        font-size: 1.6rem;
        display: inline-block;
    }


    /* 右側：★ */
    .quick_view .rating_front.w_00 {
        width: 0%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_01 {
        width: 14%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_02 {
        width: 24%;
        letter-spacing: 0.1em;
    }

    #detail .rating_front.w_03 {
        width: 36%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_04 {
        width: 46%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_05 {
        width: 56%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_06 {
        width: 68%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_07 {
        width: 78%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_08 {
        width: 90%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_09 {
        width: 108%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_10 {
        width: 120%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        color: #ffcc33;
        white-space: nowrap;
        text-align: left;
    }

    .quick_view .rating_back {
        color: #ccc;
        letter-spacing: 0.1em;
        white-space: nowrap;
        text-align: left;
    }

    .quick_view .review_area {
        position: relative;
    }

    .quick_view .review_area > * {
        display: inline-block;
    }


    .quick_view .btn.review{
        display: block;
        position: absolute;
        top: 4.5em;
        right: 0;
        line-height: 2.0;
        border-radius: 6px;
    }


    .quick_view .btn.review{
        background: #e4edf8;
        color: #1758a5;
        border-radius: 10px;
        padding: 0 1em;
        letter-spacing: -0.1em;
    }

    .quick_view .item_body .btn_area .btn_area_bottom .btn.detail:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.favo.registered:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.favo:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.cart:before {
        font-size: 1.6rem;
        line-height: 0;
        font-family: 'iconset', 'yu Gothic', 'yuGothic';
    }

    .quick_view .btn_area .btn.cart:before {
        content: '\e902　カートに入れる';
    }

    .quick_view .btn_area .btn.favo:before {
        content: '\e91c　お気に入りに登録';
    }

    .quick_view .btn_area .btn.favo.registered:before {
        content: '\e907　お気に入り済';
    }

    .quick_view .btn_area .btn_area_bottom .btn.detail:before {
        content: '詳細を見る';
    }
}

/* --------------sp------------------ */
@media screen and (max-width: 639px) {
    .quick_view .item_top {
        padding : 3%;
        /* display: flex; */
        position: relative;
        overflow: hidden;
    }

    /* モーダル左側エリア */
    .quick_view .item_image {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
    }

    .quick_view .item_image > .main_image {
        width: 100%;
        border: 1px solid #efefef;
        align-self: flex-start;
        box-sizing: border-box;
        margin-right: 3%;
    }

    .quick_view .item_image .thumbnails {
        width: 100%;
        align-self: flex-start;
    }

    .quick_view .item_image .thumbnails img {
        width: 100%;
        max-width: 100%;
    }

    .quick_view .item_image .thumbnails ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 3%;
    }

    .quick_view .item_image .thumbnails ul li {
        display: inline-flex;
        width: 22%;
        box-sizing: border-box;
        margin: 3% 3% 0 0;
        border: 1px solid #efefef;
    }

    .quick_view .item_image .thumbnails li a {
        width: 100%;
        height: auto;
        display: inline-block;
        box-sizing: border-box;
    }

    /* モーダル右側 */
    .quick_view .item_body {
        width: 100%;
        box-sizing: border-box;
        display: block;
        margin-bottom: 60px;
    }

    .quick_view .item_body .section {
        border-bottom: 1px solid #efefef;
    }

    .quick_view .item_body .section:last-of-type {
        border-bottom: none;
    }

    /* モーダル右側：カテゴリ */
    .quick_view .item_body .category {
        padding-bottom: 0;
    }

    /* モーダル右側：商品名 */
    .quick_view .item_body .name {
        font-size: 2.4rem;
        font-weight: 600;
        line-height: 1.2;
        padding-bottom: 2%;
    }

    /* モーダル右側：アイコンエリア */
    .quick_view .item_body .icon_area li {
        display: inline-block;
        padding: 0 3px;
        margin: 6px 0;
        color: white;
    }

    /* モーダル右側：価格 */
    .quick_view .item_body .price {
        margin: 6px 0;
    }

    .quick_view .item_body .price .tax_not_inc, .quick_view .item_body .price .tax_inc {
        font-size: 1.6rem;
    }

    .quick_view .item_body .price .tax_not_inc:before, .quick_view .item_body .price .tax_inc:before {
        content: '\\';
    }

    .quick_view .item_body .price .point, .quick_view .item_body .price .tax_inc {
        color: red;
        font-weight: 600;
    }

    .quick_view .item_body .price .tax_inc:after {
        font-size: 1.0rem;
        content: '(税込み)';
        margin-right: 20px;
    }

    .quick_view .item_body .price .tax_not_inc:after {
        font-size: 1.0rem;
        content: '(税抜き)';
        margin-right: 20px;
    }

    .quick_view .item_body .price .point:after {
        content: 'pt追加';
    }

    /* モーダル右側：商品詳細情報エリア */
    .quick_view .item_body .detail {
        margin: 6px 0;
    }

    .quick_view .item_body .detail li {
        display: inline-block;
        margin-right: 20px;
    }

    .quick_view .item_body .detail li:not(.product_code) .label:after {
        content: '：';
    }

    /* モーダル右側：商品説明エリア */
    .quick_view .item_body .discription {
        margin: 10px 0;
    }

    .quick_view .item_body .discription .title {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    /* モーダル右側：商品属性エリア */
    .quick_view .item_body .property {
        margin: 6px 0;
    }

    .quick_view .item_body .property li {
        display: inline-block;
        margin-right: 5px;
        background: #efefef;
        padding: 0 3px;
    }


    .quick_view .item_body .cool_info {
        margin: 5% 0 2.5%;
        padding: 0.4em 0 0.4em ;
        text-align: center;
        display: inline-block;
        background: #dffdff;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        font-size: 1.3rem;
    }

    .quick_view .item_body .cool_info:before {
        content: '';
    }

    .quick_view .item_body .amount_info {
        padding: 0;
    }

    .quick_view .item_body .amount_info .size,
    .quick_view .item_body .amount_info .unit {
        font-size: 2.0rem;
        letter-spacing: 0.2em;
    }
    .quick_view .item_body .amount_info .size {
        padding-left: 5px;
    }

    .quick_view .item_body .amount_area {
        margin: 2.5% 0;
    }
    .quick_view .item_body .amount_area label {
        margin-left: 1em;
    }

    .quick_view .item_body .amount_area label input {
        width: 30%;
        margin: 0 1em;
    }

    .quick_view .item_body .prop_select_area {
        margin: 15px 0;
    }

    /* モーダル右側：ボタン */
    .quick_view .btn.plus, .quick_view .btn.minus, .quick_view .btn_area .btn.close {
        color: #666;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 98%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
        padding: 0.15em 0;
        border-radius: 6px;
        background-attachment: scroll;
    }

    .quick_view .btn_area .btn.close {
      width: 6em;
    }

    .quick_view .btn.minus, .quick_view .btn.plus {
        width: 3em;
        line-height: 2.0;
    }

    /* モーダル右側：レビューエリア */
    .quick_view .rating {
        position: relative;
        width: 5em;
        height: 1em;
        font-size: 25px;
    }

    /* モーダル下部：閉じるボタン */
    .quick_view .item_bottom {
        width: 94%;
        display: flex;
        margin: 0 3% 3% 3%;
        border-top: 1px solid #efefef;
        padding-top: 1%;
        justify-content: center;
    }

    .quick_view .btn_area .btn {
        width: 100%;
        line-height: 3.0;
        text-decoration: none;
        border-radius: 6px;
        margin-bottom: 2.5%;
    }

    .quick_view .btn_area {
        text-align: center;
        font-size: 1.2rem;
    }

    .quick_view .btn_area > * > *:before {
        position: relative;
        color: white;
        font-size: 1.8rem;
        top: 2px;
        margin-right: 5px;
        line-height: 0;
    }

    .quick_view .btn_area > * > .favo:before {
        color: #aaaaaa;
    }

    .quick_view .btn_area > * > .favo.registered:before {
        color: #ff97a6;
    }

    .quick_view .btn_area > * > .btn.favo.registered:after {
        content: '';
    }

    .quick_view .btn_area > .btn_area_bottom > *:before {
        font-size: 3.0rem;
        line-height: 0;
        top: 6px;
    }

    .quick_view .btn_area .btn_area_bottom,
    .quick_view .btn_area .btn_area_top {
        width : 100%;
        display: flex;
        justify-content: space-between;
    }

    .quick_view .btn_area .btn_area_bottom > *:first-of-type,
    .quick_view .btn_area .btn_area_top > *:first-of-type {
        width: 49%;
    }

    .quick_view .btn_area .btn_area_top > *:last-of-type {
        width: 49%;
    }

    .quick_view .review_area > * {
        text-align:center;
    }

    .quick_view .review_area .inner {
        margin: 0;
        width: 100%;
        display: table;
    }

    .quick_view .review_area .inner > * {
        display: table-cell;
        text-align:  left;
    }

    .quick_view .review_area .label {
        background: #e4edf8;
        line-height:  3.0;
        padding: 0 15px;
        margin-right: 10px;
    }

    .quick_view .review_area .comment {
        margin-left: 5em;
        margin-right: 0;
        display: none;
    }
    .quick_view .review_area .comment:before {
        margin-right: 0.5em;
        color: #1758a5;
    }

    .quick_view .rating .rating_value {
        position: absolute;
        top: 0px;
        right: -2.5em;
        color: #1758a5;
    }

    /* 右側：レビューエリア */
    .quick_view .rating {
        position: relative;
        width: 5em;
        height: 1em;
        font-size: 25px;
        font-size: 1.6rem;
        display: inline-block;
    }


    /* 右側：★ */
    .quick_view .rating_front.w_00 {
        width: 0%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_01 {
        width: 14%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_02 {
        width: 24%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_03 {
        width: 36%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_04 {
        width: 46%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_05 {
        width: 56%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_06 {
        width: 68%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_07 {
        width: 78%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_08 {
        width: 90%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_09 {
        width: 108%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front.w_10 {
        width: 120%;
        letter-spacing: 0.1em;
    }

    .quick_view .rating_front {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        color: #ffcc33;
        white-space: nowrap;
        text-align: left;
    }

    .quick_view .rating_back {
        color: #ccc;
        letter-spacing: 0.1em;
        white-space: nowrap;
        text-align: left;
    }

    .quick_view .review_area {
        position: relative;
    }

    .quick_view .review_area > * {
        display: inline-block;
    }


    .quick_view .btn.review{
        display: block;
        position: absolute;
        top: 4.5em;
        right: 0;
        line-height: 2.0;
        border-radius: 6px;
    }


    .quick_view .item_body .btn_area .btn_area_bottom .btn.detail:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.favo.registered:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.favo:before ,
    .quick_view .item_body .btn_area .btn_area_top .btn.cart:before {
        font-size: 1.3rem;
        line-height: 0;
        font-family: 'iconset', 'yu Gothic', 'yuGothic';
    }

    .quick_view .btn_area .btn.cart:before {
        content: '\e902　カートに入れる';
    }

    .quick_view .btn_area .btn.favo:before {
        content: '\e907　お気に入り';
    }

    .quick_view .btn_area .btn.favo.registered:before {
        content: '\e91c　お気に入り済';
    }

    .quick_view .btn_area .btn_area_bottom .btn.detail:before {
        content: '詳細を見る';
    }


    .quick_view .btn.review{
        background: #e4edf8;
        color: #1758a5;
        border-radius: 10px;
        padding: 0 1em;
        letter-spacing: -0.1em;
    }


}



/*========================
	Modal
========================*/
.type_select {
	margin: 3%;
	text-align:center;
}

.type_select .name {
	font-size: 1.8rem;
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 1px solid #efefef;
	text-align: left;
}

.type_select .prop_table {
	display: flex;
	flex-wrap: wrap;
	border-collapse: separate;
	border-spacing: 0 10px;
}

.type_select .prop_table .row {
	display: flex;
	width: 100%;
	line-height: 4em;
	justify-content: space-around;
	align-items:  center;
}

.type_select .prop_table .row > * {display: inline-flex;}
.type_select .prop_table .row:nth-of-type(n) {background: #eceaec;}
.type_select .prop_table .row:nth-of-type(2n) {background: #efefef;}
.type_select .prop_table .row:first-of-type > .amount_area,
.type_select .prop_table .row:first-of-type > .label {
	font-size: 1.3rem;
	line-height: 2;
	white-space: nowrap;
	text-align: center;
	display: block;
}

.type_select .prop_table .row > .label {width: 20%;}
.type_select .prop_table .row > .amount_area {
	width: 27%;
	align-items: center;
}

.type_select .prop_table .row > .btn_area {
	width: 25%;
	justify-content: center;
	align-items: center;
	align-self: center;
}

.type_select .prop_table .row > .amount_area label input {
	width:60%;
	box-sizing:  content-box;
	height: 1.5em;
}

.type_select .btn {
	padding: 0.15em 0.5em;
	border-radius: 6px;
	line-height: 2.0;
	height: 2.4em;
	display: inline-block;
}

.type_select .prop_table .row > .btn_area > .btn.cart  {
	width: 100%;
	display: inline-block;
}

.type_select .table_bottom {margin: 3% 0;}
.type_select .table_bottom .btn.cart {border: 1px solid ;}
.type_select .table_bottom .btn.to_itempage {
	border: 2px solid #efefef;
	color: #666666;
	line-height: 2.0;
	display:  inline-block;
}

.type_select .btn.plus, .type_select .btn.minus , .type_select .btn.close {
	padding: 0 0.8em;
	height: 2.2em;
	color: #666;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 98%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
}

/*========================
	Detailed
========================*/
/* movie */
@media screen and (max-width: 639px){
.iframe_content{
	position: relative;
	width: 100%;
	padding: 75% 0 0 0;
}

.iframe_content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}

#detail .item_body .row{margin-bottom: 5.0%;}
#detail .discription .title{padding: 0;}
#detail .discription .content .sub_box{
	border-top: 1px dotted #efefef;
	margin: 5.0% 0 0 0;
}

#detail .row .item_body .sub_box .property{margin: 2.5% 0 0 0;}
#detail .row .discription{
	margin: 5.0% 0 0 0;
}

#detail .row .discription_area{
	height: auto;
	margin-top: 2.5%;
	background-color: #fff;

}
/*========================
	Detailed search
========================*/
#rwdSearch.under .display_item_inner a.btn{
	color: #bdbdbd;
	font-weight: 500;
	font-size: 2.4rem;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #efefef;
	background: none;
	border-radius: 0;
	background-attachment: scroll;
	display: inline-block;
	width: auto;
	line-height: initial;
	box-shadow: none;
}

body #rwdSearch.under .display_item_bar .btn:last-of-type {
	border-right: 1px solid #efefef;
}

#rwdSearch.under .display_item_inner .btn.active {
	background: #bdbdbd;
	color: white;
}


/*========================
	Userreview
========================*/
body #rwdUserreview.under .fieldset.table_style01 .form-group{position: static;}
body #rwdUserreview.under .fieldset.table_style01 .form-group .constraint{
	position: absolute;
	right: 0;
	left: auto;
	transform: none;
}

/*========================
	Purchase flow
========================*/
@media screen and (max-width: 639px){
	.modal-dialog{width: 100%!important;}
	.block-order-method--coupondialog-wrapper{max-width: 100%;}
	.modal-dialog .modal-wrapper .modal-body .table .block-order-method--coupondialog-data-select .btn{color: #333;}
}

/*========================
	Other
========================*/
#rwdMailupdate .block-mail-address--update-header{
	margin: 2% 0;
	text-align: center;
	padding-bottom: 0;
}

#rwdMailupdate .block-mail-address--mypage-link{text-align: center;}

/*.point:after{display: none;}*/

@media screen and (max-width: 639px){
	#rwdBookmark.under .action-buttons .action .btn-primary.block-favorite--add-to-cart {width: 100%;}
}

#rwdSaloninfo .block-member-terms--auth-url-mail-comp .block-member-terms--header{
	text-align: center;
	margin-top: 10px;
}


#rwdMemberchange .form-group .form-control .btn{width: 25%}

@media screen and (max-width: 639px){
	#rwdMemberchange .form-group .form-control .btn{width: 45%}
}

.block-top-topic--next-page{padding-right: 20px;}
#rwdCouponconfirm .block-coupon-list .block-coupon-point-history-list--items-container,
#rwdPurchasehistory .block-purchase-history .block-purchase-history--list{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.block-purchase-history .block-purchase-history--list .block-purchase-bizhistory--table{min-width: 667px;}


#rwdSaloninfo #rwdStaffinfo02 .customerconfirm_ textarea{
	width: 96%;
	display: block;
	margin: 0 auto 2%;
}


/*========================
	loader
========================*/
#loader {
	width:23px;
	height:23px;
	display: none;
	position: fixed;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-13px;
	margin-left:-13px;
	z-index: 100;
}

#fade {
	width:100%;
	height:100%;
	display:none;
	background-color:#000;
	opacity: .7;
	position: fixed;
	top:0px;
	left:0px;
	z-index:50;
}

/*========================
	loading css
========================*/
#load-box{
	position: fixed;
	top: 56%;
	left: 56%;
	width: 60px;
	height:60px;
	display: none;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 100;
}


.line-spin-fade-loader {
	position: relative;
	top: 0;
	left: 0;
	width: 60px;
	height:60px;
}

.line-spin-fade-loader>div{
	border-radius: 2px;
	margin: 2px;
	background-color: #fff;
}


.line-spin-fade-loader>div:nth-child(1) {
	top: 20px;
	left: 0;
	-webkit-animation: line-spin-fade-loader 0.8s -.74s infinite ease-in-out;
	animation: line-spin-fade-loader 0.8s -.84s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(2) {
	top: 13.64px;
	left: 13.64px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: line-spin-fade-loader 0.8s -.72s infinite ease-in-out;
	animation: line-spin-fade-loader 0.8s -.72s infinite ease-in-out;
}

.line-spin-fade-loader>div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 5px;
	height: 15px;
}

.line-spin-fade-loader>div:nth-child(3) {
	top: 0;
	left: 20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: line-spin-fade-loader 0.8s -.6s infinite ease-in-out;
	animation: line-spin-fade-loader 0.8s -.6s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(4) {
	top: -13.64px;
	left: 13.64px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: line-spin-fade-loader 0.8s -.48s infinite ease-in-out;
	animation: line-spin-fade-loader 0.8s -.48s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(5) {
	top: -20px;
	left: 0;
	-webkit-animation: line-spin-fade-loader 0.8s -.36s infinite ease-in-out;
	animation: line-spin-fade-loader 0.8s -.36s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(6) {
	top: -13.64px;
	left: -13.64px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: line-spin-fade-loader 0.8s -.24s infinite ease-in-out;
	animation: line-spin-fade-loader 0.8s -.24s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(7) {
	top: 0;
	left: -20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: line-spin-fade-loader 0.8s -.12s infinite ease-in-out;
	animation: line-spin-fade-loader 0.8s -.12s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(8) {
	top: 13.64px;
	left: -13.64px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: line-spin-fade-loader 0.8s 0s infinite ease-in-out;
	animation: line-spin-fade-loader 0.8s 0s infinite ease-in-out;
}

@-webkit-keyframes line-spin-fade-loader{
	50%{opacity:.3}
	100%{opacity:1}
}
@keyframes line-spin-fade-loader{
	50%{opacity:.3}
	100%{opacity:1}
}

/*========================
	modal
========================*/
#cboxOverlay,
#colorbox,
#colorbox1,
#colorbox2{display: none;}

#cboxOverlay{
	opacity: 0.7;
	cursor: pointer;
	visibility: visible;
}

body #colorbox{
	display: block;
	background: #fff;
	visibility: visible;
	width: 80%;
	height: 100%;
	top: 10%;
	left: 50%;
	max-height: 600px;
	position: fixed;
	margin-left: -40%;
	overflow: auto;
	z-index: 99999;
}

body #colorbox1,
body #colorbox2{
	display: none;
	background: #fff;
	visibility: visible;
	width: 80%;
	height: 100%;
	top: 10%;
	left: 50%;
	max-height: 600px;
	position: fixed;
	margin-left: -40%;
	overflow: auto;
	z-index: 99999;
}

body #cboxWrapper{width: 100%;}

@media screen and (min-width: 1025px){
	#rwdSearch .display_list .item_detail_wrapper {
		width: 100%;
		padding-left: 4%;
		display: flex;
		flex-wrap: wrap;
	}

	#colorbox .item_top .tax_inc{
		color: #c30;

	}

	/* クイックビューモーダル調整 */
	#colorbox div.new{position: relative;}
	#colorbox div.new:before{
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		background-size: contain;
		width: 100%;
		height: 100%;
		background: url(../../img/rwd/category/icon_new.png) no-repeat 0% 0%;
	}

	#colorbox #quick_view .item_body .name{
		font-size: 2.4rem;
		text-align: left;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		padding-top: 0;
		padding-bottom: 2%;
		text-align: left;
		border-bottom: none;
		height: auto;
	}
	#colorbox #quick_view .item_body .name:before,
	#colorbox #quick_view .item_body .name:after{display: none;}

	/*#colorbox #quick_view .item_body .section{border-bottom: none;}*/
	#colorbox #quick_view .item_top{
		display: inline-flex;
		width: 100%;
	}

	#colorbox #quick_view .item_body .icon_area{padding: 0;}
	#colorbox #quick_view .btn.minus,
	#colorbox #quick_view .btn.plus{padding: 0;}
	#colorbox #quick_view .btn_area .btn{
		padding-right: 0;
		padding-left: 0;
		line-height: 3.0;
	}
	#colorbox #quick_view .btn.minus,
	#colorbox #quick_view .btn.plus{width: 4rem;}
	#colorbox #quick_view .btn_area .btn{
		margin-bottom: 0;
		right: 0;

	}
	#colorbox #quick_view .btn.minus,
	#colorbox #quick_view .btn.plus{
		border-radius: 6px;
		padding: 0;
		height: auto;
	}
	#colorbox #quick_view .btn.i-minus:before,
	#colorbox #quick_view .btn.i-plus:before{font-size: initial;}

	#colorbox #quick_view .item_body .amount_area label,
	#colorbox #quick_view .item_body .amount_area label input{width: auto;}

	#colorbox #quick_view .item_body{margin-bottom: 0;}
	#colorbox #quick_view .item_body .price{text-align: left;}
	#colorbox #quick_view .item_body .price .tax_inc{display: inline;}
	#colorbox #quick_view .item_body .price .tax_inc,
	#colorbox #quick_view .item_body .price .tax_not_inc,
	#colorbox #quick_view .item_body .price .point{display: inline; text-align: left;}
	#colorbox #quick_view .item_body .i-favo_off span{display: none;}
	#colorbox #quick_view .item_body .i-favo_off:before{
		content: '\e91c　お気に入りに登録';
		top: 2px;
	}

	#colorbox #quick_view .item_bottom{
		width: 94%;
		display: flex;
		margin: 0 3% 3% 3%;
		border-top: 1px solid #efefef;
		padding-top: 1%;
		justify-content: center;
		position: static;
	}

	#colorbox #quick_view .item_bottom{transform: none;}
	#colorbox #quick_view .btn_area {text-align: center;}
	#colorbox #quick_view .btn_area .btn.close{
		width: 6em;
		color: #666;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 98%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
		background-attachment: scroll;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
		padding: 0.15em 0;
		border-radius: 6px;
		background-attachment: scroll;
	}
	#colorbox #quick_view .btn_area .btn.close{
		height: auto;
	}
	#colorbox #quick_view .btn.cart{
		height: auto;
		border-radius: 6px;
		font-size: 1.6rem;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
	}
	#colorbox #quick_view .btn.cart:before{position: static;}

	#colorbox #quick_view .favo.btn{
		font-size: 1.4em;
		border-radius: 6px;
		height: auto;
		margin-right: 0;
	}
	#colorbox #quick_view .favo:before{right: 0;}
	#colorbox #quick_view .category,
	#colorbox #quick_view .product_code,
	#colorbox #quick_view .item_body .detail li,
	#colorbox #quick_view .item_body .discription .content,
	#colorbox #quick_view .amount_info,
	#colorbox #quick_view .prop_select_area{text-align: left;}
	#colorbox #quick_view .item_body{margin-bottom: 0;}
	#colorbox #quick_view .item_body .amount_area{text-align: left;}
	/* #colorbox #quick_view .btn.cart span{display: none;} */ /* 20191224 upd */

	/* バリエーションモーダル調整 */
	#colorbox1 .bottom .btn_area .btn.close,
	#colorbox1 #type_select .table_bottom .btn.to_itempage,
	#colorbox1 #type_select .table_bottom .btn.cart,
	#colorbox2 .bottom .btn_area .btn.close,
	#colorbox2 #favo_select .table_bottom .btn.to_itempage,
	#colorbox2 #favo_select .table_bottom .btn.favo{padding: 0.15em 0.5em;}
	#colorbox1 #type_select .prop_table .row > .amount_area label input,
	#colorbox2 #favo_select .prop_table .row > .amount_area label input{
		width: 30%;
		margin: 0 15px;
	}
	#colorbox1 #type_select .name,
	#colorbox2 #favo_select .name{
		font-size: 1.8rem;
		padding-bottom: 3%;
		margin-bottom: 3%;
		border-bottom: 1px solid #efefef;
		text-align: left;
	}
	#colorbox1 #rwdSearch .table_bottom .btn_area .btn.to_itempage,
	#colorbox2 #rwdSearch .table_bottom .btn_area .btn.to_itempage{background: #fff;}
	#colorbox1 #type_select .amount_area .btn.minus,
	#colorbox1 #type_select .amount_area .btn.plus,
	#colorbox2 #favo_select .amount_area .btn.minus,
	#colorbox2 #favo_select .amount_area .btn.plus{
		width: 4rem;
		display: inline-block;
		line-height: 2.0;
	}
	#colorbox1 #type_select .table_bottom .btn.to_itempage,
	#colorbox1 #type_select .table_bottom .btn.cart,
	#colorbox2 #favo_select .table_bottom .btn.to_itempage,
	#colorbox2 #favo_select .table_bottom .btn.favo{width: auto;}
	#colorbox1 #type_select .table_bottom .btn_area .btn.close,
	#colorbox2 #favo_select .table_bottom .btn_area .btn.close{margin-right: 0;}

	#colorbox1 #type_select .amount_area .btn.plus,
	#colorbox1 #type_select .amount_area .btn.minus,
	#colorbox1 #type_select .btn_area .btn.cart,
	#colorbox2 #favo_select .amount_area .btn.plus,
	#colorbox2 #favo_select .amount_area .btn.minus,
	#colorbox2 #favo_select .btn_area .btn.favo{line-height: 1;}

	#colorbox1 #type_select .table_bottom .btn_area .btn.cart,
	#colorbox2 #favo_select .table_bottom .btn_area .btn.favo{line-height: 2;}

	/*#category .display_table .display_table_container .display_table_item .item_cell > a img,
	body #rwdSearch .display_table_batch .display_table_container .display_table_item .thumbnail img{padding-bottom: 25px;}*/
	body #category .display_table_batch .display_table_container .display_table_item .thumbnail:hover:after,
	body #category .display_table .display_table_container .display_table_item .thumbnail:hover:after,
	body #category .display_table .display_table_container .display_table_item .thumbnail:hover:after,
	body #rwdSearch .display_table_container .display_table_item .thumbnail:hover:after,
	body #rwdGenre .display_table_batch .display_table_container .display_table_item .thumbnail:hover:after,
	body #rwdGenre .display_table .display_table_container .display_table_item .thumbnail:hover:after,
	body #rwdSearch .display_table .display_table_container .display_table_item .thumbnail:hover:after{/* bottom: 0; */}
}

@media screen and (max-width: 639px){
	.block-cart--infomation{width: 100%;}
	body #category .display_table .display_table_container .display_table_item .thumbnail:after,
	body #category .display_table_batch .display_table_container .display_table_item .thumbnail:after,
	body #rwdGenre .display_table .display_table_container .display_table_item .thumbnail:after,
	body #rwdGenre .display_table_batch .display_table_container .display_table_item .thumbnail:after,
	body #rwdSearch .display_table .display_table_container .display_table_item .thumbnail:after{/* bottom: 0%; */}

	#rwdSearch .display_list .item_detail_wrapper,
	#rwdGenre .display_list .item_detail_wrapper{
		width: 70%;
		padding-left: 4%;
		display: block;
	}

	#colorbox div.new{position: relative;}

	#colorbox div.new:before{
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		background-size: contain;
		width: 100%;
		height: 100%;
		background: url(../../img/rwd/category/icon_new.png) no-repeat 0% 0%;
	}
	body #colorbox{
		display: block;
		background: #fff;
		visibility: visible;
		width: 90%;
		left: 50%;
		height:80%;
		position: fixed;
		margin-left: -45%;
		overflow: auto;
	}

	#colorbox .name{margin-top: 0;}
	#colorbox #quick_view .item_body .name{
		font-size: 2.4rem;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 2%;
		margin-bottom: 0;
		margin-top: 0;
		text-align: left;
		border-bottom: none;
		text-align: left;
	}
	#colorbox #quick_view .item_body .price .tax_inc{display: inline;}
	#colorbox #quick_view .item_body .point{display: inline;}
	#colorbox #quick_view .item_body{margin-bottom: 0;}
	#colorbox #quick_view .btn_area .btn.close{
		transform: none;
		width: 6em;
		border-radius: 6px;
		position: static;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 98%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
	}
	#colorbox #quick_view .amount_area{width: auto;}
	#colorbox #quick_view .btn.minus,
	#colorbox #quick_view .btn.plus{width: 3em;}
	#colorbox #cboxLoadedContent{border-radius: 0; }
	#colorbox #quick_view .item_image > .main_image{margin-right: 0;}

	//バリデーション
	#colorbox1 #type_select .btn.close,
	#colorbox2 #favo_select .btn.close{
		padding: 0 0.8em;
		height: 2.2em;
		border-radius: 6px;
		transform: none;
		width: 6em;
		position: static;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 98%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
	}
	#colorbox1 #type_select .name,
	#colorbox2 #favo_select .name{
		font-size: 1.8rem;
		height: auto;
		margin-top: 0;
		padding-bottom: 3%;
		margin-bottom: 3%;
		border-bottom: 1px solid #efefef;
		text-align: left;
		padding: 10px 10px 0;
	}
	#colorbox1 #type_select .amount_area,
	#colorbox2 #favo_select .amount_area{
		display: flex;}
	#colorbox1 #type_select .amount_area .btn.cart,
	#colorbox2 #favo_select .amount_area .btn.favo{
		height: 2.2em;
		padding: 0 0.8em;
	}
	#colorbox1 #type_select .amount_area label input,
	#colorbox2 #favo_select .amount_area label input{
		width: 60%;
		box-sizing: content-box;
		height: 1.5em;
		line-height: 1.5em;
	}
	#colorbox1 #type_select .btn.cart:before,
	#colorbox2 #favo_select .btn.favo:before{content: none;}
	#colorbox1 #type_select .amount_area .minus,
	#colorbox1 #type_select .amount_area .plus,
	#colorbox2 #favo_select .amount_area .minus,
	#colorbox2 #favo_select .amount_area .plus{
		width: 3rem;
		display: inline-block;
		line-height: 2.0;
	}
	#colorbox1 #type_select .btn_area .btn.close,
	#colorbox2 #favo_select .btn_area .btn.close{
		position: static;
		width: auto;
		transform: none;
		border-radius: 6px;
		padding: 0 0.8em;
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 98%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 98%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
	}
	#colorbox1 #type_select .btn_area .btn.cart,
	#colorbox2 #favo_select .btn_area .btn.favo{
		width: 100%;
	}
	#colorbox1 #type_select .table_bottom .btn_area .btn.cart,
	#colorbox2 #favo_select .table_bottom .btn_area .btn.favo{
		width: auto;
		padding-right: 7%;
		padding-left: 7%;
		line-height: 2.2;
	}
}
#colorbox div.item_image{
position: relative;
}

body #colorbox div.new{
	position: absolute;
	left: 0;
	top: 0;
	width: 56px;
	height: 56px;
	z-index: 10;
}

@media screen and (max-width: 479px){
	body #category .display_column_2 .display_column_container .display_column_item .thumbnail:after,
	body #rwdGenre .display_column_2 .display_column_container .display_column_item .thumbnail:after,
	body #rwdSearch .display_column_2 .display_column_container .display_column_item .thumbnail:after{background-size: contain;}
}

/* 20191216 upd */
@media screen and (max-width: 1024px) and (min-width: 640px) {
	#colorbox #quick_view .item_body .price .tax_inc.exc_:after {
	content: "円(税抜き)";
	font-size: 1.0rem;
	padding-left: 0.5em;
	}
}
@media screen and (max-width: 639px){
	#colorbox #quick_view .item_body .price .tax_inc.exc_:after {
	content: "円(税抜き)";
	font-size: 1.0rem;
	padding-left: 0.5em;
	}
}

#colorbox2 {
	overflow: hidden;
}
#colorbox2 > div {
	width: 100%;
	height: 100%;
	overflow: auto;
}
body #colorbox2 #cboxWrapper {
	position: static;
}
body #colorbox2 #cboxLoadedContent {
	overflow: visible;
}
