@charset "UTF-8";
   img {
    max-width: 100%;
    height: auto;
    border: 0;
  }
  section img {
   max-width: 100%;
   border:0;
}
  /* スライダー画像 */
  .slider img {
    width: 100%;
    height: px;  /* スライダー画像の高さ調整 */
    margin: 0 auto;
  }

  /* slideshow */
#content_wrap_slide {
	border-top: nonne;
	border-bottom: none;
	background-color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
}
#stage {
	max-width: 100%;
	background-color: #fff;
	margin: 0px auto;
}
#stage ul {
	padding: 0px;
	position:relative;
}
#stage ul li {
	width: 100%;
	list-style-type: none;
	position:absolute;
	opacity: 0;
}
#stage img {
	max-width: 100%;
	height: px;  /* スライダー画像の高さ調整 */
}
#slide_control {
	position: absolute;
}
[id^='photo_'] {
	cursor: pointer;
}
#prev_button {
	cursor: pointer;
}
#next_button {
	cursor: pointer;
}
#play_stop {
	cursor: pointer;
}
    /* #global_navi スライドアニメーション */
    .open #global_navi {
        /* #global_navi top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
    #footer_nav {
      display: none;
    }
}
@media (max-width: 1200px) {
  .container {
    max-width: 960px;
    margin: 0 auto;
  }
}
@media (max-width: 1000px) {
  .container {
    max-width: 750px;
    margin: 0 auto;
  }
  #title {
    margin-top: 40px;
  }
  #top-head.fixed #title {
   margin-top: 20px;
}
}

@media (max-width: 750px) {
  .container {
    max-width: 550px;
    margin: 0 auto;
  }
  #title {
    margin-top: 20px;
  }
  #top-head.fixed #title {
   margin-top: 0;
}
}

@media (max-width: 550px) {
  .container {
    max-width: 400px;
    margin: 0 auto;
  }
  .slider img {
     width: 100%;
     height: px;
     margin: 0 auto;
  }
  #title {
    margin-top: 0;
    width: 60%;
  }
}

@media (max-width: 400px) {
  .container {
    max-width: 360px;
    margin: 0 auto;
  }
  #title {
    width: 60%;
  }
  .header_contact {
    display: inline-block;
    width: 150px;
    margin: 0;
    height: 40px;
    line-height: 40px;
  }
  .top-number {
    width: 150px;
    font-size: 17px;
  }
}
@media (max-width: 360px) {
  .container {
    max-width: 310px;
    margin: 0 auto;
  }
  #title {
    width: 70%;
  }
  .header_contact {
    display: inline-block;
    width: 120px;
  }
  .top-number {
    width: 120px;
    font-size: 14px;
  }
  #top-head.fixed {
      top: 0;
      position: fixed;
      padding-top: 0;
      background: #fff;
      z-index: 999;
      height: 105px;
  }