@charset "utf-8";

@media screen and (min-width:481px) and (max-width:768px) {
html {font-size: 0.88em;}

/*==========================================
 inner
===========================================*/
.inner {width: 88%; margin: 0 auto 0; padding: 0;}
.inner:after{content: ""; display: block; clear: both}

/*==========================================
 header
===========================================*/


/*==========================================
 item
===========================================*/
#item {/*height: 100vh;*/
margin: 0px; padding:0px;
overflow: hidden;
-webkit-scroll-behavior: smooth;
scroll-behavior: smooth;
-webkit-scroll-snap-type: mandatory;
scroll-snap-type: mandatory;
-webkit-scroll-snap-points-y: repeat(100vh);
scroll-snap-points-y: repeat(100vh);}

#item .item_l_eria {width: 100%; height: 100vh; float:none; margin:0 auto 0; padding:0px;
background-image: url(../images/item_000_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:right center;
text-align:center;
}


#item .item_r_eria {width: 100%; height:auto; float:none; margin:0 auto 0; padding:0px;}
#item h2 {margin:48px auto; padding: 2px;}
#item p {margin:48px auto;}

/*
#item h1 {color: #cccccc; font-size: 1.08em; font-weight:normal;}
#item h1 span {display: block;}
#item h2 {color: #004010; font-size: 1.18em; font-weight:normal; margin:38px auto; padding: 2px;}
#item h2 span {display: block; font-size: 1.28em; font-weight:400;}
#item p {color: #8a8a7b; font-size: 1.08em; font-weight:normal; margin:38px auto; text-align: left;}
*/

/*==========================================
 top_Contents-hed
===========================================*/
#top_contents-hed .tc_l_eria {width: 100%; float:none; margin:0 auto 0; padding:18px; border-bottom: 1px solid #ffffff;}
#top_contents-hed .tc_r_eria {width: 100%; float:none; margin:0 auto 0; padding:18px;}

/*==========================================
 top_Contents
===========================================*/
#top_contents .tc_l_eria {width: 100%; float:none; margin:18 auto; padding:0;}
#top_contents .tc_r_eria {width: 100%; float:none; margin:18px auto; padding:0;}
#top_contents p {margin: 0 auto 8px;}

/*==========================================
 top_info
===========================================*/
#top_info .ti_l_eria {width: 100%; float:none; margin:0 auto 0; padding:0;}
#top_info .ti_r_eria {width: 100%; float:none; margin:38px auto 0; padding:0;}

/*==========================================
 footer
===========================================*/
#footer {padding: 18px 0 48px; }

.footer_nav {overflow: hidden; width: 100%; float: none;}
.footer_nav ul{margin: 0; padding: 0; list-style: none}
.footer_nav li {float: left; margin:0 auto; padding: 8px 0; width: 100%; border-bottom: 1px solid #ffffff;}
.footer_nav li a {display: block; padding: 8px 0;}
.footer_nav li a:hover{background-color: #cccccc;}


#footer hr {display: none;}


.company {overflow: hidden; width: 100%; float: none;}
.company ul{margin: 0; padding: 0; list-style: none}
.company li {float: left; width: 50%; margin:0 auto; padding: 4px 0; background: none;}
.company li a {display: block; padding: 4px 0; border-bottom: 1px solid #ffffff;}
.company li:nth-child(odd) a {border-right: 1px solid #ffffff;}

address {
overflow: hidden;
font-size: 0.8em;
float: none;
text-align: center;
margin-top: 10px;
}



/*==========================================
 sub_Contentsコンテンツページ
===========================================*/
#sub_contents .tc_l_eria {width: 100%; float:none; margin:0 auto 0; padding:0;}
#sub_contents .tc_r_eria {width: 100%; float:none; margin:0 auto 0; padding:0;}

/**-- Gallery Page Only ------------------------------------------**/
#sub_contents #gallery img {vertical-align:middle; margin:8px; padding:0; box-shadow: 1px 1px 8px #888888; border-radius:4px;
max-width: 50%;
height: auto;
}

/*==========================================
 sub_Contents-2colコンテンツページ
===========================================*/
#sub_contents-2col .tc_l_eria {width: 100%; float:none; margin:0 auto 0; padding:0;}
#sub_contents-2col .tc_r_eria {width: 100%; float:none; margin:0 auto 0; padding:0;}

/*==========================================
 footer_fixedarea 固定フッターPCc Tbios on
===========================================*/

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

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


/*=========================================
 Style_design css
===========================================*/
.pc_tbios-only{display: none; padding:0; margin:0;}

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

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

/* ovlight-img3 3カラム shadow none------------------------------------------------------------*/
.ovlight-img3 li{float: left; width: 48%;}

/* ovlight-img2 2カラム shadow none------------------------------------------------------------*/
.ovlight-img2 li{float: left; width: 48%;}

/* ovlight-img _form 2カラム------------------------------------------------------------*/
.ovlight-img_form li{float: left; width: 50%;}
.ovlight-img_form span{margin:0 auto 18px;}

/* 50% ----------------------------------------------- */
.share li a{text-align: left; font-size: 12px; padding: 8px 5px;}
.share li{float: none; width:88%; margin: 1% 6%;}
.share li:nth-of-type(1) {margin: 1% 6%;}
.share li:nth-of-type(2) {margin: 1% 6%;}
/*==========================================
 btn
===========================================*/
a.btn000{width: 88%; margin: 3px 6%;}
a.btn001{width: 88%; margin: 38px 6%;}
a.btn002{width: 88%; margin: 8px 6%;}
a.btn003{width: 88%; margin: 8px 6%;}
a.btn004{width: 88%; margin: 8px 6%;}
a.btn-line{width: 88%; margin: 8px 6%;}






/*==========================================
 Form
===========================================*/
/**-- Form Zoom iOS抑制---------------------------------------------**/
div#container {padding: 0px;}
div#container input,select,textarea{font-size:16px;}

/* form ===========================*/
div#container form#mailformpro dl dt {padding: 15px 10px 10px 5px;}
div#container form#mailformpro dl dd {padding: 10px 10px 15px 15px;}
input,select,textarea{font-size:16px;}
form#mailformpro dl dt {
float: none;
width: auto;
font-size: 1em;
padding: 5px;
text-align: left;
}
form#mailformpro dl dd {
clear: both;
border-top: none;
padding: 5px 15px;
font-size: 1em;
line-height: 1.5em;
}
div.mfp_buttons button {font-size: 14px;}
div#mfp_phase_confirm h4 {font-size: 18px;}
ul#mfp_phase_stat {
padding: 0px;
text-align: left;
}
ul#mfp_phase_stat li {
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 {}
ul#mfp_phase_stat li.mfp_inactive_phase {}

table#mfp_confirm_table tr{display: block; margin: 8px auto; width: 100%;}
table#mfp_confirm_table tr th {white-space: nowrap; width: 100px;}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
font-size: 12px;/*オーバーレイフォント*/
border-top: solid 0px #CCC;
padding: 5px 10px;
}
table#mfp_confirm_table tr td {line-height: 1em;}

div#mfp_thanks {
text-align: center;
font-size: 18px;
padding: 20px 0px;
}
div#mfp_thanks strong {
color: #C00;
font-size: 24px;
display: block;
}

* {word-break: break-all; white-space: normal;}
div#wrapper {
border-radius: 0px;
padding: 20px;
margin: 0px;
width: 100%;
box-shadow: none;
border: none;
}
div#wrapper div#container form#mailformpro dl dt {padding: 10px 0 5px 10px;}
/* form ===========================*/


}