@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
* {
margin: 0;
padding: 0;
font-family:'ヒラギノ角ゴ std W3','メイリオ','ＭＳ Ｐゴシック',Osaka, sans-serif;
}


/*================================================
 *  一般・共通設定
 ================================================*/
body {
font-family:'ヒラギノ角ゴ std W3','メイリオ','ＭＳ Ｐゴシック',Osaka;
font-size:13px;
font-size:.8125rem;
margin:0;
padding:0;
text-align:center;
color:#444;
background:url(../images/bg/bg01.jpg);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
a {
}
a:hover {
}

a:hover img {
}

h2 {
}

h3 img {
}

main {
width:960px; 
	box-sizing:border-box;
	text-align:left;
	margin:0 auto; 
}
main:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
				}
article {
float:left;
width:710px;
padding:0px 0 0px;
}

section {
	margin: 0 0 20px 0;
}

.tolist {
text-align:center; 
}

footer {
	box-sizing:border-box;
	width:100%;
}


@media screen and (max-width: 800px) {

main {
width:100%; 
margin:0; 
}
article {
overflow: hidden;
width:100%;
padding:0px 0 0;
}
		
section .inner {
	margin: 0 0 0 0 ;
	display: block;
}
	
img {max-width:100%; }
}

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

header{ position:relative;
	z-index:2;
	margin-bottom:0px;
	background:url(../images/header/header_bg01.png)repeat-x;
}

.header{ background:url(../images/header/header_bg02.png)top repeat-x;text-align:center; }

.inner{ position:relative;width:960px;margin:0 auto;}

.logo { position:relative;z-index:2;display:inline-block;margin:0 auto;text-align:center;}

.lead { font-size:9px;line-height:1.5em;position:absolute;top:18px;text-align:left;color:#907a28;}

.gnavi{ position:absolute;z-index:1;top:60px;left:-25px;width:985px;}

.gnavi li{ float:left;list-style:none;}

.gnavi li a{display:block;overflow:hidden;text-indent:-999em}

.gnavi li.gnavi04{margin-right:160px}

.gnavi li.gnavi01 a{width:106px;height:50px;background:url(../images/nav/global/gnavi01.jpg)no-repeat}

.gnavi li.gnavi01 a:hover{background:url(../images/nav/global/gnavi01_on.jpg)no-repeat}

.gnavi li.gnavi02 a{width:106px;height:50px;background:url(../images/nav/global/gnavi02.jpg)no-repeat}

.gnavi li.gnavi02 a:hover{background:url(../images/nav/global/gnavi02_on.jpg)no-repeat}

.gnavi li.gnavi03 a{width:106px;height:50px;background:url(../images/nav/global/gnavi03.jpg)no-repeat}

.gnavi li.gnavi03 a:hover{background:url(../images/nav/global/gnavi03_on.jpg)no-repeat}

.gnavi li.gnavi04 a{width:106px;height:50px;background:url(../images/nav/global/gnavi04.jpg)no-repeat}

.gnavi li.gnavi04 a:hover{background:url(../images/nav/global/gnavi04_on.jpg)no-repeat}

.gnavi li.gnavi05 a{width:102px;height:50px;background:url(../images/nav/global/gnavi05.jpg)no-repeat}

.gnavi li.gnavi05 a:hover{background:url(../images/nav/global/gnavi05_on.jpg)no-repeat}
.gnavi li.gnavi06 a{width:115px;height:50px;background:url(../images/nav/global/gnavi06.jpg)no-repeat}
.gnavi li.gnavi06 a:hover{background:url(../images/nav/global/gnavi06_on.jpg)no-repeat}
.gnavi li.gnavi07 a{width:92px;height:50px;background:url(../images/nav/global/gnavi07.jpg)no-repeat}
.gnavi li.gnavi07 a:hover{background:url(../images/nav/global/gnavi07_on.jpg)no-repeat}
.gnavi li.gnavi08 a{width:92px;height:50px;background:url(../images/nav/global/gnavi08.jpg)no-repeat}
.gnavi li.gnavi08 a:hover{background:url(../images/nav/global/gnavi08_on.jpg)no-repeat}
.main {position:relative;top:-39px;width:100%;height:400px;margin:0 0 0px;background:url(../img/top/mainbg_pc.jpg)center no-repeat;background-size:cover}
.main figure {
	width: 960px;
	margin: 0 auto;
}

@media screen and (max-width:800px) {

header{position:inherit;z-index:100;padding:12px 8px 8px;background:url(../img/sp/bg_header.png)center top repeat-x;background-size:56px auto}
.header{ background:none;text-align:left;}
.inner{ position:inherit;width:100%;margin:0;display:flex; }
.logo { position:inherit;display:inherit;margin:0;text-align:left;float:inherit;width:120px;height:27px; }
.lead { width:180px; font-size:7px;line-height:1.2;position:inherit;text-align:left;color:#876f20;font-weight:700;float:inherit;padding-top:4px;padding-left:8px;letter-spacing:normal;}
.gnavi{ display:none;}
.main {position:inherit;width:100%;height:auto;margin:0 0 0px;background:url(../img/top/mainbg_sp.jpg)center no-repeat;background-size:cover}
.main figure {
	width:100%;
	margin: 0;
}


}

/*================================================
 *  サイドバー
 ================================================*/

.r-navi{
	float:right;
	width:220px;
}

.r-contact{
	line-height:0;
	width:220px;
	height:250px;
	margin:0 0 20px;
	padding:2px 0 10px 10px;
	background:url(../images/nav/r_box01.png)no-repeat;
}

.r-contact .telbox{
	    padding: 0px 10px 10px 0;
}

.r-contact .telbox p{
	margin:0;
}

.r-contact .telbox p.tel{
	margin-bottom:-5px;
}

.r-contact .telbox p.mail{
	margin-bottom:-3px;
}

.r-contact .contact-btn{
	width:200px;
	height:44px;
	    margin: 10px 0 10px;
}

.r-contact .contact-btn a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	text-indent:-999em;
	background:url(../images/nav/rbtn_contact.png)no-repeat;
}

.r-contact .contact-btn a:hover{
	opacity: 0.5;
	transition: 0.2s;
}

.r-contact .line-btn{
	width:200px;
	height:44px;
	margin:0
}

.r-contact .line-btn a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	text-indent:-999em;
	background:url(../images/nav/rbtn_line.png)no-repeat;
}

.r-contact .line-btn a:hover{
	opacity: 0.5;
	transition: 0.2s;
}

.r-bnr{
	line-height:0;
	width:220px;
	padding:10px 10px 1px;
	box-sizing:border-box;
	border-radius:10px;
	box-shadow:0 0 2px 1px rgba(0,0,0,.07);
}
.r-bnr li{
	margin:0 0 10px;
	list-style:none;
}

.r-archive{
	position:relative;
	margin-top:50px;
	padding:50px 7px 8px;
	border:1px solid #ffefad;
	border-radius:5px;
	background:url(../images/nav/archive_bg.jpg);
}

.r-archive .archive-h{
	position:absolute;
	top:-35px;
	left:8px;
}

.r-archive .archive-h img{
	max-width:none;
	border-radius:5px;
}

.r-archive .archive-cont{
	border-radius:5px;
	background:#fff;
}

.r-archive .archive{
	font-size:90%;
	padding:10px 5px 10px 10px;
	color:#999;
	border:dotted #ffb751;
	border-width:0 0 1px;
}

.r-archive .archive.last{
	border:none;
}

.r-archive .archive a{
	display:block;
	color:#907a28;
}

.r-archive .archive a:hover{
	text-decoration:none;
}

.r-archive .archive h5{
	margin:0 0 5px;
	color:#907a28;
	line-height:1.3;
	font-size:12px;
	font-size:.75rem;
}

.r-archive .archive p{
	margin:0;
}

.r-archive .archive .pic{
	float:left;
	margin:0 5px 0 0;
	border-radius:5px;
}

.r-archive .archive .date{
	font-family:'Roboto Condensed',sans-serif;
	display:inline-block;
	margin:0 0 2px;
	padding:1px 10px;
	color:#aaa;
	border:1px solid #aaa;
	border-radius:10px;
	line-height:1;
	font-size:10px;
}

.r-archive .archive .txt{
	clear:both;
	line-height:1.5;
	font-size:11px;
	font-size:.6875rem;
	color:#999;
}

.r-archive .archive-btn{
	margin:0;
}

.r-archive .archive-btn a{
	display:block;
	overflow:hidden;
	width:204px;
	height:49px;
	text-indent:-999em;
	border-radius:0 0 5px 5px;
	background:url(../images/nav/btn_archive.png)no-repeat;
}

.r-archive .archive-btn a:hover{
	opacity: 0.5;
	transition: 0.2s;
}

.sns {
display:none;
}

.r-contact_sp { display:none; }

@media screen and (max-width:800px) {

.r-navi{
	float:inherit;
	display: block;
	width:100%;
}
	
.r-contact{
	display:none;
}
	
.sns {
display:flex;
justify-content:space-around;
margin:30px 0; 
}
	
.sns img {
width:60px; 
}

.r-contact_sp {
display:inherit;
width:100%;
height:auto;
margin:0 0 20px;
padding:10px 10px;
background-size: cover !important;
box-sizing:border-box; 
background: url(../images/nav/r_box01.png);
background-size: cover;
background-repeat: no-repeat;
}
	
.r-contact_sp figure {
text-align:center;
margin:0 0 10px; 
}
	
.r-contact_sp figure:first-child img {
width:80%; 
}
	
.r-contact_sp figure img {
width:60%; 
}
	
.r-contact_bnr {
display:flex;
justify-content:space-between; 
}
	
.r-contact_bnr div {
width:50%; 
text-align:center; 
margin:0 0 10px; 
}
	

.r-bnr {
width:100%;
padding:10px 10px;
display:flex; 
justify-content:space-between;
margin:0;
box-shadow:none;
border:1px solid rgba(0,0,0,.07);
}
	
.r-bnr li{
width:48%;
margin:0 0 10px;
}

}


/*================================================
 *  フッター
 ================================================*/
	
footer{
	width:100%;
	background:url(../images/footer/footer_bg01.jpg)top;
}

.footer{
	width:100%;
	padding:20px 0 30px;
	background:url(../images/footer/footer_bg02.png)top repeat-x;
}
.footer .inner{
	width:960px;
	margin:0 auto;text-align:left;
}
.footer .inner .sitemap{
	float:left;
	width:390px;
	padding:50px 0 0;
}

.footer .inner .sitemap h4{
	margin:0;
}

.footer .inner .sitemap ul{
	font-weight:700;
	float:left;
	width:120px;
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
}

.footer .inner .sitemap ul li{
	margin:0 0 4px;
}

.footer .inner .contact{
	position:relative;
	float:right;
	width:380px;
	padding:50px 0 0
}

.footer .inner .contact h4{
	margin:0;
}

.footer .inner .contact .contact-txt{
	position:absolute;
	top:42px;
	right:5px;
}

.footer .inner .contact .f-contact-box {
	position:absolute;
	top:160px;
	width:380px;
}

.footer .inner .contact .f-contact-box ul{
	padding-left:8px;
	float:left;
}

.footer .inner .contact .f-contact-box ul li{
	line-height:1em;
	margin:0;
	list-style:none;
}

.footer .inner .contact .f-contact-box .contact-btn{
	margin-top:5px;
	float:right;
	width:190px;
	height:48px;
}

.footer .inner .contact .f-contact-box .contact-btn a{display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	text-indent:-999em;
	background:url(../images/footer/btn_contact.png)no-repeat;
}

.footer .inner .contact .f-contact-box .contact-btn a:hover{
	opacity: 0.5;
	transition: 0.2s;
}

.footer .inner .f-logo{ 
	display:inherit;
	padding:40px 0 0;
}

.copy{
	width:100%;
	height:39px;
	margin:50px 0 0;
	padding:13px 0 0;
	text-align:center;
	background:url(../images/footer/copy_bg.jpg)repeat-x;
}


@media screen and (max-width:800px) {

footer{
	padding:20px 12px;
	background-color:#fff;
	background-image:url(../img/sp/bg_footer_lace.png),url(../img/sp/bg_footer.png);
	background-repeat:repeat-x,repeat;
	background-size:23px auto,320px auto;
}
	
.footer{
	width:100%;
	padding:0;
	background:none;
}
	
.footer .inner{
	width:100%;
	margin:0;
	text-align:left;
	display:flex;
	flex-direction:column-reverse;
}
	
.footer .inner .sitemap{
	float:none;
	width:100%;
	padding:0px 0 0;
}
	
.footer .inner .sitemap h4{
	margin:0;
}
	
.footer .inner .sitemap ul{
	font-weight:700;
	float:left;
	width:45%;
	margin:0 4% 0 0;
	padding:0 0 0 0px;
	list-style:none;
}
	
.footer .inner .sitemap ul li{
	    margin: 9px 0px;
}
	
.footer .inner .contact{
	position:relative;
	float:none;
	width:100%;
	height:250px;
	padding:0px 0 0;
}
	
.footer .inner .contact h4{
	margin:0;
}
	
.footer .inner .contact .contact-txt{
	position:absolute;
	top:0px;
	right:5px;
}
	
.footer .inner .contact .f-contact-box {
	position:absolute;
	top:120px;
	width:100%;
}
	
.footer .inner .contact .f-contact-box ul{
	padding-left:8px;
	float:left;
}
	
.footer .inner .contact .f-contact-box ul li{
	line-height:1em;
	margin:0;
	list-style:none;
}
	
.footer .inner .contact .f-contact-box .contact-btn{
	margin-top:5px;
	float:right;
	width:190px;
	height:48px;
}
	
.footer .inner .contact .f-contact-box .contact-btn a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	text-indent:-999em;
	background:url(../images/footer/btn_contact.png)no-repeat;
}
	
.footer .inner .contact .f-contact-box .contact-btn a:hover{
	background:url(../images/footer/btn_contact_on.png)no-repeat
}
	
.footer .inner .f-logo{
	display:none;
	padding:0;
}
	
.copy {
	width:100%;
	height:39px;
	margin:50px 0 35px;
	padding:13px 0 0;
	text-align:center;
	background:url(../images/footer/copy_bg.jpg)repeat-x;
}

}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:9999; 
}
.totop a {
	display:block;
}
.totop img {
width:70px;
height: auto;
}
.totop img:hover {
opacity: 0.7;
transition: 0.5s;
}
@media screen and (max-width:800px) {
.totop {
	position:fixed;
	bottom:10px;
	right:10px;
}
.totop img {
		width: 60px;
		height: 60px;
}

}

/*-------------------------------------------------------------------------
								Positioning
-------------------------------------------------------------------------*/

/* visual */
.block	{ display:block;}
.inline { display:inline;}
.dn		{ display:none;}
.vh		{ visibility:hidden;}
.spbr { display: none;}
.pcbr { display: inherit; }
@media screen and (max-width:800px) {
.spbr { display:inherit;}
.pcbr { display: none; }
}

/* position */
.ab		{ position:absolute;}
.rel	{ position:relative;}
.kind	{ text-align:center;}

/* clear,float */
.cb	{ clear:both;}
.cl	{ clear:left;}
.cr	{ clear:right;}
.fl	{ float:left;}
.fr	{ float:right;}

/* align */
.center	{ text-align:center;}
.top	{ vertical-align:top;}
.right	{ text-align:right;}
.left	{ text-align:left;}

/*-------------------------------------------------------------------------
								Font-Style
-------------------------------------------------------------------------*/

.f20	{ font-size:0.2em;}
.f60	{ font-size:0.6em;}
.f70	{ font-size:0.7em;}
.f75	{ font-size:0.75em;}
.f80	{ font-size:0.8em;}
.f90	{ font-size:0.9em;}
.f110	{ font-size:1.1em;}
.f120	{ font-size:1.2em;}
.f125	{ font-size:1.25em;}
.f130	{ font-size:1.3em;}
.f140	{ font-size:1.4em;}
.f150	{ font-size:1.5em;}
.lh125	{ line-height:1.25;}
.lh135	{ line-height:1.35;}
.lh150	{ line-height:1.5;}
.ls_0 { letter-spacing:0;}
.normal	{ font-weight:normal;}
.bold	{ font-weight:bold;}
.indent	{ text-indent:1em; margin:0;}
.strike	{ text-decoration:line-through;}
.italic	{ font-style:italic;}
.ENfont	{ font-family:Arial, Verdana, sans-serif; letter-spacing:0;}
.boader { color:#ED6D10; text-decoration:underline;}

/* color settings */
.red	{ color:#FF0000;}
.blue	{ color:#09f;}
.blue2	{ color:#086CCF;}
.orange	{ color:#ff8800;}
.pink   { color:#FF6666;}
.green  { color:#66CC00;}

/*-------------------------------------------------------------------------
								Margin
-------------------------------------------------------------------------*/

.m1{ margin-bottom:1em;}
.m5{ margin-bottom:5px;}
.m10{ margin-bottom:10px;}
.m15{ margin-bottom:15px;}
.m20{ margin-bottom:20px;}
.m30{ margin-bottom:30px;}
.m50{ margin-bottom:50px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.center {text-align: center;}


/*================================================
 *  menu
 ================================================*/

.gnav{ display:none; }


@media screen and (max-width: 800px) {

/*menu*/
.menu{
display:inherit; 
    height: 20px;
    position:fixed;
    right: 20px;
    top: 20px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #ccc;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}

/*gnav*/
.gnav{
    background: rgba(255,255,255,0.9);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
				list-style:none;
}
.gnav li {
list-style:none;
}
.gnav__menu__item{
    margin:40px 0;
}
.gnav__menu__item a{
    color:#C0A447;
    font-size:1.1em;
    font-weight: bold;
    padding:10px 30px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}

}

.bnr_foot {
display:none;
}

@media screen and (max-width: 800px) {

.bnr_foot {
display:flex;
justify-content:space-between;
position:fixed;
bottom:0; 
	left:0;
align-items:flex-end; 
	width:100%;
}
.bnr_foot div {
width:50%; 
}
.bnr_foot div img {
bottom:0;
}
footer .wrap {
margin-bottom:30px; 
}

}