@charset "UTF-8";

/*
Theme Name: もりまさ
Description: もりまささまのWebサイトです。
*/

/**********************************************************************************

	reset
	
***********************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
/*nav ul { list-style: none; }*/
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th { text-align: left; }
hr {
    display: block;
    height: 1px;
    border: 0;  
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select { vertical-align:middle; }
input, textarea {
	margin: 0;
	padding: 0;
}
img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
	height: auto;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
img {
	-webkit-transition: 0.6s;
	transition: 0.6s; 
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*** cleafix
*********************************************************************************/
.clearfix, div, ul, dl, ol { zoom: 1; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*** 初期設定
*********************************************************************************/
html { font-size: 62.5%;/*10px*/ }
body {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #000;
	background: url(common/bg_body.jpg) repeat;
	min-width: 1200px;
}

/*** link
***********************************************************************************/
a:link,
a:visited,
a:hover,
a:active {
	color: #660000;
}

/**********************************************************************************

	layout
	
***********************************************************************************/
#main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	display: block; /* IE対策 */
}
.inner {
	width: 1100px;
	padding: 70px 0;
	margin: 0 auto;
}

/**********************************************************************************

	header
	
***********************************************************************************/
header {
    width: 100%;
    min-width: 1100px;
    height: 520px;
   	max-height: 520px;
    position: relative;
	overflow: hidden;
}
.home header {
    width: 100%;
    min-width: 1100px;
    height: 750px;
   	max-height: 750px;
    position: relative;
	overflow: hidden;
}
#menuArea {
	width: 100%;
    height: 140px;
	-webkit-transform: translateX(0);
	transform: translateX(0);
    margin-top: 0;
	padding-top: 0;
    position: absolute;
    z-index: 999;
    display: flex;
    justify-content: center;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
#menuArea h1 { 
	order: 2;
	width: 180px;
	margin-right: 20px;
}
#menuArea ul:first-of-type { 
	order: 1;
	margin-right: 20px;
}
#menuArea ul:nth-of-type(2) { order: 3; }
ul.menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
ul.menu:first-of-type { width: 420px; }
ul.menu:nth-of-type(2) { width: 460px; }
ul.menu li {
	color: #333;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
ul.menu li.online { width: 100px; }

/*ul.menu li+li {
    border-left: 1px solid #d4d4d4;
    padding: 0 10px 0 10px;
}*/
ul.menu li a { 
	color: #333;
	text-decoration: none;
}
ul.menu li a:hover { text-decoration: underline; }

/**********************************************************************************

	mainVisual/mainTitle
	
***********************************************************************************/
#mainVisual {
	height: 520px;
	max-height: 520px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 140px;
}
.morimasa #mainVisual {
    background: url("morimasa/mainVisual.jpg") no-repeat center center;
	background-size: cover;
}
.izakaya #mainVisual {
    background: url("izakaya/mainVisual.jpg") no-repeat center center;
	background-size: cover;
}
.area-guide #mainVisual {
    background: url("area-guide/mainVisual.jpg") no-repeat center center;
	background-size: cover;
}
.access #mainVisual {
    background: url("access/mainVisual.jpg") no-repeat center center;
	background-size: cover;
}
.faq #mainVisual {
    background: url("faq/mainVisual.jpg") no-repeat center center;
	background-size: cover;
}
.contact #mainVisual {
    background: url("contact/mainVisual.jpg") no-repeat center center;
	background-size: cover;
}
p.pageTitle { 
	color: #fff;
	font-size: 2.8rem;
	font-weight: bold;
	text-shadow:1px 1px 2px rgba(0,0,0,.8);
}
#movie {
	width: 100%;
	height: 750px;
    min-width: 1200px;
	position: relative;
	overflow: hidden;
	/*display: flexbox;*/
}
#movie video {
	position: absolute;
	width: 100%;
	height: 100%;
    min-width: 1200px;
	min-height: 100%;
	/*width: auto;*/
	height: auto;
	background-size: cover;
 	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/**********************************************************************************

	contents
	
***********************************************************************************/
.section { }
.sec01 { background: url(common/bg01-1.jpg) repeat; }
.sec02 { background: url(common/bg02-1.jpg) repeat; }
.secTitle01 {
	text-align: center;
	margin-bottom: 40px;
}
.secTitle02 {
	margin-bottom: 30px;
}
.secTitle03 {
	font-size: 2.0rem;
	font-weight: bold;
	padding: 0.5em 1em;
	margin-bottom: 10px;
	background: url(common/bg03.jpg) repeat;
}

/**********************************************************************************

	home
	
***********************************************************************************/
#sample {
	position: absolute: 1000;
	padding-top: 550px;
}
#greeting .inner {
	height: 760px;
	background: url(images/bg_greeting.jpg) center center no-repeat;
	padding: 70px 0;
}
#greeting h2 { 
	padding-top: 50px;
	margin-bottom: 30px;
}
#greeting .txt p { margin-bottom: 10px; }
#greeting .txt p:last-of-type { margin-bottom: 20px; }
#greeting .name { 
	width: 500px;
	display: flex;
	justify-content: flex-end;
}
#greeting .name p { font-weight: bold; }
#appeal { min-width: 1100px; }
#appeal .inner {
	background: url(common/bg_nami.png) top center no-repeat;
}
#appeal ul {
	display: flex;
	justify-content: space-between;
}
#planArea .inner { background: url(common/bg_nami.png) top center no-repeat; }
.planBody ul {
	display: flex;
	justify-content: space-between;
}
.planBody ul li {
	border-radius: 3px;
	box-shadow: 0 2px 5px #ccc;
	background-color: #FFF;
}
#searchWrapper { 
	width: 1100px;
	height: 100px;
	margin: 0 auto 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(images/bg_search.jpg) no-repeat;
}
#search { display: flex; }
#search h2 { margin: 10px 50px 0 20px; }
.bnr .inner { width: 960px; }
.bnr ul li:first-of-type { margin-bottom: 30px; }

/**********************************************************************************

	morimasa / 民宿「もりまさ」
	
***********************************************************************************/
.morimasa .lead .contentsBox:first-of-type {
	background: url(morimasa/bg_lead.png) left top -30px no-repeat;
}
.morimasa .lead .contentsBox {
	display: flex;
	justify-content: space-between;
}
.morimasa .lead .contentsBox .roomMovie { 
	width: 520px;
	height: 400px;
	position: relative;
}
.morimasa .lead .contentsBox .roomMovie .movie { 
	position: absolute;
	top: 0;
	z-index: -1;
}
.morimasa .lead .contentsBox .roomMovie .cover { 
	position: absolute;
	top: 0;
	z-index: 1;
}
.morimasa .lead .contentsBox .txt { width: 550px; }
.morimasa .lead .contentsBox .txt h2 { margin-bottom: 20px; }
#room .inner { background: url(common/bg_nami.png) top center no-repeat; }
#room .lead {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
#room .lead .txt { width: 550px; }
#room .lead .txt h3 { margin-bottom: 20px; }
#room .lead .roomMovie { 
	width: 520px;
	height: 400px;
	position: relative; 
}
#room .lead .roomMovie .movie { 
	position: absolute;
	top: 0;
	z-index: 0;
}
#room .lead .roomMovie .cover { 
	position: absolute;
	top: 0;
	z-index: 1;
}
dl.roomType {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
dl.roomType div { width: 350px; }
dl.roomType div dt { 
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}
dl.roomType div dd img { border-radius: 3px; }
.amenities {
	display: flex;
	justify-content: space-between;
}
.amenities .photo { width: 350px; }
.amenities .photo img { border-radius: 3px; }
.amenities .txt { width: 720px; }
#facilities .contentsBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
#facilities .contentsBox:last-of-type { margin-bottom: 0; }
#facilities .contentsBox:nth-of-type(2) { flex-direction: row-reverse; }
#facilities .contentsBox .photo { width: 520px; }
#facilities .contentsBox .txt { width: 550px; }
.frame {
	display: inline-block;
	position: relative;
}
.frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}
.blue:after { background: url(common/bg01.jpg) repeat; }

/**********************************************************************************

	izakaya / 旨いもん処「もりまさ」
	
***********************************************************************************/
.izakaya .lead .inner {
	background: url(common/bg_nami.png) center center no-repeat;
}
.izakaya .lead .contentsBox {
	display: flex;
	justify-content: space-between;
}
.izakaya .lead .contentsBox .txt h2 { 
	width: 470px;
	padding-top: 120px; 
}
.izakaya .lead .contentsBox .masterMovie { 
	width: 600px;
	height: 452px;
	position: relative; 
}
.izakaya .lead .contentsBox .masterMovie .movie { 
	position: absolute;
	top: 0;
	z-index: -1;
}
.izakaya .lead .contentsBox .masterMovie .cover { 
	position: absolute;
	top: 0;
	z-index: 1;
}
.izakaya .lead .contentsBox2 {
	display: flex;
	justify-content: space-between;
}
.izakaya .lead .contentsBox2 .txt { 
	width: 550px;
	padding-top: 50px;
}
.izakaya .lead .contentsBox2 .photo { width: 520px; }
.izakaya .lead .contentsBox2 .photo img { border-radius: 3px; }
#dinner .inner { background: url(common/bg_nami.png) top center no-repeat; }
#dinner .contentsBox {
	display: flex;
	justify-content: space-between;
}
#dinner .contentsBox { 
	background: url(izakaya/bg_dinner.png) left top no-repeat;
	margin-bottom: 50px;
}
#dinner .contentsBox .txt { 
	width: 550px;
	padding-top: 80px;
}
#dinner .contentsBox .photo { width: 520px; }
#dinner .contentsBox .photo img { border-radius: 3px; }
#dinner .contentsBox2 {
	height: 480px;
	padding: 30px;
	background: url(izakaya/bg_menu.jpg) no-repeat;
}
#dinner .contentsBox2 h3 { margin-bottom: 10px; }
#dinner .contentsBox2 .box {
	display: flex;
	justify-content: space-between;
}
#dinner .contentsBox2 .box .txt { width: 490px; }
#dinner .contentsBox2 .box .photo { width: 520px; }
#dinner .contentsBox2 .box .photo img  { border-radius: 3px; }
#brunch .inner {
	display: flex;
	justify-content: space-between;
}
#brunch .inner .contentsBox { width: 540px; }
#brunch  .secTitle03 { font-size: 1.8rem; }
#brunch .contentsBox ul li img { 
	margin-bottom: 10px;
	border-radius: 3px; 
}
#setMenu .contentsBox {
	height: 480px;
	padding: 30px;
	background: url(izakaya/bg_menu.jpg) no-repeat;
}
#setMenu .contentsBox h3 { margin-bottom: 10px; }
#setMenu .contentsBox .box {
	display: flex;
	justify-content: space-between;
}
#setMenu .contentsBox .box .txt { width: 490px; }
#setMenu .contentsBox .box .photo { width: 520px; }
#setMenu .contentsBox .box .photo img  { border-radius: 3px; }
#setMenu .ticker { padding-bottom: 50px; }
#setMenu .contentsBox2 {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 70px;
	background: url(izakaya/bg_chinmi.png) right top no-repeat;
	display: flex;
	justify-content: space-between;
}
#setMenu .contentsBox2 .txt { 
	width: 550px;
}
#setMenu .contentsBox2 .photo { width: 520px; }
#setMenu .contentsBox2 .photo img { border-radius: 3px; }
.shopInfo .inner {
	display: flex;
	justify-content: space-between;
}
.shopInfo .txt { width: 550px; }
.shopInfo .photo { width: 520px; }
.shopInfo .photo img { border-radius: 3px; }
.shopInfo dl {
	display:flex;
	flex-wrap: wrap;
	border: 1px solid #000;
	border-top: none;
	margin-bottom: 10px;
}
.shopInfo dt {
	background: url(common/bg01-1.jpg) repeat;
	width: 30%;
	padding: 10px;
	border-top: 1px solid #000;
	font-weight: bold;
}
.shopInfo dd {
	padding: 10px;
	margin: 0;
	border-left: 1px solid #000;
	border-top: 1px solid #000; 
	width: 70%;
	background: #fff;
}
#izakayaMenu .inner { background: url(common/bg_nami.png) top center no-repeat; }
#izakayaMenu .contentsBox,
#izakayaMenu .contentsBox2:not(:last-of-type) {
	margin-bottom: 50px;
}
#izakayaMenu h3 {
	height: 50px;
	line-height: 50px;
	padding: 0 1em;
	background: #544736;
	color: #fff;
}
#izakayaMenu dl {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #000;
	background: url(izakaya/bg_izakaya-menu.jpg) repeat;
	color: #000;
}
#izakayaMenu dl div {
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	border-bottom: 1px solid #000;
}
#izakayaMenu .contentsBox dl div:last-of-type,
#izakayaMenu .contentsBox dl div:nth-last-of-type(2) { border-bottom: none; }
#izakayaMenu .contentsBox dl div:nth-of-type(1n){ border-right: 1px solid #000; }
#izakayaMenu .contentsBox dl div:nth-of-type(2n){ border-right: none; }
#izakayaMenu dl div dt,
#izakayaMenu dl div dd { 
	padding: 1em;
}
#izakayaMenu dl div dt { 
	width: 300px;
	border-right: 1px dotted #000;
}
#izakayaMenu dl div dd { width: 240px;  }
#izakayaMenu .contentsBox2 dl div {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 1px solid #000;
}
#izakayaMenu .contentsBox2 dl div dt { 
	width: 54.5454545%;
	border-right: 1px dotted #000;
}
#izakayaMenu .contentsBox2 dl div dd { 
	width: 45.4545455%;
	border-right: none;
}
#izakayaMenu .contentsBox2 dl div:last-of-type { border-bottom: none; }

/**********************************************************************************

	牧之原周辺を楽しむ！ / area-guide
	
***********************************************************************************/
.area-guide .lead .inner { 
	width: 940px;
	height: 270px;
	position: relative;
}
.area-guide .lead .inner p:first-of-type { 
	position: absolute;
	left: 0;
	padding-top: 70px;
	z-index: -1;
}
.area-guide .lead .inner p:nth-of-type(2) { 
	position: absolute;
	right: 0;
	
	z-index: 1;
}
#areaDetail .inner { background: url(common/bg_nami.png) top center no-repeat; }
#areaDetail .contentsBox {
	display: flex;
	justify-content: space-between;
	padding: 30px;
	background: rgba(255,255,255,.7);
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
#areaDetail .contentsBox:not(:last-of-type) { margin-bottom: 50px; }
#areaDetail .contentsBox .photo { width: 500px; }
#areaDetail .contentsBox .txt { width: 510px; }
#areaDetail .contentsBox:nth-of-type(3) .txt,
#areaDetail .contentsBox:nth-of-type(4) .txt,
#areaDetail .contentsBox:nth-of-type(5) .txt { 
	width: 1040px;
}
#areaDetail .contentsBox .txt h3 { 
	font-size: 2rem;
	line-height: 1;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
#areaDetail p .button {
	display: inline-block;
	/*width: 540px;*/
	text-align: center;
	border: 1px solid #e95464;
	font-size: 1.4rem;
	color: #e95464;
	text-decoration: none;
	font-weight: bold;
	padding: 1em 2em;
	border-radius: 3px;
	transition: .4s;
	margin-top: 1.5em;
}
#areaDetail p .button:hover {
	background-color: #e95464;
	border-color: #e95464;
	color: #FFF;
}
#seasonCalendar .inner { background: url(common/bg_nami.png) top center no-repeat; }
#seasonCalendar .contentsBox {
	height: 950px;
	position: relative;
	background: #fff;
	padding: 50px 0;
}
#seasonCalendar .contentsBox .box:first-of-type { 
	width: 505px;
	position: absolute;
	z-index: 2;
	left: 0;
}
#seasonCalendar .contentsBox .box:nth-of-type(2) { 
	width: 500px;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	margin: auto;
}
#seasonCalendar .contentsBox .box:nth-of-type(3) { 
	width: 361px;
	position: absolute;
	z-index: 3;
	right: 0;
}
#seasonCalendar .contentsBox .box dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#seasonCalendar .contentsBox .box dl dt { 
	width: 200px;
	padding-right: 1em;
	text-align: right;
}
#seasonCalendar .contentsBox .box dl dd { width: 300px; }
#seasonCalendar .contentsBox .box dl dt, 
#seasonCalendar .contentsBox .box dl dd { 
	line-height: 1.8;
}

/**********************************************************************************

	居酒屋民宿もりまさまでの道のり / access
	
***********************************************************************************/
#route .contentsBox:first-of-type { margin-bottom: 50px; }
#route .contentsBox ul {
	display: flex;
	justify-content: space-between;
}
#route .contentsBox ul li figure img {
	margin-bottom: 10px;
	border-radius: 3px;
}

/**********************************************************************************

	よくある質問をチェック！ / faq
	
***********************************************************************************/
#qa .lead { margin-bottom: 50px; }
#qa .lead ul {
	display: flex;
	justify-content: space-between;
}
#qa .lead ul li .button {
	display: inline-block;
	width: 540px;
	text-align: center;
	border: 1px solid #e95464;
	font-size: 1.8rem;
	color: #e95464;
	text-decoration: none;
	font-weight: bold;
	padding: 1em 0;
	border-radius: 3px;
	transition: .4s;
}
#qa .lead ul li .button:hover {
	background-color: #e95464;
	border-color: #e95464;
	color: #FFF;
}
#qa .contentsBox:nth-of-type(2) { margin-bottom: 70px; }
.accordion {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 1.6rem;
	background-color: #d5eaee;
	cursor: pointer;
	padding: 20px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.accordion:after {
	font-family: FontAwesome;
	content: '\f067';
	float: right;
	margin-left: 5px;
}
.active:after {
	font-family: FontAwesome;
	content: "\f068";
}
.active, .accordion:hover { background-color: #b1d8df; }
.panel {
	padding: 0 20px;
	margin-bottom: 5px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.panel .txt { padding: 20px 0; }




/**********************************************************************************

	お問い合わせ・料金 / contact/price
	
***********************************************************************************/
#price .inner { background: url(common/bg_nami.png) top center no-repeat; }
#price dl { 
	display: flex;
	border: 1px solid #000;
}
#price dl div { width: calc(100% / 4); }
#price dl div:first-of-type,
#price dl div:nth-of-type(2),#price dl div:nth-of-type(3) {
	border-right: 1px solid #000;
}
#price dl div dt { 
	font-weight: bold;
	border-bottom: 1px solid #000; }
#price dl div dt,
#price dl div dd {
	padding: 10px;
}
#price dl div dt { background: url(common/bg01-1.jpg) repeat; }
#price dl div dd { background: rgba(255,255,255,.8); }
#contact .inner { background: url(common/bg_nami.png) top center no-repeat; }
#contact .contentsBox:first-of-type { margin-bottom: 70px; }
#contact .contentsBox:nth-of-type(2) { 
	display: flex;
	justify-content: space-between;
}
#contact .contentsBox:nth-of-type(2) .txt h3 { margin-bottom: 15px; }
#contact .contentsBox:nth-of-type(2) .txt p { font-size: 1.8rem; }
#contact .contentsBox:nth-of-type(2) .photo { 
	width: 730px;
	height: 340px;
	position: relative;
}
#contact .contentsBox:nth-of-type(2) .photo img:first-of-type { 
	position: absolute;
	right: 0;
	z-index: -1;
}
#price dl:first-of-type{
	margin-bottom:15px;
}
#price h3{
	/*margin-top:15px;*/
	font-size:18px;
	padding-left:10px;
}
#price p{
	margin-top:5px;
	font-size:16px;
}
/**********************************************************************************

	pagetop
	
***********************************************************************************/
#page-top {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 86%;
	z-index: 99999;
}
#page-top a {
	width: 100px;
	height: 110px;
    display: block;
    white-space: nowrap;
  	text-indent: 100%;	
    overflow: hidden;
    background: url(common/btn_pagetop.png);
}

/**********************************************************************************

	bxslider
	
***********************************************************************************/
body .bx-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background: transparent;
	margin-bottom: 0;
}
  
/**********************************************************************************

	footer
	
***********************************************************************************/
footer { 
	min-width: 1200px;
	background: url(common/bg_footer.png) repeat-x;
	margin-top: 70px; 
}
footer .inner { padding: 40px 0 10px; }
#fNav { margin-bottom: 50px; }
#fNav .contentsBox ul {
	display: flex;
	justify-content: center;
}
#fNav .contentsBox ul:first-of-type { margin-bottom: 1em; }
#fNav .contentsBox ul li {
	line-height: 1.0;
}
#fNav .contentsBox ul li:first-of-type { padding-right: 1em; }
#fNav .contentsBox ul li+ li {
    border-left: 1px solid #666;
    padding: 0 1em 0 1em;
}
#fNav ul li a {
	color: #000;
	text-decoration: none;
}
#fNav ul li a:hover { text-decoration: underline; }
#shopInfo { 
	text-align: center;
	margin-bottom: 20px;
}
#shopInfo h2 { 
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#shopInfo p { font-size: 1.8rem; }
#shopInfo p:nth-of-type(2) { 
	font-size: 2.0rem;
	font-weight: bold;
}
.copy {
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #333;
	font-size: 1.2rem;
}
.liberty img { margin-right: 5px; vertical-align: middle; }

/*** attachment
***********************************************************************************/
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.shadow { box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb100 { margin-bottom: 100px; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.planBody ul li #mini {
	margin: 0px;
	padding: 0px;
	width: 350px;
}
.planBody ul li #mini hr {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.planBody ul li #mini #miniright {
}

.planBody ul li #mini #miniright img {
	margin: 0px;
	padding: 0px;
	height: 230px;
	width: 350px;
}
.planBody ul li #mini #minileft h4 {
	color: #E95467;
	font-size: 18px;
	line-height: 30px;
}
.planBody ul li #mini #minileft h4 a {
	color: #E95467;
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
}
.planBody ul li #mini #minileft h4 a:hover {
	color: #E95467;
	font-size: 18px;
	line-height: 30px;
	text-decoration: underline;
}
.planBody ul li #mini #minileft {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}


.menu_box{padding:0 0 10rem 0;}
.menu_box .img_box{max-width:800px; margin: 0 auto; padding:2rem; background: #fff;}

.dinner_menu_box .img_box{max-width:600px; margin: 0 auto; padding:2rem; background: #dcc3a5;}