@charset "utf-8";

@media screen and (min-width:512px) and (max-width:788px) {
html {font-size: 14px;}

/*==========================================
 inner
===========================================*/
.inner {width: 100%;
margin: 0px auto 0px;
padding: 0px 8px;}

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


/*==========================================
 Header
===========================================*/
header {text-align: center;}

header .col-left {float: none;
margin: 0;
padding: 0;
width: 100%;}
header .col-right {float: none;
margin: 0;
padding: 0;
width: 100%;
display:none;}
header h1 {margin: 0 auto;
padding-top: 8px;
letter-spacing:2px;
font-weight:normal; font-size: 1em; color: #ffffff;}

header h1 span {font-size:1.28em; font-weight:bold; color:#ffffff; text-shadow: 2px 2px 4px #000000; padding-left:8px; display: block;}

/*==========================================
 Global Navi
===========================================*/

/*==========================================
 Main
===========================================*/
#main_inner {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;}

#main ul {
overflow: hidden;
width: 100%;
height: auto;
/*background: url(../images/loading.gif) no-repeat scroll center center transparent;*/
top:0;
left:0;}

#main ul img {
display: block;
width: 100%;
height: auto;
float: left;
border: 0;}

#main .main_nav .prev {display:none;}
#main .main_nav .next {display:none;}

/*==========================================
 Contents
===========================================*/
#contents .eria-left {float: none; width: 88%; margin:0 auto; padding:0;}
#contents .eria-right {float: none; width: 88%; margin:0 auto; padding:0;}

#contents .eria-left_border {float: left; width: 48%; margin:8px auto; padding:1% 0.5%; border-radius: 4px; border:solid 1px #339acc;}
#contents .eria-right_border {float: right; width: 48%; margin:8px auto; padding:1% 0.5%; border-radius: 4px; border:solid 1px #47b6c9;}


/*==========================================
 container_menu
===========================================*/
/*==========================================
 container_menu
===========================================*/
#container_menu .arrow_box {margin: 0 auto 0; padding:4px 8px; font-size:1em;}
#container_menu .arrow_box h3{font-size: 1.08em; font-weight:bolder; margin:4px auto; letter-spacing:0.5px;}
#container_menu .arrow_box p{text-align:left; color:#000000; font-size:0.88em;}

#container_menu .arrow_box001 {margin: 0 auto 0; padding:4px 8px; font-size:1em;}
#container_menu .arrow_box001 h3{font-size: 1.08em; font-weight:bolder; margin:4px auto; letter-spacing:0.5px;}
#container_menu .arrow_box001 p{text-align:left; color:#000000; font-size:0.88em;}


/*==========================================
 Top_Contents
===========================================*/
#top_contents section#information {width:90%; float:none; margin: 18px auto 38px; padding:8px; border-radius: 8px; border:solid 1px #9f8500; background-color: #ffffff;}
#top_contents section#banner {width:90%; float:none; margin: 18px auto 18px; padding:0; border-top: solid 1px #9f8500;}


/*==========================================
 Footer
===========================================*/
footer nav {margin: 18px 0px 18px;}
footer nav li{float: left; width: 50%}
footer nav ul{margin:0; padding:0; list-style: none;}
footer nav ul li {margin:0; padding: 0;}
footer nav ul li a{display: block;
margin:4px;
padding: 8px 8px;
color: #ffffff;
border:1px solid #ffffff;
text-decoration: none;}

footer nav ul li a:link,
footer nav ul li a:visited {color: #ffffff;}

footer nav ul li a:hover,
footer nav ul li a:active {background-color:#fcfff4; color:#333333; text-decoration: none;}



/*footer nav .fa{display: none;}*/


/*==========================================
 footer_fixedarea 固定フッターPCc Tbios off
===========================================*/
#footer_fixedarea {position: fixed; /* 固定 */
bottom: 0; /* 一番下に表示 */
width: 100vw;
background-color: #116680;
color: #ffffff;
border-top:1px solid #ffffff;}
#footer_fixedarea .l_eria {float: left; width: 48%; margin:0 auto 0; padding:0;}
#footer_fixedarea .r_eria {float: right; width: 48%; margin:0 auto 0; padding:0;}
#footer_fixedarea a:link,
#footer_fixedarea a:visited {color: #ffffff; text-decoration: none;}
#footer_fixedarea a:hover,
#footer_fixedarea a:active {color: #888888; text-decoration: none;}

#subContainer {
left: -80%;
width: 80%;
}
#mainNavigation .mainNavigation_trigger {
top: auto;
bottom: 0;
}


/*==========================================
 table
===========================================*/
.table{display: block; width: 98%;}
.table thead{display: none;}
.table tbody{display: block;}
.table tbody tr{display: block;}

.table tbody th,
.table tbody td{display:list-item; border: none;}

.table tbody th{margin: 8px; padding: 0;
list-style-type: none;}

.table tbody td{margin: 8px; padding: 0;
list-style-type: none;
}


/* table_info ============================*/
.table_info{display: block; width: 98%;}
.table_info thead{display: none;}
.table_info tbody{display: block;}
.table_info tbody tr{display: block; margin: 18px auto;}

.table_info tbody th,
.table_info tbody td{display:list-item; border: none;}

.table_info tbody th{margin: 0 auto; padding:4px; list-style-type: none; background-color:#eeeeee;}
.table_info tbody td{margin: 0 auto 2px; padding:4px 8px; list-style-type: none;}


/* table_price ============================*/
.table_price{display: block; width: 100%;}
.table_price thead{display: none;}
.table_price tbody{display: block;}
.table_price tbody tr{display: block; border-bottom: 1px dashed #cccccc; margin: 18px auto;}

.table_price tbody td{display:list-item; border: none; text-align:left;
margin: 8px auto 0; padding:0;
list-style-type: none;}

.table_price tbody th{display:list-item; border: none; text-align:right;
margin: 0; padding:0 18px 0 0;
list-style-type: none;}



/*=========================================
 Style_design css
===========================================*/
/* ovlight-img 2カラム------------------------------------------------------------*/
.ovlight-img li{float: left; width: 50%}
.ovlight-img_3 li{float: left; width: 50%}
.ovlight-img_5 li{float: left; width: 33%}


/*==========================================
 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 ===========================*/




}