/* =======================
common
==========================*/
main {
    margin: 0 auto;
    max-width: 1000px;
}

.section-same {
    padding: 100px 0 100px 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #3C3B3B;
    background-image: url(../images/00_common/haikei_dot.jpeg);
    background-repeat: repeat;
    background-size: cover;
    position: relative;
}

.section-same::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    /* 50%の黒のオーバーレイ */
    z-index: 1;
}

.section-same>* {
    position: relative;
    z-index: 2;
    /* テキストをオーバーレイの上に表示 */
}


/* ====================
mainvisual
======================= */
#mainvisual {
    position: relative;
}

#mainvisual img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 20%;
}

#mainvisual h2 {
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-size: 2rem;
    font-weight: 500;
    font-family: "Zen Maru Gothic", serif;
}

/* =======================
greet
==========================*/

.greet__character {
    width: 150px;
}

.top__ttl {
    margin-top: 10px;
}

.greet--photo {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 20%;
    margin-top: 50px;
}

#greet .p-main,
#greet .button-container {
    margin-top: 50px;
}

#greet p {
    padding: 0 20px;
}

/* =======================
schedule
==========================*/
#schedule p {
    margin: 50px auto;
    padding: 0 20px;
}

#schedule {
    overflow: hidden;
    padding-top: 150px;
}


#schedule .section__ttl {
    position: relative;
    z-index: 4;
}

#schedule .section__ttl::after {
    content: "";
    display: block;
    width: 100%;
    background-size: contain;
    height: 45px;
    background-image: url(../images/00_common/logo2-touka.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    left: 45%;
    transform: rotate(10deg);
    /* 20度回転させる */
    z-index: 2;
}

#schedule a img {
    max-width: 500px;
    width: 100%;
}


/* =======================
regulation
==========================*/
#regulation p {
    margin-top: 50px;
}

#regulation .regulation-syoukai {
    border-radius: 10px;
    margin-top: 30px;
    width: 100%;
    max-width: 500px;
}

#regulation .button-container {
    margin-top: 30px;
}

#regulation {
    padding-right: 20px;
    padding-left: 20px;
}

#regulation .button-container {
    padding: 0;
}

/* =======================
zenkoku
==========================*/
.zenkoku-map {
    height: 150px;
    margin-top: 50px;
}

#zenkoku p {
    margin: 50px auto;
    padding: 0 20px;
}

#zenkoku {
    padding: 100px 0 100px 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #3C3B3B;
    background-image: url(../images/01_TOP/livePhoto-bokashi.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* =======================
お問合せ
==========================*/
.contact-honbun {
    padding: 0 20px;
    margin-top: 50px;
}
.contact-tyuui {
    font-size: 1.2rem;
}
#contact .button-container {
    margin: 30px 0;
}
/* =======================
sns
==========================*/
#sns {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.sns-x,
.sns-instagram {
    margin: 50px 0;
    text-align: center;
}
.instaBox {
    display: flex;
    justify-content: center; /* 水平方向の中央揃え */
    align-items: center; /* 垂直方向の中央揃え（必要に応じて） */
    width: 100%; /* 必要に応じて調整 */
    margin: 20px auto 0 auto; /* 中央寄せのための補助 */
    gap: 20px;
}

.twitter-tweet {
    margin-top: 20px;
}

.sns-x {
    display: flex;
    flex-direction: column;
    justify-content: center; /* 横方向に中央配置 */
    align-items: center; /* 垂直方向に中央配置（必要に応じて） */
    margin: 50px auto 0 auto;
}

.twitter-tweet {
    margin: 30px auto; /* 上下方向のマージン */
    display: block;
}
/* =======================
メインメッセージ
==========================*/
h2 {
    color: white;
    /* text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff; */
    text-shadow: 0 0 5px #A0A0F9, 0 0 10px #9021da, 0 0 20px #A0A0F9;
  }
  
/* =======================

==========================*/

/* =======================

==========================*/

/* =======================

==========================*/