@charset "UTF-8";

/* メイン：ページタイトルイメージ
----------------------------------------------------*/
#main{
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-flex-pack: justify;
	-moz-flex-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	margin: 30px 0;
}
#main h2{
	position: relative;
	margin-bottom: 30px;
}
/*
#main h2 p#catchcopy{
	position: absolute;
	right: 30px;
	bottom: 30px;
	text-align: right;
	font-size: 184%;
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
}
*/

/* メイン：コンテンツ
----------------------------------------------------*/
#main #point,
#main #busroute{ width: 460px; }
#point h3,
#busroute h3{
	margin-bottom: 3px;
	padding: 5px 10px 3px 24px;
	text-indent: -16px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFF;
	background: #946134;
	border-bottom: 3px solid #C4A78F;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#point #tourpoint,
#point #bus3seat,
#point #busrlx{ margin-bottom: 20px; }
#point span{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #4D2802;
}
#point #bus3seat img{
	width: 100%;
}
#point span.caption{
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: normal;
	color: #333;
}
#point #tourpoint h3{
	position: relative;
	z-index: 100;
}
#tourpoint h3 img{
	position: absolute;
	top: -22px;
	left: 145px;
}
#tourpoint ol{
	padding: 0 10px;
	counter-reset: number;
}
#tourpoint ol li{ margin-bottom: 3px; }
#tourpoint ol li:before{
	content: counter(number);
	counter-increment: number;
	display: inline-block;
	margin-right: 3px;
	width: 1.4em;
	height: 1.4em;
	text-align: center;
	color: #FFF;
	background: #6A3906;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#point #bus3seat dl{
	position: relative;
	background: url(../_common/bus_img00.jpg) no-repeat right 0;
}
#bus3seat dl dt,
#bus3seat dl dd{ padding-left: 165px; }
#bus3seat dl dt{ font-weight: bold; }
#bus3seat dl dt img{ margin-bottom: 5px; }
#bus3seat dl dd#image{
	padding-left: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#point #busrlx ul{
	float: left;
	width: 295px;
	margin-bottom: 0;
}
#busrlx img.seat{ float: right; }
#busrlx p.notice span{
	float: left;
	width: 375px;
}
#busrlx p.notice img{ float: right; }
#point dl#advice{
	background: url(../_common/advice_bg.jpg);
	padding: 10px 15px;
}
dl#advice dt{
	padding-bottom: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.0;
	color: #4D2802;
	letter-spacing: 0.12em;
	text-align: center;
	border-bottom: 1px dotted #4E2903;
}
dl#advice dd{
	padding: 5px 0 10px 0;
	background: url(../images/advice_imgbg02.png) no-repeat right bottom;
}
dl#advice dd#illust{
	padding-bottom: 0;
	width: 45px;
	float: left;
	background: none;
}
dl#advice dd img{
	padding: 10px 4px 0 0;
	vertical-align: bottom;
}

/* 運行ルート
----------------------------------------------------*/
#busroute{ margin-bottom: 30px; }
#busroute p#busline{
	margin-bottom: 20px;
	float: none;
	padding: 0;
	display: block;
	text-align: right;
	border: none;
}
dl#busline{ margin-bottom: 20px; }
dl#busline dt{
	float: left;
	width: 135px;
	font-size: 117%;
	font-weight: bold;
	color: #6A3906;
}
dl#line dd{ float: right; }

#busroute #businfo h4{
	font-size: 117%;
	font-weight: bold;
	color: #6A3906;
}
#busdep dl{
	width: 31%;
	float: left;
	margin: 0 3% 10px 0;
	padding: 1px;
	border: 1px solid #64B1ED;
}
#busdep dl:nth-of-type(3n){ margin-right: 0; }
#busdep dl:nth-of-type(10),
#busdep dl:nth-of-type(11),
#busdep dl:nth-of-type(12){ margin-bottom: 5px; }
#busdep dl a{ color: #FFF; }
#busdep dl dt{
	padding: 2px 3px;
	background: #64B1ED;
	font-size: 117%;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.5em;
}
#busdep dl dd{
	padding: 2px 3px 2px 20px;
	color: #FFF;
	border-top: 1px solid #FFF;
}
#busdep dl dd span{ font-size: 84%; }
#busdep dl dd.day{ background: #F29600 url(../images/route_mark01.jpg) no-repeat 2px center; }
#busdep dl dd.night{ background: #1D2087 url(../images/route_mark02.jpg) no-repeat 2px center; }
#busdep dl.bit{ border: 1px solid #9AD132; }
#busdep dl.bit dt{ background: #9AD132; }
#busdep dl#lim{
	border: none;
	padding: 2px;
}
#busdep dl#lim dt{ letter-spacing: 0; }
#busdep dl#lim dd{
	padding: 0;
	font-size: 84%;
	color: #333;
	text-align: left;
}
#busroute p{
	float: right;
	padding: 5px 10px;
	display: inline-block;
	font-size: 84%;
	text-align: right;
	border: 1px solid #D4C0AE;
}
#busroute p.bnn{
	float: none;
	margin-bottom: 10px;
	padding: 0;
	display: inline-block;
	font-size: 100%;
	text-align: center;
	border: none;
}

/* プラン
----------------------------------------------------*/
#plan{ margin: 30px 0; }
#plan h3{
	width: 100%;
	height: 46px;
	margin-bottom: 10px;
	padding-top: 5px;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: url(../images/plan_titlebg.png) no-repeat;
}
#plan ul{
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	border-radius: 5px;
}
#plan ul li{
	width: 32%;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	color: #4D2802;
	text-decoration: none;
	background: #946134;
	border-radius: 5px;
}
#plan ul li:nth-child(3n+2){ margin: 0 2% 20px; }
#plan ul li:nth-child(n+4){ margin-bottom: 0; }
#plan ul li span{
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	border-radius: 3px;
}
#plan ul li span.day,
#plan ul li span.ngt{
	margin: 0 40px 5px;
	padding: 3px 5px;
}
#plan ul li a{
	display: block;
	height: 100%;
	width: 100%;
	padding: 10px;
	color: #000;
	background: #FFF;
	text-decoration: none;
	border-radius: 5px;
}
#plan ul li a:hover{
	color: #946134;
	background: #FFFFCC;
}

@media screen and (min-width:600px) and (max-width:960px){
	#plan h3{ background-position: center; }
	#plan ul li{ width: 32%; }
	#tourpoint ol{
		background: #FFF;
		padding: 10px;
	}

}

@media screen and (min-width:480px) and (max-width:600px){
	#plan h3{ background-position: center; }
	#plan ul li{ width: 48%; }
	#plan ul li{ margin-bottom: 20px !important; }
	#plan ul li:nth-last-child(-n+2){ margin-bottom: 0 !important; }
	#tourpoint ol,
	p.leadcopy,
	#point #bus3seat dl,
	#busrlx .clearBox,
	#busroute p#busline,
	#busroute #busdep{
	 	background: #FFF;
	 	padding: 10px;
	}
	#bus3seat dl dd#image{
	 	top: 10px;
	 	left: 10px;
	}
	#busroute p#busline{ margin-bottom: 0; }
	#busdep dl{ width: 31%; }
}
@media screen and (max-width:480px){
	#plan h3{ background-position: center; }
	#plan ul li{ width: 100%; }
	#plan ul li{ margin: 0 0 20px 0 !important; }
	#plan ul li:last-of-type{ margin-bottom: 0 !important; }
	#tourpoint ol,
	p.leadcopy,
	#point #bus3seat dl,
	#busrlx .clearBox,
	#busroute p#busline,
	#busroute #busdep{
	 	background: #FFF;
	 	padding: 10px;
	}
	#bus3seat dl dt,
	#bus3seat dl dd{ padding-left: 0; }
	#bus3seat dl dd#image{
		position: relative;
		padding-top: 10px;
	}
	#point #busrlx ul{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	dl#advice dd{ padding-bottom: 30px; }
	#busroute p#busline{ margin-bottom: 0; }
	#busroute p#busline img{ width: 100%; }
	#busdep dl{ margin-right: 3% !important; }
	#busdep dl:nth-of-type(2n){ margin-right: 0 !important; }
	#busdep dl{ width: 48%; }


}