@charset "UTF-8";
/** reset */
.content-wrap {
  -webkit-text-size-adjust: 100%;
}

.content-wrap p, .content-wrap li, .content-wrap dt, .content-wrap dd, .content-wrap th, .content-wrap td, .content-wrap input, .content-wrap textarea, .content-wrap select, .content-wrap h1, .content-wrap h2, .content-wrap h3, .content-wrap h4, .content-wrap h5, .content-wrap h6 {
  font-size: inherit;
}

.content-wrap .section {
  padding-left: 0;
  padding-right: 0;
}

.content-wrap .text10 {
  font-size: 77% !important;
}

.content-wrap .text11 {
  font-size: 85%;
}

.content-wrap .text12 {
  font-size: 93%;
}

.content-wrap .text13 {
  font-size: 100%;
}

.content-wrap .text14 {
  font-size: 108%;
}

.content-wrap .text15 {
  font-size: 116%;
}

.content-wrap .text16 {
  font-size: 123.1% !important;
}

.content-wrap .text17 {
  font-size: 131%;
}

.content-wrap .text18 {
  font-size: 138.5%;
}

.content-wrap .text19 {
  font-size: 146.5%;
}

.content-wrap .text20 {
  font-size: 153.9%;
}

.content-wrap .text21 {
  font-size: 161.6%;
}

.content-wrap .text22 {
  font-size: 167%;
}

.content-wrap .text23 {
  font-size: 174%;
}

.content-wrap .text24 {
  font-size: 184%;
}

.content-wrap .text26 {
  font-size: 200%;
}

.content-wrap .text32 {
  font-size: 246.2%;
}

/** end reset */
/** base element */
.mono {
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
}

.nowrap {
  white-space: nowrap;
}

.clearfix {
  overflow: hidden;
  _zoom: 1;
}

p.notice,
.notice li {
  text-indent: -1.0em;
  padding-left: 1.2em;
}

p.notice .mono,
.notice li .mono {
  padding-right: 0.2em;
}

.red {
  color: #cc1800;
}

.note li {
  text-indent: -1em;
  padding-left: 1em;
}

.note li:before {
  content: "※";
  font-family: monospace;
}

.summary dt {
  width: 6em;
  float: left;
  margin: 0 0 5px 0;
  clear: left;
}

.summary dd {
  margin: 0 0 0px 7em;
  padding: 2px 0 15px 0;
}

.summary dd strong {
  font-weight: bold;
  font-size: 1.08em;
}

.linkWrap {
  margin-top: 20px;
  background: #c1272d;
  color: #fff;
  padding: 1em 0;
}

.linkWrap p {
  margin-bottom: .5em;
}

.linkWrap a.btn-text {
  display: block;
  width: 420px;
  max-width: 100%;
  margin: auto;
  padding: 1em 2em 1em .5em;
  background: #fff;
  color: #D70748;
  font-size: 18px;
  position: relative;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
  transition: opacity 0.25s ease;
}

.linkWrap a.btn-text::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  background: url("../i/btn-arrow2.png") no-repeat center right;
  background-size: 30px;
}

.linkWrap a.btn-text:hover {
  text-decoration: none;
  opacity: .6;
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .linkWrap {
    margin: 1em -20px;
    padding: 20px;
  }
  .linkWrap p {
    /** text-align: left; */
  }
  .linkWrap p span {
    white-space: nowrap;
  }
  .linkWrap a.btn-text {
    font-size: 14px;
  }
}

.partition {
  height: 30px;
  width: 100%;
}

.content-wrap {
  margin: auto;
}

.page-nav {
  /** ページボタン */
}

.page-nav a#btn-exp-rakuraku,
.page-nav a#btn-renraku-rakuraku,
.page-nav a#btn-diasearch,
.page-nav a#btn-uji {
  display: block;
  background-image: url("../i/btns.png");
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -9999px;
}

.page-nav a#btn-exp-rakuraku {
  position: absolute;
  left: 12px;
  top: 114px;
  width: 200px;
  height: 58px;
  background-position: 0px 0px;
}

.page-nav a#btn-exp-rakuraku:hover {
  background-position: -200px 0px;
}

.page-nav a#btn-renraku-rakuraku {
  position: absolute;
  left: 221px;
  top: 114px;
  width: 200px;
  height: 58px;
  background-position: 0 -58px;
}

.page-nav a#btn-renraku-rakuraku:hover {
  background-position: -200px -58px;
}

.page-nav a#btn-diasearch {
  position: absolute;
  left: 12px;
  top: 219px;
  width: 410px;
  height: 39px;
  background-position: 0 -116px;
}

.page-nav a#btn-diasearch:hover {
  background-position: -410px -116px;
}

.page-nav a#btn-uji {
  position: absolute;
  left: 12px;
  top: 176px;
  width: 410px;
  height: 39px;
  background-position: 0 -155px;
}

.page-nav a#btn-uji:hover {
  background-position: -410px -155px;
}

.about-rakuraku .headmark {
  width: 220px;
  float: right;
  text-align: center;
  margin: 0 0 10px 20px;
}

.about-rakuraku .headmark img {
  margin-bottom: 5px;
  width: 100%;
}

.about-rakuraku .context p {
  font-size: 123.1%;
  line-height: 1.6 !important;
}

@media screen and (max-width: 767px) {
  .about-rakuraku .context p {
    font-size: 108%;
    line-height: 1.6 !important;
  }
}

.title h2 {
  background: #FDEADA;
  padding: 20px 0;
  border-radius: 10px;
}

.title img {
  margin: auto;
  width: 473px;
  max-width: 86%;
}

/** 列車概要 */
.exp_info {
  overflow: hidden;
  _zoom: 1;
}

.exp_info dt {
  float: left;
  width: 6em;
  margin: 0 0 8px 0;
}

@media screen and (max-width: 767px) {
  .exp_info dt {
    float: none;
    width: 100%;
  }
}

.exp_info dt .title {
  display: block;
  padding: 3px 10px;
  background: #D70748;
  text-align: center;
  color: #fff;
  vertical-align: bottom;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
}

.exp_info dd {
  margin: 0 0 16px 7em;
  padding: 5px 0px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .exp_info dd {
    margin: 0 0 1em 0;
    text-align: center;
  }
}

.exp_info strong {
  font-weight: bold;
  font-size: 100%;
}

.exp-wrap {
  margin: 0px auto;
  padding: 0px;
  border: solid 1px #e1e1e1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
}

@media screen and (max-width: 767px) {
  .exp-wrap {
    border: none;
  }
}

.exp-wrap .flyer {
  position: relative;
  min-height: 280px;
}

.exp-wrap .page-title {
  position: absolute;
  top: 10px;
  left: 0;
  text-align: center;
  width: 100%;
}

.spring2015 {
  background: #fbdce9 url("../i/title-bg.jpg") no-repeat top center;
}

/** rakuraku */
#exp-rakuraku,
#exp-renraku,
.special {
  padding: 19px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
  /*** ノンストップ京阪特急時刻表 */
  /** 路線図 */
  /** 洛楽1day案内 */
  /**  */
  /** 時刻表リンク */
  /** 8000系車両について */
}

@media screen and (max-width: 767px) {
  #exp-rakuraku,
  #exp-renraku,
  .special {
    padding: 0;
  }
}

#exp-rakuraku h3,
#exp-renraku h3,
.special h3 {
  padding-bottom: 0.2em;
  color: #D70748;
  border-bottom: 2px solid #D70748;
}

#exp-rakuraku .timetables .timetablewrap,
#exp-renraku .timetables .timetablewrap,
.special .timetables .timetablewrap {
  position: relative;
}

#exp-rakuraku .timetables .timetablewrap dt,
#exp-renraku .timetables .timetablewrap dt,
.special .timetables .timetablewrap dt {
  font-size: 2em;
  margin-bottom: .3em;
}

#exp-rakuraku .timetables .timetablewrap .update,
#exp-renraku .timetables .timetablewrap .update,
.special .timetables .timetablewrap .update {
  display: inline-block;
  font-size: 54%;
}

@media screen and (max-width: 767px) {
  #exp-rakuraku .timetables .timetablewrap dt,
  #exp-renraku .timetables .timetablewrap dt,
  .special .timetables .timetablewrap dt {
    text-align: center;
  }
}

#exp-rakuraku .timetables .badge-rinji,
#exp-renraku .timetables .badge-rinji,
.special .timetables .badge-rinji {
  display: block;
}

#exp-rakuraku .timetables #rakuraku-rinji-01,
#exp-renraku .timetables #rakuraku-rinji-01,
.special .timetables #rakuraku-rinji-01 {
  position: absolute;
  left: -42px;
  top: 150px;
}

#exp-rakuraku .timetables #rakuraku-rinji-02,
#exp-renraku .timetables #rakuraku-rinji-02,
.special .timetables #rakuraku-rinji-02 {
  position: absolute;
  left: -42px;
  top: 210px;
}

#exp-rakuraku .timetables #rakuraku-rinji-03,
#exp-renraku .timetables #rakuraku-rinji-03,
.special .timetables #rakuraku-rinji-03 {
  position: absolute;
  left: -42px;
  top: 68px;
}

#exp-rakuraku .timetables .badge-renraku,
#exp-renraku .timetables .badge-renraku,
.special .timetables .badge-renraku {
  display: block;
  width: 17px;
  height: 17px;
}

#exp-rakuraku .timetables #ohara_rakuraku-01,
#exp-renraku .timetables #ohara_rakuraku-01,
.special .timetables #ohara_rakuraku-01 {
  position: absolute;
  left: 50px;
  top: 95px;
}

#exp-rakuraku .timetables #kurama_rakuraku-01,
#exp-renraku .timetables #kurama_rakuraku-01,
.special .timetables #kurama_rakuraku-01 {
  position: absolute;
  left: 50px;
  top: 122px;
}

#exp-rakuraku .timetables #hiei_rakuraku-01,
#exp-renraku .timetables #hiei_rakuraku-01,
.special .timetables #hiei_rakuraku-01 {
  position: absolute;
  left: 50px;
  top: 71px;
}

#exp-rakuraku .timetables .timetable,
#exp-renraku .timetables .timetable,
.special .timetables .timetable {
  width: 602px;
  margin: 5px auto 0 auto;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
}

#exp-rakuraku .timetables .timetable .timetable-inner,
#exp-renraku .timetables .timetable .timetable-inner,
.special .timetables .timetable .timetable-inner {
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
}

#exp-rakuraku .timetables .timetable caption,
#exp-renraku .timetables .timetable caption,
.special .timetables .timetable caption {
  font-weight: bold;
  padding: 0 0;
  font-size: 116%;
}

#exp-rakuraku .timetables .timetable th,
#exp-rakuraku .timetables .timetable td,
#exp-renraku .timetables .timetable th,
#exp-renraku .timetables .timetable td,
.special .timetables .timetable th,
.special .timetables .timetable td {
  padding: 5px;
  text-align: center;
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  font-size: 92%;
}

#exp-rakuraku .timetables .timetable thead td,
#exp-rakuraku .timetables .timetable th,
#exp-renraku .timetables .timetable thead td,
#exp-renraku .timetables .timetable th,
.special .timetables .timetable thead td,
.special .timetables .timetable th {
  background: #D70748;
  color: #fff;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
}

#exp-rakuraku .timetables .timetable tbody td,
#exp-renraku .timetables .timetable tbody td,
.special .timetables .timetable tbody td {
  background: #fef8ec;
}

#exp-rakuraku .timetables .timetable .eki,
#exp-rakuraku .timetables .timetable .time,
#exp-renraku .timetables .timetable .eki,
#exp-renraku .timetables .timetable .time,
.special .timetables .timetable .eki,
.special .timetables .timetable .time {
  height: 1.0em;
  /*font-size: 116%;*/
}

#exp-rakuraku .timetables .timetable .eki,
#exp-renraku .timetables .timetable .eki,
.special .timetables .timetable .eki {
  background: #f5e0e5;
  white-space: nowrap;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
}

#exp-rakuraku .timetables .timetable .nonstop th,
#exp-rakuraku .timetables .timetable .nonstop td,
#exp-renraku .timetables .timetable .nonstop th,
#exp-renraku .timetables .timetable .nonstop td,
.special .timetables .timetable .nonstop th,
.special .timetables .timetable .nonstop td {
  /** background: #E40012; */
  background: #ffe243;
}

#exp-rakuraku .timetables .timetable th.nonstop,
#exp-rakuraku .timetables .timetable td.nonstop,
#exp-renraku .timetables .timetable th.nonstop,
#exp-renraku .timetables .timetable td.nonstop,
.special .timetables .timetable th.nonstop,
.special .timetables .timetable td.nonstop {
  background: #ffe243;
  color: #cc1800;
  font-weight: bold;
}

#exp-rakuraku .timetables .timetable .hatsu,
#exp-renraku .timetables .timetable .hatsu,
.special .timetables .timetable .hatsu {
  font-size: 10px;
}

#exp-rakuraku .timetables strong,
#exp-renraku .timetables strong,
.special .timetables strong {
  font-weight: bold;
  color: #cc1800;
}

#exp-rakuraku .timetables .notice,
#exp-renraku .timetables .notice,
.special .timetables .notice {
  margin: 5px 0 0 0;
}

#exp-rakuraku .timetables .notice li,
#exp-renraku .timetables .notice li,
.special .timetables .notice li {
  font-size: 93% !important;
  padding-left: 1em;
  text-indent: -1em;
}

#exp-rakuraku .rosenzu .img-rosenzu,
#exp-renraku .rosenzu .img-rosenzu,
.special .rosenzu .img-rosenzu {
  display: block;
  margin: auto;
}

#exp-rakuraku .recommends-rakuraku,
#exp-renraku .recommends-rakuraku,
.special .recommends-rakuraku {
  position: relative;
  ovarflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .recommends-rakuraku a.btn-ticket,
#exp-renraku .recommends-rakuraku a.btn-ticket,
.special .recommends-rakuraku a.btn-ticket {
  display: block;
  position: absolute;
  left: 408px;
  top: 16px;
  width: 291px;
  height: 87px;
}

#exp-rakuraku .renraku2,
#exp-renraku .renraku2,
.special .renraku2 {
  /** おすすめチケット＆ダイヤ */
}

#exp-rakuraku .renraku2 .exps,
#exp-renraku .renraku2 .exps,
.special .renraku2 .exps {
  margin-top: -3em;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku2 .exps li.exp,
#exp-renraku .renraku2 .exps li.exp,
.special .renraku2 .exps li.exp {
  margin-top: 3em;
}

#exp-rakuraku .renraku2 .exps .headmark li,
#exp-renraku .renraku2 .exps .headmark li,
.special .renraku2 .exps .headmark li {
  margin: 0 0 1em 0;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku2 .recommends,
#exp-renraku .renraku2 .recommends,
.special .renraku2 .recommends {
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku2 .recommends .btn-block,
#exp-renraku .renraku2 .recommends .btn-block,
.special .renraku2 .recommends .btn-block {
  position: relative;
  width: 620px;
  height: 61px;
  float: left;
}

#exp-rakuraku .renraku2 .recommends a.btn-ticket,
#exp-rakuraku .renraku2 .recommends a.btn-dia,
#exp-renraku .renraku2 .recommends a.btn-ticket,
#exp-renraku .renraku2 .recommends a.btn-dia,
.special .renraku2 .recommends a.btn-ticket,
.special .renraku2 .recommends a.btn-dia {
  display: block;
  position: absolute;
  left: 420px;
  top: 16px;
  width: 180px;
  height: 30px;
}

#exp-rakuraku .renraku2 h4,
#exp-renraku .renraku2 h4,
.special .renraku2 h4 {
  border-bottom: 1px dotted #ccc;
  font-size: 161.6%;
  margin-bottom: 1em;
}

#exp-rakuraku .renraku2 .summery,
#exp-renraku .renraku2 .summery,
.special .renraku2 .summery {
  margin: 1em 0;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku2 .summery dt,
#exp-renraku .renraku2 .summery dt,
.special .renraku2 .summery dt {
  float: left;
  width: 7em;
  margin: 0 0 5px 0;
}

#exp-rakuraku .renraku2 .summery dt .title,
#exp-renraku .renraku2 .summery dt .title,
.special .renraku2 .summery dt .title {
  display: block;
  padding: 5px 10px;
  background: #D70748;
  text-align: center;
  color: #fff;
  line-height: 1.0;
  vertical-align: bottom;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
}

#exp-rakuraku .renraku2 .summery dd,
#exp-renraku .renraku2 .summery dd,
.special .renraku2 .summery dd {
  margin-top: 0.2em;
  margin-left: 8em;
  margin-bottom: 1em;
}

#exp-rakuraku .renraku2 .summery strong,
#exp-renraku .renraku2 .summery strong,
.special .renraku2 .summery strong {
  font-weight: bold;
  font-size: 108%;
}

#exp-rakuraku .renraku2 .headmarks,
#exp-renraku .renraku2 .headmarks,
.special .renraku2 .headmarks {
  width: 602px;
  margin: auto;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku2 .headmark,
#exp-renraku .renraku2 .headmark,
.special .renraku2 .headmark {
  float: left;
  margin: 0;
  padding: 0 15px;
  text-align: center;
}

#exp-rakuraku .renraku2 .headmark img,
#exp-renraku .renraku2 .headmark img,
.special .renraku2 .headmark img {
  width: 180px;
  margin-bottom: 5px;
}

#exp-rakuraku .renraku,
#exp-renraku .renraku,
.special .renraku {
  /** おすすめチケット＆ダイヤ */
}

#exp-rakuraku .renraku .exps,
#exp-renraku .renraku .exps,
.special .renraku .exps {
  margin-top: -3em;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku .exps li.exp,
#exp-renraku .renraku .exps li.exp,
.special .renraku .exps li.exp {
  margin-top: 3em;
}

#exp-rakuraku .renraku .exps .headmark li,
#exp-renraku .renraku .exps .headmark li,
.special .renraku .exps .headmark li {
  margin: 0 0 1em 0;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku .recommends,
#exp-renraku .renraku .recommends,
.special .renraku .recommends {
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku .recommends .btn-block,
#exp-renraku .renraku .recommends .btn-block,
.special .renraku .recommends .btn-block {
  position: relative;
  width: 620px;
  height: 61px;
  float: left;
}

#exp-rakuraku .renraku .recommends a.btn-ticket,
#exp-rakuraku .renraku .recommends a.btn-dia,
#exp-renraku .renraku .recommends a.btn-ticket,
#exp-renraku .renraku .recommends a.btn-dia,
.special .renraku .recommends a.btn-ticket,
.special .renraku .recommends a.btn-dia {
  display: block;
  position: absolute;
  left: 420px;
  top: 16px;
  width: 180px;
  height: 30px;
}

#exp-rakuraku .renraku h4,
#exp-renraku .renraku h4,
.special .renraku h4 {
  border-bottom: 1px dotted #ccc;
  font-size: 161.6%;
  margin-bottom: 1em;
}

#exp-rakuraku .renraku .summery,
#exp-renraku .renraku .summery,
.special .renraku .summery {
  margin: 1em 0;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku .summery dt,
#exp-renraku .renraku .summery dt,
.special .renraku .summery dt {
  float: left;
  width: 7em;
  margin: 0 0 5px 0;
}

#exp-rakuraku .renraku .summery dt .title,
#exp-renraku .renraku .summery dt .title,
.special .renraku .summery dt .title {
  display: block;
  padding: 5px 10px;
  background: #D70748;
  text-align: center;
  color: #fff;
  line-height: 1.0;
  vertical-align: bottom;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
}

#exp-rakuraku .renraku .summery dd,
#exp-renraku .renraku .summery dd,
.special .renraku .summery dd {
  margin-top: 0.2em;
  margin-left: 8em;
  margin-bottom: 1em;
}

#exp-rakuraku .renraku .summery strong,
#exp-renraku .renraku .summery strong,
.special .renraku .summery strong {
  font-weight: bold;
  font-size: 108%;
}

#exp-rakuraku .renraku .headmarks,
#exp-renraku .renraku .headmarks,
.special .renraku .headmarks {
  width: 602px;
  margin: auto;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .renraku .headmark,
#exp-renraku .renraku .headmark,
.special .renraku .headmark {
  margin: 0;
  padding: 0 15px;
  text-align: center;
}

#exp-rakuraku .renraku .headmark ul,
#exp-renraku .renraku .headmark ul,
.special .renraku .headmark ul {
  width: 460px;
  margin: auto;
}

#exp-rakuraku .renraku .headmark ul li:nth-child(2n+1),
#exp-renraku .renraku .headmark ul li:nth-child(2n+1),
.special .renraku .headmark ul li:nth-child(2n+1) {
  float: left;
}

#exp-rakuraku .renraku .headmark ul li:nth-child(2n+0),
#exp-renraku .renraku .headmark ul li:nth-child(2n+0),
.special .renraku .headmark ul li:nth-child(2n+0) {
  float: right;
}

#exp-rakuraku .renraku .headmark img,
#exp-renraku .renraku .headmark img,
.special .renraku .headmark img {
  width: 200px;
  margin-bottom: 5px;
}

#exp-rakuraku .exp_timetable,
#exp-renraku .exp_timetable,
.special .exp_timetable {
  border-top: 1px dotted #999;
  padding-top: 15px;
  margin-top: 15px;
  background: url("../i/timetable_bg_photo.jpg") no-repeat left bottom;
  margin-bottom: 20px;
}

#exp-rakuraku .exp_timetable .btn_blk,
#exp-renraku .exp_timetable .btn_blk,
.special .exp_timetable .btn_blk {
  width: 620px;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .exp_timetable .btn_blk a,
#exp-renraku .exp_timetable .btn_blk a,
.special .exp_timetable .btn_blk a {
  display: block;
  width: 217px;
  height: 32px;
  margin: 0 5px 6px 0px;
  float: left;
}

#exp-rakuraku .about,
#exp-renraku .about,
.special .about {
  background: url("../i/bg_about.gif") no-repeat left bottom;
  padding: 15px 16px 0;
  margin-bottom: 0px;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .about p,
#exp-renraku .about p,
.special .about p {
  width: 570px;
}

#exp-rakuraku .about ul.photos,
#exp-renraku .about ul.photos,
.special .about ul.photos {
  width: 570px;
  margin: 15px 0;
  overflow: hidden;
  _zoom: 1;
}

#exp-rakuraku .about ul.photos li,
#exp-renraku .about ul.photos li,
.special .about ul.photos li {
  display: block;
  width: 275px;
}

#exp-rakuraku .about ul.photos li.cols_l,
#exp-renraku .about ul.photos li.cols_l,
.special .about ul.photos li.cols_l {
  float: left;
}

#exp-rakuraku .about ul.photos li.cols_r,
#exp-renraku .about ul.photos li.cols_r,
.special .about ul.photos li.cols_r {
  float: right;
}

/** exp-rakuraku */
/** */
.bnr_okeihan {
  background: url("../i/bnr_okeihan_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  overflow: hidden;
  padding: 15px;
  border: 1px solid #ccc;
}

.bnr_okeihan .txt {
  float: left;
}

.bnr_okeihan .bnr {
  float: right;
}

/** 臨時列車 */
.special {
  background: #fff6e2 url("../i/bg-autumn.jpg") no-repeat 0 0;
  padding: 40px;
}

.special .outline {
  margin: 0em 0 0;
  overflow: hidden;
  _zoom: 1;
}

.special .outline dt {
  float: left;
  width: 7em;
  margin: 1.2em 0 5px 0;
}

.special .outline dt .title {
  display: block;
  padding: 5px 10px;
  background: #D82D00;
  text-align: center;
  color: #fff;
  line-height: 1.0;
  vertical-align: bottom;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
}

.special .outline dd {
  margin-top: 1.2em;
  margin-left: 8em;
}

.special .outline strong {
  font-weight: bold;
  font-size: 108%;
}

.special .timetable {
  width: 100%;
  margin: 5px auto 0 auto;
  border-collapse: collapse;
  border: solid 1px #aaa;
}

.special .timetable caption {
  font-weight: bold;
  padding: 0 2px;
  font-size: 116%;
}

.special .timetable th,
.special .timetable td {
  padding: 5px;
  text-align: center;
  font-size: 100%;
  white-space: nowrap;
  border-right: #aaa dotted 1px;
}

.special .timetable thead td,
.special .timetable th {
  background: #EC4439;
  color: #fff;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
}

.special .timetable tbody td {
  background: #FCE5D1;
  border-bottom: 1px solid #aaa;
}

.special .timetable .eki,
.special .timetable .time {
  height: 1.0em;
  /*font-size: 116%;*/
}

.special .timetable .eki {
  background: #f5e0e5;
  white-space: nowrap;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
}

.special .timetable .nonstop th,
.special .timetable .nonstop td {
  /** background: #E40012; */
  background: #ffe243;
}

.special .timetable th.nonstop,
.special .timetable td.nonstop {
  background: #ffe243;
  color: #cc1800;
  font-weight: bold;
}

.special .timetable .hatsu,
.special .timetable .s {
  font-size: 10px;
}

/** /臨時列車 */
.exp {
  display: inline-block;
  padding: .05em .5em;
  margin: 0 .2em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
}

.kaitoku {
  color: #FFF;
  background: #ea85b2;
  font-weight: normal;
}

.tokkyu {
  color: #FFF;
  background: #BE163A;
  font-weight: normal;
}

.kaikyu {
  color: #FFF;
  background: #6e1e86;
  font-weight: normal;
}

.kyuko {
  color: #FFF;
  background: #e9550d;
  font-weight: normal;
}

.junkyu {
  color: #FFF;
  background: #004EA2;
  font-weight: normal;
}

.kukankyuko {
  color: #FFF;
  background: #009144;
  font-weight: normal;
}

.local {
  color: #FFF;
  background: #000;
  font-weight: normal;
}

/** 洛楽時刻表 */
h4.timetable-ttl {
  color: #333;
  font-weight: bold;
  font-size: 120%;
}

@media screen and (max-width: 767px) {
  h4.timetable-ttl {
    text-align: center;
    margin-bottom: .3em;
  }
}

.timetable-rakuraku {
  width: 100%;
  /** PC用 */
  /** SP用 */
}

.timetable-rakuraku th,
.timetable-rakuraku td {
  border: solid 1px #fff;
  padding: .3em .3em;
  text-align: center;
  font-weight: normal;
  line-height: 1.2;
}

.timetable-rakuraku thead .arrow {
  font-size: 70%;
}

.timetable-rakuraku .eki,
.timetable-rakuraku th {
  background: #f5a053;
  color: #fff;
  white-space: nowrap;
}

.timetable-rakuraku .area {
  background: #FDEADA;
}

.timetable-rakuraku .osaka {
  background: #ed2214;
  color: #fff;
}

.timetable-rakuraku .kyoto {
  background: #007dc3;
  color: #fff;
}

.timetable-rakuraku .s {
  font-size: 70%;
}

.timetable-rakuraku.pc-item tbody tr {
  color: #333;
}

.timetable-rakuraku.pc-item tbody tr:nth-child(2n+1) {
  background: #FDEADA;
}

.timetable-rakuraku.pc-item tbody tr:nth-child(2n+0) {
  background: #f0f0f0;
}

.timetable-rakuraku.pc-item tbody tr td {
  width: 11%;
}

.timetable-rakuraku.pc-item tbody tr .arrow {
  font-size: 70%;
}

@media screen and (max-width: 767px) {
  .timetable-rakuraku.sp-item {
    display: table;
    width: 100%;
    word-break: break-word;
  }
  .timetable-rakuraku.sp-item caption {
    text-align: center;
    font-size: 120%;
  }
  .timetable-rakuraku.sp-item th,
  .timetable-rakuraku.sp-item td {
    border: solid 1px #AD6F3D;
  }
  .timetable-rakuraku.sp-item td:nth-child(odd) {
    background: #f0f0f0;
  }
}

.table-wrap {
  margin-bottom: .5em;
}

@media screen and (max-width: 767px) {
  .table-wrap {
    width: 100% !important;
    overflow-x: scroll;
    padding: 0 !important;
    padding: 1px;
    box-sizing: border-box;
  }
}

/*** 3000系新デザイン */
#series3000_newdesign .clearfix {
  margin-top: 1em;
}

#series3000_newdesign .img {
  float: right;
  width: 280px;
  margin: 0 0 0 2em;
}

#series3000_newdesign .context {
  margin-top: 0px;
  font-size: 123.1%;
}

@media screen and (max-width: 767px) {
  #series3000_newdesign .img {
    float: none;
    display: block;
    width: 100%;
    margin: 1em auto;
  }
  #series3000_newdesign .context {
    font-size: 108%;
  }
}

/** 正月HM */
#hm_newyear {
  padding: 19px;
  background: #f00;
}