@charset "utf-8";


.m { float:left; width: 100px; margin:2px; }

a:link,a:visited{ color:#333333; text-decoration:none; }
a:focus{ outline:thin dotted; }
a:hover{ text-decoration:underline; outline:0; }
a:active{ outline:0; }

var { font-size:8pt; }


h3{ display:block; font-weight:bold; font-size:1.3em; line-height:1.3; margin-bottom:15px; color:#000000;}
h3.photoblockh3{ margin-top:60px;}
.map { height:330px; overflow:hidden; }
.map iframe{ width:100%; height:100%; }
.description{ font-size:1.2em; text-align:center; color:#9F9F9F; padding-bottom:25px; margin-bottom:40px; border-bottom:2px #F5F5F5 solid;}
.description date{ margin-right:20px;}
.photo{ position:relative; }
.photo ul.slick-slider{ clear:both; display:block; width:90%; max-width:676px; height:480px; margin:50px auto 0 auto; }
.photo ul.slick-slider li img{ display:block; max-height:100%; height:auto; width:auto; margin:0 auto; }
.thumb{ clear:both; display:block; height:130px; margin:20px auto 0 auto; overflow:hidden; width:90%; }
.thumb li{ float:left; display:block; width:18%; height:auto; margin:0 1%; }
.thumb li img{ display:block; max-height:100%; margin:0 auto; }


@charset "utf-8";


h1{ display:block; font-weight:bold; font-size:2em; color:#000; text-align:center; margin-bottom:20px;line-height:1.4em;}
.description{ font-size:1.2em; text-align:center; color:#9F9F9F; padding-bottom:25px; margin-bottom:50px; border-bottom:2px #F5F5F5 solid;}
.description date{ margin-right:20px;}
.pages ul{ position:relative; width:95%; margin:50px auto; overflow:hidden; }
.pages li{ display:block; overflow:hidden;}
.pages li.this{ width:120px; text-align:center; margin:0 auto;}
.pages li.prev{ position:absolute; top:0; left:0; font-size:1.5em; text-align:left; width:38px;}
.pages li.next{ position:absolute; top:0; right:0; font-size:1.5em; text-align:right; width:38px;}
.pages a{ display:block; padding:12px 0px; color:#7A7A7A;}

#contents {
	width:100%;
	padding:0px 20px;
	max-width: 1030px;
	margin: 0 auto;
	font-size: 115%;
}

#contents h3 {
	margin-bottom:10px;
}


#content {
	max-width:790px;
	margin:0px auto;
	text-align:left;
	line-height:30px;
	font-size: 115%;
}

#content h1 {
	font-size:24pt;
	text-align:center;
	margin:25px auto 15px auto;
	line-height:50px;
}

#content h2 {
	font-size:20pt;
	text-align:center;
	margin:25px auto 15px auto;
	line-height:45px;
}

#content h3 {
	font-size:20pt;
	text-align:center;
	margin:25px auto 15px auto;
	line-height:40px;
}

#content h4 {
	font-size:18pt;
	text-align:center;
	margin:25px auto 15px auto;
	line-height:35px;
}

#content h5 {
	font-size:16pt;
	text-align:center;
	margin:25px auto 15px auto;
	line-height:30px;
	border:solid 1px #000000;
}


/******** PC用 ********/
@media screen and (min-width:980px){

}

/******** スマホ、タブレット用 ********/
@media screen and (max-width:979px){
	
}




.photoblock{ clear:both; display:block; height:auto; margin:25px auto 0 auto; overflow:hidden; width:90%; }

.photoblock li{ 
float:left;
display:block; 
width: -moz-calc(20% - 10px);
width: -webkit-calc(20% - 10px);
width: -o-calc(20% - 10px);
width: calc(20% - 10px);
height:auto;
margin:5px; }

.photoblock li img{ display:block; max-height:100%; margin:0 auto; }
.photoblock li:nth-child(6){ margin-bottom:0;}
.photoblock li:nth-child(7){ margin-bottom:0;}
.photoblock li:nth-child(8){ margin-bottom:0;}
.photoblock li:nth-child(9){ margin-bottom:0;}
.photoblock li:nth-child(10){ margin-bottom:0;}

.photo .btn{ position:absolute; z-index:20;  }
.photo .btn{ position:absolute; top:50%; margin-top:-13.5px;  }
.photo .prev{ left:10px; }
.photo .next{ right:10px; }
.info{ margin-top:40px; overflow:hidden; }
.info dl{ width:100%; overflow:hidden; font-size: 11pt; }
.info dt{ width:220px; font-weight:normal; margin-top:0px; margin-bottom:8px; color:#666666; overflow:hidden; }
.info dd{ padding-left:110px; margin-top:-33px; margin-bottom:8px; overflow:hidden; }
.wysiwyg dl{ font-size:11pt; }
.wysiwyg dt{ color:#666666; }
.wysiwyg dd{  }
.around{ margin-top:40px; overflow:hidden;}
.sns{ clear:both; display:block; width:260px; padding:65px 0 25px 0; margin:0 auto; overflow:hidden;}
.sns li{float:left; display:block; margin:0 5px; overflow:hidden; line-height:1.0;}

.tours{ clear:both; overflow:hidden; width:978px; margin-left:auto; margin-right:auto; }
.tours .btn{ display:block; width:275px; margin:50px 25px; overflow: hidden; float:left;}
.tours .btn:first-child{ margin:50px 50px 50px 150px;}
.tours .btn:nth-child(3){ margin:50px 0px 50px 50px;}

.pages ul{ position:relative; width:95%; margin:0 auto; overflow:hidden; }
.pages li{ display:block; overflow:hidden;}
.pages li.this{ width:120px; text-align:center; padding:0.5em 0 0.1em 0; margin:0 auto;}
.pages li.prev{ position:absolute; top:0; left:0; font-size:1.5em; text-align:left; width:38px;}
.pages li.next{ position:absolute; top:0; right:0; font-size:1.5em; text-align:right; width:38px;}
.pages a{ display:block; padding:12px 0px; color:#7A7A7A;}

.thum > div{ max-height:120px;}

/* Slider */
.sliders li>img{ display:none; max-width:none;  }
.slick-slider { position: relative; display: block; height:100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; overflow: hidden; } 
.slick-slider div, .slick-slider li{  height:100%; }
.slick-list{    position: relative;    display: block; overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{    outline: none;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{    -webkit-transform: translate3d(0, 0, 0);       -moz-transform: translate3d(0, 0, 0);        -ms-transform: translate3d(0, 0, 0);         -o-transform: translate3d(0, 0, 0);            transform: translate3d(0, 0, 0);}
.slick-track{    position: relative;    top: 0;    left: 0;    display: block;}
.slick-track:before,.slick-track:after{    display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide{  display: none;    float: left;    height: 100%;    min-height: 1px; overflow: hidden; }
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{   display: block;  max-width:none;  }
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}

[id='comment1'],[id='comment2']{
    width					: -moz-calc(100% - 30px);
    width					: -webkit-calc(100% - 30px);
    width					: -o-calc(100% - 30px);
    width					: calc(100% - 30px);
    max-width 				:270px;
	height 					:150px;
	font-size 				: 15pt;
}

/* footer */
/******** PC用 ********/
@media screen and (max-width:1029px) {
.tours{ width:auto;}	
.tours .btn{ display:block; width:28%; margin:50px 2.66%; overflow: hidden; float:left;}
.tours .btn:first-child{ margin:50px 5.33% 50px 20%;}
.tours .btn:nth-child(3){ margin:50px 0% 50px 5.33%}
.tours .btn img{ width:100%; height:auto;}

}
@media screen and (min-width:736px) {
	.info{ float:left; width:45%;}
	.around{ float:right; width:48%; padding-left:2%; border-left:2px #F5F5F5 solid; }
	.tours .text{ float:left; width:45%; min-height:330px; pdding-right:3%; margin-bottom:50px; }
	.tours .map{ float:right; width:48%;  margin-bottom:50px;  overflow:hidden; }
}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:735px){
	#contents{ padding-top:45px; }
	.info{ margin-top:20px;}
	.around{ margin-top:30px;}
	.tours .text h3{ text-align:center; }
	.tours .btn{ clear:both; width:275px; margin:25px auto; float:none;}
	.tours .btn:first-child{ margin:50px auto 25px auto;}
	.tours .btn:nth-child(3){ margin:25px auto 50px auto;}
	.tours .tel{ margin-bottom:50px; text-align:center; clear:both; }
	.sns{ clear:both; display:block; width:270px; padding:55px 0 35px 0; margin:0 auto; overflow:hidden;}
	.sns li{float:left; display:block; height:30px; padding:10px 1%; overflow:hidden;}
	.photo ul.slick-slider{ height:220px;}
	.photo ul.slick-slider li{ height:220px; overflow:hidden;}
	.photo ul.slick-slider li img{ display:block; max-height:100% !important; width:100% !important; height:auto !important; margin:0 auto !important; }

	.thumb{ clear:both; display:block; height:auto; margin:20px auto 0px auto; overflow:hidden; width:90%; }

	.thum > div{ max-height:80px;}

	.photoblock{ clear:both; display:block; height:auto; margin:10px auto 50px auto; overflow:hidden; width:90%; }
	.photoblock li{ float:left; display:block; width:18%; height:auto; margin:0 1% 10px 1%; }
}

@media screen and (max-width:450px){

	.thum > div{ max-height:50px;}

}