@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Sans:wght@400;500;700;900&display=swap");
/*--------------------
共通設定
----------------------*/
* {
  padding: 0;
  margin: 0; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

a {
  text-decoration: none;
  color: #3c463c; }
  a.disabled {
    pointer-events: none;
    text-decoration: none; }

ul, ol {
  list-style: none; }

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

.sp {
  display: none; }
  @media screen and (max-width: 1050px) {
    .sp {
      display: block; } }

.en {
  font-family: "Noto Sans", sans-serif; }

.ja {
  font-family: "toppan-bunkyu-gothic-pr6n", serif; }

body {
  overflow-x: hidden; }

/*--------------------------------------------*/
.lp_wrapper {
  margin: 0 auto;
  box-sizing: border-box;
  background: #fdfdf8;
  letter-spacing: 0.1em;
  color: #3c463c;
  font-size: 16px !important;
  text-align: center;
  font-family: "toppan-bunkyu-gothic-pr6n", 'Noto Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  overflow: hidden; }
  .lp_wrapper .mv {
    position: relative;
    margin: 0 auto;
    max-width: 1000px; }
    .lp_wrapper .mv .ttl {
      position: absolute;
      bottom: 1.0em;
      left: 2.0em;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .lp_wrapper .mv h1 {
      color: #fff !important;
      font-weight: normal;
      font-size: 1.5em; }
    .lp_wrapper .mv p {
      color: #fff !important;
      font-size: 0.9em;
      margin-left: 1.0em; }
  .lp_wrapper #sort {
    max-width: 1000px;
    margin: 0 auto; }
    .lp_wrapper #sort ul {
      margin: 5% auto; }
      @media screen and (max-width: 700px) {
        .lp_wrapper #sort ul {
          width: 98%;
          margin: 10% auto; } }
      .lp_wrapper #sort ul li {
        margin-right: 1.0em;
        width: calc(100%/8.2); }
        @media screen and (max-width: 700px) {
          .lp_wrapper #sort ul li {
            width: calc(100%/5.5); } }
        .lp_wrapper #sort ul li a {
          display: block; }
        .lp_wrapper #sort ul li p {
          font-size: 0.8em !important;
          margin-top: .5em; }
          @media screen and (max-width: 700px) {
            .lp_wrapper #sort ul li p {
              font-size: 2.8vw !important; } }
  .lp_wrapper #itemList {
    display: block !important;
    overflow: hidden;
    max-width: 1000px;
    margin: 5% auto;
    width: 100%; }
    @media screen and (max-width: 700px) {
      .lp_wrapper #itemList {
        margin: 10% auto;
        width: 98%; } }
    .lp_wrapper #itemList div.item {
      width: calc(100%/3);
      float: left;
      box-sizing: border-box !important;
      margin: 1% auto 5% !important;
      padding: 1% !important; }
      @media screen and (max-width: 700px) {
        .lp_wrapper #itemList div.item {
          width: 49.9% !important;
          padding: 3px !important;
          box-sizing: border-box !important;
          float: left !important;
          margin: 0 !important; } }
      .lp_wrapper #itemList div.item .detail {
        background: rgba(122, 140, 91, 0.1);
        min-height: 200px;
        padding: 1.0em; }
        @media screen and (max-width: 700px) {
          .lp_wrapper #itemList div.item .detail {
            padding: 1.0em 0.5em;
            min-height: 180px; } }
        .lp_wrapper #itemList div.item .detail .tag {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-bottom: 50px; }
          @media screen and (max-width: 700px) {
            .lp_wrapper #itemList div.item .detail .tag {
              margin-bottom: 30px; } }
          .lp_wrapper #itemList div.item .detail .tag p {
            font-size: 0.7em !important;
            background: #fff !important;
            margin-right: 0.5em;
            padding: 0 .3em;
            letter-spacing: 0; }
            @media screen and (max-width: 700px) {
              .lp_wrapper #itemList div.item .detail .tag p {
                font-size: 2.5vw !important; } }
        .lp_wrapper #itemList div.item .detail .ttl {
          font-size: 0.9em !important;
          text-align: left;
          overflow: hidden;
          display: block;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1; }
          @media screen and (max-width: 700px) {
            .lp_wrapper #itemList div.item .detail .ttl {
              font-size: 3vw !important;
              overflow: auto;
              -webkit-line-clamp: 2; } }
        .lp_wrapper #itemList div.item .detail .txt {
          font-size: 0.7em !important;
          text-align: left;
          margin-top: 1.2em;
          color: rgba(60, 70, 60, 0.8);
          overflow: hidden;
          display: block;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2; }
          @media screen and (max-width: 700px) {
            .lp_wrapper #itemList div.item .detail .txt {
              font-size: 2.7vw !important;
              margin-top: 2.0em; } }