@charset "utf-8";

:root {
  /* 1MONTH */
  --header-color-m: rgba(33, 33, 33, .9);
  --logo-filter-m: invert(100%) sepia(0%) saturate(0%) hue-rotate(353deg) brightness(108%) contrast(104%);
  --menu-bar-color-m: #f44f9c;
  --close-btn-m: #f44f9c; /* ハンバーガーメニューの閉じるボタン */
  --text-color-m:#FFF;
  --shop-menu-filter-m: invert(100%) sepia(0%) saturate(7500%) hue-rotate(226deg) brightness(103%) contrast(107%);
  --bg-color-m: linear-gradient(0deg,rgba(240, 170, 210, 1) 0%, rgba(251, 127, 192, 1) 50%, rgba(240, 170, 210, 1) 100%);
  --kv-bottom-grad-m: linear-gradient(0deg,rgba(240, 170, 210, 1) 10%, rgba(240, 170, 210, 0) 100%);
  /* LINE UP */
  --lineup-bg-color-m: #362013; /* 背景 */
  --lineup-bullet-m: #E09E16; /* カルーセルのドット */
  --lineup-bullet-active-m: #FFF; /* ドットアクティブ */
  --shop-btn-filter-m: invert(89%) sepia(34%) saturate(6486%) hue-rotate(354deg) brightness(93%) contrast(89%);
  --shop-btn-bg-m: #FFF; /* ボタンの背景色 */
  --shop-btn-shadow-m: #E09E16; /* ボタンのドロップシャドウ */
}

/* マンスリーTOP
---------------------------------------------------------------------------*/
.page-slug-test_monthly260324 header {
  background-color: var(--header-color-m);
}
.page-slug-test_monthly260324 .logo img {
  filter: var(--logo-filter-m);
}
.page-slug-test_monthly260324 .menu_h a:hover,
.page-slug-test_monthly260324 .menu_h li:nth-of-type(2) a {
  border-bottom-color: var(--menu-bar-color-m);
}
.page-slug-test_monthly260324 .menu_h a {
  color: var(--text-color-m);
}
.page-slug-test_monthly260324 .menu_h .online button {
  color: var(--text-color-m);
  border-color: #CCCCCC;
}
.page-slug-test_monthly260324 .menu_h .online button::before {
  filter: var(--shop-menu-filter-m);
}
.page-slug-test_monthly260324 .kv::before {
  background: var(--kv-bottom-grad-m);
}
.page-slug-test_monthly260324 main {
  background: var(--bg-color-m);
}
.page-slug-test_monthly260324 main::before {
  background: var(--kv-bottom-grad-m);
}
.page-slug-test_monthly260324 .lineup {
  background-color: var(--lineup-bg-color-m);
}
.page-slug-test_monthly260324 .lineup_gallery .swiper-pagination-bullet {
  background-color: var(--lineup-bullet-m);
}
.page-slug-test_monthly260324 .lineup_gallery .swiper-pagination-bullet-active {
  background-color: var(--lineup-bullet-active-m);
}
.page-slug-test_monthly260324 .lineup .online button {
  background-color: var(--shop-btn-bg-m);
  box-shadow: 0px 5px 0px var(--shop-btn-shadow-m);
  color: var(--lineup-bullet-m);
}
.page-slug-test_monthly260324 .lineup .online button::before {
  filter: var(--shop-btn-filter-m);
}
.page-slug-test_monthly260324 #menuModal .close {
  background-color: var(--close-btn-m);
}


.new .inner:nth-of-type(1) {
  border: #FFF 15px solid;
}