/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css base
 * ******************************************************************
 */

/* -----------------------------------------------------------------
   about
----------------------------------------------------------------- */

#bdid_about #main_contents h2 + p{
	font-size:1.00rem;
	line-height:1.75;
}
#bdid_about #main_contents h2 + p strong{
	font-size:1.15rem;
}

#bdid_about #about_osaki{
	position:relative;
	width:812px;
	max-width:100%;
	margin:0 auto 0px;
}

#bdid_about section.area_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:2px solid #FCEE7B;
	}
	#bdid_about section.area_box:last-of-type{
		border-bottom:none;
	}
	#bdid_about section.area_box h3{
		position:relative;
		width:171px;
		height:171px;
		margin:0px;
		border:none;
	}
	#bdid_about section.area_box h3 + div{
		width:calc(100% - 185px);
		margin:23px 0 0 0;
	}
	#bdid_about section.area_box h3 + div p{
		margin:0 0 20px;
		font-size:0.82rem;
		line-height:1.5;
	}
	#bdid_about section.area_box h3 + div > ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		margin:0 0 3px;
		list-style:none;
	}
	#bdid_about section.area_box h3 + div > ul li{
		width:170px;
		margin:0 0 10px;
		max-width:24.5%;
}

#bdid_about #patasaki{
	width:100%;
	height:auto;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_about #main_contents h2 + p{
		font-size:0.9rem;
		line-height:1.5;
	}
	#bdid_about #main_contents h2 + p strong{
		font-size:1.05rem;
	}

	#bdid_about #about_osaki{
		margin:0 auto 30px;
	}

	#bdid_about section.area_box{
		justify-content:center;
		margin:0 0 20px;
		padding:0 0 10px;
		}
		#bdid_about section.area_box h3 + div{
			width:100%;
		}
		#bdid_about section.area_box h3 + div > ul li{
			max-width:49%;
	}
}


/* -----------------------------------------------------------------
   model
----------------------------------------------------------------- */

#bdid_model .page_lead{
	padding:15px 0;
	font-size:0.93rem;
	border-bottom:1px dotted #000;
}

#bdid_model section.model_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:1px dotted #000;
	}
	#bdid_model section.model_box:last-of-type{
		border-bottom:none;
	}
	#bdid_model section.model_box h3{
		position:relative;
		width:170px;
		height:170px;
		margin:0px;
		border:none;
	}
	#bdid_model section.model_box h3 + div{
		width:calc(100% - 190px);
		margin:23px 0 0 0;
	}
	#bdid_model section.model_box h3 + div ol{
		position:relative;
		list-style:none;
		counter-reset:li;
	}
	#bdid_model section.model_box h3 + div ol li{
		position:relative;
		padding:0 0 30px 35px;
		}
		#bdid_model section.model_box h3 + div ol li::before{
			counter-increment:li;
			content:counter(li);
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:0px;
			left:0px;
			width:27px;
			height:27px;
			font-weight:bold;
			background:#000;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			color:#FFF;
		}
		#bdid_model section.model_box h3 + div ol li:has(.day_1)::before,
		#bdid_model section.model_box h3 + div ol li:has(.day_2)::before{
			top:40px;
		}
		#bdid_model section#spring h3 + div ol li::before{background:#EE87B4;}
		#bdid_model section#summer h3 + div ol li::before{background:#83BBE6;}
		#bdid_model section#autumn h3 + div ol li::before{background:#F29325;}
		#bdid_model section#winter h3 + div ol li::before{background:#C27BB1;}
		#bdid_model section.model_box h3 + div ol li::after{
		    content:" ";
		    display:block;
		    clear:both;
	}

	#bdid_model section.model_box h3 + div ol h4{
		width:100%;
		font-weight:bold;
		font-size:1.1rem;
	}
	#bdid_model section.model_box h3 + div ol h4::before,
	#bdid_model section.model_box h3 + div ol h4::after{
		content:" ";
		position:absolute;
	}
	#bdid_model section.model_box h3 + div ol h4::before{
		bottom:10px;
		left:44px;
		width:2px;
		height:13px;
		background:#000;
	}
	#bdid_model section.model_box h3 + div ol h4::after{
		bottom:2px;
		left:40px;
		border:5px solid transparent;
		border-top:6px solid #000;
	}
	#bdid_model section.model_box h3 + div ol li:last-child h4::before,
	#bdid_model section.model_box h3 + div ol li:last-child h4::after{
		display:none;
	}
	#bdid_model section#spring h3 + div ol h4::before{background:#EE87B4;}
	#bdid_model section#summer h3 + div ol h4::before{background:#83BBE6;}
	#bdid_model section#autumn h3 + div ol h4::before{background:#F29325;}
	#bdid_model section#winter h3 + div ol h4::before{background:#C27BB1;}
	#bdid_model section#spring h3 + div ol h4::after{border-top:6px solid #EE87B4;}
	#bdid_model section#summer h3 + div ol h4::after{border-top:6px solid #83BBE6;}
	#bdid_model section#autumn h3 + div ol h4::after{border-top:6px solid #F29325;}
	#bdid_model section#winter h3 + div ol h4::after{border-top:6px solid #C27BB1;}

	#bdid_model section.model_box h3 + div ol li figure{
		float:left;
		width:140px;
		margin:0 15px 0 0;
	}
	#bdid_model section.model_box h3 + div ol li p{
		margin:0 0 20px;
		font-size:0.84rem;
		line-height:1.5;
	}

	#bdid_model section.model_box h3 + div ol li .day_1,
	#bdid_model section.model_box h3 + div ol li .day_2{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:100px;
		height:30px;
		margin:0 0 10px -35px;
		font-weight:bold;
		font-size:1.15rem;
		border:1px solid #000;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		background:#FFF;
		color:#000;
	}
	#bdid_model section.model_box h3 + div ol li .day_2{
		background:#FFFCCD;
	}
	#bdid_model section#spring h3 + div ol li .day_1,
	#bdid_model section#spring h3 + div ol li .day_2{border:1px solid #EE87B4;color:#EE87B4;}
	#bdid_model section#summer h3 + div ol li .day_1,
	#bdid_model section#summer h3 + div ol li .day_2{border:1px solid #83BBE6;color:#83BBE6;}
	#bdid_model section#autumn h3 + div ol li .day_1,
	#bdid_model section#autumn h3 + div ol li .day_2{border:1px solid #F29325;color:#F29325;}
	#bdid_model section#winter h3 + div ol li .day_1,
	#bdid_model section#winter h3 + div ol li .day_2{border:1px solid #C27BB1;color:#C27BB1;}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_model section.model_box h3{
		margin:0 auto;
	}
	#bdid_model section.model_box h3 + div{
		width:100%;
	}
	#bdid_model section.model_box h3 + div ol h4{
		width:100%;
		font-weight:bold;
		font-size:1.1rem;
	}
	#bdid_model section.model_box h3 + div ol h4::before{
		left:50%;
	}
	#bdid_model section.model_box h3 + div ol h4::after{
		left:calc(50% - 4px);
	}
	#bdid_model section.model_box h3 + div ol li figure{
		float:none;
		width:280px;
		max-width:100%;
		margin:0 0 10px 0;
	}

}

/* -----------------------------------------------------------------
   stay
----------------------------------------------------------------- */

.bdcs_stay #osaki_osusume{
	position:relative;
	min-height:320px;
	margin:0 0 70px;
	padding:40px 0 0 440px;
	background:url(../../image/stay/stay_bg.png) no-repeat 50px top;
	}
	.bdcs_stay #osaki_osusume h3{
		margin:0 0 15px;
		padding:0px;
		border:none;
		font-weight:bold;
		font-size:1.2rem;
	}
	.bdcs_stay #osaki_osusume p{
		margin:0 0 15px;
		line-height:1.75;
	}
	.bdcs_stay #osaki_osusume p:last-child{
		margin:0px;
		font-size:0.84rem;
		text-indent:-1rem;
		padding-left:1rem;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.bdcs_stay #osaki_osusume{
		min-height:0px;
		padding:40px 0 0 0px;
		background:none;
		}
		.bdcs_stay #osaki_osusume h3{
			font-size:1.0rem;
		}
		.bdcs_stay #osaki_osusume p:last-child{
			font-size:0.77rem;
	}
}

#bdid_stay .area_grid{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	}
	.bdcs_stay .area_grid h3,
	#bdid_stay .area_grid > div{
		width:200px;
		height:200px;
		max-width:25%;
		margin:0 0 20px;
	}
	#bdid_stay .area_grid > div:nth-child(4n+2):last-child{
		margin-right:467px;
	}
	#bdid_stay .area_grid > div:nth-child(4n+3):last-child{
		margin-right:236px;
}
#bdid_stay .area_grid > div a{
	display:block;
}
#bdid_stay .area_grid > div a:hover{
	text-decoration:none;
}

.bdcs_stay .area_grid h3{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 0 10px;
	font-size:1.0rem;
	text-align:center;
	border:none;
	background:#555;
	}
	.bdcs_stay .area_grid h3 span{
		font-weight:500;
		font-size:1.5rem;
		text-align:center;
		color:#FFF;
	}
	.bdcs_stay .area_grid h3 span span{
		display:block;
		font-weight:500;
		font-size:2.2rem;
		text-align:center;
		line-height:1.75;
		color:#FFF;
}
#bdid_stay .area_grid > div{
	color:#FFF;
	}
	.bdcs_stay .area_grid > div h4{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		height:47px;
		margin:0px !important;
		background:#555;
		color:#FFF;
}
/* --- responsive --- */
@media screen and (max-width:1000px){
	#bdid_stay .area_grid h3,
	#bdid_stay .area_grid > div{
		width:32%;
		max-width:32%;
		height:auto;
		margin:0 0 10px;
		}
		#bdid_stay .area_grid > div:nth-child(4n+2):last-child{
			margin-right:0px;
		}
		#bdid_stay .area_grid > div:nth-child(4n+3):last-child{
			margin-right:0px;
		}
		#bdid_stay .area_grid > div:nth-child(3n+2):last-child{
			margin-right:calc(2% + 32%);
	}
}
@media screen and (max-width:767px){
	#bdid_stay .area_grid h3,
	#bdid_stay .area_grid > div{
		width:49%;
		max-width:49%;
		}
		#bdid_stay .area_grid > div:nth-child(3n+2):last-child{
			margin-right:0px;
	}

	.bdcs_stay .area_grid h3{
		}
		.bdcs_stay .area_grid h3 span{
			font-size:1.0rem;
		}
		.bdcs_stay .area_grid h3 span span{
			font-size:1.5rem;
	}
	.bdcs_stay .area_grid > div h4{
		font-size:0.87rem;
	}
}

#bdid_stay_detail .area_grid{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
}

#shisetsu_detail{
	position:relative;
	width:calc(100% - 240px) !important;
	max-width:calc(100% - 240px) !important;
	height:auto !important;
	margin:0px !important;
	border:1px solid #555;
	}
	#shisetsu_detail h4{
		height:60px !important;
		font-size:1.3rem;
	}
	#shisetsu_detail p{
		margin:0 0 15px;
		padding:0 20px;
		color:#000;
	}
	#shisetsu_detail ul#detail_list{
		margin:30px 0 20px;
		padding:0 20px;
		list-style:none;
		color:#000;
		}
		#shisetsu_detail ul#detail_list li{
			padding:10px 0;
			border-top:1px solid #555;
			}
			#shisetsu_detail ul#detail_list li.url a{
				font-weight:bold;
				font-size:1.2rem;
				text-decoration:none;
				color:#555;
}

/* --- responsive --- */
@media screen and (max-width:1000px){
	#bdid_stay_detail .area_grid h3{
		width:100% !important;
		height:auto;
		max-width:100%;
	}
	#bdid_stay_detail .area_grid h3 span{
		display:inline-block;
	}
	#shisetsu_detail{
		width:100% !important;
		max-width:100% !important;
		border:1px solid #555;
		}
		#shisetsu_detail h4{
			font-size:1.2rem;
		}
		#shisetsu_detail ul li{
			font-size:0.87rem;
			}
			#shisetsu_detail ul li.url a{
			font-size:1.0rem;
	}
}

/* -----------------------------------------------------------------
   shop
----------------------------------------------------------------- */
#bdid_shop .page_lead{
	padding:15px 0;
	font-size:0.93rem;
	font-weight:strong;
	border-bottom:1px dotted #000;
}
#bdid_shop .page_kifu{
	padding:10px 0;
	font-size:0.93rem;
	font-weight:normal;
	}
	#bdid_shop .page_kifu .midashi{
		padding:10px 0;
		font-size:0.93rem;
		font-weight:normal;
		color:#2569A0;
}

#bdid_shop h3{
	padding:45px 0 5px 0;
	font-size:1.3rem;
	border-bottom:1px solid #000;
}
#bdid_shop .head_img{
	display:flex;
	}
	#bdid_shop .head_img .center{
		display:inline-block;
		width:100%;
		margin:10px 30px 10px 0;
	}
	#bdid_shop .head_img .center:hover{
		opacity:0.65;
	} 
	#bdid_shop .head_img .center p{
		font-size:1rem;
		line-height:1.6rem;
		font-weight:strong;
		margin:10px 0;
	}
	#bdid_shop .head_img .center p span{
		font-size:0.8rem;
		line-height:1.1rem;
		font-weight:normal;
	}
	#bdid_shop .head_img .left{
		display:inline-block;
		width:370px;
		margin:10px 30px 10px 0;
	}
	#bdid_shop .head_img .left p{
		font-size:1rem;
		line-height:1.6rem;
		font-weight:strong;
		margin:20px 0;
	}
	#bdid_shop .head_img .left p span{
		font-size:0.8rem;
		line-height:1.1rem;
		font-weight:normal;
	}
	#bdid_shop .head_img .right{
		display:inline-block;
		width:500px;
		margin:10px 0 10px 0;
}
#bdid_shop .photo{
	display:flex;
	text-align:center;
	justify-content: space-around;
	}
	#bdid_shop .photo img{
		display:inline-block;
		width:210px;
		margin:10px 0 40px 0;
}
#bdid_shop .furusato{
	display:block;
	text-align:left;
	}
	#bdid_shop .furusato .fru_link{
		position: relative;
		display:inline-block;
		width:270px;
		margin:10px 0 10px 20px;
	}
	#bdid_shop .furusato .fru_link::before{
		content:"";
		position: absolute;
		top: 50%;   /* 縦軸をセンタリングする */ 
		left: -15px;
		transform: translateY(-50%);   /* 縦軸をセンタリングする */  
		border: 6px solid transparent;
		border-left: 10px solid #F2E900; 
}
	#bdid_shop .furusato .fru_link a{
		color:#111;
}

#bdid_shop  #shop_information{
	border:1px solid #555;
	}
	#bdid_shop  #shop_information h4{
		margin:0px;
		padding:10px 30px;
		font-weight:bold;
		background:rgba(245,166,36,0.5);
	}
	#bdid_shop  #shop_information ul{
		margin:10px 0 25px;
		padding:0 20px;
		list-style:none;
		color:#000;
		}
		#bdid_shop  #shop_information ul li{
			padding:10px 0;
			border-bottom:1px solid rgba(245,166,36,0.7);
		}
		#bdid_shop  #shop_information ul li p:last-child{
			margin:0px;
		}
		#bdid_shop  #shop_information ul li:last-child{
			border-bottom:none;
			}
			#bdid_shop  #shop_information ul li p.url a,
			#bdid_shop  #shop_information ul li p.fb a,
			#bdid_shop  #shop_information ul li p.ig a{
				position:relative;
				padding-left:35px;
				font-weight:bold;
				font-size:1.2rem;
				word-break:break-all;
				text-decoration:none;
				color:rgba(245,166,36,1);
			}
			#bdid_shop  #shop_information ul li p.url a{
				background:url(../../image/base/url.png) no-repeat 0 2px;
				background-size:25px;
			}
			#bdid_shop  #shop_information ul li p.fb a{
				background:url(../../image/base/fb.png) no-repeat 0 2px;
				background-size:25px;
			}
			#bdid_shop  #shop_information ul li p.ig a{
				background:url(../../image/base/ig.png) no-repeat 0 2px;
				background-size:25px;
			}
			#bdid_shop  #shop_information ul li p.url a:hover,
			#bdid_shop  #shop_information ul li p.fb a:hover,
			#bdid_shop  #shop_information ul li p.ig a:hover{
				text-decoration:underline;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_shop  #shop_information ul li p.url a,
	#bdid_shop  #shop_information ul li p.fb a{
		font-size:0.8rem;
	}
	#bdid_shop .head_img{
		display:grid;
		}
	#bdid_shop .head_img .left{
		display:inline-block;
		width:100%;
		margin:10px 10px 10px 0;
	}
	#bdid_shop .head_img .left p{
		font-size:1rem;
		line-height:1.4rem;
		margin:10px 0;
	}
	#bdid_shop .head_img .left p span{
		font-size:0.8rem;
		line-height:1.1rem;
	}
	#bdid_shop .head_img .right{
		display:inline-block;
		width:100%;
		margin:10px 0 10px 0;
}
#bdid_shop .photo{
	display:grid;
	text-align:center;
	justify-content: space-around;
	}
	#bdid_shop .photo img{
		display:inline-block;
		width:100%;
		margin:10px 0 10px 0;
}
}



/* -----------------------------------------------------------------
   access
----------------------------------------------------------------- */

#bdid_access #main_contents h2 + p{
	font-size:1.00rem;
	line-height:1.75;
}
#bdid_access #main_contents h2 + p strong{
	font-size:1.15rem;
}

#bdid_access #bus_map{
	position:relative;
	width:100%;
	margin:0 0 40px 0;
	}
	#bdid_access #bus_map .mapimg{
		width:600px;
		text-align:center;
		margin:0 auto 0px;
	}
	#bdid_access #bus_map h4{
		font-size:1.3rem;
		background-color:#ADD8B9;
		padding:10px;
		margin:10px 0;
	}
	#bdid_access #bus_map b{
		color:#79BD28;
		font-size:1.2rem;
	}
	#bdid_access #bus_map ul{
		margin:5px 0 20px 0;
		padding-left: 2em; 
		text-indent: -1em; 
	}
	#bdid_access #bus_map ul li{
		list-style:none;
		margin: 0 0 10px 0;
		font-weight:normal;
	}
	#bdid_access #bus_map ul li::before{
		content: "●";
		font-size:0.85rem;
		margin-right: 4px;
		color:#79BD28;
}

#bdid_access #jr_map{
	position:relative;
	width:100%;
	margin:0 0 40px 0;
	}
	#bdid_access #jr_map .mapimg{
		width:600px;
		text-align:center;
		margin:0 auto 0px;
	}
	#bdid_access #jr_map h4{
		font-size:1.3rem;
		background-color:#9AC4DE;
		padding:10px;
		margin:10px 0;
	}
	#bdid_access #jr_map b{
		color:#3EA1C9;
		font-size:1.2rem;
	}
	#bdid_access #jr_map ul{
		margin:5px 0 20px 0;
		padding-left: 2em; 
	}
	#bdid_access #jr_map ul li{
		list-style:none;
		margin: 0 0 10px 0;
		font-weight:normal;
}

#bdid_access #car_map{
	position:relative;
	width:100%;
	margin:0 0 40px 0;
	}
	#bdid_access #car_map .mapimg{
		width:600px;
		text-align:center;
		margin:0 auto 0px;
	}
	#bdid_access #car_map h4{
		font-size:1.3rem;
		background-color:#FFECB9;
		padding:10px;
		margin:10px 0;
	}
	#bdid_access #car_map b{
		color:#F18916;
		font-size:1.2rem;
	}
	#bdid_access #car_map section.area_box{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		margin:0 0 20px;
		padding:0 0 10px;
		border-bottom:2px solid #FCEE7B;
	}
	#bdid_access #car_map section.area_box:last-of-type{
		border-bottom:none;
	}
	#bdid_access #car_map section.area_box h3{
		position:relative;
		width:171px;
		height:171px;
		margin:0px;
		border:none;
	}
	#bdid_access #car_map section.area_box h3 + div{
		width:calc(100% - 185px);
		margin:23px 0 0 0;
	}
	#bdid_access #car_map section.area_box h3 + div p{
		margin:0 0 20px;
		font-size:0.95rem;
		line-height:1.75;
	}
	#bdid_access #car_map section.area_box h3 + div p span{
		position: absolute;
		left:150px;
		font-size:0.8rem;
	}
	#bdid_access #car_map section.area_box h3 + div p span .biko{
		color:#C44523;
		font-size:0.8rem;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_access #main_contents h2 + p{
		font-size:0.9rem;
		line-height:1.5;
	}
	#bdid_access #main_contents h2 + p strong{
		font-size:1.05rem;
	}

	#bdid_access #about_osaki{
		margin:0 auto 30px;
	}
	#bdid_access #bus_map .mapimg{
		width:100%
	}
	#bdid_access #jr_map .mapimg{
		width:100%
	}
	#bdid_access #car_map .mapimg{
		width:100%
	}

	#bdid_access #car_map section.area_box{
		justify-content:center;
		margin:0 0 20px;
		padding:0 0 10px;
		}
		#bdid_access  #car_map section.area_box h3 + div{
			width:100%;
		}
	}
	#bdid_access #car_map section.area_box h3 + div p span{
		position:relative;
		left:0px;
		line-height:1.2;
	}
}


/* -----------------------------------------------------------------
  patasaki_room
----------------------------------------------------------------- */

#bdid_patasaki #main_contents h2 + p{
	font-size:1.00rem;
	line-height:1.75;
}
#bdid_patasaki #main_contents h2 + p strong{
	font-size:1.15rem;
}

#bdid_patasaki #patasaki_room{
	position:relative;
	display:block;
	}
	#bdid_patasaki #patasaki_room img{
		display: inline-block;
		width:350px;
		margin:0 20px 0 0;
	}
	#bdid_patasaki #patasaki_room .p_about{
		display: inline-block;
		font-size:1.15rem;
		width:520px;
	}
	#bdid_patasaki  #patasaki_room .p_about .p_prof{
		border:1px dotted #75BC2A;
		padding:15px;
		margin:10px 0;
		font-size:0.95rem;
		line-height:1.5rem;
		text-align:left;
	}
	#bdid_patasaki  #patasaki_room .p_about .p_prof b{
		color:#75BC2A;
		font-size:1.1rem;
	}

#bdid_patasaki #patasaki_ch{
		display: flex;
		width:480px;
		background-color:#fff;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		border-radius:14px;
		margin:15px auto;
		border:2px solid #E94524;
		text-decoration:none;
	}
	#bdid_patasaki #patasaki_ch img{
		position: relative;
		width:120px;
		margin:15px;
	}
	#bdid_patasaki #patasaki_ch .ch_txt{
		margin:10px;	
		font-size:1.1rem;
		height:140px;
		line-height:140px;
		color:#E94524;
	}
	#bdid_patasaki #patasaki_ch:hover{
		opacity:0.6;	
}
#bdid_patasaki .haken{
		display: flex;
		font-size:0.95rem;
		line-height:1.6rem;
		margin:20px 0;
		padding:10px;
		border-bottom:1px solid #888;
	}
	#bdid_patasaki .haken img{
		position: relative;
		width:150px;
		margin:0 30px 0 0;
	}
	#bdid_patasaki .haken img:hover{
		opacity:0.6;	
	}
	#bdid_patasaki .haken p{
		margin:0 30px 0 0;
	}
	#bdid_patasaki .haken .annotation{
		font-size:0.85rem;
		line-height:1rem;
}

#bdid_patasaki .p_contact{
		font-size:0.95rem;
		line-height:1.6rem;
		margin:20px 0;
	}
	#bdid_patasaki .p_contact .name{
		border:1px solid #75BC2A;
		padding:20px;
		marign:10px 0;
	}
	#bdid_patasaki .p_contact span{
		font-size:0.85rem;
		color:#E94524;
}

/* --- responsive --- */
@media screen and (max-width:767px){

	#bdid_patasaki  #patasaki_room .p_about{

		display: grid;
		width:100%
	}
	#bdid_patasaki #patasaki_ch{
		display: flex;
		width:100%;
	}
	#bdid_patasaki #patasaki_ch img{
		width:100%;
	}
	#bdid_patasaki #patasaki_ch .ch_txt{
		text-align:center;
		height:auto;
		line-height:1.4rem;
	}
	#bdid_patasaki .haken{
		display: grid;
	}
	#bdid_patasaki .haken img{
		width:40%;
		margin:0;
	}
	#bdid_patasaki .haken p{
		margin:0;
	}
	#bdid_patasaki .haken .annotation{
		font-size:0.85rem;
		line-height:1rem;
	}
}
/* -----------------------------------------------------------------
----------------------------------------------------------------- */


#back_list{
	position:absolute;
	top:220px;
	left:0px;
	width:200px;
	height:30px !important;
	}
	#back_list a{
		display:-webkit-flex !important;
		display:flex !important;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		background:#F1E900;
		color:#000;
		-moz-box-shadow:5px 5px 2px rgba(0,0,0,0.2);
		-webkit-box-shadow:5px 5px 2px rgba(0,0,0,0.2);
		box-shadow:5px 5px 2px rgba(0,0,0,0.2);
		transition-duration:0.5s;
	}
	#back_list a:hover{
		text-decoration:none;
		background:#CCC;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#back_list{
		position:relative;
		top:0px;
		left:0px;
		width:200px;
		height:30px !important;
		margin:20px auto;
	}
}


.bdcs_stay #naruko.area_grid h3,
.bdcs_stay #naruko.area_grid > div h4{background:#A5CC3E;}
.bdcs_stay #h_naruko.area_grid h3,
.bdcs_stay #h_naruko.area_grid > div h4{background:#A199C9;}
.bdcs_stay #onikoube.area_grid h3,
.bdcs_stay #onikoube.area_grid > div h4{background:#F6AE6A;}
.bdcs_stay #kawatabi.area_grid h3,
.bdcs_stay #kawatabi.area_grid > div h4{background:#9BC3E8;}
.bdcs_stay #tajiri.area_grid h3,
.bdcs_stay #tajiri.area_grid > div h4{background:#F2A1AF;}

.bdcs_stay #naruko.area_grid #shisetsu_detail ul li{border-top:1px solid #A5CC3E;}
.bdcs_stay #h_naruko.area_grid #shisetsu_detail ul li{border-top:1px solid #A199C9;}
.bdcs_stay #onikoube.area_grid #shisetsu_detail ul li{border-top:1px solid #F6AE6A;}
.bdcs_stay #kawatabi.area_grid #shisetsu_detail ul li{border-top:1px solid #9BC3E8;}
.bdcs_stay #tajiri.area_grid #shisetsu_detail ul li{border-top:1px solid #F2A1AF;}

.bdcs_stay #naruko.area_grid #shisetsu_detail ul li a{color:#A5CC3E;}
.bdcs_stay #h_naruko.area_grid #shisetsu_detail ul li a{color:#A199C9;}
.bdcs_stay #onikoube.area_grid #shisetsu_detail ul li a{color:#F6AE6A;}
.bdcs_stay #kawatabi.area_grid #shisetsu_detail ul li a{color:#9BC3E8;}
.bdcs_stay #tajiri.area_grid #shisetsu_detail ul li a{color:#F2A1AF;}

/* -----------------------------------------------------------------
   slider
----------------------------------------------------------------- */

#slider{
	position:relative;
	width:100% !important;
	margin:0 auto;
}
#slider ul{
	position:relative;
	width:100%;
	height:0px;
	margin:0px !important;
	padding:62.3% 0 0 0;
	list-style:none;
	}
	#slider ul .slick-slide{
		position:absolute !important;
		top:0px !important;
		left:0px !important;
		width:100%;
		margin:0px !important;
		padding:0px !important;
		overflow:hidden;
	}
	#slider ul .slick-slide img {
		display:block;
		width:100%;
		height:auto;
		object-fit:cover;
}

.thumbs_dots{
	margin:10px 0 20px;
}
.thumbs_list{
	position:relative;
	height:auto !important;
	padding:0 0 0 0 !important;
	text-align:center;
	list-style:none;
}
.thumbs_list li {
	display: inline-block;
	width: 130px;
	height: 81px;
	opacity: 0.4;
	cursor: pointer;
	transition: opacity 0.3s;
}
.thumbs_list li.slick-active {
	opacity: 1;
}
/* --- responsive --- */
@media screen and (max-width:1000px){
	#slider ul{
		height:56.25%;
	}
}

/* -----------------------------------------------------------------
   food
----------------------------------------------------------------- */

#bdid_food .food_grid{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	}
	#bdid_food .food_grid h3,
	#bdid_food .food_grid div{
		width:200px;
		height:200px;
		max-width:25%;
		margin:0 0 20px;
	}
	#bdid_food .food_grid > div:nth-child(4n+2):last-child{
		margin-right:467px;
	}
	#bdid_food .food_grid > div:nth-child(4n+3):last-child{
		margin-right:236px;
}
#bdid_food .food_grid > div a{
	display:block;
}
#bdid_food .food_grid > div a:hover{
	text-decoration:none;
}
/* #F5A624 */
#bdid_food .food_grid h3{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 0 10px;
	font-weight:500;
	font-size:1.5rem;
	text-align:center;
	color:#FFF;
	text-align:center;
	border:none;
	background:#555;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#bdid_food .food_grid > div{
	color:#FFF;
	}
	#bdid_food .food_grid > div h4{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		height:47px;
		margin:0px !important;
		background:#555;
		color:#FFF;
}

#bdid_food #dining.food_grid h3,
#bdid_food #dining.food_grid > div h4{background:#F5A624;}
#bdid_food #direct_store.food_grid h3,
#bdid_food #direct_store.food_grid > div h4{background:#A5CC3E;}
#bdid_food #souvenir.food_grid h3,
#bdid_food #souvenir.food_grid > div h4{background:#1E95D4;}
#bdid_food #sake_brewery.food_grid h3,
#bdid_food #sake_brewery.food_grid > div h4{background:#BE85B8;}
#bdid_food #retailer.food_grid h3,
#bdid_food #retailer.food_grid > div h4{background:#F0919F;}


/* --- responsive --- */
@media screen and (max-width:1000px){
	#bdid_food .food_grid h3,
	#bdid_food .food_grid > div{
		width:32%;
		max-width:32%;
		height:auto;
		margin:0 0 10px;
		}
		#bdid_food .food_grid > div:nth-child(4n+2):last-child{
			margin-right:0px;
		}
		#bdid_food .food_grid > div:nth-child(4n+3):last-child{
			margin-right:0px;
		}
		#bdid_food .food_grid > div:nth-child(3n+2):last-child{
			margin-right:calc(2% + 32%);
	}

}
@media screen and (max-width:767px){
	#bdid_food .food_grid h3,
	#bdid_food .food_grid > div{
		width:49%;
		max-width:49%;
		}
		#bdid_food .food_grid > div:nth-child(3n+2):last-child{
			margin-right:0px;
	}

	#bdid_food .food_grid h3{
		}
		#bdid_food .food_grid h3 span{
			font-size:1.0rem;
		}
		#bdid_food .food_grid h3 span span{
			font-size:1.5rem;
	}
	#bdid_food .food_grid > div h4{
		font-size:0.87rem;
	}
}
/* ------------------------------------------------
   food_detail
------------------------------------------------- */

#bdid_food_detail #food_contents{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
}
#bdid_food_detail #food_menu{
	width:200px;
}
#bdid_food_detail #food_detail{
	width:calc(100% - 225px);
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_food_detail #food_menu{
		display:none;
	}
	#bdid_food_detail #food_detail{
		width:100%;
	}
}

/* food_menu */
#bdid_food_detail #food_menu{
}
#bdid_food_detail #food_menu ul{
	list-style:none;
}
#bdid_food_detail #food_menu ul li{
	height:40px;
	margin:0 0 15px;
	}
	#bdid_food_detail #food_menu ul li.active{
		height:200px;
}

#bdid_food_detail #food_menu ul a{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	font-weight:bold;
	font-size:1.0rem;
	text-decoration:none;
	-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:#555;
	color:#FFF;
	transition-duration:0.5s;
	}
	#bdid_food_detail #food_menu ul li.active a{
		font-size:1.5rem;
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important;
		box-shadow:none !important;
	
	}
	#bdid_food_detail #food_menu ul a:hover{
		opacity:0.7;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.9);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.9);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.9);
}

#bdid_food_detail #food_menu ul li#fm_dining a{background:#F5A624;}
#bdid_food_detail #food_menu ul li#fm_direct_store a{background:#A5CC3E;}
#bdid_food_detail #food_menu ul li#fm_souvenir a{background:#1E95D4;}
#bdid_food_detail #food_menu ul li#fm_sake_brewery a{background:#BE85B8;}
#bdid_food_detail #food_menu ul li#fm_retailer a{background:#F0919F;}
#bdid_food_detail #food_menu ul li#fm_back a{background:#F1E900;color:#000;}
#bdid_food_detail #food_menu ul li#fm_back a::before{
	content:"<<";
	transform:scale(0.5,1.5);
	color:#000;
}

/* sp_back */
#bdid_food_detail #sp_back{
	width:200px;
	height:30px;
	margin:20px auto;
}
#bdid_food_detail #sp_back a{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	font-weight:bold;
	font-size:1.0rem;
	text-decoration:none;
	-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:#F1E900;
	color:#000;
	transition-duration:0.5s;
	}
	#bdid_food_detail #sp_back a::before{
		content:"<<";
		transform:scale(0.5,1.5);
		color:#000;
}


/* food_detail */
#bdid_food_detail #food_detail h3{
	position:relative;
	width:100%;
	height:auto;
	padding:15px 20px;
	text-align:center;
	border-bottom:none;
	-moz-border-radius:15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
	border-radius:15px 15px 0 0;
	background:#555;
	color:#FFF;
}

#bdid_food_detail #food_detail #detail_main_img{
	width:100%;
	margin:0 0 30px;
}

#bdid_food_detail #food_detail #detail_lr{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 30px;
	}
	#bdid_food_detail #food_detail #detail_lr figure{
		width:270px;
		max-width:100%;
	}
	#bdid_food_detail #food_detail #detail_lr figure + div{
		width:calc(100% - 290px);
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_food_detail #food_detail #detail_lr figure{
		width:100%;
		margin:0 0 15px;
	}
	#bdid_food_detail #food_detail #detail_lr figure + div{
		width:100%;
	}
}

#bdid_food_detail #food_detail #food_item ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	list-style:none;
	margin:0 0 30px;
	}
	#bdid_food_detail #food_detail #food_item ul li{
		display:inline-block;
		width:48%;
		padding:25px 25px;
		border:1px solid #555;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		margin:0 0 25px;
	}
	#bdid_food_detail #food_detail #food_item ul li figure{
		width:235px;
		max-width:100%;
		height:auto;
		margin:0 auto 15px;
	}
	#bdid_food_detail #food_detail #food_item ul li h4{
		font-weight:bold;
		font-size:1.0rem;
	}
	#bdid_food_detail #food_detail #food_item ul li p{
		font-size:0.87rem;
	}
	#bdid_food_detail #food_detail #food_item ul li p:last-child{
		margin:0px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_food_detail #food_detail #food_item ul li{
		width:100%;
		margin:0 0 15px;
	}
	#bdid_food_detail #food_detail #food_item ul li figure{
		width:100%;
	}
}


#bdid_food_detail #food_information{
	border:1px solid #555;
	}
	#bdid_food_detail #food_information h4{
		margin:0px;
		padding:10px 30px;
		font-weight:bold;
		background:#555;
	}
	#bdid_food_detail #food_information ul{
		margin:10px 0 25px;
		padding:0 20px;
		list-style:none;
		color:#000;
		}
		#bdid_food_detail #food_information ul li{
			padding:10px 0;
			border-bottom:1px solid #555;
		}
		#bdid_food_detail #food_information ul li p:last-child{
			margin:0px;
		}
		#bdid_food_detail #food_information ul li:last-child{
			border-bottom:none;
			}
			#bdid_food_detail #food_information ul li p.url a,
			#bdid_food_detail #food_information ul li p.fb a{
				position:relative;
				padding-left:35px;
				font-weight:bold;
				font-size:1.2rem;
				word-break:break-all;
				text-decoration:none;
				color:#555;
			}
			#bdid_food_detail #food_information ul li p.url a{
				background:url(../../image/base/url.png) no-repeat 0 2px;
				background-size:25px;
			}
			#bdid_food_detail #food_information ul li p.fb a{
				background:url(../../image/base/fb.png) no-repeat 0 2px;
				background-size:25px;
			}
			#bdid_food_detail #food_information ul li p.url a:hover,
			#bdid_food_detail #food_information ul li p.fb a:hover{
				text-decoration:underline;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_food_detail #food_information ul li p.url a,
	#bdid_food_detail #food_information ul li p.fb a{
		font-size:0.8rem;
	}
}

.gmap{
	display:inline-block;
	}
	.gmap a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:140px;
		height:25px;
		margin:0 0 0 15px;
		border:1px solid #555;
		font-size:0.87rem;
		text-decoration:none !important;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		text-decoration:none;
		transition-duration:0.5s;
	}
	.gmap a:hover{
		background:rgba(0,0,0,0.1);
	}
	.gmap a::after{
		content:" >>";
		transform:scale(0.5,1.5);
		text-decoration:none !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.gmap{
		display:block;
		margin:7px 0 0;
	}
	.gmap a{
		margin:0px;
	}
}

/* color */
#bdid_food_detail #food_detail.detail_dining h3{background:rgba(245,166,36,1);}
#bdid_food_detail #food_detail.detail_dining #food_information h4{background:rgba(245,166,36,0.5);}
#bdid_food_detail #food_detail.detail_dining #food_item ul li{border:1px solid rgba(245,166,36,0.7);}
#bdid_food_detail #food_detail.detail_dining #food_information ul li{border-bottom:1px solid rgba(245,166,36,0.7);}
#bdid_food_detail #food_detail.detail_dining #food_information ul li p.url a,
#bdid_food_detail #food_detail.detail_dining #food_information ul li p.fb a{color:rgba(245,166,36,1);}

#bdid_food_detail #food_detail.detail_direct_store h3{background:rgba(165,204,62,1);}
#bdid_food_detail #food_detail.detail_direct_store #food_information h4{background:rgba(165,204,62,0.5);}
#bdid_food_detail #food_detail.detail_direct_store #food_item ul li{border:1px solid rgba(165,204,62,0.7);}
#bdid_food_detail #food_detail.detail_direct_store #food_information ul li{border-bottom:1px solid rgba(165,204,62,0.7);}
#bdid_food_detail #food_detail.detail_direct_store #food_information ul li p.url a,
#bdid_food_detail #food_detail.detail_direct_store #food_information ul li p.fb a{color:rgba(165,204,62,1);}

#bdid_food_detail #food_detail.detail_souvenir h3{background:rgba(30,149,212,1);}
#bdid_food_detail #food_detail.detail_souvenir #food_information h4{background:rgba(30,149,212,0.5);}
#bdid_food_detail #food_detail.detail_souvenir #food_item ul li{border:1px solid rgba(30,149,212,0.7);}
#bdid_food_detail #food_detail.detail_souvenir #food_information ul li{border-bottom:1px solid rgba(30,149,212,0.7);}
#bdid_food_detail #food_detail.detail_souvenir #food_information ul li p.url a,
#bdid_food_detail #food_detail.detail_souvenir #food_information ul li p.fb a{color:rgba(30,149,212,1);}

#bdid_food_detail #food_detail.detail_sake_brewery h3{background:rgba(190,133,184,1);}
#bdid_food_detail #food_detail.detail_sake_brewery #food_information h4{background:rgba(190,133,184,0.5);}
#bdid_food_detail #food_detail.detail_sake_brewery #food_item ul li{border:1px solid rgba(190,133,184,0.7);}
#bdid_food_detail #food_detail.detail_sake_brewery #food_information ul li{border-bottom:1px solid rgba(190,133,184,0.7);}
#bdid_food_detail #food_detail.detail_sake_brewery #food_information ul li p.url a,
#bdid_food_detail #food_detail.detail_sake_brewery #food_information ul li p.fb a{color:rgba(190,133,184,1);}

#bdid_food_detail #food_detail.detail_retailer h3{background:rgba(240,145,159,1);}
#bdid_food_detail #food_detail.detail_retailer #food_information h4{background:rgba(240,145,159,0.5);}
#bdid_food_detail #food_detail.detail_retailer #food_item ul li{border:1px solid rgba(240,145,159,0.7);}
#bdid_food_detail #food_detail.detail_retailer #food_information ul li{border-bottom:1px solid rgba(240,145,159,0.7);}
#bdid_food_detail #food_detail.detail_retailer #food_information ul li p.url a,
#bdid_food_detail #food_detail.detail_retailer #food_information ul li p.fb a{color:rgba(240,145,159,1);}


/* -----------------------------------------------------------------
   events
----------------------------------------------------------------- */

#bdid_events #main_contents h2 + p{
	font-size:1.00rem;
	line-height:1.75;
}
#bdid_events #main_contents h2 + p strong{
	font-size:1.15rem;
}

#bdid_events #about_events{
	position:relative;
	width:812px;
	max-width:100%;
	margin:0 auto 0px;
}

#bdid_events #calendar{
	position: relative;
	display: block;
	width:910px;
	max-width:100%;
	margin:0 auto 0px;
	vertical-align:middle;
	margin:20px 0;
}
#bdid_events #calendar .erea{
	width:910px;
	max-width:100%;
	margin:0 auto 0px;
	vertical-align:middle;
	padding:10px;
	font-size:0.9rem;
	line-height: 1.6rem;
}
#bdid_events #calendar .month456{
	display: inline-block;
	background-color:#E2E3B2;
	font-size:1.2rem;
	font-weight: strong;
	width:70px;
	height:70px;
	line-height:47px;
	margin:8px 12px 8px 0;
	padding:10px;
	text-align:center;
}
#bdid_events #calendar .month789{
	display: inline-block;
	background-color:#C4D9E7;
	font-size:1.2rem;
	font-weight: strong;
	width:70px;
	height:70px;
	line-height:47px;
	margin:8px 12px 8px 0;
	padding:10px;
	text-align:center;
}
#bdid_events #calendar .month101112{
	display: inline-block;
	background-color:#EAD0C4;
	font-size:1.2rem;
	font-weight: strong;
	width:70px;
	height:70px;
	line-height:47px;
	margin:8px 12px 8px 0;
	padding:10px;
	text-align:center;
}
#bdid_events #calendar .ev{
	display: inline-block;
	font-size:0.9rem;
	line-height: 1.6rem;
	width:800px;
	margin:8px 0;
	padding:10px;
	vertical-align:middle;
	}
	#bdid_events #calendar .ev a{
		text-decoration: none;
		color:#111;
	}
	#bdid_events #calendar .ev a:hover{
		opacity:0.5;		
}
#bdid_events #calendar .c-hr{
	border-bottom: 1px solid #999;
	width:100%;
}
#bdid_events #calendar .c-img{
	position:absolute;
	bottom: 0px;
	right: 0px;
	width:300px;
}
#bdid_events #calendar .furu::before{
	content:"●";
	color:#89C56F;
	margin:0px 2px;
}
#bdid_events #calendar .matsu::before{
	content:"●";
	color:#8CD2F5;
	margin:0px 2px;
}
#bdid_events #calendar .san::before{
	content:"●";
	color:#FFF200;
	margin:0px 2px;
}
#bdid_events #calendar .kashi::before{
	content:"●";
	color:#F5A855;
	margin:0px 2px;
}
#bdid_events #calendar .iwa::before{
	content:"●";
	color:#5DBDA1;
	margin:0px 2px;
}
#bdid_events #calendar .naru::before{
	content:"●";
	color:#EC7AAC;
	margin:0px 2px;
}
#bdid_events #calendar .taji::before{
	content:"●";
	color:#A181B9;
	margin:0px 2px;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_events #about_events{
		width:100%;
	}
	#bdid_events #calendar{
		width:100%;
	}
	#bdid_events #calendar .erea{
		width:100%;
		font-size:0.8rem;
		line-height: 1.4rem;
	}
	#bdid_events #calendar .month456{
		display:grid;
		font-size:1.1rem;
		width:100%;
		height:40px;
		line-height:17px;
		padding:10px;
		margin:8px 0 0 0;
	}
	#bdid_events #calendar .month789{
		display:grid;
		font-size:1.1rem;
		width:100%;
		height:40px;
		line-height:17px;
		padding:10px;
	}
	#bdid_events #calendar .month101112{
		display:grid;
		font-size:1.1rem;
		width:100%;
		height:40px;
		line-height:17px;
		padding:10px;
	}
	#bdid_events #calendar .ev{
		display:grid;
		font-size:0.85rem;
		line-height: 1.9rem;
		width:100%;
		margin:0 0 10px 0;
	}
	#bdid_events #calendar .c-img{
		bottom: -20px;
		right: 0px;
		width:130px;
	}
}

/* -----------------------------------------------------------------
   member
----------------------------------------------------------------- */
#member_list{
	font-size:1.25rem;
	position: relative;
	width:100%;
	margin:0 0 60px 0;
	}
	#member_list span{
		font-size:0.8rem;
	}
	#member_list ol{
		font-size:0.85rem;
		line-height:1rem;
		padding-left:17px;
		list-style-type: decimal;
		column-count: 3;
	}
	#member_list ol li{
		list-style-type: decimal;
		padding:3px;
		margin:5px 20px 15px 0;
		border-bottom:1px dotted #bbb;			
	}
	#member_list ol li span{
		font-size:0.6rem;		
}


/* --- responsive --- */
@media screen and (max-width:767px){
	
	#member_list ol{
		font-size:0.9rem;
		column-count: 1;
	}
	#member_list ol li{
		margin:5px 10px 12px 0;			
	}
}
	

