@charset "utf-8";
/*footer*/
footer {
    color:var(--basebk);
    font-size: var(--f12);
    margin-top: var(--s5);
    background-color: var(--l-gy2);
}
footer a {color:var(--basebk);}
footer a:hover {text-decoration:underline;}
footer .ly_footer {padding:var(--s2);}
footer .ly_footer .ly_footer_inr {width: 100%;}
footer .ly_footer .ly_footer_inr.ly_right .bl_footer_list {display: block;}
footer .hp_footer_bt {
    border-top:1px solid var(--gy);
    position: relative;
}
footer .ly_footer ul.bl_footer_list:first-child li {padding-top:0;}
footer .ly_footer ul.bl_footer_list li dl dt,.ly_footer ul.bl_footer_list li dl dd {padding:var(--s05);}
footer .ly_footer ul.footer_nav li {margin-left: var(--s3);padding: var(--s05) 0;}
footer .ly_right .sns_icon {margin: var(--s3) 0 0 var(--s05);}
footer .ly_right .sns_icon > ul {margin-top:var(--s1);}
footer .ly_right .sns_icon > ul > li {display:inline-flex;width:var(--s4);height:var(--s4);margin-right:var(--s2);}
footer .ly_footer.hp_footer_bt .footer_copyright {color:var(--basebk)}
footer .ly_footer .sns_icon ul {display: flex;} 
ul.footer_nav li:has(a.f_outside_icon) {margin-right: var(--s1);}

@media all and (min-width:768px){
    footer .ly_footer {
        display:flex;
        max-width: 1200px;
        margin: 0 auto;
    }
    footer .ly_footer_inr.ly_right {
        display: block;
        width:20%
    }
    footer .ly_footer .ly_footer_inr {margin: 0 auto;}
    footer .ly_footer .ly_footer_inr:first-child > ul {display: block;}
    footer .ly_footer ul li {padding:var(--s0);}
    footer .ly_footer ul.bl_footer_list>li>dl {
       display: flex;
       flex-wrap: wrap;
       justify-content: flex-start;
       padding: var(--s05) var(--s0);
    }
    footer .ly_footer ul.bl_footer_list li a {
        display: inline-block;
        padding: var(--s05);
    }
    footer .ly_footer ul.bl_footer_list li>dl>dt {font-weight:700;}
    footer .ly_footer ul.bl_footer_list li dl dt,.ly_footer ul.bl_footer_list li dl dd {padding:var(--s0);}
    footer .ly_footer ul.bl_footer_list li>dl>dt:after,
    footer .ly_footer ul.bl_footer_list li>dl>dd:after {
        content:'｜';
        display: inline-block;
        font-weight:normal
    }
    footer .ly_footer ul.footer_nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: var(--s1);
        justify-content: flex-start;
    }
    footer .ly_footer ul.footer_nav li:first-child {margin-left: 0;}
}
@media all and (max-width:767px){
    footer .ly_footer ul.bl_footer_list li {padding: var(--s1) 0;}
    footer ul.bl_footer_list li dl dt {background:var(--gy);}
    footer ul.bl_footer_list li dl dd {
        display: inline-flex;
        width: 49.56%;
        padding: var(--s05);
    }
    footer ul.bl_footer_list li dl dt a,
    footer ul.bl_footer_list li dl dd a {
        padding:var(--s05) 0;
        display:block;
        width:100%;
        position:relative
    }
    footer ul.bl_footer_list li dl dt a {color:var(--wh);}
    footer ul.bl_footer_list li dl dt a:after,
    footer ul.bl_footer_list li dl dd a:after {
        content: '';
        border-top: 1px solid #222;
        border-right: 1px solid #222;
        display: block;
        width: var(--s1);
        height: var(--s1);
        position: absolute;
        top: 50%;
        right: var(--s1);
        -webkit-transform: rotate(45deg) translate(-35%, -40%);
        transform: rotate(45deg) translate(-35%, -40%);
    }
    footer ul.bl_footer_list li dl dt a:after {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    footer .ly_footer .ly_footer_inr.ly_right .bl_footer_list {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        border-top: 1px solid var(--gy);
        padding-top: var(--s1);
    }
    footer .ly_footer .ly_footer_inr.ly_right .bl_footer_list li {
        width: 49%;
        padding: var(--s05);
    }
    footer .ly_footer .ly_footer_inr.ly_right {margin-top: var(--s2);}
    footer .ly_footer ul.footer_nav li {margin-left: var(--s1);}
}
footer .sns_icon > ul > li a[class*="f_icon"] {
    background: var(--basebk);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
}
footer .sns_icon > ul > li a.f_icon_wh {background: var(--wh);}
footer .sns_icon > ul > li:nth-child(2) a.f_icon img {width: 60%;}
footer .sns_icon > ul > li a[class*="f_icon"] img {width: 67%;}
footer a.f_outside_icon {position:rerative}
footer a.f_outside_icon:after {
    position: absolute;
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M302.64,421.91v2.61h-8.15v-8.15h2.61m6.44,3.81v-4.71h-4.71m-.9,5.5,5.29-5.3m-10.68,2.66v8.14h8.14" transform="translate(-292.04 -414.97)" fill="none" stroke="%23666" stroke-miterlimit="10"/></svg>');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 11px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
footer ul.bl_footer_list li.sp_feature {padding-bottom: var(--s2);}

.ryokokyo {
    width: 60px;
    height: 60px;
    margin: 6rem 0 0;
}
@media all and (max-width:767px){
    .ryokokyo {
        margin: -6rem 17rem 0;/*28→17*/
    }
}

/*空白削除*/
/*.new.newpar {margin: 0;height: 0;}*/
@media all and (max-width:767px){
    #page_top.is_stop {
        top: 146.6rem;
	}
}