@charset "utf-8";

/* font */
/*
.kv-intro__input-item button,
.pickup__list .information-rel__ttl,
.section__ttl-txt {
	font-family: "FOT-あられ Std DB", sans-serif;
}*/

.main-wrap .w-state--reg {
	max-width: none;
}

/* ============================================================================================== */
/* key visual                                                                                         */
/* ============================================================================================== */

.kv .kv-content-wrap {
	height: 100%;
	border-image-width: 0;
	border-width: 0;
}

.kv-inner {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	width: 100%;
	position: absolute;
	pointer-events: none;
}

.kv-intro__txt {
	text-align: center;
	margin-bottom: 20px;
}

.kv-intro__txt a {
	text-decoration: none;
}

.kv-intro__sub-txt {
	font-weight: 700;
	font-size: 1.5rem;
	color: #fff;
}

.kv-intro__txt h2 {
	margin: 0 auto;
	max-width: 584px;
}

.kv-intro__search-wrap {
	background-color: #faf9f6;
	padding: 5px;
	border: 2px solid;
	margin: 0 auto 20px;
	border-image-source: url(../images/common/img-border_wt_20px.png);
	border-image-slice: 8;
	border-image-repeat: repeat;
	border-image-outset: 1px;
	border-image-width: 4px !important;
	border-style: solid;
	border-width: 2px !important;
}

.kv-intro__search-inner {
	border: 3px solid;
	background-color: #faf9f6;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-image-width: 33px;
	border-image-source: url(/asset/images/common/img-border_bk_10px.png);
	border-image-slice: 75;
	border-image-repeat: round;
	border-image-outset: 0;
	border-radius: 0;
}

.kv-intro__search__list {
	white-space: nowrap;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 0 10px 10px;
}

.kv-intro__search-item {
	display: inline-block;
	margin-right: 8px;
}

.kv-intro__search-item:last-child {
	margin-right: 0;
}

.kv-intro__search-item dt,
.kv-intro__search-item dd {
	line-height: 1.2;
	text-align: left;
}

.kv-intro__search-item dt {
	font-size: 1.0rem;
	color: rgba(0,0,0,0.5);
}

.kv-intro__search-item dd {
	margin-top: 5px;
}

.kv-intro__search-item dd a {
	font-size: 1.4rem;
	font-weight: 300;
}

.kv-intro__search-item.pulldown-budget {
	display: none;
}

input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	cursor: pointer;
}

.kv-intro__search-item.pulldown dd {
	position: relative;
}

.kv-intro__search-item.pulldown select {
	padding-right: 10px;
	font-size: 1.2rem;
}

.kv-intro__search-item dd a {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.kv-intro__input-item {
	border-image-width: 0 0 0 16px;
	border-image-source: url(/asset/images/common/img-border_bk_5px.png);
	border-image-slice: 32;
	border-image-repeat: repeat;
	border-image-outset: 1px;
	border-style: solid;
	border-width: 1px;
}

.kv-intro__input-item button.btn {
	display: inline-block;
	height: 100%;
	padding: 20px 2px;
	line-height: 1;
	font-size: 1.2rem;
	border: 0 !important;
	border-radius: 0;
	white-space: pre-wrap;
	background-color: #000 !important;
}

.kv-intro__input-item button.btn:hover {
	color: #000 !important;
	background-color: transparent !important;
}

.kv-intro__body {
	max-width: 800px !important;
	z-index: 140;
	text-align: center;
	pointer-events: auto;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}

/* safari, IE only */

html.safari .kv-intro__body,
html.msie .kv-intro__body {
	position: relative;
}

/* datepicker (カレンダー) */

.calendar-area.calendar__link {
	position: relative;
}

input#datepicker {
	color: #000;
	font-size: 1.2rem;
	border: 0 !important;
	width: 105px !important;
	padding-left: 20px !important;
	box-sizing: border-box !important;
	cursor: pointer;
}

input#datepicker::-webkit-input-placeholder {
	color: #000;
	font-size: 1.2rem;
	border: 0 !important;
}

input#datepicker:-ms-input-placeholder {
	color: #000;
	font-size: 1.2rem;
	border: 0 !important;
}

input#datepicker::-moz-placeholder {
	color: #000;
	font-size: 1.2rem;
	border: 0 !important;
}

.ui-widget-header {
	border: 0 !important;
	background: #000 !important;
	color: #ffffff !important;
	font-weight: 500 !important;
}

.ui-widget-content {
	background: #fff !important;
	color: #333333 !important;
	border: 1px solid #dddddd !important;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
	color: #000 !important;
	background: #fff !important;
}

/* key visual badge */

.kv__badge {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 3;
}

.kv__badge .badge__fig {
	max-width: 205px;
	position: relative;
	border-radius: 50%;
	width: 120px;
}

.kv__badge .badge__fig a {
	position: relative;

}

.kv__badge .badge__fig a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 2;
	line-height: 0;
	font-size: 0;
	opacity: 0;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	background-color: rgba(0,0,0,0.1);
	background-attachment: scroll;
	background-image: linear-gradient(25deg, rgba(195, 113, 0, 0.2), rgb(0, 0, 0) 75%),url(../images/common/kv_layer_overlay.gif);
	background-image: url(../images/common/kv_layer_overlay.gif);
	background-size: 100%;
	mix-blend-mode: darken;
	transform: scale(0.97);
	-webkit-transform: scale(0.97);
}

.kv__badge .badge__fig a:hover:before {
	opacity: 0.1;
}

html.msie .kv__badge .badge__fig a:before,
html.edge .kv__badge .badge__fig a:before {
	opacity: 0.4;
}

/* android slick use */

html.android .information-headline {
	position: static;
}

/* slick slider */

.w-state--reg.slick-slider {
	position: relative;
}

.slider {
	opacity: 0;
	width: 100%;
	z-index: 110;
	transition: opacity .3s ease .8s !important;
}

.slider.slick-initialized {
	opacity: 1;
}

.slider.slick-initialized li:first-child {
	margin-left: 0;
}

.slick-track {
	margin-left: 0;
	display: flex;
}

.slick-list {
	padding-left: 20px !important;
	/*margin-right: -20px;*/
}

.instagram__list .slick-list {
	margin-bottom: 0 !important;
}

.instagram__list .slick-track {
	display: -webkit-flex;
	display: flex;
}

.slick-slide {
	margin-right: 20px;
}

.event__list .slick-slide,
.campaign__list .slick-slide,
.enjoy__list .slick-slide {
	margin-bottom: 20px !important;
}

.instagram__list .slick-slide {
	height: auto;
	margin-right: 20px;
	/*max-width: 180px;*/
}

/* slick button */

/* disabled */

.slick-disabled.slick-arrow,
.slick-disabled.slick-arrow:hover {
	background-color: rgba(0,0,0,0.1) !important;
	pointer-events: none;
	cursor: default;
}

.slick-disabled.slick-arrow:before,
.slick-disabled.slick-arrow:after {
	background-color: rgba(255,255,255,0.5);
}

/* ----- */

.arrows {
	position: relative;
	right: 0;
	pointer-events: auto;
}

.slick-arrow {
	background-color: rgba(0,0,0,0.6) !important;
	border-radius: 50px;
	margin: 0 auto;
	position: absolute;
	top: 0 !important;
	width: 26px !important;
	height: 26px !important;
	color: transparent;
	pointer-events: auto;
	cursor: pointer;
	z-index: -1;
	display: none;
}

button.slick-arrow {
	z-index: 400;
	display: block;
}

.slick-prev {
	right: 40px !important;
	left: auto !important;
}

.slick-next {
	right: 0px !important;
}

.slick-arrow:before,
.slick-arrow:after {
	content: "" !important;
	background-color: #FFF;
	width: 10px;
	height: 2px;
	border-radius: 50px;
	font-size: 0 !important;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	opacity: 1 !important;
}

.slick-arrow:before {
	bottom: 15px;
}

.slick-arrow:after {
	bottom: 9px;
}

.slick-next:before {
	transform: rotate(45deg);
}

.slick-next:after {
	transform: rotate(-45deg);
}

.slick-prev:before {
	transform: rotate(-45deg);
}

.slick-prev:after {
	transform: rotate(45deg);
}

/* information（記事） */

.list-wrap__ttl {
	padding: 15px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pickup__list-wrap .section__ttl,
.enjoy__list-wrap .ttl-inner .section__ttl,
.instagram__list-wrap .ttl-inner .section__ttl {
	margin: 0 10px 3px 0;
}

.information__list {
	padding: 20px 0 0;
}

/* new icon */

.information__list.event__list,
.information__list.campaign__list {
	padding: 0;
}

.information__list.event__list .information-rel__item,
.information__list.campaign__list .information-rel__item {
	padding-top: 20px;
}

/* ----- */

.information__list 
.information-rel__body > *:last-child {
	margin-bottom: 0;
}

.information__ttl-sub {
	font-size: 1.1rem;
	font-weight: 700;
}

.pickup__list-wrap .information__ttl-sub {
	display: inline-block;
	width: auto;
}

.ttl-inner {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.pickup__list-wrap .ttl-inner,
.enjoy__list-wrap .ttl-inner,
.instagram__list-wrap .ttl-inner {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pickup__list-wrap .ttl-inner,
.enjoy__list-wrap .ttl-inner,
.instagram__list-wrap .ttl-inner {
	width: calc(100% - 80px);
}

.pickup__list-wrap .ttl-inner .section__ttl,
.enjoy__list-wrap .ttl-inner .section__ttl,
.instagram__list-wrap .ttl-inner .section__ttl {
	display: block;
}

.list-wrap .img-divider {
	border-image-width: 3px 0 0 0;
	height: 3px;
}

/* iphone only */

.iphone.safari .list-wrap .img-divider {
	/*border-image: unset;*/
	border-top: 3px solid #000;
	height: 0;
}

/* ----- */

.line-through {
	text-decoration: line-through;
	margin-right: 5px;
}

.p--underline {
	padding-bottom: 2px;
	border-bottom: 2px solid rgba(0,0,0,1);
}

.information-rel__body .p--underline {
	margin-bottom: 15px;
	font-size: 1.0rem;
	display: inline-block;
	line-height: 1.2;
}

/* 黒川温泉の過ごし方 */

.pickup__list {
	margin-bottom: 20px;
}

.pickup__list .information-rel__item {
	background-color: #000;
	margin-bottom: 10px;
	max-width: none;
	margin-right: 15px;
	position: relative;
	height: auto !important;
}

.pickup__list .information-rel__item,
.pickup__list:before,
.pickup__list:after {
	margin: 0 20px 0 0;
}

.pickup__list .information-rel__item:before {
	content: "";
	position: absolute;
	border: 2px solid;
	border-image-source: url(../images/common/img-border_wt_5px.png);
	border-image-slice: 8;
	border-image-repeat: repeat;
	border-image-outset: 1px;
	border-image-width: 5px;
	border-style: solid;
	border-width: 1px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 440;
	pointer-events: none;
}

.pickup__list:before,
.pickup__list:after {
	margin-bottom: 0 !important;
}

.information-rel__item a {
	text-decoration: none;
	padding: 0 !important;
	width: 100%;
}

.negative-wrap {
	margin: -70px auto 0;
}

.pickup__list .information-rel__body {
	color: #fff;
	margin: 0 auto 20px;
}

.pickup__list .information-rel__icn img {
	height: 50px;
	width: auto;
}

.pickup__list .information-rel__ttl {
	color: #fff;
	line-height: 1;
}

.pickup__list .information-rel__ttl img {
	width: auto !important;
	height: 25px;
}

.information-rel__img {
	width: 100%;
	overflow: hidden;
}

.pickup__list .information-rel__img {
	border-radius: 0;
}

.pickup__list .information-rel__img figure {
}

/* 20231005 empty */

.pickup__list .information-rel__item.empty {
	background-color: transparent;
}

.pickup__list .information-rel__item.empty:before,
.pickup__list .information-rel__item.empty:after {
	display: none;
}

.pickup__list .information-rel__item.empty .information-rel__img {
	height: 100%;
}

.pickup__list .information-rel__item.empty .information-rel__img figure {
	display: flex;
	justify-content: center;
	height: 100%;
}

.pickup__list .information-rel__item.empty .information-rel__img figure:after {
	display: none;
}



/* 画像下部手描き線 */

.pickup__list .information-rel__img figure:after {
	content: "";
	position: absolute;
	z-index: 200;
	background-image: url(../images/common/img-border_bk_10px.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: 1200px;
	width: 100%;
	height: 5px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding-bottom: 0;
}

.pickup__list .information-rel__img figure,
.pickup__list .information-rel__img figure img {
	min-height: auto !important;
	max-height: none !important;
	border-radius: 0;
}

/* object-fit 解除 */

.pickup__list .information-rel__img figure img {
	/*-webkit-object-fit: fill;
	object-fit: fill;*/
	-webkit-object-fit: unset !important;
	object-fit: unset !important;
	-webkit-object-position: unset !important;
	object-position: unset !important;
	height: auto !important;
	width: 100% !important;
	position: relative;
}

.pickup__list .information-rel__img:before {
	padding-top: 0;
	content: none;
}

.event__list .information-rel__img,
.campaign__list .information-rel__img,
.enjoy__list .information-rel__img {
	margin: 0 auto 15px;
}

.event__list figure,
.campaign__list figure {
	position: static;
}

.enjoy__list .information-rel__img:before {
	padding-top: 0 !important;
}

.event__list-wrap .information-rel__ttl-main,
.campaign__list-wrap .information-rel__ttl-main {
	display: block;
}

.event__list .ttl-area {
	margin-bottom: 10px;
}

.information__list .information-rel__date {
	font-size: 1.1rem;
	font-weight: 400;
	color: rgba(0,0,0,0.6);
}

/*.event__list .information-rel__date.svg__item {*/
.information-rel__date.svg__item {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	fill: rgba(0,0,0,0.5);
}

.event__list-wrap .information-rel__ttl,
.campaign__list-wrap .information-rel__ttl {
	margin-bottom: 12px;
}

.event__list-wrap .information-rel__body,
.campaign__list-wrap .information-rel__body,
.enjoy__list .information-rel__body,
.instagram-images .information-rel__body,
.news__list .information-rel__body {
	margin: 0 auto;
	width: 100%;
}

.campaign__list .endtxt {
	margin-bottom: 10px;
}

/* 黒川温泉を五感で楽しむ */

.enjoy__list .information-rel__ttl {
	font-size: 1.3rem;
	margin: 0 0 10px;
	line-height: 1;
	height: 1em;
	overflow: hidden;
}

/* IE only */

html.msie .enjoy__list .information-rel__ttl {
	line-height: 1.2;
}

/* ellipsis　解除 */

.enjoy__list .information-rel__ttl {
	text-overflow: unset;
	position: static;
	white-space: normal !important;
}

.enjoy__list .information-rel__ttl.overflow-ellipsis:before {
	content: none;
	display: none;
	background-color: transparent;
}

/* ----- */

.enjoy__list .ttl-area {
	margin-bottom: 15px;
}

.article-base-info {
	font-size: 1.0rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.cat--article {
	font-weight: 700;
	margin-right: 10px;
}

/*
.enjoy__list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.enjoy__list .information-rel__item {
	width: calc((100% / 2) - 10px);
}

.enjoy__list .information-rel__item {
	order: 1;
}

.enjoy__list .information-rel__item:nth-child(n + 2) {
	display: inline-block;
}

.enjoy__list .information-rel__item:nth-child(n + 3) {
	display: none;
}*/

.enjoy__list .information-rel__item {
	order: 1;
	margin: 0 20px 20px 0;
}

.enjoy__list .information-rel-write__date {
	margin-top: 0;
}

.enjoy__list .information-rel__txt {
	overflow: hidden;
	margin-bottom: 20px;
}

.enjoy__list .information-rel-writer-wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}

/*
.enjoy__list .information-rel-writer__img {
	width: 34px;
	height: 34px;
	display: block;
	position: relative;
	z-index: 100;
	margin-right: 10px;
}

.enjoy__list .information-rel-writer__img figure {
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-width: 34px;
	max-height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.enjoy__list .information-rel-writer__img figure img {
	display: block;
	height: 100%;
	max-height: 34px;
}

.object-fit .enjoy__list .information-rel-writer__img figure img {
	-webkit-object-fit: cover;
	object-fit: cover;
	-webkit-object-position: 50% 50%;
	object-position: 50% 50%;
	min-height: 34px;
}
*/

.enjoy__list .information-rel-writer__name {
	font-size: 1.1rem;
	color: #777;
	letter-spacing: -0.001rem;
}

/* instagram */

.instagram .information__list {
	padding: 0 !important;
}

.instagram {
	padding: 20px 0 0;
}

.instagram .slick-track {
	padding-bottom: 0;
}

.instagram-images .information-rel__item {
	width: 100%;
	height: 100%;
	position: relative;
	margin-bottom: 20px;
	border-radius: 3px;
	overflow: hidden;
}

.instagram-images .information-rel__item:before {
	padding-top: 100%;
	content: "";
	display: block;
}

.instagram-images .information-rel__item a {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.instagram-images .information-rel__item img {
	display: block;
}

.instagram-images .information-rel__body {
	padding: 8px;
	line-height: 1;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	border-radius: 0 0 3px 3px;
	transition: all .1s steps(2);
}

.information-rel__like,
.information-rel__cmt {
	font-size: 1.1rem;
	font-weight: 400;
	margin-right: 10px;
	display: -webkit-inline-flex !important;
	display: inline-flex !important;
	position: relative;

}

.information-rel__like:before,
.information-rel__cmt:before {
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 5px;
}

.information-rel__like:before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTYuNSwzYy0xLjcsMC0zLjQsMC44LTQuNSwyLjFDMTAuOSwzLjgsOS4yLDMsNy41LDNDNC40LDMsMiw1LjQsMiw4LjVjMCwzLjgsMy40LDYuOSw4LjYsMTEuNWwxLjQsMS4zCglsMS40LTEuM2M1LjItNC43LDguNi03LjgsOC42LTExLjVDMjIsNS40LDE5LjYsMywxNi41LDN6IE0xMi4xLDE4LjVMMTIsMTguNmwtMC4xLTAuMUM3LjEsMTQuMiw0LDExLjQsNCw4LjVDNCw2LjUsNS41LDUsNy41LDUKCWMxLjUsMCwzLDEsMy42LDIuNGgxLjlDMTMuNSw2LDE1LDUsMTYuNSw1YzIsMCwzLjUsMS41LDMuNSwzLjVDMjAsMTEuNCwxNi45LDE0LjIsMTIuMSwxOC41eiIvPgo8L3N2Zz4K');
	width: 10px;
	height: 11px;
}

.information-rel__cmt:before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAsMkg0QzIuOSwyLDIsMi45LDIsNHYxOGw0LTRoMTRjMS4xLDAsMi0wLjksMi0yVjRDMjIsMi45LDIxLjEsMiwyMCwyeiBNMjAsMTZINmwtMiwyVjRoMTZWMTZ6Ii8+Cjwvc3ZnPgo=');
	width: 11px;
	height: 10px;
}

.instagram-images .information-rel-write__date {
	font-size: 1.0rem;
	color: #FFF;
	padding-top: 8px;
	margin-top: 0;
	display: block;
	line-height: 1;
	letter-spacing: -0.001rem;
}

/* instagram tag */

.instagram-official__link,
.instagram-tag__list {
	display: inline-block;
}

.instagram-official__link {
	margin-right: 12px;
	font-size: 1.2rem;
}

.instagram-tag__list {
	overflow: hidden;
}

.instagram-tag__list .instagram-tag__item {
	display: inline-block;
	margin-right: 5px;
}

.instagram-tag__list .instagram-tag__item a {
	text-decoration: underline;
	font-size: 1.1rem;
	line-height: 1.2;
	padding: 2px;
}

/* safari iphone only */

html.safari .img-divider--double,
html.iphonr .img-divider--double {
	border-image: unset;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	height: 1px;
}


/* IE only */

html.msie .section-instagram-wrap,
html.msie .section-instagram-wrap + .img-divider--double {
	display: none;
}

/* イベント情報／五感で楽しむ 各記事タイトル部分 */

.enjoy__list .ttl-area,
.campaign__list .ttl-area {
	margin-bottom: 10px;
}

/* instagram  */

.instagram__list-wrap .information__ttl--small {
	font-size: 1.0rem;
	line-height: 1.2;
	display: inline-block;
	margin-left: 12px;
	display: none;
}

.section-instagram .instagram__list-wrap {
	position: relative;
}

.instagram__link-wrap{
	line-height: 1;
}

.news__list .news-rel__item {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 1;
}

.news__list .news-rel__item:nth-child(n + 6) {
	display: none;
}

.news-rel__item .img-divider {
	border-image-source: url(../images/common/img-border_bk_2px.png);
	border-image-width: 0 0 2px;
	height: 1px;
	opacity: 0.4;
	border-image-slice: 4;
	border-bottom: 1px solid transparent;
	border-top: 0;
}

/* IE Only */

html.msie .news-rel__item .img-divider {
	opacity: 0.8;
}

/* safari Only */

html.safari .news-rel__item .img-divider {
	border-image-width: 0 0 1px;
	height: 0px;
	border-bottom: 0px solid transparent;
	border-top: 1px;
}

/* ----- */

.news__list .news-rel__item:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.news__list .news-rel__item:last-child .img-divider {
	display: none;
}

.news__list .news-rel__item a {
	display: block;
	width: 100%;
	text-decoration: none;
}

.news__list .information-rel__body {
	font-size: 0;
	padding: 10px 20px;
}

.news__list .information-rel-write__date {
	font-size: 1.2rem;
	margin: 0 0 6px;
	display: block;
	color: #777;
}

.news__list .information-rel__ttl {
	font-size: 1.2rem;
	display: block;
	height: auto;
}

.news-rel__item a .information-rel__ttl {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.news-rel__item a .information-rel__ttl:after {
	content: "";
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cjwvc3R5bGU+CjxwYXRoIGQ9Ik0xMCw2TDguNiw3LjRsNC42LDQuNmwtNC42LDQuNkwxMCwxOGw2LTZMMTAsNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyNHYyNEgwVjB6Ii8+Cjwvc3ZnPgo=');
	background-size: 20px 25px;
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 1.0rem;
	font-weight: 700;
	padding-right: 22px;
	opacity: 0.6;
	line-height: 1.5;
	margin-left: 5px;
}

.sub-contents .section-facebook,
.sub-contents .section-widget {
	padding: 20px 0;
}

.sub-contents .section-news {
	display: block;
	width: 100%;
	text-align: left;
}

/* important icon */

.important__icn {
	position: relative;
	overflow: visible !important;
}

.important__icn:after {
	content: "NEW";
	position: absolute;
	top: 10px;
	right: -10px;
	/*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAuNyAyMC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMC43IDIwLjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRTU1QTQ2O30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMC4zLDAgMywyLjkgMCwxMC4yIDMsMTcuNCAxMC4zLDIwLjMgMTcuNywxNy42IDIwLjcsMTAuMiAxNy41LDMgIi8+Cjwvc3ZnPgo=');*/
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	background-image: url(../images/common/img-number-bg_important.png);
	padding: 5px;
	color: #FFF;
	font-weight: 600;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	width: 45px;
	height: 45px;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	/*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);*/
}

/* ----- */

/* facebook, trip adviser */

.sub-contents .section-widget {
	width: calc(100% - 530px);
}

/* facebook only */

.fb-page {
	position: relative;
	mix-blend-mode: multiply;
	margin: 0 auto;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
	width: 100% !important;
}

#facebook ._2p3a {
	width: 100%;
}

/* trip adviser only */

.section-widget.border {
	-moz-border-image-width: 0 0 0 16px;
	-webkit-border-image-width: 0 0 0 16px;
	border-image-width: 0 0 0 16px;
	height: auto !important;
}

.section-widget #CDSWIDSSP .widSSPData {
	padding: 0 0 10px;
}

#CDSWIDSSP .widSSPData .widSSPBranding dt img {
	background-color: #faf9f6;
}

/* Webkit only */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.section-widget.border {
		border-right: 1px solid;
	}
}

.section-widget {
	display: none;
}

#ui-datepicker-div {
	z-index: 1001 !important;
}

/* ellipsis */

.overflow-ellipsis::before {
	background: linear-gradient(180deg, rgba(255,255,255,0), rgba(250,249,246,1))
}

/* ============================================================================================== */
/* svg                                                                                            */
/* ============================================================================================== */

.calendar__link .i-svg {
	width: 16px !important;
	height: 16px !important;
	margin-right: 5px;
	position: absolute;
	pointer-events: none;
}

/* IE only */

html.msie .calendar__link .i-svg {
	top: 0;
}

/* ----- */

.pulldown label {
	position: absolute;
	width: 10px;
	height: 7px;
	right: 0;
	margin: auto;
	pointer-events: none;
}

.information-rel__more .i-svg {
	margin-right: 0;
}


/*重要なお知らせ（キービジュアルと黒川温泉の過ごし方の間）*/
.important-information-wrap {
	margin: 20px auto;
	position: relative;
}

.important-information__anchor {
	padding: 40px 20px;
	background: #d97a6a;
	text-align: center;
	width: 100%;
	text-decoration: none;
}

.important-information__anchor > * {
	color:rgba(255,255,255,1.0);
}

.important-information-wrap:before {
	content: "";
	position: absolute;
	border: 2px solid;
	border-image-source: url(../images/common/img-border_wt_5px.png);
	border-image-slice: 8;
	border-image-repeat: repeat;
	border-image-outset: 1px;
	border-image-width: 5px;
	border-style: solid;
	border-width: 1px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 440;
	pointer-events: none;
}

.important-information__ttl {
	font-size: 1.3rem;
	color:rgba(255,255,255,.85);
	margin-bottom: 8px;
	line-height: 1.3;
	text-decoration: none;
}

.important-information__ttl span {
	font-size: 0.8em;
}

.important-information__txt {
	font-size: 2rem;
	text-decoration: underline;
}

.important-information__anchor:hover {
	background: #f87761;
}

.important-information__anchor:hover .important-information__txt {
	text-decoration: none;
}

.important-information__list {
	margin-bottom: 10px;
	padding-left: 20px;
}

.important-information__list li {
	list-style: outside disc;
}

.important-information__link {
	font-size: 1.3rem;
	line-height: 1.3;
}

.important-information__link span {
	font-size: 0.9em;
}

/* ============================================================================================== */
/* Media query                                                                                    */
/* ============================================================================================== */

/* ---------------------------------------------------------------------------------------------- */
/* SmartPhone                                                                                     */
/* iPhone 6 over */

@media screen and (min-width: 374px) {

	.kv-intro__search__list {
		padding: 10px 0 10px 20px;
	}

	.kv-intro__input-item button.btn {
		padding: 25px 10px;
		white-space: nowrap;
	}

	.kv-intro__search-item {
		margin-right: 12px;
	}

	input#datepicker {
		font-size: 1.4rem;
	}

}

/* iPhone 6 Plus over */

@media screen and (min-width: 414px) {

	/* instagram title */

	.instagram__list-wrap .instagram__link-wrap{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: center;
		align-items: center;
	}

	.information__ttl--small {
		margin-left: 12px;
	}

	.instagram__list-wrap .information__ttl--small {
		display: inline-block;
	}

}

/* ---------------------------------------------------------------------------------------------- */
/* Tablet                                                                                        */

@media screen and (min-width: 541px) {

	/* datepicker（カレンダー） */

	input#datepicker {
		color: #000;
		font-size: 1.3rem;
		border: 0 !important;
		width: 105px !important;
		padding-left: 20px !important;
		box-sizing: border-box !important;
	}

	input#datepicker::-webkit-input-placeholder {
		color: #000;
		font-size: 1.3rem;
		border: 0 !important;
	}

	input#datepicker:-ms-input-placeholder {
		color: #000;
		font-size: 1.3rem;
		border: 0 !important;
	}

	input#datepicker::-moz-placeholder {
		color: #000;
		font-size: 1.3rem;
		border: 0 !important;
	}

	.kv-intro__search-item.pulldown select {
		padding-right: 20px;
	}

	/* slick */

	.arrows {
		display: block !important;
	}

	/* 過ごし方 */

	.pickup__list-wrap .ttl-inner {
		width: 100%;
	}

	.pickup__list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 0;
		width: calc(100% - 40px) !important;
	}

	.pickup__list .information-rel__item,
	.pickup__list:before,
	.pickup__list:after {
		max-width: none;
		margin: 0 0 20px 0;
	}

	.pickup__list .information-rel__item {
		width: calc(50% - 10px);
		order: 1;
	}

	.pickup__list:before,
	.pickup__list:after {
		content: "";
		display: block;
		width: calc(50% - 10px);
	}

	.pickup__list:before {
		order: 2
	}

	.pickup__list:after {
		order: 1;
	}

	.pickup__list-wrap .information__ttl-sub {
		margin-right: 0;
	}

	.pickup__list .information-rel__body {
		margin: 0 auto 30px;
	}

	.section-widget {
		display: block;
	}

	.pickup__list-wrap .ttl-inner,
	.enjoy__list-wrap .ttl-inner,
	.instagram__list-wrap .ttl-inner {
		width: calc(100% - 90px);
	}

	.pickup__list-wrap .section__ttl,
	.enjoy__list-wrap .ttl-inner .section__ttl,
	.instagram__list-wrap .ttl-inner .section__ttl {
		margin: 0 20px 3px 0;
	}

	/* instagram */

	.instagram-images .information-rel__body {
		padding: 15px;
	}

	/* facebook, trip adviser */

	.section-other-wrap {
		display: -webkit-flex;
		display: flex;
	}

	.sub-contents .section-facebook,
	.sub-contents .section-widget {
		display: inline-block;
		vertical-align: top;
	}

	.instagram__list-wrap .instagram__link-wrap{
		position: static;
	}

	.instagram-tag__list .instagram-tag__item a {
		font-size: 1.2rem;
	}

	/* facebook plugin only */

	.section-facebook {
		overflow: hidden;
		padding-right: 20px !important;
		width: 60%;
	}

	.fb_iframe_widget {
		float: left;
	}

	/* trip adviser only */

	.sub-contents .section-widget {
		padding-left: 20px !important;
		width: 40%;
		display: block;
	}

	#CDSWIDSSP {
		width: 100% !important;
	}

	#CDSWIDSSP .widSSPData .widSSPBranding a {
		width: 150px !important;
	}

	.sub-contents .section-widget .widSSPData {
		border: 0 !important;
		background-color: inherit !important;
	}

}

/* ---------------------------------------------------------------------------------------------- */
/* iPad (768px) */

@media screen and (min-width: 768px) {

	.kv-intro__search-item.pulldown-budget {
		display: inline-block;
	}

	.kv__badge .badge__fig {
		width: 130px;
	}

	/* ----- */

	.sub-contents {
		display: -webkit-flex;
		display: flex;
	}

	/* slick */

	.slider {
		width: calc(100% - 40px);
	}

	.slick-list {
		margin-right: -20px;
		padding-left: 0 !important;
	}

	.pickup__list .slick-slide {
		margin: 0 25px 0 0;
	}

	.event__list .slick-slide,
	.campaign__list .slick-slide,
	.enjoy__list .slick-slide {
		margin-right: 25px;
	}

	.instagram__list .slick-list {
		margin-right: -20px;
	}

	.instagram__list .slick-slide {
		margin-right: 25px;
	}

	/* slick button */

	.slick-prev {
		right: 40px !important;
	}

	.slick-next {
		right: 0 !important;
	}


	/* 黒川温泉の過ごし方 */

	.pickup__list .information-rel__item,
	.pickup__list:before,
	.pickup__list:after {
		width: calc((100% / 3) - 10px);
		max-width: none;
		margin-right: 0 !important;
	}

	.pickup__list .information-rel__item {
		margin: 0 0 15px 0;
	}

	.pickup__list-wrap .information__ttl-sub {
		text-align: right;
	}

	/* ----- */

	.pickup__list-wrap .ttl-inner,
	.enjoy__list-wrap .ttl-inner,
	.instagram__list-wrap .ttl-inner {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.pickup__list-wrap .ttl-inner .section__ttl,
	.enjoy__list-wrap .ttl-inner .section__ttl,
	.instagram__list-wrap .ttl-inner .section__ttl {
		display: inline-block;
	}

	.pickup__list-wrap .ttl-inner,
	.enjoy__list-wrap .ttl-inner .section__ttl,
	.instagram__list-wrap .ttl-inner {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.pickup__list-wrap .ttl-inner {
		width: 100%;
	}

	/* イベント情報 */

	.line-through + strong.color--important {
		display: block;
	}

	/* 五感で楽しむ */
	/*
	.enjoy__list .information-rel__item {
		width: calc((100% / 4) - 20px);
	}

	.enjoy__list .information-rel__item:nth-child(n + 4) {
		display: inline-block;
	}

	.enjoy__list .information-rel__item:nth-child(n + 5) {
		display: none;
	}*/

	.section-instagram .instagram__list-wrap {
		padding-bottom: 0;
	}

	.section-instagram-wrap {
		display: block;
	}

	.news__list .information-rel__body {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		padding: 15px 0 15px 12px;
		width: calc(100% - 40px);
	}

	.news__list .information-rel-write__date {
		display: inline-block;
		margin: 0 15px 0 0;
		width: 90px;
	}

	.news__list .information-rel__ttl {
		display: inline-block;
		width: calc(100% - 105px);
		margin-bottom: 0;
	}

	/* facebook only */

	.sub-contents .section-facebook {
		max-width: 500px;
	}

	.fb-page {
		max-width: 500px;
	}

	/*重要なお知らせ（キービジュアルと黒川温泉の過ごし方の間）*/
	.important-information__ttl {
		margin-bottom: 10px;
	}
	
	.important-information__txt {
		font-size: 1.8rem;
	}
	
	.important-information__anchor {
		padding: 30px 20px;
	}

}

/* ---------------------------------------------------------------------------------------------- */
/* Desktop                                                                                        */

@media screen and (min-width: 1025px) {

	/* kv */

	.kv {
		height: calc(100vh - 90px) !important;
		margin: 0 auto !important;
		padding: 5px !important;
	}

	.kv .kv-content-wrap {
		border-image-width: 8px;
		border-width: 3px;
		position: relative;
		margin: 0 auto;
	}

	.kv .kv-content-wrap:before {
		border-image-source: url(/asset/images/common/img-border_wt_5px.png);
		border-image-slice: 10;
		border-image-repeat: round;
		border-image-outset: 1px;
		border-style: solid;
		border-image-width: 5px;
		content: "";
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 120;
		border-width: 5px;
		pointer-events: none;
	}

	.kv-intro__search-wrap {
		margin: 0 auto;
	}

	.kv-intro__input-item button.btn {
		padding: 25px 30px;
		font-size: 1.4rem;
	}

	.kv-intro__search-item.pulldown select {
		font-size: 1.4rem;
	}

	.kv-intro__search-item {
		margin-right: 15px;
	}

	.kv-intro__txt {
		margin-bottom: 25px;
		text-align: center;
	}

	.kv-intro__txt h2 {
		margin: 0 auto 5px;
	}

	.kv-intro__sub-txt {
		font-size: 2rem;
	}

	.kv-intro__search-item dd .calendar__link {
		font-size: 2.0rem;
	}

	.kv-intro__search-item .calendar__link .i-svg {
		width: 20px !important;
		height: 20px !important;
	}

	/* key visual badge */

	.kv__badge {
		left: 30px;
		bottom: 30px;
	}

	/* datepicker */

	input#datepicker {
		font-size: 1.4rem;
		width: 120px !important;
		padding-left: 25px !important;
	}

	input#datepicker::-webkit-input-placeholder {
		font-size: 1.6rem;
	}
	input#datepicker:-ms-input-placeholder {
		font-size: 1.6rem;
	}
	input#datepicker::-moz-placeholder {
		font-size: 1.6rem;
	}

	/* ----- */

	.main-wrap .w-state--reg {
		/*width: calc(100% - 60px) !important;*/
		width: calc(100% - 40px) !important;
	}

	/* slick slider */

	.slick-list {
		overflow: hidden;
	}

	.slick-slider {
		position: relative;
	}

	.pickup__list .slick-list {
		margin-right: -30px;
	}

	.pickup__list .slick-slide {
		margin: 0 30px 0 0;
	}

	/* IE only */

	html.msie .pickup__list.slick-initialized .slick-slide {
		margin: 0 30px 0 0;
	}

	.slick-arrow:hover {
		background-color: rgba(0,0,0,0.8) !important;
	}

	.slick-initialized li:first-child {
		margin-left: 0px;
	}

	.event__list .information-rel__item,
	.campaign__list .information-rel__item,
	.enjoy__list .information-rel__item {
		margin: 0 25px 0 0;
	}

	.instagram__list .information-rel__item:last-child {
		margin-right: 0;
	}

	/* 黒川温泉の過ごし方 Safari only */

	.safari .pickup__list .information-rel__item,
	.safari .pickup__list:before,
	.safari .pickup__list:after {
		display: flex;
	}

	/* ----- */

	.list-wrap__ttl {
		padding: 22px 0;
	}

	.information__ttl-sub {
		font-size: 1.2rem;
	}

	.section__ttl {
		font-size: 2.2rem;
	}

	.pickup__list .information-rel__item {
		margin-right: 30px;
	}

	.pickup__list .information-rel__body {
		margin: 0 auto 20px;
	}

	.enjoy__list .information-rel__ttl {
		font-size: 1.5rem;
	}

	/* 黒川温泉の過ごし方 */

	.pickup__list {
		margin-bottom: 5px;
	}

	/* お知らせ */

	.news__list .information-rel__body {
		padding: 20px;
		width: 100%;
	}

	.news__list .news-rel__item {
		overflow: visible;
	}

	.news__list .news-rel__item a {
		border-image-slice: 8;
		border-image-repeat: repeat;
		border-image-outset: 1px 0;
		border-image-width: 4px 0;
		border-style: solid;
		border-color: transparent;
		border-width: 0;
	}

	/* Chrome only */

	html.chrome .news__list .news-rel__item a {
		border-width: 1px;
	}

	/* ----- */

	.news__list .information-rel__ttl {
		font-size: 1.3rem !important;
		width: calc(100% - 105px);
	}

	.information-rel__body .p--underline {
		margin-bottom: 20px;
	}

	.pickup__list-wrap .section__ttl,
	.enjoy__list-wrap .ttl-inner .section__ttl,
	.instagram__list-wrap .ttl-inner .section__ttl {
		margin: 0;
	}

	/* facebook, trip adviser */

	.sub-contents .section-facebook {
		padding: 20px 20px 20px 0;
	}

	.sub-contents .section-widget {
		padding: 20px 0 20px 20px;
	}

	/* facebook plugin only */

	.fb_iframe_widget {
		float: left;
	}

	/* trip adviser only */

	.sub-contents .section-widget {
		max-width: calc(100% - 500px);
	}

	/* ============================================================================================== */
	/* Hover                                                                                          */
	/* ============================================================================================== */

	.kv-intro__input-item button.btn:hover {
		border: auto;
		background-color: transparent;
	}

	/* お知らせ */

	.news__list .news-rel__item a:hover {
		background-color: #000;
		color: #fff;
		border-image-source: url(../images/common/img-border_bk_5px.png);
	}

	.news-rel__item a:hover .information-rel__ttl:after {
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6bm9uZTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMCw2TDguNiw3LjRsNC42LDQuNmwtNC42LDQuNkwxMCwxOGw2LTZMMTAsNnoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTAsMGgyNHYyNEgwVjB6Ii8+Cjwvc3ZnPgo=');
	}

	/* instagram */

	.instagram-images .information-rel__item a:hover .information-rel__body {
		background-color: rgba(0,0,0,0.65);
	}

	/* instagram tag list */

	.instagram-tag__list .instagram-tag__item a:hover {
		color: #000;
	}

	/* ============================================================================================== */
	/* svg                                                                                            */
	/* ============================================================================================== */

	.kv-intro__search-item .calendar__link .i-svg {
		width: 24px;
		height: 24px;
	}

}

@media screen and (min-width: 1280px) {

	/* datepicker */

	input#datepicker {
		font-size: 1.8rem;
		width: 140px !important;
	}

	input#datepicker {
		font-size: 1.6rem;
	}
	input#datepicker::-webkit-input-placeholder {
		font-size: 1.8rem;
	}
	input#datepicker:-ms-input-placeholder {
		font-size: 1.8rem;
	}
	input#datepicker::-moz-placeholder {
		font-size: 1.8rem;
	}

	/* key visual badge */

	.kv__badge .badge__fig {
		width: 180px;
	}

	/* ----- */

	.kv-intro__search-item {
		margin-right: 35px;
	}

	.txt-block {
		display: inline-block;
	}

	.pickup__list .information-rel__ttl {
		font-size: 2.2rem;
	}

	/* slick */

	.pickup__list .slick-list {
		margin-right: -40px;
	}

	.pickup__list .slick-slide {
		margin: 0 40px 0 0;
		max-width: none !important;
	}

	/* 過ごし方 */

	.pickup__list .information-rel__ttl img {
		height: 30px;
	}

	/* facebook plugin only */

	.sub-contents .section-facebook,
	.sub-contents .section-widget {
		width: 50%;
		max-width: none;
	}

	.sub-contents .section-facebook {
		/*padding-right: 45px !important;*/
		width: 70%;
	}

	.fb_iframe_widget {
		float: left;
	}

	/* trip adviser only */

	.sub-contents .section-widget {
		width: 30%;
		min-width: calc(100% - 500px);
		/*padding-left: 45px !important;*/
	}

}

@media screen and (min-width: 1441px) {

	/* key visual badge */

	.kv__badge .badge__fig {
		width: 205px;
	}

	/**/

	.negative-wrap {
		margin: -75px auto 0;
	}

	.pickup__list .information-rel__body {
		margin: 0 auto 30px;
		width: calc(100% - 60px);
	}

	.pickup__list .information-rel__ttl img {
		height: 40px;
	}

	.news-rel__item a .information-rel__ttl::after {
		content: "詳しく";
	}

	/* 黒川温泉を五感で楽しむ img */

	/*.enjoy__list .information-rel__img figure {
		max-height: 220px;
	}

	.object-fit .enjoy__list .information-rel__img figure img {
		height: 220px;
	}

	.enjoy__list .information-rel__img figure img {
		min-height: 220px;
	}*/

}

@media screen and (min-width: 1800px) {

	/* key visual badge */

	.kv__badge {
		left: 50px;
		bottom: 50px;
	}

	/* 過ごし方 */

	.negative-wrap {
		margin: -80px auto 0;
	}

	.pickup__list .information-rel__ttl img {
		height: 48px;
	}

	/* 五感で楽しむ */

	.enjoy__list .information-rel__item:nth-child(n+5) {
		display: block;
	}

	/* ----- */

	.sub-contents.w-state--reg {
		width: auto !important;
	}

	.sub-information-wrap {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
	}

	.section-news-wrap {
		flex-shrink: 1;
		width: 100%;
	}

	.section-news {
		-moz-border-image-source: url(/asset/images/common/img-border_bk_10px.png);
		-webkit-border-image-source: url(/asset/images/common/img-border_bk_10px.png);
		border-image-source: url(/asset/images/common/img-border_bk_10px.png);
		-moz-border-image-slice: 32;
		-webkit-border-image-slice: 32;
		border-image-slice: 32;
		-moz-border-image-repeat: round;
		-webkit-border-image-repeat: round;
		border-image-repeat: round;
		-moz-border-image-outset: 0;
		-webkit-border-image-outset: 0;
		border-image-outset: 0;
		-moz-border-image-width: 0 16 0 0px;
		-webkit-border-image-width: 0 16 0 0px;
		border-image-width: 0 16 0 0px;
		border-right: 1px solid;
	}

	.news__list .news-rel__item:nth-child(n + 6) {
		display: block;
	}

	.news__list .news-rel__item:last-child {
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}

	.news-rel__item a .information-rel__ttl:after {
		content: "";
	}

	.section-other-wrap {
		/*width: 40%;*/
		flex-shrink: 0;
		width: auto !important;
	}

	.section-news-wrap + .img-divider--double {
		display: none;
	}

	.sub-contents .section-facebook,
	.sub-contents .section-widget {
		width: 50%;
		flex-shrink: 0;
		min-width: 500px;
		max-width: 500px;
	}

	.sub-contents .section-facebook {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	/* trip adviser only */

	.sub-contents .section-widget {
		padding: 5px 20px 0 20px !important;
	}

	/* Firefox only */
	html.firefox .sub-contents .section-widget {
		padding: 30px 20px 0 20px !important;
	}

}

@media screen and (min-width: 2000px) {

	/* 過ごし方 */

	.pickup__list {
		margin-bottom: 20px;
	}

	.pickup__list .information-rel__item,
	.pickup__list:before,
	.pickup__list:after {
		width: calc((100% / 6) - 10px);
		margin: 0;
	}

	.pickup__list .information-rel__body {
		margin: 0 auto 20px;
		width: calc(100% - 40px);
	}

	.negative-wrap {
		margin: -70px auto 0;
	}

	.pickup__list .information-rel__ttl {
		margin-bottom: 15px;
	}

	.pickup__list .information-rel__ttl img {
		height: 30px;
	}

}





/* 天気・気温表示 */

.kv-weather {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 140;
	color: #fff;
	text-align: center;
	font-weight: 600;
	padding: 20px;
	margin-top: 45px;
	opacity: 0;
	transition: .8s ease 2s;
	transform: translateY(8px);
}

.load .kv-weather {
	opacity: 1;
	transform: translateY(0);
}

.kv-weather .weatherData {
	display: flex;
	align-items: center;
	justify-content: center;
}

.kv-weather .weather-intro {
	font-size: 1.05rem;
	text-align: center;
	margin: 0 auto;
}

.kv-weather .weatherTempWrap {
	line-height: 1;
	margin: 0 0 0 6px;
}

.kv-weather .weatherTemp {
	font-size: 1.4rem;
}

.kv-weather .weatherTemp span {
	font-size: 1.2rem;
}

.kv-weather .weatherText {
	font-size: 1.25rem;
	line-height: 1;
}

.kv-weather .weatherIcon {
	margin: 0 auto;
	width: 18px !important;
	height: 18px !important;
}

.kv-weather .weatherText {
	font-size: 1.15rem;
	text-align: center;
}

@media screen and (min-width: 1025px) {

	.kv-weather {
		padding: 30px;
		margin-top: 0;
	}

	.kv-weather .weather-intro {
		font-size: 1.15rem;
	}

	.kv-weather .weatherTemp {
		font-size: 2.2rem;
	}

	.kv-weather .weatherTemp span {
		font-size: 1.4rem;
	}

	.kv-weather .weatherIcon {
		width: 30px !important;
		height: 30px !important;
	}

}