@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------------------------

	新幹線ページ

	01. 汎用クラス
	02. メインビジュアル
	03. リード部
	04. 共用モジュール
	05. 新幹線のご紹介
	06. 新幹線の運行区間
	07. 新幹線セクション
	08. 追記：東海道・山陽新幹線追加

----------------------------------------------------------------- */

/* -----------------------------------------------------------------

	01. 汎用クラス

----------------------------------------------------------------- */

/*===============================================
	基礎設定：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.only_pc {display: none;} /* PC時のみ表示する要素に */
}

/*===============================================
	基礎設定：569px以上
===============================================*/
@media print, screen and (min-width:569px) {
	.only_sp {display: none;} /* SP時のみ表示する要素に */
	.center_box {padding: 0 15px;}
}




/* -----------------------------------------------------------------

	02. メインビジュアル

----------------------------------------------------------------- */
.jretravel-image .fade {
	height: 250px;
}

/*===============================================
	メインビジュアル：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.jretravel-image .fade {
		height: 270px;
	}
}




/* -----------------------------------------------------------------

	03. リード部

----------------------------------------------------------------- */
.train_lead_wrap {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 20px;
}
.train_lead_image {
	border: 4px solid #d2e2f3;
	padding: 10px;
	margin: 10px 0 0 20%;
}
.train_lead_image h2 {
	color: #2b4083;
	font-size: 1.7rem;
	line-height: 1.5;
	margin-bottom: 0.8em;
	text-align: center;
}
.train_lead_image p {
	margin: 0 auto;
	max-width: 266px;
}

/*===============================================
	リード部：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.train_lead_wrap {
		display: block;
		margin: 15px auto 0;
		width: 94%;
	}
	.train_lead_image {
		margin: 0 0 15px;
		padding: 10px 0;
		width: 100%;
	}
	.train_lead_image h2 {
		font-size: 1.5rem;
	}
	.train_lead_image p {
		max-width: 250px;
	}
	.train_lead_text .cmp-text {
		width: 100%;
	}
}




/* -----------------------------------------------------------------

	03. 共用モジュール

----------------------------------------------------------------- */
.train_section {
	padding: 40px 0 60px;
	position: relative;
	z-index: 0;
}
.train_section_coloerd::before {
	content: '';
	background-color: #edf7fc;
	height: 100%;
	min-width: 1040px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	z-index: -1;
}
.top .section.train_title_border h2 {
	font-size: 3.0rem;
	font-weight: bold;
		background-image: url(../images/title_border.png), url(../images/title_border.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	background-size: auto 6px;
	margin-bottom: 1.4em;
	padding: 0.6em 0;
}
.codeitem .listitem li {
	background: #fff;
}
/* キーワード */
.cmn_contents .clm_osusume_taglabel {
	margin-top: 2rem;
}
.cmn_contents .clm_osusume_taglabel>ul>li a {
	padding: 10px;
    text-decoration: none;
}
.cmn_contents.train_section_coloerd .clm_osusume_taglabel>ul>li {
	background: #fff;
}
.cmn_contents.train_section_coloerd .clm_osusume_taglabel>ul>li:hover {
	background: #01b8be;
}
/* ------新幹線ボタン------ */
.root_btn_list {
	margin-bottom: 2%;
}
.root_btn_list li {
	border: 1px solid #ccc;
	border-bottom: 3px solid;
	background: #fff;
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	margin:0 0.7% 1.5% 0;
	text-align: center;
	width:24.2%;
}
.root_btn_list.tohoku li {border-bottom: 4px solid #00a967;}
.root_btn_list.akita li { border-bottom: 4px solid #db506b;}
.root_btn_list.yamagata li {border-bottom: 4px solid #5955a0;}
.root_btn_list.hokuriku li {border-bottom: 4px solid #3a6bd5;}
.root_btn_list.jouetsu li {border-bottom: 4px solid #2a4198;}
.root_btn_list.hokkaido li {border-bottom:4px solid #16b1be;}

.root_btn_list li:nth-child(4n) {
    margin:0;
}
.root_btn_list li a {
	color: #555453;
	display: block;
	padding: 7% 4%;
	text-decoration: none;
}
.root_btn_list li:hover {
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	transform: translateY(-2px);
}
.root_btn_list li i {
	padding: 0 3% 1%;
    font-size: 2.2rem;
    vertical-align: middle;
}
.root_btn_list.tohoku i {color:#ff69b4;}
.root_btn_list.akita i {color:#db506b;}
.root_btn_list.yamagata i {color:#fe9841;}
.root_btn_list.hokuriku i {color:#b6833c;}
.root_btn_list.jouetsu i {color: #ff9aa4;}
.root_btn_list.hokkaido i {color:#9546ae;}
.root_btn_list .station { display: inline;}
/*===============================================
	共用モジュール：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.train_section {
		margin-right: auto;
		margin-left: auto;
		padding: 20px 0 30px;
		width: 94%;
	}
	.train_section_coloerd::before {
		min-width: inherit;
	}

	.top .section.train_title_border h2 {
		background-size: auto 5px;
		font-size: 2.1rem;
		margin-bottom: 1.2em;
	}
	.cmn_contents.train_section_coloerd .clm_osusume_taglabel>ul>li {
	background: #01b8be;
	}
	/* ------新幹線ボタン------ */
	.root_btn_list {
		margin: 0 2%;
	}
	.root_btn_list li {
		width: 49%;
		margin: 0 1% 2.5% 0;
		font-size: 1.2em;
	}
	.root_btn_list li:nth-child(2n) {
		margin: 0 0 2.5%;
	}
	.root_btn_list li a {
		padding: 7% 2%;
	}
	.root_btn_list .station { display: none;}
}




/* -----------------------------------------------------------------

	05. 新幹線のご紹介

----------------------------------------------------------------- */

.train_menu_item a {
	color: #333;
	display: block;
	text-decoration: none;
}
.train_menu_title {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0.4em 0.8em;
	position: relative;
}
.train_menu_tohoku .train_menu_title {background-color: #00a967}
.train_menu_yamagata .train_menu_title {background-color: #5955a0}
.train_menu_akita .train_menu_title {background-color: #db506b}
.train_menu_hokuriku .train_menu_title {background-color: #3a6bd5}
.train_menu_jyoetsu .train_menu_title {background-color: #2a4198}
.train_menu_hokkaido .train_menu_title {background-color: #16b1be}
.train_menu_title::after {
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: block;
	height: 11px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-100%);
	width: 11px;
}

.train_menu_text {
	background-color: #fff;
	padding: 0.4em 0.8em;
}

/*===============================================
	新幹線のご紹介：569px以上
===============================================*/
@media print, screen and (min-width:569px) {
	.train_menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.train_menu_item {
		width: 31.2%;
	}
	.train_menu_item:nth-child(n+4) {
		margin-top: 3.2%;
	}
	.train_menu_item a:hover {opacity: 0.8;}
}

/*===============================================
	新幹線のご紹介：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.train_menu .slick-arrow {
		background-color: #2b4083;
		height: 30px;
		width: 30px;
		z-index: 1;
	}
	.train_menu .slick-prev {
		left: -5px;
	}
	.train_menu .slick-next {
		right: -5px;
	}
	.train_menu .slick-prev::before,
	.train_menu .slick-next::before {
		content: '';
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		display: block;
		height: 9px;
		opacity: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: rotate(-45deg) translate(10%, -50%);
		width: 9px;
	}
	.train_menu .slick-next::before {
		transform: rotate(135deg) translate(10%, 80%);
	}
}




/* -----------------------------------------------------------------

	06. 新幹線の運行区間

----------------------------------------------------------------- */
.train_route_wrap {
	margin-top: 1.2em;
	position: relative;
}

.train_route_map {
	border: 4px solid #aee2e5;
}

.train_route_list li {
	height: 56px;
	position: absolute;
	width: 212px;
}
.train_route_list .train_route_tohoku {
	top: 120px;
	left: 740px;
}
.train_route_list .train_route_yamagata {
	top: 120px;
	left: 44px;
}
.train_route_list .train_route_akita {
	top: 44px;
	left: 44px;
}
.train_route_list .train_route_hokuriku {
	top: 270px;
	left: 44px;
}
.train_route_list .train_route_jyoetsu {
	top: 195px;
	left: 44px;
}
.train_route_list .train_route_hokkaido {
	top: 44px;
	left: 740px;
}

.train_route_list a {
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	font-weight: bold;
	height: 100%;
	padding-left: 65px;
	position: relative;
	text-decoration: none;
}
.train_route_list a:hover {
	opacity: 0.8;
}
.train_route_tohoku a {background-color: #00a967}
.train_route_yamagata a {background-color: #5955a0}
.train_route_akita a {background-color: #db506b}
.train_route_hokuriku a {background-color: #3a6bd5}
.train_route_jyoetsu a {background-color: #2a4198}
.train_route_hokkaido a {background-color: #16b1be}

.train_route_list a::before {
	content: '';
	border: 2px solid;
	height: calc(100% + 8px);
	position: absolute;
	top: -4px;
	left: -4px;
	width: calc(100% + 8px);
}
.train_route_tohoku a::before {border-color: #00a967}
.train_route_yamagata a::before {border-color: #5955a0}
.train_route_akita a::before {border-color: #db506b}
.train_route_hokuriku a::before {border-color: #3a6bd5}
.train_route_jyoetsu a::before {border-color: #2a4198}
.train_route_hokkaido a::before {border-color: #16b1be}

.train_route_list a::after {
	content: '';
	background-color: #e9f5fc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 30px;
	border-radius: 50%;
	display: block;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
	width: 46px;
}
.train_route_tohoku a::after {background-image: url(../images/ttl_tohoku-s.png);}
.train_route_yamagata a::after {background-image: url(../images/ttl_yamagata-s_02.png);}
.train_route_akita a::after {background-image: url(../images/ttl_akita-s.png);}
.train_route_hokuriku a::after {background-image: url(../images/ttl_hokuriku-s.png);}
.train_route_jyoetsu a::after {background-image: url(../images/ttl_jyoetsu-s.png);}
.train_route_hokkaido a::after {background-image: url(../images/ttl_hokkaido-s.png);}

.train_route_list a span::after {
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: block;
	height: 11px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-100%);
	width: 11px;
}

/*===============================================
	新幹線の運行区間：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.train_route_map {
		border: none;
		margin-bottom: 15px;
	}

	.train_route_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		width: calc(100% - 8px);
	}
	.train_route_list li {
		height: 37px;
		position: static;
		width: 47%;
	}
	.train_route_list li:nth-child(n+3) {
		margin-top: 12px;
	}

	.train_route_list a {
		font-size: 1.2rem;
		padding-left: 40px;
	}

	.train_route_list a::after {
		background-size: auto 20px;
		height: 30px;
		left: 5px;
		width: 30px;
	}

	.train_route_list a span::after {
		height: 8px;
		right: 14px;
		width: 8px;
	}
}




/* -----------------------------------------------------------------

	07. 新幹線セクション

----------------------------------------------------------------- */

/* 新幹線セクション：セクション見出し
--------------------------------------------------------- */
.train_section_heading {
	background-color: #edf7fc;
	margin: 50px auto 80px;
	max-width: 530px;
	padding: 22px 0 12px;
	position: relative;
	text-align: center;
}
.train_section_heading::before {
	content: '';
	background: url(../images/title_section_deco_white.png) left bottom/contain no-repeat;
	display: block;
	height: 100px;
	position: absolute;
	bottom: -42px;
	left: -32px;
	width: 190px;
	z-index: 1;
}
.train_section_heading::after {
	content: '';
	background: url(../images/title_section_deco_white.png) left bottom/contain no-repeat;
	display: block;
	height: 100px;
	position: absolute;
	bottom: -42px;
	right: -32px;
	transform: scaleX(-1);
	width: 190px;
	z-index: 1;
}
.train_section_coloerd .train_section_heading::before,
.train_section_coloerd .train_section_heading::after {background-image: url(../images/title_section_deco_blue.png);}

.train_section_coloerd .train_section_heading {
	background-color: #fff;
}
.train_section_title {
	font-size: 3.0rem;
	font-weight: bold;
	margin-bottom: 0.15em;
	text-align: center;
}
.train_section_title::before {
	content: '';
	border-style: solid;
	border-width: 3px;
	display: block;
	height: calc(100% + 26px);
	position: absolute;
	top: -13px;
	left: -15px;
	width: calc(100% + 30px);
}
.train_section_title::after {
	content: '';
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 64px;
	position: absolute;
	top: -52px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.train_section_tohoku .train_section_title {color: #00a967;}
.train_section_tohoku .train_section_title::before {border-color: #00a967;}
.train_section_tohoku .train_section_title::after {background-image: url(../images/ttl_tohoku-s.png);}

.train_section_yamagata .train_section_title {color: #5955a0;}
.train_section_yamagata .train_section_title::before {border-color: #5955a0;}
.train_section_yamagata .train_section_title::after {background-image: url(../images/ttl_yamagata-s_02.png);}

.train_section_akita .train_section_title {color: #db506b;}
.train_section_akita .train_section_title::before {border-color: #db506b;}
.train_section_akita .train_section_title::after {background-image: url(../images/ttl_akita-s.png);}

.train_section_hokuriku .train_section_title {color: #3a6bd5;}
.train_section_hokuriku .train_section_title::before {border-color: #3a6bd5;}
.train_section_hokuriku .train_section_title::after {background-image: url(../images/ttl_hokuriku-s.png);}

.train_section_jyoetsu .train_section_title {color: #2a4198;}
.train_section_jyoetsu .train_section_title::before {border-color: #2a4198;}
.train_section_jyoetsu .train_section_title::after {background-image: url(../images/ttl_hokuriku-s.png);}

.train_section_hokkaido .train_section_title {color: #17b0bd;}
.train_section_hokkaido .train_section_title::before {border-color: #17b0bd;}
.train_section_hokkaido .train_section_title::after {background-image: url(../images/ttl_hokkaido-s.png);}

/*===============================================
	新幹線セクション：セクション見出し：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.train_section_heading {
		font-size: 1.2rem;
		line-height: 1.3;
		margin: 40px auto 50px;
		max-width: 250px;
		padding: 16px 0 8px;
	}
	.train_section_heading::before {
		height: 65px;
		bottom: -28px;
		left: -24px;
		width: 135px;
	}
	.train_section_heading::after {
		height: 65px;
		bottom: -28px;
		right: -24px;
		width: 135px;
	}

	.train_section_title {
		font-size: 2.1rem;
		margin-bottom: 0.3em;
	}
	.train_section_title::before {
		height: calc(100% + 20px);
		top: -10px;
	}
	.train_section_title::after {
		height: 40px;
		top: -32px;
	}
}


/* 新幹線セクション：インフォメーション
--------------------------------------------------------- */
.train_info_wrap {
	display: flex;
	justify-content: space-between;
}
.train_info_left {
	width: 57.6%;
}
.train_info_image {
	margin-bottom: 15px;
}
.train_info_list {
	margin-top: 1.2em;
}
.train_info_list dt {
	border-bottom: 1px dashed;
	font-weight: bold;
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
}
.train_info_list dt span {
	color: #222;
	font-size: 0.85em;
	font-weight: normal;
	margin-left: 1em;
}
.train_info_list dd + dt {
	margin-top: 1.2em;
}

.train_info_right {
	width: 39%;
}
.train_station_title {
	margin-top: 0;
	margin-bottom: 10px;
}
.train_station_title a {
	font-size: 1.5rem;
	font-weight: bold;
	pointer-events: none;
	text-decoration: none;
}

.train_section_tohoku .train_info_list dt {
	border-bottom-color: #00a967;
	color: #00a967;
}
.train_section_tohoku .train_station_title a {color: #00a967;}

.train_section_yamagata .train_info_list dt {
	border-bottom-color: #5955a0;
	color: #5955a0;
}
.train_section_yamagata .train_station_title a {color: #5955a0;}

.train_section_akita .train_info_list dt {
	border-bottom-color: #db506b;
	color: #db506b;
}
.train_section_akita .train_station_title a {color: #db506b;}

.train_section_hokuriku .train_info_list dt {
	border-bottom-color: #3a6bd5;
	color: #3a6bd5;
}
.train_section_hokuriku .train_station_title a {color: #3a6bd5;}

.train_section_jyoetsu .train_info_list dt {
	border-bottom-color: #2a4198;
	color: #2a4198;
}
.train_section_jyoetsu .train_station_title a {color: #2a4198;}

.train_section_hokkaido .train_info_list dt {
	border-bottom-color: #17b0bd;
	color: #17b0bd;
}
.train_section_hokkaido .train_station_title a {color: #17b0bd;}

/*===============================================
	新幹線セクション：インフォメーション：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.train_info_wrap {
		display: block;
	}
	.train_info_left {
		margin-bottom: 1.5em;
		width: 100%;
	}
	.train_info_list dt span {
		font-size: 0.8em;
	}
	.train_info_list dd + dt {
		margin-top: 1em;
	}

	.train_info_right {
		width: 100%;
	}
	.train_station_title {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.train_station_title a {
		background-color: #fff;
		border: 2px solid;
		display: block;
		font-size: 1.4rem;
		padding: 0.8em 0.6em;
		pointer-events: auto;
		position: relative;
	}
	.train_station_title a::after {
		content: '';
		border-right: 2px solid;
		border-bottom: 2px solid;
		display: block;
		height: 11px;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: rotate(45deg) translateY(-100%);
		transform-origin: center;
		width: 11px;
	}
	.train_station_title a.is-open::after {
		transform: rotate(45deg) translate(30%, -50%) scale(-1, -1);
	}

	.train_section_tohoku .train_station_title a,
	.train_section_tohoku .train_station_title a::after {border-color: #00a967;}

	.train_section_yamagata .train_station_title a,
	.train_section_yamagata .train_station_title a::after {border-color: #5955a0;}

	.train_section_akita .train_station_title a,
	.train_section_akita .train_station_title a::after {border-color: #db506b;}

	.train_section_hokuriku .train_station_title a,
	.train_section_hokuriku .train_station_title a::after {border-color: #3a6bd5;}

	.train_section_jyoetsu .train_station_title a,
	.train_section_jyoetsu .train_station_title a::after {border-color: #2a4198;}

	.train_section_hokkaido .train_station_title a,
	.train_section_hokkaido .train_station_title a::after {border-color: #17b0bd;}

	.train_info_right .acc_panel {display: none;}
}


/* 新幹線セクション：観光地バナー
--------------------------------------------------------- */
.train_banner_wrap {
	margin-top: 50px;
	margin-bottom: 30px;
}
.train_banner_title h4 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1.2em;
	text-align: center;
}

.train_banner_list {
	display: flex;
	justify-content: center;
}
.train_banner_list li {
	background-color: #fff;
	width: 48%;
}
.train_banner_list li + li {
	margin-left: 4%;
}
.train_banner_list a {
	color: #fff;
	display: flex;
	height: 100%;
	position: relative;
	text-decoration: none;
}
.train_banner_list a::after {
	content: '';
	border: 2px solid rgba(255,255,255,0.5);
	display: block;
	height: calc(100% - 8px);
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 8px);
}
.train_banner_list a:hover {
	opacity: 0.8;
}

.train_banner_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.5;
	text-align: center;
	width: 40%;
}
.train_banner_text strong {
	font-size: 3.5rem;
	font-weight: bold;
}

.train_banner_image {
	width: 60%;
}
.title a {
	color: auto;
}
.train_section_tohoku .train_banner_title {color: #00a967;}
.train_section_tohoku .train_banner_text {background-color: #00a967;}

.train_section_yamagata .train_banner_title {color: #5955a0;}
.train_section_yamagata .train_banner_text {background-color: #5955a0;}

.train_section_akita .train_banner_title {color: #db506b;}
.train_section_akita .train_banner_text {background-color: #db506b;}

.train_section_hokuriku .train_banner_title {color: #3a6bd5;}
.train_section_hokuriku .train_banner_text {background-color: #3a6bd5;}

.train_section_jyoetsu .train_banner_title {color: #2a4198;}
.train_section_jyoetsu .train_banner_text {background-color: #2a4198;}

.train_section_hokkaido .train_banner_title {color: #17b0bd;}
.train_section_hokkaido .train_banner_text {background-color: #17b0bd;}

/*===============================================
	新幹線セクション：観光地バナー：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.train_banner_wrap {
		margin-top: 40px;
		margin-bottom: 10px;
	}

	.train_banner_list {
		display: block;
	}
	.train_banner_list li {
		width: 100%;
	}
	.train_banner_list li + li {
		margin-left: 0;
		margin-top: 10px;
	}

	.train_banner_text {
		font-size: 1.2rem;
		line-height: 1.3;
	}
	.train_banner_text strong {
		font-size: 2.7rem;
		margin-bottom: 0.2em;
	}
	.train_banner_title h4 {
		margin-bottom: 1em;
	}
}


/* 新幹線セクション：ボタン
--------------------------------------------------------- */
.train_btn {
	margin: 1.5em auto;
	max-width: 488px;
}
.train_btn a {
	background-color: #353540;
	color: #fff;
	display: block;
	line-height: 1.4;
	padding: 1em 3em;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.train_btn a::after {
	content: '';
	border-right: 2px solid #fff;

	border-bottom: 2px solid #fff;
	display: block;
	height: 11px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(-45deg) translateY(-80%);
	width: 11px;
}
.train_btn a:hover {
	opacity: 0.8;
}

.train_btn_tohoku a {background-color: #00a967;}
.train_btn_yamagata a {background-color: #5955a0;}
.train_btn_akita a {background-color: #db506b;}
.train_btn_hokuriku a {background-color: #3a6bd5;}
.train_btn_jyoetsu a {background-color: #2a4198;}
.train_btn_hokkaido a {background-color: #17b0bd;}

/*===============================================
	新幹線セクション：ボタン：568px未満
===============================================*/
@media print, screen and (max-width:568px) {
	.train_btn {
		margin: 1em auto;
	}
}



/* -----------------------------------------------------------------

	08. 追記：東海道・山陽新幹線追加

----------------------------------------------------------------- */

/* 共用モジュール
--------------------------------------------------------- */
/* ------新幹線ボタン------ */
.root_btn_list.tokaido-sanyo li {border-bottom:4px solid #1515e8;}
.root_btn_list.tokaido-sanyo i {color:#1515e8;}

/* 新幹線のご紹介
--------------------------------------------------------- */
.train_menu_tokaido-sanyo .train_menu_title {background-color: #00f;}
/*===============================================
	新幹線のご紹介：569px以上
===============================================*/
@media print, screen and (min-width:569px) {
	.train_menu_item:first-child:nth-last-child(7) ~ .train_menu_item:nth-of-type(n+4) {
		width: 22.6%;
	}
}

/* 新幹線の運行区間
--------------------------------------------------------- */
.train_route_list .train_route_akita {
	top: 195px;
	left: 740px;
}
.train_route_list .train_route_yamagata {
	top: 44px;
	left: 44px;
}
.train_route_list .train_route_jyoetsu {
	top: 120px;
	left: 44px;
}
.train_route_list .train_route_hokuriku {
	top: 195px;
	left: 44px;
}
.train_route_list .train_route_tokaido-sanyo {
	top: 270px;
	left: 44px;
}
.train_route_list a {line-height: 1.5;}
.train_route_tokaido-sanyo a {background-color: #00f;}
.train_route_tokaido-sanyo a::before {border-color: #00f;}
.train_route_tokaido-sanyo a::after {background-image: url(../images/ttl_tokaido-sanyo-s.png);}

/* 新幹線セクション：セクション見出し
--------------------------------------------------------- */
.train_section_tokaido-sanyo .train_section_title {color: #00f;}
.train_section_tokaido-sanyo .train_section_title::before {border-color: #00f;}
.train_section_tokaido-sanyo .train_section_title::after {background-image: url(../images/ttl_tokaido-sanyo-s.png);}

/* 新幹線セクション：インフォメーション
--------------------------------------------------------- */
.train_section_tokaido-sanyo .train_info_list dt {
	border-bottom-color: #00f;
	color: #00f;
}
.train_section_tokaido-sanyo .train_station_title a {color: #00f;}

/* 新幹線セクション：ボタン
--------------------------------------------------------- */
.train_btn_tokaido-sanyo a {background-color: #1515e8;}