@charset "utf-8";

/*---------------------------------------------------
 font
--------------------------------------------------- */

h2.h2_top{
	border-bottom:2px solid #006633;
	padding:8px 0 0 35px;
	margin:0;
	position:relative;
}

h2.h2_centercolumn{
	width:943px;
	height:30px;
}

h2.h2_leftcolumn{
	width:693px;
	height:29px;
}

.h2_c_traininfo{
	background:url(../../img/h2_c_traininfo.jpg) no-repeat 0 0;
}

.h2_l_news{
	background:url(../../img/h2_l_news.jpg) no-repeat 0 0;
}

.h2_l_tourism{
	background:url(../../img/h2_l_tourism.jpg) no-repeat 0 0;
}

.h2_l_rent{
	background:url(../../img/h2_l_rent.jpg) no-repeat 0 0;
}

.h2_l_banner{
	background:url(../../img/h2_l_banner.jpg) no-repeat 0 0;
}

.renttit_rentpo{
	width:217px;
	height:22px;
	background:url(../img/h3_r_sub.jpg) no-repeat 0 0;
	border-bottom:2px solid #407BC5;
	color:#407BC5;
	padding:6px 0 0 10px;
}

.renttit_rentro{
	width:217px;
	height:22px;
	background:url(../img/h3_r_sub.jpg) no-repeat 0 0;
	border-bottom:2px solid #38956C;
	color:#38956C;
	padding:6px 0 0 10px;
}

.renttit_rentoh{
	width:217px;
	height:22px;
	background:url(../img/h3_r_sub.jpg) no-repeat 0 0;
	border-bottom:2px solid #D6AB72;
	color:#D6AB72;
	padding:6px 0 0 10px;
}


/*---------------------------------------------------
 train info
--------------------------------------------------- */

#traininfo{
	width:958px;
	margin:0 auto;
}

#traininfo #traininfo_apwrap,
#traininfo #traininfo_powrap,
#traininfo #traininfo_rowrap{
	width:958px;
	height:30px;
	margin:0 0 10px 0;
}

#traininfo #traininfo_ap{
	width:853px;
	height:26px;
	padding:6px 0 0 104px;
	border:1px solid #C30;
	background:#fff url(../../img/traininfo_ap.jpg) no-repeat;
}

#traininfo #traininfo_poleft{
	width:758px;
	height:26px;
	padding:6px 0 0 104px;
	border:1px solid #407BC5;
	background:#fff url(../../img/traininfo_po.jpg) no-repeat;
	float:left;
}

/*#traininfo #traininfo_poleft a{
	color:#3573BD;
}
*/
#traininfo #traininfo_roleft{
	width:758px;
	height:26px;
	padding:6px 0 0 104px;
	border:1px solid #38956C;
	background:#fff url(../../img/traininfo_ro.jpg) no-repeat;
	float:left;
}

/*#traininfo #traininfo_roleft a{
	color:#3E754E;
}
*/



#traininfo #traininfo_ap dl{
	font-size:108%;
}

#traininfo #traininfo_ap dl dt{
	padding:0 10px 0 13px;
	border-right:1px dotted #ccc;
	float:left;
}

#traininfo #traininfo_ap dl dd {
	margin: 0 0 0 113px;
	font-weight:bold;
	color:#c03;
}



#traininfo #traininfo_poleft dl,
#traininfo #traininfo_roleft dl{
	font-size:108%;
}

#traininfo #traininfo_poleft dl dt,
#traininfo #traininfo_roleft dl dt{
	padding:0 10px 0 13px;
	border-right:1px dotted #ccc;
	float:left;
}

#traininfo #traininfo_poleft dl dd,
#traininfo #traininfo_roleft dl dd {
	margin: 0 0 0 153px;
	font-weight:bold;
}

#traininfo #traininfo_poright a{
	width:86px;
	height:34px;
	display:block;
	background:url(../../img/btn_traininfo.jpg) no-repeat 0 0;
	float:right;
}

#traininfo #traininfo_poright a:hover{
	background-position:0 -34px;
}

#traininfo #traininfo_roright a{
	width:86px;
	height:34px;
	display:block;
	float:right;
	background:url(../../img/btn_traininfo.jpg) no-repeat -86px 0;
}

#traininfo #traininfo_roright a:hover{
	background-position:-86px -34px;
}

#traininfo #traininfo_poright a,
#traininfo #traininfo_roright a{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}




/*---------------------------------------------------
 tourism
--------------------------------------------------- */

.tourism_po{
	width:656px;
	margin:0;
	padding:0 0 0 32px;
	background:url(../../img/tourism_po.gif) no-repeat left center;
}

.tourism_more{
	width:678px;
	text-align:center;
	margin:10px 0;
}

#tabs hr{
	border:none;
	border-bottom:1px dotted #ccc;
	margin:20px 0;
}

.article_po{
	width:208px;
	background:#fff;
	margin:0 8px 0 0;
	padding:0;
	border:solid 1px #407BC5;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	float:left;
}

.article_ro{
	width:208px;
	background:#fff;
	margin:0 8px 0 0;
	padding:0;
	border:solid 1px #38956C;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	float:left;
}

.article_po.last{
	margin-right:0;
}

.article_po p.image a{
    display:block;
    width:188px;
    height:125px;
	padding:10px 10px 0 10px;
    opacity:1;
    filter: alpha(opacity=100);
}

.article_po p.image a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
}

.article_po .namespot,
.article_po .nameevent{
    width:188px;
	padding:5px 10px;
	border-bottom:solid 1px #407BC5;
	height:35px;
	overflow:hidden;
	position:relative;
}

.article_ro .namespot,
.article_ro .nameevent{
    width:188px;
	padding:5px 10px;
	border-bottom:solid 1px #38956C;
	height:35px;
	overflow:hidden;
	position:relative;
}

.article_po .namespot p,
.article_ro .namespot p{
    width:135px;
	font-size:100%;
	font-weight:bold;
}

.article_po .nameevent p,
.article_ro .nameevent p{
    width:190px;
	font-size:100%;
	font-weight:bold;
}

.article_po .namespot span,
.article_ro .namespot span{
	position:absolute;
	top:5px;
	right:10px;
	display:block;
	width:48px;
	height:16px;
}

.tourism_po a{
	color:#407BC5;
	text-decoration:none;
}

.tourism_po a:hover{
	text-decoration:underline;
}



.article_po p.day,
.article_ro p.day{
	padding:5px 10px;
	font-size:77%;
}

.article_po p.eventstation,
.article_ro p.eventstation{
	padding:0 10px 5px;
	font-size:77%;
}

.article_po p.spotstation,
.article_ro p.spotstation{
	padding:5px 10px 5px;
	font-size:77%;
}

#tourism_ro{
	width:656px;
	margin:0;
	padding:0 0 0 32px;
	background:url(../../img/tourism_ro.gif) no-repeat left center;
}

.article_ro.last{
	margin-right:0;
}

.article_ro p.image a{
    display:block;
    width:190px;
    height:125px;
	padding:10px 10px 0 10px;
    opacity:1;
    filter: alpha(opacity=100);
}

.article_ro p.image a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
}

#tourism_ro a{
	color:#38956C;
	text-decoration:none;
}

#tourism_ro a:hover{
	text-decoration:underline;
}


/*---------------------------------------------------
 rent
--------------------------------------------------- */

.rentbox{
	width:728px;
    height:auto;  
    overflow: hidden;  
}	

.rentbox div{  
    float:left;  
    padding-bottom:32767px;  
    margin-bottom:-32767px; 
}

.rent_po{
	width:227px;
	height:200px;
	background:#F5F8FC;
	margin:0 10px 10px;
	padding:0;
	border:solid 1px #407BC5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
    float:left;  
}

.rent_ro{
	width:227px;
	height:200px;
	background:#F5FAF8;
	margin:0 10px 10px 0;
	padding:0;
	border:solid 1px #38956C;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
    float:left;  
}

.rent_oh{
	width:227px;
	/*height:200px;*/
	background:#FCF8F3;
	margin:0 0 10px;
	padding:0;
	border:solid 1px #D6AB72;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
    float:left;  
}

.rent_po ul li{
	width:197px;
	border-bottom:1px dotted #ccc;
	padding:7px 7px 7px 23px;
	background:url(../img/arrow_po_list.gif) 10px 13px no-repeat;
	display:block;
}

.rent_po ul li a{
	color:#407BC5;
	text-decoration:none;
}

.rent_po ul li a:hover{
	text-decoration:underline;
}

.rent_ro ul li a{
	color:#38956C;
	text-decoration:none;
}

.rent_ro ul li a:hover{
	text-decoration:underline;
}

.rent_oh ul li a{
	color:#D6AB72;
	text-decoration:none;
}

.rent_oh ul li a:hover{
	text-decoration:underline;
}











.rent_ro ul li{
	width:197px;
	border-bottom:1px dotted #ccc;
	padding:7px 7px 7px 23px;
	background:url(../img/arrow_ro_list.gif) 10px 13px no-repeat;
	display:block;
}

.rent_oh ul li{
	width:197px;
	border-bottom:1px dotted #ccc;
	padding:5px 7px 5px 23px;
	background:url(../img/arrow_oh_list.gif) 10px 13px no-repeat;
	display:block;
}

#rent_po ul li.last,
#rent_ro ul li.last,
#rent_oh ul li.last{
	border-bottom:none;
}




/*---------------------------------------------------
 promotion area
--------------------------------------------------- */
/*---------------------------------------------------
 slide
--------------------------------------------------- */

#promotionwrap{
	width:100%;
	height:280px;
	background:url(../../img/bg_slide.jpg) top center;
	padding:10px 0;
	margin:0 0 20px;
}

#slidebox{
	width:990px;
	height:280px;
	margin:0 auto;
	position:relative;
}

#jquery-slide{
	width:990px;
	height:280px;
}

#jquery-slide img{
	width:990px;
	height:280px;
}

#jquery-slide-nav{
	text-align:center;
	position:absolute;
	bottom:21px;
	right:15px;
	z-index:10000;
}

#jquery-slide-nav a{
	padding:2px 5px;
	margin:0 5px;
	border-radius:2px;
	text-align:center;
	text-decoration:none;
	border:1px solid #38956C;
	background-color:#fff;
	color:#38956C;
}

#jquery-slide-nav a:hover,
#jquery-slide-nav a.activeSlide{
	text-decoration:none;
	background-color:#38956C;
	color:#fff;
}

/*---------------------------------------------------
 apology
--------------------------------------------------- */

.apology{
	width:932px;
	border:4px solid #C30;
	margin:0 0 20px 0;
	padding:20px;
	text-align:left;
	font-size:116%;
	color:#C30;
}

.apology p.day{
	margin:0 0 10px;
	font-weight:bold;
}

.apology p.dtl{
	font-weight:bold;
}


/*---------------------------------------------------
 top-banners
--------------------------------------------------- */
.top-banners ul {
	padding: 0 0 10px 5px;
}

.top-banners li {
	float: left;
	padding: 5px;
}


/*---------------------------------------------------
 top-banners
--------------------------------------------------- */

.top-lang,
.banner-lang,
.promotionwrap-lang{
 display: none;
}


/*---------------------------------------------------
 add 2022.11.16
--------------------------------------------------- */
.traininfo-wrp * {
 box-sizing: border-box;
}
.traininfo-wrp {
 padding: 10px 0;
 background-color: #FEFED5;
}
.traininfo-box {
 display: flex;
 align-items: stretch;
 width: 980px;
 margin: 0 auto;
}
.traininfo-ttl {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 120px;
 margin-right: 10px;
 background-color: #CD173C;
 border: 2px solid #CD173C;
 text-align: center;
}
.traininfo-ttl p {
 font-size: 16px;
 font-weight: 700;
 color: #fff;
}
.traininfo-inner {
 flex: 1 0 0;
}
.traininfo-inner dt, .traininfo-inner dd {
 font-size: 14px;
}
.traininfo-inner dl {
 display: flex;
}
.traininfo-inner dt {
 position: relative;
 width: 140px;
}
.traininfo-inner dt::after {
 content: "";
 position: absolute;
 top: 2px;
 right: 0;
 width: 1px;
 height: 15px;
 background-color: #ccc;
}
.traininfo-inner dd {
 flex: 1 0 0;
 padding-left: 15px;
}
.traininfo-btn, .traininfo-btn2 {
 margin-left: 10px;
 width: 86px;
}
.traininfo-btn a, .traininfo-btn2 a {
 transition: all .2s;
}
.traininfo-btn a:hover, .traininfo-btn2 a:hover {
 opacity: .7;
}
.traininfo-btn a {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 width: 100%;
 height: 78px;
 background: rgb(117, 188, 221);
 background: linear-gradient(180deg, rgba(117, 188, 221, 1) 0%, rgba(14, 156, 222, 1) 100%);
 border: 1px solid #0E9CDE;
 border-radius: 3px;
 text-decoration: none;
 ;
 color: #fff;
 text-align: center;
}
.traininfo-btn a p {
 padding-top: 5px;
}
.traininfo-btn2 {}
.traininfo-box .traininfo-poright a, .traininfo-box .traininfo-roright a {
 display: block;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}
.traininfo-poleft, .traininfo-roleft {
 width: 100%;
 height: 34px;
 padding: 7px 0 0 118px;
}
.traininfo-poleft {
 border: 1px solid #407BC5;
 background: #fff url(https://www.knt-liner.co.jp/wp/wp-content/themes/knt-liner/img/traininfo_po.jpg) no-repeat;
}
.traininfo-box .traininfo-poright a {
 width: 86px;
 height: 34px;
 display: block;
 background: url(https://www.knt-liner.co.jp/wp/wp-content/themes/knt-liner/img/btn_traininfo.jpg) no-repeat 0 0;
}
.traininfo-roleft {
 margin-top: 10px;
 border: 1px solid #38956C;
 background: #fff url(https://www.knt-liner.co.jp/wp/wp-content/themes/knt-liner/img/traininfo_ro.jpg) no-repeat;
}
.traininfo-box .traininfo-roright a {
 width: 86px;
 height: 34px;
 margin-top: 10px;
 display: block;
 background: url(https://www.knt-liner.co.jp/wp/wp-content/themes/knt-liner/img/btn_traininfo.jpg) no-repeat -86px 0;
}