@charset "utf-8";
/* CSS Document */

/* PC SP共通 */
/* 手動で追加 */
.l-container img {
  display: inline;
}
.l-container * {
  box-sizing: content-box;
}
.l-container #contents, .l-container #section {
  text-align: center;
}
.l-container section {
  margin: 0;
}

/* 移植+影響範囲の修正 */
/* PC */
@media (min-width: 768px) {
  /* 手動追加 */
  .l-container .icon img {
    height: 16px;
  }
  /* 移植分 */
  .l-container .btn_more {
    display: block;
    width: 214px;
    height: 30px;
    margin: 0 auto;
    background: #fff url("/res/img/guide/official_used_shop/pc/btn_more_bg.gif") no-repeat 185px center;
    border: #e1e1e1 1px solid;
    border-radius: 15px;
    text-align: center;
 }
  .l-container .btn_more a {
    display: block;
    width: 214px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
 }

  .l-container {
    /*打消*/
    /*新着・ランキング・レコメンド・チェックしたアイテム*/
    /*#top_brand {
       padding: 15px 0 35px 0;
    }
     #top_brand li {
       float: left;
       width: 320px;
       height: 184px;
    }
     #top_brand li img {
       display: block;
    }
    */
  }
   .l-container .section {
     margin: 2% 0 5% 0;
  }
   .l-container .main {
     width: 75%;
     margin: auto;
  }
   .l-container .main h2 img {
     width: 100%;
  }
   .l-container .main p {
     text-align: center;
    /*color: #8c8c8c;
    */
     font-size: 16px;
     margin: 25px 0 65px 0;
     line-height: 2;
  }
   .l-container .conPoint {
     text-align: center;
     margin: 0 0 6% 0;
  }
   .l-container .conPointTtl {
     color: #575757;
     font-size: 20px;
     margin: 0 0 2.3% 0;
     letter-spacing: 1px;
  }
   .l-container .conPointTtl .ttlnum {
     font-size: 30px;
     font-weight: bold;
  }
   .l-container .conPoint ul {
     list-style: none;
     width: 873px;
     margin: 0 auto;
     padding: 0;
     display: flex;
     justify-content: center;
  }
   .l-container .conPoint ul li {
     float: left;
     margin: 0 21px 0 0;
     width: 275px;
     height: 85px;
     border: 1px solid #d2d2d2;
     position: relative;
     font-size: 17px;
     font-weight: 700;
     color: #000;
  }
   .l-container .conPoint ul li:last-child {
     margin: 0;
  }
   .l-container .iconNumber01 {
     width: 20px;
     height: 20px;
     border-radius: 100%;
     background: #b3b3b3;
     text-align: center;
     line-height: 20px;
     color: #fff;
     font-size: 10px;
     position: absolute;
     margin: 0;
     left: 24px;
     top: 32px;
  }
   .l-container .iconNumber02 {
     width: 20px;
     height: 20px;
     border-radius: 100%;
     background: #b3b3b3;
     text-align: center;
     line-height: 20px;
     color: #fff;
     font-size: 10px;
     position: absolute;
     margin: 0;
     left: 34px;
     top: 32px;
  }
   .l-container .iconNumber03 {
     width: 20px;
     height: 20px;
     border-radius: 100%;
     background: #b3b3b3;
     text-align: center;
     line-height: 20px;
     color: #fff;
     font-size: 10px;
     position: absolute;
     margin: 0;
     left: 8px;
     top: 32px;
  }
   .l-container .pointTxt {
     margin: 0;
     padding: 0 0 0 22px;
     line-height: 81px;
  }
   .l-container #contents h2 {
     padding: 0 !important;
     border-bottom: none !important;
  }
   .l-container .section_title {
     text-align: center !important;
     font-size: 24px !important;
     margin-bottom: 2.3% !important;
     text-decoration: underline;
  }
   .l-container #brandNewArrival, .l-container .check-item, .l-container #ranking, .l-container #recommend {
     padding-bottom: 50px;
     text-align: left !important;
  }
   .l-container .item-list ul {
     margin-left: 0;
  }
   .l-container .item-list ul li {
     float: left;
     padding: 0;
     width: 240px;
     font-size: 14px;
     position: relative;
     margin-bottom: 20px;
  }
   .l-container .check-item .item-list ul li {
     width: 192px;
  }
   .l-container .item-list ul li a {
     display: block;
  }
   .l-container .item-list ul li a:hover {
     text-decoration: none;
  }
   .l-container .item-list ul li h3 {
     font-size: 13px;
     padding: 5px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
  }
   .l-container .item-list ul li span {
     display: block;
  }
   .l-container .item-list ul li span.item-photo {
     display: block;
  }
   .l-container .item-list ul li span.item-name {
     display: block;
     padding: 0 5px 5px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
  }
   .l-container .item-list ul li span.price {
     padding: 0 5px 5px;
  }
   .l-container .item-list ul li span.price.sale {
     color: #b31a36;
  }
   .l-container .item-list ul li span.taxin {
     display: inline;
     font-size: 0.65em;
  }
   .l-container .item-list ul li span.price_off {
     display: inline;
  }
   .l-container .item-list ul li span.icon {
     min-height: 20px;
  }
   .l-container .item-list ul li span.icon img {
     margin-bottom: 4px;
  }
   .l-container .item-list .item-photo {
     position: relative;
  }
   .l-container .item-list .rank_no {
     position: absolute;
     top: 10px;
     left: 10px;
  }
   .l-container .item-list ul li span.soldOut {
     position: absolute;
     z-index: 100;
  }
   .l-container .item-list ul li span.usedItem {
     position: absolute;
     z-index: 101;
     margin-left: -40px;
     margin-top: 0px;
  }
   .l-container .item-list ul li span.usedonly {
     font-size: 10px;
     background: #fff;
     border: solid 1px #bdbcbc;
     border-radius: 12px;
     padding: 5px 21px 5px 10px;
     background-image: url(/static/full/images/common/list_used_icon.png);
     background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: 92%;
     bottom: 5px;
     right: 5px;
  }
   .l-container .top_category, .l-container .summary, .l-container .news {
     width: 960px;
    /* height: 145px;
     */
     margin: 3% auto 4%;
     padding: 2% 0;
  }
   .l-container .top_category {
     margin: 3% auto 0;
  }
   .l-container .top_category p {
     font-size: 20px;
     letter-spacing: 1px;
  }
   .l-container .top_category a:hover {
     opacity: 0.45;
  }
   .l-container .used_category {
     width: 920px;
     margin: 2% auto 5%;
     padding: 2.5% 0;
     border-bottom: 1px solid #ddd;
     border-top: 1px #ddd solid;
     position: relative;
  }
   .l-container .used_category li {
     float: left;
     width: 10%;
    /* height: 82px;
     */
     text-align: center;
     margin: 0 3.3%;
     vertical-align: middle;
  }
   .l-container .used_category li a {
     display: block;
     width: 92px;
     height: 82px;
     text-align: center;
     vertical-align: middle;
     text-decoration: none;
     margin: auto;
  }
   .l-container .used_category a span {
     display: block;
     font-size: 12px;
     height: 12px;
     line-height: 12px;
     padding: 9px 0 7px 0;
  }
   .l-container .used_category a img {
     display: block;
     margin: 0 auto;
  }
   .l-container .used_category .section_title {
     display: inline-block;
     padding: 10px 20px;
     position: absolute;
     background-color: #fff;
     top: -23px;
     left: 41%;
     text-decoration: none;
  }
   .l-container .used_category.clm3 ul {
     width: 70%;
     margin: auto;
  }
   .l-container .used_category.clm3 li {
     width: 25%;
  }
   .l-container #top_brand {
     margin: 6% auto 4%;
  }
   .l-container #top_brand ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     background-color: #eee;
     padding: 10px;
  }
   .l-container #top_brand li {
     width: 180px;
     height: 180px;
     border: 1px solid #eee;
     background-color: #fff;
     margin: 5px 3px;
     transition: background-color 0.5s;
  }
   .l-container #top_brand li:hover {
     background-color: rgba(255, 255, 255, 0.7);
  }
   .l-container #top_brand li img {
     width: 100%;
     height: auto;
     transition: opacity 0.5s;
  }
   .l-container .BnrList {
     margin-bottom: 5%;
  }
   .l-container .btn_usedAll a {
     font-size: 18px;
     letter-spacing: 2px;
     border: 2px solid #ccc;
     padding: 2% 10%;
     display: block;
     width: 30%;
     margin: 0 auto;
     border-radius: 50px;
     transition: background-color 0.5s;
  }
   .l-container .btn_usedAll a:hover {
     text-decoration: none;
     color: #fff;
    /*color:#8CC329;
    */
     background-color: #ccc;
  }
   .l-container .about {
     border: 14px solid #eee;
     padding: 4% 5%;
     line-height: 2;
  }
   .l-container .about h3 {
     font-size: 18px;
     letter-spacing: 1px;
     padding: 0 0 3%;
  }
   .l-container .about p {
     font-size: 128%;
     text-align: left;
     padding: 0 0 4% 0;
     overflow: hidden;
  }
   .l-container .about .mecha p {
     padding: 0;
  }
   .l-container .about .mecha {
     text-align: left;
  }
   .l-container .about .mecha span {
     display: block;
     font-weight: bold;
     font-size: 115%;
  }
   .l-container .about .mecha .mechalogo_icon {
     float: left;
     padding: 2% 4% 2% 2%;
  }
   .l-container .about .mecha a {
     font-size: 105%;
     padding-top: 0.8%;
     display: block;
     color: #ff2d8c;
  }
   .l-container .news .news_list, .l-container .news .news_list.single {
     display: flex;
     box-sizing: border-box;
     justify-content: space-between;
     margin: auto;
     flex-wrap: wrap;
  }
   .l-container .news .news_list.single {
     justify-content: center;
  }
   .l-container .news_list .news_cell {
     width: 475px;
     height: 240px;
     color: #fff;
     margin: 5px 0;
  }
   .l-container .news_list .news_cell img {
     width: 100%;
  }
}

/* SP */
@media (max-width: 767px) {
  /* 手動追加 */
  /* .l-container .cmn-newarrival li a span {
      display: block;
   } */
    /* 移植分 */
  /* .l-container .more_btn a {
    background: url(/res/img/guide/official_used_shop/sp/btn_more_bg.gif) right center no-repeat;
    background-size: 28px 12px;
    border: 1px solid #cecccd;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    display: block;
    line-height: 34px;
    padding: 0 50px 0 20px;
    text-align: center;
    margin: 0 12px;
 }
  .l-container #contents {
    color: #000;
    font-family: 'Noto Sans C JK JP DemiLight', helvetica, arial, verdana, sans-serif;
    line-height: 1.6;
    background: transparent;
  } */
  /* 以下移行 */
  .l-container {
    /*#top_brand {
       padding: 0 0 15px 0;
    }
     #top_brand li {
       float: left;
       width: 50%;
       height: auto;
    }
     #top_brand li img {
       display: block;
    }
    */
  }
   .l-container .section_map {
     margin: 0 0 0 0;
     width: 100%;
     padding: 0 0 0 0;
  }
   .l-container .section_map img {
     width: 100%;
     height: 100%;
  }
   .l-container .mapImg {
     padding-top: 10px;
  }
   .l-container .main p {
     text-align: center;
     color: #8c8c8c;
     font-size: 14px;
     margin: 2% 0 2% 0;
     line-height: 1.9;
  }
   .l-container .conPoint {
     text-align: center;
     margin: 0 0 5% 0;
  }
   .l-container .conPointTtl {
     color: #575757;
     font-size: 15px;
     margin: 18px 0 8px 0;
     letter-spacing: 1px;
     font-weight: 700;
  }
   .l-container .conPoint ul {
     list-style: none;
     width: 98%;
     margin: 0 auto;
     padding: 0;
  }
   .l-container .conPoint ul li {
     float: left;
     margin: 0 0.6% 0 0.6%;
     padding: 0.5%;
     width: 30.5%;
     border: 1px solid #d2d2d2;
     position: relative;
     font-size: 12px;
     color: #000;
  }
   .l-container .conPoint ul li:last-child {
     margin: 0 0 0 0.6%;
  }
   .l-container .iconNumber01, .l-container .iconNumber02, .l-container .iconNumber03 {
     width: 13px;
     height: 13px;
     border-radius: 100%;
     background: #b3b3b3;
     text-align: center;
     line-height: 1.1;
     color: #fff;
     font-size: 12px;
     margin: 2px auto;
     padding: 2%;
  }
   .l-container .pointTxt {
     margin: 0;
     padding: 2px 0 5px 0;
     line-height: 1.5;
  }
   .l-container #top_brand {
     padding: 0 0 15px 0;
     margin: 15% auto;
  }
   .l-container #top_brand ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     background-color: #eee;
     padding: 5% 0;
  }
   .l-container #top_brand ul:after {
     display: none;
  }
   .l-container #top_brand li {
     width: 31%;
     height: auto;
     background-color: #fff;
     margin: 1%;
  }
   .l-container #top_brand li img {
     display: block;
  }
   .l-container .category-list {
     margin-top: 20px;
  }
   .l-container .category-list h2, .l-container .section_title, .l-container .category-list .category_title {
     font-family: 'Noto Sans C JK JP DemiLight', helvetica, arial, verdana, sans-serif;
     font-size: 16px;
     line-height: 1.2;
     margin-bottom: 15px;
     padding: 0 12px;
    /*text-align:left;
    */
     font-weight: normal;
  }
   .l-container .section_title {
     font-size: 20px;
     text-decoration: underline;
  }
   .l-container .category-list ul {
     border-top: 1px solid #cecccd;
  }
   .l-container .category-list li {
     border-bottom: 1px solid #cecccd;
     float: left;
     width: 50%;
  }
   .l-container .category-list li img {
     width: auto;
     height: 64px;
  }
   .l-container .category-list li a, .l-container .category-list.clm3 li a {
     background-position: right center, 12px center;
     background-repeat: no-repeat, no-repeat;
     background-size: 21px 9px, 24px 21px;
     display: block;
     font-size: 14px;
     line-height: 19px;
     padding: 16px 25px 16px 44px;
  }
   .l-container .category-list li:nth-of-type(even) a, .l-container .category-list.clm3 li:nth-of-type(even) a {
     border-left: 1px solid #cecccd;
  }
   .l-container .category-list li:nth-of-type(1) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_1.png");
  }
   .l-container .category-list li:nth-of-type(2) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_2.png");
  }
   .l-container .category-list li:nth-of-type(3) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_3.png");
  }
   .l-container .category-list li:nth-of-type(4) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_5.png");
  }
   .l-container .category-list li:nth-of-type(5) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_4.png");
  }
   .l-container .category-list li:nth-of-type(6) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_6.png");
  }
   .l-container .category-list li:nth-of-type(7) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_7.png");
  }
   .l-container .category-list li:nth-of-type(8) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_8.png");
  }
   .l-container .category-list li:nth-of-type(9) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_11.png");
  }
   .l-container .category-list li:nth-of-type(10) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_10.png");
  }
   .l-container .category-list li:nth-of-type(11) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_9.png");
  }
   .l-container .category-list li:last-child, .l-container .category-list.clm3 li:last-child {
     height: 51px;
    /*border-left: 1px solid #cecccd;
    */
     border-left: none;
     width: 49.6%;
  }
   .l-container .category-list.clm3 li:nth-of-type(1) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_women.png");
  }
   .l-container .category-list.clm3 li:nth-of-type(2) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_men.png");
  }
   .l-container .category-list.clm3 li:nth-of-type(3) a {
     background-image: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png"), url("/res/img/guide/official_used_shop/sp/icon_category_kids.png");
  }
   .l-container .category-list.clm3 li:nth-of-type(4) a {
     background: none;
  }
   .l-container .BnrList {
     margin-bottom: 5%;
  }
   .l-container .main-navi {
     text-align: center;
  }
   .l-container .main-navi li {
     width: 96% !important;
     float: none !important;
     margin: 0 auto;
  }
   .l-container .main-navi li a {
     display: block;
     border-right: 1px solid #cecccd;
     border-left: 1px solid #cecccd;
     background: url("/res/img/guide/official_used_shop/sp/link_arrow_black.png") right center no-repeat;
     background-size: 21px 9px;
     border-top: 1px solid #cecccd;
     border-bottom: 1px solid #cecccd;
     line-height: 18px;
     padding: 16px 25px;
  }
   .l-container .cmn-newarrival {
     font-family: 'Noto Sans C JK JP DemiLight', helvetica, arial, verdana, sans-serif;
     margin: 10% auto 15%;
     text-align: left;
  }
   .l-container .cmn-newarrival h2 {
     text-align: center;
  }
   .l-container .cmn-newarrival li:nth-of-type(3), .l-container .cmn-newarrival li:nth-of-type(4) {
     display: block;
  }
   .l-container .cmn-newarrival li a .mark {
     margin-bottom: 5px;
     padding: 0;
  }
   .l-container .cmn-newarrival li a .mark img {
     margin: 0 4px 0 0;
  }
   .l-container .about {
     border: 4px solid #eee;
     padding: 2% 2%;
     line-height: 1.7;
     margin: 10% 2% 0 2%;
     text-align: left;
  }
   .l-container .about h3 {
     font-size: 16px;
     padding: 2% 0 3%;
     font-weight: bold;
     text-align: center;
  }
   .l-container .about p {
     font-size: 11.5px;
     text-align: left;
     padding: 0 0 4% 0;
     overflow: hidden;
  }
   .l-container .about .mecha p {
     padding: 5% 0;
  }
   .l-container .about .mecha span {
     display: block;
     font-weight: bold;
     font-size: 12px;
  }
   .l-container .about .mecha .mechalogo_icon {
     float: left;
     padding: 2% 3% 2% 1%;
     width: 20%;
  }
   .l-container .about .mecha a {
     padding-top: 0.8%;
     display: block;
     color: #ff2d8c;
  }
   .l-container .news .news_list {
     width: 90%;
     margin: auto;
  }
   .l-container .news_list .news_cell {
     margin-bottom: 5%;
  }
   .l-container .news_list .news_cell img {
     width: 100%;
  }
   .l-container .summary {
     width: 90%;
     margin: 15% auto 10%;
  }
   .l-container .summary .summary_txt {
     text-align: left;
  }

}