@charset "UTF-8";

#header990 {max-width: 950px;padding: 0px;width: 100%; margin:0 auto;}
#header990 .pankuzu {padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;font-size: 10px !important;}
.pankuzu li {float: left;font-size: 7px;margin-left: 3px;margin-top: 0;list-style-type: none;line-height: 1.5em;font-size: 10px;}
.pankuzu li span {position: relative;padding: 0 1px 0 2px;top: -1px;}
.cS {background-image: url(/assets/img/common/sitetitle.png);background-repeat: no-repeat;margin: 0;padding: 0;}
.logoL {background-position: 0 0;display: block;width: 90px;height: 35px;text-indent: -9999px;background-size: 214px auto;}
#headerSP {padding: 0;position: relative;margin-bottom: 10px;display: none;}
@media only screen and (max-width: 768px){
	#headerSP{display: block;}
	#siteHeaderMountPoint, #header_dms_ovr, .catch {display: none;}
}


/************************************************************
 * 初期化 -by common.css-
 ************************************************************/
body, input, select, textarea, table, th, td, li, a, strong {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, select {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
body{
	line-height: 1.9 !important;
	overflow: visible;
}

/* GENERAL CLASSES
-----------------------------------------------------------------------------------------------------------*/
img {
	border: 0;
	box-shadow: none !important;
	text-decoration: none;
	max-width: 100%;
}
.displaypc {display: block;}
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

/************************************************************
 * IDS
 ************************************************************/
/* ヘッダー */
#header_dms_ovr {
	display: none;
}
#header990 {
	max-width: 950px;
	padding: 0px;
	width: 100%;
}
#index {background-color: #FFF;}
/*/////////// パンくず ///////////*/
.pankuzu li :hover{
	color: #ff7d00;
}
ol, ul {
	list-style: none outside none;
}
.mobile_hide {display: none;}
.pc_hide {display: block;}
/* フッター */
#footer_area{
	width:950px;
	margin:0 auto;
}
#footer2 {
	width: 100%;
	height: 47px;
	margin-top: 0px;
}
#footerRLogo {
	height: 40px;
	margin: 30px 0 30px 5px;
	text-align: left;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
#footerLinks {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:10px;
	font-size:12px;
	font-weight:bold;
}
#footerLinks li.line{
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#footerLinks a{color:#444;}
#footerLinks a.line{
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.footerRlogo_tx { font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', Meiryo, 'ＭＳ Ｐゴシック', MS PGothic, sans-serif;}
#header_area * {
    margin: 0px;
    padding: 0px;
}
#header990 {
    max-width: 950px;
	padding: 0px;
	margin: 0 auto;
}
#info{
    max-width: 950px;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
}
#page_info {
    float: right;
}
.index_h1{
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}

/*=============================================
 PC
=============================================*/
@media only screen and (min-width:641px) {
	.sp{ display: none !important;}
	#header990 {
		max-width: 950px;
		padding: 0px;
	}
	#subnavi #subnaviLinks { line-height: 0;}
	#header_dms_ovr { display: block;}
	#header990 .pankuzu {margin: 5px 0 15px;}
	#index { margin: 0 auto;}
	#campaign {
		display: block;
		float: left;
	}
	#footerLinks {
		border:none;
		margin:0;
		font-weight:normal;
		border-bottom:2px solid #999;
	}
	#footerLinks li { display:inline;}
	#footerLinks li.line {
		border: none;
		display: inline;
		padding: 0;
	}
	#footerLinks li.line2{ border-left:1px solid #444444;}
	#footerLinks a {
		color: #1B47FF;
		padding: 0 6px;
		font-size:11px;
	}
	#footerLinks a.line {
		display:inline;
		border-right:1px solid #444;
		border-bottom:none;
		padding: 0 6px;
		padding: 0 3px\9;
	}
	#footerLinks a:hover { color: #ff7d00;}
	.catch {
		display: block;
		color: #666;
		font-weight: bold;
		font-size: 12px;
		left: 10px;
		position: relative;
	}
	#cam {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	#container {
		max-width: 950px;
		margin: 0 auto;
	}
	.main {
		margin-bottom: 15px;
		min-width: 950px;
	}
	.pc_hide {
		display: none;
	}
	.mobile_hide {
		display: block;
	}
	/* ソーシャル  */
	.socialIcon {
		float: right;
		width: 280px;
		clear: right;
	}
	.socialIcon ul { text-align: right;}
	div.socialIcon li { *display:inline !important;}
	.coupon ul li {
		float:left;
		height: 100px;
	}
	.coupon ul li.flow01 { width: 260px;}
	.coupon ul li.flow02 { width: 310px;}
	.coupon ul li.flow03 { width: 300px;}
	.coupon ul li .coupon_btn {
		width: 192px;
		height: 40px;
	}
}


/*=============================================
 tablet
=============================================*/
@media only screen and (max-width:812px) {
	#footer_area{width:100%;}
	#header990 {width: 100% !important;}
	#header_dms_ovr,
	.catch {display: none;}
}

/*=============================================
 SP
=============================================*/
@media only screen and (max-width:768px) {
	.displaypc,
	.pc { display: none !important;}
	.sp{ display: block !important;}
	#footer_area{ width:100%;}
	#header990 { width: 100% !important;}
	#contents{min-width:inherit;background-image:none;	}
}


/*=======以下ページ毎 設定===========*/

/*=============================================
 共通
=============================================*/

@font-face{
	font-family:'Noto Light';
	font-style:normal;
	font-weight:700;
	src:url(fonts/NotoSansJP-Regular.woff) format('opentype');
	font-display:swap;
	-webkit-font-feature-settings:'palt';
	font-feature-settings:'palt'
}
@font-face {
  font-family: 'Noto Bold';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NotoSansJP-Bold.woff) format('opentype');
  font-display: swap;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt'
}

#kv p,
#ttl_area,
#ttl_plan,
.plan_txt,
.plan_place,
.plan_price,
.tips2_cont_txt,
.tips2_cont_season,
#tips_cont_wrap,
.btn_to_plan_hover_txt,
#tips_source a,
.notes1,
.notes2 a,
#tabekurabe{font-family:'Noto Light',"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important}

.plan_name{font-family:'Noto Bold',"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important}

#index{
	margin: 0 auto;
  max-width: 1400px;
}
h1,h2{text-align: center;}
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {
	opacity: 1;
	transition: opacity 150ms;
	/* transition: opacity 300ms; */
}
.animation-bounce{
	animation:bounce 2s ease normal 0s none running;
	-webkit-animation:bounce 2s ease normal 0s none running;
	-ms-animation:bounce 2s ease normal 0s none running;
}
@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {transform: translateY(0px);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
@-webkit-keyframes bounce {
	0%, 100%, 20%, 50%, 80% {transform: translateY(0px);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

/* kv */
#kv{
	position: relative;
	background-image: url(../images/bg_kv.jpg);
  background-size: cover;
}
#kv_wrap{
	max-width: 1400px;
    margin: 0 auto;
    position: relative;
}
#kv img{ vertical-align: top;}
#catch {
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
	color: #333333;
}
#badge{
	cursor: pointer;
	position: absolute;
    right: 0;
    top: 50%;
    left: 40%;
    margin: auto;
    width: 15%;
}
/* nav */
#index nav{
	position: relative;
	margin-top: 0.7%;
}
#nav{ background-color: #f2f9e5;}
.navUl{
	font-size: 0;
	text-align: center;
	max-width: 875px;
	width: 68%;
	width: 71.4%;
	margin: 0 auto;
}
.navUl li{ display: inline-block;}
.nav1{ width: 33.6%;}
.nav2{ width: 32.8%;}
.nav3{ width: 33.6%;}
/* area */
#area{
	background-image: url(../images/bg_area.jpg);
	background-size: cover;
	padding: 0;
}
#area_map{
	padding-top: 1.2%;
	width: 67.8%;
	max-width: 950px;
	margin: 0 auto;
}
#areaUl {
	font-size: 0;
	display: flex;
	justify-content: center;
	margin-top: 3%;
	margin-bottom: 4%;
}
#areaUl li{
	width: 46.5%;
    display: inline-block;
}
#areaUl li:last-child{margin-left: 2%;}
#areaUl li img.pc{ border-radius: 10px;}
#area_map p.btn_to_plan_hover_wrap{
	width:52.5%;
	margin:0 auto;
	padding-top: 5%;
	padding-bottom: 1%;
}
.notes1{
	text-align: center;
	width: 100%;
	padding-bottom: 7%;
	margin:0 auto;
}

#area {
	padding-top: 3.6%;
}
#map_wrap{
  width: 100%;
  max-width: initial;
  text-align: center;
  margin:0 auto;
}
#map_cont{
  position: relative;
}
#grape_comment{
  position: absolute;
  top: 7%;
  left: 7%;
  width: 32.4%;
}
#area_map p img:hover,
#plans p img:hover,
.kokoroe_txt a img:hover,
#btn_momogari_plan a img:hover,
#btn_spot a img:hover,
#to_top_cont p a img:hover,
.btn_moreInfo a img:hover{ opacity:0.7;}
/* plan */
#plans{
	padding: 3% 0;
	position: relative;
	padding:0;
	background:repeating-linear-gradient(-45deg,
	#cae6c3 0,
	#cae6c3 10px,
	#dff0db 10px,
	#dff0db 15px
	);
}
#ttl_plan img{margin-top: -7%;}
#plans .border{
	position: absolute;
	height: 485px;
    width: 485px;
    top: -9.3%;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 100% 100%;
	background:inherit;
	z-index: 0;
}
.cont_bg{
	z-index: 1;
	position: relative;
	background:inherit;
}
#ttl_plan{
	width:37.5%;
	margin:0 auto;
}
#plans_wrap{
	padding-top: 1%;
	position: relative;
}

/* tips */
#tips{
	background-image: url(../images/bg3.jpg);
	position: relative;
}
#tips .border{
  position: absolute;
  height: 26vw;
  width: 26vw;
  top: -2%;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 100% 100%;
  background: inherit;
  z-index: 1;
}
#ttl_tips{
	position: relative;
	z-index: 2;
	width: 32.3%;
    margin: 0 auto;
}
.tips1_cont_img img{
	margin-top: -10%;
}
#ttl_tips img{
	margin-top: 7%;
}
#tips_cont_wrap{
	width: 67.8%;
    margin: 0 auto;
	max-width: 950px;
	position: relative;
    z-index: 2;
}
#tips_cont_wrap h3:first-child{
	text-align: center;
	padding: 1% 0;
}
#tips_cont_wrap h3 img{width: 68.5%;}
.tips1_cont{
	display: flex;
	align-items: flex-start;
	position: relative;
}
.tips1_cont:nth-of-type(1){margin-top: 5%}
.tips1_cont_img{
	width: 40%;
	display: inline-block;
}
.tips1_cont_txt{
	width: 47.3%;
	display: inline-block;
	text-align: right;
}
.tips1_cont_txt p{
	text-align: left;
	line-height: 1.6;
}
.tips1_cont_txt_right{
	width: 80%;
	float: right;
	text-align: left;
}
.tips1_cont_txt_right img{margin-bottom: 5%;}
.tips1_cont_txt_left{float: left;}
.tips1_cont:nth-child(odd){margin-top: 2%;}
.tips1_cont:nth-child(odd) .tips1_cont_img img{margin-top: -20%;}
.tips1_cont:nth-child(odd) .tips1_cont_txt{width: 59%;}
.tips1_cont:nth-child(odd) .tips1_cont_txt_right p{ width: 85%;}
.tips1_cont:nth-child(odd) .tips1_cont_txt_left{
	float: right;
	width: 29%;
	margin-right: 25%;
}
.tips1_cont:last-child .tips1_cont_img img{margin-top: -28%;}
#tips_source{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.85vw;
	font-size: 90%;
	font-weight: bold;
}
.notes1, .notes2{
	font-size: 90%;
}
#tips_source a{
	display: inline;
	padding-top: 0;
}
.notes2{
    margin: 2% auto 2.9%;
    text-align: center;
    line-height: 1.7;
}

#tabekurabe{
	background-color: #f3e3f4;
    border: solid 10px #ffffff;
	border-radius: 8px;
	padding: 1.5%;
	box-shadow: 4px 4px 0px 0px #cccccc !important;
}
.tips2_lead{
	line-height: 1.5;
	padding: 1% 9%;
	padding-bottom: 2%;
    font-size: 95%;
    text-align: center;
}
.tips2_cont{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 2.5%;
}
.tips2_cassette{
	background-color: #ffffff;
	width: 26%;
	padding: 2.5%;
	border: solid 1.5px #c19e3e;
	display: inline-block;
}
.tips2_cont_img{
  text-align: center;
  margin-bottom: 5%;
}
.tips2_cont_txt{
	line-height: 1.5;
	font-size: 95%;
}
.tips2_cont_season{
	line-height: 1.5;
	font-size: 90%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tips2_cont_line{
	padding: 5% 0;
}
.tips2_cont_line img{
	vertical-align: top;
	display: block;
  width: 100%;
}
.tabekurabe_img_wrapper,
.tabekurabe_txt_wrapper{
  height: 0;
  overflow: hidden;
  padding-top: calc(115 / 235 * 100%);
  position: relative;
}
.tabekurabe_img_wrapper{
  padding-top: calc(185 / 235 * 100%);
}
.tabekurabe_img_box_inside,
.tabekurabe_txt_box_inside{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: clamp(10px, 1.1vw, 15px);
}
.tabekurabe_img_box_inside img{
  height: 100%;
  object-fit: contain;
}

#coupon_wrapper{
  background-image: url(../images/bg_coupon.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 5.571%;
  padding-bottom: 5%;
}
#coupon_wrapper p {
  width: 60.14%;
  margin: 0 auto;
  text-align: center;
}

/* activity */
#activity{
	padding: 3% 0;
	padding-bottom: 4%;
	background:repeating-linear-gradient(-45deg,
	#e0d8e4 0,
	#e0d8e4 10px,
	#ece8ef 10px,
	#ece8ef 15px
	);
}
#ttl_activity{
	margin: 0 auto;
	width: 67.8%;
    max-width: 950px;
}
#activity_cont{
  width: 65.7%;
  max-width: 920px;
  font-size: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#activity_cont li:first-child{
	margin-left: 1%;
}
#activity_cont li{
	width: 29%;
	display: inline-block;
}
#activity_cont li.sp{
	display: none;
}
#activity_cont li .genre_image{ margin-left: -3%;}
#activity_cont p{
	padding-top: 6%;
	width: 88%;
    margin: 0 auto;
}
/* calender */
#calender{ background-image: url(../images/bg_calender.jpg);}
#calender_cont img{
	vertical-align: top;
	margin-top: -1px;
}
#calender_cont{
	width: 67.8%;
    max-width: 950px;
	margin: 0 auto;
}
#calender_cont p{
	text-align: center;
}
#btn_spot{
	text-align: center;
	position: relative;
	max-width: 950px;
    padding: 3% 0;
	width: 67.8%;
	margin: 0 auto;
}
/* to_top */
#to_top{
	background-color: #feebeb;
	background-image: url(../images/bg_page_top.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 40px;
}
#bg_to_top,
#to_top_cont p img{ vertical-align: top;}
#to_top_cont{
	width: 71.4%;
    max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
#to_top_cont p{
	width: 55%;
	margin: 0 auto;
	padding: 8% 0;
	text-align: center;
}
#page_top{
  width: 6.928%;
  max-width: 97px;
  position: fixed;
  bottom: 105px;
  right: 15px;
  z-index: 10000;
  display: none;
}

/* font-size */
@media (min-width: 1400px) {
	#catch {
		font-size: 19px;
	}
}
@media (max-width: 1200px) {
	#catch {
		font-size: 1.2vw;
	}
}

.nav_fixed{
	position: fixed;
  width: 100%;
  z-index: 999;
	top: 0;
	background-color: #f2f9e5;
	display:none;
  max-width: 1400px;
}

.btn_to_plan_hover{
	border:3px solid #333333;
	cursor: pointer;
	background-color: #333333;
	color: #fffdfc;
    text-align: center;
    font-size: 148%;
	width: 53%;
	letter-spacing: 0.1em;
	border-radius: 5px;
    margin: 0 auto;
    padding: 2.3% 0px;
    font-weight: bold;
	position: relative;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events : auto;
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	pointer-events : auto;
}
#tips .btn_to_plan_hover_wrap{
	padding: 2.4% 0;
    padding-bottom: 4%;
}
#plans .btn_to_plan_hover_wrap{
    padding: 3% 0;
	max-width: 1400px;
    margin: 0 auto;
}
#tips .btn_to_plan_hover_wrap:last-child{
	padding: 5.4% 0;
    padding-bottom: 6%;
}
#plans .btn_to_plan_hover{
	padding: 1.5% 0px;
    width: 35.5%;
    margin: 0 auto;
}
#area .btn_to_plan_hover{
    padding: 4.4% 0px;
    width: 100%;
}

.btn_to_plan_hover_txt{
	line-height: 1;
    vertical-align: text-bottom;
}
.btn_to_plan_hover_arrow{
    position: absolute;
    right: 7%;
	top: 38%;
	width: 3%;
}
.btn_to_plan_hover:hover{
	background-color: #fffdfc;
	color: #333333;
	border:3px solid #333333;
}
.btn_to_plan_hover_wrap{
	text-align: center;
	pointer-events : none;
	line-height: 0;
}
.btn_to_plan_hover:hover{ background-color: #fffdfc;}
.btn_to_plan_hover a:hover { color: #333333;}

/*=============================================
 PC
=============================================*/
@media only screen and (max-width:1400px) {
	.btn_to_plan_hover {font-size: 120%;}
}

@media only screen and (max-width:1200px) {
	.btn_to_plan_hover {font-size: 100%;}
}

/*=============================================
 SP
=============================================*/
@media only screen and (max-width:768px) {
	/* kv */
	#kv {
    background-size: contain;
	}
  #kv img.sp{
    width: 100%;
  }
	#catch {
    font-size: 100%;
		bottom: inherit;
		font-weight: bold;
	}
	#badge {
		position: absolute;
		right: 0;
		top: 44%;
		left: 65%;
		margin: auto;
		width: 30%;
	}

	#index nav {
		margin-top: 0.5%;
	}
	.navUl {
		max-width: inherit;
		width: 100%;
	}
	.nav1 { width: 33%;width: 33.3%}
	.nav2 { width: 32.6%;width: 33.2%}
	.nav3 { width: 34.2%;width: 33.5%}

	/* area */
	#area {
		padding-top: 4.1%;
		background-size: contain;
	}
	#area_map {
    width: 100%;
  }
	#ttl_area {width: 83%;}
	#areaUl {
		display: inherit;
		justify-content: inherit;
		margin-top: 5%;
		margin-bottom: 7%;
	}
	#areaUl li {
		width: 100%;
		display: inherit;
		background-color: #fce4e8;
		border-radius: 5px;
		padding: 5% 0;
	}
	#area_map p {
		padding-top: 2%;
		padding-bottom: 4%;
	}
	#areaUl li:last-child{
		margin-left:0;
		margin-top: 7%;
	}
	#areaUl li img{
		width: 77%;
		margin: 0 auto;
	}
	#areaUl li img:first-child{
		margin-bottom: 5%;
	}
	#grape_comment {
		width: 30%;
	}

	/* plan */
	.cont_bg {
		background: none;
	}
	#plans {
		padding-top: 2%;
	}
	#ttl_plan {
		width: 79%;
	}

	/* tips */
	#ttl_tips{
		padding-top: 5%;
		width: 63.3%;
	}
	.tips1_cont_img img,
	.tips1_cont:nth-child(odd) .tips1_cont_img img,
	.tips1_cont:last-child .tips1_cont_img img{margin-top: 0;}
	.tips1_cont_txt p { line-height: 1.4;}
	.tips1_cont{ margin-top: 5%;}
	#ttl_tips img{margin-top: 0%;}
	#tips_source {
		position: relative;
		float: none;
		padding: 3% 0;
		font-size: 80%;
		padding-bottom: 2%;
		width: 84.5%;
		margin: 0 auto;
		display: block;
		text-align: right;
	}
	.notes1, .notes2{
		font-size: 80%;
	}
	#tips_cont_wrap {
		width: 94.5%;
		margin: 0 auto;
		max-width: 950px;
		position: relative;
		z-index: 2;
	}
	.tips1_cont {
		display: flex;
		align-items: flex-start;
		display: inherit;
		align-items: inherit;
	}
	.tips1_cont_img {
		width: 55%;
		margin: 0 auto;
		display: inherit;
	}
	.tips1_cont_txt {
		width: 84.5%;
		margin: 0 auto;
		display: inherit;
		text-align: center;
	}
	.tips1_cont_txt_right {
		width: 100%;
		float: none;
		text-align: center;
	}
	.tips1_cont:nth-child(odd) .tips1_cont_txt_right p {width: 100%;}
	.tips1_cont:nth-child(odd) .tips1_cont_txt{width: 84.5%;}
	#tips_cont_wrap h3 img { width: 86%;}
	.tips2_cont {
		display: inherit;
		justify-content: inherit;
	}
	.tips2_cassette {
		width: 90%;
		margin: 0 auto;
	}
	.tips2_cont_img {
		text-align: center;
		display: inline-block;
		width: 37.5%;
	}
	.tips2_cassette ul{
		display: inline-block;
		width: 57%;
		margin-left: 4%;
	}
	.tips2_cassette {
		font-size: 80%;
		margin-bottom: 3%;
		display: flex;
        align-items: center;
	}

	.tips2_lead { font-size: 92%;}
	.tips2_cont_season { font-size: 85%;letter-spacing: -1px;}
	.tips2_cont { margin-bottom: 0;}
	.tips2_cont:nth-of-type(1) .tips2_cassette:nth-of-type(1) .tips2_cont_img{margin-bottom: 0;}
	.tips2_cont:nth-of-type(1) .tips2_cassette:nth-of-type(2) .tips2_cont_txt{margin-bottom: 0;}
	.tips2_cont:nth-of-type(1) .tips2_cassette:nth-of-type(3) .tips2_cont_txt{margin-bottom: 0;}
	.tips2_cont:nth-of-type(2) .tips2_cassette:nth-of-type(2) .tips2_cont_img{margin-bottom: 0;}
	.tips2_cont:nth-of-type(2) .tips2_cassette:nth-of-type(3) .tips2_cont_img{margin-bottom: 0;}
	.tips2_cont:nth-of-type(2) .tips2_cassette:nth-of-type(2) .tips2_cont_txt{margin-bottom: 0;}
	.tips2_cont:nth-of-type(2) .tips2_cassette:nth-of-type(3) .tips2_cont_txt{margin-bottom: 0;}
	#tabekurabe {border-radius: 0;}

	.notes2{
		width: 77.5%;
		margin: 3.4% auto 1.2%;
		text-align: left;
	}

  #coupon_wrapper {
    background-image: url(../images/bg_coupon_sp.jpg);
    padding-top: 8%;
    padding-bottom: 6.666%;
  }
  #coupon_wrapper p {
    width: 94.666%;
    margin: 0 auto;
  }

    /* activity */
	#activity {
		padding: 7% 0;
		padding-bottom: 8%;
	}
	#ttl_activity {
		width: 80%;
		padding-bottom: 4%;
	}
	#activity_cont {
		width: 100%;
		font-size: 0;
		margin: 0 auto;
		display: inherit;
		justify-content: inherit;
	}
	#activity_cont li:first-child {margin-left: inherit;}
	#activity_cont li {
		width: 94.5%;
		margin: 0 auto;
		display: inherit;
		text-align: center;
	}
  #activity_cont li img{
    width: 100%;
  }
	.bar_genre{
		width: 100% !important;
		margin: 5% 0px !important;
		display:block !important;
	}
	#calender_cont { width: 94.5%;}
  #calender_cont img{ width: 100%;}
	#to_top_cont { width: 94.5%;}
  #to_top_cont img{ width: 100%;}
	#area_map p.btn_to_plan_hover_wrap { width: 77%;}
	.notes1{
		width: 77%;
		text-align: left;
	}
	#plans p,
	#btn_momogari_plan {
		width: 72.6%;
		margin: 0 auto;
		text-align: center;
	}
	#plans_wrap{padding-top: 3%;}
	#activity_cont p {
		width: 80%;
		margin: 0 auto;
	}
	#calender_cont img {
		margin-top: 0;
	}

	#btn_spot {
		width: 100%;
		padding-top: 7%;
		padding-bottom: 8%;
	}
	#to_top_cont p {
		width: 77%;
		width: 65%;
		margin: 0 auto;
		padding: 18% 0;
	}
	.nav_fixed {top: -1px;}
	#page_top {
    width: 50px;
    bottom: 70px;
	}
	.btn_to_plan_hover{
		font-size: 100%;
        padding: 5.5% 0px !important;
	}
	#plans .btn_to_plan_hover {width: 100%;}
	#tips .btn_to_plan_hover {width: 77.5%;}
	#btn_spot .btn_to_plan_hover {width: 73%;letter-spacing: 0em;}
}


/*=============================================
 プランカセット
=============================================*/

#plans_cont{
  width: 67.8%;
  max-width: 950px;
  margin: 0 auto;
  display: flex;
  gap: 0 2%;
}
#plans_cont .plan_info{
	width: 30%;
	height: auto;
	background-color:#ffffff;
	padding: 10px;
	border-radius: 4px;
	display: inline-block;
}
.plan_img_outer {
	position: relative;
}
.plan_img_outer::before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 72.5%;
  }
.plan_img_inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.plan_img_inner > img {
	object-fit:cover;
	object-fit: contain;
	width: 100%;
	height: 100%
}
.plan_txt{
	line-height: 1.5 !important;
	height: 70px;
	font-size: 100%;
	position: relative;
	overflow: hidden;
}
.plan_txt:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 16px;
	bottom: 0;
	left: 0;
	box-shadow: 0 -6px 18px 3px #FFFFFF inset;
}
.plan_name{
	line-height: 3 !important;
	font-weight: bold;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.plan_place{
	height:30px;

	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.plan_price{
	height:45px;
	overflow: hidden;
}

.price_strong{
	color: #d42300;
	font-size: 150%;
	font-weight: bold;
}
.btn_moreInfo,
.plan_img{
	text-align: center;
}

/*=============================================
 SP
=============================================*/
@media only screen and (max-width:768px) {

	#plans_cont {
		width: 100% !important;
		margin: 0 auto;
		display: inherit;
    	justify-content: inherit;
	}
	.plan_img,
	.plan_place{
		width: 50%;
		display: inline-block !important;
		height: inherit;
	}
	.plan_img img {
		width: auto;
		height: auto;
	}
	.plan_txt,
	.plan_price{
		width: 44%;
		display: inline-block;
		height: inherit;
	}
	.plan_txt{
		vertical-align: top;
		padding: 0 2%;
	}
	.plan_txt:after {
		display:none;
	}
	#plans_cont .plan_info {
		font-size: 100%;
    width: 88.5% !important;
		margin: 0 auto !important;
		margin-bottom: 4% !important;
		display: inherit;
		height: inherit !important;
		padding: 3%;
	}
	.plan_name{
		height: inherit;
		font-size: 115%;
		line-height: 1.5 !important;
		padding-bottom: 5%;
	}
	.plan_line,
	.btn_moreInfo{
		margin-top: 3%;
	}
	.btn_moreInfo a img{
		width: 84%;
    	margin: 0 auto;
	}
	#plans h2 img{
		width: 90%;
		width: 95%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	.btn_plans{
		width: 55%;
		padding-bottom: 7.5%;
	}
	#asb_top {
		width: 55%;
		margin: 7.5% auto;
	}
  .tabekurabe_img_wrapper,
  .tabekurabe_txt_wrapper {
    height: auto;
    overflow: visible;
    padding-top: 0;
    position: relative;
  }
  .tabekurabe_img_box_inside,
  .tabekurabe_txt_box_inside {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: inherit;
  }
  .tabekurabe_img_wrapper {
    padding-top: 0;
  }
  .tabekurabe_img_box_inside img {
    height: auto;
    width: 100%;
    object-fit: initial;
  }
}

/*
coupon追加
*/
#coupon_bottom {
	text-align: center;
	position: fixed;
	bottom: -165px;
	z-index: 9999;
	width: 100%;
	background-color: rgba(247, 247, 247, 0.9);
  max-width: 1400px;
}
#couponImg{ width: 650px;}
.footerRlogo_tx{ padding-bottom: 150px;}
#couponClose{
  position: absolute;
  top: -5px;
  margin-left: -10px;
  width: 30px;
  box-shadow: 4px 3px 9px 3px #cccccc !important;
  border-radius: 15px;
  cursor: pointer;
}
@media screen and (max-width:800px) {
  #coupon_bottom{ min-width: inherit;}
}
@media screen and (max-width:768px) {
  #coupon_bottom{ bottom:-100px;}
  .footerRlogo_tx{padding-bottom: 30%;}
  #couponImg{width:95%;}
  #couponClose {
    top: -10%;
    margin-left: -7%;
  }
}


/* 20190817追加 */
@media only screen and (min-width:1600px) {
	#plans .border {top: -83px;}
}
@media only screen and (max-width:1600px) {
	#plans .border {top: -85px;}
}
@media only screen and (max-width:1500px) {
	#ttl_plan {font-size: 30px ;}
	#plans .border {
		top: -66px;
    height: 400px;
    width: 400px;
	}
}
@media only screen and (max-width:1400px) {
	/* #index,body{width: 1400px;} */
	#ttl_plan {font-size: 27px ;}
	#plans .border {
		top: -60px;
		top: -56px;
	}

}
@media only screen and (max-width:1300px) {
	#ttl_plan {font-size: 2.2vw;}
	#plans .border {top: -61px;}
}

@media only screen and (max-width:1200px) {
	.tips2_cont_txt{
		line-height: 1.5;
		font-size: 95%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}
	.tips2_cont_txt,
	.tips2_cont_season{
		font-size: 1.2vw;
	}
	.tips1_cont_txt p{
		font-size: 1.5vw;
	}
	#tips_source{
		font-size: 12px;
	}
	.notes1, .notes2{
		font-size: 12px;
	}
	.tips2_lead {
		font-size: 1.4vw;
	}
	.tips1_cont{
		padding-bottom: 5%;
	}
	#plans .border {
		top: -56px;
		height: 250px;
		width: 250px;
	}
}
@media only screen and (max-width:1100px) {
	#ttl_plan {font-size: 21px;}
	#plans .border {
		top: -47px;
		height: 200px;
		width: 200px;
	}
}
@media only screen and (max-width:1000px) {
	#ttl_plan {font-size: 19px;}
	#plans .border {top: -52px;}
}
@media only screen and (max-width:900px) {
	body{width: initial;}
	#index{width: 100%;}
	#ttl_plan {font-size: 100%;}
	#plans .border {top: -40px;}
	.tips1_cont:last-child{padding-bottom: 7%;}
}

/* 20190808追加 */
h1 img{
	width:100%;
	height:auto;
}
#ttl_area {
	background-image: url(../images/ttl_area_dotline.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	padding-bottom: 0.5%;
	width: 46%;
	max-width: 625px;
	margin: 3.5% auto 0;
	font-size: 2.2vw;
	color: #333333;
	letter-spacing: 0;
	text-shadow: 2px 2px 0 #FFF,
	-2px -2px 0 #FFF,
	-2px 2px 0 #FFF,
	2px -2px 0 #FFF,
	2px 2px 0 #FFF,
	0 -2px 0 #FFF,
	-2px 0 0 #FFF,
	2px 0 0 #FFF;
}
#ttl_area img{
	max-width: 256px;
	display: block;
	width: 41% !important;
	margin: 0 auto;
}
#ttl_plan{
	width: 34.3%;
	max-width: 570px;
	background-image: url(../images/ttl_plan_dotline.png);
	margin: 0 auto;
	color: #333333;
	padding-bottom: 0.5%;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	letter-spacing: -0.05em;
	text-shadow: 2px 2px 0 #FFF,
	-2px -2px 0 #FFF,
	-2px 2px 0 #FFF,
	2px -2px 0 #FFF,
	2px 2px 0 #FFF,
	0 -2px 0 #FFF,
	-2px 0 0 #FFF,
	2px 0 0 #FFF;
}
#ttl_plan_img{
	max-width: 154px;
    width: 9.3%;
    display: block;
    position: relative;
    left: initial;
    right: initial;
    margin: 0 auto;
    padding-top: 2%;
}
@media only screen and (min-width:1400px) {
	#ttl_area{font-size: 205%;}
}
@media only screen and (min-width:1600px) {
	#ttl_plan { font-size: 31px;}
}
@media only screen and (min-width:2500px) {
	#ttl_plan {
	  padding-top: 1vw;
	}
	#ttl_plan_img {
	  margin-top: -2vw;
	}
	#tips .border {
	  top: -3vw;
	}
}

@media only screen and (max-width: 736px){
	#ttl_area {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		letter-spacing: -0.1em;
		background-size: 95%;
	}
	#ttl_plan {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		letter-spacing: -0.1em;
		background-size: 95%;
	}

}
@media only screen and (max-width: 768px){
	.tips2_lead {
		font-size: 88%;
	}
	#ttl_area img {
		width: 40% !important;
		max-width: initial;
	}
	#ttl_area {
		width: 83%;
		margin-top: 6.8%;
		font-size: 2.5vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		letter-spacing: -0.1em;
		background-size: 95%;
		max-width:350px;
	}
	#ttl_plan_img {
		max-width: initial;
		width: 19%;
		display: block;
		position: relative;
		left: 0;
		right: 0;
		margin: 0 auto;
		margin-top: 0;
	}
	#ttl_plan {
		padding-top: 0;
		width: 79%;
		padding-bottom: 0.5%;
    font-size: 2.8vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		letter-spacing: -0.1em;
		background-size: 95%;
		max-width:330px;
	}
	#plans .btn_to_plan_hover_wrap{
		padding: 3% 0;
		padding-bottom: 6%;
	}
	.plan_name {
		overflow: initial;
		white-space: initial;
		text-overflow: initial;
	}
	.tips2_cont_txt, .tips2_cont_season,
	.tips1_cont_txt p {
    font-size: 12px;
	}
	.tips2_lead{
		font-size: 88%;
	}
	#tips_source{
		font-size: 90%;
	}
	.notes1, .notes2{
		font-size: 90%;
	}
	.tips2_cont_txt {
		display: block;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: visible;
	}
	.topicpath{
        margin: 10px;
		margin-bottom: 25px;
    }
    .pankuzu li, .index_h1 {
        font-size: 10px;
    }
}

@media only screen and (max-width: 640px){
  #catch {
    font-size: 3vw;
  }
  #ttl_area {
    font-size: 4.3vw;
  }
  #ttl_plan {
    font-size: 4.8vw;
  }
  #plans_cont .plan_info {
    font-size: 80%;
  }
  .plan_txt {
    font-size: 95%;
  }
}

img[usemap] {
  max-width: 100%;
  height: auto;
}
#map a:focus,
#map *:focus { outline:none; }