@charset "UTF-8";

/* ==========================================================
 railway css
========================================================== */
/* area-info-station
---------------------------------------------------------- */
.area-info-station {
overflow: hidden;
margin-bottom: 21px;
}

/*detail-left*/
.area-info-station .detail-left {
float: left;
width: 480px;
line-height: 1.2;
}
.area-info-station .detail-left .list-cmn-button.s-type-01{
overflow: hidden;
margin: 15px -10px 0 -10px;
}
.area-info-station .detail-left .list-cmn-button.s-type-01 li{
width:50%;
padding:0 10px;
margin:0;
}
.area-info-station .detail-left .list-cmn-button.s-type-01 li:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.area-info-station .detail-left .box-station-name {
margin: 0 auto;
text-align: center;
border: 3px solid #888;
padding: 30px 0 0 0;
}
.area-info-station .detail-left .box-station-name .title {
font-size: 280%;
font-weight: bold;
margin-bottom: 6px;
}
.area-info-station .detail-left .box-station-name .subtitle {
font-size: 106.667%;
padding-bottom:20px;
border-bottom:#e82026 20px solid;
}


/*detail-right*/
.area-info-station .detail-right {
float: right;
width: 590px;
margin-left: 10px;
display: block;
line-height: 1.2;
}
.area-info-station .detail-right .box-contact-01 {
width: 290px;
background-color: #ebeadf;
text-align: center;
padding: 17px 10px;
display:inline-block;
}
/*IE11*/
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .area-info-station .detail-right .box-contact-01 {
padding: 12px 10px;
}
}
/*IE11*/

.area-info-station .detail-right .box-contact-01:first-child{
margin-right:10px;
}
.area-info-station .detail-right .box-contact-01 a:hover {
text-decoration: none;
}
.area-info-station .detail-right .box-contact-01 .title {
color: #000;
font-size: 100%;
margin-bottom: 15px;
font-weight: bold;
padding-right: 5px;
}
.area-info-station .detail-right .box-contact-01 .title:before {
content: "";
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
background-image: url(/common/img/ico/ico_phone_01.svg);
background-size: 22px;
background-repeat: no-repeat;
}

.area-info-station .detail-right .box-contact-01 .time {
font-size: 86.7%;
margin-bottom: 15px;
background-color:#e87d3a;
color:#FFF;
padding:5px;
}
.area-info-station .detail-right .box-contact-01 .tel {
font-weight: bold;
font-size: 166.667%;
}
.area-info-station .detail-right .box-contact-01 .tel .ruby{
font-weight: normal;
font-size: 40%;
}
.area-info-station .detail-right .note{
display:block;
color:#e87d3a;
margin-top:5px;
padding:5px 5px 5px 1.5em;
text-indent: -1em;
font-size: 93.3%;
text-align:center;
}


/* mod-info-box
---------------------------------------------------------- */
.mod-infobox-01 {
overflow: hidden;
}


/* tablelist
---------------------------------------------------------- */
.table-list-01{
width:100%;
border-left: 1px solid #e4e1cf;
box-sizing: border-box;
}
.table-list-01 li{
display: inline-block;
width:50%;
border-right: 1px solid #e4e1cf;
border-bottom: 1px solid #e4e1cf;
box-sizing: border-box;
padding:10px;
vertical-align:top;
}
.table-list-01 li:first-child,.table-list-01 li:nth-child(2) {
border-top: 1px solid #e4e1cf;
}
.table-list-01 li .ico01{
width:auto;
height:24px;
margin-left:5px;
}
.table-list-01 li.ico-type-01 {
padding-left:40px;
background-image: url(/common/img/ico/ico_free_01.svg);
background-repeat: no-repeat;
background-size: 22px 28px;
background-position: 10px center;
}
.table-list-01 li.ico-type-02 {
padding-left:40px;
background-image: url(/common/img/ico/ico_heart_01.svg);
background-repeat: no-repeat;
background-size: 22px 24px;
background-position: 10px center;
}





/* table
---------------------------------------------------------- */
/*table-type-01*/
.table-type-01 {
width: 1120px;
border: 1px solid #e4e1cf;
font-size: 100%;
table-layout: fixed;
}
.table-type-01 th {
background-color: #f6f5ef;
border: 1px solid #e4e1cf;
width: 414px;
font-weight: bold;
padding: 14px 12px 12px;
letter-spacing: -0.05em;
word-wrap: break-word;

}
.table-type-01 td {
border: 1px solid #e4e1cf;
width: 706px;
padding: 14px 16px 12px;
letter-spacing: -0.05em;
word-wrap: break-word;

}
.table-type-01 td .ico-pdf-01 {
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
margin: -5px 0 0 2px;
}

/*table-type-02*/
.table-type-02 {
width: 1120px;
border: 1px solid #e4e1cf;
font-size: 100%;
table-layout: fixed;
}
.table-type-02 td {
border: 1px solid #e4e1cf;
width: 560px;
padding: 16px 12px 14px;
word-wrap: break-word;
}
.table-type-02 .first td {
padding: 7px 12px 5px;
}
.table-type-02 a {
text-decoration: underline;
color: #e82026;
}
.table-type-02 a:hover {
text-decoration: none;
}
/*アイコン*/
.table-type-02 td .ico01 {
display: inline-block;
width: 100px;
height: 40px;
vertical-align: middle;
margin: -4px 0 0 3px;
}
.table-type-02 td .ico02 {
display: inline-block;
width: 100px;
height: 38px;
vertical-align: middle;
margin: -4px 0 0 3px;
}

/* text-border-wrap
---------------------------------------------------------- */
.txt-border-wrap {
width: 560px;
border: 1px solid #e4e1cf;
padding: 16px 12px;
}
.txt-border-wrap .txt a {
font-size: 100%;
text-decoration: underline;
color: #e82026;
}
.txt-border-wrap .txt a:hover {
text-decoration: none;
}