/*------------------------------------------------------------------------------------------
*
* Responsive / PC create:2018/5/2
*
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width: 769px) {   /* ------------------------------------------------------------
* #section_header
*
------------------------------------------------------------ */
  .sp { display: none !important; }
  #sp_nav_area { display: none !important; }
  #section_header { width: 100%; overflow: hidden; margin: 0 auto; }
  #section_header .section_inner { text-align: left; overflow: hidden; border-bottom: solid 2px #f2f2f2; padding: 20px 20px 18px; width: 980px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #section_header .section_inner a { display: block; }
  #section_header .section_inner .col_left { float: left; }
  #section_header .section_inner .col_right { float: right; }
  #section_header .section_inner .col_right nav li { display: inline-block; }
  #section_header .section_inner .col_right nav li a { display: block; padding: 10px 15px; } }
/*------------------------------------------------------------------------------------------
*
* Responsive / SP create:2018/5/2
*
*
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {   /* ------------------------------------------------------------
* #section_header
*
------------------------------------------------------------ */
  .pc { display: none !important; }
  #section_header { width: 100%; overflow: hidden; margin: 0 auto; }
  #section_header .section_inner { text-align: left; overflow: hidden; border-bottom: solid 2px #f2f2f2; padding: 20px 0 0; }
  #section_header .section_inner a { display: inline-block; }
  #section_header .section_inner .col_left { display: block; text-align: center; }
  #section_header .section_inner .col_right { margin-top: 15px; }
  #section_header .section_inner .col_right nav ul { display: table; width: 100%; }
  #section_header .section_inner .col_right nav li { display: table-cell; padding: 7px 3px; text-align: center; }
  #section_header .section_inner .col_right nav li a { display: block; padding: 7px 0; }
  #section_header .section_inner .col_right nav li a img { width: auto; height: 7px; height: 2.1875vw; }
  /* ------------------------------------------------------------  #commonHeader  ------------------------------------------------------------ */
  #commonHeader { position: relative; top: 0; }
  #commonHeader { position: absolute; top: 55px; z-index: 10; width: 100%; display: table; height: 44px; background-color: #fff; padding: 0; margin: 0; text-align: left; }
  #commonHeader h1 { display: table-cell; float: none; vertical-align: middle; }
  #commonHeader h1 a { display: block; width: 250px; height: 40px; -webkit-background-size: contain; background-size: contain; }
  #commonHeader p { display: none; }
  .menu_btn { display: block; float: right; }
  .menu_btn img { height: 44px; vertical-align: bottom; }
  .gNavi { display: none; position: absolute; left: 0; top: 102px; width: 100%; border-top: 1px solid #fff; z-index: 9; }
  .gNavi.nav-show { display: block; }
  .gNavi ul { width: 100%; background-color: #fff; }
  .gNavi ul li { float: none; line-height: 1.3; border-bottom: 1px solid #fff; text-align: left; }
  .gNavi ul li a { display: block; width: auto !important; height: auto; text-decoration: none; color: #000; font-size: 13px; line-height: 1.3; background: #f0f0f0 url("/ACCESS/modulox/common/image_common/sp_arw01.png") no-repeat scroll right center/32px 11px !important; padding: 11px 20px; text-indent: 0; }
  .gNavi ul li a:hover { background: #f0f0f0 url("/ACCESS/modulox/common/image_common/sp_arw01.png") no-repeat scroll right center/32px 11px; }
  .gNavi img { vertical-align: bottom; width: 100%; }
  .is-spmenu_active { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 7; }
  #commonHeader p a img, #pagetop a img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
  #commonHeader p a:hover img, #pagetop a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
  #sp_nav_area.modulo .gNavi { top: 44px !important; }
  #sp_nav_area.modulo #commonHeader { top: 0 !important; }
  #sp_nav_area.modulo #commonHeader .menu_btn { margin-top: 0 !important; } }