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

niku  #891A1F rgba(137,26,31,0.5)

*/
/* -----------------------------------------------------------------
   header
----------------------------------------------------------------- */

header{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	margin:0;
	}
	#head_contents{
		position:relative;
		width:1000px;
		max-width:100%;
		margin:0 auto 30px;
		padding:0px 0 0 0;
		text-align:center;
	}
	#head_contents img{
		margin:20px 0 0px;
	}
	#head_contents p{
		font-size:0.95rem;
		line-height:1.6rem;
		color:#fff;
}

/* --- responsive --- */

@media screen and (max-width:767px){
	#head_contents{
		width:100%;
		margin:0 auto 40px;
	}
	#head_contents img{
		margin:0px 0 10px;
	}
	#head_contents p{
		font-size:0.9rem;
		line-height:1.3rem;
		width:90%;
		margin:0 auto;
	}
}

/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */
#bdid_top{
	margin:0;
}
#main_contents{
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto;
}
/* --- responsive --- */
@media screen and (max-width:1000px){

}

/* -----------------------------------------------------------------
   pickup
----------------------------------------------------------------- */

#pickup{
	width:1000px;
	padding: 0px;
	margin:0 0 70px;
	}
	#pickup h1{
		font-size:1.5rem;
		background-color:#B22F1E;
		width: 521px;
		height: 50px;
		padding: 10px;
		text-align:center;
		color:#FFF;
		border-radius: 25px;
		margin:15px auto;
	}
	#pickup ul{
		width:1000px;
		list-style: none;
	}
	#pickup ul li{
		border-bottom:2px dotted #783C20 ;
		padding:0 0 10px 0;
	}
	#pickup ul li .menu{
		width: 540px;
		float: right;
	}
	#pickup ul li .menu h2{
		font-size:1.9rem;
		font-weight: bold;
		text-align:left;
		color:#783C20;
		margin:20px 0;
		line-height:1.8rem;
	}
	#pickup ul li .menu h2 span{
		font-size:1.4rem;
	}
	#pickup ul li .menu p{
		font-size:0.95rem;
		text-align:left;
		color:111;
		line-height:1.4rem;
		margin:20px 0;
	}
	#pickup ul li .menu .price{
		font-size:1.5rem;
		font-weight: bold;
		text-align:right;
		color:#783C20;
	}
	#pickup ul li .menu .price span{
		font-size:1rem;
	}
#menu{
	width:1000px;
	text-align:center;
	}
	#menu img{
		display: block;
		margin:10px auto;
	}
	#menu .small{
		width: 75%;		
	}
	#menu a:hover{
		opacity: 0.5;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#pickup{
		width:100%;
		}
	#pickup h1{
		font-size:1.3rem;
		background-color:#783C20;
		width: 90%;
	}
	#pickup ul{
		width:90%;
		margin:0 auto;
		padding: 0;
	}
	#pickup ul li .menu{
		width: 100%;
		float:none;
	}
	#pickup ul li img{
		width: 100%;
		margin:0 aute;
	}
	#pickup ul li .menu h2{
		font-size:1.3rem;
		margin:20px 0;
		line-height:1.4rem;
	}
	#pickup ul li .menu h2 span{
		font-size:1rem;
	}
	#pickup ul li .menu p{
		font-size:0.9rem;
		line-height:1.2rem;
	}
	#pickup ul li .menu .price{
		font-size:1.3rem;
	}
	#pickup ul li .menu .price span{
		font-size:0.85rem;
	}
	#menu{
		width:100%;
		}
		#menu img{
			display: block;
			margin:10px auto;
			width: 85%;
		}
		#menu .small{
			width: 85%;
	}
}

/* -----------------------------------------------------------------
   tenpo
----------------------------------------------------------------- */

#tenpo{
	width:1000px;
	max-width:100%;
	height:380px;
	margin:0 auto 50px;
	}
	#tenpo h1{
		font-size:1.5rem;
		background-color:#B22F1E;
		width: 521px;
		height: 50px;
		padding: 10px;
		text-align:center;
		color:#FFF;
		border-radius: 25px;
		margin:15px auto;
	}
	
	#tenpo ul{
		width:820px;
		list-style: none;
		margin:10px auto;
	}
	#tenpo ul li{
		padding:0 0 10px;
	}
	#tenpo ul li .info{	
		float: right;
		margin:20px 0 0;
	}
	#tenpo ul li iframe{
		float: left;
	}
	#tenpo ul li h2{
		font-size:1.2rem;
		font-weight: bold;
		text-align:left;
		color:#B22F1E;
		margin:0;
	}
	#tenpo ul li p{
		font-size:0.9rem;
		text-align:left;
		color:#111;
	}
	#tenpo ul li p b{
		font-size:1.1rem;
		font-weight: bold;
		color:#000;
}

/* --- responsive --- */
@media screen and (max-width:767px){
#tenpo{
		width:100%;
		height:auto;
		}
	#tenpo h1{
		font-size:1.3rem;
		width: 90%;
	}
	#tenpo ul{
		width:90%;
		list-style: none;
		margin:10px auto;
	}
	#tenpo ul li{
		padding:0 0 10px;
	}
	#tenpo ul li{
		padding:0 0 10px;
	}
	#tenpo ul li iframe{
		float:none;
	}
	#tenpo ul li .info{	
		width: 100%;
		float:none;
	}
	#tenpo ul li p b{
		font-size:1rem;
	}
}

/* -----------------------------------------------------------------
   contact
----------------------------------------------------------------- */

#contact{
	width:1000px;
	max-width:100%;
	margin:0 auto 70px;
	}
	#contact h1{
		font-size:1.5rem;
		background-color:#B22F1E;
		width: 521px;
		height: 50px;
		padding: 10px;
		text-align:center;
		color:#FFF;
		border-radius: 25px;
		margin:15px auto;
	}
	#contact p{
		font-size:1.8rem;
		text-align:center;
		color:#111;
}


/* --- responsive --- */
@media screen and (max-width:767px){
#contact{
	width:100%;
	}
	#contact h1{
		font-size:1.3rem;
		width: 90%;
	}
	#contact p{
		font-size:1.3rem;
		overflow-wrap: break-word;
		
	}
}