@charset "utf-8";

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

.tbmo_none {display:none; margin:0; padding:0;}
/*==========================================
 inner
===========================================*/
.inner {width: 98%;
margin: 0px auto 0px;
padding: 0px;}

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


/*==========================================
 header inner 98%
===========================================*/
header .inner {width:98%;
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 p {display: none;}
header img {max-width: 70%; height: auto;}

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

#menubtn:hover{background-color: #eeeeee;}
#menubtn:focus{outline: none;}
#menubtn i{color: #888888; font-size: 1.8em;}

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

/* ナビゲーション */
.menu {display: none;}
.menu ul {margin: 2px 0; padding: 0; list-style: none;}
.menu li a {display: block;
color: #333333;
background-color: #ffffff;
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: #000000; background-color: #eeeeee;}

/*==========================================
 Mainvisual
===========================================*/
#mainvisual {overflow: hidden;
background-image: url(../images-top/bkg/codropsheader_mo_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center bottom;}

/*==========================================
 Contentstop
===========================================*/
#contentstop .contents_left_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}
#contentstop .contents_right_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}

/*==========================================
 title_con
===========================================*/
#title_cont {margin: 80px auto 0; padding: 0;}
#title_cont h2 {color: #af1d20; font-size:1.8em; margin:0; padding:0; letter-spacing:0px;}

/*==========================================
 Contents
===========================================*/
#contents .main {width: 100%; float:none; margin:0 auto 0; padding:0 0 18px;}
#contents .menubar {display:none; margin:0; padding:0; width: 0;}
#contents .contents_left_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}
#contents .contents_right_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}

/*==========================================
 Contents-2col
===========================================*/
#contents-2col section#contents-2col_left_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}
#contents-2col section#contents-2col_right_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}


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

.top_menu li{text-align: center;
/*float: left;*/}

.top_menu li a	{display: block;
padding: 8px;
color: #ffffff;
text-decoration: none;}

.top_menu li a:hover{background-color: #eeeeee; color: #333333;}
.top_menu li span{display: block; font-size: 0.4em;}
.top_menu li a	{padding: 8px 8px; border-bottom: solid 1px #ffffff; }
.top_menu li:first-child a	{padding: 8px 8px; border-top: solid 1px #ffffff;}



/*==========================================
 Footer
===========================================*/
#footer {padding:0 0 70px; }
.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: #297987; color: #ffffff;}
#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: 8px 0; background: none;}
.company li a {display: block; padding: 8px 0; border-bottom: 1px solid #ffffff;}
.company li a:hover{background-color: #297987; color: #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;
}



/*==========================================
 Bread
===========================================*/
.bread{display:none; margin:0; padding:0;}

/* table_price 1カラム============================*/
.table_price{display: block; width: 98%;}
.table_price thead{display: none;}
.table_price tbody{display: block;}
.table_price tbody tr{display: block;}

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

.table_price tbody th{margin: 1px; padding:3px;
list-style-type: none;
background: #f5f5f5;}

.table_price tbody td{margin: 0px 0px 28px 0px; padding:1px 8px 8px;
list-style-type: none;
text-align: right;}


.table_price tbody td.nor {font-weight: bold;}
.table_price tbody th.nor {}

.table_price tbody th.nor_red {font-size:1em;}
.table_price tbody td.nor_red {font-weight:normal;}


/* table_info 1カラム============================*/
.table_info{display: block; width: 98%;}
.table_info thead{display: none;}
.table_info tbody{display: block;}
.table_info tbody tr{display: block;}

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

.table_info tbody th{margin: 0px 0px 2px 0px; padding:3px;
list-style-type: none;
background: #f5f5f5;}

.table_info tbody td{margin: 0px 0px 18px 0px; padding:1px 0px 4px 8px;
list-style-type: none;}

/**--table_item ---------------------------------------------**/
.table_item th.nor {font-weight: normal;}
.table_item td.nor {font-weight: normal;}
.table_item th span{display: block;}
.table_item td span{display: block;}


/* form ===========================*/
input,select,textarea{font-size:16px;}

/* img-left ---------------------------------------------------*/
.img-left img{float: none;}

/* img-right ---------------------------------------------------*/
.img-right img{float: none;}

/* img-left_none ---------------------------------------------------*/
.img-left_none img{float: none;display: none;}

/* img-right_none ---------------------------------------------------*/
.img-right_none img{float: none;display: none;}

/* img-left_shadow --------------------------------------------*/
.img-left_shadow img{float: none;}

/* img-left_shadow-staff --------------------------------------------*/
.img-left_shadow-staff img{float: none;}

/* img-right_shadow --------------------------------------------*/
.img-right_shadow img{float: none;}











}