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

body{
	background-color: #FFFDF1;
}

#content1 img{vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
cursor:default;
}



#content2 img{vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}


#content3 img{vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}

#content4 img{vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}


#content5 img{vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}

#content6 img{vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}


#content7 img{vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}

#content8 img{vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}


.button{
margin: 0 auto;
border:none;
cursor: pointer;
display: block;
background-size: cover;
width:730px;
max-width: 100%;
}

footer{background:#363636;
width: 100%;
text-align: center;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}

p {
    line-height: 1.8em;
}
body {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 75%;
	margin:0px;
	padding:0px;
}

img {
     max-width: 100%;
	 height:auto;
}

.google-maps {
position: relative;
padding-bottom: 40%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.video{
  position:relative;
  width:50%;
  padding-top:25%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

img[usemap] {
    max-width: 100%;
    height: auto;
}

.upper{
  position:fixed;
  right:0px;
  bottom:0px;
  }


@media (max-width: 767px){
    .upper{
      width: 50%;
    }

  }


  .oshirase{
    position:fixed;
    top:50%;
    width: 100%;
    }