@charset "utf-8";
body {
  -webkit-text-size-adjust: 100%;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
  }

#content{
	margin:0 auto;
}
#content .header h1 {
    width: 127px;
    height: auto;
	padding-top:30px;
}
#content .header .pankuzu {
    padding: 15px 0 30px;
}
#content .header .pankuzu li{
	display:inline-block;
	font-size:14px;
}
#content .header .pankuzu li:not(:last-child):after {
    content: ">";
    display: inline-block;
    padding: 0 5px;
}

.mod-main .lead{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	/*margin:auto;*/
	text-align:center;
}
.mod-main img{
	height:auto;
}

.maincont {
line-height: 2;
}
.maincont .pageNav{
width: 100%;
max-width: 980px;
margin: 0 auto;
background:#a28e1b;
text-align:center;
}
.maincont .pageNav li{
	display:inline-block;
	line-height:1;
	padding-left:5.1%;
}
.maincont .pageNav li:first-child{
	padding-left:0;
}
.maincont .pageNav li a{
	display:block;
	padding:10px 0 10px 0;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.maincont .pageNav li a br{
	display:none;
}
.maincont .pageNav li a:hover,
.maincont .display a{
color: #ffffff !important;
}
.maincont .fixed{
    position: fixed;
	bottom:0;
    z-index: 9999;
}


.contents{
	margin:100px 0;
}
.contents .accordion{
	overflow:hidden;
}
.spaContainer h3{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:50px;
	text-align:center;
	color:#a28e1b;
	line-height:1;
}
.spaContainer h3:before{
	content:"";
	background-image:url(../img/sttl_icon_left.png);
	width:68px;
	height:45px;
	display: inline-block;
	margin-right:15px;
}
.spaContainer h3:after{
	content:"";
	background-image:url(../img/sttl_icon_right.png);
	width:76px;
	height:43px;
	display: inline-block;
	margin-left:15px;
}
.spaContainer .hotelimg{
	margin-top:30px;
}
.spaContainer .hotelimg.second{
	margin-top:80px;
}
.detail{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
.detail h4, .target h3{
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:32px;
	color:#a28e1b;
	margin-top:15px;
}
.detail h4 + p{
	margin-top: 1rem;
	font-size: 16px;
}
/***** slider *****/
.autoplay{
	width:100%;
	max-width:980px;
	display:inline-block;
	clear:both;
	margin:50px auto 0;
	padding:0 40px;
}
.slick-dotted.slick-slider{
	margin-bottom:0;
}
.slick-list{
	margin:0 -0.2%;
}
.slick-list a p{
	margin-top:5px;
	font-size:14px;
	text-decoration:none;
	border-bottom:dotted 1px;
	display:inline-block;
	line-height:1.3;
}
.autoplay .list{
	width:33%;
	margin:0 0.2%;
	float:left;
}
.slick-prev{
	left:0 !important;
}
.slick-next{
	right:0 !important;

}
.slick-prev:before{
	content:"" !important;
	background-image:url(../img/icon_prev.png) !important;
	width:20px;
	height:27px;
	display:block;
}
.slick-next:before{
	content:"" !important;
	background-image:url(../img/icon_next.png) !important;
	width:20px;
	height:27px;
	display:block;
}
/***** slider end *****/

.is-fixed {
    display: none!important;
}
.btnlink{
	width:291px;
	position:fixed;
	top:410px;
	right:0;
	z-index:100;
	background:url(../img/btn_bg.png) no-repeat top left;
	padding:13px 0 13px 23px;
	line-height: 1.5;
}
.btnlink p a{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}
.btnlink p a:hover{
	text-decoration:none;
}
.btnlink p span{
	display:block;
	font-size:16px;
}


/*ターゲット別*/
/*アニメーション要素のスタイル*/
.animation{
opacity : 0;
visibility: hidden;
transition: 2s;
transform: translateY(30px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.target h3{
font-size: 28px;
text-align: center;
margin-bottom: 2rem;
}
.target > dl {
width: 100%;
display: flex;
margin: 3rem auto;
transition: all 1s;
animation: ttl 0.5s ease 0.5s 1 forwards;

}
.target > dl > dt {
width: 67.5%;
}
.target-detail dt {
display: inline-block;
line-height: 1;
padding: 0 5px;
font-size: 24px;
margin-bottom:  1rem;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
background: linear-gradient(transparent 60%, #ede6bc 40%);
}
.target dt p {
font-size: 16px;
}
.target > dl > dd {
width: 30%;
margin-left: 2.5%;
}

@media screen and (max-width:810px){
.maincont .pageNav li{
	padding-left: 4%;
}
}
/*800px*/

@media screen and (max-width:740px) {
.maincont .pageNav li{
	padding-left: 2%;
}
}
/*980px*/
@media screen and (max-width:700px) {
.SP-Separate{
	display:inline-block !important;
}

.maincont .pageNav{
	background: none;
	display:table;
}
.maincont .pageNav li{
	width:13%;
	background: #a28e1b;
	line-height: 1.2;
	padding-left: 0;
	margin-left: 1%;
	display:table-cell;
	vertical-align:middle;
	border-left:solid 5px #ffffff;
}
.maincont .pageNav li:first-child{
    margin-left: 0;
	border-left: none;
}
.maincont .pageNav li a{
	font-size: 3vw;
	padding:4%;
}
.maincont .pageNav li a br{
	display:block;
}
.btnlink{
	width:90%;
	position: absolute;
	top: inherit;
	right: 0;
	left:0;
	bottom:28%;
	z-index: inherit;
	background:url(../img/btn_bg_sp.png) repeat top left;
	background-size: 13%;
	text-align:center;
	margin:auto;
	padding:10px 0;
}
.btnlink p a{
	font-size:14px;
	font-weight: bold;
    line-height: 1.3;
}
.btnlink p span{
	font-size:14px;
	font-weight:normal;
}
.mod-main .lead{
	position: inherit;
	margin-top:10%;
	font-size: 16px;

}

.target h3 {
font-size:24px;
}
.target > dl {
width: 100%;
display: block;
margin: 3rem auto;
transition: all 1s;
animation: ttl 0.5s ease 0.5s 1 forwards;
}
.target > dl > dt {
width: 100%;
}

.target-detail dt {
display: initial;
margin-bottom: 1.75rem;
}

.target > dl > dd {
width: 100%;
margin-left: 0;
text-align: center;
}
.target > dl > dd img {
width: 70%;
}

}
@media screen and (max-width:640px){
#content .header{
	margin:0;
}
#content .content-1-column{
	margin:0 auto;
}
#content .header h1{
	width: 40%;
    max-width: 190px;
    height: auto;
    padding: 20px 0 15px 6%;
}
#content .header h1 img{
	width: 87%;
}
#content .header .pankuzu{
	padding: 0 0 15px 8%;
    text-align: left;
}
.mod-main .lead {
    position: inherit;
    margin-bottom: 30px;
    text-align: left;
}
.mod-main .lead br{
	display:none;
}
.maincont .fixed {
    position: fixed;
    top: 0;
	left:0;
    z-index: 9999;
}


.contents {
    margin: 50px 0;
}
.spaContainer h3{
	font-size:30px;
}
.spaContainer h3:before{
	content: "";
    background-image: url(../img/sttl_icon_left.png);
    width: 46px;
    height: 28px;
    display: inline-block;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: 46px 28px;
    background-position: left center;
	vertical-align:bottom;
}
.spaContainer h3:after {
    content: "";
    background-image: url(../img/sttl_icon_right.png);
    width: 52px;
    height: 28px;
    display: inline-block;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: 52px 28px;
    background-position: left center;
	vertical-align:bottom;
}
.spaContainer .hotelimg{
	margin:15px -15px;
}
.detail h4{
	font-size:20px;
}





/***** slider *****/
.autoplay{
	width:100%;
	max-width:640px;
	display:inline-block;
	clear:both;
	margin:25px auto 0;
	padding:0 10px;
}
.slick-list{
	margin:0 -0.4%;
}
.autoplay .list{
	width:auto;
	margin:0 auto;
	float:left;
}
.autoplay .list ul{
	margin:0 -1%;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.autoplay .list li{
	width:48%;
	float:left;
	margin:0 1% 2%;
}
.slick-list a:active{
	text-decoration:none;
}
.slick-list a p{
	font-size:12px;
	display:inline;
}
.slick-prev{
	left:-10px !important;
}
.slick-next{
	right:-10px !important;
}
.slick-prev, .slick-next{
	width:15px !important;
	height:22px !important;
}
.slick-prev:before{
	content:"" !important;
	background-image:url(../img/icon_prev.png) !important;
	background-size:15px 22px;
	width:15px;
	height:22px;
	display:block;
}
.slick-next:before{
	content:"" !important;
	background-image:url(../img/icon_next.png) !important;
	background-size:15px 22px;
	width:15px;
	height:22px;
	display:block;
}
/***** slider end *****/
.btnlink{
bottom:20%;
}
}
@media screen and (max-width:566px){
.btnlink{
bottom:24%;
}
}
@media screen and (max-width:490px){
	.btnlink{
		bottom: 29%;
		padding:5px 0;
	}
	.mod-main .lead{
		margin-top: 12%;
	}
}

@media screen and (max-width:393px){
	.btnlink{
		bottom: 36%;
}
.mod-main .lead{
		margin-top: 15%;
	}

}
@media screen and (max-width:320px){
	.maincont .pageNav li{
		border-left: solid 3px #ffffff;
	}
}