/* -----menu_btn ハンバーガー----- */
.menu_btn{
    width: 24px;
    height: 24px;
    position: fixed;
    right: 20px;
    top:30px;
    z-index: 20000;
}

 .menu_btn span{
    display: block;
    height: 2px;
    width: 100%;
    background-color: #333;
    transition: 0.5s;
}

.menu_btn span:first-child{
    transform:translateY(0);
}

.menu_btn span:nth-child(2){
    transform:translateY(9px);
}

.menu_btn span:last-child{
    transform:translateY(18px);
}

.on .menu_btn span:first-child{
    transform:translateY(11px) rotate(405deg);
}

.on .menu_btn span:nth-child(2){
    display: none;
}

.on .menu_btn span:last-child{
    transform:translateY(9px) rotate(-405deg);
}
/* -----/ハンバーガー----- */
@media screen and (min-width:1200px){
    .inner{
        padding-left: 0;
        padding-right: 0;
    }
    .key{
        width: 1200px;
    }
    .acce_sp{
        display: none;
    }
     .menu_btn{
        display: none;
    }
}/*=======min-width:1200px==========*/

@media screen and (max-width:600px){
    .menu{
        display: none;
    }
}/* ---max-width:600px--- */

@media screen and (max-width:430px){
body{
    margin-left: 5%;
    margin-right: 5%;
    }
.inner{
    max-width: 430px;
    /* max-width: 100%; */
    text-align: center;
}
.title_sub{
    font-size: 1.6rem;
}
.menu{
    display: none;
}

.on .menu{
    display: block;
    opacity: 0;
    transition: 0.5s;
}

.on .menu{
    width: 100%;
    height: 100vh;
    z-index: 9500;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
    background-color: rgba(255,255,255,0.8);
}
.on .menu nav ul{
    display: block;
}
.menu .sp{
    display: block;
    margin-top: 100px;
}
/* -----レスポンシブ内容----- */
.btn nav{
    max-width:75%;
}
/* -----about----- */
.about section{
    background-size: 500px;
    height: 800px;
}
/* -----/about----- */
/* -----what----- */
.what_item{
    flex-direction: column;
}
.what_item:nth-child(odd){
    flex-direction: column;  
}
.what_txt{
    width: 100%;
}
.what_item{
    margin-top: 100px;
    margin-bottom: 100px;
}
.about_btn{
    display: none;
}
#area-2 .line .sp{
display: block;
}
/* -----/what----- */
/* -----item----- */
.pickup_pic{
    flex-direction: column;  
}
.fuwafuwa1{
    background-size: 70%;
margin: 0;
}
.fuwafuwa2{
    background-size: 70%;
    margin: 0;
}
.category_pic ul{
    flex-direction: column;
    align-items: center;
}
/* -----/item----- */
/* -----order----- */
.order_pickup{
    flex-direction: column;
}
.order_pic img{
    max-width: 100%;
    }
.order_txt{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.order_btn{
    display: none;
}
/* -----/order----- */
/* -----shop----- */
.shop_desc img{
    max-width: 100%;
}
.shop_descfl{
    flex-direction: column-reverse;
}
.shop_descfl:nth-child(odd){
    flex-direction: column-reverse;
}

/* -----/shop----- */
/* -----stamp----- */
.stamp_wrap{
    flex-direction: column;
}
.stamp_left img{
    max-width: 200%;

}
/* -----/stamp----- */
/* -----footer----- */
.add_wrap{
    flex-direction: column;
}
.add_left{
    max-width: 100%;
}
.add_right .pc{
    display: none;
}
.add_right .sp{
    display:block
}
/* -----/footer----- */
} /* ---max-width:430px--- */