@charset "utf-8";


/*main----------------------------------------------------------------------*/
.sliderSp{
	display:none;
}
.mainpWrapper{
	position: relative;
	overflow: hidden;
	width:100%;
	min-width:1192px;
	height:41vw;
	min-height:488px;
}
.mainpInner{
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	min-width:1192px;
	height: 101%;
	margin: -2.8vw 0% 0 -10%;
	-webkit-transform: rotate(-2.4deg);
	-ms-transform: rotate(-2.4deg);
	transform: rotate(-2.4deg);
	z-index: 1;
	overflow:hidden;
}
.mainp{
	width:100vw;
	min-width:1192px;
	height:41vw;
	min-height:488px;
	margin: 2.7vw 0% 0 7.5%;
	-webkit-transform: rotate(2.4deg);
	-ms-transform: rotate(2.4deg);
	transform: rotate(2.4deg);
}
.mainp div{
	width:100vw;
	min-width:1192px;
	height:41vw;
	min-height:488px;
	background-size:cover;
}
.mainp div a{
	display:block;
	width:100vw;
	min-width:1192px;
	height:41vw;
	min-height:488px;
}
/*slick*/
/*.slider {
	width: 100%;
	margin: 0px auto;
}
.slick-slide {
	margin: 0px 0px;
}
.slick-slide img {
	width: 100%;
}*/
.slick-prev:before,
.slick-next:before {
	color: black;
}
.slick-slide {
	transition: all ease-in-out .3s;
	_opacity: .2;
}
.slick-active {
	_opacity: .5;
}
.slick-current {
	_opacity: 1;
}
.slick-prev {
	left:50px;
	z-index:5;
}
.slick-next{
	right:50px;
	z-index:5;
}
.slick-prev, .slick-next{
	width:50px;
	height:50px;
	top:45%;
}
.slick-prev::before, .slick-next::before{
	color:#fff;
	font-size:50px;
}
.slick-dots {
	bottom:60px;
}
.slick-dots li button::before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 20px;
	width: 20px;
	height: 20px;
	opacity: .8;
	color:#fff;
}
.slick-dots li.slick-active button::before {
	opacity: 1;
	color:#fff;
}
/*概要----------------------------------------------------------------------*/
.outlineWrapper{
	width:100%;
	margin-top:-5vw;
	padding-top:130px;
	padding-bottom:150px;
	background:url(/images/top/outline_back.gif) top center no-repeat;
}
.outlineBox{
	width:1010px;
	margin:0 auto 0;
}
.outlineBox .left{
	width:495px;
	float:left;
	text-align:left;
}
.outlineBox .left h2{
	padding-bottom:30px;
	font-size:26px;
	_font-weight:700;
	font-weight:bold;
	line-height:1.4em;
	color:#162f80;
	letter-spacing:-0.05em;
}
.outlineBox .left p{

}
.outlineBox .right{
	position:relative;
	width:300px;
	margin-top:50px;
	float:right;
}
.outlineBox .right .fukidashi{
	position:absolute;
	top:-120px;
	right:-80px;
}
.outlineBox .right .bus{
	position:absolute;
	top:0;
	left:0;
}
.outlineBox .right .photo{
	position:absolute;
	top:70px;
	right:-30px;
	z-index:0;
}
/*4*/
.outlineBoxSita{
	margin:30px auto 0;
}
.outlineBoxSita ul{
	display:table;
	margin:0 auto 0;
	border-collapse:separate;
	border-spacing:30px 0;
}
.outlineBoxSita ul li{
	display:table-cell;
	width:240px;
	height:240px;
}
.outlineBoxSita ul li a{
	position:relative;
	display:block;
	width:240px;
	height:240px;
	background:#fff6d4;
	border:solid 5px #162f80;
	border-radius:230px;
	overflow:hidden;
}
.outlineBoxSita ul li a p{
	position: absolute;
	width:238px;
	height:238px;
	padding-top:46px;
	font-size:18px;
	_font-weight:700;
	font-weight:bold;
	line-height:1.35em;
	color:#162f80;
}
.outlineBoxSita ul li a b{
	display:block;
	padding-top:6px;
	font-size:12px;
	line-height:1.2em;
	font-weight:400;
}
.outlineBoxSita ul li a span{
	display:block;
	position: absolute;
	z-index:0;
	top: 0;
	left:0;
	margin:0;
	width:240px;
	height:240px;
	background:#162f80;
	opacity: 1;
	transform: translateY(100%);
}
.outlineBoxSita ul li a::before{
	position: absolute;
	content: "";
	display:block;
	bottom: 10px;
	left:0;
	right:0;
	margin: auto;
	width: 46px;
	height: 46px;
	background:#162f80;
	border-radius:46px;
}
.outlineBoxSita ul li a::after{
	position: absolute;
	content: "";
	bottom:26px;
	left:0;
	right:0;
	margin: auto;
	width: 18px;
	height: 18px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/*アニメーション-----------*/
.outlineBoxSita ul li a:hover p{
	animation:btnSlideinTxt;
	animation-duration: 1.4s;
	animation-timing-function: ease;
}
.outlineBoxSita ul li a:hover span{
	animation:btnSlidein;
	animation-duration: 1.4s;
	animation-timing-function: ease;
}
/*背景スライド*/
@keyframes btnSlidein{
	from{
		opacity:0;
		transform: translateY(100%);
	}
	70%{
		opacity:1;
		transform: translateY(0);
	}
	to{
		opacity:1;
		transform: translateY(-100%);
	}
}
/*テキスト*/
@keyframes btnSlideinTxt{
	from{
		color:#162f80;
	}
	70%{
		color:#fff;
	}
	to{
		color:#162f80;
	}
}

/*ボタン----------------------------------------------------------------------*/
.indexWrapper{
	position:relative;
	width:100%;
	background:none;
}
.guidebookBox{
	position:absolute;
	width:255px;
	height:255px;
	top:-147px;
	left:0;
	right:0;
	margin:0 auto;
	border-radius:255px;
	background:#fff;
	z-index:5;
}
.guidebookBox .maru{
	display:block;
	width:170px;
	height:170px;
	margin:43px auto 0;
	padding-top:32px;
	font-size:18px;
	_font-weight:700;
	font-weight:bold;
	color:#fff;
	line-height:1.35em;
	border-radius:170px;
	background:#c04939;
	background:#c04939 url(/images/top/download.png) center 116px no-repeat;
	background-size:37px auto;
}
.guidebookBox img{
	position:absolute;
	top:10px;
	right:-136px;
}
/**/
.indexWrapper .inner{
	display:table;
	width:100%;
	height:25vw;
	min-height:355px;
	border-collapse:collapse;
}
.indexWrapper .inner .innerBox{
	position:relative;
	display:table-cell;
	width:50%;
	height:25vw;
	min-height:355px;
	vertical-align:middle;
	color:#fff;
	background:#000;
}
.innerTxt{
	position:absolute;
	_top: 50%;/*ie11バグるので*/
	top: 12vw;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index:2;
}
.indexWrapper .inner .innerBox:link,
.indexWrapper .inner .innerBox:visited,
.indexWrapper .inner .innerBox:hover{
	color:#fff;
}
.indexWrapper .inner .innerBox h2{
	display:inline;
	font-size:26px;
	line-height:1.6em;
	_font-weight:700;
	font-weight:bold;
	border-bottom:dotted 1px #fff;
}
.indexWrapper .inner .innerBox.riyo{
	
}
.backLayer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	opacity:0.9;
	pointer-events: none;
}
.riyo .backLayer{
	background:url(/images/top/riyo_back_color.jpg);
}
.innerBox.konyu{
	
}
.konyu .backLayer{
	background:url(/images/top/konyu_back_color.jpg);
}
.indexWrapper .inner .innerBox p{
	margin-top:12px;
	margin-bottom:2vw;
}
.icon{
	position:absolute;
	width:142px;
	height:142px;
	border:solid 2px #fff;
	border-radius:142px;
	z-index:2;
	pointer-events: none;
}
.indexWrapper .inner .innerBox.riyo .icon{
	_top:26%;/*ie11バグるので*/
	top:7vw;
	right:70px;
	background:url(/images/nav/icon_riyo.png) center center no-repeat;
	background-size:38px auto;
}
.indexWrapper .inner .innerBox.konyu .icon{
	_top:26%;/*ie11バグるので*/
	top:7vw;
	left:70px;
	background:url(/images/nav/icon_konyu.png) center center no-repeat;
	background-size:34px auto;
}
/*ie用に高さ明示追記*/
.backLayer,
.rollOverTransBox,
.rollOverTransInner{
	height:25vw;
	min-height:355px;
}
/*予約*/
.yoyakuWrapper{
	position: relative;
	margin-top:-4.2vw;
	width:100%;
	min-width:1192px;
	height:947px;
	pointer-events:none;
}
.kirinuki{
	position:absolute;
	top:-136px;
	left:0;
	right:0;
	z-index:3;
	pointer-events:none;
	_margin:0 0 0 -130px;
	margin:0 auto;
}
.yoyaku{
	position: relative;
	overflow: hidden;
	width:100%;
	min-width:1192px;
	height:947px;
	_pointer-events:none;
}
.yoyaku .innerBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	min-width:1192px;
	height:950px;
	margin: 1.3vw 0% 0 -10%;
	-webkit-transform: rotate(-1.5deg);
	-ms-transform: rotate(-1.5deg);
	transform: rotate(-1.5deg);
	z-index: 1;
	background:#fce8e5;
	border-top:solid 3px #fff;
	pointer-events:auto;
}
.yoyaku a{
	position:absolute;
	display:block;
	top:88px;
	left:0;
	right:0;
	width:646px;
	height:110px;
	margin:0px auto 0;
	border:solid 3px #fff;
	border-radius:6px;
	background:#c04939 url(/images/nav/icon_yoyaku.png) 80px center no-repeat;
	background-size:92px auto;
	z-index:2;
	pointer-events:auto;
	_box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.yoyaku a div{
	margin:18px 0 0 190px;
	text-align:left;
}
.yoyaku a h2{
	font-size:26px;
	line-height:1.6em;
	_font-weight:700;
	font-weight:bold;
	color:#fff;
	border:none;
}
.yoyaku a p{
	margin-top:0px;
	color:#fff;
}
/*
都市間路線図（高速バスなど）-路線ページから移動
----------------------------------------------------------------------*/
.zuWrapper{
	
}
.mapBox{
	position:relative;
	width:512px;
	margin:240px auto 0;
	z-index:2;
}
.mapBox .houdai{
	position:absolute;
	top:10px;
	left:-110px;
}
.mapBox .p01{
	position:absolute;
	top:240px;
	right:-180px;
	transform: rotate(-5deg);
}
.mapBox .p02{
	position:absolute;
	top:355px;
	right:-160px;
	transform: rotate(3deg);
}
.mapBox .p03{
	position:absolute;
	top:470px;
	right:-200px;
	transform: rotate(-9deg);
}
/*路線*/
.rosenWrapper{
	position: relative;
	width:100%;
	min-width:1192px;
	height:20vw;
	min-height:275px;
}
.rosenWrapper .mapImg{
	position:absolute;
	left:50%;
	top:0%;
	width:auto;
	height:105%;
	margin-left:-33%;
	z-index:2;
	_pointer-events: none;
}
.rosen{
	position: relative;
	overflow: hidden;
	width:100%;
	min-width:1192px;
	height:20vw;
	min-height:275px;
	background:#fce8e5;
}
.rosen .innerBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	min-width:1192px;
	height:20vw;
	min-height:275px;
	margin: 1.3vw 0% 0 -10%;
	-webkit-transform: rotate(1.5deg);
	-ms-transform: rotate(1.5deg);
	transform: rotate(1.5deg);
	z-index: 1;
	background:#f8d8a5;
	border-top:solid 3px #fff;
	overflow:hidden;
}
.rosen .innerBox .inner{
	margin-top:-1.3vw;
	-webkit-transform: rotate(-1.5deg);
	-ms-transform: rotate(-1.5deg);
	transform: rotate(-1.5deg);
}
.rosen .icon{
	position:relative;
	width:142px;
	height:142px;
	margin:6.5% auto 0;
	border:solid 2px #fff;
	border-radius:142px;
	background:url(/images/nav/icon_rosen.png) center center no-repeat;
	background-size:50px auto;
	pointer-events: none;
}
.rosen .txtBox{
	position:absolute;
	left:50%;
	top:37%;
	margin-left:100px;
	text-align:left;
	z-index:2;
	pointer-events: none;
	color:#fff;
}
.rosen .txtBox h2{
	display:inline;
	font-size:26px;
	line-height:1.6em;
	_font-weight:700;
	font-weight:bold;
	color:#fff;
	border-bottom:dotted 1px #fff;
}
.rosen .txtBox p{
	margin-top:12px;
	margin-bottom:2vw;
}
.rosen .backLayer{
	opacity:0.80;
	background:url(/images/top/rosen_back_color.jpg);
}

/*インスタ----------------------------------------------------------------------*/
.instaWrapper{

}
.instaWrapper h2{
	margin-top:60px;
	padding-top:66px;
	font-size:26px;
	_font-weight:700;
	font-weight:bold;
	color:#162f80;
	letter-spacing:-0.05em;
	background:url(/images/top/insta_title.png) center top no-repeat;
	background-size:54px auto;
}
.instaWrapper .instaBtn{
	position:relative;
	display:block;
	width:59px;
	height:59px;
	margin:26px auto 30px;
	background:url(/images/top/insta_icon.png) center center no-repeat;
	background-size:59px auto;
}
.instaWrapper .instaBtn::after{
	position: absolute;
	content: "貼文時，要加 #sunqpass 哦！";
	top:16px;
	left:70px;
	width: 300px;
	height:auto;
	text-align:left;
	color:#162f80;
}
.instaWrapper .instaPBox{
	margin:0 auto;
}
.instaWrapper .instaPBox .instaTr{
	width:1132px;
	margin:0px auto;
	padding-left:16px;
}
.instaWrapper .instaPBox .instaTr div{
	width:170px;
	height:118px;
	float:left;
	margin-right:16px;
	margin-bottom:16px;
}


/*下ボタン----------------------------------------------------------------------*/
.sitaBtnWrapper{
	display:table;
	width:100%;
	margin-top:80px;
	border-collapse:collapse;
}
.sitaBtnWrapper a{
	position:relative;
	display:table-cell;
	width:33.4%;
	height:15vw;
	padding-top:5.5vw;
}
.sitaBtnWrapper a h2{
	color:#fff;
	font-size:26px;
	_font-weight:700;
	font-weight:bold;
}
.sitaBtnWrapper a p{
	margin-top:26px;
	color:#fff;
	font-weight:400;
}
/*背景*/
.sitaBtnWrapper a:before{
	position:absolute;
	display: block;
	content: "";
	width: 100%;
	height:15vw;
	top:0;
	left:0;
	z-index:-1;
}
.sitaBtnWrapper a:nth-child(1)::before{
	opacity:0.8;
	background:url(/images/top/konyu_back_color.jpg);
	transition: all 0.5s;
}
.sitaBtnWrapper a:nth-child(2)::before{
	opacity:0.8;
	background:url(/images/top/rosen_back_color.jpg);
	transition: all 0.5s;
}
.sitaBtnWrapper a:nth-child(3)::before{
	opacity:0.8;
	background:url(/images/top/riyo_back_color.jpg);
	transition: all 0.5s;
}
.sitaBtnWrapper a:nth-child(1):hover::before{
	opacity:1;
	background:url(/images/top/konyu_back_color.jpg);
}
.sitaBtnWrapper a:nth-child(2):hover::before{
	opacity:1;
	background:url(/images/top/rosen_back_color.jpg);
}
.sitaBtnWrapper a:nth-child(3):hover::before{
	opacity:1;
	background:url(/images/top/riyo_back_color.jpg);
}
/*ライン*/
.sitaBtnWrapper a::after {
	display: block;
	content: "";
	width: 8%;
	height: 2px;
	background-color: #fff;
	margin: -2.5em auto 0;
	transition: .25s ease-out;
	-webkit-transition: .25s ease-out;
	-moz-transition: .25s ease-out;
	-o-transition: .25s ease-out;
	-ms-transition: .25s ease-out;
}
.sitaBtnWrapper a:hover::after {
	width: 100%;
}

/*news----------------------------------------------------------------------*/
.newsWrapper{
	width:100%;
	padding:50px 0 60px;
	background:#fbe3df url(/images/top/news_back.gif);
}
.newsWrapper h2{
	position:relative;
	display:inline;
	font-size:26px;
	_font-weight:700;
	font-weight:bold;
	color:#162f80;
	letter-spacing:0em;
}
.newsWrapper h2 a{
	position:absolute;
	display:inline;
	width:10em;
	left:16em;
	font-size:14px;
	font-weight:400;
	color:#162f80;
	letter-spacing:-0.05em;
	line-height:1.6em;
	border-bottom:dotted 1px #162f80;
}
.newsWrapper .kijiWrapper{
	width:818px;
	margin:30px auto 0;
	padding:20px 40px;
	background:#fff;
	border:solid 2px #f6d7d1;
	border-radius:10px;
}
.newsWrapper .kijiWrapper table{
	width:auto;
	margin:0px auto;
}
.newsWrapper .kijiWrapper table th{
	padding:5px 16px 5px 0;
	text-align:left;
	vertical-align:top;
	color:#162f80;
}
.newsWrapper .kijiWrapper table td{
	padding:5px 0 5px 0;
	text-align:left;
	vertical-align:top;
	color:#444;
}
.newsWrapper .kijiWrapper table td a{
	color:#444;
}
.newsWrapper .kijiWrapper table td a:hover{
	color:#444;
	text-decoration:underline;
}

/*下の画像----------------------------------------------------------------------*/
.sitaImgWrapper{
	padding:30px 0;
}
/**/
.telWrapper{
	margin-top:0px;
}


















/*responsive*/
.img100per{
	width:100%;
	height: auto;
}
.img-sp100per{
}
.img-max100per{
	display: block;
	max-width: 100%;
	height: auto;
}
/*############################################*/
/*  */
/*############################################*/
.sp{
	display:none;
}
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {
	.scroll_position{
		margin-top:0px;
		padding-top:0px;
	}
	body{
		font-size:14px;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.img100per{
		width:100%;
		height: auto;
	}
	.img-sp100per{
		width:100%;
		height: auto;
	}
	.img-max100per{
		display: block;
		max-width: 100%;
		height: auto;
	}

	/*main----------------------------------------------------------------------*/
	.mainpWrapper{
		display:none;
	}
	.sliderSp{
		display:block;
		margin-top:10px;
	}
	.slick-slide img {
		width: 100%;
		height:auto;
	}
	/**/
	.slick-prev:before,
	.slick-next:before {
		color: black;
	}
	.slick-slide {
		transition: all ease-in-out .3s;
	}
	.slick-prev {
		display:none!important;
	}
	.slick-next{
		display:none!important;
	}
	.slick-prev, .slick-next{
		width:50px;
		height:50px;
		top:45%;
	}
	.slick-dots {
		bottom:-30px;
	}
	.slick-dots li button::before {
		font-family: 'slick';
		font-size: 20px;
		line-height: 20px;
		width: 20px;
		height: 20px;
		opacity: .8;
		color:#999;
	}
	.slick-dots li.slick-active button::before {
		opacity: 1;
		color:#162f80;
	}
	.slick-list{
		width:100%;
	}

	/*概要----------------------------------------------------------------------*/
	.outlineWrapper{
		width:100%;
		margin-top:0;
		padding-top:30px;
		padding-bottom:0px;
		background:none;
	}
	.outlineBox{
		width:100%;
		margin:0 auto 0;
	}
	.outlineBox .left{
		width:100%;
		float:none;
		text-align:left;
	}
	.outlineBox .left h2{
		width:94%;
		margin:0 auto;
		padding-bottom:30px;
		font-size:26px;
		_font-weight:900;
		font-weight:bold;
		line-height:1.4em;
		letter-spacing:-0.05em;
	}
	.outlineBox .left p{
		width:94%;
		margin:0 auto;
	}
	.outlineBox .right{
		position:relative;
		width:100%;
		margin:0;
		padding:140px 0 0 0;
		float:none;
	}
	.outlineBox .right .fukidashi{
		position:absolute;
		top:20px;
		right:10px;
	}
	.outlineBox .right .bus{
		position:static;
		margin-left:-50px;
	}
	.outlineBox .right .photo{
		display:none;
	}
	/*4*/
	.outlineBoxSita{
		margin:30px auto 0;
	}
	.outlineBoxSita ul{
		display:block;
		margin:0 auto 0;
	}
	.outlineBoxSita ul li{
		display:block;
		width:94%;
		height:auto;
		margin:0 auto;
	}
	.outlineBoxSita ul li a{
		position:relative;
		display:block;
		width:100%;
		height:auto;
		margin:0 0 22px 0;
		border:solid 3px #162f80;
		border-radius:10px;
		overflow:visible;
	}
	.outlineBoxSita ul li a p{
		position:static;
		width:100%;
		height:auto;
		padding:14px 10px 24px;
		font-size:18px;
		_font-weight:900;
		font-weight:bold;
		line-height:1.35em;
	}
	.outlineBoxSita ul li a p br{
		display:none;
	}
	.outlineBoxSita ul li a b{
		display:block;
		padding-top:6px;
		font-size:12px;
		line-height:1.2em;
		font-weight:400;
	}
	.outlineBoxSita ul li a span{
		display:none;
	}
	.outlineBoxSita ul li a::before{
		bottom:-18px;
		width: 36px;
		height: 36px;
	}
	.outlineBoxSita ul li a::after{
		bottom:-5px;
		width: 15px;
		height: 15px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	/*アニメーション-----------*/
	.outlineBoxSita ul li a:hover p{
		animation:none;
	}
	.outlineBoxSita ul li a:hover span{
		animation:none;
	}

	/*ボタン----------------------------------------------------------------------*/
	.indexWrapper{
		position:relative;
		width:100%;
		margin-top:40px;
		background:none;
	}
	.guidebookBox{
		position:static;
		width:170px;
		height:170px;
		border-radius:255px;
	}
	.guidebookBox .maru{
		display:block;
		margin:0px auto 0;
	}
	.guidebookBox img{
		position:absolute;
		top:10px;
		right:0px;
		width:150px;
		z-index:-1;
	}
	/**/
	.indexWrapper .inner{
		display:block;
		width:100%;
		height:auto;
		min-height:auto;
		margin-top:30px;
	}
	.indexWrapper .inner .innerBox{
		position:relative;
		display:block;
		width:100%;
		height:220px;
		min-height:220px;
		vertical-align:middle;
		color:#fff;
		background:#000;
		overflow:hidden;
		border-bottom:solid 3px #fff;
	}
	.indexWrapper .inner .innerBox .innerTxt{
		position:absolute;
		top:0;
		left:5vw;
		width:50vw;
		padding:40px 0 0;
		transform: translate(0, 0);
		pointer-events: none;
		z-index:2;
		text-align:center;
	}
	.indexWrapper .inner .innerBox.konyu .innerTxt{
		top:0;
		right:5vw;
		left:auto;
	}
	.indexWrapper .inner .innerBox:link,
	.indexWrapper .inner .innerBox:visited,
	.indexWrapper .inner .innerBox:hover{
		color:#fff;
	}
	.indexWrapper .inner .innerBox h2{
		display:inline;
		font-size:26px;
		line-height:1.6em;
		_font-weight:900;
		font-weight:bold;
		border-bottom:dotted 1px #fff;
	}
	.backLayer{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:220px;
		z-index:1;
		opacity:0.9;
		pointer-events: none;
	}
	.riyo .backLayer{
		background:url(/images/top/riyo_back_color.jpg);
	}
	.indexWrapper .inner .innerBox.konyu .innerTxt p{
		
	}
	.konyu .backLayer{
		background:url(/images/top/konyu_back_color.jpg);height:220px;
	}
	.indexWrapper .inner .innerBox p{
		margin-top:12px;
		margin-bottom:2vw;
	}
	.icon{
		position:absolute;
		width:142px;
		height:142px;
		border:solid 2px #fff;
		border-radius:142px;
		z-index:2;
		pointer-events: none;
	}
	.indexWrapper .inner .innerBox.riyo .icon{
		top:35px;
		right:2vw;
	}
	.indexWrapper .inner .innerBox.konyu .icon{
		top:35px;
		left:2vw;
	}
	/*ie用に高さ明示追記*/
	.backLayer,
	.rollOverTransBox,
	.rollOverTransInner{
		height:220px;
		min-height:auto;
	}
	/*予約*/
	.yoyakuWrapper{
		position: relative;
		margin-top:0;
		width:100%;
		min-width:100%;
		height:auto;
		background: #fce8e5;
	}
	.kirinuki{
		display:none;
	}
	.yoyaku{
		position: relative;
		overflow: hidden;
		width:100%;
		min-width:100%;
		height:auto;
		padding:20px 0;
	}
	.yoyaku .innerBox{
		display:none;
	}
	.yoyaku a{
		position:static;
		display:block;
		width:94%;
		height:auto;
		margin:0px auto;
		border-radius:16px;
		background:#c04939 url(/images/nav/icon_yoyaku.png) center 20px no-repeat;
		background-size:92px auto;
	}
	.yoyaku a div{
		margin:80px 0 30px 0px;
		text-align:center;
	}
	.yoyaku a h2{
	}
	.yoyaku a p{
	}
/*
都市間路線図（高速バスなど）-路線ページから移動
----------------------------------------------------------------------*/
	.mapBox{
		position:relative;
		width:94%;
		margin:40px auto 0;
	}
	.mapBox img{
		width:100%;
		height:auto;
	}
	.mapBox .houdai{
		position:absolute;
		top:-15px;
		left:-5px;
		width:25vw;
	}
	.mapBox .p01,
	.mapBox .p02,
	.mapBox .p03{
		display:none;
	}
	/*路線*/
	.rosenWrapper{
		position: relative;
		width:100%;
		min-width:100%;
		height:auto;
		min-height:auto;
	}
	.rosenWrapper .mapImg{
		display:none;
	}
	.rosen{
		position: relative;
		overflow: hidden;
		width:100%;
		min-width:100%;
		height:220px;
		min-height:220px;
		background:#fce8e5;
	}
	.rosen .innerBox{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-width:auto;
		height:100%;
		min-height:100%;
		margin:0;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	.rosen .innerBox .inner{
		margin-top:0;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	.rosen .icon{
		margin:0;
		position:absolute;
		width:142px;
		height:142px;
		border:solid 2px #fff;
		border-radius:142px;
		z-index:2;
		pointer-events: none;
			top:35px;
		right:2vw;
	}
	.rosen .txtBox{
		position:absolute;
		top:0;
		left:5vw;
		width:50vw;
		margin:0;
		padding:40px 0 0;
		transform: translate(0, 0);
		pointer-events: none;
		z-index:2;
		text-align:center;
	}
	.rosen .txtBox h2{
		_font-weight:900;
		font-weight:bold;
	}
	.rosen .txtBox p{
	}
	.rosen .txtBox p br{
		display:none;
	}
	.rosen .backLayer{
	}

	/*インスタ----------------------------------------------------------------------*/
	.instaWrapper{
	}
	.instaWrapper h2{
		width:94%;
		margin:40px auto 0;
		padding-top:60px;
		font-size:26px;
		_font-weight:900;
		font-weight:bold;
		color:#162f80;
		letter-spacing:-0.05em;
		line-height:1.4em;
		background:url(/images/top/insta_title.png) center top no-repeat;
		background-size:54px auto;
	}
	.instaWrapper .instaBtn{
		position:relative;
		display:block;
		width:59px;
		height:59px;
		margin:18px auto 50px;
		background:url(/images/top/insta_icon.png) center center no-repeat;
		background-size:59px auto;
	}
	.instaWrapper .instaBtn::after{
		position: absolute;
		display:block;
		content: "貼文時，要加 #sunqpass 哦！";
		top:auto;
		bottom:-30px;
		left:-115px;
		width: 300px;
		height:auto;
		text-align:center;
		color:#162f80;
	}
	.instaWrapper .instaPBox{
		width:100%;
		margin:0 auto;
	}
	.instaWrapper .instaPBox .instaTr{
		width:100%;
		margin:0px auto;
		padding:0;
	}
	.instaWrapper .instaPBox .instaTr div{
		width:33.3%;
		height:auto;
		margin:0;
		float:left;
	}
	.instaWrapper .instaPBox .instaTr div img{
		width:100%;
		height:auto;
	}

	/*下ボタン----------------------------------------------------------------------*/
	.sitaBtnWrapper{
		display:block;
		width:100%;
		margin-top:0px;
		border-collapse:collapse;
	}
	.sitaBtnWrapper a{
		position:relative;
		display:block;
		width:100%;
		height:120px;
		padding-top:26px;
		overflow:hidden;
	}
	.sitaBtnWrapper a h2{
		color:#fff;
		font-size:26px;
		_font-weight:900;
		font-weight:bold;
	}
	.sitaBtnWrapper a p{
		margin-top:26px;
		color:#fff;
		font-weight:400;
	}
	/*背景*/
	.sitaBtnWrapper a:before{
		width: 100%;
		height:220px;
	}
	.sitaBtnWrapper a:nth-child(1)::before{
		transition: none;
	}
	.sitaBtnWrapper a:nth-child(2)::before{
		transition: none;
	}
	.sitaBtnWrapper a:nth-child(3)::before{
		transition: none;
	}
	.sitaBtnWrapper a:nth-child(1):hover::before{
		opacity:0.8;
	}
	.sitaBtnWrapper a:nth-child(2):hover::before{
		opacity:0.8;
	}
	.sitaBtnWrapper a:nth-child(3):hover::before{
		opacity:0.8;
	}
	/*ライン*/
	.sitaBtnWrapper a::after {
		display: block;
		content: "";
		width: 8%;
		height: 2px;
		background-color: #fff;
		margin: -2.5em auto 0;
		transition: none;
		-webkit-transition:  none;
		-moz-transition:  none;
		-o-transition:  none;
		-ms-transition:  none;
	}
	.sitaBtnWrapper a:hover::after {
		width: 8%;
	}

	/*news----------------------------------------------------------------------*/
	.newsWrapper{
		width:100%;
		padding:40px 0 50px;
	}
	.newsWrapper h2{
		_font-weight:900;
		font-weight:bold;
	}
	.newsWrapper h2 a{
		position:static;
		display:block;
		width:10em;
		left:16em;
		margin:6px auto 0;
		font-size:14px;
		font-weight:400;
		color:#162f80;
		letter-spacing:-0.05em;
		line-height:1.6em;
		border-bottom:dotted 1px #162f80;
	}
	.newsWrapper .kijiWrapper{
		width:94%;
		margin:26px auto 0;
		padding:10px 20px;
		background:#fff;
		border:solid 2px #f6d7d1;
		border-radius:10px;
	}
	.newsWrapper .kijiWrapper table{
		width:auto;
		margin:0px auto;
	}
	.newsWrapper .kijiWrapper table th{
		display:block;
		padding:5px 0px 0px 0;
		text-align:left;
		_font-weight:900;
		font-weight:bold;
		vertical-align:top;
		color:#162f80;
	}
	.newsWrapper .kijiWrapper table td{
		display:block;
		padding:2px 0 5px 0;
		text-align:left;
		vertical-align:top;
	}
	.newsWrapper .kijiWrapper table td a{
	}
	.newsWrapper .kijiWrapper table td a:hover{
	}

	/*下の画像----------------------------------------------------------------------*/
	.sitaImgWrapper{
		display:none;
	}





} /* /@media */