@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*#lp2023top { background: url("../header.jpg") no-repeat top center;}*/
/* line 8, header.scss */
.headSec { background: #fff; /*display: none;*/ }

@media print, screen and (min-width: 751px) { /* line 12, header.scss */
  .sp_screen { display: none; }
  /* line 13, header.scss */
  .headSec { padding: 5px 0 15px; }
  /* line 17, header.scss */
  #header { width: 994px; margin: 5px auto 0; height: 100px; clear: both; padding: 0 15px; position: relative; }
  /* line 18, header.scss */
  #header .left_side { width: 510px; float: left; }
  /* line 19, header.scss */
  #header .left_side p { margin-right: 5px; padding-top: 9px; }
  /* line 21, header.scss */
  #header h1 { color: #666666; font-size: 71%; line-height: 1.5; font-weight: normal; margin: 4px 0px 0px 0px; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
  /* line 22, header.scss */
  #header .info { width: 436px; float: right; height: 85px; padding-top: 5px; /*.new_rbtn { float: left; margin-top: 5px; padding-right: 15px; _padding-right: 7px;}*/ }
  /* line 24, header.scss */
  #header .info .right_newbtn { float: right; width: 370px; margin-bottom: 10px; }
  /* line 25, header.scss */
  #header .info .right_newbtn li { width: 180px; float: left; }
  /* line 26, header.scss */
  #header .info .right_newbtn li:first-child { margin-right: 10px; }
  /* line 29, header.scss */
  #header .info .info-inner2 { width: 420px; float: right; padding-right: 15px; margin-bottom: 5px; }
  /* line 30, header.scss */
  #header .info .info-inner2 li { width: 180px !important; float: left; margin-right: 10px; }
  /* line 31, header.scss */
  #header .info .info-inner2 li:last-child { margin-right: 0px; margin-bottom: 10px; }
  /* line 34, header.scss */
  #header .info #delifree { float: left; margin-top: 5px; padding-right: 15px; _padding-right: 7px; }
  /* line 35, header.scss */
  #header .info .info-inner { width: 240px; float: left; margin-top: 27px; padding-right: 15px; _padding-right: 7px; }
  /* line 36, header.scss */
  #header .info .info-inner li { width: 115px; float: left; }
  /* line 37, header.scss */
  #header .info .info-inner li:first-child { margin-right: 10px; }
  /* line 45, header.scss */
  #gNav { width: 964px; /*margin: 0 auto 15px;*/ margin: 0 auto; }
  /* line 46, header.scss */
  #gNav ul { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 47, header.scss */
  #gNav ul li { background: linear-gradient(#fbfbfb, #dbdfde); width: 118px; height: 45px; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 13px; font-weight: bold; line-height: 1.2; text-align: center; }
  /* line 48, header.scss */
  #gNav ul li a { color: #000; text-decoration: none; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; position: relative; padding-top: 4px; }
  /* line 49, header.scss */
  #gNav ul li a:hover { background: rgba(255, 255, 255, 0.7); }
  /* line 50, header.scss */
  #gNav ul li a::before { content: ""; width: 111px; height: 2px; background: #CC000A; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 2px; }
  /* line 53, header.scss */
  #gNav ul li.gNav_back_red a { color: #CC000A; }
  /* line 54, header.scss */
  #gNav ul li.gNav_back_new a { background: url("https://print-jbf.jp/base/img/toppage/hajimete_icon.png"); background-repeat: no-repeat; background-position: left top 12px; padding-left: 12px; }
  /* line 55, header.scss */
  #gNav ul li.gNav_back_s a { padding: 5px 18px; }
  /* line 56, header.scss */
  #gNav ul li .span_s { font-size: 11px; line-height: 1; margin-top: 3px; } }
@media only screen and (max-width: 750px) { /* line 70, header.scss */
  .pc_screen { display: none; }
  /* line 74, header.scss */
  .pushy-open-left { overflow-x: hidden; }
  /*.pushy-open-left .site-overlay, .pushy-open-left .site-header { width: 375px;}*/
  /* line 77, header.scss */
  .site-header { display: block; position: fixed; background-color: #fff; width: 100%; height: 54px; text-align: center; z-index: 9998; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
  /* line 78, header.scss */
  .logo { width: 100%; /* @include center; z-index: 0;*/ transition: .5s; }
  /* line 80, header.scss */
  .logo img { width: 174px; }
  /* line 82, header.scss */
  .menu__btn { width: 30px; }
  /* line 83, header.scss */
  .menu__btn .menu { position: relative; left: 18px; width: 30px; margin-top: 5px; z-index: 5; }
  /* line 84, header.scss */
  .menu__btn .menu img { width: 100%; }
  /* line 86, header.scss */
  .menu__btn .close { width: 66px; display: none; }
  /* line 87, header.scss */
  .menu__btn .close img { width: 30px; margin-top: 9px; }
  /* line 90, header.scss */
  .cart__btn { width: 30px; }
  /* line 91, header.scss */
  .cart__btn .cart { position: relative; right: 18px; width: 30px; z-index: 5; }
  /* line 92, header.scss */
  .cart__btn .cart img { width: 100%; }
  /* line 98, header.scss */
  .nav__global { width: 100%; display: flex; flex-wrap: wrap; padding-top: 54px; }
  /* line 99, header.scss */
  .nav__global li { width: 25%; text-align: center; background-color: #da1e1b; display: flex; align-items: center; }
  /* line 100, header.scss */
  .nav__global li:not(:last-child) { border-right: 1px solid #fff; }
  /* line 101, header.scss */
  .nav__global li a { color: #fff; margin: 0 auto; padding: 14px 0; font-size: .7rem; line-height: 1.2; font-weight: bold; display: block; letter-spacing: .075em; }
  /* line 108, header.scss */
  .pushy a { transition: 0s; }
  /* line 109, header.scss */
  .pushy .bnrLP { width: 100%; /*padding: 10px 2px;*/ padding: 2px 2px 15px; border-bottom: 1px solid #ccc; }
  /* line 110, header.scss */
  .pushy .bnrLP img { width: 100%; height: auto; }
  /* line 112, header.scss */
  .pushy .nav__function { width: 100%; }
  /* line 113, header.scss */
  .pushy .nav__function li a { font-size: 1rem !important; letter-spacing: .075em; }
  /* line 115, header.scss */
  .pushy .nav__category { width: 100%; }
  /* line 116, header.scss */
  .pushy .nav__category li { width: 100%; }
  /* line 117, header.scss */
  .pushy .nav__category li a.main { font-size: .9rem !important; letter-spacing: .075em; color: #000; padding: 11px 0 11px 15px; }
  /* line 120, header.scss */
  .pushy .sub { width: 100%; }
  /* line 122, header.scss */
  .pushy .sub li a { font-size: .9rem !important; letter-spacing: .075em; color: #000; }
  /* line 127, header.scss */
  .pushy .nav__other li a { font-size: .9rem !important; letter-spacing: .05em; color: #000; }
  /* line 130, header.scss */
  .pushy .credit { margin-bottom: 40px; }
  /* line 131, header.scss */
  .pushy .credit .heading { font-size: .8rem !important; letter-spacing: .05em; } }