@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

@font-face {
    font-family: MyYuGothicM;
    font-weight: 400;
    font-display: swap;
    src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular")
}

@font-face {
    font-family: MyYuGothicM;
    font-weight: 700;
    font-display: swap;
    src: local("YuGothic-Bold"), local("Yu Gothic Bold")
}

@font-face {
    font-family: MyYuMinchoM;
    font-weight: 400;
    font-display: swap;
    src: local("YuMincho-Medium"), local("Yu Mincho Medium"), local("YuMincho-Regular")
}

@font-face {
    font-family: MyYuMinchoM;
    font-weight: 700;
    font-display: swap;
    src: local("YuMincho-Demibold"), local("Yu Mincho")
}

@font-face {
    font-family: "Noto Serif";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("webfont.eot");
    src: local("myfont Regular"), url("../font/notoserifcjkjp_regular.eot?#iefix") format("embedded-opentype"), url("../font/notoserifcjkjp_regular.woff") format("woff"), url("../font/notoserifcjkjp_regular.ttf") format("truetype")
}

.footer {
    font-family: "MyYuGothicM", MyYuGothicM, YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif
}

.footer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word
}




.footer,
menu {
    display: block
}


.footer svg {
    border: 0;
    vertical-align: middle
}

.footer ul,
.footer li {
    list-style: none
}

.footer a {

    text-decoration: none;
    cursor: pointer
}

.footer .ht {
    display: none
}
.footerTop a{
	color:#fff !important;
}
.footer {
    position: relative;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

@media only screen and (max-width: 767px) {
    .footer {
        min-width: 2px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footer {
        min-width: 768px
    }
}

.content {
    position: relative
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.footer {
    z-index: 9000
}

.footerTop {
    min-width: 1120px;
    background-color: #333
}

.footerTop_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 50px 40px
}

.footerTop_head {
    display: block;
    margin-bottom: 18px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .08em
}

.footerTop_sns .footerTop_head {
    display: none
}

.footerTop_information {
    width: 63.8%
}

.footerTop_information_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footerTop_information_listNode {
    width: 33.33%
}

.footerTop_information_listNode:nth-of-type(n+4) {
    margin-top: 8px
}

.footerTop_information_listLink {
    display: inline-block;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    color: #fff;
    font-size: 11px;
    letter-spacing: .08em;
    line-height: 1.5
}

.footerTop_information_listLink:hover {
    opacity: .6 !important
}

.footerTop_mailmag {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 36.2%;
    padding-left: 50px;
    border-left: 1px solid #222
}

.footerTop_mailmagInner {
    display: inline-block;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: block
}

.footerTop_mailmagInner:hover {
    opacity: .6 !important
}

.footerTop_mailmag_text {
    color: #fff;
    font-size: 11px;
    letter-spacing: .08em;
    line-height: 1.6
}

.footerTop_mailmag_link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .04em
}

.footerTop_mailmag_svg {
    width: 15px;
    height: 13px;
    margin-left: 8px
}

.footerTop_sns {
    margin-top: 22px
}

.footerTop_sns_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footerTop_sns_listNode {
    width: 29.5%
}

.footerTop_sns_listNode+.footerTop_sns_listNode {
    margin-left: 10px
}

.footerTop_sns_listLink {
    display: inline-block;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 32px;
    border-radius: 25px
}

.footerTop_sns_listLink:hover {
    opacity: .6 !important
}

.footerTop_sns_listNode-facebook .footerTop_sns_listLink {
    background-color: #38599a
}

.footerTop_sns_listNode-twitter .footerTop_sns_listLink {
    background-color: #0f1419
}

.footerTop_sns_listNode-youtube .footerTop_sns_listLink {
    background-color: #d7000f
}

.footerTop_sns_listNode-facebook .footerTop_sns_listSvg {
    width: 7px;
    height: 14px
}

.footerTop_sns_listNode-twitter .footerTop_sns_listSvg {
    width: 15px;
    height: 12px
}

.footerTop_sns_listNode-youtube .footerTop_sns_listSvg {
    width: 20px;
    height: 14px
}

.footerBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 35px 40px
}

.footerBottom_logo {
    display: inline-block;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25.9%
}

.footerBottom_logo:hover {
    opacity: .6 !important
}

.footerBottom_logo_svg {
    width: 108px;
    height: 20px
}

.footerBottom_copy {
    margin-top: 16px;
    font-family: "Red Hat Display", sans-serif;
    font-size: 10px;
    letter-spacing: .08em
}

.footerBottom_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.footerBottom_listNode {
    font-size: 11px;
    letter-spacing: .08em
}

.footerBottom_listNode+.footerBottom_listNode {
    margin-left: 28px
}

.footerBottom_listLink {
    display: inline-block;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.footerBottom_listLink:hover {
    opacity: .6 !important
}

.footerBottom a:link {
    color: #333;
}

@media(max-width:1120px) {


    @import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap");

    @font-face {
        font-family: MyYuGothicM;
        font-weight: 400;
        font-display: swap;
        src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular")
    }

    @font-face {
        font-family: MyYuGothicM;
        font-weight: 700;
        font-display: swap;
        src: local("YuGothic-Bold"), local("Yu Gothic Bold")
    }

    @font-face {
        font-family: MyYuMinchoM;
        font-weight: 400;
        font-display: swap;
        src: local("YuMincho-Medium"), local("Yu Mincho Medium"), local("YuMincho-Regular")
    }

    @font-face {
        font-family: MyYuMinchoM;
        font-weight: 700;
        font-display: swap;
        src: local("YuMincho-Demibold"), local("Yu Mincho")
    }

    @font-face {
        font-family: "Noto Serif";
        font-style: normal;
        font-weight: 100;
        font-display: swap;
        src: url("webfont.eot");
        src: local("myfont Regular"), url("../font/notoserifcjkjp_regular.eot?#iefix") format("embedded-opentype"), url("../font/notoserifcjkjp_regular.woff") format("woff"), url("../font/notoserifcjkjp_regular.ttf") format("truetype")
    }

    .footer {
        font-family: "MyYuGothicM", MyYuGothicM, YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, Meiryo, sans-serif
    }

    .footer * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow-wrap: break-word
    }




    .footer,
    menu {
        display: block
    }


    .footer svg {
        border: 0;
        vertical-align: middle
    }

    .footer ul,
    .footer li {
        list-style: none
    }



    .footer .ht {
        display: none
    }

    .footer {
        position: relative;
        font-size: 14px;
        letter-spacing: .1em;
        line-height: 1;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%
    }

    @media only screen and (max-width: 767px) {
        .footer {
            min-width: 2px
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .footer {
            min-width: 768px
        }
    }

    .content {
        position: relative
    }

    /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

    @-webkit-keyframes clockwise {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes clockwise {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-webkit-keyframes donut-rotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        50% {
            -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg)
        }

        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @keyframes donut-rotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        50% {
            -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg)
        }

        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    .footer {
        z-index: 9000
    }

    .footerTop {
        background-color: #333
    }

    .footerTop_head {
        display: block;
        margin-bottom: 18px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: .08em
    }

    .footerTop_information {
        padding: 35px 20px;
        background-color: #333
    }

    .footerTop_information_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footerTop_information_listNode {
        width: 50%;
        padding-right: 10px
    }

    .footerTop_information_listNode:nth-of-type(n+3) {
        margin-top: 16px
    }

    .footerTop_information_listLink {
        color: #fff;
        font-size: 11px;
        letter-spacing: .08em;
        line-height: 1.5
    }

    .footerTop_mailmag {
        padding: 35px 20px;
        background-color: #222
    }

    .footerTop_mailmagInner {
        display: block
    }

    .footerTop_mailmag_text {
        color: #fff;
        font-size: 11px;
        letter-spacing: .08em;
        line-height: 1.6;
        word-break: break-word;
        overflow-wrap: break-word
    }

    .footerTop_mailmag_link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 16px;
        color: #999;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: .04em
    }

    .footerTop_mailmag_svg {
        width: 15px;
        height: 13px;
        margin-left: 8px
    }

    .footerTop_sns {
        margin: 25px -20px 0;
        padding: 25px 20px 0;
        border-top: 1px solid #333
    }

    .footerTop_sns_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .footerTop_sns_listNode {
        width: calc(33.33% - (20px / 3))
    }

    .footerTop_sns_listNode+.footerTop_sns_listNode {
        margin-left: 10px
    }

    .footerTop_sns_listLink {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 40px;
        border-radius: 25px
    }

    .footerTop_sns_listNode-facebook .footerTop_sns_listLink {
        background-color: #38599a
    }

    .footerTop_sns_listNode-twitter .footerTop_sns_listLink {
        background-color: #0f1419
    }

    .footerTop_sns_listNode-youtube .footerTop_sns_listLink {
        background-color: #d7000f
    }

    .footerTop_sns_listNode-facebook .footerTop_sns_listSvg {
        width: 9px;
        height: 18px
    }

    .footerTop_sns_listNode-twitter .footerTop_sns_listSvg {
        width: 20px;
        height: 16px
    }

    .footerTop_sns_listNode-youtube .footerTop_sns_listSvg {
        width: 26px;
        height: 18px
    }

    .footerBottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 25px 20px
    }

    .footerBottom_logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footerBottom_logo_svg {
        width: 108px;
        height: 20px
    }

    .footerBottom_copy {
        margin-top: 16px;
        font-family: "Red Hat Display", sans-serif;
        font-size: 10px;
        letter-spacing: .08em
    }

    .footerBottom_list {
        display: none
    }

    .footerBottom_listNode {
        font-size: 11px;
        letter-spacing: .08em
    }

    .footerBottom_listNode+.footerBottom_listNode {
        margin-left: 28px
    }

    .title {
        margin-bottom: 20px;
        font-size: 36px;
        font-weight: bold
    }

    .footerTop {
        min-width: inherit;
    }

    .footerTop_inner {
        display: block;
        padding: 0;
    }

    .footerTop_mailmag {
        width: 100%;
    }

    .footerTop_information {
        width: 100%;
    }

    .footerTop_head {
        display: block !important;
    }
}