@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: 166px 20px 0 0; }

/*コナンツアー*/
#conan_tour {
  display: none;
  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; }

#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; }

/*Tour Starting/Ending at Shin-Yamaguchi Station*/
.yellow {
  background-image: url(../images/course/shin-yamaguchi/back_wrapper.png); }

/*Tour Starting/Ending at Yamaguchi Ube Airport*/
.pink {
  background-image: url(../images/course/ube-airport/back_wrapper.png); }

/*Tour Starting/Ending at Shimonoseki Station*/
.blue {
  background-image: url(../images/course/shimonoseki/back_wrapper.png); }

/*Tour Starting/Ending at Shimonoseki Station*/
.green {
  background-image: url(../images/course/iwakuni/back_wrapper.jpg); }

/*Tour Starting/Ending at Hiroshima Bus Center*/
.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; }

/*各コースの内容*/
/*見出し*/
.ttl_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 15px 0; }
  .ttl_bus_stop:after {
    position: absolute;
    bottom: 0;
    left: 11px;
    width: 24px;
    height: 37px;
    content: url(../images/course/common/back_before_h4.png); }

.point_box, .point_box_02 {
  position: relative;
  width: auto;
  background: #fff;
  padding: 0 20px 20px;
  /*見出し*/
  /*お問い合わせ／電話番号*/ }
  .point_box h4, .point_box_02 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, .point_box_02 h4:after {
      position: absolute;
      bottom: 0;
      left: 11px;
      width: 24px;
      height: 37px;
      content: url(../images/course/common/back_before_h4.png); }
  .point_box h5, .point_box_02 h5 {
    padding: 0 0 8px; }
    .point_box h5 img, .point_box_02 h5 img {
      max-width: 780px;
      width: auto;
      height: auto; }
  .point_box ul, .point_box_02 ul {
    display: flex;
    list-style: none;
    padding: 14px 0 0; }
    .point_box ul li, .point_box_02 ul li {
      padding: 0 20px 0 0; }
    .point_box ul li:first-child:before, .point_box_02 ul li:first-child:before {
      content: "■";
      color: #1d2088; }
    .point_box ul li:last-child:before, .point_box_02 ul li:last-child:before {
      content: "\f095";
      font-family: FontAwesome;
      padding: 0 6px 0 0; }

.point_box_02 {
  padding: 20px; }

/*萩散策*/
#photo_hagi h5 img {
  width: 540px;
  height: auto; }
#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; }

/* Hagi〜Yamaguchi */
#start_airport_hagi {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  width: auto;
  background-image: url(../images/course/common/back_road.png);
  background-repeat: repeat-y;
  background-position: 120px 60px; }

/* simonoseki〜ube */
#start_airport_simonoseki {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  width: auto;
  background-image: url(../images/course/common/back_road.png);
  background-repeat: repeat-y;
  background-position: 120px 60px; }
  #start_airport_simonoseki .bus_icon {
    width: 270px; }

#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; }

#box_goal_hagi {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
  #box_goal_hagi #txt_goal_hagi {
    width: 30%; }
  #box_goal_hagi #box_goal_hagi_train {
    width: 50%; }

.road-box, .road-box_02, .road-box_03, .road-box_04, .road-box_05, .road-box_06, .road-box_07 {
  background-image: url(../images/course/common/back_road.png);
  background-repeat: repeat-y;
  background-position: 120px center;
  padding: 20px 0; }

.road-box_02 {
  background-position: 30px center;
  padding: 0; }

.road-box_03 {
  background-position: 30px center;
  padding: 0 0 20px; }

.road-box_04 {
  background-position: 30px center;
  padding: 20px 0 0; }

.road-box_05 {
  position: relative;
  background-position: 30px center;
  padding: 20px 0;
  /* Yabaguchi Ube Airport */ }
  .road-box_05 .ttl_goal {
    position: absolute;
    top: 130px; }
  .road-box_05 .ttl_goal_akiyoshi {
    position: absolute;
    top: 80px; }

.road-box_06 {
  position: relative;
  background-position: 30px center;
  padding: 20px 0;
  /* Yabaguchi Ube Airport */ }
  .road-box_06 .ttl_goal {
    position: absolute;
    top: 380px; }

.road-box_07 {
  position: relative;
  background-position: 120px center;
  padding: 20px 0;
  /* Yabaguchi Ube Airport */ }
  .road-box_07 .ttl_goal {
    position: absolute;
    top: 380px; }

.box_rails {
  background-image: url(../images/course/common/back_rails.png);
  background-repeat: repeat-y;
  background-position: 30px center; }

/*　アイコン ロッカー　*/
.icon_locker {
  display: inline-block;
  background-image: url(../images/course/common/icon_locker.png);
  background-size: contain;
  text-indent: -9999px;
  width: 23px;
  margin: 0 0 0 10px; }

/*	道中のバス停	*/
.bus_stop, .train_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, .train_stop:before {
    position: absolute;
    bottom: 0;
    left: 11px;
    width: 24px;
    height: 37px;
    content: url(../images/course/common/back_before_h4.png); }

.train_stop {
  background-image: url(../images/course/common/back_blue_arrow.png); }
  .train_stop:before {
    content: none; }

/*アイコンの時間*/
/* バス */
.bus_icon, .bus_icon_02, .train_icon {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  background-image: url(../images/course/common/icon_pass.png);
  background-position: left center;
  padding: 5px 0 5px 80px;
  margin: 0 0 0 150px;
  height: 70px; }
  .bus_icon strong, .bus_icon_02 strong, .train_icon strong {
    font-size: 2.2rem; }

.bus_icon_02 {
  margin: 0 0 0 64px; }

/* 電車 */
.train_icon {
  background-image: url(../images/course/common/icon_train.png);
  padding: 16px 0 16px 46px;
  margin: 0 0 0 64px; }

/* 歩き */
.icon_walk, .icon_walk_01, .icon_walk_02 {
  display: block;
  width: 110px;
  font-size: 1.8rem;
  background-image: url(../images/course/common/icon_walk.png);
  background-position: left center;
  padding: 20px 0 20px 38px;
  margin: 0 auto; }

.icon_walk_01 {
  width: auto;
  margin: 0 0 0 150px; }

.icon_walk_02 {
  width: auto;
  margin: 0 0 0 90px; }

/* タクシー */
.icon_taxi, .icon_taxi_02 {
  display: block;
  width: 110px;
  font-size: 1.8rem;
  background-image: url(../images/course/common/icon_taxi.png);
  padding: 26px 0 26px 70px;
  margin: 0 auto; }

.icon_taxi_02 {
  width: auto;
  margin: 0 0 0 64px; }

/* フレックス */
.box_flex_course {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }

/*道中の駅表示*/
.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;
  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; }

/*マップ画像*/
.map_box img {
  max-width: 820px; }
.map_box ul {
  display: flex;
  justify-content: space-between; }
  .map_box ul li {
    display: block; }
    .map_box ul li img {
      max-width: 410px;
      height: 690px; }

/*PDFダウンロード*/
#btn_dl {
  text-align: center;
  margin: 0 auto 40px; }
  #btn_dl a {
    display: inline-block;
    width: 60%;
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
    border-radius: 25px;
    background: #222;
    padding: 30px; }

/*　画像用コース設定　＿＿＿＿＿　*/
#ttl_model_course {
  width: auto;
  line-height: 1;
  margin: 0 150px 0 0; }
  #ttl_model_course .btn_cmn_01 {
    width: auto;
    text-align: right; }
    #ttl_model_course .btn_cmn_01 a {
      display: inline-block;
      width: auto;
      color: #fff;
      font-weight: normal;
      border-radius: 25px;
      background: #222;
      padding: 12px 30px; }

/* ボックス設定 */
#box_course_image {
  width: auto;
  margin: 0 0 30px; }
  #box_course_image p, #box_course_image ul, #box_course_image ol {
    line-height: 1;
    list-style: none;
    padding: 0;
    margin: 0; }
  #box_course_image .box_photo, #box_course_image .mar00 {
    line-height: 0; }

/*　レスポンシブ対応（ブレークポイント 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; }

  #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, .point_box_02 {
    position: relative;
    width: auto;
    background: #fff;
    padding: 0 20px 20px;
    /*見出し*/
    /*お問い合わせ／電話番号*/ }
    .point_box h4, .point_box_02 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, .point_box_02 h5 {
      padding: 0 0 8px; }
      .point_box h5 img, .point_box_02 h5 img {
        max-width: 100%;
        width: auto;
        max-height: 23px; }
    .point_box h5 + p, .point_box_02 h5 + p {
      padding: 0; }
    .point_box ul, .point_box_02 ul {
      display: block;
      line-height: 1.6;
      list-style: none;
      padding: 5px 0 0; }
      .point_box ul li, .point_box_02 ul li {
        padding: 0; }

  .point_box_02 {
    padding: 20px; }

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

  #photo_hagi h5 img {
    display: block;
    width: 55vw;
    height: auto;
    min-height: auto; }
  #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; }

  /* Hagi〜Yamaguchi */
  #start_airport_hagi {
    display: block;
    width: auto;
    background-image: url(../images/course/common/back_road.png);
    background-repeat: no-repeat;
    background-position: 20px -65px; }
    #start_airport_hagi .mar60 {
      margin-bottom: 0; }

  /* simonoseki〜ube */
  #start_airport_simonoseki {
    display: block;
    width: auto;
    background-image: url(../images/course/common/back_road.png);
    background-repeat: no-repeat;
    background-position: 20px -65px; }
    #start_airport_simonoseki .mar60 {
      margin-bottom: 0; }
    #start_airport_simonoseki .bus_icon {
      width: auto; }

  #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; }

  #box_goal_hagi {
    display: inline-block; }
    #box_goal_hagi #txt_goal_hagi {
      width: auto; }
    #box_goal_hagi #box_goal_hagi_train {
      float: right;
      width: 92%;
      margin: 30px 0 0; }
      #box_goal_hagi #box_goal_hagi_train .icon_walk {
        margin: 20px; }

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

  .road-box_02 {
    background-position: 10px 0;
    padding: 0; }

  .road-box_03 {
    background-position: 10px 0;
    padding: 0 0 20px; }

  .road-box_04 {
    background-position: 10px 0;
    padding: 20px 0 0; }

  .road-box_05 {
    background-position: 10px 0;
    padding: 20px 0 0; }

  .road-box_06 {
    background-position: 10px 0;
    padding: 20px 0 0;
    /* Yabaguchi Ube Airport */ }
    .road-box_06 .ttl_goal {
      position: absolute;
      top: 520px; }

  .box_rails {
    background-image: url(../images/course/common/back_rails.png);
    background-repeat: repeat-y;
    background-position: 10px 0; }

  /*	道中のバス停	*/
  .bus_stop, .train_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; }

  .train_stop {
    padding: 14px 45px 0 15px;
    background-image: url(../images/course/common/back_blue_arrow.png); }
    .train_stop:before {
      content: none; }

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

  .bus_icon_02 {
    margin: 0 0 0 45px; }

  /* 電車 */
  .train_icon {
    background-image: url(../images/course/common/icon_train.png);
    padding: 16px 0 16px 46px;
    margin: 0 0 0 45px; }

  /* 歩き */
  .icon_walk, .icon_walk_01, .icon_walk_02 {
    display: block;
    width: 110px;
    font-size: 1.8rem;
    background-image: url(../images/course/common/icon_walk.png);
    background-position: left center;
    padding: 20px 0 20px 38px;
    margin: 0 auto; }

  .icon_walk_01 {
    width: auto;
    margin: 0 0 0 150px; }

  .icon_walk_02 {
    width: auto;
    margin: 0 0 0 90px; }

  /* タクシー */
  .icon_taxi, .icon_taxi_02 {
    display: block;
    width: 110px;
    font-size: 1.8rem;
    background-image: url(../images/course/common/icon_taxi.png);
    padding: 26px 0 26px 70px;
    margin: 0 auto; }

  .icon_taxi_02 {
    width: auto;
    margin: 0 0 0 64px; }

  /* フレックス */
  .box_flex_course {
    display: block; }
    .box_flex_course .list_cmn_02 {
      margin: 0 0 30px; }

  /*道中の駅表示*/
  .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; }

  #btn_dl a {
    padding: 10px 5px; }

  /*インラインフレーム*/
  #my_map {
    width: 98%;
    padding: 0;
    margin: 0 0 30px; }
    #my_map iframe {
      width: 100%;
      height: 43vh;
      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; }

  /*マップ画像*/
  .map_box img {
    max-width: 100%;
    width: auto; }
  .map_box ul {
    list-style: none; }
    .map_box ul li img {
      max-width: auto;
      width: 95%;
      height: auto; }

  /*　画像用コース設定　＿＿＿＿＿　*/
  #ttl_model_course {
    width: auto;
    line-height: 1;
    margin: 0; }
    #ttl_model_course .btn_cmn_01 {
      width: auto;
      text-align: center;
      margin: 10px 0; }
      #ttl_model_course .btn_cmn_01 a {
        display: inline-block;
        width: auto;
        color: #fff;
        font-weight: normal;
        border-radius: 25px;
        background: #222;
        padding: 8px 30px; }

  /* ボックス設定 */
  #box_course_image {
    width: auto;
    margin: 0 0 20px; }
    #box_course_image p, #box_course_image ul, #box_course_image ol {
      line-height: 1;
      list-style: none;
      padding: 0;
      margin: 0; }
    #box_course_image .box_photo, #box_course_image .mar00 {
      line-height: 0; }
    #box_course_image .mar20, #box_course_image .mar30, #box_course_image .mar40, #box_course_image .mar50, #box_course_image .mar60, #box_course_image .mar70, #box_course_image .mar80 {
      margin-bottom: 15px; } }
/*　ここまで　*/