@charset "utf-8";

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

/* tb mo none -------------------------------------------------*/
.tbmo_none {margin:0; padding:0;}

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

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


/*==========================================
 header inner 88%
===========================================*/
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 .fas{margin:0 4px 0 0;}

.menu ul {margin: 8px 0 0; padding: 0; list-style: none;}
.menu li a {display: block;
padding: 4px 18px;
color: #555555;
font-size: 1em;
text-decoration: none;}
.menu li a:hover{color: #ffffff; background-color: #777777; border-radius: 4px;}
.menu ul:after	{content: "";
display: block;
clear: both;}
.menu li{float: left; width: auto;}

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


/*==========================================
 Contentstop
===========================================*/
#contentstop .contents_left_eria {width: 46%; float:left; margin:0 auto 0; padding:2%;}
#contentstop .contents_right_eria {width: 46%; float:right; margin:0 auto 0; padding:2%;}


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


/*==========================================
 Contents
===========================================*/
#contents .main {float: left; padding:18px 0 18px; width: 70%;}
#contents .menubar {float: right; padding:18px 0 18px 5%; width: 25%;}
#contents .contents_left_eria {width: 48%; float:left; margin:0 auto 0; padding:0px;}
#contents .contents_right_eria {width: 48%; float:right; margin:0 auto 0; padding:0px;}

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

/*==========================================
 top_menu
===========================================*/
.top_menu{padding: 8px 0;}
.top_menu .fas{margin:0 4px 0 0;}

.top_menu ul,
.top_menu ol{display: table;
width: 100%;
table-layout: fixed;
margin: 0;
padding: 0;
font-size: 1.18em; font-weight:normal;
line-height: 1.4;
list-style: none;}

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

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

.top_menu li a:hover{background-color: #eeeeee; color: #333333;}
.top_menu li span{display: block; font-size: 0.8em;}
.top_menu li a	{padding: 2px 15px; border-right: solid 1px #ffffff; }
.top_menu li:first-child a	{padding: 2px 15px; border-left: solid 1px #ffffff;}


/*==========================================
 Footer
===========================================*/
#footer {padding: 48px 0;}
#footer hr {
overflow: hidden;
width: 100%;
border-top: 1px solid #ffffff;
margin: 20px 0;}






}