@charset "UTF-8";
/* ================================================ */
/*  レイアウト										*/
/* ================================================ */
/*  テキスト関係  */
a{ 			text-decoration:none ;}
a:link{ 	text-decoration:none ; 		color:#666666 ;}
a:visited{ 	text-decoration:none ; 		color:#666666 ;}
a:active { 	text-decoration:none ;		color:#666666 ;}

/*  画像  */
img{
	vertical-align:text-bottom; 
}


/* --- 汎用クラス ------------------------*/
/*  テキスト揃え  */
.alignL { text-align: left ; }
.alignC { text-align: center ; }
.alignR { text-align: right ; }

/*　フォント　*/
.small	{ font-size: 0.9em; }
.big	{ font-size: 1.16em; }
.bold	{ font-weight: bold; }

/*  フォント色  */
.red	{ color:#FF0000 ;}
.gray	{ color:gray ;}
.green	{ color:#4daf38 ;}

/*  横幅  */
.w15 { width: 15px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w340 { width: 340px; }
.w360 { width: 360px; }
.w380 { width: 380px; }
.w400 { width: 400px; }

/*  マージン：下  */
.mb3{ margin-bottom:3px ; }
.mb5{ margin-bottom:5px ; }
.mb10{ margin-bottom:10px ; }
.mb15{ margin-bottom:15px ; }
.mb20{ margin-bottom:20px ; }
.mb25{ margin-bottom:25px ; }
.mb30{ margin-bottom:30px ; }
.mb35{ margin-bottom:35px ; }
.mb40{ margin-bottom:40px ; }
.mb45{ margin-bottom:45px ; }
.mb50{ margin-bottom:50px ; }
.mb55{ margin-bottom:55px ; }
.mb60{ margin-bottom:60px ; }
.mb65{ margin-bottom:65px ; }
.mb70{ margin-bottom:70px ; }
.mb75{ margin-bottom:75px ; }
.mb80{ margin-bottom:80px ; }
.mb85{ margin-bottom:85px ; }
.mb90{ margin-bottom:90px ; }

/*  マージン：左  */
.ml5{ margin-left:5px ; }
.ml10{ margin-left:10px ; }
.ml15{ margin-left:15px ; }

/*  マージン：右  */
.mr5{ margin-right:5px ; }
.mr10{ margin-right:10px ; }
.mr15{ margin-right:15px ; }

/*  マージン：上  */
.mT{ margin-top:0 ; }
.mT5{ margin-top:5px ; }
.mT10{ margin-top:10px ; }
.mT15{ margin-top:15px ; }
.mT20{ margin-top:20px ; }
.mT25{ margin-top:25px ; }
.mT30{ margin-top:30px ; }
.mT35{ margin-top:35px ; }

/*  パディング：下  */
.pB5{ padding-bottom:5px ; }
.pB10{ padding-bottom:10px ; }
.pB15{ padding-bottom:15px ; }
.pB20{ padding-bottom:20px ; }
.pB25{ padding-bottom:25px ; }
.pB30{ padding-bottom:30px ; }
.pB35{ padding-bottom:35px ; }
.pB40{ padding-bottom:40px ; }
.pB45{ padding-bottom:45px ; }
.pB50{ padding-bottom:50px ; }

/*  回り込み  */
.floatL { float: left; }
.floatR { float: right; }


/*------------------------------------------*/
/*  ボデー									*/
/*------------------------------------------*/
body{
	width:100% ;
	-webkit-text-size-adjust: 100%;
	color:#231815 ;
}

	/*  全体  */
	#body_section{
 		width:100% ;
		position:relative ;
		margin:0 auto ;
	}

		/*  全体インナー  */
		#bodyInner_section{
			position:relative ;
			margin:0 auto ;
		}


/*------------------------------------------*/
/*  ヘッダー								*/
/*------------------------------------------*/
#header_section{
	border-top: 5px solid #E6E3C6;
	padding:5px 0px 0px;
	border-bottom: 1px solid #b5b5b5;
	position:fixed;
	width:100%;
	top:0;
	z-index:500;
	background:rgba(255,255,255,.8);
	height:61px;
}

	/*  header_inner  */
	#header_inner{
		width:100%;
		position:relative ;
		overflow:hidden ;
		margin:0 auto ;
	}

		/*  h1  */
		#header_inner h1{
			width:180px;
			margin: 0 auto;
			padding:5px;
			float:none ;
		}

			#header_inner h1 img{
				width:100% ;
			}
	
		/*  SEO  */
		#header_inner #seo{
			display:none ;
		}
	
        /* language */
        #google_translate_element {
        position: fixed;
        bottom: 10px;
        right: 10px;
        }

		/*  検索  */
		#header_inner #search{
			display:none ;
		}
		
/*------------------------------------------*/
/*  ナビゲーション							*/
/*------------------------------------------*/
#navigation_section{
	display:none ;
}

/*  ドロワーメニュー  */

.drawer-hamburger {
	z-index: 9999!important;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	background: #696969!important;
}
.drawer-open .drawer-hamburger-icon {
	background: transparent!important;
}
.drawer-menu ul {
	padding: 10px;
}
.drawer-menu ul li, .drawer-menu a li {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
}
.drawer-menu li ul a:last-child li {
	border-bottom: none;
}
.drawer-menu > li {
	margin-bottom: 20px;
	font-size: 18px;
}
.drawer-menu > a:first-of-type{
	margin-bottom:20px;
}
.drawer-menu li {
	padding: 10px;
}
.drawer-menu > a {
    margin-left: 10px;
}
.drawer-menu > a li {
	border-top: 1px solid #ddd;
	font-size: 18px;
}
.drawer-menu > a:last-child >li {
   border: none;
}
.arrow{
position: relative;
display: inherit;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow:before,
.arrow:after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.drawer-menu ul a:before,
.drawer-menu > a:before{
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #7a0;
}
.drawer-menu ul a:after,
.drawer-menu > a:after{
left: 3px;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*  ナビゲーション  */
#sp_nav {
	position:fixed;
	width:100%;
	overflow:auto;
	top:71px;
	z-index:400;
}

	#sp_menu {
		overflow:auto;
		padding-bottom:58px;
	}

	.active {
		height:100%;
	}
	
	#sp_nav ul{
		display: none;
	}
	
		ul#sp_menu li ul{
		}
		
			ul#sp_menu li a{
				display:block;
			}
			
			ul#sp_menu li{
				color:#fff;
				border-bottom:#f1f1f1 1px solid;
				font-size:106%;
				padding:10px;
				background:url(../images/00_base/sp_toggle_down.png) no-repeat 95% center #8fc124;
				background-size: 3% 10px;
			}
	
			ul#sp_menu li a{
				color:#8fc124 !important;
			}
	
			ul#sp_menu a:link {
				text-decoration: none;
			}
			
			ul#sp_menu li.selected {
				background:url(../images/00_base/sp_toggle_up.png) no-repeat 95% 2% #9dd22c;
				background-size: 3% 10px;
				padding-bottom: 0;
			}
			
			ul#sp_menu li ul li{
				background:none !important;
				padding-left:20px;
			}
			


/*------------------------------------------*/
/*  コンテンツ								*/
/*------------------------------------------*/
#contents_section{
	width:100% ;
	position:relative ;
	overflow:hidden ;
	margin:0 auto 0 auto ;
}

	#contents_inner{
		width:98% ;
		position:relative ;
		overflow:hidden ;
		margin:0 auto ;
		line-height:1.6 ;
	}
	
		/*  サブメニュー  */
		#contents_section #contents_inner .sub_navi{
			width:100% ;
			overflow:auto;
			margin:90px auto 15px auto ;
			list-style: none;
		}
		
			#contents_section #contents_inner .sub_navi .sub_inner{
				width:1100px ;
			}
		

			#contents_section #contents_inner .sub_navi .sub_name{
				display:none ;
				color:#7A6A56 ;
				font-size: 125%;
				font-weight:bold ;
				line-height:1 ;
				vertical-align:top ;
				margin-top:12px ;
			}
	
			#contents_section #contents_inner .sub_navi a{
				display:inline-block ;
				color:#7A6A56 ;
				font-size:120% ;
				font-weight:bold ;
				margin: 0;
				padding: 10px 16px ;
				background:#E6E3C6 ;
				width: auto;
				height: auto;
				text-indent: 0;
				overflow:hidden ;
			}
	

	
/*------------------------------------------*/
/*  フッター								*/
/*------------------------------------------*/
#footer_section{
	width:100% ;
	position:relative ;
	overflow:hidden ;
	background-image:url(../images/00_base/footer_spimg.jpg) ;
	background-position:top center ;
	background-repeat:no-repeat ;
	background-size:contain ;
}

	/*  footer_inner  */
	#footer_section #footer_inner{
		width:95% ;
		margin:25% auto 0 auto ;
		text-align:center ;
	}

		#footer_section a:link,
		#footer_section a:hover,
		#footer_section a:visited{
			color:#8FC31F;
		}

		#footer_section .footer_navi{
			display:none ;
		}

		#footer_section .clearfix{
			overflow:hidden ;
		}

		#footer_section #sp_facebook, 
		#footer_section #sp_twitter{
			display:block;
			text-align:center ;
		}
		
			#footer_section #sp_facebook{
				display:inline-block ;
				width:auto;
				margin-right:5px;
			}
			
			#footer_section #sp_twitter{
				display:inline-block ;
				width:35%;
margin-bottom:15px;
			}
			
		.fb_iframe_widget > span {
		  vertical-align: baseline !important;
		

		#footer_section .copyright{
			width:100%;
			margin:15px 0 10px auto ;
			text-align:right;
			color:#8FC31F ;
			font-size:100% ;
		}


/*--pagetop--*/
#page-top {
	display:none ;
}