@charset "utf-8";

/* パソコン画面 */
@media(min-width:678px){



  /* 共通 */
  .sp{
    display:none;
  }
  .pc{
    display:block;
  }



  /* ----------------------------ヘッダー---------------------------- */
header{
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

h1{
  text-align:left;
}

h1 img{
  width:250px;
  height:auto;
}

/* パソコン グローバルナビ */
.globalnav-pc ul{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
}
.globalnav-pc ul li{
  text-align: center;
}
.globalnav-pc ul li a{
  color:#fff;
  display:block;
  padding:10px 15px;
  font-size:14px;
}
.globalnav-pc ul li a:hover{
  border-bottom:1px solid #fff;
}

/* このクラスをjQueryで付け外しする（下にスクロールしたとき） */
header.transform{
  background-color:rgba(0,0,0,0.5);
  justify-content: center;
}



/*--------------------------コンセプト------------------------------ */

.concept-wrap{
  display:flex;
  align-items: flex-start;
  width:80%;
  margin:0 auto;
}

.concept img{
  width:50%;
  position:relative;
  left:25px;
  z-index: 0;
}

.concept-txt{
  width:50%;
  padding:65px 50px;
  position:relative;
  left:-25px;
  top:50px;
}

.concept .baysidecafe-btn{
  margin-top:80px;
}


/* ----------------------メニュー（おすすめメニュー）------------------------ */
.recommend-menu{
  margin-top:50px;
}
.recommend-menu-wrap{
  max-width: 940px;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
}
.recommend-menu-item{
  width:31%;
  margin:0;
}
.recommend-menu-name{
  padding-top: 5px;
}













/*-------------------------パーティ--------------------------*/
.party-wrap{
  display:flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
  max-width:940px;
  margin:0 auto;
}

.party img{
  width:46%;
}

.party-txt{
  width:46%;
  padding:0;
  margin:0;
}





/* ------------------------店内写真----------------------------- */
.interior{
  height:400px;
}






/*--------------------------ギャラリー-------------------------*/
.gallery-wrap{
  max-width:940px;
  margin:0 auto;
}

.gallery img{
  width:23%;
}





/* -------------------------お知らせ--------------------------- */
.news-wrap{
  max-width: 940px;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
}
.article-item{
  width:31%;
  margin:0;
}
.article-item-date,.article-item-cat,.article-item-txt{
  font-size:14px;
}


/* ------------------------アクセス------------------------ */

.access-wrap{
  display:flex;
  justify-content: space-between;
  max-width:940px;
  margin:0 auto;
}
.access-map{
  width:47%;
}
.access-wrap iframe{
  height:400px;
}

.access-info{
  width:47%;
  text-align: left;
}

.access img{
  width:65%;
  margin-bottom:20px;
}

.access-table{
  text-align: left;
  margin:0;
}
.access-table th{
  font-weight:normal;
  padding:15px 20px;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}
.access-table td{
  padding:15px 20px;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}


/* --------------------投稿ページ----------------- */
.container{
  display:flex;
  justify-content: space-between;
  max-width:1000px;
  margin:0 auto;
  padding:50px 20px;
}
.main-contents{
  width:65%;
  margin-bottom:30px;
}
.sidebar{
  width:25%;
}



}