@charset "UTF-8";
@media screen and (max-width: 767px) {
  img {
    width: auto;
    max-width: 100%;
    height: auto; } }

@media screen and (min-width: 768px) {
  .sp-only {
    display: none; } }

@media screen and (max-width: 767px) {
  .pc-only {
    display: none; } }

@media screen and (max-width: 767px) {
  #wrapper {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: hidden; } }

@media screen and (max-width: 767px) {
  .l_main {
    float: none;
    margin: 0 0 15px;
    width: 100%; } }

@media screen and (max-width: 767px) {
  .l_leSide {
    box-sizing: border-box;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 40px auto 0;
    padding: 0 10px; } }

.l_leSide .shop-category-list,
.l_leSide .l_leSearch h5,
.l_leSide .l_leNews h5,
.l_leSide .l_subResults h5,
.l_leSide .l_subOwner h5 {
  background-size: 100% 526px; }

.l_leSide .l_leLink_shop {
  width: 230px; }

.l_leSide .l_leBnr {
  text-align: center; }

.l_leSide .l_leNews_inner li {
  width: auto; }

.l_leSide .l_subOwner_inner li {
  width: auto; }

@media screen and (max-width: 767px) {
  .l_leNewsShop {
    background-size: 100% auto; } }

@media screen and (max-width: 767px) {
  .l_leSearch input {
    border: 1px solid #ccc;
    width: 80% !important; }
  .l_leSearch button {
    border: 1px solid #ccc;
    width: 15% !important; } }

@media screen and (max-width: 767px) {
  header.header {
    box-sizing: border-box;
    width: 100%; }
  .header_container {
    max-width: 100%;
    margin: 0 auto; }
  .l_header_le {
    float: none; }
  .headerTxt {
    margin: 4px auto 0;
    font-size: 10px;
    text-align: center; }
  .headerLogo {
    margin: 5px 0 0;
    text-align: center; }
  .l_header_ri {
    float: none;
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999; }
  .header_btn {
    display: none; }
  .headerTxt_time {
    padding: 0 0 5px;
    font-size: 13px;
    font-weight: bold;
    color: #28284f;
    text-align: center; }
  .gnavi {
    display: none; } }

@media screen and (max-width: 767px) {
  .footer {
    box-sizing: border-box;
    background: #24245f; }
  .l_footer {
    box-sizing: border-box;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px 0 0; }
  .l_footerLogin {
    display: block;
    box-sizing: border-box;
    width: auto;
    height: auto;
    margin: 10px;
    padding: 20px;
    text-align: center;
    background: #0f0f3f;
    border-radius: 4px; }
  .l_footerLogin_txt br {
    display: none; }
  .l_footerLogin_txt a {
    margin: 5px;
    display: inline-block;
    vertical-align: middle; }
  .l_footerLink {
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px;
    vertical-align: top; }
  .footer_copy {
    padding: 49px 0 14px;
    text-align: center;
    font-size: 11px;
    color: #ababc7; }
    .footer_copy.has-shop-tel-banner {
      padding-bottom: 100px; }
  .smartphone-menu h4 {
    padding: 10px 0;
    color: #272457;
    text-align: center;
    font-size: 18px;
    font-weight: bold; }
  .smartphone-menu .main-nav {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0; }
    .smartphone-menu .main-nav li {
      box-sizing: border-box;
      width: 100%;
      margin: 0;
      padding: 0;
      background: url(../images/nav_bg.png) repeat-x;
      background-size: 100% 100%; }
      .smartphone-menu .main-nav li a {
        display: block;
        padding: 10px;
        color: #ffffff; }
  .smartphone-menu .sub-buttons a {
    display: block;
    margin: 10px;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    background: #7c1f71; }
  .footerBtn_totop {
    z-index: 9999; }
    .footerBtn_totop .wrapper {
      width: 100%; }
      .footerBtn_totop .wrapper img {
        margin-right: 10px; } }

@media screen and (max-width: 767px) {
  .l_topImage {
    float: none;
    margin: 0 auto; }
  .l_topLink_shop {
    float: none;
    margin: 0;
    background-color: #e1e0de;
    font-size: 0; }
  .l_topLink_shop_inner {
    padding: 0 0 3px;
    overflow: hidden; }
  .l_topLink_shop li {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 3px 3px 0; }
  .l_topBlock_le {
    float: none;
    margin: 5px 0 0; }
  .l_topBlock_ri {
    float: none;
    margin: 5px 0 0; }
  .l_topNews {
    box-sizing: border-box;
    float: none;
    width: 100%;
    height: auto;
    margin: 10px 0 0;
    padding: 0;
    background: none;
    overflow: hidden; }
    .l_topNews:before {
      content: '店舗からのお知らせ＆WEBチラシ';
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: 40px;
      padding: 10px 0 0;
      text-align: center;
      color: #272457;
      border-top: 2px solid #272457;
      background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
      font-weight: bold;
      font-size: 20px; }
  .l_topNews_inner {
    width: auto;
    height: 20em;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 5px solid #eeeeee; }
  .l_topNews_inner li {
    width: auto;
    margin: 0 5px;
    padding: 12px 10px 3px;
    font-size: 12px;
    border-bottom: 3px dotted #cccccc;
    line-height: 1.8; }
  .l_topResults {
    float: none;
    height: auto;
    margin: 10px 0;
    padding: 0;
    background: none; }
    .l_topResults:before {
      content: '買取実績';
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: 40px;
      padding: 10px 0 0;
      text-align: center;
      color: #272457;
      border-top: 2px solid #272457;
      background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
      font-weight: bold;
      font-size: 20px; }
  .l_topResults_line {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    height: 400px;
    margin: 0 0;
    font-size: 0;
    overflow: auto;
    border: 5px solid #eeeeee; }
  .l_topResults_inner {
    display: block;
    margin: 5px 3px;
    padding: 10px 0;
    height: auto;
    vertical-align: top;
    border: 1px solid #cccccc;
    overflow: hidden; }
  .l_topResults_inner figure {
    display: block;
    float: left;
    width: 108px;
    height: 81px;
    margin-bottom: 12px;
    text-align: center;
    line-height: 81px; }
  .l_topResults_inner .Results_box {
    display: block;
    width: auto;
    margin: 0 10px 0 110px;
    padding: 0;
    font-size: 10px;
    line-height: 1.4; }
  .l_topNews_linkBtn_blue {
    margin-top: 10px;
    margin-bottom: 20px; }
  .l_topResults_linkBtn_blue {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) and (max-width: 767px) {
  .l_topResultsSearch input {
    border: 1px solid #ccc;
    width: 80% !important; }
  .l_topResultsSearch button {
    border: 1px solid #ccc;
    width: 15% !important; } }

@media screen and (max-width: 767px) {
  .l_topShoplist {
    width: auto; }
  .l_topShoplist_map {
    display: none; }
  .l_topShoplist_btn {
    margin: 10px 0 0;
    background-size: 100% 100%; }
  .l_topShoplist_btn a {
    display: block;
    padding: 22px 0;
    font-size: 17px;
    font-weight: bold;
    text-align: center; }
  .l_topBottom_block {
    display: block;
    width: auto;
    margin: 20px; }
  .l_topBottom_block:last-child {
    margin-right: 20px; } }

@media screen and (max-width: 767px) {
  .shop_head_title {
    display: none; }
  .shop-detail {
    margin: 0; }
  .shop-detail-information {
    float: none;
    width: auto; }
  .shop-detail-information header {
    position: relative;
    padding: 5px;
    overflow: hidden;
    border-width: 2px; }
  .shop-detail-information__photo {
    float: left;
    width: 100px; }
  .shop-detail-information__shop-name {
    float: none;
    width: auto;
    margin-left: 110px;
    padding: 0; }
    .shop-detail-information__shop-name img {
      width: 170px; }
    .shop-detail-information__shop-name h2 {
      margin: 0;
      font-size: 24px;
      font-weight: bold; }
      .shop-detail-information__shop-name h2 span {
        font-size: 12px; }
  .shop-detail-map {
    float: none;
    width: 300px;
    margin: 0 auto; }
  .shop-tel-banner {
    margin: 10px 0 0; }
  .js-shop-tel-banner {
    display: block;
    position: fixed;
    bottom: -5px;
    z-index: 1; }
  .l_ShopSingleResults_line {
    margin: 10px 5px 50px 10px;
    overflow: hidden; }
  .l_ShopSingleResults_inner {
    float: none;
    width: auto;
    margin: 10px auto; }
  .l_shopNews_inner {
    height: 280px;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden; }
  .l_shopNews_inner li h4 {
    float: none;
    width: auto; }
  .shops_box td {
    padding: 0 1em; }
  .shops_box .th_240 {
    width: 140px;
    padding: 0 0 0 1em;
    vertical-align: top;} }

@media screen and (max-width: 767px) {
  .result-detail__info {
    width: 90%;
    margin: 0 auto; }
  .box01 p.fl-l {
    float: none; }
  .l_main_kaitori1 {
    width: 100%;
    padding: 0 1em;
    box-sizing: border-box; }
    .l_main_kaitori1 .l_main_kaitori1_l {
      width: 20%; }
    .l_main_kaitori1 .l_main_kaitori1_r {
      width: 80%; }
  table.rolex03_tbl,
  table.rolex06_tbl,
  table.dia03_tbl,
  table.dia04_tbl,
  table.dia05_tbl,
  table.omega03_tbl,
  table.rolex03_tbl,
  table.dia04_tbl,
  table.lv04_tbl,
  table.lv05_tbl,
  table.l_main_shichi3,
  table.hanbai1_tbl,
  .kaitori5_tbl,
  table.hanbai1_tbl,
  table.l_main_shichi3,
  table.hanbai2_tbl,
  .kaitori5_tbl,
  .kaitori7_tbl {
    width: 100%; }
  .l_main_shichi4 {
    margin: 25px auto 0; }
  .dia04 .mal20 {
    margin: 0; }
  .dia05_tbl {
    overflow: hidden; }
    .dia05_tbl tbody {
      overflow-x: scroll; }
  .l_mainAbout_imgRi {
    margin: 25px 20px 0;
    float: none; }
  .omega05 .mat20 {
    margin: 0; }
  .omega05 .mal20 {
    margin: 0; }
  .lv02-l, .lv02-r {
    float: none;
    padding: 0 20px; }
  .lv04_ttl, .lv04_txt {
    font-size: 16px; }
  .ac-container, .ac-container article p.dia05_title {
    width: 100%;
    box-sizing: border-box; }
  .l_main_shichi9, .kaitori7 {
    padding-top: 100px;
    width: 100%;
    background-size: contain; }
  .l_main_shichi1 {
    margin-left: 10px; }
    .l_main_shichi1.mar20 {
      margin-right: 10px; }
  .img-shichi05 {
    margin: 0 0 50px; }
  .l_main_shichi8, .l_main_shichi8_01 {
    width: 100%;
    box-sizing: border-box; }
  .l_main_shichi6 {
    width: 100%; }
  .l_main_shichi6_01,
  .l_main_shichi6_02,
  .l_main_shichi6_03,
  .l_main_shichi6_04,
  .l_main_shichi6_05,
  .l_main_shichi6_06 {
    float: none;
    margin: 20px auto 0; }
  .l_mainAbout_flow_txt {
    width: 90%; }
  .img-uritai08,
  .img-uritai09,
  .img-uritai10,
  .img-uritai22,
  .img-uritai23,
  .img-uritai24,
  .img-kaitai05 {
    margin: 20px 0 0; }
  .kaitori6_dl {
    width: 100%; }
  .kaitori7 {
    background: url(../images/kaitori/uritai21.jpg) top center/contain no-repeat;
    height: 20vw;
    padding-top: 61vw; }
  .l_mainAbout {
    display: flex;
    flex-wrap: wrap; }
  .l_mainAbout_title {
    width: 100%; }
  .l_main_shichi2 {
    margin: 20px 10px !important; } }

@media screen and (max-width: 767px) {
  .takuhaikaitori p.nagare {
    padding: 50px 20px 0 0; }
  .takuhaikaitori.form1 tr {
    display: flex;
    flex-wrap: wrap; }
  .takuhaikaitori.form1 th {
    display: block;
    width: 100%;
    padding: 20px 10px 0;
    box-sizing: border-box; }
    .takuhaikaitori.form1 th br {
      display: none; }
  .takuhaikaitori.form1 td {
    width: 100%;
    padding: 20px 10px; }
  .takuhaikaitori.form1 input[type="text"], .takuhaikaitori.form1 input[type="tel"], .takuhaikaitori.form1 input[type="email"], .takuhaikaitori.form1 textarea {
    width: 96%; }
  .takuhaikaitori.form1 .mini {
    margin: 20px 0 0; }
  .takuhaikaitori.form1 input.post {
    width: 50px; }
  .takuhaikaitori.form1 .radio-443 .wpcf7-form-control {
    display: flex;
    flex-wrap: wrap; }
    .takuhaikaitori.form1 .radio-443 .wpcf7-form-control .wpcf7-list-item {
      width: 100%; }
  .takuhaikaitori .scrollBox {
    margin: auto 10px; } }

@media screen and (max-width: 767px) {
  .news-fig {
    display: block;
    float: left;
    width: 108px;
    height: 81px;
    margin-bottom: 12px;
    text-align: center;
    line-height: 81px; } }

/*
 * Hiraku Ver.1.0.2 (https://www.appleple.com)
 * Copyright appleple | MIT License
 *
 */
.js-hiraku-offcanvas-active {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100001;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }

.js-hiraku-offcanvas-open {
  display: block; }

.js-hiraku-offcanvas-body {
  width: 100%;
  left: 0;
  transition: left 0.3s ease-in-out;
  z-index: 0; }

.js-hiraku-offcanvas-body-right {
  overflow-y: hidden;
  left: -200px;
  position: fixed; }

.js-hiraku-offcanvas-body-left {
  overflow-y: hidden;
  left: 200px;
  position: fixed; }

.js-hiraku-offcanvas-body-moving {
  left: 0;
  position: fixed; }

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar {
  display: block;
  width: 200px;
  z-index: 10002;
  position: fixed;
  top: 0;
  bottom: 0;
  max-width: 100%;
  background-color: #fff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box; }

.js-hiraku-offcanvas:focus {
  background-color: rgba(0, 0, 0, 0.3); }

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right {
  right: 0;
  left: auto;
  margin-right: -200px;
  transition: margin-right 0.3s ease-in-out; }

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left {
  left: 0;
  right: auto;
  margin-left: -200px;
  transition: margin-left 0.3s ease-in-out; }

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right.active {
  margin-right: 0;
  transition: margin-right 0.3s ease-in-out; }

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left.active {
  margin-left: 0;
  transition: margin-left 0.3s ease-in-out; }

.js-hiraku-header-fixed {
  transition: margin-left 0.3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

.js-hiraku-offcanvas-body-right,
.js-hiraku-offcanvas-body-left {
  overflow: hidden; }

.js-hiraku-offcanvas-body-right .js-hiraku-header-fixed {
  margin-left: -200px; }

.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed {
  margin-left: 200px; }

.js-hiraku-offcanvas-close-btn {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0); }

.hiraku-open-btn {
  display: none;
  position: absolute;
  top: 30px;
  right: 2px;
  background: transparent;
  border: 1px solid #28284f;
  padding: 6px;
  cursor: pointer;
  border-radius: 3px;
  color: #28284f; }
  @media screen and (max-width: 767px) {
    .hiraku-open-btn {
      display: block; } }

.hiraku-open-btn-line {
  display: block;
  position: relative;
  width: 18px;
  height: 2px;
  margin: 6px auto;
  background-color: #28284f;
  border-radius: 1px;
  transition: .1s all; }

.hiraku-open-btn-line:before,
.hiraku-open-btn-line:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #28284f;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  transition: .3s all; }

.hiraku-open-btn-line:before {
  top: -6px; }

.hiraku-open-btn-line:after {
  bottom: -6px; }

[aria-expanded="true"] .hiraku-open-btn-line {
  background-color: transparent; }

[aria-expanded="true"] .hiraku-open-btn-line:before,
[aria-expanded="true"] .hiraku-open-btn-line:after {
  width: 22px; }

[aria-expanded="true"] .hiraku-open-btn-line:before {
  transform: translate(-2px, 6px) rotate(45deg); }

[aria-expanded="true"] .hiraku-open-btn-line:after {
  transform: translate(-2px, -6px) rotate(-45deg); }
