@charset "UTF-8";

@media screen and (min-width: 768px) {
nav {border-bottom:solid 1px #FFF;}

.bx-wrapper {
  box-shadow: none;
  border: none;
}
#mainslide {margin:0 auto; text-align:center; max-width:2000px; min-width:1200px;}
#mainslide img {width:100%}
#top_slider {margin:0; padding:0;}
#top_slider li {
  width:1200px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
}

.contents {text-align:center; width:1200px !important;}
.top_info {margin:50px 0 0px 0;}
.top_info_line {border-bottom:solid 1px #CCC; height:60px; width:100%}
.info_access {margin:50px auto 10px;}
.info_bt { padding-top:20px; margin:15px 0 65px 0;}
.information {border-top:solid 1px #999999; padding-top:64px; margin-top:50px; font-weight:400;}
.information dl {width:800px; margin:0 auto; text-align:left;font-size:16px; margin-top:30px;}
.information dl dt{
	clear:both;
	padding: 3px 0;
	float:left;
	width:145px;
	}
.information dl dd{
margin:0;
padding: 3px 0 ;
display:block;
float:left;
width:650px;
}
.information dl dd:last-child:after {content:""; display:block; clear:both; height:100px;}
.info_sp {text-align:center; font-size:20px; margin:20px auto -10px}

.photo { height:600px; width:1200px; margin-top:70px; clear:both;}
.photo div {background-color:rgba(0,0,0,.6); height:100%;}
.photo div:hover {background-color:rgba(0,0,0,.0);}
.photo div.off:hover {background-color:rgba(0,0,0,.6);}
.photo img {display:block; margin:0 auto}
.phototxt {padding-top:245px;padding-bottom:175px;}
a:hover img.phototxt {filter: alpha(opacity=100); opacity:1.0;}
.back1 {background:url(../img/index/photo1.jpg) no-repeat 0 0;}
.back2 {background:url(../img/index/photo2.jpg) no-repeat 0 0;}
.back3 {background:url(../img/index/photo3.jpg) no-repeat 0 0;}
.back4 {background:url(../img/index/photo4.jpg) no-repeat 0 0;}

.note {font-size:11px; text-align:left; margin:20px 0 0 0; line-height:1.5em; text-align: center}

/* video { margin:20px 0 50px 0px; border:solid 1px #CCC;} */
video { margin:20px 0 50px 0px;}

.westbn {text-align:center; margin:100px auto 40px auto;}

.point {margin:70px 0 0; height:160px}
.point div {width:289px; float:left; margin:0 14px 0 0}
.point div:last-of-type {margin:0 0 0 0}
.point_set {margin:70px auto 80px;}
.point_set img {width:900px}

.bn_otsu-tyuou2 {text-align:center; margin:50px auto;}

.column {clear:both; text-align:center; margin:0 auto 40px; width:100%;}
.column a {margin:0px 20px 0 5px; display:inline-block}

.floatbtn { position:fixed; bottom:20px; left:10px; z-index:999;}
	
.info_touki {color:#A80000; background: #F4F3B5; font-size: 18px; margin: -50px 0 40px; padding: 20px 0}
}

@media screen and (max-width: 767px) {
.bx-wrapper {
  left: 0;
  box-shadow: none;
  border: none;
}
	
#skip { position:absolute; z-index:999; right: 10px; top:calc(100vh - 165px); width:80px;}
#skip a { display:inline-block; width:100%; padding:3px 0; background:#000; color:#FFF; text-align:center; border:solid 1px #CCC}
	
#mainslide {margin-top:55px;}
#top_slider { background-color:#CCC; margin:0; padding:0;}
#top_slider li {

}

.top_info {margin:20px 10px 0; text-align:center}
.top_info_line {border-bottom:solid 1px #CCC; height:40px; width:100%}
.info_access {margin:10px auto 10px;}
img.info_20241021a {width:70%; margin:0 15%; max-width:400px;}
.info_bt {padding-top:15px; margin:0px 0 30px 0; text-align:center;}
.information {border-top:solid 1px #999999; padding-top:40px; margin:50px 0 0 0; text-align:center;}
.information img {height:18px;}
.information dl {text-align:left; margin:30px 5px 0 5px; line-height:1.2em; font-size:15px;}
.information dl dt{padding:0;display:block; font-weight:bold;}
.information dl dd{margin:0 0 20px 0;padding:0;display:block;}
.information a {text-decoration:underline;}
.info_sp {text-align:center; font-size:16px; margin:20px auto -10px}

.photo {height:300px; margin-top:20px; clear:both;}
.photo div {background-color:rgba(0,0,0,.5); height:100%;}
.photo div:active {background-color:rgba(0,0,0,.0);}
.photo img {display:block; margin:0 auto; width:40%; max-width:180px;}
 img.phototxt {padding-top:75px;padding-bottom:55px; width:50%;}
a:hover img.phototxt {filter: alpha(opacity=100); opacity:1.0;}
.back1 {background:url(../img/index/photo1.jpg) no-repeat center 0; background-size:cover;}
.back2 {background:url(../img/index/photo2.jpg) no-repeat center 0; background-size:cover;}
.back3 {background:url(../img/index/photo3.jpg) no-repeat center 0; background-size:cover;}
.back4 {background:url(../img/index/photo4.jpg) no-repeat center 0; background-size:cover;}

.note {font-size:10px; text-align:left; margin:20px 0 0 0; line-height:1.4em;}

/* video {width:100%; margin:0; padding:0; border:solid 1px #CCC; padding-top:50px;}*/
video {width:100%; margin:0; padding:0; padding-top:50px;}

.westbn { position:fixed; bottom:0; right:0; z-index:999; width:100%; text-align:right;}


.point {height:160px; font-size:0; text-align:center; margin-top:30px}
.point div {width:48%; display:inline-block; margin:0 1% 10px;}
.point_set {margin:30px 10px 40px;}

.bn_otsu-tyuou2 {text-align:center; margin:50px 15px;}

.column {clear:both; margin:0 20px 40px}
.column a {display:block; margin-top:20px}

.floatbtn { position:fixed; bottom:70px; left:10px; z-index:999;}
.floatbtn img {width:100px; height:auto;}
	
.info_touki {color:#A80000; background: #F4F3B5; font-size:14px; margin: -20px 0 40px; padding: 10px 15px;}
}