@charset "utf-8";

@media screen and (min-width:1025px) {
html {font-size: 1em;}

/*==========================================
 inner
===========================================*/
.inner {max-width:1024px;
margin: 0 auto 0;
padding: 0;}

.inner:after{content: "";
display: block;
clear: both}

/*==========================================
 header inner 88%
===========================================*/
header {padding-top: 4px;
/*border-bottom:1px solid #ffffff;*/}

header .inner {max-width:88%;
margin: 0 auto 0;
padding: 0;}

header .inner:after{content: "";
display: block;
clear: both;}

/*==========================================
 Header
===========================================*/
header .section_eria-l {float: left; width: auto;}
header .section_eria-r {float: right; width: auto;}

/* トグルボタン */
#menubtn{display: none;}

/* ナビゲーション */
#menu {display: block !important}
.menu ul {margin: 0; padding: 0; list-style: none;}
.menu ul:after	{content: ""; display: block; clear: both;}
.menu li{float: left; width: auto;}
.menu li a {display: block; padding: 8px 12px; 
color: #333333;
font-size: 1.08em;
text-decoration: none;}
.menu li a:hover{color: #ffffff; background-color: #333333; border-radius: 8px;}

.menu .fa{padding:2px;}
.menu .tel {display: none;}


/*==========================================
 title_con
===========================================*/


/*==========================================
 Main
===========================================*/
#main {background-image: url(../images/main_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:left top;}


#main h1 {margin:48px auto 0;
color: #ffffff;
font-size: 1.58em; font-weight:normal;
text-shadow: 1px 1px 8px #000000; letter-spacing:0px;}
#main h1 span{display: block;}



/*==========================================
 Top_Contents
===========================================*/
#top_contents section#contents_left_eria {width: 48%; float:left; margin:0 auto 0; padding:0px;}
#top_contents section#contents_right_eria {width: 48%; float:right; margin:48px auto 0; padding:0px;}

/*==========================================
 Contents
===========================================*/
#contents section#contents_left_eria {width: 48%; float:left; margin:0 auto 0; padding:0px;}
#contents section#contents_right_eria {width: 48%; float:right; margin:0 auto 0; padding:0px;}


/*==========================================
 Contentssub_menu
===========================================*/
.contentssub_menu{padding: 8px;}
.contentssub_menu ul,
.contentssub_menu ol{display: table;
width: 100%;
table-layout: fixed;
margin: 0;
padding: 0;
font-size: 1.18em;
/*font-weight: bold;*/
line-height: 1.4;
list-style: none;}

.contentssub_menu li{display: table-cell;
text-align: center;
*float: left;}

.contentssub_menu li a	{display: block;
padding: 18px 5px 18px 5px;
color: #ffffff;
text-decoration: none;}

.contentssub_menu li a:hover{color: #004020; background-color: #ffffff;}
.contentssub_menu li span{display: block; font-size: 0.8em;}
/* 横に並べたリンクを区切る罫線 */
.contentssub_menu li a	{padding: 8px 15px; border-right: solid 1px #ffffff;}
.contentssub_menu li:first-child a	{border-left: solid 1px #ffffff;}


/*==========================================
 contents-parallax
===========================================*/
#contents-parallax {background-image: url(../images/contents-parallax_bg.jpg);
background-size:cover;
background-repeat:repeat-y;}

#contents-parallax section#contents-parallax_eria-left {float: left; width: 58%; margin:48px auto; padding:0.5%;
/*background-color:rgba(255,255,255,0.8); border:solid 1px #ffffff; border-radius:8px;*/}
#contents-parallax section#contents-parallax_eria-right {float: right; width: 38%; margin:48px auto; padding:0.5%;}


/*==========================================
 google-map
===========================================*/

/*==========================================
 map google
===========================================*/

/*==========================================
 map_banner google
===========================================*/


/*==========================================
 Footer
===========================================*/
footer {padding:18px 0; margin: 0 auto 0;}

footer .inner nav {margin: 18px auto;}
footer .inner nav li {display: inline-block;
padding: 0 18px 0 0;
}

footer .inner nav ul li a{display: block;
color:#ffffff;}
footer .inner nav ul li a:hover {color: #aaaaaa;}

/*==========================================
 Copyright
===========================================*/
#copyright a{color:#ffffff;}
#copyright a:hover {color: #aaaaaa;}










}