.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }@charset "UTF-8";
/* CSS Document */

/*施設紹介スライダー*/
/*カスタマイズ用追記CSS Start*/

div.slider {
    width:1000px;
	display:block;
	margin:0 auto;
}

div.slider .bx-wrapper {
	margin:0 auto;/*メインスライダーとサムネイルの間の余白を変更*/
}

ul.bxslider01 li {
	display:block;
	width:1000px;/*メインスライダーの横幅*/
	height:500px;/*メインスライダーの縦幅*/
}

ul.bxslider01 li img{
	display:block;
	width:1000px;
	height:auto;
}

ul.bxslider02 li a {
	display:block;
	width:150px;/*サムネイルの横幅*/
	/*height:60px;サムネイルの縦幅*/
}

ul.bxslider02 li a img{
	display:block;
	width:150px;/*サムネイルの横幅*/
	height:auto;/*サムネイルの縦幅*/
}

div.controlWrap {
	width:1000px;
	display:block;
	position:relative;
	margin:0 auto;
}

div.controlWrap p#PrevIcon a{
	display:block;
	width:13px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height:19px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position:absolute;
	background:url("../image/back.png") left center no-repeat;/*オリジナルの矢印アイコンを設定しています*/
	color:#fff;
	top:20px;
	left:20px;
	text-indent:-9999px;
}

div.controlWrap p#NextIcon a{
	display:block;
	width:13px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height:19px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position:absolute;
	background:url("../image/next.png") left center no-repeat;/*オリジナルの矢印アイコンを設定しています*/
	color:#fff;
	top:20px;
	right:20px;
	text-indent:-9999px;
}
/*カスタマイズ用追記CSS End*/

.custom-thumb img {
	margin: 0 3px;
	padding: 0;
	width: 115px;
}

.custom-thumb{
	margin-top: -20px;
}

#sample {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: auto;
}

.mobile{
	display: none;
}

@media screen and (max-width: 480px){
	.mobile{
		width: 90%;
		text-align: center;
		margin: 0 auto;
		display: inline;
	}
	.mobile li img{
		width: 90%;
	}
	
	.mobile p{
		font-size: 1em;
		margin-bottom: 20px;
	}

	.container{
		display: none;
	}
	.none{
		display: none;
	}
	.mobile ul{
		list-style: none;
	}
	.mobile {
		width: 90%;
		margin: 0 auto;
	}
	.mobile img{
		width: 100%;
	}
}