@charset "utf-8";
/* ******************************************************************
 *	File name		: supply.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   base
---------------------------------------------------------------------- */

header #head_contents h1{
	top:18px;
	left:0px;
	width:285px;
}

/* banner_area */
.bdcs_supply section{
	margin-bottom:20px;
	padding:0 0px 10px 0px !important;
	border-bottom:2px dotted #003B83 !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.bdcs_supply section{
		margin-bottom:20px;
		padding:0 0px 20px 0px !important;
	}
}

/* lr_box */
.lr_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	width:100%;
	margin:0 0 40px;
	text-align:center;
	}
	.lr_box:after{
		display:none;
	}
	.lr_box .lr_txt{
		width:calc(100% - 305px);
		text-align:left;
		padding:0 10px;
	}
	.lr_box .lr_photo{
		width:280px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.lr_box .lr_txt{
		width:100%;
		padding:0px;
	}
	.lr_box .lr_photo{
		width:100%;
	}
}

/* banner_area */
.bdcs_supply #banner_area{
	position:relative;
	margin:0 0 40px;
	text-align:center;
	}
	.bdcs_supply #banner_area div{
		display:inline-block;
		margin:0 40px 10px;
	}
	.bdcs_supply #banner_area div a{
		transition-duration:0.5s;
	}
	.bdcs_supply #banner_area div a:hover{
		opacity:0.65;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.bdcs_supply #banner_area div{
		margin:0 0px 10px;
	}
}

/* supply_contact */
#supply_contact{
	position:relative;
	width:390px;
	margin:0 auto 40px;
	text-align:center;
	color:#003B83;
	}
	#supply_contact p{
		position:relative;
		font-weight:bold;
		font-size:1.15rem;
		color:#003B83;
	}
	#supply_contact p:first-child{
		margin:0 0 5px !important;
		padding:0 0 30px;
		color:#003B83;
	}
	#supply_contact p:first-child::before,
	#supply_contact p:first-child::after{
		content:" ";
		position:absolute;
		left:calc(50% - 13px);
		border:13px solid transparent;
		border-top:11px solid #003B83;
	}
	#supply_contact p:first-child::before{
		bottom:-11px;
	}
	#supply_contact p:first-child::after{
		bottom:0px;
	}
	#supply_contact p:last-child{
		margin:0px auto;
		padding:18px 0 18px;
		border-top:1px solid #003B83;
		border-bottom:1px solid #003B83;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#supply_contact{
		position:relative;
		width:390px;
		margin:0 auto 40px;
		text-align:center;
		color:#003B83;
		}
		#supply_contact p{
			position:relative;
			font-weight:bold;
			font-size:1.15rem;
			color:#003B83;
		}
		#supply_contact p:first-child{
			margin:0 0 5px !important;
			padding:0 0 30px;
			color:#003B83;
		}
		#supply_contact p:first-child::before,
		#supply_contact p:first-child::after{
			content:" ";
			position:absolute;
			left:calc(50% - 13px);
			border:13px solid transparent;
			border-top:11px solid #003B83;
		}
		#supply_contact p:first-child::before{
			bottom:-11px;
		}
		#supply_contact p:first-child::after{
			bottom:0px;
		}
		#supply_contact p:last-child{
			margin:0px auto;
			padding:18px 0 18px;
			border-top:1px solid #003B83;
			border-bottom:1px solid #003B83;
	}
}

/* ----------------------------------------------------------------------
   supply
---------------------------------------------------------------------- */

#bdid_supply #main_contents p#page_lead{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:normal;
	font-size:0.9rem !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_supply #main_contents p#page_lead{
		font-size:0.77rem !important;
		line-height:1.5;
	}
}

/* -- news -- */
#bdid_supply #news{
	position:relative;
	max-width:100%;
	min-height:236px;
	margin:0 auto 25px;
	padding:0 0 0 200px !important;
	border-top:2px solid #003B83;
	border-bottom:2px solid #003B83;
	text-align:center;
	}
	#bdid_supply #news h3{
		display:block;
		position:absolute;
		top:13px;
		left:0px;
		width:160px;
		height:100px;
		text-indent:-999px;
		background:url(../../image/supply/information_title.png) no-repeat center center #003B83;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		overflow-x:hidden;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_supply #news{
		padding:10px 0 0 0 !important;
	}
	#bdid_supply #news h3{
		position:relative;
		top:0px;
		width:100%;
		height:80px;
	}
}

/* news_list */
#bdid_supply #news #news_list{
	position:relative;
}
#bdid_supply #news #news_list ul{
	position:relative;
	top:0px;
	width:100%;
	max-width:100%;
	min-height:100px;
	margin:0 0 0px;
	list-style:none;
	text-align:left;
	}
	#bdid_supply #news #news_list ul li{
		display:block;
		position:relative;
		width:100%;
		margin:0px;
		padding:13px 0px 13px 85px;
		font-size:0.87rem;
		color:#000;
		border-bottom:1px dashed #94A4AC;
		line-height:1.4;
	}
	#bdid_supply #news #news_list ul li:last-child{
		border-bottom:none;
		}
		#bdid_supply #news #news_list ul li span.date{
			display:block;
			position:absolute;
			top:13px;
			left:0px;
			font-weight:normal;
			font-size:0.87rem;
			text-align:left;
			color:#000;
		}
		#bdid_supply #news #news_list ul li a{
			display:block;
			position:relative;
			width:calc(100% + 85px);
			height:calc(100% + 71px);
			margin:-13px 0 -13px -85px;
			padding:13px 0 13px 85px;
			text-decoration:none;
			color:#000;
			z-index:100;
			transition-duration:0.5s;
			}
			#bdid_supply #news #news_list ul li a:hover{
				background:rgba(65,89,164,0.1);
}

/* news_list_page */
#bdid_supply #news_list_page{
	position:absolute;
	top:130px;
	left:40px;
	width:80px;
	text-align:center;
	z-index:100;
	}
	#bdid_supply #news_list_page a{
		position:relative;
		padding-bottom:18px;
		font-size:0.87rem;
		text-decoration:none;
		color:#000;
		transition-duration:0.5s;
		}
		#bdid_supply #news_list_page a::after{
			content:" ";
			position:absolute;
			bottom:0px;
			left:calc(50% - 8px);
			border: 8px solid transparent;
			border-top: 8px solid #94A4AC;
			transition-duration:0.5s;
		}
		#bdid_supply #news_list_page a:hover{
			text-decoration:none;
		}
		#bdid_supply #news_list_page a:hover::after{
			border-top: 8px solid #000;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_supply #news #news_list ul{
		margin:0 0 15px;
		}
		#bdid_supply #news #news_list ul li{
			padding:38px 0px 13px 0px;
			font-size:0.77rem;
			}
			#bdid_supply #news #news_list ul li:last-child{
				border-bottom:1px dashed #94A4AC;
			}
			#bdid_supply #news #news_list ul li span.date{
				font-size:0.77rem;
			}
			#bdid_supply #news #news_list ul li:before{
				height:20px;
				font-size:0.77rem;
			}
			#bdid_supply #news #news_list ul li a{
				width:100%;
				margin:-38px 0 -13px 0px;
				padding:38px 0 13px 0px;
	}
	#bdid_supply #news_list_page{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		text-align:center;
		z-index:100;
		}
		#bdid_supply #news_list_page a{
			padding:5px 20px 7px;
			font-size:0.77rem;
			background:rgba(65,89,164,1);
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			color:#FFF;
		}
		#bdid_supply #news_list_page a::after{
			display:none;
		}
}

/* products */
#bdid_supply #products{
	padding:0 0px 30px 0px;
	border-bottom:none;
	text-align:center;
}
#bdid_supply #products h4{
	margin:0 0 15px;
	font-weight:normal;
	font-size:1.7rem;
}
#bdid_supply #products #supply_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-around;
	flex-wrap:wrap;
	list-style:none;
	text-align:center;
	}
	#bdid_supply #products #supply_list li{
		display:inline-block;
		width:190px;
		height:50px;
		margin-bottom:10px !important;
	}
	#bdid_supply #products #supply_list li a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		font-family:'Noto Serif JP', serif;
		font-weight:normal;
		font-size:0.97rem !important;
		text-decoration:none;
		background:#003B83;
		color:#FFF;
		transition-duration:0.5s;
	}
	#bdid_supply #products #supply_list li a:hover{
		opacity:0.8;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_supply #products{
		padding:0px;
	}
	#bdid_supply #products h4{
		font-size:1.4rem;
	}
	#bdid_supply #products #supply_list li{
		width:48%;
	}
	#bdid_supply #products #supply_list li a{
		font-size:0.77rem !important;
	}
}

/* ----------------------------------------------------------------------
   supply second
---------------------------------------------------------------------- */

#supply_title{
	text-align:center;
}
#supply_title h3{
	display:-webkit-flex;
	display:flex;
	justify-content:left;
	align-items:center;
	position:relative;
	width:100%;
	min-height:120px;
	margin:20px 0 10px;
	padding:0 0 0 350px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:bold;
	font-size:1.6rem;
	background:none;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
	             -1px 1px 0 #FFF, 1px -1px 0 #FFF,
	             0px 1px 0 #FFF,  0-1px 0 #FFF,
	             -1px 0 0 #FFF, 1px 0 0 #FFF;
	color:#003B83;
	}
	#main_contents h3 *{
		font-weight:inherit;
		font-size:inherit;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#supply_title h3{
		justify-content:center;
		width:calc(100% + 40px);
		min-height:120px;
		margin:20px -20px 10px;
		padding:0 0 0 0px;
		font-size:1.4rem;
	}
	#supply_title h3::before{
		opacity:0.3;
	}
}

/* ----------------------------------------------------------------------
   dish
---------------------------------------------------------------------- */

#bdid_supply_dish h3::before{
	content:" ";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../../image/supply/title_dish.jpg) no-repeat left top;
	z-index:-1;
}

/* ----------------------------------------------------------------------
   chubo
---------------------------------------------------------------------- */

#bdid_supply_chubo h3::before{
	content:" ";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../../image/supply/title_chubo.jpg) no-repeat left top;
	z-index:-1;
}