@charset "UTF-8";

/* 共通公開テンプレート：担当ファイルの元宣言を直接編集する。
 * 配色・背景は店舗 presentation/theme.css。後書き・別overrideは禁止。 */

:where(body[data-page="notice"]) #item_photos2:where(.ui-main *) {
  width: 100%;
}

:where(body[data-page="notice"]) .eventbg:where(.ui-main *) {
  background-color: var(--sp-notice-eventbg-background-1-color);
  background-image: var(--sp-notice-eventbg-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
}

:where(body[data-page="notice"]) #event_box:where(.ui-main *) {
  width: calc(380 * var(--sp-unit));
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: calc(5 * var(--sp-unit));
  padding-top: calc(15 * var(--sp-unit));
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

:where(body[data-page="notice"]) #under_br2:where(.ui-main *) {
  width: calc(380 * var(--sp-unit));
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: calc(12 * var(--sp-unit));
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  box-shadow: calc(1 * var(--sp-unit)) calc(1 * var(--sp-unit)) calc(2 * var(--sp-unit)) calc(1 * var(--sp-unit)) var(--sp-notice-under_br2-box-shadow-1);
}

:where(body[data-page="notice"]) .event_un_box:where(.ui-main *) {
  width: calc(378 * var(--sp-unit));
  border-top-width: calc(1 * var(--sp-unit));
  border-right-width: calc(1 * var(--sp-unit));
  border-bottom-width: calc(1 * var(--sp-unit));
  border-left-width: calc(1 * var(--sp-unit));
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--sp-notice-event_un_box-border-1);
  border-right-color: var(--sp-notice-event_un_box-border-1);
  border-bottom-color: var(--sp-notice-event_un_box-border-1);
  border-left-color: var(--sp-notice-event_un_box-border-1);
  margin-top: calc(10 * var(--sp-unit));
  margin-right: 0;
  margin-bottom: 0;
  margin-left: calc(12 * var(--sp-unit));
}

:where(body[data-page="notice"]) .box_bg:where(.ui-main *) {
  height: calc(20 * var(--sp-unit));
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

:where(body[data-page="notice"]) .box_bg span:where(.ui-main *) {
  font-size: calc(13 * var(--sp-unit));
  font-weight: bold;
  position: relative;
  top: calc(10 * var(--sp-unit));
}

:where(body[data-page="notice"]) .box_bg > span:where(.ui-main *) {
  padding-left: calc(10 * var(--sp-unit));
  color: #fff;
}

:where(body[data-page="notice"]) .bunn:where(.ui-main *) {
  font-size: calc(12 * var(--sp-unit));
  color: var(--sp-notice-bunn-color-1);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: calc(10 * var(--sp-unit));
  padding-right: calc(10 * var(--sp-unit));
  padding-bottom: calc(10 * var(--sp-unit));
  padding-left: calc(10 * var(--sp-unit));
  line-height: calc(18 * var(--sp-unit));
  background-color: var(--sp-notice-bunn-background-1-color);
  background-image: var(--sp-notice-bunn-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
}

:where(body[data-page="notice"]) .line_q:where(.ui-main *) {
  width: calc(363 * var(--sp-unit));
  height: calc(5 * var(--sp-unit));
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: calc(5 * var(--sp-unit));
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-left-width: calc(1 * var(--sp-unit));
  border-left-style: solid;
  border-left-color: var(--sp-notice-line_q-border-left-1);
  border-right-width: calc(1 * var(--sp-unit));
  border-right-style: solid;
  border-right-color: var(--sp-notice-line_q-border-right-1);
  border-top-width: calc(1 * var(--sp-unit));
  border-top-style: solid;
  border-top-color: var(--sp-notice-line_q-border-top-1);
  background-color: var(--sp-notice-line_q-background-1-color);
  background-image: var(--sp-notice-line_q-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
}

:where(body[data-page="notice"]) .line_c:where(.ui-main *) {
  background-color: var(--sp-notice-line_c-background-1-color);
  background-image: var(--sp-notice-line_c-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
  height: calc(20 * var(--sp-unit));
  width: calc(363 * var(--sp-unit));
  margin-top: 0;
  margin-right: 0;
  margin-bottom: calc(20 * var(--sp-unit));
  margin-left: calc(5 * var(--sp-unit));
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-left-width: calc(1 * var(--sp-unit));
  border-left-style: solid;
  border-left-color: var(--sp-notice-line_c-border-left-1);
  border-right-width: calc(1 * var(--sp-unit));
  border-right-style: solid;
  border-right-color: var(--sp-notice-line_c-border-right-1);
  border-bottom-width: calc(1 * var(--sp-unit));
  border-bottom-style: solid;
  border-bottom-color: var(--sp-notice-line_c-border-bottom-1);
  position: relative;
  top: calc(-17 * var(--sp-unit));
}

body:where([data-page="notice"]).natural-theme.natural-sp .title:where(.ui-main *),
body:where([data-page="notice"]).natural-theme.natural-sp .titlebar:where(.ui-main *) {
  background-image: linear-gradient(100deg, var(--sp-notice-title-background-1) 0%, var(--sp-notice-title-background-2) 58%, var(--sp-notice-title-background-3) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-color: var(--sp-notice-title-border-color-1);
  border-right-color: var(--sp-notice-title-border-color-1);
  border-bottom-color: var(--sp-notice-title-border-color-1);
  border-left-color: var(--sp-notice-title-border-color-1);
  color: var(--sp-notice-title-color-1);
  box-shadow: inset 0 calc(1 * var(--sp-unit)) var(--sp-notice-title-box-shadow-1), 0 calc(2 * var(--sp-unit)) calc(5 * var(--sp-unit)) var(--sp-notice-title-box-shadow-2);
}

body:where([data-page="notice"]).natural-theme.natural-sp .box_bg:where(.ui-main *) {
  background-image: linear-gradient(100deg, var(--sp-notice-title-background-1) 0%, var(--sp-notice-title-background-2) 58%, var(--sp-notice-title-background-3) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-color: var(--sp-notice-box_bg-border-color-1);
  border-right-color: var(--sp-notice-box_bg-border-color-1);
  border-bottom-color: var(--sp-notice-box_bg-border-color-1);
  border-left-color: var(--sp-notice-box_bg-border-color-1);
  box-shadow: inset 0 calc(1 * var(--sp-unit)) var(--sp-notice-box_bg-box-shadow-1), 0 calc(2 * var(--sp-unit)) calc(5 * var(--sp-unit)) var(--sp-notice-box_bg-box-shadow-2);
}

body:where([data-page="notice"]).natural-theme.natural-sp .box_bg:where(.ui-main *),
body:where([data-page="notice"]).natural-theme.natural-sp .box_bg span:where(.ui-main *) {
  color: #fff;
}

body:where([data-page="notice"]).natural-theme.natural-sp #movie:where(.ui-main *) {
  background-color: var(--sp-notice-movie-background-color-1);
  border-top-color: var(--sp-notice-movie-border-color-1);
  border-right-color: var(--sp-notice-movie-border-color-1);
  border-bottom-color: var(--sp-notice-movie-border-color-1);
  border-left-color: var(--sp-notice-movie-border-color-1);
}

body:where([data-page="notice"]).natural-theme.natural-sp .girl_name:where(.ui-main *) {
  color: var(--sp-notice-girl_name-color-1);
}

body:where([data-page="notice"]).natural-theme.natural-sp hr:where(.ui-main *),
body:where([data-page="notice"]).natural-theme.natural-sp th:where(.ui-main *) {
  border-top-color: var(--sp-notice-body-border-color-1);
  border-right-color: var(--sp-notice-body-border-color-1);
  border-bottom-color: var(--sp-notice-body-border-color-1);
  border-left-color: var(--sp-notice-body-border-color-1);
}

body:where([data-page="notice"]).natural-theme.natural-sp th:where(.ui-main *) {
  background-color: var(--sp-notice-body-background-1-color);
  background-image: var(--sp-notice-body-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
  color: var(--sp-notice-body-color-1);
}

body:where([data-page="notice"]).natural-theme.natural-sp input[type="submit"]:where(.ui-main *),
body:where([data-page="notice"]).natural-theme.natural-sp .btn:where(.ui-main *),
body:where([data-page="notice"]).natural-theme.natural-sp .button:where(.ui-main *) {
  background-image: linear-gradient(var(--sp-notice-body-background-1-5e32ed), var(--sp-notice-body-background-2));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-color: var(--sp-notice-body-border-color-1-2fc539);
  border-right-color: var(--sp-notice-body-border-color-1-2fc539);
  border-bottom-color: var(--sp-notice-body-border-color-1-2fc539);
  border-left-color: var(--sp-notice-body-border-color-1-2fc539);
  color: var(--sp-notice-body-color-1-562b7d);
}

body:where([data-page="notice"]).natural-theme.natural-sp #play li:where(.ui-main *) {
  background-color: var(--sp-notice-play-background-1-color);
  background-image: linear-gradient(90deg, var(--sp-notice-play-background-1-image-layer-1-stop-1) 0%, var(--sp-notice-play-background-1-image-layer-1-stop-2) 78%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
  border-top-color: var(--sp-notice-play-border-color-1);
  border-right-color: var(--sp-notice-play-border-color-1);
  border-bottom-color: var(--sp-notice-play-border-color-1);
  border-left-color: var(--sp-notice-play-border-color-1);
  color: var(--sp-notice-play-color-1);
}

:where(body[data-page="notice"]) #tab03 #kakuicon:where(.ui-main *) {
  display: none;
}

:where(body[data-page="notice"]) .natural-empty-message:where(.ui-main *) {
  width: calc(100% - calc(20 * var(--sp-unit)));
  box-sizing: border-box;
  margin-top: calc(10 * var(--sp-unit));
  margin-right: auto;
  margin-bottom: calc(10 * var(--sp-unit));
  margin-left: auto;
  padding-top: calc(16 * var(--sp-unit));
  padding-right: calc(10 * var(--sp-unit));
  padding-bottom: calc(16 * var(--sp-unit));
  padding-left: calc(10 * var(--sp-unit));
  border-top-width: calc(1 * var(--sp-unit));
  border-right-width: calc(1 * var(--sp-unit));
  border-bottom-width: calc(1 * var(--sp-unit));
  border-left-width: calc(1 * var(--sp-unit));
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--sp-notice-natural-empty-message-border-1);
  border-right-color: var(--sp-notice-natural-empty-message-border-1);
  border-bottom-color: var(--sp-notice-natural-empty-message-border-1);
  border-left-color: var(--sp-notice-natural-empty-message-border-1);
  background-color: var(--sp-notice-natural-empty-message-background-1-color);
  background-image: var(--sp-notice-natural-empty-message-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
  color: var(--sp-notice-natural-empty-message-color-1);
  font-size: calc(13 * var(--sp-unit));
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
}

:where(body[data-page="notice"]) #newface_area .natural-empty-message:where(.ui-main *),
:where(body[data-page="notice"]) .eventbg .natural-empty-message:where(.ui-main *) {
  float: none;
  clear: both;
}