@charset "utf-8";


.product_tag_icon{background: none;color:#222;border: 2px #aaa dotted;}
.codeitem_txt {/*border-top: 1px #aaa dashed;border-bottom: 1px #aaa dashed;*/background:#eee;border-radius:5%;padding: 5px;}
.long_stay_box .productbyhotel div .listitem li {background: #fff;}

.long_stay_box {
    padding: 1% 0;
background: rgb(0,255,166);
background: linear-gradient(135deg, rgba(0,255,166,1) 0%, rgba(143,216,211,1) 0%, rgba(150,214,210,1) 0%, rgba(155,213,209,1) 0%, rgba(161,211,208,0.7399334733893557) 0%, rgba(167,210,207,1) 0%, rgba(118,223,215,1) 0%, rgba(57,211,229,1) 0%, rgba(134,223,232,1) 0%, rgba(180,230,234,1) 0%, rgba(225,237,236,1) 100%);
}
.ttl_deco h2 {
    margin: .5% auto !important;
    color: #0f304c !important;
    /* font-weight:100; */
    position: relative;
    width: 15% !important;
    z-index: 1;
}
/*
#tohoku h2:after {content: '東北エリア';color: #fff;position: absolute;left: 2px;top: 1px;z-index: -1;}
#nkanto h2:after {content: '北関東エリア';color: #fff;position: absolute;left: 2px;top: 1px;z-index: -1;}
#shutoken h2:after {content: '首都圏エリア';color: #fff;position: absolute;left: 2px;top: 1px;z-index: -1;}
*/
.long_stay .feature .section h3 {
    background: none;
    border-bottom: solid 1px #0f304c;
    /* border-left: 31px solid #39d3e5; */
    color: #0f304c;
    font-weight: 100;
}

.article_contens>ul.feature>li{display:inline-block;display:-ms-inline-flexbox;width:100%}
.article_contens>ul.feature>li:nth-child{margin-bottom:4.5%}
.article_contens>ul.feature>li>div{display:flex}
.article_contens>ul.feature>li .ac_i_box{width:20%;margin-right:3%}
.article_contens>ul.feature>li .ac_i_box img{width:100%}
.article_contens>ul.feature>li .ac_t_box{display:block;width:78%}
.article_contens>ul.feature>li .ac_ttl{color:#029e9a;font-size:1.4rem;line-height:1.5;font-weight:bold}
.article_contens>ul.feature>li .ac_txt{margin:4% 0 2%;line-height:1.5}
.article_contens>ul.feature>li .ac_t_box>.ac_tag>li{margin-right:2%;margin-bottom:0;border-radius:20%;background:#d7f1f2;padding:3px 5px;display:inline-flex;width:auto}

/*----------------text----------------*/
.codeitem_txt {display: none!important;}
.bg_orange {
	margin: 2% 0;
	padding: 3%;
	border: 1.5px solid #ff9731;
	border-radius: 10px;
}
.possible {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px;
}
.possible.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.possible>p {
	text-align: center;
	width: 120px;
	padding: 5px 0;
	font-size: 1.3rem;
}
.possible>.one {
	margin-right: 10px;
	background-color: #ffd5ad;
	color: #663c14;
}
.possible.column>.one {margin-bottom: 5px;}
.possible>.time {
	background-color: #ff7e00;
	color: #fff;
}

@media all and (max-width:767px){
	.ttl_deco h2 {width:29% !important;text-align:center;}
	.bnr_sp > div > .jretravel-image {width: 100%;/*height: 72px*/;margin: 0 0 7%;}
	.bnr_sp .image.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 {width: 100%;}

	.article_contens{width:100%}
	.article_contens>ul.feature>li{display:block;width:96%;margin:0 3% 2%}
	.article_contens>ul.feature>li:nth-child(odd){margin:0 3% 2%}
	.article_contens>ul.feature>li>div{display:block}
	.article_contens>ul.feature>li .ac_i_box{display:inline-block;width:48%;margin-right:2%;vertical-align:top}
	.article_contens>ul.feature>li .ac_t_box{display:inline-block;width:48%;margin:0}
	.article_contens>ul.feature>li .ac_txt{margin:0}
	/*----------------text----------------*/
	.bg_orange.sp_pd {padding: 5%;}
}

@media all and (min-width:768px){
.slider_three .slick-prev, .slider_three .slick-next{background-color: #fff;border-radius: 60%;}
}

/*----------------商品----------------*/
.hotel li,.base_prod.bgc li {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .hotel:not(.swiper-wrapper) li {
    width: 95%;
    margin: 0 auto;
  }
}

/*--- 追記：ナビゲーション ------------------------------------------------------------------------------------*/
.cmn_contents .clm_osusume_area>ul.nav_longstay {
	display: -webkit-flex;
	display: flex;
}
.cmn_contents .clm_osusume_area>ul.nav_longstay>li {
	width: auto;
	flex: 1;
	padding: 0 !important;
	position: relative;
}
.list_arrow_2.clm_osusume_area>ul.nav_longstay>li:before {display: none;}
.list_arrow_2.clm_osusume_area>ul.nav_longstay>li:after {
	width: 8px;
	height: 8px;
	left: 18px;
	transform: rotate(135deg);
}
.cmn_contents .clm_osusume_area>ul.nav_longstay>li a {
	display: block;
	padding: 14px 12px 14px 28px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #0f304c;
	position: relative;
}
.cmn_contents .clm_osusume_area>ul.nav_longstay>li a::before {
	position: absolute;
	content: "";
	height: calc(100% - 16px);
	border-right: 1px dashed #fff;
	top: 8px;
	right: 0;
}

@media all and (max-width:767px){
	.cmn_contents .clm_osusume_area>ul.nav_longstay {flex-wrap: wrap;}
	.cmn_contents .clm_osusume_area>ul.nav_longstay>li {
		width: 50%;
		flex: 0 1 auto;
		border-bottom: none;
	}
	.cmn_contents .clm_osusume_area>ul.nav_longstay>li:nth-of-type(2n) a::before {display: none;}
	.cmn_contents .clm_osusume_area>ul.nav_longstay>li a {
		padding: 11px 12px 11px 16%;
	}
	.cmn_contents .clm_osusume_area>ul.nav_longstay>li a::after {left: 10%;}
	.cmn_contents .clm_osusume_area>ul.nav_longstay>li:nth-of-type(n+3) a {border-top: 1px dashed #fff;}
}

/*---------------------------------------------------------------------------------------
		ここから再配布検索パネルによるCSS修正
---------------------------------------------------------------------------------------*/
.feature .section.ttl_deco h2 {
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	position: relative;
}
.feature .section.ttl_deco h2::before,
.feature .section.ttl_deco h2::after {
	position: absolute;
	content: "";
	height: 100%;
	top: 0;
	border-left: 2px dotted #0f304c;
	transform: rotate(30deg);
}
.feature .section.ttl_deco h2::before {left: -15px;}
.feature .section.ttl_deco h2::after {right: -15px;}

@media all and (max-width:767px){
	.feature .section.ttl_deco h2 {font-size: 1.8rem;}
	.feature .section.ttl_deco h2::before {left: -20px;}
	.feature .section.ttl_deco h2::after {right: -20px;}
	.long_stay .feature .section h3 {font-size: 1.6rem;}
}