@charset "Shift_JIS";

/*-------------------------------------------------------------------
	Version.												1.4.1.2;
	Author.												web blending(admin)
	Aptx.													4.8.6.9;

	PROGRAM-ID.									"restaurant"
-------------------------------------------------------------------*/

/*****************************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*****************************************************/

/*-------------------------------------------------------------------
	common
-------------------------------------------------------------------*/
#main h3{
	margin-bottom										: 19px;
	text-align												: left;
	background											: url(../../img/restaurant/background-title.gif) no-repeat bottom right #df2a48;
}

#main h4{
	border-bottom										: 4px solid #cb264f;
}


/*-------------------------------------------------------------------
	default
-------------------------------------------------------------------*/
.default #main .division.circle-list ul{
	float														: left;
	display													: inline;
	margin-left											: 2%;
	width														: 48%;
}
.default #main .division.circle-list li{
	margin-bottom										: 6px;
	padding													: 0 14px;
	box-sizing												: border-box;
	background											: url(../../img/share/icon/arrow/circle-crimson.gif) no-repeat 0 0.3em;
}


.default #main .division p.caution{
	padding-top: 20px;
    padding-left: 23px;
    clear: both;
    font-size: 106%;
}

/* -- slide -- */
#slide.article{
	position													: relative;
	margin-left											: 42px;
	margin-bottom										: 8px;
	width														: 616px;
}
#slide #list{
	position													: relative;
	width														: 616px;
	height														: 460px;
}

#slide #list li{
	position													: absolute;
	top															: 0;
}

/* -- select -- */
#select{
	position													: relative;
	overflow													: hidden;
	margin-left											: 42px;
	width														: 616px;
}

#select ul{
	zoom:1;
	overflow:hidden;
	position													: relative;
	margin-left												: -5px;

}
#select #navi li{
	position													: relative;
	float															: left;
	display													: inline;
	margin-left												: 5px;
	margin-bottom										: 7px;
	padding													: 0;
	background											: none;
}

#select #navi li span{
	position													: absolute;
	display													: block;
	bottom													: 0;
	left															: 0;
	width														: 84px;
	color														: #fff;
	text-align												: center;
	line-height												: 1.2;
	z-index													: 20;
}
#select #navi li.after span{
	background											: rgb(226,12,107);
	background											: rgba(226,12,107,0.73);
}
#select #navi li.before span{
	background											: rgb(9,6,6);
	background											: rgba(9,6,6,0.73);
}

#select #navi li a:hover img,
#select #navi .current img{
	filter														: alpha(opacity=40);
	-moz-opacity											: 0.40;
	opacity													: 0.40;
	-webkit-transition-propaty					: all;
	-webkit-transition-duration					: 0.3s;
	-webkit-transition-timing-function	: ease-in-out;
}

/* outline
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/

.default #outline .visual{
	float														: left;
	margin-right											: 10px;
	width: 327px;
}

.default #outline p.image{
	float														: left;
	margin-right											: 10px;
}

.default #outline .division{
	width: 381px;
    float: right;
}

.default #outline table{
	margin-bottom										: 10px;
	width														: 100%;
}

.default #outline table th,
.default #outline table td{
	padding													: 8px;
	border													: 1px solid #ededed;
	vertical-align											: middle;
	line-height												: 1.5;
}

.default #outline table th{
	color														: #fff;
	background											: #c00000;
}

.default #outline #map iframe{
	width														: 100%;
}

/*-------------------------------------------------------------------
	detail
-------------------------------------------------------------------*/
#intro .list{
	zoom														: 1;
	position													: relative;
	margin-left											: -27px;
	overflow													: hidden;
}

#intro .list li{
	position												: relative;
	float														: left;
	display													: inline;
	margin-left											: 26px;
	margin-bottom										: 20px;
	box-sizing:border-box;
	border:1px solid #dcdcdc;
	width														: 220px;
	overflow:hidden;
}

#intro .list li span{
	position													: absolute;
	display													: block;
	box-sizing												: border-box;
	width														: 100%;
	padding													: 8px 12px;
	bottom													: 0;
	left															: 0;
	background											: #000;
	filter								: alpha(opacity=70);
	-moz-opacity					: 0.70;
	opacity							: 0.70;
}

#intro .list li a{
	color:#fff;
	text-decoration:none;
}

/*-------------------------------------------------------------------
	news�ڍ�
-------------------------------------------------------------------*/
#main .accent{
	text-align:center;
}
#main .accent img{
	max-width:100%;
}

#main .entry .status{
	text-align:right;
}

#main .entry  .status span.category{
	display:inline-block;
}

#main .entry  .body{
	margin-bottom:12px;
	padding:12px;
	border:1px dotted #ccc;
	border-width:1px 0 1px 0;
}

#main .return{
	text-align:right;
	margin:0 0 10px 0;
}

#main .return a{
	padding-left:14px;
	background:url(../../images/common/icon/arrow/black.gif) 0 50% no-repeat;
}


/*-------------------------------------------------------------------
	smart phone
-------------------------------------------------------------------*/
@media screen and (max-width: 699px){

	#main section .area{
		margin												: 0 5%;
	}

	.default #main .division.circle-list ul{
		float														: none;
		display													: block;
		margin-left											: 0;
		width														: 100%;
	}

	/* -- slide -- */
	#slide.article{
		position													: relative;
		margin													: 0 auto;
		margin-bottom										: 8px;
		width														: 400px;
	}
	#slide #list{
		position													: relative;
		width														: 400px;
		height														: 350px;
		overflow:hidden;
	}
	#slide #list img{
		width:100%;
	}

	/* -- select -- */
	#select{
		display:none;
	}

	/* outline
	�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/

	.default #outline .visual{
		float:none;
		margin-bottom:5%;
	}

	.default #outline .visual p.btn{
		text-align:center;
	}
	
	.default #outline p.image{
		float														: none;
		text-align												: center;
		margin-right: 0;
	}

	.default #outline table th,
	.default #outline table td{
		display													: block;
	}

	.default #outline .visual {
		float: none;
		margin-right: 0;
		width: auto;
	}
	
	.default #outline .division {
		width: auto;
		float: none;
	}

	/*-------------------------------------------------------------------
		default
	-------------------------------------------------------------------*/
	#intro .list{
		zoom														: 1;
		position													: relative;
		overflow													: hidden;
		margin-left											: -5%;
	}

	#intro .list li{
		float														: left;
		display													: inline;
		margin-left											: 5%;
		width														: 45%;
	}
	#intro .list li img{
		width														: 100%;
	}



}

/*-------------------------------------------------------------------
	clearfix
-------------------------------------------------------------------*/
#contents:after{
	content													: ".";
	display													: block;
	clear														: both;
	height														: 0;
	visibility													: hidden;
}