@charset "utf-8";

/* CSS Document */

body {
	background-color: #fff;
}


/*-----------------nav-bar-----------------------------*/

.sitename img.svg-img {
	width: 100%;
	max-width: 280px;
}
.sitename img.phone-img {
	float: right;
	display: block;
}

.sitename {
	margin: 15px 0 15px;
	position: relative;
}

.sitename a {
	font-size: 1.6em;
	color: inherit;
}

.navbar {
	margin-bottom: 0;
	background-image: url(../img/12w/dot2.png);
	background-position: top;
/*	background-repeat: repeat-x;*/
}

.navbar .navbar-inner {
	padding: 0;
}

.navbar .nav {
	margin: 0;
	display: table;
	width: 100%;
}

.navbar .nav li {
	display: inline-block;
	float: none;
	width: 19.7%;
	margin-right: 0.3%;
}
.navbar .nav li:before {
	position: absolute;
    content: '';
    width: 1px;
    height: 24px;
    top: 40px;
    left: 0px;
    background-color: #21A937;
}
.navbar .nav li:first-child:before {
	content: none;
}
.navbar .nav li a {
	font-weight: bold;
	text-align: center;
	/*border-right: 1px solid #007F01;*/
	color: #007F01;
	font-size: 14px;
	background-color: #fff;
	border: solid 1px;
}

.navbar .nav li a span {
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 1.3px;
}
/*
.navbar .nav li:last-child a {
	border-right: 0;
}*/

.navbar .nav li a:hover {
	background-color: #007F01;
	color: #fff;
}

.navbar-default {
	border-color: transparent;
	border-bottom: solid 1px #007F01;
}

.navbar-header {
	margin-top: -80px;
}

@media screen and (max-width:767px) {
	.sitename img.svg-img {
		max-width: 240px;
	}
	.navbar .nav li {
		display: block;
		width: 100%;
		background-color: #f7f7f7;
		padding: 8px 0;
		border-bottom: solid 1px #fff;
	}
	.navbar .nav li a {
		border-left: none;
		border-right: none;
		display: block;
	}
	.sitename img.phone-img {
	display: none;
	}
	.navbar .nav li:before {
	　   display: none;
	}
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
		margin-top: 16px;
		margin-bottom: 16px;
		border-radius: 0;
	}
}


/*---------------------------------------------------*/

header {}

.header_img {
	margin-top: 16px;
	width: 100%;
	max-width: 1480px;
	padding-bottom: 16px;
}

.header_img img {
	display: block;
	margin: auto;
}

.header_img ul.slick-dotted.slick-slider {
	display: block;
	margin: auto;
	padding-left: 0;
}


.img-center {
	display: block;
	margin: 36px auto 24px;
}
.img-left {
	display: inline-block;
	margin: 36px auto 24px;	
}


h1,
h2,
h3,
h4,
.h2 {
	font-weight: bold;
	color: #007F01;
}
h1 {
	line-height: 2;
}
h2,
.h2 {
	font-size: 18px;
	line-height: 2;
}
h3 {
	font-size: 18px;
}
.wrap2 h3:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	margin: 16px auto;
	background-color: #007F01;
	
}
h4 {
	font-size: 16px;
}
h1.headline {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 16px;
}
.wrap2 h1.headline {
	color: #333;
	line-height: 1.5;
}
.wrap2 h1.headline span {
	color: #007F01;
}
.main-wrap{
	background-image: url(../img/1x/ico_3_2.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 0 0 64px;
}
.main p {
	font-size: 16px;
}

p.meal {
	font-size: 15px;
	line-height: 1.5;
	display: block;
}

.main h2 {
	font-size: 22px;
	font-weight: bold;
}
h1 span {
	font-size: 14px;
	font-weight: normal;
}
h1 span.tori2 {
	font-size: 18px;
	font-weight: normal;
}
p.tori {
	font-size: 14px;
	color: #007F01;
}
h2 span,
.h2 span {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1.3px;
}

.main {
	padding: 0 0 64px;
}


hr.line1 {
	margin: 64px 0;
}
hr.line2 {
	border-top: 1px dashed #007F01;
}

.botn_out {
	text-align: center;
}

p.botn a {
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.05em;
	padding: 24px 48px;
	display: inline-block;
	text-decoration: none;
	margin: 36px auto;
	background-color: #007F01;
	color: #fff;
	border-radius: 4px;
}

p.botn a:hover {
	color: #09083A;
	border: solid 1px #007F01;
	background-color: #fff;
}
.tokutyou {
	margin-top: 36px;
}
.tokutyou h2 {
	text-align: center;
	font-size: 18px;
}
.tokutyou img {
	display: block;
	margin: auto;
}
.detail {
	padding-left: 16px;
	text-align: center;
	list-style: none;
}
.wrap1 {
	background-color: #f1f7f2;
}
.wrap2 {
	background-color: #fff;
}
.wrap3 {
	border: dashed 1px #3d8b40;
	background-color: #f1f7f2;
	padding: 16px;
	margin-bottom: 32px;
}
.wrap3 h3{
	font-size: 20px;
	line-height: 2;
}
.wrap1 h2, .wrap2 h2 {
	font-size: 22px;
}
.wrap3 h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 32px;
}
.wrap4 {
	border: solid 1px #3d8b40;
	padding: 16px;
	margin-bottom: 32px;
}
h3.booking {
	font-size: 32px;
}
.table-bordered {
    border: 1px solid #3d8b40;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	    border: 1px dotted #3d8b40;
}
th {
	background-color: #e0ece0;
}
footer {
	background-color: #c2e0c2;
	background-image: url(../img/12w/dot2.png);
	padding: 24px 0;
	border-top: solid 5px #007F01;
	margin-top: -4px;
}

footer img {
	width: 100%;
	max-width: 320px;
	margin-bottom: 16px;
}

footer p.tel {
	font-size: 18px;
	font-weight: bold;
	color: #007F01;
	margin-top: 16px;
	letter-spacing: 2px;
}
p.copyright {
	font-size: 10px;
	text-align: center;
	margin-bottom: 0;
	color: #007F01;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px) {
	h1, h1.headline, h2, .wrap1 h2, .wrap2 h2 {
		font-size: 18px;
	}
	h4, .wrap3 h4 {
		font-size: 16px;
	}
}
/*-----------------------page-top----------------------------*/
#page-top {
    position: fixed;
    bottom: 8px;
    right: 10px;
    font-size: 77%;
}
#page-top a {
    background: #007f01;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 8px 0;
    text-align: center;
    display: block;
    border-radius: 4px;
}
#page-top a:hover {
    text-decoration: none;
    background: #75ba76;
}