@charset "UTF-8";
/*--------------------------------
 Grid Style CSS
 グリッドスタイル
---------------------------------*/
/* PC only */
/* PC, Tablet only */
@media only screen and (min-width: 768px) {
  #gnav_wrap {
    display: block !important;
    right: auto !important; } }
/* Tablet(large) only */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .container_12 .gridBox.three {
    width: 200px; }

  .container_12 .gridBox.nine {
    width: 500px; } }
/* Tablet(large) > Tablet(small) > Smartphone */
@media only screen and (max-width: 1023px) {
  hr {
    width: 480px !important; }

  header #gnav ul li {
    min-width: auto; }
    header #gnav ul li a {
      padding-left: 6px;
      padding-right: 6px;
      font-size: 12px; }

  .main #top_search_jigyosya input#top_search_word {
    width: 206px; }
  .main #top_search_category {
    width: 480px; }
  .main .top_info {
    width: 480px; }
    .main .top_info ul {
      width: 480px; }
  .main .view_subinfo {
    width: 480px; }
  .main #top_new_arrival {
    width: 480px; }
  .main .main_title {
    margin-top: 10px; }

  .search_box {
    width: 480px; }
    .search_box #search_box_2_basic th {
      vertical-align: baseline;
      width: 100px;
      font-size: 15px; }
    .search_box #search_box_2_basic #search_box_detail_open_wrap {
      float: none;
      margin-top: 10px;
      margin-left: 145px; }
    .search_box #search_box_2_detail #search_ssel_box_wrap #search_ssel_box_2 {
      margin-left: 0px; }

  .search_result_row {
    position: relative;
    height: auto;
    padding-top: 25px;
    padding-bottom: 10px; }
    .search_result_row .search_result_rec_left,
    .search_result_row .search_result_rec_right {
      float: none; }
    .search_result_row table.search_result_rec_left {
      width: 100%; }
      .search_result_row table.search_result_rec_left th a {
        font-size: 15px; }

  .search_services {
    float: none;
    width: 100%; }

  #dtl_search_word {
    width: 330px; }

  #search_result_count_box {
    width: 480px; }

  #search_result {
    width: 480px; }

  #btn_toggle_jigyosya_index {
    margin-left: 50px; }

  .btn_search_result_rec_dtl {
    position: static;
    bottom: auto;
    right: auto;
    margin: 10px auto 0px auto; }

  .top_banners {
    width: 100%; }
    .top_banners .top_banner_square {
      display: block;
      margin: 0px auto 10px auto !important; }

  #btn_to_top_of_page {
    margin-left: 605px; }

  .btn_top_search_cate#btn_top_search_cate_1 {
    margin-left: 10px; }
  .btn_top_search_cate#btn_top_search_cate_5 {
    margin-left: 10px; } }
/* Tablet(small) > Smartphone */
@media only screen and (max-width: 767px) {
  hr {
    width: 458px !important; }

  header {
    position: fixed;
    height: auto;
    border-bottom: 5px solid #347732;
    -moz-box-shadow: 0px 0px 5px #666;
    -ms-box-shadow: 0px 0px 5px #666;
    -o-box-shadow: 0px 0px 5px #666;
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
    z-index: 98; }
    header #logo_wrap #logo_main {
      width: 300px;
      height: 32px;
      background-size: 300px 32px;
      margin-top: 10px; }
    header #logo_wrap #logo_sub {
      margin-left: 10px;
      margin-top: 10px; }
    header #logo_wrap #sub_title_logo {
      margin-left: 10px;
      margin-top: 10px;
      font-size: 16px;
      width: auto;
      padding: 4px 12px; }
    header #gnav_wrap {
      position: fixed;
      right: -300px;
      display: none;
      height: 100%;
      min-height: 100%;
      width: 300px;
      top: 75px;
      z-index: 99;
      background: #eee;
      border-left: 1px solid #999; }
    header #gnav_wrap .container_12 {
      width: 100%; }
      header #gnav_wrap .container_12 #gnav.gridBox {
        margin-left: 0px;
        width: 100%; }
    header #gnav ul li {
      width: 100%;
      float: none;
      border-left: none;
      border-bottom: 1px solid #999; }
      header #gnav ul li a {
        display: block;
        width: 100%; }
        header #gnav ul li a i.fa.fa-angle-right {
          display: inline-block; }
      header #gnav ul li:not(.current) a:active {
        background: #fff; }
      header #gnav ul li#gnav_jigyosya_wrap {
        display: block; }

  footer {
    margin-top: 50px; }

  .sidebar {
    position: relative;
    margin-top: 10px;
    width: 100%; }
    .sidebar nav {
      position: relative;
      display: block;
      width: 100%; }

  .main {
    margin-top: 120px;
    margin-right: 10px; }
    .main #top_search_jigyosya {
      height: 150px; }
      .main #top_search_jigyosya input#top_search_word {
        width: 372px; }
    .main #top_search_category {
      width: 100%; }
    .main .top_info {
      width: 100%; }
      .main .top_info ul {
        width: 100%; }
        .main .top_info ul li a span.top_info_post_title {
          max-width: 310px; }
    .main .view_subinfo {
      width: 100%; }
    .main #top_new_arrival {
      width: 100%;
      margin: 0px auto; }
    .main .main_title {
      margin-top: 0px; }

  .search_box {
    width: 100%; }
    .search_box #search_box_2_basic #search_box_detail_open_wrap {
      margin-left: 120px; }

  #dtl_search_word {
    width: 305px; }

  #search_result_count_box {
    width: 100%; }

  #search_result {
    width: 100%; }

  .btn_side_single {
    width: 100%; }

  #btn_toggle_jigyosya_index {
    display: none; }

  #btn_smart_nav_toggle {
    display: block; }

  #btn_top_search_more {
    display: block;
    margin: 10px auto 0px auto; }

  #btn_to_top_of_page {
    margin-left: 327px; }

  #btn_side_login {
    margin: 0px auto; }

  #btn_side_regist {
    margin: 10px auto 0px auto; }

  #jigyousya_conts_cate01_dtl table td, #jigyousya_conts_cate01_dtl table th {
    display: block; }

  .edit_sec_services td {
    display: block;
    width: 100%; } }
/* Smartphone only */
@media only screen and (max-width: 479px) {
  hr {
    width: 298px !important; }

  header #logo_wrap #logo_main {
    width: 220px;
    height: 23px;
    background-size: 220px 23px; }
  header #logo_wrap #logo_sub {
    width: 220px;
    height: 14px;
    background-size: 220px 14px; }
  header #logo_wrap #sub_title_logo {
    font-size: 14px;
    width: auto;
    padding: 4px 10px; }
  header #gnav_wrap {
    top: 62px; }

  .main {
    margin-top: 110px;
    margin-right: 10px; }
    .main #top_search_jigyosya {
      height: 150px; }
      .main #top_search_jigyosya input#top_search_word {
        width: 212px; }
    .main #top_search_category {
      width: 100%; }
    .main .top_info {
      width: 100%; }
      .main .top_info ul {
        width: 100%; }
        .main .top_info ul li a {
          font-size: 14px; }
          .main .top_info ul li a span.top_info_post_title {
            max-width: 260px; }
          .main .top_info ul li a span.top_new_list_date {
            display: none; }
    .main .view_subinfo {
      width: 100%; }
    .main #top_new_arrival {
      width: 100%; }
    .main .main_title {
      margin-top: -20px; }

  .search_box {
    width: 100%;
    margin: 0px auto; }
    .search_box #search_box_2_basic th, .search_box #search_box_2_basic td {
      display: block; }
    .search_box #search_box_2_basic th {
      width: 100%; }
    .search_box #search_box_2_basic #search_box_detail_open_wrap {
      margin-left: 71px; }
    .search_box #search_box_2_detail th, .search_box #search_box_2_detail td {
      display: block; }

  #dtl_search_word {
    width: 255px; }

  footer {
    height: 120px; }
    footer #foot_nav ul li {
      padding-left: 0px; }
    footer #foot_copy {
      margin-top: 15px; }

  .search_services {
    width: 100%; }

  .search_result_row {
    padding-top: 25px; }
    .search_result_row table.search_result_rec_left {
      width: 100%; }
      .search_result_row table.search_result_rec_left th {
        min-width: 80px;
        font-size: 13px; }
        .search_result_row table.search_result_rec_left th a {
          font-size: 15px;
          max-width: 280px; }
      .search_result_row table.search_result_rec_left td {
        word-break: break-all; }

  #btn_search_exec {
    width: 135px;
    height: 51px;
    background-size: 135px 51px; }

  #btn_search_clear {
    width: 130px;
    height: 33px;
    background-size: 130px 33px; }

  .btn_top_search_cate#btn_top_search_cate_1 {
    margin-left: 0px; }
  .btn_top_search_cate#btn_top_search_cate_5 {
    margin-left: 0px; }

  #btn_to_top_of_page {
    margin-left: 167px; }

  #contact_box {
    margin-left: 0px; }
    #contact_box table th, #contact_box table td {
      display: block;
      width: 100%; }

  #edit_sdata_box {
    margin-left: 0px; }
    #edit_sdata_box table th, #edit_sdata_box table td {
      display: block;
      width: 100%; } }