@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {




/*メイン画像・のれん画像*/
.fixed-bg {
    min-height: 200px;
    background-attachment: fixed;
    background-size:cover;
    background-position: center;
}

.sp_main{
    width: 100%;
}
.sp_main img{
    width: 100%;
}


   
.bg01 {
    background-image: url(../top/top_sp.jpg);
}

.bg02 {
    display: none;
}

.gentei{
    width: 90%;
    margin: 20px auto;
}

.gentei img{
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
}

/*コンセプト*/
.contents-bg{
    padding: 60px 0;
    text-align: center;
}



/*　写真3点　*/


.three_photos{
    width: 100%;
    display: flex;
    flex-grow: 0;
}

.three_photos figure{
    width: 34%;
    margin: 0;
    padding: 0;
}

.three_photos figure img{
    width: 100%;
}

    
/*メニュー*/
.menu-bg{
    padding: 60px 0;
    text-align: center;
}

.menu_waku{
    width: 96;
    margin: 40px auto;
}

.menu_box{
    width: 100%;
    margin: 0 auto 100px;
}

.menu_box p {
    font-size: 1em;
    line-height: 2em;
    margin-bottom: 20px;
}

.menu_box figure{
    width: 90%;
    margin: auto;
}
.menu_box figure img{
    width: 100%;
}


/*イベント情報*/
.event-bg{
    min-height: 260px;
    padding: 60px 0;
    text-align: center;
    background-image: url("../top/event_bg.png");
    background-repeat:no-repeat;
    background-size: cover;
}

.event_box{
    width: 96%;
    height: 240px;
    background-color: #ececec;
    margin: 20px auto 40px;
    padding: 5px;
}

/*新着情報・インスタ*/
.news-bg{
    min-height: 200px;
    padding: 20px 0;
    text-align: center;
    background-image: url("../top/news_bg.png");
    background-repeat:no-repeat;
    background-size: cover;
}

.news_waku{
    width: 96%;
    margin: 20px auto 40px;
}

.news{
    text-align: center;
}

.news_box{
    width: 100%;
    height: 200px;
    margin: 20px auto 40px;
    background-color: #fff;
    overflow-y: scroll;
}

.insta{
    text-align: center;
}

.insta_banner{
    max-width: 200px;
    margin: 0 auto;
}
.insta_banner img{
    width: 100%;
}

/*メディア出演情報*/

.media_waku{
    width: 96%;
    margin: 20px auto 40px;
}

.media{
    width: 96%;
    margin: 20px auto 40px;
}

.media_photos{
    width: 280px;
    margin: 0 auto;
}


.media_photos img{
    width: 100%;
}



/*　news追加スタイル　*/


#information dl{padding: 10px; border-bottom: thin solid #ccc;text-align: left;}
#information dt{font-weight: normal !important;color: #888;font-size: 0.8em;}
#information dd span{font-weight: bold;margin-bottom: 4px;} 
#information dd a{color: #0075a9;}


/*店舗情報*/
.guidance-bg{
    min-height: 200px;
    padding: 20px 0;
    text-align: center;
    background-color: #000;
    color: #fff;
}

.guidance_waku{
    width: 96%;
    margin: 20px auto 40px;
}

.guidance_photo{
    width: 100%;
}

.guidance_photo img{
    width: 100%;
}

.guidance_text{
    width: 80%;
    text-align: left;
    margin: 20px auto 0;
}

.guidance_text p{
    margin-bottom: 10px;
}

.tenponame{
    font-size: 1.4em;
    margin-bottom: 20px;
}


/*GoogleMap*/
.googlemap-bg{
    width: 100%;
    height: 300px;
}

.googlemap-bg iframe{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.snsicon{
    font-size: 1.3em;
    
}

.snsicon i{
    margin:0 15px;
}

.snsicon a{
    color: #fff;
}
.snsicon a:hover{
    opacity: 0.6;
    transition: 0.4s;
}

    
}/* PC-------------------------------------------------------*/
@media screen and (min-width: 481px) {



/*メイン画像・のれん画像*/
.fixed-bg {
    min-height: 360px;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
   
.bg01 {
    background-image: url(../top/top.jpg);
}

.bg02 {
    background-image: url(../top/noren.jpg);
}

.gentei{
    width: 700px;
    margin: 0px auto 40px;
   
}

.gentei img{
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
}

/*コンセプト*/
.contents-bg{
    min-height: 260px;
    padding: 120px 0;
    text-align: center;
}



/*　写真3点　*/


.three_photos{
    width: 100%;
    display: flex;
    flex-grow: 0;
}

.three_photos figure{
    width: 34%;
    margin: 0;
    padding: 0;
}

.three_photos figure img{
    width: 100%;
}

    
/*メニュー*/
.menu-bg{
    min-height: 260px;
    padding: 120px 0;
    text-align: center;
}

.menu_waku{
    width: 860px;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
}

.menu_box{
    width: 46%;
    margin: 0 2% 100px;
}

.menu_box p {
    font-size: 1em;
    line-height: 2em;
    margin-bottom: 20px;
}


.menu_box figure img{
    width: 100%;
}


/*イベント情報*/
.event-bg{
    min-height: 260px;
    padding: 60px 0;
    text-align: center;
    background-image: url("../top/event_bg.png");
    background-repeat:no-repeat;
    background-size: cover;
}

.event_box{
    width: 800px;
    height: 240px;
    background-color: #ececec;
    margin: 20px auto 40px;
    padding: 5px;
}

/*新着情報・インスタ*/
.news-bg{
    min-height: 200px;
    padding: 20px 0;
    text-align: center;
    background-image: url("../top/news_bg.png");
    background-repeat:no-repeat;
    background-size: cover;
}

.news_waku{
    width: 800px;
    margin: 20px auto 40px;
    display: flex;
    justify-content: space-between;
}

.news{
    text-align: center;
}

.news_box{
    width: 460px;
    height: 300px;
    margin: 20px auto 40;
    background-color: #fff;
    overflow-y: scroll;
}

.insta{
    text-align: center;
}
.insta_banner{
    max-width: 90%;
    margin: 0 auto;
}
.insta_banner img{
    width: 100%;
}

/*メディア出演情報*/

.media_waku{
    width: 800px;
    margin: 20px auto 40px;
}

.media{
    width: 800px;
    margin: 20px auto 40px;
    display: flex;
    justify-content: center;
}

.media_photos{
    width: 280px;
    margin: 0 10px;
}


.media_photos img{
    width: 100%;
}

/*店舗情報*/
.guidance-bg{
    min-height: 200px;
    padding: 20px 0;
    text-align: center;
    background-color: #000;
    color: #fff;
}

.guidance_waku{
    width: 860px;
    margin: 20px auto 40px;
    display: flex;
    justify-content: space-between;
}

.guidance_photo{
    width: 48%;
}

.guidance_photo img{
    width: 100%;
}

.guidance_text{
    width: 44%;
    text-align: left;
}

.guidance_text p{
    margin-bottom: 10px;
}

.tenponame{
    font-size: 1.4em;
    margin-bottom: 20px;
}

.snsicon{
    font-size: 1.3em;
}

.snsicon i{
    margin:0 5px;
}

.snsicon a{
    color: #fff;
}
.snsicon a:hover{
    opacity: 0.6;
    transition: 0.4s;
}

/*GoogleMap*/
.googlemap-bg{
    width: 100%;
    height: 300px;
}

.googlemap-bg iframe{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}




}