/* ******************************************************************
 *	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 #detail_list ul{
		margin:30px 0 20px;
		padding:0 20px;
		list-style:none;
		color:#000;
		}
		#shisetsu_detail #detail_list ul li{
			padding:10px 0;
			border-top:1px solid #555;
			}
			#shisetsu_detail #detail_list ul 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;
	}
}


#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;
	}
	#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);}