@charset "UTF-8";
html {
    font-size: 100%;
} 
body {
    font-family: 'Philosopher' monospace;
    line-height: 1.7;
    color: #432;
} 
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
/* HEADER
------------------------------*/
.logo {
    width: 150px;
    margin-top: 25px;
}
.main-nav {
    display: flex;
    font-size: 1.00rem;
    text-transform: uppercase;
    margin-top: 35px;
    list-style: none;
}
.main-nav li {
    margin-left: 36px;
}
.main-nav a {
    color: #686868;
}
.main-nav a:hover {
    color:  rgb(151, 151, 151);
}
.page-header {
    display: flex;
    justify-content: space-between;
}
.page-header h1{
    margin-bottom: 0px;
}
.wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4%;
}

/* フッター
----------------------------- */
footer {
    background: rgb(255, 255, 255);
    text-align: center;
    padding: 10px 0;
}
footer p {
    color: #939090;
    font-size: 0.8rem;
}

/* lineup
------------------------ */
#lineup 
.lineup-content {
    max-width: 500px;
    margin-top: 10%;
}
.enter {
  text-align: center;
}

.grid {
    font-family: 'Josefin Sans', sans-serif;
    display: grid;
    column-gap: 22px;
    row-gap: 4px;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
    margin-top: 3%;
    margin-bottom: 30px;
    text-align: center;
    line-height: 0.8;
    }
    .lineup-nav a {
        color: #443322;
        font-size: 0.8rem;
    }
    .lineup-nav a:hover {
        color:  rgb(142, 135, 142);
    }
    .for-pc { display:block; }
.for-sp { display:none; }


/* 各ラインナップ
------------------------- */

.onegrid {
    font-family: 'Josefin Sans', sans-serif;
    display: grid;
    column-gap: 22px;
    row-gap: 4px;
    grid-template-columns: repeat(auto-fit,minmax(450px,1fr));
    margin-top: 2%;
    margin-bottom: 30px;

    }
.price {
    text-align: center;
    font-size: small;
    line-height: 1rem;
    margin-top: 35px;
}
.price p {
    line-height: 0.5rem;
}

.sns h2,.rental h2,.information h2 {
  border-bottom: 1px solid #443322;
    margin-bottom: 15px;
    font-size: 1.1rem;
  }
.sns a {
  color: #432;
}


        /*　モバイル版
        ------------------------ */
        @media(max-width: 600px) {
            .page-title {
                font-size: 2.5rem;
            }
            /* HEADER */
            .main-nav {
                font-size: 0.5rem;
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .main-nav li {
                margin: 0 10px;
            }
            .page-header {
                flex-direction: column;
                align-items: center;
            }
            .news-contents {
                flex-direction: column;
            }
            .page-header ul{
                padding: 0;
            }
            .logo {
                width: 70px;
                margin-top: 20px;

            }
    
            .page-header h1{
                margin-bottom: -14px;}

            /* lineup */
            .lineup-content {
                margin-top: 20%;
            }
          
            .enter {
              font-size: 0.65rem;
            }
            .grid {
                font-family: 'Josefin Sans', sans-serif;
                display: grid;
                column-gap: 13px;
                row-gap: 1px;
                grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
                margin-top: 15px;
                margin-bottom: 0px;
                text-align: center;
                line-height: 0;
            }
            .lineup-nav img{
                margin-top: 0;
            }
            .lineup-nav a{
                font-size: 0.55rem;
            }
            .lineup-nav p{
              margin-top: 11px;
              margin-bottom: 16px;
            }
            footer {
                padding: 0.2px 0;
                margin-top: 4px;
            }
            footer p {
                    font-size: 0.4rem;
            }
            /* 各ラインナップ　*/
            .onegrid {
                font-family: 'Josefin Sans', sans-serif;
                display: grid;
                column-gap: 22px;
                row-gap: 4px;
                grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
                margin-top: 0.7%;
                margin-bottom: 15px;
                }
                .price {
                    text-align: center;
                    font-size: 0.47rem;
                    margin-top: 5px;
                    margin-bottom: 2px;
                    line-height: 0.8rem;
                }

            .for-pc { display:none; }
            .for-sp { display:block; }

            /* contact */
            .sns h2 {
              font-size: 0.8rem;
            }
            .sns a {
               font-size: 0.6rem;
            }
            .sns b {
              margin-bottom: 0;
            }
        }


        
        .c-header {
            align-items: center;
            background-color: #ffffff; /* カスタマイズ */
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            padding: 0rem 0rem ; /* カスタマイズ */
            width: 100%;
          }
          

          .c-header__list {
            box-sizing: border-box;
            display: flex;
            margin: 0;
            padding: 0;
          }
          
          .c-header__list-item {
            list-style: none;
            text-decoration: none;
          }
          
          .c-header__list-link {
            color: #432; /* カスタマイズしてください */
            display: block;
            margin-left: 30px; /* カスタマイズしてください */
            text-decoration: none;
            padding: 10px 0px; /* カスタマイズしてください */
          }
          
          .c-header__list-link:hover {
            filter: opacity(0.6); /* カスタマイズしてください */
          }
          
          .c-hamburger-menu {
            position: relative;
          }
          
          @media screen and (max-width: 750px) {
            .c-hamburger-menu__list {
              background-color: #ffffff; /* カスタマイズしてください */
              align-items: flex-start;
              display: flex;
              flex-direction: column;
              left: 0;
              padding: 0rem; /* カスタマイズしてください */
              position: absolute;
              transform: translateX(-100%);
              transition: 0.3s; /* カスタマイズしてください */
              top: 100%;
              width: 100%;
            }
            .c-header__list-link {
              font-size: 0.6rem;
              padding: 7px 0px;
              margin-left: 8px; 

            }
          
            #hamburger:checked ~ .c-hamburger-menu__list {
              transform: translateX(0%);
              transition: 0.3s;
            }
          }
          
          .c-hamburger-menu__input {
            display: none;
          }
          
          .c-hamburger-menu__bg {
            background-color: #432; /* カスタマイズしてください */
            cursor: pointer;
            display: none;
            height: 0vh;
            left: 0;
            opacity: 0.4; /* カスタマイズしてください */
            position: absolute;
            top: 0;
            width: 100%;
            z-index: -1;
          }
          
          #hamburger:checked ~ .c-hamburger-menu__bg {
            display: block;
          }
          
          .c-hamburger-menu__button {
            display: none;
          }
          
          @media screen and (max-width: 600px) {
            .c-hamburger-menu__button {
              align-items: center;
              appearance: none;
              background-color: transparent;
              border: none;
              cursor: pointer;
              display: flex;
              flex-direction: column;
              gap: 5px; /* カスタマイズしてください */
              height: 32px; /* カスタマイズしてください */
              justify-content: center;
              width: 32px; /* カスタマイズしてください */
            }
          }
          
          .c-hamburger-menu__button-mark {
            background-color: #432; /* カスタマイズしてください */
            display: block;
            height: 1px; /* カスタマイズしてください */
            transition: 0.3s; /* カスタマイズしてください */
            width: 20px; /* カスタマイズしてください */
          }
          
          @media screen and (max-width: 600px) {
            #hamburger:checked
              ~ .c-hamburger-menu__button
              .c-hamburger-menu__button-mark:nth-of-type(1) {
              transform: translate(2px, 1px) rotate(45deg); /* カスタマイズしてください */
              transform-origin: 0%; /* カスタマイズしてください */
            }
            #hamburger:checked
              ~ .c-hamburger-menu__button
              .c-hamburger-menu__button-mark:nth-of-type(2) {
              opacity: 0;
            }
            #hamburger:checked
              ~ .c-hamburger-menu__button
              .c-hamburger-menu__button-mark:nth-of-type(3) {
              transform: translate(2px, 3px) rotate(-45deg); /* カスタマイズしてください */
              transform-origin: 0%; /* カスタマイズしてください */
            }}