@charset "utf-8";

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

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

/* Font-size Adjustment
--------------------------------------------------------------
 *
 *    77% = 10px  |  124% = 16px  |	170% = 22px
 *    85% = 11px  |  131% = 17px  |	177% = 23px
 *    93% = 12px  |  139% = 18px  |	185% = 24px
 *    100% = 13px |  147% = 19px  |	193% = 25px
 *    108% = 14px |  154% = 20px  |	200% = 26px
 *    116% = 15px |  162% = 21px  |
 *
--------------------------------------------------------------
*/



* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	color: #5F4627;
	font: 13px/1.5 arial, helvetica, clean, sans-serif;
	background: #FEFDF5;
	-webkit-text-size-adjust: none;
}

/*
common
----------------------------------------------------------------------*/


.wrap {
	width: 100%;
	overflow: hidden;
}

h3 {
	font-weight: normal;
}

header,
footer ul {
	padding: 0.769rem;
}

h2 {
	background: url(../img/border01.png) repeat-x center bottom;
	padding: 1rem 0.769rem;
	margin-bottom: 0.769rem;
}

h2 span {
	font-size: 108%;
	font-weight: 700 !important;
	display: block;
}

h2 > span:before {
	font-size: 124%;
	margin-right: 0.25rem;
}

h3 {
	margin-bottom: 0.5rem;
}

a > span:before {
	margin-right: 0.25rem;
}

.bnrBlock {
	margin-bottom: 0.769rem;
}

li {
	list-style: none;
}

img.wdAll {
	width: 100%;
}

/*
float
----------------------------------------------------------------------*/


.left {
	float: left;
}

.right {
	float: right;
}

/*
grid
----------------------------------------------------------------------*/


.grid2,
.grid3 {
	width: 100%;
}

.grid2-1 {
	width: 48.3333%;
}

.grid2-2 {
	width: 50%;
}

.grid3-1 {
	width: 33.3333%;
}

/*
button
----------------------------------------------------------------------*/


a.btn {
	color: inherit;
	text-decoration: none;
}

a.btn span {
	font-weight: 700 !important;
}
a.btn span:before,
a.btn span:after {
	font-weight: normal;
}
.button01 {
	background: rgba(162,197,80,1);
}

a.button01 {
	color: rgb(255,255,255);
}

.button02 {
	background: rgba(96,70,40,1);
	border: solid 1px rgb(96,70,40);
}

a.button02 {
	color: rgb(255,255,255);
}

.button03 {
	background: rgba(254,253,245,1);
	border: solid 1px rgb(96,70,40);
}

a.button03 {
	color: rgb(96,70,40);
}

.button04 {
	border: solid 1px rgb(219,216,208)
}

a.button04 {
	color: rgb(74,63,51);
}

a.button01,
a.button02,
a.button03,
a.button04 {
	text-align: center;
	display: block;
	padding: 0.5rem 0;
}

/*
header
----------------------------------------------------------------------*/


header {
	background: url(../img/bg.jpg) repeat center top;
}

header h1 {
	display: block;
	width: 68.6666%;
}

header h1 img {
	padding: 0.75rem 0 0.25rem;
}

header a.btn {
	text-align: center;
	display: block;
	width: 25%;
	padding: 0.5rem 0 0.25rem;
}

/*
section
----------------------------------------------------------------------*/

/*---------- [search]----------*/


.search h2 {
	color: #FFFFFF;
	background: rgba(162,197,80,1);
	padding: 0.5rem;
}

.search h2 span {
	background: url(../img/h2_search.png) no-repeat right center;
	background-size: auto 12px
}

.search h3 {
	color: rgb(78,58,16);
	background: rgba(162,197,80,0.5) url(../img/h3_search.png) no-repeat 5px center;
	background-size: 16px auto;
	padding: 0.25rem 0.25rem 0.25rem 1.75rem;
}

.search article {
	padding: 0 0.769rem;
	margin-bottom: 1rem
}

.search .checkIn {
	margin-bottom: 0.5rem;
}

.search .checkIn li:nth-child(1),
.search .checkIn li:nth-child(2),
.search .checkIn li:nth-child(3) {
	width: auto;
}

.search .checkIn li:nth-child(1),
.search .checkIn li:nth-child(2) {
	padding-right: 0.75rem;
}

.search .undecided > label {
	width: 100%;
	display: block;
	background: #EAE8DF;
	padding: 0.5rem;
}

.search .otherSerch {
	background: rgb(234,232,223);
	padding: 0.769rem;
}

.search select {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font-size: 124%;
	text-indent: 0.5rem;
	padding: 0.5rem 0.25rem;
	border-radius: 0;
	border: solid 1px #C5BDB1;
	background: #FFFFFF url(../img/select-box-arrow02.png) no-repeat;
	background-size: 28px 40px;
	background-position: right 70%;
}

.search select.year {
	width: 5rem;
}

.search select.month,
.search select.day,
.search select.num {
	width: 3.75rem;
}

.search button.btnSearch {
	color: #FFFFFF;
	background: rgb(78,58,16);
	display: block;
	border: 0;
	width: 50%;
	margin: 0 auto;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	padding: 0.75rem 0;
	margin-bottom: 2rem;
}

/*---------- [menu]----------*/


.menu h2 span {
	background: url(../img/h2_menu.png) no-repeat right center;
	background-size: auto 12px
}

.menu nav {
	width: 100%;
	padding: 0 0.769rem;
}

.menu nav ul {
	width: 100%;
}

.menu nav li {
	display: block;
	float: left;
	width: 33.3333%;
	margin-bottom: 0.75rem;
}

.menu nav li img {
	display: block;
	width: 95%;
	height: auto;
}


/*---------- [pickup]----------*/
.pickup h2 span{
    background: url(../img/h2_pickup.png) no-repeat right center;
	background-size: auto 14px
}

.pickup-list{
    padding: 10px;
}

.pickup-list img{
    width: 100%;
}

/*---------- [gallery]----------*/


.gallery h2 span {
	background: url(../img/h2_gallery.png) no-repeat right center;
	background-size: auto 12px
}

.gallery h3 {
	color: rgb(124,158,52);
	font-size: 108%;
	font-weight: 700;
	letter-spacing: 0.25rem;
	text-align: center;
	margin-bottom: 0.5rem;
}

.gallery p {
	padding: 0 0.769rem;
}

.gallery .flexslider {
	margin-bottom: 0.25rem;
}

.gallery .flexslider a {
	color: inherit;
	text-decoration: none;
}

.gallery .flexslider img {
	margin-bottom: 0.5rem;
}

.gallery .bnrBlock {
	background: rgb(227,221,208);
	padding: 0.769rem;
	margin-top: 3rem;
}

/*---------- [news]----------*/


.news h2 span {
	background: url(../img/h2_news.png) no-repeat right center;
	background-size: auto 12px
}

.news ul {
	margin-bottom: 1rem;
}

.news li {
	border-bottom: dotted 1px rgb(184,175,154);
}

.news li a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 0.769rem;
}

.news li:first-child a {
	padding-top: 0;
}

.news li a img {
	width: auto;
	height: 16px;
	vertical-align: middle;
	margin: 0 0 0.5rem 0.25rem;
}

.news li a > p {
	color: #4D4670;
	text-decoration: underline;
}

.news .newsMore {
	padding: 0 0.769rem;
	margin-bottom: 1.25rem;
}

.news .newsMore span {
	font-size: 108%;
}

.news .newsMore .btn {
	text-align: center;
	display: block;
	background: rgb(232,227,215);
	padding: 0.5rem;
	width: 100%;
}

/*---------- [other]----------*/


.other {
	padding: 0 0.769rem;
}

.other .snsBlock {
	width: 100%;
	margin-bottom: 1rem;
}

.other .snsBlock ul.sns {
	width: 100%;
}

.other .snsBlock ul.sns li {
	display: block;
	float: left;
	width: 25%;
}

.other .snsBlock ul.sns li img {
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
}

.other .inquiry {
	margin-bottom: 1rem;
}

.other .inquiry li:last-child a {
	border-left: 0 !important;
}

.other .inquiry a > span:before {
	color: rgb(172,203,99);
}

.top-bnr-list{
	margin-top: 50px;
	margin-bottom: 20px;
	background-color: rgb(227,221,208);
	padding: 30px 15px;
}

.top-bnr-list li{
	margin-bottom: 7px;
}

.top-bnr-list li:last-child{
	margin-bottom: 0;
}

.top-colona{
    margin-top: 15px;
    padding: 10px;
    box-sizing: border-box;
}

.top-colona img{
    width: 100%;
}

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

footer article {
	background: url(../img/bg_footer.png) no-repeat left top , url(../img/bg.jpg) repeat-x center 27.5%;
	background-size: 300px auto , auto;
	padding-top: 115px;
}

footer article ul ,
footer .copyright {
	background:  url(../img/bg.jpg) repeat center top;
}

footer article ul.address  {
	padding-top: 0;
}

footer .fLogo {
	height: 18px;
	width: auto;
}

footer .pageTop > span:before,
footer .accessMap:before {
	color: rgb(172,203,99);
}

footer .accessMap > .btn {
	text-decoration: underline;
}

footer .pageTop {
	display: block;
	background: rgba(96,70,40,.1);
	text-align: center;
	padding: 0.769rem;
}

footer small {
	font-size: 85%;
	text-align: right;
	display: block;
	width: 100%;
	padding: 0.769rem 0.769rem 5.5rem;
}

/*
reserve
----------------------------------------------------------------------*/


.reserve {
	color: #FFFFFF;
	display: block;
	width: 100%;
	height: 110px;
	position: fixed;
	z-index: 9999;
	bottom: 0;
}

.reserve > img {
	width: auto;
	height: 80px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99999;
}

.reserveIn {
	background: #7C6552;
	width: 100%;
	padding-left: 0.769rem;
	position: absolute;
	bottom: 0;
}

.reserveIn ul {
	padding-right: 18%;
	margin: 0.769rem 0;
}

/*
icon font
----------------------------------------------------------------------*/


@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?-7c6uqg');
	src: url('../fonts/icomoon.eot?#iefix-7c6uqg') format('embedded-opentype'), url('../fonts/icomoon.woff?-7c6uqg') format('woff'), url('../fonts/icomoon.ttf?-7c6uqg') format('truetype'), url('../fonts/icomoon.svg?-7c6uqg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 margin-right: 0.25rem;
 vertical-align: top;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.icon-access:before {
	content: "\e600";
	margin-right: 0.25rem;
}

.icon-arrow01L:before {
	content: "\e601";
}

.icon-arrow01R:before {
	content: "\e602";
}

.icon-arrow02L:before {
	content: "\e603";
}

.icon-arrow02R:before {
	content: "\e604";
}

.icon-arrow02R-af:after {
	content: "\e604";
}

.icon-arrow03U:before {
	content: "\e605";
}

.icon-leaf:before {
	content: "\e606";
}

.icon-mail:before {
	content: "\e607";
}

.icon-pc:before {
	content: "\e608";
}

.icon-privacy:before {
	content: "\e609";
}

.icon-tel:before {
	content: "\e60a";
}

/*
form
----------------------------------------------------------------------*/

/*---------- [checkbox]----------*/



input[type="checkbox"] {
	border: 1px solid #aaaaaa;
	vertical-align: -8px;
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	width: 26px;
	height: 26px;
	background: #FFFFFF;
}

input[type="checkbox"]:checked {
	/*Other Browser*/
	background: #A2C550;
	border: 1px solid #FFFFFF;
}

input[type="checkbox"]:checked:before {
	position: absolute;
	left: 1px;
	top: 16px;
	display: block;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	content: "";
	width: 10px;
	height: 4px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 9px;
	top: 16px;
	content: "";
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	width: 16px;
	height: 4px;
	background: #ffffff;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}


/*
デバイス幅の狭いスマートフォン
--------------------------------------------------------------------*/
@media only screen and (max-width : 320px) {

	span.icon-privacy ,
	.reserve span.icon-tel {
		letter-spacing: -0.05rem;
	}
}

/*
clearFix
--------------------------------------------------------------------*/
/* For modern browsers */


.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */


.cf {
	zoom: 1;
}

.newtest:after {
	content: url(../img/new_icon.jpg);
	display: inline-block;
}