@charset "utf-8";
@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700);
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap');

html,body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body{
	/*margin:8px;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family:'Oxygen', sans-serif, "ＭＳ Ｐゴシック";
}
body#about_us,body#information,body#fp_index{
	margin:0;
	position:relative;
}

.wrapper{
	width:930px;
	margin:0 auto;
	padding:20px 20px 0;
	text-align:center;
	position:relative;
	min-height: calc(100vh - 150px);
}
.mb0{
	margin-bottom:0 !important;
}
a:link,a:visited{
	color:#000;
	text-decoration:none;
}

/* windowBorder
---------------------------------------------------------- */
#windowBorderTop,
#windowBorderRight,
#windowBorderBottom,
#windowBorderLeft {
	position: fixed;
	background-color: #000;
	z-index: 9999;
}
#windowBorderTop {
	left: 0;
	top: 0;
	width: 100%;
	height: 8px;
}
#windowBorderRight {
	right: 0;
	top: 0;
	width: 8px;
	height: 100%;
}
#windowBorderBottom {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
}
#windowBorderLeft {
	left: 0;
	top: 0;
	width: 8px;
	height: 100%;
}
/* Header
---------------------------------------------------------- */
h1.logo,p.logo{
	position:absolute;
	top:30px;
	left:30px;
	z-index:9999;
}
header{
	height:100px;
}

#g_navi{
	width:600px;
	margin:0 auto 30px;
}
#g_navi li{
	display:inline-block;
	margin:0 10px;
}
#g_navi li img{
	vertical-align:bottom;
}
#g_navi li a:hover{
	border-bottom:solid 3px #000;
}

#g_navi li.selected{
	border-bottom:solid 3px #000;
}

/* side_menu
---------------------------------------------------------- */
.side_menu{
	position:fixed;
	top:45%;
	right:28px;
	width:105px;
	text-align:right;
	z-index: 9999;
}
.side_menu li{
	margin-bottom:18px;
}
.side_menu a:hover{
	border-bottom:none;
}

/* footer
---------------------------------------------------------- */
footer{
	margin:0px 20px 0px;
	z-index:9999;
	font-size:80%;
	height:50px;
}
/*#about_us footer,
#information footer
#fp_index footer{
	position:absolute;
	left:0;
	bottom:0;
}*/
#footer_navi ul{
	display:inline-block;
}
#footer_navi li{
	display:inline-block;
	margin:0 10px;
}
p.copyright{
	font-size:75%;
}


/* トップページ
---------------------------------------------------------- */
#top{
	overflow:hidden;
}
#top .side_menu{
	top:60%;
}

#top h1{
	position:fixed;
	top:80px;
	left:50%;
	text-align:center;
	margin-left:-235px;
	z-index:9999;
}
#top .slide a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
}
#top .article_info{
	width:200px;
	background:#000;
	color:#fff;
	position:fixed;
	left:50px;
	bottom:50px;
	padding:20px;
}
#top .article_info .fp_box{
	width:100%;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	text-align:left;
	font-size: 100%;
	line-height:1.8;
	padding:6px 0;
	margin: 5px 0;
}
#top .article_info .fp_info{
	width:140px;
	display: inline-block;
}
#top .article_info h2{
	margin-bottom:10px;
}
#top .article_info h2.shop_name span,
#top .article_info .fp_title{
	font-size: 50%;
	display: block;
}
#top .article_info .fp_info .fp_name{
	letter-spacing:8px;
}
#top .article_info .fp_photo{
	display: inline-block;
	margin-top: 10px;
	width:60px;
	vertical-align: top;
}
#top .fp_info_2p .fp_title,
#top .fp_info_2p .fp_name{
	display: inline-block;
	letter-spacing: 0 !important;
}
#top .fp_info_2p .fp_title{
	width:45px;
}


/* about us
---------------------------------------------------------- */
#about_us article{
	width:600px;
	margin:100px auto 100px;
}
#about_us article h2{
	margin:0px auto 20px;
}
#about_us article .text{
	text-align: justify;/*text-align:left;*/
	line-height:2;
	font-size:85%;
	margin-bottom:14px;
}
#about_us article .staff{
	font-size:75%;
	margin:50px auto 60px;
	text-align:left;
	line-height:2;
}
#about_us article .staff li{
	display:inline-block;
	padding-right:7px;
}

/* information
---------------------------------------------------------- */
/*#information .wrapper{
	height:90%;
}*/
/*記事が増えたら削除*/

#information section{
	margin-bottom:10px;
}
#information article{
	width:600px;
	margin:90px auto 90px;
	text-align:justify;
	line-height:2;
}
#information article .info_box{
	margin-bottom:100px;
}
#information article h2{
	font-weight:bold;
	font-size:150%;
}
#information article .date,#information article .url{
	font-size:80%;
}
#information article .text{
	margin-top:20px;
}
#information article .text img{
	max-width:600px;
	height:auto;
}

/* fooppeople,restaurant index
---------------------------------------------------------- */
.index_wrapper{
	width:800px;
	margin:0 auto;
	overflow:hidden;
}
.index_wrapper img{
	vertical-align:bottom;
}
.index_box_area{
	margin-right:-112px;
}
.index_box{
	width:192px;
	float:left;
	margin-right:112px;
}
.fp_group{
	margin-bottom:100px;
	margin-right:-112px;
}
.index_box .line{
	width:70px;
	margin:20px auto 0;
	height:0;
	border-bottom:solid 3px #000;
}
.index_box .vertical_middle{
	display:table-cell;
	vertical-align:middle;
	line-height:1.3;
	font-size:95%;
}
.index_box .vertical_middle .fp_title, .index_box .vertical_middle h2{
	position:relative;
	top:-50%;
}
#fp_index .index_box .table{
	height:50px;
	display:table;
	width:100%;
	position:relative;
}
#restaurant_index .index_box .shop_text,
#restaurant_index .index_box .shop_info,
#fp_index .index_box .fp_info{
	font-size:75%;
	line-height:1.8;
	text-align:justify;
}
#restaurant_index .index_box .shop_info{
	text-align:left;
}
#restaurant_index .index_box .shop_link,
#fp_index .index_box .shop_name{
	font-size:80%;
	color:#fff;
	background:#000;
	margin-bottom:30px;
}
#restaurant_index .index_box .shop_link a,
#fp_index .index_box .shop_name a{
	color:#fff;
	display:block;
	padding:10px;
}

#restaurant_index .index_box a:hover,
#fp_index .index_box a:hover {
	background:#999;
}


/* fooppeople index
---------------------------------------------------------- */

#fp_index .index_box .fp_image{
	text-align:left;
}
#fp_index .index_box .fp_image .fp_guide_no{
	display: inline-block;
	font-size: 90%;
	vertical-align: bottom;
	font-family: 'Libre Baskerville';
	margin-bottom: 5px;
}
#fp_index .index_box .fp_image .fp_guide_no img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
#fp_index .index_box .fp_title{
	font-size: 90%;
}
#fp_index .index_box .fp_name{
	font-size:140%;
	letter-spacing:8px;
}
#fp_index .index_box .shop_cat{
	text-align:left;
	margin-top:25px;
}
#fp_index .index_box .fp_info p{
	margin-bottom:10px;
}


/* restaurant index
---------------------------------------------------------- */

#restaurant_index .index_box {
	/* height:953px; */
	margin-bottom:100px;
}
#restaurant_index .index_box .table{
	display:table;
	width:100%;
	position:relative;
	margin-top: 20px;
}
#restaurant_index .index_box .cat_name{
	text-align:left;
}
#restaurant_index .index_box .vertical_middle h2{
	font-size:160%;
}
#restaurant_index .index_box h3{
	font-size:95%;
}
#restaurant_index .index_box .shop_text{
	margin:30px 0;
	/*height:230px;*/
}
#restaurant_index .index_box .chef_name{
	margin-top:20px;	
	text-align: center;
}
#restaurant_index .index_box .chef_name span{
	display: block;
}
#restaurant_index .index_box .chef_name h4{
	font-size:170%;
}






/* restaurant メニュー
---------------------------------------------------------- */
#restaurant_index #category{
	width:600px;
	margin:30px auto;
}
#restaurant_index #category li{
	display:inline-block;
	margin:0 10px;
}
#restaurant_index #category li img{
	vertical-align:bottom;
}
#restaurant_index #category li a:hover{
	border-bottom:solid 3px #000;
}

#restaurant_index #category li.active{
	border-bottom:solid 3px #000;
}


	

/* 写真
---------------------------------------------------------- */
.photo_left{
	float:left;
	margin-right:25px;
}
.photo_right{
	float:right;
	margin-left:25px;
}
.photo_center{
	margin:65px 0 90px;
}
.top_photo{
	margin-top:5px;
}
.text_box p img.float_right{
	float:right;
	margin:25px -100px 25px 25px;
}
.text_box p img.float_right.photo_inline,.text_box p img.float_left.photo_inline{
	margin-top:10px;
}
.text_box p img.float_left{
	float:left;
	margin:25px 25px 25px -100px;
}
figcaption{
	font-size:75%;
	text-align:left;
}
.text_box p img.float_left.photo_ue{
	float:left;
	margin:25px 25px 5px -100px;
}
.text_box p img.float_left.photo_shita{
	float:left;
	margin:5px 25px 25px -100px;
}



/* shop_page(article各店舗記事)
---------------------------------------------------------- */

#shop_page article{
	margin:115px auto 0;
	width:800px;
}
#shop_page .shop_title h1{
	margin:20px 0 30px;
	line-height:2.2;
}
#shop_page .shop_title h1 .shop_name{
	font-size:300%;
	line-height:1;
}
#shop_page .shop_title h1 .shop_name.nihongo{
	font-size:270%;
}
#shop_page article h2{
	font-size:150%;
	margin:0px;
}
#shop_page article .under_line{
	border-bottom:solid 5px #000;
	display:inline-block;
	margin-top:0px;
}
#shop_page .shop_title{
	position:relative;
	padding-top:10px;
}
#shop_page .shop_title p{
	position:absolute;
	top:0px;
	left:160px;
}
#shop_page .text_box{
	margin:30px auto 52px;
}
#shop_page .text_box p{
	padding:0 100px 25px;
	text-align: justify;/*text-align:left;*/
	line-height:2;

}
#shop_page .text_box p.first_p{
	margin-top:-25px;

}
#shop_page .text_box p.last_p{
	padding:0 100px 0px;

}

/*SNSボタン*/
.sns_box{
	text-align:left;
	padding: 0 100px 0;
}
.sns_box .fb_btn,.sns_box .tw_btn{
	display:inline;
	margin-right:15px;
}
.sns_box .fb_btn img,.sns_box .tw_btn img{
	width:80px;
}


/* shop_info
---------------------------------------------------------- */
#shop_page .shop_info{
	float:right;
	width:270px;
	border:solid 5px #000;
	text-align:left;
	padding:20px;
	margin:48px 0 80px;
	font-size:75%;
}
#shop_page .shop_info .shop_name{
	font-weight:bold;
	font-size:150%;
	padding-bottom:10px;
}

/* クレジット
---------------------------------------------------------- */
#shop_page .text_box .credit{
	font-size:70%;
	text-align:right!important;
}

/* section class="top"
---------------------------------------------------------- */
#shop_page .top{
	margin:30px 0;
	position:relative;
}
#shop_page .top figure img{
	position:relative;
	left:-120px;
	top:0;
}
#shop_page .top h2{
	margin:20px;
	line-height:1.3;
}
#shop_page .top h2 .fp_name{
	display: inline-block;
	font-size:200%;
	margin-top:5px;
}
#shop_page .top .ttl_2col h2{
	display: inline-block;
}
#shop_page .top .fp_name{
	letter-spacing:5px;
}
#shop_page .top .line{
	width:70px;
	margin:0 auto 30px;
	height:0;
	border-bottom:solid 3px #000;
}
#shop_page .top .fp_info{
	width:180px;
	line-height:1.8;
	text-align:left;
	position:absolute;
	top:70px;
	right:70px;
	font-size:10px;
}
#shop_page .top .fp_info .guide_name{

}
#shop_page .top .fp_info .fp_name{
	font-size:18px;
}
#shop_page .top .fp_info .fp_image{
	text-align: center;
	margin-top:30px;
}
#shop_page .top .fp_title{
	font-size:75%;
}
#shop_page .top .fp_name{
	font-size:100%;
}

#shop_page .top figure{
	height:220px;
	background-repeat:no-repeat;
	background-position:center bottom;
}

#shop_page .top figure.fp_01{/*藤丸智史*/
	background-image:url(../images/foodpeople/fp_photo_01.jpg);
}
#shop_page .top figure.fp_02{/*岸田啓子*/
	background-image:url(../images/foodpeople/fp_photo_02.jpg);
}
#shop_page .top figure.fp_03{/*山元健太*/
	background-image:url(../images/foodpeople/fp_photo_03.jpg);
}
#shop_page .top figure.fp_04{/*下川直哉*/
	background-image:url(../images/foodpeople/fp_photo_04.jpg);
}
#shop_page .top figure.fp_05{/*手島純也*/
	background-image:url(../images/foodpeople/fp_photo_05.jpg);
}
#shop_page .top figure.fp_06{/*RICO*/
	background-image:url(../images/foodpeople/fp_photo_06.jpg);
}
#shop_page .top figure.fp_07{/*横田 益宏*/
	background-image:url(../images/foodpeople/fp_photo_07.jpg);
}
#shop_page .top figure.fp_08{/*森 良之*/
	background-image:url(../images/foodpeople/fp_photo_08.jpg);
}
#shop_page .top figure.fp_09{/*立花 幹也*/
	background-image:url(../images/foodpeople/fp_photo_09.jpg);
}
#shop_page .top figure.fp_10{/*馬場 喜大*/
	background-image:url(../images/foodpeople/fp_photo_10.jpg);
}