@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }

html { font-size: 62.5%; }
@media screen and (max-width: 768px) { html { font-size: 57.5%; } }

/* html { font-size: 16px; } */
/* @media screen and (max-width: 600px) { html { font-size: 3.5vw; } } */

body { color: #333; font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
@media screen and (max-width: 768px) { body { font-size: 3.5vw !important; } }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

a { color: #333; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-size: 1rem; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { font-size: 1.6rem; }

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

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

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 600px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 600px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 600px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 600px) { table.only-sp { display: table; } }

.ttl-section { padding-top: 60px; font-size: 3.4rem; font-weight: bold; text-align: center; letter-spacing: 5px; }
@media screen and (max-width: 600px) { .ttl-section { font-size: 2.2rem; letter-spacing: 2px; } }
/* .ttl-section { padding-top: 60px; font-size: 2.1428571429rem; font-weight: bold; text-align: center; letter-spacing: 5px; }
@media screen and (max-width: 600px) { .ttl-section { font-size: 1.5714285714rem; letter-spacing: 2px; } } */
.ttl-section-en { font-size: 1.2rem; margin: 4px 0 80px; color: #4d998a; font-weight: bold; text-align: center; letter-spacing: .1em; }
/* @media screen and (max-width: 600px) { .ttl-section-en { letter-spacing: 0; } } */

.txt, .tbl, .tour-ttl, .tour-detail dl, .spot .spot-ttl { line-height: 1.5; }

.bg-pink { background: url("../img/common/bg_pink.gif") top left; }

.bg-orange { background: url("../img/common/bg_orange.gif") top left; }

.bg-black { background: url("../img/common/bg_black.gif") top left; }

.bg-gray { background: url("../img/common/bg_gray.gif") top left; }

.bg-blue { background: url("../img/common/bg_blue.gif") top left; }

.bg-red { background: url("../img/common/bg_red.gif") top left; }

.ico::before { display: inline-block; margin-right: 5px; vertical-align: middle; }

.ico-calendar::before { content: url("../img/home/search_i002.png"); }

.ico-area::before { content: url("../img/home/search_i003.png"); }

.ico-cat::before { content: url("../img/home/search_i004.png"); }

.ico-keyword::before { content: url("../img/home/search_i005.png"); }

.ico-calendar-w::before { content: url("../img/home/calendar_i.png"); }

.ico-pdf::before { content: url("../img/common/pdf_i001.png"); }

.ico-blank::after { display: inline-block; margin-left: 5px; vertical-align: middle; content: url("../img/common/blank_i001.png"); }

.inp { padding: 10px; border: none; background-color: #efede9; }

.inp-full { width: 100%; font-size: 1.6rem; }

.inp-s { width: 6em; }

.inp-ss { width: 4em; }

.tbl { width: 100%; font-size: 1.8rem; }
@media screen and (max-width: 768px) { .tbl { font-size: 1.6rem; } }
/* .tbl { width: 100%; font-size: 1.1428571429rem; } */
.tbl th { width: 250px; padding: 28px 13px 28px 33px; border: 1px solid #e6e6e4; background-color: #efede9; text-align: left; vertical-align: middle; }
@media screen and (max-width: 768px) { .tbl th { display: block; width: 100%; padding: 13px; } }
.tbl td { padding: 28px 28px 28px 33px; border: 1px solid #e6e6e4; vertical-align: middle; }
@media screen and (max-width: 768px) { .tbl td { display: block; width: 100%; padding: 13px; } }

.tour-item { float: left; width: 25%; padding-left: 1px; margin-bottom: 30px; }
.tour-item:first-child { padding-left: 0; }
@media screen and (max-width: 768px) { .tour-item { width: 50%; margin-bottom: 30px; } }
@media screen and (max-width: 600px) { .tour-item { width: 100%; padding-left: 0; } }
.tour-item a { display: block; text-decoration: none; }
.tour-item a:hover img { opacity: 0.7; }
.tour-item figure { margin-bottom: 10px; }
@media screen and (max-width: 600px) { .tour-item figure { text-align: center; } }
.tour-item .tour-item-content { padding-right: 10px; }

.tour-ico { display: inline-block; min-width: 150px; padding: 5px; color: #fff; font-size: 1.3rem; text-align: center; margin-bottom: 5px; margin-right: 5px; }
@media screen and (max-width: 600px) { .tour-ico { padding:2% 4%; margin: 0 1% 1% 0;}}
.tour-ttl { margin: 5px 0; font-size: 2rem; font-weight: bold; }
@media screen and (max-width: 600px) {.tour-ttl { margin: 1% 0 3%;}}
.tour-detail dl { float: left; width: 50%; margin-top: 10px; font-size: 1.3rem; }
.tour-detail dl /* :first-child */ { width: 100%; }
@media screen and (max-width: 960px) { .tour-detail dl { /* float: none; */ width: 100%; } }
.tour-detail dl dt { float: left; width: 5em; background-color: #95958b; color: #fff; text-align: center; }
.tour-detail dl dd { margin-left: 5.5em; }

/** テンプレート */
.header { width: 100%; border-bottom: 1px solid #85cabd; background-color: #1a9c83; }
.header .header-inner { max-width: 1540px; margin: 0 auto; padding: 25px 20px 27px; }
.header .header-logo { float: left; max-width: 50%; }
.header .header-sns { float: right; padding-top: 11px; }
.header .header-sns li { float: left; padding-left: 20px; }

#home { position: relative; }
/*
#home .header { position: absolute; top: 0; left: 0; z-index: 10; background: none; border-bottom: none; }
*/
#home .header { border-bottom: none; background-color: #fff; }

.content { max-width: 1440px; margin: 0 auto; padding: 0 20px; }

.topicpath { padding-top: 72px; padding-bottom: 90px; }
@media screen and (max-width: 768px) { .topicpath { padding: 20px 20px 30px; } }
.topicpath li { display: inline-block; line-height: 1.3; }
.topicpath li::after { content: '　＞　'; }
.topicpath li:first-child::before { content: url("../img/common/topicpath_i001.png"); display: inline-block; margin-right: 5px; vertical-align: middle; }
.topicpath li:last-child::after { content: ''; }
.topicpath li a { color: #333; }

/*
.footer { background-color: #f5f6f8; }
.footer .content-inner { padding: 3.5714285714% 3.5714285714% 7.1428571429%; }
.footer .footer-info { float: left; width: 58.4615384615%; padding-left: 3.8461538462%; }
@media screen and (max-width: 768px) { .footer .footer-info { float: none; width: 100%; padding-left: 0; } }
.footer .footer-info dt { margin: 25px 0 20px; font-size: 1.1428571429rem; font-weight: bold; }
.footer .footer-info dt small { font-size: 0.8571428571rem; margin-left:1em; }
@media screen and (max-width: 768px) { .footer .footer-info dt small { margin-left:0; } }
.footer .footer-banner { float: right; width: 40%; margin-top: 100px; }
@media screen and (max-width: 768px) { .footer .footer-banner { float: none; width: 100%; margin-top: 40px; } }
.footer .footer-banner li { float: left; width: 49%; margin-left: 2%; }
.footer .footer-banner li:first-child { margin-left: 0; }
.footer .footer-banner p { margin-top: 20px; font-size: 0.7857142857rem; text-align: right; }
@media screen and (max-width: 768px) { .footer .footer-banner p { text-align: center; } }
*/

/** ホーム */
.mainvisual { position: relative; }
@media screen and (max-width: 768px) { .mainvisual { padding-top: 100%; background: url("../img/home/main_p001.jpg") no-repeat center top; background-size: auto 100%; } }
.mainvisual .mainvisual-ttl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.mainvisual .mainvisual-scroll { position: absolute; left: 0; bottom: -44px; width: 100%; text-align: center; }
.mainvisual .mainvisual-img img { width: 100%; }
@media screen and (max-width: 768px) { .mainvisual .mainvisual-img img { display: none; } }

.about { background-color: #f8f6f4; }
.about .content-inner { padding: 7% 3.5714285714% 10.7142857143%; }
.about dl { float: left; width: 53.8461538462%; }
@media screen and (max-width: 768px) { .about dl { float: none; width: 100%; } }
.about dl dt { margin-bottom: 20px; font-size: 3.4rem; font-weight: bold; line-height: 1.5; letter-spacing: 5px; }
@media screen and (max-width: 768px) { .about dl dt { font-size: 2.4rem; letter-spacing: .1em; } }
/* .about dl dt { margin-bottom: 20px; font-size: 2.1428571429rem; font-weight: bold; line-height: 1.5; letter-spacing: 5px; } */
/* @media screen and (max-width: 600px) { .about dl dt { font-size: 1.5714285714rem; letter-spacing: 2px; } } */
.about dl dd { line-height: 2.5; }
@media screen and (max-width: 768px) { .about dl dd { font-size: 1.6rem; line-height: 1.8; } }
.about p { float: right; width: 42.3076923077%; }
@media screen and (max-width: 768px) { .about p { float: none; width: 100%; margin-top: 20px; text-align: center; } }

.search .content-inner { padding: 7.5% 3.5714285714% 11.0714285714%; }
.search .ttl-section { background: url("../img/home/search_i001.png") no-repeat top center; }
.search .ttl-section-en { margin-bottom: 35px; }
/* @media screen and (max-width: 768px) { .search .ttl-section-en { margin-bottom: 5px; } } */
.search .search-cond { margin-bottom: 30px; }
.search .search-ttl { margin-bottom: 20px; }
.search .search-subttl { margin-bottom: 20px; }
/* .search .search-ttl { margin-bottom: 20px; font-size: 1.2857142857rem; }
.search .search-subttl { margin-bottom: 20px; font-size: 1.1428571429rem; } */
.search .search-date-ico { display: inline-block; padding: 7px 20px; color: #fff; vertical-align: middle; }
/* .search .search-date-ico { display: inline-block; padding: 7px 20px; color: #fff; font-size: 1.1428571429rem; vertical-align: middle; } */
.close .content-inner { padding: 15% 0 11.0714285714%; margin-top: -7.5%; }
.close .ttl-section { background: url("../img/home/close_i001.png") no-repeat top center; }

.newly { background-color: #eef9f7; }
.newly .content-inner { padding: 7.5% 0 11.0714285714%; }
.newly .ttl-section { background: url("../img/home/newly_i001.png") no-repeat top center; }
@media screen and (max-width: 768px) { .search .txt {font-size: 1.6rem; line-height: 1.6!important;}}
@media screen and (max-width: 768px) { .search .search-date-ico { font-size: 1.5rem; display: block; } }
.search .search-date .inp { font-size: 16px; margin: 0 10px; }
@media screen and (max-width: 960px) { .search .search-date .search-date-end { display: block; margin-top: 20px; } }
@media screen and (max-width: 768px) { .search .search-date .search-date-bw { display: block; margin-top: 20px; text-align: center; } }
.search .search-area-map { float: left; width: 32.3076923077%; }
.search .search-area-map area { outline: none; }
@media screen and (max-width: 768px) { .search .search-area-map { float: none; width: 100%; } }
.search .search-area-inp { float: right; width: 63.8461538462%; }
@media screen and (max-width: 768px) { .search .search-area-inp { float: none; width: 100%; margin-top: 20px; } }
.search .search-area-inp dl { font-size: 1.6rem; float: left; width: 48.1927710843%; margin: 10px 3.6144578313% 0 0; }
/* .search .search-area-inp dl { float: left; width: 48.1927710843%; margin: 10px 3.6144578313% 0 0; font-size: 1.1428571429rem; } */
.search .search-area-inp dl:last-child { margin-right: 0; }
@media screen and (max-width: 600px) { .search .search-area-inp dl { float: none; width: 100%; } }
.search .search-area-inp dl dt { position: relative; padding: 10px; background-color: #efede9; }
.search .search-area-inp dl dt:not(.area_other)::after { content: ''; position: absolute; top: 50%; right: 15px; display: block; width: 8px; height: 8px; margin-top: -7px; border-left: 3px solid #545454; border-bottom: 3px solid #545454; transform: rotate(-45deg); }
.search .search-area-inp dl dd { display: none; padding-bottom: 10px; }
.search .search-area-inp dl dd label { display: inline-block; margin-top: 10px; padding-left: 1em; white-space: nowrap; }
.search .search-area-inp .search-area-all { font-size: 1.6rem; padding: 0 0 10px 10px; font-weight: bold; }
/* .search .search-area-inp .search-area-all { padding: 0 0 10px 10px; font-size: 1.1428571429rem; font-weight: bold; } */
.search .search-area-inp .search-subttl { margin-top: 30px; }
.search .search-ctrl { margin-top: 60px; text-align: center; }
.search .search-btn { display: inline-block; position: relative; width: 350px; max-width: 45%; margin-right: 30px; padding: 20px 0; color: #fff; font-size: 1.8rem; text-align: center; letter-spacing: 3px; }
/* .search .search-btn { display: inline-block; position: relative; width: 350px; max-width: 45%; margin-right: 30px; padding: 20px 0; color: #fff; font-size: 1.4285714286rem; text-align: center; letter-spacing: 3px; } */
@media screen and (max-width: 600px) { .search .search-btn { display: block; max-width: 80%; margin: 0 auto; } }
.search .search-btn:last-child { margin-right: 0; }
@media screen and (max-width: 600px) { .search .search-btn:last-child { margin: 20px auto 0; } }
.search .search-btn::after { content: ''; position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; margin-top: -6px; background: url("../img/common/arrow_s_w.png") no-repeat; }
.search .search-result { margin-top: 40px; }
@media screen and (max-width: 768px) { .search .search-result { margin-top: 5px; } }
.search .search-result-txt { font-size: 1.8rem; line-height: 1.6; float: left; margin-top: 100px; margin-bottom: 50px; }
/* .search .search-result-txt { float: left; margin-top: 100px; margin-bottom: 50px; } */
.search .search-result-txt big { color: #dc7494; font-size: 2.1428571429rem; font-weight: bold; }
@media screen and (max-width: 768px) { .search .search-result-txt { margin-top: 20px; margin-bottom: 50px; } }
.search .search-result-sort { float: right; }
@media screen and (max-width: 600px) { .search .search-result-sort { margin-top: 20px; } }
.search .search-result-sort select { margin-left: 1em; padding: 5px; }
.search .search-result-item { padding: 50px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #dddddd; }
.search .search-result-item:first-child { border-top: none; }
.search .search-result-item:last-child { border-bottom: none; }
.search .search-result-item-img { float: left; width: 19.2307692308%; }
@media screen and (max-width: 768px) { .search .search-result-item-img { float: none; width: 100%; text-align: center; } }
.search .search-result-item-content { float: right; width: 78.8461538462%; }
@media screen and (max-width: 768px) { .search .search-result-item-content { float: none; width: 100%; margin-top: 20px; } }
.search .search-result-item-content .tour-detail { float: left; width: 50%; }
@media screen and (max-width: 768px) { .search .search-result-item-content .tour-detail { float: none; width: 100%; } }
.search .search-result-item-btn { position: relative; float: right; display: inline-block; width: 400px; max-width: 50%; margin-top: 20px; padding: 10px; color: #fff; font-size: 1.1428571429rem; text-align: center; text-decoration: none; }
@media screen and (max-width: 768px) { .search .search-result-item-btn { float: none; display: block; max-width: 80%; margin: 20px auto 0; } }
.search .search-result-item-btn::after { content: ''; position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; margin-top: -6px; background: url("../img/common/arrow_s_w.png") no-repeat; }
.search .search-more { position: relative; display: block; margin-top: 70px; padding: 15px; border: 1px solid #000; color: #333; font-size: 1.2142857143rem; text-align: center; text-decoration: none; }
.search .search-more::after { content: ''; position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; margin-top: -6px; background: url("../img/common/arrow_s_b.png") no-repeat; }

.spot .content-inner { padding: 0 7.1428571429%; }
@media screen and (max-width: 600px) { .spot .content-inner { padding: 0 ; } }
.spot .spot-gallery { margin-bottom: 30px; }
.spot .spot-gallery .spot-gallery-main { float: left; width: 83.3333333333%; }
@media screen and (max-width: 768px) { .spot .spot-gallery .spot-gallery-main { float: none; width: 100%; } }
.spot .spot-gallery .spot-gallery-sub { float: right; width: 12.5%; }
@media screen and (max-width: 768px) { .spot .spot-gallery .spot-gallery-sub { float: none; width: 100%; margin-top: 5px; } }
.spot .spot-gallery .spot-gallery-sub li { margin-bottom: 15px; }
.spot .spot-gallery .spot-gallery-sub .slick-current li { position: relative; }
.spot .spot-gallery .spot-gallery-sub .slick-current li::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 4px solid #e5e2b8; }
.spot .spot-ttl { margin: 15px 0 10px; font-size: 2.6rem; }
@media screen and (max-width: 768px) { .spot .spot-ttl { font-size: 2.2rem; } }
/* .spot .spot-ttl { margin: 15px 0 10px; font-size: 1.7142857143rem; } */
.spot .spot-txt { margin-bottom: 50px; line-height: 2; }
.spot .spot-list { margin-top: 35px; }
.spot .spot-list dt { font-size: 1.7142857143rem; font-weight: bold; }
.spot .spot-list dt::before { content: url("../img/common/link_i001.png"); display: inline-block; margin-right: 5px; vertical-align: middle; }
.spot .spot-list li { margin-top: 20px; font-size: 1.4285714286rem; }

.reco .content-inner { padding: 5.7142857143% 0 10%; }
@media screen and (max-width: 768px) { .reco .content-inner { margin-top: 60px; } }
.reco .ttl-section { margin-bottom: 50px; padding-top: 0; }

/* 共通 */
.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

/* 追加 */
#header {
    background-color: #fff;
}
footer {
    background-color: #404040;
    padding-top: 20px;
    padding-bottom: 60px;
}
/* #foot_link_list {
    font-size: 110%;
}
#address {
    font-size: 1rem;
} */
.tour-list .tour-item figure {
    margin: 0 0 10px 0;
}
.tour-list .tour-item img {
    width: 100%;
}
.search-result .search-result-list .search-result-item figure {
    margin: 0 0 10px 0;
}
.tour_application_url {
    color: #ec1e1e;
}
.tour_contents_text1 {
    margin: 15px 0 10px;
    font-size: 200%;
    line-height: 1.5;
}
.tour_contents_text2 {
    margin: 15px 0 10px;
    font-size: 140%;
    line-height: 1.3;
}
.tour_contents_text3 {
    margin: 15px 0 10px;
    font-size: 110%;
    line-height: 1.1;
}
.tour_contents_image1 {
    max-width: 100%;
    margin: 30px 0;
}

@media screen and (max-width: 768px) {
body.bannerfixed {
    padding-bottom: 0;
}
}