@charset "UTF-8";
/* CSS Document */
:root {
    --c_black: #343434;
    --r_beige: #FAF8F5;
    --c_beige: #EAE9E5;
    --c_gray: #6C6E73;
    --c_gray2: #707070;
    --c_brown: #B2AFA2;
    --fz12: clamp(10px, 9vw, 12px);
    --fz13: clamp(11px, 9vw, 13px);
    --fz14: clamp(12px, 1vw, 14px);
    --fz16: clamp(13px, 1.1vw, 16px);
    --fz18: clamp(15px, 1.3vw, 18px);
    --fz21: clamp(16px, 1.5vw, 21px);
    --fz24: clamp(17px, 1.7vw, 24px);
    --fz25: clamp(17px, 1.8vw, 25px);
    --fz30: clamp(18px, 2.1vw, 30px);
    --fz32: clamp(20px, 2.3vw, 32px);
    --fz35: clamp(22px, 2.5vw, 35px);
    --fz42: clamp(25px, 3vw, 42px);
}

.post_img23 {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.post_img23 img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
a.post_img23 {
    display: block;
}
a.post_img23 img {
    transition: all .3s ease;
}
a.post_img23:hover img {
    transform: translate(-50%, -50%) scale(1.03);
}


/*style_nu.cssから移動*/
/* Searchbox
----------------------------------- */

.nu-searchbox {
    padding: 20px;
    font-style: italic;
    font-weight: lighter;
    text-align: center;
    background: #FFF;
    color: #666;
}

.nu-searchbox.nu-searchbox--home {
    position: relative;
    z-index: 1001;
    width: calc(100% - 40px);
    margin: -20px auto 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.nu-searchbox__tit {
    width: 100%;
    padding-bottom: 0.6em;
    font-size: 17px;
}

.nu-searchbox__tit br {
    display: none;
}

.nu-searchbox__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.nu-searchbox__inp {
    font-size: 14px;
    text-align: left;
}

.nu-searchbox__inp div, .nu-searchbox__inp input, .nu-searchbox__inp select {
    display: block;
    min-height: 2em;
    font-size: 16px;
    color: #666;
    border: 1px solid #ccc;
    background: none;
    box-shadow: none;
}

.nu-searchbox__inp.nu-searchbox__inp--submit {
    text-align: center;
}

.nu-searchbox__inp.nu-searchbox__inp--submit div {
    padding: 0.6em 2em;
    font-style: normal;
    color: #FFF;
    background: #BA2636;
    cursor: pointer;
}

.nu-searchbox__subtit {
    width: 100%;
    padding-top: 0.6em;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.25;
}

.nu-searchbox__bttnbox {
    margin-top: 8px;
    display: flex;
    justify-content: space-between
}

.nu-searchbox__bttn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(50% - 5px);
    padding: 1em 0.5em;
    font-style: normal;
    font-weight: normal;
    color: #FFF;
    background: #BA2636;
    border: 1px solid #BA2636;
    font-size: 12px;
    letter-spacing: 0;
    border-radius: 5px;
    transition: background-color ease 150ms, color ease 150ms;
}

.nu-searchbox__bttn:nth-of-type(2) {
    background: #333;
    border-color: currentColor;
}

.nu-searchbox__bttn:hover {
    color: #BA2636 !important;
    background: #FFF !important;
}

.nu-searchbox__inp.nu-searchbox__inp--submit {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-style: normal;
    font-weight: normal;
}

@media (max-width: 450px) {
	.nu-searchbox__wrap{
		justify-content: space-between;
	}
	
    .nu-searchbox__inp {
        width: 100%;
    }
    .nu-searchbox__inp input,
    .nu-searchbox__inp select {
        width: 100%;
    }
    .nu-searchbox__inp--txt,
    .nu-searchbox__inp--select{
	    font-size:0.7em;
	    letter-spacing:0;
    }
    .nu-searchbox__inp--txt{
	    width:35%;
	}
    .nu-searchbox__inp--select{
	    width:27%;
    }
    .nu-searchbox__inp+.nu-searchbox__inp {
/*         margin-top: 6px; */
    }
    .nu-searchbox__inp.nu-searchbox__inp--submit {
        margin-top: 8px;
    }
}

@media (min-width: 451px) and (max-width: 768px) {
    .nu-searchbox__inp.nu-searchbox__inp--txt {
        width: calc(50% - 8px);
    }

    .nu-searchbox__inp select, .nu-searchbox__inp input {
        width: 100%;
    }

    .nu-searchbox__inp.nu-searchbox__inp--txt+.nu-searchbox__inp.nu-searchbox__inp--txt {
        margin-left: 16px;
    }

    .nu-searchbox__inp.nu-searchbox__inp--select, .nu-searchbox__inp.nu-searchbox__inp--submit {
        margin-top: 8px;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .nu-searchbox {
        max-width: 730px;
    }

    .nu-searchbox.nu-searchbox--home {
        margin-top: -72px;
    }

    .nu-searchbox__bttnbox {
        max-width: 600px;
        margin: 16px auto 0;
    }

    .nu-searchbox__inp div,
    .nu-searchbox__inp input,
    .nu-searchbox__inp select {
        margin-top: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .nu-searchbox__inp select {
        min-width: 9em;
    }

    .nu-searchbox__inp.nu-searchbox__inp--submit div {
        padding: .25em 2em;
    }

    .nu-searchbox__inp.nu-searchbox__inp:not(:first-of-type) {
        margin-left: 8px;
    }

    .nu-searchbox__subtit {
        padding-top: 1em;
    }
}

@media (min-width: 1000px) {
    .nu-searchbox {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        max-width: 1010px;
    }
    .nu-searchbox__wrap {
        width: calc(100% - 200px);
    }
    .nu-searchbox__tit {
        width: auto;
        padding-bottom: 0;
        margin-right: 30px;
        text-align: left;
    }
    .nu-searchbox__tit br {
        display: block;
    }
    .nu-searchbox__inp {
        font-size: 16px;
    }
    .nu-searchbox__inp div, .nu-searchbox__inp input, .nu-searchbox__inp select {
        max-width: 8em;
    }
    .nu-searchbox__bttnbox {
        flex-shrink: 0;
        flex-direction: column;
        max-width: 200px;
        margin: 0;
        padding-left: 23px;
        border-left: 1px solid #b6ada5;
    }
    .nu-searchbox__bttn {
        width: 100%;
        line-height: 1.4;
        padding: 0.6em .5em;
    }
    .nu-searchbox__bttn:not(:first-child) {
        margin-top: 8px;
    }
    .nu-searchbox__subtit {
        width: 100%;
    }
}
/*//style_nu.cssから移動*/


/*header*/
.logo-wrap {
    width: 142px;
}
.h_sns {
    display: flex;
    justify-content: center;
    width: auto;
    height: 100%;
}
.h_sns a {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 100%;
    color: #fff;
    font-size: 1.8em;
    transition: all .3s ease;
}
.h_sns a:hover {
    opacity: .6;
}
.h_sns a.fb {
    background-color: #A2A48D;
}
.h_sns a.insta {
    color: var(--c_black);
    background-color: #D8CFC7;
}
.sf-menu li.item_en {
    position: relative;
    display: flex;
    justify-content: center;
}
.sf-menu li.item_en .sf-menu-inner {
    width: 100%;
    padding: 0;
    border-left: none;
}
.sf-menu > li.item_en > a, header.scroll-header .sf-menu > li.item_en > a {
    padding-right: 15px;
    padding-left: 15px;
    font-size: .8em;
}
.h_gsearch {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sf-menu li.h_gsearch a, header.scroll-header .sf-menu > li.h_gsearch > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    padding: 15px 0;
}
.h_gsearch::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: calc(100% - 30px);
    background-color: var(--c_black);
    transform: translateY(-50%);
    z-index: 1;
}
.h_gsearch .animate-toggle-title {
    padding: 0 10px;
}
.sf-menu li.h_gsearch {
    position: relative;
}
span.animate-toggle-block {
    display: block;
}
.sf-menu > li.h_gsearch.has-children > a::after {
    display: none;
}
.sf-menu li.h_gsearch .sf-mega {
    left: auto;
    right: 0;
    width: 300px;
    padding: 20px 15px;
}
.sf-menu li.h_gsearch .sf-menu-inner {
    width: 100%;
    padding: 0;
    border-left: none;
}
.sf-menu li.item_en .sf-mega {
    left: auto;
    right: 0;
    width: 120px;
} 
.sf-menu li.item_en .mega-sub a {
    padding: 5px 0;
}
ul.sf-menu > li > a {
    padding: 20px 15px;
    font-size: clamp(10px, 1vw, 14px);
}
div.header-wrap {
    max-width: 1360px;
    z-index: 99;
}
header #accordion-resv-wrap {
    position: relative;
    top: 0;
    z-index: 98;
}
#sec-header-search-box{
    background-color: #EFE5DD;
    color: #666;
}
header .scroll-header#accordion-resv-wrap {
    top: 0;
}
.entry-header.entry-header23 .entry-title {
    font-size: var(--fz42);
    font-weight: 400;
    letter-spacing: 2px;
}
.entry-header23::after {
    border-top: 1px solid var(--c_gray2);
}
#sec-header-search-box .btn input[type="button"] {
    background: #A2A48D;
}
.hamburger::after {
    display: none;
}
.hamburger__icon {
    background: linear-gradient(90deg, transparent 0, transparent 20%, #404040 20%, #404040 100%);
}
.hamburger.active .hamburger__icon {
    background: transparent;
}
.hamburger__icon:after {
    background: linear-gradient(90deg, transparent 0, transparent 40%, #404040 40%, #404040 100%);
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
    width: 40px;
}
div.nu-searchbox__inp.nu-searchbox__inp--submit div i {
    display: none;
}
.fat-nav #fat-nav_home img {
    width: auto;
    margin-left: 20px;
}
.fat-nav #menu > li {
    background: #fff;
}
div.fat-nav ul#menu {
    width: 90%;
    margin: auto;
}
ul#menu li.menu-sub > span::after, ul#menu .menu-sub > li span::after {
    position: absolute;
    top: 55%;
    right: 25px;
    content: '\f067';
    margin: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-50%);
}
ul#menu li.menu-sub > span::after, ul#menu .menu-sub > li span::after {
    position: absolute;
    top: 50%;
    right: 0;
    content: '\f067';
    margin: 0;
    color: var(--c_gray);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-50%);
}
ul#menu li.menu-sub > span.open::after, ul#menu .menu-sub > li span.open::after {
    content: '\f068';
}
ul#menu .sec a::after {
    display: none;
}
ul#menu ul.sec li {
    border-top: none;
}
ul#menu ul.sec {
    border-bottom: none;
}
ul#menu > li span, #menu > li a, ul#menu > li.has-chidren > span, ul#menu > li.has-chidren > a, ul#menu .menu-sub > li span, ul#menu .menu-sub > li a {
    padding-right: 0;
    padding-left: 0;
}
ul#menu > li ul.sec {
    margin-left: 25px;
}
div.fat-nav {
    height: 92%;
    border-radius: 0 0 20px 20px;
}
li#menu-lang {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    border-top: none;
}
li#menu-lang > a {
    padding: 0 5px;
    font-size: clamp(14px, 1.1vw, 16px);
    font-weight: 400;
    line-height: 1;
    border-right: 1px solid var(--c_gray);
}
.fat-nav #menu > li.contact_btn a {
    opacity: 1;
    padding: 20px;
    color: #fff;
    font-size: var(--fz16);
    font-weight: 400;
    text-align: center;
    background-color: var(--c_brown);
    border: none;
    transition: all .3s ease;
}
.fat-nav #menu > li.contact_btn a:hover {
    opacity: .6;   
}
.fat-nav #menu > li.contact_btn {
    border-top: none;
}
#menu > li#menu-sns > a {
    color: var(--c_gray);
}
#menu > li#menu-sns > a > img {
    opacity: .6;
}
.fat-nav #menu > li#menu-rsrv {
    border-bottom: 1px solid #bfbfbf;
}
#fat-nav_top li#fat-nav_home {
    width: 142px;
}
.header__search_inner {
    width: 90%;
    margin: 30px auto;
    border-radius: 5px;
    box-shadow: 0 3px 10px #ddd;
    overflow: hidden;
}
.header__search_inner_form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.header__search_inner input {
    padding: 15px 10px;
    border: none;
}
 .header__search_inner .submit_block {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
}
.header__search_inner .submit_block button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    background: none;
    border: none;
}
.header__search_inner .submit_block::before {
    content: '\f002';
    position: absolute;
    top: 50%;
    left: 50%;
    color: #535353;
    font-size: 1.3em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(-1,1);
}
.header__search_inner label, .header__search_inner label input {
    width: 100%;
}
@media only screen and (max-width: 1025px) {
    ul.sf-menu > li > a {
        padding: 20px 10px;
    }
    .h_sns a {
        width: 50px;
        padding: 5px 10px;
        font-size: 1.5em;
    }
    div.nu-searchbox__wrap > div {
        margin-right: 20px;
        font-size: 16px;
    }
    .nu-searchbox__inp div, .nu-searchbox__inp input, .nu-searchbox__inp select {
        max-width: 6.5em;
    }
    .nu-searchbox__inp select {
        min-width: 5em;
    }
}
@media only screen and (max-width: 900px) {
    header.container {
        position: fixed!important;
        background-color: rgba(255,255,255,.8);
    }
    .hamburger {
        width: 55px;
        height: 40px;
        padding: 8px 7px;
        top: 13px;
        right: 5px;
        background-color: transparent;
    }
}
/*//header*/


/*search*/
div.nu-searchbox.nu-searchbox--home {
    flex-wrap: nowrap;
    max-width: inherit;
    width: 100%;
    margin-top: 0;
    background-color: #EFE5DD;
    box-shadow: none;
}
div.nu-searchbox__inp.nu-searchbox__inp--submit div {
    padding: 15px 12px;
    font-size: var(--fz14);
    background-color: #504840;
}
div.nu-searchbox__bttnbox {
    justify-content: center;
    align-items: flex-start;
    max-width: inherit;
    width: auto;
    border-left: none;
}
a.nu-searchbox__bttn, a.nu-searchbox__bttn:nth-of-type(2) {
    opacity: 1;
    align-items: flex-start;
    width: auto;
    padding: 0;
    color: var(--c_gray);
    text-align: left;
    background-color: transparent;
    border: none;
    border-bottom: 1px dotted var(--c_gray);
    border-radius: 0;
}
a.nu-searchbox__bttn:hover, a.nu-searchbox__bttn:nth-of-type(2):hover {
    opacity: .6;
    color: var(--c_gray)!important;
    background-color: transparent!important;
    border: none;
    border-bottom: 1px dotted var(--c_gray);
}
div.nu-searchbox__wrap {
    width: 100%;
}
.nu-searchbox_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1040px;
    width: 100%;
    margin: auto;
}
div.nu-searchbox__inp div, div.nu-searchbox__inp input, div.nu-searchbox__inp select {
    margin-top: 0;
    text-align: center;
    border: none;
}
div.nu-searchbox__tit {
    font-style: normal;
}
div.nu-searchbox__inp {
    border-left: 1px solid var(--c_gray);
}
div.nu-searchbox__wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
div.nu-searchbox__inp.nu-searchbox__inp:not(:first-of-type) {
    margin-left: 0;
}
div.nu-searchbox__wrap > div.nu-searchbox__inp--txt {
    margin: 0;
    padding: 0 8px;
}
div.nu-searchbox__inp.nu-searchbox__inp:last-of-type {
    margin-left: 25px;
}
@media only screen and (max-width: 1025px) {
    div.nu-searchbox__wrap > div {
        margin-right: 20px;
        font-size: 16px;
    }
    .nu-searchbox__inp div, .nu-searchbox__inp input, .nu-searchbox__inp select {
        max-width: 6.5em;
    }
    .nu-searchbox__inp select {
        min-width: 5em;
    }
}
@media only screen and (max-width: 900px) {
    .nu-searchbox_inner {
        flex-direction: column;
    }
    a.nu-searchbox__bttn, a.nu-searchbox__bttn:nth-of-type(2) {
        margin: 0 10px;
    }
    div.nu-searchbox__wrap > div {
        margin-right: 0;
    }
    .search-item.nu-searchbox__inp.nu-searchbox__inp--select {
        padding: 0 10px;
    }
    .nu-searchbox__inp div, .nu-searchbox__inp select {
        min-width: inherit;
        max-width: inherit;
    }
}
@media only screen and (max-width: 767px) {
    div.nu-searchbox.nu-searchbox--home {
        padding: 15px 20px;
    }
    div.nu-searchbox__bttnbox {
        display: none;
    }
    div.nu-searchbox__inp.nu-searchbox__inp:not(:first-of-type) {
        border-left: none;
    }
    div.nu-searchbox__inp.nu-searchbox__inp--txt+.nu-searchbox__inp.nu-searchbox__inp--txt {
        margin: 0;
    }
    div.nu-searchbox__inp.nu-searchbox__inp--txt {
        width: calc(30% - 10px);
        padding: 0;
        margin-right: 0;
        border-right: 1px solid var(--c_gray);
    }
    div.nu-searchbox__inp.nu-searchbox__inp--select {
        width: calc(40% - 10px);
    }
    div.nu-searchbox__wrap div.nu-searchbox__inp.nu-searchbox__inp--submit, div.nu-searchbox__wrap div.nu-searchbox__inp.nu-searchbox__inp:last-of-type {
        width: 30px;
        height: 30px;
        margin: 0;
    }
    div.nu-searchbox__inp.nu-searchbox__inp--submit div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 0;
    }
    div.nu-searchbox__wrap {
        align-items: center;
    }
    div.nu-searchbox__wrap > div.nu-searchbox__tit {
        padding-bottom: 10px;
    }
    div.nu-searchbox__wrap > div.nu-searchbox__tit {
        align-items: flex-start;
    }
    div.nu-searchbox__inp div, div.nu-searchbox__inp input, div.nu-searchbox__inp select {
        font-size: var(--fz13);
        border-bottom: 1px dotted var(--c_gray);
    }
    div.nu-searchbox__wrap {
        max-width: 500px;
    }
    div.nu-searchbox__inp.nu-searchbox__inp--submit div i {
        display: block;
        transform: scale(-1, 1);
    }
    div.nu-searchbox__inp.nu-searchbox__inp--submit div span {
        display: none;
    }
}
@media only screen and (max-width: 500px) {
    div.nu-searchbox__inp div, div.nu-searchbox__inp input, div.nu-searchbox__inp select {
        font-size: 9px;
    }
    div.nu-searchbox.nu-searchbox--home {
        padding: 15px 10px;
    }
}
/*//search*/

/*footer*/
footer.nu-footer {
    color: var(--c_black);
    background: var(--r_beige);
}
footer.nu-footer a, footer.nu-footer a:hover, footer.nu-footer a:active, footer.nu-footer a:focus {
    color: var(--c_black);
}
.nu-footer__copy {
    background: var(--c_beige);
}
div.nu-footer__wrap {
    flex-wrap: nowrap;
    align-items: inherit;
    width: 92%;
    padding: 70px 0 60px;
}
.nu-footer__inner1 {
    width: 60%;
    padding-right: 3.6em;
    border-right: 1px solid var(--c_gray);
}
.nu-footer__inner2 {
    width: 40%;
    padding-left: 3.6em;
}
div.nu-footer__col {
    width: 100%;
}
.nu-footer__inner1 div.nu-footer__col {
    margin-bottom: 45px;
}
.nu-footer:before, .nu-footer__copy:before, .nu-footer__affil:before {
    display: none;
}
.nu-footer__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.nu-footer__list > li {
    width: auto;
}
.nu-footer__list > li > a {
    opacity: 1;
    padding: 0 15px;
    margin-left: -1px;
    border-right: 1px solid var(--c_gray);
    border-left: 1px solid var(--c_gray);
    transition: all .3s ease;
}
.nu-footer__affil {
    padding-right: 0;
    padding-left: 0;
}
.nu-footer__affil > ul {
    justify-content: flex-start;
}
a.nu-footer__logo {
    display: block;
    width: 195px;
}
.nu-footer__tit {
    font-size: 16px;
    text-align: left;
}
footer.nu-footer .nu-footer__bnnr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: inherit;
    width: 100%;
    padding: 20px;
    color: #fff;
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1;
    background-color: #82855e;
    border: 2px solid #82855e;
    box-sizing: border-box;
    transition: all .3s ease;
}
footer.nu-footer .nu-footer__bnnr::after {
    content: '\f054';
    font-size: .8em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
footer.nu-footer .nu-footer__bnnr:hover {
    color: #82855e;
    background-color: #fff;
}
div.nu-footer__affil > ul > li {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: auto;
}
.sp_footer .nu-footer__col, .sp_footer .nu-footer__affil {
    padding: 10px 0;
    border-top: 1px solid var(--c_gray);
}
.sp_footer .nu-footer__inner1 div.nu-footer__col:nth-of-type(1) {
    display: none;
}
.sp_footer div.nu-footer__col:nth-of-type(2) .nu-footer__tit:first-of-type, .sp_footer div.nu-footer__col:nth-of-type(2) .nu-footer__list, .sp_footer div.nu-footer__col:nth-of-type(2) br {
    display: none;
}
.sp_footer .nu-footer__inner1 div.nu-footer__col {
    margin: 0;
}
.sp_footer .nu-footer__list {
    width: 90%;
    margin-left: auto;
}
.sp_footer .nu-footer__tit + * {
    display: none;
}
.sp_footer .nu-footer__list > li {
    width: 100%;
}
.sp_footer .nu-footer__list > li > a {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    border: none;
}
.sp_footer .nu-footer__col p br {
    display: block;
}
footer.nu-footer .sp_footer .nu-footer__bnnr {
    display: none;
}
.sp_footer_tit::before {
    content: '\f067';
    position: absolute;
    top: 50%;
    right: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-50%);
    transition: all .3s ease;
}
.open .sp_footer_tit::before {
    content: '\f068';
}
.sp_footer_tit {
    position: relative;
}
.sp_footer div.nu-footer__affil > ul > li {
    display: inline-block;
}
.sp_footer + .nu-footer__copy {
    width: 92%;
    margin: auto;
    background: transparent;
    border-top: 1px solid var(--c_gray);
}
.sp_f_link {
    line-height: 1.7;
    text-align: center;
}
.sp_f_link a {
    opacity: 1;
    font-size: 15px;
    font-weight: 700;
    transition: all .3s ease;
}
.sp_f_link a:hover {
    opacity: .6;
}
.sp_f_link p > a + a {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid var(--c_gray);
}
.nu-footer__col.sp_f_link:not(:first-of-type) {
    margin-top: 0;
}
.btn_bookstay_wrap {
    position: fixed;
    bottom: 0;
    left: calc(100% - 40px);
    display: flex;
    justify-content: flex-start;
    width: calc(100% + 40px);
    transition: all .7s linear;
    z-index: 1000;
}
.search_open .btn_bookstay_wrap {
    left: -40px;
}
.btn_bookstay {
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: auto;
    padding: 15px 0 15px 5px;
    font-size: var(--fz15);
    writing-mode: tb-rl;
    background-color: #EFE5DD;
    cursor: pointer;
    transition: all .3s ease;
}
.home .btn_bookstay {
    opacity: 0;
    pointer-events: none;
}
.home .btn_bookstay.show {
    opacity: 1;
    pointer-events: auto;
}
.btn_bookstay:hover, .home .btn_bookstay.show:hover {
    opacity: .6;
}
.btn_bookstay i {
    padding: 5px;
    margin-top: 5px;
    color: #fff;
    font-size: .8em;
    background-color: #504840;
}
div.nu-searchbox.nu-searchbox--home.fix-search {
    position: relative;
    transition: all .5s linear;
}
.fix_search_close {
    opacity: 1;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: all .3s ease;
}
.fix_search_close:hover {
    opacity: .6;
}
.fix_search_close::before, .fix_search_close::after {
    content: '';
    display: block;
    width: 135%;
    height: 2px;
    background-color: var(--c_gray);
}
.fix_search_close::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: left top;
}
.fix_search_close::after {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: left top;
}
div.nu-searchbox__wrap > .input_wrap {
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 1000px) {
    div.nu-searchbox.nu-searchbox--home.fix-search .nu-searchbox_inner {
        flex-direction: column;
    }
    div.nu-searchbox.nu-searchbox--home.fix-search {
        display: flex;
    }
    div.nu-searchbox.nu-searchbox--home.fix-search a.nu-searchbox__bttn, a.nu-searchbox__bttn:nth-of-type(2) {
        margin: 0 10px;
    }
}
@media only screen and (max-width: 900px) {
    div.nu-footer__wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 30px 0 10px;
    }
    .nu-footer__inner1 {
        width: 100%;
        padding-right: 0;
        border-right: none;
    }
    .nu-footer__inner2 {
        width: 100%;
        padding-left: 0;
    }
    a.nu-footer__logo {
        padding: 0;
        margin-bottom: 25px;
    }
    .nu-footer__inner1 div.nu-footer__col {
        margin-bottom: 25px;
    }
    .nu-footer__col p br {
        display: none;
    }
    .nu-footer__affil > ul > li {
        margin-top: 25px;
    }
}
@media only screen and (max-width: 767px) {
    a.nu-footer__logo {
        width: 130px;
        margin: 0 auto 20px;
    }
    .btn_bookstay_wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .btn_bookstay {
        position: absolute;
        bottom: 100%;
        left: 0;
        flex-direction: row-reverse;
        width: auto;
        height: 40px;
        padding: 0 15px;
        writing-mode: inherit;
    }
    .btn_bookstay_wrap {
        top: 100%;
        left: 0;
        width: 100%;
    }
    .search_open .btn_bookstay_wrap {
        left: 0;
        transform: translateY(0);
    }
    .btn_bookstay i {
        margin-top: 0;
        margin-right: 5px;
    }
    div.nu-searchbox.nu-searchbox--home.fix-search {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
    }
    .search_open .nu-searchbox.nu-searchbox--home.fix-search {
        padding-top: 25px;
        padding-bottom: 25px;
        transform: translateY(0);
    }
    div.nu-searchbox.nu-searchbox--home.fix-search .nu-searchbox_inner {
        align-items: center;
    }
    .fix-search div.nu-searchbox__wrap > div.nu-searchbox__tit {
        align-items: center;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--c_gray);
    }
    div.nu-searchbox__wrap > .input_wrap {
        width: 100%;
    }
    .fix-search div.nu-searchbox__inp.nu-searchbox__inp--submit div i {
        display: none;
    }
    .fix-search div.nu-searchbox__inp.nu-searchbox__inp--submit div span {
        display: block;
    }
    .fix-search div.nu-searchbox__wrap div.nu-searchbox__inp.nu-searchbox__inp--submit {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }
    .fix-search div.nu-searchbox__inp.nu-searchbox__inp--submit div {
        max-width: inherit;
        width: 100%;
        padding: 5px 10px;
    }
    .fix-search div.nu-searchbox__bttnbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fix-search a.nu-searchbox__bttn {
        margin-bottom: 10px;
        letter-spacing: 1px;
    }
    .fix-search div.nu-searchbox__inp.nu-searchbox__inp--txt {
        border-left: none;
    }
    .fix-search div.nu-searchbox__wrap .input_wrap div.nu-searchbox__inp.nu-searchbox__inp:last-of-type {
        width: calc(100% / 3);
    }
    .fix-search div.nu-searchbox__inp.nu-searchbox__inp--txt, .fix-search div.nu-searchbox__wrap .input_wrap div.nu-searchbox__inp.nu-searchbox__inp:last-of-type {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% / 3);
        border-left: none;
    }
    .fix-search .nu-searchbox__inp select {
        min-width: inherit;
    }
    .nu-footer__copy {
        padding-bottom: 55px;
    }
    .fix_search_close {
        top: 15px;
        right: 10px;
        width: 25px;
        height: 25px;
    }
}
/*//footer*/


/*top*/
.top_bnr_block {
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;    
    width: 100%;
    height: 100%;
    padding: 35px 0;
}
.top_bnr {
    display: flex;
    justify-content: flex-end;
    width: 300px;
    max-height: calc((100% / 3) - 15px);
    height: auto;
    margin-bottom: 15px;
}
.top_bnr:last-child{
	margin-bottom:0;
}
.top_bnr_block a {
    position: relative;
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
}
.top_bnr_block a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
/*     background-color: #fff; */
    z-index: 1;
}
.top_bnr_block img {
    opacity: 1;
    position: relative;
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    transition: all .3s ease;
    z-index: 1;
}
.top_bnr_block a:hover img {
    opacity: .6;
}
#top_about23 {
    width: 100%;
    margin-bottom: 230px;
}
.top_about23_block {
    position: relative;
    width: 100%;
}
.top_about23_block + .top_about23_block {
    margin-top: 100px;
}
.top_about23_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1025px;
    width: 92%;
    margin: auto;
}
.top_about23_inner > * {
    width: 50%;
}
.top_about23_block .cont {
    padding: 0 1.8em;
}
.top_about23_block .head2 {
    margin-bottom: 25px;
    font-size: var(--fz35);
    font-weight: 300;
    line-height: 1.4;
}
.top_about23_block .txt {
    width: 100%;
    margin-bottom: 20px;
    color: var(--c_gray);
    font-size: var(--fz14);
    line-height: 1.7;
}
.top_about23_block .link {
    width: 100%;
}
.top_about23_block .link > a {
    opacity: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-bottom: 15px;
    color: var(--c_black);
    font-size: var(--fz16);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    transition: all .3s ease;
}
.top_about23_block .link > a:hover {
    opacity: .6;
}
.top_about23_block .link > a::before {
    content: '-';
    margin-right: 10px;
    font-weight: 400;
}
.top_about23_block .img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.top_about23_block:nth-of-type(odd) .img {
    flex-direction: row-reverse;
}
.top_about23_block .img > img + img {
    margin-top: 25%;
}
#top_about23 .top_about23_block .img img {
    width: 50%;
}
.top_about23_block .img::before {
    content: '';
    position: absolute;
    display: block;
}
.top_about23_block.kinosakionsen .img::before {
    top: 100%;
    left: 0;
    width: 118px;
    height: 228px;
    background: url(./img_2023/top_kinosakionsen_figure.png) center center/contain no-repeat;
    transform: translate(-50%, -40%);
}
.top_about23_block.onsen7::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -25px;
    display: block;
    width: 152px;
    height: 140px;
    background: url(./img_2023/top_about_figure1.png) center center/contain no-repeat;
    transform: translateY(-50%);
}
.top_about23_block.onsen7 .img::before {
    top: 100%;
    right: 0;
    width: 118px;
    height: 143px;
    background: url(./img_2023/top_7onsen_figure.png) center center/contain no-repeat;
    transform: translate(50%, -40%);
}
.top_about23_block.experience::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -25px;
    display: block;
    width: 180px;
    height: 147px;
    background: url("./img_2023/top_about_figure2.png") center center/contain no-repeat;
    transform: translateY(-50%);
}
.top_about23_block.experience .img::before {
    top: 100%;
    left: 0;
    width: 98px;
    height: 152px;
    background: url(./img_2023/top_experience_figure.png) center center/contain no-repeat;
    transform: translate(-50%, -40%);
}
.top_about23_block:nth-of-type(even) .top_about23_inner {
    flex-direction: row-reverse;
}
.top_about23_block .cont_inner {
    max-width: 300px;
    width: 100%;
    margin: auto;
}
.top_about23_block.scrl_anm .cont_inner {
    opacity: 0;
    transition: all .5s linear;
}
.top_about23_block.scrl_anm .img {
    opacity: 0;
    transition: all .5s .5s linear;
}
.top_about23_block.scrl_anm .img::before {
    opacity: 0;
    transition: all .5s 1s linear;
}
.top_about23_block.scrl_anm::before {
    opacity: 0;
    transition: all .5s 1.5s linear;
}
.top_about23_block.scrl_anm.show .cont_inner ,.top_about23_block.scrl_anm.show .img ,.top_about23_block.scrl_anm.show .img::before, .top_about23_block.scrl_anm.show::before {
    opacity: 1;
}
#top_video23 {
    position: relative;
    width: 100%;
    margin-bottom: 135px;
}
#top_video23 .video_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}
#top_video23 .video_wrap iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    z-index: 1;
}
#top_video23 > a {
    opacity: 1;
    position: absolute;
    top: 100%;
    right: calc((100% - 1100px) / 2);
    display: block;
    width: 185px;
    transform: translateY(-60%);
    z-index: 2;
}
#top_video23 > a:hover {
    opacity: .9;
}
#top_video23 > a:hover img {
    opacity: 1;
}
#top_video23 .video_wrap .thumb {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: center center/cover no-repeat;
    z-index: 0;
    transition: all .15s ease;
}
#top_video23 .video_wrap .thumb::before {
    content: '\f167';
    position: relative;
    display: block;
    color: #fb0202;
    font-size: 4.5em;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    z-index: 2;
}
#top_video23 .video_wrap .thumb::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2em;
    height: 2em;
    background-color: #fff;
    transform: translate(-50%, -50%);
    z-index: 1;
}
@media only screen and (max-width: 1140px) {
    #top_video23 > a {
        right: 4%;
    }
}
.sec_temp23_1 {
    max-width: 1025px;
    width: 92%;
    margin: 0 auto 135px;
}
.head2_1_23 {
    font-size: clamp(23px, 2.3vw, 32px);
    font-weight: 600;
    line-height: 1.5;
}
.head2_1_23.center {
    text-align: center;
}
.sec_temp23_1 .head2_1_23 {
    margin-bottom: 40px;
}
#tabs .panel.add {
    display: none;
}
#tabs .panel.add.show {
    display: block;
}
.sec_temp23_1 #tab {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.sec_temp23_1 .tab_block {
    width: 21%;
    border-right: 1px dotted var(--c_black);
}
.sec_temp23_1 .tab_wrap {
    width: 100%;
}
.sec_temp23_1 .tab {
    opacity: 1;
    width: 100%;
    margin-bottom: 30px;
    font-size: var(--fz13);
    line-height: 1.2;
    transition: all .3s ease;
    cursor: pointer;
}
.sec_temp23_1 .tab:hover {
    opacity: .6;
}
.sec_temp23_1 .tab::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    margin-top: 7px;
    background-color: var(--c_gray);
    transition: all .3s ease;
}
.sec_temp23_1 .tab.active {
    font-weight: 700;
}
.sec_temp23_1 .tab.active::after {
    width: 100%;
    height: 2px;
    background-color: var(--c_black);
}
.sec_temp23_1 .panel_wrap {
    width: 78%;
}
.btn_wrap_23 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.btn1_23 {
    opacity: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 20px 10px 0;
    color: var(--c_black);
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1;
    transition: all .3s ease;
}
.btn1_23:hover {
    opacity: .6;
}
.btn1_23::before {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    margin-right: 10px;
    background-color: var(--c_gray);
}
.btn_wrap_23.center {
    justify-content: center;
}
.btn_wrap_23.center > a {
    margin: 0 20px 10px;
}
.sec_temp23_1 .panel {
    width: 100%;
    height: 100%;
}
.activities23_li1 {
    display: flex;
    justify-content: flex-start;
}
.activities23_li1 > li {
    width: calc(100% / 3);
    padding: 0 2em;
    border-left: 1px dotted var(--c_black);
}
.activities23_li1 > li:first-of-type {
    border-left: none;
}
.activities23_li1 .post_img23 {
    padding-top: 100%;
    margin-bottom: 30px;
}
.activities23_li1 .cont {
    width: 100%;
}
.activities23_li1 .cont .title {
    margin-bottom: 20px;
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1.3;
}
.activities23_li1 .cont .txt {
    width: 100%;
    margin-bottom: 15px;
    font-size: var(--fz14);
    line-height: 2;
    word-break: break-word;
}
#tab .panel.add {
    display: none;
}
#tab .panel.add.show {
    display: block;
}
.sec_temp23_2 {
    max-width: 1025px;
    width: 92%;
    margin: 0 auto 150px;
}
.sec_temp23_2 .head2_1_23, .sec_temp23_3 .head2_1_23 {
    margin-bottom: 30px;
}
.sec_temp23_2 .slide {
    width: 100%;
}
.top_news23_slide .swiper-slide {
    width: 435px;
    margin-right: 55px;
}
.top_news23_slide .slide_inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.top_news23_slide .post_img23 {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    margin-right: 15px;
}
.top_news23_slide .cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.top_news23_slide .cat {
    display: block;
    padding: 5px 10px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    background-color: var(--c_brown);
}
.top_news23_slide .title {
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1.5;
}
.top_news23_slide + .slide_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 15px 0 15px;
}
.swiper-pagination.top_news23_pn {
    position: relative;
    width: 100%;
}
.swiper-button-prev.top_news23_prev, .swiper-button-next.top_news23_next, .swiper-button-prev.beige_circle_prev, .swiper-button-next.beige_circle_next {
    opacity: 1;
    position: relative;
    top: 0;
    right: auto;
    left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    margin: 0;
    letter-spacing: 0;
    line-height: 1;
    background: var(--r_beige);
    border: 1px solid var(--c_gray2);
    border-radius: 50%;
    transition: all .3s ease;
}
.swiper-button-prev.top_news23_prev:hover, .swiper-button-next.top_news23_next:hover, .swiper-button-prev.beige_circle_prev:hover, .swiper-button-next.beige_circle_next:hover {
    opacity: .6;
}
.swiper-button-prev.top_news23_prev::before, .swiper-button-prev.beige_circle_prev::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-left: 1px solid var(--c_gray2);
    border-bottom: 1px solid var(--c_gray2);
    transform: rotate(45deg) translate(2px, -2px);
}
.swiper-button-next.top_news23_next::before, .swiper-button-next.beige_circle_next::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid var(--c_gray2);
    border-right: 1px solid var(--c_gray2);
    transform: rotate(45deg) translate(-2px, 2px);
}
.slide_arrow {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
    margin-left: 15px;
}
.swiper-pagination.top_news23_pn, .swiper-pagination.beige_line_pn {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.swiper-pagination.top_news23_pn.swiper-pagination-clickable .swiper-pagination-bullet, .swiper-pagination.beige_line_pn.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 100%;
    height: 2px;
    background: #B2AFA2;
    border-radius: 0;
}
.swiper-pagination.top_news23_pn.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination.beige_line_pn.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 5px;
}
.sec_temp23_3 {
    max-width: 1065px;
    width: 92%;
    margin: 0 auto 165px;
}
.events23_li1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 40px;
}
.events23_li1 > li {
    width: 32%;
}
.events23_li1 .post_img23 {
    width: 100%;
    height: auto;
    padding-top: 67%;
    margin-bottom: 20px;
}
.events23_li1 .cont {
    width: 100%;
}
.events23_li1 .cont a {
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    transition: all .3s ease;
}
.events23_li1 .cont a:hover {
    opacity: .6;
}
.events23_li1 .period {
    max-width: 100%;
    width: auto;
    padding: 5px 20px;
    margin-bottom: 15px;
    color: #fff;
    font-size: var(--fz12);
    background-color: var(--c_gray);
    box-sizing: border-box;
}
.events23_li1 .title {
    color: var(--c_black);
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}
.events23_li1 .finished.post_img23::before, .events_archive23 .finished.post_img23::before {
    content: 'FINISHED';
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: var(--fz21);
    background: rgba(83,83,83,.8);
    z-index: 1;
}
.sec_temp23_4 {
    position: relative;
    max-width: 1040px;
    width: 92%;
    margin: 0 auto 150px;
}
.sec_temp23_4 .slide {
    position: relative;
    z-index: 0;
    overflow: auto;
    pointer-events: none;
}
.sec_temp23_4 .slide::-webkit-scrollbar {
    display: none;
}
.top_spots23_slide .inner {
    max-width: 1040px;
    width: 100%;
    margin: auto;
}
.top_spots23_slide .block {
    width: 66%;
    margin-left: auto;
    margin-bottom: 100px;
}
.top_spots23_slide .title {
    margin-bottom: 20px;
    font-size: var(--fz18);
}
.top_spots23_slide .post_img23 {
    width: 100%;
    padding-top: 56%;
    margin-bottom: 20px;
    pointer-events: auto;
}
.top_spots23_slide .txt {
    width: 100%;
    margin-bottom: 20px;
    font-size: var(--fz14);
}
.top_spots23_slide .btn_wrap_23 {
    position: relative;
}
.top_spots23_slide .btn_wrap_23::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--c_black);
    z-index: 0;
}
.top_spots23_slide .btn1_23 {
    position: relative;
    padding: 10px 10px 10px 0;
    margin-bottom: 0;
    background-color: #fff;
    z-index: 1;
    pointer-events: auto;
}
.top_spots23_slide .btn1_23::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all .3s ease;
}
.top_spots23_slide .btn1_23:hover {
    opacity: 1;
}
.top_spots23_slide .btn1_23:hover::after {
    opacity: .4;
}
.sec_temp23_4 .slide_nav {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 1040px;
    width: 100%;
    margin: auto;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}
.sec_temp23_4 .slide_nav .inner {
    width: 26%;
    pointer-events: auto;
}
.sec_temp23_4 .slide_nav .head2_1_23 {
    margin-bottom: 25px;
}
body.spots_fixed {
    overflow: hidden;
}
body.spots_fixed .sec_temp23_4 {
    pointer-events: auto;
}
body.spots_fixed_none, body.spots_fixed.spots_fixed_none {
    overflow: inherit;
}
body.spots_fixed_none .sec_temp23_4, body.spots_fixed.spots_fixed_none .sec_temp23_4 {
    pointer-events: none;
}
#top_spots23 .slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 2;
}
#top_spots23 .slide.sp::before {
    display: none;
}
.spots_fixed .sec_temp23_4 .slide::before {
    display: none;
}
.spots_fixed_none .sec_temp23_4 .slide::before {
    display: block;
}
.sec_temp23_4 .slide_nav .pn {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.sec_temp23_4 .slide_nav .pn > span {
    position: relative;
    opacity: 1;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    background: transparent;
    cursor: pointer;
    transition: all .3s ease;
}
.sec_temp23_4 .slide_nav .pn > span::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    margin-top: 8px;
    background-color: var(--c_gray);
    transition: all .3s ease;
}
.sec_temp23_4 .slide_nav .pn > span:hover {
    opacity: .6;
}
.sec_temp23_4 .slide_nav .pn > span.active {
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 0;
}
.sec_temp23_4 .slide_nav .pn > span.active::after {
    width: 100%;
    height: 2px;
}
#top_about23_2 .top_about23_block:nth-of-type(odd) .top_about23_inner {
    flex-direction: row-reverse;
}
#top_about23_2 .top_about23_block:nth-of-type(even) .top_about23_inner {
    flex-direction: row;
}
#top_about23_2 {
    position: relative;
}
#top_about23_2::before {
    content: '';
    position: absolute;
    top: -60px;
    left: -30px;
    display: block;
    width: 502px;
    height: 144px;
    background: url("./img_2023/top_spots_figure.png") left bottom/contain no-repeat;
    transform: translateY(-90%);
}
#top_insta23 {
    width: 100%;
    margin: 180px 0 200px;
}
#top_insta23 .wrap {
    position: relative;
    width: 100%;
}
#top_insta23 .h_block {
    position: absolute;
    top: 0;
    left: calc((100% - 1075px) / 2);
    max-width: 380px;
    width: 27%;
    height: 100%;
    z-index: 1;
}
@media only screen and (max-width: 1095px) {
    #top_insta23 .h_block {
        left: 20px;
    }
}
#top_insta23 .h_block a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--c_black);
    font-size: var(--fz21);
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1;
    background-color: #fff;
}
#top_insta23 .h_block span {
    display: block;
    margin-bottom: 10px;
    font-size: .6em;
}
#top_insta23 .h_block a::after {
    content: '\f16d';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-top: 20px;
    color: #fff;
    font-size: .7em;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    background-color: var(--c_black);
    border-radius: 50%;
}
#top_main23 {
    position: relative;
    width: 100%;
    padding-bottom: 15%;
    overflow: hidden;
}
#top_main23 .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 1160px;
    width: 100%;
    margin: auto;
    z-index: 0;
}
#top_main23 .h {
    position: relative;
    width: 100%;
    padding-top: 17%;
    margin-bottom: 30px;
}
#top_main23 .h::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 58%;
    height: auto;
    padding-top: 28%;
    background: url("./img_2023/top_main_back1.svg") left top/contain no-repeat;
    z-index: 0;
    pointer-events: none;
}
#top_main23 .h::after {
    content: '';
    top: 45%;
    right: 0;
    position: absolute;
    display: block;
    width: 39%;
    height: auto;
    padding-top: 14%;
    background: url("./img_2023/top_main_back2.svg") right top/contain no-repeat;
    z-index: 0;
    pointer-events: none;
}
#top_main23 .head2 {
    max-width: 346px;
    width: 92%;
    margin: auto;
    font-size: var(--fz18);
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 2.5;
    text-align: center;
}
#top_main23 .head2 img {
    display: block;
    width: 100%;
}
#top_main23 .head2 .sp {
    display: none;
}
#top_main23 .img {
    position: relative;
    width: 100%;
}
#top_main23 .img img {
    position: relative;
    display: block;
    width: 100%;
    margin-top: -55px;
    z-index: 1;
}
#top_main23 .img::before {
    content: '';
    position: relative;
    display: block;
    width: 36%;
    height: auto;
    padding-top: 7%;
    margin: auto;
    background: url("./img_2023/top_main_back3_pc.svg") center center/contain no-repeat;
    z-index: 0;
    pointer-events: none;
}
#top_main23 .mountain {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding-top: 87%;
    z-index: 1;
}
#top_main23 .mountain > img {
    opacity: 1;
    position: absolute;
    left: 0;
    width: 100%;
}
#top_main23 .mountain > img.m1 {
    bottom: 100%;
	transition: all .5s ease;
    transform: translateY(100%);
}
#top_main23 .mountain > img.m2 {
    bottom: 60%;
	transition: all .5s ease;
    transform: translateY(50%);
}
#top_main23 .mountain > img.m3 {
    bottom: 0;
	transition: all .5s ease;
}
#top_main23 .mountain.fadeout > img.m1 {
    opacity: 0;
    bottom: 95%;
    transition: all .5s ease;
}
#top_main23 .mountain.fadeout > img.m2 {
    opacity: 0;
    bottom: 55%;
    transition: all .5s .3s ease;
}
#top_main23 .mountain.fadeout > img.m3 {
    opacity: 0;
    bottom: -5%;
    transition: all .5s .5s ease;
}
.sec_temp23_1 .panel_wrap > .btn_wrap_23 {
    display: none;
    justify-content: center;
    margin-top: 20px;
}
.sec_temp23_1 .panel_wrap > .btn_wrap_23 .btn1_23 {
    margin-right: 0;
}
.sec_temp23_1 .tab_wrap.swiper-wrapper {
    flex-wrap: nowrap;
}
.activities23_li1 > li.swiper-slide {
    width: 80%;
}
.slide_nav.slide_nav_sp {
    position: relative;
    width: 100%;
    margin-top: 15px;
}
.slide_nav_sp .swiper-pagination.beige_line_pn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 105px);
    transform: translate(-50%, -50%);
    z-index: 1;
}
.slide_nav_sp .slide_arrow {
    position: relative;
    width: 100%;
    margin: 0;
    z-index: 0;
}
.swiper-container.panel_wrap_slide {
    margin-bottom: 20px;
}
.events23_li1.swiper-wrapper {
    flex-wrap: nowrap;
}
.swiper-container.events_slide_sp {
    margin-bottom: 30px;
}
@keyframes loop {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
}
.loop_slide23_wrap {
    display: flex;
    align-items: center;
    overflow: hidden;  
}
.instafeed.loop_slide23 {
    display: flex;
    align-items: center;
    animation: loop infinite linear 70s both;
    overflow: visible;
}
.loop_slide23.instafeed li {
    min-width: 180px;
    width: 180px;
    height: 180px;
    padding: 0;
    margin: 0 10px;
    border: none;
}
.top_bnr_block.swiper-container.top_bnr_sp {
    margin: -25% 0 10px;
}
.top_bnr_block.swiper-container.top_bnr_sp .swiper-slide {
    max-width: 300px;
    width: 65%;
    height: auto;
    margin: 0 10px;
}
.swiper-container.top_main_slide23 .swiper-slide {
    position: relative;
    width: 100%;
    height: 75vh;
    max-height:620px;
    overflow: hidden;
} 
.swiper-container.top_main_slide23 .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.top_main {
    position: relative;
}
.top_main .slide_arrow {
    position: absolute;
    bottom: 20px;
    left: 40px;
    margin-left: 0;
    z-index: 2;
}
#floating-bnr {
	display: flex;
/* 	max-width:500px; */
	max-width:350px;
	flex-wrap: wrap;
	z-index: 1002;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: all 150ms ease-out;
}
#floating-bnr-inner{
	position:relative;
}
#floating-bnr-inner img{
	box-shadow: 0 5px 10px rgba(0,0,0,0.85);
	transition: all 0.3s ease-in-out 0s;
}
#floating-bnr-inner a:hover img{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#floating-bnr-inner .close-btn {
	width: 34px;
	height: 34px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 32px;
	color:rgba(0,0,0,0.75);
	border-radius:50%;
	background: #f6f4e5;
	cursor: pointer;
	
	position:absolute;
	top:-15px;
	right:-15px;
	transition: all 0.3s ease-in-out 0s;
}
#floating-bnr-inner .close-btn:hover {
	color:#f6f4e5;
	background: #000;
}
.modal--popup.close {
	opacity: 0;
	pointer-events: none;
}
@media only screen and (min-width: 770px) {
	.sp-content{
		display:none;
	}
}
@media only screen and (max-width: 769px) {
	.pc-content{
		display:none;
	}
	#floating-bnr {
		max-width: 65%;
		bottom: 10px;
		right: 10px;
	}
	#floating-bnr-inner img {

	}
	#floating-bnr-inner .close-btn {
		width: 26px;
		height: 26px;
		font-size: 1.0rem;
		line-height: 25px;
		top: -8px;
		right: -8px;
	}
}
.sec_temp23_4 .slide.sp {
    pointer-events: auto;
}
.sec_temp23_4 .slide.sp .acc-cont {
    display: none;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--c_gray);
}
.top_spots23_slide .block.acc-wrap:first-of-type .acc-cont {
    display: block;
}
.top_spots23_slide .block.acc-wrap {
    margin-bottom: 20px;
}
.top_spots23_slide .title.acc-btn::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    margin-top: 5px;
    background-color: var(--c_gray);
    transition: all .3s ease;
}
.top_spots23_slide .title.acc-btn.acc-open::after {
    width: 100%;
}
.sec_temp23_4 .slide.sp .btn_wrap_23::before {
    display: none;
}
.sec_temp23_4 .slide.sp .btn_wrap_23 {
    justify-content: center;
}
@media only screen and (max-width: 1140px) {
    #top_video23::after {
        right: 20px;
    }
    .top_about23_block.onsen7::before {
        top: 0;
        transform: translateY(0);
    }
    .top_about23_block.experience::before {
        top: 0;
    }
}
@media only screen and (max-width: 900px) {
    .top_about23_inner {
        width: 100%;
    }
    .sec_temp23_1 #tab {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .sec_temp23_1 .tab_block {
        width: 100%;
        margin-bottom: 20px;
        border-right: none;
    }
    .sec_temp23_1 .tab {
        margin-bottom: 20px;
    }
    .sec_temp23_1 .tab_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .sec_temp23_1 .panel_wrap {
        width: 100%;
    }
    .sec_temp23_1 .tab {
        width: auto;
        margin-right: 20px;
    }
    .sec_temp23_1 .tab br {
        display: none;
    }
    .sec_temp23_1 .tab::after {
        width: 100%;
    }
    .sec_temp23_1 .tab_block .btn_wrap_23 {
        display: none;
    }
    .sec_temp23_1 .panel_wrap > .btn_wrap_23 {
        display: flex;
    }
    .activities23_li1 > li {
        padding: 0;
        margin-right: 20px;
        border-left: none;
    }
    .activities23_li1 .post_img23 {
        margin-bottom: 15px;
    }
    .activities23_li1 .cont .title {
        margin-bottom: 15px;
    }
    .sec_temp23_1 .head2_1_23 {
        margin-bottom: 30px;
    }
    .sec_temp23_2 .head2_1_23, .sec_temp23_3 .head2_1_23 {
        margin-bottom: 40px;
    }
    .top_bnr_block {
        position: relative;
        right: 0;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 15px 0;
    }
    .top_bnr_block.swiper-container.top_bnr_sp {
        margin: 15px 0;
    }
    .top_bnr {
        max-width: 300px;
        width: calc((100% / 3) - 20px);
        height: auto;
        margin: 0 10px;
    }
}
@media only screen and (max-width: 767px) {
    .top_about23_inner {
        flex-direction: column;
        justify-content: flex-start;
    }
    .top_about23_block .cont {
        width: 92%;
        padding: 0;
        margin: 0 auto 20px;
    }
    .top_about23_block .cont_inner {
        max-width: inherit;
    }
    .top_about23_block .head2 {
        margin-bottom: 20px;
    }
    .top_about23_block .head2 br {
        display: none;
    }
    .top_about23_block .img {
        max-width: 515px;
        width: 100%;
    }
    .top_about23_block .img > img + img {
        margin-top: 5%;
    }
    .top_about23_block.kinosakionsen .img::before {
        left: 50%;
        width: 60px;
        height: 125px;
        transform: translate(-50%, -25%);
    }
    .top_about23_block:nth-of-type(even) .top_about23_inner {
        flex-direction: column;
    }
    #top_about23_2 .top_about23_block:nth-of-type(odd) .top_about23_inner, #top_about23_2 .top_about23_block:nth-of-type(even) .top_about23_inner {
        flex-direction: column-reverse;
    }
    .top_about23_block + .top_about23_block {
        margin-top: 145px;
    }
    .top_about23_block.onsen7::before {
        width: 130px;
        transform: translateY(-80%);
    }
    .top_about23_block.onsen7 .img::before {
        right: 50%;
        width: 70px;
        height: 90px;
        transform: translate(50%, -30%);
    }
    .top_about23_block.experience::before {
        left: auto;
        right: -50px;
        width: 140px;
        transform: translate(0, -85%);
    }
    .top_about23_block.experience .img::before {
        left: 50%;
        width: 55px;
        height: 100px;
        transform: translate(-50%, -25%);
    }
    #top_about23_2 .top_about23_block + .top_about23_block {
        margin-top: 40px;
    }
    #top_about23_2 .top_about23_block:nth-of-type(even) .img {
        margin-bottom: 15px;
    }
    #top_video23 > a {
        position: relative;
        right: 0;
        width: 30%;
        margin: 15px auto 0;
        transform: translate(0, 0);
    }
    #top_video23 {
        margin-bottom: 70px;
    }
    .sec_temp23_2 .head2_1_23, .sec_temp23_3 .head2_1_23 {
        margin-bottom: 25px;
    }
    #top_news23 .slide_arrow {
        display: none;
    }
    .top_news23_slide .swiper-slide {
        max-width: 435px;
        width: 100%;
    }
    .top_news23_slide + .slide_nav {
        margin: 15px 0 20px;
    }
    .top_news23_slide .post_img23 {
        width: 120px;
        height: 120px;
    }
    .events23_li1 .period {
        padding: 5px 10px;
        margin-bottom: 10px;
    }
    .events23_li1 .post_img23 {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    .activities23_li1 .cont .txt {
        line-height: 1.5;
    }
    .loop_slide23.instafeed li {
        margin: 0 5px;
    }
    #top_insta23 .h_block {
        width: 150px;
    }
    .sec_temp23_4 .slide_nav {
        display: none;
    }
    .sec_temp23_4 .slide {
        height: auto!important;
    }
    .top_spots23_slide .block {
        width: 100%;
        margin-bottom: 50px;
    }
    .top_spots23_slide .title {
        font-weight: 400;
    }
    .top_spots23_slide .title, .top_spots23_slide .post_img23, .top_spots23_slide .txt {
        margin-bottom: 10px;
    }
    .sec_temp23_1 {
        margin-bottom: 90px;
    }
    .sec_temp23_2 {
        margin-bottom: 90px;
    }
    .sec_temp23_3 {
        margin-bottom: 90px;
    }
    .sec_temp23_4 {
        margin-bottom: 60px;
    }
    #top_insta23 {
        margin: 60px 0 100px;
    }
    .top_main .slide_arrow {
        display: none;
    }
    #top_spots23 > .head2_1_23 {
        margin-bottom: 30px;
    }
    #top_main23 .h {
        left: 55%;
        width: 110%;
        transform: translateX(-50%);
    }
    #top_main23 .img {
        left: 80%;
        width: 160%;
        transform: translateX(-50%);
    }
    #top_main23 .mountain {
        left: 50%;
        width: 120%;
        padding-top: 120%;
        transform: translateX(-50%);
    }
    #top_main23 .mountain > img.m2 {
        bottom: 70%;
    }
    #top_main23 .mountain > img.m3 {
        bottom: 25%;
    }
    #top_main23 .mountain.fadeout > img.m2 {
        bottom: 65%;
    }
    #top_main23 .mountain.fadeout > img.m3 {
        bottom: 20%;
    }
    .top_about23_block.scrl_anm .img::before {
        transition: all .5s 1.5s linear;
    }
    .top_about23_block.scrl_anm::before {
        transition: all .5s .5s linear;
    }
    .top_about23_block.scrl_anm.show .img ,.top_about23_block.scrl_anm.show .img::before {
        opacity: 0;
    }
    .top_about23_block.scrl_anm.show .img.show ,.top_about23_block.scrl_anm.show .img.show::before {
        opacity: 1;
    }
    #top_about23_2::before {
        display: none;
    }
    #top_about23 {
        margin-bottom: 130px;
    }
}
@media only screen and (max-width: 500px) {
    .top_about23_block .head2 br {
        display: block;
    }
    .top_about23_block.onsen7::before {
        right: -5px;
        transform: translateY(-60%);
    }
    .top_about23_block.experience::before {
        right: -45px;
        width: 160px;
        transform: translate(0, -50%);
    }
    .top_about23_block.kinosakionsen .img::before {
        left: 50%;
        transform: translate(-50%, -30%);
    }
    #top_video23 {
        margin-bottom: 50px;
    }
    #top_video23 > a {
        width: 35%;
    } 
    .events23_li1 > li {
        width: 48%;
        margin-bottom: 30px;
    }
    .events23_li1 {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .top_bnr_block, .top_bnr_block.swiper-container.top_bnr_sp {
        margin: 10px 0;
    }
    .top_bnr {
        width: calc((100% / 3) - 6px);
        margin: 0 3px;
    }
    #top_main23 .head2 {
        max-width: 275px;
    }
    #top_main23 .head2 img.pc {
        display: none;
    }
    #top_main23 .head2 img.sp {
        display: block;
    }
    .swiper-container.top_main_slide23 .swiper-slide {
        position: relative;
        width: 100%;
        height: 55vh;
        overflow: hidden;
    }
    .swiper-container.top_main_slide23 .swiper-slide img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: translate(-50%, -50%);
    }
    #top_main23 .h::before {
        width: 70%;
        padding-top: 34%;
    }
    #top_main23 .h::after {
        top: 35%;
        width: 50%;
        padding-top: 20%;
    }
    #top_main23 .h {
        padding-top: 35%;
    }
    #top_main23 .img::before {
        width: 100%;
        padding-top: 15%;
        background: url("./img_2023/top_main_back3_sp.svg") center center/contain no-repeat;
    }
    #top_main23 .img {
        margin-top: -40px;
    }
}
/*//top*/

/*things to do top*/
.top_news23_slide .activities23_li1 li.swiper-slide {
    margin-right: 0;
    box-sizing: border-box;
}
.top_news23_slide .activities23_li1 > li:first-of-type {
    border-left: 1px dotted var(--c_black);
}
.top_news23_slide .activities23_li1 .post_img23 {
    width: 100%;
    height: auto;
}
.top_news23_slide.vertical .slide_inner {
    flex-direction: column;
}
.top_news23_slide.vertical a.cont {
    color: var(--c_black);
    text-align: center;
}
.top_news23_slide.vertical .post_img23 {
    width: 100%;
    height: auto;
    padding-top: 100%;
    margin-bottom: 15px;
}
.top_news23_slide.vertical .swiper-slide {
    width: 320px;
    margin-right: 30px;
}
/*
#ttd_dining23 {
    max-width: inherit;
    width: 100%;
    padding-left: calc((100% - 1025px) / 2);
    margin: 0 0 200px;
}
@media only screen and (max-width: 1075px) {
    #ttd_dining23 {
        padding-left: 4%;
    }
}
*/
#ttd_dining23.sec_temp23_2 .head2_1_23 {
    margin-bottom: 30px;
}
#ttd_dining23 > .txt {
    margin-bottom: 30px;
    font-size: var(--fz24);
}
/*
#ttd_dining23 .top_news23_slide + .slide_nav {
    max-width: 1025px;
    width: 96%;
}
*/

#tab .panel.add.show .btn1_23.b_beige, 
#ttd_explore23 .btn1_23.b_beige {
    max-width: 770px;
    width: 100%;
    margin: 35px 0 0 auto;
}
.btn1_23.b_beige {
    justify-content: center;
    padding: 15px;
    color: #fff;
    background-color: #D8CFC7;
    border: 2px solid #D8CFC7;
    box-sizing: border-box;
}
.btn1_23.b_beige::before {
    background-color: #fff;
}
.btn1_23.b_beige:hover {
    opacity: 1;
    color: #D8CFC7;
    background-color: #fff;
}
.btn1_23.b_beige:hover::before {
    background-color: #D8CFC7;
}
.ttd_bnr_activities23 {
    display: flex;
    justify-content: center;
    max-width: 1025px;
    width: 92%;
    margin: 0 auto 150px;
}
.ttd_bnr_activities23 .cont {
    display: flex;
    justify-content: flex-start;    
    width: 50%;
}
.ttd_bnr_activities23 .cont > * {
    width: 50%;
    height: 100%;
}
.ttd_bnr_activities23 .txt_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: 1.5em;
    color: #fff;
    background-color: #ABB2A2;
}
.ttd_bnr_activities23 .head2 {
    width: 100%;
    margin-bottom: 20px;
    font-size: var(--fz30);
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
}
.ttd_bnr_activities23 .head2 span {
    display: block;
    margin-bottom: 15px;
    font-size: .6em;
    font-weight: 400;
    line-height: 1;
}
.ttd_bnr_activities23 .txt {
    margin-bottom: 30px;
    font-size: var(--fz16);
    line-height: 1.4;
}
.ttd_bnr_activities23 .sub_img_wrap > .post_img23 {
    width: 100%;
    height: calc(100% / 3);
}
.ttd_bnr_activities23 .main_img.post_img23 {
    width: 51%;
    height: auto;
    padding-top: 48%;
}
.ttd_bnr_activities23 .txt_wrap .btn1_23 {
    color: #fff;
}
.ttd_bnr_activities23 .txt_wrap .btn1_23::before {
    background-color: #fff;
}
#ttd_recommend23 .btn_wrap_23.sp {
    display: none;
    justify-content: center;
}
#ttd_explore23 .btn_wrap_23.sp .btn1_23 {
    margin: 0;
}
#ttd_explore23 .btn_wrap_23.sp {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 110px);
    margin: 0;
    transform: translateX(-50%);
    z-index: 1;
}
#ttd_explore23 .btn_wrap_23.sp .btn1_23 {
    width: auto;
    margin: auto;
}
#ttd_explore23 .slide_nav.slide_nav_sp {
    margin-top: 25px;
}
.ttd_dining_cat {
    max-width: 1025px;
    /*width: 96%;*/
    width: 100%;
    margin-top: 65px;
    overflow: hidden;
}
.ttd_dining_cat > .head3 {
    margin-bottom: 30px;
    font-size: var(--fz24);
    font-weight: 400;
}
.ttd_dining_cat_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 101%;
}
.ttd_dining_cat_li > li {
    width: 19%;
    height: 50px;
    margin-right: 1%;
    margin-bottom: 10px;
}
.ttd_dining_cat_li > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: var(--fz16);
    color: var(--c_gray);
    background-color: #fff;
    border: 1px solid var(--c_gray);
}
.ttd_dining_cat_li > li > a:hover {
    color: #fff;
    background-color: var(--c_gray);
}
.ns .activities23_li1 > li.swiper-slide {
    width: calc(100% / 3);
    box-sizing: border-box;
}
#ttd_areakinosaki23 {
    max-width: 1040px;
    width: 92%;
    margin: auto;
}
#ttd_areakinosaki23 .sec_temp23_4 {
    width: 100%;
}
#ttd_areakinosaki23 .head2_1_23 {
    margin-bottom: 50px;
}
.top_spots23_slide .txt span {
    display: inline-block;
    padding: 5px;
    margin: 5px 10px 5px 0;
    font-size: .9em;
    border: 1px solid var(--c_gray);
}
.top_spots23_slide .txt span:first-of-type {
    margin-left: 10px;
}
.top_spots23_slide .txt br.sp {
    display: none;
}
@media only screen and (max-width: 900px) {
    .top_news23_slide .activities23_li1 li.swiper-slide {
        margin-right: 20px;
    }
    .ttd_dining_cat_li > li {
        width: 24%;
    }
    .page .entry-header.entry-header23 {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
    #ttd_recommend23 .slide_nav, #ttd_dining23 .top_news23_slide + .slide_nav {
        position: relative;
    }
    #ttd_recommend23 .slide_arrow, #ttd_dining23 .slide_arrow {
        position: relative;
        width: 100%;
        margin: 0;
        z-index: 0;
    }
    #ttd_dining23 .slide_arrow {
        width: 96%;
    }
    #ttd_recommend23 .swiper-pagination.top_news23_pn, #ttd_dining23 .swiper-pagination.top_news23_pn {
        position: absolute;
        top: 50%;
        left: 50%;
        width: calc(100% - 110px);
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    #ttd_recommend23 .btn_wrap_23.sp {
        display: flex;
    }
    #ttd_explore23 {
        position: relative;
        margin-bottom: 90px;
    }
    #ttd_explore23 .swiper-container.panel_wrap_slide {
        margin-bottom: 0;
    }
    #ttd_explore23 .slide_nav_sp .swiper-pagination.beige_line_pn {
        display: none;
    }
    #ttd_explore23.sec_temp23_1 .panel_wrap > .btn_wrap_23 {
        display: none;
    }
    .ttd_bnr_activities23 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 80px;
    }
    .ttd_bnr_activities23 .cont {
        flex-direction: column;
        width: 100%;
    }
    .ttd_bnr_activities23 .cont > * {
        width: 100%;
        height: auto;
    }
    .ttd_bnr_activities23 .sub_img_wrap > .post_img23 {
        width: calc(100% / 3);
        height: auto;
        padding-top: calc(100% / 3);
    }
    .ttd_bnr_activities23 .sub_img_wrap {
        display: flex;
        justify-content: center;
    }
    .ttd_bnr_activities23 .txt_wrap {
        align-items: center;
    }
    .ttd_bnr_activities23 .head2 {
        text-align: center;
    }
    .ttd_bnr_activities23 .head2 br {
        display: none;
    }
    .ttd_bnr_activities23 .btn_wrap_23 {
        justify-content: center;
    }
    .ttd_bnr_activities23 .txt {
        width: 100%;
    }
    .ttd_bnr_activities23 .main_img.post_img23 {
        width: 100%;
        padding-top: 72%;
    }
    .ns .activities23_li1 > li.swiper-slide {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .ns .activities23_li1 > li.swiper-slide:nth-of-type(3) {
        display: none;
    }
    .ns .swiper-wrapper.activities23_li1 {
        overflow: hidden;
    }
    #ttd_recommend23 {
        margin-bottom: 70px;
    }
    #ttd_dining23.sec_temp23_2 .head2_1_23 {
        margin-bottom: 30px;
    }
    .ttd_dining_cat_li > li {
        width: 24%;
    }
    .ttd_dining_cat > .head3 {
        margin-bottom: 20px;
    } 
    .ttd_dining_cat {
        width: 96%;
        margin-top: 45px;
    }
    #ttd_dining23 {
        width: 96%;
        margin: 0 0 95px auto;
    }
    #ttd_dining23 .top_news23_slide.vertical .swiper-slide {
        width: 220px;
        margin-right: 20px;
    }
    #ttd_areakinosaki23 .head2_1_23 {
        margin-bottom: 30px;
    }
    .top_spots23_slide .txt br.sp {
        display: block;
    }
    .top_spots23_slide .txt span:first-of-type {
        margin-left: 0;
    }
    .top_spots23_slide .txt br + span {
        margin-top: 10px;
    }
    #ttd_areakinosaki23 .sec_temp23_4 {
        margin-bottom: 95px;
    }
}
@media only screen and (max-width: 500px) {
    .ttd_dining_cat_li > li {
        width: 49%;
    }
}
/*//things to do top*/


/*events archive*/
#events_archive_sec23 {
    position: relative;
    max-width: 1025px;
    width: 92%;
    margin: auto;
}
#events_archive_sec23 > .head2 {
    margin-bottom: 50px;
    font-size: var(--fz32);
    font-weight: 400;
    line-height: 1;
}
.events_archive_page23 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}
.events_archive_page23 > .side {
    flex-shrink: 0;
    width: 205px;
    margin-right: 45px;
}
.events_archive_page23 > .cont {
    width: 100%;
}
.events_archive23 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.events_archive23 > li {
    width: 32%;
    margin-bottom: 15px;
    border: 1px solid var(--c_black);
}
.events_archive23 > li.dummy {
    margin: 0;
    border: none;
}
.events_archive23 > li > a {
    width: 100%;
    height: 100%;
    color: var(--c_black);
}
.events_archive23 .img {
    width: 100%;
    padding: 13px 10px;
    border-bottom: 1px solid var(--c_black);
}
.events_archive23 .date {
    width: 100%;
    margin-bottom: 10px;
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}
.events_archive23 .post_img23 {
    width: 100%;
    padding-top: 100%;
}
.events_archive23 .tit {
    padding: 15px 10px;
    font-size: var(--fz16);
    line-height: 1.3;
    border-bottom: 1px solid var(--c_black);
}
.events_archive23 .tag_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    border-bottom: 1px solid var(--c_black);
}
.events_archive23 .tag_wrap > span {
    display: block;
    padding: 5px;
    margin: 0 5px 5px 0;
    font-size: 11px;
    line-height: 1.2;
    border: 1px solid var(--c_black);
}
.events_archive23 .tag_wrap > span::before {
    content: '#';
}
.events_archive23 .txt {
    width: 100%;
    padding: 15px 10px;
    font-size: var(--fz13);
    line-height: 1.5;
}
.searchandfilter ul li h4 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1;
    border-bottom: 1px solid var(--c_black);
}
.side .searchandfilter > ul > li {
    padding: 0;
    margin-bottom: 45px;
}
.side .searchandfilter > ul > li li {
    display: flex;
    justify-content: flex-start;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: var(--fz13);
    font-weight: 400;
    background-color: #fff;
    border: 1px solid var(--c_black);
}
.side .searchandfilter li[data-sf-field-input-type=checkbox] label {
    padding-left: 5px;
}
li.sf-field-post-meta-events_seasons::before {
    content: 'Search by filter';
    display: block;
    margin-bottom: 20px;
    font-size: var(--fz21);
    font-weight: 400;
    letter-spacing: 1px;
}
.searchandfilter li.sf-field-search label {
    display: block;
    width: 100%;
}
.searchandfilter li.sf-field-search label input {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid var(--c_black);
}
.events_archive23 > li > a > *:last-child {
    border-bottom: none;
}
.events_archive_page23 > .side > a {
    opacity: 1;
    display: block;
    margin-bottom: 25px;
    color: var(--c_black);
    font-size: var(--fz16);
    font-weight: 700;
    transition: all .3s ease;
}
.events_archive_page23 > .side > a:hover {
    opacity: .6;
}
.pn_wrap .wp-pagenavi span.pages {
    display: none;
}
.pn_wrap .wp-pagenavi a {
    opacity: 1;
    color: var(--c_black);
    border: none;
    transition: all .3s ease;
}
.pn_wrap .wp-pagenavi a:hover {
    opacity: .6;
}
.pn_wrap .wp-pagenavi a, .pn_wrap .wp-pagenavi span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 0 7px;
    line-height: 1;
}
.pn_wrap .wp-pagenavi a.nextpostslink, .pn_wrap .wp-pagenavi a.previouspostslink {
    position: relative;
    color: #fff;
}
.pn_wrap .wp-pagenavi a.previouspostslink::before {
    content: '\f0d9';
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--c_black);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    transform: translate(-50%, -50%);
}
.pn_wrap .wp-pagenavi a.nextpostslink::before {
    content: '\f0da';
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--c_black);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    transform: translate(-50%, -50%);
}
.pn_wrap .wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
}
.events_featured .top_news23_slide .swiper-slide, .events_featured .swiper-slide, .events_single23 .events23_li1 > li {
    width: calc((100% / 3) - 36px);
}
.events_single23 .sec_temp23_3 {
    width: 100%;
}
.events_archive_page23 > .side .acc-cont {
    display: none;
    padding: 0 15px 10px;
}
.events_archive_page23 > .side .acc-wrap {
    width: 100%;
    background-color: #D8CFC7;
}
.events_archive_page23 > .side .acc-btn {
    opacity: 1;
    padding: 10px;
    font-size: var(--fz18);
    text-align: center;
    transition: all .3s ease;
}
.events_archive_page23 > .side .acc-btn::after {
    content: '\f078';
    margin-left: 15px;
    font-size: .9em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    transition: all .3s ease;
}
.events_archive_page23 > .side .acc-open.acc-btn::after {
    content: '\f077';
}
.events_archive_page23 > .side .acc-cont form > ul > li:first-of-type {
    display: none;
}
.events_featured .events23_li1.swiper-wrapper {
    flex-wrap: wrap;
}
.events_featured .swiper-container-horizontal .events23_li1.swiper-wrapper {
    flex-wrap: nowrap;
}
@media only screen and (max-width: 767px) {
    .events_featured .swiper-slide, .events_single23 .events23_li1 > li {
        width: 48%;
        margin: 0 0 25px;
    }
    .events_featured .top_news23_slide.swiper-container-horizontal .swiper-slide, .events_featured .swiper-container-horizontal .swiper-slide {
        max-width: inherit;
        width: 100%;
        margin: 0 20px 0 0;
    }
    .events_featured .top_news23_slide .swiper-slide, .events_featured .swiper-slide {
        margin-bottom: 0;
    }
    .events_featured .slide_nav, .events_single23 .slide_nav {
        position: relative;
    }
    .events_featured .slide_arrow, .events_single23 .slide_arrow {
        position: relative;
        width: 100%;
        margin: 0;
        z-index: 0;
    }
    .events_single23 .slide_arrow {
        justify-content: center;
        width: 92%;
        margin: 0;
    }
    .events_single23 .slide_arrow .events_single_prev, .events_single23 .slide_arrow .events_single_next {
        margin: 0 10px;
    }
    .events_featured .swiper-pagination.top_news23_pn, .events_single23 .swiper-pagination.top_news23_pn {
        position: absolute;
        top: 50%;
        left: 50%;
        width: calc(100% - 110px);
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .events_archive_page23 {
        flex-direction: column;
        justify-content: flex-start;
    }
    .events_archive_page23 > .side {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .side .searchandfilter > ul > li > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .side .searchandfilter > ul > li li {
        width: 49%;
        font-size: 12px;
    }
    .events_archive23 > li {
        width: 49%;
    }
    .events_archive_page23 > .side > a {
        position: absolute;
        top: 0;
        right: 0;
    }
    .side .searchandfilter > ul > li {
        margin-bottom: 25px;
    }
    li.sf-field-post-meta-events_seasons::before {
        display: none;
    }
    #events_archive_sec23 > .head2 {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 500px) {
    .events_archive23 .tag_wrap {
        display: none;
    }
    .events_archive23 .txt {
        display: none;
    }
    .events_archive23 .tit {
        padding: 10px;
        border-bottom: none;
    }
    .events_featured .swiper-slide {
        margin-bottom: 25px;
    }
}
/*//events archive*/

/*events single*/
.events_single23 {
    max-width: 1025px;
    width: 92%;
    margin: auto;
}
.events_single23 > .head2 {
    width: 100%;
    margin: 100px 0 50px;
    font-size: var(--fz42);
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
}
.events_single23 > .txt {
    width: 100%;
    margin-bottom: 50px;
    font-size: var(--fz14);
    line-height: 1.7;
}
.events_single23 > .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 85px;
}
.events_single23 .img_wrap {
    width: 63%;
}
.events_single23 .events_single_slide {
    width: 100%;
}
.events_single23 .events_single_slide .swiper-slide {
    width: 100%;
    background-color: #fff;
}
.events_single23 .events_single_slide .post_img23 {
    width: 100%;
    padding-top: 74%;
    margin-bottom: 15px;
}
.events_single23 .events_single_slide .txt {
    width: 100%;
    margin-bottom: 20px;
    font-size: var(--fz13);
    line-height: 1.5;
}
.events_single23 .detail_info {
    width: 33%;
    padding-left: 35px;
    border-left: 1px solid var(--c_gray2);
}
.events_single23 .detail_info dl {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px dotted var(--c_gray);
}
.events_single23 .detail_info .head3 {
    width: 100%;
    margin-bottom: 25px;
    font-size: var(--fz21);
    font-weight: 700;
    line-height: 1;
}
.events_single23 .detail_info dt {
    width: 100%;
    margin-bottom: 15px;
    font-size: var(--fz18);
    line-height: 1.4;
}
.events_single23 .detail_info dd {
    width: 100%;
    font-size: var(--fz14);
    line-height: 1.7;
}
.events_single23 .detail_info dd a {
    opacity: 1;
    color: var(--c_black);
    font-size: 1.15em;
    font-weight: 700;
    transition: all .3s ease;
}
.events_single23 .detail_info dd a:hover {
    opacity: .6;
}
.events_single23 .detail_info dd.link a {
    display: block;
}
.events_single23 .main_cont {
    width: 100%;
}
.events_single23 .table_wrap {
    width: 100%;
    margin: 65px 0 150px;
}
.events_single23 .table_wrap .head3 {
    width: 100%;
    margin-bottom: 30px;
    font-size: var(--fz21);
    line-height: 1.3;
}
.events_single23 .table_wrap dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px dotted var(--c_gray);
}
.events_single23 .table_wrap dl:first-of-type {
    border-top: 1px dotted var(--c_gray);
}
.events_single23 .table_wrap dt {
    width: 31%;
    padding-right: 20px;
    font-size: var(--fz18);
    line-height: 1.2;
}
.events_single23 .table_wrap dd {
    width: 69%;
    font-size: var(--fz14);
    line-height: 1.7;
}
.events_single23 .table_wrap dd a {
    opacity: 1;
    color: var(--c_black);
    font-weight: 700;
    transition: all .3s ease;
}
.events_single23 .table_wrap dd a:hover {
    opacity: .6;
}
.events_single23 .slide_arrow {
    margin: auto;
}
.events_single23 .events23_li1 {
    flex-wrap: wrap;
}
.events_single23 .main_cont .has-medium-font-size {
    font-size: var(--fz14);
}
.events_single_finished {
    width: 100%;
    padding: 20px;
    color: #fff;
    font-size: var(--fz25);
    font-weight: 600;
    text-align: center;
    background-color: var(--c_gray);
}
@media only screen and (max-width: 900px) {
    .events_single23 {
        width: 100%;
    }
    .events_single23 > .head2 {
        width: 92%;
        margin: 40px auto 30px;
    }
    .events_single23 > .txt {
        width: 92%;
        margin: 0 auto 25px;
    }
    .events_single23 .img_wrap {
        width: 96%;
        margin: 0 0 40px auto;
    }
    .events_single23 .events_single_slide .swiper-slide {
        width: 80%;
        margin-right: 20px;
    }
    .events_single23 > .wrap {
        flex-direction: column;
        justify-content: flex-start;
    }
    .events_single23 .detail_info {
        width: 92%;
        padding-left: 0;
        margin: auto;
        border-left: none;
    }
    .events_single23 .main_cont {
        width: 92%;
        margin: auto;
    }
    .events_single23 .table_wrap {
        width: 92%;
        margin: 50px auto 100px;
    }
    .events_single23 .table_wrap dl {
        padding: 15px 0;
    }
    .events_single23 .table_wrap .head3 {
        margin-bottom: 20px;
    }
    .events_single23 .sec_temp23_3 {
        width: 92%;
    }
    .events_single23 .events23_li1 > li:nth-of-type(3) {
        display: none;
    }
    .events_single_finished {
        width: 92%;
        padding: 10px;
        margin: 0 auto 20px;
    }
}
@media only screen and (max-width: 767px) {
    .events_single23 > .head2 {
        margin-bottom: 20px;
    }
    .events_single23 > .txt {
        margin-bottom: 20px;
    } 
    .events_single23 .events_single_slide .swiper-slide {
        width: 90%;
        margin-right: 10px;
    }
    .events_single23 .events_single_slide .post_img23 {
        margin-bottom: 7px;
    }
    .events_single23 .events_single_slide .txt {
        padding-right: 5px;
        box-sizing: border-box;
    }
    .events_single23 .detail_info .head3 {
        margin-bottom: 10px;
    }
    .events_single23 .detail_info dl {
        padding: 15px 0;
    }
    .events_single23 .detail_info dt {
        margin-bottom: 7px;
    }
    .events_single23 > .wrap {
        margin-bottom: 45px;
    }
    .events_single23 .table_wrap dl {
        flex-direction: column;
        padding: 15px 0 10px;
    }
    .events_single23 .table_wrap dt {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .events_single23 .table_wrap dd {
        width: 100%;
    }
    .events_single23 .table_wrap dd p {
        margin-bottom: 7px;
    }
    .events_single23 .table_wrap {
        margin-bottom: 50px;
    }
    .events_single_finished {
        margin: 0 auto 15px;
    }
}
/*//events single*/


/*faq*/
.faq23 {
    width: 100%;
    margin-bottom: 150px;
}
.faq23 .head2 {
    max-width: 1025px;
    width: 92%;
    margin: 0 auto 100px;
    font-size: var(--fz42);
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
}
.faq23_cat {
    max-width: 1025px;
    width: 92%;
    margin: auto;
}
.faq23_cat .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-container.faq23_cat_slide {
    width: 100%;
}
.faq23_cat_slide .swiper-slide {
    width: auto;
    padding-bottom: 5px;
    margin-right: 40px;
    margin-bottom: 30px;
}
.faq23_cat_slide a {
    opacity: 1;
    position: relative;
    display: block;
    padding-bottom: 10px;
    color: var(--c_black);
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1.3;
    border-bottom: 2px solid var(--c_black);
    transition: all .3s ease;
}
.faq23_cat_slide a:hover {
    opacity: .6;
}
.faq23_cat_slide a::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-bottom: none;
    border-left: 5px solid transparent;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 2;
}
.faq23_cat_slide a::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-top: 7px solid var(--c_black);
    border-right: 7px solid transparent;
    border-bottom: none;
    border-left: 7px solid transparent;
    transform: translateX(-50%);
    pointer-events: none;
}
.faq23_block {
    max-width: 1025px;
    width: 92%;
    padding-top: 65px;
    margin: -30px auto 0;
}
.faq23_block .head3 {
    width: 100%;
    margin-bottom: 20px;
    font-size: var(--fz32);
    font-weight: 400;
    line-height: 1.4;
}
.faq23_wrap {
    width: 100%;
}
.faq23_block .acc-wrap {
    width: 100%;
    padding: 20px 0 0;
}
.faq23_block .acc-btn {
    opacity: 1;
    position: relative;
    width: 100%;
    padding: 0 0 15px 25px;
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1.4;
    border-bottom: 1px dotted var(--c_gray);
    transition: all .3s ease;
    cursor: pointer;
}
.faq23_block .acc-btn:hover {
    opacity: .6;
}
.faq23_block .acc-btn::before {
    content: '\f078';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: var(--c_gray);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all .3s ease;
}
.faq23_block .acc-btn.acc-open::before {
    content: '\f077';
}
.faq23_block .acc-cont {
    display: none;
    width: 100%;
    padding-left: 25px;
    padding-top: 10px;
    font-size: var(--fz14);
    line-height: 1.7;
}
@media only screen and (max-width: 900px) {
    .faq23 .head2 {
        margin: 30px auto 60px;
    }
    .faq23_block .head3 {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
    .faq23 .head2 {
        margin: 20px auto 35px;
    }
    .faq23_cat_slide .swiper-slide {
        margin-right: 20px;
        margin-bottom: 15px;
    }
    .faq23_block {
        padding-top: 40px;
        margin-top: -15px;
    }
    .faq23_block .acc-wrap {
        padding: 15px 0 0;
    }
    .faq23 {
        margin-bottom: 80px;
    }
    .faq23_block .acc-btn {
        padding-left: 20px;
    }
    .faq23_block .acc-btn::before {
        font-size: .8em;
        line-height: 1.8;
    }
}
/*//faq*/


/*20230714*/
.f_floating_bnr {
    opacity: 1;
    position: fixed;
    bottom: 40px;
    left: 50%;
    pointer-events: auto;
    transition: all .3s ease;
	transform: translateX(-50%);
    z-index: 1;
}
.f_floating_bnr.hide {
    opacity: 0;
    pointer-events: none;
}
.f_floating_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto;
}
.f_floating_bnr .bnr {
    position: relative;
    width: 280px;
}
.f_floating_bnr .bnr:nth-of-type(1) {
    margin-right: 15px;
}
.f_floating_bnr a {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
}
.f_floating_bnr a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 0;
}
.f_floating_bnr a img {
    opacity: 1;
    position: relative;
    display: block;
    width: 100%;
    transition: all .3s ease;
}
.f_floating_bnr a:hover img {
    opacity: .6;
}
.f_floating_bnr .close {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 1px solid var(--c_gray);
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}
.f_floating_bnr .close:hover + a {
    pointer-events: none;
}
.f_floating_bnr .bnr:nth-of-type(1) .close {
    left: 0;
    transform: translate(-50%, -50%);
}
.f_floating_bnr .bnr:nth-of-type(2) .close {
    right: 0;
    transform: translate(50%, -50%);
}
.f_floating_bnr .close::before, .f_floating_bnr .close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 1px;
    background: var(--c_gray);
}
.f_floating_bnr .close::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.f_floating_bnr .close::after {
    transform: translate(-50%, -50%) rotate(45deg);
}
@media only screen and (max-width: 1024px) {
    .f_floating_bnr {
        bottom: 20px;
    }
    .f_floating_bnr .bnr {
        width: 250px;
    }
}
@media only screen and (max-width: 767px) {
    .f_floating_bnr {
        display: none;
    }
}
/*//20230714*/