body {
  /*font-family: 'Roboto Condensed', 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Arial,'Roboto Condensed', '游ゴシック体', 'Yu Gothic', YuGothic, 'MS P Gothic', 'MS Pゴシック', sans-serif;*/
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #526631;
  margin: 0 !important;
}
a {
  color: #526631;
}
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: ".";
}
.clearfix {
  display: block; /* for IE8 */
}
#copyright {
  font-size: 14px;
  text-align: center;
  color: #526631;
  line-height: 14px;
  padding: 1px 0;
}
/*ハンバーガーメニュー*/
#spmenu {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
nav#menu {
  width: 100%;
}
nav#menu ul {
  margin: 0px;
  padding: 10px 0;
}
nav#menu ul li {
  list-style-type: none;
}
nav#menu ul li a {
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.67);
  color: #fff;
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 9px;
}
/*ハンバーガーメニュー*/
/*html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}*/
#side {
  position: absolute;
  text-align: center;
}
#container {
  position: relative;
}
#main {
 /*height: 100%;*/
  position: relative;
}
#content {
  min-height: calc(100vh - 16px);
}
.top_content h2 {
  font-size: 24px;
}
.top_content ul {
  margin-left: -1em;
}
#content {
  position: relative;
}

@media screen and (min-width:1024px) {
  .sponly {
    display: none !important;
  }
  .innerBox {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .top_content h1 {
    font-size: 60px;
    line-height: 1.1;
  }
  #side {
    width: 50%;
    top: 0;
	padding-top:50px;
  }
  #side img {
    height: 90vh;
  }
  #content{
  padding-left:50%;
  }
  .top_content {
 padding-top:45%;
}
}
@media screen and (min-width: 500px)and (max-width:1023px) {
  .sponly {
    display: none !important;
  }
  .top_content h1 {
    font-size: 50px;
    line-height: 1.1;
  }
  #side {
    width: 40%;
    top: 0;
	padding-top:50%;
  }
  #side img {
    width: 100%;
  }
  #content{
  padding-left:40%;
  }
  .top_content {
 padding-top:80%;
}
}
@media screen and (max-width:499px) {
  body {
    font-size: 15px;
  }
  .top_content h1 {
    font-size: 25px;
    line-height: 1.1;
  }
  .top_content h2 {
    font-size: 20px;
    line-height: 1.0;
}
  #head {
    display: none;
  }
  .pconly {
    display: none !important;
  }
  #side {
    width: 35%;
    top: 0;
	padding-top:60%;
	padding-left:0;
  }
  #side img {
    width: 100%;
  }
  #content{
  padding-left:35%;
  }
  .top_content {
 padding-top:60%;
}
}
@media screen and (min-width:600px) {}
@media screen and (max-width:599px) {
  #pageTop {
    position: fixed;
    bottom: 0;
    right: 10px;
  }
  #pageTop a {
    display: block;
    z-index: 999;
  }
  #pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}
  #pageTop {
    position: fixed;
    bottom: 0;
    right: 10px;
  }
  #pageTop a {
    display: block;
    z-index: 999;
  }
  #pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
.fadein {
  opacity: 0;
   animation-name: fadein;
  animation-duration: 1.0s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes fadein {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}
.wideimp{display:block; box-sizing:inherit; height: 300px; z-index: -1; position: relative;}
.movie_info{z-index: 2; /*margin-top:-22px;*/ margin-left:auto; /*margin-right: auto; height: 22px;*/height: 0; width:300px; text-align: center;}
.movie_info p{ font-size:12px; padding:6px 10px 4px; border: #444 1px solid; background: #ffffff;}
.movie_link{text-align: right; font-size:14px; margin:0 10px 20px 0;}
#site_area{position: relative; margin:50px 0;}
.site_info{z-index: 100; height: 22px; width:300px; text-align: center;background: #ffffff; position: absolute; top: 0; right:0; /*left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: ranslateX(-50%);*/}
.site_info p{font-size:12px; margin-top:0; padding:6px 10px 4px; border: #444 1px solid; background: #ffffff;}
#site_area ul{ display: flex; flex-wrap:wrap; list-style-type: none; padding-left: 0px; position: relative; z-index: -1;}
#site_area ul li{ width:25%; /*height: 200px;*/text-align: center; overflow: hidden;}
#site_area ul li img{width:99%; opacity: 0.6;}