@charset "UTF-8";
/*--------------------------------------------------------------------------
	◆jn_menu_fixed	メイン部分
--------------------------------------------------------------------------*/
html, body { position: relative; }

div#wrap { z-index: 8000; width: 100%; min-height: 100%; position: relative; overflow: hidden; }

.menu_fixed { position: fixed; top: 0; }

/*--メニュー--*/
nav { background: rgba(255, 255, 255, 0); width: 100%; z-index: 9000; }
nav #nav_wrap { background: rgba(255, 255, 255, 0); margin: 0 auto 0; width: 100%; max-width: 1100px; }
nav #nav_wrap #switch_menu { position: relative; display: table; table-layout: fixed; width: 100%; font-size: 0; }
nav #nav_wrap #switch_menu > div { display: table-cell; text-align: center; vertical-align: middle; font-size: 14px; }
nav #nav_wrap #switch_menu > div > a { display: block; text-decoration: none; overflow: hidden; color: #000; height: 60px; vertical-align: middle; /*add*/ display: table !important; width: 100%; padding: 5px 10px; }
nav #nav_wrap #switch_menu > div > a.highlight { color: #fff; background-color: #3281a9; }
nav #nav_wrap #switch_menu > div > a.active { color: #fff; background-color: #3281a9; }
nav #nav_wrap #switch_menu > div > a:hover { color: #fff; background-color: #3281a9; }
nav #nav_wrap #switch_menu > div > a article { display: block; width: 100%; /*add*/ display: table-cell; vertical-align: middle; }
nav #nav_wrap #switch_menu > div > a article .tx_dot1 { padding: 0 1px 0; }
nav #nav_wrap #switch_menu > div > article { position: absolute; display: none; right: auto; }
nav #nav_wrap #switch_menu > div > article ul { border: 1px solid #c3bcac; }
nav #nav_wrap #switch_menu > div > article ul li { font-size: 14px; }
nav #nav_wrap #switch_menu > div > article ul li a { display: block; width: 100%; color: #fff; padding: 5px 10px; background-color: rgba(58, 50, 48, 0.9); word-break: keep-all; white-space: nowrap; text-align: center; }
nav #nav_wrap #switch_menu > div > article ul li a:hover { background-color: rgba(58, 50, 48, 0.9); text-decoration: none; color: #d9c461; }
nav #nav_wrap #switch_menu > div > article ul li.gc_set > a span { display: inline-block; padding-left: 20px; background-image: url("../img/ic_arrow01_b_bk.png"); background-position: left center; background-repeat: no-repeat; background-size: 8px auto; }
nav #nav_wrap #switch_menu > div > article ul li.gc_set > a:hover span { background-image: url("../img/ic_arrow01_l_wh.png"); background-size: auto 8px; }
nav #nav_wrap #switch_menu > div > article ul li ul { position: absolute; right: 100%; top: 0; border: none; }
nav #nav_wrap #switch_menu > div > article ul li ul.gc_close { display: none; }
nav #nav_wrap #switch_menu > div > article ul li ul.gc_open { display: block; }
nav #nav_wrap #switch_menu > div > article ul li ul li a { padding: 8px 20px 8px 20px; color: #fff; background-color: #70c0e8; text-align: left; }
nav #nav_wrap #switch_menu > div > article ul li ul li a span { background: none; }
nav #nav_wrap #switch_menu > div > article ul li ul li.pc_g_top a { padding-top: 20px; }
nav #nav_wrap #switch_menu > div > article ul li ul li.sp_g_only { display: none; }
nav #nav_wrap #switch_menu > div > article ul li ul li:last-child a { padding-bottom: 20px; }
nav #nav_wrap #switch_menu > div.pc_right article { right: 0; left: auto; }
nav #nav_wrap #switch_menu div#home { width: 70px; }
nav #nav_wrap #switch_menu div#home a { background-image: url("../img/head_navi_top_off.png"); background-position: center center; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0); background-size: 12px auto; }
nav #nav_wrap #switch_menu div#home a:hover { background-image: url("../img/head_navi_top_on.png"); background-color: #3281a9; }
nav #nav_wrap #switch_menu div#home a span.sp_home { display: none; }
nav #nav_wrap #switch_menu div.sp_sub_only { display: none; }
nav #nav_wrap #switch_menu div.sp_only { display: none; }
nav #nav_wrap #switch_menu div.sp_cls { display: none; }
nav #nav_wrap #switch_menu div.sp_cls:hover { cursor: pointer; }
nav #nav_wrap #switch_menu > .delta { background: url("../img/navi_arrow.png") center bottom no-repeat; background-size: 11px auto; position: absolute; bottom: 0; width: 11px; height: 20px; transition: transform 0.5s; }
nav #nav_wrap #switch_menu > .delta.delta_close { display: none; }
nav #nav_wrap #switch_menu > .delta.delta_open { display: block; }

.sp_btn, .sp_order { display: none; }

.sp_btn:hover { cursor: pointer; }

@media screen and (max-width: 1100px) { nav #nav_wrap #switch_menu div#home { width: 50px; } }
/*1100px*/
@media screen and (max-width: 800px) { nav #nav_wrap #switch_menu > div { font-size: 13px; }
  nav #nav_wrap #switch_menu > div > a { padding: 5px; } }
/*800px*/
@media screen and (max-width: 640px) { /*--メニュー--*/
  div.dummy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8000; }
  nav { background: none; border: none; }
  nav #nav_wrap { margin: 0; border: none; }
  nav #nav_wrap div#switch_menu { width: 100%; max-width: 263px; position: fixed; display: none; z-index: 9001; height: 100%; background-color: white; overflow: scroll; top: 0; -webkit-overflow-scrolling: touch; padding: 0; margin-top: 0; }
  nav #nav_wrap div#switch_menu div { height: auto; display: block; overflow: hidden; text-align: left; }
  nav #nav_wrap div#switch_menu div > a { font-size: 14px; display: block; padding: 0 14px; color: #fff; height: 35px; border-bottom: 1px solid #fff; background-color: #524b49; background-position: right 14px center; background-repeat: no-repeat; background-size: 13px auto; }
  nav #nav_wrap div#switch_menu div > a.active { color: #fff; }
  nav #nav_wrap div#switch_menu div > a:hover { color: #fff; background-color: #3281a9; }
  nav #nav_wrap div#switch_menu div > a.close { background-image: url("../img/menu_oya_on.png"); }
  nav #nav_wrap div#switch_menu div > a.close:hover { background-image: url("../img/menu_oya_on.png"); }
  nav #nav_wrap div#switch_menu div > a.open { background-image: url("../img/menu_oya_off.png"); background-color: #3692b5; color: #fff; }
  nav #nav_wrap div#switch_menu div > a.open:hover { background-image: url("../img/menu_oya_off.png"); }
  nav #nav_wrap div#switch_menu div > a article { padding: 0; border: none; }
  nav #nav_wrap div#switch_menu div > article { position: inherit; }
  nav #nav_wrap div#switch_menu div > article ul { display: block; top: 0; }
  nav #nav_wrap div#switch_menu div > article ul li + li { border-top: 1px solid #fff; }
  nav #nav_wrap div#switch_menu div > article ul li a { background-color: #fff; color: #000; padding: 10px 30px 10px 15px !important; line-height: 1.3; text-align: left; font-size: 13px; }
  nav #nav_wrap div#switch_menu div > article ul li a span { background-image: none !important; padding: 0 !important; }
  nav #nav_wrap div#switch_menu div > article ul li a:hover { color: #3281a9; background-color: #fff; }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set a { color: #444; background-position: right 10px center; background-repeat: no-repeat; background-size: 11px auto; }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set a span { display: inline-block; padding-left: 20px; background-image: url("../img/menu_mago_off.png"); background-position: left center; background-repeat: no-repeat; background-size: auto 13px; }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set a:hover span { background-image: url("../img/menu_mago_on.png"); }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set a.gc_set_close { background-image: url("../img/menu_mago_on.png"); }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set a.gc_set_open { background-image: url("../img/menu_mago_off.png"); }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set > ul { position: inherit; left: 0; }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set > ul li a { background: #FFF url("../img/ic_arrow01_r_bl01.png") left 18px center no-repeat; background-size: 4px auto; padding-left: 28px !important; }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set > ul li a:hover { color: #f14a42; }
  nav #nav_wrap div#switch_menu div > article ul li.gc_set > ul li.sp_g_only { display: block; }
  nav #nav_wrap div#switch_menu div#home { display: block; width: 100%; }
  nav #nav_wrap div#switch_menu div#home a { background-color: #524b49; background-image: url("../img/head_navi_top_on.png"); background-position: right 40px center; background-size: 13px; }
  nav #nav_wrap div#switch_menu div#home a:hover { background-image: url("../img/head_navi_top_on.png"); background-size: 13px; }
  nav #nav_wrap div#switch_menu div#home a::after { margin: 5px 0 0 0; display: block; width: 260px; content: 'ホーム'; }
  nav #nav_wrap div#switch_menu div.sp_sub_only { display: block; }
  nav #nav_wrap div#switch_menu div.sp_only { display: block; background: #aa3; }
  nav #nav_wrap div#switch_menu div.sp_only a { padding: 5px 15px 0 40px; color: #000; display: block; background-position: left 15px top 10px; background-repeat: no-repeat; background-size: 16px auto; background-color: #fff; }
  nav #nav_wrap div#switch_menu div.sp_only a:hover { color: #C1272D; }
  nav #nav_wrap div#switch_menu div > .delta { display: none !important; }
  nav #nav_wrap div#switch_menu div.left_icon a { background-size: 20px auto; background-position: left 15px top 9px; background-repeat: no-repeat; background-color: #333; padding: 8px 15px 0 45px; color: #fff; }
  nav #nav_wrap div#switch_menu div.left_icon a:hover { background-color: #fff; color: #333; }
  nav #nav_wrap div#switch_menu div#site1 a { background-image: url("../img/icon_hd_mokuzou01_on.png"); }
  nav #nav_wrap div#switch_menu div#site1 a:hover { background-image: url("../img/icon_hd_mokuzou01_off.png"); }
  nav #nav_wrap div#switch_menu div#site2 a { background-image: url("../img/icon_hd_support01_on.png"); }
  nav #nav_wrap div#switch_menu div#site2 a:hover { background-image: url("../img/icon_hd_support01_off.png"); }
  nav #nav_wrap div#switch_menu div#site3 a { background-image: url("../img/icon_hd_sugoyama01_on.png"); }
  nav #nav_wrap div#switch_menu div#site3 a:hover { background-image: url("../img/icon_hd_sugoyama01_off.png"); }
  .sp_btn, .sp_order { display: block; } }
/*640px*/

/*# sourceMappingURL=jn_importmenu_v1.0.css.map */