@charset "UTF-8";

/* #index .section4__txt-2 a[target=_blank]:after, #index .article a[target=_blank]:after {
  font-family: "Hobonichi-Icons";
  content: "\e914";
  font-weight: normal;
  font-size: .8em;
  position: relative;
  top: -.2em;
} */
.indent {
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
    color: #a39383;
    font-family: "Shuei MaruGo B","Noto Sans JP",sans-serif;
}
#index .kv__logo.off
{
    animation: none;
    top: 40px;
}
#index .section4__inner {
    background: #ffcd00;
}
#index .kv__copy {
    width: auto;
    top: 35px;
    left: auto;
    right: 61px;
}
#index .section4__txt-2 {
    color: #332e20;
    background: initial;
    font-family: "Shuei NijimiMGo B JIS2004","Noto Sans JP",sans-serif;
    padding: 14px 0 0 0;
}
#index .article__name {
    color: #97caeb;
    font-family: "Shuei MaruGo B","Noto Sans JP",sans-serif;
}
#index .section4__txt-2 a, #index .article__txt a, #index .article__img a{
    color: #eb82af;
    transition: opacity .3s;
}
#index .article__txt {
    color: #332e20;
}
#index .story {
    font-family: "Shuei MaruGo B","Noto Sans JP",sans-serif;
    font-size: 15px;
    line-height: 2;
    background-color: #bddcf1;
    border-radius: 20px;
    padding: 45px 50px;
    margin-bottom: 75px;
    color: #332e20;
}
#index .article__img span {
    font-size: 13px;
    line-height: 2;
    display: block;
    padding: 1em 60px 0;
    text-indent: -1em;
    padding-top: 1em;
    letter-spacing: .05em;
    color: #332e20;
}
@media screen and (min-width:768px),print {
    #index .kv {
        background-image: url(./../img/36go/pc/main_kv.jpg);
        background-size: cover;
    }
    #index .kv__ttl {
        width: auto;
        top: 35px;
        left: 30px;
    }
    #index .kv__logo.off {
        left: 35px;
        top: 285px;
    }
    #index .kv__shop {
        position: absolute;
        right: 50px;
        bottom: 24px;
        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);
        }
    }
    #index .kv__tokusyu {
        width: auto;
        top: auto;
        bottom: 33px;
        left: 40px;
    }
    #index .section4__ttl {
        width: 79px;
    }
    #index .section4__txt-2 {
        width: 380px;
    }
    #index .section4__txt-2 a {
        margin-left: -60px;
        margin-right: -60px;
        display: block;
    }
    #index .article h3 {
        padding: 0 50px 34px;
    }
    #index .article__txt {
        padding: 0 50px 35px;
        line-height: 2;
    }
    #index .section4__txt-2 a:hover, #index .article__txt a:hover , #index .article__img a:hover {
        opacity: .4;
    }    
    #index .article {
        white-space: nowrap;
    }
    #index .article_ttl {
        width: auto;
    }   
    #index .article__img {
        padding-bottom: 10px;
    }
    #index .article__img-last {
        padding-bottom: 45px;
    }
}
@media screen and (max-width: 767px), print {
    #index .kv__logo.off {
        top: 70.6vw;
        right: 4vw;
    }
    #index .kv__shop {
        width: 20vw;
        position: absolute;
        right: 7vw;
        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/36go/sp/main_kv_sp.jpg);
        background-size: cover;
        height: 156.26667vw;
        width: 100%;
    }
    #index .kv__ttl {
        width: 64vw;
        position: absolute;
        top: 3.5vw;
        left: 3vw;
    }
    #index .kv__copy {
        width: 88vw;
        top: 4vw;
        right: auto;
        left: 4.5vw;
    }
    #index .kv__tokusyu {
        width: 44.533vw;
        left: 4.5vw;
        bottom: 6vw;
        animation: none;
        opacity: 1;
    }
    #index .section4__ttl {
        width: 15.733vw;
    }
    #index .article_ttl {
        width: auto;
    }
    #index .article__img {
        padding-bottom: 2vw;
    }
    #index .article__img-last {
        padding-bottom: 11.33333vw;
    }
    #index .story {
        padding: 6vw;
    }
    #index .article__img span {
        padding: 0.5em 0 0 1em;
    }
}

@media screen and (max-width: 375px), print {
    #index .article_ttl2 {
        max-width: initial;
        margin-left: -6px;
    }
}