@charset "UTF-8";
/* ### mixin.scss ### */
#bodyWrapper input { cursor: pointer; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif !important; }
#bodyWrapper input[type="text"] { padding: 0; border: none; border-radius: 0; outline: none; background: none; }
#bodyWrapper input[type="radio"] { display: none; }
#bodyWrapper input[type="radio"]:checked + label { background: none; }
#bodyWrapper input[type="checkbox"] { display: none; }
#bodyWrapper input[type="checkbox"]:checked + label { background: none; }
#bodyWrapper textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; padding: 0; border: 0; outline: none; background: transparent; }
#bodyWrapper button, #bodyWrapper input[type="submit"], #bodyWrapper input[type="button"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; }
#bodyWrapper progress { display: block; width: 100%; height: 20px; margin-bottom: 40px; position: relative; }
#bodyWrapper progress[value] { border: 0; -webkit-appearance: none; }
#bodyWrapper progress[value]::-webkit-progress-inner-element { display: flex; align-items: center; }
#bodyWrapper progress[value]::-webkit-progress-bar { border-radius: 50px; background: #f7f5f0; border: 1px solid #d2d2d2; padding: 5px; box-shadow: inset 1px 1px 1px 1px rgba(51, 51, 51, 0.1); }
#bodyWrapper progress[value]::-webkit-progress-value { border-radius: 50px; transition: all .2s ease; background-color: #f9423a; }
@media screen and (max-width: 657px) { #bodyWrapper progress { margin-bottom: 30px; } }
#bodyWrapper input[type="text"], #bodyWrapper input[type="tel"], #bodyWrapper input[type="email"], #bodyWrapper input[type="password"], #bodyWrapper input[type="date"] { height: 40px; width: 100%; padding: 5px 10px; border: solid 1px #d2d2d2; border-radius: 4px; box-shadow: inset 2px 2px 2px 2px rgba(51, 51, 51, 0.1); font-size: 13px; background: white; }
@media screen and (max-width: 657px) { #bodyWrapper input[type="text"], #bodyWrapper input[type="tel"], #bodyWrapper input[type="email"], #bodyWrapper input[type="password"], #bodyWrapper input[type="date"] { height: 50px; } }
#bodyWrapper textarea { height: 100px; width: 100%; padding: 15px; border: 1px solid #d2d2d2; border-radius: 4px; box-shadow: rgba(51, 51, 51, 0.1) 2px 2px 2px 2px inset; resize: vertical; margin-top: 0px; margin-bottom: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; font-size: 13px; background: white; }
#bodyWrapper input[type="text"].error, #bodyWrapper input[type="tel"].error, #bodyWrapper input[type="email"].error, #bodyWrapper input[type="password"].error, #bodyWrapper textarea.error, #bodyWrapper select.error { border: solid 1px #f9423a; background-color: rgba(249, 66, 58, 0.1); }
#bodyWrapper label + input[type="text"], #bodyWrapper label + input[type="tel"], #bodyWrapper label + input[type="email"], #bodyWrapper label + input[type="password"], #bodyWrapper label + select { margin: 5px 0 0; display: inline-block; }
#bodyWrapper input[type="radio"] + label { position: relative; display: inline-block; padding: 3px 3px 3px 25px; margin: 0 10px 0 0; cursor: pointer; min-width: 14px; }
#bodyWrapper input[type="radio"] + label:before { position: absolute; content: ''; margin: auto; top: 0; bottom: 0; left: 0; width: 14px; height: 14px; background: white; border: 1px solid #d2d2d2; border-radius: 100%; box-shadow: inset 2px 2px 2px 2px rgba(51, 51, 51, 0.1); }
@media screen and (max-width: 657px) { #bodyWrapper input[type="radio"] + label { padding: 10px 10px 10px 32px; }
  #bodyWrapper input[type="radio"] + label:before { width: 20px; height: 20px; } }
#bodyWrapper input[type="radio"]:checked + label:before { border: 1px solid #f9423a; }
#bodyWrapper input[type="radio"]:checked + label:after { position: absolute; content: ''; margin: auto; bottom: 0; top: 0; left: 4px; width: 8px; height: 8px; background: #f9423a; border-radius: 100%; }
@media screen and (max-width: 657px) { #bodyWrapper input[type="radio"]:checked + label:after { width: 10px; height: 10px; left: 6px; } }
#bodyWrapper input[type="checkbox"] + label { padding: 0 0 0 40px; background: url("/images/form/check_off.svg") no-repeat left center; background-size: 25px 25px; cursor: pointer; height: 25px; display: flex; align-items: center; }
@media screen and (max-width: 657px) { #bodyWrapper input[type="checkbox"] + label { display: block; height: auto; min-height: 25px; line-height: 1.8; padding: 1px 0 1px 40px; } }
#bodyWrapper input[type="checkbox"]:checked + label { background: url("/images/form/check_on.svg") no-repeat left center; background-size: 25px 25px; cursor: pointer; height: 25px; display: flex; align-items: center; }
@media screen and (max-width: 657px) { #bodyWrapper input[type="checkbox"]:checked + label { display: block; height: auto; min-height: 25px; line-height: 1.8; padding: 1px 0 1px 40px; } }
#bodyWrapper select { height: 40px; width: 100%; padding: 5px 10px; border: solid 1px #d2d2d2; border-radius: 4px; box-shadow: inset 2px 2px 2px 2px rgba(51, 51, 51, 0.1); background: url(/images/form/arrow_shita.png) no-repeat white; background-position: 90% center; background-size: 12px auto; font-size: 13px; cursor: pointer; }
#bodyWrapper select::-ms-expand { display: none; }
@media screen and (max-width: 657px) { #bodyWrapper select { background-size: 10px auto; height: 50px; } }
#bodyWrapper input.disabled, #bodyWrapper textarea.disabled, #bodyWrapper select.disabled { opacity: 0.6 !important; background-color: #d2d2d2 !important; pointer-events: none !important; }

.miniCalendar { box-shadow: rgba(0, 0, 0, 0.3) 10px 10px 10px 0px; border: 1px solid #d2d2d2; padding: 10px; width: 316px; }
.miniCalendar .ui-widget-header { border: none; background: none; color: #333; padding: 0; margin-bottom: 10px; font-weight: normal; }
.miniCalendar .ui-widget-header a { height: 20px; width: 20px; background: #63666A; top: 0; border-radius: 100px; cursor: pointer; }
.miniCalendar .ui-widget-header a span { margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.miniCalendar .ui-widget-header .ui-state-hover { border: none; }
.miniCalendar .ui-widget-header .ui-state-hover .ui-icon { background-image: url(/tour/img/ui-icons_ffffff_256x240.png); }
.miniCalendar.ui-datepicker th { font-weight: normal !important; }
.miniCalendar .ui-state-default { padding: 5px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: none; color: #333; font-weight: normal; }
.miniCalendar .gcal-sunday .ui-state-default, .miniCalendar.ui-widget-content .gcal-holiday { background-image: none; background-color: #f99; }
.miniCalendar .gcal-saturday .ui-state-default { background-color: rgba(0, 191, 165, 0.6); }

#bodyWrapper { width: 100%; min-width: 1060px; }
@media (max-width: 767px) { #bodyWrapper { min-width: inherit; } }

#wrapper { /***** メインコンテンツ *****/ /*--- 特中ページ リンク集 ---*/ /* -------------media------------- */ /*************** wideバナー ***************/ /*************** wideバナーdouble ***************/ /*--------------------------------------------*/ /*エリアから選択をSPのみ移動*/ /*--------------------------------------------*/ /* Yotpo */ /*20191212_リンク色などを旅工房レッドに*/ /* iPhoneSEサイズ用 */ /* オリコンバナー掲載 20190207 */ /*.oriconBanner { display: none;
}
@media (max-width: 840px){ .oriconBanner {  display: block; margin: 10px auto; max-width: 450px; } .oriconBanner img { width: 100%; height: auto; }
}

@media (max-width: 767px){ .oriconBanner { margin: 0 auto; }
}*/ }
#wrapper a:hover { text-decoration: none; }
#wrapper img { max-width: 100%; height: auto; width: 100%; }
@media (max-width: 767px) { #wrapper .pc { display: none; } }
#wrapper .sp { display: none; }
@media (max-width: 767px) { #wrapper .sp { display: block; } }
#wrapper img { max-width: 100%; height: auto; width: 100%; }
#wrapper * { box-sizing: border-box; }
#wrapper section { background: white; }
#wrapper section .contents { width: 100%; max-width: 960px; padding: 40px 0 0; margin: 0 auto; }
@media (max-width: 767px) { #wrapper section .contents { padding: 0; border-top: 1px #d2d2d2 solid; } }
#wrapper #mainBg2.topContents { padding-bottom: 70px; background-color: #f7f5f0; }
#wrapper #searchboxSp, #wrapper #tsc_searchboxSp { display: none; }
#wrapper #mainBg2.topContents .width960 { max-width: 960px; margin: 0 auto 40px; }
#wrapper #mainBg2.topContents .width960 .sp { display: none; }
#wrapper #mainBg2 .top_formBox.top_form_requestSp { display: none; }
#wrapper #mainBg2.topContents .top_formBox button { margin-top: 10px; }
#wrapper #mainBg2.topContents .alertText { font-size: 14px; line-height: 1.7; width: 100%; max-width: 960px; margin: 33px auto 0; /*border: 2px solid $red; 緊急時*/ background: #ffffff; }
#wrapper #mainBg2.topContents .alertText p { display: flex; height: 40px; }
#wrapper #mainBg2.topContents .alertText a { color: #f9423a; font-weight: bold; text-decoration: underline; align-items: center; justify-content: center; margin-left: 30px; display: inherit; }
#wrapper #mainBg2.topContents .alertText span { width: 26%; display: flex; font-size: 14px; font-weight: bold; justify-content: center; align-items: center; background: #e7e7e7; }
#wrapper #mainBg2.topContents #top_pickup_area { width: 100%; margin-top: 70px; margin-bottom: 0; }
#wrapper #mainBg2.topContents #top_pickup_area ul { width: 960px; max-width: 100%; margin: 0 auto; letter-spacing: 0; font-size: 0; }
#wrapper #mainBg2.topContents #top_pickup_area ul li { display: inline-block; width: 225px; height: auto; margin-right: 20px; margin-bottom: 20px; text-align: center; vertical-align: top; letter-spacing: normal; border: 0; }
#wrapper #mainBg2 #top_pickup_area ul li:nth-child(2n) { margin-right: 19px; }
#wrapper #mainBg2 #top_pickup_area ul li:nth-child(4n) { margin-right: 0; }
#wrapper #mainBg2.topContents #top_pickup_area ul li.special_theme h3 span { font-size: 15px; }
#wrapper #mainBg2.topContents #top_pickup_area ul li.special_theme h4 { padding: 3px 1px 16px; background: none; }
@media screen and (max-width: 767px) { #wrapper #mainBg2.topContents .width960 { max-width: 92%; margin: 25px auto; }
  #wrapper #mainBg2.topContents .width960 img { width: 100%; height: auto; }
  #wrapper #mainBg2.topContents .width960 .pc { display: none; }
  #wrapper #mainBg2.topContents .width960 .sp { display: block; } }
@media screen and (max-width: 767px) { #wrapper #mainBg2.topContents #top_pickup_area ul li.special_theme h3 { font-size: 19px; } }
#wrapper #mainBg2.topContents #top_pickup_area ul li .pic .imgCover { position: relative; width: 225px; height: 179px; display: inline-block; overflow: hidden; }
#wrapper #mainBg2.topContents #top_pickup_area ul li a { position: relative; display: block; text-decoration: none; }
#wrapper #mainBg2.topContents #top_pickup_area ul li img { height: auto; width: 100%; }
#wrapper #mainBg2.topContents #top_pickup_area ul li h3 { font-size: 20px; position: absolute; display: flex; align-items: center; justify-content: center; top: 0; width: 225px; height: 179px; margin: auto; color: #fff; background: rgba(0, 0, 0, 0.2); }
#wrapper #mainBg2.topContents #top_pickup_area ul li h3 span { font-size: 28px; }
#wrapper #mainBg2.topContents #top_pickup_area ul li h4 { font-size: 12px; font-weight: normal; line-height: 1.6; position: relative; top: 0; height: auto; margin-bottom: 0; padding: 12px 15px 16px; text-align: left; color: #333; background: #fff; }
#wrapper #mainBg2 #top_pickup_area #top_pickup_title, #wrapper #mainBg2 #pickup_moreSp { display: none; }
#wrapper #mainBg2.topContents #top_pickup_area .departure { font-size: 12px; position: absolute; z-index: 1; top: -3px; left: 5px; width: 31%; height: 21px; margin-bottom: 0; padding: 4px 10px; color: #fff; background-color: #f9423a; }
#wrapper #mainBg2.topContents #top_search_link_area { width: 100%; max-width: 960px; margin: 0 auto; background-color: transparent; }
#wrapper #mainBg2.topContents #top_search_link_area dl { display: table; width: 100%; max-width: inherit; margin: 2px auto auto; }
#wrapper #mainBg2.topContents #top_search_link_area dt { font-size: 14px; font-weight: bold; position: relative; display: table-cell; width: 24%; height: 46px; /*margin-right: 13px;
padding-right: 9%;
padding-left: 30px;*/ text-align: center; vertical-align: middle; color: #333; border: 0; background: #e7e7e7 none; }
#wrapper #mainBg2.topContents #top_search_link_area a[href$=".pdf"]:after { content: ''; display: inline-block; background-image: url(../images/top/pdf-icon.png); background-size: contain; vertical-align: middle; margin: 0 5px; width: 15px; height: 18px; }
#wrapper #mainBg2.topContents #top_search_link_area dt .rightTriangle { display: none; }
#wrapper #mainBg2.topContents #top_search_link_area dd { font-size: 14px; display: table-cell; width: 76%; padding: 20px 15px; vertical-align: middle; background-color: #fff; }
#wrapper #mainBg2.topContents #top_search_link_area ul li { line-height: 1.6em; display: block; float: left; padding: 0 0 0 10px; vertical-align: middle; border: 0; }
#wrapper #mainBg2.topContents #top_search_link_area ul li:after { padding-left: 8px; content: '|'; color: #d2d2d2; }
#wrapper #mainBg2.topContents #top_search_link_area ul li.final:after, #wrapper #mainBg2.topContents #top_search_link_area ul li.pickUp_tour:after { content: none; }
#wrapper #mainBg2.topContents #top_search_link_area ul .pickUp_tour { width: 100%; }
#wrapper #mainBg2.topContents #top_search_link_area ul .pickUp_tour + .pickUp_tour { margin-top: 10px; padding-top: 10px; border-top: solid 1px #d2d2d2; }
@media screen and (max-width: 767px) { #wrapper #mainBg2.topContents #top_pickup_area ul li .pic .imgCover { width: 100%; height: 100%; } }
#wrapper #container.topContents { padding-top: 70px; padding-bottom: 0; }
#wrapper #container.topContents h2 { font-size: 45px; color: #333; font-family: futura-pt-heavy, futura-pt, sans-serif; text-align: center; line-height: 1; margin-bottom: 10px; }
@media screen and (max-width: 767px) { #wrapper #container.topContents h2 { font-size: 9vw; margin-bottom: 20px; } }
#wrapper #container.topContents p.subTtl { font-size: 14px; line-height: 1.8; margin-bottom: 30px; text-align: center; color: #333; }
#wrapper #container p.subTtl .br { display: block; }
#wrapper #container.topContents #special { margin-bottom: 70px; }
#wrapper #special a:hover { text-decoration: none; }
#wrapper #container.topContents #special ul { width: 100%; max-width: 960px; margin: 0 auto 0; letter-spacing: -0.40em; }
#wrapper #container.topContents #special ul li { display: inline-block; width: 23.5%; margin-right: 2%; margin-left: 0; padding-bottom: 26px; vertical-align: top; letter-spacing: normal; }
#wrapper #container.topContents #special ul li a { display: block; }
#wrapper #container.topContents #special ul li.mr0 { margin-right: 0; }
#wrapper #container.topContents #special ul li a:hover { text-decoration: none; }
#wrapper #container.topContents #special ul li a .rightArrow { display: none; }
#wrapper #container.topContents #special ul li .pic { margin-bottom: 8px; }
#wrapper #container.topContents #special ul li img { width: 100%; height: auto; }
#wrapper #container.topContents #special ul li h3 { font-size: 14px; margin-bottom: 5px; }
#wrapper #container.topContents #special ul li p { font-size: 12px; }
#wrapper #container.topContents #special #satelite ul { margin-top: 1px; }
#wrapper #container.topContents #special #satelite ul li.last { margin-right: 0; }
#wrapper #container.topContents #feature { padding-top: 70px; padding-bottom: 70px; background-color: #f7f5f0; }
#wrapper #container.topContents #feature ul { width: 100%; max-width: 960px; margin: 0 auto 0; display: flex; flex-wrap: wrap; }
#wrapper #container.topContents #feature ul li { display: inline-block; width: 18.4%; margin-right: 2%; margin-bottom: 20px; margin-left: 0; padding-bottom: 9px; vertical-align: top; letter-spacing: normal; }
#wrapper #container.topContents #feature ul li img { width: 100%; height: auto; }
#wrapper #container.topContents #feature ul li.mr0 { margin-right: 0; }
#wrapper #top_infobnr_area .w_bnr a img, #wrapper #top_infobnr_area .sp_bnr a img { width: 100%; }
#wrapper #special .specialMore { width: 960px; margin: 0 auto 70px; max-width: 100%; }
@media screen and (max-width: 767px) { #wrapper #special .specialMore { margin: 15px 0; } }
@media (max-width: 767px) { #wrapper #mainBg2 #formWrapper { width: 100%; min-width: 100%; max-width: 100%; }
  #wrapper #mainBg2.topContents .top_form_requestSp { display: block; margin: 30px auto; text-align: center; }
  #wrapper #mainBg2.topContents .top_form_requestSp .headHead { font-size: 16px; font-weight: bold; line-height: 1.5; }
  #wrapper #mainBg2.topContents .top_form_requestSp .request_box .requestText { font-size: 13px; font-weight: bold; color: #f9423a; }
  #wrapper #mainBg2.topContents .top_form_requestSp .request_box #button_requestSp a { display: flex; align-items: center; justify-content: center; height: 51px; font-size: 15px; font-weight: bold; margin: auto; padding-left: 25px; border-radius: 4px; background: url(/images/top/ico_mail.png) no-repeat 15px #00bfa5; background-size: auto 35%; width: 88%; }
  #wrapper #mainBg2.topContents .top_form_requestSp .request_box span.button_tel { font-size: 15px; display: flex; align-items: center; justify-content: center; width: 88%; height: 51px; margin: 10px auto; vertical-align: middle; color: #f9423a; border: 1px solid #f9423a; border-radius: 4px; background: #fff url(/images/common/btn_sp_tel.png) no-repeat scroll 11px center; background-size: 23px auto; }
  #wrapper #mainBg2.topContents .top_form_requestSp .request_box .top_requestSp_comment { font-size: 12px; line-height: 1.5; color: #666; } }
@media screen and (max-width: 767px) { #wrapper #mainBg2 #top_pickup_area { width: 100%; margin-top: 30px; margin-bottom: 0; background: #fff; }
  #wrapper #mainBg2 #top_pickup_area:before { display: block; padding-top: 50%; content: ''; }
  #wrapper #mainBg2 #top_pickup_area #top_pickup_title { font-size: 20px; display: block; width: 100%; padding: 5px 10px; text-align: center; color: #333; border-top: #333 1px solid; border-bottom: #333 1px solid; }
  #wrapper #mainBg2 #top_pickup_area ul li { margin-right: 0; }
  #wrapper #mainBg2 #top_pickup_area ul li img { width: 100%; height: auto; }
  #wrapper #mainBg2 #top_pickup_area h4 { display: none; }
  #wrapper #mainBg2 #top_pickup_area .departure { position: relative; z-index: 99; top: -32px; width: calc(100% - 2%); height: 28px; margin: auto; margin-bottom: -32px; }
  #wrapper #mainBg2 #pickup_moreSp { display: none; }
  #wrapper #mainBg2 #pickup_moreSp a { display: block; margin: 0; padding: 15px; padding-top: 16px; background: url(/images/new2016/pickup_more_arrow.png) right center no-repeat; background-size: 10%; }
  #wrapper #mainBg2 #pickup_moreSp div { display: inline-block; width: 10%; padding-left: 15px; vertical-align: middle; }
  #wrapper #mainBg2 #pickup_moreSp div img { width: 100%; margin-top: 2px; }
  #wrapper #mainBg2 #pickup_moreSp p { display: inline-block; vertical-align: middle; color: #333; }
  #wrapper #mainBg2 #pickup_moreSp a:hover { text-decoration: none; }
  #wrapper #mainBg2.topContents { padding-bottom: 0; }
  #wrapper #mainBg2.topContents #formContainer { height: auto; padding-bottom: 0; background: none; }
  #wrapper #mainBg2.topContents .top_form_requestSp .request_box .requestText { font-size: 13px; font-weight: bold; color: #f9423a; }
  #wrapper #mainBg2.topContents .alertText { line-height: 1.5; width: 100%; max-width: 960px; margin: 15px auto 30px; }
  #wrapper #mainBg2.topContents .alertText p { height: 85px; flex-wrap: wrap; }
  #wrapper #mainBg2.topContents #top_pickup_area { margin-top: 0; background-color: #f7f5f0; }
  #wrapper #mainBg2.topContents .alertText span { width: 100%; }
  #wrapper #mainBg2.topContents .alertText a { margin: 0 auto; }
  #wrapper #mainBg2.topContents #top_pickup_area:before { padding-top: 0; }
  #wrapper #mainBg2.topContents #top_pickup_area #top_pickup_title { display: none; }
  #wrapper #mainBg2.topContents #top_pickup_area ul { width: 100%; }
  #wrapper #mainBg2.topContents #top_pickup_area ul li { position: relative; width: 50%; margin: 0; }
  #wrapper #mainBg2.topContents #top_pickup_area ul li img { width: 100%; height: auto; vertical-align: top; }
  #wrapper #mainBg2.topContents #top_pickup_area .departure { display: none; }
  #wrapper #mainBg2.topContents #top_pickup_area ul li h3 { font-size: 14px; position: absolute; top: 0; width: 100%; height: 100%; }
  #wrapper #mainBg2.topContents #top_pickup_area ul li h3 span { font-size: 20px; }
  #wrapper #mainBg2.topContents #top_pickup_area #pickup_moreSp { width: 94%; margin: 10px auto 0; border-top: 0; }
  #wrapper #mainBg2.topContents #top_pickup_area #pickup_moreSp a { font-size: 16px; position: relative; display: block; padding: 10px 15px 10px; text-align: center; color: #333; border: 2px #d2d2d2 solid; border-top: 0; border-radius: 5px; background: none; }
  #wrapper #mainBg2.topContents #top_pickup_area #pickup_moreSp p { font-weight: bold; color: #333; }
  #wrapper #mainBg2.topContents #top_pickup_area #pickup_moreSp .rightArrow { position: absolute; top: 21px; right: 0; position: absolute; top: 21px; right: 0; }
  #wrapper #mainBg2.topContents #top_pickup_area #pickup_moreSp .rightArrow:after { left: -3px; width: 8px; height: 8px; transform: rotate(45deg); border-top: 2px solid #d2d2d2; border-right: 2px solid #d2d2d2; }
  #wrapper #mainBg2.topContents #top_search_link_area { margin-top: 0px; padding: 0; }
  #wrapper #mainBg2.topContents #top_search_link_area ul { width: 100%; text-align: left; }
  #wrapper #mainBg2.topContents #top_search_link_area ul li { line-height: 1.7; display: inline-block; float: none; margin: 0; padding: 0; text-align: left; background: none; }
  #wrapper #mainBg2.topContents #top_search_link_area ul li:after { padding: 0; content: ''; }
  #wrapper #mainBg2.topContents #top_search_link_area ul li a { display: inline-block; float: none; padding: 0; background: none; }
  #wrapper #mainBg2.topContents #top_search_link_area ul li a:after { padding: 0 2px 0 6px; content: '|'; color: #d2d2d2; }
  #wrapper #mainBg2.topContents #top_search_link_area ul li.final a:after, #wrapper #mainBg2.topContents #top_search_link_area ul li.pickUp_tour a:after { content: none; }
  #wrapper #mainBg2.topContents #top_search_link_area dl { display: block; margin: 0; }
  #wrapper #mainBg2.topContents #top_search_link_area dt { display: block; width: 100%; height: 39px; padding-top: 11px; padding-right: 0; padding-left: 2.5%; text-align: left; }
  #wrapper #mainBg2.topContents #top_search_link_area dd { display: block; width: 100%; margin-top: 0; padding: 10px 2%; }
  #wrapper #mainBg2.topContents #top_search_link_area dt img, #wrapper #mainBg2.topContents #top_search_link_area dt span.rightTriangle { display: none; }
  #wrapper #mainBg2.topContents #top_search_link_area dt > span { display: table-cell; vertical-align: middle; }
  #wrapper #container.topContents { padding-top: 30px; padding-bottom: 0; }
  #wrapper #container.topContents p.subTtl { font-size: 14px; line-height: 1.57; margin-bottom: 0; padding: 0 10px 16px 10px; text-align: left; color: #333; display: none; }
  #wrapper #container p.subTtl .br { display: inline; }
  #wrapper #container.topContents #special { margin-bottom: 30px; }
  #wrapper #container.topContents #special ul { width: 100%; margin: 0 auto; }
  #wrapper #container.topContents #special ul li { width: 100%; margin-right: 0; padding-bottom: 11px; border-bottom: 1px solid #ddd; }
  #wrapper #container.topContents #special ul li:first-child { border-top: 1px solid #ddd; }
  #wrapper #container.topContents #special ul li a { position: relative; display: block; padding-top: 12px; }
  #wrapper #container.topContents #special ul li .pic, #wrapper #container.topContents #special ul li .text { display: inline-block; vertical-align: top; }
  #wrapper #container.topContents #special ul li .pic { width: 31%; margin-right: 3%; margin-bottom: 0; padding-left: 3%; }
  #wrapper #container.topContents #special ul li .pic img { display: block; width: 100%; height: auto; vertical-align: top; }
  #wrapper #container.topContents #special ul li .text { width: 63%; padding-right: 7%; }
  #wrapper #container.topContents #special ul li .text h3 { font-size: 13px; font-weight: bold; line-height: 1.1; margin-bottom: 6px; }
  #wrapper #container.topContents #special ul li .text p { font-size: 12px; font-weight: normal; line-height: 1.34; }
  #wrapper #container.topContents #special ul li a .rightArrow { position: absolute; top: 50%; right: 23px; display: inline-block; margin-top: 4px; padding: 0; }
  #wrapper #container.topContents #special ul li a .rightArrow:after { width: 9px; height: 9px; border-top: 2px solid #737373; border-right: 2px solid #737373; }
  #wrapper #container.topContents #satelite { margin-top: 30px; }
  #wrapper #container.topContents #satelite ul { width: 78%; margin: 0 auto; }
  #wrapper #container.topContents #satelite ul li { margin: 0 0 9px; padding: 0; border: 0; }
  #wrapper #container.topContents #satelite ul li.last { margin: 0; }
  #wrapper #container.topContents #satelite ul li a { padding: 0; }
  #wrapper #container.topContents #feature { padding-top: 30px; padding-bottom: 30px; background-color: #f7f5f0; }
  #wrapper #container.topContents #feature ul { width: 94.5%; max-width: 960px; margin: 3px auto 0; }
  #wrapper #container.topContents #feature ul li { width: 48%; margin-right: 0; margin-bottom: 10px; padding-bottom: 0; }
  #wrapper #container.topContents #feature ul li:nth-child(odd) { margin-right: 4%; } }
#wrapper #bnr_first { width: 80%; max-width: 960px; margin: 0 auto; }
#wrapper #bnr_first .w_bnr { margin: 0; }
#wrapper #top_infobnr_area { width: 80%; max-width: 960px; margin: 36px auto 0; }
#wrapper #bnr_first .sp_bnr, #wrapper #top_infobnr_area .sp_bnr { display: none; }
@media screen and (max-width: 767px) { #wrapper #bnr_first .w_bnr, #wrapper #top_infobnr_area .w_bnr { display: none; }
  #wrapper #bnr_first .sp_bnr, #wrapper #top_infobnr_area .sp_bnr { display: block; }
  #wrapper #bnr_first .sp_bnr img, #wrapper #top_infobnr_area .sp_bnr img { width: 100%; height: auto; } }
@media screen and (max-width: 767px) { #wrapper #bnr_first, #wrapper #top_infobnr_area { width: 94%; margin: 6% auto 0; }
  #wrapper #bnr_first .sp_bnr, #wrapper #top_infobnr_area .sp_bnr { display: block; } }
#wrapper #bnr_double { width: 100%; max-width: 960px; margin: 0 auto 0; text-align: center; }
#wrapper #bnr_double a { display: inline-block; width: 49%; }
#wrapper #bnr_double a:nth-of-type(1) { margin-right: 14px; }
#wrapper #bnr_double a img { vertical-align: bottom; width: 100%; }
@media screen and (max-width: 767px) { #wrapper #bnr_double { width: 94%; }
  #wrapper #bnr_double a { width: 100%; }
  #wrapper #bnr_double a img { width: 100%; height: auto; }
  #wrapper #bnr_double a:nth-of-type(1) { margin-bottom: 15px; margin-right: 0; } }
#wrapper #campaignHeader { max-width: 960px; max-height: 95px; margin-left: auto; margin-right: auto; font-size: 15px; line-height: 1.2em; font-weight: bold; text-align: center; padding: 15px 0; }
#wrapper #campaignHeader a { text-decoration: underline; }
#wrapper #campaignHeader a br { display: none; }
#wrapper #campaignHeader ul li:before { content: ""; width: 5px; height: 5px; border-radius: 50px; background: #f9423a; display: inline-block; margin-right: 10px; vertical-align: middle; }
#wrapper #campaignHeader ul li:nth-child(2n) { margin-top: 5px; }
@media screen and (max-width: 767px) { #wrapper #campaignHeader { padding: 15px 10px 10px; }
  #wrapper #campaignHeader a br { display: block; } }
#wrapper #mainBg2.topContents #top_search_link_area.sp { display: none; }
#wrapper #mainBg2.topContents #top_search_link_area dl.pc { display: table; }
@media screen and (max-width: 767px) { #wrapper #mainBg2.topContents #top_search_link_area.sp { display: block; }
  #wrapper #mainBg2.topContents #top_search_link_area dl.pc { display: none; } }
#wrapper #yotpoArea { padding: 40px 0; max-width: 960px; width: 100%; margin: 0 auto; overflow: hidden; }
#wrapper .yotpo { margin: 0 auto 30px; }
#wrapper .yotpo-reviews-carousel .y-carousel-product-image img { height: 53px !important; width: 53px !important; object-fit: cover !important; }
#wrapper .yotpo.yotpo-reviews-carousel .carousel-reviews-bottom-line .yotpo-review-stars .yotpo-icon.yotpo-icon-star { background-position: -117px 0 !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper { padding-bottom: 15px; padding-left: 0 !important; padding-right: 0 !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel { border-bottom: 1px #d2d2d2 solid !important; padding-bottom: 10px !important; margin-bottom: 10px !important; padding-top: 0 !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel { padding-top: 0 !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-site-quote-container { margin-right: 10px; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .carousel-review-title { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-review-body { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif; font-size: 13px; line-height: 1.5; letter-spacing: 0.8px; margin-left: -22px !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version { margin-bottom: 10px; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .carousel-review-title { font-size: 14px; letter-spacing: 0.8px; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .yotpo-icon-star, #wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .yotpo-icon-half-star, #wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .yotpo-icon-empty-star { width: 18px !important; height: 18px !important; font-size: 19px !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .yotpo-icon-star { background-position: -117px 0 !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .yotpo-icon-half-star { background-position: -135px 0 !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .yotpo-icon-empty-star { background-position: -153px 0 !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-stars { right: 0 !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-review-author { display: none; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-site-quote-container { background: url("../images/common/icon_user.png"); background-size: 55px; width: 55px; height: 55px; border: none !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-site-quote-container .carousel-site-quote::before { content: none; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .y-slider-container .single-carousel .product-image-container { width: 55px !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .y-slider-container .single-carousel .product-image-container .y-carousel-product-image { width: 55px !important; height: 55px !important; border-radius: 50% !important; }
#wrapper .yotpo .yotpo-tool-tip .tool-tip-header .header-blue, #wrapper .yotpo .yotpo-tool-tip-question .tool-tip-header .header-blue, #wrapper .yotpo .yotpo-tool-tip-answer .tool-tip-header .header-blue { color: #f9423a !important; }
#wrapper .yotpo-reviews-carousel .carousel-display-wrapper .carousel-read-more { color: #f9423a !important; }
#wrapper .yotpo-reviews-carousel .yotpo-small-box .yotpo-logo-link-new > * { color: #f9423a !important; }
#wrapper .yotpo-reviews-carousel .yotpo-small-box .yotpo-logo-link-new:hover > * { opacity: 0.5; }
#wrapper .topButton { text-align: center; }
#wrapper .topButton a { color: #f9423a; text-decoration: none; border-radius: 4px; padding: 15px 30px; display: inline-block; font-size: 15px; border: 1px solid; width: 300px; }
#wrapper .topButton .arrow:after { border-right: 1px solid #f9423a; border-top: 1px solid #f9423a; height: 8px; left: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; box-sizing: content-box; }
@media screen and (max-width: 767px) { #wrapper #yotpoArea { padding: 0 0 30px; }
  #wrapper .yotpo-reviews-carousel { width: 96% !important; }
  #wrapper .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version { padding-left: 0 !important; }
  #wrapper .topButton a { display: table; margin: 0 auto; width: 88%; } }

#pro_mainBg2 { padding-bottom: 30px; background-color: #fff; width: 960px; margin: 30px auto; }
#pro_mainBg2 #dialogContainer { width: 100%; }
#pro_mainBg2 #dialogContainer .inputArea { width: 100%; padding: 0 8.5% 0 6%; }
#pro_mainBg2 .errorMes { font-size: 12px; margin-top: 3px; color: #f9423a; }
#pro_mainBg2 #dialogContainer input, #pro_mainBg2 #dialogContainer textarea, #pro_mainBg2 #dialogContainer select { height: 45px; width: 100%; padding: 5px 10px; border: solid 1px #d2d2d2; border-radius: 4px; box-shadow: inset 2px 2px 2px 2px rgba(51, 51, 51, 0.1); font-size: 14px; cursor: pointer; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif !important; }
#pro_mainBg2 #dialogContainer select { background: white url(/tour/media/tabi_files/img/common/ico_dropdown_2.png) no-repeat scroll right 15px center; }
#pro_mainBg2 #dialogContainer select.unselected { opacity: 0.6; background-color: #d2d2d2; }
#pro_mainBg2 #dialogContainer select + select { margin-top: 10px; }
#pro_mainBg2 #dialogContainer .domestic_button_wrap { display: flex; margin-bottom: 10px; }
#pro_mainBg2 #dialogContainer .domestic_button_wrap button { font-size: 14px; border-radius: 4px; color: #d2d2d2; border: solid 1px; padding: 5px 10px; margin-right: 10px; background: white; cursor: pointer; }
#pro_mainBg2 #dialogContainer .domestic_button_wrap button.current { color: #333333; }
#pro_mainBg2 #dialogContainer input.form-error { border: 1px solid #f9423a; background-color: #fffafa; }
#pro_mainBg2 #dialogContainer textarea { height: 135px; }
#pro_mainBg2 #dialogContainer textarea.form-error { border: 1px solid #f9423a; background-color: #fffafa; }
#pro_mainBg2 #dialogContainer h2 { font-size: 16px; font-weight: bold; position: relative; margin-bottom: 40px; padding: 20px 0; text-align: center; color: white; background: #f9423a; }
#pro_mainBg2 #dialogContainer h2 span.labelFree { margin-right: 10px; border: solid 1px; padding: 5px 10px; border-radius: 60px; }
#pro_mainBg2 #dialogContainer dl { width: 100%; margin-top: 10px; letter-spacing: -.4em; }
#pro_mainBg2 #dialogContainer dl:first-child { margin-top: 0; }
#pro_mainBg2 #dialogContainer dl dd { display: inline-block; width: 71%; vertical-align: middle; letter-spacing: normal; }
#pro_mainBg2 #dialogContainer dl .formDate { position: relative; }
#pro_mainBg2 #dialogContainer dl .formDate input { background: url(/images/common/ic_calendar.svg) no-repeat; background-position: right 15px center; background-size: 25px auto; }
#pro_mainBg2 #dialogContainer dl dt { font-size: 14px; position: relative; display: inline-block; width: 26%; margin: auto 3% auto auto; padding-top: 2px; text-align: right; letter-spacing: normal; }
#pro_mainBg2 #dialogContainer dl dt.vTop { padding-top: 11px; vertical-align: top; }
#pro_mainBg2 #dialogContainer dl.boundary { margin-bottom: 26px; padding-bottom: 22px; border-bottom: 1px #dcdcdc solid; }
#pro_mainBg2 #dialogContainer dl.required dt::before { content: none; }
#pro_mainBg2 #dialogContainer dl.required dt .text { font-size: 14px; display: inline-block; box-sizing: border-box; width: 100%; margin-left: 0; padding: 2px 47px 1px 0; text-align: right; }
#pro_mainBg2 #dialogContainer dl.freeContent dt .text { font-size: 14px; display: inline-block; box-sizing: border-box; width: 100%; margin-left: 0; padding: 2px 47px 1px 0; text-align: right; }
#pro_mainBg2 #dialogContainer dl.required dt .icoRequired { font-size: 12px; position: absolute; top: 3px; right: -3px; display: inline-block; box-sizing: border-box; width: 41px; margin-left: 0; padding: 2px 8px 1px; color: #fff; border-radius: 30px; background-color: #f9423a; }
#pro_mainBg2 #dialogContainer dl.freeContent dt .icoRequired { font-size: 12px; position: absolute; top: 3px; right: -3px; display: inline-block; box-sizing: border-box; width: 41px; margin-left: 0; padding: 2px 8px 1px; color: #fff; border-radius: 30px; background-color: #f9423a; background-color: transparent; }
#pro_mainBg2 #dialogContainer dl dt.vTop .icoRequired { top: 11px; }
#pro_mainBg2 #dialogContainer dl.required dt .icoRequired.icoNone, #pro_mainBg2 #dialogContainer dl.required dt .freeContent.icoNone { background-color: transparent; }
#pro_mainBg2 #dialogContainer .required_form { background: #fff none; }
#pro_mainBg2 #dialogContainer .textarea { border-botom: 1px solid #dcdcdc; }
#pro_mainBg2 #dialogContainer .btnArea { margin-top: 36px; padding: 28px 0 26px; text-align: center; background-color: #f6f6f6; }
#pro_mainBg2 #dialogContainer .btnArea button { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Osaka,sans-serif; font-size: 16px; font-weight: bold; width: 61%; height: 56px; margin: 0; cursor: pointer; color: #fff; border: 0 none; border-radius: 6px; background-color: #f9423a; }
#pro_mainBg2 #dialogContainer .btnArea button.disable { cursor: default; background-color: #d2d2d2; }
#pro_mainBg2 #dialogContainer p.policy { width: 70%; text-align: left; margin: 0 auto; margin-top: 10px; font-size: 11px; }
#pro_mainBg2 #dialogContainer #case { font-size: 12px; width: 100%; margin-top: 15px; margin-bottom: 0; padding-right: 22px; text-align: right; }
#pro_mainBg2 #dialogContainer #case a { color: #f9423a; }
#pro_mainBg2 #dialogContainer .passengerAgeLabel { display: inline-block; width: 190px;}
#pro_mainBg2 #dialogContainer .passengerAgeSelectAdult { width: 190px;}
#pro_mainBg2 #dialogContainer .passengerAgeSelect { width: 190px; margin-top: 10px;}
@media (max-width: 767px) { #pro_mainBg2 { width: 100%; margin: 0; }
  #pro_mainBg2 #dialogContainer h2 { font-size: 14px; margin-bottom: 15px; padding: 15px 0; }
  #pro_mainBg2 #dialogContainer h2 span.labelFree { display: none; }
  #pro_mainBg2 #dialogContainer .inputArea { padding: 0 3.5% 0 3%; }
  #pro_mainBg2 #dialogContainer dl { margin-top: 14px; }
  #pro_mainBg2 #dialogContainer dl dt, #pro_mainBg2 #dialogContainer dl dd { display: block; }
  #pro_mainBg2 #dialogContainer dl dt { font-size: 14px; font-weight: bold; width: auto; padding-top: 0; text-align: left; }
  #pro_mainBg2 #dialogContainer dl dt.vTop { padding-top: 0; }
  #pro_mainBg2 #dialogContainer dl dd { width: 100%; margin-top: 2px; }
  #pro_mainBg2 #dialogContainer dl.boundary { margin-bottom: 16px; padding-bottom: 19px; border-bottom: 1px solid #dcdcdc; }
  #pro_mainBg2 #dialogContainer dl.required dt .text, #pro_mainBg2 #dialogContainer dl.freeContent dt .text { width: auto; padding: 2px 4px 1px 0; text-align: left; }
  #pro_mainBg2 #dialogContainer dl.required dt .icoRequired, #pro_mainBg2 #dialogContainer dl.freeContent dt .icoRequired { font-size: 11px; font-weight: normal; position: relative; top: -3px; right: 3px; width: 31px; padding: 2px 4px 1px; }
  #pro_mainBg2 #dialogContainer .btnArea { margin-top: 18px; padding: 20px 0; text-align: center; background-color: #f6f6f6; width: 100%; }
  #pro_mainBg2 #dialogContainer #case { margin-top: 10px; padding-right: 11px; }
  #pro_mainBg2 select, #pro_mainBg2 input, #pro_mainBg2 textarea, #pro_mainBg2 button { border: 1px solid #b2b2b2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: none; } 
  #pro_mainBg2 #dialogContainer .passengerAgeSelectAdult { width: 100%;}
  #pro_mainBg2 #dialogContainer .passengerAgeSelect { width: 100%; margin-top: 10px;}}

.closeIco { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; cursor: pointer; display: block; width: 40px; height: 40px; z-index: 2; }
.closeIco span { position: absolute; left: 2%; top: 18px; width: 15px; height: 2px; border-radius: 0; background-color: white; }
.closeIco span:nth-of-type(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.closeIco span:nth-of-type(2) { bottom: 15px; opacity: 0; }
.closeIco span:nth-of-type(3) { bottom: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.newContents { position: relative; }
.newContents:before { content: ""; position: absolute; top: 0; left: 0; width: 75px; height: 75px; background: url(/images/common/newContents.svg) no-repeat; background-size: 75px auto; display: block; }
@media (max-width: 767px) { .newContents:before { width: 50px; height: 50px; background-size: 50px auto; } }

#modal_banner { width: 400px; margin: 70px auto; background: white; padding: 30px; text-align: center; position: relative; }
#modal_banner .closeIco { bottom: inherit; background: #f9423a; }
#modal_banner .closeIco span { left: 12px; }
@media (max-width: 767px) { #modal_banner .pc { display: none; } }
#modal_banner .sp { display: none; }
@media (max-width: 767px) { #modal_banner .sp { display: block; } }
#modal_banner a { display: inline-block; }
#modal_banner a:hover { text-decoration: none; }
#modal_banner img { max-width: 100%; height: auto; }
#modal_banner dt { font-size: 22px; font-weight: bold; margin-bottom: 30px; padding: 0 0 10px; border-bottom: #d2d2d2 2px solid; position: relative; line-height: 1.5; text-align: left; }
#modal_banner dt:before { content: ""; width: 100px; height: 2px; background: #f9423a; position: absolute; bottom: -2px; left: 0; }
#modal_banner dd + dd { margin-top: 10px; }
#modal_banner dl + dl, #modal_banner dl + .button { margin-top: 30px; }
#modal_banner .modal_info_inquiry dd { display: flex; align-items: center; font-size: 15px; }
#modal_banner .modal_info_inquiry dd .button { width: 48%; background: #01bfa5; color: white; font-size: 15px; }
#modal_banner .modal_info_inquiry a { font-size: 18px; font-weight: bold; margin-left: 10px; width: 100%; text-align: left; position: relative; }
#modal_banner .modal_info_inquiry a:after { content: ""; width: 20px; height: 20px; background: url(/japan/images/arrow_round.svg) no-repeat; background-size: 20px auto; position: absolute; right: 0; }
#modal_banner .button { position: inherit; background: #333; color: white; border-radius: 4px; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
@media (max-width: 767px) { #modal_banner { width: 86%; margin: 30px auto; }
  #modal_banner dt { font-size: 18px; } }

/*****modal****/
@media screen and (max-width: 657px) { #wrapper { margin-top: 0; position: relative; } }
#wrapper #formContainer { position: relative; z-index: 1; height: auto; background: #d2d2d2; }
@media (max-width: 767px) { #wrapper #formContainer #formContainer { width: 100%; padding-bottom: 20px; } }
#wrapper h1.h1_rt { color: #fff; margin: 15px 0 0; text-align: left; }
#wrapper .button { cursor: pointer; display: flex; border: #f9423a 1px solid; border-radius: 4px; height: 40px; width: 100%; align-items: center; justify-content: center; background: white; color: #f9423a; }
#wrapper .buttonRed { color: white; background: #f9423a; }
#wrapper .buttonGray { color: white; background: #63666A; border: solid 1px #63666A; }
@media screen and (min-width: 658px) { #wrapper .button:hover { text-decoration: none; color: white; background-color: #f9423a; opacity: 1; transition: all .3s linear; }
  #wrapper .buttonRed:hover { color: #f9423a; background-color: white; }
  #wrapper .buttonGray:hover { color: #63666A; background-color: white; } }
#wrapper .mainBox { max-width: 960px; margin: 0 auto; position: relative; /* =================================- */ }
#wrapper .mainBox .img { z-index: -1; height: 100%; width: 1360px; position: absolute; top: 0; left: -665px; overflow: hidden; }
#wrapper .mainBox .img img { min-height: 100%; min-width: 100%; }
#wrapper .mainBox .searchForm { display: flex; flex-direction: column; padding: 70px 0; position: relative; }
#wrapper .mainBox .searchFormInner { height: 100%; }
#wrapper .mainBox #changeDomesticWrapper { display: flex; width: 120px; height: 35px; background: white; border-radius: 100px; box-shadow: inset 2px 2px 2px 2px rgba(51, 51, 51, 0.1); position: absolute; right: 0; top: 70px; border: solid 1px white; }
#wrapper .mainBox #changeDomesticWrapper li { width: 60px; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
#wrapper .mainBox #changeDomesticWrapper .current { background: #63666A; color: white; border-radius: 100px; width: 70px; transition: all .1s linear; }
@media screen and (max-width: 657px) { #wrapper .mainBox #changeDomesticWrapper { top: 15px; margin: auto; right: 0; left: 0; height: 30px; } }
#wrapper .mainBox .searchFormTab { display: flex; background: #fff; margin-bottom: -22px; border-radius: 10px;}
#wrapper .mainBox .searchFormTab li { background: #f7f5f0; border-radius: 8px 8px 0 0; overflow: hidden; height: 65px; }
#wrapper .mainBox .searchFormTab li a { display: block; width: 100%; height: 100%; }
#wrapper .mainBox .searchFormTab li h2 { font-size: 20px; display: flex; align-items: center; color: #d2d2d2; padding: 0 15px; font-weight: normal; height: 100%; width: 186px; font-weight: bold;}
#wrapper .mainBox .searchFormTab li h2:before { content: ""; display: block; width: 25px; height: 25px; margin: 0 auto 5px; opacity: 0.3; }
#wrapper .mainBox .searchFormTab li h2.tabTour:before { background: url(/images/common/icon_tour_tgray.svg) no-repeat; }
#wrapper .mainBox .searchFormTab li h2.tabDp:before { background: url(/images/common/icon_dp_tgray.svg) no-repeat; }
#wrapper .mainBox .searchFormTab li h2.tabHotel:before { background: url(/images/common/icon_hotel_tgray.svg) no-repeat; }
#wrapper .mainBox .searchFormTab li h2.tabAir:before { background: url(/images/common/icon_plane_tgray.svg) no-repeat; }
#wrapper .mainBox .searchFormTab li.current { background: white; }
#wrapper .mainBox .searchFormTab li.current h2 { color: #63666A; transition: all .3s linear; }
#wrapper .mainBox .searchFormTab li.current h2:before { opacity: 1; }
@media screen and (min-width: 658px) { #wrapper .mainBox .searchFormTab li:hover { background: white; transition: all .3s linear; }
  #wrapper .mainBox .searchFormTab li:hover h2 { color: #63666A; transition: all .3s linear; }
  #wrapper .mainBox .searchFormTab li:hover h2:before { opacity: 1; } }
@media screen and (max-width: 657px) { #wrapper .mainBox .searchFormTab .menu_goto:before { content: ""; background: url(/japan/images/label_goto.svg) no-repeat; background-size: 100% auto; width: 100px; height: 50px; position: absolute; top: 0; left: 15%; } }
#wrapper .mainBox .searchFormTab .menu_order a { background: #00bfa5; padding: 10px 15px; display: block; color: white; }
#wrapper .mainBox .searchFormTab .menu_order a:before { content: ""; background: url(/images/common/icon_concierge.svg) no-repeat; width: 25px; height: 25px; display: block; margin: 0 auto 5px; }
#wrapper .mainBox .searchFormTab .menu_order a.current { background: white; color: #00bfa5; }
@media screen and (min-width: 658px) { #wrapper .mainBox .searchFormTab .menu_order a:hover { background: white; color: #f9423a; transition: all .3s linear; opacity: 1; }
  #wrapper .mainBox .searchFormTab .menu_order a:hover:before { background: url(/images/common/icon_concierge_red.svg) no-repeat; } }
#wrapper .mainBox .searchFormTab li + li { margin-left: 5px; }
#wrapper .mainBox form {
  width: 635px; background: white; border-radius: 0 8px 8px 8px; padding: 20px 30px 30px; box-shadow: rgba(0, 0, 0, 0.3) 10px 10px 10px 0px; display: grid; flex-wrap: wrap; justify-content: space-between; position: relative;
  grid-template-areas:"A A B B"
                      "C C C C"
                      "D D D D";
}
@media screen and (max-width: 657px){
  #wrapper .mainBox form {
    grid-template-areas:"A A A A"
                        "C C C C"
                        "B B B B"
                        "D D D D";
  }
}
#wrapper .mainBox form > div { width: 49%; }
#wrapper .mainBox form > div p + p { margin-top: 15px; }
#wrapper .mainBox form > div .selectItem { position: relative; }
#wrapper .mainBox form > div .tsc_flex_wrap { display: flex; justify-content: space-between; align-items: center; }
#wrapper .mainBox form > div .tsc_flex_wrap #tsc_departure_date { width: 180px; }
#wrapper .mainBox form > div .tsc_flex_wrap select { width: 90px; }
#wrapper .mainBox form > div .tsc_flex_wrap span { margin-right: auto; margin-left: 10px; }
#wrapper .mainBox form > div .keyword_choice_box p + p { margin-top: 0; }
#wrapper .mainBox form > div:nth-of-type(n+3) { margin-top: 15px; }
#wrapper .mainBox form > div.formContent { width: 100%; margin-top: 40px; }
#wrapper .mainBox form > div.formContent ul { display: flex; flex-wrap: wrap; }
#wrapper .mainBox form > div.formContent li { margin-top: 15px; margin-right: 15px; }
#wrapper .mainBox form > div.formContent li a { color: #f9423a; text-decoration: underline; }
#wrapper .mainBox form div.row01{
  grid-area: A;
  width: 100%;
}
#wrapper .mainBox form div.row02{
  grid-area: B;
  width: 100%;
}
#wrapper .mainBox form div.row03{
  grid-area: C;
  width: 100%;
  margin-bottom: 10px;
}
#wrapper .mainBox form div.row03 label{
  margin-right: 10px;
  cursor: pointer;
}
#wrapper .mainBox form div.row03 input{
  appearance: auto;
  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 5px;
  vertical-align: text-top;
  accent-color: #f9423a;
}
#wrapper .mainBox form div.row04{
  grid-area: D;
}
@media screen and (max-width: 657px){
  #wrapper .mainBox form div.row03{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #wrapper .mainBox form div.row03 label{
    display: flex;
    align-items: flex-start;
    width: 50%;
    margin-right: 0;
  }
}
#wrapper .mainBox form input, #wrapper .mainBox form select, #wrapper .mainBox form .tsc_select { display: flex; align-items: center; font-size: 14px; cursor: pointer; height: 50px; width: 100%; border-radius: 4px; border: 1px solid #d2d2d2; box-shadow: inset 2px 2px 2px 2px rgba(51, 51, 51, 0.1); padding: 5px 10px; background: url(/tour/media/tabi_files/img/common/ico_dropdown_2.png) no-repeat scroll right 15px center; }
#wrapper .mainBox form input#tsc_departure_date, #wrapper .mainBox form select#tsc_departure_date, #wrapper .mainBox form .tsc_select#tsc_departure_date { background: url(/images/common/ic_calendar.svg) no-repeat; background-position: 10px center; background-size: 25px auto; padding-left: 40px; }
#wrapper .mainBox form .tsc_destination_select, #wrapper .mainBox form #tsc_departure_place_select, #wrapper .mainBox form .tsc_autocomplete_input { background: url(/images/common/ic_place.svg) no-repeat scroll left 10px center; background-size: 25px auto; padding-left: 45px; }
#wrapper .mainBox form .tsc_autocomplete_input { cursor: text; }
#wrapper .mainBox form .noSelect { border-color: #f9423a; background-color: #fce8e7 !important; }
#wrapper .mainBox form .destinationChange { margin-top: 15px; margin-bottom: 10px; }
#wrapper .mainBox form .destinationChange button { height: auto; font-size: 13px; font-weight: normal; margin-right: 10px; }
#wrapper .mainBox form .destinationChange button#addDestinations { color: #f9423a; }
#wrapper .mainBox form .destinationChange button#addDestinations:before { background: url(/images/common/ico_plus_red.svg) no-repeat; width: 20px; height: 20px; margin-right: 5px; }
#wrapper .mainBox form .destinationChange button#delDestinations:before { background: url(/images/common/ico_minus_gray.svg) no-repeat; width: 20px; height: 20px; margin-right: 5px; }
#wrapper .mainBox form button { font-size: 15px; font-weight: bold; height: 50px; cursor: pointer; }
#wrapper .mainBox form button:before { content: ""; display: inline-block; width: 25px; height: 25px; margin-right: 10px; vertical-align: middle; background: url(/images/common/search_white.svg) no-repeat; }
#wrapper .mainBox form button#tsc_detail_conditions { background: none; box-shadow: none; color: #f9423a; border: none; }
#wrapper .mainBox form button#tsc_detail_conditions:before { background: url(/images/common/ico_plus_red.svg) no-repeat; }
#wrapper .mainBox form button:disabled { color: #f9423a; border: none; position: relative; pointer-events: none; }
#wrapper .mainBox form button:disabled:before { background: url(/images/common/up_info.svg) no-repeat; width: 20px; height: 20px; z-index: 2; position: absolute; left: 15px; }
#wrapper .mainBox form button:disabled:after { content: "すべて入力してください"; width: 100%; height: 100%; display: flex; background-color: #d2d2d2; position: absolute; top: 0; left: 0; border-radius: 4px; align-items: center; justify-content: center; }
@media screen and (min-width: 658px) { #wrapper .mainBox form button#tsc_do_search:hover:before { background: url(/images/common/search_red.svg) no-repeat; transition: all .3s linear; } }
#wrapper .mainBox .formRecommend { width: 635px; margin: 30px 0 0; }
#wrapper .mainBox .formRecommend h4 { font-size: 15px; color: white; text-shadow: 1px 1px 3px #09737A; }
#wrapper .mainBox .formRecommend h4:before { content: ""; display: inline-block; background: url(/images/area/check.png) no-repeat; background-size: 100%; width: 20px; height: 14px; margin: 0 10px -2px 0; filter: drop-shadow(1px 1px 3px #09737A);}
#wrapper .mainBox .formRecommend ul { margin-top: 15px; display: flex; flex-direction: initial; flex-wrap: initial; }
#wrapper .mainBox .formRecommend ul li a { padding: 0 14px; font-weight: bold; }
#wrapper .mainBox .formRecommend ul li + li { margin-left: 15px; }
#wrapper .mainBox .bannerArea { position: absolute; right: 0; bottom: 0; width: 225px; }
#wrapper .mainBox .bannerArea h4 + .swiper-container { margin-top: 15px; }
#wrapper .mainBox .bannerArea .swiper-pagination { text-align: left; }
#wrapper .mainBox100 { max-width: 100%; }
#wrapper .mainBox100:before { display: none; }
#wrapper .mainBox100 .img { width: 100%; left: 0; }
#wrapper .mainBox100 .searchForm { width: 960px; max-width: 100%; margin: 0 auto; align-items: flex-start; background: none; }
@media screen and (max-width: 767px) { #wrapper .mainBox100 .searchForm { padding: 70px 2%; } }
@media screen and (max-width: 657px) { #wrapper .mainBox .img img { width: 100%; height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }
  #wrapper .mainBox .searchForm { position: inherit; width: 100%; top: 0; left: 0; padding: 70px 4% 30px; }
  #wrapper .mainBox .searchFormTab li { width: 100%; height: 60px; }
  #wrapper .mainBox .searchFormTab li h2 { font-size: 16px; padding: 0; width: 134px;}
  #wrapper .mainBox .searchFormTab li + li { margin-left: 1%; }
  #wrapper .mainBox .searchFormTab .menu_order a { padding: 10px; width: 100%; text-align: center; }
  #wrapper .mainBox .searchFormTab .menu_order:before { width: 8vw; height: 8vw; }
  #wrapper .mainBox form { width: 100%; padding: 20px 15px; border-radius: 0 0 8px 8px; }
  #wrapper .mainBox form > div { width: 100%; }
  #wrapper .mainBox form > div:nth-of-type(n+3), #wrapper .mainBox form > div p + p { margin-top: 10px; }
  #wrapper .mainBox form > div .tsc_flex_wrap #tsc_departure_date { width: 68%; }
  #wrapper .mainBox form > div .tsc_flex_wrap select { width: 30%; }
  #wrapper .mainBox form div + div { margin-top: 10px; }
  #wrapper .mainBox form button#tsc_detail_conditions { width: 100%; }
  #wrapper .mainBox form .keyword_choice_box p + p { margin-top: 0px; }
  #wrapper .mainBox .formRecommend { position: relative; width: 100%; margin: 15px 0 0; }
  #wrapper .mainBox .formRecommend ul { overflow-x: scroll; overflow-y: hidden; margin: 15px -4% 0; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 0 0 9px 6%; }
  #wrapper .mainBox .formRecommend ul li { flex: 0 0 auto; }
  #wrapper .mainBox .formRecommend ul li a { font-size: 13px; padding: 0 1.5vw; }
  #wrapper .mainBox .formRecommend ul li + li { margin-left: 10px; }
  #wrapper .mainBox .bannerArea { position: inherit; padding: 30px 6%; background: #f7f5f0; width: auto; }
  #wrapper .mainBox .bannerArea h4 + .swiper-container { margin: 15px -6% 0; }
  #wrapper .mainBox .bannerArea .swiper-pagination { text-align: center; } }
#wrapper .js-japan { display: none; }

.horizontalscroll {
  position: absolute;
  top: 20px;
  right: -9px;
}

.horizontalscroll span {
  position: absolute;
  top: -18px;
  right: 19px;
  color: #f9423a;
  font-size: 0.6rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.horizontalscroll:before {
  content: "";
  position: absolute;
  right: 5px;
  top: -5px;
  width: 8px;
  height: 2px;
  background: #f9423a;
  transform: rotate(35deg);
  border-radius: 10px;
}

.horizontalscroll:after {
  content: "";
  position: absolute;
  right: 6px;
  top: -3px;
  width: 50px;
  height: 2px;
  background: #f9423a;
  border-radius: 10px;
}

.simplebar-content {
  display: flex;
}

.scroll__inner .simplebar-track.simplebar-horizontal {
  left: 50%;
  height: 2px;
  width: 92%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 2px;
}

.scroll__inner .simplebar-scrollbar:before {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: -2px;
  opacity: 1!important;
  background: #F9423A;
  border-radius: 2px;
}
/*# sourceMappingURL=top.css.map */