@charset "UTF-8";
/*==================================
  共通
==================================*/

html:has(body[class*="freepage_index3"]) {
	font-size: 62.5%;
}

:root {
	--font_heading: 'M PLUS 1p', sans-serif;
	/* 見出し */
	--font_date: 'Outfit', sans-serif;
	/* 日付 */

	--font_heading--size: 2rem;
	--font_date--size: 1.2rem;
	--font_shop-name--size: 1.2rem;
	--font_item-name--size: 1.4rem;
	--font_item-explain--size: 1.4rem;
	--font_moreview--size: 1.4rem;

	--clr_action:#E64969;  /*#dd3159; #df4a68;*/
	--clr_action-dark-bg: #FFF5F5;
	--clr_action-light-bg: #f9f7f6; /*#fffafa;*/
	--clr_accent: #38BAB5; /*#01B9B2;*/
	--clr_accent-bg: #F0FFF4;

	--clr_dark-red: #EB838A;
	--clr_dark-pink: #F08BAF;
	--clr_dark-yellow: #FFCA7D;
	--clr_dark-green: #72CCAF;
	--clr_dark-blue: #7CCCEF;
	--clr_dark-brown: #866f6f;
	--text-bezel-color: #fff;

	--clr_red: #F3B4B9;
	--clr_pink: #F6B9CF;
	--clr_yellow: #FFDFB1;
	--clr_green: #AAE0CF;
	--clr_blue: #B0E0F5;
	--clr_brown: #87645B; /* もっと見る、日付 など */

	--clr_light-pink: #F2ACC20f;
	--clr_light-yellow: #FFD5AC0f;
	--clr_light-green: #CCEBC00f;
	--clr_light-blue: #B5DCEB0f;
	--clr_light-brown: #a3867166;

	/* 下層ページ・コンテンツ別背景色*/
	--clr_contents-bg_red: #FFF5F5;
	--clr_contents-bg_pink: #fef6f9;
	--clr_contents-bg_yellow: #FFFAF2;
	--clr_contents-bg_green: #F2FCF9;
	--clr_contents-bg_blue: #EDF8FC;
	--clr_contents-bg_brown: #f8f6f4;

	--clr_gray: #f5f5f5;
	--clr_light-gray: #fafafa; /* 共通ページ背景色 */
	--clr_drak-gray:#ebebeb;

	/* --clr_light-gray:#f6f5f4; */
	/* --clr_light-gray:#f7f7f7; */
}

body {
	background-color: var(--clr_light-gray);
}

/* まとめて変更していいか確認 */
.bg-beige {
	background-color: #fff;
}

.pankuzu {
	background: unset;
}

body[class*="freepage freepage_sel"] .cart_button.in {
	background-color: var(--clr_action);
}

body[class*="freepage freepage_recommend_item"] .bg-white {
	background-color: unset;
}

.bottom_buttons .login_button {
	background-color: var(--clr_accent);
}

body[class*="item_detail_page mall_item_detail_page"] .cart_button.in {
	background-color: var(--clr_action);
}

body[class*="item_detail_page mall_item_detail_page"] .pane_body .pane_body_bottom {
	background: unset;
}

body[class*="item_detail_page mall_item_detail_page"] .shop_name,
body[class*="item_detail_page mall_item_detail_page"] .mall_item_toggle_btn,
body[class*="item_detail_page mall_item_detail_page"] .item_detail .shop_item_search a,
.item_detail .item_explain_title,
.social_position_none.parts_social::before {
	color: var(--clr_brown);
}

body[class*="item_detail_page mall_item_detail_page"] .logo_area {
	border-top: 1px solid var(--clr_light-brown);
}

/* まとめて変更していいか確認 */
/*==================================
　ログイン～の下層ページ
==================================*/
/* ログイン */
.login-icon {
	background-image: none;
}

.member_register_li:nth-of-type(2) a {
	color: var(--clr_brown);
}

.label_value {
	color: var(--clr_brown);
}

/* ログイン */
/* マイページ */
.member_title.page_title {
	background-color: #ffffff;
}

.member_title.page_title::after {
	background-image: unset;
}

.grid_head.member_mypage_account.section_ttl::after,
.diagonal-line-title::after {
	background: repeating-linear-gradient(-45deg, var(--clr_accent), var(--clr_accent) 1px, #f6f5f5 2px, #f6f5f5 3px);
}

.more-link {
	border-top: 1px solid var(--clr_brown);
}

.more-link a {
	color: var(--clr_brown);
}

/* マイページ */

/*==================================
　商品一覧ページ
==================================*/

body[class*="item_detail_page mall_item_detail_page"] .app_content.app_content_item_detail.mall_item .item_textinfo_block {
	background-color: var(--clr_action-light-bg);
	box-shadow: unset;
}

body[class*="item_detail_page mall_item_detail_page"] {
	background: #fff;
}

body[class*="item_detail_page mall_item_detail_page"] .app_content_item_detail.mall_shop {
	background: var(--clr_action-light-bg);
}

/*==================================
　カート
==================================*/
body.regi_flow0 .cation b {
	color: var(--clr_action) !important; 
}
body.regi_flow0 .pane_body .pane_body_bottom{
	background: var(--clr_gray);
}
/*==================================
　お気に入り
==================================*/
body[class*="favorite_page"] .lower-page-fv{
	background: #fff;
}
/*==================================
　swiper矢印ボタン
==================================*/
[class*="related_item_catalog"] .swiper-button-prev:after,
[class*="related_item_catalog"] .swiper-rtl .swiper-button-next:after,
[class*="related_item_catalog"] .swiper-button-next:after,
[class*="related_item_catalog"] .swiper-rtl .swiper-button-prev:after {
background: #fff;
width: 70%;
height: 70%;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
color:var(--clr_brown)
}
.swiper-button-prev::before,
.swiper-button-next::before {
	border: none !important;
}
/*==================================
  あるる出店希望の方へ
==================================*/
body[class*="freepage freepage_20211214125354"] .cv-btn {
    background-color: var(--clr_accent);
    border-radius: 100px;
}
body[class*="freepage freepage_20211214125354"] .wia-card-description {
    background-color: var(--clr_gray);
}
/*==================================
  下層ページ（コンテンツ系）
==================================*/
/*---------------------------------
  今日は何の日？
---------------------------------*/
body[class*="wit_list_page"] {
	background: var(--clr_contents-bg_red);
}

body[class*="wit_list_page"]::before {
	content: '';
	position: absolute;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 75%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

body[class*="wit_list_page"] .lower-page-fv {
	border-bottom: 1px dotted var(--clr_red);
	border-top: 1px dotted var(--clr_red);
}

body[class*="wit_list_page"] .title-color-red {
	color: var(--clr_dark-red);
}

body[class*="wit_list_page"] .wit_month,
body[class*="wit_list_page"] .wit_date {
	color: var(--clr_dark-red);
}

body[class*="wit_list_page"] .diagonal-line-title::after {
	background: repeating-linear-gradient(-45deg, var(--clr_dark-red), var(--clr_dark-red) 1px, #f6f5f5 2px, #f6f5f5 3px);
}

.wit_list_page .item-info {
    background-color: var(--clr_action-light-bg);
    box-shadow: 0px 1px 7px rgb(0 0 0 / 11%);
}

.wit_list_page .cart_button.in {
	background-color: var(--clr_action);
}

.wit_list_page .calendar_area {
	background-color: #fff;
}

.wit_list_page .calendar_td.calendar_day.today_date {
	border: 3px solid var(--clr_dark-red) !important;
}

.wit_list_page .calendar_day_of_week_name.calendar_week_0 .calendar_date:after {
	color: var(--clr_dark-red);
}

.wit_list_page .pane_body .pane_body_bottom {
	background: unset;
}

.wit-icon1 {
	display: none;
}

/*---------------------------------
  セレクト商品
---------------------------------*/
/* セレクト共通 */
body[class*="freepage freepage_sel"],
body[class*="freepage freepage_recommend_item"] {
	background: var(--clr_contents-bg_pink);
}

body[class*="freepage freepage_sel"]::before,
body[class*="freepage freepage_recommend_item"]::before {
	content: '';
	position: absolute;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 75%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* 共通 */

/* 一覧ページ */
body[class*="freepage freepage_sel"] .contents-icon shop-list-icon1,
body[class*="freepage freepage_sel"] .contents-icon shop-list-icon2 {
	background-image: none;
}

body[class*="freepage freepage_recommend_item"] .lower-page-fv {
	border-bottom: 1px dotted var(--clr_pink);
	border-top: 1px dotted var(--clr_pink);
}

body[class*="freepage freepage_recommend_item"] .bg-beige {
	background-color: unset;
}

body[class*="freepage freepage_recommend_item"] .title-color-red {
	color: var(--clr_dark-pink);
}

body[class*="freepage freepage_recommend_item"] .wrapper {
	padding-top: 0;
}

/* 一覧ページ */

/* 記事ページ */
body[class*="freepage freepage_sel"] body[class*="freepage freepage_recommend_item"] {
	position: relative;
	background: unset;
}

.select .selectHeader .flexWrap {
	background: unset;
}

.select .selectBody {
	margin: 0 16px 16px;
}

body[class*="freepage freepage_sel"] .select .selectHeader {
	background-color: unset;
}

.select .selectHeaderDetail {
	border-top: 3px dotted var(--clr_dark-pink);
}

body:has(.selectBody) .mokuji {
	background-color: unset;
	border-radius: 10px;
	border: 1px dotted var(--clr_pink);
}

body:has(.selectBody) .mokuji::before {
	background-color: unset;
}

body[class*="freepage freepage_sel"] .mainSection__title--02::before {
	background-color: var(--clr_pink);
}

.select .selectShopInfo {
	background-color: var(--clr_light-gray);
}

.select .selectShopWidget .rel_item_data_block {
	background-color: unset;
}

.select .selectMainSide__title {
	background-color: var(--clr_light-gray);
}

.select .selectSection__title--02 {
	background-color: #fff;
	margin-bottom: 0.8rem;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.mainSection__title--03 {
	border-bottom: 3px dotted var(--clr_light-gray);
}

.select .selectShopInfo {
	box-shadow: none;
}

@media screen and (min-width: 768px) {
	.select .pankuzu {
		background: unset;
	}

	.select .selectBody {
		margin: 0 auto 64px auto;
	}

	.select .selectShopWidget {
		background-color: var(--clr_action-light-bg);
	}

	.select .selectShopWidget-PC {
		background: var(--clr_light-gray);
	}
}

/* 記事ページ */
/*---------------------------------
  おすすめシーズンアイテム
---------------------------------*/
/* 共通 */
body[class*="freepage freepage_seasons"] {
	background: var(--clr_contents-bg_green);
}

body[class*="freepage freepage_seasons"]::before {
	content: '';
	position: absolute;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 75%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

.seasonsPageList-wrap, .seasonsList__item, .seasonsTheme {
	background-color: #ffffff78 !important;
}

/* 共通 */
/* 時期別一覧 */
body[class*="freepage freepage_seasons"] .seasonsHeading-wrap {
	border-bottom: 1px dotted var(--clr_green);
	border-top: 1px dotted var(--clr_green);
}

body[class*="freepage freepage_seasons"] .seasonsHeader {
	background: #fff;
}

.seasonsPageList .seasonsPageList__item .rel_item_data_block {
	background-color: #fff !important;
}

.seasonsPageList-wrap__title {
	border-bottom: 1px solid var(--clr_brown) !important;
	color: var(--clr_brown) !important;
}

/* 時期別一覧 */

/* 記事ページ */
.seasonsList .seasonsList__item {
	background-color: unset;
}

.seasonsList__item .parts-ctaBtn {
	box-shadow: none;
	background-color: #fff;
}

.seasonsList .seasonsList__item::before {
	color: var(--clr_brown) !important;
}

.seasonsTheme .seasonsTheme__item .rel_item_data_block {
	background-color: #fff;
}

body[class*="freepage freepage_seasons_"] .cart_button.in {
	background-color: var(--clr_action);
}

.seasonsTheme .seasonsTheme__item .rel_item_data_block {
	background-color: #fff !important;
}

/* 記事ページ */
/*---------------------------------
  試用レポ
---------------------------------*/
/* 共通 */
body[class*="freepage freepage_item-report"] .bg-beige,
body[class*="freepage freepage_item-report"] .bg-white {
	background: unset;
}

body[class*="freepage freepage_item-report"],
body[class*="freepage freepage_repo_"] {
	background: var(--clr_contents-bg_blue);
}

body[class*="freepage freepage_item-report"]::before,
body[class*="freepage freepage_repo_"]::before {
	content: '';
	position: absolute;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 75%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* 共通 */
/* 記事一覧 */
body[class*="freepage freepage_sel"] .contents-icon shop-list-icon1,
body[class*="freepage freepage_sel"] .contents-icon shop-list-icon2 {
	background-image: none;
}

body[class*="freepage freepage_item-report"] .lower-page-fv {
	border-bottom: 1px dotted var(--clr_blue);
	border-top: 1px dotted var(--clr_blue);
}

body[class*="freepage freepage_item-report"] .title-color-red {
	color: var(--clr_dark-blue);
}

/* 記事一覧 */
/* 記事ページ */
body[class*="freepage freepage_repo_"] .mokuji {
	background-color: unset;
	border: 1px dotted var(--clr_dark-blue);
	border-radius: 10px;
}

body[class*="freepage freepage_repo_"] .mokuji::before {
	background-color: unset;
}

.select .selectHeader {
	background: unset;
}

.reportHeaderBlock {
	background-color: unset !important;
}

.select .selectHeader .reportHeaderDetail {
	border-top: 3px dotted var(--clr_dark-blue) !important;
}

.balloon .balloon__text {
	background-color: var(--clr_light-gray) !important;
}

body[class*="freepage freepage_repo_"] .cart_button.in {
	background-color: var(--clr_action);
}

/* 記事ページ */
/*---------------------------------
  ショップインタビュー
---------------------------------*/
/* 確認 */
.cta-shop-img .item_image_block::before {
	height: 30%;
}
/* 確認 */

/* 共通 */
body[class*="freepage freepage_interview_archive"] .bg-beige,
body[class*="freepage freepage_interview_archive"] .bg-white,
body:has(.title-icon-shop-shop-interview) .bg-beige,
body:has(.title-icon-shop-shop-interview) .bg-white {
	background: unset;
}

body[class*="freepage freepage_interview_archive"],
body:has(.title-icon-shop-shop-interview) {
	background: var(--clr_contents-bg_pink);
}

body[class*="freepage freepage_interview_archive"]::before,
body:has(.title-icon-shop-shop-interview)::before {
	content: '';
	position: absolute;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 75%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

body[class*="freepage freepage_interview_archive"] .lower-page-fv,
body:has(.title-icon-shop-shop-interview) .lower-page-fv {
	border-bottom: 1px dotted var(--clr_pink);
	border-top: 1px dotted var(--clr_pink);
}

body[class*="freepage freepage_interview_archive"] .wit-icon1,
body[class*="freepage freepage_interview_archive"] .wit-icon2,
body:has(.title-icon-shop-shop-interview) .wit-icon1,
body:has(.title-icon-shop-shop-interview) .wit-icon2 {
	background: unset;
}

body[class*="freepage freepage_interview_archive"] .title-color-red,
body:has(.title-icon-shop-shop-interview) .title-color-red {
	color: var(--clr_dark-pink);
}
/* 共通 */

/* 一覧ページ */
body[class*="freepage freepage_interview_archive"] .article-list-img {
	display: none;
}
/* 一覧ページ */

/* 記事ページ */
body:has(.title-icon-shop-shop-interview) .article-header {
	background: unset;
}
body:has(.title-icon-shop-shop-interview) .owner-head,
body:has(.title-icon-shop-shop-interview) .shop-head {
	background-color: var(--clr_pink);
}
body:has(.title-icon-shop-shop-interview) .owner-profile-wrapper,
body:has(.title-icon-shop-shop-interview) .cta-shop-wrapper{
	border: 1px solid var(--clr_pink);
	background-color: #fff;
}
body:has(.title-icon-shop-shop-interview) .more-shop-btn {
  border: 2px solid var(--clr_action);
  color: var(--clr_action);
}

body:has(.title-icon-shop-shop-interview) .more-shop-btn:hover {
  background-color: var(--clr_action);
  color: #ffffff;
}
body:has(.title-icon-shop-shop-interview) .other-articlettl {
	background-color: #fff;
}
body:has(.title-icon-shop-shop-interview) .page-contents {
	background: #ffffff80;
	border: 1px dotted var(--clr_pink);
	border-radius: 20px;
}
/* 記事ページ */

/*---------------------------------
    プレゼントキャンペーン
---------------------------------*/
/* 共通 */
body[class*="freepage freepage_present_campaign"] .bg-beige,
body[class*="freepage freepage_present_campaign"] .bg-white,
body[class*="freepage freepage_campaign"] .bg-beige,
body[class*="freepage freepage_campaign"] .bg-white {
	background: unset;
}

body[class*="freepage freepage_present_campaign"],
body[class*="freepage freepage_campaign"] {
	background: var(--clr_contents-bg_yellow);
}

body[class*="freepage freepage_present_campaign"]::before,
body[class*="freepage freepage_campaign"]::before {
	content: '';
	position: absolute;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 75%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

body[class*="freepage freepage_present_campaign"] .lower-page-fv,
body[class*="freepage freepage_campaign"] .lower-page-fv {
	border-bottom: 1px dotted var(--clr_yellow);
	border-top: 1px dotted var(--clr_yellow);
}

body[class*="freepage freepage_present_campaign"] .title-color-red,
body[class*="freepage freepage_campaign"] .title-color-red {
	color: var(--clr_dark-yellow);
}
body[class*="freepage freepage_present_campaign"] .review-icon1,
body[class*="freepage freepage_present_campaign"] .review-icon2,
body[class*="freepage freepage_campaign"] .review-icon1,
body[class*="freepage freepage_campaign"] .review-icon2 {
	background: unset;
}

/* 共通 */
/*---------------------------------
    スタッフコラム
---------------------------------*/
/* 共通 */
body[class*="freepage freepage_staff_column"] .bg-beige,
body[class*="freepage freepage_staff_column"] .bg-white,
body[class*="freepage freepage_blog_"] .bg-beige,
body[class*="freepage freepage_blog_"] .bg-white {
	background: unset;
}

body[class*="freepage freepage_staff_column"],
body[class*="freepage freepage_blog_"] {
	background: var(--clr_contents-bg_green);
}

body[class*="freepage freepage_staff_column"]::before,
body[class*="freepage freepage_blog_"]::before {
	content: '';
	position: absolute;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 75%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

body[class*="freepage freepage_staff_column"] .lower-page-fv,
body[class*="freepage freepage_blog_"] .lower-page-fv {
	border-bottom: 1px dotted var(--clr_green);
	border-top: 1px dotted var(--clr_green);
}

body[class*="freepage freepage_staff_column"] .title-color-red,
body[class*="freepage freepage_blog_"] .title-color-red {
	color: var(--clr_dark-green);
}

/* 共通 */
/* 一覧ページ */
body[class*="freepage freepage_staff_column"] .article-list-img {
	display: none;
}

/* 一覧ページ */
/* 記事ページ */
body[class*="freepage freepage_blog_"] div.column {
	background-color: #ffffff;
	/* margin: 0 16px; */
}

body[class*="freepage freepage_blog_"] .other-articlettl {
	background-color: #fff;
}

body[class*="freepage freepage_blog_"] .wit-icon2 {
	display: none;
}

/* 記事ページ */


/*---------------------------------
    お知らせ
---------------------------------*/
/* 共通 */
body[class*="freepage freepage_news"] .bg-beige,
body[class*="freepage freepage_news"] .bg-white,
body:has(h2.news-list) .bg-beige,
body:has(h2.news-list) .bg-white {
	background: unset;
}

body[class*="freepage freepage_news"] .news-wrapper .news-bg-wrapper {
	background: #fff;
}

body[class*="freepage freepage_news"],
body:has(h2.news-list) {
	background: var(--clr_contents-bg_brown);
}

body[class*="freepage freepage_news"]::before,
body:has(h2.news-list)::before {
	content: '';
	position: absolute;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 75%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

body[class*="freepage freepage_news"] .lower-page-fv,
body:has(h2.news-list) .lower-page-fv {
	border-bottom: 1px dotted var(--clr_light-brown);
	border-top: 1px dotted var(--clr_light-brown);
}

body[class*="freepage freepage_news"] .news-list-icon1,
body[class*="freepage freepage_news"] .news-list-icon2,
body:has(h2.news-list) .news-list-icon1,
body:has(h2.news-list) .news-list-icon2 {
	background: unset;
}

body[class*="freepage freepage_news"] .title-color-red,
body:has(h2.news-list) .title-color-red {
	color: var(--clr_dark-brown);
}

/* 共通 */
/* 一覧ページ */

/* 一覧ページ */
/* 記事ページ */

/* 記事ページ */
