@charset "UTF-8";
html {
  font-size: 16px;
  position: relative;
  color: #333333;
  scrollbar-gutter: stable;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1.8;
  overflow: hidden;
}

/*縦方向の揃え位置を中央揃えに指定*/
input,
select {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: center;
  font-size: 0;
  line-height: 0;
  image-rendering: -webkit-optimize-contrast;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/*禁則処理*/
p,
li,
dt,
dd,
th,
td,
pre {
  text-align: left;
  word-break: normal;
  word-wrap: break-word;
}

/*box-sizingを全ブラウザに対応*/
*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

a {
  transition: 0.3s;
  text-decoration: none;
  color: black;
  cursor: pointer;
}

input {
  height: 30px;
  margin: 0;
  box-sizing: border-box;
}

input[type=textbox]::before {
  content: attr(placeholder);
  color: #808080;
}

a:focus,
*:focus,
input[type=text]:focus {
  outline: none;
}

section {
  position: relative;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

i {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

thead th {
  font-weight: 400;
}

main ul, main ol {
  list-style-type: none;
}
main ul li, main ol li {
  list-style-position: inside;
}

/*================================================
 *  電話番号をスマホのみ有効に
 ================================================*/
a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

html {
  font-family: "Noto Sans JP", sans-serif;
  scrollbar-gutter: stable;
}

.is-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.is-left {
  text-align: left;
}

.is-right {
  text-align: right;
}

.float_l {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .float_l {
    float: left;
  }
}

.float_r {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .float_r {
    float: right;
  }
}

.cf {
  display: block;
}
.cf::after {
  content: "";
  display: block;
  clear: both;
}
.cf::before {
  content: "";
  display: block;
  clear: both;
}

.l0 {
  line-height: 0;
}

.sp-only {
  display: initial;
}
@media screen and (min-width: 980px) {
  .sp-only {
    display: none;
  }
}

.pc-only {
  display: none;
}
@media screen and (min-width: 980px) {
  .pc-only {
    display: initial;
  }
}

.spacer {
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  .spacer {
    margin-top: 100px;
  }
}

.spacer_c {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .spacer_c {
    margin-top: 40px;
  }
}

.spacer_cc {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .spacer_cc {
    margin-top: 20px;
  }
}

.spacer_ccc {
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .spacer_ccc {
    margin-top: 10px;
  }
}

.p_s0 {
  padding: 0.5em;
}

.p_st0 {
  padding-top: 0.5em;
}

.p_sb0 {
  padding-bottom: 0.5em;
}

.p_stb0 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.p_slr0 {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.p_sl0 {
  padding-left: 0.5em;
}

.p_sr0 {
  padding-right: 0.5em;
}

.p_s {
  padding: 1em;
}

.p_st {
  padding-top: 1em;
}

.p_sb {
  padding-bottom: 1em;
}

.p_stb {
  padding-top: 1em;
  padding-bottom: 1em;
}

.p_slr {
  padding-left: 1em;
  padding-right: 1em;
}

.p_sl {
  padding-left: 1em;
}

.p_sr {
  padding-right: 1em;
}

.p_s2 {
  padding: 2em;
}

.p_st2 {
  padding-top: 2em;
}

.p_sb2 {
  padding-bottom: 2em;
}

.p_stb {
  padding-top: 2em;
  padding-bottom: 2em;
}

.p_slr2 {
  padding-left: 2em;
  padding-right: 2em;
}

.p_sl2 {
  padding-left: 2em;
}

.p_sr2 {
  padding-right: 2em;
}

.p_s3 {
  padding: 3em;
}

.p_st3 {
  padding-top: 3em;
}

.p_sb3 {
  padding-bottom: 3em;
}

.p_stb3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.pm_st {
  padding-top: -1em;
}

.pm_st2 {
  padding-top: -2em;
}

.pm_sb {
  padding-bottom: -1em;
}

.pm_sl {
  padding-left: -1em;
}

.pm_st {
  padding-right: -1em;
}

.flexbox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .flexbox {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
  }
}

.fb100 {
  flex-basis: 100%;
}

.fb90 {
  flex-basis: 90%;
}

.fb80 {
  flex-basis: 80%;
}

.fb79 {
  flex-basis: 79%;
}

.fb70 {
  flex-basis: 70%;
}

.fb69 {
  flex-basis: 69%;
}

.fb60 {
  flex-basis: 60%;
}

.fb59 {
  flex-basis: 59%;
}

.fb50 {
  flex-basis: 50%;
}

.fb49 {
  flex-basis: 49%;
}

.fb40 {
  flex-basis: 40%;
}

.fb39 {
  flex-basis: 39%;
}

.fb32 {
  flex-basis: 32%;
}

.fb30 {
  flex-basis: 30%;
}

.fb29 {
  flex-basis: 29%;
}

.fb25 {
  flex-basis: 25%;
}

.fb20 {
  flex-basis: 20%;
}

.fb19 {
  flex-basis: 19%;
}

.fb10 {
  flex-basis: 10%;
}

.memo {
  font-size: 14px;
}

p.mi {
  color: rgb(233, 0, 0);
  font-weight: 600;
  font-size: clamp(1.125rem, 2vw, 1.25rem);
}

.miu {
  font-weight: 600;
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  text-decoration: underline;
}

div.mi {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(233, 0, 0);
  border-radius: 0;
  background-color: white;
  overflow: hidden;
  padding: 0.5em;
}

div.mmi {
  border-width: 2px;
  border-style: solid;
  border-color: rgb(233, 0, 0);
  border-radius: 0;
  background-color: white;
  overflow: hidden;
  padding: 0.5em;
}

.marker {
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

.im18 {
  font-size: 18px;
}

.im20 {
  font-size: 20px;
  font-weight: 600;
}

.im22 {
  font-size: 22px;
  font-weight: 600;
}

.area_full {
  margin: 0 calc(50% - 50vw);
}

.area_100 {
  max-width: 100px;
}

.area_200 {
  max-width: 200px;
}

.area_300 {
  max-width: 300px;
}

.area_400 {
  max-width: 400px;
}

.area_500 {
  max-width: 500px;
}

.area_600 {
  max-width: 600px;
}

.area_700 {
  max-width: 700px;
}

.area_800 {
  max-width: 800px;
}

.area_900 {
  max-width: 900px;
}

.area_1000 {
  max-width: 1000px;
}

.area_1200 {
  max-width: 1200px;
}

.font14 {
  font-size: clamp(13px, 3vw, 14px);
}

.font15 {
  font-size: 15px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: clamp(16px, 3vw, 18px);
}

/*-- globalフォルダの中の_index.scss --*/ /*-- layoutフォルダの中の_index.scss --*/
.header {
  position: fixed;
  width: 100vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #ffffff;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: black;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: black;
}
@media screen and (min-width: 768px) {
  .header {
    border: none;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 10vw;
    height: 100vh;
    background: none;
    align-content: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .header {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: normal;
  }
}
@media screen and (min-width: 1024px) {
  .header {
    left: 20vw;
  }
}

/* 右からメニュー */
.menu-btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .menu-btn {
    position: absolute;
    top: 0;
    right: 10px;
    display: flex;
    height: 48px;
    width: 48px;
    justify-content: center;
    align-items: center;
    z-index: 1;
    background-color: #ffffff;
    z-index: 3;
  }
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: "";
  display: block;
  height: 2px;
  width: 25px;
  border-radius: 3px;
  background-color: #000000;
  position: absolute;
  z-index: 4;
}

.menu-btn span:before {
  bottom: 8px;
}

.menu-btn span:after {
  top: 8px;
}

@media screen and (max-width: 767px) {
  .menu-content {
    width: 50vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%; /*leftの値を変更してメニューを画面外へ*/
    z-index: 2;
    background-color: #ffffff;
    transition: all 0.5s; /*アニメーション設定*/
    display: flex;
    align-items: center;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: black;
    padding: 0 2rem;
  }
}
.menu-content ul {
  list-style: none;
}
.menu-content ul:first-of-type {
  align-self: stretch;
  padding-top: 10vh;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .menu-content ul:first-of-type {
    margin-top: 10px;
  }
}
.menu-content ul:first-of-type li {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .menu-content ul:first-of-type li {
    text-align: center;
  }
}
.menu-content ul:first-of-type li a {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  color: #333333;
  display: block;
  width: 100%;
  font-size: 20px;
  position: relative;
  margin: 16px 0;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .menu-content ul:first-of-type li a {
    font-size: 18px;
    display: inline-block;
    width: 160px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-radius: 30px;
    background-color: black;
    overflow: hidden;
    color: #ffffff;
    margin: 3px auto;
    text-align: center;
    padding: 1px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1480px) {
  .menu-content ul:first-of-type li a {
    width: 160px;
    margin: 5px auto;
    padding: 2px;
  }
}
.menu-content ul:first-of-type li a:hover {
  color: #333333;
}
@media screen and (min-width: 768px) {
  .menu-content ul:first-of-type li a:hover {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
  }
}
.menu-content ul:first-of-type li#followus {
  width: 100%;
  margin: 0;
}
.menu-content ul:first-of-type li#followus a {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  font-size: 14px;
  width: 100%;
  position: relative;
  display: block;
  text-align: left;
  padding: 0;
  margin: 0 0 0 10px;
}
.menu-content ul:first-of-type li#followus a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
.menu-content ul:first-of-type li#followus a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23000000"><path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248 4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008 3.004 3.004 0 0 1 0 6.008z"></path><circle cx="16.806" cy="7.207" r="1.078"></circle><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z"></path></svg>');
}
@media screen and (min-width: 768px) {
  .menu-content ul:first-of-type li#followus {
    display: none;
  }
}
.menu-content ul:first-of-type li.menu_pdf {
  width: 140px;
}
.menu-content ul:first-of-type li.menu_pdf a {
  display: inline-block;
  position: relative;
  margin-top: 0;
}
.menu-content ul:first-of-type li.menu_pdf a::after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: 3px;
  width: 98%;
  height: 75%;
  background-color: black;
  border-radius: 5px;
  z-index: -1;
}
.menu-content ul:first-of-type li.menu_pdf a img {
  transition: transform 0.3s ease;
}
.menu-content ul:first-of-type li.menu_pdf a:hover img {
  transform: translate(5px, 5px); /* 画像を右下に2ピクセル移動 */
}
@media screen and (min-width: 768px) {
  .menu-content ul:first-of-type li.menu_pdf {
    display: none;
  }
}
.menu-content ul:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 768px) {
  .menu-content ul:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .menu-content ul:nth-of-type(2) {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .menu-content ul:nth-of-type(2) li {
    width: 170px;
  }
  .menu-content ul:nth-of-type(2) li a {
    display: inline-block;
    position: relative;
  }
  .menu-content ul:nth-of-type(2) li a::after {
    content: "";
    position: absolute;
    right: -3px;
    bottom: 3px;
    width: 98%;
    height: 75%;
    background-color: black;
    border-radius: 5px;
    z-index: -1;
  }
  .menu-content ul:nth-of-type(2) li a img {
    transition: transform 0.3s ease;
  }
  .menu-content ul:nth-of-type(2) li a:hover img {
    transform: translate(5px, 5px); /* 画像を右下に2ピクセル移動 */
  }
}

#menu-btn-check:checked ~ .menu-content {
  left: 50%; /*メニューを画面内へ*/
}

#menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}

#menu-btn-check {
  display: none;
}

.footer__copyright {
  color: white;
  width: 100%;
  font-size: clamp(0.875rem, 2vw, 1rem);
  padding: 20px 0;
  text-align: center;
}

/*-- pageフォルダの中の_index.scss --*/
body {
  margin: 0;
  padding: 0;
  overflow: auto;
}

.opening__wrap {
  position: fixed;
  width: 100%;
  height: 100svh;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#opening__logo img {
  max-width: 200px;
}
@media screen and (min-width: 768px) {
  #opening__logo img {
    max-width: 300px;
  }
}

#opening__copy img {
  max-width: 300px;
}
@media screen and (min-width: 768px) {
  #opening__copy img {
    max-width: 670px;
  }
}

#wrap {
  width: 100%;
  position: relative;
  text-align: center;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  background-image: url("../img/day/backphoto_sp.png");
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (min-width: 768px) {
  #wrap {
    transition: opacity 1.5s ease-in-out;
    background-image: url("../img/day/backphoto.png");
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
  }
}

.sidebg__r,
.sidebg__l {
  position: absolute;
  width: 37px;
  height: 100vh;
  background: url(../img/day/obi_pc.png);
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: 37px auto;
  z-index: 2;
  border: solid #000000;
  border-width: 0px 1px 0px 1px;
}
@media screen and (max-width: 767px) {
  .sidebg__r,
.sidebg__l {
    display: none;
  }
}

.sidebg__r {
  right: 0;
  -webkit-animation: bgroop-right 20s linear infinite;
  animation: bgroop-right 30s linear infinite;
}
.sidebg__l {
  left: 0;
  -webkit-animation: bgroop-left 20s linear infinite;
  animation: bgroop-left 30s linear infinite;
}

@-webkit-keyframes bgroop-right {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 1090px;
  }
}
@keyframes bgroop-right {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 1090px;
  }
}
@-webkit-keyframes bgroop-left {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -1090px;
  }
}
@keyframes bgroop-left {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -1090px;
  }
}
.sidebg__sp {
  position: fixed;
  width: 100%;
  height: 37px;
  background: url(../img/day/obi_sp.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 37px;
  bottom: 0;
  -webkit-animation: bgroop-bottom 30s linear infinite;
  animation: bgroop-bottom 30s linear infinite;
  z-index: 2;
  border: solid #000000;
  border-width: 1px 0px 1px 0px;
}
@media screen and (min-width: 768px) {
  .sidebg__sp {
    display: none;
  }
}

@-webkit-keyframes bgroop-bottom {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1090px 0;
  }
}
@keyframes bgroop-bottom {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1090px 0;
  }
}
.side__container {
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 980px) {
  .side__container {
    flex-grow: 1;
    min-height: 100vh;
    z-index: 0;
  }
}

.toplogo__container h1 {
  line-height: 0;
}
.toplogo__container h1 img {
  display: block;
  width: 50px;
  position: absolute;
  top: 1px;
  left: 3px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .toplogo__container h1 img {
    top: 15px;
    left: 10px;
    z-index: 10;
    -o-object-fit: cover;
       object-fit: cover;
    width: auto;
    height: 40px;
    -o-object-position: top 50px;
       object-position: top 50px;
    -o-object-position: top -20px left 0px;
       object-position: top -20px left 0px;
  }
}
@media screen and (min-width: 1280px) {
  .toplogo__container h1 img {
    position: relative;
    width: 322px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .toplogo__container h1 img {
    position: relative;
    width: 322px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 1480px) {
  .toplogo__container h1 img {
    width: 322px;
  }
}

div#opening__clock {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  div#opening__clock {
    margin-top: 5vh;
  }
}
div#opening__clock p {
  color: #333333;
  font-size: 26px;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings: "slnt" 0;
}
@media screen and (min-width: 768px) {
  div#opening__clock p {
    font-size: 48px;
    color: rgb(0, 0, 0);
    display: inline-block;
  }
}

div.splogo__area {
  position: absolute;
  width: 100%;
  height: 100svh;
  text-align: center;
}

div.sp_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 240px;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  div.sp_logo {
    display: none;
  }
}

#contents {
  position: relative;
  max-width: 400px;
  min-height: 100vh;
  z-index: 0;
  background-color: transparent;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  scrollbar-width: 0;
}
@media screen and (min-width: 768px) {
  #contents {
    margin-left: 50vw;
  }
}
#contents ::-webkit-scrollbar {
  width: 0;
}

#instabuttons {
  display: none;
}
@media screen and (min-width: 768px) {
  #instabuttons {
    display: block;
    position: absolute;
    top: 80%;
    right: -50px;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248 4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008 3.004 3.004 0 0 1 0 6.008z"></path><circle cx="16.806" cy="7.207" r="1.078"></circle><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z"></path></svg>');
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 45px;
    background-color: #000000;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    color: white;
    cursor: pointer;
    z-index: 1;
  }
}

#instabuttons2025 {
  display: none;
}
@media screen and (min-width: 768px) {
  #instabuttons2025 {
    display: block;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248 4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008 3.004 3.004 0 0 1 0 6.008z"></path><circle cx="16.806" cy="7.207" r="1.078"></circle><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z"></path></svg>');
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 45px;
    background-color: #000000;
    border-radius: 50%;
    line-height: 45px;
    color: white;
    cursor: pointer;
    z-index: 1;
    text-align: center;
    margin: 10px auto 0 auto;
  }
}

#instabutton {
  display: block;
  position: fixed;
  bottom: 50px;
  right: 50px;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248 4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008 3.004 3.004 0 0 1 0 6.008z"></path><circle cx="16.806" cy="7.207" r="1.078"></circle><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z"></path></svg>');
  background-size: 34px;
  background-repeat: no-repeat;
  background-position: center;
  width: 45px;
  height: 45px;
  background-color: #000000;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  color: white;
  cursor: pointer;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  #instabutton {
    display: none;
  }
}

div.concept__wrap {
  position: relative;
  background-color: transparent;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 200px;
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  div.concept__wrap {
    margin-top: 0;
  }
}
div.concept__wrap h2 {
  width: 140px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

div.concept__catch {
  width: 308px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 0;
}
div.concept__curry {
  width: 336px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
}
div.concept__info {
  width: 336px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.concept__note {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  color: black;
}

div.about__wrap {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.about__wrap h2 {
  color: #FF0000;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  padding-top: 60px;
  font-size: 28px;
  letter-spacing: 0.2px;
}
div.about__wrap h3 {
  font-weight: 600;
  font-size: 16px;
  padding-top: 30px;
}
div.about__wrap h3 span {
  font-weight: 400;
  font-size: 14px;
}
div.about__wrap p {
  font-size: 14px;
  line-height: 2.4em;
  margin: 30px 0 30px 35px;
}

div.menu__wrap {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
}
div.menu__wrap h2 {
  width: 96px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.menu__wrap p {
  font-size: 13px;
  line-height: 2em;
  text-align: left;
  display: inline-block;
}

div.menu__button {
  text-align: center;
  margin: auto;
}
div.menu__button a {
  font-size: 18px;
  text-decoration: none;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  border-radius: 50px;
  background-color: rgb(0, 0, 0);
  overflow: hidden;
  position: relative;
  display: block;
  text-align: center;
  padding: 1em 3em 1em 1em;
  width: 300px;
  margin: 20px auto;
}
div.menu__button a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 20px;
  left: auto;
  margin: 22px auto;
  width: 20px;
  height: 20px;
}
div.menu__button a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
div.menu__button :hover {
  color: rgb(0, 0, 0);
  background-color: #ffffff;
}
div.menu__button a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}

div.access__nami {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

div.access__wrap {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 50px;
  background-color: #ffffff;
}
div.access__wrap h2 {
  width: 117px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 0;
}
div.access__wrap h3 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  font-size: 22px;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: left;
}

.access__map {
  width: 300px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
}
.access__map a#googlemap {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  text-decoration: none;
  color: #A8A8A8;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 0 0.5em 1.6em;
  width: 100%;
  text-align: left;
}
.access__map a#googlemap::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: auto;
  left: 0;
  margin: auto;
  width: 21px;
  height: 21px;
}
.access__map a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23A8A8A8"><path d="M12 14c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2z"></path><path d="M11.42 21.814a.998.998 0 0 0 1.16 0C12.884 21.599 20.029 16.44 20 10c0-4.411-3.589-8-8-8S4 5.589 4 9.995c-.029 6.445 7.116 11.604 7.42 11.819zM12 4c3.309 0 6 2.691 6 6.005.021 4.438-4.388 8.423-6 9.73-1.611-1.308-6.021-5.294-6-9.735 0-3.309 2.691-6 6-6z"></path></svg>');
}
.access__map a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23A8A8A8"><path d="M12 14c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2z"></path><path d="M11.42 21.814a.998.998 0 0 0 1.16 0C12.884 21.599 20.029 16.44 20 10c0-4.411-3.589-8-8-8S4 5.589 4 9.995c-.029 6.445 7.116 11.604 7.42 11.819zM12 4c3.309 0 6 2.691 6 6.005.021 4.438-4.388 8.423-6 9.73-1.611-1.308-6.021-5.294-6-9.735 0-3.309 2.691-6 6-6z"></path></svg>');
}
.access__map p {
  margin-top: 10px;
  letter-spacing: 0.2px;
}
.access__kagawa {
  display: block;
  width: 270px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 0 20px 0;
}
.access__way {
  position: relative;
  margin-top: 15px auto;
  text-align: center;
  padding: 1em 0.5em 0.7em 1em;
  width: 330px;
  border: 1px solid #000000;
  border-radius: 10px;
  margin: 2em auto;
}
.access__way dt {
  position: absolute;
  left: 20px;
  top: -11px;
  padding: 0 0.5em;
  font-size: 14px;
  background: #ffffff;
}
.access__way dd {
  font-size: 13px;
  letter-spacing: 0.2px;
}
.access__tel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1%;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  margin: 0 auto;
}
.access__tel dt {
  flex-basis: 11%;
  align-self: stretch;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  font-weight: 600;
}
.access__tel dd {
  flex-basis: 85%;
  align-self: stretch;
}
.access__tel dd span {
  font-weight: 400;
  font-size: 13px;
}
.access__menu, .access__holiday {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1%;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  margin: 0 auto;
}
.access__menu dt, .access__holiday dt {
  flex-basis: 35%;
  align-self: stretch;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  font-weight: 600;
}
.access__menu dd, .access__holiday dd {
  flex-basis: 64%;
  align-self: stretch;
}
.access__menu dd span, .access__holiday dd span {
  font-weight: 400;
  font-size: 13px;
}
.access__tel {
  width: 300px;
  text-align: center;
}
.access__menu {
  width: 300px;
  text-align: center;
}
.access__holiday {
  width: 200px;
  text-align: center;
}

.access__times {
  width: 304px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
}

div.sics_area {
  background-image: url("../img/day/2f_back.jpg");
  background-repeat: repeat;
  border-radius: 10px;
  width: 335px;
  padding: 15px 20px;
  margin-top: 50px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.sics_area h3 {
  font-size: 24px;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  margin: 0;
}
div.sics_area dl {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.sics_area dl dt {
  width: 90px;
}
div.sics_area dl dd {
  font-size: 13px;
}
div.sics_area > img {
  padding-top: 34px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.sics_area > div {
  text-align: center;
  margin: auto;
}
div.sics_area > div a {
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  border-radius: 30px;
  background-color: rgb(0, 0, 0);
  overflow: hidden;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
  width: 200px;
  margin: 20px auto;
}
div.sics_area > div a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: 9px auto;
  width: 20px;
  height: 20px;
}
div.sics_area > div a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z"></path></svg>');
}
div.sics_area > div :hover {
  color: rgb(0, 0, 0);
  background-color: #ffffff;
}
div.sics_area > div a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230"><path d="m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z"></path></svg>');
}

div.contact__wrap {
  background-color: #000000;
  padding: 60px 50px 25px 50px;
  color: white;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.contact__wrap h2 {
  max-width: 200px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.contact__wrap p {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  margin-top: 40px;
  letter-spacing: 0.2px;
}
div.contact__wrap p.copyright {
  color: #A8A8A8;
  margin-top: 50px;
  font-size: 10px;
}
div.contact__wrap ul li {
  font-size: 14px;
  margin-top: 30px;
  width: 220px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
div.contact__wrap ul li:last-child {
  width: 160px;
  margin-top: 50px;
}
div.contact__wrap ul li:last-child a {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  font-size: 14px;
  width: 100%;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.5em 3em 0.5em 1em;
}
div.contact__wrap ul li:last-child a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 40px;
  height: 40px;
}
div.contact__wrap ul li:last-child a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248 4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008 3.004 3.004 0 0 1 0 6.008z"></path><circle cx="16.806" cy="7.207" r="1.078"></circle><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z"></path></svg>');
}
div.contact__wrap ul li a {
  color: white;
}
div.contact__wrap ul li a:hover, div.contact__wrap ul li a:active, div.contact__wrap ul li a:focus {
  color: white;
}

.slideswitch {
  display: block;
  position: absolute;
  top: auto;
  bottom: 10vh;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .slideswitch {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    bottom: -50px;
  }
}
@media screen and (min-width: 1024px) {
  .slideswitch {
    position: absolute;
    bottom: 40px;
    right: -110vw;
  }
}

div.curry__wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  div.curry__wrap {
    display: block;
    height: 70vh;
    position: relative;
    z-index: 0;
    transition: height 0.5s ease;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  div.curry__wrap {
    height: 90vh;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  div.curry__wrap {
    height: 130vh;
  }
}
@media screen and (min-width: 768px) {
  div.curry__wrap img {
    position: absolute;
    top: 0;
    right: 0;
    width: 58vw;
  }
}

div.spcurry__wrap {
  height: 100vh;
  position: relative;
  z-index: 0;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  div.spcurry__wrap {
    display: none;
  }
}

@-webkit-keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
          animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/* スライダーのサイズ調整 */
/* スライダーを上下中央 */
.splide__slide {
  display: flex;
  justify-content: center; /* 左右の中央揃え */
}

/* スライドのサイズ調整 */
.splide__slide img {
  align-self: center; /* 上下の中央揃え */
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.splide__arrow--next {
  right: -30px;
}

.splide__arrow--prev {
  left: -30px;
  transform: scale(-1, 1);
}

.splide__arrow {
  align-items: center;
  background: #ffffff;
  border: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 40%;
  width: 30px;
  height: 40px;
  z-index: 1;
}

.splide__arrow--prev {
  background: url(../img/common/yaji.png) no-repeat;
  background-size: cover;
}

.splide__arrow--next {
  background: url(../img/common/yaji.png) no-repeat;
  background-size: cover;
}

/*-- slideフォルダの中の_index.scss --*/
/*!
utility > changeimg
------------------------------
*/
.sp-only {
  display: initial;
}
@media screen and (min-width: 568px) {
  .sp-only {
    display: none;
  }
}

.pc-only {
  display: none;
}
@media screen and (min-width: 568px) {
  .pc-only {
    display: initial;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

.fuwa {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1.5s, transform 2s;
}

.fuwa.active {
  opacity: 1;
  transform: translateY(0px);
}

/*----------------------------
fuwa_l ｜左から出現
----------------------------*/
.fuwa_l {
  transition: 0.8s ease-in-out;
  transform: translateX(-50px);
  opacity: 0;
  filter: alpha(opacity=0);
}

.fuwa_l.active {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
}

/*----------------------------
fuwa_r ｜右から出現
----------------------------*/
.fuwa_r {
  transition: 0.8s ease-in-out;
  transform: translateX(50px);
  opacity: 0;
  filter: alpha(opacity=0);
}

.fuwa_r.active {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
}

.fuwan {
  opacity: 0;
  transform: scale(0.5); /* 初期縮小状態 */
  transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s; /* アニメーション時間と遅延時間を変更 */
}

.fuwan.active {
  opacity: 1;
  transform: scale(1.55); /* 拡大状態 */
}

.doron {
  opacity: 1;
  transform: translateY(0px);
}

.doron.active {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1.5s, transform 2s;
}

/* === ボタンを表示するエリア ============================== */
.slideswitch,
.slideswitch_n {
  line-height: 36px;
  letter-spacing: 0;
  text-align: center;
  font-size: 14px;
  margin: auto;
  width: 110px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
}

/* === チェックボックス ==================================== */
.slideswitch input[type=checkbox],
.slideswitch_n input[type=checkbox] {
  display: none; /* チェックボックス非表示 */
}

/* === チェックボックスのラベル（標準） ==================== */
.slideswitch label,
.slideswitch_n label {
  display: block;
  box-sizing: border-box;
  height: 40px;
  border: 2px solid white;
  border-radius: 20px;
}

.slideswitch label {
  background: #FF0000;
}

.slideswitch_n label {
  background: black;
}

/* === チェックボックスのラベル（ONのとき） ================ */
.slideswitch input[type=checkbox]:checked + label {
  border-color: white; /* 選択タブの枠線     */
  background: black;
}

.slideswitch_n input[type=checkbox]:checked + label {
  border-color: white; /* 選択タブの枠線     */
  background: #FF0000;
}

/* === 表示する文字（標準） ================================ */
.slideswitch label span:after {
  content: "DINNER"; /* 表示する文字       */
  padding: 0 0 0 30px; /* 表示する位置       */
  color: white; /* 文字色             */
}

.slideswitch_n label span:after {
  content: "LUNCH"; /* 表示する文字       */
  padding: 0 30px 0 0; /* 表示する位置       */
  color: white; /* 文字色             */
}

/* === 表示する文字（ONのとき） ============================ */
.slideswitch input[type=checkbox]:checked + label span:after {
  content: "LUNCH"; /* 表示する文字       */
  padding: 0 30px 0 0; /* 表示する位置       */
  color: white; /* 文字色             */
}

.slideswitch_n input[type=checkbox]:checked + label span:after {
  content: "DINNER"; /* 表示する文字       */
  padding: 0 0 0 30px; /* 表示する位置       */
  color: white; /* 文字色             */
}

/* === 丸部分のSTYLE（標準） =============================== */
.slideswitch #swImg {
  position: absolute;
  width: 30px;
  height: 30px;
  background: white;
  top: 5px;
  left: 5px;
  border-radius: 20px;
  transition: 0.2s;
}

.slideswitch_n #swImg {
  position: absolute;
  width: 30px;
  height: 30px;
  background: white;
  top: 5px;
  right: 5px;
  border-radius: 20px;
  transition: 0.2s;
}

/* === 丸部分のSTYLE（ONのとき） =========================== */
.slideswitch input[type=checkbox]:checked ~ #swImg {
  transform: translateX(69px); /* 丸も右へ移動       */
}

.slideswitch_n input[type=checkbox]:checked ~ #swImg {
  transform: translateX(-69px); /* 丸も左へ移動       */
}
/*# sourceMappingURL=lunchstyle2025.css.map */