@charset "utf-8";

.menu-trigger,
.sp_cart,
.nav_search,
.sp_nav {
  display: none;
}

@media only screen and (max-width: 1080px) {
  #upper h1 {
    margin-left: calc(100% - 1000px);
  }
}

@media only screen and (max-width:1000px) {

  /*ここから====================*/
  body {
    width: 100%;
    min-width: 100%;
  }

  /*見出しサイズ
====================*/
  h1 {
    font-size: 20px;
    font-weight: normal;
  }

  h2 {
    font-size: 16px;
    font-weight: normal;
  }

  h3 {
    font-size: 14px;
    font-weight: normal;
  }

  h4 {
    font-size: 12px;
    font-weight: normal;
  }

  h5 {
    font-size: 10px;
    font-weight: normal;
  }

  h6 {
    font-size: 8px;
    font-weight: normal;
  }

  p {
    font-size: 14px;
  }

  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ページトップ
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
  #scroll-to-top {
    bottom: 100px;
  }

  /*共通*/
  .inner {
    width: 100%;
    padding: 0;
  }

  .L_box,
  .R_box {
    width: 100% !important;
  }

  .pc {
    display: none !important;
  }

  .sp {
    display: block;
  }

  .fix_btn {
    display: none;
  }

  .sns_box {
    position: static;
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: center;
    background: url(img/ic_bg.png);
  }

  .sns_box a {
    display: inline-block;
    margin: 0 10px;
  }

  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
パンくず
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
  .breadcrumbs {
    width: calc(100% - 40px);
    margin: 20px 20px;
    font-size: 12px;
    line-height: 1.4;
  }

  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ヘッダー
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
  #upper {
    width: 100%;
    height: auto;
    padding: 0;
    z-index: 100;
  }

  #upper .inner {
    width: 100%;
  }

  #upper h1 {
    float: none;
    width: 100%;
    height: auto;
    margin: 10px auto;
    text-align: center;
  }

  #upper h1 img {
    width: auto;
    height: 30px;
  }

  .sp_cart {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 37px;
  }

  .sp_cart img {
    width: 100%;
    height: auto;
  }

  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ハンバーガー
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }

  .menu-trigger {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    padding: 3px 5px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2000;
  }

  .menu-trigger p {
    color: #fff;
    font-size: 10px;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .trigger_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .trigger_wrap span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
  }

  .menu-trigger span:nth-of-type(1) {
    top: 2px;
  }

  .menu-trigger span:nth-of-type(2) {
    top: 10px;
  }

  .menu-trigger span:nth-of-type(3) {
    top: 18px;
  }

  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-315deg);
    transform: translateY(9px) rotate(-315deg);
  }

  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }

  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(315deg);
    transform: translateY(-7px) rotate(315deg);
  }

  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ナビ
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
  .g_nav_sp {
    display: none;
    top: 100%;
    width: 100%;
    height: calc(100vh - 52px);
    overflow: auto;
    padding: 0;
    z-index: 5000;
  }

  /*親のul*/
  .g_nav_sp .g_nav_menu {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    text-align: left;
  }

  /*親のli*/
  .g_nav_sp .g_nav_menu>li {
    position: static;
    display: block;
    width: 100%;
    margin: 0px;
    letter-spacing: normal;
    text-align: left;
    border-bottom: 1px dotted #666;
    background: none;
  }

  .g_nav_sp .g_nav_menu>li.has-child::after {
    content: '\f2c7';
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: ionicons;
    font-size: 26px;
    z-index: 10;
    content: none;
  }

  .g_nav_sp .g_nav_menu>li.active::after {
    content: '\f2f4';
    content: none;
  }

  /*親のliのa設定*/
  .g_nav_sp .g_nav_menu>li>a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    font-size: 18px;
    text-align: left;
    padding: 20px 20px;
  }

  .g_nav_sp .g_nav_menu>li>a>span {
    display: inline;
    font-size: 14px;
  }

  .g_nav_sp .g_nav_menu>li>a>span::before {
    display: inline;
    content: '/';
    font-size: 18px;
    margin: 0 8px;
  }

  /*子のul*/
  .g_nav_sp .g_nav_menu>li>.sub-menu {
    display: none;
    width: 90%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin-left: 10%;
  }

  /*子のli*/
  .g_nav_sp .g_nav_menu>li>.sub-menu>li {
    padding: 0 10px;
    margin: 0 0 10px;
    text-align: left;
    overflow: hidden;
  }

  .g_nav_sp .g_nav_menu .has-child>.btn-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 58px;
  }

  .g_nav_sp .g_nav_menu .has-grand>.btn-icon {
    position: absolute;
    right: 0;
    top: -10px;
    width: 50px;
    height: 50px;
  }

  .g_nav_sp .g_nav_menu .has-child>.btn-icon::before {
    content: '\f48a';
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    cursor: pointer;
    font-family: ionicons;
    font-size: 20px;
    z-index: 10;
  }

  .g_nav_sp .g_nav_menu .has-grand>.btn-icon::before {
    content: '\f48a';
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    cursor: pointer;
    font-family: ionicons;
    font-size: 20px;
    z-index: 10;
  }

  .g_nav_sp .g_nav_menu .has-child.active>.btn-icon::before,
  .g_nav_sp .g_nav_menu .has-grand.active>.btn-icon::before {
    content: '\f463';
  }

  /*孫のul設定*/
  .g_nav_sp .g_nav_menu>li>.sub-menu>li>.sub-menu {
    display: none;
    width: 90%;
    height: 100%;
    padding: 0 0 10px 10px;
    margin-left: 10%;
    z-index: 1500;
  }

  /*孫のli*/
  .g_nav_sp .g_nav_menu>li>.sub-menu>li>.sub-menu>li {
    /*padding-left:20px;*/
  }

  /*子と孫のa設定*/
  .g_nav_sp .g_nav_menu li .sub-menu li a {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.4;
    text-align: left;
    border-bottom: 1px solid #999;
    padding: 10px;
  }

  .g_nav_sp .g_nav_menu li {
    position: relative;
  }

  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ヘッダー検索
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
  .nav_search {
    display: block;
    padding: 10px 0 20px;
    border-bottom: 1px dotted #666;
  }

  .nav_search #jet_searchform {
    width: 90%;
  }

  .header-search {
    background: rgba(255, 255, 255, 0.9);
    top: 100%;
  }

  .header-search.slide {
    height: 80px;
  }

  #jet_searchform-header {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 10px;
  }

  .header-search.slide #jet_searchform-header #jet_keywords_header {
    font-size: 16px;
  }

  #jet_searchBtn_header {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 15px;
    transition: .5s ease-in-out;
  }

  #btn-search {
    box-sizing: border-box;
    left: auto;
    top: 10px;
    right: 10px;
  }

  /* Biz calender */
  #biz-c #biz_calendar p {
    font-size: 12px;
  }

  /*ここまで====================*/
}