@charset "utf-8";
/* CSS Document */


/*/ common /*/


/*/ volume /*/

#volume p {
	text-align: center;
	margin: 16px auto;
}
@media screen and (min-width: 769px){
	#volume  {
		margin: 50px auto 0 auto;
	}
	#volume h1 {
		height: 34px;
		background: url(img/volume-h1.gif) no-repeat center;
	}
}
@media screen and (max-width: 768px){
	#volume h1 {
		height: 70px;
		background: url(img/volume-h1-sp.gif) no-repeat center;
		background-size: contain;
	}
	#volume p {
		margin-bottom: 0;
	}
}


/*/ variety /*/

#variety .col-pc-8 h2 {
	border-bottom: dashed 1px #BFB19D;
	padding-bottom: 5px;
	margin-bottom: 10px; 
}

/* h2 */

@media screen and (min-width:769px) {
	#variety .col-pc-8 h2 {
		margin-bottom: 10px !important;
	}
	#variety .col-pc-8 h2 span{
		padding-left: 27px;
		position: relative;
	}
	#variety .col-pc-8 h2 span:before {
		display: inline-block;
		width: 17px;
		height: 19px;
		content: "";
		background:  url(../common/img/h1-bg.png); 
		background-size: contain;
		vertical-align :middle;
		position: absolute;
		top: 4px;
		left: 0;
	}
	#variety .col-pc-8 h2 span:after {
		display: inline-block;
		width: 17px;
		height: 19px;
		content: "";
		background:  url(../common/img/h1-bg.png); 
		background-size: contain;
		vertical-align :middle;
		position: relative;
		top: -2px;
		left: 9px;
	}
	
	/* menu */
	
	#variety .menu-list a {
		display: block;
		height: 120px;
	}
	#variety .makunouchi a { background: url(../img/menu-makunouchi.jpg) no-repeat; background-size: contain;  }
	#variety .gattsuri a { background: url(../img/menu-gattsuri.jpg) no-repeat; background-size: contain; }
	#variety .omusubi a { background: url(../img/menu-omusubi.jpg) no-repeat; background-size: contain; }
	#variety .sushi a { background: url(../img/menu-sushi.jpg) no-repeat; background-size: contain; }
	#variety .men a { background: url(../img/menu-men.jpg) no-repeat; background-size: contain; }
	#variety .catering-oeuvre a { background: url(../img/menu-catering-oeuvre.jpg) no-repeat; background-size: contain; }
	#variety .healthy a { background: url(../img/menu-healthy.jpg) no-repeat; background-size: contain; }
	#variety .kodawari a { background: url(../img/menu-kodawari.jpg) no-repeat; background-size: contain; }
	#variety .kaisha a { background: url(../img/menu-kaisha.jpg) no-repeat; background-size: contain; }
	
	#variety .menu-list a:hover,
	#variety .menu-list .menu-all a:hover { opacity: 0.8; }
	
	#variety .menu-list .menu-all a {
		width: 200px;
		height: 30px !important;
		float: right;
		background: url(../img/btn-menu-all.gif) no-repeat right;
		background-size: contain;
		margin-bottom: 0;
	}
}
#variety .col-pc-8 .btn {
	margin-bottom: 20px; 
	background: #D8C9B4;
	width: 300px;
}
#variety .col-pc-8 .btn:hover {
	color: #000;
	background: #FF6600;
}


@media screen and (max-width: 768px){
	
	#variety .popup_single img {
		margin-bottom: 20px !important;
	}
	#variety .col-pc-8 p {
		margin-bottom: 25px !important; 
	}
	
	/* menu-list */
	#variety .menu-list a {
		display: block;
		height: 120px;
		margin-top: -10px;
	}
	#variety .makunouchi a { background: url(../img/menu-makunouchi.jpg) no-repeat; background-size: contain;  }
	#variety .gattsuri a { background: url(../img/menu-gattsuri.jpg) no-repeat; background-size: contain; }
	#variety .omusubi a { background: url(../img/menu-omusubi.jpg) no-repeat; background-size: contain; }
	#variety .sushi a { background: url(../img/menu-sushi.jpg) no-repeat; background-size: contain; }
	#variety .men a { background: url(../img/menu-men.jpg) no-repeat; background-size: contain; }
	#variety .catering-oeuvre a { background: url(../img/menu-catering-oeuvre.jpg) no-repeat; background-size: contain; }
	#variety .healthy a { background: url(../img/menu-healthy.jpg) no-repeat; background-size: contain; }
	#variety .kodawari a { background: url(../img/menu-kodawari.jpg) no-repeat; background-size: contain; }
	#variety .kaisha a { background: url(../img/menu-kaisha.jpg) no-repeat; background-size: contain; }
	
	#variety .menu-list .menu-all a {
		width: 200px;
		height: 30px !important;
		margin: 0 auto !important;
		background: url(../img/btn-menu-all.gif) no-repeat right;
		background-size: contain;
	}
}

/*/ delivery /*/

#delivery .section-inner {
	height: 250px;
	background: url(../img/belt-area.gif) no-repeat top right;
	background-size: contain;
	padding: 0;
}
#delivery .delivery-list li {
	background: #76000D;
	color: #fff;
	padding: 7px 20px;
	border-radius: 20px;
}
@media screen and (max-width:768px) {
#delivery { margin-bottom: 10px !important; }
}

/* area-map */

@media screen and (min-width:769px) {
	#delivery .col-pc-5 { margin-bottom: 0; }
}
@media screen and (max-width:768px) {
	#delivery .area-map { margin-top: 0 !important; }
}