@charset "utf-8";
/*
Theme Name: ウェルネスラボ悠のテーマ
Author: yuta.s
Author URI: https://addone-works.com
Description:ウェルネスラボ悠
version: 1.0.0
*/

/*common
-----------------------------------------------------------------------------------------*/
.border_bottom_title {
    margin-bottom: 3%;
}

.border_bottom_title span {
    border-bottom: 4px solid;
    padding-bottom: 8px;
    font-size: 120%;
}

.border_bottom_title.blown_border span {
    border-color: rgb(113, 75, 21);
}

.border_bottom_title.blue_border span {
    border-color: rgb(121, 210, 245);
}

.border_bottom_title.green_border span {
    border-color: rgb(196, 230, 173);
}



/*header
-----------------------------------------------------------------------------------------*/
.header_bgimg {
    height: 100%;
    width: 100%;
    background-image: url(./images/top_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    position: fixed;
    z-index: -1;
    animation: zoomFadeIn 10s forwards;
}

@keyframes zoomFadeIn {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    20% {
        opacity: 1;
    }

    100% {
        transform: scale(1.06);
    }
}

.header_wrap {
    height: 100vh;
    width: 100%;
}

.head_logo_box,
.head_menu_box {
    height: 90px;
    z-index: 10000;
}

.head_logo_box {
    position: fixed;
    left: 10px;
    top: 5px;
}

.head_logo_box img {
    height: 100%;
}

.head_menu_box {
    position: fixed;
    right: 10px;
    top: 0;
    padding: 10px 0;
    box-sizing: border-box;
}

.head_menu_box .global_menu {
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    vertical-align: baseline;
    align-items: flex-start;
    height: 100%;
    line-height: 70px;
    border-radius: 60px 0 60px 0;
}

.menu_link {
    padding: 0 40px;
    font-weight: bold;
    font-size: 90%;
}

.menu_link:hover {
    opacity: 0.7;
}

.link_border_right {
    border-right: 1px solid rgb(113, 75, 21);
}

.link_border_left {
    border-left: 1px solid rgb(113, 75, 21);
}

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

h1.font_yugo {
    position: absolute;
    top: 30%;
    left: 10%;
    font-weight: bold;
    font-size: 400%;
    color: rgb(83, 83, 83);
    line-height: 1.3;
}

.header_text {
    position: absolute;
    bottom: -20%;
    width: 100%;
    padding: 6% 0 0;
    box-sizing: border-box;
    border-radius: 50% 50% 0 0;
    font-size: 120%;
    line-height: 2;
}


/*メニュー内アコーディオン*/
.acd-check {
    display: none;
}

.acd-label {
    display: inline-block;
    margin-bottom: 1px;
}

.acd-content {
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}

.acd-check:checked+.acd-label+.acd-content {
    opacity: 1;
    visibility: visible;
}

.acd-content p {
    border-bottom: 1px dotted rgb(113, 75, 21);
    background-color: rgba(255, 255, 255, 0.7);
}

.acd-content p a {
    font-size: 70%;
    padding: 5px 0;
    border-bottom: 4px solid;
}

.acd-content p a.takimichi_link {
    border-color: rgb(121, 210, 245);
}

.acd-content p a.mizunomori_link {
    border-image: linear-gradient(to right, rgb(121, 210, 245), rgb(196, 230, 173))1;
}

.acd-content p a.hayama_link {
    border-color: rgb(196, 230, 173);
}

/*ここまでメニュー内アコーディオン*/

.header_icon_box {
    position: fixed;
    right: 3%;
    bottom: 3%;
    display: inline-block;
    z-index: 9999;
}

.header_icon {
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 220%;
    padding: 10px 15px;
    border-radius: 10px;
}

/*footer
-----------------------------------------------------------------------------------------*/
.instawrapper p {
    padding: 20px 0;
    font-size: 200%;
}

.snapwidget-widget {
    width: 100%;
    height: 320px;
    vertical-align: bottom;
    border: none;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
}

.footer_img_flex {
    display: flex;
}

.footer_img_flex img {
    padding: 30px;
    box-sizing: border-box;
    max-width: 100%;
}

.copy {
    padding: 15px 0;
}

.sp-navigation {
    display: none;
}

@media screen and (max-width:1180px) {
    .snapwidget-widget {
        height: auto;
    }
}

@media screen and (max-width:1023px) {

    /*header
-----------------------------------------------------------------------------------------*/
    .sp-navigation {
        display: block;
        position: absolute;
        z-index: 999999;
    }

    .menus {
        padding: 20px 0;
        border-bottom: 2px solid rgb(113, 75, 21);
    }

    nav.drawer-nav {
        padding-top: 50px;
        background-color: rgb(251, 247, 240);
    }

    .drawer-menu {
        display: inline-block;
    }

    /* ハンバーガーアイコンの位置 */
    button.drawer-hamburger {
        top: 1% !important;
        right: 2% !important;
    }

    /*メニュー内アコーディオン*/
    .acd-check:checked+.acd-label+.acd-content {
        height: 100%;
        opacity: 1;
        visibility: visible;
    }

    .acd-label {
        display: block;
        margin-bottom: 0;
    }

    .acd-content p {
        border-bottom: 1px dotted rgb(113, 75, 21);
        background-color: unset;
        padding: 20px 0;
        z-index: 9;
    }

    .acd-content p a {
        font-size: 80%;
    }

    /*ここまでメニュー内アコーディオン*/

    .header_bgimg {
        background-image: url(./images/top_bg_sp.jpg);
        background-position: center;
    }

    .head_menu_box {
        display: none;
    }

    .head_logo_box {
        height: 60px;
    }

    .head_logo_box {
        position: fixed;
        left: 5px;
    }

    h1.font_yugo {
        position: absolute;
        font-size: 180%;
    }

    .header_text {
        position: absolute;
        bottom: -30%;
        padding: 15% 10%;
        box-sizing: border-box;
        border-radius: 20% 20% 0 0;
        font-size: 100%;
        line-height: 1.6;
        text-align: left;
    }


    /*footer
-----------------------------------------------------------------------------------------*/
    .footer_img_flex {
        display: block;
    }

    .instawrapper p {
        font-size: 130%;
    }

    .copy {
        font-size: 75%;
    }
}