@charset "UTF-8";
/*///////////// sub menu position //////////////////
-------------------------------------------------*/
.lineup_menu_area .submenu { position: absolute; top: 60px; background: #fff; z-index: 110; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1); box-sizing: border-box; /*display: none;*/ text-align: left; }

.lineup_menu_area .posi1::after, .lineup_menu_area .posi2::after, .lineup_menu_area .posi3::after, .lineup_menu_area .posi4::after { content: url(/models/common/images/arrow_top.png); position: absolute; width: 465px; height: 60px; top: -25px; left: 0px; margin: 0; }

.lineup_menu_area .posi2::after { left: -125px; }

.lineup_menu_area .posi3::after { left: 110px; }

.lineup_menu_area .posi4::after { left: 110px; }

.lineup_menu_area .posi1 { width: 465px; left: -169px; }

.lineup_menu_area .posi2 { width: 232px; left: -50px; }

.lineup_menu_area .posi3 { width: 700px; left: -276px; }

.lineup_menu_area .sub li { display: inline-block; margin: 0; padding: 0; width: 230px; box-sizing: border-box; }

.lineup_menu_area .sub li.topcontent { padding-top: 20px; }

.lineup_menu_area .sub li a { margin: 0; padding: 0; }

.lineup_menu_area .sub li a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; }

.lineup_menu_area .sub li span { display: table-cell; vertical-align: middle; margin: 0; padding: 0; text-align: left; box-sizing: border-box; }

.lineup_menu_area .sub li p { font-size: 14px; display: block; margin: 0 0 15px; line-height: 1.4em; box-sizing: border-box; }

/*  Dropdown menu Position  .lineup_menu_area .posi */
/*@media screen and (max-width:1300px) {
.lineup_menu_area .posi1 {
left: -100px;
}
.lineup_menu_area .posi1::after{
left: -66px;
}
}
@media screen and (max-width:1200px) {
.lineup_menu_area .posi1 {
left: -80px;
}
.lineup_menu_area .posi1::after{
left: -86px;
}
}*/
@media screen and (max-width: 1380px) { .lineup_menu_area .posi1 { left: 0px; }
  .lineup_menu_area .posi1::after { left: -170px; }
  .lineup_menu_area .posi2 { left: -100px; }
  .lineup_menu_area .posi2::after { left: -70px; } }

.spsite_ttl { margin: 20px auto 0; }

.lineup_menu_area .sub .spbnr { padding: 0; margin: 0 0 5px 33px; vertical-align: inherit !important; }

/*-------------------------------------------------
/////////// sub menu position end ////////////////*/
/* Local Navigation  Basic Styles ローカルナビ基本形、スクロール時のfixedナビゲーションは、このページの下部に記述。 */
.gnavi { width: 100%; margin: 0 auto; text-align: center; background-color: #fff; border-bottom: 1px solid #ccc; z-index: 101; box-sizing: border-box; }

.gnavi h1 { font-size: 10px; }

nav { height: 100%; background-color: #fff; margin: 0 auto; z-index: 50; }

nav ul.menu_block { max-width: 1400px; margin: 0 auto; display: table; vertical-align: middle; table-layout: fixed; float: none; text-align: center; }

nav ul.menu_block li { display: table-cell; text-align: center; margin: 0; box-sizing: border-box; position: relative; }

nav ul.menu_block li.active { border-bottom: 3px solid #383d9b; }

nav ul.menu_block li a { display: inline-block; margin: 0; padding: 10px 40px; box-sizing: border-box; font-size: 16px; text-decoration: none; color: #a6a6a6; }

nav ul.menu_block li.active a { color: #383d9b; }

@media screen and (min-width: 768px) and (max-width: 1060px) { nav ul.menu_block li.mainmenu a { font-size: 15px; padding: 23px 36px; }
  .lineup_menu_area .sub li.topcontent { padding-top: 10px; }
  nav ul.menu_block li.mainmenu .submenu a { font-size: 15px; padding: 10px 5px 0px 5px; } }

@media screen and (min-width: 881px) and (max-width: 1024px) { nav ul.menu_block li.mainmenu a { font-size: 15px; padding: 23px 30px; }
  .lineup_menu_area .sub li.topcontent { padding-top: 10px; } }

@media screen and (min-width: 768px) and (max-width: 880px) { nav ul.menu_block li.mainmenu a { font-size: 15px; padding: 23px 20px; }
  .lineup_menu_area .sub li.topcontent { padding-top: 10px; } }

@media screen and (max-width: 767px) { nav ul.menu_block { margin: 0 auto; padding: 0; background: #fff; display: none; text-align: center; }
  nav ul.menu_block li.mainmenu a { padding: 10px 15px; font-size: 11px; line-height: 1.3; border-bottom: none; } }

@media (max-width: 360px) { nav ul.menu_block li.mainmenu a { padding: 10px 12px; font-size: 11px; line-height: 1.3; } }

@media (max-width: 320px) { nav ul.menu_block li.mainmenu a { padding: 10px 10px; font-size: 11px; line-height: 1.3; } }

/* ------------------------------------ */
/* Local Navigation fixed position
------------------------------------ */
/* PC menu
------------------------------------------------- */
.gnavi.fixed { min-height: 48px; height: auto; width: 100%; margin: 0 auto; text-align: center; border-bottom: 1px solid #ccc; background-color: #fff; box-sizing: border-box; }

.fixed { position: fixed !important; top: 0; width: 100%; height: 10px; border-top: 5px solid #eee; border-bottom: 1px solid #ccc; }

.fixed nav { width: auto; box-sizing: border-box; }

.fixed .gnavi_inner { position: relative; max-width: 1000px; margin: 0 auto; box-sizing: border-box; }

.fixed h1 { background: none !important; padding: 0; line-height: 1.0; width: 120px !important; position: absolute; top: -2px !important; left: 20px !important; margin: 0 !important; z-index: 10000 !important; }

.fixed h1 img { width: 100%; height: auto; position: relative; top: 4px; }

.fixed ul.menu_block li.mainmenu { margin: 0 8px 0 0; }

.fixed ul.menu_block li.mainmenu .last { margin: 0; }

.fixed ul.menu_block li.mainmenu a { padding: 10px 30px; font-size: 14px; }

.fixed .submenu { top: 58px; }

.fixed .ineup_menu_area .submenu { margin: 0 !important; padding: 0 !important; box-sizing: border-box; }

.fixed .ineup_menu_area .sub { margin: 0 !important; padding: 0 !important; box-sizing: border-box; }

.fixed .ineup_menu_area .sub li.topcontent { margin: 0 !important; padding: 0 !important; padding-top: 20px; }

.fixed .lineup_menu_area .sub li a { margin: 0 !important; padding: 0 !important; box-sizing: border-box; }

.fixed .lineup_menu_area .posi1 { /* 画像2枚横並び  */ left: -160px; }

.fixed .lineup_menu_area .posi2 { /* 画像1枚  */ left: -58px; }

.fixed .lineup_menu_area .posi4 { left: -290px; }

.fixed .lineup_menu_area .posi3 { /* 画像3枚横並び  */ left: -292px; }

.fixed .lineup_menu_area .posi1::after { left: -25px; }

.fixed .lineup_menu_area .posi2::after { /* 画像1枚  */ left: -125px; }

/*  fixed dolopdown menu position */
@media screen and (max-width: 1080px) { .fixed .lineup_menu_area .posi2 { left: -57px; }
  .fixed .lineup_menu_area .posi2::after { left: -125px; }
  .fixed .lineup_menu_area .posi4 { left: -300px; }
  .lineup_menu_area .posi4::after { left: 120px; } }

@media screen and (max-width: 980px) { .fixed .lineup_menu_area .posi4 { left: -350px; }
  .lineup_menu_area .posi4::after { left: 150px; }
  .fixed .lineup_menu_area .posi2 { left: -180px; }
  .fixed .lineup_menu_area .posi2::after { left: -25px; } }

@media screen and (min-width: 768px) { .fixed ul.menu_block { padding-left: 160px; } }

/*  tablet  device */
/* tablet menu
------------------------------------------------- */
@media (max-width: 1024px) { .gnavi.fixed { margin: 0 -20px; } }

/*  phone  device */
/* SP menu
------------------------------------------------- */
@media screen and (max-width: 767px) { .gnavi.fixed { height: 48px; margin: 0 auto; }
  .toggle_btn { display: none; }
  .fixed .toggle_btn { display: inline-block; position: absolute; top: 7px; right: 22px; }
  .category_name { display: none; }
  .fixed .category_name { display: inline-block; position: absolute; top: 9px; right: 60px; color: #383d9b; font-size: 16px; }
  .fixed h1 img { width: 120px !important; height: auto; }
  .fixed nav { position: absolute; top: 43px; left: 0; right: 0; text-align: center; width: 100%; }
  .fixed nav ul.menu_block { margin: 0 auto; padding: 0; background: #fff; display: none; text-align: center; border-bottom: 1px solid #ccc; }
  .fixed ul.menu_block li.mainmenu a { padding: 10px 15px; font-size: 11px; line-height: 1.3; border-bottom: none; } }

@media screen and (min-width: 1025px) and (max-width: 1060px) { .fixed .lineup_menu_area .sub li.topcontent { padding-top: 20px; } }

@media screen and (min-width: 768px) and (max-width: 980px) { .fixed ul.menu_block li.mainmenu a { padding: 10px 10px; } }

@media screen and (min-width: 414px) and (max-width: 767px) { .fixed nav ul.menu_block { padding-left: 22px; } }

@media screen and (min-width: 375px) and (max-width: 413px) { .fixed nav ul.menu_block { padding-left: 6px; } }

@media screen and (min-width: 321px) and (max-width: 374px) { .fixed nav ul.menu_block { padding-left: 12px; } }

@media (max-width: 360px) { .fixed nav ul.menu_block { padding-left: 16px; }
  .fixed ul.menu_block li.mainmenu a { padding: 10px 12px; font-size: 11px; line-height: 1.3; } }

@media (max-width: 320px) { .fixed nav ul.menu_block { padding-left: 12px; }
  .fixed ul.menu_block li.mainmenu a { padding: 10px 10px; font-size: 11px; line-height: 1.3; } }
/*# sourceMappingURL=menu.css.map */