/* ～～～～～～～～～～～～～～～～～～～ */
/* インフォメーションのｃｓｓ */
/* ～～～～～～～～～～～～～～～～～～～ */


@charset "utf-8";
*{
    padding: 0;
    margin: 0;
}
/* ご案内頭の画像 */
.info-top-img{
  text-align: center;
  position: relative;
}

/* 英語のロゴ */
.logo img{
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 25%;
  top: 33%;
  left: 5%;
}

/* トップメニュー */
.menu ul{
    display: flex;
    justify-content: space-around;
    margin:  2%;
}
.menu a{
    color: black;
    font-family: sans-serif;
    letter-spacing: 0.05em;
}

/* メニューボタンの色の変化 */
.menu ul :hover{
color: #a22041;
background-color: rgba(162, 32, 65, 0.1);
-webkit-transition: all .2s; transition: all .2s;
}


/* ～～～～～～～～～～～～～～～～
ご案内メインのグリッド
～～～～～～～～～～～～～～～～ */
.container{
    display: grid;
    grid-template-columns: 2fr 7fr 1fr 8fr 2fr;
    grid-template-rows: 200px 50px 240px 40px 60px 240px 100px 40px 150px 150px 150px 400px 250px;
    grid-template-areas: "rit seki   seki   seki   left"
                         "rit shoku  shoku  hannko left"
                         "rit isuime isuime zaime  left"
                         "rit hosoku hosoku hosoku left"
                         "rit koshi  koshi  koshi  left"
                         "rit sumi   sumi   hiroma left"
                         "rit hiiki  hiiki  hiiki  left"
                         "rit ann    ann    ann    left"
                         "rit jyu    kara   kara   left"
                         "rit denn   kara   kara   left"
                         "rit tei    kara   kara   left"
                         "rit eigyo  map    map    left"
                         "rit kureka map    map    left"
                         ;
}

/* グリッド範囲設定 */
/* 左端 */
.rit{
    grid-area: rit;
}
/* お席 */
.seki{
    grid-area: seki;
}
.seki h2{
    font-family: sans-serif;
    font-weight: 500;
    font-size: 2vw;
    color: black;
    letter-spacing: 0.05em;
    line-height: 2;
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
}
.seki h3{
    font-size: 2vw;
    font-family: sans-serif;
    padding-top: 5%;
    font-weight: 400;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #888e7e;   
}
/* 食堂部 */
.shoku{
    grid-area: shoku;
}
.shoku h3{
    font-size: 1.8vw;
    font-family: sans-serif;
    letter-spacing: 0.05em;
    font-weight: 400; 
    padding: 3%;
}
/* 奥の半個室 */
.hannko{
    grid-area: hannko;
}
.hannko h3{
    font-size: 1.8vw;
    font-family: sans-serif;
    letter-spacing: 0.03em;
    font-weight: 400; 
    padding: 3%;
}
.mei{
    color: black;
    font-family: sans-serif;
    font-size: 1.2vw;
}
/* イス席画像 */
.isuime{
    grid-area: isuime;
    padding-left: 10%;
    padding-top: 3%;
}
/* 半個室画像 */
.zaime{
    grid-area: zaime;
    padding-left: 10%;
    padding-top: 3%;
}
/* 一階補足 */
.hosoku{
    grid-area: hosoku;
    padding-left: 10%;
    font-size: 1.2vw;
    color: black;
    font-weight: 400;
    font-family: sans-serif;
    line-height: 1.5;
}
.hosoku p{
    font-size: 1.2vw;
    padding-left: 6%;
}
/* 個室 */
.koshi{
    grid-area: koshi;
}
.koshi h3{
    font-size: 1.8vw;
    font-family: sans-serif;
    letter-spacing: 0.05em;
    font-weight: 400; 
    padding: 3%;  
}
/* すみれ画像 */
.sumi{
    grid-area: sumi;
    padding-left: 10%;
    padding-top: 3%;
}
/* ３階画像 */
.hiroma{
    grid-area: hiroma;
    padding-left: 10%;
    padding-top: 3%;
}
/* ご贔屓様用補足 */
.hiiki{
    grid-area: hiiki;
    padding-left: 10%;
    font-size: 1.2vw;
    color: black;
    font-weight: 400;
    font-family: sans-serif;
    line-height: 1.5;
}
.hiiki P{
    font-size: 1.2vw;
    padding-left: 6%;
    line-height: 1.2;
}
/* 案内 */
.ann{
    grid-area: ann;
}
.ann h3{
    font-size: 2vw;
    font-family: sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em; 
    border-bottom: 2px solid #888e7e;
}
/* 住所 */
.jyu{
    grid-area: jyu;
    padding: 4%;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-family:  sans-serif;
    font-size: 1.2vw;
}
.jyu a{
    text-decoration: underline;
}
/* 右の空白 */
.kara{
    grid-area: kara;
}
/* 電話番号 */
.denn{
    grid-area: denn;
    padding: 4%;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-family:  sans-serif;
    font-size: 1.2vw;
}
/* 営業時間 */
.jikann{
    font-size: 1.1vw;
}
/* 定休日 */
.tei{
    grid-area: tei;
    padding: 4%;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-family:  sans-serif;
    font-size: 1.2vw;
}
/* 営業時間 */
.eigyo{
    grid-area: eigyo;
    padding: 4%;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-family:  sans-serif;
    font-size: 1.2vw;
}
/* 右の地図 */
.map{
    grid-area: map;
    text-align: right;
}
/* 支払 */
.kureka{
    grid-area: kureka;
    padding: 4%;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-family:  sans-serif;
    font-size: 1.2vw;
}
.visa{
    font-size: 1vw;
    letter-spacing: 0.01em;
}
.aku{
    letter-spacing: 0.05em;
    line-height: 3;
    font-weight: 500;
    font-size: 1.8vw;
    font-family:  sans-serif;
    font-size: 1.4vw;
}

/* 右端 */
.left{
    grid-area: left;
}


/* フッター */
footer{
    text-align: center;
    font-family: serif;
    background-color: black;
    color: white;
}