@charset "UTF-8";
/*　定義　*/
/*　clearする　*/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

/*　キーカラー　*/
/*　マスターワイズ　*/
/*	スマホ消す	*/
.sp_contents {
  display: none; }

header {
  /*セレクト*/ }
  header li:first-child a {
    color: #222; }
  header dl ul li:first-child a {
    color: #222; }
  header dl ul li:first-child .selected {
    color: #c50814; }

/*　パンくずリスト　*/
#breadCram {
  width: 960px;
  font-size: 1.3rem;
  font-weight: normal;
  padding: 16px 0 34px;
  margin: 0 auto; }
  #breadCram a {
    color: inherit;
    text-decoration: underline; }
  #breadCram a:after {
    display: inline-block;
    text-decoration: none;
    content: "\f105";
    font-family: FontAwesome;
    padding: 0 .3em 0 .8em; }
  #breadCram li {
    display: inline-block;
    list-style: none; }

/* テンプレート個別設定　　＿＿＿＿＿　*/
#title {
  width: 100%;
  min-width: 960px;
  background-image: url(../images/top/back_main.png);
  background-repeat: repeat;
  text-align: center;
  color: #fff;
  padding: 53px 0 47px;
  margin: 0 auto; }
  #title h1 {
    font-weight: bold;
    font-size: 4rem; }

/*　メインテキスト部分　*/
#wrapper {
  width: auto;
  min-width: 960px;
  background-color: #f4e29d;
  /*　テーブル設定　*/ }
  #wrapper table {
    width: 100%;
    margin: 0 0 1.5em; }
  #wrapper tr {
    border-bottom: 1px dotted #ccc; }
  #wrapper th, #wrapper td {
    padding: 10px; }
  #wrapper th {
    text-align: left; }
  #wrapper td {
    text-align: left;
    background: #fff; }

/*記事部分*/
article {
  font-weight: bold; }

/*Yamaguchi Bus Pass*/
#buss_pass {
  width: 780px;
  padding: 0 0 50px;
  margin: 0 auto;
  /*見出し*/
  /*パスイメージ*/
  /*ステッカーフォト*/
  /*販売*/
  /*先頭が●のリスト*/
  /*丸文字のオーダーリスト*/ }
  #buss_pass h2 {
    display: block;
    width: 340px;
    font-size: 2rem;
    font-weight: bold;
    background: #fff;
    border-radius: 0 25px 25px 0;
    padding: 7px 9px;
    margin: 15px 0; }
    #buss_pass h2:before {
      content: "■";
      color: #c50814;
      padding: 0 6px 0 0; }
  #buss_pass p {
    line-height: 1.6; }
  #buss_pass #pass_image {
    float: right;
    width: auto;
    padding: 0 0 10px 36px; }
  #buss_pass #sticker_photo {
    clear: both;
    display: flex;
    justify-content: space-between;
    width: auto;
    list-style: none;
    margin: 0 0 30px; }
    #buss_pass #sticker_photo img {
      margin: 10px 0 0; }
  #buss_pass dl {
    display: flex;
    width: auto;
    text-align: center;
    border: 1px solid #555;
    margin: 0 0 40px; }
    #buss_pass dl dt:not(:first-child), #buss_pass dl dd:not(:first-child) {
      border-left: 1px solid #555; }
    #buss_pass dl dt, #buss_pass dl dd {
      padding: 18px 0; }
    #buss_pass dl dt {
      width: 100px;
      background: #fbf5dd; }
    #buss_pass dl dd {
      width: 160px;
      background: #fff; }
  #buss_pass #sanka {
    width: auto; }
    #buss_pass #sanka li {
      width: 252px; }
  #buss_pass #madoguchi {
    width: 600px; }
    #buss_pass #madoguchi li {
      width: 300px; }
  #buss_pass .list_maru {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    line-height: 1.6;
    padding: 0 0 25px; }
    #buss_pass .list_maru li:before {
      content: "●";
      padding: 0 3px 0 0; }
  #buss_pass ol {
    position: relative;
    line-height: 1.6;
    padding: 0 0 8px; }
    #buss_pass ol li {
      list-style: none;
      list-style-position: outside;
      margin: 0;
      padding-left: 1.25em; }
    #buss_pass ol span {
      position: absolute;
      left: 0;
      margin: 0; }
    #buss_pass ol + p {
      font-size: 1.3rem; }

/*　Model course index　＿＿＿＿＿　*/
/*背景設定*/
#course_map_wrapper {
  background-image: url(../images/course/index/back_course_map.jpg);
  background-position: center top;
  overflow-x: hidden; }

/*マップコース本体*/
#course_map {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 675px; }
  #course_map p {
    padding: 189px 69px 0 0; }

/*コナンツアー*/
#conan_tour {
  width: auto;
  border: 15px solid #633c11;
  background-image: url(../images/course/index/back_conan.jpg);
  background-repeat: repeat;
  background-position: center center;
  padding: 20px 0 23px;
  display: none; }

#conan_wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin: 0 auto;
  /*左カラム*/
  /*右カラム*/ }
  #conan_wrapper div {
    width: 100%;
    max-width: 460px;
    min-width: 460px; }
  #conan_wrapper p, #conan_wrapper dl {
    line-height: 1.5; }
  #conan_wrapper p {
    padding: 0 0 10px; }
  #conan_wrapper #conan_left {
    /*Point１*/
    /*Point2*/ }
    #conan_wrapper #conan_left h2 {
      padding: 0 0 14px; }
    #conan_wrapper #conan_left h2 + p {
      padding: 0 0 17px; }
    #conan_wrapper #conan_left h3 {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1.2;
      color: #b81c22;
      border-top: 1px solid #222;
      border-bottom: 1px solid #222;
      padding: 5px 0 6px 80px;
      margin: 5px 0 12px; }
      #conan_wrapper #conan_left h3 span {
        display: none; }
    #conan_wrapper #conan_left #point_1 {
      background-image: url(../images/course/index/ttl_point_1.png);
      background-position: left center; }
    #conan_wrapper #conan_left #point_2 {
      background-image: url(../images/course/index/ttl_point_2.png);
      background-position: left 5px; }
  #conan_wrapper #conan_right {
    /*チェックポイント*/
    /*アドレス*/ }
    #conan_wrapper #conan_right h3 {
      margin: 0 0 10px; }
    #conan_wrapper #conan_right p {
      font-size: 1.6rem; }
    #conan_wrapper #conan_right ul {
      display: flex;
      flex-wrap: wrap;
      width: auto;
      background-color: #fff;
      list-style: none;
      line-height: 1.8;
      padding: 12px 0 8px 12px;
      margin: 0 0 16px; }
    #conan_wrapper #conan_right li {
      padding: 0 15px 0 0; }
    #conan_wrapper #conan_right li:before {
      content: "●"; }
    #conan_wrapper #conan_right #check_point {
      font-size: 1.4rem; }
      #conan_wrapper #conan_right #check_point a {
        color: inherit; }
    #conan_wrapper #conan_right address {
      width: auto;
      border: 1px solid #222;
      padding: 9px 10px; }
      #conan_wrapper #conan_right address dt {
        font-size: 1.6rem; }
      #conan_wrapper #conan_right address dd {
        font-weight: normal; }

/*コース詳細*/
#cloud {
  position: absolute;
  top: 123px;
  left: -20px;
  z-index: -1;
  opacity: .5; }

#course_detail {
  position: relative;
  background-repeat: repeat;
  z-index: 0;
  padding: 0 0 50px; }

/*คอร์สออกเดินทางจาก สถานีชิน-ยามากุจิ*/
.yellow {
  background-image: url(../images/course/shin-yamaguchi/back_wrapper.png); }

/*คอร์สออกเดินทางจากสนามบินยามากุจิอุเบะ*/
.pink {
  background-image: url(../images/course/ube-airport/back_wrapper.png); }

/*คอร์สออกเดินทางจาก สถานีชิโมโนเซคิ*/
.blue {
  background-image: url(../images/course/shimonoseki/back_wrapper.png); }

/*คอร์สออกเดินทางจาก สถานีชิโมโนเซคิ*/
.green {
  background-image: url(../images/course/iwakuni/back_wrapper.jpg); }

/*คอร์สออกเดินทางจาก ศูนย์รถบัสฮิโรชิม่า*/
.blue_green {
  background-image: url(../images/course/hiroshima/back_wrapper.jpg); }

#detail_wrapper {
  width: 820px;
  margin: 0 auto; }

/*コースタイトル*/
#ttl_course {
  position: relative;
  width: auto;
  height: 380px;
  margin: 0 0 15px; }
  #ttl_course p {
    position: absolute;
    bottom: 0;
    right: 120px; }
  #ttl_course a {
    display: inline-block;
    width: auto;
    color: #fff;
    font-weight: normal;
    border-radius: 25px;
    background: #222;
    padding: 12px 30px; }

/*各コースの内容*/
.point_box {
  position: relative;
  width: auto;
  background: #fff;
  padding: 0 20px 20px;
  /*見出し*/
  /*お問い合わせ／電話番号*/ }
  .point_box h4 {
    position: relative;
    display: inline-block;
    min-width: 250px;
    height: 39px;
    white-space: nowrap;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background-image: url(../images/course/common/back_yellow_arrow.png);
    background-position: right center;
    padding: 12px 45px 0 45px;
    margin: 0 0 15px -20px; }
    .point_box h4:after {
      position: absolute;
      bottom: 0;
      left: 11px;
      width: 24px;
      height: 37px;
      content: url(../images/course/common/back_before_h4.png); }
  .point_box h5 {
    padding: 0 0 8px; }
    .point_box h5 img {
      max-width: 780px;
      width: auto;
      height: auto; }
  .point_box ul {
    display: flex;
    list-style: none;
    padding: 14px 0 0; }
    .point_box ul li {
      padding: 0 20px 0 0; }
    .point_box ul li:first-child:before {
      content: "■";
      color: #1d2088; }
    .point_box ul li:last-child:before {
      content: "\f095";
      font-family: FontAwesome;
      padding: 0 6px 0 0; }

/*萩散策*/
#photo_hagi h5 img {
  width: 440px;
  height: auto;
  padding: 20px 0 0; }
#photo_hagi h5 + p {
  margin: -100px 0 0; }

/*道路が背景のボックス*/
#start {
  background-image: url(../images/course/common/back_road.png);
  background-position: 120px 60px;
  padding: 0 0 20px; }

#goal {
  background-image: url(../images/course/common/back_road.png);
  background-position: 120px -111px;
  padding: 20px 0 0;
  margin: 0 0 20px; }

#goal_iwakuni {
  position: relative;
  background-image: url(../images/course/common/back_road.png);
  background-position: 120px -111px;
  padding: 20px 0 0;
  margin: 0 0 20px; }

.road-box {
  background-image: url(../images/course/common/back_road.png);
  background-position: 120px center;
  padding: 20px 0; }

/*	道中のバス停	*/
.bus_stop {
  position: relative;
  display: inline-block;
  min-width: 250px;
  height: 39px;
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background-image: url(../images/course/common/back_yellow_arrow.png);
  background-position: right center;
  padding: 12px 45px 0 45px;
  margin: 0 0 18px; }
  .bus_stop:before {
    position: absolute;
    bottom: 0;
    left: 11px;
    width: 24px;
    height: 37px;
    content: url(../images/course/common/back_before_h4.png); }

/*バスがアイコンの時間*/
.bus_icon {
  font-size: 1.8rem;
  background-image: url(../images/course/common/icon_bus.png);
  background-position: left center;
  padding: 3px 0 3px 80px;
  margin: 0 0 0 150px; }
  .bus_icon strong {
    font-size: 2.2rem; }

/*道中の駅表示*/
.check_station {
  font-size: 2.2rem;
  background-image: url(../images/course/common/icon_check_station.png);
  background-position: left center;
  padding: 15px 0 15px 40px;
  margin: 0 0 0 112px; }
  .check_station strong {
    font-size: 2.2rem; }

/*岩国から宮島まで45分*/
.station_sub_txt {
  position: absolute;
  top: 80px;
  right: 30px;
  background: #fff;
  border: solid 3px #EF7A00;
  border-radius: 30px;
  color: #EF7A00;
  font-size: 14px;
  width: 460px;
  padding: 3px 10px; }

/*インラインフレーム*/
#my_map {
  width: 100%;
  padding: 0 0 42px;
  margin: 0 auto; }
  #my_map iframe {
    width: 100%;
    height: 620px;
    border: none; }

/*その他のおすすめ観光ルート*/
#other_recommend {
  width: 960px;
  background: #fff;
  margin: 0 auto; }
  #other_recommend h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    background: #555;
    padding: 10px 20px; }
  #other_recommend ul {
    display: flex;
    justify-content: space-between;
    width: auto;
    font-size: 1.3rem;
    list-style: none;
    padding: 14px 16px; }
  #other_recommend li {
    position: relative;
    width: 226px; }
  #other_recommend strong {
    position: absolute;
    font-size: 1.2rem;
    width: 100%;
    left: 0;
    bottom: 2px;
    color: #fff;
    background-color: rgba(17, 17, 17, 0.7);
    padding: 12px 8px; }
  #other_recommend img {
    width: 100%;
    height: auto; }

/*湯田温泉_新山口*/
#yuda_onsen_shin {
  background-image: url(../images/course/ube-airport/back_yuda.png);
  background-repeat: no-repeat;
  background-position: 630px 15px; }

/*湯田温泉_宇部空港*/
#yuda_onsen {
  background-image: url(../images/course/ube-airport/back_yuda.png);
  background-repeat: no-repeat;
  background-position: 630px 15px; }

/*ときわ公園*/
#tokiwa {
  background-image: url(../images/course/ube-airport/back_tokiwa.png);
  background-repeat: no-repeat;
  background-position: 527px 18px; }

/*　レスポンシブ対応（ブレークポイント 540px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 540px) {
  /*SP NAV*/
  #nav_sp li:first-child a {
    color: inherit; }

  /*　パンくずリスト　*/
  #breadCram {
    display: none; }

  /*	スマホ消す	*/
  .sp_contents {
    display: block; }

  /*ページタイトル*/
  #title {
    min-width: auto;
    padding: 1em 0;
    margin: 0 auto; }
    #title h1 {
      font-weight: bold;
      font-size: 2rem; }

  /*　メインテキスト部分　*/
  #wrapper {
    min-width: auto; }

  /*記事部分*/
  article {
    width: 100%;
    margin: 0 auto; }

  /*Yamaguchi Bus Pass*/
  #buss_pass {
    width: auto;
    min-width: auto;
    padding: 1em;
    /*見出し*/
    /*パスイメージ*/
    /*ステッカーフォト*/
    /*販売*/
    /*先頭が●のリスト*/
    /*丸文字のオーダーリスト*/ }
    #buss_pass h2 {
      display: block;
      width: auto;
      font-size: 2rem; }
    #buss_pass #pass_image {
      float: none;
      width: auto;
      text-align: center;
      padding: 1em; }
    #buss_pass #sticker_photo {
      display: block;
      width: auto;
      list-style: none;
      margin: 0 0 30px; }
      #buss_pass #sticker_photo img {
        margin: 10px 0; }
    #buss_pass dl {
      display: flex;
      width: auto;
      text-align: center;
      border: 1px solid #555;
      margin: 0 0 40px; }
      #buss_pass dl dt:not(:first-child), #buss_pass dl dd:not(:first-child) {
        border-left: 1px solid #555; }
      #buss_pass dl dt, #buss_pass dl dd {
        padding: 18px 0; }
      #buss_pass dl dt {
        width: 100px;
        background: #fbf5dd; }
      #buss_pass dl dd {
        width: 160px;
        background: #fff; }
    #buss_pass #sanka {
      width: auto; }
      #buss_pass #sanka li {
        width: 252px; }
    #buss_pass #madoguchi {
      width: auto; }
      #buss_pass #madoguchi li {
        width: auto; }
    #buss_pass .list_maru {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      list-style: none;
      line-height: 1.6;
      padding: 0 0 25px; }
      #buss_pass .list_maru li:before {
        content: "●";
        padding: 0 3px 0 0; }
    #buss_pass ol {
      position: relative;
      line-height: 1.6;
      padding: 0 0 8px; }
      #buss_pass ol li {
        list-style: none;
        list-style-position: outside;
        margin: 0;
        padding-left: 1.25em; }
      #buss_pass ol span {
        position: absolute;
        left: 0;
        margin: 0; }
      #buss_pass ol + p {
        font-size: 1.3rem; }

  /*　Model course index　＿＿＿＿＿　*/
  /*背景設定*/
  #course_map_wrapper {
    background-image: none; }

  /*マップコース本体*/
  #course_map {
    display: none; }

  #course_map_sp {
    padding: 1em; }
    #course_map_sp h2 {
      font-weight: bold;
      font-size: 1.8rem;
      line-height: 1.4;
      color: #c50814;
      border-bottom: 1px solid #c50814;
      padding: 10px 0;
      margin: 0 0 20px; }
    #course_map_sp ul {
      width: auto;
      list-style: none;
      text-align: center; }
      #course_map_sp ul a {
        position: relative;
        display: block;
        width: auto;
        color: inherit;
        background: #fff;
        padding: 20px 10px;
        margin: 8px 0; }
        #course_map_sp ul a:after {
          display: block;
          position: absolute;
          top: 26px;
          right: 10px;
          float: right;
          content: "\f105";
          color: #c50814;
          font-family: FontAwesome; }

  /*コナンツアー*/
  #conan_tour {
    width: auto;
    border: 5px solid #633c11;
    background-repeat: repeat;
    padding: 1em;
    display: none; }

  #conan_wrapper {
    display: block;
    width: 100%;
    max-width: auto;
    margin: 0 auto;
    /*左カラム*/
    /*右カラム*/ }
    #conan_wrapper div {
      width: auto;
      max-width: auto;
      min-width: auto; }
    #conan_wrapper #conan_left h3 {
      font-size: 1.8rem; }
    #conan_wrapper #conan_right h3 {
      text-align: center;
      margin: 0 0 10px; }

  /*コース詳細*/
  #cloud {
    display: none; }

  #course_detail {
    padding: 0 0 50px; }

  #detail_wrapper {
    width: auto;
    padding: 1em;
    margin: 0 auto; }

  /*コースタイトル*/
  #ttl_course {
    position: relative;
    width: auto;
    height: auto;
    margin: 0 0 15px; }
    #ttl_course p {
      position: static;
      text-align: center;
      padding: 20px 0; }
    #ttl_course a {
      display: inline-block;
      width: auto;
      color: #fff;
      font-weight: normal;
      border-radius: 25px;
      background: #222;
      padding: 12px 30px; }

  /*各コースの内容*/
  .point_box {
    position: relative;
    width: auto;
    background: #fff;
    padding: 0 20px 20px;
    /*見出し*/
    /*お問い合わせ／電話番号*/ }
    .point_box h4 {
      position: relative;
      display: inline-block;
      min-width: auto;
      height: 39px;
      white-space: nowrap;
      font-size: 1.4rem;
      font-weight: bold;
      color: #fff;
      background-image: url(../images/course/common/back_yellow_arrow.png);
      background-position: right center;
      padding: 14px 45px 0 45px;
      margin: 0 0 15px -20px; }
    .point_box h5 {
      padding: 0 0 8px; }
      .point_box h5 img {
        max-width: 100%;
        width: auto;
        max-height: 23px; }
    .point_box h5 + p {
      padding: 0; }
    .point_box ul {
      display: block;
      line-height: 1.6;
      list-style: none;
      padding: 5px 0 0; }
      .point_box ul li {
        padding: 0; }

  /*新山口コース*/
  #yuda_onsen_shin h4, #yuda_onsen h4 {
    white-space: normal;
    width: 28rem;
    padding: 7px 45px 0 45px; }

  #photo_hagi h5 img {
    display: block;
    width: 40vw;
    height: auto;
    min-height: auto;
    padding: 0; }
  #photo_hagi h5 + p {
    margin: -6vh 0 0; }

  /*道路が背景のボックス*/
  #start {
    background-image: url(../images/course/common/back_road.png);
    background-position: 10px 10px;
    padding: 0 0 20px; }

  #goal {
    background-image: url(../images/course/common/back_road.png);
    background-position: 10px -140px;
    padding: 20px 0 0;
    margin: 0 0 20px; }

  #goal_iwakuni {
    background-image: url(../images/course/common/back_road.png);
    background-position: 10px -100px;
    padding: 20px 0 0;
    margin: 0 0 20px; }

  .road-box {
    background-image: url(../images/course/common/back_road.png);
    background-position: 10px 0;
    padding: 20px 0; }

  /*	道中のバス停	*/
  .bus_stop {
    position: relative;
    display: inline-block;
    min-width: auto;
    height: 39px;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background-image: url(../images/course/common/back_yellow_arrow.png);
    background-position: right center;
    padding: 14px 45px 0 45px;
    margin: 0 0 18px; }

  /*バスがアイコンの時間*/
  .bus_icon {
    font-size: 1.4rem;
    padding: 8px 0 8px 80px;
    margin: 5px 0; }
    .bus_icon strong {
      font-size: 1.4rem; }

  /*道中の駅表示*/
  .check_station {
    display: block;
    vertical-align: middle;
    font-size: 1.4rem;
    margin: 5px 0 5px 4px; }

  /*岩国から宮島まで45分*/
  .station_sub_txt {
    position: absolute;
    top: 80px;
    right: 0px;
    min-width: 10vw;
    max-width: 50vw;
    background: #fff;
    border: solid 3px #EF7A00;
    border-radius: 30px;
    color: #EF7A00;
    font-size: 7px;
    padding: 3px 10px; }

  /*インラインフレーム*/
  #my_map {
    width: 90%; }
    #my_map iframe {
      width: 100%;
      height: 80vh;
      border: none;
      margin: 0; }

  /*その他のおすすめ観光ルート*/
  #other_recommend {
    width: 100%;
    background: #fff;
    padding: 1em;
    margin: 0 auto; }
    #other_recommend h2 {
      font-size: 2rem;
      font-weight: bold;
      color: #fff;
      background: #555;
      padding: 10px 20px; }
    #other_recommend ul {
      display: block;
      font-size: 1.4rem; }
    #other_recommend li {
      position: relative;
      width: 100%;
      margin: 10px 0; }
    #other_recommend strong {
      text-align: center; } }
/*　ここまで　*/