@charset "UTF-8";
/*------------------------------------------------------------
登録フォーム
------------------------------------------------------------*/
.form_list{
	max-width: 800px;
	font-size:clamp(12px, 1vw, 14px);
}
.form_list dt {
    margin-top: 30px;
}
.form_list dd {
    margin-top: 10px;
    padding-left: 0px;
}
.form_list label {
	display: block;
	margin-bottom: 17px;
}
.form_list label:last-child {
	margin-bottom: 0;
}
input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #f1f2ec inset !important;
}
.form_list_mypage .input_birth li::after {
    content: "/";
    margin-left: 10px;
    position: absolute;
    right: 0px;
    bottom: 11px;
    /* height: 1.5rem; */
    transform: scale(0.7, 3);
    rotate: 12deg;
}
.form_address_input div {
	margin-bottom: 20px;
}
.form_address_input div:last-child {
	margin-bottom: 0;
}
#execute_btn ul {
	display: flex;
	justify-content: center;
}

.form_list_mypage .attention {
	font-size: 1rem;
	line-height: 200%;
}
.LC_Page_AbstractMypage .alle_btn,
#windowcolumn .alle_btn {
    margin-top: 20px;
}
#now_execute {
    margin-top: 50px;
	font-size:clamp(12px, 1vw, 14px);
}

/*------------------------------------------------------------
MY PAGE
------------------------------------------------------------*/

#mypagecolumn {
	max-width: 1440px;
	margin: 0 auto;
}
#mypagecolumn .ttl_ec_c {
    font-size:clamp(13px, 1.56vw, 16px);
    width: 100vw;
    margin: 0 calc(50% - 50vw) !important;
}
#mycontents_area {
	width: 100%;
}
#mycontentmain_area {
    font-size:clamp(12px, 1vw, 14px);
	padding: 20px 15px 50px 15px;
}
#mynavi_area {
    font-size:clamp(12px, 1vw, 14px);
    border-top: 1px solid #000;
}
.mynavi_list li {
    font-size:clamp(10px, 0.8vw, 13px);
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #000;
}
.mynavi_list li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.mypagecolumn_fontL {
    font-size:clamp(14px, 1.56vw, 16px);
}
.mypagecolumn_fontM {
    font-size:clamp(12px, 1vw, 14px);
}
.mypagecolumn_fontS {
    font-size:clamp(11px, 0.8vw, 13px);
}
.mycontent_btn_area {
	margin-top: 25px;
}
.mycontent_btn_area ul {
	display: flex;
	justify-content: center;
}
.mycontent_btn_def_L {
    width: 80%;
    height: 45px;
}
.mycontent_btn_tr {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
}
#mycontentmain_area .tit_gray_bar {
	width: calc(100% + 30px);
	margin-left: -15px;
}
.mypage_pagenumber_area {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}
.mypage_pagenumber_area strong {
	border-bottom: 1px solid #000;
}
.mypage_pagenumber_area a {
	border-bottom: none;
}
#mycontentmain_area .bdr_block {
	padding: 10px;
}
#mycontent_center {
	margin: 40px 0 10px 0;
}
/*MY PAGE TOP-----------------------------------------------*/
#mycontent_mytop {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 30px;
}

#mytop_inner h3 {
    font-size:clamp(13px, 1.56vw, 16px);
    font-weight: 500;
    text-align: center;
    padding: 20px 0;
    /* border: 1px solid #999898; */
		border: 1px solid #000;
}
#mytop_inner h3 span {
    display: block;
}
#mytop_point {
    padding: 20px 15%;
    /* border-left: 1px solid #999898;
    border-right: 1px solid #999898;
    border-bottom: 1px solid #999898; */
		border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#mytop_inner dl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}
#mytop_inner dl:last-child {
    margin-bottom: 0px;
}
#mytop_inner dl dd {
    font-size:clamp(16px, 1.8vw, 20px);
    font-weight: 500;
}
.cr_member_name {
	text-align: center;
	color: #FFF;
	margin-bottom: 25px;
}
#cr_bottom_link {
	text-align: center;
	margin-top: 30px;
	font-size: 10px;
}
#cr_bottom_link a {
	text-decoration: underline;
}
#mycontent_cr {
	padding-top: 20px;
}
#cr_member_qr p {
	width: 35%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
}
#cr_data_block {
	border-radius: 30px;
	padding:25px 20vw;
	font-size: 1.1rem;
	margin-top: 30px;
}
#cr_data_block ul li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	color: #FFF;
}
#cr_data_block ul li:last-child {
	margin-bottom: 0;
}
#cr_data_block ul li p {
	line-height: 130%;
}
.cr_data_tit span {
	display: block;
	font-size: 0.8rem;
}
#cr_date_bottom_block {
	text-align: center;
	margin-top: 30px;
}
.ico_member{
	display: inline-block;
	color: #FFF;
	font-size: 1rem;
	padding: 0 5px;
	line-height: 140%;
}
.rank_bg4 {
	background-color: #20577f;
}
.rank_bg5 {
	background-color: #2c75b3;
}
.rank_bg6 {
	background-color: #398ccb;
}
.rank_bg7 {
	background-color: #4fa4da;
}
.rank_bg8 {
	background-color: #79c0e8;
}
#cr_date_bottom_block p {
    display: flex;
    align-items: center;
	justify-content: center;
	gap: 0 5px;
}
#history_shop_select {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	gap: 0 20px;
	margin-top: 30px;
}
#history_shop_select li {
	width: 45%;
	height: 40px;
}
#history_shop_select li a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
}
.shop_select_active {
	border: 1px solid #000;
	background-color: transparent !important;
	color: #000 !important;
}
.cp_noresult {
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*MY PAGE ポイント履歴-----------------------------------------------*/
#point_history_head_block {
	width: calc(100% + 30px);
    margin-left: -15px;
	padding: 20px;
	margin-bottom: 30px;
}
#point_history_head_block ul li {
	display: flex;
	align-items: center;
	color: #FFF;
	margin-bottom: 10px;
}
#point_history_head_block ul li:last-child {
	margin-bottom: 0;
}
.point_history_head_block_point {
	font-size: 1.5rem;
}
#point_history_text {
	margin-bottom: 30px;
}
#point_history_list {
	border-top: 1px solid #000;
}
.tit_point_history {
	font-size: 1.5rem;
	margin-bottom: 20px;
}
#point_history_list {
	width: calc(100% + 30px);
	margin-left: -15px;
}
#point_history_list ul li {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	border-bottom: 1px solid #000;
	flex-wrap: wrap;
}
.point_history_txt {
	width: 75%;
	padding: 15px 0 15px 15px;
}
.point_history_num {
	width: calc(25% - 1px);
	border-left: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: end;
	padding: 15px 15px 15px 0;
}
.point_history_shop_name {
	margin-bottom: 7px;
}
/*MY PAGE 購入履歴-----------------------------------------------*/
#mycontent_historylist {
    width: 100%;
}
.mycontent_history_top {
    background-color: #999898;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 10px;
    padding: 10px 30px;
    color: #FFF;
    line-height: 180%;
}
.mycontent_historylist_list {
	margin-bottom: 40px;
}
.mycontent_history_list {
    margin: 20px 0;
}
.mycontent_history_list ul {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.mycontent_history_list ul li:first-child {
    width: 28%;
    margin-right: 20px;
}
.mycontent_history_list_cp ul li:first-child {
    width: 100%;
    margin-right: 20px;
}
.mycontent_history_list ul li:last-child {
    line-height: 150%;
}
.mycontent_history_list ul li:last-child p:first-child {
    margin-bottom: 10px;
}
#mypage_order_discription {
	padding: 20px 0 30px 0;
	line-height: 200%;
}
#mycontents_history_items {
	padding: 15px 0px;
}
#mycontents_history_items .cart_item_flex {
    padding: 0px 0 15px 0;
}
#mycontents_history_items .cart_item_flex_inner {
	line-height: 160%;
}
#mycontentmain_area .confirm_default_inner {
	border: none;
	padding: 20px 0px 0px 0px;
	line-height: 180%;
}
#mycontentmain_area .cart_item_price {
	display: none;
}
#mycontentmain_area .cart_item_name,
#mycontentmain_area .cart_item_quantity {
    margin-bottom: 5px;
}
#mycontentmain_area .cart_item_subtotal{
    text-align: left;
}
#mycontentmain_area .cart_sum_flex {
	border-bottom: 1px solid #000;
}
#mypage_order_list {
	width: 100%;
	margin-top: 20px;
}
#mypage_order_list ul {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #f1f1f1;
}
.mypage_gray_header {
	background-color: #f1f1f1;
}
#mypage_order_list li {
	width: 16.6%;
	text-align: center;
	padding: 10px 0;
}
#mypage_order_list li:nth-child(2),
#mypage_order_list li:last-child{
	width: 10%;
}
#mypage_order_list li:nth-child(3){
	width: 29.8%;
}

.mycontents_deliv_inner {
    border: none;
    padding: 20px 0px 40px 0px;
    line-height: 180%;
}
#deliv_select_flex li {
	display: flex;
	gap: 20px;
	width: 100%;
	align-items: center;
}
#deliv_select_flex li:last-child {
	margin-top: 20px;
	margin-bottom: 30px;
}
.deliv_select_date p {
	width: 30%;
}

/*MY PAGE アカウント登録-----------------------------------------------*/
#mycontentmain_area .form_list_mypage {
	font-size: clamp(12px, 1vw, 13px);
}

/*MY PAGE 配送情報登録------------------------------------------------*/
.mycontents_deliv_list {
	border-bottom: 1px solid #000;
}
.delivempty {
	text-align: center;
	margin: 70px auto 30px auto;
}

/*MY PAGE お気に入り------------------------------------------------*/
#mypage_favorite_list {
	margin-top: 20px;
}
#mypage_favorite_list .mypage_gray_header li {
	text-align: center;
}
#mypage_favorite_list .mypage_gray_header li:first-child {
	width: 20%;
}
#mypage_favorite_list .mypage_gray_header li:last-child {
	width: 80%;
}
.mypage_favorite_inner_image {
	width: 40%;
}
.mypage_favorite_inner_content {
	width: calc(60% - 20px);
	text-align: left;
}
.mypage_favorite_inner_list {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #f1f1f1;
	justify-content: space-between;
	margin-bottom: 30px;
}
.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_info {
	line-height: 200%;
}
.mypage_favorite_inner_info .mypagecolumn_fontL {
    margin-bottom: 5px;
}
.mypage_favorite_inner_info .mypagecolumn_fontS {
	line-height: 170%;
}
.mypage_favorite_inner_btn {
	margin-top: 15px;
	width: 100%;
}
.favorite_cart li {
	padding: 0 !important;
}
.favorite_cart li:first-child {
	margin-bottom: 10px;
}
.favorite_cart li:first-child a {
	display: block;
	border: 1px solid #000;
	color: #000;
	text-align: center;
	padding: 7px 0;
	font-size: 1rem;
}
.favorite_cart li:last-child a {
	display: block;
	background-color: #999898;
	color: #FFF;
	text-align: center;
	padding: 7px 0;
	font-size: 1rem;
}
#mycontents_area .my_favorite_list_area {
    margin: 0 5px;
    padding-top: 10px;
    padding-bottom: 150px;
    width: calc(100% - 10px);
}

/*MY PAGE カード登録------------------------------------------------*/
.mypage_register_list {
	margin-bottom: 20px;
}
.mypage_register_list li {
	margin-bottom: 15px;
}
.mypage_register_list li:last-child {
	margin-bottom: 0;
}

/*MY PAGE 退会処理--------------------------------------------------*/
#refusal_area {
	text-align: center;
	line-height: 250%;
	margin: 40px 0 30px 0;
}
.segment_announce{
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid var(--default_gray);
}

/*カート画面------------------------------------------------*/
#undercolumn_cart .tit_bdr {
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
#undercolumn_cart .cart_block {
	margin-top: 80px;
}
#undercolumn_cart .cart_block:first-of-type {
	margin-top: 0px;
}

/*ルックブック詳細--------------------------------------------------*/
.snap_item_list {
	width: 98%;
	margin: 0 1%;
}
.snap_item_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 5px;
}
.snap_item_list ul li {
	width: calc((100% - 5px) / 2);
}
.snap_item_pict {
	position: relative;
}
.snap_item_pict:before {
	content: "";
	display: block;
	padding-top: 125%;
	background-color: #FFF;
}
.snap_item_pict_inner,
.snap_item_pict_inner .over_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.snap_list_info {
	font-size: 1rem;
	margin-top: 5px;
	padding: 0 5px;
	line-height: 180%;
}
#snap_items {
	margin-top: 1%;
	padding-bottom: 30px;
}

/*商品詳細*/
#cart_btn_block #cart_favorite p a.fav_on {
    text-indent: -9999px;
    background-image: url(../images/icon_favorite_on.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/*規約ボックス*/
.agree_box {
	font-size: clamp(12px, 1vw, 13px);
	text-align: center;
	margin-top: 40px;
}
.agree_box a {
	text-decoration: underline;
}
#agree_error {
	margin-top: 10px;
	display: none;
	font-size: 1rem;
}
.kiyaku_popup_text {
	border: 1px solid #000;
	font-size: 1rem;
	height: 50vh;
}

/*カート*/
.add_cart_comment {
	font-size: 0.9rem;
	margin-top: 40px;
}
.add_cart_comment p:last-child {
	margin-top: 5px;
}

.cart_text_inc_tax:before {
	display: inline;
	content: ' tax in';
	margin-left: 10px;
	font-size: 1.0rem;
}
.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: 28%;
}
.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%;
	color: #000;
	border: 1px solid #000;
	text-align: center;
	line-height: 40px;
}
#confirm_message {
	background-color: #fff;
	padding: 5vw;
	margin-bottom: 30px;
}
#confirm_message .alle_btn {
	margin: 20px auto 0 auto;
}
.item_img .txt {
	left: 10px;
	bottom: -25px;
}

/*wazzup*/
.w-cart,.w-cart-page,.w-purchase {
	display:none;
}
.request_btn_outer {
	height:100%;
	padding: 20px;
}
.request_btn p {
	margin-bottom: 15px;
}

.request_btn a.btn_gray {
    display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    color: #FFF;
    height: 48px;
    background-color: #686868;
    line-height: 48px;
    text-align: center;
	border-radius: 0 !important;
	font-weight: 400 !important;
}

.request_btn_outer {
	height: 100%;
	padding: 20px;
}

#blog_post_block img {
	height: auto !important;
}

/****wazzupボタン*********************/
/* ボタンのスタイルを変更 */
button.w_shop_rearrival_button {
	width: 100% !important; /* 幅を250pxに設定 */
	height: 45px !important; /* 高さを48pxに設定 */
	border-radius: 0; /* 角丸なし */
	background-color: #686868 !important; /* 背景色を#686868に設定 */
	font-size: 0 !important; /* 元のテキストを非表示 */
	position: relative; /* 擬似要素の配置に必要 */
	padding: 0; /* 余白をリセット */
	display: inline-block; /* 必要に応じて調整 */
}

/* 擬似要素で内容を置き換える */
button.w_shop_rearrival_button::before {
	content: ""; /* アイコン画像用 */
	background: url('/user_data/packages/anuke/images/ico_line_btn.png') no-repeat center;
	background-size: contain;
	display: inline-block;
	width: 24px; /* アイコンの幅 */
	height: 24px; /* アイコンの高さ */
	margin-right: 8px; /* テキストとの間隔 */
	vertical-align: middle;
}

/* 擬似要素でテキストを追加 */
button.w_shop_rearrival_button::after {
	content: "LINEで通知する"; /* テキストを追加 */
	color: #ffffff; /* テキスト色を白に設定 */
	font-size: 1.2rem; /* テキストのフォントサイズ */
	vertical-align: middle;
	display: inline-block;
	line-height: 45px; /* ボタンの高さと揃える */
}
.comp_fav_outer {
	padding: 20px 6%;
}
.add_fav_line {
	text-align: center;
	margin: 0 auto;
}
.tit_comp_fav {
	font-size: 1.4rem;
	text-align: center;
}
.add_fav_line p {
	font-size: 1.1rem;
	margin-bottom: 20px;
}
/* ボタンのスタイルを変更 */
button.w_product_topic_button {
	width: 100% !important; /* 幅を250pxに設定 */
	height: 45px !important; /* 高さを48pxに設定 */
	border-radius: 0; /* 角丸なし */
	background-color: #686868 !important; /* 背景色を#686868に設定 */
	font-size: 0 !important; /* 元のテキストを非表示 */
	position: relative; /* 擬似要素の配置に必要 */
	padding: 0; /* 余白をリセット */
	display: inline-block; /* 必要に応じて調整 */
}

/* 擬似要素で内容を置き換える */
button.w_product_topic_button::before {
	content: ""; /* アイコン画像用 */
	background: url('/user_data/packages/anuke/images/ico_line_btn.png') no-repeat center;
	background-size: contain;
	display: inline-block;
	width: 24px; /* アイコンの幅 */
	height: 24px; /* アイコンの高さ */
	margin-right: 8px; /* テキストとの間隔 */
	vertical-align: middle;
}

/* 擬似要素でテキストを追加 */
button.w_product_topic_button::after {
	content: "LINEで通知する"; /* テキストを追加 */
	color: #ffffff; /* テキスト色を白に設定 */
	font-size: 1.2rem; /* テキストのフォントサイズ */
	vertical-align: middle;
	display: inline-block;
	line-height: 45px; /* ボタンの高さと揃える */
}
.index_ranking_area {
	border-top: none !important;
	width: 100%;
	overflow: hidden;
}
#detail_footer {
	border-top: solid 1px #231815;
	margin-top: 60px;
}
.detail_snap_more {
	text-align: right;
	margin-right:10px;
	font-size: 2.4vw;
	margin-top: 5px;
}

/*------------------------------------------------------------
ニュース投稿
------------------------------------------------------------*/
.news_detail {
	padding-top: 20px;
}
.news_detail_title {
	margin-bottom: 20px;
}
.news_detail_title h1 {
	margin-top: 10px;
	font-weight: 400;
	font-size: 1.3rem;
}
.news_detail_content {
	line-height: 220%;
	margin-bottom: 50px;
}
.news_detail_content h1 {
	font-size: var(--fontXXXL);
}
.news_detail_content h2 {
	font-size: var(--fontXXL);
}
.news_detail_content h3 {
	font-size: var(--fontXL);
}
.news_detail_content h4 {
	font-size: var(--fontL);
}
.news_detail_content h1,
.news_detail_content h2,
.news_detail_content h3,
.news_detail_content h4,
.news_detail_content p {
	margin-bottom: var(--blog-default-style-spacing);
}
.news_detail_content .image-style-block-align-left,
.news_detail_content .image-style-block-align-right {
	max-width: calc(100% - var(--blog-image-style-spacing))
}

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

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

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

.news_detail_content .image-style-align-center {
	margin-left: auto;
	margin-right: auto
}
.news_detail_content .image-style-align-center img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.news_detail_content .image-style-align-right {
	float: right;
	margin-left: var(--blog-image-style-spacing)
}

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

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

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

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

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

.news_detail_content .image-inline.image-style-align-right {
	margin-left: var(--blog-inline-image-style-spacing)
}
.news_detail_content .image figcaption {
	text-align: center;
	background-color: var(--light_gray);
	padding: 5px;
}
.news_detail_content figure.image {
	margin-bottom: var(--blog-image-style-spacing);
}
.news_detail_content p:has(iframe),
.news_detail_content div:has(iframe){
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.news_detail_content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }


.news_list_title h1 {
	margin-top: 10px;
	font-weight: 400;
	font-size: 1.4rem;
	margin-bottom: 20px;
}
.news_dl_list dt {
	width: 100%;
	margin-bottom: 5px;
	font-weight: 400;
}
.news_dl_list dd {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgb(201, 201, 201);
}