@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
html {
  font-size: 62.5%;
}
body {
  font-family:"ＭＳ 明朝",  Meiryo,  sans-serif;
  position:relative;
}
a:link, a:visited, a:hover, a:active {
  text-decoration:none; 
}
.pc{
  display:block !important;
}
.sp{
  display:none !important;
}
img{
  width:100%;
}
/* --------------------------------
 * header
 * -------------------------------- */
#logo{
  top:0;
  left:0;
  position:fixed;
  width:100%;
  box-shadow:0px 1px 1px #ccc;
}
#header-reserved{
  position:fixed;
  top:1.3%;
  right:3%;
  width:36%;
}

/* --------------------------------
 * main
 * -------------------------------- */
main {
  margin:100px 0 0 0;
}
#main-reserved{
  position:absolute;
  top:7.0%;
  right:4%;
  width:39%;
}
#midlde-reserved{
  position:absolute;
  bottom:10.5%;
  right:7%;
  width:70%;
}
#bottom-reserved{
  position:absolute;
  bottom:1.5%;
  left:1%;
  width:48%;
}
#bottom-contact{
  position:absolute;
  bottom:1.5%;
  right:1%;
  width:48%;
}
.pc{
  width:100%;
  padding:0;
  margin::0 auto;
}
.youtube{
  margin:30px 0;
  text-align:center;
 }
.youtube iframe{
  width:80%;
  height:250px;
  margin:10px auto;
  display:inline-block;
  box-shadow:20px 20px 20px #ccc;
}
.youtube .box{
  width:49%;
  margin:0 auto;
  display:inline-block;
}
.youtube img{
  width:80%;
  margin: 0 auto;
  display:inline-block;
}
/*
.youtube .box div{
  width:80%;
  margin: 0 auto;
  display:inline-block;
}
.youtube h2{
  font-size:1.6rem;
  font-weight:900;
  margin:10px 0;
}
.youtube p{
  font-size:1.4rem;
  font-weight:500;
  text-align:left;
  margin:0 0 30px 0;
}*/

.g-map iframe{
	width:100%;
	height:500px;
}
/* --------------------------------
 * footer
 * -------------------------------- */

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media (max-width: 1024px) {
  body {
	margin: 0 auto;
  }
  .horizontal-list {
    width: 100%;
  }
}
@media (max-width: 765px) {
.pc{
  display:none !important;
}
.sp{
  display:block !important;
}
 body {
  width: 100%;
}
img{
  max-width:100%;
}
/* --------------------------------
 * header
 * -------------------------------- */
#sp-logo{
  top:0;
  left:0;
  position:fixed;
  width:100%;
  box-shadow:0px 1px 1px #ccc;
}
#header-reserved{
  top:2.1%;
  width:60%;
}
/* --------------------------------
 * main
 * -------------------------------- */
main {
  margin:70px 0 0 0;
}
#main-reserved{
  top:5.3%;
  right:4%;
  width:39%;
}
#bottom-reserved{
  bottom:1.0%;
}
#bottom-contact{
  bottom:1.0%;
}
.youtube{
  margin:0;
 }
.youtube iframe{
  width:90%;
  height:200px;
  box-shadow:10px 10px 10px #ccc;
}
.youtube .box{
  width:100%;
}
.youtube img{
  width:65%;
}
.g-map iframe{
  height:200px;
}
/* --------------------------------
 * footer
 * -------------------------------- */
  footer {
  }
}