@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Scheherazade:wght@100;200;300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap);
@media screen and (min-width: 961px) {
.area_top {
    max-width: 100%;
    height: 120vh;
    background: url(../img/area_top-min.jpg) no-repeat center center;
    background-size: cover;
}
.header_list_text {
    font-family: 'Scheherazade',serif;
    font-size: 2vw;
    text-align: right;
}
.nav-hidden {
    display: none;
}
.menubtn01 {
    display: none;
}
ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
    box-sizing: border-box;
  }
ul li {
    width: calc(80% / 5);
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
}
ul li a {
    display: block;
    padding: 0 0 10px;
    color: #333;
    transition: 0.3s;
    text-decoration: none;
}
ul li a:hover {
    opacity: 0.7;
}
ruby {
    ruby-position: under;
}
rt {
    font-size: 0.5vw;

}
.top_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
h1 {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 4.5vw;
    text-align: justify;
    display: flex;
    letter-spacing: 0.1em;
    color: #2c1c1c;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
}
.top_text .sub_text {
    font-family: 'Scheherazade', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 2vw;
    display: flex;
    letter-spacing: 0.1em;
    text-align: justify;
    color: #2c1c1c;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
/*concept*/
.concept_text .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.3vw;
    line-height: 5vw;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.2em;
    color: #092237;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.concept_text {
    margin-top: 5%;
    margin-left: 5%;
}
.concept_img {
    position: relative;
    margin-top: -15%;
    left: 30%;
}
.concept_design {
    background: #C18B55;
    margin-top: -20%;
    padding-bottom: 10%;
}
.concept_design .ttl {
    font-family: 'Scheherazade', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 2.5vw;
    display: flex;
    align-items: center;
    padding-left: 15%;
    padding-top: 5%;
    letter-spacing: 0.1em;
    color: #092237;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    text-decoration: underline #092237 2px;
}
.footprints01 {
    width: 5vw;
    height: 100%;
    padding-top: 2%;
    padding-left: 15%;
}
.cat01 {
    width: 5vw;
    height: 100%;
    margin-right: 3%;
    margin-top: -7%;
}
.footprints02 {
    width: 7vw;
    height: 100%;
    padding-left: 80%;
    position: relative;
    top: -80px;
}
.lunch_top_text {
    width: 15vw;
    height: 100%;
    padding-left: 5%;
    padding-right: 5%;
}
.lunch_text .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: rgba(52, 49, 49, 0.93);
    margin-top: -5%;
}
.lunch_body {
    background: #E3C89F;
    margin-top: -7%;
}
.lunch_body .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    line-height: 3vw;
    display: flex;
    text-align: justify;
    justify-content: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    align-items: center;
}
.main_lunch .ttl {
    margin-left: 4%;
}
.main_img {
    margin-left: 5%;
    margin-top: 1%;
}
.pasta_lunch .ttl {
    margin-right: 4%;
}
.pasta_img {
    margin-top: -1%;
    margin-bottom: 1%;
    padding-right: 10%;
}
.menu_area .tti {
    font-family: 'Scheherazade', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3vw;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 10%;
    padding-left: 17%;
    letter-spacing: 0.05em;
    color: rgba(9, 34, 55, 0.93);
}
.menu_area .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    line-height: 3vw;
    display: flex;
    text-align: left;
    align-items: left;
    letter-spacing: 0.1em;
    color: #092237;
    margin: 0% 60% 0% 10%;
}
.menu_area {
    margin-bottom: 10%;
    margin-right: 10%;
}
/* slider start */
.slider1 {
    width: 50vw;
    height: auto;
    display: flex;
    overflow: hidden;
    margin-left: 50%;
    margin-top: -38%;
    padding-bottom: 5%;
}
.slide img {
    width: 50vw;
    height: auto;
}
.text {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-size: 1.3vw;
    font-weight: normal;
    font-style: normal;
    color: #ffff;
    margin-top: -7%;
    margin-left: 5%;
}
.slides {
    width: 500%;
    display: flex;
}
.slides input {
    display: none;
}
.slide {
    width: 20%;
    transition: 2s;
}

/* navigation */
label{
    display: inline-block;
}
.navigation-manual1 {
    position: absolute;
    margin-top: 38%;
    left: 63%;
    transform: translateX(-50%);
    display: flex;
}
.manual-btn {
    border: 1.5px solid #333;
    padding: 50%;
    margin: 60%;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
}
.manual-btn:hover {
    background: #333;
}

#radio1:checked ~ .first {
    margin-left: 0;
}
#radio2:checked ~ .first {
    margin-left: -20%;
}
#radio3:checked ~ .first {
    margin-left: -40%;
}
#radio4:checked ~ .first {
    margin-left: -60%;
}
#radio5:checked ~ .first {
    margin-left: -80%;
}
#radio6:checked ~ .first {
    margin-left: -100%;
}

/* slider end */

.dessert_area {
    background: #DACBB6;
    padding-top: 5%;
    padding-bottom: 10%;
}
.dessert_text01 .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.3vw;
    line-height: 3vw;
    display: flex;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin-top: -5%;
    padding-top: 5%;
    padding-left: 15%;
    padding-right: 5%;
}
.dessert_text01 {
    background: #E18F8F;
    margin-top: -13%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 25%;
    margin-left: 5%;
    margin-right: 5%;
}
.dessert_text02 {
    width: 18vw;
    height: 100%;
    padding-left: 3%;
}
.dessert_img01 {
    background: url(../img/dessert_img01.jpg) no-repeat;
    background-size: cover;
    max-width: 30%;
    height: 50%;
    padding-top: 10%;
    margin-top: -20%;
    margin-left: 5%;
}
.dessert_img01 .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    margin-top: 100%;
    padding-left: 40%;
    white-space: nowrap;
    font-size: 1vw;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);
}
.dessert_img02 {
    background: url(../img/back_img01.png) no-repeat;
    background-size: 50% 100%;
    margin-top: -22.5%;
    margin-left: 35%;
    padding-top: 8%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}
.dessert_img02 .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 1vw;
    letter-spacing: 0.1em;
    padding-left: 3%;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.dessert_area .tti {
    font-family: 'Scheherazade',serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: #535252;
    border-bottom: 2px solid #535252;
    padding-bottom: 1.5px; 
    margin-right: 20%;
    margin-top: -32%;
    margin-left: 50%;
    padding-left: 3%;
}
.menu_list .dessert_table {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    line-height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    letter-spacing: 0.1em;
    color: #EFECD1;
    margin-top: -10%;
    margin-left: 67.5%;
    margin-right: 5%;
    padding-top: 3%;
    background: #535252;
}
.drink_area {
    background: #DACBB6;
    padding-top: 3%;
    padding-bottom: 18%;
    margin-bottom: -12%;
}
.coffee_intr {
    background: #173854;
    margin-left: 5%;
    margin-right: 10%;
    margin-bottom: 8%;
    padding-bottom: -10%;
    margin-top: -15%;
}
.coffee_intr .tti {
    font-family: 'Scheherazade', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 2.5vw;
    line-height: 3vw;
    display: flex;
    text-decoration: underline #EFECD1 2px;
    letter-spacing: 0.1em;
    color: #EFECD1;
    padding-top: 3%;
    padding-left: 20%;
}
.coffee_intr .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    letter-spacing: 0.1em;
    line-height: 2.5vw;
    text-align: center;
    display: flex;
    color: #EFECD1;
    white-space: nowrap;
    margin-left: 8%;
    padding-bottom: 5%;
}
.coffee_img {
    width: 20.5vw;
    height: 50%;
    margin-top: -30%;
    margin-left: 44%;
    padding-bottom: 3%;
}
.drink_table01 caption {
    font-family: 'Scheherazade',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3vw;
    line-height: 0px;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.1em;
    color: #535252;
    background-color: #FFFFFF;
    margin-top: 6%;
    padding-top: 14%;
    padding-bottom: 8%;

}
.drink_table01 {
    background: #EFECD1;
    font-family: 'Sawarabi Mincho', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    line-height: 4vw;
    align-items: center;
    text-align: left;
    justify-content: center;
    letter-spacing: 0.1em;
    color: #535252;
    padding-left: 3%;
    padding-right: 3%;
    margin-left: 65%;
    margin-top: -29%;       
}
.drink_text {
    width: 18vw;
    height: 100%;
    padding-left: 78%;
}
.drink_table02 caption {
    font-family: 'Scheherazade',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3vw;
    line-height: 0px;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.1em;
    color: #535252;
    background-color: #FFFFFF;
    padding-top: 12%;
    padding-bottom: 8%;
}
.drink_table02 {
    background: #EFECD1;
    font-family: 'Sawarabi Mincho', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    line-height: 4vw;
    align-items: center;
    text-align: left;
    justify-content: center;
    letter-spacing: 0.1em;
    color: #535252;
    padding-left: 4%;
    padding-right: 4%;
    white-space: nowrap;
    max-width: 100%;
    height: auto;
    margin-top: -21%;
    margin-left: 5%;
    padding-left: 3%;
    padding-right: 3%;       
}
.drink_area h3 {
    font-family: 'Scheherazade',sans-serif;
    font-style: normal;
    font-weight: normal;    
    font-size: 3vw;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #535252;
    margin-top: -35%;
    border-bottom: 2px solid #EFECD1;
    padding-bottom: 2px;
    margin-left: 8%;
    margin-right: 8%;
}
.drip_coffee .ttl {
    font-family: 'Sawarabi Mincho',serif;
    font-size: 1.2vw;
    color: #333333;
    text-align: center;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.1em;
    white-space: nowrap;
    line-height: 4vw;
}
.drip_coffee01_video {
    padding-top: -5%;
}
video {
    background:  rgba(9, 34, 55, 0.81);
    margin-left: 63%;
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 2%;
}
.next_area {
    margin-top: -47%;
    margin-left: 30%;
}
.cat02 {
    margin-left: 25%;
    width: 5vw;
    height: 100%;
    padding-bottom: -2%;
}
.bakery_text_body {
    background: url(../img/cat2.svg) no-repeat;
    background-size: 30%;
    background-position: center top -0.5%;
    width: 18vw;
    height: 100%;
    margin-top: -5%;
    padding-top: 7.8%;
    margin-left: 19%;
}
.footprints04 {
    width: 9vw;
    height: 100%;
    margin-top: 2%;
    margin-left: 25%;
}
.bakery_body {
    background: rgba(43, 35, 35, 0.93);
    margin-top: 2%;
}
.bakery_body .ttl {
    font-family: 'Sawarabi Mincho',sans-serif;
    white-space: nowrap;
    color: #EFECD1;
    font-size: 1.2vw;
    line-height: 4vw;
    display: flex;
    text-align: left;
    align-items: left;
    letter-spacing: 0.05em;
    padding-bottom: 5%;
}
.bakery_img {
    width: 70vw;
    height: 100%;
    padding-right: 1%;
    margin-top: 4%;
    padding-top: 3%;
}
.baked_sweets_body {
    background: #EFECD1;
    margin-top: -4%;
    margin-left: 40%;
    margin-right: 0.5%;
}
.baked_sweets_body .ttl {
    font-family: 'Sawarabi Mincho',sans-serif;
    white-space: nowrap;
    color: #433737;
    font-size: 1.2vw;
    line-height: 4vw;
    text-align: left;
    align-items: left;
    letter-spacing: 0.1em;
    display: flex;
    padding-left: 5%;
    padding-top: 3%;
    padding-bottom: 1%;

}
.baked-img {
    width: 20vw;
    margin-top: -2%;
    filter: drop-shadow(0px 5px 7px rgba(0, 0, 0, 0.35));
}
/* bread-slider start */
.loop-wrap {
    display: flex;
    width: 100%;
    height: 5%;
    overflow: hidden;
}
.loop-wrap img {
    width: 90vw;
    height: 100%;
    opacity: 0.9;
}
@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}
.loop-wrap img:first-child {
    animation: loop 50s -25s linear infinite;
}
.loop-wrap img:last-child {
    animation: loop2 50s linear infinite;
}
/* bread-slider end */
.rentalspace_area {
    padding-top: 5%;
}
.rentalspace_area .tti {
    font-family: 'Scheherazade',serif;
    font-style: normal;
    font-weight: normal;    
    font-size: 3vw;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.1em;
    color: #092237;
}
.rentalspace_area .ttl {
    font-family: 'Sawarabi Mincho',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.3vw;
    line-height: 3vw;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1em;    
    color: #092237;
    justify-content: center;
    display: flex;   
}
/*slider02*/
.slideshow02 {
    width: 60%;
    margin-left: 20%;
    padding-top: 3%;
}
.access_area {
    padding-top: 6%;
}
.access_area .tti {
    font-family: 'Scheherazade',serif;
    font-style: normal;
    font-weight: normal;    
    font-size: 3vw;
    align-items: center;
    text-align: left;
    justify-content: center;
    letter-spacing: 0.05em;
    color: #092237;
    margin-left: 15%;
}
.access_body .ttl {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    line-height: 3vw;
    display: flex;
    text-align: left;
    align-items: left;
    letter-spacing: 0.1em;
    color: #092237;
    color: rgba(9, 34, 55, 0.93);
    margin-left: 15%;
    white-space: nowrap;
}
.map {
    margin-left: 13%;
    margin-top: 5%;
}
.map_img {
    width: 45vw;
    height: 100%;
    margin-top: -30%;
    margin-left: 48%;
    padding-top: 5%;
}
.map iframe {
    width: 30%;
    height: auto;
}
footer {
    background: #D2B993;
    margin-top: 10%;
}
.footer_logo img {
    padding-top: 5%;
    margin-top: 5%;
    padding-left: 10%;
    width: 3.5vw;
}
.footer_logo .ttl {
    font-family: 'Sawarabi Mincho',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8vw;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1em;
    color: #333;
    margin-left: 8%;
}
.footer_address .ttl {
    font-family: 'Sawarabi Mincho',sans-serif;
    white-space: nowrap;
    color: #333;
    font-size: 1vw;
    line-height: 3vw;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    letter-spacing: 0.05em;
    margin-left: 35%;
    margin-top: -15%;
    margin-bottom: 2%;
}
.footer_sns {
    margin-left: 85%;
    padding-top: -3%;
    margin-bottom: 1%;
}
a {
    text-decoration: none;
}
.footer_sns img {
    width: 2vw;
    height: 100%;
    vertical-align: auto;
}
.buttons {
    transition: 0.3s;

}
.buttons2 {
    margin-left: 15%;
}
.buttons:hover {
    opacity: 0.7;
}
}

@media screen and (max-width: 960px) {
    .area_top {
        max-width: 100%;
        background: url(../img/area_top_mobile.jpg) no-repeat center center;
        background-size: cover;
        height: 60vh;
    }
   .top_text {
       position: absolute;
       top: 45%;
       left: 48%;
       transform: translate(-50%,-50%);
    }
    h1 {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 8vw;
        text-align: justify;
        display: flex;
        letter-spacing: 0.1em;
        color: #2c1c1c;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
    }
    .top_text .sub_text {
        font-family: 'Scheherazade', serif;
        font-style: normal;
        font-weight: normal;
        font-size: 4vw;
        display: flex;
        letter-spacing: 0.1em;
        text-align: justify;
        color: #2c1c1c;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    } 
    #menubtn img{
        width:100%;
        max-width: 7%;
        margin-left: 87%;
        margin-top: 5%;
    }
    nav{
        background-color:none;
        padding:3vw;
        display: none;
    }
    #nav-input:checked ~ nav {
        display: block;
        animation: 1s fadeIn;
    }


    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
      }
    
    .nav-hidden{
        display:none;
    }
    .header_list_text {
        font-family: 'Scheherazade',serif;
        font-size: 4vw;
        text-align: right;
    }
    ul {
        flex-wrap: wrap;
        justify-content: right;
        list-style-type: none;
      }
    ul li {
        box-sizing: border-box;
        text-decoration: none;
    }
    ul li a {
        display: block;
        color: #333;
        padding-bottom: 5%;
        transition: 0.3s;
        text-decoration: none;
    }
    ul li a:hover {
        opacity: 0.7;
    }
    rt {
        display: none;
    }
    .concept_text .ttl {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 3vw;
        line-height: 15vw;
        align-items: center;
        text-align: center;
        letter-spacing: 0.2em;
        color: #092237;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .concept_text {
        margin-top: 10%;
    }
    .concept_img {
        width: 75%;
        margin-left: 25%;
        margin-top: 5%;
        opacity: 0.7;
    }
    .footprints01 {
        width: 7%;
        transform: rotate(13.96deg);
        margin-top: -30%;
        margin-left: 10%;
    }
    .cat01 {
        width: 7%;
        padding-right: 2%;
        margin-top: -6%;
    }
    .concept_design .ttl {
        font-family: 'Scheherazade', serif;
        font-style: normal;
        font-weight: normal;
        font-size: 3.7vw;
        display: flex;
        align-items: center;
        letter-spacing: 0.1em;
        color: #092237;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        text-decoration: underline #092237 0.5px;
        margin-left: 3%;
        padding-top: 8%;
    }
    .footprints02 {
        width: 9%;
        transform: rotate(40.15deg);
        margin-left: 90%;
        padding-top: -5%;
    }
    .lunchtime_area {
        background: #E3C89F;
        margin-top: 13%;
    }
    .lunch_top_text {
        width: 25%;
        margin-top: 8%;
        margin-left: 3%;
        padding-right: 36%;
    }
    .lunch_text .ttl {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 3vw;
        display: flex;
        align-items: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
    }
    .main_img {
        display: none;
    }
    .lunch_body .ttl {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 2.7vw;
        line-height: 7vw;
        text-align: center;
        justify-content: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        align-items: center;
    }
    .main_img_mobile {
        background: url(../img/lunch_img_01-min.jpg) no-repeat center;
        background-size: cover;
        width: 85%;
        margin-top: -10%;
        margin-left: 7.5%;
        padding-top: 50%;
    }
    .main_lunch .ttl {
        margin-top: 8%;
        margin-bottom: 8%;
    }
    .pasta_img {
        width: 85%;
        padding-bottom: 8%;
    }
    .pasta_lunch .ttl {
        padding-bottom: 17%;
    }
    .menu_area .tti {
        font-family: 'Scheherazade', serif;
        font-style: normal;
        font-weight: normal;
        font-size: 7vw;
        align-items: center;
        text-align: center;
        letter-spacing: 0.05em;
        color: rgba(9, 34, 55, 0.93);
        padding-top: 8%;
        border-bottom: 0.5px solid rgba(9, 34, 55, 0.93);
    }
    .menu_area .ttl {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 3vw;
        line-height: 7vw;
        text-align: left;
        align-items: left;
        letter-spacing: 0.1em;
        color: #092237;
        padding-left: 7%;
        padding-right: 7%;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    /* slider start */
    .slider1 {
        width: 80vw;
        height: auto;
        display: flex;
        overflow: hidden;
        padding-bottom: 10%;
        margin-left: 10%;
    }
    .slide img {
        width: 80vw;
        height: auto;
    }
    .text {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-size: 2vw;
        font-weight: normal;
        font-style: normal;
        color: #ffff;
        margin-top: -8%;
        margin-left: 5%;
    }
    .slides {
        width: 500%;
        display: flex;
    }
    .slides input {
        display: none;
    }
    .slide {
        width: 20%;
        transition: 2s;
    }
    
    /* navigation */
    .navigation-manual1 {
        position: absolute;
        margin-top: 60%;
        align-items: center;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
    }
    .manual-btn {
        border: 1px solid #333;
        padding: 50%;
        margin: 80%;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        cursor: pointer;
        transition: 1s;
        -webkit-appearance: none;
    }
    .manual-btn:hover {
        background: #333;
    }
    
    #radio1:checked ~ .first {
        margin-left: 0;
    }
    #radio2:checked ~ .first {
        margin-left: -20%;
    }
    #radio3:checked ~ .first {
        margin-left: -40%;
    }
    #radio4:checked ~ .first {
        margin-left: -60%;
    }
    #radio5:checked ~ .first {
        margin-left: -80%;
    }
    #radio6:checked ~ .first {
        margin-left: -100%;
    }
    
    /* slider end */

    .dessert_area {
        padding-top: 5%;
        background: #DACBB6;
        padding-bottom: 10%;
        margin-top: 5%;
    }
    .dessert_text02 {
        width: 25%;
        margin-left: 5%;
    }
    .dessert_text01{
        background: #E18F8F;
        margin-left: 8%;
        margin-right: 8%;
    }
    .dessert_text01 .ttl {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 2.5vw;
        line-height: 6vw;
        text-align: left;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        margin-top: -15%;
        padding-top: 16%;
        padding-left: 3%;
        padding-right: 3%;
        padding-bottom: 8%;   
    }
    .dessert_img01 {
        background: url(../img/dessert_img01.jpg) no-repeat;
        background-size: cover;
        width: 40%;
        border-radius: 100px;
        margin-left: 4%;
        margin-top: 5%;
    }
    .dessert_img01 .ttl {
        font-family: 'Sawarabi Mincho', sans-serif;
        white-space: nowrap;
        font-weight: normal;
        font-style: normal;
        font-size: 2.3vw;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);
        padding-top: 130%;
    }
    .dessert_img02 {
        display: none;
    }
    .dessert_area .tti {
        font-family: 'Scheherazade',serif;
        font-style: normal;
        font-weight: normal;
        font-size: 7vw;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.01em;
        color: #535252;
        margin-top: -55%;
        margin-left: 50%;
    }
    .menu_list .dessert_table {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: 2px;
        font-size: 3vw;
        line-height: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        letter-spacing: 0.1em;
        color: #535252;
        border-left: 1px solid #535252;
        border-top: 1px solid #535252;
        white-space: nowrap;      
    }
    .menu_list {
        background: url(../img/back_img01.png) no-repeat;
        background-size: cover;
        opacity: 0.7;
        margin-top: -9%;
        margin-left: 48%;
        margin-right: 2%;
    }
    .drink_area {
        background: #DACBB6;
        margin-top: -5%;
        padding-bottom: 30%;
    }
    .drink_text {
        width: 25%;
        padding-top: 5%;
        margin-left: 70%;
    }
    .coffee_intr {
        background: #173854;
        margin-top: -18%;
        margin-left: 7%;
        margin-right: 7%;
    }
    .coffee_intr .tti {
        font-family: 'Scheherazade', serif;
        font-style: normal;
        font-weight: normal;
        font-size: 5.5vw;
        line-height: 3vw;
        display: flex;
        text-decoration: underline #EFECD1 2px;
        letter-spacing: 0.1em;
        color: #EFECD1;
        padding-top: 15%;
        padding-left: 14%;
    }
    .coffee_intr .ttl {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 3vw;
        letter-spacing: 0.1em;
        line-height: 8vw;
        text-align: center;
        color: #EFECD1;
        white-space: nowrap;
        background: url(../img/cat_footprint_coffee.svg) no-repeat bottom left 10%;
        background-size: cover 50%;
        padding-bottom: 35%;
    }
    .coffee_img {
        width: 45%;
        margin-left: 50%;
        margin-top: -55%;
    }
    .drink_table01 caption {
        font-family: 'Scheherazade',sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 7vw;
        align-items: center;
        text-align: center;
        justify-content: center;
        letter-spacing: 0.1em;
        color: #535252;
        margin-top: 20%;
        margin-bottom: 7%;
        border-bottom: 0.5px solid #535252;
    }
    .drink_table01 {
        font-family: 'Sawarabi Mincho', serif;
        font-style: normal;
        font-weight: normal;
        font-size: 3.5vw;
        line-height: 10vw;
        align-items: center;
        text-align: left;
        justify-content: center;
        letter-spacing: 0.1em;
        color: #535252; 
        margin-left: 17%;     
    }
    .drink_table02 caption {
        font-family: 'Scheherazade',sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 7vw;
        align-items: center;
        text-align: center;
        justify-content: center;
        letter-spacing: 0.1em;
        color: #535252;
        border-bottom: 0.5px solid #535252;
        margin-top: 10%;
        margin-bottom: 7%;
    }
    .drink_table02 {
        font-family: 'Sawarabi Mincho', serif;
        font-style: normal;
        font-weight: normal;
        font-size: 3.5vw;
        line-height: 10vw;
        align-items: center;
        text-align: left;
        justify-content: center;
        letter-spacing: 0.1em;
        color: #535252;
        white-space: nowrap;
        max-width: 100%;
        height: auto; 
        margin-left: 13%;    
    }
    .drink_area h3 {
        display: none;
    }
    .drip_coffee ,.next_area{
        display: none;
    }
    .bakery_text_body {
        width: 30%;
        margin-top: -27%;
        margin-left: 10%;
        background: url(/img/cat2.svg) no-repeat;
        background-size: 30%;
        background-position: center top -0.5%;
        padding-top: 13%;
    }
    .footprints04 {
        width: 15%;
        margin-top: 3%;
        margin-left: 22%;
    }
    .bakery_body {
        background: #433737;
        padding-bottom: 2%;
    }
    .bakery_img {
        display: none;
    }
    .bakery_body .ttl {
        font-family: 'Sawarabi Mincho',sans-serif;
        white-space: nowrap;
        color: #EFECD1;
        font-size: 3vw;
        line-height: 8vw;
        text-align: left;
        align-items: left;
        letter-spacing: 0.1em;
        text-shadow: 0px 4px 6px #092237;
        padding-left: 17%;
        padding-bottom: 50%;
        background: url(/img/bakery_img.jpg) no-repeat;
        background-size: contain;
        background-position: bottom;
    }
    .baked_sweets_body {
        background: #EFECD1;
    }
    .baked_sweets_body .ttl {
        font-family: 'Sawarabi Mincho',sans-serif;
        white-space: nowrap;
        color: #433737;
        font-size: 2vw;
        line-height: 6vw;
        text-align: left;
        align-items: left;
        letter-spacing: 0.1em;
        display: flex;
        margin-top: -1%;
        padding-top: 3%;
        justify-content: center;
        background: url(../img/baked-sweets.png) no-repeat;
        background-size: 17%;
        background-position: right bottom;
        padding-bottom: 5%;
        padding-right: 2%;
    }
    .baked-img {
        display: none;
    }
    /* bread-slider start */
.loop-wrap {
    margin-top: 4%;
    display: flex;
    width: 100%;
    height: 5%;
    overflow: hidden;
}
.loop-wrap img {
    width: 90vw;
    height: 100%;
    opacity: 0.9;
}
@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}
.loop-wrap img:first-child {
    animation: loop 50s -25s linear infinite;
}
.loop-wrap img:last-child {
    animation: loop2 50s linear infinite;
}
/* bread-slider end */
    .rentalspace_area .tti {
        font-family: 'Scheherazade',serif;
        font-style: normal;
        font-weight: normal;    
        font-size: 7vw;
        align-items: center;
        text-align: center;
        justify-content: center;
        letter-spacing: 0.1em;
        color: #092237;
        border-bottom: 0.5px solid rgba(9, 34, 55, 0.93);
        margin-top: 20%;
    }
    .rentalspace_area .ttl {
        font-family: 'Sawarabi Mincho',sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 2.6vw;
        line-height: 7vw;
        align-items: center;
        text-align: center;
        letter-spacing: 0.1em;    
        color: #092237;
        white-space: nowrap;
        margin-bottom: 5%;
    }
    .slideshow02 {
        width: 90%;
        margin-left: 5%;
    }
    .access_area .tti {
        font-family: 'Scheherazade',serif;
        font-style: normal;
        font-weight: normal;    
        font-size: 7vw;
        align-items: center;
        text-align: center;
        justify-content: center;
        letter-spacing: 0.05em;
        color: #092237;
        border-bottom: 0.5px solid rgba(9, 34, 55, 0.93);
        margin-top: 30%;
    }
    .access_body .ttl {
        font-family: 'Sawarabi Mincho', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 2.6vw;
        line-height: 8vw;
        text-align: center;
        letter-spacing: 0.1em;
        color: #092237;
    }
    .map_img {
        width: 90%;
        margin-left: 5%;
        margin-top: 20%;
    }
    .map iframe {
        width: 60%;
        height: auto;
        margin-left: 20%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    footer {
        background: #D2B993;
        margin-top: -32%;
        padding-top: 40%;
    }
    .footer_logo {
        display: none;
    }
    .footer_address .ttl {
        font-family: 'Sawarabi Mincho',sans-serif;
        white-space: nowrap;
        color: #333;
        font-size: 2.6vw;
        line-height: 5vw;
        font-weight: normal;
        font-style: normal;
        text-align: left;
        letter-spacing: 0.05em;
        margin-bottom: 2%;
        border-top: 1px solid #333;
        padding-top: 3%;
        padding-left: 18%;
    }
    .footer_sns {
        margin-left: 70%;
        padding-bottom: 3%;
        margin-top: 8%;
    }
    a {
        text-decoration: none;
    }
    .footer_sns img {
        width: 18%;
        height: 100%;
        vertical-align: auto;
    }
    .buttons {
        transition: 0.3s;
    }
    .buttons2 {
        margin-left: 15%;
    }
    .buttons:hover {
        opacity: 0.7;
    }
    .footer_img {
        display: none;
    }
}