body {
	margin:0 auto;
	padding:0;
	text-align:left;
	color:#666;
	height:100%;
	word-wrap:break-word;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	line-height: 1.75;
	width: 100%;
	-webkit-text-size-adjust: 100%;
}
.fade-layer,
body:before{
    content: '';
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:99999;
}
body.fade-layer-off:before{
    content: none;
}
html {
	overflow-y:scroll;
	overflow-x:auto;
	height:100%
}
img {
	border:none;
	vertical-align:bottom
}
h1, h2, h3, h4, h5, p, img, form, input, textarea {
	margin:0px;
	padding:0px
}
section, article {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	display:block
}
p {
	line-height:160%
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
img {
	margin:0;
	padding:0;
	vertical-align:bottom
}

a:link {
	color:#666;
}
a:hover {
	opacity:0.7;
}
a:visited {
	color:#666;
}
a:active {
	color:#666;
}
span.dummyLink {
	color:#666;
}
.clearBoth {
	clear:both
}
.txtIndent {
	padding-left:1em;
	text-indent:-1em
}
.mt_03 {
	margin-top:3px
}
.mt_00 {
	margin-top:0px
}
.mt_05 {
	margin-top:5px
}
.mt_10 {
	margin-top:10px
}
.mt_15 {
	margin-top:15px
}
.mt_20 {
	margin-top:20px
}
.mt_25 {
	margin-top:25px
}
.mt_30 {
	margin-top:30px
}
.mt_35 {
	margin-top:35px
}
.mt_40 {
	margin-top:40px
}
.mt_45 {
	margin-top:45px
}
.mt_50 {
	margin-top:50px
}
.mt_80 {
	margin-top:80px
}
.txtR {
	text-align:right
}
.txtC {
	text-align:center
}
.txtL {
	text-align:left
}
.fLeft {
	float:left
}
.fRight {
	float:right
}
.pcCnt {
	display:block;
}
.spCnt {
	display:none;
}
.font_30 {
	font-size: 200%;
	line-height:200%;
}
.font_24 {
	font-size: 170%;
	line-height:250%;
}
.font_20 {
	font-size: 142%;
	/*line-height: 170%;*/
}
.font_18 {
	font-size: 128%;
	/*line-height: 165%;*/
}
.font_17 {
	font-size: 121%;
	/*line-height: 160%;*/
}
.font_16 {
	font-size: 114%;
	/*line-height: 160%;*/
}
.font_15 {
	font-size: 107%;
}
.font_14 {
	font-size: 100%;
}
.font_13 {
	font-size: 92%;
}
.font_12 {
	font-size: 84%;
}
.font_11 {
	font-size: 76%;
}
.font_10 {
	font-size: 71%;
}


header {
	width:100%;
	box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.3);
	position:fixed;
	top:0;
	z-index:888;
	background:#FFF;
}
#header {
	width:1050px;
	margin:0 auto;
	padding:15px 0 15px 0;
}
#wrapper {
	width:100%;
	margin:50px auto;
}
.cntArea {
	width:1050px;
	margin:0 auto;
}
.txt {
	margin-top:10px;
	text-align:center;
}

.st {
	font-size: 28px;
	margin-top:50px;
	font-weight:normal;
}

.disc {
	text-indent:-1em;
	padding-left:1em;
}
.disc:before {
	font-family: 'FontAwesome';
	content:"\f111";
	margin-right:5px;
	color:#CCC;
}

/* reservation */
#reservation {
	position: fixed;
	top: 80px;
	right: 30px;
	z-index:999;
	width:150px;
}
#reservation div a {
	background: #333;
	text-decoration: none;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#reservation .icon {
	margin-bottom:5px;
}
#reservation .tel {
	font-size:110%;
	margin-top:10px;
	padding:10px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}
#reservation .tel:before {
	font-family: 'FontAwesome';
	content:"\f095";
	margin-right:5px;
}
/* #reservation a#facebook {
	background: none;
	text-decoration: none;
	color: #D7C8A0;
	display: block;
	text-align:right;
	margin-top:15px;
} */

#icoArea a#instagram {
	width: 50px;
	background: none;
	text-decoration: none;
	color: #D7C8A0;
	display: block;
	float: right;
}

#icoArea a#facebook {
	width: 50px;
	background: none;
	text-decoration: none;
	color: #D7C8A0;
	display: block;
	float: right;
}
#icoArea a#mail {
	width: 50px;
	background: none;
	text-decoration: none;
	color: #D7C8A0;
	display: block;
	float: right;
}





#reservation #navi a {
	margin-top:10px;
	background:#555;
	color:#FFF;
	padding:5px;
	text-align:center;
	border-radius: 0;
	font-size:13px;
}
#reservation div a:hover,
#reservation #navi a:hover {
	background:#555;
	opacity:1;
}
#reservation #navi a.active {
	background:#555;
	opacity:1;
}


/*===========================================
	パンくず
=============================================*/
#breadcrumbs {
    width: 1050px;
    margin: 10px auto 0 auto;
}
#breadcrumbs li {
    float: left;
    margin-left: 5px;
}
#breadcrumbs a {
	text-decoration:none;
}
#breadcrumbs a:after {
    content: "\f105";
    font-family: "FontAwesome";
    margin-left: 5px;
    padding-bottom: 3px;
}

/*===========================================
	メイン画像
=============================================*/
#mainImgWrap {
	width:100%;
	margin: 60px auto 0 auto;
	padding:0;
	position: relative;
	overflow:hidden;
}
#centerArea {
    min-height: 300px;
    min-width: 2000px;
}
#mainImgArea {
	left: 50%;
    margin-left: -1000px;
    position: absolute;
    width: 2000px;
}


/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 30px;
	font-size: 77%;
	z-index:999;
}
#page-top a {
	background: #333;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	opacity:0.8;
}
#page-top a:hover {
	text-decoration: none;
	opacity:0.8;
}


#footer {
	margin:80px 0 0 0;
	border-top:#CCC 5px solid;
	padding:50px 0;
	text-align:center;
}

/* mode */
#mode {
	display:table;
	margin:30px auto 0 auto;
}
#mode li {
	display:table-cell;
	padding:0 10px;
}


/*===========================================
	txtIndent
=============================================*/
.txtIndent{
	padding-left:0em;
	text-indent:-1em;
	padding-left: 1em;
}
.txtIndent2 {
	padding-left:1em;
	text-indent:-2em;
	padding-left: 1em;
}


/*===========================================
	カラー：color
=============================================*/
.red {
	color : #8E0002;
}


/*===========================================
	ボタン配置（右、中央、左）
=============================================*/
/*  右寄せ */
.bRight {
	margin-left: auto;
}

/*  左寄せ */
.bLeft {
	margin-right: auto;
}

/*  中央寄せ */
.bCenter {
	margin-left : auto;
	margin-right: auto;
}



@media only screen and (max-width: 980px) {
	.pcCnt {
		display:none !important;
	}
	.spCnt {
		display:block !important;
	}
	img.imgMax {
		height: auto;
		width: 100%;
	}
	
	.txt {
		text-align:left;
	}
		
	header {
		display:none;
	}
		
	#wrapper {
		width: 90%;
		margin:20px auto 30px auto;
	}
	.cntArea {
		width:auto;
	}

	/* reservation */
	#reservation {
		display:none;
	}

	
	/*===========================================
		パンくず
	=============================================*/
	#breadcrumbs {
		width: auto;
	}
	
	/*===========================================
		メイン画像
	=============================================*/
	#mainImgWrap {
		margin: 55px auto 0 auto;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 100%;
	}
	#centerArea {
		min-height: 0;
		min-width: 0;
	}
	#mainImgArea {
		left: 0;
		margin-left: 0;
		position: inherit;
		width: auto;
	}	
	
	
	#mainImgArea img {
		display: block;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}

	/* page-top */
	#page-top {
		right: 10px;
	}
	#page-top a {
		padding: 15px 0;
	}
	
	#footer .imgMax {
		max-width:400px;
	}
		
	
	
	
	
	/*===========================================
		スマホメニュー用
	=============================================*/
	.inner {
		width: 980px;
		margin: 0 auto;
	}
	.inner:after {
		content: "";
		clear: both;
		display: block;
	}
	 
	/* header */
	#top-head {
		top: -100px;
		position: absolute;
		width: 100%;
		margin: 100px auto 0;
		padding: 30px 0 0;
		line-height: 1;
		z-index: 999;
	}
	#top-head a,
	#top-head {
		color: #fff;
		text-decoration: none;
	}
	#top-head .inner {
		position: relative;
	}
	#top-head .logo {
		float: left;
	}
	#global-nav ul {
		list-style: none;
		position: absolute;
		right: 0;
		bottom: 0;
		font-size: 14px;
	}
	#global-nav ul li {
		float: left;
	}
	#global-nav ul li a {
		padding: 0 30px;
		opacity:1;
	}
	 
	/* Fixed */
	#top-head.fixed {
		margin-top: 0;
		top: 0;
		padding-top: 10px;
		height: 55px;
		background: #fff;
		background: rgba(255,255,255,.7);
		transition: top 0.65s ease-in;
		-webkit-transition: top 0.65s ease-in;
		-moz-transition: top 0.65s ease-in;
	}
	#top-head.fixed .logo {
		font-size: 24px;
		color: #333;
	}
	#top-head.fixed #global-nav ul li a {
		color: #333;
		padding: 0 20px;
	}
	 
	/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 12px;
		top: 14px;
		width: 34px;
		height: 36px;
		cursor: pointer;
		z-index: 101;
	}
	#nav-toggle div {
		position: relative;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #666;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	#nav-toggle span:nth-child(2) {
		top: 11px;
	}
	#nav-toggle span:nth-child(3) {
		top: 22px;
	}
	
	#top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 15px;
        top: 15px;
        color: #333;
    }
    .logo p {
		font-size:12px;
    }
	#mobile-head {
		display:table;
	}
	#mobile-head a {
		display:table-cell;
		vertical-align:middle;
		padding-right:10px;
		color:#000;
	}
	#mobile-head a p {
		font-size:12px;
	}
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        width: 100%;
        text-align: center;
        padding: 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		border-bottom:#FFF 1px solid;
    }
    #global-nav ul li {
        float: none;
        position: static;
        background: #333;
		border-top:#FFF 1px solid;
    }
    #global-nav ul li.orange {
		background:#fb4f14;
    }
    #global-nav ul li:hover {
		background:#666;
    }
    #global-nav ul li.orange:hover {
		background:#8D0100;
		opacity:0.5;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 16px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
}