@charset "UTF-8";
/*---------------------------------------------------------
	全ページ共通スタイル
---------------------------------------------------------*/
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body,
html {
	min-width: 940px;
}

/* 要素設定*/
body {
	/*font-family: 'Noto Sans Japanese', serif;*/
    font-size: 16px;
	color: #333;
	line-height:1.6;
	letter-spacing: 0px;
}
button,
a {
	color:#a2894d;
}
.noto{
	font-family: 'Noto Sans Japanese', serif;
}
.digo{
	font-family: 'Didact Gothic', sans-serif;
}
.prat{
	font-family: 'Prata', serif;
}
.ital{
	font-style: italic;
}
.gold{
	color:#a2894d;
}
.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sp-block,.sp-inline{
	display: none;
}
.sp-br br{
	display: none;
}
.pc-block{
	display:block;
}
.pc-inline{
	display:inline;
}
.wrapeer{
	overflow: hidden;
}
a.zoom {
	display: block;
	overflow: hidden;
}
a.zoom img{
    	width: 100%;
	height: auto;
	-webkit-transition:all 0.25s ease-in-out;
    	transition:all 0.25s ease-in-out;
    	vertical-align: middle;
}
a.zoom:hover img {
        transform: scale(1.1,1.11);
        -webkit-transform:scale(1.1,1.1);
        -moz-transform:scale(1.1,1.1);
        -ms-transform:scale(1.1,1.1);
        -o-transform:scale(1.1,1.1);
}
.imgover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	
}
.imgwider {
	width:100%;
	height:auto;
}

/*　ヘッダー
---------------------------------------------------------*/
#pageHeader{

}

header{
    border-top:15px solid #a6c207;
}
#pc_menu_block.nav_wrap{
    background: #efe8d8;
}
#pc_menu_block nav{
    width:940px;
    margin:0 auto;
    padding: 20px 0;
}
#pc_menu_block .nav a{
    height:33px;
    padding:5px 0 0 35px;
    line-height: 2em;
    color:#80521f;
    font-weight: bold;
    font-size:19px;
}
#pc_menu_block .nav a:hover{
    background: url(../../img/home/icon_nav.png) no-repeat center left;
}

/*SP MENU*/
#sp_menu_block {
	display: none;
	top: 0;
	width: 100%;
	padding: 0;
	line-height: 1;
	z-index: 999;
	/*height: 60px;*/
	position: fixed;
}
#sp_menu_block .inner {
	position: relative;
}

#mobile-head {
	z-index: 999;
	position: relative;
}
/* Toggle Button */
#nav-toggle {
	display: block;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 45px;
	height: 45px; 
	cursor: pointer;
	z-index: 999;
	padding: 16px 13px 0;
    background: #a6c207;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	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: 7px;
}
#nav-toggle span:nth-child(3) {
	top: 14px;
}
.open #nav-toggle span:nth-child(1) {
	top: 10px;
	-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: 10px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.open #nav-toggle {

}
#global-nav {
	position: absolute;
	z-index: 20;
	top: -1500px;
    right:0;
	color: #000;
	width: 90%;
	text-align: center;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	line-height: 1.6;
	height:100%;
    padding: 45px 0 0 0;
    background: #a6c207;
}
#nav-ul {
	text-align: left;
	font-size: 15px;
	/*height: 100%;*/
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#nav-ul li {
	border-bottom: 1px solid #fff;
	display: block;
    margin: 0 35px;
}
#nav-ul li a {
	padding:20px 15px;
	color: #fff;
	display: block;
    font-size: 15px;
}
#nav-ul li a:hover {
	color: #fff;
}
.info_wrap{
    margin:30px 35px 0;
    text-align:left;
}
.info_wrap .telsp{
    background: url(../img/sp_icon_tel.png) no-repeat center left;
    background-size:30px 35px;
    padding-left:40px;
    font-size:28px;
    min-height:30px;
}
.info_wrap .sepsp{
    background: url(../img/sp_icon_sep.png) no-repeat center left;
    background-size:30px 35px;
    padding-left:40px;
    font-size:28px;
    min-height:30px;
}
.info_wrap .telsp a,
.info_wrap .sepsp a{
    color:#fff;
}
.infotime{
    text-align:center;
    color:#fff;
    font-size:13px;
}
.mailsp{
    margin:20px 0 10px;
}
.mailsp a{
    background: #f1ae8f;
    border:1px solid #fff;
    font-size:18px;
    text-align: center;
    padding:20px;
    display: block;
    color:#fff;

}
.infoatt{
    text-align: center;
    margin-bottom:35px;
}
/* #global-nav スライドアニメーション */
.open #global-nav {
	-moz-transform: translateY(1500px);
	-webkit-transform: translateY(1500px);
	transform: translateY(1500px);
}
/*　コンテンツ
---------------------------------------------------------*/
#pageMain{}
.content_inner{
    width:940px;
    margin: 0 auto;
}
h2{
    font-size:36px;
    text-align:center;
    color:#80521f;
    font-weight: normal;
    margin-bottom: 50px;
}
.leaf{
    background: url(../../img/home/icon_leaf.png) no-repeat top center;
    background-size: 58px 81px;
    padding-top:90px;
}

/*　タイトル　*/
.ttl01{}

/*　ボタン　*/
.btn01{}

/*　ヤジルシ　*/
.arw01{}
.arw02{}
.arw03{}

.app_info{
    width:460px;
    margin:0 auto;
}
.app_info a{
    color:#80521f;
}
.app_info .tel span{
    display: inline-block;
    font-size:50px;
    background: url('../img/icon_tel.png') no-repeat center left;
    background-size:45px 53px;
    padding-left:50px;
    min-height:53px;
    margin:0 auto;
    color:#80521f;
}
.app_info .fax span{
    display: inline-block;
    font-size:50px; 
    margin:0 auto;
    color:#80521f;
}
.app_info .sep span{
    display: inline-block;
    font-size:50px;
    background: url('../img/icon_sep.png') no-repeat center left;
    background-size:45px 53px;
    padding-left:50px;
    min-height:53px;
    color:#80521f;
}
.app_info .time{
    text-align: center;
    font-size:18px;
    margin:25px 0 45px;
    color:#80521f;
}
.app_info .mail{
    margin:15px 0;
}
.app_info .mail a{
    display: block;
    width:100%;
    background:#f1ae8f;
    color:#fff;
    text-align:center;
    font-size:24px;
    padding:30px 0;
}
.app_info .att{
    text-align:center;
    font-size:26px;
    color:#80521f;
}


.foot_nav{
    text-align:center;
    margin-bottom: 40px;
    font-size:17px;
    font-weight: bold;
}
.foot_nav span{
    display: inline-block;
}
foot_nav span a{
    color:#80521f;
}
foot_nav span a:hover{
    color:#666;
}
.foot_nav span::after{
    content: "　|　";
    font-weight: normal;   
}
.foot_nav span:last-child::after{
    content: "";
}
/*　フッター
---------------------------------------------------------*/
/* FOOTER */
#pageFooter{
        background: #f6f2e9;
}
#pageFooter .content_inner{
    padding:45px 0 35px;
}
.foot_logo{
    width:350px;
    float:left;
}
.foot_logo img{
    width:290px;
    height: auto;
}
.foot_add{
    margin-top:20px;
    color:#80521f;
    font-size: 15px;
}
.foot_info{
    width:300px;
    float:right;
    color:#80521f; 
}
.foot_info a{
    color:#80521f;
}
.foot_info .tel span{
    display: inline-block;
    font-size:30px;
    background: url('../img/icon_tel.png') no-repeat center left;
    background-size:30px 35px;
    padding-left:40px;
    min-height:35px;
    margin:0 auto;
}
.foot_info .fax span{
    display: inline-block;
    font-size:30px; 
    margin:0 auto;
}
.foot_info .sep span{
    display: inline-block;
    font-size:30px;
    background: url('../img/icon_sep.png') no-repeat center left;
    background-size:30px 35px;
    padding-left:40px;
    min-height:35px;
}
.foot_info .time{
    text-align: center;
    font-size:15px;
}
.foot_info .mail{
    margin:15px 0;
}
.foot_info .mail a{
    display: block;
    width:100%;
    background:#f1ae8f;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:20px 0;
    font-weight: bold;
}
.foot_info .att{
    font-size:20px;
}
copyright{
    background: #a6c207;
    color:#fff;
    text-align: center;
    display: block;
    padding:20px 0;
    line-height: 1em;
}
a.pagetop{
	position:fixed;
	right:20px;
	bottom:20px;
	display:block;
	width:69px;
	height:69px;
	background: url(../img/goto_top.png) no-repeat center center;
	background-size:69px 69px;
	text-indent:-9999px;
	z-index:900;
}
/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/

@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {
	body,
	html {
		min-width: 0;
	}
	.mainWidth{
		width: 96%;
		padding:2%;
	}
	.sp-none {
		display: none;
	}
	.sp-block {
		display: block;
	}
	.sp-inline {
		display: inline;
	}
	.sp-brNone br{
		display: none;
	}
	.sp-br br{
		display: inline;
	}
	.pc-block,.pc-inline{
		display: none;
	}
	/*　ヘッダー
	---------------------------------------------------------*/
    header{
        border-top:7px solid #a6c207;
    }
	#pageHeader {

    }
	#pageHeader .mainWidth{

	}
	.hed_inner{
		position: absolute;
		width: 100%;
		height:0px;
		left:0;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	.ned_nav{
		width: 100%;
		overflow: visible;
	}
    #pc_menu_block{
        display:none;
    }
	#sp_menu_block {
		display: block;
	}
	/*　メイン
	---------------------------------------------------------*/
	#pageMain{}
    .content_inner{
        width:100%;
        padding:0 3%;
        margin: 0 auto;
    }
    h2{
        font-size:23px;
        margin-bottom: 15px;
    }
    .leaf{
        background: url(../../img/home/icon_leaf.png) no-repeat top center;
        background-size: 29px 40px;
        padding-top:45px;
    }
    
    
    .app_info{
        width:100%;
        margin:0 auto;
        text-align:center;
    }
    .app_info .tel span{
        font-size:33px;
        background: url('../img/icon_tel.png') no-repeat center left;
        background-size:30px 35px;
        padding-left:40px;
        min-height:35px;
    }
    .app_info .fax span{
        font-size:33px; 
    }
    .app_info .sep span{
        font-size:33px; 
        background: url('../img/icon_sep.png') no-repeat center left;
        background-size:30px 35px;
        padding-left:40px;
        min-height:35px;
    }
    .app_info .time{
        font-size:13px;
        margin:20px 0 15px;
    }
    .app_info .mail{}
    .app_info .mail a{
        font-size:16px;
        padding:20px 0;
        max-width:300px;
        margin:0 auto;
    }
    .app_info .att{
        font-size:16px;
    }
    
    .foot_nav{
        text-align:left;
        margin-bottom: 0;
        font-weight: normal;
    }
    .foot_nav span{
        display: block;
        border-top:1px solid #c8c8c8;
        height:66px;
        line-height: 66px;
        background: url(../../img/home/icon_nav.png) no-repeat center left 15px;
        background-size: 22px 25px;
        padding:0 15px 0 50px;
    }
    .foot_nav span::after{
        content: "";
    }
	/*　フッター
	---------------------------------------------------------*/
	/* FOOTER */
	#pageFooter{

    }
    #pageFooter .content_inner{
        padding:30px 3% 20px;
    }
    .foot_logo{
        width:100%;
        float:none;
        text-align:center;
    }
    .foot_logo img{
        width:220px;
        height: auto;
    }
    .foot_add{
        margin-top:30px;
        font-size: 13px;
    }
    .foot_info{
        width:100%;
        float:none;
        text-align: center;
    }
    .foot_info .tel{
        font-size:33px;
    }
    .foot_info .fax{
        font-size:33px;     
    }
    .foot_info .sep{
        font-size:33px;
    }
    .foot_info .time{
        font-size:13px;
    }
    .foot_info .mail{
        margin:12px 0;
    }
    .foot_info .mail a{
        font-size:16px;
        max-width:300px;
        margin:0 auto;
        font-weight: normal;
    }
    .foot_info .att{
        font-size:16px;
    }

}