@charset "UTF-8";
/*! ==================================================
※※※※※※※※※※※※※※※※※※※※※※※※※※※
  このCSSファイルはSassから生成されていますので、
  編集しないようご注意ください。
※※※※※※※※※※※※※※※※※※※※※※※※※※※
=================================================== */
/*! ==================================================
　リセットCSS
=================================================== */
div, ul, li, dl, dt, dd, table, tr, th, td, address, p {
  margin: 0;
  padding: 0; }

/*! ==================================================
　共通モジュールやパーツ
=================================================== */
.small {
  font-size: 0.7rem; }

.small2 {
  font-size: 1.0rem; }

.small3 {
  font-size: 0.9rem; }

.font-L {
  font-size: 1.2rem; }

.font-normal {
  font-weight: normal; }

.object-fit-img {
  object-fit: contain;
  font-family: "object-fit: contain;"; }

.link {
  position: relative; }

.link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 30000; }

.padbox {
  padding: 5px !important; }

.padbox15 {
  padding: 15px !important; }

/* googlemap レスポンシブ*/
.gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.gmap iframe,
.gmap object,
.gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

table {
  margin-top: 15px;
  width: 100%;
  border: 1px solid #ccc; }
  table td p {
    padding-top: 0 !important; }

.cycle-slideshow a {
  display: block; }

/* JavaScriptが有効な場合、対象を隠す */
html.enable-javascript .cycle-slideshow {
  visibility: hidden; }
html.enable-javascript .slider, html.enable-javascript .slider-spnavi {
  visibility: hidden; }

/* 画像すべてを読み終えたら、対象を表示する */
html.enable-javascript.window-load .cycle-slideshow {
  visibility: visible; }
html.enable-javascript.window-load .slider, html.enable-javascript.window-load .slider-spnavi {
  visibility: visible; }

input[type=radio] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  padding: 20px 0; }

input[name=zipcode] {
  width: 150px !important;
  margin-bottom: 2px; }

input[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 2px 0;
  vertical-align: middle; }

@media print, screen and (max-width: 767px) {
  .hidden-sm-down {
    display: none; } }
@media print, screen and (min-width: 768px) {
  .hidden-md-up {
    display: none; } }
/*テーブルスクロール*/
.scroll {
  overflow: auto !important;
  /*tableをスクロールさせる*/
  white-space: nowrap;
  /*tableのセル内にある文字の折り返しを禁止*/
  margin-bottom: 30px; }

.scroll::-webkit-scrollbar {
  /*tableにスクロールバーを追加*/
  height: 15px;
  background-color: #0099cc !important;
  width: 100px !important; }

.scroll::-webkit-scrollbar-track {
  /*tableにスクロールバーを追加*/
  background-color: #efefef; }

.scroll::-webkit-scrollbar-thumb {
  /*tableにスクロールバーを追加*/
  background-color: #0099cc !important;
  width: 100px !important; }

.scroll table {
  margin-bottom: 15px; }

.scroll2 {
  overflow: auto;
  /*tableをスクロールさせる*/
  white-space: nowrap;
  /*tableのセル内にある文字の折り返しを禁止*/
  margin-bottom: 15px; }

.scroll2::-webkit-scrollbar {
  /*スクロールバーを追加しない*/
  height: 0; }

/*
.scrollbar{
	overflow:auto;
	width:100%;
}
.scrollbar .inner
	{
		width:100%;
		margin:0;
	}


#scrollbar01::-webkit-scrollbar
{
        width:5px;
        background:#eee;
}
        #scrollbar01::-webkit-scrollbar:horizontal
        {
                height:5px;
        }
#scrollbar01::-webkit-scrollbar-button
{
        width:5px;
        height:5px;
        background:#666;
}
#scrollbar01::-webkit-scrollbar-piece
{
        background:#eee;
}
        #scrollbar01::-webkit-scrollbar-piece:start
        {
                background:#eee;
        }
#scrollbar01::-webkit-scrollbar-thumb
{
        background:#333;
}
#scrollbar01::-webkit-scrollbar-corner
{
        background:#333;
}*/
.card {
  padding: 0;
  border: none;
  margin: 0; }

.card-header {
  background: none;
  padding: 0;
  border: none;
  margin: 0; }

.card .card-header a[data-toggle="collapse"] {
  display: block; }

.card .card-header a[data-toggle="collapse"]:active,
.card .card-header a[data-toggle="collapse"]:hover,
.card .card-header a[data-toggle="collapse"]:focus {
  text-decoration: none; }

.card-body {
  padding: 10px 20px 20px;
  border-left: 5px solid #f9eaa9;
  border-right: 5px solid #f9eaa9;
  border-bottom: 5px solid #f9eaa9;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px; }
  @media print, screen and (max-width: 767px) {
    .card-body {
      padding: 10px 10px 20px; } }

/*ふくてつブルー*/
/*ふくてつグリーン*/
/*イエロー*/
/*下り、大人*/
/*上り、子供*/
/*! ==================================================
　メインのスタイル
=================================================== */
/*.box {
	@include boxBase(15px,0);
	@include boxBase(15px,0);
	background: #999;
}
.kadomaru{
	@include kadomaru(5px);
}
*/
@media print, screen and (min-width: 992px) {
  .spbr {
    display: none; } }

.listCenter {
  margin-top: 15px; }
  .listCenter ul {
    font-size: 0;
    text-align: center; }
  .listCenter li {
    font-size: 0.8rem;
    display: inline-block;
    padding: 0 10px; }

.common-btn1 {
  margin-top: 20px; }
  .common-btn1 a {
    width: 80%;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    color: #fff;
    background-color: #06b3ec !important;
    font-size: 1.2rem;
    padding: 10px;
    border-radius: 10px; }
    @media print, screen and (max-width: 575px) {
      .common-btn1 a {
        font-size: 1.0rem; } }
  .common-btn1 a:hover {
    background-color: #01c8ec !important; }
    @media print, screen and (max-width: 575px) {
      .common-btn1 a:hover {
        font-size: 1.0rem; } }

.common-btn2 {
  margin-top: 20px; }
  .common-btn2 a {
    width: 50%;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    font-size: 1.2rem;
    padding: 5px;
    border-radius: 10px;
    border-style: solid;
    border-width: 5px;
    border-color: #dddddd; }
    @media print, screen and (max-width: 575px) {
      .common-btn2 a {
        font-size: 1.0rem;
        width: 70%; } }
  .common-btn2 a:hover {
    color: #666; }
    @media print, screen and (max-width: 575px) {
      .common-btn2 a:hover {
        font-size: 1.0rem;
        width: 70%; } }

.common-btn3 {
  margin-top: 20px; }
  .common-btn3 a {
    width: 100%;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    color: #000;
    background-color: #fcec92;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 5px;
    border-radius: 10px;
    border-style: solid;
    border-width: 5px;
    border-color: #f9a048; }
    @media print, screen and (max-width: 575px) {
      .common-btn3 a {
        font-size: 1.0rem; } }
  .common-btn3 a:hover {
    color: #666; }
    @media print, screen and (max-width: 575px) {
      .common-btn3 a:hover {
        font-size: 1.0rem;
        width: 70%; } }

.common-btn4 {
  margin-top: 20px;
  margin-bottom: 20px; }
  .common-btn4 a {
    width: 80%;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    color: #fff;
    background-color: #ff0000;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 5px;
    border-radius: 10px;
    border-style: solid;
    border-width: 5px; }
    @media print, screen and (max-width: 575px) {
      .common-btn4 a {
        font-size: 1.0rem; } }

.common-btn5 {
  margin-top: 20px; }
  .common-btn5 a {
    width: 80%;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    color: #fff;
    background-color: #09b12e !important;
    font-size: 1.2rem;
    padding: 10px;
    border-radius: 10px; }
    @media print, screen and (max-width: 575px) {
      .common-btn5 a {
        font-size: 1.0rem; } }
  .common-btn5 a:hover {
    background-color: #3cda5f !important; }
    @media print, screen and (max-width: 575px) {
      .common-btn5 a:hover {
        font-size: 1.0rem; } }

.common-link {
  text-align: center;
  margin-top: 15px; }

.common-link a {
  font-size: 0.9rem;
  color: #276490; }

.btnInput {
  padding-top: 15px;
  text-align: center; }
  @media print, screen and (max-width: 991px) {
    .btnInput {
      clear: both; } }
  .btnInput input {
    color: #fff;
    border: 5px solid #666;
    background-color: #333;
    width: 80%;
    text-align: center;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 5px 10px; }

.pankuzu {
  font-size: 0.8rem;
  margin-top: 20px; }
  .pankuzu a {
    color: #114d85;
    text-decoration: underline; }

.hissu {
  color: #ff0000; }

.alert {
  color: #ff0000;
  font-size: 0.9em; }

.red {
  color: #f00; }

.jyunbi {
  margin-top: 150px;
  margin-bottom: 150px;
  text-align: center; }

.title1 {
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px 15px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-image: -moz-linear-gradient(90deg, #dddddd 0%, #eeeeee 53%, #e6e6e6 94%, #dddddd 100%);
  background-image: -webkit-linear-gradient(90deg, #dddddd 0%, #eeeeee 53%, #e6e6e6 94%, #dddddd 100%);
  background-image: -ms-linear-gradient(90deg, #dddddd 0%, #eeeeee 53%, #e6e6e6 94%, #dddddd 100%); }
  .title1 span {
    font-weight: normal;
    font-size: 0.8rem; }

.linktitle1 {
  background-color: #fed244;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 5px !important;
  border-radius: 10px; }
  .linktitle1 a {
    padding: 10px 15px !important;
    display: block;
    border-radius: 10px; }
  .linktitle1 a:hover {
    background-color: #fdee44; }

.setumei {
  padding: 15px; }
  .setumei li {
    margin-left: 15px;
    font-size: 0.9rem; }

.toiawase {
  margin-top: 15px;
  border: 2px dotted #ddd;
  padding: 0 15px 15px; }
  .toiawase h4 {
    font-weight: bold;
    font-size: 1.4rem;
    margin-top: 15px; }
  .toiawase p.tel {
    padding: 0 !important; }

.pagetop {
  position: fixed;
  bottom: 0;
  right: 5%;
  width: 80px;
  height: 80px; }
  .pagetop a {
    border: 1px solid #fff;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    color: #fff;
    float: right;
    text-align: center;
    background-color: #d34040; }
    @media print, screen and (max-width: 575px) {
      .pagetop a {
        width: 60px;
        height: 60px;
        font-size: 0.8rem;
        padding: 10px; } }
  .pagetop a:hover {
    background-color: #d34040;
    color: #ffff00; }

.mt20 {
  margin-top: 20px; }

.table1 {
  border: none;
  border-collapse: separate;
  text-align: center; }
  .table1 th {
    color: #fff;
    background-color: #1e5aa0;
    padding: 5px;
    font-weight: normal; }
    @media print, screen and (max-width: 767px) {
      .table1 th {
        font-size: 0.8rem; } }
  .table1 td {
    color: #000;
    padding: 5px;
    line-height: 1.0; }
  .table1 tr:nth-child(even) {
    background: #eee; }
  .table1 tr:nth-child(odd) {
    background: #f3f3f3; }

.nav {
  padding: 0 10px;
  border: none !important; }
  .nav li {
    padding: 5px 5px 2px;
    margin: 0; }
    .nav li a {
      color: #fff !important;
      border-radius: 10px 10px 0 0;
      border: 0 !important;
      text-align: center;
      font-size: 0.9rem;
      padding: 10px 0; }

@media print, screen and (max-width: 767px) {
  .scroll {
    margin-bottom: 50px; } }
/*! ==================================================
　header
=================================================== */
#header-fixed {
  z-index: 10000;
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /*メニューを上に動かす*/
  	/*.is-animation {
  
  		position: relative;
  		height:50px;
  	}*/ }
  #header-fixed header {
    position: relative; }
    #header-fixed header .sitetitle {
      float: left;
      width: 200px;
      padding: 5px; }
      #header-fixed header .sitetitle h1 a {
        text-decoration: none;
        padding-top: 30px !important;
        display: block; }
    #header-fixed header .sitemark {
      float: right;
      padding: 5px;
      width: 100px; }
      @media print, screen and (max-width: 991px) {
        #header-fixed header .sitemark {
          margin-right: 70px; } }
    #header-fixed header .headmenu2 {
      float: right;
      text-align: right !important;
      font-size: 0.8rem; }
      @media print, screen and (max-width: 991px) {
        #header-fixed header .headmenu2 {
          display: none; } }
      #header-fixed header .headmenu2 li {
        margin: 0;
        display: inline-block !important; }
        #header-fixed header .headmenu2 li a {
          text-decoration: none;
          padding: 20px 20px;
          display: block; }
        #header-fixed header .headmenu2 li a:hover {
          color: #114d85; }
    #header-fixed header .headmenu {
      padding: 15px 0;
      background-image: -moz-linear-gradient(90deg, #033f61 0%, #0f4b7e 6%, #1a569a 48%, #104c80 90%, #054166 100%);
      background-image: -webkit-linear-gradient(90deg, #033f61 0%, #0f4b7e 6%, #1a569a 48%, #104c80 90%, #054166 100%);
      background-image: -ms-linear-gradient(90deg, #033f61 0%, #0f4b7e 6%, #1a569a 48%, #104c80 90%, #054166 100%); }
      @media print, screen and (max-width: 991px) {
        #header-fixed header .headmenu {
          display: none; } }
      #header-fixed header .headmenu li {
        list-style: none;
        padding: 0; }
        #header-fixed header .headmenu li a {
          color: #fff;
          text-decoration: none;
          font-size: 0.9rem; }
          @media print, screen and (min-width: 992px) and (max-width: 1199px) {
            #header-fixed header .headmenu li a {
              font-size: 0.7rem; } }
          #header-fixed header .headmenu li a img {
            border-style: solid;
            border-width: 5px;
            border-color: #eeeeee;
            border-radius: 50%;
            background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
            background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
            background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
            width: 47px;
            height: 47px; }
            @media print, screen and (min-width: 992px) and (max-width: 1199px) {
              #header-fixed header .headmenu li a img {
                width: 40px;
                height: 40px; } }

/*! ==================================================
　spnavi
=================================================== */
@media print, screen and (min-width: 992px) {
  #spnavi {
    display: none; } }
#spnavi .spnavititle {
  color: #fff;
  padding: 2px 0;
  font-size: 0.8rem;
  text-align: center;
  margin-top: 10px; }
#spnavi .spnavi {
  padding: 0 10px; }
  @media print, screen and (min-width: 992px) {
    #spnavi .spnavi {
      display: none; } }
  #spnavi .spnavi li {
    list-style: none;
    padding: 5px;
    line-height: 1.2; }
    #spnavi .spnavi li a {
      display: block;
      text-align: center;
      font-size: 0.6rem;
      text-decoration: none;
      padding: 10px 0; }
      #spnavi .spnavi li a img {
        border-style: solid;
        border-width: 4px;
        border-color: #eeeeee;
        border-radius: 50%;
        background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        display: inline-block;
        width: 35px;
        height: 35px;
        margin: auto; }
        @media print, screen and (min-width: 992px) and (max-width: 1199px) {
          #spnavi .spnavi li a img {
            width: 40px;
            height: 40px; } }

#spnavi.train {
  border-bottom: 3px solid #f7796a; }
  #spnavi.train .spnavititle {
    background-color: #d34040; }

#spnavi.bus {
  border-bottom: 3px solid #3eb5b8; }
  #spnavi.bus .spnavititle {
    background-color: #049d9b; }

/*! ==================================================
　side
=================================================== */
@media print, screen and (max-width: 991px) {
  .side {
    display: none; } }
.side li {
  list-style: none;
  padding-top: 10px; }
  .side li a {
    padding: 5px 5px;
    display: block;
    border-style: solid;
    border-width: 5px;
    border-color: #dddddd;
    text-decoration: none; }
    .side li a img {
      width: 40x;
      height: 40px; }
.side .sidetraintitle {
  text-align: center;
  padding: 10px 15px;
  font-size: 1.4rem;
  color: #fff;
  border-style: solid;
  border-width: 3px;
  border-color: #f7796a;
  background-image: -moz-linear-gradient(90deg, #ba3640 0%, #c73b40 54%, #d34040 100%);
  background-image: -webkit-linear-gradient(90deg, #ba3640 0%, #c73b40 54%, #d34040 100%);
  background-image: -ms-linear-gradient(90deg, #ba3640 0%, #c73b40 54%, #d34040 100%); }
.side .sidebustitle {
  text-align: center;
  padding: 10px 15px;
  font-size: 1.4rem;
  color: #fff;
  border-style: solid;
  border-width: 3px;
  border-color: #3eb5b8;
  background-image: -moz-linear-gradient(90deg, #0692b8 0%, #059c9f 46%, #03a685 100%);
  background-image: -webkit-linear-gradient(90deg, #0692b8 0%, #059c9f 46%, #03a685 100%);
  background-image: -ms-linear-gradient(90deg, #0692b8 0%, #059c9f 46%, #03a685 100%); }

/*! ==================================================
　content
=================================================== */
#contenttop {
  padding-top: 150px;
  margin-top: -150px; }

/*! ==================================================
　banner
=================================================== */
#banner {
  padding-top: 30px;
  margin-top: 30px; }
  #banner li {
    list-style: none; }

/*! ==================================================
　runinfo　運行情報
=================================================== */
#runinfo .runinfobox {
  border: 1px solid #ddd;
  padding: 10px 10px 30px 10px; }
  #runinfo .runinfobox .infotitle1 {
    color: #197a3d;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px; }
  #runinfo .runinfobox .infotitle2 {
    color: #f9be00;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px; }
  #runinfo .runinfobox .infotitle3 {
    color: #d34040;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px; }
  #runinfo .runinfobox ul {
    margin: 20px;
    padding: 15px 0;
    border-top: 2px dotted #eee;
    border-bottom: 2px dotted #eee; }
    #runinfo .runinfobox ul li {
      padding: 5px 0;
      font-size: 0.9rem;
      margin-left: 15px; }
  #runinfo .runinfobox h3 {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin-top: 15px; }
  #runinfo .runinfobox h3.newstitle {
    font-size: 1.6rem; }
  #runinfo .runinfobox .infolink {
    margin-top: 15px;
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold; }
    #runinfo .runinfobox .infolink a {
      text-decoration: none;
      color: #00b0c9; }
    #runinfo .runinfobox .infolink a:hover {
      opacity: 0.8; }
  #runinfo .runinfobox .content {
    padding: 0 20px 15px; }
    #runinfo .runinfobox .content p {
      padding-top: 15px; }
    #runinfo .runinfobox .content table {
      min-width: 320px;
      border-collapse: collapse; }
      #runinfo .runinfobox .content table th, #runinfo .runinfobox .content table td {
        border-collapse: collapse;
        border: 1px solid #ddd;
        padding: 2px; }
#runinfo .bn_busnavi {
  text-align: center;
  margin: 10px auto 0; }

/*! ==================================================
　HOME
=================================================== */
#home #topslide {
  overflow: hidden; }
  #home #topslide .slider img {
    margin: auto;
    max-height: 500px; }
#home #topbtn {
  background-color: #114d85;
  padding: 0 0 15px; }
  #home #topbtn h2 {
    color: #fff;
    padding: 10px 0;
    text-align: center;
    line-height: 0.9;
    margin-top: 15px; }
    #home #topbtn h2 span {
      font-size: 0.9rem; }
  #home #topbtn .train {
    border-style: solid;
    border-width: 3px;
    border-color: #f7796a;
    background-image: -moz-linear-gradient(90deg, #ba3640 0%, #c73b40 54%, #d34040 100%);
    background-image: -webkit-linear-gradient(90deg, #ba3640 0%, #c73b40 54%, #d34040 100%);
    background-image: -ms-linear-gradient(90deg, #ba3640 0%, #c73b40 54%, #d34040 100%);
    box-shadow: 0px 3px 7px 0px rgba(4, 69, 126, 0.35); }
  #home #topbtn .bus {
    border-style: solid;
    border-width: 3px;
    border-color: #3eb5b8;
    background-image: -moz-linear-gradient(90deg, #0692b8 0%, #059c9f 46%, #03a685 100%);
    background-image: -webkit-linear-gradient(90deg, #0692b8 0%, #059c9f 46%, #03a685 100%);
    background-image: -ms-linear-gradient(90deg, #0692b8 0%, #059c9f 46%, #03a685 100%);
    box-shadow: 0px 3px 7px 0px rgba(4, 69, 126, 0.35); }
  #home #topbtn ul {
    padding: 0 10px; }
    #home #topbtn ul li {
      margin-top: 5px;
      list-style: none;
      padding: 5px;
      line-height: 1.2; }
      #home #topbtn ul li a {
        display: block;
        text-align: center;
        font-size: 0.9rem;
        text-decoration: none;
        padding: 10px 0;
        border-style: solid;
        border-width: 5px;
        border-color: #dddddd;
        background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        /* box-shadow: 0px 5px 5px 0px rgba(5, 70, 126, 0.34);*/ }
        @media print, screen and (max-width: 767px) {
          #home #topbtn ul li a {
            font-size: 0.7rem;
            padding: 5px 0 5px; } }
        @media print, screen and (min-width: 768px) and (max-width: 991px) {
          #home #topbtn ul li a {
            font-size: 0.7rem;
            letter-spacing: -1px;
            padding: 5px 0; } }
        #home #topbtn ul li a span {
          font-size: 0.6rem; }
          @media print, screen and (max-width: 991px) {
            #home #topbtn ul li a span {
              font-size: 0.5rem; } }
        #home #topbtn ul li a img {
          width: 50%; }
          @media print, screen and (max-width: 767px) {
            #home #topbtn ul li a img {
              width: 60%; } }
#home #homenews {
  margin-bottom: 30px;
  margin-top: 60px; }
#home #btnarea {
  margin-top: 50px; }
  #home #btnarea ul {
    margin-top: 10px;
    padding: 0 10px; }
    #home #btnarea ul li {
      padding: 10px;
      list-style: none;
      text-align: center;
      margin: auto; }
#home .twittertxt {
  padding-top: 15px;
  font-size: 0.9rem; }
  #home .twittertxt a {
    color: #1da1f2;
    /*twitterの青*/
    font-weight: bold; }
#home .twitter a {
  text-decoration: none;
  text-align: center;
  display: block;
  border: 2px solid #ddd;
  padding: 10px;
  font-weight: bold;
  color: #333; }
  #home .twitter a img {
    width: 20%;
    margin: 10px; }
#home #fukutetube {
  margin: 20px auto;
  text-align: center; }
  @media print, screen and (max-width: 991px) {
    #home #fukutetube {
      margin: 30px auto;
      width: 80%; } }
#home #safetybus {
  margin-top: 20px;
  border-top: 1px dotted #ddd;
  padding-top: 15px;
  margin: auto;
  text-align: center; }
  #home #safetybus img {
    width: 40%;
    margin: 20px auto 0; }
    @media print, screen and (min-width: 768px) {
      #home #safetybus img {
        width: 30%; } }
    @media print, screen and (min-width: 992px) {
      #home #safetybus img {
        width: 45%; } }
  #home #safetybus p {
    text-align: left;
    margin-top: 15px; }
#home .title1.insta a {
  display: block;
  text-decoration: none; }
#home .instalogo {
  display: inline-block;
  margin-top: -5px; }
#home #instagram {
  margin: 0 15px 15px; }
  #home #instagram .instaphoto {
    margin: 15px 0 15px;
    position: relative; }
    #home #instagram .instaphoto a {
      display: block; }
      #home #instagram .instaphoto a span {
        font-size: 0.9rem;
        white-space: nowrap;
        display: block;
        position: absolute;
        display: none;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        /* Safari用 */
        transform: translate(-50%, -50%); }
      #home #instagram .instaphoto a img {
        object-fit: cover !important;
        width: 100% !important;
        height: 150px !important; }
        @media print, screen and (max-width: 767px) {
          #home #instagram .instaphoto a img {
            height: 150px !important; } }
        @media print, screen and (min-width: 768px) and (max-width: 991px) {
          #home #instagram .instaphoto a img {
            height: 200px !important; } }
        @media print, screen and (min-width: 992px) and (max-width: 1199px) {
          #home #instagram .instaphoto a img {
            height: 120px !important; } }
    #home #instagram .instaphoto a:hover span.cnt {
      display: block !important;
      color: #fff; }
    #home #instagram .instaphoto a:hover span.bgbk {
      display: block !important;
      background-color: #000;
      opacity: 50%;
      width: 100%;
      height: 100%; }
#home #pickup {
  overflow: hidden;
  margin-top: 50px;
  background-image: -moz-linear-gradient(90deg, #1a569a 48%, #104c80 90%, #054166 100%);
  background-image: -webkit-linear-gradient(90deg, #1a569a 48%, #104c80 90%, #054166 100%);
  background-image: -ms-linear-gradient(90deg, #1a569a 48%, #104c80 90%, #054166 100%);
  padding: 25px 0 15px; }
  #home #pickup h2 {
    color: #fff;
    text-align: center;
    line-height: 0.8; }
    #home #pickup h2 span {
      font-size: 0.7rem; }
  #home #pickup ul {
    margin: 15px -50px 15px 5px; }
  #home #pickup li {
    padding: 5px; }
    #home #pickup li a {
      display: block;
      text-decoration: none;
      color: #fff;
      font-size: 0.8rem; }
      #home #pickup li a img {
        width: 100% !important;
        height: 120px !important;
        object-fit: cover !important;
        border-style: solid;
        border-width: 5px;
        border-color: #dddddd;
        background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
        box-shadow: 0px 5px 5px 0px rgba(5, 70, 126, 0.34); }
        @media print, screen and (min-width: 992px) and (max-width: 1199px) {
          #home #pickup li a img {
            width: 100% !important;
            height: 110px !important;
            object-fit: cover !important; } }
        @media print, screen and (min-width: 768px) and (max-width: 991px) {
          #home #pickup li a img {
            width: 100% !important;
            height: 100px !important;
            object-fit: cover !important; } }
        @media print, screen and (max-width: 767px) {
          #home #pickup li a img {
            width: 100% !important;
            height: 100px !important;
            object-fit: cover !important; } }

/*! ==================================================
　#news,#homenews
=================================================== */
.newsList {
  /*home newslist共通*/ }
  .newsList time {
    font-size: 0.8rem;
    display: block;
    margin-bottom: 5px; }
    .newsList time span {
      display: inline-block;
      background-color: #1aa6cc;
      padding: 2px 5px;
      color: #fff; }
  .newsList h3 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #1e5aa0; }
    @media print, screen and (max-width: 767px) {
      .newsList h3 {
        padding-top: 5px; } }
    .newsList h3 img {
      border-style: solid;
      border-width: 5px;
      border-color: #eeeeee;
      border-radius: 50%;
      background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      width: 40px;
      height: 40px; }
  .newsList .list {
    border-bottom: 2px dotted #79cee6;
    padding-bottom: 10px;
    margin-bottom: 5px; }
    .newsList .list p {
      font-size: 0.8rem; }

#news .newsList {
  padding-top: 20px; }

#news .newsDetail {
  padding-top: 20px; }
  #news .newsDetail h3 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #1e5aa0;
    border-bottom: 2px dotted #79cee6;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 15px; }
    @media print, screen and (max-width: 767px) {
      #news .newsDetail h3 {
        padding-top: 5px; } }
    #news .newsDetail h3 img {
      border-style: solid;
      border-width: 5px;
      border-color: #eeeeee;
      border-radius: 50%;
      background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      width: 40px;
      height: 40px; }
  #news .newsDetail time {
    font-size: 0.8rem;
    display: block;
    margin-bottom: 5px; }
    #news .newsDetail time span {
      display: inline-block;
      background-color: #1aa6cc;
      padding: 2px 5px;
      color: #fff; }
  #news .newsDetail #content {
    padding-bottom: 30px; }
    #news .newsDetail #content ul {
      margin: 20px !important; }
    #news .newsDetail #content a {
      text-decoration: underline; }
    #news .newsDetail #content p {
      padding-top: 15px; }

#news .pagelink {
  text-align: center;
  padding-top: 30px;
  font-size: 0.8rem; }

/*! ==================================================
　info
=================================================== */
#info h3 {
  margin: 20px 0;
  padding: 50px 0;
  text-align: center; }
#info dl {
  margin: 0 0; }
  #info dl dt {
    padding: 10px 0;
    font-weight: normal; }
    @media print, screen and (max-width: 767px) {
      #info dl dt {
        padding: 10px 0 0; } }
  #info dl dd {
    padding: 10px 0; }
    @media print, screen and (max-width: 767px) {
      #info dl dd {
        padding: 0 0 10px; } }
#info img {
  margin: 0 15px 15px 0;
  padding: 0; }

/*! ==================================================
　contact
=================================================== */
#contact .contact {
  padding: 30px 15px;
  /*.btn_submit{
  	text-align:center;
  	margin:0 auto;
  }*/ }
  #contact .contact form {
    margin: 20px 0;
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.8); }
  #contact .contact .form-group {
    margin: 5px 0;
    padding: 0; }
    @media print, screen and (max-width: 767px) {
      #contact .contact .form-group input {
        font-size: 1.6rem; } }
  #contact .contact input {
    width: 100%;
    padding: 5px; }
  #contact .contact textarea {
    width: 100%; }
    @media print, screen and (max-width: 767px) {
      #contact .contact textarea {
        font-size: 1.6rem; } }

/*! ==================================================
　footer
=================================================== */
footer {
  margin-top: 30px; }
  footer #footer {
    padding-bottom: 120px;
    background-image: url(../img/footerimg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 20px; }
    footer #footer .sitetitle {
      padding: 20px 0 0;
      font-size: 2.0rem; }
    footer #footer address {
      padding-top: 15px;
      font-size: 0.9rem; }
  footer .copyright {
    text-align: center;
    font-size: 0.8rem;
    padding-top: 15px;
    padding-bottom: 15px; }

/*! ==================================================
　train
=================================================== */
#train h2 {
  margin-top: 20px;
  margin-bottom: 0; }
#train .timetable h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 2.0rem;
  text-align: center; }
#train .timetable ul {
  padding: 0 10px 10px; }
  #train .timetable ul li {
    list-style: none;
    padding: 10px 5px 0; }
    #train .timetable ul li a {
      padding: 10px;
      display: block;
      border-radius: 10px;
      background-color: #fed244;
      text-decoration: none;
      min-height: 40px;
      font-size: 1.4rem; }
      @media print, screen and (max-width: 767px) {
        #train .timetable ul li a {
          font-size: 0.8rem; } }
      #train .timetable ul li a span {
        border-style: solid;
        border-width: 3px;
        border-color: #197a3d;
        border-radius: 50%;
        background-color: white;
        width: 40px;
        height: 40px;
        display: inline-block;
        padding: 5px;
        text-align: center;
        font-size: 1.0rem; }
        @media print, screen and (max-width: 767px) {
          #train .timetable ul li a span {
            width: 36px;
            height: 36px;
            font-size: 0.8rem; } }
#train .timetable a:hover {
  background-color: #fdee44; }
#train .selectstation h3 {
  margin-top: 30px !important;
  background-image: none !important;
  font-weight: bold !important;
  text-align: center !important; }
#train .selectstation h4 {
  color: #000 !important;
  font-weight: bold !important;
  font-size: 1.4rem !important; }
#train .selectstation ul {
  padding: 0 10px 10px; }
  #train .selectstation ul li {
    list-style: none;
    padding: 10px 5px 0; }
    #train .selectstation ul li a {
      padding: 10px;
      display: block;
      border-radius: 10px;
      background-color: #fed244;
      text-decoration: none;
      min-height: 40px;
      font-size: 1.0rem; }
      @media print, screen and (max-width: 767px) {
        #train .selectstation ul li a {
          font-size: 0.8rem; } }
      #train .selectstation ul li a span {
        border-style: solid;
        border-width: 3px;
        border-color: #197a3d;
        border-radius: 50%;
        background-color: white;
        width: 40px;
        height: 40px;
        display: inline-block;
        padding: 5px;
        text-align: center;
        font-size: 1.0rem; }
        @media print, screen and (max-width: 767px) {
          #train .selectstation ul li a span {
            width: 36px;
            height: 36px;
            font-size: 0.8rem; } }
#train .selectstation a:hover {
  background-color: #fdee44; }
#train .timetable_station h3 {
  margin: 15px 0;
  padding: 5px;
  font-size: 1.8rem;
  line-height: 1.5;
  background-image: -moz-linear-gradient(90deg, #f9be00 0%, #fbcc28 68%, #fdda50 100%);
  background-image: -webkit-linear-gradient(90deg, #f9be00 0%, #fbcc28 68%, #fdda50 100%);
  background-image: -ms-linear-gradient(90deg, #f9be00 0%, #fbcc28 68%, #fdda50 100%); }
  #train .timetable_station h3 span {
    border-style: solid;
    border-width: 3px;
    border-color: #197a3d;
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem; }
#train .timetable_station .nav1 {
  background-color: #00b0c9 !important; }
#train .timetable_station .nav2 {
  background-color: #eb5f52 !important; }
@media print, screen and (max-width: 767px) {
  #train .timetable_station .nav1, #train .timetable_station .nav2 {
    font-size: 0.7rem; } }
#train .timetable_station h4 {
  color: #fff;
  padding: 10px 5px;
  font-size: 1.2rem;
  margin-bottom: 0;
  text-align: center; }
#train .timetable_station h4.kudari {
  background-color: #00b0c9 !important; }
#train .timetable_station h4.nobori {
  background-color: #eb5f52 !important; }
#train .timetable_station table {
  margin-top: 0; }
#train .timetable_station th {
  text-align: center;
  width: 10%;
  color: #fff;
  border-bottom: 1px solid #fff !important; }
#train .timetable_station tr:nth-child(even) {
  background: #F9F9F9; }
#train .timetable_station table.kudari th {
  background-color: #00b0c9 !important; }
#train .timetable_station table.nobori th {
  background-color: #eb5f52 !important; }
#train .timetable_station td {
  text-align: center; }
#train .timetable_station .timebox {
  display: inline-block;
  padding: 5px 10px;
  text-align: center;
  min-width: 60px;
  vertical-align: text-top; }
  #train .timetable_station .timebox .time {
    text-decoration: underline;
    font-size: 1.4rem !important; }
    @media print, screen and (max-width: 767px) {
      #train .timetable_station .timebox .time {
        font-size: 1.2rem !important; } }
  #train .timetable_station .timebox p {
    font-size: 0.9rem !important; }
    @media print, screen and (max-width: 767px) {
      #train .timetable_station .timebox p {
        font-size: 0.7rem !important; } }
#train .timetableDetail h3 {
  margin: 15px 0;
  padding: 5px;
  font-size: 1.8rem;
  line-height: 1.5;
  background-image: -moz-linear-gradient(90deg, #f9be00 0%, #fbcc28 68%, #fdda50 100%);
  background-image: -webkit-linear-gradient(90deg, #f9be00 0%, #fbcc28 68%, #fdda50 100%);
  background-image: -ms-linear-gradient(90deg, #f9be00 0%, #fbcc28 68%, #fdda50 100%); }
  #train .timetableDetail h3 span {
    border-style: solid;
    border-width: 3px;
    border-color: #197a3d;
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem; }
#train .timetableDetail h4 {
  color: #fff;
  padding: 10px 5px;
  font-size: 1.2rem;
  margin-bottom: 0;
  text-align: center; }
#train .timetableDetail h4.kudari {
  background-color: #00b0c9 !important; }
#train .timetableDetail h4.nobori {
  background-color: #eb5f52 !important; }
#train .timetableDetail .kbn {
  margin: 10px auto;
  background-color: #eee;
  text-align: center;
  font-size: 0.8rem;
  padding: 10px; }
#train .timetableDetail th {
  font-size: 1.0rem;
  font-weight: normal;
  text-align: center;
  width: 50%;
  padding: 5px 10px; }
#train .timetableDetail td {
  text-align: center;
  width: 50%;
  padding: 5px 10px;
  font-size: 1.2rem; }
#train .timetableDetail tr:nth-child(even) {
  background: #F9F9F9; }
#train .timetable_all {
  overflow: hidden; }
  #train .timetable_all ul {
    padding: 15px 15px 2px; }
    #train .timetable_all ul li {
      list-style: none;
      padding: 5px 15px;
      border-radius: 10px 10px 0 0 !important; }
      #train .timetable_all ul li a {
        color: #fff;
        display: block;
        padding: 5px 0 2px;
        text-decoration: none;
        text-align: center;
        font-size: 0.8rem; }
    #train .timetable_all ul li.kudari {
      background-color: #00b0c9 !important; }
    #train .timetable_all ul li.nobori {
      background-color: #eb5f52 !important; }
  #train .timetable_all h3 {
    color: #fff;
    padding: 10px 5px;
    font-size: 1.2rem;
    margin-bottom: 0;
    text-align: center;
    margin-toop: 2px; }
  #train .timetable_all h3.kudari {
    background-color: #00b0c9 !important; }
  #train .timetable_all h3.nobori {
    background-color: #eb5f52 !important;
    margin-top: 20px; }
  #train .timetable_all table {
    text-align: center; }
    #train .timetable_all table th {
      font-size: 0.6rem;
      font-weight: normal;
      white-space: nowrap !important;
      padding: 5px; }
    #train .timetable_all table td {
      font-size: 0.8rem;
      padding: 5px; }
    #train .timetable_all table tr:nth-child(even) {
      background: #F9F9F9; }
  #train .timetable_all #nobori, #train .timetable_all #kudari {
    margin-top: -150px;
    padding-top: 150px; }
#train .faretable h3 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    #train .faretable h3 {
      font-size: 1.2rem; } }
#train .faretable h4 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  padding-top: 20px; }
#train .faretable ul {
  width: 90%;
  margin: auto;
  margin-top: 20px;
  font-weight: bold;
  background-color: #f3f3f3; }
  @media print, screen and (max-width: 767px) {
    #train .faretable ul {
      width: 100%; } }
  #train .faretable ul li {
    list-style: none;
    font-size: 1.4rem;
    padding: 15px;
    border-bottom: 1px dotted #ddd; }
    #train .faretable ul li span {
      color: #fff;
      display: inline-block;
      padding: 2px 5px;
      font-weight: normal;
      margin-right: 15px;
      font-size: 0.8rem; }
    #train .faretable ul li span.station-s {
      background-color: #00b0c9 !important; }
    #train .faretable ul li span.station-e {
      background-color: #eb5f52 !important; }
    @media print, screen and (max-width: 767px) {
      #train .faretable ul li {
        font-size: 1.2rem; } }
#train .faretable .searchbox {
  border: 5px solid #f9eaa9;
  padding-bottom: 20px;
  margin-top: 30px;
  margin-bottom: 30px; }
#train .faretable form {
  text-align: center;
  margin-top: 20px;
  line-height: 3.0; }
  #train .faretable form input {
    margin-top: 15px;
    width: 50%;
    text-align: center;
    cursor: pointer;
    color: #000;
    background-color: #fed244;
    font-size: 1.2rem;
    padding: 10px;
    border-radius: 10px;
    line-height: 1.5;
    border: none; }
  #train .faretable form input:hover {
    background-color: #fdee44 !important; }
  #train .faretable form select {
    font-size: 1.4rem; }
    @media print, screen and (max-width: 767px) {
      #train .faretable form select {
        font-size: 1.2rem; } }
#train .faretable table {
  text-align: center;
  margin-bottom: 20px; }
  #train .faretable table td {
    height: 50px;
    font-size: 1.4rem; }
    #train .faretable table td span {
      font-size: 0.8rem; }
  #train .faretable table th {
    font-weight: normal;
    font-size: 1.0rem;
    background-color: #fed244;
    color: #000; }
  #train .faretable table th.otona, #train .faretable table th.tukin {
    background-color: #00b0c9 !important;
    color: #fff;
    font-size: 0.8rem; }
  #train .faretable table th.kodomo, #train .faretable table th.tugaku {
    background-color: #eb5f52 !important;
    color: #fff;
    font-size: 0.8rem; }
@media print, screen and (max-width: 767px) {
  #train .faretable table.teiki td {
    font-size: 1.0rem; } }
#train .faretable_all {
  overflow: hidden; }
  #train .faretable_all ul {
    padding: 15px 15px 2px; }
    #train .faretable_all ul li {
      list-style: none;
      padding: 5px 15px;
      border-radius: 10px 10px 0 0 !important; }
      #train .faretable_all ul li a {
        color: #fff;
        display: block;
        padding: 5px 0 2px;
        text-decoration: none;
        text-align: center;
        font-size: 0.8rem; }
  #train .faretable_all h3 {
    color: #fff;
    padding: 10px 5px;
    font-size: 1.2rem;
    margin-bottom: 0;
    text-align: center;
    margin-toop: 2px; }
  #train .faretable_all h3 {
    background-color: #00b0c9 !important;
    margin-top: 15px; }
  #train .faretable_all table {
    text-align: center; }
    #train .faretable_all table th {
      font-size: 0.6rem;
      font-weight: normal;
      white-space: nowrap !important;
      padding: 5px;
      border: 1px solid #ddd; }
    #train .faretable_all table td {
      font-size: 0.8rem;
      padding: 5px;
      border: 1px solid #ddd; }
    #train .faretable_all table tr:nth-child(even) {
      background: #F9F9F9; }
#train .routemap .mapimg {
  padding-top: 30px;
  text-align: center; }
  #train .routemap .mapimg img {
    width: 100%;
    display: inline-block; }
    @media print, screen and (min-width: 768px) {
      #train .routemap .mapimg img {
        width: 70%; } }
#train .stationguide h3 {
  margin-top: 30px;
  font-weight: bold;
  font-size: 2.0rem;
  text-align: center; }
#train .stationguide h3.mt50 {
  margin-top: 50px; }
#train .stationguide .table1 th {
  font-size: 1.0rem; }
  #train .stationguide .table1 th a {
    color: #fff; }
#train .stationguide .table1 td {
  font-weight: bold; }
  #train .stationguide .table1 td a {
    color: #0033ff;
    text-decoration: underline; }
  #train .stationguide .table1 td a:hover {
    text-decoration: none; }
#train .stationguide .table1 td.txt1 {
  white-space: normal !important;
  line-height: 1.5 !important;
  background-color: #ffff00 !important;
  font-size: 0.9rem;
  min-width: 100px; }
#train .stationguide .table1 .yuujin {
  color: #ffff00;
  font-weight: bold; }
#train .stationguide .table1.pad30 td {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }
#train .stationguide h4 {
  margin-top: 30px;
  font-weight: bold; }
#train .stationguide li {
  list-style: none;
  padding-top: 10px; }
  #train .stationguide li a {
    color: #0033ff;
    text-decoration: underline;
    font-weight: bold; }
  #train .stationguide li a:hover {
    text-decoration: none; }
#train .stationguide .guidetext1 {
  font-weight: bold;
  margin-bottom: 15px; }
#train .stationguide .guidetext2 a {
  color: #0033ff;
  text-decoration: underline;
  font-weight: bold; }
#train .stationguide .guidetext2 a:hover {
  text-decoration: none; }
#train .stationguide .fontnormal {
  font-weight: normal !important;
  font-size: 0.9rem; }
#train .stationguide .numcircle {
  margin: 0;
  position: relative; }
  #train .stationguide .numcircle li {
    list-style: none !important;
    list-style-position: outside !important;
    margin: 0 0 0 40px !important; }
  #train .stationguide .numcircle span {
    position: absolute !important;
    left: 0 !important;
    margin: 0 !important; }
  #train .stationguide .numcircle p {
    margin: 0 0 0 20px !important; }
#train .stationguide li.style2 {
  list-style: disc !important;
  margin: 0 0 0 20px !important; }
#train .stationguide .kenbaikibox {
  border: 3px solid #ddd;
  padding: 20px;
  margin-top: 50px;
  margin-bottom: 50px; }
  #train .stationguide .kenbaikibox img {
    margin-top: 30px; }
  #train .stationguide .kenbaikibox h4 {
    font-size: 1.2rem; }
  #train .stationguide .kenbaikibox ul {
    margin-top: 20px; }
  #train .stationguide .kenbaikibox li {
    margin: 0 !important;
    padding-top: 2px !important; }
    #train .stationguide .kenbaikibox li span {
      font-size: 0.8rem !important;
      letter-spacing: -0.5px; }
  #train .stationguide .kenbaikibox .txt2 p {
    margin-top: 20px !important; }
#train .parkride {
  overflow: hidden !important; }
  #train .parkride p.txt1 {
    padding: 15px 0 0; }
  #train .parkride th span {
    border-radius: 10px;
    font-size: 0.8rem;
    padding: 2px 10px;
    color: #fff;
    background-color: #f67e3a;
    display: inline-block; }
  #train .parkride td .red {
    color: #ff0000; }
  #train .parkride table {
    font-size: 0.9rem; }
  #train .parkride table td.shosai {
    min-width: 200px !important;
    white-space: normal !important;
    /*tableのセル内にある文字の折り返しを禁止しない*/ }

/*! ==================================================
　bus
=================================================== */
#bus h2 {
  margin-top: 20px;
  margin-bottom: 0; }
#bus h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold; }
  @media print, screen and (max-width: 767px) {
    #bus h3 {
      font-size: 1.8rem; } }
#bus .timetable .gokoichibus a {
  display: block;
  width: 100%;
  padding: 15px 30px;
  margin-top: 15px;
  border: 1px solid #333;
  text-decoration: none; }
  #bus .timetable .gokoichibus a img {
    width: 100%;
    height: auto; }
  #bus .timetable .gokoichibus a .gokoichitext {
    width: 100%;
    display: block; }
    #bus .timetable .gokoichibus a .gokoichitext p {
      padding-top: 10px;
      display: inlinie-block;
      width: 100%;
      text-align: center;
      font-weight: bold; }
      @media print, screen and (min-width: 992px) {
        #bus .timetable .gokoichibus a .gokoichitext p {
          padding-top: 40px; } }
#bus .timetable .navitime {
  border-bottom: 3px solid #eee;
  padding: 20px 0 40px;
  /*h3{
  	background-color:$color-background3;
  }*/ }
  #bus .timetable .navitime .navitimebox {
    padding-top: 20px; }
    @media print, screen and (max-width: 767px) {
      #bus .timetable .navitime .navitimebox {
        padding-top: 0; } }
    #bus .timetable .navitime .navitimebox .banner {
      text-align: center; }
      #bus .timetable .navitime .navitimebox .banner a {
        display: inline-block; }
      @media print, screen and (min-width: 768px) {
        #bus .timetable .navitime .navitimebox .banner {
          padding-top: 30px; } }
    #bus .timetable .navitime .navitimebox ul.btnarea {
      margin: 0;
      padding: 0; }
      @media print, screen and (max-width: 767px) {
        #bus .timetable .navitime .navitimebox ul.btnarea {
          padding-top: 15px; } }
      #bus .timetable .navitime .navitimebox ul.btnarea li {
        padding: 0 10px !important;
        list-style: none;
        font-size: 0.9rem;
        margin: 0; }
        #bus .timetable .navitime .navitimebox ul.btnarea li .common-btn1 {
          margin: 0 0 10px; }
          #bus .timetable .navitime .navitimebox ul.btnarea li .common-btn1 a {
            width: 100%; }
#bus .timetable .pdf {
  padding: 10px 0 40px; }
  #bus .timetable .pdf h3 {
    margin-bottom: 0; }
  #bus .timetable .pdf p.setumei {
    padding: 15px 0 20px;
    text-align: center; }
  #bus .timetable .pdf ul {
    padding: 0 10px 10px; }
    @media print, screen and (max-width: 767px) {
      #bus .timetable .pdf ul {
        padding: 0 0 10px; } }
    #bus .timetable .pdf ul li {
      font-size: 1.0rem;
      border-bottom: 2px dotted #ccc;
      padding: 10px 0;
      list-style: none; }
      #bus .timetable .pdf ul li a {
        display: block;
        font-weight: bold; }
      #bus .timetable .pdf ul li a:hover {
        text-decoration: none;
        color: #00b0c9; }
#bus .faresearchList {
  padding-top: 20px; }
  #bus .faresearchList h3 {
    margin-bottom: 0; }
  #bus .faresearchList .routebox {
    padding: 20px 0 0; }
    #bus .faresearchList .routebox h4 {
      background-color: #fed244;
      padding: 10px 15px;
      border-radius: 10px;
      font-size: 1.2rem;
      font-weight: bold;
      margin: 10px 0 5px; }
    #bus .faresearchList .routebox ul {
      padding: 0 10px 0; }
      @media print, screen and (max-width: 767px) {
        #bus .faresearchList .routebox ul {
          padding: 0 0 0; } }
      #bus .faresearchList .routebox ul li {
        font-size: 1.4rem;
        border-bottom: 2px dotted #ccc;
        padding: 10px 0;
        list-style: none; }
        @media print, screen and (max-width: 767px) {
          #bus .faresearchList .routebox ul li {
            font-size: 1.0rem; } }
        #bus .faresearchList .routebox ul li a {
          display: block;
          font-weight: bold; }
          #bus .faresearchList .routebox ul li a span {
            font-size: 1.0rem; }
            @media print, screen and (max-width: 767px) {
              #bus .faresearchList .routebox ul li a span {
                font-size: 0.7rem; } }
        #bus .faresearchList .routebox ul li a:hover {
          text-decoration: none;
          color: #00b0c9; }
#bus .faresearch {
  padding-top: 30px; }
  #bus .faresearch .routetxt h3 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: 1px;
    text-align: center; }
    @media print, screen and (max-width: 767px) {
      #bus .faresearch .routetxt h3 {
        font-size: 1.8rem; } }
  #bus .faresearch .routetxt p {
    text-align: center; }
  #bus .faresearch h4 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    padding-top: 20px; }
  #bus .faresearch ul {
    width: 90%;
    margin: auto;
    margin-top: 20px;
    font-weight: bold;
    background-color: #f3f3f3; }
    @media print, screen and (max-width: 767px) {
      #bus .faresearch ul {
        width: 100%; } }
    #bus .faresearch ul li {
      list-style: none;
      font-size: 1.4rem;
      padding: 15px;
      border-bottom: 1px dotted #ddd; }
      #bus .faresearch ul li span {
        color: #fff;
        display: inline-block;
        padding: 2px 5px;
        font-weight: normal;
        margin-right: 15px;
        font-size: 0.8rem; }
      #bus .faresearch ul li span.busstop-s {
        background-color: #00b0c9 !important; }
      #bus .faresearch ul li span.busstop-e {
        background-color: #eb5f52 !important; }
      @media print, screen and (max-width: 767px) {
        #bus .faresearch ul li {
          font-size: 1.2rem; } }
  #bus .faresearch .searchbox {
    border: 5px solid #f9eaa9;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 30px; }
    #bus .faresearch .searchbox h3 {
      font-size: 1.6rem; }
      @media print, screen and (max-width: 767px) {
        #bus .faresearch .searchbox h3 {
          font-size: 1.2rem; } }
  #bus .faresearch form {
    text-align: center;
    margin-top: 20px;
    line-height: 3.0; }
    #bus .faresearch form input {
      margin-top: 15px;
      width: 50%;
      text-align: center;
      cursor: pointer;
      color: #000;
      background-color: #fed244;
      font-size: 1.2rem;
      padding: 10px;
      border-radius: 10px;
      line-height: 1.5;
      border: none; }
    #bus .faresearch form input:hover {
      background-color: #fdee44 !important; }
    #bus .faresearch form select {
      font-size: 1.4rem; }
      @media print, screen and (max-width: 767px) {
        #bus .faresearch form select {
          font-size: 1.2rem; } }
  #bus .faresearch table {
    text-align: center;
    margin-bottom: 20px; }
    #bus .faresearch table td {
      height: 50px;
      font-size: 1.4rem; }
      #bus .faresearch table td span {
        font-size: 0.8rem; }
    #bus .faresearch table th {
      font-weight: normal;
      font-size: 1.0rem;
      background-color: #fed244;
      color: #000; }
    #bus .faresearch table th.otona, #bus .faresearch table th.tukin {
      background-color: #00b0c9 !important;
      color: #fff;
      font-size: 0.8rem; }
    #bus .faresearch table th.kodomo, #bus .faresearch table th.tugaku {
      background-color: #eb5f52 !important;
      color: #fff;
      font-size: 0.8rem; }
  @media print, screen and (max-width: 767px) {
    #bus .faresearch table.teiki td {
      font-size: 1.0rem; } }
  #bus .faresearch table.teiki td .tokubetukikan {
    text-align: center;
    margin: auto;
    width: 70%; }
    @media print, screen and (max-width: 767px) {
      #bus .faresearch table.teiki td .tokubetukikan {
        width: 95%; } }
    @media print, screen and (min-width: 768px) and (max-width: 991px) {
      #bus .faresearch table.teiki td .tokubetukikan {
        width: 85%; } }
    #bus .faresearch table.teiki td .tokubetukikan dt {
      float: left;
      width: 70%;
      font-weight: normal;
      text-align: left;
      padding: 5px;
      font-size: 1.2rem; }
      @media print, screen and (max-width: 767px) {
        #bus .faresearch table.teiki td .tokubetukikan dt {
          font-size: 1.0rem; } }
    #bus .faresearch table.teiki td .tokubetukikan dd {
      width: 30%;
      float: right;
      text-align: right;
      padding: 5px; }
#bus .fare_reihoku2 {
  padding-top: 30px; }
  #bus .fare_reihoku2 .farbox {
    border: 5px solid #f9eaa9;
    padding: 20px 30px;
    width: 80%;
    text-align: center;
    margin: 50px auto; }
    @media print, screen and (max-width: 767px) {
      #bus .fare_reihoku2 .farbox {
        padding: 10px;
        width: 90%; } }
    #bus .fare_reihoku2 .farbox h3 {
      font-size: 1.6rem; }
      @media print, screen and (max-width: 767px) {
        #bus .fare_reihoku2 .farbox h3 {
          font-size: 1.2rem; } }
    #bus .fare_reihoku2 .farbox p {
      font-size: 1.8rem;
      font-weight: bold; }
      @media print, screen and (max-width: 767px) {
        #bus .fare_reihoku2 .farbox p {
          font-size: 1.4rem; } }
      #bus .fare_reihoku2 .farbox p span {
        color: #fff;
        display: inline-block;
        padding: 2px 5px;
        font-weight: normal;
        margin-right: 15px;
        font-size: 1.0rem;
        font-weight: bold; }
      #bus .fare_reihoku2 .farbox p span.otona {
        background-color: #00b0c9 !important; }
      #bus .fare_reihoku2 .farbox p span.kodomo {
        background-color: #eb5f52 !important; }
  #bus .fare_reihoku2 h4 {
    background-color: #d34040;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: bold; }
  #bus .fare_reihoku2 table {
    border: 3px solid #049d9b;
    text-align: center;
    font-weight: bold;
    text-align: center;
    padding: 10px; }
    #bus .fare_reihoku2 table th {
      background-color: #049d9b;
      color: #fff;
      padding: 10px;
      font-size: 1.8rem;
      line-height: 0.8; }
      #bus .fare_reihoku2 table th span {
        font-size: 0.8rem; }
    #bus .fare_reihoku2 table td {
      padding-bottom: 20px; }
      #bus .fare_reihoku2 table td p {
        padding-top: 20px !important;
        font-size: 1.4rem !important; }
  #bus .fare_reihoku2 p.setumei {
    padding-top: 15px;
    font-size: 1.2rem; }
#bus .routemap .pdf {
  padding: 20px 0 30px; }
  #bus .routemap .pdf h4 {
    background-color: #fed244;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 30px 0 5px; }
  #bus .routemap .pdf ul {
    padding: 0 10px 0; }
    @media print, screen and (max-width: 767px) {
      #bus .routemap .pdf ul {
        padding: 0 0 0; } }
    #bus .routemap .pdf ul li {
      font-size: 1.0rem;
      border-bottom: 2px dotted #ccc;
      padding: 10px 0;
      list-style: none; }
      #bus .routemap .pdf ul li a {
        display: block;
        font-weight: bold; }
      #bus .routemap .pdf ul li a:hover {
        text-decoration: none;
        color: #00b0c9; }
#bus .express .card-body a {
  text-decoration: underline;
  color: #0033ff;
  font-weight: bold; }
#bus .express .date_info {
  font-size: 1.2rem;
  font-weight: bold;
  color: #ff0000; }
#bus .express .shosai {
  margin-top: 10px; }
#bus .express .bnarea {
  text-align: center; }
  #bus .express .bnarea .bnimg {
    border: 1px solid #ddd;
    padding: 10px 10px; }
#bus .express .bntxt {
  font-size: 1.2rem;
  font-weight: bold;
  color: #ff0000; }
#bus .express p {
  padding-top: 10px; }
#bus .express .kikan-txt {
  text-align: left !important;
  color: #ff0000;
  font-weight: bold;
  margin-top: 15px;
  font-size: 1.2rem;
  display: inline-block;
  background-color: #ffff00;
  padding: 2px 15px; }
#bus .express #timetable h5 {
  font-weight: bold;
  border-bottom: 2px dotted #79cee6;
  margin-bottom: 5px; }
  #bus .express #timetable h5 img {
    width: 40px; }
#bus .express #timetable .timetable_new {
  background-color: #d91c77; }
#bus .express #timetable .time_news {
  color: #ff0000;
  font-weight: bold;
  padding: 10px 10px;
  margin-bottom: 15px;
  border: #eee 5px solid; }
#bus .express #fare .card-body a {
  color: #0033ff;
  font-size: 1.0rem;
  text-decoration: underline;
  font-weight: bold; }
#bus .express #fare .price_info {
  border: solid 2px #00b0c9;
  margin: 10px auto;
  padding: 15px; }
  #bus .express #fare .price_info h5 {
    margin-top: 0px;
    font-weight: bold;
    font-size: 1.5rem;
    margin-left: -12px; }
#bus .express #fare .kikantxt {
  margin-bottom: 15px; }
  #bus .express #fare .kikantxt a {
    display: block;
    padding: 15px;
    background-color: #ffff00;
    font-size: 1.6rem; }
#bus .express #fare .listnone li {
  list-style: none; }
#bus .express #guide h5 {
  font-weight: bold;
  border-bottom: 2px dotted #79cee6;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 25px;
  font-size: 1.5rem;
  color: #1e5aa0; }
#bus .express #guide ul {
  margin: 10px 0 10px 20px; }
#bus .express #guide li {
  padding: 5px; }
#bus .express #guide .numcircle {
  margin: 0;
  position: relative; }
  #bus .express #guide .numcircle li {
    list-style: none !important;
    list-style-position: outside !important;
    margin: 0 0 0 -20px !important; }
    #bus .express #guide .numcircle li span {
      position: absolute !important;
      left: 0 !important;
      margin: 0 !important; }
#bus .express #guide h6 {
  margin-top: 15px;
  font-weight: bold;
  font-size: 1.2rem;
  margin-left: -15px; }
#bus .express #guide dl {
  margin: 15px 0; }
#bus .express #guide dt {
  background-color: #1e5aa0;
  color: #fff;
  padding: 5px;
  border-bottom: 1px solid #fff; }
#bus .express #guide dd {
  padding: 10px;
  background-color: #f3f3f3; }
  #bus .express #guide dd ul {
    margin: 0 0 0 20px;
    padding: 0; }
  #bus .express #guide dd table {
    margin-top: 0 !important; }
    #bus .express #guide dd table td {
      background-color: #fff; }
#bus .express #guide .toiawase2 dt {
  background-color: #fff !important;
  color: #000 !important;
  padding: 5px; }
#bus .express #guide .toiawase2 dd {
  background-color: #fff !important;
  color: #000 !important;
  padding: 5px; }
#bus .express #noriba .txt {
  padding: 20px 0 20px; }
#bus .express #noriba span {
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  padding: 2px;
  border-radius: 2px; }
#bus .express #noriba .map {
  background-color: #00b0c9; }
#bus .express #noriba .link {
  background-color: #eb5f52; }
#bus .express #noriba ul li {
  margin-top: 10px;
  list-style: none; }
  #bus .express #noriba ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    border-radius: 10px;
    border: 3px solid #ddd; }
#bus .express .nav {
  margin-top: 10px; }
  @media print, screen and (max-width: 767px) {
    #bus .express .nav li span {
      font-size: 0.8rem !important;
      font-weight: bold; } }
  #bus .express .nav li a {
    display: block;
    text-decoration: none; }
#bus .express .nav1, #bus .express #express1 h3 {
  background-color: #00b0c9 !important; }
#bus .express .nav2, #bus .express #express2 h3 {
  background-color: #eb5f52 !important; }
#bus .express .nav3, #bus .express #express3 h3 {
  background-color: #176aee !important; }
#bus .express .nav4, #bus .express #express4 h3 {
  background-color: #f67e3a !important; }
#bus .express h3 {
  color: #fff;
  font-size: 1.6rem;
  text-align: left;
  padding: 10px;
  margin-top: 0; }
  #bus .express h3 span {
    font-size: 0.9rem; }
#bus .express .kikan {
  text-align: right;
  color: #ff0000;
  font-weight: bold; }
#bus .express .attention {
  margin-top: 15px; }
  #bus .express .attention li {
    margin-left: 20px; }
#bus .express .annai {
  padding: 0 15px 15px; }
  #bus .express .annai h5 {
    font-weight: bold;
    margin-top: 15px; }
#bus .express .textbox1 p {
  padding: 15px 15px 0; }
#bus .express .textbox1 dl {
  border-top: 2px dotted #ddd;
  border-bottom: 2px dotted #ddd;
  padding: 15px 0;
  margin: 15px; }
  #bus .express .textbox1 dl dt {
    padding: 5px 0; }
  #bus .express .textbox1 dl dd {
    padding: 5px 0; }
#bus .express .newsbox {
  border: 2px solid #00b0c9;
  padding: 15px;
  margin: 10px; }
  #bus .express .newsbox p {
    padding: 0; }
#bus .express .setubiannai {
  border-top: 2px dotted #ddd;
  border-bottom: 2px dotted #ddd;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px; }
  #bus .express .setubiannai dl {
    padding-left: 15px; }
    #bus .express .setubiannai dl dd {
      padding-left: 15px; }
  #bus .express .setubiannai li {
    float: left;
    list-style: none;
    padding: 5px; }
    #bus .express .setubiannai li span {
      display: inline-block;
      background-color: #eb5f52;
      padding: 2px 5px;
      font-weight: bold;
      color: #fff;
      font-size: 0.8rem; }
  #bus .express .setubiannai p {
    padding-left: 15px;
    padding-top: 10px; }
#bus .charter {
  /*コロナ対策追加*/ }
  #bus .charter .chartertext {
    padding: 20px 10px 0; }
  #bus .charter .charterlist {
    width: 90%;
    margin: auto; }
    #bus .charter .charterlist ul {
      padding: 15px;
      margin: 15px 30px; }
      @media print, screen and (min-width: 768px) and (max-width: 991px) {
        #bus .charter .charterlist ul {
          margin: 15px 20px; } }
      #bus .charter .charterlist ul li {
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 0; }
        @media print, screen and (max-width: 767px) {
          #bus .charter .charterlist ul li {
            padding-top: 5px; } }
  #bus .charter .charterimg {
    width: 80%;
    margin: 15px auto 0; }
  #bus .charter .safetybus {
    border: 5px #eee solid;
    padding: 20px 10px;
    margin: 40px 20px; }
    @media print, screen and (max-width: 767px) {
      #bus .charter .safetybus {
        padding: 5px 5px 15px;
        margin: 25px 10px; } }
    @media print, screen and (min-width: 992px) {
      #bus .charter .safetybus p {
        padding-top: 10px; } }
    #bus .charter .safetybus .safetybusimg {
      width: 80%; }
      @media print, screen and (max-width: 767px) {
        #bus .charter .safetybus .safetybusimg {
          width: 40%;
          margin: 10px auto; } }
  #bus .charter #coronabox {
    padding: 15px 5px 50px;
    border-bottom: 3px solid #ddd;
    margin-bottom: 50px; }
    #bus .charter #coronabox p {
      font-size: 0.95rem;
      line-height: 1.7; }
    #bus .charter #coronabox h3 {
      font-size: 1.3rem;
      text-align: left; }
    #bus .charter #coronabox h4 {
      font-size: 1.2rem;
      font-weight: bold;
      margin: 30px 0 0;
      border: 2px solid #ddd;
      border-radius: 15px;
      padding: 10px 15px;
      background-color: #22559d;
      color: #fff; }
    #bus .charter #coronabox .contentbox {
      padding: 0 10px; }
      #bus .charter #coronabox .contentbox p {
        padding-top: 15px; }
    #bus .charter #coronabox h5 {
      margin: 30px 0 0;
      display: inline-block;
      border: 2px solid #22559d;
      padding: 5px 10px;
      font-weight: bold;
      font-size: 1.2rem; }
    #bus .charter #coronabox h6 {
      margin-top: 25px; }
    #bus .charter #coronabox ul {
      margin: 10px 10px 10px 25px; }
      #bus .charter #coronabox ul li {
        line-height: 1.7;
        padding-top: 10px; }
    #bus .charter #coronabox .photobox {
      margin: 15px 0; }
      #bus .charter #coronabox .photobox p {
        padding-top: 15px; }
    #bus .charter #coronabox .kucho {
      margin: 15px 0 50px; }
      #bus .charter #coronabox .kucho .photobox {
        margin-bottom: 0; }
      #bus .charter #coronabox .kucho h6 {
        margin: 30px 0 15px;
        text-align: center; }
        #bus .charter #coronabox .kucho h6 span {
          display: inline-block;
          border: 2px solid #22559d;
          padding: 5px 10px;
          font-weight: bold;
          font-size: 1.0rem; }
    #bus .charter #coronabox .textbox {
      padding: 0 0 0 15px; }

/*! ==================================================
　train bus 共通
=================================================== */
.headnews_kaitei {
  color: #f00;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%; }
  .headnews_kaitei a {
    color: #f00;
    text-decoration: none;
    border: 2px solid #f00;
    padding: 20px 15px 20px;
    font-weight: bold;
    line-height: 1.8;
    font-size: 1.4rem;
    width: 100%;
    display: block; }
  .headnews_kaitei a:hover {
    background-color: transparent !important; }
  .headnews_kaitei p {
    padding-top: 15px; }
    @media print, screen and (max-width: 767px) {
      .headnews_kaitei p {
        text-align: left; } }
  .headnews_kaitei .toiawasekaitei {
    width: 70%;
    margin: auto; }
    @media print, screen and (max-width: 767px) {
      .headnews_kaitei .toiawasekaitei {
        width: 100%; } }
    .headnews_kaitei .toiawasekaitei h4 {
      font-weight: bold;
      padding-top: 30px;
      text-align: left; }
    .headnews_kaitei .toiawasekaitei dl {
      margin: auto; }
      .headnews_kaitei .toiawasekaitei dl dt {
        float: left;
        width: 30%;
        text-align: left;
        padding-left: 50px; }
      .headnews_kaitei .toiawasekaitei dl dd {
        float: right;
        text-align: left;
        width: 70%; }

.headnews_kaitei.textleft {
  text-align: left; }

.headnews {
  color: #f00;
  padding: 5px 15px 20px;
  font-weight: bold;
  border: 2px solid #f00;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.8; }
  .headnews a {
    color: #f00;
    text-decoration: underline; }
  .headnews p {
    padding-top: 15px; }
  .headnews ul {
    margin-left: 20px;
    margin-top: 15px; }
  .headnews .nagoyaarea {
    margin-top: 0; }
  .headnews .saikai {
    padding-top: 30px !important; }
  .headnews h4 {
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
    font-size: 1.4rem; }

.headnews.train-tickets a {
  text-align: center;
  text-decoration: none !important;
  display: block;
  font-size: 1.5rem;
  padding: 25px 15px 40px; }

.setumei {
  margin-top: 15px;
  padding: 0 15px 15px; }
  .setumei h4 {
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    font-weight: bold; }
    .setumei h4 i {
      color: #114d85; }
  .setumei a {
    text-decoration: underline; }
  .setumei .otoiawase {
    margin-top: 10px; }
    .setumei .otoiawase dt {
      font-weight: normal; }
    .setumei .otoiawase dd a {
      text-decoration: underline; }

.kaiteibi {
  text-align: right;
  font-size: 1.0rem;
  margin: 10px 15px 0 0; }

.tickets .linktitle1 {
  font-size: 1.2rem !important; }
  .tickets .linktitle1 a {
    padding: 15px 5px !important; }
.tickets .banabtn {
  margin-top: 15px; }
.tickets .nav {
  margin-top: 10px; }
  .tickets .nav li
  a {
    display: block;
    text-decoration: none; }
    @media print, screen and (max-width: 767px) {
      .tickets .nav li
      a span {
        font-size: 0.8rem !important;
        font-weight: bold; } }
.tickets a.nav1, .tickets #tickets1 h3, .tickets #tickets1 dt span {
  background-color: #00b0c9 !important; }
.tickets a.nav2, .tickets #tickets2 h3, .tickets #tickets2 dt span {
  background-color: #eb5f52 !important; }
.tickets a.nav3, .tickets #tickets3 h3, .tickets #tickets3 dt span {
  background-color: #176aee !important; }
.tickets a.nav4, .tickets #tickets4 h3, .tickets #tickets4 dt span {
  background-color: #f67e3a !important; }
.tickets dl.shosai {
  font-size: 0.9rem;
  padding: 10px 0 15px;
  margin: 15px 0 0;
  border-top: 2px dotted #ddd;
  border-bottom: 2px dotted #ddd; }
  .tickets dl.shosai dt {
    padding: 5px 0 0;
    margin: 0; }
    .tickets dl.shosai dt span {
      font-weight: normal;
      color: #fff;
      padding: 2px;
      display: block;
      text-align: center;
      font-size: 0.8rem; }
  .tickets dl.shosai dd {
    padding: 5px 10px 0;
    margin: 0; }
    .tickets dl.shosai dd a {
      text-decoration: underline; }
    .tickets dl.shosai dd ul {
      margin-left: 20px; }
.tickets h3 {
  color: #fff;
  font-size: 1.4rem;
  padding: 10px;
  margin-top: 0; }
.tickets h5 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 1.0rem; }
.tickets .content1 {
  margin-bottom: 15px; }
  .tickets .content1 .ticketimg {
    padding-left: 0; }
  .tickets .content1 p {
    font-size: 0.9rem;
    padding: 0 0 15px; }
  .tickets .content1 ul {
    margin-top: 15px; }
  .tickets .content1 li {
    font-size: 0.9rem;
    margin-left: 20px; }
  .tickets .content1 a {
    text-decoration: underline; }
.tickets .content2 p {
  font-size: 0.8rem;
  padding: 15px 0 0; }
.tickets .content2 ol {
  margin-left: 0;
  padding-left: 0; }
.tickets .content2 li {
  font-size: 0.8rem;
  margin-left: 20px; }
.tickets .content2 a {
  text-decoration: underline; }
@media print, screen and (max-width: 767px) {
  .tickets .linktitle1 {
    font-size: 1rem !important; } }

.advertisement p.txt1 {
  padding: 15px 0 15px; }
.advertisement a.nav1, .advertisement #tab1 h3 {
  background-color: #00b0c9 !important; }
.advertisement a.nav2, .advertisement #tab2 h3 {
  background-color: #eb5f52 !important; }
.advertisement h3 {
  color: #fff;
  font-size: 1.4rem !important;
  padding: 10px;
  margin-top: 0 !important;
  font-weight: normal !important;
  text-align: left !important; }
.advertisement table {
  margin-top: 15px;
  font-size: 0.9rem; }
.advertisement table td.biko {
  min-width: 200px !important;
  white-space: normal !important;
  /*tableのセル内にある文字の折り返しを禁止しない*/
  text-align: left; }
.advertisement .imglist dt {
  padding: 5px 0;
  border-top: 2px dotted #ddd;
  border-bottom: 2px dotted #ddd;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 0.8rem; }
.advertisement .kaiseibi {
  text-align: right;
  font-size: 0.8rem;
  padding: 0; }
.advertisement .zeibetu {
  text-align: right !important; }
  .advertisement .zeibetu span {
    display: inline-block;
    font-size: 0.8rem;
    border: 1px solid #ddd;
    padding: 2px 5px;
    margin-top: 5px; }
.advertisement h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 30px; }
  .advertisement h4 span {
    font-size: 0.8rem;
    font-weight: normal; }

.guide .guidebox {
  margin: 10px 0 0 0; }
  .guide .guidebox .linktitle1 {
    font-size: 1.2rem !important; }
    .guide .guidebox .linktitle1 a {
      padding: 15px 5px !important; }
  .guide .guidebox ul {
    margin-top: 15px; }
    .guide .guidebox ul li {
      margin-left: 20px; }
  .guide .guidebox p {
    padding-top: 10px; }

/*10月からの料金と時刻改定のお知らせリンク*/
.revision a {
  color: #fff;
  background-color: #cc0000;
  margin: 25px 0;
  font-weight: 900;
  padding: 22px;
  text-align: center;
  font-size: 1.7rem;
  border-radius: 10px;
  display: block; }

.revision a:hover {
  text-decoration: none;
  background-color: #ef0909 !important; }

/*! ==================================================
　tourevent
=================================================== */
#tourevent .eventbox h3 {
  font-weight: bold;
  margin-top: 10px;
  font-size: 1.1rem;
  padding: 0;
  text-align: center; }
#tourevent .eventbox time {
  text-align: center; }
  #tourevent .eventbox time span {
    display: block;
    margin: auto;
    color: #ff3300;
    font-weight: bold; }
#tourevent .eventbox .txt1 {
  margin-top: 10px;
  font-size: 0.8rem;
  border-top: 2px dotted #ddd;
  padding: 5px 0; }
  #tourevent .eventbox .txt1 img {
    border-style: solid;
    border-width: 5px;
    border-color: #eeeeee;
    border-radius: 50%;
    background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
    background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
    background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
    width: 37px;
    height: 37px; }
    @media print, screen and (min-width: 992px) and (max-width: 1199px) {
      #tourevent .eventbox .txt1 img {
        width: 30px;
        height: 30px; } }
#tourevent .eventDetail h3 {
  font-weight: bold;
  padding: 15px 0;
  font-size: 1.4rem; }
  @media print, screen and (max-width: 767px) {
    #tourevent .eventDetail h3 {
      font-size: 1.2rem;
      padding: 15px 0 0;
      text-align: center; } }
#tourevent .eventDetail time {
  text-align: right; }
  @media print, screen and (max-width: 767px) {
    #tourevent .eventDetail time {
      text-align: center;
      padding-top: 0; } }
  #tourevent .eventDetail time span {
    display: block;
    margin: auto;
    color: #ff3300;
    font-weight: bold; }
#tourevent .eventDetail .time1 {
  padding-top: 5px; }
  @media print, screen and (max-width: 991px) {
    #tourevent .eventDetail .time1 {
      display: none; } }
  @media print, screen and (min-width: 992px) {
    #tourevent .eventDetail .time1 {
      display: block; } }
@media print, screen and (max-width: 991px) {
  #tourevent .eventDetail .time2 {
    display: block; } }
@media print, screen and (min-width: 992px) {
  #tourevent .eventDetail .time2 {
    display: none; } }
#tourevent .eventDetail .txtbox {
  border-top: 2px dotted #ddd;
  border-bottom: 2px dotted #ddd;
  padding: 2px 0; }
  #tourevent .eventDetail .txtbox .txt1 {
    font-size: 0.8rem;
    padding: 0 15px; }
    #tourevent .eventDetail .txtbox .txt1 img {
      border-style: solid;
      border-width: 5px;
      border-color: #eeeeee;
      border-radius: 50%;
      background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      width: 37px;
      height: 37px; }
      @media print, screen and (min-width: 992px) and (max-width: 1199px) {
        #tourevent .eventDetail .txtbox .txt1 img {
          width: 30px;
          height: 30px; } }
@media print, screen and (max-width: 767px) {
  #tourevent .eventDetail .mainimg img {
    margin-bottom: 15px; } }
@media print, screen and (max-width: 767px) {
  #tourevent .eventDetail .mainimg {
    padding-top: 10px; } }
@media print, screen and (min-width: 768px) {
  #tourevent .eventDetail .mainimg {
    padding-left: 0; } }
#tourevent .eventDetail .img li {
  list-style: none;
  margin-top: 20px; }
#tourevent .eventDetail .kakudai {
  color: #ff3300;
  font-weight: bold;
  margin: 15px 0; }
#tourevent .eventDetail dt {
  padding: 5px; }
  #tourevent .eventDetail dt span {
    background-color: #049d9b;
    color: #fff;
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 0.8rem;
    font-weight: normal; }
    @media print, screen and (max-width: 991px) {
      #tourevent .eventDetail dt span {
        text-align: left;
        font-size: 0.9rem; } }
#tourevent .eventDetail dd {
  padding: 5px 10px; }

/*! ==================================================
　goods
=================================================== */
#goods {
  /*グッズ共通　*/
  /*詳細*/ }
  #goods .cat {
    margin-top: -100px !important;
    padding-top: 100px !important; }
  #goods .pc_catlist ul {
    padding-top: 10px; }
    #goods .pc_catlist ul li {
      padding: 10px 15px 10px 0;
      list-style: none; }
      #goods .pc_catlist ul li a {
        padding: 3px 20px;
        background-color: #91aa38;
        border: 2px solid #c9d59e;
        border-radius: 0.8em;
        text-decoration: none !important;
        font-weight: 600;
        color: #ffffff !important; }
  @media print, screen and (max-width: 991px) {
    #goods .pc_catlist {
      display: none; } }
  #goods .sp_catlist #form_catList {
    margin-top: 20px; }
  @media print, screen and (min-width: 992px) {
    #goods .sp_catlist {
      display: none; } }
  #goods .ekinomitxt {
    color: #ff0000;
    font-weight: bold;
    text-align: center; }
  #goods .goodslist h3 {
    margin-top: 20px;
    padding: 15px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    color: #000000;
    line-height: 2.0; }
  #goods .goodslist h4 {
    padding: 10px 0;
    font-weight: bold;
    margin-bottom: 0 !important;
    margin-top: 10px;
    font-size: 1.2rem;
    color: #000; }
  #goods .goodslist .kago .cartjs_box table {
    width: 90% !important;
    margin: 20px auto 10px !important; }
  #goods .goodslist .kago .cartjs_box table, #goods .goodslist .kago .cartjs_box th, #goods .goodslist .kago .cartjs_box td {
    border: 0 !important;
    padding: 0; }
  #goods .goodslist .kago .cartjs_box div.cartjs_cart_in input {
    width: 100%;
    border: none; }
  #goods .goodslist .price {
    background-color: #dc1c0d;
    border: 2px solid #f49790;
    font-size: 1.2rem;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0 !important;
    padding: 1px; }
  #goods .goodslist .goodsbox span.new {
    color: #ff0000; }
  @media print, screen and (max-width: 575px) {
    #goods .goodslist .kago {
      display: none; } }
  #goods .goodslist .btn_shosai {
    margin: 10px auto 0; }
    #goods .goodslist .btn_shosai a {
      color: #663300;
      font-weight: bold;
      text-decoration: underline !important;
      text-align: center !important;
      display: block;
      font-size: 1.0rem; }
  #goods .goodslist .ekinomitxt {
    color: #f00;
    font-weight: bold; }
  #goods .goodslist .imgbox {
    background-color: #fdfcf8;
    border-top: 4px solid #dc1c0d; }
  #goods #goodsDetail {
    padding-top: 20px; }
    @media print, screen and (min-width: 576px) {
      #goods #goodsDetail .sp {
        display: none; } }
    @media print, screen and (max-width: 575px) {
      #goods #goodsDetail .pc {
        display: none; } }
    #goods #goodsDetail .category a {
      color: #0758FC;
      font-weight: bold; }
    #goods #goodsDetail .content {
      margin-bottom: 15px; }
      #goods #goodsDetail .content p {
        margin-top: 15px; }
    #goods #goodsDetail .btn_mail {
      width: 60%;
      text-align: center;
      padding-top: 20px; }
    #goods #goodsDetail .btn_back a, #goods #goodsDetail .btn_mail a {
      display: block;
      border: 1px solid #ddd;
      padding: 5px 10px;
      text-decoration: none !important; }
    #goods #goodsDetail .thumb-item-nav li {
      padding: 5px;
      list-style: none; }
      #goods #goodsDetail .thumb-item-nav li a {
        display: block; }
    #goods #goodsDetail .zei {
      font-size: 1.2rem;
      color: #666;
      font-weight: bold; }
    #goods #goodsDetail .price {
      font-size: 1.8rem;
      color: #ff0000;
      font-weight: bold;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important; }
    #goods #goodsDetail .kago .cartjs_box table, #goods #goodsDetail .kago .cartjs_box th, #goods #goodsDetail .kago .cartjs_box td {
      border: 0 !important;
      padding: 0; }
    #goods #goodsDetail #osakehanbai {
      text-align: center; }
      #goods #goodsDetail #osakehanbai label {
        padding: 5px 15px;
        background-color: #fdee44;
        margin: 15px 0;
        font-weight: bold; }
      #goods #goodsDetail #osakehanbai p {
        font-size: 0.8rem;
        margin-bottom: 15px;
        color: #666; }
      #goods #goodsDetail #osakehanbai #viewbox {
        display: none; }

/*! ==================================================
　travel
=================================================== */
#travel h3 {
  margin-top: 30px; }
#travel h4 {
  margin-top: 15px; }
#travel dl dt {
  font-weight: normal;
  font-size: 0.9rem;
  margin-top: 5px; }
#travel dl dd {
  margin-top: 5px; }

#travel.travelList .yoyakujyokyo h3 {
  text-align: center;
  font-weight: bold;
  color: #049d9b;
  padding: 15px;
  margin-top: 30px;
  font-size: 2.0rem;
  letter-spacing: 5px; }
#travel.travelList .yoyakujyokyo .box {
  border: 3px solid #049d9b;
  margin-top: 20px !important;
  padding: 20px 0 20px;
  text-align: center;
  margin: auto; }
  #travel.travelList .yoyakujyokyo .box img {
    width: 80%; }
    @media print, screen and (max-width: 991px) {
      #travel.travelList .yoyakujyokyo .box img {
        width: 95%; } }
#travel.travelList .headtxt {
  margin-top: 30px; }
  #travel.travelList .headtxt p {
    padding-top: 15px; }
#travel.travelList .box {
  margin-top: 50px;
  margin-bottom: 20px; }
  #travel.travelList .box .img {
    position: relative; }
    #travel.travelList .box .img img {
      width: 100%;
      height: 250px;
      object-fit: cover; }
    #travel.travelList .box .img p.noimgtxt {
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  #travel.travelList .box p.courseno {
    display: inline-block;
    border: 2px solid #00b0c9;
    padding: 1px 10px;
    border-radius: 10px;
    margin-top: 15px;
    font-size: 0.7rem;
    font-weight: bold; }
    #travel.travelList .box p.courseno span {
      font-size: 0.9rem; }
  #travel.travelList .box h4 {
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 10px;
    color: #d34040; }
  #travel.travelList .box dl {
    border-bottom: 2px dotted #ddd;
    margin: 0; }
    #travel.travelList .box dl dt {
      padding: 0; }
    #travel.travelList .box dl dd {
      padding-right: 0; }
      #travel.travelList .box dl dd .font1 {
        font-weight: bold;
        font-size: 1.1rem; }
#travel.travelList .endtxt {
  text-align: center;
  padding-top: 40px; }
  #travel.travelList .endtxt span {
    border: 2px solid #cc0000;
    padding: 10px;
    border-radius: 15px;
    color: #cc0000;
    font-weight: bold; }
#travel.travelList .guide {
  margin-top: 30px;
  background-color: #eee;
  padding: 20px 0 50px; }
  #travel.travelList .guide a {
    color: #d34040;
    text-decoration: underline; }
  #travel.travelList .guide a:hover {
    text-decoration: none; }
  #travel.travelList .guide h3 {
    font-weight: bold !important; }
  #travel.travelList .guide ul {
    margin: 20px 0 0 30px; }
    #travel.travelList .guide ul li {
      margin-top: 5px;
      font-size: 0.9rem; }
  #travel.travelList .guide p {
    padding: 15px 15px 0;
    font-size: 0.9rem; }
  #travel.travelList .guide .cancel table {
    text-align: center;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 0.9rem; }
    #travel.travelList .guide .cancel table th {
      padding: 10px 0;
      font-size: 1.0rem;
      background-color: #22559d;
      color: #fff; }
    #travel.travelList .guide .cancel table td {
      border: 1px solid #ccc;
      padding: 5px;
      font-weight: bold;
      font-size: 1.0rem;
      width: 50%; }
    #travel.travelList .guide .cancel table td:nth-of-type(1) {
      font-weight: normal;
      font-size: 0.9rem; }
  #travel.travelList .guide .noriba ul {
    margin-top: 5px; }
  #travel.travelList .guide .noriba li {
    float: left;
    padding-right: 40px; }
  #travel.travelList .guide .gototravel table {
    border-collapse: collapse;
    background-color: #fff;
    font-size: 0.9rem; }
    #travel.travelList .guide .gototravel table th {
      text-align: center;
      padding: 10px 10px;
      background-color: #22559d;
      color: #fff;
      font-size: 0.9rem; }
    #travel.travelList .guide .gototravel table th:nth-of-type(1) {
      border-bottom: 1px solid #ddd; }
    #travel.travelList .guide .gototravel table td {
      border: 1px solid #ccc;
      padding: 5px;
      font-size: 1.0rem; }

#travel.travelDetail h4 {
  font-size: 1.4rem; }
#travel.travelDetail .photoL img {
  margin-top: 20px; }
#travel.travelDetail .photoS img {
  margin-top: 30px; }
#travel.travelDetail dl {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 15px 0 0;
  padding-top: 10px;
  padding-bottom: 10px; }
#travel.travelDetail .contentbox {
  padding-top: 10px; }
#travel.travelDetail p {
  padding-top: 15px;
  font-size: 0.9rem; }
#travel.travelDetail .pdflink {
  margin-top: 15px; }
#travel.travelDetail .pdflink a {
  color: #d34040;
  text-decoration: underline; }

/*! ==================================================
　ensen
=================================================== */
#ensen {
  /* 沿線ガイドTOP */
  /* 沿線ガイド詳細 */ }
  #ensen h3, #ensen h4 {
    font-weight: bold;
    text-align: center;
    margin-top: 30px; }
  #ensen ul.ensenmenu {
    margin-top: 30px; }
    #ensen ul.ensenmenu li {
      list-style: none; }
      #ensen ul.ensenmenu li a {
        background-color: #fed244;
        padding: 10px 15px;
        border-radius: 10px;
        font-size: 1.2rem;
        font-weight: bold;
        margin: 15px 0 5px;
        display: block;
        text-decoration: none; }
      #ensen ul.ensenmenu li a:hover {
        background-color: #fdee44; }
  #ensen #ensentop h4 {
    color: #d34040;
    font-size: 1.6rem; }
  #ensen #ensentop .btn-atashitomachitofukutetsuto {
    text-align: center;
    margin: auto;
    padding-top: 15px; }
    #ensen #ensentop .btn-atashitomachitofukutetsuto img {
      max-width: 400px;
      min-width: 300px; }
  #ensen #ensenDetail h3 {
    font-size: 1.6rem;
    color: #d34040; }
  #ensen #ensenDetail h4 {
    background-color: #00b0c9;
    color: #fff;
    font-size: 1.4rem;
    padding: 10px; }
  #ensen #ensenDetail .content {
    margin-top: 0 !important;
    padding: 5px 15px 30px;
    background-color: #fdfcf8; }
    #ensen #ensenDetail .content h5 {
      font-weight: bold;
      margin-top: 30px !important; }
    #ensen #ensenDetail .content ul {
      margin-left: 30px; }
    #ensen #ensenDetail .content dl {
      border-bottom: 2px dotted #ddd;
      padding-bottom: 10px;
      padding-top: 10px; }
    #ensen #ensenDetail .content p {
      padding: 5px 15px 0; }
    #ensen #ensenDetail .content .tokuchotxt {
      padding-top: 30px; }
    #ensen #ensenDetail .content .photo ul {
      margin: 30px 0 0; }
    #ensen #ensenDetail .content .photo li {
      list-style: none;
      padding-top: 15px; }
      #ensen #ensenDetail .content .photo li img {
        width: 100% !important;
        height: 250px !important;
        object-fit: cover !important; }
        @media print, screen and (min-width: 992px) and (max-width: 1199px) {
          #ensen #ensenDetail .content .photo li img {
            width: 100% !important;
            height: 200px !important;
            object-fit: cover !important; } }
        @media print, screen and (min-width: 768px) and (max-width: 991px) {
          #ensen #ensenDetail .content .photo li img {
            width: 100% !important;
            height: 180px !important;
            object-fit: cover !important; } }
        @media print, screen and (max-width: 767px) {
          #ensen #ensenDetail .content .photo li img {
            width: 100% !important;
            height: 250px !important;
            object-fit: cover !important; } }
    #ensen #ensenDetail .content .photo4 ul {
      margin: 30px 0 0; }
    #ensen #ensenDetail .content .photo4 li {
      list-style: none;
      padding-top: 15px; }
      #ensen #ensenDetail .content .photo4 li img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important; }
        @media print, screen and (min-width: 992px) and (max-width: 1199px) {
          #ensen #ensenDetail .content .photo4 li img {
            width: 100% !important;
            height: 160px !important;
            object-fit: cover !important; } }
        @media print, screen and (min-width: 768px) and (max-width: 991px) {
          #ensen #ensenDetail .content .photo4 li img {
            width: 100% !important;
            height: 100px !important;
            object-fit: cover !important; } }
        @media print, screen and (max-width: 767px) {
          #ensen #ensenDetail .content .photo4 li img {
            width: 100% !important;
            height: 250px !important;
            object-fit: cover !important; } }
    #ensen #ensenDetail .content .coursemapimg {
      width: 100%;
      margin: 20px auto 0; }
      @media print, screen and (min-width: 992px) {
        #ensen #ensenDetail .content .coursemapimg {
          width: 680px;
          margin: 30px auto 0; } }
  #ensen #ensenDetail table {
    background-color: #fdfcf8;
    border: none !important;
    margin-top: 0 !important; }
    #ensen #ensenDetail table th {
      white-space: nowrap !important;
      padding: 5px; }
    #ensen #ensenDetail table td {
      padding: 5px; }
  #ensen #ensenDetail .noriba span {
    display: inline-block;
    background-color: #fed244;
    text-align: center;
    padding: 10px; }
  #ensen #ensenDetail .traintxt {
    color: #d34040;
    text-align: center; }
  #ensen #ensenDetail .bustxt {
    color: #049d9b;
    text-align: center;
    padding: 10px; }
  #ensen #ensenDetail .bus2txt {
    color: #00b0c9;
    text-align: center;
    padding: 10px; }
  #ensen #ensenDetail .tohotxt {
    color: #f7796a;
    text-align: center;
    padding: 10px; }
  #ensen #ensenDetail .dotline {
    padding: 0 !important; }
  #ensen #ensenDetail .spot {
    padding: 5px !important; }
    #ensen #ensenDetail .spot dl {
      padding: 5px !important;
      background-color: #fff;
      border: 2px solid #ddd; }
    #ensen #ensenDetail .spot dt {
      font-weight: bold;
      color: #fff;
      text-align: center;
      display: block; }
    #ensen #ensenDetail .spot .spot1 {
      background-color: #197a3d; }
    #ensen #ensenDetail .spot .spot2 {
      background-color: #E54C11; }
    #ensen #ensenDetail .spot .spot11 {
      background-color: #197a3d;
      padding: 30px 10px; }
    #ensen #ensenDetail .spot .spot12 {
      background-color: #E54C11;
      padding: 30px 10px; }
    #ensen #ensenDetail .spot dd {
      padding: 10px; }
      #ensen #ensenDetail .spot dd ul {
        margin: 0 30px; }
        #ensen #ensenDetail .spot dd ul li a {
          text-decoration: underline;
          color: #114d85; }
    #ensen #ensenDetail .spot .spotbox {
      padding: 5px !important;
      background-color: #fff !important;
      display: block;
      border: 2px solid #ddd;
      text-align: center; }
      #ensen #ensenDetail .spot .spotbox a {
        text-decoration: none;
        font-weight: bold;
        color: #fff;
        padding: 30px 10px;
        display: block; }
    #ensen #ensenDetail .spot .spotbox.spot11 a {
      background-color: #197a3d; }
    #ensen #ensenDetail .spot .spotbox.spot12 a {
      background-color: #E54C11; }

/*! ==================================================
　recruit
=================================================== */
#recruit {
  /*.nav1,#tab1 h3{
    background-color: $color-background1!important;
  	 border-style: solid!important;
  			  border-width: 3px!important;
  			  border-color: rgb(247, 121, 106)!important;
  }
  .nav2,#tab2 h3{
  	background-color: $color-background2!important;
  	 border-style: solid!important;
  			  border-width: 3px!important;
  			  border-color: rgb(62, 181, 184)!important;
  }*/
  /*indeed 掲載用ページ*/ }
  #recruit .nav {
    margin: 10px -5px 0;
    padding: 0; }
    #recruit .nav li {
      padding: 15px 5px 0; }
      #recruit .nav li a {
        border-radius: 10px 10px 0 0 !important;
        font-size: 1.4rem !important; }
        @media print, screen and (max-width: 767px) {
          #recruit .nav li a {
            font-weight: bold; } }
  #recruit .nav1, #recruit #tab1 h3 {
    background-color: #d34040 !important; }
  #recruit .nav2, #recruit #tab2 h3 {
    background-color: #049d9b !important; }
  #recruit h3 {
    color: #fff;
    font-size: 1.4rem;
    padding: 10px;
    margin-top: 25px; }
  #recruit .saiyouimg {
    margin-top: 20px; }
  #recruit .txtbox {
    border: 3px solid #666;
    padding: 20px;
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: bold; }
    #recruit .txtbox a {
      text-decoration: underline;
      color: #114d85; }
    #recruit .txtbox a:hover {
      opacity: 0.8; }
  #recruit .menu2 {
    margin-bottom: 10px;
    margin-top: 25px; }
    #recruit .menu2 li {
      list-style: none;
      text-align: center; }
      #recruit .menu2 li a {
        border-radius: 10px;
        border-style: solid;
        border-width: 3px;
        border-color: #95dad0;
        display: block;
        text-decoration: none; }
      @media print, screen and (max-width: 991px) {
        #recruit .menu2 li {
          margin-bottom: 15px; } }
  #recruit .menu2-5 {
    /*201904メニュー5つに変更*/
    margin-bottom: 10px;
    margin-top: 25px; }
    #recruit .menu2-5 li {
      list-style: none;
      text-align: center;
      width: 20%;
      padding: 5px;
      float: left; }
      #recruit .menu2-5 li a {
        border-radius: 10px;
        border-style: solid;
        border-width: 3px;
        border-color: #95dad0;
        display: block;
        text-decoration: none; }
      @media print, screen and (max-width: 991px) {
        #recruit .menu2-5 li {
          margin-bottom: 15px;
          width: 50%; } }
  #recruit .shokaiBox {
    padding: 0 10px 15px;
    margin-top: 15px; }
    #recruit .shokaiBox h4 {
      font-weight: bold;
      border-top: 2px dotted #ddd;
      background-color: #fdfcf8;
      border-bottom: 2px dotted  #ddd;
      padding: 15px 0;
      text-align: center;
      margin-bottom: 20px; }
    #recruit .shokaiBox img {
      margin-bottom: 15px; }
  #recruit #bus_shisetsu p {
    padding-top: 15px; }
  #recruit .shisetsuBox {
    padding: 15px 10px 15px;
    margin-top: 15px;
    border-top: 2px dotted #ddd;
    background-color: #fdfcf8;
    border-bottom: 2px dotted  #ddd; }
    #recruit .shisetsuBox h4 {
      font-weight: bold;
      padding: 15px 0 0; }
    #recruit .shisetsuBox p {
      padding: 0 0 0 !important; }
  #recruit #bus_1nichi .box_1nichi {
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom: 2px dotted #95dad0; }
    #recruit #bus_1nichi .box_1nichi .koudoutitle span {
      border-radius: 50%;
      border: 3px solid #95dad0;
      padding: 10px;
      font-weight: bold;
      display: block;
      width: 100px;
      height: 100px;
      padding-top: 20px;
      text-align: center;
      margin: 0 auto 15px; }
    #recruit #bus_1nichi .box_1nichi img {
      margin-bottom: 15px; }
    #recruit #bus_1nichi .box_1nichi li {
      margin-left: 20px; }
  #recruit #bus_yousei h4 {
    font-weight: bold;
    border-top: 2px dotted #ddd;
    background-color: #f3f3f3;
    border-bottom: 2px dotted  #ddd;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px; }
  #recruit #bus_yousei li {
    list-style: none; }
  #recruit #bus_yousei .youseiimg {
    margin: 30px auto;
    width: 100%; }
    @media print, screen and (min-width: 992px) {
      #recruit #bus_yousei .youseiimg {
        width: 70% !important; } }
  #recruit #bus_qa dl {
    border-bottom: 2px dotted #95dad0;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    #recruit #bus_qa dl dt {
      font-size: 1.4rem; }
      #recruit #bus_qa dl dt span {
        border-radius: 50%;
        border: 3px solid #95dad0;
        color: #049d9b;
        font-weight: bold;
        font-size: 1.6rem;
        display: inline-block;
        width: 50px;
        height: 50px;
        text-align: center; }
  #recruit #recruitment .comment {
    padding: 15px 0; }
  #recruit #recruitment h3 {
    margin-bottom: 0 !important; }
  #recruit #recruitment .nav1, #recruit #recruitment #tab1 h3 {
    background-color: #1aa6cc !important;
    border-style: solid !important;
    border-width: 3px !important;
    border-color: #c7efff !important; }
  #recruit #recruitment .nav2, #recruit #recruitment #tab2 h3 {
    background-color: #f6b400 !important;
    border-style: solid !important;
    border-width: 3px !important;
    border-color: #f5df86 !important; }
  #recruit #recruitment .card {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0; }
    #recruit #recruitment .card dl {
      border-bottom: 1px dotted #ddd;
      margin: 15px; }
      #recruit #recruitment .card dl dt {
        margin: 0;
        padding: 15px 0; }
      #recruit #recruitment .card dl dd {
        margin: 0;
        padding: 15px 0; }
        #recruit #recruitment .card dl dd li {
          margin-left: 20px; }
  #recruit #recruitment .card-body {
    margin-top: 15px;
    padding: 10px 10px 20px;
    border-top: 5px solid #ddd;
    border-left: 5px solid #ddd;
    border-right: 5px solid #ddd;
    border-bottom: 5px solid #ddd; }
  #recruit #recruitment h4 {
    border-bottom: 1px solid #ddd;
    padding: 15px 5px;
    font-weight: bold;
    background-color: #fdfcf8; }
  #recruit .recruitList li {
    list-style: none; }
    #recruit .recruitList li a {
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      display: block;
      padding: 15px;
      text-decoration: none;
      font-weight: bold; }
  #recruit .detailBox {
    background-color: #fdfcf8 !important;
    padding: 5px !important;
    margin-top: 30px !important; }
    #recruit .detailBox h3 {
      color: #000;
      font-weight: bold; }
    #recruit .detailBox dl {
      margin: 15px;
      border-bottom: 1px solid #ddd;
      padding: 15px 0; }
      #recruit .detailBox dl li {
        margin-left: 20px; }

/*! ==================================================
　contact
=================================================== */
#contact .form-group {
  margin: 5px 0;
  padding: 0; }
#contact input {
  width: 100%;
  padding: 5px; }
#contact textarea {
  width: 100%; }
#contact .btn_submit {
  text-align: center;
  margin: 0 auto; }
#contact .font-s {
  font-size: 0.7em; }
#contact .alert {
  font-size: 0.9em;
  padding: 0; }
#contact p {
  padding: 15px; }
#contact table {
  background-color: rgba(255, 255, 255, 0.8); }
  #contact table th {
    width: 30%; }
  #contact table td {
    width: 70%; }
#contact input[type=radio] {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  padding: 25px 0; }
#contact input[name=zipcode] {
  width: 150px;
  margin-bottom: 2px; }
#contact input[type=checkbox] {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 10px 0;
  vertical-align: middle; }
#contact .formback {
  background-color: #fcfcfc;
  padding: 15px 5px;
  margin-top: 15px; }

/*! ==================================================
　company
=================================================== */
#company .nav {
  margin-top: 15px; }
  #company .nav ul {
    margin: 10px 0 0; }
    #company .nav ul li {
      display: inline-block;
      width: auto;
      padding: 5px;
      list-style: none; }
      #company .nav ul li a {
        background-color: #fed244;
        font-size: 0.8rem;
        padding: 10px 15px !important;
        border-radius: 10px !important;
        color: #000 !important;
        display: block; }
      #company .nav ul li a:hover {
        text-decoration: none; }
#company .companybox {
  margin-top: 30px;
  border: 5px solid #eee;
  padding: 15px 30px; }
  @media print, screen and (max-width: 767px) {
    #company .companybox {
      padding: 10px; } }
  #company .companybox h3 {
    border-bottom: 3px dotted #ddd;
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
    font-size: 1.8rem;
    color: #114d85; }
  #company .companybox h4 {
    background-color: #114d85;
    text-align: center;
    margin-top: 20px;
    font-size: 1.1rem;
    padding: 5px;
    color: #fff;
    font-weight: bold; }
  #company .companybox h5 {
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 15px 0 5px;
    font-weight: bold;
    color: #114d85;
    font-size: 1.1rem; }
  #company .companybox dl {
    margin: 0 10px 10px;
    border-bottom: 1px dotted #ddd; }
  #company .companybox dt {
    font-weight: normal;
    margin: 0;
    padding: 10px; }
  #company .companybox dd {
    padding: 10px; }
  #company .companybox p {
    margin: 15px; }
  #company .companybox a {
    text-decoration: underline; }
#company .company h3 {
  border-bottom: 3px dotted #ddd;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 1.8rem;
  padding: 5px 0 30px;
  color: #114d85; }
#company .anzen ul {
  margin-top: 30px; }
#company .anzen li {
  list-style: none; }
  #company .anzen li a {
    display: block;
    border-bottom: 2px dotted #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #114d85; }
  #company .anzen li a:hover {
    text-decoration: none; }
#company .kokuminhogo h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-top: 40px;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem; }
#company .kokuminhogo h4 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 20px;
  margin-left: -10px; }
#company .kokuminhogo dt {
  font-weight: normal; }

/*! ==================================================
　privacy
=================================================== */
#privacy h3 {
  margin-top: 30px;
  font-weight: bold; }
#privacy p {
  margin-top: 15px; }
#privacy .numlist {
  margin: 0;
  position: relative; }
  #privacy .numlist li {
    list-style: none !important;
    list-style-position: outside !important;
    margin: 10px 0 0 0 !important; }
    #privacy .numlist li span {
      position: absolute !important;
      left: 0 !important;
      margin: 0 !important; }

/*! ==================================================
　sitemap
=================================================== */
#sitemap .box, #link .box {
  padding: 15px;
  margin-top: 15px;
  background-color: #fcfcfc; }
  #sitemap .box h3, #link .box h3 {
    font-weight: bold; }
  #sitemap .box ul, #link .box ul {
    margin-bottom: 30px; }
    #sitemap .box ul li, #link .box ul li {
      margin-left: 20px;
      padding-top: 10px; }
      #sitemap .box ul li a, #link .box ul li a {
        text-decoration: underline;
        color: #1e5aa0; }

/*! ==================================================
　otoiawase
=================================================== */
#otoiawase .box {
  margin-top: 30px;
  border: 5px solid #eee;
  padding: 30px 30px; }
  @media print, screen and (max-width: 767px) {
    #otoiawase .box {
      padding: 10px; } }
  #otoiawase .box h3 {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #1e5aa0; }
  #otoiawase .box h4 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.2rem;
    background-color: #f3f3f3; }
  #otoiawase .box dl {
    border-bottom: 1px dotted #ddd;
    margin: 0; }
    @media print, screen and (min-width: 768px) {
      #otoiawase .box dl {
        margin: 15px; } }
  #otoiawase .box dt {
    font-weight: normal; }
  #otoiawase .box a {
    text-decoration: underline;
    color: #114d85; }
  #otoiawase .box p {
    padding: 10px; }

/*! ==================================================
　その他
=================================================== */
.menu2link {
  margin-top: -110px;
  padding-top: 110px; }

.kankouspot {
  margin-top: -150px;
  padding-top: 150px; }

.kikanlink {
  margin-top: -150px;
  padding-top: 150px; }

.runinfolink {
  margin-top: -200px;
  padding-top: 200px; }