@charset "utf-8";

:root {
  --bg-color: linear-gradient(0deg,rgba(157, 129, 216, 1) 0%, rgba(174, 184, 240, 1) 100%);
  --text-color: #707070;
  --link-color: #F98B6D;
  --header-color: rgba(255, 255, 255, .9);
  --menu-bar-color: #8f70ce;
  --close-btn: #8f70ce; /* ハンバーガーメニューの閉じるボタン */
  --logo-filter: invert(72%) sepia(79%) saturate(4925%) hue-rotate(223deg) brightness(89%) contrast(79%);
  --logo-f-filter: invert(86%) sepia(1%) saturate(0%) hue-rotate(97deg) brightness(98%) contrast(98%);
  --shop-menu-filter: invert(42%) sepia(2%) saturate(15%) hue-rotate(359deg) brightness(102%) contrast(81%);
  --kv-bottom-grad: linear-gradient(0deg,rgba(174, 184, 240, 1) 10%, rgba(174, 184, 240, 0) 100%);
  /* LINE UP */
  --lineup-bg-color: #97cce2; /* 背景 */
  --lineup-bullet: #1f91c0; /* カルーセルのドット */
  --lineup-bullet-active: #FFF; /* ドットアクティブ */
  --shop-btn-bg: #FFF; /* ボタンの背景色 */
  --shop-btn-font: #1f91c0; /* ボタンの文字色 */
  --shop-btn-filter: invert(43%) sepia(86%) saturate(490%) hue-rotate(152deg) brightness(96%) contrast(84%); /* ボタンのアイコン色 */
  --shop-btn-shadow: #1f91c0; /* ボタンの影 */
}

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


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


@media screen and (max-width: 900px) {
  .new .inner:nth-of-type(1) {
    border-width: 10px;
  }
}