@charset "UTF-8";
/* ### mixin.scss ### */
/*  setting.scss */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:700");
#pan { display: block; padding: 6px 4px; }

a:hover { text-decoration: none; }

@media all and (-ms-high-contrast: none) { body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
  h2.ribon { display: inline-block; position: relative; padding: 10px 60px 0 60px !important; line-height: 60px; font-size: 28px; color: #FFF; }
  .ribonbox { position: relative; text-align: center; margin-bottom: 30px; }
  .ribonbox h2 span { font-size: 36px; }
  .ribonbox h2:before { content: ''; position: absolute; top: 10px !important; left: -52px; }
  .ribonbox h2:after { content: ''; position: absolute; top: 10px !important; right: -52px; } }
#wrapper { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }

@media screen and (max-width: 657px) { .pc { display: none; } }

.sp { display: none; }
@media screen and (max-width: 657px) { .sp { display: block; } }

.center { text-align: center; }

a img:hover { opacity: 0.8; transition: .3s; }

.margin_t { margin-top: 60px; }

h1 { max-width: 960px; width: 90%; margin: 0 auto; text-align: right; }
@media screen and (max-width: 657px) { h1 { font-size: 11px; } }

.p_yellow { background: url("../images/h2_bg.png"); height: 100px; display: flex; justify-content: center; align-items: center; font-size: 18px; letter-spacing: 2px; color: #63666A; font-weight: bold; }
@media screen and (max-width: 657px) { .p_yellow { background: url("../images/h2_bg_sp.jpg"); height: 80px; font-size: 16px; } }
.p_yellow span { font-size: 24px; }
@media screen and (max-width: 657px) { .p_yellow span { font-size: 22px; } }

.p_pink { background: url("../images/h2_bg_pink.png"); height: 100px; display: flex; justify-content: center; align-items: center; font-size: 18px; letter-spacing: 2px; color: #63666A; font-weight: bold; }
@media screen and (max-width: 657px) { .p_pink { background: url("../images/h2_bg_pink_sp.jpg"); height: 80px; font-size: 16px; } }
.p_pink span { font-size: 22px; }

.p_navy { background: url("../images/h2_bg_navy.png"); height: 100px; display: flex; justify-content: center; align-items: center; font-size: 22px; letter-spacing: 8px; color: #fff; font-weight: bold; }
@media screen and (max-width: 657px) { .p_navy { background: url("../images/h2_bg_navy_sp.jpg"); height: 80px; font-size: 16px; } }

h2.ribon { display: inline-block; position: relative; padding: 0 60px; line-height: 60px; font-size: 28px; color: #FFF; }
@media screen and (max-width: 657px) { h2.ribon { font-size: 5vw; line-height: 50px; padding: 0 20px; } }

.ribonbox { position: relative; text-align: center; margin-bottom: 30px; }
.ribonbox h2 span { font-size: 36px; }
@media screen and (max-width: 657px) { .ribonbox h2 span { font-size: 7vw; } }
.ribonbox h2:before { content: ''; position: absolute; top: 5px; left: -52px; }
@media screen and (max-width: 657px) { .ribonbox h2:before { left: -44px; } }
.ribonbox h2:after { content: ''; position: absolute; top: 5px; right: -52px; }
@media screen and (max-width: 657px) { .ribonbox h2:after { right: -44px; } }

.ribon_yellow h2 { background: -moz-linear-gradient(top, #f0cc4d, #e8b329); background: -webkit-linear-gradient(top, #f0cc4d, #e8b329); background: linear-gradient(to bottom, #f0cc4d, #e8b329); }
.ribon_yellow h2:before { border: 26px solid #E39D00; border-left-color: transparent; /*山形に切り抜き*/ }
@media screen and (max-width: 657px) { .ribon_yellow h2:before { border: 22px solid #E39D00; border-left-color: transparent; /*山形に切り抜き*/ } }
.ribon_yellow h2:after { border: 26px solid #E39D00; border-right-color: transparent; /*山形に切り抜き*/ }
@media screen and (max-width: 657px) { .ribon_yellow h2:after { border: 22px solid #E39D00; border-right-color: transparent; /*山形に切り抜き*/ } }

.ribon_blue h2 { background: -moz-linear-gradient(top, #01499c, #012777); background: -webkit-linear-gradient(top, #01499c, #012777); background: linear-gradient(to bottom, #01499c, #012777); }
.ribon_blue h2:before { border: 26px solid #001766; border-left-color: transparent; /*山形に切り抜き*/ }
@media screen and (max-width: 657px) { .ribon_blue h2:before { border: 22px solid #001766; border-left-color: transparent; /*山形に切り抜き*/ } }
.ribon_blue h2:after { border: 26px solid #001766; border-right-color: transparent; /*山形に切り抜き*/ }
@media screen and (max-width: 657px) { .ribon_blue h2:after { border: 22px solid #001766; border-right-color: transparent; /*山形に切り抜き*/ } }

.ribon_green h2 { background: -moz-linear-gradient(top, #86c263, #5ea63c); background: -webkit-linear-gradient(top, #86c263, #5ea63c); background: linear-gradient(to bottom, #86c263, #5ea63c); }
.ribon_green h2:before { border: 26px solid #4B982A; border-left-color: transparent; /*山形に切り抜き*/ }
@media screen and (max-width: 657px) { .ribon_green h2:before { border: 22px solid #4B982A; border-left-color: transparent; /*山形に切り抜き*/ } }
.ribon_green h2:after { border: 26px solid #4B982A; border-right-color: transparent; /*山形に切り抜き*/ }
@media screen and (max-width: 657px) { .ribon_green h2:after { border: 22px solid #4B982A; border-right-color: transparent; /*山形に切り抜き*/ } }

.ribon_navy h2 { background: -moz-linear-gradient(top, #014a9e, #001766); background: -webkit-linear-gradient(top, #014a9e, #001766); background: linear-gradient(to bottom, #014a9e, #001766); }
@media screen and (max-width: 657px) { .ribon_navy h2 { font-size: 5vw; } }
.ribon_navy h2:before { border: 26px solid #001766; border-left-color: transparent; /*山形に切り抜き*/ }
@media screen and (max-width: 657px) { .ribon_navy h2:before { border: 22px solid #001766; border-left-color: transparent; /*山形に切り抜き*/ } }
.ribon_navy h2:after { border: 26px solid #001766; border-right-color: transparent; /*山形に切り抜き*/ }
@media screen and (max-width: 657px) { .ribon_navy h2:after { border: 22px solid #001766; border-right-color: transparent; /*山形に切り抜き*/ } }

.ribon_icon_pink { background: url("../images/ribbon-pnk-icon.png") no-repeat center center; max-width: 960px; width: 94%; background-size: 100%; margin: 0 auto; height: 235px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 30px; }
@media screen and (max-width: 657px) { .ribon_icon_pink { background: url("../images/ribbon-pnk-icon-sp.png") no-repeat center center; background-size: contain !important; font-size: 4.5vw; text-align: center; height: 160px; } }

.ribon_icon_orange { background: url("../images/ribbon-org-icon.png") no-repeat center center; max-width: 960px; width: 94%; background-size: 100%; margin: 0 auto; height: 235px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 30px; }
@media screen and (max-width: 657px) { .ribon_icon_orange { background: url("../images/ribbon-org-icon-sp.png") no-repeat center center; background-size: contain !important; font-size: 4.5vw; text-align: center; height: 160px; } }

.ribon_icon_blue { background: url("../images/ribbon-blue-icon.png") no-repeat center center; max-width: 960px; width: 94%; background-size: 100%; margin: 0 auto; height: 235px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 30px; }
@media screen and (max-width: 657px) { .ribon_icon_blue { background: url("../images/ribbon-blue-icon-sp.png") no-repeat center center; background-size: contain !important; font-size: 4.5vw; text-align: center; height: 160px; } }

.ribon_pink h3 { background: -moz-linear-gradient(top, #e41770, #d40846); background: -webkit-linear-gradient(top, #e41770, #d40846); background: linear-gradient(to bottom, #e41770, #d40846); }
.ribon_pink h3:before { border: 26px solid #ce0234; border-left-color: transparent; /*山形に切り抜き*/ }
.ribon_pink h3:after { border: 26px solid #ce0234; border-right-color: transparent; /*山形に切り抜き*/ }

@media screen and (min-width: 1401px) { .mv { display: none; }
  .mv_sp { display: none; } }
@media screen and (min-width: 661px) and (max-width: 1401px) { .mv_l { display: none; }
  .mv_sp { display: none; } }
@media screen and (max-width: 660px) { .mv { display: none; }
  .mv_l { display: none; } }
.mv_sp { width: 100%; }

.mainVisual { width: 100%; }
.mainVisual h1 { margin: 0; }
.mainVisual img { width: 100%; vertical-align: bottom; }

@media screen and (max-width: 657px) { .margin_none { margin-bottom: 0 !important; } }

.menu { width: 100%; background: #aed8ea; padding: 60px 0; margin-top: -30px; }
.menu .menubox { max-width: 960px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
@media screen and (max-width: 657px) { .menu .menubox { width: 92%; flex-direction: column; } }
.menu ul { width: 48%; margin: 0 auto; padding: 0; display: flex; justify-content: space-between; position: relative; }
@media screen and (max-width: 657px) { .menu ul { width: 100%; margin: 0 auto 40px auto; } }
.menu ul li { width: 32%; }
.menu ul li img { width: 100%; }
.menu ul p { position: absolute; top: -32px; left: 0; right: 0; text-align: center; color: #fff; font-size: 20px; font-weight: bold; letter-spacing: 2px; }
@media screen and (max-width: 657px) { .menu ul p { font-size: 4.5vw; } }

.hikaku_img { max-width: 568px; width: 100%; }

.osusume_img { max-width: 520px; width: 100%; }

.country_list { max-width: 960px; width: 94%; margin: 0 auto; display: flex; justify-content: space-between; }
@media screen and (max-width: 657px) { .country_list { width: 92%; flex-direction: column; } }
.country_list .borderbox { border: dashed 2px #E39D00; padding: 10px; }
.country_list li { width: 32.4%; background: #f7f5f0; padding: 6px; box-sizing: border-box; }
@media screen and (max-width: 657px) { .country_list li { width: 100%; margin-bottom: 20px; } }
.country_list li img { width: 100%; }
.country_list .headline { font-size: 20px; color: #fff; font-weight: bold; background: #E39D00; margin: 0px -18px 20px -18px; padding: 10px 0 10px 10px; position: relative; }
@media screen and (max-width: 657px) { .country_list .headline { font-size: 20px; } }
.country_list .headline h3 { display: inline; }
.country_list .headline h3 small { font-size: 12px; }
.country_list .flight { background: url("../images/flight.png") no-repeat; width: 114px; height: 82px; font-size: 12px; position: absolute; top: -13px; right: -6px; color: #000; display: inline-block; font-weight: 400; text-align: center; padding-top: 20px; padding-left: 4px; line-height: 16px; }
.country_list .flight span { font-size: 18px; font-weight: bold; }
@media screen and (max-width: 657px) { .country_list .flight { background: url("../images/flight-sp.png") no-repeat; background-size: contain; } }

@media screen and (max-width: 657px) { .country_listbox { display: flex; justify-content: space-between; } }
.country_listbox p { font-size: 15px; margin: 10px 0; }
@media screen and (max-width: 657px) { .country_listbox p { font-size: 13px; margin: 0; } }
.country_listbox .country_img { width: 100%; }
@media screen and (max-width: 657px) { .country_listbox .country_img { width: 40%; } }
@media screen and (max-width: 657px) { .country_listbox .country_img img { width: 100%; height: 130px; object-fit: cover; } }
@media screen and (max-width: 657px) { .country_listbox p { width: 58%; } }

.country_blue .borderbox { border: dashed 2px #084682; }
.country_blue .headline { background: #084682; }

.country_green .borderbox { border: dashed 2px #4B982A; }
.country_green .headline { background: #4B982A; }

.country_navy .borderbox { border: dashed 2px #001766; }
.country_navy .headline { background: #001766; }

.osusume { max-width: 960px; width: 94%; margin: 16px auto 60px auto; background: #f7f5f0; padding: 6px; box-sizing: border-box; }
@media screen and (max-width: 657px) { .osusume { width: 92%; } }
.osusume .osusumebox { border: dashed 2px #E39D00; padding: 10px; display: flex; flex-direction: column; align-items: center; }
@media screen and (max-width: 657px) { .osusume .osusume_list { width: 90%; } }
.osusume .osusume_list li { margin: 4px 0; font-size: 16px; font-weight: bold; }
@media screen and (max-width: 657px) { .osusume .osusume_list li { font-size: 12px; } }
.osusume .osusume_list span { display: inline-block; background: #E39D00; border-radius: 20px; color: #fff; height: 24px; width: 24px; margin-right: 6px; text-align: center; line-height: 24px; }

.osusume .osusumebox_blue { border: dashed 2px #084682; }
.osusume .osusumebox_blue .osusume_list span { background: #084682; }

.osusume .osusumebox_navy { border: dashed 2px #001766; }
.osusume .osusumebox_navy .osusume_list span { background: #001766; }

.osusume .osusumebox_green { border: dashed 2px #4B982A; }
.osusume .osusumebox_green .osusume_list span { background: #4B982A; }

.more { display: flex; justify-content: center; }
.more ul { padding-right: 40px; }
.more li { text-align: right; position: relative; margin: 4px 0; }
.more li:before { display: block; content: ""; position: absolute; top: 50%; right: -24px; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; background: #f9423a; }
.more li:after { display: block; content: ""; position: absolute; top: 50%; right: -16px; margin-top: -4px; width: 6px; height: 6px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.more li a { font-size: 16px; font-weight: bold; }
.more li a:hover { text-decoration: none; }

.age01 { width: 100%; padding: 40px 0; background: url("../images/bg-cloud.jpg"); background-attachment: fixed; background-size: cover; background-position: center; }
@media screen and (max-width: 657px) { .age01 { background: #AED9EC url(../images/bg-cloud_sp.jpg) no-repeat; background-size: contain; background-position: center bottom; } }

@media screen and (max-width: 657px) { .table_scroll { overflow-x: scroll; } }

.table_scroll::-webkit-scrollbar { width: 6px; height: 6px; }

.table_scroll::-webkit-scrollbar-track { border-radius: 6px; background: #f2f2f2; }

.table_scroll::-webkit-scrollbar-thumb { border-radius: 5px; background: #f9423a; }

table.table_family { max-width: 960px; width: 94%; margin: 0 auto; font-size: 16px; background: #F7F5F0; table-layout: fixed; }
@media screen and (max-width: 657px) { table.table_family { width: 800px; font-size: 14px; } }

table.table_family, td, th { border: 1px solid #ccc; border-collapse: collapse; }

.table_family td, th { padding: 8px; text-align: center; }
@media screen and (max-width: 657px) { .table_family td, th { padding: 6px; } }
.table_family td span, th span { font-size: 20px; }
@media screen and (max-width: 657px) { .table_family td span, th span { font-size: 18px; } }

.kome { text-align: right; font-size: 12px; margin: 10px; }

.table_yellow th { background: #E39D00; color: #fff; }

.table_yellow td { color: #E39D00; font-weight: bold; }

.table_blue th { background: #084682; color: #fff; }

.table_blue td { color: #084682; font-weight: bold; }

.table_navy th { background: #001766; color: #fff; }

.table_navy td { color: #001766; font-weight: bold; }

.table_green th { background: #4B982A; color: #fff; }

.table_green td { color: #4B982A; font-weight: bold; }

.table_pink th { background: #ce0234; color: #fff; font-size: 12px; }

.table_pink td { color: #ce0234; font-weight: bold; }

.table_orange th { background: #d7200b; color: #fff; }

.table_orange td { color: #d7200b; font-weight: bold; }

.table_aqua th { background: #008AB4; color: #fff; }

.table_aqua td { color: #008AB4; font-weight: bold; }

.table_navy th { background: #001766; color: #fff; }

.table_navy td { color: #001766; font-weight: bold; }

.airplane { max-width: 720px; margin: 80px auto 20px; }
.airplane > div { background-size: contain; line-height: 26px; color: #fff; font-size: 17px; letter-spacing: 4px; padding: 14px 0 10px 14%; }
.airplane > div span { font-size: 24px; font-weight: bold; }
.airplane .slash::before { border-left: 1px solid #fff; transform: rotate(-30deg); }
.airplane .slash::after { border-right: 1px solid #fff; transform: rotate(30deg); }
.airplane .slash::before, .airplane .slash::after { content: "\000A0"; height: 20px; display: inline-block; margin: 0 10px 0 5px; }
@media screen and (max-width: 657px) { .airplane > div { letter-spacing: 2px; padding: 5px 0 5px 14%; }
  .airplane > div .slash { font-size: 13px; letter-spacing: 0; }
  .airplane > div .slash::before, .airplane > div .slash::after { margin: 0 5px 0 2px; }
  .airplane > div span:last-of-type { font-size: 22px; } }

.airplane_yellow { background: url("../images/plane-flag-yel.png") no-repeat center center; }
@media screen and (max-width: 657px) { .airplane_yellow { background: url("../images/plane-flag-yel-sp.png") no-repeat center center; } }

.airplane_blue { background: url("../images/plane-flag-royalblu.png") no-repeat center center; }
@media screen and (max-width: 657px) { .airplane_blue { background: url("../images/plane-flag-royalblu-sp.png") no-repeat center center; } }

.airplane_green { background: url("../images/plane-flag-grn.png") no-repeat center center; }
@media screen and (max-width: 657px) { .airplane_green { background: url("../images/plane-flag-grn-sp.png") no-repeat center center; } }

.airplane_pink { background: url("../images/plane-flag-pnk.png") no-repeat center center; }
@media screen and (max-width: 657px) { .airplane_pink { background: url("../images/plane-flag-pnk-sp.png") no-repeat center center; } }

.airplane_orange { background: url("../images/plane-flag-org.png") no-repeat center center; }
@media screen and (max-width: 657px) { .airplane_orange { background: url("../images/plane-flag-org-sp.png") no-repeat center center; } }

.airplane_aqua { background: url("../images/plane-flag-aqa.png") no-repeat center center; }
@media screen and (max-width: 657px) { .airplane_aqua { background: url("../images/plane-flag-aqa-sp.png") no-repeat center center; } }

.airplane_navy { background: url("../images/plane-flag-royalblu.png") no-repeat center center; }
@media screen and (max-width: 657px) { .airplane_navy { background: url("../images/plane-flag-royalblu-sp.png") no-repeat center center; } }

#wrapper .cpTemplate { display: flex; }

.age02 { padding: 40px 0; }

.age03 { width: 100%; padding: 40px 0; background: url("../images/bg-cloud02.jpg"); background-attachment: fixed; background-size: cover; background-position: center; }
@media screen and (max-width: 657px) { .age03 { background: #FDF0CE url("../images/bg-cloud02_sp.jpg") no-repeat; background-size: contain; background-position: center top; } }

.place01 { padding: 0 0 40px 0; background: #fdf0ce; }

.place02 { padding: 0 0 40px 0; background: #fdf0ce; }

.place03 { width: 100%; padding: 40px 0; background: url("../images/bg-beach.jpg") no-repeat; background-attachment: fixed; background-size: cover; background-position: center; }
@media screen and (max-width: 657px) { .place03 { background: #FDF0CE url("../images/bg-beach_sp.jpg") no-repeat; background-size: contain; background-position: center bottom; } }

.place_list { width: 94%; max-width: 960px; margin: 0 auto 20px auto; background: #f7f5f0; padding: 6px; position: relative; }
@media screen and (max-width: 657px) { .place_list { width: 92%; } }
.place_list .place_icon { position: absolute; bottom: 0; right: 20px; z-index: 1; }
.place_list .borderbox { padding: 10px; position: relative; z-index: 2; }
.place_list .headline { font-size: 20px; color: #fff; font-weight: bold; margin: 0px -18px 10px -18px; padding: 10px 0 10px 10px; position: relative; text-align: center; }
@media screen and (max-width: 657px) { .place_list .headline { text-align: left; } }
.place_list .headline h3 { display: inline; }
.place_list .headline h3 small { font-size: 12px; }
.place_list .flight { background: url("../images/flight.png") no-repeat; width: 114px; height: 82px; font-size: 12px; position: absolute; top: -10px; right: -6px; color: #000; display: inline-block; font-weight: 400; text-align: center; padding-top: 20px; padding-left: 4px; line-height: 16px; }
.place_list .flight span { font-size: 18px; font-weight: bold; }
@media screen and (max-width: 657px) { .place_list .flight { background: url("../images/flight-sp.png") no-repeat; background-size: contain; } }

.place_listbox { display: flex; }
@media screen and (max-width: 657px) { .place_listbox { flex-direction: column; align-items: center; } }
.place_listbox .place_listbox_img { width: 40%; margin: 0 0; }
.place_listbox .place_listbox_img img { width: 100%; }
.place_listbox .place_listbox_img.swiper-container { padding: 0; }
@media screen and (max-width: 657px) { .place_listbox .place_listbox_img { max-width: 350px; width: 80%; }
  .place_listbox .place_listbox_img.swiper-container { margin: 11px; } }
.place_listbox .swiper-container-horizontal > .swiper-pagination-bullets, .place_listbox .swiper-pagination-custom, .place_listbox .swiper-pagination-fraction { margin: 0; }
.place_listbox .place_listbox_text { width: 60%; display: flex; flex-direction: column; justify-content: center; padding-left: 20px; }
@media screen and (max-width: 657px) { .place_listbox .place_listbox_text { width: 100%; padding: 0; } }
.place_listbox .place_listbox_text p { padding-left: 6px; font-weight: bold; font-size: 20px; margin: 4px 0; }
@media screen and (max-width: 657px) { .place_listbox .place_listbox_text p { font-size: 4vw; } }

.place_list_pink .borderbox { border: dashed 2px #ce0234; }
.place_list_pink .headline { background: #ce0234; }
.place_list_pink .place_listbox .place_listbox_text p { position: relative; padding: 4px 0 4px 12px; border-left: 8px solid #ce0234; color: #ce0234; }
.place_list_pink .place_listbox .place_listbox_text p:before { position: absolute; left: 0; bottom: 0; content: ''; width: 5px; height: 100%; background-color: #E51873; }

.place_list_orange .borderbox { border: dashed 2px #d7200b; }
.place_list_orange .headline { background: #d7200b; }
.place_list_orange .place_listbox .place_listbox_text p { position: relative; padding: 4px 0 4px 12px; border-left: 8px solid #d7200b; color: #d7200b; }
.place_list_orange .place_listbox .place_listbox_text p:before { position: absolute; left: 0; bottom: 0; content: ''; width: 5px; height: 100%; background-color: #EA5A35; }

.place_list_blue .borderbox { border: dashed 2px #008AB4; }
.place_list_blue .headline { background: #008AB4; }
.place_list_blue .place_listbox .place_listbox_text p { position: relative; padding: 4px 0 4px 12px; border-left: 8px solid #008AB4; color: #084682; }
.place_list_blue .place_listbox .place_listbox_text p:before { position: absolute; left: 0; bottom: 0; content: ''; width: 5px; height: 100%; background-color: #00ACCC; }

.other { width: 100%; padding: 40px 0; background: #F7F5F0; background-attachment: fixed; background-size: cover; background-position: center; background: -moz-linear-gradient(top, #fff, #F7F5F0); background: -webkit-linear-gradient(top, #fff, #F7F5F0); background: linear-gradient(to bottom, #fff, #F7F5F0); }

.family_inner { max-width: 960px; width: 94%; margin: 0 auto 20px auto; display: flex; }
@media screen and (max-width: 657px) { .family_inner { width: 100%; flex-direction: column; } }
.family_inner .visual_display { padding: 12px; }
@media screen and (max-width: 657px) { .family_inner .visual_display { width: 60%; } }
.family_inner .visual_display a:hover { text-decoration: none; }
.family_inner .border { border-right: solid 1px #ccc; }
@media screen and (max-width: 657px) { .family_inner .border { border: none; } }

@media screen and (max-width: 657px) { .item_descript { width: 40%; } }

.item_result { width: 33.3%; background: #fff; position: relative; }
@media screen and (max-width: 657px) { .item_result { width: 100%; margin-bottom: 20px; } }

.item { width: 100%; }
@media screen and (max-width: 657px) { .item { display: flex; } }

.box_img { height: 200px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
@media screen and (max-width: 657px) { .box_img { height: 170px; line-height: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; } }
@media screen and (max-width: 657px) { .box_img img { width: auto; max-width: none; min-height: 0; width: auto; height: 100%; } }

.item_title { border-top: #000 1px solid; margin-bottom: 10px; font-weight: bold; }
.item_title .departures { padding: 5px 10px; border: 1px solid; border-top: 0; display: inline-block; margin: 0 5px 5px 0; }
.item_title h3 { font-size: 20px; font-weight: bold; }
@media screen and (max-width: 657px) { .item_title h3 { font-size: 18px; } }

.scrollTop { position: fixed; width: 60px; height: 60px; right: 20px; bottom: 30px; opacity: 0; transition: all 0.4s ease-in-out 0s; z-index: 20; }

.scrollTop a { width: 60px; height: 60px; display: block; font-size: 14px; color: #fff; background: #000; opacity: 0.7; border-radius: 40px; display: flex; align-items: center; justify-content: center; }
.scrollTop a:hover { text-decoration: none; }

.data-tourbox { width: 100%; }

.tour_list { max-width: 960px; width: 94%; margin: 0 auto; display: flex; }
@media screen and (max-width: 657px) { .tour_list { flex-direction: column; } }
.tour_list li { width: 33.3%; background: #fff; position: relative; font-size: 13px; line-height: 1.5; letter-spacing: 0; display: flex; border-right: 1px solid #ccc; padding-bottom: 20px; }
@media screen and (max-width: 657px) { .tour_list li { width: 100%; margin-bottom: 10px; padding-bottom: 0; } }
.tour_list li:last-child { border: none; }
.tour_list li a:hover { text-decoration: none; }
.tour_list li a .tourColumn__item__img { overflow: hidden; position: relative; height: 200px; width: 100%; }
.tour_list li a .tourColumn__item__img img { transition: all .3s linear; vertical-align: bottom; max-width: inherit; max-height: 100%; height: 100%; position: absolute; margin: auto; left: 0; right: 0; }
.tour_list .tourColumn__item { width: 33.3% !important; }
@media screen and (max-width: 657px) { .tour_list .tourColumn__item { margin-bottom: 20px !important; width: 100% !important; } }
.tour_list .tourColumn__item a { background: #fff; width: 100%; display: flex; flex-direction: column; }
.tour_list .tourColumn__item__inner { padding: 15px; width: 100%; box-sizing: border-box; }
@media screen and (max-width: 657px) { .tour_list .tourColumn__item__inner { margin-top: 10px; } }

.button { width: 90%; margin: 0 auto; border: #f9423a 1px solid; position: relative; background: #f9423a; color: #fff; padding: 12px; box-sizing: border-box; border-radius: 4px; text-align: center; font-size: 15px; }

.title { border-top: #000 1px solid; margin-bottom: 10px; font-weight: bold; }
@media screen and (max-width: 657px) { .title { width: 50%; position: absolute; top: 10px; right: 10px; } }

.title02 { height: 55px; overflow: hidden; }
@media screen and (max-width: 657px) { .title02 { height: 50px; font-weight: 100; } }

.departures { padding: 5px 10px; border: 1px solid; border-top: 0; display: inline-block; margin: 0 5px 5px 0; }

.day { display: inline-block; }

.tourColumn h3 { font-size: 20px; }

.price { color: #f9423a; font-weight: bold; font-size: 20px; line-height: 1; }
@media screen and (max-width: 657px) { .price { font-size: 14px !important; } }

.item_result { background: none; }

.country_list .button, .place_listbox .button { margin: 15px auto; }

/* ### adjust.scss ### */
.cpTemplate .center { text-align: center !important; }
.cpTemplate .right { text-align: right !important; }
.cpTemplate .left { text-align: left !important; }
.cpTemplate .mra { margin-right: auto; }
.cpTemplate .float-1 { width: 10%; }
.cpTemplate .float-2 { width: 20%; }
.cpTemplate .float-3 { width: 30%; }
.cpTemplate .float-4 { width: 40%; }
.cpTemplate .float-5 { width: 50%; }
.cpTemplate .float-6 { width: 60%; }
.cpTemplate .float-7 { width: 70%; }
.cpTemplate .float-8 { width: 80%; }
.cpTemplate .float-9 { width: 90%; }
.cpTemplate .float-10 { width: 100%; }
@media screen and (min-width: 658px) { .cpTemplate .float-pc-1 { width: 10%; }
  .cpTemplate .float-pc-2 { width: 20%; }
  .cpTemplate .float-pc-3 { width: 30%; }
  .cpTemplate .float-pc-4 { width: 40%; }
  .cpTemplate .float-pc-5 { width: 50%; }
  .cpTemplate .float-pc-6 { width: 60%; }
  .cpTemplate .float-pc-7 { width: 70%; }
  .cpTemplate .float-pc-8 { width: 80%; }
  .cpTemplate .float-pc-9 { width: 90%; }
  .cpTemplate .float-pc-10 { width: 100%; } }
@media screen and (max-width: 657px) { .cpTemplate .float-sp-1 { width: 10%; }
  .cpTemplate .float-sp-2 { width: 20%; }
  .cpTemplate .float-sp-3 { width: 30%; }
  .cpTemplate .float-sp-4 { width: 40%; }
  .cpTemplate .float-sp-5 { width: 50%; }
  .cpTemplate .float-sp-6 { width: 60%; }
  .cpTemplate .float-sp-7 { width: 70%; }
  .cpTemplate .float-sp-8 { width: 80%; }
  .cpTemplate .float-sp-9 { width: 90%; }
  .cpTemplate .float-sp-10 { width: 100%; } }
.cpTemplate .fontS { font-size: 90%; }
.cpTemplate .fontL { font-size: 110%; }
@media screen and (min-width: 658px) { .cpTemplate .mt0 { margin-top: 0px !important; }
  .cpTemplate .mt1 { margin-top: 10px !important; }
  .cpTemplate .mt2 { margin-top: 20px !important; }
  .cpTemplate .mt3 { margin-top: 30px !important; }
  .cpTemplate .mt4 { margin-top: 40px !important; }
  .cpTemplate .mt5 { margin-top: 50px !important; }
  .cpTemplate .mt6 { margin-top: 60px !important; }
  .cpTemplate .mt7 { margin-top: 70px !important; }
  .cpTemplate .mt8 { margin-top: 80px !important; }
  .cpTemplate .mt9 { margin-top: 90px !important; }
  .cpTemplate .mt10 { margin-top: 100px !important; } }
@media screen and (max-width: 657px) { .cpTemplate .mt0 { margin-top: 0px !important; }
  .cpTemplate .mt1 { margin-top: 5px !important; }
  .cpTemplate .mt2 { margin-top: 10px !important; }
  .cpTemplate .mt3 { margin-top: 14px !important; }
  .cpTemplate .mt4 { margin-top: 20px !important; }
  .cpTemplate .mt5 { margin-top: 25px !important; }
  .cpTemplate .mt6 { margin-top: 30px !important; }
  .cpTemplate .mt7 { margin-top: 35px !important; }
  .cpTemplate .mt8 { margin-top: 40px !important; }
  .cpTemplate .mt9 { margin-top: 45px !important; }
  .cpTemplate .mt10 { margin-top: 50px !important; } }
@media screen and (min-width: 658px) { .cpTemplate .ml0 { margin-left: 0px !important; }
  .cpTemplate .ml1 { margin-left: 10px !important; }
  .cpTemplate .ml2 { margin-left: 20px !important; }
  .cpTemplate .ml3 { margin-left: 30px !important; }
  .cpTemplate .ml4 { margin-left: 40px !important; }
  .cpTemplate .ml5 { margin-left: 50px !important; }
  .cpTemplate .ml6 { margin-left: 60px !important; }
  .cpTemplate .ml7 { margin-left: 70px !important; }
  .cpTemplate .ml8 { margin-left: 80px !important; }
  .cpTemplate .ml9 { margin-left: 90px !important; }
  .cpTemplate .ml10 { margin-left: 100px !important; } }
@media screen and (max-width: 657px) { .cpTemplate .ml0 { margin-left: 0px !important; }
  .cpTemplate .ml1 { margin-left: 5px !important; }
  .cpTemplate .ml2 { margin-left: 10px !important; }
  .cpTemplate .ml3 { margin-left: 14px !important; }
  .cpTemplate .ml4 { margin-left: 20px !important; }
  .cpTemplate .ml5 { margin-left: 25px !important; }
  .cpTemplate .ml6 { margin-left: 30px !important; }
  .cpTemplate .ml7 { margin-left: 35px !important; }
  .cpTemplate .ml8 { margin-left: 40px !important; }
  .cpTemplate .ml9 { margin-left: 45px !important; }
  .cpTemplate .ml10 { margin-left: 50px !important; } }
@media screen and (min-width: 658px) { .cpTemplate .mb0 { margin-bottom: 0px !important; }
  .cpTemplate .mb1 { margin-bottom: 10px !important; }
  .cpTemplate .mb2 { margin-bottom: 20px !important; }
  .cpTemplate .mb3 { margin-bottom: 30px !important; }
  .cpTemplate .mb4 { margin-bottom: 40px !important; }
  .cpTemplate .mb5 { margin-bottom: 50px !important; }
  .cpTemplate .mb6 { margin-bottom: 60px !important; }
  .cpTemplate .mb7 { margin-bottom: 70px !important; }
  .cpTemplate .mb8 { margin-bottom: 80px !important; }
  .cpTemplate .mb9 { margin-bottom: 90px !important; }
  .cpTemplate .mb10 { margin-bottom: 100px !important; } }
@media screen and (max-width: 657px) { .cpTemplate .mb0 { margin-bottom: 0px !important; }
  .cpTemplate .mb1 { margin-bottom: 5px !important; }
  .cpTemplate .mb2 { margin-bottom: 10px !important; }
  .cpTemplate .mb3 { margin-bottom: 14px !important; }
  .cpTemplate .mb4 { margin-bottom: 20px !important; }
  .cpTemplate .mb5 { margin-bottom: 25px !important; }
  .cpTemplate .mb6 { margin-bottom: 30px !important; }
  .cpTemplate .mb7 { margin-bottom: 35px !important; }
  .cpTemplate .mb8 { margin-bottom: 40px !important; }
  .cpTemplate .mb9 { margin-bottom: 45px !important; }
  .cpTemplate .mb10 { margin-bottom: 50px !important; } }
@media screen and (min-width: 658px) { .cpTemplate .ml0 { margin-right: 0px !important; }
  .cpTemplate .ml1 { margin-right: 10px !important; }
  .cpTemplate .ml2 { margin-right: 20px !important; }
  .cpTemplate .ml3 { margin-right: 30px !important; }
  .cpTemplate .ml4 { margin-right: 40px !important; }
  .cpTemplate .ml5 { margin-right: 50px !important; }
  .cpTemplate .ml6 { margin-right: 60px !important; }
  .cpTemplate .ml7 { margin-right: 70px !important; }
  .cpTemplate .ml8 { margin-right: 80px !important; }
  .cpTemplate .ml9 { margin-right: 90px !important; }
  .cpTemplate .ml10 { margin-right: 100px !important; } }
@media screen and (max-width: 657px) { .cpTemplate .ml0 { margin-right: 0px !important; }
  .cpTemplate .ml1 { margin-right: 5px !important; }
  .cpTemplate .ml2 { margin-right: 10px !important; }
  .cpTemplate .ml3 { margin-right: 14px !important; }
  .cpTemplate .ml4 { margin-right: 20px !important; }
  .cpTemplate .ml5 { margin-right: 25px !important; }
  .cpTemplate .ml6 { margin-right: 30px !important; }
  .cpTemplate .ml7 { margin-right: 35px !important; }
  .cpTemplate .ml8 { margin-right: 40px !important; }
  .cpTemplate .ml9 { margin-right: 45px !important; }
  .cpTemplate .ml10 { margin-right: 50px !important; } }
@media screen and (min-width: 658px) { .cpTemplate .pt0 { padding-top: 0px !important; }
  .cpTemplate .pt1 { padding-top: 10px !important; }
  .cpTemplate .pt2 { padding-top: 20px !important; }
  .cpTemplate .pt3 { padding-top: 30px !important; }
  .cpTemplate .pt4 { padding-top: 40px !important; }
  .cpTemplate .pt5 { padding-top: 50px !important; }
  .cpTemplate .pt6 { padding-top: 60px !important; }
  .cpTemplate .pt7 { padding-top: 70px !important; }
  .cpTemplate .pt8 { padding-top: 80px !important; }
  .cpTemplate .pt9 { padding-top: 90px !important; }
  .cpTemplate .pt10 { padding-top: 100px !important; } }
@media screen and (max-width: 657px) { .cpTemplate .pt0 { padding-top: 0px !important; }
  .cpTemplate .pt1 { padding-top: 5px !important; }
  .cpTemplate .pt2 { padding-top: 10px !important; }
  .cpTemplate .pt3 { padding-top: 14px !important; }
  .cpTemplate .pt4 { padding-top: 20px !important; }
  .cpTemplate .pt5 { padding-top: 25px !important; }
  .cpTemplate .pt6 { padding-top: 30px !important; }
  .cpTemplate .pt7 { padding-top: 35px !important; }
  .cpTemplate .pt8 { padding-top: 40px !important; }
  .cpTemplate .pt9 { padding-top: 45px !important; }
  .cpTemplate .pt10 { padding-top: 50px !important; } }
@media screen and (min-width: 658px) { .cpTemplate .pl0 { padding-left: 0px !important; }
  .cpTemplate .pl1 { padding-left: 10px !important; }
  .cpTemplate .pl2 { padding-left: 20px !important; }
  .cpTemplate .pl3 { padding-left: 30px !important; }
  .cpTemplate .pl4 { padding-left: 40px !important; }
  .cpTemplate .pl5 { padding-left: 50px !important; }
  .cpTemplate .pl6 { padding-left: 60px !important; }
  .cpTemplate .pl7 { padding-left: 70px !important; }
  .cpTemplate .pl8 { padding-left: 80px !important; }
  .cpTemplate .pl9 { padding-left: 90px !important; }
  .cpTemplate .pl10 { padding-left: 100px !important; } }
@media screen and (max-width: 657px) { .cpTemplate .pl0 { padding-left: 0px !important; }
  .cpTemplate .pl1 { padding-left: 5px !important; }
  .cpTemplate .pl2 { padding-left: 10px !important; }
  .cpTemplate .pl3 { padding-left: 14px !important; }
  .cpTemplate .pl4 { padding-left: 20px !important; }
  .cpTemplate .pl5 { padding-left: 25px !important; }
  .cpTemplate .pl6 { padding-left: 30px !important; }
  .cpTemplate .pl7 { padding-left: 35px !important; }
  .cpTemplate .pl8 { padding-left: 40px !important; }
  .cpTemplate .pl9 { padding-left: 45px !important; }
  .cpTemplate .pl10 { padding-left: 50px !important; } }
@media screen and (min-width: 658px) { .cpTemplate .pb0 { padding-bottom: 0px !important; }
  .cpTemplate .pb1 { padding-bottom: 10px !important; }
  .cpTemplate .pb2 { padding-bottom: 20px !important; }
  .cpTemplate .pb3 { padding-bottom: 30px !important; }
  .cpTemplate .pb4 { padding-bottom: 40px !important; }
  .cpTemplate .pb5 { padding-bottom: 50px !important; }
  .cpTemplate .pb6 { padding-bottom: 60px !important; }
  .cpTemplate .pb7 { padding-bottom: 70px !important; }
  .cpTemplate .pb8 { padding-bottom: 80px !important; }
  .cpTemplate .pb9 { padding-bottom: 90px !important; }
  .cpTemplate .pb10 { padding-bottom: 100px !important; } }
@media screen and (max-width: 657px) { .cpTemplate .pb0 { padding-bottom: 0px !important; }
  .cpTemplate .pb1 { padding-bottom: 5px !important; }
  .cpTemplate .pb2 { padding-bottom: 10px !important; }
  .cpTemplate .pb3 { padding-bottom: 14px !important; }
  .cpTemplate .pb4 { padding-bottom: 20px !important; }
  .cpTemplate .pb5 { padding-bottom: 25px !important; }
  .cpTemplate .pb6 { padding-bottom: 30px !important; }
  .cpTemplate .pb7 { padding-bottom: 35px !important; }
  .cpTemplate .pb8 { padding-bottom: 40px !important; }
  .cpTemplate .pb9 { padding-bottom: 45px !important; }
  .cpTemplate .pb10 { padding-bottom: 50px !important; } }
@media screen and (min-width: 658px) { .cpTemplate .pl0 { padding-right: 0px !important; }
  .cpTemplate .pl1 { padding-right: 10px !important; }
  .cpTemplate .pl2 { padding-right: 20px !important; }
  .cpTemplate .pl3 { padding-right: 30px !important; }
  .cpTemplate .pl4 { padding-right: 40px !important; }
  .cpTemplate .pl5 { padding-right: 50px !important; }
  .cpTemplate .pl6 { padding-right: 60px !important; }
  .cpTemplate .pl7 { padding-right: 70px !important; }
  .cpTemplate .pl8 { padding-right: 80px !important; }
  .cpTemplate .pl9 { padding-right: 90px !important; }
  .cpTemplate .pl10 { padding-right: 100px !important; } }
@media screen and (max-width: 657px) { .cpTemplate .pl0 { padding-right: 0px !important; }
  .cpTemplate .pl1 { padding-right: 5px !important; }
  .cpTemplate .pl2 { padding-right: 10px !important; }
  .cpTemplate .pl3 { padding-right: 14px !important; }
  .cpTemplate .pl4 { padding-right: 20px !important; }
  .cpTemplate .pl5 { padding-right: 25px !important; }
  .cpTemplate .pl6 { padding-right: 30px !important; }
  .cpTemplate .pl7 { padding-right: 35px !important; }
  .cpTemplate .pl8 { padding-right: 40px !important; }
  .cpTemplate .pl9 { padding-right: 45px !important; }
  .cpTemplate .pl10 { padding-right: 50px !important; } }
.cpTemplate .sp { display: none; }
@media screen and (max-width: 657px) { .cpTemplate .pc { display: none; }
  .cpTemplate .sp { display: block; } }
.cpTemplate .contents, .cpTemplate .h1Text, .cpTemplate .snsIcon { width: 960px; min-width: 960px; margin-right: auto; margin-left: auto; }
@media screen and (max-width: 657px) { .cpTemplate .contents, .cpTemplate .h1Text, .cpTemplate .snsIcon { width: auto; min-width: 0; } }
#wrapper .cpTemplate .column__item, #wrapper .cpTemplate .column__item__inner { *zoom: 1; }
#wrapper .cpTemplate .column__item:after, #wrapper .cpTemplate .column__item__inner:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* ### layout.scss ### */
.cpTemplate img { max-width: 100%; height: auto; width: 100%; }
.cpTemplate *, .cpTemplate *:before, .cpTemplate *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media screen and (min-width: 658px) { .cpTemplate a:hover, .cpTemplate a:hover img { text-decoration: none; opacity: 1; } }
@media screen and (max-width: 657px) { .cpTemplate { line-height: 1.5; } }
.cpTemplate .section { padding: 70px 0 0; background-color: white; }
@media screen and (max-width: 657px) { .cpTemplate .section { padding-top: 30px; } }
.cpTemplate .contents { padding: 0 0 70px; }
@media screen and (max-width: 657px) { .cpTemplate .contents { padding: 0 2px 30px; } }
.cpTemplate .contents { position: relative; line-height: 1.8; font-size: 15px; }
@media screen and (max-width: 657px) { .cpTemplate .contents { font-size: 14px; line-height: 1.5; } }
.cpTemplate .h1Text { text-align: right; margin-bottom: 10px; }
.cpTemplate .mainVisual + .section { padding-top: 30px; }
@media screen and (max-width: 657px) { .cpTemplate .mainVisual + .section { padding-bottom: 30px; } }
.cpTemplate .campaignDate { text-align: center; font-weight: bold; position: absolute; left: 0; right: 0; top: 70px; }
.cpTemplate .campaignDate__item { padding: 15px 80px; background: rgba(255, 255, 255, 0.8); display: inline-block; }
@media screen and (max-width: 657px) { .cpTemplate .campaignDate__item { padding: 15px; width: 100%; } }
.cpTemplate .campaignDate__item__title { padding-right: 15px; }
@media screen and (max-width: 657px) { .cpTemplate .campaignDate__item__title { display: block; } }
@media screen and (max-width: 657px) { .cpTemplate .campaignDate { bottom: 0; top: inherit; position: relative; } }
.cpTemplate .snsIcon { text-align: center; position: absolute; margin: auto; left: 0; right: 0; bottom: 70px; }
.cpTemplate .snsIcon li { display: inline-block; padding: 0 10px; }
@media screen and (min-width: 658px) { .cpTemplate .snsIcon a:hover img { opacity: 0.7; } }
.cpTemplate .snsIcon a img { transition: all .2s linear; width: 40px; height: 40px; }
@media screen and (max-width: 657px) { .cpTemplate .snsIcon { position: relative; bottom: 0; } }
.cpTemplate .snsShare { text-align: center; display: flex; }
.cpTemplate .snsShare li { flex: 1; }
.cpTemplate .snsShare li a { display: block; padding: 12px 0; color: #fff; transition: all .2s linear; }
@media screen and (min-width: 658px) { .cpTemplate .snsShare li a:hover { opacity: 0.7; } }
.cpTemplate .snsShare .fb { background: #3a5a98 url(/images/campaign/facebook.png) no-repeat 80px 50%; background-size: 35px auto; }
.cpTemplate .snsShare .tw { background: #1da1f2 url(/images/campaign/twitter.png) no-repeat 80px 50%; background-size: 35px auto; }
.cpTemplate .snsShare .line { background: #00b900 url(/images/campaign/line.png) no-repeat 80px 50%; background-size: 35px auto; }

.cpTemplate { letter-spacing: 1.5px; /* textColor */ /* title */ /* bg */ /* bg */ /* list */ /* button */ }
.cpTemplate .red { color: #f9423a; }
.cpTemplate .red a { color: #f9423a; }
.cpTemplate .headline2 { font-size: 28px; font-weight: bold; margin-bottom: 70px; text-align: center; letter-spacing: 4px; }
@media screen and (max-width: 657px) { .cpTemplate .headline2 { font-size: 18px; letter-spacing: 2px; margin-bottom: 30px; } }
.cpTemplate .headline3 { font-size: 20px; font-weight: bold; margin-bottom: 30px; letter-spacing: 2px; }
@media screen and (max-width: 657px) { .cpTemplate .headline3 { font-size: 15px; letter-spacing: 1px; margin-bottom: 20px; } }
.cpTemplate .headline4 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
@media screen and (max-width: 657px) { .cpTemplate .headline4 { margin-bottom: 10px; font-size: 13px; } }
.cpTemplate .bgColor { background: #e0e0e1; }
.cpTemplate .border { border: #bcbcbc 1px solid; }
.cpTemplate .list li { text-indent: -1em; margin-left: 1em; }
.cpTemplate .list li:before { content: "・"; }
@media screen and (min-width: 658px) { .cpTemplate .button:hover, #wrapper .cpTemplate .tourColumn a:hover .button { text-decoration: none; color: #f9423a; background-color: #fff; }
  .cpTemplate .button:hover:before, #wrapper .cpTemplate .tourColumn a:hover .button:before { border-top: 1px solid #f9423a; border-right: 1px solid #f9423a; } }
.cpTemplate .button { text-align: center; line-height: 1; padding: 12px 0; border-radius: 4px 4px; background-color: #f9423a; border: #f9423a 1px solid; display: inline-block; width: 355px; color: #fff; position: relative; margin-right: auto; margin-left: auto; font-size: 15px; transition: all .2s linear; }
@media screen and (max-width: 657px) { .cpTemplate .button { font-size: 14px; display: block; padding: 12px 0 12px 0; width: 100%; line-height: inherit; } }
.cpTemplate .button:before { content: ""; display: inline-block; left: 3px; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; margin-right: 15px; }
@media screen and (max-width: 657px) { .cpTemplate .button__medium { width: 90%; } }
.cpTemplate .slideMenu_button.open { position: fixed; right: 5%; bottom: 2%; z-index: 999; width: 72px; height: 72px; background: #333; opacity: 0.8; border-radius: 100%; color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 10px; }
.cpTemplate .slideMenu_button.open img { width: 25px; height: auto; margin-bottom: 5px; }
.cpTemplate .slideMenu { display: block; position: fixed; background: #333; opacity: 0.95; top: 0px; left: -100%; width: 100%; height: 100%; z-index: 9999; padding: 5%; overflow: scroll; -webkit-overflow-scrolling: touch; color: white; text-align: center; font-size: 15px; }
.cpTemplate .slideMenu .slideMenu_button.close { width: 40px; margin-bottom: 5%; }
.cpTemplate .slideMenu .navigation { margin-bottom: 2%; }
.cpTemplate .slideMenu .navigation a { color: white; }
.cpTemplate .slideMenu .navigation a.current { background: white; color: #000; }
.cpTemplate .slideMenu .navigation a.current:after { display: none; }
.cpTemplate .slideMenu .area_link { margin-bottom: 5%; }
.cpTemplate .slideMenu .area_link li { margin: 0 0 2%; }
.cpTemplate .slideMenu .area_link li a { background: none; border: 1px solid; padding: 5% 0; border-radius: 0; }
.cpTemplate .fixed { position: fixed; width: 100%; height: 100%; }
.cpTemplate button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }

#bodyWrapper { min-width: 960px; }
@media screen and (max-width: 657px) { #bodyWrapper { min-width: inherit; } }

#wrapper .cpTemplate { /* news */ /* form */ /* calendar */ /* mainRead */ /* navigation */ /* column */ /* tourColumn */ /* guideline */ }
#wrapper .cpTemplate * { box-sizing: border-box; }
#wrapper .cpTemplate img { vertical-align: top; }
#wrapper .cpTemplate .news__item { line-height: 1; }
#wrapper .cpTemplate .news__item:not(:first-child) { border-top: 1px solid #bcbcbc; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .news__item { line-height: 1.5; } }
#wrapper .cpTemplate .news a { display: block; padding: 25px 15px; background: #fff; position: relative; transition: all .3s linear; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .news a { padding: 15px 45px 15px 15px; } }
#wrapper .cpTemplate .news a:before { content: ""; position: absolute; display: block; right: 55px; top: 0; bottom: 0; width: 8px; height: 8px; border-top: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: auto; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .news a:before { right: 20px; } }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .news a:hover { background: #f9423a; color: white; }
  #wrapper .cpTemplate .news a:hover:before { border-top: 1px solid white; border-right: 1px solid white; } }
#wrapper .cpTemplate .news span { background: #f9423a; color: #fff; width: 190px; padding: 5px; display: inline-block; text-align: center; transition: all .3s linear; margin-right: 15px; height: 25px; border: 1px solid white; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .news span { display: block; margin: -15px 0 5px -15px; padding: 5px 15px; height: auto; } }
#wrapper .cpTemplate .form .form_select { display: flex; }
#wrapper .cpTemplate .form .form_select_left, #wrapper .cpTemplate .form .form_select_right { border-radius: 4px; border: solid 1px #bcbcbc; display: flex; height: 80px; justify-content: space-between; align-items: center; }
#wrapper .cpTemplate .form .form_select_left { background: white; flex: 0 0 860px; }
#wrapper .cpTemplate .form .form_select_right { background: #f9423a; flex: 0 0 100px; }
#wrapper .cpTemplate .form .form_select_right a { display: flex; width: 100%; height: 100%; justify-content: center; align-content: center; flex-wrap: wrap; color: white; font-size: 13px; }
#wrapper .cpTemplate .form .form_select_right a img { width: 20px; }
#wrapper .cpTemplate .form .form_select_right a em { flex: 0 0 100%; text-align: center; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .form .form_select { flex-wrap: wrap; padding: 0 10px; }
  #wrapper .cpTemplate .form .form_select_left, #wrapper .cpTemplate .form .form_select_right { flex: 0 0 100%; height: auto; flex-wrap: wrap; }
  #wrapper .cpTemplate .form .form_select_left a, #wrapper .cpTemplate .form .form_select_right a { padding: 12px 0; display: block; text-align: center; font-size: 15px; } }
#wrapper .cpTemplate .form .ui-datepicker { border: solid 1px #bcbcbc; }
#wrapper .cpTemplate .form .ui-datepicker .ui-datepicker-header { border: none; background: #ffffff; color: #333; font-weight: normal; padding: 10px 0; }
#wrapper .cpTemplate .form .ui-datepicker .ui-datepicker-header .ui-state-hover, #wrapper .cpTemplate .form .ui-datepicker .ui-datepicker-header .ui-state-focas { border: none; background: #f9423a; opacity: 0.6; }
#wrapper .cpTemplate .form .ui-datepicker .ui-datepicker-header .ui-state-hover .ui-icon, #wrapper .cpTemplate .form .ui-datepicker .ui-datepicker-header .ui-state-focas .ui-icon { background-image: url(/tour/img/ui-icons_ffffff_256x240.png); }
#wrapper .cpTemplate .form .ui-datepicker .ui-state-default { border: 1px solid #f9423a; background: #ffffff; font-weight: normal; color: #333; border-radius: 4px; }
#wrapper .cpTemplate .form .ui-datepicker .ui-datepicker-next { background: #f9423a; right: 1px; top: 1px; cursor: pointer; }
#wrapper .cpTemplate .form .ui-datepicker .ui-datepicker-prev { background: #f9423a; left: 1px; top: 1px; }
#wrapper .cpTemplate .form .ui-datepicker .gcal-holiday { color: #f9423a; }
#wrapper .cpTemplate .form .ui-datepicker .ui-state-active, #wrapper .cpTemplate .form .ui-datepicker .ui-state-hover, #wrapper .cpTemplate .form .ui-datepicker .ui-state-focas { background: #f9423a; font-weight: normal; color: #ffffff; border: 1px solid #f9423a; }
#wrapper .cpTemplate .form .ui-datepicker th { font-weight: normal; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .form .ui-datepicker { width: 90%; }
  #wrapper .cpTemplate .form .ui-datepicker .ui-state-default { padding: 12px 0; } }
#wrapper .cpTemplate .form input, #wrapper .cpTemplate .form select, #wrapper .cpTemplate .form .button { height: 100%; }
#wrapper .cpTemplate .form input[type="text"], #wrapper .cpTemplate .form input[type="tel"], #wrapper .cpTemplate .form input[type="email"], #wrapper .cpTemplate .form input[type="password"], #wrapper .cpTemplate .form select { height: 100%; border: none; box-shadow: none; border-radius: 0; margin: 0; padding: 40px 10px 10px 10px; letter-spacing: 1.5px; font-size: 15px; cursor: pointer; background: none; }
#wrapper .cpTemplate .form input[type="text"]:focus, #wrapper .cpTemplate .form input[type="tel"]:focus, #wrapper .cpTemplate .form input[type="email"]:focus, #wrapper .cpTemplate .form input[type="password"]:focus, #wrapper .cpTemplate .form select:focus { outline: 0; }
#wrapper .cpTemplate .form input[type="text"]:hover, #wrapper .cpTemplate .form input[type="tel"]:hover, #wrapper .cpTemplate .form input[type="email"]:hover, #wrapper .cpTemplate .form input[type="password"]:hover, #wrapper .cpTemplate .form select:hover { background: #f0f0f0; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .form input[type="text"], #wrapper .cpTemplate .form input[type="tel"], #wrapper .cpTemplate .form input[type="email"], #wrapper .cpTemplate .form input[type="password"], #wrapper .cpTemplate .form select { background: url(/images/form/arrow_shita.png) no-repeat; background-position-x: calc(100% - 10px); background-position-y: 45px; background-size: 12px auto; } }
#wrapper .cpTemplate .form #departure_place { display: none; }
#wrapper .cpTemplate .form .destinationSelect, #wrapper .cpTemplate .form .departureSelect, #wrapper .cpTemplate .form .daysSelect { height: 100%; display: flex; position: relative; }
#wrapper .cpTemplate .form .destinationSelect label, #wrapper .cpTemplate .form .departureSelect label, #wrapper .cpTemplate .form .daysSelect label { position: absolute; padding: 10px; font-size: 13px; left: 0; }
#wrapper .cpTemplate .form .destinationSelect { flex: 0 0 55%; border-right: solid 1px #bcbcbc; }
#wrapper .cpTemplate .form .destinationSelect select { font-size: 13px; }
#wrapper .cpTemplate .form .destinationSelect #regionSelect { flex: 0 0 30%; }
#wrapper .cpTemplate .form .departureSelect { flex: 0 0 20%; border-right: solid 1px #bcbcbc; }
#wrapper .cpTemplate .form .departureSelect ::placeholder { color: #000; }
#wrapper .cpTemplate .form .daysSelect { flex: 0 0 25%; }
#wrapper .cpTemplate .form .daysSelect select { flex: 0 0 20%; }
#wrapper .cpTemplate .form .daysSelect p { padding: 40px 0 10px; display: flex; align-items: center; }
#wrapper .cpTemplate .form #search_more { margin-top: 10px; text-align: right; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .form .destinationSelect, #wrapper .cpTemplate .form .departureSelect, #wrapper .cpTemplate .form .daysSelect { border: none; border-bottom: solid 1px #bcbcbc; flex: 0 0 100%; height: auto; }
  #wrapper .cpTemplate .form .daysSelect { justify-content: space-around; }
  #wrapper .cpTemplate .form #search_more { padding: 0 8px; } }
#wrapper .cpTemplate .calendar { width: 100%; }
#wrapper .cpTemplate .calendar tr td { border: solid 1px #bcbcbc; text-align: center; width: 14.3%; }
#wrapper .cpTemplate .calendar tr td a { padding: 5% 0; display: block; transition: all .3s linear; border: solid 1px #f9423a; border-radius: 4px; background: white; margin: 8%; font-weight: bold; font-size: 20px; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .calendar tr td a:hover { background: #f9423a; color: white; } }
#wrapper .cpTemplate .calendar tr th { font-weight: normal; background: none; }
#wrapper .cpTemplate .calendar tr .disable { background: none; }
#wrapper .cpTemplate .calendar tr:first-child th, #wrapper .cpTemplate .calendar tr:first-child td { border: none; border-bottom: solid 1px #bcbcbc; padding-bottom: 10px; }
#wrapper .cpTemplate .calendar tr:last-child th, #wrapper .cpTemplate .calendar tr:last-child td { border-bottom: none; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .calendar tr { font-size: 10px; }
  #wrapper .cpTemplate .calendar tr th { padding: 5px 0; }
  #wrapper .cpTemplate .calendar tr td a { font-size: 14px; padding: 25% 0; margin: 12%; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .mainRead { padding-left: 28px; padding-right: 28px; } }
#wrapper .cpTemplate .navigation { zoom: 1; font-weight: bold; }
#wrapper .cpTemplate .navigation:before, #wrapper .cpTemplate .navigation:after { display: block; height: 0; visibility: hidden; content: "."; }
#wrapper .cpTemplate .navigation:after { clear: both; }
#wrapper .cpTemplate .navigation__title { text-align: center; font-weight: bold; font-size: 15px; margin-bottom: 30px; }
#wrapper .cpTemplate .navigation__title span { padding: 5px 0 5px 30px; background: url(/images/campaign/icon_maker.png) no-repeat 0 50%; background-size: 17px auto; }
#wrapper .cpTemplate .navigation a { color: #bcbcbc; display: block; position: relative; padding: 3px 0; transition: all .3s linear; height: 35px; }
#wrapper .cpTemplate .navigation a:after { transition: all .3s linear; content: ""; display: block; position: absolute; bottom: -10px; right: 0; left: 0; width: 0%; background: #000; height: 1px; margin: auto; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .navigation a:after { bottom: 0; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .navigation a { height: 50px; display: flex; align-items: center; justify-content: center; font-size: 13px; } }
#wrapper .cpTemplate .navigation .current { color: #000; }
#wrapper .cpTemplate .navigation .current:after { width: 70%; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .navigation a:hover { color: #000; }
  #wrapper .cpTemplate .navigation a:hover:after { width: 70%; } }
#wrapper .cpTemplate .navigation__item { float: left; text-align: center; border-right: #bcbcbc 1px solid; margin-bottom: 40px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .navigation__item { margin-bottom: 0; } }
#wrapper .cpTemplate .navigation__item:nth-child(1) { border-left: #bcbcbc 1px solid; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .navigation__item:nth-child(1) { border-left: none; } }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .navigation--pc-column3 .navigation__item { width: 33.3%; }
  #wrapper .cpTemplate .navigation--pc-column3 .navigation__item:nth-child(3n+1) { border-left: #bcbcbc 1px solid; }
  #wrapper .cpTemplate .navigation--pc-column4 .navigation__item { width: 25%; }
  #wrapper .cpTemplate .navigation--pc-column4 .navigation__item:nth-child(4n+1) { border-left: #bcbcbc 1px solid; }
  #wrapper .cpTemplate .navigation--pc-column5 .navigation__item { width: 20%; }
  #wrapper .cpTemplate .navigation--pc-column5 .navigation__item:nth-child(5n+1) { border-left: #bcbcbc 1px solid; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .navigation--sp-column2 .navigation__item { width: 50%; }
  #wrapper .cpTemplate .navigation--sp-column2 .navigation__item:nth-child(2n+1) { clear: both; }
  #wrapper .cpTemplate .navigation--sp-column2 .navigation__item:nth-child(2n) { border-right: none; }
  #wrapper .cpTemplate .navigation--sp-column3 .navigation__item { width: 33.3%; }
  #wrapper .cpTemplate .navigation--sp-column3 .navigation__item:nth-child(3n+1) { clear: both; }
  #wrapper .cpTemplate .navigation--sp-column3 .navigation__item:nth-child(3n) { border-right: none; }
  #wrapper .cpTemplate .navigation--sp-column4 .navigation__item { width: 25%; }
  #wrapper .cpTemplate .navigation--sp-column4 .navigation__item:nth-child(4n+1) { clear: both; }
  #wrapper .cpTemplate .navigation--sp-column4 .navigation__item:nth-child(4n) { border-right: none; }
  #wrapper .cpTemplate .navigation--sp-column5 .navigation__item { width: 20%; }
  #wrapper .cpTemplate .navigation--sp-column5 .navigation__item:nth-child(5n+1) { clear: both; }
  #wrapper .cpTemplate .navigation--sp-column5 .navigation__item:nth-child(5n) { border-right: none; } }
#wrapper .cpTemplate .column { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-between; flex-wrap: wrap; }
#wrapper .cpTemplate .column:not(:first-child) { margin-top: 70px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .column:not(:first-child) { margin-top: 30px; } }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .column-pc--column1 .column__item { width: 100%; float: none; }
  #wrapper .cpTemplate .column-pc--column1 .column__item a { display: block; }
  #wrapper .cpTemplate .column-pc--column1 .tourColumn__item__img { height: 300px; }
  #wrapper .cpTemplate .column-pc--column2 .column__item { width: 48.5%; }
  #wrapper .cpTemplate .column-pc--column2:before, #wrapper .cpTemplate .column-pc--column2:after { width: 48.5%; }
  #wrapper .cpTemplate .column-pc--column2 .tourColumn__item { width: 465px; }
  #wrapper .cpTemplate .column-pc--column2 .tourColumn__item .tourColumn__item__img { height: 290px; }
  #wrapper .cpTemplate .column-pc--column3 .column__item { width: 31.5%; }
  #wrapper .cpTemplate .column-pc--column3 .tourColumn__item { width: 320px; }
  #wrapper .cpTemplate .column-pc--column3 .tourColumn__item:nth-of-type(3n-1) { border-left: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; }
  #wrapper .cpTemplate .column-pc--column3 .tourColumn__item:last-child { margin-right: auto; }
  #wrapper .cpTemplate .column-pc--column3 .tourColumn__item .tourColumn__item__img { height: 200px; }
  #wrapper .cpTemplate .column-pc--column4 .column__item { width: 23%; }
  #wrapper .cpTemplate .column-pc--column5 .column__item { width: 20%; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .column-sp--column1 .column__item { width: 100%; float: none; }
  #wrapper .cpTemplate .column-sp--column2 .column__item { width: 48.5%; }
  #wrapper .cpTemplate .column-sp--column2 .tourColumn__item { width: 50%; border-bottom: 1px solid #bcbcbc; margin-bottom: 0; }
  #wrapper .cpTemplate .column-sp--column2 .tourColumn__item__img { max-height: 95px; }
  #wrapper .cpTemplate .column-sp--column2 .tourColumn__item:nth-of-type(2n-1) { border-right: 1px solid #bcbcbc; }
  #wrapper .cpTemplate .column-sp--column2 .tourColumn__item .point { font-size: 11px; margin-bottom: 5px; }
  #wrapper .cpTemplate .column-sp--column2 .tourColumn__item__inner { font-size: 11px; padding: 15px 10px; }
  #wrapper .cpTemplate .column-sp--column2:before, #wrapper .cpTemplate .column-sp--column2:after { width: 48.5%; }
  #wrapper .cpTemplate .column-sp--column3 .column__item { width: 31.5%; } }
#wrapper .cpTemplate .column__item { background-color: #fff; margin-bottom: 30px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .column__item { margin-bottom: 15px; width: 100%; } }
#wrapper .cpTemplate .column__item__img { margin-bottom: 15px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .column__item__img { margin-bottom: 10px; } }
#wrapper .cpTemplate .column__item__img img { vertical-align: bottom; }
#wrapper .cpTemplate .column__item__txt { margin-bottom: 30px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .column__item__txt { margin-bottom: 10px; } }
#wrapper .cpTemplate .column__item__button { text-align: center; }
#wrapper .cpTemplate .column__item__button a { display: block; max-width: 100%; }
#wrapper .cpTemplate .column__item--float { float: left; text-align: left; }
#wrapper .cpTemplate .column__item--float:nth-child(1) { padding-right: 30px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .column__item--float:nth-child(1) { padding-right: 10px; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .column__item--float:nth-child(2) { float: none; } }
#wrapper .cpTemplate .column__item__inner { padding: 0 15px 15px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .column__item__inner { padding: 0 10px 10px; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tabContents { padding-top: 20px; } }
#wrapper .cpTemplate .tabContents__more { text-align: center; font-weight: bold; }
#wrapper .cpTemplate .tabContents__more a { position: relative; }
#wrapper .cpTemplate .tabContents__more a:before { content: ""; display: inline-block; left: 3px; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; margin-right: 15px; }
#wrapper .cpTemplate .tabContents__more a:after { transition: all .3s linear; content: ""; display: block; position: absolute; bottom: -10px; right: 0; left: 0; width: 0%; background: #000; height: 1px; margin: auto; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .tabContents__more a:hover:after { width: 100%; } }
#wrapper .cpTemplate .tabContents__more_box { position: relative; border: solid 1px #bcbcbc; width: 80%; margin: 0 auto; border-radius: 8px; }
#wrapper .cpTemplate .tabContents__more_box h3 { display: block; width: 50%; text-align: center; background: white; position: absolute; top: -15px; left: 0; right: 0; margin: auto; }
#wrapper .cpTemplate .tabContents__more_box ul { display: flex; flex-wrap: wrap; padding: 40px 30px 20px; }
#wrapper .cpTemplate .tabContents__more_box ul li a { padding: 0 15px; height: 40px; display: flex; align-items: center; justify-content: center; background: #63666A; border-radius: 4px; margin: 0 10px 10px 0; color: white; border: solid 1px #bcbcbc; transition: all .2s linear; }
#wrapper .cpTemplate .tabContents__more_box ul li a:before { content: ""; width: 6px; height: 6px; background: white; border-radius: 100px; margin-right: 15px; transition: all .2s linear; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .tabContents__more_box ul li a:hover { color: #000; background: white; }
  #wrapper .cpTemplate .tabContents__more_box ul li a:hover:before { background: #f9423a; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tabContents__more { margin: 30px 0; }
  #wrapper .cpTemplate .tabContents__more_box { background: #bcbcbc; width: 90%; }
  #wrapper .cpTemplate .tabContents__more_box h3 { width: auto; background: no-repeat; position: initial; padding: 20px 0 0; }
  #wrapper .cpTemplate .tabContents__more_box ul { padding: 10px 4% 20px; }
  #wrapper .cpTemplate .tabContents__more_box ul li a { font-size: 12px; padding: 0 10px; margin: 0 5px 5px 0; background: white; color: #000; }
  #wrapper .cpTemplate .tabContents__more_box ul li a:before { background: #f9423a; } }
#wrapper .cpTemplate .tabContents__wrap .tabContents { display: none; }
#wrapper .cpTemplate .tabContents__wrap .tabContents:first-child { display: block; }
#wrapper .cpTemplate .tourColumn + .tabContents__more_box { margin-top: 40px; }
#wrapper .cpTemplate .tourColumn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-between; flex-wrap: wrap; }
#wrapper .cpTemplate .tourColumn__item { position: relative; font-size: 13px; line-height: 1.5; letter-spacing: 0; display: flex; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn__item { line-height: 1.3; margin-bottom: 2px; } }
#wrapper .cpTemplate .tourColumn__item a { background: #fff; width: 100%; display: flex; flex-direction: column; }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 320px) { #wrapper .cpTemplate .tourColumn__item a { display: block; } }
#wrapper .cpTemplate .tourColumn__item__img { overflow: hidden; position: relative; background-size: cover; width: 100%; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn__item__img { height: 200px; max-height: 200px; } }
#wrapper .cpTemplate .tourColumn__item__img img { transition: all .3s linear; vertical-align: bottom; max-width: inherit; max-height: 100%; height: 100%; position: absolute; margin: auto; left: 0; right: 0; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn__item__img img { position: inherit; width: 100%; height: 100%; object-fit: cover; } }
#wrapper .cpTemplate .tourColumn__item__inner { padding: 15px 15px; width: 100%; }
#wrapper .cpTemplate .tourColumn__item__button { width: calc(100% - 40px); margin: auto 20px 15px; display: block; clear: both; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn__item__button { margin: auto 10px 10px; width: calc(100% - 20px); } }
#wrapper .cpTemplate .tourColumn__item__ttl { font-weight: normal; text-align: center; margin: 15px 0 10px; position: relative; }
#wrapper .cpTemplate .tourColumn__item__ttl:before { content: ""; width: 25%; height: 1px; background: #000; display: inline-block; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; }
#wrapper .cpTemplate .tourColumn__item__ttl:after { content: ""; width: 25%; height: 1px; background: #000; display: inline-block; position: absolute; margin: auto; right: 0; top: 0; bottom: 0; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn__item__ttl { margin: 10px 0; }
  #wrapper .cpTemplate .tourColumn__item__ttl:before, #wrapper .cpTemplate .tourColumn__item__ttl:after { width: 10%; } }
#wrapper .cpTemplate .tourColumn .point { margin-bottom: 10px; font-size: 14px; }
#wrapper .cpTemplate .tourColumn .departures { padding: 5px 10px; border: 1px solid; border-top: 0; display: inline-block; margin: 0 5px 5px 0; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn .departures { padding: 5px 10px; font-size: 12px; } }
#wrapper .cpTemplate .tourColumn .title { border-top: #000 1px solid; margin-bottom: 10px; font-weight: bold; }
#wrapper .cpTemplate .tourColumn h3 { font-size: 20px; }
#wrapper .cpTemplate .tourColumn .day { display: inline-block; }
#wrapper .cpTemplate .tourColumn .price { color: #f9423a; font-weight: bold; font-size: 20px; line-height: 1; }
#wrapper .cpTemplate .tourColumn .price span { font-size: 28px; font-family: 'Open Sans', sans-serif; }
#wrapper .cpTemplate .tourColumn .comment { margin-bottom: 15px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn .comment { margin-bottom: 5px; } }
#wrapper .cpTemplate .tourColumn .concierge__img { float: right; margin: -10px 0 10px 10px; width: 60px; height: 60px; border-radius: 60px; overflow: hidden; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .tourColumn a:hover .tourColumn__item__img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } }
#wrapper .cpTemplate .tourColumn .favorite { padding-bottom: 55px; }
#wrapper .cpTemplate .tourColumn .favorite .fav_btn { height: auto; position: absolute; bottom: 0; left: 0; width: 100%; overflow: visible; }
#wrapper .cpTemplate .tourColumn .favorite .fav_btn .button { background: white; color: #f9423a; padding: 0; height: 41px; display: flex; justify-content: center; align-items: center; }
#wrapper .cpTemplate .tourColumn .favorite .fav_btn .button:before { background: url(/images/common/heart.svg) no-repeat; border: none; transform: none; width: 30px; height: 24px; margin-right: 10px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn .favorite .fav_btn .button:before { width: 22px; height: 18px; margin-right: 7px; } }
#wrapper .cpTemplate .tourColumn .favorite .fav_btn:hover { opacity: 1; }
#wrapper .cpTemplate .tourColumn .favorite .fav_btn:hover .button { background-color: #ffcfcd; }
#wrapper .cpTemplate .tourColumn .favorite .fav_btn.finish { pointer-events: none; }
#wrapper .cpTemplate .tourColumn .favorite .fav_btn.finish .button { color: #63666a; border: solid 1px #d2d2d2; }
#wrapper .cpTemplate .tourColumn .favorite .fav_btn.finish .button:before { background: url(/images/common/heart_on.svg) no-repeat; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn .point { margin-bottom: 10px; font-size: 13px; }
  #wrapper .cpTemplate .tourColumn .title { margin-bottom: 5px; }
  #wrapper .cpTemplate .tourColumn .price span { font-size: 25px; }
  #wrapper .cpTemplate .tourColumn .favorite { padding-bottom: 50px; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn__sp .tourColumn__item__img { width: 45%; position: absolute; margin: 0 10px 10px 0; max-height: 95px; }
  #wrapper .cpTemplate .tourColumn__sp .point { padding-left: 45%; margin: 0 0 10px 10px; height: 80px; }
  #wrapper .cpTemplate .tourColumn__sp .title { clear: both; }
  #wrapper .cpTemplate .tourColumn__sp .title h3 { font-size: 16px; }
  #wrapper .cpTemplate .tourColumn__sp .title .price { font-size: 16px; }
  #wrapper .cpTemplate .tourColumn__sp .title .price span { font-size: 22px; }
  #wrapper .cpTemplate .tourColumn__sp.swiper-wrapper { flex-wrap: inherit; } }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .tourColumn.column-pc--column1 .tourColumn__item__img { float: left; width: 50%; }
  #wrapper .cpTemplate .tourColumn.column-pc--column1 .tourColumn__item__inner { float: right; width: 50%; }
  #wrapper .cpTemplate .tourColumn.column-pc--column2 .box { zoom: 1; }
  #wrapper .cpTemplate .tourColumn.column-pc--column2 .box:before, #wrapper .cpTemplate .tourColumn.column-pc--column2 .box:after { display: block; height: 0; visibility: hidden; content: "."; }
  #wrapper .cpTemplate .tourColumn.column-pc--column2 .box:after { clear: both; }
  #wrapper .cpTemplate .tourColumn.column-pc--column2 .box__left { width: 62%; float: left; }
  #wrapper .cpTemplate .tourColumn.column-pc--column2 .box__right { width: 38%; float: right; padding-left: 10px; border-left: #bcbcbc 1px solid; }
  #wrapper .cpTemplate .tourColumn.column-pc--column2 .box__right .comment { margin-bottom: 0; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .tourColumn.column-sp--column2 h3 { font-size: 14px; }
  #wrapper .cpTemplate .tourColumn.column-sp--column2 .price { font-size: 13px; }
  #wrapper .cpTemplate .tourColumn.column-sp--column2 .price span { font-size: 17px; }
  #wrapper .cpTemplate .tourColumn.column-sp--column2 .button { font-size: 12px; } }
#wrapper .cpTemplate .guideline { max-height: 490px; overflow-y: scroll; padding: 50px; background: #fff; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .guideline { padding: 25px 15px; max-height: 300px; margin: 0 8px; } }
#wrapper .cpTemplate .guideline__txt { margin-bottom: 30px; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .guideline__txt { margin-bottom: 15px; } }
#wrapper .cpTemplate .newContents { color: #fff; text-align: center; display: table; width: 100%; height: 300px; overflow: hidden; line-height: 1.5; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .newContents { height: auto; padding: 0 2px; } }
#wrapper .cpTemplate .newContents .contents { padding-bottom: 0; }
#wrapper .cpTemplate .newContents a { background: #000; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 300px; position: relative; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .newContents a { height: auto; } }
#wrapper .cpTemplate .newContents a .bg-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s linear; opacity: 0.6; background: #000; }
#wrapper .cpTemplate .newContents a .bg-photo img { width: 100%; height: 100%; object-fit: cover; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .newContents a .bg-photo img { min-height: 0; opacity: 0.6; height: 100%; width: 100%; } }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .newContents a:hover .bg-photo { transform: scale(1.05); }
  #wrapper .cpTemplate .newContents a:hover .newContents__inner:after { width: 90%; } }
#wrapper .cpTemplate .newContents__inner { padding: 0 10px; z-index: 4; position: relative; }
#wrapper .cpTemplate .newContents__inner:after { transition: all .3s linear; content: ""; display: block; position: absolute; bottom: -15px; right: 0; left: 0; width: 0%; background: white; height: 1px; margin: auto; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .newContents__inner { padding: 60px 10px; } }
#wrapper .cpTemplate .newContents__title { font-size: 28px; font-weight: bold; line-height: 1.3; margin-bottom: 20px; display: inline-block; min-height: 64px; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .newContents__title { font-size: 18px; } }
#wrapper .cpTemplate .newContents__title:before { content: "旬"; display: inline-block; width: 64px; height: 64px; border-radius: 64px; line-height: 64px; background: #e0e0e1; color: #000; font-weight: bold; font-size: 28px; margin-right: 10px; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .banner .column-pc--column3 .column__item { width: 33.3%; }
  #wrapper .cpTemplate .banner .column-pc--column3 .column__item__inner { height: 100px; } }
#wrapper .cpTemplate .banner .column__item { width: 25%; background: #fff; border: 1px solid #bcbcbc; font-size: 13px; line-height: 1.3; }
#wrapper .cpTemplate .banner .column__item:not(:first-child) { border-left: none; }
#wrapper .cpTemplate .banner .column__item h4 { position: relative; padding-left: 15px; }
#wrapper .cpTemplate .banner .column__item h4:before { content: ""; position: absolute; display: block; left: -5px; top: 6px; width: 8px; height: 8px; border-top: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#wrapper .cpTemplate .banner .column__item p { margin-top: auto; }
#wrapper .cpTemplate .banner .column__item__img { overflow: hidden; }
#wrapper .cpTemplate .banner .column__item__img img { transition: all .3s linear; }
#wrapper .cpTemplate .banner .column__item__inner { display: flex; flex-wrap: wrap; height: 120px; }
#wrapper .cpTemplate .banner .column__item__inner:after { display: none; }
#wrapper .cpTemplate .banner .column__item a { display: block; width: 100%; height: 100%; transition: all .3s linear; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .banner .column__item a:hover { background: #f9423a; }
  #wrapper .cpTemplate .banner .column__item a:hover img { transform: scale(1.05); }
  #wrapper .cpTemplate .banner .column__item a:hover h4 { color: white; }
  #wrapper .cpTemplate .banner .column__item a:hover h4:before { border-top: 1px solid white; border-right: 1px solid white; }
  #wrapper .cpTemplate .banner .column__item a:hover p { color: white; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .banner .column__item { width: 50%; margin-bottom: 2px; }
  #wrapper .cpTemplate .banner .column__item__inner { height: 50px; }
  #wrapper .cpTemplate .banner .column__item__inner p { display: none; } }
#wrapper .cpTemplate .area-search .column__item { width: 320px; height: 200px; margin-bottom: 1px; }
#wrapper .cpTemplate .area-search .column__item a { color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; z-index: 10; position: relative; transition: all .3s linear; overflow: hidden; }
#wrapper .cpTemplate .area-search .column__item a .button { width: auto; padding: 12px 10px; background: none; border: white 1px solid; margin: 0; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .area-search .column__item a .button:hover { color: white; }
  #wrapper .cpTemplate .area-search .column__item a .button:hover:before { border-top: 1px solid white; border-right: 1px solid white; } }
#wrapper .cpTemplate .area-search .column__item a span { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; font-size: 90%; }
#wrapper .cpTemplate .area-search .column__item a .bg-photo { position: absolute; width: 100%; height: 100%; z-index: -1; background: black; top: 0; left: 0; }
#wrapper .cpTemplate .area-search .column__item a .bg-photo img { width: 100%; opacity: 0.6; transition: all .3s linear; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .area-search .column__item a:hover .bg-photo img { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  #wrapper .cpTemplate .area-search .column__item a:hover .button { background: white; border: #f9423a 1px solid; color: #f9423a; }
  #wrapper .cpTemplate .area-search .column__item a:hover .button:before { border-top: 1px solid #f9423a; border-right: 1px solid #f9423a; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .area-search .column__item { width: 50%; height: 16vh; }
  #wrapper .cpTemplate .area-search .column__item a .button { padding: 0; border: none; font-size: 12px; }
  #wrapper .cpTemplate .area-search .column__item a span { display: none; } }
#wrapper .cpTemplate .price-search .button { width: 100%; border: 1px solid white; }
@media screen and (min-width: 658px) { #wrapper .cpTemplate .price-search .button:hover { border: 1px solid #f9423a; } }
@media screen and (max-width: 657px) { #wrapper .cpTemplate .price-search .column__item { margin-bottom: 2px; } }

.fav_on { background: #ffcfcd; color: #000000; margin: auto; left: 0; right: 0; width: 60%; max-width: 250px; }
.fav_on:after { border-color: #ffcfcd transparent transparent transparent; }
@media screen and (max-width: 657px) { .fav_on { width: 90%; } }

/* リンク切れツアー */
.close { position: absolute; width: 100%; top: 10%; z-index: 2; text-align: center; }
.close .closeText { display: inline-block; color: #f9423a; font-weight: bold; font-size: 15px; }
@media screen and (max-width: 657px) { .close .closeText { font-size: 13px; } }
.close .exclamationIcon { display: inline-block; width: 25px; height: 25px; margin-right: 10px; }
@media screen and (max-width: 657px) { .close .exclamationIcon { width: 18px; height: 18px; } }

/*# sourceMappingURL=main.css.map */