/*  ----	高速バス StyleSheets	----  */

@charset "UTF-8";

/*	ボディ	-----------------------------------------------------------------------------------------	*/
#titleArea h2	{
	border-bottom: #58be89 5px solid;
}
.h3Area h3	{
	width: 200px;
	background-color: #58be89;
}
.h4Area h4	{
	border-bottom: #58be89 1px solid;
}

.infoArea	{
	margin: 0;
	margin-bottom: 20px;
	padding: 15px 20px;
	border: 1px #58be89 solid;
}

/*	注意事項リンク--------------------------------------------------------------------------------------------------------------------------------------------------------	*/
.noticeArea	{
	margin: 0;
	padding: 0;
	padding-top: 3px;
	background-image: url(../public/notice_icon2.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #fbdcda;
	border-radius:  8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: #ff0000 1px solid;
}
a.noticeLink	{
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 60px;
	color: #ff0000;
	font-weight: bold;
	font-size: 18px;
	line-height: 64px;
}
a.noticeLink:link,
a.noticeLink:visited,
a.noticeLink:focus	{
	text-decoration: none;
}
a.noticeLink:hover	{
	text-decoration: underline;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*	注意事項 赤枠--------------------------------------------------------------------------------------------------------------------------------------------------------	*/
.noticeArea2	{
	margin: 0;
	padding: 0 30px;
	color: #ff0000;
	font-weight: bold;
	font-size: 18px;
	line-height: 64px;
	border: #ff0000 1px solid;
}
.inline-expressway	{
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 30px;
/*	width: 470px;*/
}
.noticeArea3	{
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	padding-top: 2px;
	width: 220px;
	color: #ff0000;
	font-weight: normal;
	font-size: 14px;
	border: #ff0000 1px solid;
}
.noticeArea4	{
	display: inline-block;
	margin: 5px 0;
	padding: 0 15px;
	padding-top: 2px;
	color: #ff0000;
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
	border: #ff0000 1px solid;
}


.rescheduleTitle	{
	margin: 20px 0;
	padding: 0 5px;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	border-bottom: #de4830 1px solid;
}
/*	flexリンク--------------------------------------------------------------------------------------------------------------------------------------------------------	*/

.flex_link-box	{
	margin: 0;
	padding: 0;
	display: flex;				  /* フレックスボックスにする */
	align-items:stretch;		/* 縦の位置指定 */
	justify-content:center;	/* 横の位置指定 */
}

.flex_link-pdf	{
	margin: 10px;
	padding: 0;
	width: 300px;
	text-align: left;
	vertical-align: middle;
	color:  #333333;
	border-radius:  5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #de4830 1px solid;
}
.flex_link-pdf .linkBlock	{
	margin: 0;
	padding: 20px;
	padding-top: 35px;
	padding-left: 60px;
	text-align: left;
	color:  #333333;
	line-height: 24px;
}
.flex_link-pdf:nth-child(1) .linkBlock	{
}
.flex_link-pdf:nth-child(2) .linkBlock	{
}
.flex_link-pdf a:link,
.flex_link-pdf a:visited,
.flex_link-pdf a:active	{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.flex_link-pdf a:hover	{
	color: #333333;
	text-decoration: none;
}

/*	flex 各路線へのリンク	----------------------------------------*/
.flex_link-expressway	{
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	width: 300px;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
}
.flex_link-expressway:nth-child(1)	{
/*	margin-right: 20px;*/
	margin-right: 0;
}
.flex_link-expressway:nth-child(2)	{
	margin-right: 0;
}
.flex_link-expressway a	{
	display: block;
	padding: 30px;
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	background-color: #58be89;
}
.flex_link-expressway a:link, .flex_link-expressway a:visited, .flex_link-expressway a:active {
	color: #ffffff;
	text-decoration: none;
}
.flex_link-expressway a:hover	{
	color: #ffffff;
	text-decoration: none;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.flex_link-expressway a div.subName	{
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}
.flex_link-expressway a div.busName	{
	font-size: 18px;
	font-weight: bold;
	line-height: 48px;
	letter-spacing: 2px;
	text-decoration: underline;
}
.flex_link-expressway a:hover div.busName	{
	text-decoration: none;
}






/*	時刻表	----------------------------------------*/
.timeArea	{
	margin-bottom: 30px;
	padding-left: 30px;
}
.leftArea	{
	float: left;
	margin: 0;
	padding-left: 20px;
}
.leftArea p	{
	margin: 0;
	padding: 0;
	line-height: 24px;
}
.timeArea table	{
	border: #cdcdcd 1px solid;
}
.timeArea table th	{
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	letter-spacing: 5px;
	border: #cdcdcd 1px solid;
	background-color: #f0f0f0;
}
.timeArea table td	{
	text-align: left;
	vertical-align: middle;
	border: #cdcdcd 1px solid;
}
.time1st	{
	width: 240px;
}
.time2nd	{
	width: 150px;
}

th.time1st div	{
	padding: 10px;
	text-align: center;
}
th.time2nd div	{
	padding: 10px 20px;
	text-align: center;
}
td.time1st div	{
	padding: 10px;
	text-align: left;
	letter-spacing: 5px;
	font-size: 14px;
}
td.time1st div.ls2	{
	letter-spacing: 2px;
}
td.time2nd div	{
	padding: 10px;
	padding-right: 60px;
	text-align: right;
}

/*	しまんとライナー	----------------------------------------*/
.priceArea	{
	margin-bottom: 30px;
	padding-left: 70px;
}
.priceArea table	{
	border: #cdcdcd 1px solid;
}
.priceArea table th	{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	border: #cdcdcd 1px solid;
	background-color: #f0f0f0;
}
.priceArea table td	{
	text-align: left;
	vertical-align: middle;
	border: #cdcdcd 1px solid;
}
.priceArea table th div,
.priceArea table td div	{
	padding: 10px;
	font-size: 14px;
}
.price_a1st	{
	width: 220px;
}
.price_a2nd,
.price_a3rd,
.price_a6th,
.price_a7th	{
	width: 89px;
	text-align: center;
}
.price_a4th,
.price_a5th	{
	width: 90px;
	text-align: center;
}
.price_a2nd div,
.price_a3rd div,
.price_a4th div,
.price_a5th div,
.price_a6th div,
.price_a7th div	{
	text-align: center;
}

/*	しまんとライナー2019.06.21運賃改定	----------------------------------------*/
.price_1a1st	{
	width: 220px;
}
.price_1a2nd,
.price_1a3rd,
.price_1a4th,
.price_1a5th,
.price_1a6th,
.price_1a7th,
.price_1a8th,
.price_1a9th,
.price_1a10th	{
	width: 60px;
	text-align: center;
}
.price_1a2nd div,
.price_1a3rd div,
.price_1a4th div,
.price_1a5th div,
.price_1a6th div,
.price_1a7th div,
.price_1a8th div,
.price_1a9th div,
.price_1a10th div	{
	text-align: center;
}

/*	しまんとブルーライナー	----------------------------------------*/
.priceArea table th.price_b1st	{
	vertical-align: middle;
}
.price_b1st	{
	width: 220px;
}
.price_b2nd,
.price_b3rd,
.price_b4th,
.price_b5th,
.price_b6th,
.price_b7th,
.price_b8th,
.price_b9th,
.price_b10th	{
	width: 60px;
	text-align: center;
}
.price_b2nd div,
.price_b3rd div,
.price_b4th div,
.price_b5th div,
.price_b6th div,
.price_b7th div,
.price_b8th div,
.price_b9th div,
.price_b10th div	{
	text-align: center;
}
.priceArea p.subComment	{
	padding-top: 20px;
	color: red;
}
/*	しまんとエクスプレス	----------------------------------------*/
.priceArea table th.price_c1st	{
	vertical-align: middle;
}
.price_c1st	{
	width: 220px;
}
.price_c2nd,
.price_c3rd	{
	width: 150px;
	text-align: center;
}
.price_c2nd div,
.price_c3rd div	{
	text-align: center;
}