@charset "utf-8";



.slick{
opacity:0;

}


.topslide .slick-list{
overflow: visible;
}

.topslide .slick-slide{
width:1000px;
height:500px;
margin:0 5px;
}


.main section{
    padding-top:50px;
}


.main section h2{
    text-align:center;
    margin-bottom:10px;
}


.main section p{
margin-bottom:1em;
}

.go_list{
    padding:1em 3em;
    text-align:right;
    font-size:0.9em;
}

.product_list {
    width:100%;
    padding:0 60px;
    position:relative;
}

.product_list li{
 text-align:center;
}

.product_list li img{
width:100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

.product_list .slick-slide{
width:150px;
margin:0 15px;
}

.product_list  .slide-arrow.prev-arrow{
position:absolute;
top:25px;
left:0;
cursor: pointer;
}

.product_list  .slide-arrow.next-arrow{
position:absolute;
top:25px;
right:0;
cursor: pointer;

}

.store_content{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.store_image{
width:685px;
}

.store_text{
    width:calc(100% - 685px);
    padding:15px 0 0 15px;

}

.store_text h3{
    font-size:1.5em;
    margin-bottom:1em;
}



section.instagram ul{
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}

section.instagram ul li{
margin:0 2px 4px;
overflow:hidden;

width:195px;
height:195px;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}

section.instagram ul li img{
    width:120%;
}


section.news ul{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:20px 0;
}

section.news ul li{ 
    display: flex;
    padding:0 10px;
    margin-bottom:1em;

}

section.news ul li span{
    color:#999; 
    width:130px;

}

section.news ul li span:after{
    content:"　ー　";
}

section.news ul li a{
    width:calc(100% - 130px);

}


section.review ul{


}

section.review .slick-list{
overflow: visible;
}
    
section.review{

}

section.review ul li{
    position:relative;
    width:270px;
    height:520px;
    background:#ffd800;
    margin:0 5px;
    text-align:center;
    padding:30px 0 0;

 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

section.review ul li img.thumb{
    width:150px;
    height:150px;
    display: inline-block;

    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    margin-bottom:5px;

}

section.review ul li h3{
    margin-bottom:5px;
}

section.review ul li .star{
    display:flex;
    justify-content: center;
    margin-bottom:5px;
}

section.review ul li .rname{
    margin-bottom:10px;
}




section.review ul li .review{
    text-align:left;
    font-size:0.9em;
    padding:0 15px;
    margin-bottom:10px;
    line-height:1.5em;
    max-height:15em;
    overflow:hidden;

}

section.review ul li .date{
    position: absolute;
    bottom:5px;
    left:0;
    width:270px;
    font-size:0.8em;
}



@media all and (min-width: 0) and (max-width: 736px) {
  



    .topslide .slick-slide{
    width:100vw;
    height:auto;

    
    }


    .main section{
        padding:10% 2% 2%;
    }

    .store .store_content{
        display:block;
    }




    section.pickup{
        padding:10% 0 2%;
    }
        
    .product_list {
        padding:0;
    }

    .product_list .slick-slide{
    width:30vw;
    margin:0 2vw;
    }

    .product_list  .slide-arrow.prev-arrow{
        display:none !important;

    }

    .product_list  .slide-arrow.next-arrow{
        display:none !important;
    }



    .store_image{
    width:100%;
    }

    .store_text{
        width:100%;
        padding:0;
    }


    section.instagram ul li{

    width:30vw;
    height:30vw;

    }






    section.news ul li{ 
        display: block;
        padding:0;
        margin-bottom:1em;

    }

    section.news ul li span{
        width:100%;
        display:block;
    }

    section.news ul li span:after{
        content:"";
    }


    section.news ul li a{
        display:block;
        width:100%;

    }




section.review ul li{
    width:80vw;
    height:130vw;
    margin:0 2vw;
    padding:5vw 0 0;
}

section.review ul li img.thumb{
    width:18vw;
    height:18vw;

    -webkit-border-radius: 18vw;
    -moz-border-radius: 18vw;
    border-radius: 18vw;
    margin-bottom:2%;

}

section.review ul li h3{
    margin-bottom:2%;
}

section.review ul li .star{
    margin-bottom:2%;
}

section.review ul li .rname{
    margin-bottom:2%;
}




section.review ul li .review{
    padding:0 2%;
    margin-bottom:2%;
}

section.review ul li .date{
    bottom:2%;
    width:80vw;
}


.go_list{
    padding:1em 0;
    text-align:center;
}




}