@charset "UTF-8";
/* Generated by less 2.5.1 */
body {
  color: #333;
  background-color: #FFF6E5;
  min-width: 1020px;
  -webkit-text-size-adjust: 100%;
}

body a {
  color: #333;
}

body a:hover {
  color: #333;
}

body .wrapper {
  width: 100%;
  margin: 0 auto;
}

body .wrapper .global_header {
  background-color: #393430;
}

body .wrapper .global_header .global_navi {
  background-color: #681e37;
  height: 70px;
}

body .wrapper .global_header .global_navi ul li {
  padding: 0;
  margin: 0;
}

body .wrapper .global_header .global_navi ul li a {
  padding: 0;
  margin: 0;
}

body .wrapper .global_header .site_navi {
  position: relative;
}

body .wrapper .global_header .site_navi .logo {
  position: absolute;
  left: 0px;
  top: -3px;
  z-index: 9999999999;
}

body .wrapper .global_header .site_navi ul li {
  margin-right: 20px;
  font-size: 12px;
  line-height: 28px;
}

body .wrapper .global_header .site_navi ul li a.icon_home {
  background: url(../../common/img/common/icon_home.png) left center no-repeat;
  padding-left: 20px;
}

body .wrapper .global_header .site_navi ul li a.icon_triangle {
  background: url(../../common/img/common/icon_triangle.png) left center no-repeat;
  padding-left: 15px;
}

body .wrapper .global_header .site_navi ul li.brdr_r_white {
  border-right: #fff 1px solid;
  padding-right: 20px;
}

body .wrapper .breadcrumbs li {
  display: inline;
  font-size: 12px;
}

body .wrapper .contents {
  width: 1000px;
  margin: 0 auto;
}

body .wrapper .contents main {
  padding-top: 20px;
}

body .wrapper .contents article {
  margin-bottom: 50px;
}

body .wrapper .contents section {
  margin-bottom: 40px;
}

body .wrapper .global_footer {
  background-color: #ccae72;
}

#sitemap {
  padding: 25px 0px 25px 0px;
  width: 100%;
  background-color: #f3f2f2;
}

a span {
  text-decoration: underline;
}

a span span {
  text-decoration: underline;
}

.mT100 {
  margin-top: 100px;
}

.w190 {
  width: 190px;
}

.mR23 {
  margin-right: 23px;
}

.m_w1000 {
  width: 1000px;
  margin: 0 auto;
}

.pB60 {
  padding-bottom: 60px;
}

.pagetop {
  position: absolute;
  top: -650px;
  right: 0px;
}

.pagetop_en {
  position: absolute;
  top: -600px;
  right: 0px;
}

.pagetop2 {
  position: absolute;
  top: -100px;
  right: 0px;
}

.title_h2 {
  font-size: 30px;
  padding: 35px 20px 30px 20px;
  background: url(../../common/img/common/h2_underline.png) left bottom repeat-x;
  margin-bottom: 20px;
  /*height: 30px;*/
  line-height: 30px;
}

.title_h3 {
  font-size: 26px;
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: 15px;
  background: url(../../common/img/common/h3_underline.png) left bottom no-repeat;
  margin-bottom: 30px;
  line-height: 26px;
}

.title_h4 {
  background: url(../../common/img/common/bg_title_h4.png) 0 0 no-repeat;
  vertical-align: middle;
  height: 41px;
  font-size: 18px;
  line-height: 41px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 15px;
}

.title_h5 {
  padding: 0 0 16px 15px;
  font-size: 16px;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  background: url("../../common/img/common/icon_h5_red_circle.jpg") 0px 3px no-repeat, url("../../common/img/common/border_h5.png") 0px 27px repeat-x;
  margin-bottom: 10px;
}

.icon_tri_red {
  background: url(../../common/img/common/icon_red_triangle.png) 0 6px no-repeat;
  padding-left: 14px;
}

.icon_tri_red_down {
  background: url(../../common/img/common/icon_red_triangle_down.png) 0 6px no-repeat;
  padding-left: 14px;
}

.icon_sout {
  background: url(../../common/img/common/sout.png) 0 3px no-repeat;
  padding-left: 20px;
  line-height: 18px;
  height: 18px;
  display: inline-block;
}

.icon_sout_for_btn {
  background: url(../../common/img/common/sout.png) 45px 22px no-repeat;
  padding-left: 17px;
}

.icon_brown_circle {
  background: url(../../common/img/common/icon_brown_circle.png) 0px 7px no-repeat;
  padding-left: 15px;
}

.icon_red_circle {
  background: url(../../common/img/common/icon_red_circle.png) 0px 3px no-repeat;
  padding-left: 15px;
}

.icon_ft_map_train {
  background: url(/global/common/img/common/icon_train.png) 0 0 no-repeat;
  padding-left: 25px;
  line-height: 20px;
  margin-bottom: 10px;
}

.icon_ft_map_ticket {
  background: url(/global/common/img/common/icon_ticket.png) 0 0 no-repeat;
  padding-left: 25px;
  line-height: 25px;
  margin-bottom: 10px;
}

.icon_ft_map_human {
  background: url(/global/common/img/common/icon_human.png) 0 0 no-repeat;
  padding-left: 25px;
  line-height: 25px;
  margin-bottom: 10px;
}

.icon_ft_map_pin {
  background: url(/global/common/img/common/icon_pin.png) 0 0 no-repeat;
  padding-left: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}

.icon_ft_map_question {
  background: url(/global/common/img/common/icon_question.png) 0 4px no-repeat;
  padding-left: 25px;
  line-height: 25px;
  margin-bottom: 10px;
}

.icon_ft_map_hk_logo {
  background: url(/global/common/img/common/icon_hk.png) 0 4px no-repeat;
  padding-left: 25px;
  line-height: 25px;
  margin-bottom: 10px;
}

.icon01_large {
  background: url(/global/common/img/common/icon_one_large.png) 0 0 no-repeat;
  line-height: 41px;
  padding-left: 50px;
  height: 41px;
  display: block;
}

.icon02_large {
  background: url(/global/common/img/common/icon_two_large.png) 0 0 no-repeat;
  line-height: 41px;
  padding-left: 50px;
  height: 41px;
  display: block;
}

.icon03_large {
  background: url(/global/common/img/common/icon_three_large.png) 0 0 no-repeat;
  line-height: 41px;
  padding-left: 50px;
  height: 41px;
  display: block;
}

.icon04_large {
  background: url(/global/common/img/common/icon_four_large.png) 0 0 no-repeat;
  line-height: 41px;
  padding-left: 50px;
  height: 41px;
  display: block;
}

.icon01_small {
  background: url(/global/common/img/common/icon_one_small.png) 0 0 no-repeat;
  line-height: 1.4;
  height: 40px;
  padding-left: 40px;
  padding-top: 7px;
}

.icon02_small {
  background: url(/global/common/img/common/icon_two_small.png) 0 0 no-repeat;
  line-height: 1.4;
  height: 40px;
  padding-left: 40px;
  padding-top: 7px;
}

.icon03_small {
  background: url(/global/common/img/common/icon_three_small.png) 0 0 no-repeat;
  line-height: 1.4;
  height: 40px;
  padding-left: 40px;
  padding-top: 7px;
}

.icon04_small {
  background: url(/global/common/img/common/icon_four_small.png) 0 0 no-repeat;
  line-height: 1.4;
  height: 40px;
  padding-left: 40px;
  padding-top: 7px;
}

.icon05_small {
  background: url(/global/common/img/common/icon_five_small.png) 0 0 no-repeat;
  line-height: 1.4;
  height: 40px;
  padding-left: 40px;
  padding-top: 7px;
}

.icon06_small {
  background: url(/global/common/img/common/icon_six_small.png) 0 0 no-repeat;
  line-height: 1.4;
  height: 40px;
  padding-left: 40px;
  padding-top: 7px;
}

.icon07_small {
  background: url(/global/common/img/common/icon_seven_small.png) 0 0 no-repeat;
  line-height: 1.4;
  height: 40px;
  padding-left: 40px;
  padding-top: 7px;
}

.fntClr_brown {
  color: #691e38;
}

.fntClr_red {
  color: #ac0c2c;
}

.fntClr_red:hover {
  color: #ac0c2c;
}

.fntSz26 {
  font-size: 26px;
}

.lnH24 {
  line-height: 24px;
}

.border_gray {
  border: #e1e1e1 2px solid;
}

.border_b_red {
  border-bottom: #b21e38 3px solid;
}

.border_t_red {
  border-top: #b21e38 3px solid;
}

.brdr_rds {
  border-radius: 5px;
  behavior: url(border-radius.htc);
}

.brdr_rds_topLR {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}

.brdr_rds_bottomLR {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

.tab {
  width: 195px;
  height: 49px;
  line-height: 51px;
}

.btn_border_gray {
  border: #999 1px solid;
}

.bg_btn01 {
  background: url(../../common/img/common/bg_btn.png) left bottom repeat-x;
  width: 196px;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

.bg_btn02 {
  background: url(../../common/img/common/bg_btn.png) left bottom repeat-x;
  width: 240px;
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.bg_btn04 {
  background: url(../../common/img/common/bg_btn.png) left bottom repeat-x;
  min-height: 22px;
  line-height: 1.4;
  padding: 10px 15px;
}

.bg_btn03 {
  background: url(../../common/img/common/bg_btn.png) left bottom repeat-x;
  width: 198px;
  height: 50px;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
  display: table-cell !important;
  vertical-align: middle;
}

.dot_brdr_b_gray {
  border-bottom: #ccc 1px dotted;
}

.bg_tab_lblue {
  background: url(../../common/img/common/bg_btn_lblue.png) left bottom repeat-x;
}

.bg_tab_lorange {
  background: url(../../common/img/common/bg_btn_lorange.png) left bottom repeat-x;
}

.bg_tab_lgreen {
  background: url(../../common/img/common/bg_btn_lgreen.png) left bottom repeat-x;
}

.bg_tab_lred {
  background: url(../../common/img/common/bg_btn_lred.png) left bottom repeat-x;
}

.bg_tab_blue {
  background: url(../../common/img/common/bg_btn_blue.png) left bottom repeat-x;
}

.bg_tab_orange {
  background: url(../../common/img/common/bg_btn_orange.png) left bottom repeat-x;
}

.bg_tab_green {
  background: url(../../common/img/common/bg_btn_green.png) left bottom repeat-x;
}

.bg_tab_red {
  background: url(../../common/img/common/bg_btn_red.png) left bottom repeat-x;
}

.photoframe {
  border: #ccc 1px solid;
  padding: 5px;
}

.m_fntClr_white {
  color: #fff;
}

.m_fntClr_white:hover {
  color: #fff;
}

.txtIndent2 {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

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

.txtIndent_half {
  text-indent: -0.5em;
  padding-left: 0.5em;
}

.w640 {
  width: 640px;
  margin: 0 auto;
}

.h500 {
  height: 500px;
}

.hide {
  display: none;
}

.select a {
  color: #fff;
  font-weight: bold;
}

.select a span {
  background: none !important;
  padding-left: 0px !important;
}

.select a:hover {
  color: #fff;
  font-weight: bold;
}

.kobe .select a {
  background: url(/global/common/img/common/bg_btn_blue.png) left bottom repeat-x;
}

.takarazuka .select a {
  background: url(/global/common/img/common/bg_btn_orange.png) left bottom repeat-x;
}

.kyoto .select a {
  background: url(/global/common/img/common/bg_btn_green.png) left bottom repeat-x;
}

#tab_nav {
  overflow: hidden;
}

#tab_nav ul li {
  cursor: pointer;
}

#tab_nav ul li p span {
  background: url(/global/common/img/common/icon_red_triangle.png) 0 6px no-repeat;
  padding-left: 14px;
}

#tab_contents li {
  padding: 20px;
}

.pos_BR {
  position: absolute;
  bottom: -50px;
  right: 0;
}

.title_manner_h4 {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 7px 10px;
  background-color: #efccd0;
}

.posDymmyImg_kobe {
  background: url(/global/common/img/traffic/common/routemap_kobe_dummy.png) 184px 124px no-repeat;
}

.posDymmyImg_takarazuka {
  background: url(/global/common/img/traffic/common/routemap_takarazuka_dummy.png) 180px 124px no-repeat;
}

.posDymmyImg_kyoto {
  background: url(/global/common/img/traffic/common/routemap_kyoto_dummy.png) 176px 124px no-repeat;
}

.fntClr_hk_brown {
  color: #641935;
}

.fntClr_hk_brown:hover {
  color: #641935;
  text-decoration: underline;
}

.fntClr_lgray {
  color: #666;
}

.fntClr_lgray:hover {
  color: #666;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/* 20230313追加 */
.global_header .global_navi ul{
  padding-left: 377px;
}
.bnner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bnner-box .bnner {
  width: calc(50% - 20px);
}
.bnner-box .bnner .bnner-link {
  display: block;
  position: relative;
}
.bnner-box .bnner .bnner-link::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
}
.bnner-box .bnner .bnner-link img {
  width: 100%;
}
.bnner-box .bnner .bnner-link:hover::before {
  opacity: 0.4;
}