@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url(https://fonts.googleapis.com/css?family=Cabin);
/* ----- 元からの ----- */
body, h1, h2, h3, table, ul, li, ol, dl, dt, dd, p, form, th, td, input { padding: 0; margin: 0; font-family: 'Noto Sans JP', 'Noto Sans Japanese', "Yu Gothic", YuGothic, -apple-system-body, sans-serif; }

@media screen { body { background-image: url(https://www.wakayama-dentetsu.co.jp/wp/wp-content/themes/xeory_base-child/img/common/bg.gif); } }

/* 縦型時刻表用 */
.line-timetable { font-size: 1.6vw; text-align: left; /* 1ページ目 */ /* 2ページ目 */ }

@media print and (-ms-high-contrast: none) { .line-timetable { font-size: 8pt; } }

@media screen and (max-width: 480px) { .line-timetable { font-size: 3.2vw; } }

.line-timetable .title-box { display: table; text-align: center; margin: 0 auto; }

.line-timetable .title-box .title { font-size: 120%; font-weight: bold; display: table-cell; }

.line-timetable .title-box .title span { display: inline-block; border-bottom: solid 2px #000; white-space: nowrap; }

.line-timetable .title-box .btn { display: table-cell; vertical-align: middle; }

.line-timetable .title-box .btn a { background-color: #DC4A30; color: #fff; font-family: 'Cabin', sans-serif; width: 2em; border-radius: 4px; box-shadow: 0px 0px 0px 3px #fff; font-size: 1.8em; line-height: 1.0em; font-weight: bold; margin: 0 0.5em; display: inline-block; text-decoration: none; }

.line-timetable .title-box .btn a:hover { color: #FB9346; }

@media print { .line-timetable .title-box .btn { display: none; } }

.line-timetable .legend-list { text-align: left; margin-left: 1em; margin-top: 1em; }

.line-timetable .legend-list .legend { margin-right: 2em; float: left; }

.line-timetable .timetable-title { clear: both; font-weight: bold; text-align: left; margin-left: 1em; padding-top: 1em; }

.line-timetable .timetable table { font-size: 88%; background-color: #fff; margin: 0 0.5em 1em 0.5em; border-collapse: collapse; line-height: 100%; }

.line-timetable .timetable table tr th, .line-timetable .timetable table tr td { border: solid 1px #dc4a30; padding: 0.2em; white-space: nowrap; }

.line-timetable .timetable table tr th { font-weight: bold; }

.line-timetable .timetable table tr td { text-align: center; vertical-align: middle; }

.line-timetable .timetable table tr .time { width: 3em; min-width: 24pt; }

.line-timetable .timetable table tr .hensei { font-size: 90%; }

.line-timetable .timetable table tr .station { width: 8em; min-width: 64pt; text-align: justify; text-align-last: justify; text-justify: inter-ideograph; }

.line-timetable .timetable table tr .station-en { width: 12em; min-width: 12em; text-align: left; }

@media screen { .line-timetable .timetable:nth-child(2) .footer { display: none; }
  .line-timetable .timetable:nth-child(2) .copyright { display: none; } }

@media screen { .line-timetable .timetable:nth-child(3) .title-box { display: none; }
  .line-timetable .timetable:nth-child(3) .legend-list { display: none; }
  .line-timetable .timetable:nth-child(3) .copyright { display: none; } }

@media print { .line-timetable .timetable:nth-child(3) .title-box { page-break-before: always; } }

.line-timetable .jump-list { text-align: center; }

.line-timetable .jump-list a { color: #DC4A30; }

@media print { .line-timetable .jump-list { display: none; } }

.line-timetable .footer { padding-left: 1.5em; margin-bottom: 3em; }

.line-timetable .footer .footer-ja { font-weight: bold; text-indent: -0.5em; }

.line-timetable .footer .footer-en { font-size: 90%; }

.line-timetable .page-back { text-align: center; line-height: 100%; }

.line-timetable .page-back a { text-decoration: none; background-color: #DC4A30; color: #fff; padding: 0.5em 1em; font-weight: 500; border-radius: 4px; box-shadow: 0px 0px 0px 3px #fff; display: inline-block; width: 9em; margin-bottom: 1em; }

.line-timetable .page-back a:hover { background-color: #FB9346; }

.line-timetable .page-back .back-en { font-size: 80%; }

@media print { .line-timetable .page-back { display: none; } }

.line-timetable .copyright { text-align: center; }

.line-timetable .copyright span { font-size: 0.7em; font-weight: bold; letter-spacing: 2px; font-family: 'Cabin', sans-serif; text-transform: uppercase; color: #d7190b; }

/* 駅発時刻表用 */
.station-timetable { font-size: 1.6vw; text-align: left; }

@media print and (-ms-high-contrast: none) { .station-timetable { font-size: 8pt; width: 60em; } }

@media screen and (max-width: 480px) { .station-timetable { font-size: 3.2vw; } }

.station-timetable .title-box { display: table; text-align: center; margin: 0 auto; }

.station-timetable .title-box .title { font-size: 120%; font-weight: bold; display: table-cell; }

.station-timetable .title-box .title span { display: inline-block; border-bottom: solid 2px #000; white-space: nowrap; }

.station-timetable .title-box .btn { display: table-cell; vertical-align: middle; }

.station-timetable .title-box .btn a { background-color: #DC4A30; color: #fff; font-family: 'Cabin', sans-serif; width: 2em; border-radius: 4px; box-shadow: 0px 0px 0px 3px #fff; font-size: 1.8em; line-height: 1.0em; font-weight: bold; margin: 0 0.5em; display: inline-block; text-decoration: none; }

.station-timetable .title-box .btn a:hover { color: #FB9346; }

@media print { .station-timetable .title-box .btn { display: none; } }

.station-timetable .legend-list { text-align: left; margin-left: 1em; margin-top: 1em; }

.station-timetable .legend-list .legend { margin-right: 2em; float: left; }

.station-timetable .timetable-box { clear: both; padding-top: 1em; }

.station-timetable .column-1 table { width: calc(100% - 1em); }

.station-timetable .column-2 table { width: calc(50% - 1em); float: left; }

@media screen and (max-width: 480px) { .station-timetable .column-2 table { width: calc(100% - 1em); float: none; } }

.station-timetable .timetable table { background-color: #fff; line-height: 100%; margin: 0 0.5em 1em 0.5em; border-collapse: collapse; }

.station-timetable .timetable table tr th, .station-timetable .timetable table tr td { border: solid 1px #dc4a30; padding: 0.2em; vertical-align: middle; }

.station-timetable .timetable table tr th { font-weight: bold; }

.station-timetable .timetable table tr td { vertical-align: middle; }

.station-timetable .timetable table tr .hour { font-size: 140%; width: 2em; height: 1.6em; font-weight: bold; text-align: center; }

.station-timetable .timetable table tr .timelist { font-size: 140%; line-height: 105%; vertical-align: middle; text-align: left; padding-left: 0.6em; }

.station-timetable .timetable table tr .timelist .time { display: inline-block; width: 4em; }

.station-timetable .timetable table tr .timelist .time .minute { display: table-cell; width: 2em; text-align: center; vertical-align: middle; font-weight: bold; }

.station-timetable .timetable table tr .timelist .time .hensei { display: table-cell; text-align: center; vertical-align: middle; font-size: 40%; line-height: 105%; }

.station-timetable .timetable-title { font-size: 110%; font-weight: bold; text-align: left; margin-left: 1em; padding: 0.8em 0; background-color: #dc4a30; color: #F5F5F5; }

.station-timetable .timetable-title .updown { margin-left: 0.5em; }

.station-timetable .timetable-title .dest { margin-left: 0.5em; }

.station-timetable .timetable-title .dest-en { font-weight: normal; font-size: 80%; }

.station-timetable .timetable-title .legend { display: inline-block; font-size: 60%; font-weight: normal; float: right; }

.station-timetable .footer { padding-left: 1.5em; margin-bottom: 3em; clear: both; }

.station-timetable .footer .footer-ja { font-weight: bold; text-indent: -0.5em; }

.station-timetable .footer .footer-en { font-size: 90%; }

.station-timetable .page-back { text-align: center; line-height: 100%; }

.station-timetable .page-back a { text-decoration: none; background-color: #DC4A30; color: #fff; padding: 0.5em 1em; font-weight: 500; border-radius: 4px; box-shadow: 0px 0px 0px 3px #fff; display: inline-block; width: 9em; margin-bottom: 1em; }

.station-timetable .page-back a:hover { background-color: #FB9346; }

.station-timetable .page-back .back-en { font-size: 80%; }

@media print { .station-timetable .page-back { display: none; } }

.station-timetable .copyright { text-align: center; }

.station-timetable .copyright span { font-size: 0.7em; font-weight: bold; letter-spacing: 2px; font-family: 'Cabin', sans-serif; text-transform: uppercase; color: #d7190b; }

/* 日付選択ページ用 */
.select-date { text-align: center; /*#DayOfWeek:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/ /*.WeekLine:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/ /*li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/ /* 外枠の定義 */ /* 年月表示 */ /* 曜日用 */ /* 曜日の□囲み */ /* 曜日の□囲み */ /* 曜日の□囲み */ /* 日付用 */ /* 日付でリンク先があるもの */ /* 日付クリック時 */ /*ul.WeekLine li a.ExistLinkA:active { background-color : #FFFF00; border : 1px solid #666600; }*/ /* 日付マウスオーバー時 */ /* 日付フォーカス */ /* 日付でリンク先があるもの */ /* 日付クリック時 */ /* 日付マウスオーバー時 */ /* 日付フォーカス */ /* 日付ブランク */ /* 説明用 */ /* 説名用 */ }

.select-date li { list-style-type: none; }

.select-date a { text-decoration: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; color: #575747; }

.select-date font { font-size: 0.7em; font-weight: bold; letter-spacing: 2px; font-family: 'Cabin', sans-serif; text-transform: uppercase; }

.select-date hr { border: 0; margin: 0 0 20px 0; }

.select-date img { display: none; }

.select-date h2 { font-size: 1.3em; background-image: url(http://kir406712.kir.jp/wp/wp-content/uploads/2016/06/title-time.png); background-repeat: no-repeat; background-position: top; padding-top: 180px; display: table; margin: 0 auto 25px auto; }

.select-date .MMYYYY .btn { display: table-cell; vertical-align: middle; }

.select-date .MMYYYY .btn a { background-color: #DC4A30; color: #fff; font-family: 'Cabin', sans-serif; width: 50px; border-radius: 4px; box-shadow: 0px 0px 0px 3px #fff; font-size: 1.8em; line-height: 1.0em; font-weight: bold; margin: 0 0.5em; display: inline-block; text-decoration: none; }

.select-date .MMYYYY .btn a:hover { color: #FB9346; }

.select-date .tit { padding: 0px 20px; }

.select-date #DayOfWeek { display: inline-table; }

.select-date .WeekLine { display: inline-table; }

.select-date .WeekLine { display: inline-table; }

.select-date ul#DayOfWeek { font-family: 'Noto Sans Japanese', sans-serif; clear: both; }

.select-date #DayOfWeek li span { display: table-cell; float: left; width: 50px; padding-top: 5px; padding-bottom: 5px; font-size: 1.2em; font-weight: bold; border: 5px solid #fff; }

@media only screen and (max-width: 768px) { .select-date #DayOfWeek li span { width: 40px; border: 2px solid #fff; } }

.select-date ul#DayOfWeek li span.weekday { background-color: #D3D3D3; }

.select-date ul#DayOfWeek li span.sat { background-color: #4499dd; color: #FFFFFF; }

.select-date ul#DayOfWeek li span.sun { background-color: #CC4444; color: #ffffff; }

.select-date ul.WeekLine, .select-date #DayOfWeek { display: table; }

.select-date .WeekLine li a, .select-date ul.WeekLine li span.NoExist { display: table-cell; float: left; width: 50px; padding-top: 10px; padding-bottom: 10px; font-size: 1.2em; font-weight: bold; border: 5px solid #fff; }

.select-date .WeekLine { clear: both; font-family: 'Cabin', sans-serif; /*margin-left: 45px;*/ }

@media only screen and (max-width: 768px) { .select-date .WeekLine li a, .select-date ul.WeekLine li span.NoExist { width: 40px; border: 2px solid #fff; } }

.select-date ul.WeekLine li a.ExistLinkA { color: #666000; background-color: #FFFFE0; }

.select-date ul.WeekLine li a.ExistLinkA:hover { color: #333333; background-color: #FFFF00; }

.select-date ul.WeekLine li a.ExistLinkA:focus { color: #333333; background-color: #FFFF00; }

.select-date ul.WeekLine li a.ExistLinkB { color: #666000; background-color: #FFE4E1; }

.select-date ul.WeekLine li a.ExistLinkB:active { color: #333333; background-color: #FF69B4; }

.select-date ul.WeekLine li a.ExistLinkB:hover { color: #333333; background-color: #FF69B4; }

.select-date ul.WeekLine li a.ExistLinkB:focus { color: #333333; background-color: #FF69B4; }

.select-date ul.WeekLine li span.NoExist { background-color: #F5F5F5; }

.select-date span.A { color: #FFFFE0; background-color: #FFFFE0; width: 20px; height: 20px; display: block; float: left; margin-right: 10px; margin-left: 10px; margin-top: 5px; }

.select-date span.B { color: #FFE4E1; background-color: #FFE4E1; width: 20px; height: 20px; display: block; float: left; margin-right: 10px; margin-top: 5px; }

/* 駅選択ページ用 */
.select-station { text-align: center; /* copyright */ /* btn */ /* table */ /* 日付マウスオーバー時 */ /* ダイヤ編成年月日のリスト */ }

.select-station li { list-style-type: none; }

.select-station a { text-decoration: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; color: #575747; }

.select-station .btn { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

.select-station hr { border: 0; margin: 0 0 0px 0; }

.select-station img { display: none; }

.select-station h2 { font-size: 1.1em; background-image: url(http://kir406712.kir.jp/wp/wp-content/uploads/2016/06/title-time.png); background-repeat: no-repeat; background-position: top; padding-top: 175px; display: table; line-height: 1.8em; margin: 0 auto 25px auto; }

.select-station h2 .tit { margin: 0 20px; font-size: 1.2em; display: inline-block; text-align: center; }

.select-station h2 .tit span { white-space: nowrap; }

.select-station .copyright font { font-size: 0.7em; font-weight: bold; letter-spacing: 2px; font-family: 'Cabin', sans-serif; text-transform: uppercase; color: #d7190b; }

.select-station .btn { display: table-cell; vertical-align: middle; padding: 0 4px; }

.select-station .btn a { color: #fff; display: inline-block; width: 45px; background-color: #DC4A30; color: #fff; border-radius: 4px; box-shadow: 0px 0px 0px 3px #fff; position: relative; font-size: 1.8em; font-weight: bold; padding: 4px; }

.select-station .btn a:hover { color: #FB9346; }

.select-station .btn-cal { margin: 20px 0 20px 0; }

.select-station .btn-cal a { background-color: #DC4A30; color: #fff; padding: 10px 20px; font-weight: 500; border-radius: 4px; box-shadow: 0px 0px 0px 3px #fff; display: inline-block; line-height: 100%; }

.select-station .btn-cal a .back-en { font-size: 80%; }

.select-station .btn-cal a:hover { background-color: #FB9346; }

.select-station .btn-station { margin: 0px 0 40px 0; }

.select-station .btn-station a { background-color: #DC4A30; color: #fff; padding: 10px 37px; font-weight: 500; border-radius: 4px; box-shadow: 0px 0px 0px 3px #fff; }

.select-station .btn-station a:hover { background-color: #FB9346; }

.select-station .btn-station a:before { font-family: FontAwesome; content: "\f03a"; margin-right: 10px; opacity: 0.5; }

.select-station table { margin: 25px auto 10px auto; border-collapse: collapse; font-size: 1.1em; }

.select-station th { background-color: #D3D3D3; border: 8px solid #fff; padding: 8px 0 8px 0; color: #575747; }

.select-station th:nth-child(1) { background-color: #CC4444; }

.select-station th:nth-child(1) font { color: #fff; }

.select-station th:nth-child(7) { background-color: #4499dd; }

.select-station th:nth-child(7) font { color: #fff; }

.select-station td { width: 50px; height: 50px; font-size: 1.2em; font-weight: bold; border: 8px solid #fff; font-family: 'Cabin', sans-serif; background-color: #F5F5F5 !important; }

.select-station td a { width: 100%; padding: 13px 0; display: block; background-color: #FFFFE0; }

.select-station tr td:nth-child(1) a, .select-station tr td:nth-child(7) a { background-color: #FFE4E1; }

.select-station td a:hover { color: #333333; background-color: #FFFF00; }

.select-station tr td:nth-child(1) a:hover, .select-station tr td:nth-child(7) a:hover { background-color: #FF69B4; }

@media only screen and (max-width: 768px) { .select-station td { width: 40px; } }

.select-station .list { text-align: left; width: 300px; margin: 20px auto 0 auto; }

.select-station .list a { background-color: #fff; display: block; padding: 10px; font-size: 1.2em; font-weight: 600; border: 1px solid #E69D88; border-radius: 5px; margin-bottom: -15px; position: relative; padding-left: 2.6em; text-indent: -1.8em; line-height: 110%; }

.select-station .list a .station { white-space: nowrap; }

.select-station .list a .station-en { font-size: 70%; white-space: nowrap; }

.select-station .list a:first-letter { color: #FB9346; margin-right: 0.8em; font-size: 1.0em; }

.select-station .list a:hover { background-color: #EC9B8D; color: #fff; }

.select-station .list a:hover:after { color: rgba(255, 255, 255, 0.8); }

.select-station .list a:hover:first-letter { color: rgba(255, 255, 255, 0.8); }