@charset "UTF-8";
/* CSS Document */
/*start_リニューアル2021対応*/
:where(.containner) *,
:where(.containner)::after,
:where(.containner)::before {
  box-sizing: content-box;
}

:where(.containner) img {
  width: auto;
}
/*end_リニューアル2021対応*/

/*++++++++++++++++++++++++++++++++++++++++++
HTML Setting
+++++++++++++++++++++++++++++++++++++++++++*/
html .contents, body .contents, .contents div, .contents span, .contents applet, .contents object, .contents iframe, .contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6, .contents p, .contents blockquote, .contents pre, .contents a, .contents abbr, .contents acronym, .contents address, .contents big, .contents cite, .contents code, .contents del, .contents dfn, .contents em, .contents font, .contents img, .contents ins, .contents kbd, .contents q, .contents s, .contents samp, .contents small, .contents strike, .contents strong, .contents sub, .contents sup, .contents tt, .contents var, .contents b, .contents u, .contents i, .contents center, .contents dl, .contents dt, .contents dd, .contents ol, .contents ul, .contents li, .contents img, .contents fieldset, .contents form, .contents label, .contents legend, .contents caption, .contents tbody, .contents tfoot, .contents thead, .contents article, .contents aside, .contents canvas, .contents details, .contents embed, .contents figure, .contents figcaption, .contents footer, .contents header, .contents hgroup, .contents menu, .contents nav, .contents output, .contents ruby, .contents section, .contents summary, .contents time, .contents mark, .contents audio, .contents video {
	box-sizing: border-box;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: inline-block;
}
/*\*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.wrap_onsen * {
	-webkit-font-smoothing: antialiased;
}
.wrap_onsen img {
	width: 100%;
}
/* ------------- トップ ------------- */
.slideWrap {
	width: 1300px;
	margin: 0 auto;
	height: 350px;
}
.topBg {
	position: relative;
	margin-bottom: 40px;
}
.topBg::after {
	content: '';
	display: block;
	width: 255px;
	height: 20px;
	background: url(../../images/tour/il_water.png) no-repeat center / contain;
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
}
.topBg h1 {
	width: 570px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.topBg h1 img {
	width: 100%;
}
/* ------------- nav ------------- */
.top_contents {
	background-color: #fff;
	width: 960px;
	margin: 0 auto;
}
.nav {
	width: 960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
    align-content: center;
}
.nav li {
	/*float: left;
	margin: 0 auto;
	padding: 0;
    width: calc(96% / 4);*/
	width: 33%;
    background: url(../../images/bg_nav_link.png) repeat center / 25px;
	margin-bottom: 1%;
	height: 60px;
	display: inline-block;
}

.price_image {
	width: 960px;
	margin: 50px auto 165px;
}
/*-------*/

/*.nav_div_base {
	height: 70px;
}*/
.nav_div {
	background-color: rgba(255,255,255,.8);
	width: 100%;
	text-align: center;
	z-index: 200 !important;
}
.link_nav,
.link_nav:visited {
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	/*width: 220px;*/
	text-align: center;
	/*background: url(../images/bg_nav_link.png) repeat center / 25px;*/
	color: white;
	font-size: 14px;
    padding: 10px 5px 10px 0;
	transition: .3s;
    box-sizing: border-box;
}
.link_nav:hover {
	opacity: .7;
	color: white;
	text-decoration: none;
}
.link_nav::after {
	content: '';
	position: absolute;
	right: 10px;
	top: 47%;
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid white;
	border-right: 2px solid white;
	transform: rotate(45deg) translateY(-50%);
}
.fixed .link_nav {
	padding: 15px 0;
	font-size: 14px;
}
/* ------------- osusumeBox ------------- */
.osusume_wrap {
	padding: 50px 0;
}
.osusume_ttl {
    position: relative;
    margin-bottom: 100px;
    font-size: 28px;
	font-weight: normal;
    font-family: 'Noto Serif JP', sans-serif;
    letter-spacing: .05em;
    line-height: 1.5;
    text-align: center;
}
.sub-txt_osusume-ttl {
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.osusume_ttl::after {
    content: '';
    display: block;
    width: 130px;
    height: 32.5px;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../../images/after_ttl-rank.png) no-repeat center / contain;
}
/* ------------- main ------------- */

.hotelBox_bg {
	position: relative;
	padding-bottom: 80px;
	background-color: #e6d9ba;
}
.hotelBox_bg::after {
    content: '';
    display: block;
    width: 255px;
    height: 20px;
    background: url(../../images/tour/il_water.png) no-repeat center / contain;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.wrap_box-hotel {
	width: 960px;
	margin: 0 auto;
}
.hotelBox_stickBox {
	display: flex;
	justify-content: space-between;
	width: 630px;
	margin: 0 auto;
	transform: translateY(-50%);
}
.stickBox_image {
	width: 180px;
}
.txt_stickBox {
    text-align: right;
    display: block;
    padding-right: 6px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: .05em;
    color: #333;
}
.stickbox_fukidasi {
	width: 630px;
	align-self: flex-end;
}
.inner_stickbox_fukidasi {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	color: white;
	font-size: 14px;
	letter-spacing: .03em;
	background: #d35f27;
	border-radius: 8px;
	position: relative;
}
/*.inner_stickbox_fukidasi::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 12px 8px 0;
	border-color: transparent #d35f27 transparent transparent;
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
}*/
/* ------------- slickbox ------------- */
.slickbox {
	position: relative;
	width: 292.5px;
	height: 219px;
}
.slick-prev,
.slick-next {
	background: #a91f28;
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 0;
	z-index: 100;
}
.slick-prev::before,
.slick-next::before {
	content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
}
.slick-prev::before {
    border-top: 2px solid white;
    border-left: 2px solid white;
    transform: rotate(-45deg);
    left: 10px;
    top: 8px;
}
.slick-next::before {
    border-top: 2px solid white;
    border-right: 2px solid white;
    transform: rotate(45deg);
    left: 7px;
    top: 8px;
}
.slick-prev {
	left: 10;
}
.slick-next {
	bottom: 0;
	right: 0;
}
button {
	display: inline-block;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: auto;
	overflow: visible;
	color: transparent;
}
.slickBtn_right {
	position: absolute;
	bottom: 0;
	right: 0;
}
/* ------------- slickboxここまで ------------- */
.hotelBox {
	background: #fff;
	box-sizing: border-box;
	display: inline-block;
	width: 293px;
	margin-right: 40px;
	margin-bottom: 30px;
	vertical-align: top;
}
.hotelBox:nth-of-type(3n) {
	margin-right: 0;
}
.hotelBox a {
	text-decoration: none;
}
.box_dt {
	font-size: 14px;
	font-weight: bold;
	/*padding: 20px 17px 12px 22px;*/
	padding: 10px 17px 12px 22px;
}
.box_dd_wrap {
	background-color: #f9f5eb;
	font-size: 13px;
	line-height: 20px;
	width: 222px;
	padding: 15px 20px;
	margin: 10px auto 0;
	position: relative;
}
.cmnt_rcmnd {
	font-size: 13px;
    line-height: 1.5;
    letter-spacing: .03em;
}
.box_dd_deco {
	background: url(../../images/tour/box_deco.png) no-repeat center / contain;
	position: absolute;
	height: 17px;
	width: 20px;
	top: -8px;
	left: -2px;
}
.box_dd_price {
	color: #ff0000;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	padding: 17px 22px 20px 0;
}
.btn_detail {
	display: block;
    width: calc(100% - 20px);
    background: #a91f28;
    color: white;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto 10px auto;
	font-size: 14px;
}
.btn_detail::after {
	content: "\f061";
    display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    transition: .3s;
}
.hotelBox a:hover .btn_detail {
	background: #03345e;
}
.hotelBox a:hover .btn_detail::after {
	transform: translateX(10px);
}
/* ------------- lank ------------- */

.lank_wrap {
	background: #fff;
	padding: 80px 0;
	width: 960px;
	margin: 0 auto;
}
.lank_ttl {
	position: relative;
	margin-bottom: 100px;
    font-size: 28px;
    font-family: 'Noto Serif JP', sans-serif;
    letter-spacing: .05em;
    line-height: 1.5;
	text-align: center;
}
.lank_ttl::after {
	content: '';
	display: block;
	width: 130px;
	height: 32.5px;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../../images/tour/after_ttl-rank.png) no-repeat center / contain;
}
.link_rank {
	display: block;
	margin-bottom: 40px;
}
.link_rank:last-of-type {
	margin-bottom: 0;
}
.link_rank:hover {
	text-decoration: none;
}
.lank_boxWrap {
	width: 960px;
	display: flex;
	justify-content: space-between;
}
.lank_image {
	width: 400px;
	height: 300px;
}
.link_rank:nth-of-type(2) .lank_image {
	order: 2;
}
.wrap_lank-txtBox {
    width: 560px;
    position: relative;
	transform: translateX(-20px);
}
.link_rank:nth-of-type(2) .wrap_lank-txtBox {
	transform: translateX(20px);
}
.lank-txtBox {
    position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.inner_lank-txtBox {
	position: relative;
	width: 100%;
	padding: 30px 30px 70px 30px;
	background: rgba(255,255,255,.8);
	box-sizing: border-box;
}
.lank_number {
	margin-bottom: 20px;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 23px;
	letter-spacing: .05em;
}
.lank_number::before {
	content: '';
	display: inline-block;
	width: 74px;
	height: 46px;
	margin-right: 10px;
	vertical-align: -15px;
}
.link_rank:first-of-type .lank_number::before {
	background: url(../../images/tour/icn_rank01.png) no-repeat center / contain;
}
.link_rank:nth-of-type(2) .lank_number::before {
	background: url(../../images/tour/icn_rank02.png) no-repeat center / contain;
}
.link_rank:last-of-type .lank_number::before {
	background: url(../../images/tour/icn_rank03.png) no-repeat center / contain;
}
.lank_txt {
	font-size: 14px;
	letter-spacing: .02em;
	line-height: 1.8;
}
.lank_linkbox {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: #a91f28;
	color: white;
	font-size: 14px;
	padding: 8px 15px 8px 25px;
	transition: .3s;
}
.link_rank:hover .lank_linkbox {
	background: #03345e;
}
.lank_linkbox::after {
	content: "\f061";
	display: inline-block;
	margin-left: 20px;
	font-size: 12px;
  	font-family:'Font Awesome 5 Free';
	font-weight: bold;
	transition: .3s;
}
.link_rank:hover .lank_linkbox::after {
	transform: translateX(10px);
}
/*_g*/
.link_rank_g {
	cursor: default;
}
.link_rank_g .lank_linkbox,
.link_rank_g:hover .lank_linkbox {
	background: #ababab;
}
.link_rank_g:hover .lank_linkbox::after {
	transform: none;
}
/* ------------- onsenTabBox ------------- */
.onsenTab_bg {
	background: #f4eee7;
	height: 100%;
}
.onsenTab_wrap {
	width: 960px;
	margin: 0 auto;
	padding: 80px 0;
}
.onsenTab_menu {
	display: table;
	table-layout: fixed;
	width: 960px;
	height: 71px;
	margin-bottom: 50px;
	border-collapse: collapse;
	border-spacing: 1px;
}
.onsenTab_item:target {
	-webkit-animation: modify 0.1s;
	animation: modify 0.1s;
}
@-webkit-keyframes modify {
 0% {
padding-top: 220px;
margin-top: -220px;
}
 100% {
padding-top: 0;
margin-top: 0;
}
}
@keyframes modify {
 0% {
padding-top: 220px;
margin-top: -220px;
}
 100% {
padding-top: 0;
margin-top: 0;
}
}
.onsenTab_menu li {
	background-color: #d35f27;
	display: table-cell;
	text-align: center;
	border-left: 1px solid #f4eee7;
	vertical-align: middle;
}
.onsenTab_menu li:first-child {
	border-radius: 6px 0 0 6px;
}
.onsenTab_menu li:last-child {
	border-radius: 0 6px 6px 0;
}
.onsenTab_btn,
.onsenTab_btn:visited {
	position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.onsenTab_btn:hover {
	text-decoration: none;
}
.txt_onsenTab-btn {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
	line-height: 71px;
	position: relative;
}
.txt_onsenTab-btn::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: 0;
	bottom: -10px;
	opacity: 0;
	transition: .2s;
}
.onsenTab_btn:hover .txt_onsenTab-btn::after,
.onsen-active-btn .txt_onsenTab-btn::after {
	opacity: 1;
	bottom: -5px;
}
.onsenTab_item {
	display: none;
}
.onsen-active-item {
	display: block;
	width: 960px;
}
a.onsen_linkHover {
	padding: 25px 0;
	border-top: 1px solid #d1c3a7;
}
a.onsen_linkHover:last-child {
	border-bottom: 1px solid #d1c3a7;
}
a.onsen_linkHover:hover .onsen_linkbox {
	background: #03345e;
}
.onsen_linkbox::after {
    content: "\f061";
	display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
	transition: .3s;
}
a.onsen_linkHover:hover .onsen_linkbox::after {
	transform: translateX(10px);
}
.onsenBlock_image {
	float: left;
}
.img_tour {
	position: relative;
    background: #ababab;
    display: inline-block;
    width: 210px;
	height: 157.5px;
}
.img_tour:first-child {
	margin-right: 5px;
}
.img_tour::after {
	content: 'no img';
	display: inline-block;
	color: white;
	font-size: 13px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.onsenBlock_image img {
	position: relative;
	width: 100%;
	z-index: 10;
}
.onsenBlock_rightBox {
	float: right;
	width: 510px;
}
.onsenBlock_ttl {
	color: #1d3994;
	font-weight: bold;
	font-size: 16px;
	line-height: 22.5px;
	margin-bottom: 18px;
}
.onsenBlock_txt {
	background: #fff;
	border-radius: 6px;
	width: 475px;
	padding: 15px;
	margin-bottom: 20px;
	font-size: 13px;
	letter-spacing: 0.05em;
	line-height: 22.5px;
}
.onsenTxtBottom_wrap {
	width: 100%;
}
.onsenBlock_icon img:first-child {
	margin-right: 5px;
}
.onsenBlock_icon img:last-child {
	margin-left: 5px;
}
.onsenBlock_price {
	display: inline-block;
	color: red;
	font-size: 18px;
	font-weight: bold;
	line-height: 20.5px;
	line-height: 2;
}
.onsen_linkbox {
	display: inline-block;
	background: #a91f28;
	font-size: 14px;
	float: right;
	color: white;
	padding: 8px 15px 8px 25px;
	transition: .3s;
}
.wrap_link-more {
	width: 960px;
	margin: 50px auto 0 auto;
	text-align: center;
}
.link_more, .link_more:visited {
	display: inline-block;
	margin: 0 auto;
	padding: 15px 20px;
	text-align: center;
	background-color: #a91f28;
	color: #fff !important;
	letter-spacing: 0.05em;
	text-align: center;
	font-size: 16px;
	transition: .3s;
}
.link_more::after {
	content: "\f061";
    display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    transition: .3s;
}
.link_more:hover::after {
	transform: translateX(10px);
}
.link_more:hover {
	background: #03345e;
	text-decoration: none;
}
.onsen_moreView a:visited {
	color: #fff;
	text-decoration: none;
}
.bottom_bannerBox {
	width: 960px;
	margin: 0 auto;
	padding-top: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bn {
	display: block;
	margin-bottom: 30px;
	transition: .3s;
}

.bn:hover {
	opacity: .7;
}

/*191119追加2*/
.bg-slider {
	/*width: 100vw;*/
	width: 100%;
	height: 350px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}

.block-area {
    overflow: hidden;    
    margin: 15px 20px 0;
}
.block-area li {
    float: left;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-right: 10px;
    padding: 5px 10px;
}
.block-area li:nth-child(1) {
    background-color: #95a3bf;
    color: #fff;
}
.block-area li:nth-child(2) {
    background-color: #dbb19e;
    color: #fff;
}

#sec_area .block-area {
	margin: 0 0 15px;
}