@charset "UTF-8";

/************************************************

Reset

*************************************************/
html,body { background: #24282F; width: 100%; color: #fff; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
ul { list-style: none; }
img { border: 0; vertical-align: top; }
td img { vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset { border: 0; }
sup { margin: 0; padding: 0; font-size: 60%; line-height: 110%; vertical-align: top; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:link,
a:visited { color: #333; }
img { max-width: 100%; height: auto; }
#gmap img { max-width: inherit; }
strong { color: #E50011; font-weight: normal; }
hr { margin: 10px 0; border: 1px solid #ccc; }
table { width: 100%; }
.link-color:link, .link-color:visited,
strong a:link, strong a:visited { color: #E50011; text-decoration: underline; }

/************************************************

Font Browser default 16px reset default 16 * 0.625 = 10px

************************************************/
body {
font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.7;
font-size: 62.5%;
}

@media screen and (min-width:768px) {
body.lang-zh-tw { font-family: 'SimSun','MS UI Gothic','Hei','sans-serif'; }
body.lang-ko { font-family: 'Nanum Gothic', sans-serif; }
}
.heading-c, .box-set .heading,
ul, ol, p, dt, dd, caption, th, td, select, input, textarea, button { font-size: 120%;/* default 12px */ }
.page-modelcourse .alpha-block p,
.table-cource th, .table-cource td { font-size: 140%; }
.course-caption,
.caption-set dt, h1, h2, h3, h4, h5, h6 { font-size: 150%; line-height: 1.2; }
ul th, ul td,
table, ul ul, ul p, ol ol, td ul, td p, td dt, td dd, ul dt, ul dd, dd ul, dd p, dd dt, dd dd, ul h2 { font-size: 100%; /* nest */ }
.qa-list .box,
.site-footer ul, .site-footer p, small, .small, .numbering-list dt, .number { font-size: 10px; }
.breadcrumb { font-size: 12px; }
.smaller { font-size: 80%; }

/************************************************

Base Layout

************************************************/

.container {
	position: relative;
}

.root-col {
	background-color: #fff;
	color: #333;
}

.base-fixed-width {
	width: 1030px;
	margin: 0 auto;
	background: url(/lang_img/root_col_bg02.png) repeat-y;
	border-left: 1px solid #D8D8D8;
}
.site-footer .base-fixed-width {
	background: none;
	border-left: 0px;
}

.sidebar {
	position: relative;
	z-index: 2;
	top: 0;
	width: 250px;
	height: 100%;
	float: left;
	margin-bottom: 20px;
}
.sidebar-banner {
	margin: 12px 0 0 0;
	text-align: center;
}
.sidebar-banner-last{
	margin-top: 10px;
	text-align: center;
}
.sidebar .btn-burger {
	display: none;
}
.site-id {
	padding:15px 0 18px 20px;
	border-bottom: 1px solid #D8D8D8;
}
.site-id a {
	display: block;
	width: 100%;
	height: 100%;
}
.main-nav {
	margin-bottom:20px;
}
.main-nav > li {
	position: relative;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	line-height:1.6;
}
.main-nav > li a.item {
	display: block;
	padding: 12px 35px 12px 50px;
	text-decoration: none;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: 8px center;
}
.main-nav > li a.item:hover{
	background-color: #FBE5E7;
}
.main-nav > li.main-nav-7 a.item:hover{
	background-color: #cee8fa;
}
.main-nav li.main-nav-0 a.item{background-image:url(/lang_img/main_nav_icon01_off.png); font-size:18px; font-weight:bold; line-height:1.2;}
.main-nav li.main-nav-0 a.item:hover{background-image:url(/lang_img/main_nav_icon01_on.png);}
.main-nav li.main-nav-1 a.item{background-image:url(/lang_img/main_nav_icon04_off.png);}
.main-nav li.main-nav-1 a.item:hover{background-image:url(/lang_img/main_nav_icon04_on.png);}
.main-nav li.main-nav-2 a.item{background-image:url(/lang_img/main_nav_icon02_off.png);}
.main-nav li.main-nav-2 a.item:hover{background-image:url(/lang_img/main_nav_icon02_on.png);}
.main-nav li.main-nav-3 a.item{background-image:url(/lang_img/main_nav_icon03_off.png);}
.main-nav li.main-nav-3 a.item:hover{background-image:url(/lang_img/main_nav_icon03_on.png);}
.main-nav li.main-nav-4 a.item{background-image:url(/lang_img/main_nav_icon06_off.png);}
.main-nav li.main-nav-4 a.item:hover{background-image:url(/lang_img/main_nav_icon06_on.png);}
.main-nav li.main-nav-5 a.item{background-image:url(/lang_img/main_nav_icon05_off.png);}
.main-nav li.main-nav-5 a.item:hover{background-image:url(/lang_img/main_nav_icon05_on.png);}
.main-nav li.main-nav-6 a.item{background-image:url(/lang_img/main_nav_icon07_off.png);}
.main-nav li.main-nav-6 a.item:hover{background-image:url(/lang_img/main_nav_icon07_on.png);}
.main-nav li.main-nav-7 a.item{background-image:url(/lang_img/main_nav_icon01_off_blue.png); font-size:18px; font-weight:bold; line-height:1.2;}
.main-nav li.main-nav-7 a.item:hover{background-image:url(/lang_img/main_nav_icon01_on_blue.png);}

.page-railpass .main-nav li.main-nav-0 a.item{background-color: #FBE5E7; background-image:url(/lang_img/main_nav_icon01_on.png);}
.page-coupon .main-nav li.main-nav-1 a.item{background-color: #FBE5E7; background-image:url(/lang_img/main_nav_icon04_on.png);}
.page-train .main-nav li.main-nav-2 a.item{background-color: #FBE5E7; background-image:url(/lang_img/main_nav_icon02_on.png);}
.page-timetable-top .main-nav li.main-nav-3 a.item{background-color: #FBE5E7; background-image:url(/lang_img/main_nav_icon03_on.png);}
.page-ticket .main-nav li.main-nav-4 a.item{background-color: #FBE5E7; background-image:url(/lang_img/main_nav_icon06_on.png);}
.page-tourism .main-nav li.main-nav-5 a.item{background-color: #FBE5E7; background-image:url(/lang_img/main_nav_icon05_on.png);}
.page-qa .main-nav li.main-nav-6 a.item{background-color: #FBE5E7; background-image:url(/lang_img/main_nav_icon07_on.png);}
.page-widepass .main-nav li.main-nav-7 a.item{background-color: #cee8fa; background-image:url(/lang_img/main_nav_icon01_on_blue.png);}

.main-nav > li a.item:after{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	right:12px;
	width:8px;
	height:7px;
	margin-top:-3px;
	background:url(/lang_img/arrow_side.png) no-repeat 94% center;
	background-size:8px 7px;
}
.main-nav > li a.item span.item-fs15{
	font-size: 15px;
}
.main-nav > li a {
	position: relative;
	display: block;
}
.main-nav li .has-child-nav {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 37px;
}
.inner-nav-mat {
display: none;
background: #24282F;
opacity: 0.9;
-ms-filter: "alpha(opacity=90)";
position: absolute;
left: 200px;
top: 35px;
z-index: 100;
width: 160px;
height: 100%;
}
.main-nav .inner-nav {
display: none;
position: absolute;
width: 270px;
left: 250px;
top: 0;
z-index: 400;
padding: 20px 10px 20px 0;
background: #24282F url(/lang_img/edge.png) 0 14px no-repeat;
opacity: 0.9;
-ms-filter: "alpha(opacity=90)";
}
.main-nav .main-nav-7 .inner-nav {
background: #24282F url(/lang_img/edge_blue.png) 0 14px no-repeat;
}
.main-nav .inner-nav li,
.main-nav .inner-nav li a { color: #FFF; }
.main-nav .inner-nav li   { position: relative; border: 0; margin-left: 20px; line-height: 1.3; padding-top: 14px; }
.main-nav .inner-nav li:first-child{ padding-top:0; }
.main-nav .inner-nav li a {
display: block;
background: #24282F url(/lang_img/arrow_white.png) 0 3px no-repeat;
padding: 0 3px 0 11px;
}

.wrapper {
position: relative;
min-height: 650px;
z-index: 1;
width:779px;
}
.site-nav{
display:none;
}
.site-header {
background: #85000B;
position: fixed;
top: 0;
z-index: 200000;
}
.site-header { width: 780px; }
.site-header,
.site-header a { color: #FFF; }

.lang-nav { width: 565px; height: 35px; }
.lang-nav dt { cursor: pointer; position: relative; z-index: 1100; }
.lang-nav dd { position: relative; overflow: hidden; left: -33px; width: 0; height: 35px; z-index: 1000; }
.lang-nav dd ul li:first-child { background: #24282F; padding-left: 33px; }

.header-nav    { position: absolute; right: 0; top: 0; line-height: 1.38; }
.header-nav li { padding: 10px 8px; font-size: 11px;}

.header-nav li a{ text-decoration: none;}
.header-nav li a:hover{ color:#ffff00;}

.site-footer { position: relative; z-index: 1000; padding: 10px 0;  background: #24282F; }
.site-footer,
.site-footer a { color: #CCC; }
.site-footer ul,
.site-footer li,
.site-footer p { display: inline-block; }
.site-footer li { margin-right: 10px; }
.site-footer li a {
background: url(/lang_img/arrow_red.gif) 0 3px no-repeat;
padding-left: 10px;
}
.site-footer p.copy { float: right; }
.wrapper { padding: 35px 0 0 0; float: left; }
.content { position: relative; width: 780px; }
.alpha-block { position: relative; margin: 65px 20px 50px 20px; width: 740px; }

/************************************************

Component

************************************************/
.breadcrumb {
position: absolute;
display: inline-block;
background: #333;
padding: 8px 5px 0 20px;
line-height: 1.1;
z-index: 1;
}
.breadcrumb,
.breadcrumb a { color: #FFF; }
.breadcrumb-a { display: block; position: static; padding-bottom: 6px; }

.unit-col.unit-ticker .box  { float: none; background: #E60011; padding: 10px; }
.unit-col .box  { float: left; }
.unit-col .last { float: right; }
.gray-mat { background: #E9E9E9; }

.title { background: url(/lang_img/title_bg.png) 0 0 repeat-x; }
.title h1 { background: url(/lang_img/default_title_bg.png) 100% 0 no-repeat; }
.page-company .title h1 { background-image: url(/lang_img/company_title_bg.png); }
.page-environment .title h1 { background-image: url(/lang_img/environment_title_bg.png); }
.page-railpass .title h1 { background-image: url(/lang_img/railpass_title_bg.png); }
.page-news .title h1 { background-image: url(/lang_img/news_title_bg.png); }
.page-qa .title h1 { background-image: url(/lang_img/qa_title_bg.png); }
.page-sitemap .title h1 { background-image: url(/lang_img/sitemap_title_bg.png); }
.page-coupon .title h1 { background-image: url(/lang_img/coupon_title_bg.png); }
.page-how .title h1 { background-image: url(/lang_img/how_title_bg.png); }
.page-ticket .title h1 { background-image: url(/lang_img/ticket_title_bg.png); }
.page-timetable-top .title h1 { background-image: url(/lang_img/time_table_title_bg.png); }
.page-train .title h1 { background-image: url(/lang_img/train_title_bg.png); }
.page-modelcourse .title h1 { background-image: url(/lang_img/model_course_title_bg.png); }
.page-timetable .title h1 { background-image: none; }
.page-widepass .title h1 { background-image: url(/lang_img/widepass_title_bg.png); }
.page-model-course .title h1 { background-image: url(/lang_img/widepass_title_bg.png); }

.heading-a {
background: #FCE5E7;
margin-bottom: 20px;
border-left: 5px solid #E60011;
}
.heading-a .last { padding: 12px 20px; }

.heading-b {
margin-bottom: 15px;
padding-bottom: 3px;
border-bottom: 1px solid #85000B;
}

.heading-c {
margin-bottom: 5px;
color: #E50011;
}

.heading-e {
margin-bottom: 12px;
color: #85000B;
font-weight: bold;
}

.title h1{
height: 100px;
box-sizing: border-box;
padding: 60px 0 0 20px;
font-weight: normal;
font-size: 22px;
color: #85000b;
position: relative;
}
.title h1:before{
content: "";
position: absolute;
background-color: #85000b;
height: 5px;
display: block;
width: 345px;
bottom: 0;
left: 0;
}
.title h1:after{
content: "";
position: absolute;
border-style: solid;
border-width: 5px 0 0 5px;
border-color: transparent transparent transparent #85000b;

display: block;
width: 0;
height: 0;
bottom: 0;
left: 345px;
}
.unit-ticker { position: relative; background: #24282F; }
.unit-ticker,
.unit-ticker a { color: #FFF; }
.unit-ticker .more {
position: absolute;
right: 10px;
top: 10px;
padding-left: 10px;
border-left: 1px solid #505359;
}
.unit-ticker .more a {
background: url(/lang_img/arrrow_db_white.gif) 0 4px no-repeat;
padding-left: 12px;
}
.ticker { overflow: hidden; width: auto; height: auto; line-height: 1.5;}
.ticker ul { padding-top: 10px; margin-left: 10px; position: relative; height: auto; }
.ticker ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #666;
}
.ticker ul li:last-child {
margin-bottom: 0;
border-bottom: none;
}

.home-white-mat { background: #FFF; }
.site-navigation-icon { padding: 10px 0 11px 0; border-right: 1px solid #D8D8D8; }
.home-banner { padding: 10px; width: 37%; }
.home-banner div p { margin-top: 10px; }

.home-visual { position: relative; }
.home-visual li {
position: relative;
width: 156px;
height: 156px;
}
.home-visual li.large-window { width: 468px; height: 468px; }
.home-visual li img { width: 100%; }
.home-visual .item {
position: absolute;
left: 0;
top: 0;
}
.indicator {
position: absolute;
left: 46px;
bottom: 5px;
width: 100%;
text-align: center;
}
.indicator span {
cursor: pointer;
display: inline-block;
background: url(/lang_img/indicator.png) 0 0 no-repeat;
margin: 3px;
width: 9px;
height: 9px;
}
.indicator span.current { background-position: 0 100%; }

.table-a th,
.table-a td {
padding: 10px 20px;
border: 1px solid #ccc;
vertical-align: top;
}
.table-a th {
background: #FCE5E7;
text-align: left;
font-weight: normal;
}
.table-a thead th { text-align: center; }

.table-b th,
.table-b td {
padding: 10px;
border: 1px solid #ccc;
vertical-align: middle;
}
.table-b th {
background: #E9E9E9;
text-align: center;
font-weight: normal;
}
.table-b .name { width: 100px; border-right: 0; }
.table-b .icon { width: 45px; border-left: 0; }
.table-b .is   { width: 40px; }
.table-b .pass { width: 190px; }
.table-b .is,
.table-b .pass { text-align: center; }

.table-c th,
.table-c td {
padding: 10px 5px;
border-bottom: 1px dashed #999;
vertical-align: middle;
}

.table-c th {
width: 80px;
text-align: left;
font-weight: normal;
}

.table-d th,
.table-d td {
padding: 10px 5px;
border-bottom: 1px solid #ccc;
vertical-align: top;
word-break: break-all;
}
.table-d th {
width: 90px;
text-align: left;
font-weight: normal;
border-bottom: 1px solid #e60011;
}
.page-coupon .coupon-list  .table-d th {
width: 90px;
}

.table-e th,
.table-e td {
padding: 10px 8px;
border: 1px solid #ccc;
vertical-align: middle;
}
.table-e th {
background-color: #FCF3D0;
text-align: left;
font-weight: normal;
}
.table-e thead th { text-align: center; }

.table-cource { margin: 15px 0 20px 0; width: 360px; }
.table-cource th { width: 80px; text-align: left; }
.table-cource th,
.table-cource td {
padding: 10px 0;
border-bottom: 1px solid #FCE5E7;
}

tr.zebra th,
tr.zebra td { background-color: #FCF3D0; }

.arrow {
background: url(/lang_img/arrow_cube.png) 0 2px no-repeat;
padding-left: 15px;
padding-top: 1px;
}
p.arrow{ line-height: 1.1; }
.arrow-a {
background: url(/lang_img/arrow_red.gif) 0 4px no-repeat;
padding-left: 10px;
}
.lang-en .arrow-a { background-position: 0 5px; }
.arrow-b {
display: inline-block;
padding: 4px 10px 4px 20px;
background: #E9E9E9 url(/lang_img/arrow_cube_black.png) 6px 8px no-repeat;
padding-left: 22px;
}
.arrow-c {
display: inline-block;
padding-left: 20px;
background: url(/lang_img/arrow_cube_white.png) 0 5px no-repeat;
padding-left: 14px;
}
.lang-en .arrow-c { background-position: 0 6px; }
.arrow-to-top {
background: url(/lang_img/arrow_top.png) 0 46% no-repeat;
padding-left: 17px;
}

.print-btn { cursor: pointer; }
.frag-nav { border-bottom: 2px solid #85000B; }

.box-set { padding: 5px 15px 10px 15px; border: 3px solid #E9E9E9; }
.box-set .heading {
display: inline-block;
background: #000;
margin-bottom: 12px;
padding: 3px 10px;
margin-left: -18px;
color: #fff;
font-weight: normal;
}
.box-set .type-a { background: #85000B; }

.unit-icon-cube li {
background: url(/lang_img/cube.png) 0 6px no-repeat;
padding-left: 10px;
margin-bottom: 5px;
}

.numbering-list dt {
clear: both;
float: left;
margin: 0;
padding: 2px 4px;
width: 0.8em;
}
.numbering-list dt,
.number {
background-color: #E50011;
color: #fff;
line-height: 1.1;
text-align: center;
}
.number {
display: inline-block;
padding: 2px 1px;
width: 1.2em;
}
.numbering-white-bg dt { background: #fff; border: 1px solid  #E50011; color: #E50011; padding: 2px 3px; }
.numbering-list dd { margin: -2px 0 8px 2em; }

.inline-list li { display: inline-block; margin-right: 1em; }

.mat-lightgray { background-color: #F2F2F2; margin: 10px 0; padding: 10px 15px; }
.mat-gray      { background-color: #EFEFEF; margin: 10px 0; padding: 10px 15px; }
.mat-green     { background-color: #DEF4DB; margin: 10px 0; padding: 10px 15px; }
.mat-yellow    { background-color: #FCF3D0; margin: 10px 0; padding: 10px 15px; }

.qa-list li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed #999;
}
.qa-list h2 { margin-bottom: 10px; }
.qa-list .box {
display: block;
background-color: #E50011;
padding: 2px 2px;
color: #fff;
line-height: 1.1;
text-align: center;
font-weight: normal;
width: 2em;
}
.answer .box { background-color: #333; }
.qa-list .value { display: block; margin-left: 3em; }

div.coupon-list {
margin-bottom: 30px;
padding-top: 20px;
padding-bottom: 40px;
border-bottom: 4px solid #FCE5E7;
}
.coupon-list .box { width: 250px; }
.coupon-list .value { margin-left: 280px; }
.coupon-list li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 4px solid #FCE5E7;
}
.coupon-list li:first-child { padding-top: 15px; }
.coupon-list .more  { margin: 10px 0 0 0; text-align: right; }
.coupon-list .caption { margin: 15px 0 25px 0; }
.coupon-map { border: 5px solid #ccc; }
#gmap { height: 400px;  }
.coupon-lead { margin-bottom: 30px; }
.coupon-map-link { margin-top: 5px; text-align: right; }
.coupon-in { clear: both; padding-top: 15px;}
.coupon-in th { width: 120px; }
.coupon-list .print-btn { margin-top: 5px; }

.station .heading { margin-bottom: 20px; }
.station-image { position: absolute; right: 8px; top: -149px; }
.station table { margin-bottom: 10px; }
.station-note { margin: 0 0 15px 0; }
.station-map {
background: #E9E9E9;
padding: 15px;
text-align: center;
}

.caption-set { margin-top: 8px; }
.caption-set dt { font-weight: bold; }

.tourism-decomap {
position: absolute;
top: -148px;
right: 8px;
}

.cource-img {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.course-desc {
position: relative;
z-index: 2;
min-height: 384px;
}
.cource-step { background-color: #EFEFEF; margin-bottom: 10px; padding: 5px 10px; }
.course-caption { margin: 8px 0 10px; text-align: right; }

.train-ins {
position: absolute;
left: 0;
top: 0;
width: 34px;
height: 34px;
margin: -17px 0 0 -17px;
z-index: 1000;
}
.train-line { position: absolute; right: -5px; top: 0; width: 122px; }
#line-1 .train-ins { left: 122px; top: 180px; }
#line-2 .train-ins { left: 250px; top: 67px; }
#line-3 .train-ins { left: 123px; top: 182px; }
.order-icon-list li,
.list li { margin-bottom: 0.4em; }
.page-timetable-top .names li { position: absolute; }

.order-icon-list { list-style: none; }
.order-icon-list li {
background: url(/lang_img/n1.png) 0 2px no-repeat;
min-height: 20px;
padding-left: 22px;
}
.order-icon-list li.n-2 { background-image: url(/lang_img/n2.png); }
.order-icon-list li.n-3 { background-image: url(/lang_img/n3.png); }
.order-icon-list li.n-4 { background-image: url(/lang_img/n4.png); }
.order-icon-list li.n-5 { background-image: url(/lang_img/n5.png); }
.order-icon-list li.n-6 { background-image: url(/lang_img/n6.png); }
.order-icon-list li.n-7 { background-image: url(/lang_img/n7.png); }
.order-icon-list li.n-8 { background-image: url(/lang_img/n8.png); }
.order-icon-list li.n-9 { background-image: url(/lang_img/n9.png); }

.order-icon-list-a li.n-1 { background-image: url(/lang_img/ng1.png); }
.order-icon-list-a li.n-2 { background-image: url(/lang_img/ng2.png); }
.order-icon-list-a li.n-3 { background-image: url(/lang_img/ng3.png); }
.order-icon-list-a li.n-4 { background-image: url(/lang_img/ng4.png); }
.order-icon-list-a li.n-5 { background-image: url(/lang_img/ng5.png); }


.page-timetable-top .thumb-list { height: 630px; overflow: auto; }
.page-timetable-top .thumb-list li { height: 66px; }
.thumb-list li { background: #E9E9E9; margin-bottom: 1px; }
.thumb-list li.on,
.thumb-list li:hover { background: #FCE5E7; }
.thumb-list li .heading { margin-bottom: 3px; color: #85000B; }
.thumb-list li .box { padding: 8px 0 0 10px; }
.thumb-list li .box a { display: inline-block; margin-right: 1em; line-height: 1.4; }

.document-placeholder { height: 35px; }

.color-atrain-a   { color: #B89D66; }
.color-atrain-b   { color: #DDB8B8; }
.color-atrain-c   { color: #BED8DF; }
.color-sl-a       { color: #B89D66; }
.color-umisachi-a { color: #B89D66; }
.color-asoboy-a   { color: #B89D66; }

.lang-en .color-asoboy-a,
.lang-en .color-atrain-a   { font-size: 160%; }
.lang-en .color-atrain-b   { font-size: 160%; }
.lang-en .color-atrain-c   { font-size: 160%; }
.lang-en .color-sl-a       { font-size: 160%; }
.lang-en .color-umisachi-a { font-size: 160%; }

/************************************************

Module

************************************************/

.set-w-60  { width: 60px; }
.set-w-70  { width: 70px; }
.set-w-110 { width: 110px; }
.set-w-120 { width: 120px; }
.set-w-135 { width: 135px; }
.set-w-150 { width: 150px; }
.set-w-160 { width: 160px; }
.set-w-170 { width: 170px; }
.set-w-180 { width: 180px; }
.set-w-191 { width: 191px; }
.set-w-200 { width: 200px; }
.set-w-207 { width: 207px; }
.set-w-210 { width: 210px; }
.set-w-220 { width: 220px; }
.set-w-230 { width: 230px; }
.set-w-235 { width: 235px; }
.set-w-240 { width: 240px; }
.set-w-250 { width: 250px; }
.set-w-260 { width: 260px; }
.set-w-270 { width: 270px; }
.set-w-273 { width: 273px; }
.set-w-280 { width: 280px; }
.set-w-300 { width: 300px; }
.set-w-310 { width: 310px; }
.set-w-315 { width: 315px; }
.set-w-320 { width: 320px; }
.set-w-330 { width: 330px; }
.set-w-340 { width: 340px; }
.set-w-350 { width: 350px; }
.set-w-355 { width: 355px; }
.set-w-360 { width: 360px; }
.set-w-370 { width: 370px; }
.set-w-380 { width: 380px; }
.set-w-385 { width: 385px; }
.set-w-390 { width: 390px; }
.set-w-400 { width: 400px; }
.set-w-410 { width: 410px; }
.set-w-420 { width: 420px; }
.set-w-430 { width: 430px; }
.set-w-440 { width: 440px; }
.set-w-450 { width: 450px; }
.set-w-460 { width: 460px; }
.set-w-470 { width: 470px; }
.set-w-480 { width: 480px; }
.set-w-485 { width: 485px; }
.set-w-560 { width: 560px; }
.set-w-570 { width: 570px; }
.set-w-575 { width: 575px; }
.set-w-full{ width: 100%; }
.set-w-360 { width: 360px; }
.set-w-col2 { width: 49%; }
.set-w-col3 { width: 32%; }
.set-mt-5  { margin-top: 5px; }
.set-mt-10 { margin-top: 10px; }
.set-mt-15 { margin-top: 15px; }
.set-mt-20 { margin-top: 20px; }
.set-mt-25 { margin-top: 25px; }
.set-mt-30 { margin-top: 30px; }
.set-mt-35 { margin-top: 35px; }
.set-mt-40 { margin-top: 40px; }
.set-mt-45 { margin-top: 45px; }
.set-mt-50 { margin-top: 50px; }
.set-nmt-30 { margin-top: -30px; }
.set-mb-5  { margin-bottom: 5px; }
.set-mb-7  { margin-bottom: 7px; }
.set-mb-10 { margin-bottom: 10px; }
.set-mb-13 { margin-bottom: 13px; }
.set-mb-15 { margin-bottom: 15px; }
.set-mb-20 { margin-bottom: 20px; }
.set-mb-25 { margin-bottom: 25px; }
.set-mb-30 { margin-bottom: 30px; }
.set-mb-40 { margin-bottom: 40px; }
.set-mb-50 { margin-bottom: 50px; }
.set-ml-5  { margin-left: 5px; }
.set-ml-6  { margin-left: 6px; }
.set-ml-7  { margin-left: 7px; }
.set-ml-10 { margin-left: 10px; }
.set-ml-15 { margin-left: 15px; }
.set-ml-20 { margin-left: 20px; }
.set-ml-30 { margin-left: 30px; }
.set-ml-40 { margin-left: 40px; }
.set-ml-60 { margin-left: 60px; }
.set-ml-80 { margin-left: 80px; }
.set-p-30 { padding: 30px; }
.set-pt-40 { padding-top: 40px; }
.set-pt-46 { padding-top: 46px; }
.set-pt-50 { padding-top: 50px; }
.set-pb-20 { padding-bottom: 20px; }
.set-h-410 { height: 410px; }
.set-zindex-10 { z-index: 10; }
.set-pos-abs { display: block; position: absolute; }
.set-pos-rel { position: relative; }
.set-pos-default { left: 0; top: 0; }
.set-top-n120 { top: -120px; }
.set-right-40 { right: 40px; }
.set-top-0 { top: 0px; }
.set-right-0 { right: 0px; }
.set-right-n306 { right: -306px; }
.reset-mt { margin-top: 0; }
.reset-pt { padding-top: 0; }
.set-center { text-align: center; }
.set-right  { text-align: right; }
.set-left  { text-align: left; }
.set-protrude { margin-left: 1.1em; text-indent: -1.1em; }
.set-hide { display: none; }

/************************************************

Clearfix

************************************************/

.unit, .unit-col, .base-fixed-width, .store-img { zoom: 1; clear: both;}
.unit:after, .unit-col:after, .base-fixed-width:after, .store-img:after { content: ''; display: block; clear: both; overflow: hidden; }

/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
#viewBox {
margin-bottom: 10px;
}
#viewBox #viewTit {
color: #85000B;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
#viewBox #viewtxt {
margin-bottom: 5px;
}
#viewBox #viewLink {
margin-bottom: 10px;
background: url(/lang_img/arrow_cube.png) 0 5px no-repeat;
padding-left: 15px;
padding-top: 1px;
}
.pdf02 a {
background: url(/lang_img/bg_pdf02.png) no-repeat 0 0;
padding-left: 20px;
display: block;
}
.coupon-in h3 {
background: #FCE5E7;
padding: 5px;
margin-top: 20px;
font-size: 20px;
}
.coupon-in h3 span {
font-size: 12px;
margin-left: 10px;
}
.coupon-list .more span {
color: red;
}
#newsArea04 {
background: #EFEFEF;
padding: 10px;
}
#newsArea04 p {
background: #FFF;
border: solid 2px red;
border-radius: 6px;        /* CSS3草案 */
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
-moz-border-radius: 6px;   /* Firefox用 */
padding: 10px;
}
#newsArea04 p a {
color: red;
}
#newsArea05 {
background: #EFEFEF;
padding: 10px 10px 0px;
}
#newsArea05 p {
background-image: url(/lang_img/mark01.png);
background-color: #FFDDDD;
background-position: 2% 50%;
background-repeat: no-repeat;
border: solid 2px red;
border-radius: 6px;       /* CSS3草案 */
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
-moz-border-radius: 6px;   /* Firefox用 */
}
#newsArea05 p a {
color: red;
padding: 20px 40px;
display: block;
}
dl.tr_link {
padding-bottom: 35px;
}
dl.tr_link dt {
padding-bottom: 5px;
border-bottom: 1px solid #85000B;
margin-bottom: 15px;
}
p a.link_r {
color: red;
text-decoration: underline;
}
p a.link_r:hover {
color: red;
text-decoration: none;
}
.store-img,
.store{
margin-top: 15px;
}
.store-img table{
width: 480px;
float: left;
}
.store-img .img{
width: 250px;
height: auto;
float: right;
}


/************************************************

Layout

************************************************/
.section {clear: both;}
.unit, .unit-col {clear: both;}
.unit-col .unit-left {float: left;}
.unit-col .unit-right {float: right;}
.unit-col .box {float: left;}
.unit-col .last {float: right;}

/*train*/
.unit-col.text-bottom {
font-size: 0;
}
.unit-col.text-bottom > .box{
float: none;
display: inline-block;
}
.unit-col.text-bottom > .last {
float: none;
display: inline-block;
vertical-align: bottom;
margin-left: 10px;
}
/*train*/
.fleft {float: left;}
.fright {float: right;}
.posR {position: relative;}
.set-hide {display: none;}
html,body{
width: 100%;
min-width: 980px;
}

main { background-color: #fff; }
.title h1{
height: 100px;
box-sizing: border-box;
padding: 60px 0 0 20px;
font-weight: bold;
font-size: 216.7%;
color: #85000b;
position: relative;
}
.title h1:before{
content: "";
position: absolute;
background-color: #85000b;
height: 5px;
display: block;
width: 345px;
bottom: 0;
left: 0;
}
.title h1:after{
content: "";
position: absolute;
border-style: solid;
border-width: 5px 0 0 5px;
border-color: transparent transparent transparent #85000b;

display: block;
width: 0;
height: 0;
bottom: 0;
left: 345px;
}
.page-modelcourse .title h1.course04 {
background-image: url(/lang_img/model_course04_title_bg.png);
}
.page-modelcourse .title h1.course05 {
background-image: url(/lang_img/model_course05_title_bg.png);
}
.page-modelcourse .title h1.course07 {
background-image: url(/lang_img/model_course07_title_bg.png);
}
.site-header{
padding: 0;
}
.heading-a{
padding: 10px 5px 7px 10px;
}
h2.heading-a,
.heading-a h3{
font-size:175%;
}
.heading-a > .box {
padding-right: 12px;
}
.heading-a .last {
padding: 2px 20px;
}
.heading-a .sub-text {
font-size: 120%;
font-weight: bold;
color: red;
padding: 2px 0 0;
}
.sp_block{ display: none; }
.table-d{
margin-bottom: 10px;
}
.frag-nav li.box{
border-right:1px solid #ccc;
display: inline-block;
margin: 0.25em 0;
vertical-align: top;
box-sizing:border-box;
position:relative;
line-height:1.4;
}
.frag-nav li.box:first-child{
border-left:1px solid #ccc;
}
.frag-nav li a{
padding: 0.25em 0.28em 0.25em 2.0em;
display: block;
vertical-align: top;
}
.frag-nav li a:before{
content: '';
background: url(/lang_img/arrow_down.png) 0 1px no-repeat;
top: 5px;
left: 8px;
position: absolute;
display: inline-block;
margin-right: 8px;
width: 11px;
height: 13px;
vertical-align: top;
}
.frag-nav li a:hover{
opacity: 0.7;
}
.frag-nav li.last a:before{
display: none;
}
.frag-nav.item2 li{width:50%;}
.frag-nav.item3 li{width:33.33%;}
.frag-nav.item4 li{width:25%;}
.frag-nav.item5 li{width:20%;}
.frag-nav.item6 li{width:16.66%}
.frag-nav.item7 li{width:14.28%}
.frag-nav.item8 li{width:12.5%}
.frag-nav.item9 li{width:11%}

.ie7 .frag-nav.item3 li{width:calc(100% / 3);}
.ie7 .frag-nav.item4 li{width:calc(100% / 4);}
.ie7 .frag-nav.item5 li{width:calc(100% / 5);}
.ie7 .frag-nav.item6 li{width:calc(100% / 6);}
.ie7 .frag-nav.item7 li{width:calc(100% / 7);}
.ie7 .frag-nav.item8 li{width:calc(100% / 8);}
.ie7 .frag-nav.item9 li{width:calc(100% / 9);}

dl.unit-col.caption-set {
font-size: 10px;
}
.expiration_date{
max-width: 360px;
width: 360px;
border: 1px solid #d23834;
box-sizing: border-box;
display: table;
font-size: 14px;
/*****190516追加******/
position: absolute;
top: 60px;
right: 0px;
}
.expiration_date dt{
padding: 0.8em 0.5em;
color: #fff;
background: #d23834;
text-align: center;
display: table-cell;
}
.expiration_date dd{
padding: 0.8em 0.5em;
color: #d23834;
text-align: center;
background: #fff;
display: table-cell;
}
.coupon-list .value.left{
float: right;
margin-left: 0;
width: 480px;
}
.list-arrow-cube-white{
display: table;
width: 100%;
}
.list-arrow-cube-white a{
background-color: #efefef;
background-image: url(/lang_img/arrow_cube_white.png) ;
background-repeat:no-repeat;
background-position:96% center;
display: table-cell;
padding: 0 2em 0 0.4em;
height: 40px;
width: 140px;
vertical-align: middle;
font-size: 13px;
color: #e60011;
position: relative;
line-height:1.2;
}
.list-arrow-cube-white a.on,
.list-arrow-cube-white a:hover{
background-color: #e60011;
color: #fff;
text-decoration: none;
}
.list-arrow-cube-white li{
display: table-cell;
vertical-align: middle;
float: none;
height: 40px;
}
a.btn-arrow-cube-white{
width: 100%;
max-width: 310px;
background-color: #85000b;
background-image: url(/lang_img/arrow_cube_white.png) ;
background-repeat:no-repeat;
background-position:96% center;
color: #fff;
padding: 0.8em 0;
text-align: center;
display: inline-block;
}
a.btn-arrow-cube-white:link,
a.btn-arrow-cube-white:visited{
color: #fff;
}
a.btn-arrow-cube-white:hover{
text-decoration: none;
opacity: 0.7;
}
h3.head-day{
background: #fce5e7;
font-size: 1.4em;
font-weight: normal;
}
h3.head-day span{
display: inline-block;
padding: 0.5em 0.4em;
margin-right: 0.5em;
background: #e60011;
color: #fff;
font-size: 1.2em;
}

.clear { clear: both;}
/* train_700series */
.train_700series_img_0_1{
float: left;
margin-bottom: 0;
}
.train_700series_img_0_2{
float: left;
clear: left;
width: 309px;
text-align: right;
}
.train_700series_img_1_1{
float: left;
}
.train_700series_img_1_2{
float: right;
}
.train_700series_img_2_1{
float: left;
clear: left;
width: 100%;
}
.train_700series_img_2_1 img{
float: left;
padding-right: 2px;
}
.train_700series_img_2_1 .train_info_2{
display: inline-block;
}
/* //train_700series */

/* train_common */
.train_common_img_0_1{
float: left;
margin-bottom: 0;
}
.train_common_img_0_2{
float: left;
clear: left;
width: 309px;
text-align: right;
}
.train_common_img_1_1{
float: left;
}
.train_common_img_1_2{
float: right;
}
.train_common_img_2_1{
float: left;
padding-right: 4px;
}
.train_common_img_2_2{
float: left;
}
/* //train_common */

.train_info_1{
width: 308px;
float: left;
margin-right:10px;
}
.train_info_1 h3{
font-size: 20px;
font-weight: bold;
padding: 0.3em 0;
border-bottom: 1px solid #800;
margin-bottom: 0.6em;
}
.train_info_1 p{
font-size: 12px;
line-height: 1.4;
margin-bottom: 0.4em;
}
.train_info_1 hr{
margin: 0.4em 0;
}
.train_info_1 p.lead{
font-size: 20px;
margin-bottom: 0.8em;
}
.train_info_2{
max-width: 365px;
margin-top: 8px;
width: 100%;
text-align: left;
}
.train_info_2.right{
float: right;
margin-left: 6px;
}
.train_info_2 h3{
font-size: 18px;
font-weight: normal;
color: #800;
margin-bottom: 0.3em;
}
.train_info_2 p{
font-size: 12px;
}
.train_info_3{
max-width: 280px;
margin-top: 8px;
width: 100%;
text-align: left;
}
.train_info_3.right{
float: right;
margin-left: 6px;
}
.train_info_3 h3{
font-size: 18px;
font-weight: normal;
color: #800;
margin-bottom: 0.3em;
}
.train_info_3 p{
font-size: 12px;
}
.train_info_4{
max-width: 160px;
margin-top: 8px;
width: 100%;
text-align: left;
}
.train_info_4.right{
float: right;
margin-left: 6px;
}
.train_info_4 h3{
font-size: 18px;
font-weight: normal;
color: #800;
margin-bottom: 0.3em;
}
.train_info_4 p{
font-size: 12px;
}
.train_info_5{
max-width: 175px;
margin-top: 8px;
width: 100%;
text-align: left;
}
.train_info_5.right{
float: right;
margin-left: 6px;
}
.train_info_5 h3{
font-size: 18px;
font-weight: normal;
color: #800;
margin-bottom: 0.3em;
}
.train_info_5 p{
font-size: 12px;
}
.train_info_6{
max-width: 740px;
margin-top: 8px;
width: 100%;
text-align: left;
}
.train_info_6.right{
float: right;
margin-left: 6px;
}
.train_info_6 h3{
font-size: 18px;
font-weight: normal;
color: #800;
margin-bottom: 0.3em;
}
.train_info_6 p{
font-size: 12px;
}
.train_more_information{
width: 320px;
font-size: 20px;
margin: 0 auto;
text-align: left;
}
#viewBox iframe{
width: 740px;
height: 450px;
}
.set-ontamarandon{
display: block;
position: absolute;
right: -306px;
}
.set-ontamarandon-sp{
display: none;
position: absolute;
}
.set-omamori-text{
margin-top: 10px;
display: inline-block;
}
.set-omamori-img-pc{
float: right;
}
.set-omamori-img-sp{
display: none;
}
.set-mb-40-sp-mb-10{margin-bottom: 40px;}
.set-ml-10-sp-ml-0{margin-left: 10px;}
.set-ml-30-sp-ml-0{margin-left: 30px;}
.set-ml-80-sp-ml-0{margin-left: 80px;}
.set-mr-10-sp-mr-0{margin-right: 10px;}
.set-mr-10-sp-mr-2p{margin-right: 10px;}
.set-mr-0-sp-mr-2p{margin-right: 0;}
.set-mt-50-sp-mt-0{margin-top: 50px;}
.set-w-365{width: 365px;}
.black_block{
display: inline-block;
padding: 0.2em 0.4em;
background: #000;
color: #fff;
margin: 0 0.4em 0 1em;
}
.black_block.mr0{
margin-left: 0;
}
p > .black_block:nth-of-type(1){
margin-left: 0;
}

/*only*/
.only-pc,
.no-sp      { display: block !important;}
/*inline*/
.only-in-pc {  display: inline !important;}
/*inline-block*/
.only-inb-pc {  display: inline-block !important;}
.only-sp,
.only-in-sp,
.only-inb-sp,
.no-pc      { display: none !important;}

/************************************************

Print

************************************************/

@media print {
.sidebar, .site-header, .site-footer, .breadcrumb {
display: none;
}

.wrapper { margin: 0; padding: 0; min-height: 0; }
}





/************************************************

2018.1.31 RENEW

************************************************/
/*----------------------------------------
TOP
----------------------------------------*/
/*bx-slider*/
.home .bx-wrapper{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	margin-bottom:0;
}
.home .bx-wrapper .bx-pager{
	bottom:18px;
}
.home .bx-wrapper .bx-pager.bx-default-pager a{
	background:#ffffff;
}
.home .bx-wrapper .bx-pager.bx-default-pager a:hover,
.home .bx-wrapper .bx-pager.bx-default-pager a.active,
.home .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background:#85000b;
}
/*mainBnrArea*/
.home .mainBnrArea{
	overflow:hidden;
	margin:15px 0 10px 0;
}
.home .mainBnrArea ul{
	overflow:hidden;
	float:right;
}
.home .mainBnrArea li{
	float:left;
	margin-right:10px;
}
.home .mainBnrArea li.last{
	margin-right:0;
}

/*----------------------------------------
railpass.html
----------------------------------------*/
/*type-box-link*/
.type-box-link{
	overflow:hidden;
}
.type-box-link li{
	float:left;
	margin-right:10px;
}
.type-box-link li a{
	display:block;
	padding:5px 27px 5px 12px;
	color:#ffffff;
	background:url(/lang_img/arrow_red03.png) #85000b no-repeat 96% center;
}
.type-box-link.btn3wrap li{
	width:215px;
}
/*type-box*/
.type-box{
	overflow:hidden;
}
.type-box .type-map-box{
	float:left;
	width:358px;
}
.type-box .type-info-box{
	float:right;
	width:365px;
}
.type-box .type-info-box .type-table{
	margin-bottom:15px;
}
/*type-limit-box*/
.type-limit-box{
	margin:10px 0 25px 0;
}
.type-limit-box .text{
	margin-bottom:8px;
}

/*----------------------------------------
how_to_purchase.html
----------------------------------------*/
.type-box-link.how-to-purchase li:nth-child(1){
	width:210px;
}
.type-box-link.how-to-purchase li:nth-child(2){
	width:180px;
}
.type-box-link.how-to-purchase li:nth-child(3){
	width:180px;
}
.type-box-link.how-to-purchase li:nth-child(4){
	width:140px;
	margin-right:0;
}
.type-box-link.how-to-purchase li a.line-2{
	padding:15px 27px 15px 12px;
}

/*----------------------------------------
time_table.html
----------------------------------------*/
.page-timetable-top .link-box-wrap{
	clear:both;
	overflow:hidden;
	padding-top:10px;
}
.page-timetable-top .route-map-box,
.page-timetable-top .time-table-box{
	background-color:#85000b;
	margin-bottom:10px;
	width:420px;
}
.page-timetable-top .route-map-box a,
.page-timetable-top .time-table-box a{
	display:block;
	padding:12px 20px;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}
.page-timetable-top .route-map-box a span,
.page-timetable-top .time-table-box a span,{
	display:inline-block;
	padding-left:25px;
	background:url(/lang_img/bg_pdf02.png) no-repeat left center;
}
.page-timetable-top .link-box-wrap{
	clear:both;
	overflow:hidden;
	padding-top:10px;
}
 
.page-timetable-top .pamphlet-box{
position: relative;
border-top: solid 2px #FF4F50;
border-bottom: solid 2px #FF4F50;
background: #FFDEAD;
line-height: 35px;
width:380px;
font-size:15px;
font-weight:bold;
}

.page-timetable-top .pamphlet-box :after{
position: absolute;
content: '▽Click here';
background: #FF4F50;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 7px 10px 7px;
font-size: 13px;
line-height: 1;
letter-spacing: 0.05em;
  }

.page-timetable-top .pamphlet-box a span{
	display:inline-block;
	padding-left:25px;
	background:url(/lang_img/bg_pdf02.png) no-repeat left center;
  }
 

.hyperDia{
	margin-bottom:35px;
}
.hyperDia a{
	text-decoration:underline;
}
.hyperDia a:hover{
	text-decoration:none;
}
.page-timetable-top .box-set ul{
	overflow:hidden;
	width:100%;
}
.page-timetable-top .box-set ul li.set-w-col4{
	width:24%;
}
.page-timetable-top .box-set ul li .arrow{
	display:block;
	background-position:0 5px;
}
.exchange-box{
	overflow:hidden;
	margin:25px auto;
}
.exchange-box .left-box{
	float:left;
	margin-right:20px;
}
.exchange-box .left-box .lead-text{
	margin-bottom:10px;
	font-weight:bold;
}
.exchange-box .right-box{
	float:left;
}

/*----------------------------------------
type_seating.html
----------------------------------------*/
.page-ticket h4.ticket-title{
	margin-bottom:5px;
}

/*----------------------------------------
train_index.html
----------------------------------------*/
.page-train #newsArea05 p{
	border:solid 2px #e60011;
	background:none;
}
.page-train #newsArea05 p a{
	color:#fff;
	padding:15px 40px;
	text-align:center;
	font-size:140%;
	background-color:#e60011;
}
.page-train #newsArea05 p a span{
	display:inline-block;
	padding-left:28px;
	background:url(/lang_img/mark02.png) no-repeat left center;
	background-size:18px auto;
}
















/*----------------------------------------
2018.8 widepass
----------------------------------------*/
/* frag-nav */
.page-widepass .frag-nav{
	border-bottom: 2px solid #0c3552;
}
.page-widepass .frag-nav li a:before{
	background: url(/lang_img/arrow_down_blue.png) 0 1px no-repeat;
}

/* heading-X */
.page-widepass .heading-a{
	background: #cee8fa;
	border-left: 5px solid #256b9c;
}
.page-widepass .heading-b{
	border-bottom: 1px solid #256b9c;
}
.page-widepass .heading-c{
	color: #256b9c;
	margin-bottom: 10px;
}
.page-widepass .arrow-to-top{
	background: url(/lang_img/arrow_top_blue.png) 0 46% no-repeat;
}

/* numbering-list */
.page-widepass .numbering-list dt,
.page-widepass .number{
	background-color: #256b9c;
}

/* table-wdps */
.page-widepass .table-wdps.t-w-500{
	width: 500px;
}
.page-widepass .table-wdps.t-w-550{
	width: 550px;
}
.page-widepass .table-wdps.t-w-620{
	width: 620px;
}
.page-widepass .table-wdps th,
.page-widepass .table-wdps td{
	padding: 10px 20px;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.page-widepass .table-wdps th{
	font-weight: normal;
	background-color: #FCF3D0;
}
.page-widepass .table-wdps .t-hgt-2line{
	padding: 4px 20px;
	line-height: 1.3;
}
.page-widepass .table-wdps .price{
	font-size: 125%;
	font-weight: bold;
}
.page-widepass .table-wdps .bg-blue{
	background: #cee8fa;
}

/* heading-wdps */
.page-widepass .heading-wdps{
	margin-bottom: 15px;
	padding: 8px 12px;
	color: #fff;
	font-size: 14px;
	background: #256b9c;
}
.page-widepass .heading-wdps-2{
	margin-bottom: 5px;
	color: #256b9c;
	font-size: 14px;
	font-weight: bold;
}

/* kippu_feature */
.page-widepass .kippu_feature{
	margin: 0 75px 30px;
	padding: 20px 30px;
	background-color: #fcf3d0;
}
.page-widepass .kippu_feature h4{
	margin-bottom: 10px;
}
.page-widepass .kippu_feature li{
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

/* arrow */
.page-widepass .arrow {
	background: url(/lang_img/arrow_cube_blue.png) 0 0.3em no-repeat;
}
.page-widepass .arrow.t-udr-line {
	text-decoration: underline;
}
.page-widepass .arrow.t-udr-line:hover {
	text-decoration: none;
}

/* other */
.page-widepass .t-udr-line{
	text-decoration: underline;
}
.page-widepass .fl-L{
	float: left;
}
.page-widepass .fl-R{
	float: right;
}
.page-widepass .fw-B{
	font-weight: bold;
}
.page-widepass .fw-N{
	font-weight: normal;
}
.page-widepass .t-udr-Dbl{
	border-bottom: double;
}



/*----------------------------------------
2018.9 model_course
----------------------------------------*/
/* change_panel */
.page-model-course .change_panel{
	display: none;
}


/* document-placeholder */
.page-model-course #course-1 .document-placeholder{
	background: #fffbf0;
	margin-top: -33px;
}
.page-model-course #course-2 .document-placeholder{
	background: #e7f2f8;
	margin-top: -33px;
}
.page-model-course #course-3 .document-placeholder{
	background: #ffeded;
	margin-top: -33px;
}


/* page_nav */
.page-model-course .page_nav{
	display: table;
	table-layout: fixed;
	width: calc(100% - 2px);
	margin-top: 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.page-model-course .page_nav li{
	position: relative;
	display: table-cell;
	height: 90px;
	padding: 0 30px 0 68px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
}
.page-model-course .page_nav li:after{
	display: block;
	content: "";
	position: absolute;
	right: 16px;
	bottom: 12px;
	width: 44px;
	height: 12px;
	background: url(/lang_img/model_course/arw_01.png) no-repeat left bottom;
}
.page-model-course .page_nav li.nav01{
	background: url(/lang_img/model_course/nav_num01.png) no-repeat left top;
	background-size: auto auto;
}
.page-model-course .page_nav li.nav02{
	background: url(/lang_img/model_course/nav_num02.png) no-repeat left top;
	background-size: auto auto;
}
.page-model-course .page_nav li.nav03{
	background: url(/lang_img/model_course/nav_num03.png) no-repeat left top;
	background-size: auto auto;
	border-right: 0px;
}
.page-model-course .page_nav li.nav01.is-active{
	background-color: #ffeab0;
}
.page-model-course .page_nav li.nav02.is-active{
	background-color: #b4e2ff;
}
.page-model-course .page_nav li.nav03.is-active{
	background-color: #ffd8d8;
}
.page-model-course .page_nav li.is-active:after{
	display: none;
}


/* main */
.page-model-course .main{
	position: relative;
	padding-top: 30px;
}
.page-model-course .main .main_nav{
	position: absolute;
}
.page-model-course .main .main_nav.nav01{
	top: 240px;
	left: 55px;
}
.page-model-course .main .main_nav.nav02{
	top: 240px;
	left: 177px;
}
.page-model-course #course-1 .main{
	background: url(/lang_img/model_course/nav_line01.png) no-repeat left top;
}
.page-model-course #course-2 .main{
	background: url(/lang_img/model_course/nav_line02.png) no-repeat left top;
}
.page-model-course #course-3 .main{
	background: url(/lang_img/model_course/nav_line03.png) no-repeat left top;
}


/* day_block */
.page-model-course .day_block{
	padding-bottom: 110px;
	position: relative;
}
.page-model-course #course-1 .day_block{
	background: url(/lang_img/model_course/cs1_bg_line.jpg) #fffbf0 no-repeat left bottom;
}
.page-model-course #course-2 .day_block{
	background: url(/lang_img/model_course/cs2_bg_line.jpg) #e7f2f8 no-repeat left bottom;
}
.page-model-course #course-3 .day_block{
	background: url(/lang_img/model_course/cs3_bg_line.jpg) #ffeded no-repeat left bottom;
}
.page-model-course .day_block.bg_none{
	padding-bottom: 25px;
	background-image: none !important;
}


/* ttl_day */
.page-model-course .day_block .ttl_day{
	text-align: center;
}


/* cont */
.page-model-course .day_block .cont{
	padding: 65px 20px 0;
}
.page-model-course .day_block .cont:first-of-type{
	padding-top: 35px;
}
.page-model-course .day_block .cont .ttl_cont{
	margin-bottom: 20px;
}
.page-model-course .day_block .cont .time{
	margin-bottom: 30px;
}
.page-model-course .day_block .cont .clm{
	margin-bottom: 40px;
}
.page-model-course .day_block .cont .clm:last-of-type{
	margin-bottom: 0;
}
.page-model-course .day_block .cont .clm .txt{
	font-size: 106%;
}

.page-model-course .day_block .cont .clm_1wrap .photo{
	margin-bottom: 20px;
}

.page-model-course .day_block .cont .clm_2wrap{
	overflow: hidden;
}
.page-model-course .day_block .cont .clm_2wrap .photo{
	width: 350px;
}
.page-model-course .day_block .cont .clm_2wrap .txt{
	width: 330px;
	padding-top: 20px;
}

.page-model-course .day_block .cont .clm_2wrap.layout01 .photo{
	float: left;
}
.page-model-course .day_block .cont .clm_2wrap.layout01 .txt{
	float: right;
}
.page-model-course .day_block .cont .clm_2wrap.layout02 .photo{
	float: right;
}
.page-model-course .day_block .cont .clm_2wrap.layout02 .txt{
	float: left;
}

.page-model-course .day_block .cont .layout-txt-btm{
	position: relative;
}
.page-model-course .day_block .cont .layout-txt-btm .txt{
	position: absolute;
	right: 0;
	bottom: 10px;
}

.page-model-course .day_block .cont .clm .info{
	clear: both;
	margin-top: 25px;
	padding: 20px;
}
.page-model-course #course-1 .day_block .cont .clm .info{
	background: #ffeab0;
}
.page-model-course #course-2 .day_block .cont .clm .info{
	background: #b4e2ff;
}
.page-model-course #course-3 .day_block .cont .clm .info{
	background: #ffd8d8;
}
.page-model-course .day_block .cont .clm .info .info_inner{
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}
.page-model-course .day_block .cont .clm .info .info_inner:last-of-type{
	margin-bottom: 0;
}
.page-model-course .day_block .cont .clm .info .info_inner h5{
	font-size: 125%;
}
.page-model-course .day_block .cont .clm .info .info_inner p{
	margin-top: 5px;
}
.page-model-course .day_block .cont .clm .info .info_inner .link{
	margin-top: 5px;
}
.page-model-course .day_block .cont .clm .info .info_inner .link li{
	display: inline-block;
	margin-right: 10px;
	padding-left: 14px;
	background: url(/lang_img/model_course/arw_03.png) no-repeat left 0.2em;
	background-size: auto auto;
}
.page-model-course .day_block .cont .clm .info .info_inner .link li a{
	text-decoration: underline;
}
.page-model-course .day_block .cont .clm .info .info_inner .link li a:hover{
	text-decoration: none;
}

.page-model-course .day_block .cont .clm .info .info_inner .map_link{
	display: inline-block;
	margin-left: 10px;
	padding: 4px 6px 3px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
	background: #694d00;
}
.page-model-course .day_block .cont .clm .info .info_inner .map_link a{
	color: #fff;
}

.page-model-course .day_block .cont .clm .info .info_inner.btn_check_clm p,
.page-model-course .day_block .cont .clm .info .info_inner.btn_check_clm ul{
	padding-right: 75px;
}
.page-model-course .day_block .cont .clm .info .info_inner.btn_check_clm .btn_check{
	position: absolute;
	right: -5px;
	bottom: 0;
}


/* page_top */
.page-model-course .page_top{
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.page-model-course .day_block.bg_none .page_top{
	bottom: -35px;
}


/* how_to_go */
.page-model-course .how_to_go{
	padding-top: 60px;
	text-align: center;
}
.page-model-course .how_to_go .inner{
	margin-bottom: 50px;
}
.page-model-course .how_to_go h3{
	margin-bottom: 37px;
}
.page-model-course .how_to_go .btn_2wrap{
	overflow: hidden;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}
.page-model-course .how_to_go .btn_2wrap li{
	float: left;
	margin-right: 20px;
}
.page-model-course .how_to_go .btn_2wrap li:last-child{
	margin-right: 0;
}

/* note */
.page-model-course .note{
	font-size: 11px;
}

/* cont bg illust */
.page-model-course #course-1 #cont01{
	background: url(/lang_img/model_course/cs1_bg_cont01.png) no-repeat 96% top;
	background-size: auto auto;
}
.page-model-course #course-1 #cont02{
	background: url(/lang_img/model_course/cs1_bg_cont02.png) no-repeat 96% 35px;
	background-size: auto auto;
}
.page-model-course #course-1 #cont03{
	background: url(/lang_img/model_course/cs1_bg_cont03.png) no-repeat 96% 35px;
	background-size: auto auto;
}
.page-model-course #course-1 #cont04{
	background: url(/lang_img/model_course/cs1_bg_cont04.png) no-repeat 96% 15px;
	background-size: auto auto;
}
.page-model-course #course-1 #cont05{
	background: url(/lang_img/model_course/cs1_bg_cont05.png) no-repeat 96% 35px;
	background-size: auto auto;
}
.page-model-course #course-1 #cont06{
	background: url(/lang_img/model_course/cs1_bg_cont06.png) no-repeat 96% 35px;
	background-size: auto auto;
}
.page-model-course #course-1 #cont07{
	background: url(/lang_img/model_course/cs1_bg_cont07.png) no-repeat 96% 35px;
	background-size: auto auto;
}

.page-model-course #course-2 #cont01{
	background: url(/lang_img/model_course/cs2_bg_cont01.png) no-repeat 96% top;
	background-size: auto auto;
}
.page-model-course #course-2 #cont02{
	background: url(/lang_img/model_course/cs2_bg_cont02.png) no-repeat 96% 35px;
	background-size: auto auto;
}
.page-model-course #course-2 #cont03{
	background: url(/lang_img/model_course/cs2_bg_cont03.png) no-repeat 96% 0px;
	background-size: auto auto;
}
.page-model-course #course-2 #cont04{
	background: url(/lang_img/model_course/cs2_bg_cont04.png) no-repeat 96% 42px;
	background-size: auto auto;
}
.page-model-course #course-2 #cont05{
	background: url(/lang_img/model_course/cs2_bg_cont05.png) no-repeat 96% 35px;
	background-size: auto auto;
}

.page-model-course #course-3 #cont01{
	background: url(/lang_img/model_course/cs3_bg_cont01.png) no-repeat 96% top;
	background-size: auto auto;
}
.page-model-course #course-3 #cont02{
	background: url(/lang_img/model_course/cs3_bg_cont02.png) no-repeat 96% 50px;
	background-size: auto auto;
}
.page-model-course #course-3 #cont03{
	background: url(/lang_img/model_course/cs3_bg_cont03.png) no-repeat 96% 35px;
	background-size: auto auto;
}
.page-model-course #course-3 #cont04{
	background: url(/lang_img/model_course/cs3_bg_cont04.png) no-repeat 96% 35px;
	background-size: auto auto;
}
.page-model-course #course-3 #cont05{
	background: url(/lang_img/model_course/cs3_bg_cont05.png) no-repeat 96% 0px;
	background-size: auto auto;
}
.page-model-course #course-3 #cont06{
	background: url(/lang_img/model_course/cs3_bg_cont06.png) no-repeat 96% 40px;
	background-size: auto auto;
}

.page-model-course #course-3 .main .main_nav.nav01{
	top: 240px;
	left: 20px;
}
.page-model-course #course-3 .main .main_nav.nav02{
	top: 240px;
	left: 238px;
}

.bnr_railpass {
    background: url(""/english/img/home/bnr_railpass._on.jpg") no-repeat;
}
 
.bnr_railpass a {
    display: inline-block;
}
 
.bnr_railpass a:hover {
	background-color: transparent; 
}
 
.bnr_railpass a:hover img {
    visibility: hidden;
}

.bnr_oneway {
    background: url("/english/img/home/bnr_oneway_on.jpg") no-repeat;
}
 
.bnr_oneway a {
    display: inline-block;
}
 
.bnr_oneway a:hover {
	background-color: transparent; 
}
 
.bnr_oneway a:hover img {
    visibility: hidden;
}