@charset "UTF-8";

/* ==========================================================
 railway css
========================================================== */
/* ttl-info-station
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.ttl-cmn-06 {
background-color: #ebeadf;
padding: 7px;
margin: 12px 0 17px;
width: 100%;
}
.ttl-cmn-06 span {
font-size: 15px;
display: table-cell;
font-weight: bold;
line-height: 1.2;
padding: 7px 14px;
border-left: 5px solid #e82026;
}
/* area-info-station
---------------------------------------------------------- */
.area-info-station {
overflow: hidden;
margin-bottom: 21px;
}
/*detail-left*/
.area-info-station .detail-left {
float: none;
width: auto;
margin-bottom:15px;
}
.area-info-station .detail-left .list-cmn-button.s-type-01{
margin: 10px -10px 0 -10px;
}
.area-info-station .detail-left .list-cmn-button.s-type-01 li{
width:45%;
padding:0 10px;
margin:0;
}
.area-info-station .detail-left .box-station-name {
width: 90%;
padding: 15px 0 0 0;
}
.area-info-station .detail-left .box-station-name .title {
font-size: 24px;
margin-bottom: 2px;
}
.area-info-station .detail-left .box-station-name .subtitle {
line-height: 1.2;
font-size: 10px;
margin-bottom: 0;
padding-bottom:10px;
}
.area-info-station .detail-left .box-station-name .text{
font-size: 120%;
line-height: 1;
padding: 5px;
background-color: #e82026;
color: #fff;
font-weight: bold;
}
.list-cmn-button-02 {
overflow: hidden;
margin: 19px -6px 30px -6px;
}
.list-cmn-button-02 .col {
padding: 0 5px;
}
.list-cmn-button-02 .col .button {
padding: 9px 23px;
background-position: 94% center;
background-size: 6px 9px;
font-size: 12px;
}

/*detail-right*/
.area-info-station .detail-right {
float: none;
width: auto;
margin-left: 0;
text-align:center;
}
.area-info-station .detail-right .box-contact-01 {
width: 90%;
padding: 10px;
margin: 10px auto 0 auto!important;
}
.area-info-station .detail-right .box-contact-01 a {
width: 100%;
display: block;
padding: 0;
}

.area-info-station .detail-right .box-contact-01 + .box-contact-01 {
margin-top: 10px;
}
.area-info-station .detail-right .box-contact-01 .title {
color: #000;
font-size: 12px;
margin-bottom: 15px;
padding-right: 5px;
}
.area-info-station .detail-right .box-contact-01 .title:before {
width: 11px;
height: 11px;
background-size: 11px;
}
.area-info-station .detail-right .box-contact-01 .time {
line-height: 1.2;
font-size: 11px;
margin-bottom: 7px;
}
.area-info-station .detail-right .box-contact-01 .tel {
font-size: 24px;
}
.area-info-station .detail-right .box-contact-01 .tel .ruby{
font-size: 10px;
}

/* mod-info-box
---------------------------------------------------------- */
.mod-infobox-01 .item {
float: none;
width: 100%;
}
.mod-infobox-01 .item a {
font-size: 11px;
}
.mod-infobox-01 .item a:hover {
}
.mod-infobox-01 .item .title {
padding: 9px 10px;
text-align: left;
}
.mod-infobox-01 .item .parts:nth-child(n+3) {
	margin-top:0;
}
.mod-infobox-01 .item{
border-left: 1px solid #e4e1cf;
margin-bottom:10px;
}
.mod-infobox-01 .item .facility01 {
padding: 10px 10px 10px 35px;
}
.mod-infobox-01 .item .facility02 {
padding: 10px;
}


/*アイコン*/
.mod-infobox-01 .item .facility01.ico-type-01 {
background-size: 14px;
background-position: 12px center;
}
.mod-infobox-01 .item .facility01.ico-type-02 {
background-size: 12px;
background-position: 13px 12px;
}

/* tablelist
---------------------------------------------------------- */
.table-list-01{
width:100%;
}
.table-list-01 li{
display:block;
width:100%;
padding:10px;
vertical-align:top;
}
.table-list-01 li .ico01{
width:auto;
height:16px;
vertical-align:top;
}

.table-list-01 li:nth-child(2){
	border-top:none;
}


/* table
---------------------------------------------------------- */
/*table-type-01*/
.table-type-01,
.table-type-01 tbody,
.table-type-01 tr,
.table-type-01 th,
.table-type-01 td {
display: block;
width: 100%;
}
.table-type-01 {
border: 1px solid #e4e1cf;
}
.table-type-01 th {
border: none;
font-weight: bold;
padding: 10px 11px;
border-bottom: 1px solid #e4e1cf;

}
.table-type-01 td {
border: none;
padding: 10px 11px;
border-bottom: 1px solid #e4e1cf;
}
.table-type-01 tr:last-child td {
border-bottom: none;
}
.table-type-01  td .enter {
display: block;
}
.table-type-01 td .ico-pdf-01 {
width: 12px;
height: 12px;
margin-left: 0;
}

/*table-type-02*/
.table-type-02,
.table-type-02 tr,
.table-type-02 tbody,
.table-type-02 td {
width: 100%;
display: block;
border: none;
}
.table-type-02 {
border: 1px solid #e4e1cf;
}
.table-type-02 td{
padding: 10px 9px;
border-bottom: 1px solid #e4e1cf;
word-wrap: break-word;
}
.table-type-02 tr:last-child td:last-child {
padding: 10px 9px;
border-bottom: none;
}

.table-type-02 .first td {
padding: 7px 9px 5px;
}
.table-type-02 a {
text-decoration: underline;
color: #e82026;
}
.table-type-02 a:hover {
text-decoration: none;
}
/*アイコン*/
.table-type-02 td .ico01 {
width: 50px;
height: 20px;
margin: -4px 0 0 3px;
}
.table-type-02 td .ico02 {
width: 50px;
height: 19px;
margin: -4px 0 0 3px;
}

/* text-border-wrap
---------------------------------------------------------- */
.txt-border-wrap {
width: 100%;
padding: 10px 9px;
}
.txt-border-wrap .txt a {
font-size: 11px;
}

}