/* PC時
本文・・・font-size：16px / 行間2em
大見出し＜h1＞・・・font-size：36px / 行間1.2em
中見出し＜h2＞・・・font-size：24px / 行間1.2em

スマホ時
本文・・・font-size：16px / 行間1.5em
大見出し＜h1＞・・・font-size：24px / 行間1.2em
中見出し＜h2＞・・・font-size：20px / 行間1.2em */


/* タブレット表示 */
@media (max-width: 960px) {

    .insta-video {
        width: 500px;
        margin-right: auto;
        margin-left: auto;
    }
    .top-wrapper .back {
        height: 400px;
    }
    .top-wrapper h1 {
        margin-top: 0;
        font-size: 40px;
    }
    .top-wrapper .bg-box {
        padding-top: 0;
    }

    .flex {
        flex-wrap: wrap;
    }
    
    .flex .flex-2:last-of-type {
        margin-left: 0;
    }
    .flex .flex-2:first-of-type {
        margin-right: 0;
    }
    .flex-2 {
        width: 100%;
    }

    .top-copy {
        font-size: 40px;
        padding-top: 0;
    }

    article section {
        padding: 0 24px;
    }

    .menu-sect .item-name, .menu-sect .price {
        font-size: 18px;
    }

    .menu-sect .item {
        margin-right: 30px;
    }
    .menu-sect .flex .flex-2:first-of-type {
        margin-right: 0;
    }
    .menu-sect .flex .flex-2:last-of-type {
        margin-left: 0;
    }
    .menu-sect .flex ul {
        padding-left: 0;
    }

    .dc-top {
        padding: 60px 24px;
    }
    .dc-top img {
        width: 30%;
        height: 300px;
        object-fit: cover;
    }
    .dc-top .texts {
        width: 70%;
    }
    .container-dc .flex {
        display: block;
    }
    .container-dc .box3 {
        width: 500px;
        margin: 40px 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    .dc-summary {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .box-staffs {
        display: block;
    }
    .staff-child {
        margin-bottom: 24px;
    }


    .top-drycut .bg-drycut {
        background-attachment: scroll;
        height: 600px;
    }
    .bg-reserve {
        background-attachment: scroll;
    }

    .br-pc{
        display: none;
    }
}

/* スマホ表示 */
@media screen and (max-width: 560px) {
    /* ヘッダーナビサイズ調整 */
    header nav {
        height: 60px;
    }
    .nav-logo img {
        height: 60px;
        width: auto;
        margin: 0;
        padding: 12px 0;
    }
    header nav ul{
        top: 60px;
    }
    .nav-logo {
        line-height: 60px;
    }
    .checkBtn {
        font-size: 24px;
        line-height: 60px;
    }
    /* .top-wrapper .back {
        margin-top: 60px;
    } */

    .insta-video {
        width: 100%;
    }

    .slide-lg {
        display: none;
    }

    .slide-sm {
        display: block;
    }


    .top-drycut ul {
        list-style: none;
    }

    article section, .top-about, .top-drycut .bg-box {
        padding: 0 16px;
    }
    .top-about {
        margin-top: 30px;
    }

    .top-wrapper .bg-top .bg-box {
        padding: 0 10px;
    }
    .top-copy {
        font-size: 32px;
        padding: 0;
    }

    .top-wrapper h1 {
        font-size: 32px;
    }

    main h2 {
        font-size: 28px;
    }

    .h1 {
        font-size: 24px;
    }
    .h2 {
        font-size: 20px;
    }


    .top-about .photos img {
        width: 50%;
    }
    .box-menus {
        margin: 30px auto 20px;
    }    
    .menu-child {
        width: 33%;
        padding: 20px 0;
    }
      
    .box-menus i {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 32px;
        line-height: 100px;
    }



    .dc-top {
        padding: 0 24px;
    }
    .dc-top .flex {
        display: block;
        width: 100%;
        margin-top: 50px;
    }
    .dc-top .texts {
        width: 100%;
        padding: 0;
    }
    .dc-top img {
        display: none;
    }
    .dc-top h2 {
        margin-bottom: 10px;
        line-height: 1.2em;
    }

    .dc-top p, .container-dc p{
    line-height: 1.4em;
    }
    .dc-top h2 {
        font-size: 28px; 
    }
    .container-dc h2 {
        font-size: 36px; 
    }


    .container-dc {
        text-align: left;
        padding: 0 24px;
    }
    .container-dc .box3 {
        width: 100%;
    }
    .container-dc .i-heading {
        text-align: left;
    }
    .container-dc h3 {
        font-size: 20px;
    }
    .dc-summary {
        width: 100%;
        padding: 0 15px 5px;
    }



    .flex ul {
        padding-left: 0;
    }

    .menu-sect li {
        display: block;
    }
    .menu-sect .price {
        line-height: 1.5em;
        margin-left: 0;
        display: block;
    }

    .menu-sect .item {
        margin-right: 0;
    }

    .access iframe {
        height: 300px;
    }

    .menu-sect .item p {
        font-size: 14px;
        padding-left: 5px;
    }

    .dc-top ul {
        border: 1px dotted gray;
        padding: 10px;
    }

    footer .shop-info img {
        /* display: none; */
        width: 100%;
        padding: 0;
        margin-bottom: 16px;
    }
    footer .shop-info .box {
        width: 100%;
        margin-right: 0;
    }
    footer .shop-info {
        flex-direction: column-reverse;
    }
    footer nav {
        font-size: 14px;
    }
    .sp-none {
        display: none;
    }

    .prof ul span {
        display: block;
    }

    .br-sp {
        display: block;
    }

}