@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; }

.sp_btn, .sp_order { display: none; }

.sp_btn:hover { cursor: pointer; }

/*--------------------------------------------------------------------------
	js連携準備（擬似クラス）
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	SP ハンバーガーBTN
--------------------------------------------------------------------------*/
.hb_btn { padding: 0 0 0 18px; border-left: 1px solid #00000f; display: none !important; }
.hb_btn.spOn { display: inline-block !important; vertical-align: bottom; }
.hb_btn div { position: relative; width: 30px; height: 30px; cursor: pointer; }
.hb_btn div span { position: absolute; display: block; width: 100%; height: 2px; background: #000; top: 50%; left: 0; margin: -1px 0 0 0; }
.hb_btn div span::before, .hb_btn div span::after { content: ' '; display: block; width: 100%; height: 2px; background: #000; }
.hb_btn div span::before { margin-top: -7px; }
.hb_btn div span::after { margin-top: 12px; }
.hb_btn div.on span { transform: rotate(45deg); }
.hb_btn div.on span::before { display: none; }
.hb_btn div.on span::after { margin-top: 0px; transform: rotate(90deg); }

@media screen and (max-width: 900px) { .hb_btn { padding: 0; margin: 0 10px 0 0 !important; border: none; } }
/*900px*/
/*--------------------------------------------------------------------------
	global_menu　本体
--------------------------------------------------------------------------*/
@media screen and (min-width: 1160px) { #jn_c_menu { height: 48px; } }
#jn_c_menu { opacity: 0; }
#jn_c_menu.pcMode, #jn_c_menu.spMode { opacity: 1; height: auto; }
#jn_c_menu.pcMode .global_wrap { background: #fff; }
#jn_c_menu.pcMode .global_wrap .menu_area { margin: 0 auto; padding: 0 10px; display: -webkit-box; display: flex; width: 100%; height: 48px; max-width: 1180px; -webkit-box-pack: justify; justify-content: space-between; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu { display: -webkit-box; display: flex; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .primary { display: -webkit-box; display: flex; width: 100%; line-height: 0; font-size: 0; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .primary .p_list { display: -webkit-box; display: flex; line-height: 1.6; -webkit-box-align: start; align-items: flex-start; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .primary .p_list .item { width: 100%; text-align: center; cursor: pointer; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .primary .p_list.npc_menu { display: none; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .secondary { display: none; position: absolute; top: 136px; left: 0; width: 100%; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .secondary.active { display: block; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .secondary .s_menu { margin: 0 auto; display: -webkit-flex; display: flex; max-width: 1160px; flex-wrap: wrap; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .secondary .s_menu .s_list, #jn_c_menu.pcMode .global_wrap .menu_area .menu .secondary .s_menu .s_close { position: relative; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .secondary .s_menu .s_list .s_item, #jn_c_menu.pcMode .global_wrap .menu_area .menu .secondary .s_menu .s_close .s_item { padding: 12px 12px; cursor: pointer; display: block; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .secondary .s_menu .s_close .s_item { background-position: center center; background-repeat: no-repeat; background-size: 10px auto; width: 40px; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary { display: none; position: absolute; top: var(--secondary-height); min-width: inherit; width: auto; background-color: rgba(0, 0, 15, 0.75); border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary.active { display: block; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary .t_close { width: 100%; height: 30px; text-align: right; padding: 8px 10px 0 0; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary .t_close span { display: inline-block; width: 11px; height: 11px; background-position: right top; background-size: 11px auto; background-repeat: no-repeat; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary ul { padding: 20px 20px 20px 20px; width: auto; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary ul li { width: auto; text-align: left; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary ul li + li { margin-top: 15px; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary ul li a { text-wrap: nowrap; display: block; width: 100%; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu .tertiary ul .f a { background-position: left center; background-repeat: no-repeat; background-size: 5px auto; padding-left: 15px; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu a[target="_blank"] span { background-position: right 10px center; background-repeat: no-repeat; background-size: 14px auto; padding-right: 30px !important; display: inline-block; }
#jn_c_menu.pcMode .global_wrap .menu_area #sp_sns { display: none; }
#jn_c_menu.spMode { position: relative; }
#jn_c_menu.spMode .global_wrap { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: absolute; width: 250px; right: -250px; background-color: #EF1014; }
#jn_c_menu.spMode .global_wrap.on { right: 0; }
#jn_c_menu.spMode .global_wrap .menu_area { width: 250px; height: calc(100vh - 74px); background: #FFF; position: fixed; overflow: scroll; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .primary .p_list .item, #jn_c_menu.spMode .global_wrap .menu_area .menu .primary .p_list > a { padding: 5px 10px 5px 15px; border-bottom: #CCC 1px solid; background-image: url("../img/spmenu_arrow_k.png"); background-size: 15px auto; background-position: right 20px center; background-repeat: no-repeat; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .primary .p_list.active .item { background-image: url("../img/spmenu_arrow_k_up.png"); }
#jn_c_menu.spMode .global_wrap .menu_area .menu .primary .p_list.npc_menu { display: block; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .primary .p_list.sitetop .item { background-image: url("../img/spmenu_home.png") !important; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary { height: 0; overflow: hidden; background: #dfdfdf; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary.active { height: auto; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary .s_menu .s_list .s_item { display: block; padding: 5px 50px 5px 15px; background-image: url("../img/spmenu_open.png"); background-position: right 20px center; background-repeat: no-repeat; background-size: 15px auto; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary .s_menu .s_list .s_item.active { background-image: url("../img/spmenu_close.png"); }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary .s_menu > a.s_list .s_item { padding: 5px 15px 5px 40px; background-image: url("../img/spmenu_icon.png"); background-position: left 15px center; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary .s_menu > a.s_list .s_item.active { background-image: url("../img/spmenu_icon.png"); }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary .s_menu > a.s_list[target="_blank"] .s_item { padding: 5px 30px 5px 40px; background-image: url("../img/spmenu_icon.png"), url("../img/icon_link_off.png"); background-position: left 15px center, right 10px center; background-size: 15px auto, 13px auto; background-repeat: no-repeat, no-repeat; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary .s_menu > a.s_list.c_top .s_item { display: block; background-image: url("../img/icon_home_k.png"); background-position: left 18px center; background-size: 10px auto; background-repeat: no-repeat; padding-left: 39px !important; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .secondary .s_menu .s_close { display: none; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .tertiary { height: 0; overflow: hidden; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .tertiary.active { height: auto; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .tertiary .t_close { display: none; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .tertiary ul li a { display: block; padding: 5px 15px 5px 40px; background-image: url("../img/spmenu_icon.png"); background-position: left 15px center; background-repeat: no-repeat; background-repeat: no-repeat; background-size: 15px auto; }
#jn_c_menu.spMode .global_wrap .menu_area .menu .tertiary ul li.f a { margin-left: 15px; }
#jn_c_menu.spMode .global_wrap .menu_area #sp_sns { background-color: #FFF; padding: 20px 0; display: block; }
#jn_c_menu.spMode .global_wrap .menu_area #sp_sns ul { display: -webkit-box; display: flex; justify-content: space-around; }
#jn_c_menu.spMode .global_wrap .menu_area #sp_sns ul li { width: 30px; }
#jn_c_menu .sp_close_box { display: none; }
#jn_c_menu .sp_close_box.on { display: block; position: absolute; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.4); }

/*--------------------------------------------------------------------------
	global_menu　左：地域メニュー
--------------------------------------------------------------------------*/
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary > .p_list { background: #fff; width: 130px; color: #aaaaaa; font-size: 14px; margin: 0 5px 0 0; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary > .p_list .item { display: block; border: 1px solid #aaaaaa; line-height: 32px; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary > .p_list .item span { padding: 0 20px 0 0; background-image: url("../img/top_arrow_off.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px auto; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary > .p_list.from .item { color: #FFF; background-color: #00000f; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary > .p_list.from .secondary { display: block; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary > .p_list:hover { background-color: #fff; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary > .p_list:hover .item span { background-image: url("../img/top_arrow_open.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary > .p_list:hover .item:hover { color: #fff; background-color: #878787; cursor: pointer; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary { background: #f2f2f2; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu { text-align: left; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list .s_item, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close .s_item { color: #00000f; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list .s_item:hover, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close .s_item:hover { color: #FFF; background-color: #4c4c57; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list.c_top span, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close.c_top span { background-image: url("../img/icon_home.png"); background-position: left 10px center; background-size: 10px auto; background-repeat: no-repeat; padding-left: 28px !important; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close .s_item { background-image: url("../img/close_w.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .tertiary { left: 0; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .tertiary .t_close span { background-image: url("../img/top_mago_w.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .tertiary ul li a { color: #FFF; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .tertiary ul li a:hover { color: #e2c454; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .tertiary ul .f a { background-image: url("../img/navi_hm_w_off.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 a[target="_blank"] span { background-image: url("../img/navi_link_k.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 a[target="_blank"]:hover span { background-image: url("../img/navi_link_w.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_hokkaido.active { background-image: url("../img/top_menu_arrow_hokkaido.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_hokkaido .secondary .s_list .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_hokkaido .secondary .s_list .s_item:hover { background-color: #502f2c; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_fukuoka.active { background-image: url("../img/top_menu_arrow_fukuoka.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_fukuoka .secondary .s_list .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_fukuoka .secondary .s_list .s_item:hover { background-color: #937d4e; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_other.active { background-image: url("../img/top_menu_arrow_other.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_other .secondary .s_list .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .primary .p_list.h_other .secondary .s_list .s_item:hover { background-color: #6a5b54; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary { background: #f2f2f2; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu { text-align: left; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list .s_item, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close .s_item { color: #00000f; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list .s_item:hover, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close .s_item:hover { color: #FFF; background-color: #4c4c57; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list.c_top .s_item, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close.c_top .s_item { background-image: url("../img/icon_home_k.png"); background-position: left 10px center; background-size: 10px auto; background-repeat: no-repeat; padding-left: 28px !important; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_list.c_top .s_item:hover, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close.c_top .s_item:hover { background-image: url("../img/icon_home_w.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close { display: none; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box01 .secondary .s_menu .s_close .s_item { background-image: url("../img/close_w.png"); }
#jn_c_menu.spMode .global_wrap .menu_area .menu.box01 .primary .p_list .item { display: block; background-color: #66666F; background-image: url("../img/spmenu_arrow_w.png"); color: #FFF; }
#jn_c_menu.spMode .global_wrap .menu_area .menu.box01 .primary .p_list.active .item { background-image: url("../img/spmenu_arrow_w_up.png"); }

/*--------------------------------------------------------------------------
	global_menu　右：共通メニュー
--------------------------------------------------------------------------*/
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary { justify-content: flex-end; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list { color: #00000f; font-size: 14px; margin: 0 5px 0 0; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list .item { padding: 0 10px 8px 10px; line-height: 26px; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list .item span { padding: 0 20px 0 0; background-color: #fff; background-image: url("../img/top_arrow_off.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px auto; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list.from div.item { border-bottom: 1px solid #919191; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list.active div.item, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list:hover div.item { border-bottom: 1px solid #c30e22; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list.active div.item span, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list:hover div.item span { background-image: url("../img/top_arrow_open_red.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list.active div.item:hover, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .primary .p_list:hover div.item:hover { cursor: pointer; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary { background: #f2f2f2; z-index: 100200; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary.from { display: block; z-index: 100150; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary.from .s_menu .s_close { display: none; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary .s_menu { justify-content: flex-end; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary .s_menu .s_list .s_item, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary .s_menu .s_close .s_item { color: #00000f; background-color: #f2f2f2; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary .s_menu .s_list .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary .s_menu .s_list .s_item:hover, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary .s_menu .s_close .s_item.active, #jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary .s_menu .s_close .s_item:hover { color: #00000f; background-color: #ccc; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .secondary .s_menu .s_close .s_item { background-image: url("../img/close_g.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .tertiary { right: 0; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .tertiary .t_close span { background-image: url("../img/top_mago_k.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .tertiary ul li a { color: #00000f; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .tertiary ul li a:hover { color: #e2c454; }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 .tertiary ul .f a { background-image: url("../img/navi_hm_k_off.png"); }
#jn_c_menu.pcMode .global_wrap .menu_area .menu.box02 a[target="_blank"] span { background-image: url("../img/navi_link_k.png"); }

/*--------------------------------------------------------------------------
	設定
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	[sp]
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { /*--メニュー--*/
  div.dummy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8000; }
  .sp_btn, .sp_order { display: block; } }
/*@media 768px END*/

/*# sourceMappingURL=jn_clickmenu_v1.0.css.map */
