@media screen and (max-width:1900px) {
    .g-sub-nav .g-sub-nav-list.flex a {
        padding: 5px;
        font-size: 1.5rem;
    }
    .g-sub-nav .g-sub-nav-list li:nth-child(1) a::before {
        content: "";
        margin-right: 5px;
        display: inline-block;
        width: 20px;
        height: 20px;
    }
    .logo {
        width: 20vw;
    }
}

@media screen and (max-width:1700px) {
    .logo {
        position: absolute;
        z-index: 1;
        width: 20vw;
        padding: 10px;
        left: 0;
    }
    .g-menu-wrap {
        width: calc(100% - 20vw);
    }
}

@media screen and (max-width:1600px) {
    .g-sub-nav {
        position: static;
    }
}

@media screen and (max-width: 1500px) {
    .m-txt {
        margin-top: 4vw;
    }
    .g-sub-nav {
        position: static;
        white-space: nowrap;
    }
    .g-menu-a-list>li {
        margin-bottom: 10px;
    }
    .reserve {
        background: url(/wp-content/uploads/2025/02/takahagi_illust8.png), url(/wp-content/uploads/2025/02/bg_pt01.jpg);
        background-size: 80vw, cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        padding-bottom: 50vw;
    }
    .list_about01 li {
        width: 28vw;
        height: 28vw;
        margin-bottom: 7vw;
    }
    .list_kagai li {
    width: 30%;
    margin: 1.5%;
    }
}

@media screen and (max-width: 1400px) {
    .footer-formtlink .br-sp {
        display: block;
    }
    .width1400 {
        padding: 0;
        width: 95%;
    }
    .header-inner.flex,
    .header-box01,
    .header-box02 {
        padding: 0 15px 0 0;
    }
    .list_about01 li {
        font-size: 2.4em;
        line-height: 1.3;
    }
    .list_about01 li {
        width: 31vw;
        height: 31vw;
    }
    .d-txt {
        margin-bottom: 0;
        line-height: 1.3;
        margin-top: 5px;
    }
    .modalOpen .img {
        width: 35%;
        margin-bottom: 0;
    }
    .btn10 {
        font-size: 20px;
    }
    .no_list_about01 {
        top: -60px;
    }
    .sec02 .ab01 {
        position: absolute;
        width: 12vw;
        height: 35vw;
        top: -4vw;
        right: 3vw;
        z-index: 1;
    }
    .title01 {
        padding-bottom: 0;
    }
    .pt100 {
        padding-top: 30px!important;
    }
    .mt100 {
        margin-top: 30px!important;
    }
}

@media screen and (max-width:1200px) {
    #about .width1400 {
        width: 95%;
        padding: 0;
    }
    .layout01 {}
    .sec02 .box50 {
        width: 90%;
        margin-bottom: 50px;
    }
    h4.top_title {
        margin-top: 0;
    }
    .list_about01 li {
        width: 47vw;
        height: 47vw;
    }
    .sec02 .layout01 .youchien img {
        height: 20vw;
    }
    .title01 {
        margin-bottom: 0;
    }
    .list_kagai li {
        width: 45%;
        margin: 2%;
    }
    .single-post_kagai section {
        background-position: bottom 5vw left 5vw, bottom 5vw right 5vw;
    }
    .sec02 {
        padding-bottom: 100px;
    }
    .sec02 .layout01 {
        position: static;
        margin-top: 20px;
    }
    .list_pdf li a {
        padding: 20px 40px 20px 20px;
        margin: 15px 15px 0;
        background-size: 30px;
    }
    .no_list_about01 {
        top: -7vw;
        font-size: 5vw;
    }
    .frame01_inner {
        width: 100%;
    }
    .frame01 {
        background-size: 20vw;
        padding-bottom: 30vw;
        background-position: left 20vw bottom;
    }
}

@media screen and (max-width:1024px) {
    .show-pc {
        display: none;
    }
    .show-sp {
        display: block;
    }
    h4.top_title {
        position: relative;
        font-size: 2.5em;
    }
    #mobile-nav {
        background: #fff9f3;
    }
    .sp-header-icon-list {
        margin-right: 70px;
    }
    .sp-header {
        display: block;
        width: 100%;
        padding: 5px 0;
        height: 70px;
    }
    .sp-header-inner .logo {
        padding: 10px;
        max-height: unset;
        background: transparent;
        width: auto;
        background: #fff;
        max-width: unset;
        border-radius: 5px;
    }
    .sp-header-inner .logo {
        padding: 10px;
        max-height: unset;
    }
    .sp-header-inner .logo img {
        max-height: 40px;
        width: auto;
        margin-left: 5px;
        padding: 0;
        background: transparent;
        border-radius: 0;
    }
    .header-content02 {
        display: none;
    }
    .open-btn-wrap {
        display: none;
    }
    .mobile-menu-icon-list {
        display: block;
    }
    .mobile-menu-icon-list>li.sub-off .mobile-menu-inner.flex {
        display: block;
    }
    .mobile-menu-icon-list>li.sub-off {
        width: 100%;
        padding: 0;
        background-color: transparent;
    }
    .mobile-menu-icon-list>li.sub-off .mobile-menu-title {
        color: #524642;
    }
    .mobile-menu-icon-list>li.sub-off .mobile-menu-icon-link {
        border-bottom: 2px dotted #524642;
    }
    .mobile-sub-nav li a {
        display: block;
        padding: 10px 15px;
        background-color: #524642;
        color: #fff;
    }
    .mobile-sns-icon-title p {
        color: #524642 !important;
    }
    .mobile-sns-icon-title p span {
        font-size: 1.4rem;
        font-weight: 700;
        color: #524642 !important;
    }
	.single-info-wrap main {
  width: 100%;
}
	.sidebar {
  width: 100%;
}
}

@media screen and (max-width:820px) {
    .wpcf7-list-item {
        display: inline-block;
        margin: 0;
    }
    .archive-hoiku li {
        width: 49%;
    }
    .main-txt {
        text-align: left;
    }
    .parallax {
        height: 30vh;
        background-size: cover;
        background-attachment: scroll;
        background-position: top center !important;
    }
	    .parallax {
        height: 80vh;
        background-size: cover;
        background-attachment: fixed;
        background-position: top center !important;
    }
	
	/* スマホ時だけ画像を変更 */
    .parallax.para01 {
        background-image: url(/wp-content/uploads/2025/10/para01.jpg);
    }

    .parallax.para02 {
        background-image: url(/wp-content/uploads/2025/10/para03.jpg);
    }

    .parallax.para03 {
        background-image: url(/wp-content/uploads/2025/10/para04.jpg);
    }

	    .parallax.para04 {
        background-image: url(/wp-content/uploads/2025/10/para02.jpg);
    }

	    .parallax.para05 {
        background-image: url(/wp-content/uploads/2025/10/para06.jpg);
    }
		    .parallax.para06 {
        background-image: url(/wp-content/uploads/2025/10/para05.jpg);
    }

		    .parallax.para07 {
        background-image: url(/wp-content/uploads/2025/10/para07.jpg);
    }	
	@supports (-webkit-touch-callout: none) {
  /* iPhone / iPad Safari 向け */
  .parallax {
    background-attachment: scroll !important;
    background-position: center top !important;
  }
}

    .sec02 .title01 {
        height: auto;
    }
    h3.bln01 {
        margin-bottom: 20px;
    }
    #about .width1400 {
        width: 100%;
        padding: 0;
    }
    .btn10 {
        font-size: 14px;
        margin-top: 15px;
    }
    .width90 {
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
    .width80 {
        width: 80%;
        margin: 0 auto;
        padding: 0;
    }
    .width1400 {

        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
    .width1200 {
     
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
    .width1000 {
        max-width: 1000px;
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
    .width900 {
        max-width: 900px;
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
    .width700 {
        max-width: 700px;
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
    .m-txt {
        font-size: 4vw;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    .list_about01 li {
        width: 50vw;
        height: 50vw;
        margin-bottom: 10vw;
    }
    .tablepress tbody td.column-1,
    .tablepress tbody td.column-2 {
        display: block;
        width: 100%;
    }
    .tablepress tbody td.column-2 {
        border-top: 1px solid #ccc;
    }
    .contact-form01 td.layout01 {
        display: flex !important;
    }
    .wpcf7 {
        background: #fff;
        border-radius: 10px;
    }
    .contact-form01 th {
        width: 100% !important;
    }
    .single-info-wrap {
        padding: 20px;
    }
    .sub-header::after {
        bottom: 0;
    }
    .list_pdf li {
        width: 100%;
    }
    .sec02 .ab01 {
        display: none;
    }
    .sec02 .layout01 {
        position: static;
    }
    .slider .ab01 {
        position: absolute;
        width: 20vw;
        height: 30vw;
        bottom: -10vw;
        left: 3vw;
        z-index: 1;
    }
    .sec02 .ab01 {
        position: absolute;
        width: 30vw;
        height: 35vw;
        bottom: 0;
        right: 3vw;
        z-index: 1;
    }
    #page-top img {
        max-height: 80px;
        width: auto;
    }
    h4.top_title {
        position: relative;
        font-size: 2em;
    }
    .sec02 .box50 {
        width: 90%;
        margin: 0 auto 30px;
    }
    .sec02 .title01 {
        width: 90vw;
        padding: 30px;
    }
    .sec02 .title01::after {
        content: "";
        background-image: url(/wp-content/uploads/2025/02/bg_title03.png);
        display: block;
        width: 40vw;
        height: 40vw;
        position: absolute;
        top: -20vw;
        background-size: 100%;
        left: -10vw;
        z-index: -10;
    }
    .btn_more a {
        width: 100%;
    }
    .sec02 .layout01 img {
        width: 80%;
    }
    .layout01 {
        display: block;
    }
    .box50 {
        width: 100%;
        margin-bottom: 50px;
    }
    .sec02 {
        padding-bottom: 50px;
    }
    .title01 {
        font-size: 2.5rem;
        padding: 50px 0 30px;
    }
    .title01::before {
        top: 0;
        width: 40px;
        height: 40px;
    }
    h3 {
        color: #7ED8C2;
        font-size: 2em;
    }
    .sec02 .layout01 .youchien img {
        width: 100%;
        height: 30vw;
    }
    .btn_more {
        margin-top: 20px;
    }
    .list_kagai li {
        width: 45%;
        margin: 1%;
    }
    .mb100 {
        margin-bottom: 50px !important;
    }
    .list_kagai {
        display: block;
        margin-bottom: 20px;
    }
    .list_kagai li {
        width: 80%;
        margin: 1% auto 30px;
    }
    .single-post_kagai .list_kagai li {
        width: 80%;
		margin: 0 auto 10px;
    }
    .frame01_inner p {
        font-size: 16px;
    }
    .list_kagai li a {
        background-position: center;
        font-size: 20px;
        padding: 20px;
    }
    main.about {
        background: url(/wp-content/uploads/2025/02/takahagi_illust8.png);
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 50vw;
    }
    .modal .layout01 {
        margin-top: 10px;
    }
    .modal .layout01 .box50 {
        margin-bottom: 10px;
    }
    .btn12 a {
        font-size: 14px;
    }
    .list_pdf li a {
        font-size: 1em;
    }
    .d-txt {
        text-align: left;
    }
    .list_about01 {
        margin: 50px auto;
    }
    .sub-header-hoiku .sub-header-txt {
        background-color: rgba(255, 255, 255, 0.95);
        padding: 15px 30px;
    }
    .sub-header-txt {
        font-size: 1.6rem;
    }
    .footer-formtlink {
        display: block;
    }
}

@media screen and (max-width:600px) {
    .contact-band .btn01 {
        border: #7ED8C2;
        background-color: #7ED8C2;
        color: #fff;
        font-size: 18px;
        padding: 20px 0;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        border: 2px solid #7ED8C2;
        outline: 1px solid #fff;
        outline-offset: -6px;
    }
    .contact-band .btn01 {
        max-width: unset;
        margin-bottom: 15px;
    }
    body {
        overflow-x: hidden!important;
    }
    .wp-block-image img {
        width: 100%;
    }
    .wp-block-image :where(figcaption) {
        padding: 0;
    }
    body .is-layout-flex {
        display: block;
    }
    .single-hoiku-wrap .news-list01 {
        background: transparent;
        padding: 10px;
    }
    .page-nav {
        padding: 10px;
    }
    .page-nav>div.list-link {
        display: none;
    }
    .list-link-sp {
        display: block;
        text-align: center;
    }
    .main-txt {
        text-align: left;
        margin-bottom: 20px;
        font-size: 18px;
    }
    .archive-hoiku-title {
        padding: 0;
    }
    .archive-hoiku-title a {
        display: block;
        padding-bottom: 20px;
        font-weight: 900;
        text-align: left;
        font-size: 16px;
    }
    .com-list02 {
        padding: 10px;
    }
    h3.v01 {
        font-size: 2.5em;
    }
    .d-txt {
        font-size: 16px;
    }
    .btn10 {
        font-size: 14px;
        margin-top: 15px;
        padding: 5px 30px 5px 20px;
    }
    .btn10::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 15px;
        transform: rotate(45deg) translateY(-50%);
        width: 5px;
        height: 5px;
    }
    .list_about01 li {
        margin-bottom: 15vw;
    }
    .sp600 {
        display: block;
        line-height: 1;
    }
    .btn11 a {
        background: #fac172;
        padding: 15px 20px 20px;
        line-height: 1;
        border-radius: 20px;
        margin-top: 30px;
        font-size: 16px;
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }
    .d-txt br {
        display: none;
        text-align: left;
    }
    .m-txt {
        margin-bottom: 0;
        margin-top: 3vw;
    }
    .hoiku {
        display: block;
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .hoiku li {
        width: 90%;
        margin: 1% auto;
    }
    .list_img li {
        flex: 1;
        width: 100%;
        margin: 0 10px 20px;
    }
    ul.list01 {
        margin: 10px 0;
    }
    ul.list01 li {}
    .list_img.col4 li {
        width: 100%;
        margin: 0 10px 20px;
    }
    .modal-box {
        padding: 20px;
    }
    .list_img {
        display: block;
    }
    .modal-box img {
        max-width: 90%;
        width: 80%;
        margin: 0 auto 10px;
    }
    .about .width1400 {
        width: 100%;
    }
    h3.bln01 {
        display: inline-block;
        position: relative;
        font-size: 2em;
    }
    .box_kids {
        border: 1px solid #524642;
        padding: 20px;
    }
    h2.l_tit {
        font-size: 2em;
        text-align: center;
        margin-bottom: 30px;
        background-size: 200px;
        padding-bottom: 30px;
    }
    #booking-package_inputFormPanel .row {
        border-color: #ddd;
        display: block;
    }
    #booking-package_inputFormPanel .name,
    #booking-package_serviceDetails .name,
    #booking-package_myBookingDetailsFroVisitor .name,
    #booking-package_myBookingDetails_panel .name {
        display: inline-block;
        font-weight: normal;
        padding-bottom: 5px;
        width: 100% !important;
        color: #333 !important;
        padding: 10px !important;
        margin-right: 0 !important;
        margin-left: 0;
        margin-bottom: 5px;
    }
    #booking-package_inputFormPanel .book_now_button,
    #booking-package_inputFormPanel .next_page_button,
    #booking-package-subscription_form .book_now_button {
        width: 70%;
    }
    #club {
        background: url(/wp-content/uploads/2025/02/bg_title03.png), url(/wp-content/uploads/2025/02/bg_title03.png), url(/wp-content/uploads/2025/02/takahagi_illust7.png);
        background-size: 10vw, 20vw, 20vw;
        background-repeat: no-repeat;
        background-position: top left, top 10% right -10vw, bottom -10vw left;
        padding-bottom: 20vw;
    }
    .sec02 .box50 {
        padding: 30px;
    }
    h4.top_title {
        position: relative;
        font-size: 19px;
    }
    .sec02 .box50 {
        padding: 20px;
    }
    .r-flex {
        display: flex;
        flex-direction: column;
    }
    .r-flex .r-flex-01 {
        order: 2;
    }
    .r-flex .r-flex-02 {
        order: 1;
    }
    .box-hoiku {
        padding: 50px 10px;
    }
    .box-hoiku p {
        font-size: 2rem;
    }
}

@media screen and (max-width:450px) {
    .title01 {
        line-break: 1.3;
    }
    .title01 span.sp450-show {
        display: block;
    }
    .title01 span.sp450-none {
        display: none;
    }
    .com-list02-list li {
        font-size: 1.4rem!important;
    }
    .m-txt {
        margin-bottom: 0;
        margin-top: 3vw;
    }
    .m-txt {
        margin-bottom: 0;
        margin-top: 5vw;
    }
    .btn10 {
        font-size: 3vw;
        margin-top: 10px;
        display: inline-block;
        padding: 5px 20px 5px 10px;
    }
    .btn10::after {
        width: 5px;
        height: 5px;
    }
    .box-hoiku p {
        font-size: 1.5rem;
    }
}

@media screen and (max-width:600px) {
    /*0728：modal内table幅調整*/
    #about .tbl01 {
        width: 100%;
        font-size: 1.6rem;
    }
    /*0808：modal表示位置の調整*/
    #hamburger {
        z-index: 10;
    }
    .modal-box {
        margin: 20vw auto 0;
        height: 78vh;
        overflow-y: scroll;
    }
    .modalClose {
        position: fixed;
        top: 8vw;
        right: 3vw;
        width: 40px;
        height: 40px;
        margin: 10px;
    }
	/*0919:投稿記事ボタン*/
	.wp-block-buttons > .wp-block-button {
		display: block;
	}
	.wp-block-buttons .wp-block-button__link{
		background: #fac172;
    padding: 15px 20px 20px;
    line-height: 1;
    border-radius: 20px;
    margin-top: 30px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 90%;
	}
}