@charset "UTF-8";
/*メイン*/
/*歴史*/
/*産業*/
/*自然*/
/*食*/
/*文化*/
.main { background: #fff url("../img/history/contents_bg001.png") no-repeat center top; background-size: 100% auto; }
@media screen and (max-width: 750px) { .main { background: #fff url("../img/history/sp/contents_bg001.png") no-repeat center top; } }

/* ==================================================================================================== タイトル
==================================================================================================== */
@media screen and (max-width: 750px) { .maintitle-subttl { background-color: #b09a41; } }

/* ==================================================================================================== ローカルナビ
==================================================================================================== */
@media screen and (max-width: 750px) { .lnav-sec ul { background-color: #b09a41; } }
.lnav-sec ul li.lnav-column span { background: url("../img/history/lnav_i001.png") no-repeat left center; }
.lnav-sec ul li.lnav-course span { background: url("../img/history/lnav_i002.png") no-repeat left center; }
.lnav-sec ul li.lnav-spot span { background: url("../img/history/lnav_i003.png") no-repeat left center; }
.lnav-sec ul li.lnav-tours span { background: url("../img/history/lnav_i004.png") no-repeat left center; }

/* ==================================================================================================== ページナビ
==================================================================================================== */
.pagenav-sec ul li a:hover { background-color: #b09a41; }

/* ==================================================================================================== 特集
==================================================================================================== */
.column-sec .column-slide .column-slide-in .column-heading { border-bottom: 2px solid #b09a41; }
.column-sec .column-slide .column-slide-in .column-more a { background: url("../img/history/more_i001.png") no-repeat right center; }
.column-sec .slick-dots li.slick-active button:before { background-color: #b09a41 !important; }

/* ==================================================================================================== 紹介
==================================================================================================== */
.about-sec { background: url("../img/history/about_bg001.png") no-repeat center top; background-size: contain; }
@media screen and (max-width: 750px) { .about-sec { background: none; border-bottom: 1px solid #b09a41; } }

/* ==================================================================================================== モデルコース
==================================================================================================== */
.course-sec .course-box .course-box-ttl .course-box-ttl-name { background-color: #a4152c; }
.course-sec .course-box .course-box-ttl .course-box-ttl-en { color: #a4152c; }
.course-sec .course-link a { background: url("../img/history/more_i001.png") no-repeat right center; }
@media screen and (max-width: 750px) { .course-sec .course-link a { background-color: #b09a41; background-image: url("../img/common/sp/view_i001.png"), url("../img/common/sp/more_i001.png"); background-position: left center,right 45px center; background-repeat: no-repeat,no-repeat; background-size: 50px auto,25px auto; } }
@media screen and (max-width: 480px) { .course-sec .course-link a { background-position: left center,right 25px center; } }
.course-sec .course-link span { background: url("../img/history/view_i001.png") no-repeat left center; }
@media screen and (max-width: 750px) { .course-sec .course-link span { background: none; } }

/* ==================================================================================================== スポット
==================================================================================================== */
.spot-sec { background: linear-gradient(180deg, #b09a41 0%, #b09a41 25%, #f7f5ec 25%, #f7f5ec 100%); }
@media screen and (max-width: 750px) { .spot-sec { background: #b09a41; } }
.spot-sec .spot-bg { background: url("../img/history/supot_bg001.png") no-repeat right -30px top; }
@media screen and (max-width: 750px) { .spot-sec .spot-bg { background: none; } }
.spot-sec .spot-top .spot-top-focus { background-color: #a4152c; }
.spot-sec .spot-list-box .spot-list-heading span { color: #b09a41; }
.spot-sec .spot-list-box .spot-list-lead { border-bottom: 2px solid #b09a41; }
.spot-sec .spot-list-box .spot-list-txt a { padding: 5px 35px 5px 0; background: url("../img/history/more_i001.png") no-repeat right center; }
.spot-sec .spot-more-btn { background-color: #b09a41; }
@media screen and (max-width: 750px) { .spot-sec .spot-more-btn { color: #b09a41; } }
.spot-sec .spot-more-btn span { background: url("../img/history/spot_bt001.png") no-repeat left center; }
@media screen and (max-width: 750px) { .spot-sec .spot-more-btn span { background: url("../img/history/sp/spot_bt001.png") no-repeat left center; background-size: 30px auto; } }

/* ==================================================================================================== ツアー情報
==================================================================================================== */
.tours-sec .tours-box .tours-box-item .tours-box-top { border-bottom: 2px solid #b09a41; }
.tours-sec .tours-box .tours-box-item .tours-box-cost { background: url("../img/history/cost_i001.png") no-repeat left center; color: #a4152c; }
.tours-sec .tours-box .tours-box-item .tours-box-link a { background: url("../img/history/more_i001.png") no-repeat right center; }
@media screen and (max-width: 750px) { .tours-sec .tours-box .tours-box-item .tours-box-link a { border: 1px solid #b09a41; background-color: #fff; background-image: none; } }
.tours-sec .tours-box .tours-box-item .tours-box-link span { background: url("../img/history/view_i001.png") no-repeat left center; }
@media screen and (max-width: 750px) { .tours-sec .tours-box .tours-box-item .tours-box-link span { background: url("../img/history/more_i001.png") no-repeat right center; } }
.tours-sec .tours-more-btn { background-color: #b09a41; }
.tours-sec .tours-more-btn span { background: url("../img/history/spot_bt001.png") no-repeat left center; }

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