@media (max-width: 1600px) {
    #sizen-miyagi {
        .sidebar {
        .aside-left {
                margin-right: -8px;
            }
        }
    }
}

@media (max-width: 1100px) {
    #sizen-miyagi {
        .sidebar {
            left: auto;
            transform: none;
            justify-content: flex-end;
            gap: 0px;

            .aside-left {
                display: none;
            }
            .aside-right {
                width: calc((100% - 500px) / 1);
            }
        }

        .main-content-wrapper {
            margin: 0;
        }
    }
}

@media (max-width: 1024px) {

}
@media (max-width: 920px) {
    #sizen-miyagi {
        .sidebar {
            .aside-right {
                width: calc((100% - 500px) / 1);
                padding: 90px 5% 0px;
            }
        }

        .main-content-wrapper {
            margin: 0;
            .container {
                .content-text {
                    .text-banner {
                        img {
                            width: 80%;
                        }
                    }
                    .soup-menus {
                        width: 66%;
                    }
                }
            }
        }
    }
}

@media (max-width: 820px) {
    #sizen-miyagi {
        .main-content-wrapper {
            .container {
                .content-text {
                    .text-banner {
                        img {
                            width: 100%;
                        }
                    }
                    .soup-menus {
                        width: 100%;
                    }
                }
            }
            .layer-wrapper {
                width: 230px;
                height: 230px;
                .layer-2 {
                    height: 215px;
                }
                .layer-4 {
                    bottom: -45px;
                    img {
                        width: 100%;
                    }
                }
            }
        }
        .main-miyagi-cuisine {
            &::before {
                top: 275px;
            }
            .block-content {
                .miyagi-outdoor, & .miyagi-rest-area {
                    .card {
                        .left {
                            right: -38px;
                        }
                        .right{
                            left: -10px;
                        }
                    }
                }
            }
        }
    }
}
@media (max-width: 768px) {
    #sizen-miyagi {
        .main-content-wrapper {
            width: 100%;
            .container {
                .content-text {
                    .content-paragraph {
                        font-size: 14px;
                    }

                    .text-banner,
                    .soup-menus {
                        width: 70%;
                    }
                }
            }
        }
        .main-miyagi-cuisine {
            &::before {
                top: 343px;
            }
        }
        .main-miyagi-travel {
            width: 100%;
        }
    }
    /* for SP menu */
    #sizen-miyagi .sp-btn-wrapper {
        display: flex;
    }
    #sp-menu img {
        display: none;
    }
    #sizen-miyagi {
        .sidebar {
            .aside-left,
            .aside-right {
                display: none;
            }
            #sp-menu{
                .menu{
                    h2{
                        font-size: 25px;
                    }
                    button{
                        font-size: 14px;
                    }
                    .wrap-menus{
                        .section{
                            h3{
                                font-size: 14px;
                            }
                            .accordion{
                                button.accordion-toggle{
                                    font-size: 14px;
                                    padding: 10px 30px 10px 15px;
                                }
                            }
                            .accordion-content{
                                button{
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #sizen-miyagi #sp-menu.aside-right{
        display: flex;
    }

    #sizen-miyagi #sp-menu.aside-right {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        transform: translateX(100%);
        transition: transform 0.5s ease;
        z-index: 9999;
        overflow-y: auto;
        padding: 60px 4% 0px;
        background-color: #EDC545; 
        color: #000;
    }
    
    #sizen-miyagi #sp-menu.aside-right.active {
        transform: translateX(0);
    }

    #sp-menu img{
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 600px) {
    #sizen-miyagi {
        .main-miyagi-cuisine {
            .main-content {
                .card {
                    .card-title {
                        h2 {
                            font-size: 6.2vw;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 500px) {
    #sizen-miyagi {
        .main-content-wrapper {
            .container {
                .content-text {
                    .text-banner {
                        margin: 25px auto 0px;
                        .wrap-leaves {
                            img.leave-top {
                                top: 0;
                                right: 10px;
                            }
                            img.leave-middle {
                                top: 100px;
                                right: 35px;
                            }
                            img.leave-low {
                                bottom: 70px;
                                left: 25px;
                            }
                            img.leave-yellow1 {
                                top: -20px;
                                right: -20px;
                            }
                            img.leave-yellow2 {
                                right: -50px;
                            }
                            img.leave-yellow3 {
                                left: 10px;
                                bottom: 95px;
                            }
                            img.leave-yellow4 {
                                left: 10px;
                                bottom: 50px;
                            }
                        }
                        .wrap-easygoing-outdoor {
                           img {
                                width: 80%;
                                height: 70%;
                            }
                        }
                    }
                    .scroll-down {
                        .scroll-text {
                            left: 40px;
                        }
                        margin-top: 100px;
                    }
                    .nature-souvenirs {
                        display: flex;
                        justify-content: center;
                    }
                    .miyagi-cuisine {
                        margin-top: 0px;
                        width: 275px;
                        .layer-wrapper {
                            .layer-3 {
                                &::before {
                                    content: "";
                                    position: absolute;
                                    top: -5px;
                                    left: -5px;
                                    width: calc(100% + -2px);
                                    height: calc(100% + -2px);
                                }
                            }
                            .layer-2 {
                                top: -10px;
                            }
                            .layer-4 {
                                bottom: -45px;
                            }
                            .layer-5 {
                                top: -70px;
                            }
                        }
                    }
                    .content-area {
                        p {
                            line-height: 38px;
                            color: #000;
                            line-height: 38px;
                            text-align: center;
                            font-size: 3.2vw;
                        }
                    }
                }
            }
            .latest-information {
                margin-top: 30px;
                h1 {
                    font-size: 30px;
                }
            }
        }
        .main-miyagi-cuisine {
            &::before {
                top: 320px;
            }
            .block-want-to-try {
                padding: 10% 2vh 29px;
                .card {
                    .card-body {
                        .card-image {
                            img {
                                width: 100%;
                            }
                        }
                        .card-description {
                            p {
                                font-size:max(3vw,14px);
                                letter-spacing: -0.04rem;
                                br {
                                }
                            }
                        }
                    }
                    .card-title {
                        h2 {
                            font-size: 20px;
                        }
                    }
                }
            }
            .block-things {
                background: url(../img/miyagi-cuisine/things/image-bg.png) no-repeat -8px 17px;
                background-size: 100% 62%;
                .card {
                    .card-body {
                        .cuisine-ingredient {
                            padding: 0px;
                            .card.pot {
                                margin-top: 15%;
                                margin-right: -10px;
                                width: 80%;
                                .delicious {
                                    top: -8%;
                                    left: -15%;
                                }
                                .left {
                                    position: absolute;
                                    top: -25%;
                                    right: 8%;
                                }
                            }
                            .card.wet-ingredients {
                                width: 65%;
                                img{
                                    width: 80%;
                                }
                                
                            }
                            .card.vegetable {
                                margin-top: -25%;
                                margin-right: -24%;
                                .fresh-vegetables{
                                    left: 35%;
                                }
                                img{
                                    width: 74%;
                                }
                            }
                            .card.main-taro {
                                
                            }
                        }
                    }
                }
            }
            .block-content {
                .card-title {
                    img {
                        width: 100%;
                    }
                }
                .miyagi-outdoor, .miyagi-rest-area {
                    .card {
                        width: 90%;
                        .left {
                            right: -28px;
                            img {
                                width: 80%;
                            }
                        }
                        .right {
                            left: -10px;
                            top: 10%;
                            img {
                                width: 80%;
                            }
                        }
                        .check-plus{
                            right: -5%;
                        }
                    }
                }
                .card.infomation {
                    margin: 50px 0px;
                    .card-title {
                        h2 {
                            font-size: 20px;
                        }
                    }
                    .card-body {
                        .group-link {
                            a {
                                width: 100%;
                            }
                        }
                    }
                }
                .card.normal-stle {
                    .card-body {
                        .card-image {
                            .check-plus {
                                bottom: 60px;
                                right: 50px;
                                width: 50px;
                                height: 50px;
                                a {
                                    font-size: 10.64px;
                                    span {
                                        top: 22px;
                                        left: 20px;
                                    }
                                }
                            }
                        }
                    }
                }

            }
            .block-card-content {
                .card {
                    .card-body {
                        ul, ul.boat-ride {
                            gap: 6px;
                            margin-bottom: 20px;
                            li {
                                p {
                                    font-size: 12px;
                                }
                            }
                        }
                        .readmore {
                            a {
                                font-size: 16px;
                                width: 100%;
                                max-width: 283px;
                            }
                        }
                        .card-image {
                            .layer-wrapper {
                                .ribbon {
                                    font-size: 16px;
                                    transform: rotate(337deg);
                                }
                                .layer-2 {
                                    height: 74%;
                                    left: 50px;
                                    top: 20px;
                                    width: 80%;
                                }
                                .layer-1 {
                                    width: 85%;
                                    left: 5px;
                                    top: 30px;
                                    height: 73%;
                                }
                                .layer-3 {
                                    width: 85%;
                                    right: 0;
                                    margin: 0px auto;
                                    &::before {
                                        content: "";
                                        position: absolute;
                                        top: 40px;
                                        left: -6px;
                                        width: calc(100% + -3px);
                                        height: calc(100% + -93px);
                                        border: 1px solid #000;
                                        border-radius: 12px;
                                        z-index: 3;
                                        pointer-events: none;
                                    }
                                }
                                .layer-4 {
                                    left: 20px;
                                    bottom: -44px;
                                    img {
                                        width: 70%;
                                    }
                                }
                                .layer-5 {
                                    right: 0;
                                    top: -70px;
                                }
                            }
                        }
                    }
                    .card-title {
                        h2 {
                            font-size: 20px;
                        }
                    }
                }
            }
        }
        .main-miyagi-travel {
            overflow: hidden;
            .zao-togatta-onsen {
                .miyagi-olle-zao-togatta {
                    margin-top: 20px;
                    .content {
                        margin-top: 10px;
                        padding: 0px 20px;
                        p {
                            br {
                                display: none;
                            }
                        }
                    }
                    .layer-wrapper {
                        .layer-2 {
                            height: 74%;
                            left: 50px;
                            top: 20px;
                            width: 80%;
                        }
                        .layer-1 {
                            width: 85%;
                            left: 5px;
                            top: 30px;
                            height: 73%;
                        }
                        .layer-3 {
                            width: 85%;
                            right: 0;
                            margin: 0px auto;
                            &::before {
                                content: "";
                                position: absolute;
                                top: 40px;
                                left: -6px;
                                width: calc(100% + -3px);
                                height: calc(100% + -93px);
                                border: 1px solid #000;
                                border-radius: 12px;
                                z-index: 3;
                                pointer-events: none;
                            }
                        }
                    }
                    img.new-promotion {
                        top: -20px;
                        right: -16px;
                        width: 35%;
                    }
                }
                .zao-togatta-course {
                    h2 {
                        font-size: 25.59px;
                    }
                }
                .trekking-springs {
                    img.season-title {
                        width: 270px;
                    }
                    .content {
                        padding: 0px 20px;
                        p {
                            font-size: 15px;
                            br {
                                display: none;
                            }
                        }
                    }
                }
                .zao-togatta-accommodation {
                 .wrap-accommodation {
                    .sight-view {
                        .wrap-steam {
                            img.steam-right {
                                width: 17.41px;
                                bottom: 75px;
                                right: 10%;
                            }
                            img.steam-left {
                                width: 14.79px;
                                bottom: 70px;
                                right: 44%;
                            }
                        }
                    }
                    img.women {
                            top: -78px;
                            right: 40px;
                            width: 152px;
                        }
                    }
                }

            }
            .wrap-sightseeing {
                padding: 15px 5% 0 5%;
                .card {
                    .left {
                        right: -28px;
                        img {
                            width: 80%;
                        }
                    }
                    .right {
                        left: -44px;
                        img {
                            width: 80%;
                        }
                    }
                }
            }
            .travel-duration {
                p {
                    font-size: 14px;
                    br {
                        display: none;
                    }
                }
            }
            .miyagi-olle {
                .what-miyagi-olle {
                    width: 90%;
                    top: 150px;
                    padding: 10px 15px 10px 15px;
                    .miyagi-olle-title {
                        top: -35px;
                        font-size: 10vw;
                    }
                    .content {
                        p {
                            br {
                                display: none;
                                font-size: 14px;
                            }
                        }
                        .miyagi-olle-detail {
                            padding: 10px 0px 10px 0px;
                            width: 90%;
                            a {
                                font-size: 14px;
                                display: block;
                            }
                        }
                    }
                }
            }
        }

        .main-miyagi-activity {
            .top-section {
                &::before {
                    top: 240px;
                }
            }
            .skayaking-spot {
                .skayaking-content {
                    padding: 30px 6% 0px 6%;
                    .instruction {
                        p {
                            font-size: 12px;
                        }
                    }
                    .training {
                        img {
                            width: 170%;
                            right: -72%;
                        }
                    }
                }
                .wrap-card {
                    .card {
                        .skayaking-activity {
                            img.benefit {
                                min-width: 30%;
                                height: auto;
                                margin-top: 0;
                                margin-left: 5%;
                                margin-right: 2%;
                            }
                            img.floating {
                                min-width: 50%;
                                height: auto;
                                width: 100%;
                            }
                        }
                        img.gathering {
                            margin-left: 5%;
                            width: 85%;
                        }
                        img.gathering.paraglider{
                            max-width: 100%;
                            width: 100%;
                            max-height: initial;
                            height: auto;
                        }
                        .fly-feature {
                            img.easy-flying {
                                min-width: 30%;
                                height: auto;
                                margin-left: 5%;
                            }
                            img.fly-instructor {
                                min-width: 60%;
                                height: auto;
                            }
                        }
                        img.meeting {
                            max-width: 70%;
                            height: auto;
                        }
                    }
                }
                .hot-air-balloon {
                    .wrap-balloon {
                        .air-balloon-title {
                            font-size: 22px;
                        }
                        .balloon-activity {
                            p {
                                font-size: 12px;
                            }
                        }
                        .balloon {
                            img {
                                right: -26px;
                                top: -11px;
                                width: 90%;
                            }
                        }
                    }
                }
            }
            .skayaking-spot {
                .kuunel-sup-school {
                    width: 81%;
                    .card-body {
                        .group-link {
                            flex-direction: column;
                            align-items: center;
                            a {
                                width: 100%;
                            }
                        }
                    }
                }
                .hot-air-balloon {
                    .landing-balloon {
                        img {
                            width: 100%;
                        }
                    }
                }
                .air-balloon-contact {
                    .air-balloon-info {
                        width: 81%;
                        .card-body {
                            .group-link {
                                flex-direction: column;
                                align-items: center;
                                a {
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
                .wrap-card {
                    .fly-experience {
                        text-align: left;
                        align-items: center;
                        gap: 20px;
                        .special-experience {
                            min-width: 45%;
                            p {
                                padding: 0 10% 12% 0;
                                font-size: 12px;
                            }
                        }
                    }
                }
            }
            .bus-or-train {
                h2 {
                    font-size: 30px;
                }
                .outdoor-play {
                    margin-bottom: 30px;
                    img {
                        margin-left: 0px;
                    }
                }
                .wrap-content {
                    p {
                        br {
                            display: none;
                        }
                    }
                }
            }
            .three-scenic-spots {
                h2 {
                    font-size: 26.59px;
                }
                .tags {
                    span {
                        font-size: 12px;
                    }
                }
            }
        }
        .latest-information {
            .wrap-content {
                flex-direction: column;
            }
        }
        .gourmet-matsushima,
        .gourmet-feature {
            border-radius: 100px 100px 0px 0px;
            .gourmet-information {
                .wrap-gourmet {
                    .gourmet-card {
                        width: 90%;
                        margin: 0px auto;
                        flex-direction: column;
                        .check-plus {
                            right: 8px;
                        }
                        .gourmet-view {
                            width: 100%;
                        }
                        .content {
                            width: 100%;
                            p {
                                br {
                                    display: none;
                                }
                            }
                        }
                    }
                    h2 {
                        font-size: 20px;
                    }
                    .pc_nobreak{
                        display: block;
                    }
                }
            }
        }
        .natural-miyagi-spots {
            .miyagi-spots-container {
                .main-banner {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    img {
                    }
                    .wrap-seasons-leaves {
                        img.seasons-leaves-1 {
                            left: 5px;
                        }
                        img.seasons-leaves-2 {
                            right: 25px;
                        }
                        img.seasons-leaves-3 {
                            right: 5px;
                        }
                        img.seasons-leaves-4 {
                            right: 80px;
                            max-width: 23px;
                        }
                    }
                    .title {
                        h2 {
                            font-size: 27.73px;
                            margin-top: 10px;
                        }
                        img{
                            width: 85%;
                        }
                    }
                }
                .wrap-matsushima-area {
                    .area-title {
                        margin-top: 20px;
                        h2 {
                            font-size: 20px;
                        }
                    }
                    .area-feature {
                        .wrap-feature {
                            overflow: hidden;
                            position: relative;
                            width: 500px;
                            box-sizing: border-box;
                            .card-area {
                                flex: 0 0 80%;
                                max-width: 80%;
                                .header-title {
                                    .area {
                                        h3 {
                                            font-size: 16px;
                                        }
                                    }
                                }
                                .content {
                                    p {
                                        br {
                                            display: none;
                                        }
                                    }
                                }
                                .view-feature {
                                    .check-plus {
                                        right: 10px;
                                        width: 50px;
                                        height: 50px;
                                        a {
                                            font-size: 10.64px;
                                            span {
                                                top: 24px;
                                                left: 20px;
                                            }
                                        }
                                    }
                                }
                            }
                            .arrow {
                                top: 46%;
                            }
                        }
                    }
                    .area-feature {
                        .wrap-feature {
                            .next {
                                right: 5%;
                            }
                            .prev{
                                left: 5%;
                            }
                        }
                    }
                }
            }
            .trip-to-sendai {
                h1 {
                    font-size: 20px;
                }
                .options {
                    .button {
                        font-size: 12px;
                        padding: 9px;
                    }
                }
            }
            .recommended-sites {
                .sites {
                    justify-content: center;
                }
            }
            .outdoor-wrap {
                .copyright {
                    text-align: center;
                }
            }
            .modal-overlay {
                .card-container {
                    .card-close-button {
                        top: -20px;
                        right: 20px;
                        width: 35px;
                        height: 35px;
                    }
                    .modal-slider {
                        position: relative;
                        width: 85%;
                        overflow: hidden;
                        height: 83.5vh;
                        max-height: 83.5vh;
                        /* overflow-y: scroll; */
                        .slide {
                            -webkit-overflow-scrolling: touch;
                            overflow-y: auto;
                            height: 100%;
                            padding: 0;
                            > div {
                                padding: 30px 25px;
                            }
                            .main-content {
                                .title {
                                    font-size: 16px;
                                }
                                .description {
                                    p {
                                        br {
                                            display: none;
                                        }
                                    }
                                }
                            }
                            .footer .details-button {
                                width: 50%;
                            }
                        }
                    }
                    .modal-nav {
                        top: 34%;
                        padding: 0 2%;
                        left: 0px;
                        right: 3px;
                    }
                }
            }
        }
    }
    .miyagi-prefecture, .miyagi-prefecture-season {
        &.miyagi-prefecture {
            margin-top: 333px;
        }
    }
    .modal {
        .modal-content {
            width: 90%;
            .description {
                padding: 0px 20px;
                p {
                    br {
                        display: none;
                    }
                }
            }
            .modal-header {
                h2 {
                    font-size: 18px;
                    padding: 32px 20px 0px 20px;
                    line-height: 25px;
                    &br {
                        display: none;
                    }
                    a {
                        top: 28px;
                        i {
                            width: 40px;
                            height: 40px;
                            &.hplink {
                                position: absolute;
                                top: 0px;
                                right: -4px;
                            }
                        }
                    }
                }
            }
            img {
                margin-top: 10px;
                padding: 0px 20px;
            }
            .close-btn {
                bottom: 10px;
            }
        }
        .modal-gourmet {
            width: 90%;
            right: 0px;
            .wrap-modal {
                width: 90%;
                margin: 0px auto;
                .close-btn {
                    bottom: 8px;
                    right: 8px;
                    width: 35px;
                    height: 35px;
                }
            }
        }
    }
}

@media (max-width: 375px) {
    #sizen-miyagi {
        .main-content-wrapper {
            .container {
                .content-text {
                    .content-area {
                        p {
                            text-align: center;
                            font-size: 3.2vw;
                            letter-spacing: -0.04rem;
                        }
                    }
                    .soup-menus {
                        margin-left: 0px;
                    }
                }
            }
             .container {
                .content-text {
                    .miyagi-cuisine {
                        .layer-wrapper {
                            width: 210px;
                            height: 210px;
                            .layer-2 {
                            height: 210px;
                            }
                            .layer-4 {
                                left: 6px;
                                bottom: -55px;
                                img {
                                    width: 100%;
                                }
                            }
                            .layer-5 {
                                top: -70px;
                            }
                        }
                    }
                }
            }
        }
        .main-miyagi-cuisine {
            .block-things {
                .card {
                    .card-body {
                        .cuisine-ingredient {
                            .card.vegetable {
                                img {
                                    margin-left: 6%;
                                }
                            }
                        }
                    }
                }
            }
            &::before {
                top: 253px;
            }     
        }
        .main-miyagi-travel {
            .miyagi-olle {
                .what-miyagi-olle {
                    .miyagi-olle-title{
                        font-size: 44px;
                        top: -28px;
                    }
                    .content {
                        .miyagi-olle-detail {
                            margin: 15px 0;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 375px) {
#sizen-miyagi {
    .sidebar {
        .aside-right {
            .menu {
                .wrap-menus {
                    .section {
                        .accordion {
                            .accordion-content {
                                button {
                                    padding: 0 0 0 33px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
     .main-miyagi-cuisine {
        .block-want-to-try {
            padding: 10% 1vh 29px;
        }
    }
}
}

@media (max-width: 320px) {
    #sizen-miyagi {
        & .main-miyagi-cuisine {
            .block-want-to-try {
                padding: 10% 0;
            }
        }
    }
}