@charset "utf-8";

#tagline, #tagline_sp, #breadcrumb {
display:none;
}

/*----------------------------------
Footer
------------------------------------*/

footer {
    background-color: #274158;
    padding-top: 30px;
    padding-bottom: 30px;
}

.ft_links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 15px;
}

.ft_links li {
    margin-bottom: 10px;
}

.ft_links li a {
    color: #fff;
    font-size: 1.4rem;
    padding: 0 8px 0;
    border-right: 1px solid #fff;
}

.ft_links li:last-child a {
    border-right: none;
}

/* -----------------------------------
logo_links
-------------------------------------- */

.logo_links_wrap {
    padding-top: 28px;
    padding-bottom: 28px;
    background: #fff;
}

.logo_links {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo_links li {
    margin-left: 15px;
    margin-right: 15px;
}

.logo_links li a {
    display: block;
}

.logo_links li a.logo_taftc {
    width: 110px;
}

.logo_links li a.logo_privacy{
    width: 45px;
}


.logo_links li a.logo_tobu_g {
    width: 56px;
}

.logo_links li a.logo_skytree {
    width: 47px;
}


* {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
h1, h2, h3, h4, h5, h6 {
  color: #212121;
  text-transform: none;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "游ゴシック Medium", "Yu Gothic Medium", "Noto Sans JP", sans-serif;
  line-height: normal;
  font-weight: 600;
  line-height: normal;
}
html {
  font-size: 62.5%;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "游ゴシック Medium", "Yu Gothic Medium", "Noto Sans JP", sans-serif;
  line-height: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
div, p, a, ul, li, dt, dd, span {
  font-size: 1.6rem;
  font-weight: 400;
  color: #212121;
  text-transform: none;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "游ゴシック Medium", "Yu Gothic Medium", "Noto Sans JP", sans-serif;
  line-height: normal;
}
img {
  /* display: block; */
  max-width: 100%;
}
header {
  background-color: rgba(255, 255, 255, 1);
  height: auto;
  height: 92px;
}
.page_head_wrap {
  width: 100%;
  padding: 0;
  background: transparent;
  margin: 0 auto;
}
main, footer, .menu-container {
  width: 100%;
  min-width: 1000px;
}
.inner {
  width: 1000px;
  max-width: 100%;
  /* min-width: 1240px; */
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
.sub-entry {
  background-color: #fafafa;
  padding-top: 48px;
  padding-bottom: 50px;
}
.sub-inner {
  width: 1000px;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
.sub-entry__title {
  font-size: 3rem;
  font-weight: 600;
}
.wh_area {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.sub-heading {
  padding-left: 19px;
  font-size: 2.2rem;
  font-weight: 600;
  position: relative;
}
.sub-heading::before {
  position: absolute;
  top: -6px;
  left: 0;
  width: 4px;
  aspect-ratio: 4 / 42;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0LjAwNCIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQuMDA0IDQyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDBiMmRmO30uYntmaWxsOiNmZjcwNWU7fS5je2ZpbGw6IzAwNmNjNTt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgwIC00NzApIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDAgLTkwKSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0wLTcsNC05VjNMMCw1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwIDU2OSkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTAtNyw0LTlWM0wwLDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAgNTgzKSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNMC04bDQtMlYyTDAsNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMCA1OTgpIi8+PC9nPjwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}
footer {
  background-color: #274158;
  padding-top: 30px;
  padding-bottom: 30px;
}
.copy_right {
  color: #788A9A;
  text-align: center;
  font-size: 1.2rem;
}
.mb30 {
  margin-bottom: 30px !important;
}
a:link, a:visited {
  text-decoration: none;
}
.to_top_btn {
  width: 594px;
  max-width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
  margin: 110px auto 70px;
}
.to_top_btn::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #D43238;
  border-right: solid 2px #D43238;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
}
.to_top_btn span {
  font-size: 1.8rem;
  font-weight: bold;
}
.cover {
      display: none !important;
}
.page_head_wrap > .inner {
  position: relative;
}
.h_top {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 0 12px;
}
.h_top a {
  display: block;
  font-size: 1.5rem;
  margin: 0 9px;
}

.h_top a.h_logo img {
  display: block;
  width: 100%;
}
.h_top a.h_logo svg {
  display: block;
  width: 100%;
}
.page_head_wrap > .inner {
  position: relative;
}

@media screen and (min-width:767px) and (max-width:1100px) {
  .h_top a.h_logo {
      width: 255px;
      position: absolute;
      display: block;
      width: 255px;
      margin: 0;
      top: 30px;
      left: 20px;
  }
}
@media screen and (max-width: 1100px) {
  header {
      height: 92px;
      z-index: 100;
      background-color: rgba(255, 255, 255, 1);
      top: 0;
      left: 0;
  }
  .cover {
      display: none;
      opacity: 0;
  }
  header .inner {
      max-width: 100%;
      min-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
  }
  .h_top {
      width: calc(100% - 55px);
      height: 60px;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .h_logo {
      display: block;
      width: 168px;
  }
}
@media screen and (max-width: 767px) {
  body {
      overflow-x: hidden;
  }
  div, p, a, ul, li, dt, dd, span {
      font-size: 1.4rem;
  }

  main, footer, .inner, .menu-container {
      min-width: 100%;
  }
  header {
      height: 60px;
  }
  .h_top a.h_logo {
      display: block;
      width: 168px;
  }
  .sub-heading {
      padding-left: 11px;
      font-size: 1.8rem;
  }
  .sub-entry {
      padding-top: 27px;
      padding-bottom: 20px;
  }
  .sub-inner {
      width: 100%;
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      margin: 0 auto;
  }
  .sub-entry__title {
      font-size: 2rem;
  }
  .sub-heading {
      padding-left: 11px;
      font-size: 1.8rem;
  }
  .sub-heading::before {
      top: -3px;
      width: 3px;
  }
  div, p, a, ul, li, dt, dd, span {
      font-size: 1.4rem;
  }
  .to_top_btn {
      width: 300px;
      height: 48px;
      margin: 60px auto 30px;
  }
  .to_top_btn span {
      font-size: 1.4rem;
      font-weight: bold;
  }
  .copy_right {
      font-size: 1.0rem;
  }
}

@media screen and (min-width:1101px) {
  header {
      height: 92px;
  }
  .page_head_wrap > .inner {
      position: relative;
  }
  .menu {
      padding-bottom: 7px;
  }
  .h_top {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 10px 0 12px;
  }
  .h_top a {
      display: block;
      font-size: 1.5rem;
      margin: 0 9px;
  }
  .h_top a.h_logo img {
      display: block;
      width: 100%;
  }
  .h_top a.h_q {
      margin-right: 10px;
  }
  .menu {
      width: 100%;
      margin: 0 auto;
  }
  .h_top a.h_logo {
      display: block;
      width: 255px;
      margin: 0;
      position: absolute;
      top: 30px;
      left: 20px;
  }
  .cover {
      display: none!important;
  }

}








/*-----------------------------------

common.css
基本レイアウト

-----------------------------------*/
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    font:normal 14px/1.3 'Montserrat', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    color: #332f2a;
    overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 { margin: 0; }
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
dl, p {
    margin: 0;
    padding: 0;
}
i { font-style: normal; }
a {
    color: #00b2df;
    text-decoration: none;
}
a:hover {
    -ms-filter: "alpha(opacity=60)";
    opacity: 0.6;
}


img {
    border: none;
    vertical-align: bottom;
}
input {
    font-family: 'Montserrat', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    vertical-align: middle;
	font-size:16px;
}
textarea {
    font-family: 'Montserrat', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

table { border-collapse: collapse }

/*header
-----------------------------------*/
#tagline {
    position: absolute;
    top: 13px;
    left: 0;
    width: 100%;
}
#tagline h1 {
    width: 960px;
    margin: 0 auto;
    font-size: 9px;
    font-weight: normal;
}

header.global {
    padding-bottom: 6px;
    border-top: 5px solid #00b2df;
    background: url(../images/common/bg_header.png) repeat-x left bottom;
}

header.global .inner {
	clear:both;
    position: relative;
    width: 960px;
    margin: 0 auto;
}
header.global .inner:before {
    position: absolute;
    top: -5px;
    left: -5px;
    display: block;
    width: 180px;
    height: 5px;
    background: url(../images/common/bg_header_top.png) no-repeat left top;
    content: " ";
}
header .logo {
    float: left;
    margin: 30px 48px 0 0;
}
/* 0415 リンク無しヘッダー用ロゴ */
header .logo_nolink {
    float: left;
    margin: 10px 48px 10px 0;
}
header .sitenav,
header .languagenav {
    float: right;
    margin-top: 5px;
}
header .sitenav li,
header .languagenav li {
    float: left;
}
header .sitenav a {
    display: block;
    margin-left: 3px;
    padding: 5px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    color: #332f2a;
    font-size: 11px;
    line-height: 12px;
}

/* ヘッダ　店舗情報ボタン */
header .sitenav  .counter {
    display: block;
    margin-left: 3px;
    padding: 5px 10px;
    border: 1px solid  #1CBADB; /* #50C7E4; #FF705F */
	background-color: #1CBADB;
    border-radius: 5px;
    color: #FFF;
    
	/* font-weight:bold; */
    line-height: 12px;
}
header .languagenav li:not(:last-child):after {
    color: #dcd7d0;
    content: "|";
}
header .languagenav a {
    display: inline-block;
    margin: 4px 5px 0;
    
}

header .globalnav {
    float: right;
    margin-top: 10px;
}
header .globalnav .dom {
    float: left;
    border-bottom: 2px solid #ff705f;
}
header .globalnav .int {
    float: left;
    margin-left: 5px;
    border-bottom: 2px solid #006dc5;
}
header .globalnav .cruise {
    float: left;
    margin-left: 5px;
    border-bottom: 2px solid #398396;
}
header .globalnav dt {
    float: left;
    width: 12px;
    padding: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
}
header .globalnav .dom dt { background: #ff705f; }
header .globalnav .int dt { background: #006dc5; }
header .globalnav .cruise dt { background: #398396; }
header.global nav dd {
    float: left;
    margin: 0;
}
/*header .globalnav .cruise dt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}*/
header.global nav a {
    display: block;
    height: 17px;
    padding: 10px 15px;
    border: 1px solid #d7d7d7;
    border-bottom: none;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f7f7f7));
    background: -ms-linear-gradient(#fff, #f7f7f7);
    background: linear-gradient(#fff, #f7f7f7);
    color: #332f2a;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
}
header.global nav dd:not(:last-child) a { border-right-color: #fff; }
header.global nav dd:last-child a { border-top-right-radius: 5px; }
header.global nav dd:first-child a { border-left: none; }

header .globalnav sup { line-height: 0.4; }

header .globalnav .dom .current,
header .globalnav .dom a:hover {
    background: #ff705f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb6ad), color-stop(0.5, #ff705f));
    background: -ms-linear-gradient(top, #ffb6ad 0%, #ff705f 50%);
    background: linear-gradient(to bottom, #ffb6ad 0%, #ff705f 50%);
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}
header .globalnav .int .current,
header .globalnav .int a:hover {
    background: #006dc5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7db5e1), color-stop(0.5, #006dc5));
    background: -ms-linear-gradient(top, #7db5e1 0%, #006dc5 50%);
    background: linear-gradient(to bottom, #7db5e1 0%, #006dc5 50%);
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}
header .globalnav .cruise .current,
header .globalnav .cruise a:hover {
    background: #398396;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7de1e1), color-stop(0.5, #398396));
    background: -ms-linear-gradient(top, #7de1e1 0%, #398396 50%);
    background: linear-gradient(to bottom, #7de1e1 0%, #398396 50%);
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

header .globalnav .dom dd:last-child a {
    height: 30px;
    padding: 4px 10px 3px;
    font-size: 12px;
    line-height: 1.3;
}
header .globalnav span {
    display: block;
    font-size: 11px;
    text-align: center;
}

/*パンくず
-----------------------------------*/
#pkz {
    width: 960px;
    margin: 5px auto 5px;
    font-size: 10px;
    color: #5c5955;
}
#pkz li { float: left; }
#pkz li:not(:last-child):after {
    margin: 0 5px;
    content: url(../images/common/ico_pkz_arrow.png);
}
#pkz a {
    color: #5c5955;
}


/*メインボックス
-----------------------------------*/
.box {
	clear:both;
    box-sizing: border-box;
    width: 960px;
    margin: 20px auto;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}
.box02 {
    box-sizing: border-box;
    width: 960px;
    margin: 20px auto;
}
.box_info {
	clear:both;
    box-sizing: border-box;
    width: 960px;
    margin: 20px auto;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}
main > .inner {
    width: 960px;
    margin: 20px auto;
}
.box:last-child,
main > .inner:last-child { margin-bottom: 0; }

/*メイン検索／PRエリア共通レイアウト
-----------------------------------*/
#box_search {
    width: 960px;
    margin: 10px auto 20px;
}
#box_search #search {
    float: left;
    width: 325px;
}
#box_search #main_pr, #main_pr2 {
    float: right;
    width: 625px;
}

/* 検索フォーム */
.form_search {
    width: 293px;
}
.form_search th {
    width: 3em;
    padding: 10px 10px 0 0;
    text-align: left;
    vertical-align: top;
    line-height: 1;
}
.form_search td {
    padding-bottom: 4px;
}
.form_search .date {  }
.form_search .date input {
    box-sizing: border-box;
    width: 100%;
    padding-right: 40px;
}
input[type=text],
select {
    box-sizing: border-box;
    min-width: 50px;
    height: 40px;
/*    padding: 10px 5px;*/
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    
}
.block select,
.block input {
    display: block;
    width: 100%;
}
.block select:not(:first-child) { margin-top: 3px; }

table + .box_button {
    margin-top: 15px;
    width: 293px;
 }
table + .box_button .button {
    display: block;
    width: 100%;
}
/* スライダー */
#main_pr .slider {
    overflow: hidden;
    max-height: 270px;
    padding: 10px;
    border-radius: 5px;
    background: #f2f2f2;
    box-shadow: none;
}
#main_pr .bx-wrapper {
    float: left;
    margin: 0;
    width: 500px;
    z-index: 5;
}
#main_pr .bx-viewport {
    left: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
#main_pr #main-pager {
    float: right;
    width: 100px;
}
#main_pr #main-pager a {
    position: relative;
    display: block;
    height: 54px;
    padding-top: 5px;
    z-index: 10;
}
#main_pr #main-pager a:not(:first-child) { margin-top: 7px; }
#main_pr #main-pager a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100px;
    height: 62px;
    background: url(../images/common/bg_slide_pager.png) no-repeat left -62px;
    content: " ";
}
#main_pr #main-pager a img {
    width: 100px;
}
/* アクティブ時 */
#main_pr #main-pager .active:after { background-position: left top; }
#main_pr #main-pager .active:before {
    position: absolute;
    top: 25px;
    left: -10px;
    display: block;
    border-color: transparent #33c1e5 transparent transparent;
    border-style: solid;
    border-width: 7px 10px 8px 0;
    content: " ";
}

/*ページ下部バナースライダー
-----------------------------------*/
.pr_banner { /*margin: 20px 0 40px;*/ margin:20px auto; }
.pr_banner .bx-wrapper .bx-viewport {
    left: 0;
    padding: 10px 0;
    border: none;
    border-radius: 5px;
    background: #f2f2f2;
    box-shadow: none;
}
.pr_banner .bx-wrapper .bx-prev,
.pr_banner .bx-wrapper .bx-next {
    background-image: url(../images/common/controls.png);
}
.pr_banner .bx-wrapper .bx-prev,
.pr_banner .bx-wrapper .bx-prev:hover {
    left: -15px;
    width: 38px;
    height: 38px;
    background-position: -6px -10px;
}
.pr_banner .bx-wrapper .bx-next,
.pr_banner .bx-wrapper .bx-next:hover {
    right: -15px;
    width: 38px;
    height: 38px;
    background-position: -53px -10px;
}

/*見出し
-----------------------------------*/
.headline {
    margin: 3px 3px 5px 3px;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    background: #eeebe7;
    font-size: 20px;
}
.headline img {
    margin-right: 10px;
    vertical-align: middle;
}
.headline span {
    
    font-weight: normal;
}

.heading {
    margin-bottom: 10px;
    padding:5px 10px;
    border-bottom: 5px solid #f2f2f2;
    font-size: 20px;
}

.sub_head {
    padding: 0 10px 5px;
    border-bottom: 1px solid #332f2a;
    
}


/*ツアーリスト
-----------------------------------*/
.list_tour li {
    float: left;
    width: 220px;
    min-height: 100px; 
    margin: 0 10px 10px 0;
}
.list_tour li:nth-child(4n+1) { clear: left; }
.list_tour li a {
	position: relative;
    display: block;
    color: #151515;
    font-size: 13px;
    font-weight: normal;
}
.list_tour li a:not(:first-child) {
    margin: 5px 10px;
}
.list_tour li p {
    margin: 10px 10px 0;
    
}

/*ディスクリプションなしリスト */
.list_tour.simple li {
    min-height: 100px;
    text-align: center;
}
.list_tour.simple a { color: #332f2a; }

/* 詳細情報ありリスト */
.list_tour.detail li {
    width: 460px;
    min-height: 120px;
    margin-right: 5px;
}
.list_tour.detail li:nth-child(odd) { clear: left; }
.list_tour.detail li a,
.list_tour.detail li p {
    margin: 8px 0 0 230px;
}
.list_tour.detail li a:first-of-type {
    float: left;
    margin: 0;
}
.list_tour.detail li .price {
    color: #f21800;
    
    font-weight: bold;
}

/* 詳細情報ありリスト　画像正方形版 */
.list_tour.detail.square li {
    width: 300px;
    margin-bottom: 10px;
}
.list_tour.detail li:nth-child(odd) { clear: none; }
.list_tour.detail.square li a:not(:first-child),
.list_tour.detail.square li p {
    margin: 0 0 5px 115px;
}
.list_tour.detail.square li a { line-height: 1.2; }


/*緊急のお知らせ
-----------------------------------*/
#urgent_notice {
	clear:both;
    width: 928px;
    margin: 0 auto;
    padding: 10px 15px;
    border: 1px solid #ffbf00;
    background: #fff7de;
    line-height: 1.6;
}
#urgent_notice .title {
    float: left;
    padding-left: 20px;
    background: url(../images/common/ico_urgent_notice.png) no-repeat left center;
    font-weight: bold;
}
#urgent_notice .notice_list {
    float: left;
    width: 820px;
    margin-left: 20px;
    
}
#urgent_notice .notice_list a {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    padding-top: 3px;
}
#urgent_notice .notice_list a:not(:last-child) { margin-right: 15px; }

#urgent_notice .notice_list a:after {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    border-color:  transparent transparent transparent #ff705f;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    content: " ";
}

/*ボタン
-----------------------------------*/
/* 通常ボタン　白グレー */
.button {
    display: inline-block;
    padding: 15px 0;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e7e7e7));
    background: -ms-linear-gradient(#fff, #e7e7e7);
    background: linear-gradient(#fff, #e7e7e7);
    color: #332f2a;
    
    font-weight: bold;
    line-height: 18px;
}
.button:hover {
    background: #e7e7e7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e7e7), color-stop(1, #fff));
    background: -ms-linear-gradient(#e7e7e7, #fff);
    background: linear-gradient(#e7e7e7, #fff);
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}


/* 国内ボタン　赤 */
.button_dom {
    border-color: #ff705f;
    background: #ff705f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb6ad), color-stop(0.5, #ff705f));
    background: -ms-linear-gradient(top, #ffb6ad 0%, #ff705f 50%);
    background: linear-gradient(to bottom, #ffb6ad 0%, #ff705f 50%);
    color: #fff;
}
.button_dom:hover {
    background: #ffb6ad;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ff705f), color-stop(1, #ffb6ad));
    background: -ms-linear-gradient(top, #ff705f 50%, #ffb6ad 100%);
    background: linear-gradient(to bottom, #ff705f 50%, #ffb6ad 100%);
    color: #fff;
}
/* 海外ボタン　青 */
.button_int {
    border-color: #006dc5;
    background: #006dc5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7db5e1), color-stop(0.5, #006dc5));
    background: -ms-linear-gradient(top, #7db5e1 0%, #006dc5 50%);
    background: linear-gradient(to bottom, #7db5e1 0%, #006dc5 50%);
    color: #fff;
}
.button_int:hover {
    background: #7db5e1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #006dc5), color-stop(1, #7db5e1));
    background: -ms-linear-gradient(top, #006dc5 50%, #7db5e1 100%);
    background: linear-gradient(to bottom, #006dc5 50%, #7db5e1 100%);
    color: #fff;
}
/* 日光・鬼怒川ボタン　紫 */
.button_yado {
    border-color: #9f62ff;
    background: #b281ff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d7bdff), color-stop(0.5, #b281ff));
    background: -ms-linear-gradient(top, #d7bdff 0%, #b281ff 50%);
    background: linear-gradient(to bottom, #d7bdff 0%, #b281ff 50%);
    color: #fff;
}
.button_yado:hover {
    background: #d7bdff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #b281ff), color-stop(1, #d7bdff));
    background: -ms-linear-gradient(top, #b281ff 50%, #d7bdff 100%);
    background: linear-gradient(to bottom, #b281ff 50%, #d7bdff 100%);
    color: #fff;
}
/* 黒ボタン */
.button_bk {
    border-color: #5c5955;
    background: #5c5955;
    color: #fff;
}
.button_bk:hover {
    -ms-filter: "alpha(opacity=80)";
    opacity: 0.8;
    background: #5c5955;
}

/*ツアーリンク
-----------------------------------*/
#tour_link {
    background: #f2f2f2;
    padding: 1px 0;
}
#tour_link .inner {
    width: 960px;
    margin: 10px auto;
    border-radius: 5px;
    background: #fff;
}
#tour_link dl {
    padding: 15px 20px;
    
}
#tour_link dt {
    font-weight: bold;
}
#tour_link .dom dt,
#tour_link .dom p { color: #ff5340; }
#tour_link .int dt,
#tour_link .int p { color: #006dc5; }

#tour_link dd {
    margin: 5px 0 0;
}
#tour_link dd p { float: left; }
#tour_link dd p + ul { margin-left: 90px; }
#tour_link dd ul { margin-left: 90px; }
#tour_link dd li { float: left; }
#tour_link dd li:not(:last-child):after {
    margin: 0 10px 0 10px;
    color: #a89a89;
    content: "|";
}
/*#tour_link dd a { color: #332f2a; }*/
#tour_link .theme dt { float: left; }
#tour_link .theme dd { margin: 0 0 0 90px; }

#tour_link .column { margin: 15px 15px 0; padding: 25px;  font-weight: bold; text-align: center; border-top: solid 1px #cdcdcd;}
#tour_link .column span {  font-weight: normal;}


/* デジタルパンフレット 
	-----------------------------------*/

.tourstand-btn a{  
    display: block;
	width: 960px;
	margin: 0 auto 50px;
    text-align: center;
    padding: 28px 0 20px;
    border: 1px solid #ffbf00;
    border-radius: 5px;
    background: #fff7de;
    color: #332f2a;
    
    font-weight: bold;
    line-height: 18px;
    position: relative;
}

.tourstand-btn a span{
	vertical-align: top;	
}
.tourstand-btn a img{
	margin:-9px 0 0;
}
	
.tourstand-btn a:before{ 
		border-color: transparent transparent transparent #ff705f;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    content: " ";
}



/*フッター
-----------------------------------*/
/* ロゴマーク類 */
footer.global .links {
    position: relative;
    background: #fff;
    text-align: center;
}
footer.global .links li {
    display: inline-block;
    margin: 20px 15px;
    vertical-align: middle;
}

#page_top {
    margin: 0;
    bottom: 10px;
    right: 2px;
    top: auto;
    left: auto;
/*    margin: -35px 0 0 490px;*/
    position: fixed;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    padding-top: 45px;
    border-radius: 35px;
    background: #00b2df url(../images/common/ico_page_top.png) no-repeat center 10px;
    color :#fff;
    font-size: 10px;
    text-align:center;
    line-height: 12px;
	z-index:9999;
}

/* サイトナビゲーション */
footer.global .site_nav {
    padding: 15px 0;
    background: #00b2df;
    text-align: center;
}
footer.global .site_nav li {
    display: inline-block;
    font-size: 12px;
}
 footer.global .site_nav li:not(:last-child):after {
    margin: 0 10px 0 10px;
    color: #fff;
    content: "|";
} 

/* footer.global .site_nav li:not(.last):after {
    margin: 0 10px 0 10px;
    color: #fff;
    content: "|";
} */

/* TOPページ サイトナビゲーション */
footer.global .site_nav li.eng {
    margin: 0 0 0 30px;
	display: inline-block;
    
}

/* footer.global .site_nav li.eng:before {
    margin: 0 10px 0 10px;
    color: #fff;
    content: "|";
} */

footer.global .site_nav li a { color: #fff; }
footer.global small {
    display: block;
    margin-top: 10px;
    color: #fff;
    
}


/*-------------------------------
guide
---------------------------------*/
@media screen and (min-width: 751px) {
#guide {
	width: 100%;
	background-color: #f2f2f2;
	padding: 10px 0;
}

#guide {
	width: 100%;
	background-color: #f2f2f2;
	padding: 10px 0;
}
.guide_container {
	font-size: 14px;
	width: 960px;
	background-color: #fff;
	margin: 0 auto;
}
#link {
	padding-top: 15px;
	line-height: 200%;
}
#link .flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 15px 5px;
	list-style: none;
	justify-content: flex-start;
}
#link .flex li {
	padding: 0 0 0 15px ;
	line-height: 200%;
}

#link .flex li:not(:last-child):after {
    margin-left: 15px;
    color: #666;
    content: "|";
}
#link .flex li.top_link a {
	font-weight: bold;
}
#link h3{
	font-size: 15px;
	margin: 5px 0 0 15px;
	padding: 0;
	font-weight: bold;
}
#link dl {
	display:flex;
  flex-wrap: wrap;
	justify-content: flex-start;
  padding: 0 30px;
}
#link dl dt {
  width: 8%;
}
#link dl dd {
  width: 92%;
	display: flex;
	flex-wrap: wrap;
}
#link dt, #link dd{
  padding: 5px 0;
	margin: 0;
}
#link dl dd a {
  padding: 0 0 0 15px;
}
#link dl dd a:not(:last-child):after {
  margin-left: 15px;
	color: #666;
	content: "|";
}

.column {
    margin: 15px 15px 0;
    padding: 25px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-top: solid 1px #cdcdcd;
	background-color: #fff;
}
.column span {
    font-size: 12px;
    font-weight: normal;
}

/*-------------------------------
アコーディオン非表示
---------------------------------*/
.ac-check{
  display: none;
}	
}

/*#guide スマホ*/

@media screen and (max-width: 750px) {
	


/*-------------------------------
アコーディオン
---------------------------------*/
.ac-check{
  display: none;
}
.ac-label{
  background: #ecfcff;
  color: #333;
  display: block;
  margin-bottom: 1px;
  padding: 10px;
	
	position: relative;
	border-bottom: 1px solid #ddd;
}
.ac-label:first-of-type {
	border-top: 1px solid #ddd;
}
.ac-content{
  
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
	background-color: #fff;
	line-height: 0;
}
.ac-check:checked + .ac-label + .ac-content{
  height: auto;
  opacity: 1;
  padding: 5px;
  visibility: visible;
	background-color: #f9feff;
	line-height: 1.6;
}
.ac-label:after{
    box-sizing: border-box;
    content: '';
    padding: 0px;
	background-image: url( "../img/arrow_down.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 10px;
    top: calc( 50% - 6px );
	transform: rotate(90deg);

}
.ac-check:checked + .ac-label:after{
    content: '';
	transform: rotate(-90deg);
}
}



















.sp_button .button {
    display: block;
    width: 400px;
    margin: 30px auto;
    padding: 25px 0;
    font-size: 26px;
    text-align: center;
}

/* clearfix */
header:after,
footer:after,
main:after,
section:after,
aside:after,
div:after,
ul:after,
ol:after,
dl:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
header, footer, main, section, aside, div, ul, ol,dl, .list_item a, .clearfix { display: inline-block; }
header, footer, main, section, aside, div, ul, ol, dl, .list_item a, .clearfix { display: block; }

/* タブレット、スマホ用 */
@media screen and (min-width: 980px) {
/*    .sp_button { display: none; }*/
}
@media screen and (max-width: 1000px) {
    body {
        width: 960px;
    }
}