/* / CSS Document / */
body {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ol, ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
dl, dt, dd {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
    padding: 0;
}
a, a img {
    /* overflow: hidden;
    color: #f144b6; */
    text-decoration: none;
    border: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover, a:active {
    /* opacity: .7; */
    border: none;
    outline: none;
}
a:hover img, a:active img {
    opacity: 1;
    border: none;
    outline: none;
}
h1 {
    font-weight: normal;
}
h2 {
    font-weight: normal;
}
h3 {
    font-weight: bold;
}
img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
    touch-callout: none;
    user-select: none;
}
* {
    box-sizing: border-box;
    outline: none;
}
main:after, article:after, section:after, div:after, ul:after, li:after, dl:after {
    content: """";
    display: block;
    clear: both;
}

/*==========================
common
==========================*/
:root {
    --primary-white: #FFFFFF;
    --primary-black: #000000;
    --primary-yellow: #A0823C;
    --primary-gray: #8C8C8C;

    --shape-offset: 13px;
    --shape-upper-left: 0 var(--shape-offset), var(--shape-offset) 0;
    --shape-upper-right: calc(100% - var(--shape-offset)) 0, 100% var(--shape-offset);
    --shape-lower-right: 100% calc(100% - var(--shape-offset)), calc(100% - var(--shape-offset)) 100%;
    --shape-lower-left: var(--shape-offset) 100%, 0 calc(100% - var(--shape-offset));
    --octagon: polygon(var(--shape-upper-left), var(--shape-upper-right), var(--shape-lower-right), var(--shape-lower-left));

    --shape-offset02: 16px;
    --shape-upper-left02: 0 var(--shape-offset02), var(--shape-offset02) 0;
    --shape-upper-right02: calc(100% - var(--shape-offset02)) 0, 250% var(--shape-offset02);
    --shape-lower-right02: 100% calc(100% - var(--shape-offset02)), calc(100% - var(--shape-offset02)) 250%;
    --shape-lower-left02: var(--shape-offset02) 100%, 0 calc(100% - var(--shape-offset02));
    --octagon02: polygon(var(--shape-upper-left02), var(--shape-upper-right02), var(--shape-lower-right02), var(--shape-lower-left02));
    --base-color: #ffffff;
    --inset: 2px;

    --shape-offset03: 10px;
    --shape-upper-left03: 0 var(--shape-offset03), var(--shape-offset03) 0;
    --shape-upper-right03: calc(100% - var(--shape-offset03)) 0, 100% var(--shape-offset03);
    --shape-lower-right03: 100% calc(100% - var(--shape-offset03)), calc(100% - var(--shape-offset03)) 100%;
    --shape-lower-left03: var(--shape-offset03) 100%, 0 calc(100% - var(--shape-offset03));
    --octagon03: polygon(var(--shape-upper-left03), var(--shape-upper-right03), var(--shape-lower-right03), var(--shape-lower-left03));
}

html {
font-size: 62.5%;
}

body {
font-family:Arial, Helvetica, sans-serif;
color: var(--primary-yellow);
line-height: 1.5;
font-family:'Yuji Syuku';
overflow-x: hidden;
/* height: 100vh;
overflow: hidden;  */
user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;

  
}

img {
max-width: 100%;
height: auto;
}

.container{
  overflow: hidden;
}

.font__red{
    color:#FF0000;
}

.pc__ume__right01{
    display:none;
}

.pc__ume__right02{
    display:none;
}

.pc__ume__left{
    display:none;
}
.pc__cloud__right{
    display:none;
}
.pc__cloud__left{
    display:none;
}
.pc__sun{
    display:none;
}
.pc__fuji{
    display:none;
}

.pc__kami{
    display:none;
}

.pc__wrapper{
    display:none;
}


@media (min-width: 768px) {
    .container{
    /* width: 100%; */
    width: 400px; /* 最大幅を400pxに制限 */
    z-index: 1; /* 背景よりも前面に表示 */
    text-align: center; /* コンテンツを中央揃え */
    top: 50%; /* 画面の中央に配置 */
    /* transform: translateY(-50%); */
    overflow: auto; /* コンテンツが溢れたらスクロール可能に */
    position: relative;
    overflow: hidden;
    margin-left: 51%;
    margin-right: 49%;
    border-right: 5px solid #fff;
    border-left: 5px solid #fff;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1), /* 左側のシャドウ */
              5px 0 10px rgba(0, 0, 0, 0.1);  /* 右側のシャドウ */
      }

    .pc__kami{
    display:block;
    background-image: url(../img/pc/pc__kami.svg);
    background-repeat:repeat;
    background-size: cover;
    width:100%;
    height:100%;
    /* display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96.6%;
    height: 94.1%;
    transform: translate(-50%, -50%);  */
    }

    .pc__ume__right01{
        display: block;
        max-width: 473px;
        width: 28%;
        position: absolute;
        top: 53%;
        left: 89%;
    }

    .pc__ume__right02{
        display: block;
        max-width: 846px;
        width: 53%;
        position: absolute;
        top: 89%;
        left: 63%;
    }

    .pc__ume__left{
        display: block;
        max-width: 935px;
        width: 58%;
        position: absolute;
        top: -10%;
        left: -17%;
    }
    .pc__cloud__right{
        display: block;
        max-width: 513px;
        width: 33%;
        position: absolute;
        top: 46%;
        left: 84%;
    }
    .pc__cloud__left{
        display: block;
        max-width: 513px;
        width: 33%;
        position: absolute;
        top: 16%;
        left: -18%;
    }
    .pc__sun{
        display: block;
        max-width: 178px;
        width: 10%;
        position: absolute;
        top: -4%;
        left: 78%
    }
    .pc__fuji{
        display: block;
        max-width: 2262px;
        width: 121%;
        position: absolute;
        top: 71%;
        left: -61%;
    }

    .pc__wrapper{
        display: block;
        position: absolute;
        max-width: 512px;
        width: 29%;
        top: 32%;
        left: 17%;
    }

    .pc__logo{
        display: block;
        max-width: 412px;
        width: 85%;
        margin:0 auto;
    }

    .pc__name{
        display: block;
        width: 90%;
        margin-top:5%;
        margin:3% auto 0px;
    }

}

@media (min-width: 768px) and (max-width:1024px){

    .pc__wrapper{
        display: block;
        position: absolute;
        max-width: 512px;
        width: 29%;
        top: 37%;
        left: 11%;
    }

}

/* タブレット */

@media (min-width: 1024px) {
    .pc__fuji{
        display: block;
        max-width: 2262px;
        width: 121%;
        position: absolute;
        top: 71%;
        left: -61%;
}
}

@media (min-width: 1025px) {
    .pc__fuji{
        display: block;
        max-width: 2262px;
        width: 121%;
        position: absolute;
        top: 66%;
        left: -59%;
}
}








/* header */

.header__wrapper {
    background-image: url(../img/mv/back__02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* height: 100vh; */
    padding-top: 138%;
    width: 100%;
    position: relative;
}

.fuji__cloud{
    position: absolute;
    bottom: -3%;
    bottom: 0%;
    transform: translateY(38%);
    /* left: -52%; */
    width: 200%;
    height: auto;
    z-index: 3;
    display: block;
    /* max-width: 624px; */
}

/* アニメーション */

.site__logo{
    position: absolute;
    top:6%;
    width: 100%;;
    opacity: 0;
    transition: opacity 2s ease;
}

.site__logo img{
    width:65%;
    height:auto;
    margin:0 auto;
    max-width: 437px;
    /* max-width:244px; */
}

.site__logo.show{
   opacity: 1;
}


.fuji{
    position: absolute;
    bottom:0%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 2s ease;
    z-index: 1;
    opacity: 0;
}

.fuji.show {
   opacity: 1;
}




.sun {
    position: absolute;
    top:66%;
    left: 65%;
    width:100%;
    height: auto;
    display: block;
    z-index: 1;
    transition: top 5s ease;
    max-width:66px;
    opacity: 0;
}

.sun.show {
    top: 33%; /* アニメーション終了位置：現在の場所 */
    animation: top 5s forwards;
}

@keyframes top {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
    
}




.ume {
    position: absolute;
    top: 28%;
    left: -100%; /* 左の画面外からスタート */
    transform: translate(-84%, 6%);
    width:100%;
    max-width: 412px;
    height: auto;
    display: block;
    z-index: 10;
    transition: left 3s linear; /* left の変化を2秒間かけて実行 */
}

.ume.show {
    left: 45%; /* 現在の位置 */
    /* left: 50%; */
}

@media (min-width: 600px) {
    .ume.show {
        left: 34%; /* 現在の位置 */
        /* left: 50%; */
    }
}

@media (min-width: 768px) {
    .ume.show {
        left: 45%; /* 現在の位置 */
        /* left: 50%; */
    }
}



.cloud__right{
    position: absolute;
    top: 30%;
    right: 150%; /* 右の画面外からスタート */
    width: 100%;
    height: auto;
    z-index: 5;
    display: block;
    transition: right 3s ease-in-out; /* left の変化を2秒間かけて実行 */
}


.cloud__left{
    position: absolute;
    top: 20%;
    left: 150%; /* 右の画面外からスタート */
    width: 100%;
    height: auto;
    z-index: 5;
    display: block;
    transition: left 3s ease-in-out; /* left の変化を2秒間かけて実行 */
}

.cloud__right.show {
    right: 57%; /* 現在の位置 */
}

.cloud__left.show {
    left: 65%; /* 現在の位置 */
}



.top03{
    position: relative;
}


/* 背景 */

.top__container {
    background-image: url(../img/top__back__02.svg);
    background-repeat: repeat-y; /* 縦方向に繰り返す */
    background-size: 100% auto; /* 横幅を100%、縦幅は自動調整 */
    width: 100%;
    margin-top: 1rem;
}

.kami__back {
    background-image: url(../img/kami__02.svg);
    background-repeat: repeat-y; /* 垂直方向の繰り返し */
    width: 100%;
    background-size: 100% auto;
}

@media (min-width: 390px) {

.kami__back {
    background-image: url(../img/kami_back.png);
    background-repeat: repeat; /* 垂直方向の繰り返し */
    width: 100%;
}

.kami__back__jr {
    background-image: url(../img/jr__kami__back.png);
    background-repeat: repeat; /* 垂直方向の繰り返し */
    width: 100%;
}
}




.ema__container {
    background-image: url(../img/bg__group.jpg); /* 背景画像 */
    background-repeat: repeat; /* 画像を繰り返し表示 */
    background-size: 117px 117px; /* 画像のサイズを指定 (幅: 117px, 高さ: 117px) */
    background-position: center center; /* 中央に位置 */
    width: 100%;
    z-index:0;
    position: relative;
}

.ema__container__jr {
    background-image: url(../img/jr__back__02.svg);
    background-repeat: repeat-y; /* 縦方向に繰り返す */
    background-size: 100% auto; /* 横幅を100%、縦幅は自動調整 */
    width: 100%;
    position: relative;
}


.jr__group__ema__container{
    background-image: url(../img/jr__bg__group.jpg);
    background-repeat: repeat; /* 背景画像の繰り返し */
    width: 100%;
    background-size: auto; /* 必要に応じてサイズ指定 */
    position: relative;
    z-index: 0;
}

@media (min-width: 768px) {

    .ema__container {
        width:400px;
        margin-left: 51%;
        margin-right: 49%;
        border-right: 5px solid #fff;
        border-left: 5px solid #fff;
        min-height: 105vh;
        box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1), /* 左側のシャドウ */
              5px 0 10px rgba(0, 0, 0, 0.1);  /* 右側のシャドウ */
    }

    .ema__container__jr {
        width:400px;
        margin-left: 51%;
        margin-right: 49%;
        border-right: 5px solid #fff;
        border-left: 5px solid #fff;
        box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1), /* 左側のシャドウ */
              5px 0 10px rgba(0, 0, 0, 0.1);  /* 右側のシャドウ */
    }

    .jr__group__ema__container{
        width:400px;
        margin-left: 51%;
        margin-right: 49%;
        border-right: 5px solid #fff;
        border-left: 5px solid #fff;
        box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1), /* 左側のシャドウ */
              5px 0 10px rgba(0, 0, 0, 0.1);  /* 右側のシャドウ */
              min-height: 105vh;
    }
}

/* pc版背景 */

@media (min-width: 768px) {
    .full__back{
        position: fixed; /* スクロールしても固定される */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/pc/pc__base.png); /* 背景画像のパス */
        background-size: cover; /* 画面に合わせて画像が調整される */
        background-position: center; /* 画像の中央を基準に配置 */
        z-index: -1; /* 背景として表示するため、コンテンツの背後に配置 */
    }
}



.sun__pc{
    display: none;
}

.fuji__pc{
    display: none;
}

.cloud__right__pc{
    display: none;
}

.cloud__left__pc{
    display: none;
}





/* daruma */


.top__darma__wrapper{
    display:flex;
    padding-top: 5rem;
    width:100%;
    position: relative;
    z-index: 2;
}

.jr__top__darma__wrapper{
    display:flex;
    padding-top:3.8rem;
    width:100%;
}

.all__daruma__wrapper{
    padding-top:5.4rem;
}

.left__daruma{
    width:50%;
}

@media (min-width: 500px) {
    .left__daruma{
        margin-left:10%;
    }
}

@media (min-width: 768px) {
    .left__daruma{
        margin-left:0%;
    }
}



.right__daruma{
    padding-top:12.8rem;
    width:50%;
}

.daruma__img__right{
    padding-left:0.7rem;
    padding-right:2.58rem;
    position: relative;
    z-index:1;
}

.name__tag::before {
    position: absolute;
    content: url(../img/daruma/daruma_kage.png);
    transform: translate(-50%, -60%);
    z-index: 0;
    width: auto;
    height: auto;
}

.name__tag__right::before{
    position: absolute;
    content: url(../img/daruma/daruma_kage.png);
    transform: translate(-50%, -60%);
    z-index: 0;
    width: auto;
    height: auto;
}

.name__tag{
    background-image: url(../img/name__tag.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 13.8rem;
    height: 3.2rem;
    text-align: center;
    margin-top: 1.16rem;
    margin-left:3.35rem;
    position: relative;
}

.name__tag__right{
    background-image: url(../img/name__tag.svg);
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover; 
    width:13.8rem;
    height:3.2rem;
    text-align: center;
    margin-top:1.16rem;
    margin-left:1.53rem;
    margin-right:3.34rem;
}

.jr__name__tag{
    background-image: url(../img/jr__name__tag.svg);
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover; 
    width:13.8rem;
    height:3.2rem;
    text-align: center;
    margin-top:1.16rem;
    margin-left:3.35rem;
    margin-right:1.63rem;
}

.jr__name__tag__right{
    background-image: url(../img/jr__name__tag.svg);
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover; 
    width:13.8rem;
    height:3.2rem;
    text-align: center;
    margin-top:1.16rem;
    margin-left:1.53rem;
    margin-right:3.34rem;
}

.jr__name__tag::before {
    position: absolute;
    content: url(../img/daruma/daruma_kage.png);
    transform: translate(-50%, -60%);
    z-index: 0;
    width: auto;
    height: auto;
}

.jr__name__tag__right::before{
    position: absolute;
    content: url(../img/daruma/daruma_kage.png);
    transform: translate(-50%, -60%);
    z-index: 0;
    width: auto;
    height: auto;
}



.team__name {
    font-family:'Yuji Syuku';
    margin: 0;
    font-size: 1.3rem;
    color:var(--primary-yellow);
    line-height: 1.4;
    padding-top: 0.4rem;
}

.daruma{
    width:153px;
    height:153px;
}



/* ダルマの顔 */

.daruma__karada01{
    position: absolute;
    width:153px;
    height:153px;
    transform: translate(2%, -99%);
}

.daruma__karada02{
    position: absolute;
    width:153px;
    height:153px;
    transform: translate(2%, -99%);
}

.daruma__karada{
    width: 15.3rem;
    height: auto;
}

.daruma__kao{
    position: absolute;
    transform: translate(31%, -270%);
    width:9.3rem;
}

/* ダルマ、サブページ */

.daruma__kao001{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -49%);
}

.daruma__kao002{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -49%);
}





.daruma__img {
    padding-right: 0.37rem;
    padding-left: 2.58rem;
    position: relative;
    z-index: 1;
}

.daruma__img__right {
    padding-left: 0.7rem;
    padding-right: 2.58rem;
    position: relative;
    z-index: 1;
}

.daruma__jump{
    animation: bounce 2s ease infinite;
    animation-play-state: paused; /* 初期状態で停止 */
}

.daruma__shake{
    animation: shake 1.5s ease-in-out infinite;
    animation-play-state: paused; /* 初期状態では停止 */
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-5deg);
    }
}
/* footer */

.footer__wrapper{
    margin-top:2.73rem;
    text-align: center;
    padding-bottom:2rem
}

.commmon__btn{
    background-image: url(../img/base.svg);
    width: 7.2rem;
    height: 6.4rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block; /* aタグをブロック要素に */
    text-decoration: none; /* リンクの下線を消す */
}





.top__6{
    position: relative;
}

.top__btn{
    margin-left:auto;
    display: block;
    position: relative;
    width: 7.2rem;
    height: 6.4rem;
}

.btn__p__top{
    font-size: 1.4rem;
    font-family: 'Yuji Syuku';
    color: var(--primary-yellow);
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    text-align: center;
}
.btn__p{
    font-size: 1.4rem;
    font-family: 'Yuji Syuku';
    color: var(--primary-yellow);
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    text-align: center;
}



.btn__wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between; /* 子要素の間にスペースを入れる */
    width: 86.4%;
    margin: 0 auto;
}

.commmon__top__btn{
    background-image: url(../img/base.svg);
    width:7.2rem;
    height:6.4rem;
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover;
    margin-left: auto;
}

.commmon__back__btn{
    background-image: url(../img/base.svg);
    width:7.2rem;
    height:6.4rem;
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover; 
}

.jr__top__btn{
    background-image: url(../img/jr__BACK.svg);
    width:7.2rem;
    height:6.4rem;
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover;
    color: var(--primary-gray);
    margin-left: auto;
}

.jr__back__btn{
    background-image: url(../img/jr__BACK.svg);
    width:7.2rem;
    height:6.4rem;
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover; 
    color: var(--primary-gray);
}

.jr__btn__p{
    font-size:1.4rem;
    font-family:'Yuji Syuku';
    color:var(--primary-gray);
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
}

.jr__p__back{
    color:var(--primary-gray);
    font-size:1.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
}

.sns{
    margin-top:5.37rem;
}

.sns__list{
    display:flex;
    align-items: center;
    justify-content: center;
}

.line__item{
    padding-right:1.52rem;
    padding-left:1.82rem;
    border-radius:50%;
}

.top__copy__right{
    font-family:"Shippori Mincho";
    font-size:1rem;
    line-height:1.2;
    margin-top:2.6rem;
    color:#FFFFFF;
}

.copy__right{
    font-family:"Shippori Mincho";
    font-size:1rem;
    line-height:1.2;
    margin-top:1.9rem;
    color:#FFFFFF;
}

.jr__copy__right{
    font-family:"Shippori Mincho";
    font-size:1rem;
    line-height:1.2;
    margin-top:2.6rem;
    color:#8C8C8C;
}

.back__btn {
    display: block; /* 全体をクリック可能に */
    position: relative;
    width: 7.2rem;
    height: 6.4rem;
}

/* ema css */

/* 01 */


.obi{
    width:100%;
    height:7rem;
    background-image:url(../img/obi.svg);
}

.obi__back{
    position: relative;
    padding-top:4rem;
}

/* ダルマ01 */

.daruma__img01{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    width:10rem;
    height: auto;
    display: block;
    z-index:1;
}

.daruma__img01::before {
    position: absolute;
    content: url(../img/daruma/obi__kage.png);
    transform: translate(-17%, 71%);
    z-index: -1;
    width: auto;
    height: auto;
}

.obi__kage01{
    position: relative;
}

.obi__kage01::after{
    position: absolute;
    content: url(../img/daruma/obi__kage.png);
    top: 71%;
    right: 30%;
    z-index: 0;
    width:auto;
    height: auto;
}

.obi__kage02{
    position: relative;
}

.obi__kage02::after{
    position: absolute;
    content: url(../img/daruma/obi__kage.png);
    top: 60%;
    right: 61%;
    z-index: 0;
    width:auto;
    height: auto;
}

.daruma__kao__01{
    position: absolute;
    transform: translate(33%, -263%);
    z-index: 10;
    width: 6rem;
}


.ema__group{
    margin-top:4.3rem;
}

.ema__img{
    position: relative;
    text-align: center;
}

.ema__back{
    width:89%;
    height:auto;
    margin:0 auto;
}


.ema__name{
    display: flex;
    align-items: center;
    width: 83.2%;
    height: auto;
    background-color:currentcolor;
    margin: 2.4rem auto 0;
    position: relative; /* 疑似要素のために追加 */
    clip-path:var(--octagon);
}

.ema__name__jr{
    display: flex;
    align-items: center;
    width: 83.2%;
    height: auto;
    background-color: var(--primary-gray);
    margin: 2.4rem auto 0;
    position: relative; /* 疑似要素のために追加 */
    clip-path:var(--octagon);
}

/* 絵馬の文字 */

.font{
    position: absolute;
    transform: translate(33%, -340%);
    z-index: 0;
    width: 60.2%;
}

.name__shadow{
    position: absolute;
    transform: translate(10%, -93%);
    z-index: -1;
    width: 83.2%;
}

.jr__name__shadow{
    position: absolute;
    transform: translate(10%, -93%);
    z-index: -1;
    width: 83.2%;
}

.ema__name::before{
    content: "";
    position: absolute;
    inset:var(--inset);
    background-color: var(--base-color);
    clip-path:var(--octagon);
    z-index: -1;
}

.ema__name__jr::before{
        content: "";
        position: absolute;
        inset:var(--inset);
        background-color: var(--base-color);
        clip-path:var(--octagon);
        z-index: -1;
}

.name__img{
    width:26.3%;
    padding:0.2rem;
    clip-path:var(--octagon02);
}

.name__img img{
    width:100%;
}

.name__p{
    width:74.7%;
    text-align: center;
}

.name__text{
    font-size:2.3rem;
    border-top:solid 1px #CFC09D;
    border-bottom:solid 1px #CFC09D;
    margin:0px 2.8rem 0 1.8rem; 
    padding:1rem 0px;
}

.kusama__name{
    font-size:2rem;
}


.ema__footer__01{
    margin-top:6.81rem;
    padding-bottom:2rem;
    text-align: center;
}

.btn__p__back{
    font-size: 1.4rem;
    font-family: 'Yuji Syuku';
    color: var(--primary-yellow);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -63%);
    text-align: center;
}

.btn__p__back02{
    font-size: 1.4rem;
    font-family: 'Yuji Syuku';
    color: var(--primary-yellow);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    text-align: center;
}

@media (min-width: 768px) {
    
}

/* 蛇 */

.hebi{
    position: relative;
}

.hebi::before{
    position: absolute;
    top: -40%;
    left: 62%;
    width: 26.4%;
    height: 100%;
    content:"";
    background-image: url(../img/hebi.svg);
    background-position: center;
    background-size: contain;
    display:block;
    background-repeat: no-repeat;
    /* 26.4% */
}

.hebi02{
    position: relative;
}

.hebi02::before{
    position: absolute;
    top: -43%;
    left: 63%;
    width: 26.4%;
    height: 100%;
    content: "";
    background-image: url(../img/hebi__jr.svg);
    background-position: center;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 1;
}


/* なにわ男子 */

/* .team__group__name{
    font-family:"Shippori Mincho";
    font-size: 2.5rem;
    padding: 4% 3% 5% 37%;
   
} */

.team__group__name {
    position: absolute;
    top: 49%;
    left: 42.5%;
    font-family: "Shippori Mincho";
    font-size: 2.5rem;
}

.team__group__name02 {
    position: absolute;
    top: 49%;
    left: 42.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name03{
    position: absolute;
    top: 49%;
    left: 62.5%;
    font-family: "Shippori Mincho";
    font-size: 2.5rem;
}

.team__group__name002{
    position: absolute;
    top: 49%;
    left: 47%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name004{
    position: absolute;
    top: 49%;
    left: 54%;;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name005{
    position: absolute;
    top: 49%;
    left: 50.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name006{
    position: absolute;
    top: 49%;
    left: 53.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name007{
    position: absolute;
    top: 49%;
    left: 53.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name008{
    position: absolute;
    top: 49%;
    left: 50%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name009{
    position: absolute;
    top: 49%;
    left: 47.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name010{
    position: absolute;
    top: 49%;
    left: 48.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name011{
    position: absolute;
    top: 49%;
    left: 49.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name012{
    position: absolute;
    top: 49%;
    left: 46%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name013{
    position: absolute;
    top: 49%;
    left: 49.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name014{
    position: absolute;
    top: 49%;
    left: 47%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name015{
    position: absolute;
    top: 49%;
    left: 42.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name016{
    position: absolute;
    top: 49%;
    left: 42.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.team__group__name017{
    position: absolute;
    top: 49%;
    left: 56.5%;
    font-family: "Shippori Mincho";
    font-size: 2.3rem;
}

.jr__team{
    font-family:"Shippori Mincho";
    font-size: 2.5rem;
    position: absolute;
    top: 48%;
    left: 52.5%;
    color:var(--primary-gray);
}

@media (max-width: 374px) and (min-width: 320px) {

}





.daruma__img02{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-166%, -34%);
    width: 10rem;
    height: auto;
    display: block;
    z-index: 1;
}

.daruma__img02::before {
    position: absolute;
    content: url(../img/daruma/obi__kage.png);
    transform: translate(-18%, 72%);
    z-index: -1;
    width: auto;
    height: auto;
}



/* ジュニア */

.jr__team__name {
    font-family:'Yuji Syuku';
    margin: 0;
    font-size: 1.3rem;
    color:var(--primary-gray);
    line-height: 1.4;
    padding-top: 0.4rem;
}

.jr__obi{
    width:100%;
    height:7rem;
    background-image:url(../img/jr__obi.svg);
}



/* ジュニアグループ */



.jr__name__text{
    font-size:2.3rem;
    border-top:solid 1px var(--primary-gray);
    border-bottom:solid 1px var(--primary-gray);
    margin:0px 2.8rem 0 1.8rem; 
    padding:1rem 0px;
    color: var(--primary-gray);
}


/* jr__news */

.jr__back__wrapper{
    padding: 0 5.3%;
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
}

.jr__back{
    padding-top:4.4rem;
}

.jr__back__list{
    display:flex;
    align-items:center;
    /* justify-content: center; */
}

.jr__back__bottom{
    margin-top:0.9rem;
}

.jr__back__item:not(:last-child) {
    margin-right: 1.4rem;
}

.jr__back__back{
    width:5.6rem;
    height:5.86em;
}

.jr__back__pink__01{
    background-image: url(../img/jr__pink__back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.jr__back__pink{
    background-image: url(../img/jr__pink__back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.jr__back__gray__01{
    background-image: url(../img/jr__gray__back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



.jr__back__gray{
    background-image: url(../img/jr__gray__back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.jr__text__btn{
    display: block;
    position: relative;
    width:5.6rem;
    height:5.86em;
}

.jr__text__btn02{
    display: block;
    position: relative;
    width:5.6rem;
    height:5.86em;
}

.jr__back__text{
    color: var(--primary-gray);
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    line-height:1;
    font-weight:800;
    font-family: "Shippori Mincho";
}

.jr__img__list{
    display:flex;
    align-items: center;
    justify-content: center;
}

.jr__set__wrapper{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.text__list01{
    padding-top:2.4rem;
}

.jr__accordion{
    margin-top:2.89rem;
}

.jr__set__img{
    width:85px;
    height:85px;
    position: relative;
    clip-path: var(--octagon03);
    background-color: #fff;
    padding: 0.3rem;
    margin:0 auto;
    z-index:1;
}

.set__img{
    clip-path: var(--octagon03);
    width:85px;
    height:79px;
    position: relative;
}

.set__img::before {
    content: "";
    background-image: url(../img/jr__name__img.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 85px;
    height: 79px; /* 親要素と同じサイズに調整 */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /* 親要素の後ろに配置 */
    clip-path: var(--octagon03); /* 背景も同じ形で切り抜く */
}

.jr__set__img::before{
    content: "";
    position: absolute;
    inset: var(--inset);
    background-color: var(--base-color);
    clip-path: var(--octagon03);
    z-index: -1;
}

.set__img__shadow{
    position: relative;
    width:81px;
    margin:0 auto;
}

.jr__set__text{
    background-image:url(../img/jr__name__back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    position: relative;
    width:9.1rem;
    height:4.3rem;
    margin-top:0.3rem;
}

.jr__img__set{
    padding-top:1.97rem;
}

.set__text__litle{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size:0.7rem;
    transform: translate(-50%, -60%);
    color:#8C8C8C;
}

.jr__set__center{
    margin-right:3.11rem;
    margin-left:3.11rem;
}

.jr__img__list02{
    margin-top:1.19rem;
}



/* アコーディオンメニュー */


.js-accordion--close{
    display: none;
  }

  .accordion-box {
    overflow: hidden;
    max-height: 0; /* 初期状態は閉じた状態 */
    transition: max-height 0.3s ease; /* スムーズなトランジション */
  }

  .js-accordion{
    position: relative;
    padding: 1.12rem 0px 1.28rem 0px;
    border: none;
    background-color: #fff;
    box-shadow: 0px 4px 0px 0px rgba(124, 121, 0, 0.2);
  }
  .js-accordion::before{
    content: "";
    width: 2px;
    height: 16px;
    background: #8C8C8C;
    position: absolute;
    right:32px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: .6s ease;
  }
  .js-accordion::after{
    content: "";
    width: 16px;
    height: 2px;
    background: #8C8C8C;
    position: absolute;
    right:25px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: .6s ease;
  }
  .js-accordion.is-accordion--open::before{
    transform: rotate(90deg);
  }
  .js-accordion.is-accordion--open::after{
    transform: rotate(-180deg);
  }
  .js-accordion.is-accordion--open + .accordion-box{
    opacity: 1;
  }

  .js-accordion.is-accordion--open{
    box-shadow:none;
  }

.item{
    text-align: center;
}

.item__white{
    background-color: #fff;
}

.accordion__text{
    font-size: 1.6rem;
    color: var(--primary-gray);
    font-family:"Shippori Mincho";
}

/* .item {
    box-shadow: 0px 4px 0px 0px rgba(124, 121, 0, 0.2);
} */

.item.js-accordion.is-accordion--open {
    box-shadow: none; /* 開いているときは影を消す */
}

/* ジュニアクリスマス */

/* .japanese_kana_container {
    padding-bottom: 70px;
} */

.japanese_kana-row {
    width: 100%;
    height: auto;
}
.japanese_kana-row ul {
    display: grid;
    grid-template-columns: minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr);
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: auto;
}
.japanese_kana-row ul li {
    width: 100%;
    display: flex;
    justify-content: center;
}
.japanese_kana-row ul li a {
    color: #8C8C8C;
    display: block;
    width: 60px;
    height: 60px;
    padding: 18px;
    text-align: center;
    background: linear-gradient(0.25turn, #F8E0EA, #FEF4DC);
    border-radius: 50%;
    border: solid 4px #fff;
    box-shadow: 2px 2px 0px 0px rgba(196, 196, 196, 0.7);
}
.japanese_kana-row ul li:nth-child(2n+2) a {
    background: linear-gradient(-0.25turn, #DAECF7, #FBF8DB);
}
.initial_container {
    padding-top: 30px;
    padding-top: 30px;
    max-width: 332px;
    margin: 0 auto;
    width: 100%;
}

.initial_container h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    max-width:332px;
    height: 40px;
    text-align: center;
    color: #8C8C8C;
    position: relative;
    background-color: #fff;
    margin: 0 auto 20px;
    font-size:1.6rem;
    font-family: "Shippori Mincho";
    box-shadow: 0px 4px 0px 0px rgba(124, 121, 0, 0.2);
    font-weight:800;
}

.initial_container h2::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    box-shadow: 2px 2px 0px 0px rgba(196, 196, 196, 0.7);
}
.initial_container h2 span {
    position: absolute;
    background-color: #8C8C8C;
}
.initial_container h2 .gradation_bg {
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 6px;
    left: 6px;
    background: linear-gradient(0.25turn, #F5BAD3, #FFF8A5, #A5D4F2);
    box-shadow: 2px 2px 0px 0px rgba(196, 196, 196, 0.7);
}
.initial_container h2 span:nth-child(3n+2) {
    right: 5px;
    transform: translate(-50%);
    top: 50%;
    width: 10px;
    height: 0.7px;
}
.initial_container h2 span:last-child {
    right: 14.5px;
    top: 39%;
    width: 0.7px;
    height: 10px;
}

.character_choose_container {
    display: none;
}
.initial_container .active {
    display: grid;
}

.character_choose_container {
    display: none;
}
.character_choose_container.active {
    display: grid;
}

.character_choose {
    display: grid;
    grid-template-columns: minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr);
    justify-content: center;
    gap: 13.8px;
    width: 100%;
    height: auto;
}
.character_choose li {
    display: flex;
    justify-content: center;
}
/* .character_choose li:nth-child(2n+1) .active {
    background: linear-gradient(0.25turn, #F8E0EA, #FEF4DC);
}
.character_choose li:nth-child(2n)  .active {
    background: linear-gradient(-0.25turn, #DAECF7, #FBF8DB);
} */

.character_choose li a {
    /* color: #8C8C8C; */
    display: block;
    /* width: 60px;
    height: 60px;
    padding: 18px;
    text-align: center;
    background: linear-gradient(0.25turn, #FFFAE1, #FDF3D7);
    border-radius: 50%;
    border: solid 4px #fff;
    box-shadow: 2px 2px 0px 0px rgba(196, 196, 196, 0.7); */
}

.jr_member_list {
    display: grid;
    grid-template-columns: minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr);
    justify-content: center;
    width: 100%;
    height: auto;
    gap: 11.9px 31.1px;
    margin-top:19.7px;
}
.jr_member_list li {
    flex: 1 1 calc(33.333% - 15px);
    text-align: center;
}

/* .jr_member_item_container img {
    height: 100%;
    width: 100%;
    max-width: 94px;
    border-radius: 50%;
    border: solid 4px #fff;
} */
/* .jr_artist_name {
    transform: rotate(-6deg);
} */
.jr_member_item_container h3 {
    display: flex;
    font-size: 1.1rem;
    justify-content: center;
    align-items: center;
    min-width: 92px;
    width: 100%;
    height: 43px;
    text-align: center;
    color: #8C8C8C;
    position: relative;
    background-image: url(../img/jr__name__back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    max-width: 91px;
    margin: 0.5rem auto 0px;
    padding-bottom:0.3rem;
    font-family: "Shippori Mincho";
    font-weight:800;
}
/* .jr_member_item_container h3::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0.25turn, #F5BAD3, #FFF8A5, #A5D4F2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: 2px 2px 0px 0px rgba(196, 196, 196, 0.7);
}
.jr_member_item_container h3::after {
    content: "";
    width: 100%;
    height: calc(100% - 4.5px);
    background: linear-gradient(0.25turn, #F5BAD3, #FFF8A5, #A5D4F2);
    position: absolute;
    top: 0;
    left: 5px;
    transform: rotate(7deg) scale(1 , 1.1) translateY(3px);
    z-index: -1;
    box-shadow: 2px 2px 0px 0px rgba(196, 196, 196, 0.7);
} */

.jr_member_item_container .long_name {
    font-size:1rem;
}

.jr_member_list {
    display: none;
}

.jr__back__10{
    margin-top:4.5rem;
}

.jr__member__list03{
    margin-top:1.97rem;
}

.name__litle h3{
    font-size:0.9rem;
}

.jr__img__shadow{
    position: absolute;
    transform: translate(0%, -97%);
    width: 81px;
    height: 81px;
}

.fade {
    opacity: 0;
    transition: opacity .8s, transform .8s;
  }
  .fade.is-inview {
    opacity: 1;
    transition-delay: .3s;
  }

  .fade {
    opacity: 0;
    transition: opacity .8s, transform .8s;
}
.fade.is-inview {
    opacity: 1;
    transition-delay: .3s;
}
/* close */

.close__back {
    background-image: url(../img/kami__02.svg);
    background-repeat: repeat-y; /* 垂直方向の繰り返し */
    width: 100%;
    background-size: 100% auto;
    height: 100vh;
}

.end__wrapper{
    padding-top:26.1rem;
    padding-bottom:26rem;
}

.close__container {
    background-image: url(../img/top__back__02.svg);
    background-repeat: repeat-y; /* 縦方向に繰り返す */
    background-size: 100% auto; /* 横幅を100%、縦幅は自動調整 */
    width: 100%;
    min-height: 105vh;
}

/* .end__back{
    background-image: url(../img/end__back.svg);
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover;
    width:100%;
    padding-top:3rem;
    padding-bottom:3.05rem;
    position: absolute;
    top: 38%;
    text-align: center;
} */

.end__btn {
    display: inline-block; /* aタグを文字サイズにフィットさせる */
    text-decoration: none; /* 必要に応じてリンクの下線を削除 */
}

.end__text03 {
    font-size: 1.2rem;
    line-height: 1.2;
    font-family: "Shippori Mincho";
    color: var(--primary-yellow);
}

.question {
    border: 0.5px solid var(--primary-yellow);
    padding: 0.55rem 0.65rem 0.75rem 0.75rem;
    margin: 0px auto 0px;
    display: inline-block; /* 幅をコンテンツに合わせる */
    width: auto; /* 固定幅を解除し、コンテンツに合わせる */
}

/* login */

.login__wrapper{
    background-image: url(../img/login__bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    position: relative;
    min-height: 105vh;
    font-weight:800;
}

.login__wrapper{
    height: 100vh;
    display: flex;
    align-items: center; /* 縦方向の中央揃え */
    justify-content: center; /* 横方向の中央揃え */
}

.login__back{
    background-color: var(--primary-white);
    width: 100%;
    padding-top:0.4rem;
    padding-bottom:0.4rem;
    position: relative;
    z-index: 1;
    box-shadow: 0px 4px 0px 0px rgba(160, 130, 60, 0.3);
    border-top: 2px solid #A0823C;
    border-bottom: 2px solid #A0823C;
}
.login__text01{
    font-size:1.3rem;
    line-height:1.2;
    font-family:"Shippori Mincho";
    text-align: center;
    padding-top:2.3rem;
    border-top: 2px solid #CFC09D;
}
.login__text02{
    font-size:1.3rem;
    line-height:1.2;
    font-family:"Shippori Mincho";
    margin-top:1.1rem;
    text-align: center;
}
/* .login__text03{
    font-size:1.3rem;
    line-height:1.2;
    font-family:"Shippori Mincho";
    margin-top:1.3rem;
    text-align: center;
    font-weight: 800;
    text-decoration: underline
}

.login__text05{
    font-size:1rem;
    line-height:1.2;
    font-family:"Shippori Mincho";
    text-align: center;
    font-weight: 800;
    margin-top:1rem;
} */

.login__list {
    display: none; /* 初期状態は非表示 */
    max-width: 330px;
    margin: 10px auto 0;
}

.login__text03 {
    font-size: 1.3rem;
    line-height: 1.2;
    font-family: "Shippori Mincho";
    margin-top: 1.3rem;
    text-align: center;
    font-weight: 800;
    text-decoration: underline;
    cursor: pointer; /* カーソルをポインタに */
}

.login__list__btn.hidden {
    display: none; /* hiddenクラスが付いたときに非表示 */
}

.login__text05 {
    font-size: 1rem;
    line-height: 1.2;
    font-family: "Shippori Mincho";
    text-align: center;
    font-weight: 800;
    margin-top: 1rem;
}


.login__btn{
    display: inline-block;
    background-color:var(--primary-yellow);
    color: var(--primary-white);
    width:57%;
    margin:2.04rem auto 0px;
    padding:1rem 0px;
}

/* .index__login__text{
    color:#000000;
    margin-top:4.3rem;
} */

.index__login__text {
    padding: 1rem;
    background: #fff;
    color: #a0823c;
    margin-top: 4.3rem;
    width: 90%;
    margin: 4.3rem auto 0px;
    border: 1px solid #a0823c;
    text-decoration:none;
    font-size: 1.3rem;
    line-height: 1.2;
    font-family: "Shippori Mincho";
    text-align: center;
    font-weight: 800;
    cursor: pointer;
}

.login__area{
    padding-bottom:2.3rem;
    border-bottom: 2px solid #CFC09D;
    text-align: center;
}

.login__text04{
    font-size:1.4rem;
    line-height:1.2;
    font-family:"Shippori Mincho";
    text-align: center;
}

.login__logo{
    display: block;
    width: 244px;
    height: 136px;
    position: absolute;
    /* top: 16%; */
    top:9%;
    left: 19%;
}

.login__left__cloud01{
    display: block;
    position: absolute;
    top: 6%;
    left: -17%;
    width: 50%;
}
.login__left__cloud02{
    display: block;
    position: absolute;
    top: 70%;
    left: -33%;
    width: 50%;
}
.login__left__cloud03{
    display: block;
    position: absolute;
    top: 85%;
    left: -35%;
    width: 76%;
}
.login__right__cloud01{
    display: block;
    position: absolute;
    top:4%;
    left: 66%;
    width: 50%;
}
.login__right__cloud02{
    display: block;
    position: absolute;
    top: 25%;
    left: 72%;
    width: 50%;
}
.login__right__cloud03{
    display: block;
    position: absolute;
    top: 74%;
    left: 79%;
    width: 86%;
}
.login__ume__01{
    display: block;
    position: absolute;
    top: 21%;
    left: -43%;
    width: 237px;
}
.login__ume__02{
    display: block;
    position: absolute;
    top: 64%;
    left: -38%;
    width: 419px;
}

.samplebox {
    transform: rotate( -45deg );
 }

.slash{
    display: inline-block;
    transform: rotate(15deg);
    margin: 0 0.3rem;
 }

/* .end__back {
    background-image: url(../img/end__back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    position: absolute;
    top: 38%;
    height:16rem;
    max-height:450px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
} */

.end__back {
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 41%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding-top:3px;
    padding-bottom:3px;
    box-shadow: 0px 4px 0px 0px rgba(160, 130, 60, 0.3);
    border-top: 2px solid #A0823C;
    border-bottom: 2px solid #A0823C;
}

.end__text01 {
    border-top: 2px solid #CFC09D;
    font-size: 1.8rem;
    line-height: 1.2;
    font-family: "Shippori Mincho";
    text-align: center;
    padding-top: 2.3rem;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.end__text02 {
    font-size: 1.8rem;
    line-height: 1.2;
    font-family: "Shippori Mincho";
    margin-top: 0.7rem;
    text-align: center;
    padding-bottom: 2.3rem;
    border-bottom: 2px solid #CFC09D;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

img.lazyload {
    display: block; /* img要素のサイズを保持 */
    width:15px; /* 必要に応じてサイズ調整 */
    height:15px; /* 必要に応じてサイズ調整 */
    background-image: url("../img/loading.gif");
    background-size: cover; /* 背景画像をカバー */
    background-position: center center;
}

/* 画像が読み込まれたら .loaded クラスを追加 */
img.lazyload.loaded {
    background-image: none; /* 背景を消す */
}

/* img.lazyload:not(.loaded) {
    background-image: url("../img/loading.gif");
    background-size: cover;
} */
.bordered-image {
    /* 元の画像の輪郭に合わせた白い境界線 */
    filter:drop-shadow(0 0 0 white) 
            drop-shadow(3px 0 0 white) 
            drop-shadow(-3px 0 0 white) 
            drop-shadow(0 3px 0 white) 
            drop-shadow(0 -3px 0 white)
            /* 外側に透過度30%の#A0823Cのシャドウ */
            drop-shadow(0px 5px 0px rgba(160, 130, 60, 0.3))
        }

        @media (max-width: 350px) {
            .jr__back__item:not(:last-child) {
                margin-right: 0.5rem;
            }

            .jr_member_list {
                display: grid;
                grid-template-columns: minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr);
                justify-content: center;
                width: 100%;
                height: auto;
                gap: 11.9px 13.1px;
                margin-top: 5.9px;
            }

            .daruma__img02 {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-140%, -34%);
                width: 10rem;
                height: auto;
                display: block;
                z-index: 1;
            }

            .daruma {
                width: 100%;
                height: 100%;
            }

            .daruma__karada01 {
                position: absolute;
                width: 80%;
                height: 100%;
                transform: translate(3%, -100%);
            }

            .daruma__karada02 {
                position: absolute;
                width: 80%;
                height: 100%;
                transform: translate(1%, -100%);
            }

            .daruma {
                width: 100%;
                height: 100%;
            }

            .daruma__karada01 {
                position: absolute;
                width: 80%;
                height: 100%;
                transform: translate(3%, -100%);
            }

            .daruma__karada02 {
                position: absolute;
                width: 80%;
                height: 100%;
                transform: translate(1%, -100%);
            }

            .name__tag {
                background-image: url(../img/name__tag.svg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                width: 13.8rem;
                height: 3.2rem;
                text-align: center;
                margin-top: 1.16rem;
                margin-left: 12%;
                position: relative;
            }

            .name__tag__right {
                background-image: url(../img/name__tag.svg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                width: 13.8rem;
                height: 3.2rem;
                text-align: center;
                margin-top: 1.16rem;
                margin-left: 2%;
                margin-right: 3.34rem;
            }
        }

        @media (max-width: 370px) {

            .daruma {
                width: 100%;
                height: 100%;
            }

            .daruma__karada01 {
                position: absolute;
                width: 80%;
                height: 100%;
                transform: translate(3%, -100%);
            }

            .daruma__karada02 {
                position: absolute;
                width: 80%;
                height: 100%;
                transform: translate(3%, -100%);
            }
        }

.heyfont{
    font-family: "Diphylleia";
    font-weight: 400;
    font-style: normal;
}

.heyfont2 {
    font-family: "Diphylleia";
    font-weight:600;
}

.login__list__area{
    padding: 1rem;
    background: #fff;
    width: 90%;
    margin: 0px auto 0;
    border: 1px solid #a0823c;
    border-top: none;
    max-width:100%;
}

a {
    -webkit-tap-highlight-color: transparent; /* タップ時の青いハイライトを無効化 */
    cursor: pointer !important;
  }