@charset "utf-8";

/*
	Theme Name: fujikyu-shizuokabus
	Description: 富士急静岡バス株式会社
*/

@import url("css/reset.css");
@import url("css/responsive.gs.12col.css");

/* IMPORT WEBFONT */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);


/*	EXAMPLE STYLES */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size:62.5%;
	}
body {
	background-color: #EEF0E8;
	-webkit-text-size-adjust: 100%;
	font-family:'\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic Pro', '\30e1\30a4\30ea\30aa', Meiryo, '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af ', sans-serif;
	line-height: 1.8em;
	font-size:14px;
	font-size:1.4rem;
	color: #333;
	}

img {
	max-width: 100%;
	height: auto;
	}

a {
	color: #8A7B57;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}


#no_script,
#regacy {
	display:block;
	background-color:#FFCCCC;
	color:#CC0000;
	font-weight:bold;
	clear:both;
	text-align:center;
	line-height:130%;
	padding:10px 0;
}

.clearfix {zoom:1;}
	.clearfix:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html .clearfix { height: 1%; }
.clear { clear: both; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	padding: 6px 4px;
	outline: none;
	border: 1px solid #ddd;
	background: #F0F0F0;
	color: #777;
	font-size: 13px;
	font-family:'\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic Pro', '\30e1\30a4\30ea\30aa', Meiryo, '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af ', sans-serif;
}

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #666666;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(204,204,204,1);
 	-moz-box-shadow: 0 0 3px rgba(204,204,204,1);
	box-shadow:  0 0 3px rgba(204,204,204,1);
 	color: #444;
}

p#sendbtn { text-align: center; }
p#sendbtn input[type="submit"],
p#sendbtn input[type="reset"],
p#sendbtn input[type="button"],
p#sendbtn a {
	display: inline-block;
	margin-bottom: 20px;
	padding: 15px 30px;
	border: 2px solid #DAD2B1;
	background: #F4F5F1;
	color: #736648;
	text-decoration: none;
	font-weight: bold;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
	font-family:'\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic Pro', '\30e1\30a4\30ea\30aa', Meiryo, '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af ', sans-serif;
	-webkit-appearance: none;
	font-size: 16px;
}
	p#sendbtn input[type="submit"]:hover,
	p#sendbtn input[type="reset"]:hover,
	p#sendbtn input[type="button"]:hover,
	p#sendbtn a:hover {
	  	border: 2px solid #91805A;
	}
	p#sendbtn input[type="submit"]:active,
	p#sendbtn input[type="reset"]:active,
	p#sendbtn input[type="button"]:active,
	p#sendbtn a:active {
		position: relative;
		top:1px;
	}


/* ==========================================================

          Comments Area

========================================================== */	
#comment-area h3#comments {margin-bottom: 1em;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		width: 100%;
	}
		.commets-list .avatar{
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}

		/*.comment-meta,
		.reply,
		.comment-notes,
		.form-allowed-tags,
		span.small{
			font-size: 80%;
		}

		.comment-body p{
			clear: both;
		}
		.reply{
			text-align: right;
		}*/

.children{padding-left: 2em;}
#respond{margin-bottom: 0px;}

/*非表示*/
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-allowed-tags,
.comment-author,
.commentmetadata,
span#email-notes,
.comment-form-comment label {
	display: none;
	}

.form-submit .submit {
	display: inline-block;
	margin: 20px 0;
	padding: 10px 30px;
	border: 2px solid #DAD2B1;
	background: #F4F5F1;
	color: #736648;
	text-decoration: none;
	font-weight: bold;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
	font-family:'\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic Pro', '\30e1\30a4\30ea\30aa', Meiryo, '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af ', sans-serif;
	-webkit-appearance: none;
	font-size: 14px;
	}
.form-submit .submit:hover {
	  	border: 2px solid #91805A;
	}


/* ==========================================================
	
	会社概要
	
========================================================== */		
	#company .leadArea h1 {
		background-color: #CCCCCC;
		}
	#company .leadArea .box {
		border: solid 5px #CCCCCC;
		border-top: none;
		padding: 0;
		}
		#company .leadArea .box img {
			width: 100%;
			vertical-align: bottom;
			}



/* ==========================================================
	
	お知らせと取り組みについて
	
========================================================== */		
	#information .leadArea h1 {
		background-color: #CCCCCC;
		}
	#information .leadArea .box {
		border: solid 5px #CCCCCC;
		border-top: none;
		padding: 0;
		}
		#information .leadArea .box img {
			width: 100%;
			vertical-align: bottom;
			}
#information .box {
	border: solid 1px #CCCCCC;
	}
#information .dlbox .box {
	border-top: none;
	border-right: none;
	border-left: none;
	}
#information .box li span {
	display: inline;
	margin-left: 1em;
	}

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

		#information .leadArea h1 img {
			max-width: 80%;
			}

}



/* ==========================================================
	
	ご意見・ご要望・お問合せ
	
========================================================== */		
	#contact .leadArea h1 {
		background-color: #CCCCCC;
		}
	#contact .leadArea .box {
		border: solid 5px #CCCCCC;
		border-top: none;
		}
#contact article .inner {
	margin-bottom: 10px;
	padding-top: 0;
	}
	#contact article .inner h2 {
		margin-top: 10px;
		}
#contact article dl.add {
	border-bottom: solid 1px #CCCCCC;
	}
	#contact article dl.add+.add {
		margin-top: 10px;
		}
	#contact article dl.add dt,
	#contact article .inner h3 {
		border-bottom: dotted 1px #B7A766;
		margin-bottom: 1em;
		padding: 0.6em;
		color: #91805A;
		font-weight: bold;
		}
		#contact article dl.add dt:before,
		#contact article .inner h3:before {
			content: url(img/common/icon_01.png);
			margin-right: 5px;
			position:relative;
			top: 2px;
			}
	#contact article dl.add dd {
		padding: 0.6em;
		border: solid 1px #CCCCCC;
		border-bottom: none;
		}
		#contact article dl.add dd+dd {
			border-top: dotted 1px #CCCCCC;
			}

.ask {
	margin-top: 20px;
	}
.ask table {
	border: solid 1px #CCC;
	width: 100%;
	margin-bottom: 1em;
	}

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

		#contact .leadArea h1 img {
			max-width: 80%;
			}
.ask table {
	border-top: none;
	}
	.ask table th,
	.ask table td{
		display: list-item;
		border: none;
		padding: 0.6em;
		}
	.ask table th{
		list-style-type: none;
		border-top: solid 1px #CCC;
		width: 100%;
		text-align: left;
		background-color: #E3E3E3;
		}
	.ask table td {
		list-style-type: none;
		border-bottom: dotted 1px #CCC;
		}
	.ask table td:last-child {
		border-bottom: none;
		}

input[type="text"],
textarea {
	width: 100%;
	}

}

@media print, screen and ( min-width : 769px ) {

.ask table {
	border-collapse: collapse;
	}
	.ask table th {
		border: dotted 1px #CCC;
		border-right: solid 1px #CCC;
		background-color: #E3E3E3;
		padding: 0.6em;
		white-space: nowrap;
		}
	.ask table td {
		border: dotted 1px #CCC;
		border-right: solid 1px #CCC;
		padding: 0.6em;
		vertical-align: middle;
		}
	
	p.linkBox {
		width: 50%;
		margin: 20px 0;
		}

}



/* ==========================================================
	
	貸切バス
	
========================================================== */
	#kashikiri #osusume dl dt span {
		font-size: 300%;
		line-height: normal;
		display: block;
		text-align: center;
		margin-bottom: 0.2em;
		font-weight: bold;
		font-family: 'Roboto', sans-serif;
		color: #E73717;
		}
	#kashikiri #osusume dl dt {
		font-weight: bold;
		}
	#kashikiri #osusume dl dd {
		font-size: 90%;
		text-align: center;
		padding-bottom: 5%;
		}

	#kashikiri #type dl {
		overflow: hidden;
		border: solid 2px #DAD2B1;
		border-left: solid 8px #DAD2B1;
		margin-bottom: 10px;
		}
		#kashikiri #type dl dt {
			padding: 16px 9px 0px 9px;
			}
		#kashikiri #type dl dd {
			padding: 0 9px 9px;
			font-size: 93%;
			}

@media only screen and ( max-width : 768px ) {
	
#kashikiri #osusume dl {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	}
	#kashikiri #osusume dl dt {
		padding-top: 2%;
		}

}

@media print, screen and ( min-width : 769px ) {

#kashikiri #osusume dl {
	width: 48%;
	float: left;
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	margin-right: 10px;
	padding: 10px 0;
	}
#kashikiri #osusume dl:last-child,
#kashikiri #osusume dl:nth-last-child(2) {
	border-bottom: none;
	}
	#kashikiri #osusume dl dt {
		padding-top: 10px;
		}

}

@media print, screen and ( min-width : 980px ) {

	#kashikiri #type dl {
		width: 32.3%;
		float: left;
		margin-right: 10px;
		}
	#kashikiri #type dl:nth-child(3),
	#kashikiri #type dl:nth-child(6) {
		margin-right: 0;
		}
	#kashikiri #type dl:nth-child(6) dd {
		min-height: 203px;
		}
	
}



/* ==========================================================
	
	乗合バス
		・富士登山バス
		・ひまわりバス
		・宮バス
		・乗車券・定期券･パスモ
	高速バス
	
========================================================== */
#noriai .mainContents,
#kosoku .mainContents {
	padding-top: 3%;
	}

#noriai .lead,
#kosoku article {
	border-bottom: dotted 2px #B7A766;
	padding-bottom: 3%;
	overflow: hidden;
	}
	#noriai .lead h1,
	#kosoku article h1 {
		font-size: 160%;
		font-weight: bold;
		color: #000;
		}

	.linkBox {
		margin-top: 0.2em;
		background-color: #F4F5F1;
		border: solid 2px #DAD2B1;
		border-left: solid 8px #DAD2B1;
		margin-bottom: 10px;
		}
	.linkBox a {
		display: block;
		padding: 3%;
		font-weight: bold;
		color: #63583F;
		text-decoration: none;
		}
		.linkBox a i {
			margin-left: 10px;
			}
		.linkBox:hover {
			border: solid 2px #91805A;
			border-left: solid 8px #91805A;
			}

#bus-terminal {
	margin-bottom: 0 !important;
	}
/*
時刻表一覧リスト
*/
ol.busTimetable {
	counter-reset: number;
	}
ol.busTimetable li {
	border-bottom: dotted 1px #B7A766;
	}
	ol.busTimetable li a {
		display: block;
		padding: 0.5em 2.5em 0.5em 0.5em;
		text-decoration: none;
		position: relative;
		}
	ol.busTimetable li a:hover {
		background-color: #F4F5F1;
		}
		/*右矢印アイコン*/
		ol.busTimetable li a:before{
			display: block;
			content: "";
			position: absolute;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			right: 15px;
			width: 10px;
			height: 10px;
			margin-top: -5px;
			background: #990000;
			}
		ol.busTimetable li a:after{
			display: block;
			content: "";
			position: absolute;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			right: 20px;
			width: 10px;
			height: 10px;
			margin-top: -5px;
			background: #fff;
			}
		ol.busTimetable li a:hover::before {
			background-color: #669900;
			}
		ol.busTimetable li a:hover::after {
			background-color: #F4F5F1;
			}
/*
バス乗り場
*/
dl.noriba {
	margin-top: 1em;
	}
	dl.noriba dt {
		background-color: #DAD2B1;
		color: #6C6044;
		padding: 0.5em;
		}
	dl.noriba dd {
		padding: 0.5em;
		}

/*
ひまわりバス
*/
#himawari .lead {
	border-bottom: none;
	margin-bottom: 20px;
	}
#himawari .point {
	border-top: dotted 2px #D8B225;
	}
#himawari .point dl {
	padding: 3%;
	border-bottom: dotted 2px #D8B225;
	}
	#himawari .point dl dd h2 {
		font-size: 160%;
		font-weight: bold;
		}

/*
宮バス
*/
#miya-bus .lead {
	border-bottom: none;
	margin-bottom: 20px;
	}
#miya-bus .information .inner h2 {
	font-size: 200%;
	font-weight: bold;
	color: #D8B225;
	margin-bottom: 0.5em;
	}
	#miya-bus .information .inner h2 span {
		font-size: 60%;
		}
	#miya-bus .information .box {
		padding: 3%;
		box-shadow: 0 0 5px #D8B225;
		margin-bottom: 30px;
		}
		#miya-bus .information .box ul li {
			margin-left: 1em;
			text-indent: -1em;
			}
	#miya-bus .information .box .price {
		font-size: 130%;
		color: #990000;
		}

/*
乗車券・定期券･パスモ
*/
#teikiken .lead {
	border-bottom: none;
	margin-bottom: 20px;
	}
#teikiken .inner {
	padding-bottom: 1.8em;
	}
	#teikiken .inner h2 {
		margin-bottom: 10px;
		}
#teikiken .teiki ul {
	margin-bottom: 0.5em;
	}
#teikiken .teiki ul li {
	margin: 1% 0;
	display: block;
	float: left;
	width: 29%;
	}
	#teikiken .teiki ul li:before {
		content: url(img/common/icon_01.png);
		margin-right: 5px;
		position:relative;
		top: 2px;
		}
#teikiken .link li {
		margin-top: 0.2em;
		background-color: #F4F5F1;
		border: solid 2px #DAD2B1;
		border-left: solid 8px #DAD2B1;
		margin-bottom: 10px;
		background-repeat: no-repeat;
		background-position: right center;
		background-size: contain;
		}
	#teikiken .link li a {
		display: block;
		padding: 3%;
		font-weight: bold;
		color: #63583F;
		text-decoration: none;
		text-shadow:
			0px 0px 3px #FFFFFF,
			0px 0px 3px #FFFFFF,
			0px 0px 3px #FFFFFF;
		}
		#teikiken .link li:hover {
			border: solid 2px #91805A;
			border-left: solid 8px #91805A;
			}
	#teikiken .link li.pasmo {
		background-image: url(img/noriai/teikiken/pasmo.png);
		background-color: #FBC3C3;
		}
	#teikiken .link li.fuji {
		background-image: url(img/noriai/teikiken/fujisan.png);
		background-color: #CEEAF9;
		}
	#teikiken .link li.fujiq {
		background-image: url(img/noriai/teikiken/fujiq.png);
		background-color: #F4F5F1;
		}

/*
高速バス
*/
	.tit-multipleLine {
		display: block;
		}

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

	#noriai .lead h1,
	#kosoku article h1 {
		text-align: center;
		margin-bottom: 0.5em;
		}
		#noriai .lead h1:before,
		#kosoku article h1:before {
			content: url(img/common/bicon_bus.png);
			text-align: center;
			display: block;
			}
		#noriai .lead h1 span.clear {
			display: block;
			}

/*
バス乗り場
*/
	dl.noriba dd {
		padding: 0.5em;
		margin-bottom: 1em;
		}

/*
乗合バス・高速バス共通
*/
	#noriai .lead h1,
	#kosoku article h1 {
		text-align: center;
		margin-bottom: 0.5em;
		}
		#noriai .lead h1:before,
		#kosoku article h1:before {
			content: url(img/common/bicon_bus.png);
			text-align: center;
			display: block;
			}

/*
ひまわりバス
*/
	#himawari .point dl dt {
		text-align: center;
		}
	#himawari .point dl dd h2 {
		text-align: center;
		margin-bottom: 0.5em;
		}

/*
宮バス
*/
#miya-bus .information .inner h2 {
	margin-top: 0.5em;
	}
	#miya-bus table {
		border-top: none;
		}

/*
乗車券・定期券・パスモ
*/
	#teikiken article h1:before {
			content: url(img/common/bicon_teiki.png);
			text-align: center;
			display: block;
			}

#teikiken .teiki ul li {
	float: none;
	width: inherit;
	padding: 1%;
	border-bottom: dotted 1px #B7A766;
	}
	
	#teikiken .tblshare {
		border-top: none;
		}
	#teikiken .timetable tbody td:nth-of-type(1):before { content: "[平日]"; }
	#teikiken .timetable tbody td:nth-of-type(2):before { content: "[土曜日]"; }
	#teikiken .timetable tbody td:nth-of-type(3):before { content: "[日・祝]"; }
	#teikiken .timetable tbody td:nth-of-type(4):before { content: "[休憩]"; }
	
	#teikiken .tblshare tbody td:nth-of-type(n):before { padding-right: 5px; }
	
	#teikiken .ticket tbody td:nth-of-type(1):before { content: "[富士宮駅 ※1]"; }
	#teikiken .ticket tbody td:nth-of-type(2):before { content: "[富士駅 ※1]"; }
	#teikiken .ticket tbody td:nth-of-type(3):before { content: "[新富士駅 観光案内所 ※1]"; }
	#teikiken .ticket tbody td:nth-of-type(4):before { content: "[鷹岡営業所]"; }
	#teikiken .ticket tbody td:nth-of-type(5):before { content: "[富士宮営業所]"; }
	#teikiken .ticket tbody td:nth-of-type(6):before { content: "[TSUTAYA 富士本吉原店 ※2]"; }

/*
臨時バス
*/
#rinji section h1 {
	margin-bottom: 20px;
	}
#rinji .inner {
	padding-bottom: 1.8em;
	}
	#rinji .inner h2 {
		margin-bottom: 10px;
		}
#rinji .tblshare {
		border-top: none;
		}
.fare tbody td:nth-of-type(1):before { content: "[大人]"; }
.fare tbody td:nth-of-type(2):before { content: "[小人]"; }

}

@media print, screen and ( min-width : 769px ) {

#fuji .lead, #fujinomiya .lead, #fujitozan .lead, #himawari .lead, #miya-bus .lead,
#kosoku article, #rinji article {
	background-image: url(img/common/bicon_bus.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 85px;
	}
	#noriai .lead h1,
	#kosoku article h1 {
		font-size: 30px;
		line-height: 67px;
		}
	#noriai article ul {
		clear: both;
		}
	#kosoku article .linkBox {
		width: 60%;
		float: right;
		}
		.linkBox a span.fc_04 {
			font-size: 1.5em;
			}
	#bus-terminal .linkBox {
		float: none;
		width: 100%;
		}
	#kosoku article p.bn {
		text-align: right;
		}

/*
バス乗り場
*/
	dl.noriba dt {
		background-color: #DAD2B1;
		color: #6C6044;
		padding: 0.5em 1.2em;
		float: left;
		text-align: center;
		margin-bottom: 5px;
		-webkit-border-radius:100px;
		   -moz-border-radius:100px;
		     -o-border-radius:100px;
		        border-radius:100px;
		}
	dl.noriba dd {
		padding: 0.5em;
		overflow: hidden;
		zoom: 1;
		margin-bottom: 5px;
		}
	dl.noriba2 dt {
		margin-bottom: 0;
		}
	dl.noriba2 dd {
		clear: both;
		margin-bottom: 1em;
		}

/*
ひまわりバス
*/
	#himawari .point dl dt {
		float: left;
		width: 100px;
		}
	#himawari .point dl dd {
		overflow: hidden;
		zoom: 1;
		}
	#himawari .point dl dd h2 {
		line-height: 83px;
		}
	#himawari aside ul {
		width: 48%;
		float: left;
		}
	#himawari aside ul + ul {
		float: right;
		}
		#himawari aside ul li {
			font-size: 120%;
			}

/*
宮バス
*/
#miya-bus .information .inner h2 {
	line-height: 83px;
	background-image: url(img/noriai/miya-bus/icon01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 90px;
	font-size: 40px;
	}
		#miya-bus li.linkBox {
			font-size: 120%;
			width: 48%;
			float: left;
			}
		#miya-bus li.linkBox + li.linkBox {
			float: right;
			}
	#miya-bus table tr:hover {
		background-color: #F4F5F1;
		}

/*
乗車券・定期券・パスモ
*/
#teikiken .lead {
	background-image: url(img/common/bicon_teiki.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 85px;
	}
#teikiken .teiki ul {
	border-bottom: dotted 1px #B7A766;
	overflow: hidden;
	}
	#teikiken .link li {
		float: left;
		width: 220px;
		margin-right: 10px;
		}
		#teikiken .link li span {
			font-size: 150%;
			}
		#teikiken .link li.fuji span {
			display: block;
			}
	#teikiken .link li a {
		display: block;
		height: 70px;
		}
#teikiken .tblshare thead th {
	border-bottom: solid 1px #B7A766;
	}
#teikiken .tblshare tbody td {
	text-align: center;
	}
#teikiken .ticket table th {
	font-size: 12px;
	}
	
/*
高速バス
*/
	.tit-multipleLine {
		margin-top: -25px;
		}
}






/* ==========================================================
	
	特集
	
========================================================== */		
#special .leadArea ul {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	}
	#special .leadArea ul li {
		display: inline;
		margin: 0;
		}

.entryList article h2 {
	font-weight: bold;
	}

.entryList article {
	padding: 4%;
	border: solid 7px #DAD2B1;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;
	position: relative;
	}
.entryList article .category span {
	display: none;
	}

article.entry {
	margin-bottom: 0!important;
	}
	.entry .post {
		padding: 3% 0;
		}

.postmetadata {
	text-align: right;
	font-size: 90%;
	}


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

#special .leadArea ul {
	border: solid 5px #DAD2B1;
	border-top: none;
	padding: 2%;
	}
	#special .leadArea h1 img {
		max-width: 50%;
		}
	#special .leadArea li img {
		max-width: 25%;
		}
.entryList article {
	overflow: hidden;
	}
.entryList article h2 {
	margin-bottom: 1em;
	}
.entryList article .category img {
	display: none;
	}
.entryList article .category span {
	float: right;
	display: block;
	padding: 0.5em 1em;
	margin: 0 -4.2% -4.2% 0;
	text-align: center;
	color: #FFF;
	}
	.entryList article .category span.rosen {
		background-color: #FF0033;
		}
	.entryList article .category span.noriai {
		background-color: #009900;
		}
	.entryList article .category span.kosoku {
		background-color: #663399;
		}
	.entryList article .category span.notice {
		background-color: #333333;
		}

}

@media print, screen and ( min-width : 769px ) {

#special .leadArea {
	background-image: url(img/special/leadimage.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 210px;
	-webkit-border-radius:15px 15px 0 0;
	   -moz-border-radius:15px 15px 0 0;
		 -o-border-radius:15px 15px 0 0;
			border-radius:15px 15px 0 0;
	}
	#special .leadArea h1 {
		background-color: inherit;
		}
#special .leadArea ul {
	padding-top: 15px;
	}
	
.entryList article {
	width: 100%;
	padding: 2%;
	}
.entry article + article {
	border-top: solid 5px #DAD2B1;
	margin-top: 2em;
	}
.entryList article .category img {
	position: absolute;
	bottom: -7px;
	right: -7px;
	vertical-align: bottom;
	}
.entryList article .category span {
	display: none;
	}

	.entry .post {
		padding: 15px;
		line-height: 2.2em;
		}

}

@media print, screen and ( min-width : 980px ) {

.entryList {
	padding: 0 2.5%;
	}
.entryList article {
	width: 314px;
	float: left;
	padding: 0;
	}
.entryList article:nth-child(even) {
	float: right;
	}
.entryList article .thumbnail img {
	-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	     -o-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	border-bottom: solid 7px #DAD2B1;
	vertical-align: top;
	}
.entryList article h2 {
	padding: 10px 10px 10px 15px;
	width: 210px;
	}
.entryList article .category span {
	display: none;
	}

}





/* ==========================================================
	
	トピックス
	
========================================================== */		
	#topics .leadArea h1 {
		background-color: #CCCCCC;
		}
	#topics .leadArea .box {
		border: solid 5px #CCCCCC;
		border-top: none;
		padding: 0;
		}
		#topics .leadArea .box img {
			width: 100%;
			vertical-align: bottom;
			}
	#topics .entry .post {
		padding: 3% 0 50px;
		}
	
@media only screen and ( max-width : 768px ) {
	
	#topics .leadArea h1 img {
		max-width: 50%;
		}
	#topics .entry h1 {
		font-size: 120%;
		}

}






/* ==========================================================
	
	バスについて聞いてみよう
	
========================================================== */		
#question .leadArea h1 {
	background-color: #CCCCCC;
	}
	
	.questionButton {
		background-color: #EEF0E8;
		border: solid 3px #C7CDB1;
		}
	.questionButton a {
		display: block;
		padding: 2%;
		font-weight: bold;
		font-size: 110%;
		color: #7E8958;
		text-decoration: none;
		}
		.questionButton a i {
			margin-right: 10px;
			font-size: 120%;
			}
		.questionButton:hover {
			border: solid 3px #7E8958;
			}

#faq-block {
	width: 100%;
	margin: 0;
	clear: both;
	}
#faq-block ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#faq-block .faq-block-item{
	background: none !important;
	padding: 0px !important;
}


/*質問*/
#faq-block .faq-block-item .faq-block-question {
	margin-top: 30px;
	margin-bottom: 0px !important;
	font-weight: normal !important;
	font-size: inherit !important;
	}
/*回答*/
#faq-block .faq-block-item .faq-block-answer {
	background-color: #EEF0E8;
	padding: 3%;
	}

#questionContact {
	padding-top: 30px;
	margin-bottom: 0;
	}
#questionContact textarea {
	width: 100%;
	display: block;
	}
#questionContact .form-submit {
	text-align: center;
	}
#questionContact .form-submit .submit {
	margin-bottom: 0;
	}

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

	#question .leadArea h1 {
		padding-top: 10px;
		}
		#question .leadArea h1 img {
			max-width: 90%;
			}
			
	.questionButton {
		margin-top: 20px;
		text-align: center;
		}

.commets-list {
	padding-top: 20px;
	}
#faq-block .faq-block-item .faq-block-question {
	padding: 3%;
	border: solid 1px #C7CDB1;
	border-bottom: none;
	}
#faq-block .faq-block-item .faq-block-answer {
	border: solid 1px #C7CDB1;
	border-top: none;
	}

}

@media print, screen and ( min-width : 769px ) {

#question .leadArea {
	background-image: url(img/question/leadimage.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	min-height: 210px;
	position: relative;
	-webkit-border-radius:15px 15px 0 0;
	   -moz-border-radius:15px 15px 0 0;
		 -o-border-radius:15px 15px 0 0;
			border-radius:15px 15px 0 0;
	}
	#question .leadArea h1 {
		background-color: inherit;
		width: inherit;
		height: inherit;
		position: absolute;
		top: 31px;
		right: 43px;
		}

	.questionButton {
		width: 50%;
		float: right;
		text-align: center;
		}
#faq-block {
	overflow: hidden;
	margin-top: 30px;
	}
#faq-block .faq-block-item .faq-block-question{
	min-height: 67px;
	margin-bottom: 20px;
	padding-left: 78px;
	padding-top: 10px;
	background-image: url(img/question/q_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#faq-block .faq-block-item .faq-block-answer {
	width: 89%;
	margin-top: 15px;
	margin-left: 11%;
	padding: 15px;
	background-image: url(img/question/a_bg.png);
	background-repeat: no-repeat;
	background-position: 100% top;
}
#faq-block .faq-block-item .faq-block-answer p:last-child{
	margin-bottom: 0;
}

}





/* ==========================================================
	
	バスの乗り方講座
	
========================================================== */
#norikata .leadArea {
	margin-bottom: 0;
	}
	#norikata nav {
		background-color: #DAD2B1;
		padding: 0 5px;
		margin-bottom: 5%;
		}
	#norikata nav ul {
		border-top: solid 10px #EEF0E8;
		padding-top: 1.5%;
		background-color: #DAD2B1;
		}
	#norikata nav ul li {
		position: relative;
		}
	#norikata nav ul li a {
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		}
	#norikata li.adult a,
	#norikata li.adult a:after {
		background-color: #305730;
		}
	#norikata li.child a,
	#norikata li.child a:after {
		background-color: #c07427;
		}
/*
乗り方案内
*/
#norikata article img {
	vertical-align: top;
	}
#norikata article .inner02 {
	padding-bottom: 30px;
	}
#norikata article .inner02 p.image {
	margin: 0;
	padding: 0;
	}
#norikata dt {
	font-weight: bold;
	font-size: 120%;
	margin-left: 48px;
	text-indent: -48px;
	}
#norikata dd {
	padding-left: 48px;
	}
	#norikata dd p {
		margin-top: 1%;
		}

#norikata dt.no01:before, #norikata dt.no02:before, #norikata dt.no03:before, #norikata dt.no04:before, #norikata dt.no05:before, #norikata dt.no06:before, #norikata dt.no07:before, #norikata dt.no08:before, #norikata dt.no09:before, #norikata dt.no10:before, #norikata dt.no11:before {
	position: relative;
	top: 12px;
	margin-right: 12px;
	}
#norikata dt.no01:before {content: url(img/norikata/number01.gif);}
#norikata dt.no02:before {content: url(img/norikata/number02.gif);}
#norikata dt.no03:before {content: url(img/norikata/number03.gif);}
#norikata dt.no04:before {content: url(img/norikata/number04.gif);}
#norikata dt.no05:before {content: url(img/norikata/number05.gif);}
#norikata dt.no06:before {content: url(img/norikata/number06.gif);}
#norikata dt.no07:before {content: url(img/norikata/number07.gif);}
#norikata dt.no08:before {content: url(img/norikata/number08.gif);}
#norikata dt.no09:before {content: url(img/norikata/number09.gif);}
#norikata dt.no10:before {content: url(img/norikata/number10.gif);}
#norikata dt.no11:before {content: url(img/norikata/number11.gif);}

#norikata .attention {
	padding: 15px;
	margin-top: 3%;
	border: solid 3px #FF0000;
	background-color: #FFFF00;
	font-weight: bold;
	color: #F00;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
		 -o-border-radius:10px;
			border-radius:10px;	
	}
	#norikata .attention p {
		margin-left: 1em;
		text-indent: -1em;
		}

@media only screen and ( max-width : 768px ) {
	#norikata .leadArea h1 {
		padding-top: 2%;
		}
	#norikata .leadArea .subtit {
		display: none;
		}
		
	#norikata nav ul {
		padding-bottom: 5px;
		}
	#norikata nav ul li a {
		display: block;
		width: 100%;
		padding: 0.7em;
		border-bottom: solid 1px #DAD2B1;
		text-shadow: 1px 1px 1px #333;
		}
		/*右矢印アイコン*/
		#norikata nav ul li a:before{
			display: block;
			content: "";
			position: absolute;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			right: 15px;
			width: 10px;
			height: 10px;
			margin-top: -5px;
			background: #fff;
			}
		#norikata nav ul li a:after{
			display: block;
			content: "";
			position: absolute;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			right: 20px;
			width: 10px;
			height: 10px;
			margin-top: -5px;
			}

		#norikata li a span.small {
			font-size: inherit;
			}
		#norikata li a span.small:before {
			content: "(";
			}
		#norikata li a span.small:after {
			content: ")";
			}

}

@media print, screen and ( min-width : 769px ) {

#norikata .leadArea {
	background-image: url(img/norikata/leadimage.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	min-height: 211px;
	position: relative;
	-webkit-border-radius:15px 15px 0 0;
	   -moz-border-radius:15px 15px 0 0;
		 -o-border-radius:15px 15px 0 0;
			border-radius:15px 15px 0 0;
	}
	#norikata .leadArea img {
		vertical-align: top;
		max-width: 100%;
		}
	#norikata .leadArea h1 {
		background-color: inherit;
		width: inherit;
		height: inherit;
		position: absolute;
		top: 29px;
		right: 70px;
		}
	#norikata .leadArea .subtit {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 29px;
		right: 62px;
		}
	#norikata nav,
	#norikata nav ul {
		border-top: none;
		background-color: #EEF0E8;
		}
	#norikata nav ul li {
		float: left;
		display:table;
    	text-align: center;
		margin-left: 10px;
		}
	#norikata nav ul li > *{
		display:table-cell;
		vertical-align: middle;
		}
	#norikata nav ul li a {
		background-image: url(img/common/rosen_nav-bg.png);
		background-repeat: no-repeat;
		background-position: 5px center;
		width: 350px;
		height: 80px;
		border: solid 2px #FFFFFF;
		-webkit-border-radius:8px;
		   -moz-border-radius:8px;
			 -o-border-radius:8px;
				border-radius:8px;
			}
	#norikata li.adult a {
		background-color: #3C6D3C;
		}
	#norikata li.child a {
		background-color: #D68533;
		}
	
	#norikata nav ul li a span.subject {
		display: block;
		font-size: 23px;
		color: #000;
		text-shadow: 1px 1px 1px #fff,
		-1px 1px 1px #fff,
		1px -1px 1px #fff,
		-1px -1px 1px #fff;
		padding-top: 2px;
		}
	#norikata nav ul li a span.small {
		display: block;
		font-size: 16px;
		padding: 5px;
		width: 157px;
		margin: 5px auto 0;
		line-height: 16px;
		}
		#norikata li.adult a span.small {
			background-color: #8D551D;
			-webkit-border-radius:100px;
			   -moz-border-radius:100px;
				 -o-border-radius:100px;
					border-radius:100px;	
			}
		#norikata li.adult a:hover {
			background-color: #325A32;
			transition-property: all;
  			transition: 0.4s linear;
			}	
		#norikata li.child a span.small {
			background-color: #3C6D3C;
			-webkit-border-radius:100px;
			   -moz-border-radius:100px;
				 -o-border-radius:100px;
					border-radius:100px;	
			}
		#norikata li.child a:hover {
			background-color: #C17426;
			transition-property: all;
  			transition: 0.4s linear;
			}	

#norikata .guide01 {
	display: block;
	}
#norikata .guide01 p.image {
	float: left;
	width: 323px;
	}
#norikata .guide01 dl {
	overflow: hidden;
	height: auto;
	}

}