@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 1.0
 *  updated --- 2012/3/30
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
 font-family: "Sawarabi Gothic","Helvetica Neue", "Segoe UI","Noto Sans Japanese","新ゴ R","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
 font-size: 14px;
 -webkit-text-size-adjust: none;
 line-height: 1.5;
 color: #000;
}
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
body.fontS{ font-size: 10px; }
body.fontM{ font-size: 12px; }
body.fontL{ font-size: 14px; }
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td{ margin: 0; padding: 0;}
input, textarea{ margin: 0; font-size: 100%;}
label{ cursor: pointer;}
table{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img{ border: 0;}
img{ vertical-align: top; max-width: 100%; height: auto;}
address, caption, cite, code, dfn, em, th, var{ font-style: normal; font-weight: normal;}
ol, ul{ list-style: none;}
caption, th{ text-align: left;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal;}
q:after, q:before{ content:'';}
a, input{ /* outline: none; */ }
abbr, acronym{ border: 0;}

/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {

}


/* !header
---------------------------------------------------------- */
#header {
}

#headerIn {
}
#headerLogo {
	padding:28px 0;
	text-align:center;
}

#headerLinks {
}
.navbarToggle {
}
#newstith2{
	font-size: 14px;
	position: static;
	text-shadow: none;
	font-weight: normal;
	float:left;
	padding: 15px 20px 5px 0px;
	margin: 0 0 0px 15px;
	}
@media screen and (min-width: 960px) {
#teaser {
    background: url(/common/img/teaser.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 243px;
}
h2{
    font-size: 44px;
	padding: 90px 0 0 65px;
    vertical-align: top;
    position: absolute;
    z-index: 2;
    color: #364a26;
    font-weight: bold;
    text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
}
.pc_none.header_spmenubox {
    display: none;
}
#titStyle01h2{
	font-size: 24px;
	padding: 0px;
	position: static;
	text-shadow: none;
	color: #fff;
	font-weight: normal;
	}
}
@media screen and (max-width: 959px) {
#headerIn {
	background:#628b40;
	position:relative;
	padding:20px 0;
}
#headerLogo{
	padding:0 0 0 15px;
	width:220px;
}
.navbarToggle{
	position:absolute;
	width:35px;
	right:13px;
	top:50%;
	transform:translate(0,-50%);
}
h2{
    font-size: 20px;
    padding: 20px 0 0 12px;
    vertical-align: top;
    position: absolute;
    line-height: 1.2;
    z-index: 2;
    color: #364a26;
    font-weight: bold;
    text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
}
#teaser {
    background: url(/common/img/teaser.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 73px;
}
.mobiwp-opener {
    margin: 0px 5px 0 0;
}
}
.mobiwp-closer span img{
	float: right !important;
	position: relative;
	top: 10px;
	right: 10px;
	}
.mobiwp-opener span img{
	float: right !important;
	position: absolute;
	top: 13px;
	right: 5px;
	}
/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	line-height:24px;
	font-weight:bold;
	margin-bottom:30px;
}

#breadcrumb span {
	/*vertical-align:sub;*/
}
#breadcrumb span.btn a,a.taxonomy.category,.news_details a {
	color:#204590;
}
@media screen and (max-width: 959px) {
#breadcrumb {
	padding-left:5px;
	margin-bottom:20px;
}
}
/* !gNavi
---------------------------------------------------------- */
		
#gNavi {
	background:#151515;
}
#gNavi ul{
	text-align:center;
}
#gNavi li {
    display: inline-block;
}
@media screen and (max-width: 1254px) {
#gNavi li {
    display: inline-block;
    margin: 0 0;
}
}
@media screen and (max-width: 1064px) {
#gNavi li {
    display: inline-block;
    margin: 0 -7px;
}
}
#gNavi li a {
	display:inline-block;
	padding:20px 16px;
	color:#c39c3d;
	font-size:14px;
	font-weight:bold;
}
#gNavi li a:hover,
#gNavi li.selected a{
	text-decoration:none;
	background:#628b40;
	color:#fff;
}
#gNavi li.selected a {
}
#gNavi li a.parent{

}
#gNavi .pulldownmenu {

}
#gNavi .pulldownmenu li {

}
#gNavi .pulldownmenu li a {

}
/* !navbarCollapse
---------------------------------------------------------- */
.navbarCollapse {
	display:none;
	position:absolute;
}
.navbarCollapse li {

}
.navbarCollapse li a {
}
.navbarCollapse li a.subBtn {
}
.navbarCollapse .subUl {
}
.navbarCollapse .subUl li {

}
.navbarCollapse .subUl li a {
}
	
/* !mobinav
---------------------------------------------------------- */
.mobi-nav-target .mobi-full-inner .mobi-menu a, .mobi-nav-target .mobi-full-inner .mobi-menu li a{
	padding: 4px 20px !important;
}	
	
	
/* !mainimg
---------------------------------------------------------- */
#mainimg {
	
}

/* !contents
---------------------------------------------------------- */
#contents {
	
}
#main {
	float:left;
	width:75%;
	box-sizing:border-box;
	padding:15px 10px 0 70px;
}

#side {
	float:left;
	width:25%;
	box-sizing:border-box;
	padding-top:10px;
}
#side .sideStyle{
	margin-bottom:10px;
	position:relative;
}
#side .sideStyle01{
	background:#271e16;
	color:#fff;
	padding:10px 25px;
	border-bottom:1px solid #6d6762;
	border-top:1px solid #6d6762;
}
#side .sideStyle h3.titStyle02{
	font-size:18px;
	line-height:21px;
	margin-bottom:5px;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#side .sideStyle .txt{
	font-size:12px;
	margin-bottom:10px;
}
#side .sideStyle .btn{
	text-align:right;
}
#side .sideStyle01 .btn a{
	color:#fff;
	display:inline-block;
	padding-right:30px;
	background:url(../img/ico_right.png) right center no-repeat;
}
#side .sideStyle02{
	background:#222;
	color:#fff;
	padding:10px 25px;
	border-bottom:1px solid #535353;
	border-top:1px solid #535353;
}
#side .sideStyle02 .btn a{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#side .sideStyle02 .btn a span.tel{
	font-size:10px;
}
#side .sideStyle .btntxt{
	position:absolute;
	background:url(../img/bg01.png);
	color:#fff;
	top:10px;
	left:0;
	padding:10px 28px;
	max-width:180px;
}
#side .sideStyle .btntxt span.txtf{
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#side .sideStyle biggerlink:hover{
	opacity:0.7;
}
@media screen and (max-width: 959px) {
#side{
	width:100%;
}
#side .sideStyle .img{
	text-align:center;
}
#main {
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
}
}
/* !pageTop
---------------------------------------------------------- */
.pageTop {}
/* !footer
---------------------------------------------------------- */
#footer {
	background:#191919;
}
.reservationBox{
	background:#fff;
	padding:17px;
	text-align:center;
	border-bottom:1px solid #5e5e5e;
	margin-bottom:13px;
}
.reservationBox a{
	display:inline-block;
	color:#fff;
	background:#238c00;
	padding:5px 40px;
}
.reservationBox a:hover{
	text-decoration:none;
	opacity:0.7;
}
#footer .logo{
	text-align:center;
	margin-bottom:30px;
}
.footermenu ul{
	text-align:center;
	margin-bottom:5px;
}
.footermenu ul li{
	display:inline-block;
}
.footermenu ul li a{
	display:inline-block;
	color:#fff;
	padding:0 10px;
	font-weight:bold;
}
#copyright {
	font-size:12px;
	color:#c5ac58;
	text-align:center;
	padding-bottom:10px;
}
	
/* !h(n)eading
---------------------------------------------------------- */
.h1Basic {}
.h2Basic {}
.h3Basic {}
.h4Basic {}
.h5Basic {}
.h6Basic {}
/* !Listing
---------------------------------------------------------- */
.ulBasic {
}
.ulBasic li {
}

.olBasic {
}
.olBasic li {
}

.dlBasic {
}
.dlBasic dt {
}
.dlBasic dd {
}
/* !Table
---------------------------------------------------------- */

.tableBasic {
}
.tableBasic th,
.tableBasic td {
}
.tableBasic th {
}
.tableBasic td {
}
/* !Section
---------------------------------------------------------- */

.section {}




/***PC 960px ~***/

/***IPAD 768px ~ 959px***/
@media screen and (max-width: 959px) {
	
}

/*** SP 480px ~ 767px***/
@media screen and (max-width: 767px) {
	
}

/*** SP 320px ~ 479px***/
@media screen and (max-width: 479px) {
	
}