@charset "utf-8";

@media screen and (max-width: 480px) {
html {font-size: 13px;}

/*==========================================
 inner
===========================================*/
.inner {width: 88%;
margin: 0 auto 0;
padding: 0;}

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

/*==========================================
 header inner 98%
===========================================*/
header {padding-top: 0;
background-color:#ffffff;
border-bottom:1px solid #cccccc;}

header .inner {width:100%;
margin: 0 auto 0;
padding: 0;}

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

/*==========================================
 Header
===========================================*/
header .section_eria-l {float: none; width: auto;}
header .section_eria-r {float: none; width: auto;}
header h1 {display: none;}
header p {display: none;}

/* トグルボタン */
#menubtn {padding: 8px 18px;
border: solid 1px #888888;
border-radius: 5px;
background-color: #ffffff;
position: absolute;
top: 8px;
right: 28px;
cursor: pointer;}

#menubtn:hover{background-color: #cccccc;}
#menubtn:focus{outline: none;}
#menubtn i{color: #333333;
font-size: 1.48em;}

#menubtn span{display: inline-block;
text-indent: -9999px;}

/* ナビゲーション */
.menu {display: none;}
.menu ul {margin: 0; padding: 0; list-style: none;}
.menu li a {display: block;
color: #333333;
border-top:solid 1px #cccccc;
padding: 8px;
font-size: 1.08em;
font-weight:normal;
text-decoration:none;}

.menu li a:hover,
.menu li a:active{color: #ffffff; background-color: #333333;}
/**-- tel ------------------------------------------------------**/
.menu .fa{color:#333333; padding:8px;}
.menu .tel {margin:auto; padding:8px;border-top:solid 1px #cccccc;
color: #333333;
font-size: 1.18em;
/*font-weight: bold;*/}


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


/*==========================================
 Main
===========================================*/
#main {background-image: url(../images/main_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center 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: 100%; float:none; margin:0 auto 0; padding:0px;}
#top_contents section#contents_right_eria {width: 100%; float:none; margin:48px auto 0; padding:0px;}

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

#contents article {width: 100%; margin:18px auto; padding: 0;}
#contents aside {width: 100%; margin:18px auto; padding: 0; }


/*==========================================
 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.28em;
/*font-weight: bold;*/
line-height: 1.4;
list-style: none;}

.contentssub_menu li{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; border-bottom: solid 1px #ffffff;}
.contentssub_menu li:first-child a	{padding: 8px; border-top: 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: none; width: 100%; margin:48px auto 0; padding:1%;
/*background-color:rgba(255,255,255,0.8); border:solid 1px #ffffff; border-radius:8px;*/}
#contents-parallax section#contents-parallax_eria-right {float: none; width: 100%; margin:18px auto; padding:1%;}

#contents-parallax section dt {float:none; padding:4px 0 0;}
#contents-parallax section dd {margin-left:8px; padding:0 0 4px;}

/*==========================================
 google-map
===========================================*/
#google-map h3 {font-size: 1.18em; letter-spacing:0px;}

/*==========================================
 map google
===========================================*/
#map {height: 380px;}

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


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

footer .inner nav {width: 100%; margin: 8px auto;}
footer .inner nav ul{margin:0; padding:0; list-style: none; text-align: center;}
footer .inner nav ul li {margin:0; padding: 0;}

footer .inner nav ul li a{display: block;
margin:0 auto 4px;
padding: 8px 18px;
border: 1px solid #ffffff;
background: transparent;
color:#ffffff;
font-weight:normal;
text-decoration: none;}

footer .inner nav ul li a:hover,
footer .inner nav ul li a:active {background: rgba(255,255,255,.4);
text-decoration: none;}

#copyright {display:none; margin:0; padding:0;}




/*==========================================
 Form
===========================================*/
form#mailformpro dl dt {
float: none;
width: auto;
padding: 18px 0 0;
text-align: left;}

form#mailformpro dl dd {
clear: both;
border-top: none;
padding: 2px 0 18px;
line-height: 1.5em;}

div.mfp_buttons button {font-size: 1.48em;}
div#mfp_phase_confirm h4 {font-size: 1.48em;}
ul#mfp_phase_stat {padding: 0px;}
ul#mfp_phase_stat li {
float: left;
text-align: center;
padding: 5px 0px;
border-radius: 3px;
margin: 5px;
list-style: none;
font-size: 14px;
width: 28%;}

ul#mfp_phase_stat li.mfp_phase_arrow {
bos-shadow: none;
display: none;}

ul#mfp_phase_stat li.mfp_active_phase {
background-color: #E8EEF9;
box-shadow: 0px 0px 5px #000;}

ul#mfp_phase_stat li.mfp_inactive_phase {
background-color: #CCC;
color: #666;
box-shadow: 0px 0px 5px #CCC;}

table#mfp_confirm_table tr th {
white-space: nowrap;
width: 100px;}

div#mfp_thanks {
text-align: center;
font-size: 18px;
padding: 20px 0px;}

div#mfp_thanks strong {
color: #C00;
font-size: 24px;
display: block;}

input,select,textarea{
font-size:16px;
}


/*==========================================
 style_design css
===========================================*/
/* img-left_shadow --------------------------------------------*/
.img-left_shadow img{max-width: 25%;}

/* img-right_shadow --------------------------------------------*/
.img-right_shadow img{max-width: 25%;}

/* ------------------------------------------------------------*/
ul.listdesign_01{padding:8px;}
ul.listdesign_01 li{font-size:1em; margin:8px auto 0;}
ul.listdesign_01 li.sub{font-size:1em;}

/*=========================================
 Style_design css
===========================================*/

/* ovlight-img4 2カラム------------------------------------------------------------*/
.ovlight-img4 li{float: left; width: 50%}








}