@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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;
}
ul {
	list-style: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}

/* General */

body {
	font: 14px/1.8 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	*font-size: small;
	/* IE用 */
	*font: x-small;
	/* IE 互換モード用 */
	background: #fff;
	color: #090909;
}

/* Link */

a {
	color: #3d3d3c;
}
a:link, a:visited, a:active {
	text-decoration: none;
}
a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* Float */

.left {
	float: left;
}
.right {
	float: right;
}

/* clearfix */

.clearfix:after {
	/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
	/*for IE 5.5-7*/
}

/* Layout
-------------------------------------------------*/

.inner {
	width: 980px;
	margin: 0 auto;
	padding: 50px 0;
}

/* Header
-------------------------------------------------*/

header#header {
	background: url(images/mainvisual.jpg) no-repeat center top;
	width: 100%;
	text-align: right;
	/*margin-bottom: 30px;*/
}
#header h1 {
	margin-bottom: 74px;
}
#header h2 {
	margin-bottom: 204px;
}
#gnav li {
	float: left;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	background: #fff;
}
#gnav li a {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	display: block;
	width: 195px;
	height: 40px;
	padding-top: 16px;
}
#gnav li a:hover {
	background: #8f8675;
	color: #fff;
}

/* Contents
-------------------------------------------------*/

section h2 {
	background: url(images/bg_title.gif) repeat-x;
	padding: 28px 17%;
}
section h3 {
	font-size: 20px;
}
section h4 {
	margin-bottom: 20px;
	font-size: 18px;
	padding: 10px;
}
h1, h2, h3, h4, th, strong {
	font-weight: normal;
}
th {
	text-align: left;
}
th, td {
	padding: 10px;
}
iframe body {
	background: #fff !important;
}
.ttlarea {
	padding: 5px;
	margin: 30px 0 10px;
	/*color: #fff;*/
	background: #FFD000;
}

/* info
-------------------------------------------------*/

#info .inner {
	background: #fffef7;
	border: 5px solid #c4b492;
	padding: 0;
}
#info h3 {
	background: url(images/info_bg.gif) repeat-x;
	text-align: center;
	padding: 10px 0;
}
#info p {
	width: 90%;
	margin: 2% auto 5%;
}

/* concept
-------------------------------------------------*/

#concept {
	background: url(images/bg_concept.jpg) no-repeat left bottom;
}
#concept ul, #concept dl {
	margin-bottom: 100px;
}
#concept li {
	float: left;
	background: #fff;
	padding: 23px;
	margin-right: 10px;
	border: 1px solid #e4ddcc;
}
#concept li:nth-child(4) {
	margin-right: 0;
}
#concept dt {
	float: right;
	width: 556px;
}
#concept dd {
	float: left;
	width: 400px;
	font-size: 16px;
	color: #5c5a50;
}

/* price
-------------------------------------------------*/

#price {
	background: #f3f2ed;
}
#park, #base, #nakamura, .serviceCont {
	background: #fff;
	padding: 40px 20px;
	margin-bottom: 30px;
}
#park, #base {
	margin-bottom: 100px;
}
.priceTable {
	width: 48%;
	float: left;
	margin-right: 2%;
}
.priceTable .block:nth-child(2) {
	margin-right: 0;
}
.priceTable th {
	background: #f6f5ef;
	width: 40%;
}
#price h4, .priceTable th, .priceTable td {
	border: 1px solid #3d3d3d;
}
.priceTable td {
	text-align: right;
	width: 60%;
}
#setsubi, #kiyaku {
	margin-bottom: 30px;
}
.photoG {
	float: right;
	width: 465px;
}
.photoG h3 {
	font-size: 17px;
}
.photoG li {
	float: left;
	margin-right: 3px;
}
.photoG li:nth-child(3n) {
	margin-right: 0;
}
#price strong {
	display: block;
	font-size: 20px;
}
#price h4 {
	text-align: left;
}
.madori, #park .left, #base .left, #nakamura .left {
	text-align: center;
	line-height: 1.4;
}
#park .left, #base .left, #nakamura .left {
	width: 47%;
}
.madori {
	float: right;
	width: 50%;
}
.layout {
	margin-bottom: 30px;
}
.photoGLine {
	float: none;
	width: inherit;
	margin-top: 50px;
}
.photoGLine li {
	margin-right: 7px;
}
.photoGLine li:nth-child(3n) {
	margin-right: 7px;
}
.photoGLine li:last-child {
	margin-right: 0;
}
.serviceCont {
	margin-top: 50px;
	padding-top: 0;
	overflow: hidden;
}
#service h4 {
	border: none;
	font-size: 20px;
	padding: 0;
	margin: 40px 0 0;
}
.serviceImg li {
	float: left;
	margin-right: 23px;
	line-height: 1;
}
.serviceCont p {
	font-size: 18px;
	margin-bottom: 20px;
}
.notes li {
	text-indent: -2.5em;
	margin-left: 2.5em;
}

/*cake-service*/

li.cake_logo {
	text-align: center;
	margin-right: 0;
	width: 100%;
}
.cake_headline {
	border-bottom: 1px dotted #000;
}
p.cake_lead {
	font-size: 16px;
	margin-left: 3%;
}
.cake_headline p {
	margin-bottom: 0;
}
.cake_title {
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}
.cake_list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 1% 0 0;
}
.cake_list li img {
	width: 100%;
}
.cake_list li {
	width: 23%;
	margin-top: 2%;
	margin-right: 2%;
}
.cake_list li:nth-child(4n) {
	margin-right: 0;
}
p.cake_price {
	font-size: 12px;
	text-align: center;
}

/* access and info
-------------------------------------------------*/

#access .left {
	width: 476px;
}
#access .right {
	width: 458px;
}

/* contact
-------------------------------------------------*/

#contact {}
#contact p {
	color: #5c5a50;
	font-size: 16px;
	margin-bottom: 10px;
}
#contact #faxArea, #contact #cancel {
	background: #f0eeeb;
	padding: 20px 40px;
	margin-bottom: 40px;
}
#contact #faxArea h4, #contact #cancel h4 {
	font-size: 22px;
	border: none;
	color: #535353;
	padding: 0;
	margin-bottom: 10px;
}
#contact #faxArea dl {
	color: #5a4b21;
	width: 800px;
	margin: 0 auto;
}
#contact #faxArea dt {
	float: left;
	margin-top: 16px;
}
#contact #faxArea dd {
	float: right;
	font-size: 26px;
}
#contact #faxArea dd strong {
	font-size: 52px;
}
#contact .box-contact {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}
#contact .box-contact .lead {
	font-size: 24px;
	font-weight: bold;
	margin-right: 20px;
	color: #333;
}
#contact .box-contact .caution {
	font-size: 14px;
	line-height: 1.4;
	margin-left: 30px;
	padding: 0 0 0 1.5em;
	position: relative;
}
#contact .box-contact .caution:before {
	content: "※";
	position: absolute;
	left: 0;
}

/* mailform
-------------------------------------------------*/

#mailform {
	background: #7a7a7a;
}
#mailform h3 {
	color: #fff;
}
#mailform .formTable {
	background: #fff;
	padding: 40px;
}
#mailform .formTable th {
	border-left: 1px solid #976e38;
	font-size: 18px;
}
#mailform .formTable th em {
	font-size: 12px;
	display: block;
}
#mailform .formTable td em {
	font-size: 12px;
	font-style: normal;
	margin-left: 1em;
	color: #4A4A4A;
	display: block;
}
#mailform .formTable p {
	text-align: center;
}
.formTable2 {
	background: #fff;
	padding: 40px;
}
.formTable2 th {
	border-left: 1px solid #976e38;
	font-size: 18px;
}
.formTabl2e th em {
	font-size: 12px;
	display: block;
}
.formTable2 td em {
	font-size: 12px;
	font-style: normal;
	margin-left: 1em;
	color: #4A4A4A;
	display: block;
}
.formTable2 p {
	text-align: center;
}

/* footer
-------------------------------------------------*/

#footer {
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
#footer h2 {
	margin-bottom: 20px;
}
#footer .Bnr {
	width: 630px;
	padding: 20px 0 0;
	margin: 0 auto;
}
#footer .inner {
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer a {
	color: #fff;
}

/* footer link
-------------------------------------------------*/

div.link {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
}
div.link ul {
	width: 30%;
	float: left;
	margin: 0px 1.5%;
}
div.link ul li a {
	text-decoration: underline;
}
div.link ul li a:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.link {
	width: 980px;
	margin: 0 auto;
}
.footerLink {
	display: inline-block;
	width: 33%;
	vertical-align: top;
}
.footerLink p {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
}
.link .footerLink ul {
	width: initial;
	float: none;
}
.link .footerLink li {
	padding-left: 15px;
	background: url(/images/footer_listicon.gif) no-repeat left 7px;
	background-size: 8px;
	line-height: 2.0em;
}


/* 8月8日更新
-------------------------------------------------*/
.modal-on {
	position: fixed;
	width: 100%;
	height: 100%;
}

.priceTable tr th {
	vertical-align: middle;
}
.priceTable tr td {
	vertical-align: middle;
	line-height: 1.2;
}
.service-box {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}
.service-box li {
	display: inline-block;
	width: 30%;
	margin-right: 5%;
	float: left;
}
.service-box li:nth-child(3){
	margin-right: 0;
}
.service-box li img {
	width: 100%;
	height: auto;
}
#lean_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}
#catering,
#bento,
#cake {
	display: none;
	width: 900px;
	margin: 0;
	height: 70%;
	padding: 0;
	background: transparent;
	overflow: visible;
}
#catering .contbox,
#bento .contbox,
#cake .contbox {
	overflow: scroll;
	width: 100%;
	height: 100%;
}
#catering .inbox,
#bento .inbox,
#cake .inbox {
	background: #fff;
	padding: 20px;
	position: relative;
	
}
.closebox {
	text-align: right;
	width: 100%;
	display: inline-block;
}
.closebox .modal_close {
	cursor: pointer;
}
.serviceImg li {
	margin-right: 4%;
	width: 48%;
}
.serviceImg li img {
	width: 100%;
	height: auto;
}
.serviceImg li:nth-child(2n) {
	margin-right: 0;
}