@charset "utf-8";
/** --------------------------------------------------------------------------
2018.03.22 Correct display crash. and footer renewal.
Responsive break list memo
	** media screen max-width320px
	** media screen max-width480px
	** media screen max-width768px
	** media screen max-width856px
	** media screen max-width1200px
	** media screen max-width1120px

	** media screen min-width769px
	** media screen min-width1260px
	** media screen min-width1700px

	** media screen min-width769 max-width992px
	** media screen min-width769 max-width1120px
	** media screen min-width993 max-width1199px
 * ------------------------------------------------------------------------ */
#main-content { position: relative; }
header, #header {}
html.open #header {height: 100%;}
footer, #footer { position: relative; }

/** --------------------------------------------------------------------------
 * #header
 * ------------------------------------------------------------------------ */
@media screen and (max-width: 856px){
  #header .nav-aside-lead{ white-space: normal; min-width: 480px; }
}
@media screen and (max-width: 480px){
  #header .nav-aside-lead{ min-width: 190px; margin-left: 10px; display: flex; justify-content: center;}
}
@media screen and (max-width: 320px){
  #header .nav-aside-lead{ min-width: 160px; margin-left: 5px;}
}
@media print,screen and (min-width: 1120px){
  #header .nav-aside-lead{ white-space: normal; max-width: 400px; }
}
@media only screen and (min-width: 769px) and (max-width: 1120px){
  #header .wrap-nav-list{ width:604px;}
  #header .collapse{ padding-top:85px; white-space: nowrap; }
  #header .collapse li{ display:inline-block; }
}
/*top*/
@media screen and (min-width: 993px) and (max-width: 1199px) {
  #header .nav-aside { margin-left: 0px; }
}

/** --------------------------------------------------------------------------
 * #footer
 * ------------------------------------------------------------------------ */

#footer {}
#footer.footer_2018 h2 { margin:0 0 25px 0; font-size:16px; font-weight:normal; display:inline-block; }
#footer.footer_2018 li > h2 { margin:0 0 10px 0; }
#footer.footer_2018 ul.category_list li{ list-style-type: none; }
#footer.footer_2018 .footer-nav ul li{ margin-left: 1rem; }
#footer.footer_2018 .footer-nav ul.category_list li,
#footer.footer_2018 .footer-nav ul.list-unstyled li{ margin-left:0; }
#footer.footer_2018 .footer-nav .button-red a{line-height:18px;}
/* min-width: 993px */
@media screen and (min-width: 993px){
  #footer.footer_2018 .footer-nav .footer-col-12{ margin-right: -195px; padding-right: 195px; width: 100%; }
  #footer.footer_2018 .footer-nav .col_define{ min-width: 165px; }
}

/* max-width: 993px */
@media screen and (max-width: 856px){
  #footer.footer_2018 .row{ padding: 0; margin-left: -15px; margin-right: -15px; }
}
/* min-width: 769px - max-width: 1120px */
@media screen and (min-width: 769px) and (max-width: 992px){
  #footer.footer_2018 .footer-nav .row{}
  #footer.footer_2018 .footer-nav .row .col-md-4{ width:33.3333333%;float:left; }
  #footer.footer_2018 .footer-nav .col-md-4.footer-aside{ padding-top: 0; clear: none; }
  #footer.footer_2018 .footer-nav .col-md-4.footer-aside:before{ padding-top: 0; border-top:0; }
}