body {
  font-size: 14px;
  width: 750px;
}

a {
  text-decoration: none; /* 下線を消す */
}

.container {
  font-size: 14px;
}

h1, h2 {
  font-size: 16px;
  /* white-space: nowrap; */
  display: inline;
  padding: 0;
  margin: 0;
  font-weight: normal;
  color: #2C3317;
}

header p {
  margin: 0 0 0 0px;
  font-size: 16px;
  color: #2C3317;
  /* color: lime; */
  font-weight: normal;
}

header p a {
  /* color: white; */
  color: #2C3317;
  /* color: lime; */
}

.add_bdr_btm {
    border-bottom: 1px solid yellowgreen;
    margin: 0 0 5px 0;
}



.container {
  margin: 0 0 0 0 ;
  display: grid;
  /* 1列目から順番に180px、1fr、160pxの幅 */
  grid-template-columns: 160px 1fr;
  /* 1行目から順番に60px 1fr 90pxの高さ */
  grid-template-rows: auto 1fr 130px;
  grid-auto-rows: minmax(100px, auto); 
  width: auto;
}

.logo {
  /* border: 1px solid yellowgreen; */
  background-color: #B2DD3E;
  padding: 20px 0 10px 0;
}

#logo {
  display: block;
  width: auto;
  /* border: 1px solid blueviolet; */
  margin: 0 auto;
  /* padding: 0 auto; */
  border-radius: 10px;
  /* box-shadow: 0 0 5px #333; */ 
  box-shadow: 5px 5px 5px #D35400;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.3));
}



.header {
  /* 列の1本目から4本目のグリッドラインまで */
  grid-column-start: 1;
  grid-column-end: 3;
  /* 行の1本目から2本目のグリッドラインまで */
  grid-row-start: 1;
  grid-row-end: auto;
  background-color:  #B2DD3E;
  padding: 10px 10px 15px 10px;
  font-size: 16px;
  font-weight: bold;

  /* color: #FFF; */
  color: rgb(3, 196, 255);
  /* -webkit-text-stroke: 1px #000;
  text-stroke: 1px #000; */

  text-align: center;
  text-shadow: 3px 4px 3px rgb(253, 253, 253);
}

.main {
  /* 列の2本目から3本目のグリッドラインまで */
  grid-column-start: 2;
  grid-column-end: auto;
  /* 行の2本目から3本目のグリッドラインまで */
  grid-row-start: 2;
  grid-row-end: auto;
  background-color:  #B2DD3E;
  border-left: solid 1px white;
}


.nav {
  /* 列の3本目から4本目のグリッドラインまで */
  grid-column-start: 1;
  grid-column-end: auto;
  /* 行の2本目から3本目のグリッドラインまで */
  grid-row-start: 2;
  grid-row-end: auto;
  background-color: #B2DD3E;

}

.footer {
  /* 列の1本目から4本目のグリッドラインまで */
  grid-column-start: 1;
  grid-column-end: 3;
  /* 行の3本目から4本目のグリッドラインまで */
  grid-row-start: 3;
  grid-row-end: auto;
  background-color: #B2DD3E;
}

.test {
  color: yellow;
}


.drawer_hidden {
  display: none;
}

/*-------------------------------------------------------------
--  最下部に固定のフッター
-------------------------------------------------------------*/
#footer {
	margin: 5px 20px 0 0;
	width: 750px;
	height: auto;
	text-align: center; 
	font-size : 12px; 
  position: fixed;
  bottom: 0;
  background-color: #B2DD3E;
  opacity : 0.8;  

}
	#footer a{
		color: #000000;
		margin: 10px 10px 10px;

		display       : inline-block;
		border-radius : 5%;          /* 角丸       */
		font-size     : 10pt;        /* 文字サイズ */
		text-align    : center;      /* 文字位置   */
		cursor        : pointer;     /* カーソル   */
		padding       : 10px 10px;   /* 余白       */
		background    : #7f7f00;     /* 背景色     */
		color         : #ffffff;     /* 文字色     */
		line-height   : 1em;         /* 1行の高さ  */
		transition    : .3s;         /* なめらか変化 */
		box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
		border        : 2px solid #7f7f00;    /* 枠の指定 */
	}

	#footer a:hover {
		box-shadow    : none;        /* カーソル時の影消去 */
		color         : #7f7f00;     /* 背景色     */
		background    : #ffffff;     /* 文字色     */
	}

  #footer a.sp-only {
    display: none;
  }


/*--------------------------------------------------------------
-- heaeder 領域
---------------------------------------------------------------*/
/* 
#header_content1 {
	width: 750px;
  height: 141px;
	background-image: url(./image/header.gif);
}
   */

#header_content1 {
	/* width: 100%; */
  /* height: 141px; */
  /* background-size:100% auto; */
  /* background-size: cover; */
	/* background-image: url(./image/logo_437x125.gif) no-repeat 0 0 / cover; */
	/* background-image: url(./image/logo_437x125.gif); */
   background: url(./image/logo_437x125.gif) no-repeat 0 0 / cover;
  /* background-repeat: no-repeat; */
  /* height: 125px; */
}

#header_content1 {
	width: 750px;
  height: auto;
   background: url(./image/logo_437x125.gif) no-repeat 0 0 / cover;
  /* background-size:100% auto; */
  /* background-size: cover; */
	/* background-image: url(./image/logo_437x125.gif) no-repeat 0 0 / cover; */
  /* background-repeat: no-repeat; */
}

#header_content1 img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


  .header_float_img {
      display: block;
      position:relative;
      top:120px;
      margin: 0 auto;
  }



/*------------------------------------------------------------ 
--   navi 領域
------------------------------------------------------------*/
.menu_title {
    background-color: #ff0202;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    margin: 10px 5px 0px 5px;
    padding: 2px 2px 2px 5px;
}

    .menu_title p {
        margin: 0 0 0 20px;
        padding-right: 5px;
        font-size: 10px;
        text-align: right;
    }


ul.NaviList {
    list-style: none; /* 点を消す */
    padding-left: 0; /* 左の余白を消す */
    width: 140px;
    margin: 0 auto;
}
    
      .NaviList a {
              display: block;
              width : auto;
              background-image: linear-gradient(0deg, #f5e756, #5df7a8);
              padding: 3px 3px 3px 3px;
              margin: 3px 3px 3px 3px;
              /* border: 1px solid #ffffff ; */
              text-align: center;
              border-radius: 5px;
              color: brown;
              font-style: italic;

        }

        .NaviList a:hover {
              background-image: linear-gradient(180deg, #f5e756, #5df7a8);
              padding: 2px 2px 4px 4px;
              margin: 3px 3px 3px 3px;

        }

/* ---------------------------------------------------
// main 領域
--------------------------------------------------------*/
.mainTopLink {
  width: auto;
  height: 80px;
  margin: 10px 10px 10px 10px;
}

    .mainTopLink a {
      display: inline-block;
      width: 165px;
      height: auto;
      margin: 0 10px 0px 10px;
    }

    .mainTopLink a:hover {
      display: inline-block;
      opacity: 0.5;
    }



/*-- メインエリア　タイトル ------*/
.main_title {
  /* padding: 1rem 2rem; */
  padding: 3px 10px 5px 8px;
  margin: 5px 10px 5px 5px;
  color: #fff;
  background: #094;
  -webkit-box-shadow: 5px 5px 0 #007032;
  box-shadow: 3px 3px 0 #007032;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
}

.main_textArea{ 
  background-color: #ffffff;
  margin: 5px 15px 10px 20px;
  padding: 5px 10px 5px 10px;
  /* border: solid 1px #aaaaaa; */
  color: #333333;
  font-size: 12px;
}

.update_infoArea, .infoArea {
  margin: 2px 2px 2px 2px;
  /* border: 1px solid #333333;   */
}

.updateGrid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #333333;
    background-color: #FFFFFF;
    /* border-bottom: 1px solid yellowgreen; */
}


.updateGrid_noborder {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #333333;
    background-color: #FFFFFF;
}

    .update_date {
      /* 列の1本目から4本目のグリッドラインまで */
      grid-column-start: 1;
      grid-column-end: auto;
      /* 行の1本目から2本目のグリッドラインまで */
      grid-row-start: 1;
      grid-row-end: auto;
      padding: 3px 3px 0px 3px;
      margin: 3px 3px 0px 3px;
      font-weight: 500;
      font-size: 16px;
      /* text-decoration: underline  #094 3px; */
    }

    .update_headline {
      /* 列の2本目から3本目のグリッドラインまで */
      grid-column-start: 2;
      grid-column-end: auto;
      /* 行の2本目から3本目のグリッドラインまで */
      grid-row-start: 1;
      grid-row-end: auto;
      padding: 3px 3px 0px 0px;
      margin: 3px 3px 0px 0px;
      font-size: 16px;
      font-weight: 500;
      color: #006400;

    }

    .update_content {
      /* 列の3本目から4本目のグリッドラインまで */
      grid-column-start: 2;
      grid-column-end: auto;
      /* 行の2本目から3本目のグリッドラインまで */
      grid-row-start: 2;
      grid-row-end: auto;
      padding: 3px 3px 3px 0px;
      margin: 3px 3px 3px 0px;
      font-size: 14px;
    }

    .update_content p {
      display: block;
      font-size: 14px;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
    }


/* 店舗情報 */
    
  .shop_title {
    display:inline-block;
    background-color: #ff0202;
    color: #ffffff;
    font-size: 14px;
    margin: 0px 3px 0px 15px;
    padding: 3px 5px 3px 5px;
    width: auto;
    border-radius: 5px;
  }
      .shop_title span {
        margin: 0 0 0 20px;
        padding: 0;
        font-size: 10px;
        text-align: right;
      }

.shopGrid {
    display: grid;
    grid-template-columns: 55% 45%;
    /* grid-template-rows: auto auto; */
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #333333;
    background-color: #FFFFFF;
    margin: 0;
}

    .shopGrid_left {
      /* 列の1本目から4本目のグリッドラインまで */
      grid-column-start: 1;
      grid-column-end: auto;
      /* 行の1本目から2本目のグリッドラインまで */
      grid-row-start: 1;
      grid-row-end: auto;
      /* padding: 3px 3px 0px 3px; */
      /* margin: 3px 3px 0px 3px; */
      font-size: 14px;
    }

          ul.shop_discript {
              margin-left: -10px;
          }    

          ul.shop_discript li::marker {
              color: #1e9f00;
              /* margin-left: -20px; */
          }    


    .shopGrid_right {
      /* 列の2本目から3本目のグリッドラインまで */
      grid-column-start: 2;
      grid-column-end: auto;
      /* 行の2本目から3本目のグリッドラインまで */
      grid-row-start: 1;
      grid-row-end: auto;
      /* padding: 3px 3px 0px 0px; */
      /* margin: 3px 3px 0px 0px; */
      font-size: 14px;
    }

    .shopGrid_right_under {
      text-align: right;
    }


    img.shop_west_photo, img.shop_east_photo {
      display: block;
      width: 230px;
      height: auto;
      /* height: 164px; */
      /* width: auto; */
      background-color: #5df7a8;
      margin: 30px 0px 10px 5px;
       border-radius: 10px;
    }

div.link_detail_btn {
    /* width: 220px; */
    width: auto;
    height: auto;
    margin: 0 auto;
    /* padding: 2px 1px 2px 1px; */
}
    
      a.link_detail_btn  {
              display: block;
              /* width : auto; */

              background-image: linear-gradient(0deg, #f5e756, #5df7a8);
              padding: 3px 3px 3px 3px;
              margin: 3px 3px 3px 3px;
              text-align: center;

        }

        a.link_detail_btn:hover {
              background-image: linear-gradient(180deg, #f5e756, #5df7a8);
              padding: 2px 2px 4px 4px;
              margin: 3px 3px 3px 3px;

        }


/* ---------------------------------------------------
// footer 領域
--------------------------------------------------------*/
.footer {
  /* 列の1本目から4本目のグリッドラインまで */
  grid-column-start: 1;
  grid-column-end: 3;
  /* 行の3本目から4本目のグリッドラインまで */
  grid-row-start: 3;
  grid-row-end: auto;
  background-color:#B2DD3E;
  font-size: 10px;
  color: white;
}

footer {
  padding: 5px 0 50px 0px;
}

footer div {
  margin: 0px 0 0 5px;
}

footer span, footer p, footer div p, .footer_title {
  display: inline-block;
  width: 80px;
}

footer ul.footer_contents {
  display: inline;
  list-style: none; /* または list-style-type: none; */
  padding-left: 0; /* 左の余白も消す場合 */
}

footer ul.footer_contents li {
  display: inline;
  border-left: 1px solid white;
}
footer ul.footer_contents a {
  display: inline;
  color: white;
  padding: 0 5px 0 5px;
}
 
#copyright {
  border-top: 2px solid #bbe44c;
  margin: 5px 5px 0 5px;
  text-align: center;
}

    #copyright a {
      color: white;
    }