@charset "UTF-8";

#index .kv__logo.off {
    animation: none;
    top: 40px;
}
#index .article a[target=_blank]:after, #index .section4__txt-3 a[target=_blank]:after{
  font-family: "Hobonichi-Icons";
  content: "\e914";
  font-weight: normal;
  font-size: .8em;
  position: relative;
  top: -.2em;
}

#index .section4__inner {
    background: #76b777;
}
#index .kv__copy {
    width: auto;
    top: 113px;
    left: initial;
    right: 138px;
}
#index .section4__txt-2 {
    color: #fff;
    background: initial;
    font-family: "Shuei MaruGo B","Noto Sans JP",sans-serif;
    padding: 14px 0 0 0;
}
#index .article__name {
    color: #76b777;
    font-family: "Shuei MaruGo B","Noto Sans JP",sans-serif;
}
#index .article__txt a {
    color: #eb82af;
    transition: opacity .3s;
}
#index .mail__txt {
    font-family: "Shuei MaruGo B","Noto Sans JP",sans-serif;
}
#index .mail__txt div:nth-child(n + 2){
    margin-top: 4em;
}
#index .section4 .continue {
    text-align: center;
    font-size: 15px;
}
#index .section4 .article__img + .continu {
    margin-top: -25px;
}
#index .article_ttl1, #index .article_ttl2, #index .article_ttl3, #index .article_ttl4{
    width: auto !important;
}   
#index .section4__txt-3 {
    font-family: "Shuei MaruGo B",sans-serif;
    background: #76b777;
    margin: 20px auto 0;
    padding: 40px 30px;
    max-width: 500px;
    width: 96vw;
    border-radius: 16px;
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 2;
    color: #fff;
}
#index .section4__txt-3 img {
    width: auto;
}
#index .section4__txt-3 a {
    color: #ffbeff;
    transition: opacity .3s;
}
#index .section4__txt-3 .text {
    padding-top: 30px;
    padding-left: 40px;
}
#index .section4__txt-3 .center {
    text-align: center;
}
#index .section4__txt-3 > div {
    padding-top: 48px;
}
#index .section4__txt-3 h3 {
    color: #332e20;
    font-size: 22px;
    font-family: "Shuei NijimiMGo B",sans-serif;
}
#index .section4__txt-3 ul {
    padding-top: 48px;
}
#index .section4__txt-3 ul li {
    text-indent: -1em;
    padding-left: 1em;
}
#index .section4__txt-3 .memo {
    background: #f1ece0;
    color: #332e20;
    border-radius: 10px;
    padding: 25px 0 30px;
    margin-top: 65px;
}
#index .section4__txt-3 .memo img {
    display: block;
    margin: 0 auto;
}
#index .section4__txt-3 .memo div{
    display: flex;
    justify-content: center;
    text-align: left;
    font-size: 16px;
    padding: 25px 0;
}
@media screen and (min-width:768px),print {
    #index .article__txt a:hover, #index .section4__txt-3 a:hover {
        opacity: .4;
    }
    #index .kv {
        background-image: url(./../img/30go/pc/main_kv.jpg);
        background-size: cover;
    }
    #index .kv__ttl {
        width: 404.57px;
        top: 40px;
        left: 60px;
    }
    #index .kv__logo {
        width: 94px;
        left: auto;
        right: 23px;
    }
    @keyframes bund-anime-logo {
        0%, to {
            top: 35px
        }
        50% {
            top: 15px
        }
    }
    #index .kv__tokusyu {
        width: auto;
        top: initial;
        bottom: 47px;
        left: 46px;
    }
    #index .section4__ttl {
        width: 129px;
    }
    #index .article {
        white-space: nowrap;
    }
    #index .article h3 {
        padding: 0 22px 34px;
    }
    #index .article h3 img {
        width: auto;
        max-width: initial;
    }
    #index .article__name {
        padding: 0 22px 8px;
    }
    #index .article__txt {
        padding: 0 22px 35px;
    }
    #index .mail__txt {
        font-size: 16px;
        padding: 80px 0 80px 75px;
        margin-left: -50px;
        margin-bottom: 50px;
        width: 600px;
        background: #f9f8f7;
        border: 1px solid #808080;
        position: relative;
    }    
    #index .mail__txt div {
        position: relative;
    }
    #index .mail__txt img {
        width: auto;
        position: absolute;
        top: -38px;
        left: -56px;
    }
    #index .article__img {
        padding-bottom: 35px;
    }
    #index .kv__shop {
        position: absolute;
        right: 35px;
        bottom: 32px;
        animation: bund-anime-shop 4s 0s infinite;
    }
    #index .kv__shop a:hover {
        opacity: .6;
    }
    #index .kv__shop img {
        width: auto;
    }
    @keyframes bund-anime-shop {
        0%, to {
            transform: translateX(-5px);
        }
        50% {
            transform: translateX(15px);
        }
    }
    @keyframes bund-anime-logo {
        0%, to {
            top: 35px
        }
        50% {
            top: 15px
        }
    }
}
@media screen and (max-width: 767px), print {
    #index .kv__logo.off {
        top: 4vw;
        right: 3.2vw;
    }
    #index .kv__shop {
        width: 20vw;
        position: absolute;
        left: 3vw;
        bottom: 4vw;
        animation: bund-anime-shop 4s 0s infinite;
    }
    @keyframes bund-anime-shop {
        0%, to {
            transform: translateX(0);
        }
        50% {
            transform: translateX(4vw);
        }
    }
    #index .kv {
        background-image: url(./../img/30go/sp/main_kv_sp.jpg);
        background-size: cover;
        height: 156.26667vw;
        width: 100%;
    }
    #index .kv__ttl {
        width: 70.799vw;
        position: absolute;
        left: 3.6vw;
    }
    #index .kv__copy {
        width: 30.04vw;
        top: 59.5vw;
        right: 5vw;
    }
    #index .kv__tokusyu {
        width: 55.7vw;
        left: 5.5vw;
        top: 50.7vw;
        bottom: auto;
        animation: none;
        opacity: 1;
    }
    #index .kv__logo {
        width: 18.66667vw;
        right: 4vw;
    }
    #index .section4__ttl {
        width: 31.7vw;
    }
    #index .article {
        width: 100vw;
    }
    #index .article h3, #index .article__name, #index .article__txt{
        width: 86.66667vw;
        margin: 0 auto;
    }
    #index .article h3 img {
        max-width: initial;
        width: auto;
    }
    #index .mail__txt {
        width: 94.666vw;
        font-size: 16px;
        padding: 80px 15px 50px;
        margin-bottom: 50px;
        background: #f9f8f7;
        border: 1px solid #808080;
        position: relative;
    }    
    #index .mail__txt div {
        position: relative;
    }
    #index .mail__txt div:nth-child(n + 2) {
        margin-top: 5.5em;
    }
    #index .mail__txt img {
        width: 47.87px;
        position: absolute;
        top: -52px;
    }
    #index .article__img {
        width: 94.666vw;
        margin: 0 auto;
    }
    #index .section4__txt-3 {
        margin: 0 auto;
        padding: 20px 15px;
        font-size: 3.6vw;
    }
    #index .section4__txt-3 .text {
        padding-top: 15px;
        padding-left: 8.4vw;
    }
    #index .section4__txt-3 > div {
        padding-top: 20px;
    }
    #index .section4__txt-3 ul {
        padding-top: 20px;
    }
    #index .section4__txt-3 h3 {
        font-size: 4.4vw;
    }
    #index .section4__txt-3 .memo {
        margin-top: 35px;
    }
    #index .section4__txt-3 .memo div {
        font-size: 3.2vw;
    }
    #index .section4__txt-3 .memo .live {
        width: 80vw;
    }
    #index .section4__txt-3 .memo .btn {
        width: 44vw;
    }
    #index .section4__txt-3 .memo .date {
        width: 80vw;
    }
}