@charset "utf-8";

header {
  width: 980px;
  margin:0 auto;
}

header h1 {
  float: left;
  margin: 5px 0 10px;
}

header #header_contact {
  float: right;
  margin: 35px 0 0;
}

#global_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}

#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#global_navi ul li {
  width: 195px;
  float: left;
  margin-right: 1px;
  text-align: center;
}

#global_navi ul li a {
  display: block;
  padding: 16px;
  background-color: #999966;
  color: #FFF;
  text-decoration: none;
}

#global_navi ul li.current a {
  background-color: #99CC00;
}

#global_navi ul li a:hover {
  background-color: #999933;
}

body {
  margin: 0;
  padding: 0;
}

#main h1 {
  margin-top: 0;
　font-size: medium;
}

#main h2 { font-size: 1.5em;
	  margin: 0;
	  margin-bottom: 15px;
	  background-color: #b8e964;
	  line-height: 32px;
	  padding-left: 10px;}

p {
  margin-top: 0;
  line-height: 1;
}

img {
  vertical-align: bottom;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  /*background-color: #E9FFA5;*/
}

#main {
  width: 730px;
  float:left;
  line-height: 1.4;
}
#business_hour table {
  border-collapse: collapse;
  font-family: Century;
}

#business_hour td {
  border: solid 1px;
  padding: 0.5em;
}

#business_hour p {
  font-size: 0.875em;
  line-height: 1.5;
  margin:0;
  margin-bottom: 10px;
}

#point figure{
  margin-left: 10px;
}

#
{
  margin-left: 10px;
}

 .rslides {
  margin: 0;
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 200%;
  padding: 0;
  margin-bottom: 20px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 50%;
  border: 0;
  }

/*inquiries*/
.lead h2{ font-size: 1.5em;
	  margin: 0;
	  margin-bottom: 15px;
	  background-color: #b8e964;
	  line-height: 32px;
	  padding-left: 10px;
        }

#sidebar {
  width: 220px;
  float: right;
  text-align: center;
}

#side_banner h2{
  background-color: #999966;
  color: #fff;
  padding: 7px;
  font-size: 14px;
  text-align: center;
}

#side_banner ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

/*joy*/
#joy {
  font-size: smaller;
}

#joy ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

#joy ol li {
  display: inline;
}

#joy ol li::after {
  content: ">";
  padding-left: 7px;
}

#joy ol li:last-child::after {
  content: none;
}

/*footer*/
footer {
  background-color: #352b23;
  text-align: center;
}

footer #footer_nav {
  background-color: #efefef;
  padding: 10px 0;
}

footer #footer_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer #footer_nav li {
  display: inline;
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller;
}

footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}

footer small {
  display: block;
  padding: 8px 0;
  color: #fff;
}

/*画像*/
a img {
  transition: opacity 0.2s linear;
}

a:hover img {
  opacity: 0.7;
}

/*センターの画像*/
#main_visual {
  width: 980px;
  height: 250px;
  margin: 0 auto 25px;
}

/* STAFFページのテーブル */
#staff table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#staff th,
#staff td{
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#staff th {
  background-color: #f1ede4;
  text-align: left;
  width: 5em;
}
#staff td{
  background-color: #F5FFFA;
}

/* HOMEページのテーブル */
.news {background-color: #ffffff;
       margin-bottom: 10px;
}

.news_inner{padding: 10px;
	    border: solid 2px #b8e964;
}

.news h3{font-size: 1em;
	 border-bottom: dotted 3px #b8e964;
	 margin: 0;
	 margin-bottom: 10px;
	 padding-bottom: 3px;
}

.newstext{font-size: 1em;
	  line-height: 1.5;
}

.newstext p{margin: 0;
	    margin-bottom: 10px;
}

#news table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#news th,
#news td{
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#news th{
  background-color: #f1ede4;
  text-align: left;
  width: 5em;
}
#news td{
  background-color: #F5FFFA;
}
#business_hour tr {
  background-color: #FFFFFF;
}

/*  店舗紹介 画像 スライダー */
.swiper-copntainer {
  width: 100%;
  height: 100vh;
}
  
/* メニュー*/
#menu table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#menu th {text-align: left;}
#menu td {text-align: right;}

/*.post { width: 600px;}*/
.post h2 { font-size: 1.5em;
	  margin: 0;
	  margin-bottom: 15px;
	  background-color: #b8e964;
	  line-height: 32px;
	  padding-left: 10px;}
.posttext { font-size: 1em;
	  line-height: 1;}
.posttext p { margin: 5px;
	  margin-bottom: 20px;}

/*アコーディオン表示*/
details th {
	  color: transparent;
}
details th span {
	  color: #000;
}

/*------------------------------
メディアクエリー
------------------------------*/
@media screen and (max-width : 767px){
  /* 基本要素 */
  img {
    max-width: 100%;
  }
  /* Layout */
  header,
    #global_navi,
  #sidebar,
  #wrapper{
    width: 100%;
  }  
  header h1{
    float: none;
    text-align: center;
  }
  header h1 img{
    width: 70%;
  }
  header #header_contact {
  float: none;
  text-align: center;
  margin: 10px;
  }
  /* Navigation */
  #global_navi ul li{
    width: 50%;
    padding: 0.5px;
    margin: 0;
    box-sizing: border-box;
  }
  #global_navi ul li a{
    margin: 0;
  }
  #global_navi ul li:last-child{
    width: 100%;
  }
  /* Main */
  #main{
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }
  #main figure{
    text-align: center;
  }
  /* Top page parts */
  #main_visual{
    width: 100%;
    height: 70px;
  }
  #point figure{
    float: none;
    margin: 0 0 11px 0;
  }
  #post{
    float: none;
    margin: 0 0 11px 0;
  }
  #side_banner ul li{
    text_align: center;
    margin: 11px auto;
  }
  /* map */
  .gmap {
  position: relative;
  padding-top: 75%;
  height: 0;
  overflow: hidden;
  }
  .gmap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

}