@charset "utf-8";
/* CSS Document */

/*すべてに適応*/
html{
    font-family: serif;
}
html *{
    box-sizing: border-box;
   /* border: 1px dotted red;*/
}

h2{
    margin: 60px 0 10px;
    text-align: center;
    font-size: 22px;
}
.wrapper{
    max-width: 100%;
    margin: 0 auto;
    background-color: #FFF;
}
img{ /*画像のレスポンシブ対応*/
    width: 100%;
    height: auto;
}

.clear{
    clear: both;  /*回り込み解除*/
}


/****************************************************
ヘッダー
*****************************************************/
.row1 .bx-wrapper { /*スライドショーの下部マージン削除*/
    margin-bottom: 0;
}

.g-nav{ /*g-nav位置調整*/
    position: absolute;
    top: 10px;
    right: 3%;
}

.g-nav ul{
    margin: 0;
    padding: 20px 10px 15px 10px;
}

.g-nav ul li{
    display: inline;
}

.g-nav ul li a{
    list-style-type: none;
    text-decoration: none;
    font-size: 40px; /*グローバルメニューの文字サイズ*/
    color: #FFF; /*グローバルメニューの文字色*/
    padding: 0 15px; /*グローバルメニューの左右間隔*/
}

h1{
    text-align: left;
    padding-left: 0;
    margin: 3px 0 30px;
    font-size: 20px;
    float: left;
}

#logo{ /*ロゴ*/
    width: 350px;
}

.top-btn{ /*先頭へ戻るボタン*/
    position: fixed;
    bottom: -13px;
    right: 25px;
    width: 100px;
    padding-bottom: 0;
}

.sns-button{ /*SNSボタンを囲むdiv*/
    float: right;
    margin-top: 10px;
    margin-bottom: 50px;
}

/*SNSボタン3つを横並べ*/
.sns-btn3{
  display: flex;
}

/* SNSボタン全体 */
.flowbtn{
font-family:'Arial',sans-serif;/* 好きなフォントを指定してね */
border-radius:4px;
position:relative;
display:inline-block; /*初期値はinline-blockだったが、一番左のアイコンがずれるので変更した*/
width:99px; /*初期値：66px*/
height:87px; /*初期値：58px*/
font-size:30px;
color:#fff!important;
transition:.5s;
text-decoration:none;
box-shadow:0 1px 2px #999;
}
.flowbtn i{
position:relative;
bottom:5px;
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* LINE */
.fl_li1{
background:#00c300;
}
/* Instagram紫グラデ背景 */
.insta_btn1{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景 */
.insta_btn1:before{
content: '';
position:absolute;
top:33px;
left:-20px;
width:80px;
height:50px;
background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
/* ボタン内テキスト調整 */
.flowbtn div{
font-size:35px;
font-weight:bold;
letter-spacing:0;
position:relative;
bottom:-22px; /*初期値では背景と文字にズレがあったのでテキスト位置を変更した*/
}
#f{ /*Facebookボタンだけ.flowbtn divの設定から一部変更(上書き)*/
font-size:50px;
bottom:-15px;
}
/* ボタンマウスホバー時 */
.flowbtn:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
text-decoration:none;
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
list-style-type: none!important;
width:350px; /*数値を変えるとボタン同士の余白が変更される*/
margin:0 auto;
}
/* ボタン全体の位置調整 */
.snsbtniti{
flex-flow:row wrap;
justify-content:space-around;
}
/* ボタン同士の余白調整 */
.snsbtniti li{
flex:0 0 33%;
text-align:center!important;
vertical-align: middle!important;
}


/****************************************************
ニュース
*****************************************************/
.news-list{
    margin: 0 3%;
    padding: 13px;
    border: 1px solid #B0BEC5;
    height: 750px;
    overflow: auto;
}
.news-list dt { /*ニュースの見出し*/
    font-weight: bold;
    font-size: 24px;
}
.news-list dd { /*ニュースの内容*/
    margin-left: 0;
    margin-bottom: 6px;
    padding-bottom: 6px;
    font-size: 24px;
    /*border-bottom: 1px dotted #B0BEC5;ニュース記事が増えたらアンダーラインを追加*/
}
.news-list dd span {
  color: #FF0000;
}

/****************************************************
コンセプト
*****************************************************/
.concept-area{
  margin-bottom: 30px;
}
.concept-photo-text{
    margin: 0 3%;
}
.concept-photo-text.exterior-photo{ /*店の外観写真*/
    width: 1000px;
    float: left;
    padding: 0 1em 0 0;
}
.concept-photo-text p{ /*コンセプトの説明文*/
    font-size: 20px;
}

#concept{ /*「concept」下のスペース(「lunch」との間のスペース調整)/*/
  margin-bottom: 200px;
}

/**************************************************
lunch
***************************************************/
.lunch-eria{
  margin-left: 3%;
  margin-right: 3%;
}


.lunch-h2{ /*見出し「LUNCH」*/
    margin-bottom: 0;
    padding-bottom: 0;
}

.lunch-time{ /*見出し「LUNCH」下の「11:30～14:00」*/
    text-align: center;
    margin-top: -0px;
    margin-bottom: 20px;
}

.lunch-set{
  display: flex; /*文章と写真を横並べ*/
  margin-bottom: 40px;
}

.lunch-title-price-text{ /*ランチのタイトル、価格、テキストを囲むdiv*/
  width: 70%;
}

.luntch-title{ /*h3：ランチのタイトル*/
  font-size: 28px;
  margin-top: -5px;
}

.lunch-price{ /*ランチの価格*/
  text-align: right;
  margin-top: -20px;
  font-size: 24px;
}

.lunch-text{ /*ランチの説明文*/
  font-size: 24px;
  margin-top: -10px;
  margin-bottom: 0;
}

.lunch-text span{ /*ランチの説明文、赤字*/
  color: #FF0000;
}

#weekday-only-lunch{/*「平日限定ランチ」*/
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-top: 100px;
  margin-bottom: 50px;
}

.lunch-photo{ /*ランチの写真*/
  width: 40%;
  margin-left: 5%;
}

.lunch-sub-text{ /*リコッタチーズの(A)(B)部分*/
  font-size: 20px;
  margin-top: -15px;
  margin-bottom: 16px; /*次の赤見出し「カレー」までの距離*/
}

/**************************************************
季節限定メニュー
***************************************************/
.season-menu-eria{
  margin-left: 3%;
  margin-right: 3%;
}

.season-menu-h2{ /*h2「季節限定メニュー」*/
  margin-bottom: 20px;
}

.season-menu-set{ /*「季節限定メニュー」のタイトル、価格、テキストを囲むdiv*/
  margin-bottom: 40px;
  display: block;
}

.season-menu-title{ /*h3「季節限定メニュー」のタイトル*/
  font-size: 28px;
  margin-top: -5px;
  display: block;
}

.season-menu-price{ /*季節限定メニューの価格*/
  margin-top: -40px;
  text-align: right;
  font-size: 24px;
  display: block;
}

.season-menu-text{ /*季節限定メニューのテキスト*/
  font-size: 24px;
  margin-top: -10px;
}


/**************************************************
MENU
***************************************************/
.menu-eria{
  margin-left: 3%;
  margin-right: 3%;
}
.menu-h2{ /*「MENU」*/
    margin-bottom: 10px;
}

.h3-red{ /*赤文字の見出し*/
  color: #F00;
  font-size: 24px;
}

#cheese-space{ /*h3赤文字「チーズアラカルト」の上部マージン調節*/
  margin-top: 0px;
}

.menu-set{ /*「MENU」のタイトル、価格を囲むdiv*/
  margin-bottom: 0px;
  /**実験**/display: flex;
}

.menu-title{ /*商品名「MENU」のタイトル*/
  font-size: 28px;
  margin-top: 0px;
  /**実験**/display: block;
}

.menu-price{ /*「MENU」の価格*/
  margin-top: -10px;
  /**実験**/display: block;
  font-size: 28px;
  position: absolute;
  right: 5%;
}

#drink-space{ /*h3見出しの赤文字「飲み物」の位置調整*/
  margin-bottom: 10px;
}

.menu-sub-text{ /*クレスペッレの(A)(B)部分*/
  font-size: 14px;
  margin-top: -30px;
  margin-bottom: 16px; /*次の赤見出し「カレー」までの距離*/
}

.drink-type{ /*h4「ワイン」「珈琲」「紅茶」など*/
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.drink-name{
  font-size: 28px;
  margin-bottom: 10px;
  margin-top: 0;
}

.drink-price{
  font-size: 28px;
  margin-top: -5px;
  position: absolute;
  right: 5%;
}

#space-blend-coffee{
  margin-bottom: 0;
}


/**************************************************
アクセス
***************************************************/
.map{
    margin: 0 3% 10px;
    border: 1px solid #767676;
}

table{
    margin: 0 5%;
}
table th{
    text-align: left;
    vertical-align: top;
    width: 80px;
    font-size: 24px;
}
table td{
    padding-left: 20px;
    font-size: 24px;
}

table span{ /*営業時間「oo:oo～oo:oo」の位置調整*/
  margin-left: 23px;
}






/*フッター*/
footer{
    background-color: #FFBCBC;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
footer p{
	margin-bottom: 0;
    text-align: center;
}
footer a{
	display: block;
	padding: 10px 0 10px 0px;
  font-size: 28px;
  color: #0000ff;
	/*background-image: url(../images/back_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;*/
}
.f-nav ul{
    display: table;
    margin: 0 auto;
    padding-left: 0;
}
.f-nav ul li{
    display: table-cell;
    padding-right: 10px;
    padding-left: 10px;
}
.f-nav ul li a{
    list-style-type: none;
    text-decoration: none;
}