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

 CSS information

 File Name  : index.css
 Author	 : Hiroshi Honjo
 Author URI : http://www.pronest.jp/
 Style Info : /index.html

------ ------ ------ ------ ------ */


.index #main{
	padding-bottom: 0;
}



@media screen and (min-width: 801px){
	#header{
		background: rgba(0,0,0,0.25);
		border-bottom: none;
	}
	#header.fixed{ border-bottom: 1px solid #e4e4e4;}
	#header .logo {
		width: 120px;
		height: 92.4px;
		background: url(../img/logo_w.svg) center center no-repeat;
		-webkit-background-size: 120px;
		     -o-background-size: 120px;
		        background-size: 120px;
	}
	#header.fixed .logo {
		/*width: auto;*/
		/*height: auto;*/
		background: none;
	}
	#header .logo img {
		display: none;
	}
	#header.fixed .logo img {
		display: inline-block;
	}
	#gNav ul li a{ color: #fff;}
	.otherLinks{
		padding-right: 20px;
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 100%;
		z-index: 1000;
		}
		.otherLinks p{
			position: absolute;
			bottom: 20px;
		}
		.otherLinks p.en{ right: 65px;}
		.otherLinks p.fb{ right: 20px;}
		.otherLinks ul{
			}
			.otherLinks li{
				float: right;
				padding-left: 14px;
			}

	.otherLinks a{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.otherLinks a:hover{ opacity: 0.6;}
	.otherLinks2{display: none;}
} /*@media */

@media screen and (max-width: 800px){
	/*#nav-toggle span{ background: #fff;}*/
	#header.fixed #nav-toggle span{ background: #666;}
	.index #main{padding-top: 56px;}

	.otherLinks{display: none;}

	article section .inner{
		width: 90% !important;
		margin: 0 auto !important;
	}

	.otherLinks2{
		display: block;
		width: 100%;
		overflow: hidden;
		margin-bottom: 4em;
		}
		.otherLinks2 li{
			float: left;
			height: 34px;
			width: 48%;
			text-align: right;
			margin-bottom: 1em;
		}
		.otherLinks2 li:nth-child(2n){
			float: right;
			text-align: left;
		}

} /*@media */




.passion{
	background: url(../img/index/bg_passion.jpg);
}
.passion .inner{
	width: 800px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	}
	.passion .inner h1,
	.passion .inner h2{
		display: inline-block;
		min-height: 35px;
		font-size: 2em;
		padding: 5px 0px 0px 50px;
		margin: 0 auto 1em;
		letter-spacing: 2px;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		background: url(../img/index/ico_passion.gif) left center no-repeat;
		color: #350d05;
		}
	.passion .inner h2{
		margin: 0 auto 0.5em;
		}
	.passion .inner h3{
		display: block;
		font-size: 1.2em;
		padding: 0px 0px 0px 0px;
		margin: 0 auto 1em;
		letter-spacing: 0px;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		color: #350d05;
		}
	.passion .lBox{
		padding-top: 3em;
		padding-bottom: 3em;
		text-align: center;
		}
		.passion .lBox ul{
			overflow: hidden;
			width: 407px;
			}
			.passion .lBox ul li{
				float: left;
				width: 125px;
				height: 125px;
				position: relative;
				text-align: center;
				margin-right: 16px;
				margin-bottom: 16px;
			}
			.passion .lBox ul li:first-child{
				margin-left: 70.5px;
			}
			.passion .lBox ul li:nth-child(5){
				margin-right: 0px;
			}
			.passion .lBox ul li:nth-child(3),
			.passion .lBox ul li:nth-child(4),
			.passion .lBox ul li:nth-child(5){
				margin-bottom: 0;
				}
				.passion .lBox ul li img{
					width: 100%;
					height: 100%;
					-webkit-border-radius: 125px;
					        border-radius: 125px;
					}
				.passion .lBox ul li span{
					display: block;
					width: 100%;
					color: #FFF;
					font-size: 14px;
					text-shadow: 0px 0px 2px #333;
					-moz-text-shadow: 0px 0px 2px #333;
					-webkit-text-shadow: 0px 0px 2px #333;
					letter-spacing: 2px;
					position: absolute;
					bottom: 3.4em;
				}
				.passion .lBox ul li:nth-child(5) span{
					bottom: 2.9em;
				}
	.passion .rBox{
		padding: 0 0 0 40px;
		padding-top: 3em;
		padding-bottom: 3em;
		background: url(../img/index/bread_ribbon.png) no-repeat;
		text-align: center;
		}
		.passion figure{
			padding-top: 20px;
			position: relative;
			}
		.passion figure:after{
			content: "";
			width: 88px;
			height: 40px;
			margin-left: -44px;
			position: absolute;
			background: url(../img/index/bread_tape.png);
			left: 50%;
			top: 0;
			}
			.passion figure img{
				width: 316px;
				height: 196px;
				padding: 4px;
				margin-bottom: 1em;
				background: #FFF;
				box-shadow: 0px 0px 3px #BBB;
				-moz-box-shadow: 0px 0px 3px #BBB;
				-webkit-box-shadow: 0px 0px 3px #BBB;
				}
			.passion figure .btnBox{
				padding-bottom: 0;
			}
			.passion figure .btn a{
				padding: 0.6em 3em;
				background: #FBEFE3;
			}
.history{
	padding: 3em 0;
	background: url(../img/history/bg_history.jpg);
}
.history h1{
	margin-bottom: 2.5em;
}
.history ul{
	display: table;
	margin: 0 auto;
	}
	.history li{
		display: table-cell;
		text-align: center;
		padding: 0 20px;
		}
		.history li a{
			-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
		}
		.history li a:hover{
			opacity: 0.6;
		}
.branches{
	padding: 3em 0;
	background: #FFF;
	background: url(../img/branches/bg_branches.jpg);
}
.branches h1{
	margin-bottom: 2.5em;
}
.menu{
	padding: 3em 0;
	background: url(../img/bg_type1.jpg);
}
.menu h1{
	margin-bottom: 2.5em;
}
.menu ul{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	}
	.menu li{
		display: inline-block;
		width: 19%;
		padding: 0 5px;
		height: 245px;
		text-align: center;
		vertical-align: bottom;
		}
		.menu li a{
			color: #5a341b;
			font-size: 16px;
			}
			.menu li a img{
				max-width: 100%;
				margin-bottom: 12px;
				vertical-align: middle;
			}
	.menu .btnBox{
		padding-bottom: 0;
	}
	.menu .btn a{
		padding: 0.6em 3em;
		background: #FFF;
	}

	@media screen and (max-width: 800px){
		.menu h1,
		.menu .lineup h1{
			margin-bottom: auto;
		}
		.menu ul{
			width: 100%;
			overflow: hidden;
		}
		.menu ul li{
			float: left;
			display: block;
			width: 50%;
			height: auto;
			padding: 0 4%;
			margin-bottom: 1em;
		}
		.menu ul li img{ margin-bottom: -0.6em;}
	}





.cafeMenu{
	padding: 3em 0;
	}
	.cafeMenu h1{
		margin-bottom: 2.5em;
	}
	.cafeMenu .wrap{
		display: table;
		width: 800px;
		margin: 0 auto;
		}
		.cafeMenu .wrap dl{
			display: table-cell;
			text-align: center;
			padding: 0 5px;
		}
		.cafeMenu .wrap dl img{
			max-width: 100%;
		}
		.cafeMenu .wrap dd{
			padding: 0 5px;
		}
		.cafeMenu .wrap dd a{
			display: block;
			margin-top: 6px;
		}

	@media screen and (max-width: 800px){
		.cafeMenu h2{ margin-bottom: 1em;}
		.cafeMenu .wrap{
			display: block;
			width: 100%;
		}
		.cafeMenu .wrap dl{
			display: block;
			width: 100%;
			margin-bottom: 1.5em;
		}
	}



.bread{
	padding: 32px 0 0;
	background: url(../img/bg_type1.jpg);
}
.bread ul{
	margin: 32px 0;
}
.bread li{
	width: 800px;
	margin: 0 auto;
	padding: 1em;
	border-bottom: 1px dotted #CCC;
}
.bread li:first-child{
	border-top: 1px dotted #CCC;
	}
	.bread li a{
		display: block;
		color: #333;
	}
	.bread li .imgL{
		max-width: 40%;
	}
	.bread li .imgL img{
		width: 100%;
		background: #fff;
	}
	.bread li h2{
		font-weight: bold;
		font-size: 1.5em;
		margin-bottom: 16px;
	}



	@media screen and (max-width: 800px){
		.bread p.text{
			width: 90%;
			margin: 0 auto;
		}
		.bread ul{
			margin-bottom: 10px;
		}
		.bread li{
			width: 100%;
			margin: 0 auto;
			padding: 6%;
		}
		.bread li .imgL{
			max-width: 100%;
			margin-bottom: 1em !important;
		}
	}



.recipe{
	padding: 3em 0;
	background: url(../img/recipe/bg_recipe.png);
	text-align: center;
}
.recipe h1{
	margin-bottom: 2.5em;
	}
	.recipe h2{
		display: inline-block;
		min-height: 35px;
		font-size: 2em;
		padding: 5px 0px 0px 50px;
		margin: 0 auto 0.5em;
		letter-spacing: 2px;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		background: url(../img/index/ico_recipe.gif) left center no-repeat;
		color: #350d05;
		}
		.recipe figure{
			padding-top: 20px;
			position: relative;
			margin-bottom: 2em;
			}
		.recipe figure:after{
			content: "";
			width: 88px;
			height: 40px;
			margin-left: -44px;
			position: absolute;
			background: url(../img/index/bread_tape.png);
			left: 50%;
			top: 0;
			}
			.recipe figure img{
				width: 420px;
				padding: 6px;
				margin-bottom: 1em;
				background: #FFF;
				box-shadow: 0px 0px 3px #BBB;
				-moz-box-shadow: 0px 0px 3px #BBB;
				-webkit-box-shadow: 0px 0px 3px #BBB;
				}
			.recipe .btnBox{
				padding-bottom: 0;
			}
			.recipe .btn a{
				padding: 0.6em 3em;
				background: #FBEFE3;
			}


.branches{
	overflow: hidden;
	line-height: 1.4;
}
.branches .inner{
	width: 980px;
	margin: 0 auto;
}
.map-search{
	float: left;/**/
	width: 470px;/**/
	margin-bottom: 2em;
}
.mapSearch{
	text-align: center;
	width: 713px;
	width: 450px;/**/
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.mapSearch > img{
	width: 100%;
}
.mapSearch li a{
	position: absolute;
	display: block;
	height: 3.070175438596491228070175438596%;
	overflow: hidden; text-indent: 100%; white-space: nowrap;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.mapSearch li.m01 a{ width: 18.39887640449438202247191011236%; left: 75.842696629213483146067415730337%; top: 55.701754385964912280701754385965%;}
.mapSearch li.m02 a{ width: 11.797752808988764044943820224719%; left: 52.387640449438202247191011235955%; top: 01.535087719298245614035087719298%;}
.mapSearch li.m03 a{ width: 14.044943820224719101123595505618%; left: 37.5%; top: 43.859649122807017543859649122807%;}
.mapSearch li.m04 a{ width: 11.657303370786516853932584269663%; left: 06.741573033707865168539325842697%; top: 62.828947368421052631578947368421%;}
.mapSearch li.m05 a{ width: 11.797752808988764044943820224719%; left: 28.230337078651685393258426966292%; top: 69.84649122807017543859649122807%;}
.mapSearch li.m06 a{ width: 11.797752808988764044943820224719%; left: 63.061797752808988764044943820225%; top: 53.399122807017543859649122807018%;}
.mapSearch li.m07 a{ width: 11.657303370786516853932584269663%; left: 50%; top: 51.644736842105263157894736842105%;}
.mapSearch li.m08 a{ width: 14.044943820224719101123595505618%; left: 59.831460674157303370786516853933%; top: 61.074561403508771929824561403509%;}
.mapSearch li.m09 a{ width: 22.05056179775280898876404494382%; left: 33.146067415730337078651685393258%; top: 60.30701754385964912280701754386%;}
.mapSearch li.m10 a{ width: 14.044943820224719101123595505618%; left: 51.966292134831460674157303370787%; top: 69.84649122807017543859649122807%;}
.mapSearch li.m11 a{ width: 18.960674157303370786516853932584%; left: 62.078651685393258426966292134831%; top: 90.679824561403508771929824561404%;}
.mapSearch li.m12 a{ width: 13.483146067415730337078651685393%; left: 57.584269662921348314606741573034%; top: 82.456140350877192982456140350877%;}
.mapSearch li.m13 a{ width: 10.252808988764044943820224719101%; left: 72.893258426966292134831460674157%; top: 45.394736842105263157894736842105%;}
.mapSearch li.m14 a{ width: 18.258426966292134831460674157303%; left: 35.67415730337078651685393258427%; top: 73.522975929978118161925601750547%;}
.mapSearch li.m15 a{ width: 18.820224719101123595505617977528%; left: 28.511235955056179775280898876404%; top: 87.746170678336980306345733041575%; height: 2.954048140043763676148796498906%;}
.mapSearch li a:hover{
	background: rgba(255,255,255,0.6);
	border-radius: 4px;
}

.branches{
	background: url(../img/branches/bg_branches.jpg);
}
.icons{
	float: right;
	width: 490px;
}
.icons .imgArea{
	margin-bottom: 1em;
}
.icons .imgL{
	margin: 0 0 0 0;
}
.icons .imgL img{
	/*background: #000;*/
	width: 71px;
	/*background: #333;*/
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	        margin-right: 1em;
}
.icons .restaurant .imgL img{background: rgba(140,102,70,1);}
.icons .cafe .imgL img{background: rgba(218,150,148,1);}
.icons .shop .imgL img{background: rgba(226,107,10,1);}
.icons .textArea h2{
	font-size: 20px;
	font-weight: bold;
	}
	.icons .textArea h2 span{
		font-size: 11px;
	}
.icons .textArea p{
	margin-bottom: 0.3em;
}
.icons .lebonvivre{
	display: inline-block;
	background: #FEFEFE;
	border: 2px solid #E50011;
	padding: 2px;
	}
	.icons .lebonvivre .inner{
		width: auto;
		border: 1px solid #E50011;
		padding:  5px 10px;
	}
	.icons .lebonvivre h3{
		font-size: 16px;
	}
	.icons .lebonvivre p{
		font-size: 12px;
	}
	.icons .lebonvivre .imgL{
		margin-top: 20px;
	}



	@media screen and (max-width: 800px){
		.map-search {
		    float: none;
		    width: 100%;
		    margin-bottom: 1em;
		}
		.mapSearch {
		    width: 100%;
		}

		.icons {
		    float: none;
		    width: 100%;
		}
		.icons .imgL{
			width: 100%;
			text-align: right;
			margin: -5em 0 0 0 !important;
		}
		.icons .cafe .imgL{
			margin: -4em 0 0 0 !important;
		}
		.icons .lebonvivre .imgL img{
			margin-right: 0;
		}
		.icons .lebonvivre .textArea{
			padding-right: 81px;
		}
		.sec figure {
		    display: block;
		    width: 100%;
		}
		.sec figure .imgL,
		.sec figure .imgR{
			display: block;
			width: 100%;
			margin-bottom: 0.7em !important;
		}
		.sec figure figcaption {
		    display: block;
		    padding-left: 0em;
		}
	}














@media screen and (min-width: 801px){
}/*@media */
@media screen and (max-width: 800px){
}/*@media */








/* ------ ------ ------ ------ ------ ------ ------ ------
 clear
 ----- ------ ------ ------ ------ ------ ------ ------ */
.clear{ clear: both;}
/* CSS -micro clearfix */
.cf:before,.cf:after{content: "";display: table;}
.cf:after{clear:both;}
.cf{zoom: 1;}