@charset "utf-8";

html,body,div,p,span,
h1,h2,h3,h4,h5,h6,
a,address,img,strong,
dl,dt,dd,ol,ul,li,
form,label,
table,tr,th,td{
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
}
body{
	color:#302400;
	font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	font-variant-ligatures: no-common-ligatures;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(100,100,100,0.4);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
/*	background:url('../images/bg.jpg') repeat 50% 0%;*/
}
ul
{	list-style:none; }
table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
input,select
{	vertical-align:middle; }
img{
	border:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
	box-sizing:border-box;
}
a{
	color:#009;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
br
{	line-height:normal; }
p{
	margin:12px;
	line-height:160%;
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
}
* html .clearfix {
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

div.hr{
	height:60px;
}
div.space{
	height:30px;
}
.both
{	clear:both; }
.fleft
{	float:left; }
.fright
{	float:right; }
.tleft
{	text-align:left; }
.tright
{	text-align:right; }
.tcenter
{	text-align:center; }
.vbaseline
{	vertical-align:baseline; }
.relative
{	position:relative; }

.current
{	color:#00A170 !important; }
.mt10
{	margin-top:10px; }
.mr10
{	margin-right:10px; }
.mb10
{	margin-bottom:10px; }
.ml10
{	margin-left:10px; }
.bold
{	font-weight:bold; }
.inlineblock{
	padding-right:12px;
	display:inline-block;
}

/* header 
--------------------------------------------------------------------------------*/
#header{
	padding-top:30px;
/*	background:#d6cbaf;*/
	background:#d0e6f3;
}
#header h1{
	margin-bottom:20px;
	text-align:center;
}
#header ul.header_nav{
	margin:0 auto;
	max-width:970px;
	display:flex;
}
#header ul.header_nav li{
	flex:1 1 100%;
}
#header ul.header_nav li img{
	max-width:100%;
	height:auto;
}
#spNav,
#spNavBtn{
	display:none;
}
@media screen and (max-width:600px){
	#header ul.header_nav{
		display:none;
	}
	#spNavBtn{
		display:block;
		margin:.8em auto;
		padding:.4em .8em;
		width:5em;
		color:#464e54;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		line-height:normal;
		background:#fff;
		cursor:pointer;
	}
	#spNav li{
		border-top:1px solid #464e54;
	}
	#spNav li a{
		padding:.8em;
		color:inherit;
		text-align:center;
		display:block;
	}
}

/* stage
--------------------------------------------------------------------------------*/
#stage{
/*	background:url('../images/stage_bg.jpg') repeat 50% 0;*/
	overflow:hidden;
}
#stage .slider_shadow{
/*	background:url('../images/stage_shadow.png') no-repeat 50% 100%;*/
}
#stage .slider_wrap{
	margin:0 auto;
	padding:4px;
	width:970px;
	background:#fff;
	box-sizing:border-box;
}
#feature_list{
	border:3px solid #9A7F39;
	position:relative;
}
#feature_list #tabs{
	width:138px;
	float:right;
}
#feature_list #tabs li{
	margin-bottom:1px;
	position:relative;
}
#feature_list #tabs li a.current img{
	opacity:0.5;
}
#feature_list #tabs li a.current:hover
{	cursor:default; }
#feature_list #output{
	width:816px;
	height:544px;
	position:relative;
}
#feature_list #output li{
	position:absolute;
	top:0;
	left:0;
}
#line{
	height:10px;
	background:url('../images/bg_line.jpg') repeat-x 50% 0;
}
@media screen and (max-width:970px){
	#stage .slider_wrap{
		max-width:970px;
		width:100%;
	}
	#feature_list{
		display:flex;
		flex-wrap:wrap;
	}
	#feature_list #tabs{
		width:100%;
		float:none;
		order:2;
		
		display:flex;
		justify-content:space-between;
	}
	#feature_list #tabs li{
		flex:0 1 100%;
		max-width:138px;
	}
	#feature_list #tabs li img{
		width:100%;
		height:auto;
	}
	#feature_list #output{
		width:100%;
		height:66vw;
		order:1;
	}
	#feature_list #output li{
		right:0;
		bottom:0;
	}
	#feature_list #output li img{
		width:100%;
		height:auto;
	}
}

/* side
--------------------------------------------------------------------------------*/
#side{
	margin:22px 0 0 -5px;
	width:204px;
	padding:4px;
	border:1px solid #9C813F;
	background:#EBE9E2;
	box-sizing:border-box;
	order:1;
}
#side h3{
	margin:-5px -5px 4px;
}
#side ul{
	margin-bottom:-4px;
}
#side li{
	margin:4px 0;
}
#side li.bg a{
	padding:0 30px 0 10px;
	width:154px;
	height:47px;
	color:#9A8036;
	font-size:13px;
	font-weight:bold;
	line-height:47px;
	background:url('../images/bg_side_menu.jpg') no-repeat;
	display:block;
}
#side li.bg a:hover{
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#side li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#side .white_wrap{
	padding:1px;
	background:#fff;
}
@media screen and (max-width:940px){
	#side{
		order:2;
		margin-left:auto;
		margin-right:auto;
	}
}

/* contents
--------------------------------------------------------------------------------*/
#contents{
	margin:0 auto;
	padding:18px 5px;
	width:970px;
	max-width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:start;
	box-sizing:border-box;
}
.homeWrap{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.home_information{
	width:560px;
	max-width:100%;
}
.home_information ul{
	margin:15px 5px;
}
.home_information li{
	margin-bottom:15px;
	padding-left:30px;
	line-height:140%;
	background:url('../images/icon_li.png') no-repeat 0 2px;
}
.banner_area{
	width:377px;
}
.banner_area p{
	margin:0 0 20px !important;
	padding:10px;
	line-height:180%;
	border:1px solid #9C813F;
	background:#f7f7f7;
}
@media screen and (max-width:940px){
	.home_information{
		margin:0 auto;
	}
	.banner_area{
		margin:30px auto;
		width:560px;
		max-width:100%;
		text-align:center;
	}
	.banner_area p{
		text-align:left;
	}
}

/* main
--------------------------------------------------------------------------------*/
#main{
	margin-right:-5px;
	width:746px;
	max-width:100%;
	order:2;
}
@media screen and (max-width:940px){
	#main{
		margin-right:0;
		width:100%;
		order:1;
	}
}
#main .panlist{
	margin:0 5px;
	height:22px;
	font-size:10px;
}
#main .panlist span a span{
	padding:0 5px;
}
#main h2,
.homePickup h2,
.homeWrap h2{
	margin-bottom:15px;
	padding:.2em;
	color:#9B803D;
	font-size:20px;
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:normal;
	border-top:1px dashed #9C813D;
	border-bottom:1px dashed #9C813D;
	position:relative;
}
#main h2 a,
.homePickup h2 a,
.homeWrap h2 a{
	color:inherit;
}
#main h2:first-letter,
.homePickup h2:first-letter,
.homeWrap h2:first-letter{
	font-size:24px;
}
#main h2::before,
.homePickup h2::before,
.homeWrap h2::before{
	content:"";
	display:block;
	position:absolute;
	top:2px;
	bottom:2px;
	left:0;
	right:0;
	border-top:1px solid #9C813D;
	border-bottom:1px solid #9C813D;
}
#main h3{
	margin:15px 0;
	padding:8px 12px;
	font-weight:bold;
	background:#d6cbaf;
}

table.table_lines{
	margin:-15px 0 15px;
	width:100%;
}
table.table_lines th,
table.table_lines td{
	padding:15px 10px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	line-height:140%;
	border-bottom:1px solid #C9BB96;
}

.wp-pagenavi{
	margin:12px;
	text-align:right;
}
.wp-pagenavi span,
.wp-pagenavi a{
	margin-left:12px;
	padding:4px 8px;
	color:#00A170;
	display:inline-block;
	border:1px solid #00A170 ;
	transition:color .5s, background .5s;
}
.wp-pagenavi .current{
	color:#fff !important;
	background:#00A170 ;
}
.wp-pagenavi a:hover{
	color:#fff;
	text-decoration:none;
	background:#00A170 ;
}
.alignnone{
	margin:4px 10px 4px 0;
	clear:both;
}
.alignleft{
	margin:4px 10px 4px 0;
	float:left;
}
.alignright{
	margin:4px 0 4px 10px;
	float:right;
}
.aligncenter{
	margin:4px auto;
	display:block;
}
.size-medium{
	width:300px;
	height:auto;
}

.homePickup{
	width:100%;
}
div.pan_row{
	margin-bottom:20px;
	padding-bottom:20px;
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
div.pan_row_home{
	margin-bottom:20px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	width:100%;
}
div.pan_col{
	margin:8px;
	width:170px;
	flex:0 0 170px;
	position:relative;
}
div.pan_row_home div.pan_col{
	margin:0;
	padding:8px 10px;
	max-width:50%;
	width:234px;
	flex:0 1 auto;
	box-sizing:border-box;
}
div.pan_col a.img_thum{
	padding-bottom:12px;
	background:url('../images/shadow-170.png') no-repeat 50% 100%;
	display:block;
}
div.pan_row_home div.pan_col a.img_thum{
	padding-bottom:12px;
	background:url('../images/shadow-220.png') no-repeat 50% 100%;
	background-size:contain;
	display:block;
}
div.pan_col img.attachment-thumbnail,
div.pan_col img.attachment-thum-l{
	border:3px solid #9A7F39;
}
div.pan_col img.icon_new{
	position:absolute;
	top:3px;
	right:3px;
}
div.pan_col a:hover img.attachment-thumbnail,
div.pan_col a:hover img.attachment-thum-l{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	position:relative;
	top:1px;
}
div.pan_col a:hover img.icon_new{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	position:absolute;
	top:4px;
}
div.pan_col p{
	margin:0 !important;
	text-align:center;
}

p.data{
	margin:-5px 0 5px 0;
	padding:3px 12px;
	font-size:11px;
	color:#666;
	border-bottom:1px dotted #999;
}

.map_area_big{
	width:100%;
	height:600px;
}

.concept_txt p{
	margin:20px 16px 20px 0;
	font-size:15px;
	line-height:160%;
	letter-spacing:.01em;
}
.concept_txt img{
	margin-left:16px;
}

.mailform{
	margin:20px 0 !important;
}
.mailform th{
	padding:14px !important;
	width:160px;
}
.mailform th.req{
	background:url('../images/inquiry/icon_req.png') no-repeat 100% 16px;
}
.mailform td{
	position:relative;
}
.mailform td div{
	margin:-2px 0;
}
.mailform td input{
	padding:2px;
	width:400px;
	font:inherit;
	background:#fff;
	border:1px solid #b8752e;
}
.mailform td input.zip{
	width:100px;
}
.mailform td textarea{
	padding:2px;
	width:400px;
	height:300px;
	font:inherit;
	background:#fff;
	border:1px solid #b8752e;
}
.submit_area{
	text-align:center;
	position:relative;
}
#submit,
#submitBtn{
	padding:.8em 2em;
	color:#fff;
	font:inherit;
	background:#b8752e;
	border:none;
	-webkit-appearance:none;
	cursor:pointer;
	border-radius:5px;
	outline:none;
}
p.errormsg,
p.cautionmsg{
	margin:0 !important;
	padding:2px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:#c00;
	position:absolute;
	top:0;
	right:20px;
}
@media screen and (max-width:782px){
	.mailform th{
		padding-left:20px;
		width:auto;
		display:block;
	}
	.mailform th.req{
		background:url('../images/inquiry/icon_req.png') no-repeat 0% 16px;
	}
	.mailform td{
		width:auto;
		display:block;
	}
	.mailform td input{
		width:100%;
		box-sizing:border-box;
	}
	.mailform td textarea{
		width:100%;
		box-sizing:border-box;
	}
	p.errormsg,
	p.cautionmsg{
		margin:5px !important;
		padding:2px;
		color:#c00;
		font-size:12px;
		font-weight:bold;
		background:none;
		position:static;
	}
}

.products_image{
	margin-bottom:15px;
	display:flex;
	align-items:start;
}
.products_image .large{
	width:600px;
	flex:0 0 600px;
}
.products_image .thumb{
	display:flex;
	flex-wrap:wrap;
}
.products_image figure{
	margin:5px;
}
.products_image .thumb figure{
	width:60px;
}
.products_image figure img{
	max-width:100%;
	height:auto;
}
@media screen and (max-width:782px){
	.products_image{
		flex-wrap:wrap;
	}
	.products_image .large{
		max-width:100%;
		flex:0 1 600px;
	}
}
.brandWrap{
	margin:1em 0;
	padding:.5em 0;
	border-top:1px solid #ccc;
	overflow:hidden;
}
.brandWrap img{
	margin:12px;
	padding:6px;
	width:100px;
	height:auto;
	float:left;
	background:#d6cbaf;
	box-sizing:border-box;
}

.kodawari_list{
	margin:0 !important;
}
.kodawari{
	margin:12px 0 30px 20px !important;
}

/* footer
--------------------------------------------------------------------------------*/
#footer{
	padding:20px;
	color:#fff;
	background:#111820;
}
#footer .footer_wrap{
	margin:0 auto;
	width:960px;
	max-width:100%;
}
#footer p{
	margin:0;
	float:left;
}
#footer img{
	float:right;
}
#footer .copyright{
	padding:.8em 0 0;
	font-size:12px;
	text-align:center;
	line-height:1.4;
	clear:both;
	float:none;
}
#footer .copyright a{
	color:inherit;
	text-decoration:underline;
}
@media screen and (max-width:576px){
	#footer{
		text-align:center;
	}
	#footer p{
		float:none;
		margin-bottom:2em;
	}
	#footer img{
		float:none;
	}
}
.grecaptcha-badge { visibility: hidden; }