@import url(reset.css);

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */
* html body {     
    background:url(null) fixed;     
}  
body {
	margin:0;
	padding:0;
	color:#231815;
	background:url(../img/bg_wall.png) 0 0 repeat;
	font-family: "メイリオ UI", Meiryo UI, "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
html {
	overflow-x:hidden;
}
img {
    -webkit-backface-visibility: hidden;
}
 a.imgbtn:hover {
	opacity:0.8;
}
.inner {
	margin:0 auto;
	width:960px;
	position:relative;
}
#sub .inner {
	margin:0 auto;
	width:860px;
	position:relative;
}
body.sub {
	padding-top:30px;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
	margin-bottom:20px;
}
#slideshow {
   position:relative;
   width:100%;
   height:750px;
}
#slideshow li {
   position:absolute;
   height:750px;
   margin:0;
   padding:0;
   z-index:10;
   background-position:center top;
   background-repeat:no-repeat;
   background-size:cover;
}
#slideshow h1 {
	padding:350px 0;
	text-align:center;
	position:relative;
	z-index:100;
}

/* ------------------------------------------------------------ */
/* メインナビ */
/* ------------------------------------------------------------ */
nav {
	margin-bottom:80px;
	height:80px;
}
nav h2 {
	float:left;
	width:320px;		
}
nav li {
	padding-top:28px;
	float:left;
	text-align:center;
}
nav li span {
	margin-bottom:10px;
	display:block;
	color:#b49c67;
	font-size:11px;
}
nav li a {
	margin:0 20px;
	padding-bottom:15px;
	display:block;
	width:120px;
	color:#484848;
	font-size:16px;
	text-align:center;
	text-decoration:none;
}
nav li a:hover {
	background:url(../img/nav_bg.png) center bottom no-repeat;
}
.navi {
	margin-bottom:150px;
	height:80px;
}
.navi h2 {
	float:left;
	width:320px;		
}
.navi li {
	padding-top:27px;
	float:left;
	text-align:center;
}
.navi li span {
	margin-bottom:10px;
	display:block;
	color:#b49c67;
	font-size:11px;
}
.navi li a {
	margin:0 20px;
	padding-bottom:15px;
	display:block;
	width:120px;
	color:#484848;
	font-size:16px;
	text-align:center;
	text-decoration:none;
}
.navi li a:hover {
	background:url(../img/nav_bg.png) center bottom no-repeat;
}
.sp_navi {
	display:none;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 1000;
	padding:10px 0;
	background-color: rgba(255,255,255,0.9);
}

/* ------------------------------------------------------------ */
/* 共通 */
/* ------------------------------------------------------------ */
section {
	clear:both;
	overflow: hidden;
}
#page_01,
#page_02,
#page_03 {
	margin-top:-130px;
	padding-top:130px;
}
#page_04 {
	margin-top:-30px;
	padding-top:30px;
}
section .content_01 {
	margin:0 auto 120px;
	width:840px;
	height:297px;
	background:url(../img/content_01_img.png) right 130px no-repeat;
}
section .content_01 h3 {
	margin-bottom:30px;
}
section .content_01 p {
	width:470px;
	font-size:15px;
	text-align:center;
	line-height:30px;
}

section .content_02 {
	margin:0 auto 50px;
	width:960px;
	border-bottom:1px solid #b49c67;
}
section .content_02 h3 {
	margin-bottom:30px;
	text-align:center;
}
section .content_02 p {
	margin-bottom:50px;
	font-size:15px;
	text-align:center;
	line-height:30px;
}
section .content_02 .tab {
	position: relative;
	overflow: hidden;
}
section .content_02 .tab ul {
	position: relative;
	left: 50%;
	float: left;
}
section .content_02 .tab li {
	margin:0 5px;
	position: relative;
	left: -50%;
	float: left;
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}
section .content_02 .tab li.lunch {
	width:158px;
	height:38px;
	line-height:38px;
	display:block;
	color:#b49c67;
	text-align:center;
	border-top:1px solid #b49c67;
	border-left:1px solid #b49c67;
	border-right:1px solid #b49c67;
}
section .content_02 .tab li.lunch:hover {
	color:#fff;
	background:#b49c67;
}
section .content_02 .tab li.cafe {
	width:158px;
	height:38px;
	line-height:38px;
	display:block;
	color:#b49c67;
	text-align:center;
	border-top:1px solid #b49c67;
	border-left:1px solid #b49c67;
	border-right:1px solid #b49c67;
}
section .content_02 .tab li.cafe:hover {
	color:#fff;
	background:#b49c67;
}
.hide {
	display:none;
}
section .content_02 .tab li.select {
	color:#fff;
	background:#b49c67;
}
section .content_02 .data,
section .content_02 .cafe_box {
	clear:both;
	overflow:hidden;
}
section .content_02 .data .sliderBox .item {
	margin:0 39px 30px;
	float:left;
    outline:none;
}
section .content_02 .data .sliderBox .item img {
	margin-bottom:20px;
}
section .content_02 .data .sliderBox .item span {
	display:block;
}
section .content_02 .data .photo_menu .item {
	overflow: hidden;
}
section .content_02 .data .photo_menu .item {
	margin:0 39px;
	float:left;
	min-height: 350px;
  outline:none;
}
section .content_02 .data .photo_menu .item img {
	margin-bottom:20px;
}
section .content_02 .data .photo_menu .item span {
	display:block;
	font-size: 15px;
}
section .content_02 .data .photo_menu .item img.takeout {
	margin-top: 36px;
	width: 560px;
}
section .content_02 .data dl.left {
	margin-top:40px;
	margin-left:30px;
	float:left;
	width:420px;
}
section .content_02 .data dl.right {
	margin-top:60px;
	margin-right:30px;
	float:right;
	width:420px;
}
section .content_02 .data dl.cafeleft {
	margin-top:40px;
	margin-left:30px;
	float:left;
	width:420px;
}
section .content_02 .data dl dt {
	margin-top:75px;
	padding-left:25px;
	float:left;
	font-size:14px;
	line-height:27px;
	background:url(../img/content_02_icon.png) 0 center no-repeat;
}
section .content_02 .data dl.cafeleft dt {
	margin-top:120px;
	padding-left:25px;
	float:left;
	font-size:14px;
	line-height:27px;
	background:url(../img/content_02_icon.png) 0 center no-repeat;
}

section .content_02 .data .dinone {
	display:none;
}
section .content_02 .data .left {
	margin: 20px 0 60px;
	float:left;
	width:440px;
}
section .content_02 .data .right {
	margin: 20px 0 60px;
	float:right;
	width:440px;
}
section .content_02 .data .left dl {
	margin-bottom: 0;
	clear: both;
	overflow: hidden;
}
section .content_02 .data .right dl {
	margin: 0 0 0;
	clear: both;
	overflow: hidden;
}
section .content_02 .data dl.box_01 dt {
	margin-top:0px;
	padding-left:25px;
	float:left;
	font-size:15px;
	line-height:27px;
	background:url(../img/content_02_icon.png) 0 center no-repeat;
}
section .content_02 .data dl.box_02 dt {
	margin-top: 0px;
	padding-left:25px;
	float:left;
	font-size:15px;
	line-height:27px;
	background:url(../img/content_02_icon.png) 0 center no-repeat;
}
section .content_02 .data dl.box_03 dt {
	margin-top: 0px;
	padding-left:25px;
	float:left;
	font-size:15px;
	line-height:27px;
	background:url(../img/content_02_icon.png) 0 center no-repeat;
}
section .content_02 .data dl dd {
	float:right;
	width:280px;
}
section .content_02 .data dl dd p {
	margin-bottom:10px;
	padding-bottom:10px;
	width:280px;
	font-size:15px;
	text-align:center;
	border-bottom:1px solid #eeeeee;
}
section .content_02 .data dl dd p span {
	margin-bottom: 0;
	float:right;
}
section .content_02 .data p.right {
	margin-top:60px;
	margin-left:30px;
	margin-bottom:0;
	float:right;
	width:420px;
}
section .content_02 .data p.right span {
	margin-top:20px;
	display:block;
	text-align:center;
}
section .content_02 .data p.right img {
	width: auto;
}
section .content_02 .data .cafe_box > img {
	margin-bottom: 20px;
	width: 440px;
}
section .content_02 .data .cafe_box > p {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
section .content_02 .data .cafe_box dl {
	margin: 20px 0 0;
	float:right;
	width:440px;
}
section .content_02 .data .cafe_box dl dt {
	margin-top:125px;
	padding-left:25px;
	float:left;
	font-size:14px;
	line-height:27px;
	background:url(../img/content_02_icon.png) 0 center no-repeat;
}
section .content_02 h4 {
	margin: 0 auto;
	padding-bottom: 30px;
	display:block;
	color:#b49c67;
	font-size: 24px;
	text-align:center;
	border-bottom:1px solid #b49c67;
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}
section .content_02 .data .cafe_box h4 {
	margin: 0 auto 50px;
}

section .content_03 {
	margin:0 auto;
	width:960px;
}
section .content_03 .news {
	float:left;
	width:560px;
}
section .content_03 .blog {
	float:right;
	width:327px;
}
section .content_03 .news h3,
section .content_03 .blog h3 {
	margin-bottom:60px;
	text-align:center;
}
section .content_03 .news ul {
	padding-bottom:10px;
	height:240px;
}
section .content_03 .news ul li {
	margin-bottom:20px;
	font-size:16px;
	line-height:28px;
}
section .content_03 .news ul li span {
	margin-right:30px
}
section .content_03 .news ul li a {
	color:#221815;
	text-decoration:none;
}
section .content_03 .news ul li a:hover {
	text-decoration:underline;
}
section .content_03 .blog .photo {
	margin-bottom:10px;
}
section .content_03 .blog .photo img {
	width:329px;
}
section .content_03 .blog p {
	margin-bottom:30px;
	font-size:14px;
	line-height:18px;
	text-align:center;
}
section .content_03 .news .listbtn a {
	width:558px;
	display:block;
	color:#b49c67;
	font-size:14px;
	text-align:center;
	line-height:38px;
	text-decoration:none;
	border:1px solid #b49c67;
}
section .content_03 .blog .listbtn a {
	width:325px;
	display:block;
	color:#b49c67;
	font-size:14px;
	text-align:center;
	line-height:38px;
	text-decoration:none;
	border:1px solid #b49c67;
}
section .content_03 .news .listbtn a:hover,
section .content_03 .blog .listbtn a:hover {
	color:#fff;
	background-color:#b49c67;
}

section .news_list h3 {
	margin-bottom:60px;
}
section .news_list ul {
	margin-bottom:50px;
}
section .news_list ul li {
	margin-bottom:20px;
	font-size:16px;
	line-height:28px;
}
section .news_list ul li span {
	margin-right:30px
}
section .news_list ul li a {
	color:#221815;
	text-decoration:none;
}
section .news_list ul li a:hover {
	text-decoration:underline;
}
section .news_list h4 {
	margin-bottom:50px;
	font-size:24px;
}
section .news_list h4 span {
	margin-bottom:20px;
	font-size:18px;
	display:block;
}
section .news_list .entry {
	margin-bottom:50px;
	line-height:28px;
}
section .news_list .entry p {
	margin-bottom:20px;
}
section .news_list .entry img {
}
section .news_list .listbtn a {
	margin:0 auto;
	width:520px;
	display:block;
	color:#b49c67;
	font-size:14px;
	text-align:center;
	line-height:38px;
	text-decoration:none;
	border:1px solid #b49c67;
}
section .news_list .listbtn a:hover {
	color:#fff;
	background-color:#b49c67;
}

section iframe {
	margin-top:100px;
	width:100%;
	height:500px;
	border-top:1px solid #e4e4e4;
}


/* ------------------------------------------------------------ */
/* フッター概要 */
/* ------------------------------------------------------------ */
#map {
	margin-top:100px;
	width:100%;
	height:500px;
	border-top:1px solid #e4e4e4;
}
.access {
	padding:30px 0;
	color:#fff;
	width:100%;
	font-size:15px;
	text-align:center;
	line-height:30px;
	background-color:#b49c67;
}
.access a {
	color:#fff;	
}

.footer_box {
	margin:0 auto;
	padding:100px 0;
	width:960px;
	overflow:hidden;
}
.footer_box .instaglam {
	float:left;
	width:560px;
}
.footer_box .instaglam h4 {
	margin-bottom:30px;
	color:#b49c67;
	font-size:16px;
}
.footer_box .instaglam .slide_selector {
	margin:0 0 0 25px;
	padding-left:5px;
	width:430px;
}
.footer_box .instaglam .slide_selector img {
	width:135px;
	height:135px;
}
.footer_box .sns {
	float:right;
	width:324px;
}
.footer_box .sns h4 {
	margin-bottom:60px;
	color:#b49c67;
	font-size:16px;
}
.footer_box .sns ul li {
	margin-right:30px;
	float:left;
	width:50px;
	height:50px;
	text-indent:-9999px;
}
.footer_box .sns ul li a {
	display:block;
	width:50px;
	height:50px;
}
.footer_box .sns ul li.fb {
	background:url(../img/facebook_icon.png) 0 0 no-repeat;
}
.footer_box .sns ul li.tw {
	background:url(../img/twitter_icon.png) 0 0 no-repeat;
}
.footer_box .sns ul li.insta {
	background:url(../img/Instaglam_icon.png) 0 0 no-repeat;
}


/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
footer {
	margin-bottom:40px;
	height:80px;
	clear:both;
	position:relative;
	background:url(../img/header_logo.png) center center no-repeat;
}
footer address {
	position:absolute;
	top:60px;
	right:0;
	font-size:12px;
}


/* ------------------------------------------------------------ */
/* ページトップ */
/* ------------------------------------------------------------ */
#page-top {
	position: fixed;
	bottom:20px;
	right:20px;
	z-index:1000;
}
#page-top a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#page-top a:hover {
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
	-khtml-opacity: 0.6; 
	-moz-opacity:0.6;
	opacity:0.6;
}