@charset "utf-8";

@import "reset.css";
@import "header.css";
@import "footer.css";

/* mod_body
-----------------------------------------*/
.mod_body {
margin:0 auto;
max-width:1000px;
color:#FFF;
font-size:90%;
}

/* common
-----------------------------------------*/
a {
color:#fff;
text-decoration:none;
}
a:hover {
color:#fff;
text-decoration:underline;
}
h1{
padding:20px 0;
font-size:350%;
text-align:center;
text-shadow: 1px 2px 3px #808080;
}
h2{
padding:20px 0;
font-size:160%;
text-align:center;
}
p{
padding:0 20px 30px 20px;
line-height:160%;
}
p.acenter{
text-align:center;
}
p.text1{
color:#fff;
font-size:175%;
text-align:center;
}
p.text2{
color:#fff;
font-size:120%;
text-align:center;
}
p.text3{
margin:-20px 0 0 0;
color:#fff;
font-size:120%;
text-align:center;
}
.btntype2{
margin:-10px auto 20px;
padding:10px;
width:35%;
text-align:center;
color:#807442;
background-color:#FFF;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

img.logo{
margin:20px auto 0;
}

/* menu
-----------------------------------------*/
.global-nav {
  margin: 0 0 40px;
  padding: 0;
  border-top: 2px solid #fff100;
  font-size: 15px;
  font-weight:bold;
  list-style-type: none;
  background: #15ae67;
}
/*clearfix*/
.global-nav:after {
  content: "";
  clear: both;
  display: block;
}
.global-nav li {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 2px solid #fff100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*奇数のli要素に適応*/
.global-nav li:nth-child(odd) {
  border-right: 2px solid #fff100;
}
.global-nav a {
  display: block;
  line-height: 44px;
  color: #fff100;
  text-decoration: none;
}
.global-nav a:hover {
  color: #fff100;
  background: #16c775;
}

@media screen and (min-width: 480px) {
.global-nav li:nth-child(odd) {
  border-right: none;
}
.global-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: none;
  border-collapse: collapse;
}
.global-nav li {
  float: none;
  display: table-cell;
  width: 100%;
  border-bottom: none;
  border: 2px solid #fff100;
}
}


/* top
-----------------------------------------*/
.sns{
width:50%;
margin:0 auto 20px;
}

/* fee
-----------------------------------------*/
table.infobox{
width:60%;
margin:0 auto 5px;
border-top:1px solid #575757;
border-left:1px solid #575757;
border-collapse:collapse;
border-spacing:0;
}

.infobox th{
border-right:1px solid #575757;
border-bottom:1px solid #575757;
font-weight: bold;
line-height: 120%;
color:#000;
background-color:rgba(255, 241, 0, 0.85);
background-position:left top;
padding:0.3em 0.7em;
text-align:center;
}

.infobox td{
color:#000;
background-color:rgba(255, 255, 255, 0.85);
border-right:1px solid #575757;
border-bottom:1px solid #575757;
padding:0.4em 0.7em;
line-height: 150%;
text-align:center;
}

.reserve{
width:60%;
margin:0 auto 55px;
border:1px solid #575757;
color:#4d4948;
background-color:rgba(255, 255, 255, 0.85);
text-align:center;
}

.reservetxt1{
font-size:140%;
font-weight:bold;
margin:10px 0;
padding:0;
}
.reservetxt2{
font-size:200%;
font-weight:bold;
margin:10px 0;
padding:0;
}

.reservetxt2 a {
color:#4d4948;
text-decoration:none;
}
.reservetxt2 a:hover {
color:#4d4948;
text-decoration:underline;
}

.reservetxt3{
font-size:120%;
margin:10px 0;
padding:0;
}

/* shop
-----------------------------------------*/
.map{
width:60%;
margin:-30px auto 10px;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*==========================================
768px site
===========================================*/
@media screen and (max-width:768px){
img{
max-width:100%;
height:auto;
width /***/:auto;
}

.map{
width:90%;
margin:0 auto;
}

}

/*==========================================
480px site
===========================================*/
@media screen and (max-width:480px){

table.infobox{
width:90%;
}

.reserve{
width:90%;
}

.control br {
display: none;
}

.sns{
width:90%;
margin:0 auto 20px;
}

}