
/* TABLE OF CONTENTS:
 * 
 * 01 どのサイズでも共通で適用されるスタイル
 *    - 見出しデザイン
 *    - 基本パーツ
 *    - SWIPER
 *    - 目次プラグイン
 *    - 買取事例（サムネイル表示）
 *    - 買取価格情報（サムネイル表示）
 *    - 買取価格情報（テーブル表示）
 *    - 品目ページイントロ
 *    - 高く売るポイント
 *    - 買取対象テーブル
 *    - 買い取りが難しい教材
 *    - ○○教材とは
 *    - その他買取対象
 *    - 買取方法について
 *    - よくある質問
 *    - お問合わせ
 *    - フッターの上の表示枠
 * 02 幅 768px 未満
 * 02 幅 480px 以上
 * 03 幅 768px 以上
 *    - フォントサイズと行送り
 *    - 見出しデザイン
 *    - 基本パーツ
 *    - 目次プラグイン
 *    - 高く売るポイント
 *    - その他買取対象
 *    - よくある質問
 *    - フッターの上の表示枠
 *    - フッターの上の表示枠内、対応エリア
 * 04 幅 880px 以上
 *    - 買取事例（サムネイル表示）
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 */

/* --------------------------------------------------------------------------------------------------------
   01
 *
 * どのサイズでも共通で適用されるスタイル
 */


  /* 見出しデザイン */
    #main h1.title {
      background: #acd03f url(../img/bg/shasen.png);
      color: #fff;
      padding: 0.5em;
    }
    h2[id*="-heading"] {
      text-align: center;
    }
    .box h2[id*="-heading"] {
      background: #ad905d url(../img/bg/mk-bg.png);
      box-shadow: 0px 0px 0px 4px #ad905d;
      border: dashed 2px white;
      border-left: 0;
      border-right: 0;
      color: #FFF;
      margin-left: calc( ( 50vw - 50% ) * -1 );
      margin-right: calc( ( 50vw - 50% ) * -1 );
      position: relative;
      padding: 0.5em 1em;
      text-align: left;
    }
    .box h2[id="info-heading"] {
      background: none;
      box-shadow: none;
      border: none;
      border-radius: 0;
      color: #775921;
      margin: 0 0 0.75em;
      padding: 0;
      text-align: center;
    }

  /* 基本パーツ */
    .catch {
      font-weight: bold;
    }
    h2[id*="-heading"] + .catch {
    }

    .txt-r {
      text-align: right;
    }
    .txt-l {
      text-align: left;
    }

    .indent {
      text-indent: -1em;
      padding-left: 1em;
    }
    p.indent + p.indent {
      margin-top: -1em;
    }

    .img-c {
      display: block;
      clear: both;
      text-align: center;
      margin: 0 auto 1.5em;
    }

    .accent {
      font-weight: bold;
    }
    .deco {
      color: #C00;
      font-weight: bold;
    }
    .marker-red {
      background: -webkit-linear-gradient(top, transparent 60%, #ff6666 60%, #ff6666 100%);
      background: linear-gradient(transparent 60%, #e7b9be 60%, #ff6666 100%);
    }
    .marker-pink {
      background: -webkit-linear-gradient(top, transparent 60%, #ff99cc 60%, #ff99cc 100%);
      background: linear-gradient(transparent 60%, #ffdfef 60%, #ff99cc 100%);
    }
    .marker-yellow {
      background: -webkit-linear-gradient(top, transparent 60%, #ffff00 60%, #ffff00 100%);
      background: linear-gradient(transparent 60%, #ffffbc 60%, #ffff00 100%);
    }
    .marker-green {
      background: -webkit-linear-gradient(top, transparent 60%, #33cc33 60%, #33cc33 100%);
      background: linear-gradient(transparent 60%, #c5ffbc 60%, #33cc33 100%);
    }
    .marker-blue {
      background: -webkit-linear-gradient(top, transparent 60%, #66ccff 60%, #66ccff 100%);
      background: linear-gradient(transparent 60%, #cce5ff 60%, #66ccff 100%);
    }

    .img-r .image,
    .img-l .image {
      text-align: center;
      margin: 0 auto 0.8em;
      width: 80%;
    }

    #content .more {
      text-align: center;
    }
    #content .more a {
      background: #ff9d4f;
      border-radius: 2em;
      -webkit-box-shadow: unset;
      box-shadow: unset;
      color: #352010;
      display: inline-block;
      text-decoration: none;
      padding: 0.5em 3em 0.5em 2em;
      position: relative;
    }
    #content .more a:after {
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      content: "\f105";
      display: inline-block;
      line-height: 1em;
      margin: auto 0;
      position: absolute;
      top: 0;
      right: 1em;
      bottom: 0;
      height: 1em;
      width: 1em;
    }
    #content .more a:hover {
      box-shadow: 0 10px 15px -5px rgba(0,0,0,0.25),0 0 5px rgba(0,0,0,0.2);
      transition: 0.3s;
    }

    .sbtitle {
      cursor: pointer;
    }

    .cl-letter {
      background: none;
      color: #b94c21;
      display: inline;
      padding: 0;
    }
    /* .cl-letter:after {
      content: "… 続きを読む";
      margin-left: 0.5em;
    } */
    .cl-letter.open {
      display: none;
    }
    .hide-text {
      display: none;
    }



    /* SWIPER */



    /* 目次プラグイン */
    div#toc_container {
      border-image-source: url(../img/bg/shasen-orange.png);
      border-image-slice: 12%;
      border-image-repeat: repeat;
      border-image-width: 3px;
      margin: 0 auto 3em;
      max-width: 1000px;
      padding: 20px;
      table-layout: fixed;
      width: 100%;
    }
    #main #toc_container .toc_title {
      font-weight: normal;
    }
    #toc_container .toc_list > li {
      counter-increment: li;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.625;
      margin-left: 40px;
      position: relative;
    }
    #toc_container .toc_list > li:after {
      background: none;
      content: "0" counter(li) " |";
      left: -2em;
      letter-spacing: -1px;
      position: absolute;
      top: -1px !important;
    }
    #toc_container .toc_list > li:nth-of-type(9) ~ li:after {
      content: counter(li) " |";
    }
    div#toc_container.contracted {
      max-width: 450px;
      width: 30% !important;
    }
    #toc_container .toc_list li a {
      color: #000;
    }
    #toc_container .toc_list li a:hover {
      color: #ee7800;
    }



  /* 買取事例（サムネイル表示） */
   #results .catch {
    color: #333;
   }
    .results-withumb li {
      list-style: none;
    }
    .results-withumb .post-wrap {
      background: #FFF;
      border-radius: 5px;
      padding: 1em;
    }
    .results-withumb .post-wrap .pict {
      float: left;
      width: 34%;
    }
    .results-withumb .post-wrap .genre,
    .results-withumb .post-wrap .title,
    .results-withumb .post-wrap .status,
    .results-withumb .post-wrap .date {
      margin-left: 40%;
    }

    .results-withumb .post-wrap a {
      color: #5c400a;
      text-decoration: none;
    }
    .results-withumb .post-wrap .genre {
      border-bottom: 1px #775921 dotted;
      font-size: 0.8em;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .results-withumb .post-wrap .title {
      line-height: 1.5em;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .results-withumb .post-wrap .status .type {
      background: #547d26;
      border-radius: 2em;
      color: #FFF;
      display: inline-block;
      font-size: 0.8em;
      padding: 0 1em;
      vertical-align: text-top;
    }
    .results-withumb .post-wrap .date {
      font-size: 0.8em;
      text-align: right;
    }
     .post-wrap::after{
     	content: '';
        display: table;
        clear: both;
    }
    @media screen and (min-width: 48em) and (max-width: 55em) {
      .results-withumb [class*="col-1-2"] > *,
      .results-withumb [class*="col-1-3"] > * {
        margin-left: 0;
        width: 100%;
      }
    }/* Eo min48em - max55em  */



  /* 買取価格情報（サムネイル表示） */
    .item-withumb ul li {
      list-style: none;
    }
    .item-withumb .item-wrap {
      background: #FFF;
      border-radius: 5px;
    }
      .item-withumb .item-name {
        padding: 10px;
      }
      .item-withumb .item-name a {
        color: #5c400a;
        text-decoration: none;
      }
      .item-withumb .item-name a span {
        display: inline-block;
        text-align: center;
        width: 100%;
      }
      .item-withumb .item-name a img[src*="noimg"] {
        max-width: 150px;
        width: 100%;
      }
      .item-withumb .item-release,
      .item-withumb .item-condition {
        font-size: 0.8em;
        display: inline-block;
        padding: 0 10px;
      }
      .item-withumb .item-price {
        background: #fdb6d5;
        border-radius: 0 0 5px 5px;
        color: #6f1627;
        text-align: center;
        padding: 10px;
      }
      .item-withumb .item-price span {
        font-size: 1.2em;
        font-weight: bold;
      }



  /* 買取価格情報（テーブル表示） */
      .item-table table .price {
        width: 8em;
      }
      .item-table table th {
        background: #ffcce3;
        border: 1px #CCC solid;
        color: #333;
        text-align: center;
        padding: 0.5em;
      }
      .item-table table tr {
        background: #FFF;
      }
      .item-table table tr:hover {
        background: #fffbd8;
      }
      .item-table table td {
        border: 1px #CCC solid;
        line-height: 1.3;
        padding: 0.5em;
      }
      .item-table table td.price {
        text-align: right;
      }
      .item-table table td a {
        text-decoration: none;
      }



  /* 品目ページイントロ */
    .concept {
      background: #FFF;
      border-radius: 1em;
      padding: 1.5em 1em 1em;
    }



  /* 高く売るポイント */
    .point p.img-c img {
      vertical-align: bottom;
    }
    .point p.img-c + dl {
      margin-top: -1.5em;
    }
    .point dl {
      background: #FFF;
      border-radius: 5px;
      padding: 20px;
    }
    .point dl dt {
      background: url(../img/icon/point.png) left center no-repeat;
      background-size: 60px auto;
      border-bottom: 1px #663333 dotted;
      padding: 10px 1.5em 10px 70px;
      position: relative;
    }
    .point dl dt:after {
      line-height: 1em;
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      color: #7c7d7f;
      content: "\f107";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto 0;
      height: 1em;
      width: 1em;
    }
    .point dl dt.open:after {
      -webkit-transform: rotateX(180deg);
              transform: rotateX(180deg);
    }
    .point dl dd {
      margin-right: 0;
      margin-left: 0;
      padding: 10px 0;
    }



  /* 買取対象テーブル */
    .taishou table {
      background: #FFF;
      border-collapse: separate;
      border-spacing: 10px;
      border-radius: 5px;
      table-layout: fixed;
    }
    .taishou table td {
      border-top: none;
      border-right: none;
      border-left: none;
      border-bottom-color: #e2e2e2;
        font-size: 0.9em;
    }
    .taishou .catch {
      color: #333;
    }


  /* 買い取りが難しい教材 */
    .ng p.img-c img {
      vertical-align: bottom;
    }
    .ng > p.img-c + ul {
      background: #FFF;
      border-radius: 5px;
      margin-top: -1.5em;
      padding: 20px;
    }
    .ng > p.img-c + ul li {
      list-style: none;
      padding: 10.5px 0 10px 2.4rem;
      position: relative;
    }
    .ng > p.img-c + ul li + li {
      border-top: 1px #663333 dotted;
    }
    .ng > p.img-c + ul li:before {
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      content: "\f14a";
      color: #ff5757;
      font-size: 1.8rem;
      position: absolute;
      top: 0;
      left: 0;
    }



  /* ○○教材とは */
    .about h2[id*="about-heading"] + div {
      background-color: #FFF;
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 100%;
      border-radius: 5px;
      padding: 1em 1em 1px;
    }

    .about h2#dwe-about-heading + div {
      background-image: url(../img/contents/dwe-about.png);
    }



  /* その他買取対象 */
    .genre ul.sonota-list li {
      list-style: none;
    }
    .genre ul.sonota-list li a {
      background: #FFF;
      border-radius: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center;
      text-decoration: none !important;
      height: 100%;
    }
    .genre ul.sonota-list li a span {
      display: block;
      padding: 10px;
    }
    .genre ul.sonota-list li a span:last-child {
      background: #3cabcf;
      border-radius: 0 0 10px 10px;
      color: #333;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
    .genre ul.sonota-list li a:hover {
      background: #E5F7FD;
    }
    .genre .genre-msg {
      background: #e0d5c0;
      border-radius: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .genre .genre-msg img {
      vertical-align: bottom;
    }
    .genre .genre-msg .txt {
      font-size: 1.1em;
      font-weight: bold;
      padding: 1em;
      color: #333;
    }
    .genre .genre-msg .txt *:last-child {
      margin-bottom: 0;
    }
    .genre .genre-msg .image {
      width: 30%;
      max-width: 185px;
    }



  /* 買取方法について */
    .outer.method {
      background: url(../img/bg/scene1.png) right center no-repeat;
      background-size: cover;
    }
    .has-sidebar .outer.method {
      background: none;
    }
    .method .method-type {
      background: rgba( 255, 255, 255, 0.8 );
      border-radius: 5px;
      padding: 1.5em 1em 1em;
    }
    .method .method-type + .method-type {
      margin-top: 2em;
    }
    .method .method-type h3 {
      border-bottom: 1px #775921 solid;
    }
    .method .method-type ol li {
      list-style: none;
    }
    .method .method-type ol li span.ttl {
      background: #ac9977;
      border-radius: 5px;
      color: #110c03;
      display: block;
      font-weight: bold;
      text-align: center;
      margin-bottom: 10px;
      padding: 0.5em;
    }
    .method .method-type ol li span.ttl + br {
      display: none;
    }



  /* よくある質問 */
    .qa p.img-c img {
      vertical-align: bottom;
    }
    .qa p.img-c + dl {
      margin-top: -1.5em;
    }
    .qa dl {
      background: #FFF;
      border-radius: 5px;
      margin-bottom: 0;
      padding: 20px;
    }
    .qa dl dt {
      background: url(../img/icon/qa-q.png) left center no-repeat;
      border-bottom: 1px #775d2c dotted;
      margin-bottom: 0.5em;
      padding: 0.5em 1em 0.5em 35px;
      position: relative;
    }
    .qa dl dt:after {
      line-height: 1em;
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      color: #7c7d7f;
      content: "\f107";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto 0;
      height: 1em;
      width: 1em;
    }
    .qa dl dt.open:after {
      -webkit-transform: rotateX(180deg);
              transform: rotateX(180deg);
    }
    .qa dl dd {
      background: url(../img/icon/qa-a.png) left 5px no-repeat;
      margin: 0 0 1em;
      padding: 0.5em 1em 0.5em 35px;
    }
    .qa dl + p.more {
      background: #FFF;
      border-radius: 5px;
      margin-top: -5px;
      padding-bottom: 1em;
    }



  /* 豆知識 */
    .column li {
      border-bottom: 1px solid #caac75;
      list-style: none;
      padding-bottom: 1.5em;
      position: relative;
    }
    .column .pict {
      float: left;
      margin-right: 1em;
    }
    .column .title {
      font-weight: bold;
      margin-bottom: 5px;
    }
    .column .title a {
      color: #775921;
    }
    .column .title a:after {
      content: "";
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      position: absolute;
    }
    .column .ex {
      clear: both;
    }
    .column .ex > span:after {
      content: "続きを読む";
      background: #ddcfc3;
      border-radius: 15px;
      color: #373030;
      display: inline-block;
      font-size: 14px;
      padding: 0 10px;
      text-decoration: none;
    }
    .column li:hover .ex > span:after {
      color: #cc4d00;
    }
    

  /* お問合わせ */
    #flow-order {
      margin-top: 3.4rem;
    }
    .order-bnr ul li {
      background: #FFF;
      list-style: none;
    }
    .order-bnr ul li a {
      display: block;
    }
    .order-bnr ul li a:hover {
      background: #FFF9D8;
    }
    .order-bnr ul li.order-line a:hover{
      background: rgb(192 243 213 / 49%);
    }

    .order-bnr ul li img {
      vertical-align: bottom;
    }


  /* フッターの上の表示枠 */
    div.f-box {
      display: none;
    }


  /* 免許・許可 */
    ul.licence {
      margin: 0;
    }
    .licence li {
      list-style: none;
      margin-bottom: 10px;
    }
    .licence span {
      margin-right: 0.5em;
    }
    .licence span.accent:after {
      content: ":";
      margin-left: 0.3em;
    }
    .licence span.kaigyo {
      display: block;
      margin-right: 0;
    }


/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 768px 未満
 */
@media screen and (max-width: 767px) {



  /* 買取価格情報（サムネイル表示） */
      .item-withumb .item-name a {
        margin-top: 0;
      }
      .item-withumb .item-name a > span {
        float: left;
        text-align: left;
        width: 160px;
      }
      .item-withumb .item-name a > br {
        display: none;
      }
      .item-withumb .item-release,
      .item-withumb .item-condition {
        display: block;
        margin-left: 160px;
      }
      .item-withumb .item-price {
        clear: both;
      }
    
    .taishou table {
        overflow: auto;
        white-space: nowrap;
        display: block;
    }
    .taishou table::-webkit-scrollbar{
        height: 5px;
    }
    .taishou table::-webkit-scrollbar-track{
        background: #F1F1F1;
    }
    .taishou table::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }

    .taishou table tbody {
        display: table;
        width: 100%;
    }
    


}/* End max 767px */


/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media screen and (min-width: 30em) {

    /* ここにスタイル */

}/* End 620px Mobile Large */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media screen and (min-width: 48em) {



  /* フォントサイズと行送り */
    body {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.7;
    }
    h1 {
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 1.3;
      color: #775921;
    }
    h2 {
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 1.3;
      color: #775921;
    }
    h3 {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.3;
      color: #775921;
    }
    p.catch {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.3;
    }
    dl dt {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.7;
    }



  /* 見出しデザイン */
    .box h1 {
      text-align: center;
    }
    h2[id*="-heading"] {
    }
    .single .category-example .example-staff h2[id*="-heading"],
    .single .category-example .example-voice h2[id*="-heading"] {
      font-size: 28px;
    }


  /* 基本パーツ */
    .box h2[id*="-heading"] {
      background: none;
      box-shadow: none;
      border: 0;
      color: #775921;
      margin-bottom: 0.75em;
      padding: 0;
      text-align: center;
    }
    .has-sidebar .box h2[id*="-heading"] {
      background: #ad905d url(../img/bg/mk-bg.png);
      box-shadow: 0px 0px 0px 4px #ad905d;
      border: dashed 2px white;
      border-radius: 6px;
      color: #FFF;
      font-size: 1.6em;
      margin: 0 0 1.5em;
      padding: 0.5em 1em;
      text-align: left;
    }
    .has-sidebar .box h2[id="info-heading"] {
      background: none;
      box-shadow: none;
      border: none;
      border-radius: 0;
      color: #775921;
      font-size: 2.25rem;
      margin-bottom: 0.75em;
      padding: 0;
      text-align: center;
    }
    .has-sidebar .box h2[id*="-heading"]:after {
      border-width: 0 0 20px 20px;
      border-style: solid;
      border-color: #f2ede1 #f2ede1 #a57724;
      content: '';
      left: -7px;
      position: absolute;
      top: -7px;
    }
    .has-sidebar .box h2[id="info-heading"]:after {
      border: none;
      content: "\f0c8\f0c8\f0c8";
      position: relative;
    }
    .has-sidebar .color1 .box h2[id*="-heading"]:after {
      border-color: #e0d5c0 #e0d5c0 #a57724;
    }

    .catch {
      text-align: center;
    }
    h2[id*="-heading"] + .catch {
      margin-top: -0.8em;
    }

    .txt-c {
      text-align: center;
    }
    .img-r,
    .img-l {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
    }
    .img-r {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
    .img-r .image,
    .img-l .image {
      margin: 0 0 1.5em;
      width: 35%;
    }
    .img-r .cont,
    .img-l .cont {
      width: 60%;
    }


  /* 続きを見る */
    .cl-letter {
      display: none;
    }
    .hide-text {
      display: block !important;
    }


    /* 目次プラグイン */
    #toc_container .toc_list {
      width:100%;
    }
    #toc_container .toc_list > li {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.556;
      display:inline-block;
      margin: 0 0 0.5em 5%;
      padding-left: 2em;
      vertical-align: top;
      width: 45%;
    }
    #toc_container .toc_list > li:after {
      left: 0;
    }
    #toc_container .toc_list > li:first-child,
    #toc_container .toc_list > li:nth-child(2n+1) {
      margin-left: 0;
    }



  /* その他買取対象 */
    .genre .genre-msg {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      margin-top: 20px;
    }
    .genre .genre-msg .image {
      margin-top: -20px;
      margin-left: 20px;
    }



  /* 高く売るポイント */
    .point dl dt {
      background-size: auto;
      padding-left: 70px;
    }



  /* よくある質問 */
    .qa dl dt {
      background: url(../img/icon/qa-q.png) left center no-repeat;
    }



  /* フッターの上の表示枠 */
    div.f-box {
      display: block;
    }
    div.f-box h3 {
      text-align: center;
    }
    div.f-box .f-box-wrapper {
      padding: 16px;
    }
    div.f-box .f-box-inner {
      max-width: 1000px;
      margin: 0 auto;
    }

      /* フッターの上の表示枠内、対応エリア */
        div.f-box .taiou {
          background: #e8ddc9;
          padding: 1em 0 1px;
        }
        div.f-box .taiou p a {
          text-decoration: underline;
        }
        div.f-box .taiou ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: center;
             -ms-flex-pack: center;
           justify-content: center;
        }
        div.f-box .taiou ul li {
          list-style: none;
          padding: 0 1em;
        }
        div.f-box .taiou ul li a:after {
          font-family: "Font Awesome 5 free";
          font-weight: 900;
          content: "\f105";
          display: inline-block;
          margin-left: 0.5em;
        }
        div.f-box .taiou ul li a:hover:after {
          color: #ed9e00;
        }



}/* End 740px Tablet Small */



/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media screen and (min-width: 55em) {


  /* 買取事例（サムネイル表示） */
    .results-withumb [class*="col-1-3"] .post-wrap .pict {
      text-align: center;
      float: none;
      width: 100%;
    }
    .results-withumb [class*="col-1-3"] .post-wrap .genre,
    .results-withumb [class*="col-1-3"] .post-wrap .title,
    .results-withumb [class*="col-1-3"] .post-wrap .status,
    .results-withumb [class*="col-1-3"] .post-wrap .date {
      margin-left: 0;
    }

    .results-withumb [class*="col-1-3"] .post-wrap .status {
      text-align: center;
    }
    .results-withumb [class*="col-1-3"] .post-wrap .status span.area {
      display: block;
      text-align: center;
    }
    .results-withumb [class*="col-1-3"] .post-wrap .date {
      text-align: center;
    }

}/* End 880px Tablet Large */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media screen and (min-width: 67em) {

    /* ここにスタイル */

}/* End 955px Desktop Small */



/* --------------------------------------------------------------------------------------------------------
   06
 *
 * 幅 1264px 以上
 */
@media screen and (min-width: 79em) {

    /* ここにスタイル */

}/* End 1100px Desktop Medium */