@charset "UTF-8";
a:hover {
    text-decoration: none;
}


/*ナビゲーションバー*/

.mynavbar-custom {
    background-color: rgba(0, 0, 0, .8);
    min-height: 70px!important;
    font-family: "Sawarabi Mincho";
}

.mynav-link {
    color: white !important;
    font-size: 1.7rem;
    font-weight: 500;
    margin: 0px 30px;
}

.myactive .mynav-link {
    text-decoration: underline;
    text-underline-position: under;
}


/*アイコン色指定*/

.mynavbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.mynav-toggler-color {
    border-style: solid 1px #999999;
}


/*ホバー設定*/

.mydropdown-item {
    color: white !important;
    font-size: 1.5rem;
    padding: 7px 12px;
}

.mynav-link:hover,
.mynav-link:active {
    transition: .5s;
    color: #ede4bd !important;
}

.mydropdown-item:hover {
    background-color: white;
    color: black !important;
    transition: .5s;
}
.footer {
    color: black;
    text-align: center;
    font-size: 1.5rem;
}
@media only screen and (min-width: 991px) {
    /*メニューをアニメーション表示*/
    .mydropdown-menu {
        display: block;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -ms-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
    }
    .dropdown-toggle:hover+.mydropdown-menu {
        max-height: 300px;
        opacity: 1;
        display: block;
    }
    .mydropdown-menu:hover {
        max-height: 300px;
        opacity: 1;
    }
    a.menu:after,
    .dropdown-toggle:after {
        content: none;
    }
}

@media screen and (max-width:991px) {
    .mynav-link {
        font-size: 1.4rem;
    }
    .mydropdown-item {
        font-size: 1.4rem;
    }
}
.m-6 {
    margin: 3.5rem!important
}

.mt-6,
.my-6 {
    margin-top: 3.5rem!important
}

.mr-6,
.mx-6 {
    margin-right: 3.5rem!important
}

.mb-6,
.my-6 {
    margin-bottom: 3.5rem!important
}

.ml-6,
.mx-6 {
    margin-left: 3.5rem!important
}

.m-7 {
    margin: 4rem!important
}

.mt-7,
.my-7 {
    margin-top: 4rem!important
}

.mr-7,
.mx-7 {
    margin-right: 4rem!important
}

.mb-7,
.my-7 {
    margin-bottom: 4rem!important
}

.ml-7,
.mx-7 {
    margin-left: 4rem!important
}

.m-8 {
    margin: 4.5rem!important
}

.mt-8,
.my-8 {
    margin-top: 4.5rem!important
}

.mr-8,
.mx-8 {
    margin-right: 4.5rem!important
}

.mb-8,
.my-8 {
    margin-bottom: 4.5rem!important
}

.ml-8,
.mx-8 {
    margin-left: 4.5rem!important
}

.m-9 {
    margin: 5rem!important
}

.mt-9,
.my-9 {
    margin-top: 5rem!important
}

.mr-9,
.mx-9 {
    margin-right: 5rem!important
}

.mb-9,
.my-9 {
    margin-bottom: 5rem!important
}

.ml-9,
.mx-9 {
    margin-left: 5rem!important
}

.m-10 {
    margin: 5.5rem!important
}

.mt-10,
.my-10 {
    margin-top: 5.5rem!important
}

.mr-10,
.mx-10 {
    margin-right: 5.5rem!important
}

.mb-10,
.my-10 {
    margin-bottom: 5.5rem!important
}

.ml-10,
.mx-10 {
    margin-left: 5.5rem!important
}

.m-11 {
    margin: 6rem!important
}

.mt-11,
.my-11 {
    margin-top: 6rem!important
}

.mr-11,
.mx-11 {
    margin-right: 6rem!important
}

.mb-11,
.my-11 {
    margin-bottom: 6rem!important
}

.ml-11,
.mx-11 {
    margin-left: 6rem!important
}

.p-6 {
    padding: 3.5rem!important
}

.pt-6,
.py-6 {
    padding-top: 3.5rem!important
}

.pr-6,
.px-6 {
    padding-right: 3.5rem!important
}

.pb-6,
.py-6 {
    padding-bottom: 3.5rem!important
}

.pl-6,
.px-6 {
    padding-left: 3.5rem!important
}

.p-7 {
    padding: 4rem!important
}

.pt-7,
.py-7 {
    padding-top: 4rem!important
}

.pr-7,
.px-7 {
    padding-right: 4rem!important
}

.pb-7,
.py-7 {
    padding-bottom: 4rem!important
}

.pl-7,
.px-7 {
    padding-left: 4rem!important
}

.p-8 {
    padding: 4.5rem!important
}

.pt-8,
.py-8 {
    padding-top: 4.5rem!important
}

.pr-8,
.px-8 {
    padding-right: 4.5rem!important
}

.pb-8,
.py-8 {
    padding-bottom: 4.5rem!important
}

.pl-8,
.px-8 {
    padding-left: 4.5rem!important
}

.p-9 {
    padding: 5rem!important
}

.pt-9,
.py-9 {
    padding-top: 5rem!important
}

.pr-9,
.px-9 {
    padding-right: 5rem!important
}

.pb-9,
.py-9 {
    padding-bottom: 5rem!important
}

.pl-9,
.px-9 {
    padding-left: 5rem!important
}

.p-10 {
    padding: 5.5rem!important
}

.pt-10,
.py-10 {
    padding-top: 5.5rem!important
}

.pr-10,
.px-10 {
    padding-right: 5.5rem!important
}

.pb-10,
.py-10 {
    padding-bottom: 5.5rem!important
}

.pl-10,
.px-10 {
    padding-left: 5.5rem!important
}

.p-11 {
    padding: 6rem!important
}

.pt-11,
.py-11 {
    padding-top: 6rem!important
}

.pr-11,
.px-11 {
    padding-right: 6rem!important
}

.pb-11,
.py-11 {
    padding-bottom: 6rem!important
}

.pl-11,
.px-11 {
    padding-left: 6rem!important
}