@charset "UTF-8";

/*
薄い色
#4d9c40

濃い色
#55804d
*/

body {
	min-width: 1100px;
	margin: 0 auto;
	color: #715948;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-family: 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/common/bk01.jpg);
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

@media (max-width:1099px){
	body{
		min-width: 100%;
	}
}


/* 共通
================================================== */

/* リンク
------------------------------ */

a {
	color: #55804d;
	transition: All 0.4s ease;
	text-decoration: none;
}
a:hover {
	color: #4d9c40;
	text-decoration: underline;
}
a img {
	transition: All 0.4s ease;
}
a:hover img {
	opacity: .6;
}


/* テーブル
------------------------------ */

table.def {
	width: 100%;
	font-size: 13px;
	border-spacing: 20px 0;
	border-collapse: separate;
}
table.def tr {

}
table.def th {
	width: 30%;
	padding: 30px 20px;
	color: #4c9341;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px dashed #000000;
	background:url(../images/common/th.png);
	box-shadow: 0 10px 0 #FBFBF9 inset,0 -10px 0 #FBFBF9 inset;
}
table.def td {
	padding: 30px 20px;
	border-bottom: 1px dashed #000000;
	vertical-align: middle;
}

@media (max-width:639px){

	table.def ,
	table.def tbody,
	table.def tr,
	table.def th,
	table.def td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	table.def th{
		box-shadow: none;
		box-shadow: 0 -5px 0 #FBFBF9 inset;
		padding: 10px 2% 15px;
	}
	table.def td{
		padding: 10px 2% 10px;
		margin-bottom: 10px;
	}

}


/* リスト
------------------------------ */

ul.def {
	margin: 0 0 15px;
}
ul.def li {
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cfcfcf;
	background: url(../images/common/ico_arrow01.png) left center no-repeat;
}


/* 定義リスト
------------------------------ */

dl.def dt {
	margin: 0 0 5px;
	padding: 0 0 0 14px;
	font-weight: bold;
	background: url(../images/common/ico_arrow01.png) left center no-repeat;
}
dl.def dd {
	margin: 0 0 8px;
	padding: 0 0 0 25px;
}


/* バナー・ボタン
------------------------------ */

p.text-more {
	padding: 12px 0 0;
	text-align: right;
}
p.text-more img {
	max-width: 30%;
}


/* ページネーション
------------------------------ */

ul.pagenation {
	margin: 0 0 20px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
ul.pagenation li {
	width: 25px;
	margin: 0 3px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	vertical-align: top;
	display: inline-block;
}
ul.pagenation li.current {
	color: #fff;
	background: #4d9c40;
}
ul.pagenation li.dot {
	width: 15px;
	margin: 0 1px;
	border: none;
}
ul.pagenation li a {
	text-decoration: none;
	display: block;
}
ul.pagenation li a:hover {
	text-decoration: underline;
}


/* パンくずリスト
------------------------------ */

.breadcrumbs {
	height: 25px;
	line-height: 25px;
	margin: 0 auto 15px;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
	white-space: nowrap;
	padding: 10px 0 0;
	width: 1100px;
}
.breadcrumbs li {
	font-size: 14px;
	display: inline;
}
.breadcrumbs a {
	background: url(../images/common/ico_arrow01.png) right center no-repeat;
	margin: 0 5px 0 0;
	padding: 0 10px 0 0;
}

@media (max-width:1099px){
	.breadcrumbs {
		margin: 0 auto 2%;
		padding: 2% 0 0;
		width: 96%;
	}
}



/* ページ内リンク
------------------------------ */

.anchor-links {
	margin: 0 0 15px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
.anchor-links li {
	width: 30%;
	height: 35px;
	margin: 0 1% 10px;
	line-height: 35px;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	background: linear-gradient(#fff, #e3e3e3);
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.anchor-links a {
	display: block;
}


/* クリアフィックス
------------------------------ */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/* ヘッダー
================================================== */

.site-header {
	width: 1100px;
	margin: 0 auto;
	padding: 26px 0 17px;
}

.h-logo {
	float: left
}
.h_cnt{
	float: right;
	margin-top: 4px;
	padding: 15px 0 16px;
	background: url(../images/common/border.png) top repeat-x, url(../images/common/border.png) bottom repeat-x;
}
.h_cnt li{
	float: left;
	padding: 0 15px;
}
.visual_warp{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.visual {
	text-align: center;
	overflow: hidden;
}
.main-visual{
	width: 1920px;
	margin-left: -410px;
}
.main-visual ul li:nth-child(2),
.main-visual ul li:nth-child(3){
	display: none;
}
.visual_warp p{
	position: absolute;
	left: 278px;
	bottom: 95px;
}
.sub-visual{
	background: url(../images/common/subbk.png) center center no-repeat;
	text-align: center;
	background-size: auto 100%;
}


.g_nav{
	width: 1100px;
	margin: 0 auto;
	padding: 19px 79px 18px 70px;
	background: url(../images/common/nav_bk.png) center center no-repeat;
	box-sizing: border-box;
}
.g_nav ul li{
	float: left;
}
.g_nav ul li:nth-child(1){
	padding-top: 31px;
}
.g_nav ul li:nth-child(2){
	padding-top: 26px;
	padding-left: 57px;
}
.g_nav ul li:nth-child(3){
	padding-top: 9px;
	padding-left: 56px;
}
.g_nav ul li:nth-child(4){
	padding-left: 56px;
}
.g_nav ul li:nth-child(5){
	padding-top: 11px;
	padding-left: 57px;
}
.g_nav ul li:nth-child(6){
	padding-top: 20px;
	padding-left: 51px;
}
.g_nav ul li:nth-child(7){
	padding-top: 35px;
	padding-left: 53px;
}
.g_nav ul li a img:hover{
	opacity: 1;
}

@media (min-width:1099px){

	#nav_toggle{
		display: none;
	}
	.sp_nav{
		display:none !important;
	}
}

@media (max-width:1099px){


	/* ヘッダー
	================================================== */

	.site-header {
		width: 96%;
		margin: 0 auto;
		padding: 26px 2% 17px;
	}

	.h_cnt{
		margin: 4px 60px 0 0;
		padding: 15px 0 16px;
	}
	.visual_warp{
		width: 100%;
		overflow: hidden;
	}
	.main-visual{
		width: 130%;
		margin-left: -15%;
	}
	.visual_warp p{
		width: 25%;
		left: 32%;
		bottom: 10%;
	}

	.g_nav{
		float:none;
		display:none;
	}
	.sp_nav{
		display:none;
		background: url(../images/common/bk03.jpg);
		border-bottom: 2px solid #fff;
	}
	.sp_nav ul{
		font-size: 0;
		letter-spacing: 0;
	}
	.sp_nav li{
		border-bottom: 1px solid #fff;
		font-size: 14px;
		width: 50%;
		display: inline-block;
		box-sizing: border-box;
		vertical-align: middle;
	}
	.sp_nav li:nth-child(2n){
		border-left: 1px solid #fff;
	}
	.sp_nav li a{
		padding:4% 0 4% 35px;
		color:#6E544B;
		display:block;
		background:url(../images/common/icon_01.png) no-repeat 5px center;
		background-size: 25px;
		font-weight:bold;
	}
	.sp_nav li:nth-child(7),
	.sp_nav li:nth-child(8){
		border-bottom:none;
	}
	#nav_toggle{
		display: block;
	}
	#nav_toggle{
	    position: absolute;
	    right: 2%;
	    top: 50px;
	    width: 34px;
	    height: 36px;
	    cursor: pointer;
	    z-index: 101;
	}
	#nav_toggle div {
	    position: relative;
	}
	#nav_toggle span {
	    display: block;
	    position: absolute;
	    height: 4px;
	    width: 100%;
	    background: #4D9C40;
	    left: 0;
	    -webkit-transition: .35s ease-in-out;
	    -moz-transition: .35s ease-in-out;
	    transition: .35s ease-in-out;
	}
	#nav_toggle span:nth-child(1) {
	    top: 0;
	}
	#nav_toggle span:nth-child(2) {
	    top: 11px;
	}
	#nav_toggle span:nth-child(3) {
	    top: 22px;
	}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav_toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav_toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav_toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
}
@media (max-width:874px){

	.h-logo{
		margin-bottom: 2%;
		float: none;
		text-align: center;
	}

	.h_cnt{
		float: none;
		margin: 0;
		padding: 15px 0 16px;
		font-size: 0;
		letter-spacing: 0;
		text-align: center;
	}
	.h_cnt li{
		float: none;
		display: inline-block;
		max-width: 48%;
		margin: 0 1%;
		padding: 0;
	}
}

@media (max-width:479px){

	.site-header {
		width: 96%;
		margin: 0 auto;
		padding: 16px 2% 2%;
	}

	.h-logo img{
		max-width: 150px;
	}
	#nav_toggle{
	    top: 30px;
	}
	.sp_nav li{
		font-size: 12px;
	}
}


/* フッター
================================================== */

.site-footer {
	background: url(../images/common/f_bk.jpg);
	clear: both;
	position: relative;
	margin-top: -12px;
}
.f-inner {
	width: 1100px;
	margin: 0 auto;
	padding: 94px 0 40px;
	text-align: center;
}

.f_logo{
	margin-bottom: 50px;
}
.f-inner p{
	margin-bottom: 40px;
}
.f-inner ul{
	max-width: 380px;
	background: url(../images/common/f_address_bk.png) top repeat-x, url(../images/common/f_address_bk.png) bottom repeat-x;
	padding: 23px 0 30px;
	color: #f1e5dc;
	margin: 0 auto;
	letter-spacing: 0;
	font-size: 13px;
}
.f-inner ul li:nth-child(1){
	margin-bottom: 10px;
}
.f-inner ul li br{
	display: none;
}


/* グローバルナビ
------------------------------ */

.f-nav {
	padding: 15px 0 10px;
	overflow: hidden;
	background: rgba(0,0,0,0.2);
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
.f-nav li {
	padding: 0 15px;
	font-size: 14px;
	display: inline-block;
}
.f-nav li a {
	color: #92c986;
	display: block;
}



/* コピーライト
------------------------------ */

.f-copy {
	color: #cfb99d;
	font-size: 12px;
	text-align: center;
	display: block;
	padding: 25px 0;
}
.f-copy a {
	color: inherit;
}


/* ページトップへ戻る
------------------------------ */

.gotop {
	position: fixed;
	right: 20px;
	bottom: 30px;
	z-index: 10;
}
.gotop a {
	width: 57px;
	height: 57px;
	display: block;
}


@media (max-width:1099px){

	/* フッター
	================================================== */

	.site-footer {
		clear: both;
		margin-top: -2%;
	}
	.f-inner {
		width: 96%;
		padding: 5% 2% 3%;
	}

	.f_logo{
		margin-bottom: 3%;
	}
	.f_logo img{
		max-width: 50%;
	}
	.f-inner p{
		margin-bottom: 3%;
	}
	.f-inner p img{
		max-width: 80%;
	}


	/* グローバルナビ
	------------------------------ */

	.f-nav ul{
		max-width: 640px;
		margin: 0 auto;
	}


	/* コピーライト
	------------------------------ */

	.f-copy {
		padding: 2%;
	}


	/* ページトップへ戻る
	------------------------------ */

	.gotop {
		position: fixed;
		right: 2%;
		bottom: 2%;
		z-index: 10;
	}
	.gotop a {
		width: 57px;
		height: 57px;
		display: block;
	}

}

@media (max-width:639px){

	/* グローバルナビ
	------------------------------ */

	.f-nav {
		padding: 2% 0;
	}
	.f-nav ul{
		max-width: auto;
		margin: 0 auto;
	}
	.f-nav li {
		padding: 0 0;
		width: 50%;
		font-size: 12px;
	}
	.f-nav li:nth-child(1) {
		display: none;
	}
	.f-nav li a {
		color: #92c986;
		display: block;
		padding: 3% 2%;
	}

}

@media (max-width:459px){

	.f-inner ul{
		max-width: 380px;
		background: url(../images/common/f_address_bk.png) top repeat-x, url(../images/common/f_address_bk.png) bottom repeat-x;
		background-size: 100%;
		padding: 3% 0;
	}
	.f-inner ul li{
		max-width: 210px;
		margin: 0 auto;
		text-align: left;
	}
	.f-inner ul li:nth-child(1){
		margin-bottom: 2%;
	}
	.f-inner ul li br{
		display: block;
	}
}


/* コンテンツ
================================================== */

.site-body {
	padding-bottom: 12px;
	background: url(../images/common/bottom_bk.png) bottom repeat-x;
	position: relative;
	z-index: 1;
}

.main-contents {
	width: 1100px;
	margin: 0 auto;
}

@media (max-width:1099px){

	.site-body {
		padding-bottom: 12px;
		background: url(../images/common/bottom_bk.png) bottom repeat-x;
		background-size: 3%;
		position: relative;
		z-index: 1;
	}

	.main-contents {
		width: 96%;
		margin: 0 auto;
	}
}

/* 記事骨格
------------------------------ */

.item-box {
	margin: 0 0 40px;
}
.item-text {
	overflow: hidden;
}


/* 見出し
------------------------------ */

.item-title-h3 {
	margin: 0 0 15px;
	padding: 30px 108px 36px 80px;
	background: url(../images/common/h3_front.png) 30px 30% no-repeat , url(../images/common/h3_back.png) 97% top no-repeat , url(../images/common/h3_top.png) center top / 100% no-repeat , url(../images/common/h3_bottom.png) center bottom / 100% no-repeat , url(../images/common/h3_middle.png) center / 100% repeat-y;
	color: #4c9341;
	font-weight: bold;
	font-size: 22px;
}

@media (max-width:1099px){
	.item-title-h3 {
		padding: 28px 108px 38px 80px;
		font-size: 120%;
	}
}

@media (max-width:459px){
	.item-title-h3 {
		margin: 0 0 3%;
		padding: 28px 15% 38px 13%;
		background: url(../images/common/h3_front.png) 3% 30% / 8% no-repeat , url(../images/common/h3_back.png) 97% 80% / 10% no-repeat , url(../images/common/h3_top.png) center top / 100% no-repeat , url(../images/common/h3_bottom.png) center bottom / 100% no-repeat , url(../images/common/h3_middle.png) center / 100% repeat-y;
		font-size: 110%;
	}
}

.item-title-h4 {
	display: inline-block;
	margin: 0 0 15px;
	padding: 10px 50px;
	color: #643406;
	font-weight: bold;
	font-size: 18px;
	background: url(../images/common/h4_front.png) left center no-repeat , url(../images/common/h4_back.png) right center no-repeat;
}
* ~ .item-title-h4 {
	margin-top: 20px;
}
@media (max-width:459px){
	.item-title-h4 {
		margin: 0 0 2%;
		padding: 10px 7%;
		font-size: 100%;
		background: url(../images/common/h4_front.png) left center no-repeat , url(../images/common/h4_back.png) right center no-repeat;
	}
}


/* 記事サムネイル
------------------------------ */

img.thumb-left {
	max-width: 35%;
	height: auto;
	margin: 0 8px 8px 0;
	float: left;
}
img.thumb-right {
	max-width: 35%;
	height: auto;
	margin: 0 0 8px 8px;
	float: right;
}
img.thumb-center {
	max-width: 95%;
	margin: 0 auto 8px;
	display: block;
}
img.photo {
	padding: 2px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	box-sizing: border-box;
}


/* 記事情報
------------------------------ */

.post-data {
	height: 21px;
	margin: 0 0 15px;
	line-height: 21px;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
}
.post-data li {
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	font-size: 12px;
	border-right: 1px dotted #aaa;
	display: inline-block;
}
.post-data .item-date {
	margin: 0;
	display: inline;
}
.item-date {
	margin: 0 0 8px;
	padding: 5px 0 4px 65px;
	font-size: 16px;
	background: url(../images/common/icon_01.png) left center no-repeat;
	display: block;
	color: #4c9341;
	font-weight: bold;
}

@media (max-width:459px){
	.item-date {
		margin: 0 0 8px;
		padding: 5px 0 4px 50px;
		font-size: 16px;
		background: url(../images/common/icon_01.png) left center / 40px no-repeat;
		display: block;
		color: #4c9341;
		font-weight: bold;
	}
}


/* 詳細ページ SNSシェアボタン
------------------------------ */

.sns-sharerbtn-list {
	margin: 8px 0;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background: #f0f0f0;
	overflow: hidden;
	clear: both;
}
.sns-sharerbtn-list li {
	margin: 0 4px;
	vertical-align: top;
	display: inline-block;
}


/* 詳細ページ 前後の記事へのリンク
------------------------------ */

.paginated-link {
	margin: 0 5px;
	overflow: hidden;
	padding-top: 20px;
	position: relative;
	height: 76px;
}
.paginated-link li {
	width: 32%;
}
.paginated-link li.prev-link {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: right;
}
.paginated-link li.list-link {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.paginated-link li.next-link {
	position: absolute;
	right: 0;
	bottom: 0;
}
@media (max-width:1099px){

	.paginated-link {
		margin: 0 5px;
		overflow: hidden;
		padding-top: 3%;
		position: relative;
		height: 12vw;
	}
}

/* トップページ
================================================== */

.greeting{
	width: 1100px;
	margin: 0 auto 110px;
	padding-top: 65px;
}
.greeting > img{
	float: left;
}
.greeting .inner{
	width: 503px;
	float: right;
	letter-spacing: 0;
	line-height: 2em;
}
.greeting .inner h3{
	margin-bottom: 30px;
}
.greeting .inner .txt{
	padding-left: 10px;
}

@media (max-width:1099px){

	.greeting{
		width: 96%;
		margin: 0 auto 5%;
		padding-top: 5%;
	}
	.greeting > img{
		width: 40%;
	}
	.greeting .inner{
		width: 58%;
		line-height: 2em;
	}
	.greeting .inner h3{
		margin-bottom: 30px;
	}
	.greeting .inner .txt{
		padding-left: 10px;
	}
}

@media (max-width:879px){
	.greeting .inner .txt p br{
		display: none;
	}
}
@media (max-width:639px){
	.greeting > img{
		float: none;
		width: 80%;
		margin: 0 auto 3%;
		display: block;
	}
	.greeting .inner{
		width: 100%;
		line-height: 1.6em;
	}
	.greeting .inner h3{
		text-align: center;
		margin-bottom: 5%;
	}
}

.top_menu{
	background: url(../images/top/menu_bk.png) center top no-repeat;
	padding: 70px 0;
	text-align: center;
}

.top_menu h3{
	margin-bottom: 75px;
}
.top_menu ul{
	padding: 0 70px;
	font-size: 0;
	letter-spacing: 0;
	width: 960px;
	margin: 0 auto;
}
.top_menu ul li{
	width: 450px;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 60px;
	vertical-align: top;
}
.top_menu ul li:nth-child(2n-1){
	margin-right: 60px;
}
.top_menu ul li h4{
	margin-bottom: 17px;
}
.top_menu ul li:nth-child(1) .txt,
.top_menu ul li:nth-child(4) .txt{
	padding: 30px 0;
	background: url(../images/top/menu_bt_01.png) center top no-repeat, url(../images/top/menu_bb_01.png) center bottom no-repeat;
}
.top_menu ul li:nth-child(2) .txt,
.top_menu ul li:nth-child(3) .txt{
	padding: 30px 0;
	background: url(../images/top/menu_bt_02.png) center top no-repeat, url(../images/top/menu_bb_02.png) center bottom no-repeat;
}

.list-mv07{
	opacity: 0;
	transform: translate(0,15px);
	-webkit-transform: translate(0,15px);
	transition: 1.2s;
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

@media (max-width:1099px){

	.top_menu{
		background: url(../images/top/menu_bk.png) center top no-repeat / 150%;
		padding: 5% 0 0;
	}

	.top_menu h3{
		margin-bottom: 6%;
	}
	.top_menu ul{
		padding: 0 2% 4%;
		width: 96%;
		background: url(../images/common/bk02.jpg);
	}
	.top_menu ul li{
		width: 48%;
		margin-bottom: 4%;
	}
	.top_menu ul li:nth-child(2n-1){
		margin-right: 4%;
	}
	.top_menu ul li h4{
		margin-bottom: 2%;
	}
	.top_menu ul li:nth-child(1) .txt,
	.top_menu ul li:nth-child(4) .txt{
		padding: 6% 0;
	}
	.top_menu ul li:nth-child(2) .txt,
	.top_menu ul li:nth-child(3) .txt{
		padding: 6% 0;
	}
	.top_menu ul li .txt{
		font-size: 12px;
	}

}

@media (max-width:639px){
	.top_menu ul li .txt{
		text-align: left;
	}
	.top_menu ul li .txt p br{
		display: none;
	}
}


.top_info{
	background: url(../images/top/blog.jpg) center center fixed;
	padding: 77px 0 68px;
}
.top_info .inner{
	width: 1100px;
	margin: 0 auto;
}

.top_blog{
	width: 660px;
	float: left;
}
.top_blog h3{
	float: left;
}
.top_blog .item-text{
	min-height: 290px;
	background: url(../images/top/blog_bk.png) right bottom no-repeat;
	margin-bottom: 5px;
}
.fb{
	width: 400px;
	float: right;
}
.fb h3{
	margin-bottom: 16px;
}
.top_blog .blog_more{
	text-align: right;
}


/* 新着情報
------------------------------ */

.news-list{
	float: right;
	width: 370px;
	padding: 15px 20px 0 0;
}
.news-list li {
	color: #fff;
	padding: 0 0 20px;
}
.news-list li span {
	display: block;
}
.news-list li a {
	color: inherit;
	display: block;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}


@media (max-width:1099px){

	.top_info{
		padding: 5% 0;
	}
	.top_info .inner{
		width: 96%;
	}

	.top_blog{
		width: 70%;
	}
	.top_blog h3{
		width: 30%;
		text-align: center;
	}
	.top_blog .item-text{
		background-size: 70%;
	}
	.fb{
		width: 28%;
	}
	.fb h3{
		margin-bottom: 2%;
	}
	.top_blog .blog_more img{
		max-width: 30%;
	}


	/* 新着情報
	------------------------------ */

	.news-list{
		width: 65%;
		padding: 2% 2% 0 0;
	}


}

@media (max-width:799px){
	.top_blog{
		width: 100%;
		float: none;
		margin-bottom: 3%;
	}
	.top_blog h3{
		width: 30%
	}
	.top_blog .item-text{
		min-height: 290px;
		background: url(../images/top/blog_bk.png) right bottom no-repeat;
		background-size: 80%;
		margin-bottom: 5px;
	}
	.fb{
		max-width: 400px;
		width: 80%;
		margin: 0 auto;
		float: none;
		overflow: hidden;
	}
}


.top_gallery{
	background: url(../images/top/gallery_bk.png) center center no-repeat;
	text-align: center;
	height: 726px;
	position: relative;
	z-index: 1;
}
.top_gallery h3{
	padding-top: 57px;
	margin-bottom: 48px;
}
.top_gallery ul{
	margin-bottom: 48px;
}

.gallery_list{
	font-size: 0;
	letter-spacing: 0;
	width: 1100px;
	margin: 0 auto;
}
.gallery_list li{
	background: url(../images/top/gallery_li_bk.png) center center no-repeat;
	width: 210px;
	height: 220px;
	padding: 20px 25px;
	display: inline-block;
	margin-right: 20px;
}
.gallery_list li:nth-child(4n){
	margin-right: 0;
}
.gallery_list li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(55,29,10,0.3);
}
.gallery_list li a img{
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

@media (max-width:1099px){

	.top_gallery{
		background: url(../images/top/gallery_bk.png) center top no-repeat, url(../images/top/gallery_bk.png) center center no-repeat, url(../images/top/gallery_bk.png) center bottom no-repeat;
		background-size: 150%;
		text-align: center;
		height: auto;
		position: relative;
		z-index: 1;
		padding-bottom: 7%;
	}
	.top_gallery h3{
		padding-top: 3%;
		margin-bottom: 3%;
	}
	.top_gallery ul{
		margin-bottom: 3%;
	}

	.gallery_list{
		width: 96%;
	}
	.gallery_list li{
		background: url(../images/top/gallery_li_bk.png) center center no-repeat;
		background-size: 100%;
		width: 23.5%;
		height: 22vw;
		padding: 2%;
		margin-right: 2%;
		box-sizing: border-box;
	}
	.top_gallery .blog_more img{
		max-width: 25%;
	}
}

@media (max-width:659px){
	.top_gallery ul{
		max-width: 500px;
		margin: 0 auto 3%;
	}
	.gallery_list li{
		width: 49%;
		height: 245px;
		padding: 4%;
		margin-bottom: 2%;
	}
	.gallery_list li:nth-child(4n){
		margin-right: 2%;
	}
	.gallery_list li:nth-child(2n){
		margin-right: 0;
	}
}
@media (max-width:499px){

	.gallery_list li{
		width: 49%;
		height: 47vw;
		padding: 4%;
	}
	.gallery_list li:nth-child(4n){
		margin-right: 2%;
	}
	.gallery_list li:nth-child(2n){
		margin-right: 0;
	}
}


.top_shopping{
	background: url(../images/top/shopping_bk.png) center top no-repeat;
	margin-top: -55px;
	padding: 88px 0 121px;
}
.top_shopping .inner{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
}
.top_shopping h3{
	margin-bottom: 55px;
}
.top_shopping p{
	margin-bottom: 70px;
}
/*.top_shopping ul li{
	float: left;
}
.top_shopping ul li:nth-child(2n-1){
	margin-right: 60px;
}*/

@media (max-width:1099px){

	.top_shopping{
		background: url(../images/top/shopping_bk.png) center top no-repeat;
		background-size: 150%;
		margin-top: -5%;
		padding: 8% 0 5%;
	}
	.top_shopping .inner{
		width: 96%;
	}
	.top_shopping h3{
		margin-bottom: 3%;
	}
	.top_shopping p{
		margin-bottom: 3%;
	}
	/*.top_shopping ul li{
		float: left;
		width: 49%;
	}
	.top_shopping ul li:nth-child(2n-1){
		margin-right: 2%;
	}*/

}

.top_about{
	background: url(../images/top/about_bk.png) center top no-repeat;
	margin-top: -11px;
	height: 371px;
	padding-top: 55px;
	position: relative;
	z-index: 1;
}
.top_about .inner{
	width: 1100px;
	margin: 0 auto;
}
.top_about h3{
	float: left;
	margin-right: 13px;
	padding-top: 23px;
}
.top_about ul{
	float: left;
}
.top_about ul li{
	float: left;
	margin-left: 40px;
}
.top_about ul li:nth-child(1){
	padding-top: 5px;
}

@media (max-width:1099px){

	.top_about{
		background: url(../images/top/about_bk.png) center top no-repeat, url(../images/top/about_bk.png) center bottom no-repeat;
		background-size: 150%;
		margin-top: -3%;
		height: auto;
		padding: 5% 0;
	}
	.top_about .inner{
		width: 96%;
	}
	.top_about h3{
		float: left;
		margin-right: 2%;
		padding-top: 2%;
		width: 30%;
	}
	.top_about ul{
		float: right;
		width: 68%;
	}
	.top_about ul li{
		width: 48%;
		margin: 0 1%;
	}
	.top_about ul li:nth-child(1){
		padding-top: 2%;
	}

}



/* 下層ページ
================================================== */

/*  店舗案内
------------------------------ */

.about_img li{
	width: 32%;
	float: left;
	text-align: center;
}
.about_img li:nth-child(3n-1){
	margin: 0 2%;
}


/*  お品書き
------------------------------ */

.menu_nav {
	background: url(../images/menu/menu_top.png) top center no-repeat, url(../images/menu/menu_bottom.png) bottom center no-repeat, url(../images/menu/menu_middle.png) center repeat-y;
	background-size: 100%;
	padding: 30px 26px;
	margin-bottom: 40px;
}
.menu_nav ul li{
	float: left;
	margin-right: 40px;
}
.menu_nav ul li:nth-child(4){
	margin-right: 0;
}
.menu_nav ul li a img:hover{
	opacity: 1;
}

.pickup{
	margin-bottom: 30px;
}
.pickup > img{
	width: 520px;
	float: left;
}
.pickup .inner{
	width: 580px;
	float: left;
}
.pickup .inner .txt{
	padding: 44px 0 0 30px;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 15px;
	line-height: 1.9em;
}
.pickup .inner .txt h3{
	margin-bottom: 30px;
}
.menu h4{
	text-align: center;
	background: url(../images/menu/ttl_bk.png) center repeat-x;
	background-size: auto 100%;
	margin-bottom: 10px;
}
.menu .item-text{
	background: rgba(214,202,180,0.2);
	padding: 50px 50px 40px;
}
.menu table,
.menu table tbody{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.menu table{
	font-size: 0;
	letter-spacing: 0;
	padding: 0 80px;
	color: #444444;
}

.menu table tr{
	display: inline-block;
	width: 43%;
	box-sizing: border-box;
	border-bottom: 1px dashed #000;
	padding: 10px 20px;
}
.menu table tr:nth-child(2n-1){
	margin-right: 14%;
}
.menu table th{
	display: inline-block;
	width: 80%;
	box-sizing: border-box;
	float: left;
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	vertical-align: bottom;
}
.menu table td{
	display: inline-block;
	width: 20%;
	box-sizing: border-box;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	vertical-align: bottom;
}

.comment{
	color: #c10a0a;
	text-align: right;
	font-weight: bold;
	padding: 20px 80px 0;
}
.bottom_img{
	padding-top: 20px;
	text-align: center;
}
.top_img{
	padding-bottom: 40px;
	text-align: center;
}

@media (max-width:1099px){

	.menu_nav {
		width: 96%;
		margin: 0 auto;
		padding: 3% 2% 5%;
		margin-bottom: 40px;
	}
	.menu_nav ul li{
		float: left;
		width: 23.5%;
		margin-right: 2%;
	}
	.menu_nav ul li:nth-child(4){
		margin-right: 0;
	}
	.pickup{
		margin-bottom: 4%;
	}
	.pickup > img{
		width: 48%;
	}
	.pickup .inner{
		width: 52%;
	}
	.pickup .inner .txt{
		padding: 3% 0 0 4%;
		text-align: left;
		letter-spacing: 0;
		margin-bottom: 15px;
		line-height: 1.9em;
	}
	.pickup .inner .txt h3{
		margin-bottom: 30px;
	}
	.pickup .inner .txt p br{
		display: none;
	}

	.menu .item-text{
		background: rgba(214,202,180,0.2);
		padding: 3% 2%;
	}
	.menu table{
		padding: 0 2%;
	}

	.menu table tr{
		width: 48%;
		padding: 10px 2%;
	}
	.menu table tr:nth-child(2n-1){
		margin-right: 4%;
	}
	.menu table th,
	.menu table td{
		font-size: 14px;
	}
	.comment{
		padding: 2% 2% 0;
	}
	.bottom_img{
		padding-top: 3%;
	}
	.top_img{
		padding-bottom: 3%;
	}
}

@media (max-width:659px){

	.menu table tr{
		width: 100%;
		display: block;
		padding: 10px 2%;
	}
	.menu table tr:nth-child(2n-1){
		margin-right: 0;
	}
}

.takeout li {
	background: url(../images/common/bk03.jpg);
	padding: 20px;
	margin-bottom: 20px;
}
.takeout li > img{
	float: left;
	max-width: 30%;
	margin: 0 2% 0 0;
}
.takeout li .inner{
	width: 68%;
	float: left;
	padding-top: 20px;
}
.takeout li h4{
	font-size: 120%;
	font-weight: bold;
	color: #c10a0a;
	padding-bottom: 11px;
	background: url(../images/common/border.png) bottom repeat-x;
	margin-bottom: 10px;
}
.takeout li h5{
	font-weight: bold;
	margin-bottom: 10px;
}
.link_btn{
	text-align: right;
}
.link_btn img{
	max-width: 50%;
}
@media (max-width:1099px){

	.takeout li {
		padding: 2%;
		margin-bottom: 3%;
	}
	.takeout li > img{
		float: left;
		max-width: 30%;
		margin: 0 2% 0 0;
	}
	.takeout li .inner{
		width: 68%;
		float: left;
		padding-top: 0;
	}
}
@media (max-width:639px){

	.takeout li > img{
		float: none;
		display: block;
		max-width: 80%;
		margin: 0 auto 10px;
	}
	.takeout li .inner{
		width: 100%;
		float: auto;
		padding-top: 0;
	}
	.takeout li h4{
		font-size: 110%;
		text-align: center;
	}
	.takeout li h5{
		font-weight: bold;
		margin-bottom: 10px;
	}
}

/* サイトマップ
------------------------------ */

.sitemap-list li {
	padding: 0 0 0 65px;
	line-height: 50px;
	border-bottom: 1px dashed #666;
	background: url(../images/common/icon_01.png) 5px center no-repeat;
}
@media (max-width:459px){
	.sitemap-list li {
		padding: 0 0 0 50px;
		background: url(../images/common/icon_01.png) left center / 40px no-repeat;
	}
}



/* ギャラリー
------------------------------ */

ul.gallery {
	font-size: 0;
	letter-spacing: 0;
}
ul.gallery > li {
	width: 260px;
	font-size: 13px;
	vertical-align: top;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 30px;
}
ul.gallery > li:nth-child(4n){
	margin-right: 0;
}
ul.gallery > li .photo {
	background: url(../images/top/gallery_li_bk.png) center center no-repeat;
	width: 210px;
	height: 220px;
	padding: 20px 25px;
	display: inline-block;
	margin-bottom: 10px;
}
ul.gallery > li .photo a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(55,29,10,0.3);
}
ul.gallery > li .photo a img{
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

ul.gallery > li .txt{
	padding: 30px 0;
	background: url(../images/top/menu_bt_01.png) center top no-repeat, url(../images/top/menu_bb_01.png) center bottom no-repeat;
}

@media (max-width:1099px){

	ul.gallery > li {
		width: 23.5%;
		font-size: 13px;
		vertical-align: top;
		display: inline-block;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	ul.gallery > li .photo {
		background: url(../images/top/gallery_li_bk.png) center center no-repeat;
		background-size: 100%;
		height: 22vw;
		padding: 8%;
		box-sizing: border-box;
		width: 100%;
	}
	ul.gallery > li .txt{
		padding: 7% 0;
	}
}

@media (max-width:659px){
	ul.gallery{
		max-width: 500px;
		margin: 0 auto 3%;
	}
	ul.gallery > li {
		width: 49%;
	}
	ul.gallery > li .photo {
		height: 245px;
		padding: 8%;
		margin-bottom: 2%;
	}
	ul.gallery > li:nth-child(4n){
		margin-right: 2%;
	}
	ul.gallery > li:nth-child(2n){
		margin-right: 0;
	}
}
@media (max-width:499px){

	ul.gallery > li .photo {
		height: 47vw;
		padding: 9%;
	}
}





/* 施工事例
------------------------------ */

.case-box {
	width: 48%;
	margin: 0 0 15px;
}
.case-box.before {
	float: left;
}
.case-box.after {
	float: right;
}
	.case-box dt {
		margin: 0 0 10px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		font-size: 18px;
		background: #55804d;
	}
	.case-list {
		font-size: 0;
		letter-spacing: 0;
		overflow: hidden;
	}
		.case-list li {
			width: 32%;
			margin: 0 0 6px;
			display: inline-block;
			vertical-align: top;
		}
		.case-list li:first-child {
			width: 100%;
		}
		.case-list li:nth-child(3n) {
			margin-right: 2%;
			margin-left: 2%;
		}
			.case-list li a {
				width: 100%;
				height: 0;
				padding: 0 0 70%;
				display: block;
				overflow: hidden;
			}

.case-comments {
	clear: both;
}


/* お問い合わせ
------------------------------ */

.input-big,
.input-middle,
.input-mini {
	padding: 5px;
	box-sizing: border-box;
}
.input-big {
	width: 100%;
}
.input-middle {
	width: 60%;
}
.input-mini {
	width: 60px;
}

/* 必須マーク */
.required-mark {
	color: #f00;
	font-size: 12px;
}

/* 未記入エラー文 */
.error-text {
	margin: 0 0 5px;
	color: #f00;
}

/* 確認、バック、送信ボタン */
.contact-submits {
	padding: 15px 0 0;
	text-align: center;
}
.contact-submits input {
	margin: 0 5px;
	padding: 5px;
}

/* セキュリティエラー */
.sec-error-text {
	line-height: 50px;
	text-align: center;
	color: #f00;
	font-size: 16px;
	border: 2px solid #f00;
}


.tel_color{
    color:#4c9341;
}