@charset "utf-8";
/*------------------------------------------------------------
レイアウト
------------------------------------------------------------*/
#wrapper {
    width: 100%;
    margin: 0 auto;
    /*letter-spacing: auto;*/
	font-size: 1.2rem;
	line-height: 2.2rem;
    overflow: hidden;
	background-color: #FFF;
}
.LC_Page_Index #container {
	margin: 0 auto;
}
#container {
	margin: 0px auto 0 auto;
	width: 100%;
}
#container_inner {
	margin: 0 auto;
}
#main_column {
	width: 100%;
}
#leftcolumn,
#rightcolumn {
	width: 300px;
}
.colnum2 {
	width: calc(100% - 300px) !important;
}
.colnum3 {
	width: calc(100% - 600px) !important;
}
#headertopcolumn,
#header_wrap,
#topcolumn,
#bottomcolumn,
#global_header,
#global_footer {
	width: 100%;
}
#undercolumn {
	width: 95%;
	margin: 0 auto;
}
#undercolumn_default {
	padding-top: 80px;
}
.LC_Page_Products_Detail #undercolumn_default {
	padding-top: 0px;
}
#undercolumn_contact,
#undercolumn_order,
#undercolumn_login {
	width: 95%;
	margin: 0 auto;
	padding: 100px 0 20px;
}
.undercolumn_small {
	width: 95%;
	margin: 0 auto 0 auto;
	padding: 100px 0 20px;
}
.no_bottom_margin {
	margin-bottom: 0 !important;
}
.undercolumn_message_block {
	padding: 20px;
	background-color: #f1f1f1;
	margin-bottom: 30px;
}
.undercolumn_message_block p {
	margin-bottom: 10px;
}
.undercolumn_message_block p:last-child {
	margin-bottom: 0;
}
.default_dl_list dt {
	width: 100%;
	margin-bottom: 10px;
	font-weight: 700;
}
.default_dl_list dd {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
}
.faq_dl_list dt {
	width: 100%;
	margin-bottom: 20px;
	font-weight: 700;
	background-color: #f1f1f1;
	line-height: 50px;
	padding: 0 10px;
}
.faq_dl_list dd {
	width: 100%;
	margin-bottom: 30px;
}
#undercolumn_error {
	text-align: center;
}
.block_default {
	width: 100%;
	margin-bottom: 40px;
	padding: 0 10px;
}

/*------------------------------------------------------------
Swiper
------------------------------------------------------------*/
.swiper-pagination-bullet {
    width: 1px;
    height: 12px;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    vertical-align: middle;
    background-color: #000;
	border-radius:0%;
	border: none !important;
}
.swiper-pagination-bullet-active {
	width: 3px;
    height: 15px;
}
#top_slider_outer .swiper-pagination {
	text-align: right;
	padding-right: 40px;
	bottom: 30px;
}

/*------------------------------------------------------------
TOP VISUAL
------------------------------------------------------------*/
#top_slider_outer {
	margin-bottom: 30px;
}
.pc_slider {
	display: none;
}
/*------------------------------------------------------------
TOP NEWS
------------------------------------------------------------*/
.news_list_date {
	width: 80px;
}
.news_list_title {
	width: calc(100% - 80px)
}
.news_list_title p {
	margin-right: 20px;
	width: calc(100% - 50px);
	display: flex;
	align-items: center;
}
.news_list_title img {
	width: 30px;
}
#top_news_inner .swiper-slide {
	border-right: 1px solid var(--default_gray);
	padding: 0 30px;
	height: 66px;
}
/*------------------------------------------------------------
ブログリスト
------------------------------------------------------------*/
#undercolumn_blog {
	width: 95%;
    margin: 0 auto 0 auto;
    padding-top: 20px;
}
#blog_list_list{
	display: flex;
	gap: 20px 10px;
	flex-wrap: wrap;
}
.blog_list_detail {
	width: calc((100% - 10px) / 2);
}
.blog_list_thumb {
	position: relative;
	width: 100%;
}
.blog_list_thumb::before{
	content: "";
    display: block;
    padding-top: 100%;
}
.blog_list_thumb a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
.blog_list_thumb a img {
	height: 100%;
}
.blog_list_text {
	margin-top: 5px;
}
.blog_list_date {
	font-size: 1.0rem;
}
.blog_list_title {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blog_side_title {
	margin-bottom: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--default_gray);
	font-size: 1.4rem;
}
#blog_navi_category, #blog_navi_date {
	margin-bottom: 20px;
}
#blog_navi_category li, 
#blog_navi_date li {
	margin-bottom: 5px;
}
/*------------------------------------------------------------
ブログ投稿
------------------------------------------------------------*/
#blog_post_block {
	line-height: 200%;
}
#blog_post_block h1 {
	font-size: var(--fontXXXL);
}
#blog_post_block h2 {
	font-size: var(--fontXXL);
}
#blog_post_block h3 {
	font-size: var(--fontXL);
}
#blog_post_block h4 {
	font-size: var(--fontL);
}
#blog_post_block h1,
#blog_post_block h2,
#blog_post_block h3,
#blog_post_block h4,
#blog_post_block p {
	margin-bottom: var(--blog-default-style-spacing);
}
#blog_post_block .image-style-block-align-left,
#blog_post_block .image-style-block-align-right {
	max-width: calc(100% - var(--blog-image-style-spacing))
}

#blog_post_block .image-style-align-left,
#blog_post_block .image-style-align-right {
	clear: none
}

#blog_post_block .image-style-side {
	float: right;
	margin-left: var(--blog-image-style-spacing);
	max-width: 50%
}

#blog_post_block .image-style-align-left {
	float: left;
	margin-right: var(--blog-image-style-spacing)
}

#blog_post_block .image-style-align-center {
	margin-left: auto;
	margin-right: auto
}

#blog_post_block .image-style-align-right {
	float: right;
	margin-left: var(--blog-image-style-spacing)
}

#blog_post_block .image-style-block-align-right {
	margin-left: auto;
	margin-right: 0
}

#blog_post_block .image-style-block-align-left {
	margin-left: 0;
	margin-right: auto
}

#blog_post_block p+.image-style-align-left,
#blog_post_block p+.image-style-align-right,
#blog_post_block p+.image-style-side {
	margin-top: 0
}

#blog_post_block .image-inline.image-style-align-left,
#blog_post_block .image-inline.image-style-align-right {
	margin-bottom: var(--blog-inline-image-style-spacing);
	margin-top: var(--blog-inline-image-style-spacing)
}

#blog_post_block .image-inline.image-style-align-left {
	margin-right: var(--blog-inline-image-style-spacing)
}

#blog_post_block .image-inline.image-style-align-right {
	margin-left: var(--blog-inline-image-style-spacing)
}
#blog_post_block .image figcaption {
	text-align: center;
	background-color: var(--light_gray);
	padding: 5px;
}
#blog_post_block figure.image {
	margin-bottom: var(--blog-image-style-spacing);
}
#blog_post_block p:has(iframe),
#blog_post_block div:has(iframe){
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
#blog_post_block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
/*------------------------------------------------------------
コレクションリスト
------------------------------------------------------------*/
.collection_list_slider {
	position: relative;
	top: 0;
	width: 100%;
	overflow: hidden;
}
.collection_list_slider::before {
	display: block;
	content: '';
	padding-bottom: 60%;
}
.collection_list_slider a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.collection_list_pict {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: var(--transition);
}
.collection_list_slider a:hover {
	.collection_list_pict {
		transform: scale(1.2);
	}
}
.collection_list_text {
	position: absolute;
	z-index: 10;
}
.collection_list_text {
	position: absolute;
	top: 50%;
	left: 0%;
	-webkit-transform: translate(20px, -50%);
	transform: translate(20px, -50%);
	color: #FFF;
	font-size: var(--fontXXL);
	font-weight: 400;
}
/*------------------------------------------------------------
ブランドコンセプト
------------------------------------------------------------*/
#brand_concept {
	width: 100%;
}
#brand_concept li {
	width: 100%;
	background-color: var(--light_gray);
}
.brand_concept_text {
	padding: 50px;
}
.brand_concept_text_inner {
	text-align: center;
}
.brand_concept_text_inner h3 {
	font-size: var(--fontXXXL);
	font-weight: 400;
	margin-bottom: 30px;
}
.brand_concept_text_inner p {
	margin-bottom: 30px;
}

#collection_concept {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.collection_concept_text {
	order: 1;
}
#collection_concept li {
	width: 100%;
	background-color: var(--light_gray);
}
.collection_concept_text {
	padding: 50px;
}
.collection_concept_text_inner {
	text-align: center;
}
.collection_concept_text_inner h3 {
	font-size: var(--fontXXXL);
	font-weight: 400;
	margin-bottom: 30px;
}
.collection_concept_text_inner p {
	margin-bottom: 30px;
}

/*------------------------------------------------------------
レイアウト アイテムリスト
------------------------------------------------------------*/
.item_list_default,
.item_list_middle,
.item_list_small,
.item_list_middle_sp,
.item_list_small_sp{
	display: flex;
	flex-wrap: wrap;
	font-weight: 400;
	justify-content: space-between;
}
.item_list_middle li,
.item_list_small li {

}
.item_list_default li{
	margin-bottom: 16px;
}

.item_list_default a:hover,
.item_list_default a:hover img,
.item_list_middle_sp a:hover,
.item_list_middle_sp a:hover img,
.item_list_small_sp a:hover,
.item_list_small_sp a:hover img {
	opacity:1 !important;
}
.item_list_default li,
.item_list_middle li,
.item_list_small li {
	width: calc(50% - 5px);
	position: relative;
}
.item_list_middle_sp li {
	width: 33%;
	position: relative;
}
.item_list_small_sp li {
	width: 16.6%;
	position: relative;
}
.list_pict {
	position: relative;
    width: 100%;
}
.list_pict:before {
    content: "";
    display: block;
    padding-top: 120%;
    background-color: #FFF;
}
.list_pict_inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;
}
.list_pict_inner img {
	width: 100%;
}
.list_pict_inner .over_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.list_photo_icon {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
}
.list_sale {
    background-color: #c90000;
	line-height: 170%;
    padding: 0 5px;
    font-size: 1rem;
    color: #FFF;
}
.list_pict_inner img:hover {
	transform:scale(1.1,1.1);
	transition:.3s all;
}
.list_info {
	position: relative;
	margin-top: 16px;
	color: #000;
	width: 100%;
	text-align: center;
	line-height: 2.5em;
}
.list_maker {
	/* display: none; */
	text-transform: uppercase;
	font-weight: 700;
}
.list_status {
	font-size: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0 5px;
	line-height: 170%;
}
.list_name,.list_price {
	font-size: var(--fontXS);
	line-height: 150%;
	max-width: 100%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.list_price span {
	display: flex;
	align-items: center;
	justify-content: center;
}


/*------------------------------------------------------------
カート
------------------------------------------------------------*/
#cart_flow{
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
	font-size: 1rem;
}
#cart_flow ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#cart_flow ul li {
	width: 33.3%;
	text-align: center;
	padding: 10px 0;
}
.active_flow {
	background-color: #f1f1f1;
}
#cart_inner_txt {
	margin-bottom: 20px;
}
.cart_item {
	position: relative;
}
.cart_item_delete_btn {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 25px;
	height: 25px;
	z-index: 90;
}
.cart_item_flex {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid rgb(201, 201, 201);
	padding: 15px 0;
}
.cart_item_photo {
	width: 40%;
}
.cart_item_photo_inner {
	position: relative;
	margin: 0 auto;
	width: 80%;
}
.cart_item_photo_inner:before{
	content: '';
	display: block;
	padding-bottom: 120%;
}
.cart_item_photo_inner img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.cart_item_flex_inner {
	width: 60%;
	font-size: 1.1rem;
	padding: 0 10px;
	line-height: 1.8rem;
}
.cart_item_name {
	margin-bottom: 10px;
}
.cart_item_name p:first-child {
	margin-bottom: 10px;
}
.cart_item_price {
	margin-bottom: 10px;
}
.cart_item_quantity {
	margin-bottom: 10px;
}
.cart_item_subtotal {
}
.quantity_level {
	display: flex;
	align-items: center;
	width: 50%;
}
.quantity_minus {
	width: 25%;
}
.quantity_plus {
	width: 25%;
}
.quantity_num {
	width: 50%;
	text-align: center;
	font-size: 1.2rem;
}
.cart_sum {
	width: 100%;
}
.cart_sum_flex {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid rgb(201, 201, 201);
}
.cart_sum_tit {
	width: 70%;
	text-align: right;
	background-color: #f3f3f3;
	padding: 10px;
}
.cart_sum_value {
	width: 30%;
	padding: 10px;
	text-align: center;
}
.cart_novelty_option {
	display: flex;
	align-items: center;
	margin: 10px 0;
	flex-wrap: wrap;
}
.cart_novelty_option p:first-child {
	width: 55px;
	margin: 0;
}
.cart_novelty_option .select_n {
	width: calc(100% - 55px);
}
.point_add_attention {
	margin-top: 10px;
	text-align: right;
	font-size: 1rem;
}

.deliv_info {
	margin-top: 30px;
}
.user_info_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgb(201, 201, 201);
}
.user_info_radio {
	width: 10%;
	text-align: center;
}
.user_info_value {
	width: 90%;
	padding: 15px 0;
}
.user_info_value_flex {
	position: relative;
}
.user_info_deliv {
	width: 100%;
}
.user_info_change {
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.user_info_change {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
}
.deliv_addbtn {
	margin-top: 15px;
	text-align: right;
}
.deliv_time {
	margin-top: 30px;
}
.user_deliv_time {
	padding: 15px 15px 5px 15px;
	border-bottom: 1px solid rgb(201, 201, 201);
}
.user_deliv_time .select_n {
	width: 180px;
}
.deliv_date_flex {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.deliv_date_flex p {
	width: 30%;
}
.payment_block {
	margin-top: 30px;
}
.user_info_payment_image {
	width: 20%;
	margin-left: auto;
}
.point_txt {
	padding: 10px;
	font-size: 1rem;
}
.point_block {
	margin-top: 30px;
}
.coupon_block {
	margin-top: 30px;
}
.cart_no_error {
	margin-top: 20px;
	text-align: center;
}
#block_login {
	width: 100%;
}
#block_login section {
	width: 100%;
	padding: 5%;
	border: 1px solid rgb(201, 201, 201);
	margin-bottom: 20px;
}
#block_login_form li {
	margin-bottom: 10px;
}
#block_login_form li:last-child {
	margin: 0;
}
.logintext {
	margin-bottom: 39px;
}
.cart_login_txt {
	margin: 50px 0;
	text-align: center;
}
#cart_form_input {
	padding: 20px;
	border: 15px solid #f1f1f1;
}
.cart_block {
	margin-top: 30px;
}
.cart_block:first-child {
	margin-top: 0px;
}
.black_list {
	margin-top: 30px;
	text-align: center;
}
.cart_gift_block {
	margin-top: 40px;
}
.cart_gift {
	margin-top: 20px;
}
.gift_block {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(201, 201, 201);
}
.gift_outer {
	display: flex;
	gap: 0 20px;
}
.gift_photo {
	width: 40%;
}
.gift_content {
	width: calc(60% - 20px);
}
.gift_option {
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 10px
}
.gift_content .red {
	font-size: 10px;
}
.gift_variation_tit {
	width: 25%;
}
.gift_variation {
	width: calc(75% - 10px);
}
.gift_name {
	font-size: 12px;
	margin-bottom: 10px;
}
.gift_price {
	font-size: 10px;
	margin-bottom: 10px;
}
.gift_price span {
	font-size: 12px;
	padding-right: 5px;
}
.cart_gift_btn {
	width: 100%;
	height: 40px;
	margin-top: 20px;
}
.cart_gift_btn a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	color: #FFF;
	text-align: center;
	line-height: 40px;
	font-weight: 700;
}

/*------------------------------------------------------------
確認画面
------------------------------------------------------------*/
.confirm_default {
	margin-top: 30px;
}
.confirm_default_inner {
	padding: 15px 15px 10px 15px;
	border-bottom: 1px solid rgb(201, 201, 201);
}
.confirm_default_inner li {
	display: flex;
	margin-bottom: 10px;
}
.confirm_sub_tit {
	width: 26%;
}
.confirm_sub_tit_L {
	width: 37% !important;
}
#confirm_message {
	background-color: #f3f3f3;
	padding: 5vw;
	margin-bottom: 30px;
}
#confirm_message .btn_fix_w {
	margin: 20px auto 0 auto;
}
/*------------------------------------------------------------
完了画面
------------------------------------------------------------*/
#complete_payment_data {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f1f1f1;
}
.complete_message {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f1f1f1;
}
.complete_message_tit {
	font-weight: 700;
	margin-bottom: 20px;
}
/*------------------------------------------------------------
クレジットカード
------------------------------------------------------------*/
.bdr_block {
	padding: 20px;
	border: 10px solid #f1f1f1;
}
#registered_card, #use_registeredcard_check {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f1f1f1;
}
#registeredcard_list li {
	display: flex;
	align-items: center;
}
#registeredcard_list li p:first-child {
	padding: 7px;
}
#registered_card_list_delete {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
#card_input_list li {
	
}
.card_input_list_flex_left {
	width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}
.card_input_list_flex_right {
	width: 100%;
}
.card_input_list_flex_right .attention {
	font-size: 1rem;
	line-height: 180%;
}
#card_expire_list .select_n {
	width: 30%;
}
#card_expire_list {
	gap: 0 6px;
}
#card_input_list li {
	margin-bottom: 15px;
}
.card_sample {
	width: 40%;
}
.card_error {
	background-color: #f1f1f1;
	padding: 15px;
	margin-bottom: 30px;
	color: #B50003;
}
#now_execute {
	margin-top: 25px;
}

/*------------------------------------------------------------
MY PAGE
------------------------------------------------------------*/
#mypagecolumn {
	width: 90%;
	padding: 20px 0;
	margin: 0 auto;
}
#mycontents_area {
	margin-bottom: 40px;
}
#mycontentmain_area {
	order: 1;
	width: 100%;
	margin-bottom: 20px;
}
#mynavi_area {
	order: 2;
	width: 100%;
	padding: 20px;
	background-color: #f1f1f1;
	font-size: 1.1rem;
}
.mynavi_list li {
	margin: 7px 0;
}
.order_list {
	padding: 20px 25px;
	border: 15px solid #f1f1f1;
	margin-bottom: 20px;
}
#my_page_refuse {
	text-align: right;
}
.mypage_gray_header {
	display: none;
}
#mypage_order_list ul {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f1f1f1;
}
#mypage_order_list ul li:last-child {
	margin-top: 10px;
}
#mypage_order_list ul li:last-child a {
	display: block;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
	text-align: center;
	line-height: 4rem;
}
.mypage_pagenumber_area {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 18px;
	margin-top: 20px;
}
.mypage_pagenumber_area strong {
	border-bottom: 1px solid #000;
}
.mypage_pagenumber_area a {
	border-bottom: 1px solid #FFF;
}


#mypage_favorite_list {
	margin-top: 20px;
}
#mypage_favorite_list li {
	padding: 10px 0;
}
#mypage_favorite_list .mypage_gray_header {
	display: none;
}
.mypage_favorite_inner_image {
	width: 20%;
}
.mypage_favorite_inner_content {
	width: 80%;
}
.mypage_favorite_inner_list {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #f1f1f1;
}
.mypage_favorite_inner_image div {
	position: relative;
}
.mypage_favorite_inner_image div:before {
	content: '';
	display: block;
	padding-bottom: 120%;
}
.mypage_favorite_inner_image div img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mypage_favorite_inner_content {
	text-align: left;
}
.mypage_favorite_inner_info {
	padding-left:20px;
}
.mypage_favorite_inner_btn {
	width: 100%;
	padding-left:20px;
	margin-top: 10px;
}
.favorite_cart {
	display: flex;
	justify-content: space-between;
	gap: 0 10px;
}
.favorite_cart li {
	padding: 0 !important;
	width: 50%;
}
.favorite_cart li:first-child a {
	display: block;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
	text-align: center;
	padding: 7px 0;
	font-size: 1rem;
}
.favorite_cart li:last-child a {
	display: block;
	background-color: #ccc;
	color: #FFF;
	border-radius: 5px;
	text-align: center;
	padding: 7px 0;
	font-size: 1rem;
}
#mycontentmain_area .bdr_block {
	padding: 20px 15px;
}
.mypage_register_list li {
	margin-bottom: 15px;
}
.mypage_register_list li:last-child {
	margin-bottom: 0;
}
.segment_announce{
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid var(--default_gray);
}
/*------------------------------------------------------------
ENTRY
------------------------------------------------------------*/
#undercolumn_entry .select_row .select_n {
	width: 30%;
}

/*------------------------------------------------------------
ニュース
------------------------------------------------------------*/
.news_detail_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #f1f1f1;
}
.news_detail_title h2 {
	font-size: 1.4rem;
	margin-bottom: 10px;
}
.news_detail_content {
	margin-top: 20px;
}

/*------------------------------------------------------------
ルックブック
------------------------------------------------------------*/
.collection_header{
	position: relative;
	width: 100%;
}
.collection_header .tit_default {
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-weight: 700;
	font-size: 1.4rem;
}
.collection_header::before {
	width: 100%;
	display: block;
	content: '';
	padding-top: 70%;
}
#collection_index_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 0;
}
#collection_index_list ul li {
	width: 100%;
}
#collection_index_list ul .list_name {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #FFF;
}
.collection_index .tit_default {
	padding-left: 10px;
}
/*------------------------------------------------------------
ショップリスト
------------------------------------------------------------*/
.shop_list_list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 0 15px;
}
.shop_list_list dl {
	width: 100%;
	background-color: var(--light_gray);
	padding: 20px;
}
/*------------------------------------------------------------
ルックブック / コーディネート
------------------------------------------------------------*/
#coordinate_items,
#coordinate_items .item_list {
	margin-top: 20px;
}
#coordinate_tit {
	font-size: 1.4rem;
	line-height: 200%;
	text-align: center;
	font-weight: 400;
}
#coordinate_photo {
	position: relative;
}
#coordinate_photo::before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 120%;
}
#coordinate_photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
#coordinate_icon {
	display: flex;
	align-items: center;
	gap: 0 10px;
	padding: 10px;
}
#coordinate_icon li {
	width: 20px;
}
#top_coordinate {
	margin-top: 20px;
}
.coordinate_list li .list_pict:before {
	content: "";
    display: block;
    padding-top: 133.3%;
    background-color: #FFF;
}
#snap_slider .snap-swiper-pagination,
#related_slider .related-swiper-pagination,
#recent_slider .recent-swiper-pagination {
    text-align: center;
	margin-top: 20px;
}
#coordinate_txt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #000;
	color: #FFF;
	font-size: 1.0rem;
}
#coordinate_text1 {
	padding: 5px 0 5px 10px;
	font-weight: 400;
}
#coordinate_txt_inner {
	display: flex;
    justify-content: space-between;
    width: 100%;
}
#coordinate_department{
	background-color: rgb(49, 49, 49);
}
#coordinate_height {
	background-color: #666;
}
#coordinate_height, #coordinate_department{
	height: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
}
#coordinate_tit1 {
	font-size: 1.4rem;
	font-weight: 400;
}
#btn_close_coordinate {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 40px;
	height: 40px;
	border: 3px solid #000;
	background-color: #FFF;
}
#btn_close_coordinate img {
	width: 20px;
	height: 20px;
}
/*------------------------------------------------------------
カート/アマゾンペイ
------------------------------------------------------------*/
.btn_box0622 {
	margin-top: 30px;
	border: 20px solid #f3f3f3;
	padding: 30px;
	text-align: center;
}
.amazon_button {
	margin: 20px auto 0 auto;
	width: 80%;
	height: 60px !important;
}
.result_area {
	padding: 20px 15px;
}
.result_area ul li {
	display: flex;
	gap: 0 5px;
}
.cart_total {
	background-color: #f3f3f3;
	margin: 0 15px;
	padding: 20px 15px;
}
.cart_price_total #payment_total {
	font-size: 2rem;
}


/*------------------------------------------------------------
ローダー
------------------------------------------------------------*/
.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 3em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 0px auto;
  position: relative;
  font-size: 8px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 3em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 4em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 3em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 4em;
  }
}
/*------------------------------------------------------------
コンビニ決済
------------------------------------------------------------*/
#cvs_block .information {
	margin-bottom: 15px;
}
#cvs_block table {
	width: 100%;
}
#cvs_block table td,
#cvs_block table th {
	border-bottom: 1px solid #cecece;
	padding: 20px 0;
}
#cvs_block table th {
	width: 15%;
}
#cvs_block table td img {
	padding-left: 15px;
}
/*------------------------------------------------------------
後払い
------------------------------------------------------------*/
#sms_block .information {
	margin-bottom: 25px;
}
#sms_block table {
	width: 100%;
}
.sms_auth_number input {
	width: calc(25% - 7px) !important;
}
/*------------------------------------------------------------
ajax item list grid
------------------------------------------------------------*/
.ale-item-list-outer p {
	line-height: 180% !important;
	margin-bottom: 3px !important;
}
.ale-item-list-block-grid ul {
	display: flex;
	flex-wrap: wrap;
}
.ale-item-list-bloc-grid-photo-area {
	position: relative;
	margin-bottom: 10px;
}
.ale-item-list-bloc-grid-text-area {
	margin-bottom: 20px;
}
.ale-item-list-bloc-grid-photo-area img {
	width: 100%;
}
.ale-item-list-bloc-grid-photo-area::before{
	content: "";
    display: block;
    padding-top: 120%;
    background-color: #FFF;
}
.ale-item-list-bloc-grid-photo-area a {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ale-item-list-bloc-grid-photo-area a .over_img {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}
.ale-item-list-bloc-grid-list_status {
	display: flex;
	gap: 0 10px;
}

/* 改修用CSS */

#item_detail{
	padding-top: 70px;
}
#images_count {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 80px;
	height: 25px;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px 6px;
}
#images_count p {
	position: relative;
	z-index: 10;
	width: 100%;
}
#images_count::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	background-color: #4d4d4d;
	opacity: 0.7;
	width: 100%;
	height: 100%;
}
#images_count a {
	color: #FFF;
	display: block;
	background: url(../images/ico_list_multi_w.png) left no-repeat;
	width: 100%;
	background-size: 12px 12px;
	padding-left: 20px;
	text-align: center;
}
#outer_thumb_list {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 16000;
	background-color: #fff;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#outer_thumb_list.active_photo_list{
	right: 0;
}
#outer_thumb_list_inner p {
	height: 70px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	font-size: 1.4rem;
}
#outer_thumb_list_inner p a::before{
	content: "＜";
	margin-right: 4px;
    font-size: 12px;
    line-height: 14px;
}
#outer_thumb_list_list {
	height: calc(100vh - 70px);
	overflow-y: scroll;
}
#outer_thumb_list_inner ul {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 80px;
}
#outer_thumb_list_inner ul li {
	width: 16.6%;
}

#outer_item_photo_slider .swiper-pagination {
	position: relative;
	font-size: 1.6rem;
	height: 70px;
	text-align: left;
	line-height: 70px;
	padding-left: 10px;
	margin-top: 0;
	width: 50%;
	bottom: 0;
}

#outer_item_photo_outer {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: -100%;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 17000;
}
#outer_item_photo_outer.aclive_outer_slide {
	right: 0;
}
#outer_item_photo_outer::before {
	background-color: #fff;
	opacity: 0.9;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#outer_item_photo_slider_head {
	position: relative;
}
.btn_outer_close {
	position: absolute;
	top: 25px;
    right: 20px;
	width: 21px;
	height: 21px;
}
.btn_outer_close a {
    display: block;
    width: 100%;
    height: 100%;
}
.btn_outer_close span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
}
.btn_outer_close span:nth-of-type(1) {
	top: 2px;
	-webkit-transform: translateY(8px) rotate(-315deg);
	transform: translateY(8px) rotate(-315deg);
}
.btn_outer_close span:nth-of-type(2) {
	bottom: 2px;
	-webkit-transform: translateY(-8px) rotate(315deg);
	transform: translateY(-8px) rotate(315deg);
}

.item_photo_thumb{
	display: none;
}

/* .item_photo_thumb ul li {
	width: 12.5%;
	font-size: 1rem;
	word-break: break-all;
	line-height: 1.2rem;
} */
/* @media screen and (max-width: 540px) {
	.item_photo_thumb ul li {
		width: 16.6666666667%;
	}
} */
.item_photo_thumb_swiper{
	position: relative;
	overflow-x: hidden;
}
.item_photo_thumb_swiper ul li a {
	position: relative;
}
.item_photo_thumb_swiper ul li a p {
	height: 20px;
	padding: 2px 2px;
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 6px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 100%;
	white-space: normal;
	height: fit-content;
	display: table;
	line-height: 1.5em;
}
@media screen and (max-width: 540px) {
	.item_photo_thumb_swiper ul li a p {
		font-size: 5px;
	}
}
.item_photo_thumb_swiper .swiper-slide-thumb-active:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #aaa;
}
.item_photo_thumb_swiper .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: relative;
	margin-top: 10px;
	width: 100%;
	left: 0;
}
.item_photo_thumb_swiper {
	margin: 0;
}