/* ===================================================================
タグ上書き
=================================================================== */

/* フォントファミリー --------------------------------- */
html {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: 10px;
  }
  
  /* 全体調整 --------------------------------- */
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  
  body {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      position: absolute;
    color: #000000;
    font-size: 1.4rem;
    line-height: 1.4;
    background-color: #fff;
    overflow-wrap: break-word;
  }
  @media screen and (max-width: 820px) and (min-width: 750px) {
      body {
          font-size: 1.2rem;
      }
  }
  
  @media screen and (max-width: 749px) {
      body {
          font-size: 1.1rem;
      }
  }
  
  /* 文字リンク色 --------------------------------- */
  a {
  /*
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
  */
    outline: none;
  }
  a:link {
      color: #3d2727;
      text-decoration: none;
  }
  a:visited {
      color: #3d2727;
      text-decoration: none;
  }
  a:active {
      color: #3d2727;
      text-decoration: none;
  }
  a:hover {
      color: #3d2727;
      text-decoration: underline;
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      a:hover,
      label:hover {
          text-decoration: none;
      }
  }
  
  
  /* p justify --------------------------------- */
  p {
    margin: 0;
    padding: 0;
    text-align: justify;
    text-justify: auto;
  }
  i {
    font-style: italic;
  }
  strong {
    font-weight: bold;
  }
  span.ruby {
    font-size: 75%;
  }
  img {
    line-height: 0;
  }
  
  /* 見出しリセット --------------------------------- */
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 1.6;
  /*
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
    -webkit-margin-start: 0 !important;
    -webkit-margin-end: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  */
  }
  
  /* リストリセット --------------------------------- */
  ul, ol {
    margin: 0;
    padding: 0;
  }
  ul {
    list-style: none;
  }
  
  /* テーブルリセット --------------------------------- */
  table, th, td {
      border-collapse: collapse;
  }
  
  /* フォームパーツリセット --------------------------------- */
  input,
  select {
      -webkit-appearance: none;
      color: #000000;
  }
  input,
  textarea {
      padding: 0.4em 10px 0.4em 0.7em;
      border-radius: 5px;
      border: #b0b0b0 1px solid;
      background: #ffffff;
  }
  textarea {}
  input:read-only {
      background: none;
  }
  input.fieldError,
  textarea.fieldError {
    border-color: #ff0000;
  }
  select {
      width: 120px;
      padding: 0.4em 10px 0.4em 0.7em;
      position: relative;
      border-radius: 5px;
      border: #b0b0b0 1px solid;
      background: #ffffff url("/templates/templates001/images/yajirushi-a3cb98fed4654e9f236353af63255a1d.svg") no-repeat;
      background-position:  right 10px center;
      background-size: 12px 10px;
  }
  select.fieldError {
    border-color: #ff0000;
  }
  .cmnAutoCompItem {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0 0.7em;
      width: 100%;
      padding: 5px;
      font-size: 1.4rem;
      color: #000000;
  }
  .cmnAutoCompItem.notFound {
      background: #fff3f3;
  }
  .cmnAutoCompItem img {
      display: block;
      width: 25px;
  }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
      input,
      select {
          font-size: 1.4rem;
      }
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      input,
      select {
          font-size: 1.4rem;
      }
  }
  
  
  /* 改行制御 --------------------------------- */
  br.pc-br { display: block; }
  br.sp-br { display: none; }
  
  @media screen and (max-width: 749px) {
      br.pc-br { display: none; }
      br.sp-br { display: block; }
  }
  
  /* 画像保存制御 --------------------------------- */
  img {
      pointer-events: none;
      -webkit-touch-callout:none;
      -webkit-user-select:none;
      -moz-touch-callout:none;
      -moz-user-select:none;
      user-select:none;
  }
  
  /* 画像リンク範囲修正 --------------------------------- */
  div.p-footer-inst a {
      display: block;
  }
  
  /* - ページレイアウト - */
  /* ===================================================================
  共通クラス
  =================================================================== */
  
  /* ページフレーム
  ------------------------------------------------------------------- */
  .cmnInner {
      width: 100%;
      max-width: calc(1200px + (15px * 2));
      margin: 0 auto;
      padding: 0 15px;
  }
  main .cmnInner { margin-bottom: 50px; }
  main #topBanner2 .cmnInner {
      padding-bottom: 50px;
      margin-bottom: 0px;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnInner {
          width: 100%;
          max-width: 100%;
      }
      main .cmnInner { margin-bottom: 25px;}
      main #topBanner2 .cmnInner {
        padding-bottom: 25px;
        margin-bottom: 0px;
      }
  }
  
  
  /* 外部サイトアイコン
  ------------------------------------------------------------------- */
  .cmnOtherSite::after {
      content: '';
      display: inline-block;
      width: 1.2em;
      height: 1.2em;
      margin-left: 0.4em;
      background: url("/templates/templates001/images/icon_link-537ee86ba00c0a404e486c89396a92b1.svg");
      transform: translateY(0.3em);
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
  }
  
  
  /* ボタン
  ------------------------------------------------------------------- */
  
  /* オーバルボタン1 文字色：Def　背景色：白　枠線：なし　矢印：グレー ---- */
  a.cmnBtnRound {
      display: block;
      width: 300px;
      margin: 30px auto 0;
      padding: 14px 0;
      position: relative;
      background: #ffffff;
      text-align: center;
      border-radius: 10px;
  }
  a.cmnBtnRound::after {
      content: '';
      display: block;
      width: 1.8em;
      height: 1.8em;
      position: absolute;
      top: 50%;
      right: 20px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      a.cmnBtnRound {
          padding: 12px 0;
          font-size: 1.3rem;
      }
      a.cmnBtnRound::after {
          width: 1.5em;
          height: 1.5em;
      }
  
  }
  
  /* オーバルボタン2 文字色：Def　背景色：白　枠線：青　矢印：青
     オーバルボタン3 文字色：白　背景色：青　枠線：無　矢印：白 ------------ */
  a.cmnBtnRound2,
  label.cmnBtnRound2,
  a.cmnBtnRound3,
  label.cmnBtnRound3 {
      display: block;
      width: 300px;
      margin: 30px auto 0;
      padding: 14px 0;
      position: relative;
      text-align: center;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
      cursor: pointer;
      border-radius: 10px;
  }
  a.cmnBtnRound2,
  label.cmnBtnRound2 {
      border: #EB6702 1px solid;
      background: #ffffff;
      color: #EB6702;
  }
  a.cmnBtnRound3,
  label.cmnBtnRound3 {
      background: #EB6702;
      color: #ffffff;
  }
  a.cmnBtnRound2::after,
  label.cmnBtnRound2::after,
  a.cmnBtnRound3::after,
  label.cmnBtnRound3::after {
      content: '';
      display: block;
      width: 1.3em;
      height: 1.8em;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
  }
  a.cmnBtnRound2::after,
  label.cmnBtnRound2::after { background: url("/templates/templates001/images/icon_ya_bl-9db830c054e407edb6ed92e29ba1b55a.svg") no-repeat; }
  a.cmnBtnRound3::after,
  label.cmnBtnRound3::after { background: url("/templates/templates001/images/icon_ya_wh-1ea8072cf14486fea42a7756edd25507.svg") no-repeat; }
  
  a.cmnBtnRound:hover,
  a.cmnBtnRound2:hover,
  label.cmnBtnRound2:hover,
  a.cmnBtnRound3:hover,
  label.cmnBtnRound3:hover { text-decoration: none; }
  
  /* disabled状態 */
  a.cmnBtnRound2.disabled,
  label.cmnBtnRound2.disabled {
      border: #808080 1px solid;
      background: #ffffff;
      color: #808080;
  }
  a.cmnBtnRound3.disabled,
  label.cmnBtnRound3.disabled {
      background: #808080;
      color: #ffffff;
  }
  a.cmnBtnRound2.disabled::after,
  label.cmnBtnRound2.disabled::after { background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat; }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
      a.cmnBtnRound:hover,
      a.cmnBtnRound2:hover,
      label.cmnBtnRound2:hover,
      a.cmnBtnRound3:hover,
      label.cmnBtnRound3:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      a.cmnBtnRound,
      a.cmnBtnRound2,
      label.cmnBtnRound2,
      a.cmnBtnRound3,
      label.cmnBtnRound3 {
          width: 200px;
          margin-top: 15px;
          padding: 10px;
          font-size: 1.3rem;
      }
      a.cmnBtnRound::after,
      a.cmnBtnRound2::after,
      label.cmnBtnRound2::after,
      a.cmnBtnRound3::after,
      label.cmnBtnRound3::after {
          width: 1.4em;
          height: 1.4em;
          right: 5px;
      }
  }
  
  
  /* 角丸ボタン1 文字色：Def　背景色：白　枠線：青　矢印：無 ------------ */
  a.cmnBtnSquareR1,
  label.cmnBtnSquareR1 {
      display: block;
      width: 300px;
      margin: 15px auto 0;
      padding: 6px 0;
      border-radius: 5px;
      border: #EB6702 1px solid;
      background: #ffffff;
      text-align: center;
      cursor: pointer;
  }
  a.cmnBtnSquareR1:hover,
  label.cmnBtnSquareR1:hover { text-decoration: none; }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
      a.cmnBtnSquareR1:hover,
      label.cmnBtnSquareR1:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  }
  
  /* 角丸ボタン2 文字色：白　背景色：青　枠線：無　矢印：無 ------------ */
  a.cmnBtnSquareR2 {
      display: block;
      width: 300px;
      margin: 15px auto 0;
      padding: 6px 0;
      border-radius: 5px;
      background: #EB6702;
      color: #ffffff;
      text-align: center;
      cursor: pointer;
  }
  a.cmnBtnSquareR2:hover { text-decoration: none; }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
      a.cmnBtnSquareR2:hover,
      label.cmnBtnSquareR2:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
  }
  
  
  /* 見出し
  ------------------------------------------------------------------- */
  
  /* 見出し1 左線: 有　背景色:無　揃え: 左 ------------ */
  .cmnHeadline1 {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto 30px;
      padding: 6px 18px;
      border-left: #EB6702 6px solid;
      font-weight: bold;
      font-size: 1.8rem;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnHeadline1 {
          width: 100%;
          max-width: 100%;
          margin: 0 auto 16px;
          padding: 6px 16px;
          font-size: 1.6rem;
      }
  }
  
  
  /* 見出し2 左線: 有　背景色: 有　揃え: 左 ------------ */
  .cmnHeadline2 {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto 20px;
      padding: 10px 18px 8px;
      border-left: #EB6702 6px solid;
      background: #e3e3e3;
      font-weight: bold;
      font-size: 1.6rem;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnHeadline2 {
          width: 100%;
          max-width: 100%;
          margin: 0 auto 16px;
          padding: 12px 16px 12px;
          border-left: #EB6702 3px solid;
      }
  }
  
  
  /* 見出し3 左線: 無　背景色: 無　揃え: 中央 ------------ */
  .cmnHeadline3 {
      margin-bottom: 40px;
      font-weight: bold;
      font-size: 2.0rem;
      text-align: center;
  }
  .cmnHeadline3 img {
      display: block;
      width: 50px;
      margin: 0 auto 10px;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnHeadline3 {
          margin-bottom: 20px;
          font-size: 1.8rem;
      }
  }
  
  
  /* 見出し4 左線: 無　背景色: 無　揃え: 左 ------------ */
  .cmnHeadline4 {
      margin-bottom: 40px;
      font-weight: bold;
      font-size: 2.0rem;
  }
  .cmnHeadline4 span {
      display: inline-block;
      margin-left: 0.7em;
      font-weight: normal;
      font-size: 1.6rem;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnHeadline4 {
          margin-bottom: 20px;
          font-size: 1.8rem;
      }
      .cmnHeadline4 span {
          display: inline-block;
          margin-left: 0.7em;
          font-weight: normal;
          font-size: 1.4rem;
      }
  }
  
  
  /* 見出し5 左線: 無　背景色: 無　揃え: 中央 (見出し3の文字小さい版) ----- */
  .cmnHeadline5 {
      margin-bottom: 40px;
      font-weight: bold;
      font-size: 1.6rem;
      text-align: center;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnHeadline5 {
          margin-bottom: 20px;
          font-size: 1.4rem;
      }
  }
  
  
  /* 画像見出し --------------------------------- */
  .cmnHeadLineImage { margin-bottom: 40px; }
  .cmnHeadLineImage img { width: 100%; }
  .cmnHeadLineImage img.pc { display: block; }
  .cmnHeadLineImage img.sp { display: none; }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnHeadLineImage { margin-bottom: 20px; }
  }
  
  
  /* テキストのあしらい
  --------------------------------------------------------------------*/
  
  /* あしらい１　グレーの下線 --------------------------------- */
  .cmnMarkerText1 { text-align: center; }
  .cmnMarkerText1 span {
      padding-bottom: 3px;
      text-align: center;
      font-size: 1.8rem;
      font-weight: bold;
      background: linear-gradient(transparent 50%, rgba(239, 239, 239, 1) 50%);
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnMarkerText1 { text-align: center; }
      .cmnMarkerText1 span {
          font-size: 1.4rem;
          line-height: 2.2;
      }
  }
  
  
  /* あしらい2　オレンジの下線 --------------------------------- */
  .cmnMarkerText2 {
      margin-bottom: 15px;
      font-size: 1.6rem;
      font-weight: bold;
      text-decoration: underline;
      text-decoration-color: #e8ac1a;
      text-decoration-thickness: 2px;
      text-underline-offset: 0.3em;
      line-height: 2.3;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnMarkerText2 {
          margin-bottom: 10px;
          font-size: 1.4rem;
          text-align: center;
      }
  }
  
  
  /* キャプション --------------------------------- */
  .cmnCaption {
      font-size: 1.2rem;
      color: #808080;
  }
  
  
  /* 必須項目 --------------------------------- */
  .cmnHissu {
      display: inline-block;
      margin-left: 0.5em;
      padding: 2px 4px;
      font-size: 1.0rem;
      font-weight: normal;
      border-radius: 3px;
      background: #a90707;
      color: #ffffff;
  }
  
  
  /* フォームコントロール
  --------------------------------------------------------------------*/
  
  /* checkbox radiobutton --------------------------------- */
  .cmnCheckbox,
  .cmnCheckbox2 input,
  .cmnRadioButton,
  .cmnRadioButton2 > input { display: none; }
  
  .cmnCheckbox + label,
  .cmnCheckbox + input[type="hidden"] + label,
  .cmnCheckbox2 span,
  .cmnRadioButton + label,
  .cmnRadioButton + input[type="hidden"] + label,
  .cmnRadioButton2 > div {
      padding-left: 24px;
      position: relative;
      cursor: pointer;
  }
  .cmnCheckbox2 span { display: inline-block; }
  .cmnCheckbox + label:hover,
  .cmnCheckbox + input[type="hidden"] + label:hover,
  .cmnCheckbox2 span:hover,
  .cmnRadioButton + label:hover,
  .cmnRadioButton + input[type="hidden"] + label:hover,
  .cmnRadioButton2 > div:hover {
      text-decoration: underline;
  }
  .cmnCheckbox + label::before,
  .cmnCheckbox + input[type="hidden"] + label::before,
  .cmnCheckbox2 span::before,
  .cmnRadioButton + label::before,
  .cmnRadioButton + input[type="hidden"] + label::before,
  .cmnRadioButton2 > div::before {
      content: '';
      display: block;
      width: 18px;
      height: 18px;
      position: absolute;
      top: 50%;
      left: 0;
      background: #ffffff;
      border: #bdbdbd 1px solid;
      transform: translateY(-50%);
  }
  .cmnCheckbox + label::before,
  .cmnCheckbox + input[type="hidden"] + label::before,
  .cmnCheckbox2 span::before { border-radius: 3px; }
  
  .cmnRadioButton + label::before,
  .cmnRadioButton + input[type="hidden"] + label::before,
  .cmnRadioButton2 > div::before { border-radius: 100%; }
  
  .cmnCheckbox:checked + label::after,
  .cmnCheckbox:checked + input[type="hidden"] + label::after,
  .cmnCheckbox2 input:checked + span::after,
  .cmnRadioButton:checked + label::after,
  .cmnRadioButton:checked + input[type="hidden"] + label::after,
  .cmnRadioButton2 input:checked + div::after {
      content: '';
      display: block;
      width: 12px;
      height: 8px;
      position: absolute;
      top: 50%;
  }
  .cmnCheckbox:checked + label::after,
  .cmnCheckbox:checked + input[type="hidden"] + label::after,
  .cmnCheckbox2 input:checked + span::after {
      left: 3px;
      border-left: #ec8306 2px solid;
      border-bottom: #ec8306 2px solid;
      transform: translateY(calc(-50% - 2px)) rotate(-45deg);
  }
  .cmnRadioButton:checked + label::after,
  .cmnRadioButton:checked + input[type="hidden"] + label::after,
  .cmnRadioButton2 input:checked + div::after {
      width: 10px;
      height: 10px;
      left: 4px;
      border-radius: 100%;
      background: #ec8306;
      transform: translateY(-50%);
  }
  .cmnCheckbox:disabled + label,
  .cmnCheckbox:disabled + input[type="hidden"] + label,
  .cmnCheckbox2 input:disabled + span,
  .cmnCheckbox2.disabled,
  .cmnCheckbox2.disabled input + span,
  .cmnRadioButton:disabled + label,
  .cmnRadioButton:disabled + input[type="hidden"] + label,
  .cmnRadioButton2 input:disabled + div {
      pointer-events: none;
  }
  .cmnCheckbox:checked:disabled + label::after,
  .cmnCheckbox:checked:disabled + input[type="hidden"] + label::after,
  .cmnCheckbox2 input:checked:disabled + span::after,
  .cmnCheckbox2.disabled input:checked + span::after {
      border-left: #bdbdbd 2px solid;
      border-bottom: #bdbdbd 2px solid;
  }
  .cmnRadioButton:checked:disabled + label::after,
  .cmnRadioButton:checked:disabled + input[type="hidden"] + label::after,
  .cmnRadioButton2 input:disabled + div::after {
      background: #bdbdbd;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnCheckbox2 span { display: inline-block; }
      .cmnCheckbox + label:hover,
      .cmnCheckbox + input[type="hidden"] + label:hover,
      .cmnCheckbox2 span:hover,
      .cmnRadioButton + label:hover,
      .cmnRadioButton + input[type="hidden"] + label:hover,
      .cmnRadioButton2 > div:hover {
          text-decoration: none;
      }
  
  }
  
  /* select --------------------------------- */
  .cmnSearchChangeBox {
      display: flex;
      justify-content: flex-end;
      gap: 0 1.5em;
  }
  .cmnSearchChangeBox label {
      display: inline-block;
      margin-right: 0.5em;
  }
  
  
  /* select --------------------------------- */
  .cmnListSelector label {
      display: inline-block;
      padding-right: 5px;
  }
  .cmnListSelector select:first-of-type {
      width: 190px;
      margin-right: 1em;
  }
  .cmnListSelector select:last-of-type { width: 90px; }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnListSelector {
          margin-bottom: 0;
          padding: 10px 15px 0;
          text-align: left;
          background: #f5f5f5;
      }
      .cmnListSelector select:first-of-type {
          width: 150px;
          margin-right: 1em;
      }
      .cmnListSelector select:last-of-type { width: 65px; }
  }
  
  
  /* デイトピッカー --------------------------------- */
  .cmnInputDatePicker {
      display: inline-block;
      position: relative;
  }
  .cmnInputDatePicker input {
      width: 120px !important;
  }
  .cmnInputDatePicker .input_calender {
      width: 1.6em;
      height: 1.6em;
      position: absolute;
      top: 50%;
      right: 7px;
      transform: translateY(-50%);
  }
  
  
  /* 共用アコーディオンラベル
  --------------------------------------------------------------------*/
  
  /* ラベル１　背景：青 --------------------------------- */
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnAccordion1 {
          display: block;
          width: 100%;
          padding: 8px 15px 8px 10px;
          position: relative;
          font-weight: bold;
          text-align: left;
          border-bottom: #ffffff 1px solid;
          background: #e6e8e1;
          cursor: pointer;
      }
      .cmnAccordion1::before {
          content: '';
          width: 16px;
          height: 2px;
          position: absolute;
          top: 50%;
          right: 15px;
          background: #595959;
          transform: translateY(-50%) rotate(0deg);
          transition: transform 0.3s;
      }
      .cmnAccordion1.open::before { transform: translateY(-50%) rotate(180deg); }
      .cmnAccordion1::after {
          content: '';
          width: 2px;
          height: 16px;
          position: absolute;
  
          top: 50%;
          right: 22px;
          background: #595959;
          transform: translateY(-50%) rotate(0deg);
          transition: transform 0.3s;
      }
      .cmnAccordion1.open::after { transform: translateY(-50%) rotate(90deg); }
  }
  
  /* ラベル2　背景：青  --------------------------------- */
  .cmnAccordion2 {
      display: block;
      width: 100%;
      padding: 8px 15px;
      position: relative;
      font-weight: bold;
      text-align: left;
      background: #e6e8e1;
      border-bottom: #ffffff 1px solid;
      cursor: pointer;
  }
  .cmnAccordion2::before {
      content: '';
      width: 16px;
      height: 2px;
      position: absolute;
      top: 50%;
      right: 15px;
      background: #595959;
      transform: translateY(-50%) rotate(0deg);
      transition: transform 0.3s;
  }
  .cmnAccordion2.open::before { transform: translateY(-50%) rotate(180deg); }
  .cmnAccordion2::after {
      content: '';
      width: 2px;
      height: 16px;
      position: absolute;
      top: 50%;
      right: 22px;
      background: #595959;
      transform: translateY(-50%) rotate(0deg);
      transition: transform 0.3s;
  }
  .cmnAccordion2.open::after { transform: translateY(-50%) rotate(90deg); }
  .cmnAccordion2 + * {
      margin-top: 15px;
      margin-bottom: 20px;
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnAccordion2 + * {
          margin-top: 0px;
          margin-bottom: 15px;
      }
  }
  
  /* メッセージボックス
  --------------------------------------------------------------------*/
  
  /* 案内メッセージ --------------------------------- */
  .cmnInfoBox {
      width: 50%;
      margin: 0 auto 30px;
      padding: 20px 40px;
      background: #f5f4eb;
      border: #bdbdbd 1px solid;
  }
  .cmnInfoBox img {
      display: block;
      width: 40px;
      margin: 0 auto 20px;
  }
  .cmnInfoBox p { text-align: center; }
  
  /* スマホ表示時 */
  @media screen and (max-width: 749px) {
      .cmnInfoBox {
          width: calc(100% - (15px * 2));
          padding: 15px 20px;
      }
      .cmnInfoBox img {
          width: 30px;
          margin: 0 auto 10px;
      }
  }
  
  
  /* エラーメッセージ --------------------------------- */
  .cmnErrorBox {
      width: 50%;
      margin: 0 auto 30px;
      padding: 15px;
      border: #ff0000 1px solid;
      background: #ffe8e8;
  }
  .cmnErrorBox .msgError,
  .cmnErrorBox#mapError {
      color: #ff0000;
      text-align: center;
  }
  .cmnErrorMsg {
    width:100%;
    color: #ff0000;
  }
  
  /* スマホ表示時 */
  @media screen and (max-width: 749px) {
      .cmnErrorBox { width: calc(100% - (15px * 2)); }
  }
  
  
  /* 表組
  --------------------------------------------------------------------*/
  
  /* 表組1 タグ:dl 色:グレー --------------------------------- */
  .cmnTable1 {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-wrap: wrap;
      border-left: #b0b0b0 1px solid;
      border-right: #b0b0b0 1px solid;
      border-bottom: #b0b0b0 1px solid;
  }
  .cmnTable1 dt {
      width: 148px;
      background: #f5f5f5;
  }
  .cmnTable1 dd {
      width: calc((100% - (148px * 2)) / 2);
  }
  .cmnTable1 dt,
  .cmnTable1 dd {
      padding: 14px 10px 10px;
      border-top: #b0b0b0 1px solid;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnTable1 {
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          flex-wrap: wrap;
          border-left: #b0b0b0 1px solid;
          border-right: #b0b0b0 1px solid;
          border-bottom: #b0b0b0 1px solid;
      }
      .cmnTable1 dt {
          width: 110px;
          background: #f5f5f5;
      }
      .cmnTable1 dd { width: calc(100% - 110px); }
      .cmnTable1 dt,
      .cmnTable1 dd {
          padding: 14px 10px 10px;
          border-top: #b0b0b0 1px solid;
      }
  }
  
  
  /* 下線のみの表組 タグ:dl 色:グレー --------------------------------- */
  .cmnListTable {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .cmnListTable dt {
      width: 160px;
      padding: 20px;
  }
  .cmnListTable dd {
      width: calc(100% - 160px);
      padding: 20px 0;
  }
  .cmnListTable dt,
  .cmnListTable dd {
      border-bottom: #e0e0e0 1px solid;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnListTable dt {
          width: 100px;
          padding: 14px;
      }
      .cmnListTable dd {
          width: calc(100% - 100px);
          padding: 14px 0;
      }
  }
  
  
  /* 市区、路線用表組　タグ:table 色：青 --------------------------------- */
  .cmnAreaLineTable { width: 100%; }
  .cmnAreaLineTable th,
  .cmnAreaLineTable td {
      padding: 16px 10px;
      border: #b0b0b0 1px solid;
      font-size: 1.2rem;
  }
  .cmnAreaLineTable th {
      width: 200px;
      background: #e6e8e1;
      font-weight: bold;
      text-align: left;
      vertical-align: top;
  }
  .cmnAreaLineTable td .container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px 1em;
  }
  .cmnAreaLineTable td .container label {
      display: inline-block;
      min-width: 140px;
      text-decoration: underline;
  }
  .cmnAreaLineTable td .container label:last-of-type {
      width: auto;
      border-bottom: none;
  }
  .cmnAreaLineTable td .cmnAccordion1 {
      font-weight: bold;
      margin-bottom: 10px;
  }
  .cmnAreaLineTable td .cmnAccordion1:not(:first-of-type) { margin-top: 20px; }
  .cmnStateList {
    margin-bottom: 10px;
  }
  
  /* スマホ表示時 */
  @media screen and (max-width: 749px) {
      .cmnAreaLineTable,
      .cmnAreaLineTable thead,
      .cmnAreaLineTable tbody,
      .cmnAreaLineTable tfoot,
      .cmnAreaLineTable tr,
      .cmnAreaLineTable th,
      .cmnAreaLineTable td {
          display: block;
          width: 100%;
          border: none;
      }
      .cmnAreaLineTable tr th { display: none; }
      .cmnAreaLineTable tr td { padding: 0; }
      .cmnAreaLineTable tr td .container {
          display: block;
      }
      .cmnAreaLineTable tr:last-of-type td .container {
          border-bottom: #b0b0b0 1px solid;
      }
  
      .cmnAreaLineTable tr td .container label {
          display: block;
          width: 100%;
          padding: 10px;
          padding-left: calc(24px + 10px);
          border-bottom: #b0b0b0 1px solid;
      }
      .cmnAreaLineTable tr td .container .cmnCheckbox:checked + label,
      .cmnAreaLineTable tr td .container .cmnCheckbox:checked + input[type="hidden"] + label { background: #f5f5f5; }
      .cmnAreaLineTable tr td .container .cmnCheckbox + label::before,
      .cmnAreaLineTable tr td .container .cmnCheckbox + input[type="hidden"] + label::before { left: 10px; }
      .cmnAreaLineTable tr td .container .cmnCheckbox:checked + label::after,
      .cmnAreaLineTable tr td .container .cmnCheckbox:checked + input[type="hidden"] + label::after {
          border-color: #4f92e0;
          left: calc(3px + 10px);
      }
      .cmnAreaLineTable tr td .container label:last-of-type {
          width: 100%;
      }
      .cmnAreaLineTable tr td .cmnAccordion1 {
          margin-bottom: 0;
      }
      .cmnAreaLineTable td .cmnAccordion1:not(:first-of-type) { margin-top: 0; }
  
  }
  
  
  /* 条件設定用表組 タグ:table 色:青 --------------------------------- */
  .cmnConditionTable { width: 100%; }
  .cmnConditionTable th,
  .cmnConditionTable td {
      padding: 16px 10px;
      border: #b0b0b0 1px solid;
      font-size: 1.2rem;
  }
  .cmnConditionTable th {
      width: 200px;
      background: #e6e8e1;
      font-weight: bold;
      text-align: left;
      vertical-align: top;
  }
  .cmnConditionTable td .container {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      gap: 10px 1em;
  }
  .cmnConditionTable td .container select + span {
      align-self: center;
      margin: 0 0.5em;
  }
  
  .cmnConditionTable td .container label {
      display: inline-block;
      min-width: 140px;
  }
  
  .cmnConditionTable td .container label:last-of-type { width: auto; }
  .cmnConditionTable td .container { padding-bottom: 10px; }
  .cmnConditionTable td .container:last-of-type { padding-bottom: 0; }
  
  /* スマホ表示時 */
  @media screen and (max-width: 749px) {
      .cmnConditionTable,
      .cmnConditionTable thead,
      .cmnConditionTable tbody,
      .cmnConditionTable tfoot,
      .cmnConditionTable tr,
      .cmnConditionTable th,
      .cmnConditionTable td {
          display: block;
          width: 100%;
          border: none;
      }
      .cmnConditionTable tr th {
          padding: 8px 15px;
      }
      .cmnConditionTable tr td {
          padding: 0;
      }
      .cmnConditionTable tr td .container {
          width: 100%;
          gap: 0;
      }
      .cmnConditionTable tr td .container label {
          display: flex;
          align-items: center;
          width: 50%;
          padding: 10px;
          padding-left: calc(24px + 10px);
          border-bottom: #e0e0e0 1px solid
      }
      .cmnConditionTable tr td .container label:nth-of-type(odd) {
          border-right: #e0e0e0 1px solid
      }
      .cmnConditionTable tr td .container .cmnCheckbox:checked + label,
      .cmnConditionTable tr td .container .cmnCheckbox:checked + input[type="hidden"] + label { background: #f5f5f5; }
      .cmnConditionTable tr td .container .cmnCheckbox + label::before,
      .cmnConditionTable tr td .container .cmnCheckbox + input[type="hidden"] + label::before { left: 10px; }
      .cmnConditionTable tr td .container .cmnCheckbox:checked + label::after,
      .cmnConditionTable tr td .container .cmnCheckbox:checked + input[type="hidden"] + label::after {
          border-color: #4f92e0;
          left: calc(3px + 10px);
      }
      .cmnConditionTable tr td .container .cmnCheckbox:checked:disabled + label::after,
      .cmnConditionTable tr td .container .cmnCheckbox:checked:disabled + input[type="hidden"] + label::after {
          border-color: #bdbdbd;
          left: calc(3px + 10px);
      }
      .cmnConditionTable tr td .container label:last-of-type {
          width: 50%;
      }
  
      /* 個別設定 */
      .cmnConditionTable tr.sources td .container:first-of-type,
      .cmnConditionTable tr.areaStation td .container,
      .cmnConditionTable tr.privateArea td .container,
      .cmnConditionTable tr.walkingTime td .container,
      .cmnConditionTable tr.buildYear td .container {
          padding: 10px;
      }
      .cmnConditionTable tr.sources td .container label:nth-of-type(1),
      .cmnConditionTable tr.sources td .container label:nth-of-type(2) { border-top: #e0e0e0 1px solid; }
  
      .cmnConditionTable tr.sources td .container label:last-of-type,
      .cmnConditionTable tr.floorplan td .container label:last-of-type,
      .cmnConditionTable tr.kodawari td .container label:last-of-type,
      .cmnConditionTable tr.structure td .container label:last-of-type,
      .cmnConditionTable tr.direction td .container label:nth-last-of-type(1),
      .cmnConditionTable tr.direction td .container label:nth-last-of-type(2),
      .cmnConditionTable tr.construction td .container label:nth-last-of-type(1),
      .cmnConditionTable tr.construction td .container label:nth-last-of-type(2),
      .cmnConditionTable tr.floor td .container label:nth-last-of-type(1),
      .cmnConditionTable tr.floor td .container label:nth-last-of-type(2),
      .cmnConditionTable tr.parking td .container label:last-of-type,
      .cmnConditionTable tr.kitchen td .container label:last-of-type,
      .cmnConditionTable tr.bath td .container label:last-of-type,
      .cmnConditionTable tr.light_and_heat td .container label:last-of-type,
      .cmnConditionTable tr.receipts td .container label:last-of-type,
      .cmnConditionTable tr.media td .container label:nth-last-of-type(1),
      .cmnConditionTable tr.media td .container label:nth-last-of-type(2),
      .cmnConditionTable tr.security td .container label:nth-last-of-type(1),
      .cmnConditionTable tr.security td .container label:nth-last-of-type(2),
      .cmnConditionTable tr.furniture td .container label:nth-last-of-type(1),
      .cmnConditionTable tr.furniture td .container label:nth-last-of-type(2),
      .cmnConditionTable tr.term td .container label:nth-last-of-type(1),
      .cmnConditionTable tr.term td .container label:nth-last-of-type(2) { border-bottom: none; }
  
  }
  
  
  /* お問合せ用表組 タグ:table 色:青 --------------------------------- */
  .cmnContactTable { width: 100%; }
  .cmnContactTable tr th,
  .cmnContactTable tr td {
      padding: 16px 20px;
      border: #b0b0b0 1px solid;
      font-size: 1.2rem;
  }
  .cmnContactTable tr th {
      width: 230px;
      background: #e6e8e1;
      border-right: none;
      font-weight: normal;
      text-align: left;
      vertical-align: top;
  }
  .cmnContactTable tr td {
      border-left: none;
  }
  .cmnContactTable tr td .cmnErrorMsg:first-of-type {
      margin-top: 10px;
  }
  .cmnContactTable tr td .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      gap: 10px 0;
  }
  .cmnContactTable tr td .container span {
      display: inline-block;
  }
  .cmnContactTable tr td .container .cmnBtnSquareR1 {
      display: inline-block;
      width: auto;
      margin: 0 0 0 1em;
      padding: 3px 1em;
      font-size: 1.2rem;
  }
  
  /* 各項目独自設定 */
  .cmnContactTable tr.name td input,
  .cmnContactTable tr.namekana td input
  {
      width: 180px;
  }
  .cmnContactTable tr.name td input:not(:first-of-type),
  .cmnContactTable tr.namekana td input:not(:first-of-type) {
      margin-left: 1em;
  }
  
  .cmnContactTable tr.tel td input,
  .cmnContactTable tr.fax td input,
  .cmnContactTable tr.mail td input {
      width: calc((180px * 2) + 1em );
  }
  
  .cmnContactTable tr.birthday td #birthdayY {
      width: 80px;
  }
  .cmnContactTable tr.birthday td #birthdayM,
  .cmnContactTable tr.birthday td #birthdayD {
      width: 60px;
  }
  .cmnContactTable tr.birthday td select + span {
      margin: 0 1em 0 0.5em;
  }
  .cmnContactTable tr.gender td label:not(:first-of-type) {
      margin-left: 1em;
  }
  .cmnContactTable tr.address td .container > div,
  .cmnContactTable tr.jobAddress td .container > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      gap: 0 0.5em;
      width: 100%;
  }
  .cmnContactTable tr.address td .container > div #zip,
  .cmnContactTable tr.jobAddress td .container > div #jobZip {
      width: 120px;
  }
  .cmnContactTable tr.address td .container > div .cmnBtnSquareR1,
  .cmnContactTable tr.jobAddress td .container > div .cmnBtnSquareR1 {
      width: 150px;
  }
  .cmnContactTable tr.address td .container > div .cmnErrorMsg,
  .cmnContactTable tr.jobAddress td .container > div .cmnErrorMsg {
      width: 100%;
  }
  
  .cmnContactTable tr.address td #onState,
  .cmnContactTable tr.jobAddress td #jobState {
      width: 115px;
  }
  .cmnContactTable tr.address td #city,
  .cmnContactTable tr.jobAddress td #jobCity {
      width: 100%;
  }
  .cmnContactTable tr.address td #street,
  .cmnContactTable tr.jobAddress td #jobStreet {
      width: 100%;
  }
  .cmnContactTable tr.jobAddress th p {
      margin-top: 10px;
      padding: 7px 10px;
      background: rgb(255,255,255,0.5);
      border-radius: 3px;
  }
  .cmnContactTable tr.jobAddress th p img {
      width: 2em;
      height: 2em;
      margin-right: 4px;
      vertical-align: middle;
  }
  .cmnContactTable tr.jobAddress td #stationNotFound {
      display: block;
      margin-top: 10px;
      padding: 7px 10px;
      border-radius: 5px;
      background: #f0f0f0;
  }
  .cmnContactTable tr.jobAddress td #stationNotFound p {
      width: 100%;
  }
  .cmnContactTable tr.jobAddress td #stationNotFound p img {
      width: 2em;
      height: 2em;
      margin-right: 5px;
      margin-bottom: 5px;
      vertical-align: middle;
  }
  .cmnContactTable tr.jobAddress td #stationNotFound .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
  }
  .cmnContactTable tr.jobAddress td #stationNotFound .container input {
      width: 60%;
  }
  .cmnContactTable tr.jobAddress td #stationNotFound .container .cmnBtnSquareR1 {
      width: auto;
  }
  .cmnContactTable tr.jobAddress td #selectStation {
      margin-top: 10px;
  }
  .cmnContactTable tr.password td .container {
      justify-content: space-between;
  }
  .cmnContactTable tr.password td input,
  .cmnContactTable tr.passwordReset td input,
  .cmnContactTable tr.passwordResetConf td input {
      width: 200px;
  }
  .cmnContactTable tr.password td .cmnCaption,
  .cmnContactTable tr.passwordReset td .cmnCaption,
  .cmnContactTable tr.passwordResetConf td .cmnCaption {
      width: 100%;
  }
  
  .cmnContactTable tr.reason td textarea,
  .cmnContactTable tr.comment td textarea
  {
      width: 100%;
      height: 5em;
  }
  
  .cmnContactTable tr.property td p {
      width: 100%;
  }
  .cmnContactTable tr.property td input {
      width: calc((180px * 2) + 1em );
  }
  .cmnContactTable tr.property td .container select + span {
      display: inline-block;
      margin-left: 1em;
      margin-right: 1em;
  }
  .cmnContactTable tr.property td .container > div label:not(:last-of-type) {
      margin-right: 1em;
  }
  .cmnContactTable tr.property td .container > div .otherSeasonInput {
      display: none;
      margin-left: 0.5em;
  }
  .cmnContactTable tr.property td .container > div #otherSeason:checked ~ .otherSeasonInput {
      display: inline-block;
  }
  .cmnContactTable tr.property td input#tenantCount {
      width: 60px;
  }
  .cmnContactTable tr.property td input#tenantCount + span {
      display: inline-block;
      margin-left: 0.5em;
  }
  
  .cmnContactTable tr.details td select {
      width: 300px;
  }
  .cmnContactTable tr.details td textarea {
      width: calc((180px * 2) + 1em );
  }
  .cmnContactTable tr.details td #inVisitDay,
  .cmnContactTable tr.details td #otherInquiry {
      width: 100%;
  }
  
  .cmnContactTable tr.details td #inVisitDay .cmnInputDatePicker:not(:last-of-type) {
      margin-right: 1em;
  }
  .cmnContactTable tr.details td #inVisitDay .cmnInputDatePicker input {
      margin-left: 0.5em;
  }
  
  .cmnContactTable tr.shop td .container {
      justify-content: space-between;
  }
  
  /* スマホ表示時 */
  @media screen and (max-width: 749px) {
      .cmnContactTable,
      .cmnContactTable thead,
      .cmnContactTable tbody,
      .cmnContactTable tfoot,
      .cmnContactTable tr,
      .cmnContactTable tr th,
      .cmnContactTable tr td {
          display: block;
          width: 100%;
      }
      .cmnContactTable tr th {
          padding: 8px 15px;
          border-top: none;
          border-right: #b0b0b0 1px solid;
          border-bottom: none;
      }
      .cmnContactTable tr td {
          min-height: calc(20px + (10px * 2));
          padding: 10px 15px;
          border-left: #b0b0b0 1px solid;
      }
      .cmnContactTable tr:first-of-type th { border-top: #b0b0b0 1px solid; }
      .cmnContactTable tr td .container {
          width: 100%;
      }
      .cmnContactTable tr td .container label {
          display: inline-block;
      }
      .cmnContactTable tr.name td input:not(:first-of-type),
      .cmnContactTable tr.namekana td input:not(:first-of-type) {
          margin-left: 0;
      }
      .cmnContactTable tr.name td input,
      .cmnContactTable tr.namekana td input {
          width: calc((100% - 1em) / 2);
      }
      .cmnContactTable tr.name td input:not(:first-of-type),
      .cmnContactTable tr.namekana td input:not(:first-of-type) {
          margin-left: 1em;
      }
      .cmnContactTable tr.details td #inVisitDay .cmnInputDatePicker:not(:last-of-type) {
          margin-bottom: 10px;
      }
  }
  
  /* 検索画面用ボタン */
  .cmnSearchButtons {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-top: 20px;
      padding: 24px;
      background: #f5f5f5;
  }
  .cmnSearchButtons .cmnBtnRound2,
  .cmnSearchButtons .cmnBtnRound3 {
      margin: 0;
  }
  .cmnSearchButtons .number {
      padding-right: 1em;
      font-size: 1.6rem;
      font-weight: bold;
  }
  .cmnSearchButtons .number span {
      display: inline-block;
      margin: 0 0.5em;
      font-size: 2.0rem;
      color: #a72d2d;
  }
  
  
  
  /* 共用記事一覧
  --------------------------------------------------------------------*/
  
  /* 4カラム記事一覧 --------------------------------- */
  .cmnArticleList4c {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      align-items: stretch;
      gap: 20px 2%;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  .cmnArticleList4c article {
      width: calc((100% - (2% * 3)) / 4);
      position: relative;
      background: #ffffff;
      overflow: hidden;
  }
  .cmnArticleList4c article a {
      display: block;
      width: 100%;
      height: 100%;
      color: #000000;
  }
  .cmnArticleList4c article a:hover { text-decoration: none; }
  .cmnArticleList4c article .image {
      width: 100%;
      position: relative;
      overflow: hidden;
  }
  .cmnArticleList4c article .image::before {
      content: '';
      display: block;
      padding-top: 100%;
  }
  .cmnArticleList4c article .image img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover;
  }
  .cmnArticleList4c article .text {
      width: 100%;
      padding: 18px 16px 16px;
      position: relative;
  }
  .cmnArticleList4c article .text .category {
      display: inline-block;
      padding: 4px 14px;
      font-size: 1.1rem;
      border-radius: 100vw;
      background: #e0e0e0;
  }
  .cmnArticleList4c article .text .name {
      margin-bottom: 10px;
      font-size: 1.4rem;
  }
  .cmnArticleList4c article .text .rent {
      font-size: 1.6rem;
      font-weight: bold;
      color: #b84226;
  }
  .cmnArticleList4c article .text .colum-title,
  .cmnArticleList4c article .text .address,
  .cmnArticleList4c article .text .infor {
      margin-top: 5px;
  }
  .cmnArticleList4c article .text .date {
      position: absolute;
      right: 16px;
      bottom: 16px;
      font-size: 1.2rem;
      text-align: right;
      color: #808080;
  }
  .cmnArticleList4c article.new a::after {
      content: '';
      display: block;
      width: 45px;
      height: 45px;
      position: absolute;
      top: 10px;
      left: 15px;
      background: url("/templates/templates001/images/icon_new-700dbd55e4380adbfa07c0415a4582fc.svg") no-repeat;
  }
  
  /* PC表示時 */
  @media screen and (min-width: 750px) {
      .cmnArticleList4c article a:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  
  
  }
  
  /* スマホ表示時 */
  @media screen and (max-width: 749px) {
      .cmnArticleList4c { gap: 20px 4%; }
      .cmnArticleList4c article { width: calc((100% - 4%) / 2); }
      .cmnArticleList4c article a {
          display: block;
          width: 100%;
          height: 100%;
      }
      .cmnArticleList4c article .image {
          width: 100%;
          position: relative;
          overflow: hidden;
      }
      .cmnArticleList4c article .image::before {
          content: '';
          display: block;
          padding-top: 100%;
      }
      .cmnArticleList4c article .image img {
          width: 100%;
          height: 100%;
          margin: auto;
          position: absolute;
          top:0;
          right: 0;
          bottom: 0;
          left: 0;
          object-fit: cover;
      }
      .cmnArticleList4c article .text {
          width: 100%;
          padding: 12px 14px 12px;
      }
      .cmnArticleList4c article .text .rent {
          font-size: 1.6rem;
          font-weight: bold;
          color: #b84226;
      }
      .cmnArticleList4c article .text .category {
          padding: 3px 10px;
          font-size: 1.0rem;
      }
      .cmnArticleList4c article .text .colum-title,
      .cmnArticleList4c article .text .address,
      .cmnArticleList4c article .text .infor { margin-top: 4px; }
      .cmnArticleList4c article .text .date { font-size: 1.0rem; }
      .cmnArticleList4c article.new a::after {
          width: 35px;
          height: 35px;
          top: 10px;
          left: 10px;
      }
  }
  
  
  /* 1カラム記事一覧 --------------------------------- */
  .cmnArticleList1c {
      width: 100%;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  .cmnArticleList1c article {
      width: 100%;
      background: #ffffff;
      border-radius: 5px;
  }
  .cmnArticleList1c article:not(:first-of-type) {
      margin-top: 10px;
  }
  
  .cmnArticleList1c article a,
  .cmnArticleList1c article > div {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 10px;
      position: relative;
  }
  .cmnArticleList1c article a::after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      right: 10px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  .cmnArticleList1c article a:hover { text-decoration: none; }
  
  .cmnArticleList1c article a .image,
  .cmnArticleList1c article > div .image {
      width: 150px;
      position: relative;
      overflow: hidden;
  }
  .cmnArticleList1c article a .image::before,
  .cmnArticleList1c article > div .image::before {
      content: '';
      display: block;
      padding-top: 75%;
  }
  .cmnArticleList1c article a .image img,
  .cmnArticleList1c article > div .image img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover;
  }
  .cmnArticleList1c article a .text,
  .cmnArticleList1c article > div .text {
      width: calc(100% - 150px - 20px);
  }
  .cmnArticleList1c article a .text .name,
  .cmnArticleList1c article > div .text .name {
      margin-bottom: 10px;
      font-size: 1.6rem;
      font-weight: bold;
      text-decoration: underline;
  }
  .cmnArticleList1c article a .text .detail,
  .cmnArticleList1c article a .text .address,
  .cmnArticleList1c article > div .text .detail,
  .cmnArticleList1c article > div .text .address {
      color: #000000;
  }
  
  /* PC表示時 */
  @media screen and (min-width: 750px) {
      .cmnArticleList1c article a:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  }
  
  /* スマホ表示時 */
  @media screen and (max-width: 749px) {
      .cmnArticleList1c article { border-radius: 0; }
      .cmnArticleList1c article a {
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          width: 100%;
          padding: 0;
      }
      .cmnArticleList1c article a::after { right: 5px; }
      .cmnArticleList1c article a .image {
          display: flex;
          align-items: center;
          width: 150px;
      }
      .cmnArticleList1c article a .image::before { content: none; }
      .cmnArticleList1c article a .image img { position: static; }
      .cmnArticleList1c article a .text {
          align-self: center;
          width: calc(100% - 150px - 15px);
          padding-top: 12px;
          padding-right: 40px;
          padding-bottom: 12px;
      }
      .cmnArticleList1c article a .text .name { font-size: 1.4rem; }
  }
  
  
  /* 2カラム記事一覧 --------------------------------- */
  .cmnArticleList2c {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      align-items: stretch;
      gap: 10px;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  .cmnArticleList2c article {
      width: calc((100% - 2%) / 2);
      position: relative;
      background: #ffffff;
      overflow: hidden;
  }
  .cmnArticleList2c article a {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      position: relative;
      width: 100%;
      height: 100%;
      color: #000000;
  }
  .cmnArticleList2c article a:hover { text-decoration: none; }
  .cmnArticleList2c article a::before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      right: 1%;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  .cmnArticleList2c article .image {
      width: 43%;
      padding: 0;
      position: relative;
      overflow: hidden;
  }
  .cmnArticleList2c article .image img {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      object-fit: cover;
  }
  .cmnArticleList2c article .text {
      align-self: center;
      width: calc(100% - 43% - 15px);
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 8%;
  }
  .cmnArticleList2c article .text .category {
      display: inline-block;
      padding: 4px 14px;
      font-size: 1.1rem;
      border-radius: 100vw;
      background: #e0e0e0;
  }
  .cmnArticleList2c article .text .articleTitle {
      margin-top: 10px;
  }
  .cmnArticleList2c article .text .date {
      margin-top: 15px;
      font-size: 1.2rem;
      text-align: right;
      color: #808080;
  }
  .cmnArticleList2c article.new a::after {
      content: '';
      display: block;
      width: 45px;
      height: 45px;
      position: absolute;
      top: 10px;
      left: 15px;
      background: url("/templates/templates001/images/icon_new-700dbd55e4380adbfa07c0415a4582fc.svg") no-repeat;
  }
  
  /* PC表示時 */
  @media screen and (min-width: 750px) {
      .cmnArticleList2c article a:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  }
  
  /* スマホ表示時 */
  @media screen and (max-width: 749px) {
      .cmnArticleList2c { display: block; }
      .cmnArticleList2c article {
          width: 100%;
          margin-top: 10px;
          padding: 0;
      }
      .cmnArticleList2c article a {
          align-items: stretch;
          width: 100%;
          height: 100%;
      }
      .cmnArticleList2c article a::before { right: 5px; }
      .cmnArticleList2c article .image {
          width: 40%;
      }
      .cmnArticleList2c article .image::before { content: none; }
      .cmnArticleList2c article .image img {
          width: 100%;
          height: 100%;
          position: static;
      }
      .cmnArticleList2c article .text {
          width: calc(100% - 40% - 15px);
          padding-top: 12px;
          padding-right: 40px;
          padding-bottom: 12px;
      }
      .cmnArticleList2c article .text .category {
          padding: 3px 10px;
          font-size: 1.0rem;
      }
      .cmnArticleList2c article .text .articleTitle { margin-top: 5px; }
      .cmnArticleList2c article .text .date {
          margin-top: 5px;
          font-size: 1.0rem;
      }
      .cmnArticleList2c article.new a::after {
          width: 35px;
          height: 35px;
          top: 5px;
          left: 5px;
      }
  }
  
  
  /* 物件検索一覧共通カセット
  --------------------------------------------------------------------*/
  
  .cmnBuildingCassette {
      margin-bottom: 20px;
      background: #ffffff;
  }
  .cmnBuildingCassette .itemBuilding {
      display: grid;
      grid-template-columns: 35% auto;
      grid-template-rows: auto auto auto;
  }
  .cmnBuildingCassette .itemBuilding .photo {
      order: 1;
      grid-column: 1;
      grid-row: 1/4;
      width: 100%;
      position: relative;
      background: #f5f5f5;
      overflow: hidden
  }
  .cmnBuildingCassette .itemBuilding .photo::before {
      content: '';
      display: block;
      padding-top: 80%;
  }
  .cmnBuildingCassette .itemBuilding .photo img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover;
  }
  .cmnBuildingCassette .itemBuilding .cmnHeadline5 {
      order: 2;
      grid-column: 2;
      margin: 0 20px 10px;
      padding-top: 15px;
      text-align: left;
  }
  .cmnBuildingCassette .itemBuilding .detail {
      order: 3;
      grid-column: 2;
  
      display: grid;
      grid-template-columns: auto auto fit-content;
  
      margin: 0 20px 10px;
      padding: 10px 0;
      border-top: #d0d0d0 1px solid;
      border-bottom: #d0d0d0 1px solid;
  
  }
  .cmnBuildingCassette .itemBuilding .detail .address {
      order: 1;
      grid-column: 1;
      width: auto;
      padding: 0 1em 0 0;
  }
  .cmnBuildingCassette .itemBuilding .detail .access {
      order: 2;
      grid-column: 2;
      width: auto;
      padding: 0 1em 0;
      border-left: #d0d0d0 1px solid;
  }
  .cmnBuildingCassette .itemBuilding .detail .buildYear {
      order: 3;
      grid-column: 3;
      padding: 0 1em 0;
      border-left: #d0d0d0 1px solid;
  }
  
  
  .cmnBuildingCassette .itemBuilding .moveTime {
      order: 4;
      grid-column: 2;
      margin: 0 20px 10px;
  }
  .cmnBuildingCassette .itemBuilding .moveTime p {
      margin-bottom: 10px;
      padding-left: 1.8em;
  }
  .cmnBuildingCassette .itemBuilding .moveTime p span {
      display: block;
      position: relative;
  }
  .cmnBuildingCassette .itemBuilding .moveTime p span::before {
      content: '';
      display: block;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      right: 100%;
      top: 50%;
      transform: translateY(-50%);
  }
  .cmnBuildingCassette .itemBuilding .moveTime p.moveTrain span::before { background: url("/templates/templates001/images/icon_train-18063dd728f3c6e123d1bd16b0eb5892.svg") no-repeat; }
  .cmnBuildingCassette .itemBuilding .moveTime p.moveCar span::before { background: url("/templates/templates001/images/icon_car-461f1b27068f67773ed566fe57c83e13.svg") no-repeat; }
  
  
  
  .cmnBuildingCassette .itemProperty {
  }
  .cmnBuildingCassette .itemProperty .tableHeader {
      display: grid;
      grid-template-columns: 17% auto 60px 120px;
      gap: 0 2%;
      padding: 0 2% 0 0;
      background: #e3e3e3;
  }
  .cmnBuildingCassette .itemProperty .tableHeader ul {
      grid-column: 2;
      display: grid;
      grid-template-columns: 13% 25% 22% 25% 11%;
      gap: 0 1%;
      padding: 3px 0;
  }
  .cmnBuildingCassette .itemProperty article {
      display: grid;
      align-items: center;
      grid-template-columns: 17% auto 60px 120px;
      gap: 0 2%;
      padding: 0 2% 0 0;
      position: relative;
      border-top: #d0d0d0 1px solid;
  }
  .cmnBuildingCassette .itemProperty article.new::after {
      content: '';
      width: 40px;
      height: 17px;
      position: absolute;
      top: 0;
      left: 0;
      background: url("/templates/templates001/images/icon_new2-ebd38c732faa2679fe4fe8acf33d464a.svg") no-repeat;
  }
  
  .cmnBuildingCassette .itemProperty article .image {
      width: 100%;
      height: 100%;
      max-height: 180px;
      padding: 10px 2% 10px 14%;
  }
  .cmnBuildingCassette .itemProperty article .image a,
  .cmnBuildingCassette .itemProperty article .image div {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      position: relative;
  }
  .cmnBuildingCassette .itemProperty article .image a::after,
  .cmnBuildingCassette .itemProperty article .image div::after {
      content: '';
      width: 26px;
      height: 26px;
      position: absolute;
      bottom: 0;
      right: 0;
      background: url("/templates/templates001/images/icon_zoom-18a8d779f438f63173860242849b5926.svg") no-repeat;
  }
  .cmnBuildingCassette .itemProperty article .image div.noimage::after {
      content: none;
  }
  .cmnBuildingCassette .itemProperty article .image a img,
  .cmnBuildingCassette .itemProperty article .image div img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .cmnBuildingCassette .itemProperty article .image label {
      display: none;
      width:100%;
      height: 20px;
      padding: 2px 8px 0 1.4em;
      position: relative;
      border-radius: 100vw;
      background: #a0a0a0;
      font-size: 1.2rem;
      color: #ffffff;
      text-align: center;
  }
  .cmnBuildingCassette .itemProperty article .image label::before {
      content: '';
      display: block;
      width: 1em;
      height: 1em;
      position: absolute;
      top: 50%;
      left: 5px;
      background: url("/templates/templates001/images/icon_ya_wh-1ea8072cf14486fea42a7756edd25507.svg") no-repeat;
      transform: translateY(calc(-50% + 3px)) rotate(90deg);
  }
  .cmnBuildingCassette .photo_Trigger { display: none; }
  .cmnBuildingCassette .listImageModalBox {
      grid-row: 2;
      display: none;
  }
  .cmnBuildingCassette .photo_Trigger:checked ~ .listImageModalBox { display: block; }
  .cmnBuildingCassette .photo_Trigger:checked ~ .image label span { display: none; }
  .cmnBuildingCassette .photo_Trigger:checked ~ .image label::after { content: '閉じる'; }
  .cmnBuildingCassette .photo_Trigger:checked ~ .image label::before { transform: translateY(calc(-50% - 3px)) rotate(-90deg); }
  
  .list_image_modal .modaal-container {
      width: 50% !important;
      padding: 20px;
  }
  .list_image_modal .modaal-container .slider {
      width: 100%;
  }
  .list_image_modal .modaal-container .slider .slide-item .slide-image {
      width: 100%;
  }
  .list_image_modal .modaal-container .slider .slide-item .slide-image img {
      width: 100%;
      height: 300px;
      object-fit: contain;
  }
  .list_image_modal .modaal-container .slider .slide-item p {
      width: 100%;
      padding-left: 2em;
  }
  .slick-counter {
      color:#000;
      float: right;
  }
  .list_image_modal .modaal-container .slider .prev,
  .list_image_modal .modaal-container .slider .next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(255, 255, 255, 0.7);
      z-index: 998;
      padding: 20px 5px;
      cursor: pointer;
  }
  .list_image_modal .modaal-container .slider .prev { left: 0; }
  .list_image_modal .modaal-container .slider .next { right: 0; }
  .list_image_modal .modaal-container .slider .prev img,
  .list_image_modal .modaal-container .slider .next img {
      width: 10px;
      height: auto;
  }
  
  .cmnBuildingCassette .itemProperty article .detail {
      display: grid;
      grid-template-columns: 13% 25% 22% 25% 11%;
      align-items: stretch;
      gap: 0 1%;
      pointer-events: none;
      color: #000000;
  }
  .cmnBuildingCassette .itemProperty article .detail:hover { text-decoration: none; }
  
  .cmnBuildingCassette .itemProperty article .detail > p span { display: block; }
  .cmnBuildingCassette .itemProperty article .detail .rent { color: #b84226; }
  .cmnBuildingCassette .itemProperty article .detail .rent span {
      font-size: 2.0rem;
      font-weight: bold;
  }
  .cmnBuildingCassette .itemProperty article .detail .shikirei p:not(:first-of-type) { margin-top: 10px; }
  .cmnBuildingCassette .itemProperty article .detail .shikirei p::before {
      content: '';
      display: inline-block;
      margin-right: 5px;
      width: 1.5em;
      padding: 3px;
      background: #e0e0e0;
      line-height: 1;
  }
  .cmnBuildingCassette .itemProperty article .detail .shikirei .shikikin::before { content: '敷'; }
  .cmnBuildingCassette .itemProperty article .detail .shikirei .reikin::before { content: '礼'; }
  .cmnBuildingCassette .itemProperty article .detail .shikirei p span {
      display: none;
  }
  .cmnBuildingCassette .itemProperty article .panorama {
      grid-column: 3;
      display: inline-block;
      width: 60px;
  }
  .cmnBuildingCassette .itemProperty article .panorama span {
      padding: 3px 5px;
      border: #b0b0b0 1px solid;
      font-size: 1.2rem;
      line-height: 1;
  }
  .cmnBuildingCassette .itemProperty article .buttons  {
      grid-column: 4;
      width: 120px;
      padding-top:15px;
      padding-bottom: 15px;
      text-align: center;
  }
  .cmnBuildingCassette .itemProperty article .buttons .textLink {
      text-decoration: underline;
  }
  .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound2,
  .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound3 {
      width: 100%;
      margin-top: 10px;
      padding: 5px 0;
  }
  .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound2 { border-color: #d0d0d0; }
  .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound2::after,
  .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound3::after { content: none; }
  .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-left: 10px;
      padding-right: 10px;
      position: relative;
  }
  .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite span,
  .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite img {
      display: inline-block;
  }
  .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite span {
      width: calc(100% - 1.5em - 5px);
  }
  .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite img {
      width: 1.5em;
      height: 1.5em;
  }
  
  .cmnBuildingCassette .itemProperty .omissionArticleLabel {
      width: 100%;
      border-top: #d0d0d0 1px solid;
  }
  .cmnBuildingCassette .itemProperty .omissionArticleLabel label {
      display: block;
      width: 100%;
      padding: 10px 0;
      text-align: center;
      color: #427fcb;
      text-decoration: underline;
      cursor: pointer;
  }
  .cmnBuildingCassette .itemProperty input.omissionTrigger { display: none; }
  .cmnBuildingCassette .itemProperty .omissionArticle { display: none; }
  .cmnBuildingCassette .itemProperty input.omissionTrigger:checked ~  .omissionArticleLabel label span { display: none; }
  .cmnBuildingCassette .itemProperty input.omissionTrigger:checked ~  .omissionArticleLabel label::after { content: '閉じる'; }
  .cmnBuildingCassette .itemProperty input.omissionTrigger:checked ~ .omissionArticle { display: block; }
  
  /* pc対応 */
  @media screen and (max-width: 1200px) {
      .cmnBuildingCassette {
          font-size: 1.2rem;
      }
  }
  @media screen and (min-width: 750px) {
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.pc {
          padding-right: 25px;
      }
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.pc::after {
          content: '';
          display: block;
          width: 21px;
          height: 21px;
          position: absolute;
          top: 50%;
          right: 8px;
          background: url("/templates/templates001/images/favorite_off-c61d392d3f7c9ea1256ed1a67a2f963a.svg") no-repeat;
          transform: translateY(-50%);
      }
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.add-btn-ck.pc::after {
          background: url("/templates/templates001/images/favorite_on-34f01de75020de45c0a87daf04603a77.svg") no-repeat;
      }
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.pc { display: flex;}
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.sp { display: none;}
  }
  
  /* タブレット対応 */
  @media screen and (max-width: 1100px) {
  
      .cmnBuildingCassette .itemProperty .tableHeader {
          display: grid;
          grid-template-columns: 17% 83%;
          gap: 0 2%;
          padding: 0 2% 0 0;
          background: #e3e3e3;
      }
      .cmnBuildingCassette .itemProperty .tableHeader ul {
          padding-right: 90px;
      }
  
      .cmnBuildingCassette .itemProperty article {
          display: grid;
          align-items: stretch;
          grid-template-columns: 17% 83%;
          grid-template-rows: auto auto;
      }
      .cmnBuildingCassette .itemProperty article .detail {
          align-items: center;
          position: relative;
          pointer-events: all;
          padding-top: 10px;
          padding-bottom: 10px;
          padding-right: 90px;
      }
      .cmnBuildingCassette .itemProperty article .detail::after {
          content: '';
          display: block;
          width: 20px;
          height: 20px;
          position: absolute;
          top: 50%;
          right: 0px;
          background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
          transform: translateY(-50%);
      }
      .cmnBuildingCassette .itemProperty article .panorama {
          position: absolute;
          top: calc((100% - 60px) / 2);
          right: 40px;
          transform: translateY(-50%);
          pointer-events: none;
      }
  
      .cmnBuildingCassette .itemProperty article .buttons {
          grid-column: 1/4;
          grid-row: 2;
          display: flex;
          justify-content: center;
          align-items: stretch;
          gap: 0 20px;
          width: 100%;
      }
      .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound2,
      .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound3 {
          width: calc((80% - 10px) / 2);
          margin: 0;
      }
      .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound3 {
          display: flex;
          justify-content: center;
          align-items: center;
      }
      .cmnBuildingCassette .itemProperty article .buttons .textLink { display: none; }
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.pc { display: none;}
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.sp { display: flex;}
  
  }
  
  @media screen and (max-width: 980px) {
      .cmnBuildingCassette .itemBuilding {
          grid-template-columns: 46% auto;
      }
      .cmnBuildingCassette .itemBuilding .photo {
          order: 2;
          grid-column: 1;
          grid-row: 2;
      }
      .cmnBuildingCassette .itemBuilding .cmnHeadline5 {
          order: 1;
          grid-column: 1/3;
          grid-row: 1;
          margin: 0;
          padding: 5px 15px;
          border-bottom: #d0d0d0 1px solid;
      }
      .cmnBuildingCassette .itemBuilding .detail {
          order: 3;
          grid-column: 2/3;
          display: block;
          margin: 0;
          padding: 10px 10px 0;
          border-top: none;
          border-bottom: none;
      }
      .cmnBuildingCassette .itemBuilding .detail .address {
          margin-bottom: 10px;
          padding: 0;
      }
      .cmnBuildingCassette .itemBuilding .detail .access {
          margin-bottom: 10px;
          padding: 0;
          border-left: none;
      }
      .cmnBuildingCassette .itemBuilding .detail .buildYear {
          margin-bottom: 10px;
          padding: 0;
          border-left: none;
      }
      .cmnBuildingCassette .itemBuilding .detail .buildYear li { display: inline-block; }
      .cmnBuildingCassette .itemBuilding .detail .buildYear li:not(:first-of-type)::before { content:'/ ' }
      .cmnBuildingCassette .itemBuilding .moveTime {
          order: 4;
          grid-column: 1/3;
          grid-row: 3;
          margin: 0;
          padding: 10px 10px 0;
          border-top: #d0d0d0 1px solid;
      }
      .cmnBuildingCassette .itemBuilding .moveTime p:not(:last-of-type) {
          margin-bottom: 5px;
      }
  }
  @media screen and (max-width: 920px) {
      .cmnBuildingCassette .itemProperty.new::after {
          width: 35px;
          height: 15px;
          top: 10px;
          left: auto;
          right: 10px;
      }
      .cmnBuildingCassette .itemProperty .tableHeader { display: none; }
      .cmnBuildingCassette .itemProperty article {
          grid-template-columns: 120px calc(100% - (10px + 120px));
          grid-template-rows: 1fr auto auto;
          align-items: center;
      }
      .cmnBuildingCassette .itemProperty article .image {
          grid-column: 1/2;
          grid-row: 1/3;
          width: 120px;
          min-height: 90px;
          max-height: 150px;
          padding-left: 10px;
      }
      .cmnBuildingCassette .itemProperty article .detail {
          grid-column: 2/3;
          grid-row: 1;
          grid-template-columns: auto auto 1fr;
          width: 100%;
          padding-bottom: 0;
      }
      .cmnBuildingCassette .itemProperty article .detail::after {
          content: '';
          display: block;
          width: 20px;
          height: 20px;
          position: absolute;
          top: 50%;
          right: 0px;
          background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
          transform: translateY(-50%);
      }
      .cmnBuildingCassette .itemProperty article .detail .floor {
          order: 5;
          grid-column: 2/4;
          grid-row: 3;
          width: auto;
          margin-top: 5px;
      }
      .cmnBuildingCassette .itemProperty article .detail .floor span {
          display: inline-block;
      }
      .cmnBuildingCassette .itemProperty article .detail .floor span:not(:last-of-type)::after {
          content: '/';
          display: inline-block;
      }
  
      .cmnBuildingCassette .itemProperty article .detail .rent {
          order: 1;
          grid-column: 1/4;
          grid-row: 1;
          width: 100%;
      }
      .cmnBuildingCassette .itemProperty article .detail .shikirei {
          order: 2;
          grid-column: 1/3;
          grid-row: 2;
          display: inline-block;
          width: auto;
      }
      .cmnBuildingCassette .itemProperty article .detail .shikirei p.shikikin,
      .cmnBuildingCassette .itemProperty article .detail .shikirei p.reikin {
          display: inline-block;
          width: auto;
          margin-top: 5px;
          padding-right: 5px;
      }
      .cmnBuildingCassette .itemProperty article .detail .madori {
          order: 4;
          grid-column: 1/2;
          grid-row: 3;
          width: auto;
          margin-top: 5px;
      }
      .cmnBuildingCassette .itemProperty article .detail .madori span {
          display: inline-block;
      }
      .cmnBuildingCassette .itemProperty article .detail .madori span::after {
          content: '/';
          display: inline-block;
      }
      .cmnBuildingCassette .itemProperty article .detail .parking {
          order: 3;
          grid-column: 3/4;
          grid-row: 2;
          width: auto;
          margin-top: 5px;
          text-align: left;
      }
      .cmnBuildingCassette .itemProperty article .detail .parking::before {
          content: 'P';
          display: inline-block;
          width: 1.5em;
          margin-right: 5px;
          padding: 3px;
          background: #e0e0e0;
          line-height: 1;
          text-align: center;
      }
      .cmnBuildingCassette .itemProperty article .panorama {
          order: 3;
          grid-column: 2/3;
          grid-row: 2;
          margin-top: 5px;
          align-self: flex-start;
          position: static;
          transform: none;
      }
  
      .cmnBuildingCassette .itemProperty article .detail > p { display: inline-block; }
      .cmnBuildingCassette .itemProperty article .detail .rent { color: #b84226; }
      .cmnBuildingCassette .itemProperty article .detail .rent span { display: inline-block; }
  
  
      .cmnBuildingCassette .itemProperty article .buttons {
          grid-column: 1/3;
          grid-row: 3;
          order: 5;
      }
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
  /*
      .cmnBuildingCassette .itemBuilding {
          grid-template-columns: 46% auto;
      }
      .cmnBuildingCassette .itemBuilding .photo {
          order: 2;
          grid-column: 1;
          grid-row: 2;
      }
      .cmnBuildingCassette .itemBuilding .cmnHeadline5 {
          order: 1;
          grid-column: 1/3;
          grid-row: 1;
          margin: 0;
          padding: 5px 15px;
          border-bottom: #d0d0d0 1px solid;
      }
      .cmnBuildingCassette .itemBuilding .detail {
          order: 3;
          grid-column: 2/3;
          display: block;
          margin: 0;
          padding: 10px 10px 0;
          border-top: none;
          border-bottom: none;
      }
      .cmnBuildingCassette .itemBuilding .detail p {
          margin-bottom: 10px;
          padding: 0;
      }
      .cmnBuildingCassette .itemBuilding .detail ul {
          margin-bottom: 10px;
          padding: 0;
          border-left: none;
      }
      .cmnBuildingCassette .itemBuilding .detail ul.buildYear li { display: inline-block; }
      .cmnBuildingCassette .itemBuilding .detail ul.buildYear li:not(:first-of-type)::before { content:'/ ' }
      .cmnBuildingCassette .itemBuilding .moveTime {
          order: 4;
          grid-column: 1/3;
          grid-row: 3;
          margin: 0;
          padding: 10px 10px 0;
          border-top: #d0d0d0 1px solid;
      }
      .cmnBuildingCassette .itemBuilding .moveTime p:not(:last-of-type) {
          margin-bottom: 5px;
      }
  */
      .cmnBuildingCassette .itemProperty article {
      }
      .cmnBuildingCassette .itemProperty article .image {
          width: 120px;
          min-height: 90px;
          max-height: 120px;
          padding-left: 10px;
      }
      .cmnBuildingCassette .itemProperty article .image a,
      .cmnBuildingCassette .itemProperty article .image div {
          height: calc(100% - 20px);
          pointer-events: none;
      }
      .cmnBuildingCassette .itemProperty article .image div.noimage {
          height: 100%;
      }
  
      .cmnBuildingCassette .itemProperty article .image a::after,
      .cmnBuildingCassette .itemProperty article .image div::after {
          content: none;
      }
  
      .cmnBuildingCassette .itemProperty article .image label { display: block; }
      .cmnBuildingCassette .itemProperty article .detail {
          padding-right: 20px;
      }
  
  /*
      .cmnBuildingCassette .itemProperty article .detail > p { display: inline-block; }
      .cmnBuildingCassette .itemProperty article .detail .rent { color: #b84226; }
      .cmnBuildingCassette .itemProperty article .detail .rent span { display: inline-block; }
  */
  
      .cmnBuildingCassette .itemProperty article .listImageModalBox {
          grid-column: 1/3;
          grid-row: 4;
          width: 100%;
          padding-top: 10px;
      }
      .cmnBuildingCassette .itemProperty article .listImageModalBox .slider {
          width: 100%;
          overflow: hidden;
      }
      .cmnBuildingCassette .itemProperty article .listImageModalBox .slider .slide-item .slide-image {
          width: 100%;
      }
      .cmnBuildingCassette .itemProperty article .listImageModalBox .slider .slide-item .slide-image img {
          width: 100%;
          height: 100px;
          object-fit: contain;
      }
      .cmnBuildingCassette .itemProperty article .listImageModalBox .slider .slide-item p { display: none; }
  
      .cmnBuildingCassette .itemProperty article .listImageModalBox .slider .prev,
      .cmnBuildingCassette .itemProperty article .listImageModalBox .slider .next { display: none; }
      .cmnBuildingCassette .itemProperty article .listImageModalBox .listPropertyBoxModalBtn { display: none; }
      .cmnBuildingCassette .itemProperty article .listImageModalBox .slider .slick-counter { display: none; }
  
      .cmnBuildingCassette .itemProperty article .buttons {
          grid-row: 5;
      }
  /*
      .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound2,
      .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound3 {
          width: calc((100% - 10px) / 2);
      }
      .cmnBuildingCassette .itemProperty article .buttons .cmnBtnRound3 {
          display: flex;
          justify-content: center;
          align-items: center;
      }
      .cmnBuildingCassette .itemProperty article .buttons .textLink { display: none; }
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.pc { display: none;}
      .cmnBuildingCassette .itemProperty article .buttons .listPropertyFavorite.sp { display: flex;}
  */
  }
  
  
  /* ページネーション
  --------------------------------------------------------------------*/
  
  .cmnPagenation {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 10px 10px;
  }
  .cmnPagenation li a,
  .cmnPagenation li span {
      display: inline-block;
      width: 2.5em;
      height: 2.5em;
      background: #ffffff;
      border: #d7d7d7 1px solid;
      text-align: center;
      line-height: 2.5em;
  }
  .cmnPagenation li span { background: #f5f5f5; }
  .cmnPagenation li a.next,
  .cmnPagenation li a.prev { width: 4em; }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {  }
  
  
  
  /* ===================================================================
  ページ共通部分レイアウト
  =================================================================== */
  
  /* ヘッダー部分
  header.html
  --------------------------------------------------------------------*/
  
  /* ヘッダー ---------------------------------------------------*/
  header {
      background: #EB6702;
  }
  header .cmnInner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 6px;
      padding-bottom: 6px;
  }
  header #headerLogo {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
  }
  header #headerLogo #mainLogo a {
      display: block;
      width: 116px;
      height: 25px;
      margin-right: 10px;
      line-height: 0;
  }
  header #headerLogo #mainCopy {
      font-size: 1.0rem;
      color: #ffffff;
      line-height: 0.6;
  }
  header #headerControll {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 1.2rem;
  }
  header #headerControll a {
      color: #ffffff;
      text-decoration: none;
  }
  header #headerControll #headerButtons {
      display: flex;
      justify-content: flex-end;
      align-items: center;
  }
  header #headerControll #headerButtons a {
      display: flex;
      align-items: center;
      gap: 0 6px;
      margin-left: 12px;
  }
  header #headerControll #headerButtons a:first-of-type { margin-left: 0; }
  header #headerControll #headerButtons a img {
      display: block;
      width: 20px;
      height: 20px;
  }
  header #headerControll #headerButtons a #headerPropertyCountArea,
  header #headerControll #headerButtons a #headerSearchCountArea {
      display: block;
      width: 20px;
      height: 20px;
      position: relative;
      background: #e1e1df;
      border-radius: 100vw;
  }
  header #headerControll #headerButtons a #headerPropertyCountArea #headerPropertyCount,
  header #headerControll #headerButtons a #headerSearchCountArea #headerSearchCount {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 50%;
      color: #000000;
      transform: translateX(-50%) translateY(-50%);
  }
  
  header #headerControll #headerButtons .memberreg img.pc,
  header #headerControll #headerButtons .mypage img.pc { display: block;}
  header #headerControll #headerButtons .memberreg img.sp,
  header #headerControll #headerButtons .mypage img.sp { display: none;}
  
  
  header #headerControll #headerLinks {
      display: flex;
      margin-left: 25px;
      padding-left: 25px;
      border-left: #b0b0b0 1px solid;
  }
  header #headerControll #headerLinks li { margin-left: 25px; }
  header #headerControll #headerLinks li:first-of-type { margin-left: 0; }
  header #headerControll #headerLinks li a { display: block; }
  
  /* スマホ対応 */
  @media screen and (max-width: 935px) {
      header #headerControll a { font-size: 1.1rem; }
      header #headerControll #headerLinks {
          margin-left: 10px;
          padding-left: 10px;
      }
      header #headerControll #headerLinks li {
          margin-left: 10px;
      }
      header #headerControll #headerLinks li:first-of-type {
          margin-left: 0;
      }
      header #headerControll #headerButtons a {
          margin-left: 5px;
      }
      header #headerControll #headerButtons .memberreg {display: flex;}
      header #headerControll #headerButtons .mypage {display: flex;}
      header #headerControll #headerButtons .memberreg img.pc,
      header #headerControll #headerButtons .mypage img.pc { display: block;}
      header #headerControll #headerButtons .memberreg img.sp,
      header #headerControll #headerButtons .mypage img.sp { display: none;}
  }
  @media screen and (max-width: 850px) {
      header .cmnInner {
          flex-wrap: wrap;
          padding: 0;
      }
      header #headerLogo {
          padding: 10px 0 13px 12px;
      }
      header #headerLogo #mainLogo a {
          width: 110px;
          height: 23px;
      }
  
      header #headerControll {
          order: 3;
          width: 100%;
          background: #ffffff;
          /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
          transform: translateZ(0);
      }
      header #headerControll a { color: #000000; }
      header #headerControll #headerButtons {
          justify-content: space-around;
          width: 100%;
          padding: 5px 0;
      }
      header #headerControll #headerButtons a {
          justify-content: center;
          gap: 0 1px;
          width: calc(100% / 3);
          margin: 0;
          padding: 4px 4px;
          border-left: #c0c0c0 1px solid;
          font-size: 1.2rem;
      }
      header #headerControll #headerButtons a:first-of-type { border-left: none; }
      header #headerControll #headerButtons a img {
          width: 16px;
          height: 16px;
      }
      header #headerControll #headerButtons a #headerPropertyCountArea,
  
      header #headerControll #headerButtons a #headerSearchCountArea {
          display: block;
          width: 17px;
          height: 17px;
          position: relative;
          background: #e1e1df;
          border-radius: 100vw;
          font-size: 1rem;
      }
  /*
      header #headerControll #headerButtons a.favolite { width: 28%; }
      header #headerControll #headerButtons a.search { width: 26%; }
      header #headerControll #headerButtons a.login,
      header #headerControll #headerButtons a.logout { width: 23%; }
  */
      header #headerControll #headerButtons a.memberreg,
      header #headerControll #headerButtons a.mypage,
      header #headerControll #headerLinks {
          display: none;
      }
  
      header #headerControll #headerButtons .memberreg img.pc,
      header #headerControll #headerButtons .mypage img.pc { display: none;}
      header #headerControll #headerButtons .memberreg img.sp,
      header #headerControll #headerButtons .mypage img.sp { display: block;}
  }
  
  
  /* スライドメニュー ---------------------------------------------------*/
  #slideMenu {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      width: 100%;
      position: absolute;
      /*top: 45px;*/
      top: 0;
      left: 0;
      z-index: 9990;
  }
  
  #slideMenu #slideMenuHamburger {
      display: block;
      width: 45px;
      height: 45px;
      position: absolute;
      /*top: -45px;*/
      top: 0;
      transition: background 0.3s ease;
      z-index: 9992;
  }
  #slideMenu #slideMenuHamburger span {
      display: block;
      width: 20px;
      height: 2px;
      position: absolute;
      left: 50%;
      background: #ffffff;
  }
  #slideMenu #slideMenuHamburger span:nth-of-type(1) {
      top: 14px;
      transform: translateX(-50%);
      animation: menu-bar01 .3s forwards;
  }
  #slideMenu #slideMenuHamburger span:nth-of-type(2) {
      top: 22px;
      opacity: 1;
      transform: translateX(-50%);
      transition: opacity .3s ease;
  }
  #slideMenu #slideMenuHamburger span:nth-of-type(3) {
      top: 30px;
      transform: translateX(-50%);
      animation: menu-bar03 .3s forwards;
  }
  #slideMenu #slideMenuHamburger.open {
      background: #505050;
  }
  #slideMenu.open #slideMenuHamburger span:nth-of-type(1) {
      top: 14px;
      transform: translateX(-50%);
      animation: active-menu-bar01 .3s forwards;
  }
  #slideMenu.open #slideMenuHamburger span:nth-of-type(2) {
      opacity: 0;
  }
  #slideMenu.open #slideMenuHamburger span:nth-of-type(3) {
      top: 30px;
      transform: translateX(-50%);
      animation: active-menu-bar03 .3s forwards;
  }
  @keyframes menu-bar01 {
      0% { transform: translateX(-50%) translateY(8px) rotate(45deg); }
      50% { transform: translateX(-50%) translateY(8px) rotate(0); }
      100% { transform: translateX(-50%) translateY(0) rotate(0); }
  }
  @keyframes menu-bar03 {
      0% { transform: translateX(-50%) translateY(-8px) rotate(-45deg); }
      50% { transform: translateX(-50%) translateY(-8px) rotate(0); }
      100% { transform: translateX(-50%) translateY(0) rotate(0); }
  }
  
  @keyframes active-menu-bar01 {
      0% { transform: translateX(-50%) translateY(0) rotate(0); }
      50% { transform: translateX(-50%) translateY(8px) rotate(0); }
      100% { transform: translateX(-50%) translateY(8px) rotate(45deg); }
  }
  @keyframes active-menu-bar03 {
      0% { transform: translateX(-50%) translateY(0) rotate(0); }
      50% { transform: translateX(-50%) translateY(-8px) rotate(0); }
      100% { transform: translateX(-50%) translateY(-8px) rotate(-45deg); }
  }
  
  #slideMenu #slideMenuBg {
    display: none;
      width: 100%;
      /*height: calc(100vh - 45px);*/
      height: 100vh;
      position: absolute;
      top: 0;
      background-color: rgb(0,0,0,.6);
      z-index: 9991;
  }
  #slideMenu #slideMenuBg #slideMenuBgClose {
      height: 100vh;
      position: absolute;
      width: 100%;
  }
  #slideMenu #slideMenuBody {
      width: 345px;
      height: calc(100vh - 45px);
      padding: 10px 15px 20px;
      position: absolute;
      /*top: 1px;*/
      top: 46px;
      right: -345px;
      /* right: 0; */
      background: rgba(34, 34, 34, 0.5);
      overflow-y: scroll;
      filter: drop-shadow(-5px 0 5px rgb(0,0,0,0.2));
      transform: translateZ(0);
  }
  #slideMenu #slideMenuBody #slideMenuShadow {
      filter: drop-shadow(0 0 5px rgb(0,0,0,0.2));
      transform: translateZ(0);
  }
  #slideMenu #slideMenuBody #slideMenuButtons {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 5px;
      width: 100%;
      margin-bottom: 5px;
  }
  #slideMenu #slideMenuBody #slideMenuButtons li {
      width: calc((100% - (5px * 2)) / 3);
      border-radius: 5px;
      background:  rgba(34, 34, 34, 0.5);
  }
  #slideMenu #slideMenuBody #slideMenuButtons li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 15px 0 10px;
      border-radius: 5px;
      background:  rgba(34, 34, 34, 0.5);
      text-align: center;
      color: #fff;
  }
  #slideMenu #slideMenuBody #slideMenuButtons li a:hover {
      text-decoration: none;
  }
  #slideMenu #slideMenuBody #slideMenuButtons li a img {
      display: block;
      width: 23px;
      margin: 0 auto 10px;
  }
  
  #slideMenu #slideMenuBody .slideMenuLinks {
      width: 100%;
      margin-bottom: 5px;
      border-radius: 5px;
  }
  #slideMenu #slideMenuBody .slideMenuLinks li {
      border-top: #b0b0b0 1px solid;
      background:  rgba(34, 34, 34, 0.5);
  }
  #slideMenu #slideMenuBody .slideMenuLinks li:first-of-type { border-top: none; }
  #slideMenu #slideMenuBody .slideMenuLinks li a {
      display: block;
      width: 100%;
      padding: 15px;
      position: relative;
      font-size: 1.4rem;
      color: #fff;
      background:  rgba(34, 34, 34, 0.5);
  }
  #slideMenu #slideMenuBody .slideMenuLinks li a:hover {
      text-decoration: none;
  }
  
  #slideMenu #slideMenuBody .slideMenuLinks li a::after {
      content:'';
      width: 0.64em;
      height: 1.8em;
      position: absolute;
      top: 50%;
      right: 15px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(calc(-50% + 3px));
  }
  #slideMenu #slideMenuBody .cmnBtnRound {
      width: 160px;
      margin: 15px auto 0;
      font-size: 1.4rem;
      color: #ffffff;
      background: #000000;
  }
  #slideMenu #slideMenuBody .cmnBtnRound::before {
      content: '';
      display: block;
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      top: 50%;
      left: 20px;
      background: url("/templates/templates001/images/icon_batu-4eed96190950177734c8d9882800aacf.svg") no-repeat;
      transform: translateY(-50%);
  }
  #slideMenu #slideMenuBody .cmnBtnRound::after {
      content: none;
  }
  #slideMenu.open {
      position: fixed;
  }
  #slideMenu.open #slideMenuBg {
    display: block;
  }
  #slideMenu.open #slideMenuBody {
  
  }
  
  @media screen and (min-width: 850px) {
      #slideMenu { display: none; }
  }
  
  
  /* グローバルメニュー --------------------------------------------------*/
  
  #globalNavi {
      width: 100%;
      padding-top: 15px;
      padding-bottom: 15px;
      background: #ffffff;
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #globalNavi a {
      font-size: 1.4rem;
      color: #000000;
      text-decoration: none;
  }
  #globalNavi ul {
      display: flex;
      justify-content: space-between;
  }
  #globalNavi ul li {
      width: calc(100% / 8);
      border-right: #b0b0b0 1px solid;
  }
  #globalNavi ul li.globalNavi4 {
      min-width: calc(9em + (1em * 2));
  }
  #globalNavi ul li.globalNavi2 {
      min-width: calc(8em + (1em * 2));
  }
  #globalNavi ul li.globalNavi5 {
      min-width: calc(7em + (1em * 2));
  }
  #globalNavi ul li.globalNavi1,
  #globalNavi ul li.globalNavi3 {
      min-width: calc(6em + (1em * 2));
  }
  #globalNavi ul li:first-of-type { border-left: #b0b0b0 1px solid; }
  #globalNavi ul li a {
      display: block;
      width: 100%;
      padding-top: 2px;
      padding-bottom: 2px;
      text-align: center;
  }
  
  /* PC 対応 */
  @media screen and (max-width: 1080px) {
      #globalNavi ul li,
      #globalNavi ul li a {
          font-size: 1.2rem;
      }
  }
  
  @media screen and (min-width: 850px) {
      #globalNavi a:hover {
          text-decoration: underline;
          opacity: .7;
          transition: opacity .3s ease;
      }
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 850px) {
      #globalNavi { display: none; }
  }
  
  
  
  /* メインエリア部分
  layout.html
  --------------------------------------------------------------------*/
  
  main {
      flex-grow: 1;
      padding-top: 60px;
      /* padding-bottom: 135px; */
      background: #f7f7f5;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      main {
          padding-top: 20px;
          /* padding-bottom: 60px; */
      }
  }
  
  
  /* フッター部分
  footer.html
  --------------------------------------------------------------------*/
  
  footer {
      width: 100%;
      background: #ffffff;
      font-size: 1.2rem;
      /* box-shadow: 0 0 20px 0 #ededed; */
  }
  footer .cmnInner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 18px;
      padding-bottom: 26px;
  }
  footer #footerLinks {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
  }
  footer #footerLinks li { border-right: #b0b0b0 1px solid; }
  footer #footerLinks li:first-child { border-left: #b0b0b0 1px solid; }
  footer #footerLinks li a {
      display: inline-block;
      padding: 0px 18px;
      color: #000000;
      text-decoration: none;
  }
  footer #footerLogo a {
      display: block;
      width: 170px;
      height: 36px;
      line-height: 0;
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      footer {
          width: 100%;
      }
      footer .cmnInner {
          display: block;
          padding: 30px 15px;
      }
      footer #footerLinks {
          width: 100%;
          flex-wrap: wrap;
          gap: 6px 5%;
      }
      footer #footerLinks li {
          width: calc((100% - 5%) / 2);
          border-right: none;
      }
      footer #footerLinks li:first-child { border-left: none; }
      footer #footerLinks li a {
          padding: 0;
      }
      footer #footerLogo {
          margin-top: 28px;
          text-align: left;
      }
  }
  
  
  /* フッタースライドメニュー（SP版のみ） -----------------------------------*/
  @media screen and (min-width:850px) {
      .sp-footerNavi {
          display: none;
      }
  }
  @media screen and (max-width:850px) {
      footer {
          padding-bottom: 60px;
      }
      .c-search .sp-footerNavi {
          display: none;
      }
  
      .sp-footerNavi {
          width: 100%;
          position: fixed;
          left: 0;
          bottom: -50px;
          background: #ffffff;
          z-index: 9970;
          /*transition: all .3s ease;*/
      }
      .sp-footerNavi ul {
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          gap: 0;
          border-top: 1px solid #c0c0c0;
      }
      .sp-footerNavi li {
          width: calc(100% / 3);
      }
      .sp-footerNavi li:not(:first-of-type) {
          border-left: #c0c0c0 1px solid;
      }
      .sp-footerNavi li a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 50px;
          padding: 0;
          font-size: 1.4rem;
          text-align: center;
          color: #000000;
      }
      .sp-footerNavi li a:hover {
          text-decoration: none;
      }
      .sp-footerNavi li a span {
          display: inline-block;
          padding-left: 2em;
          position: relative;
      }
      .sp-footerNavi li a span::before {
          content: '';
          display: inline-block;
          width: 1.7em;
          height: 1.7em;
          position: absolute;
          top: 50%;
          left: 0px;
          transform: translateY(-50%);
      }
      .sp-footerNavi li.tel a span::before {
          background: url("/templates/templates001/images/icon_phone-098aed23d60b2516f3d84cd3b29715d9.svg") no-repeat;
      }
      .sp-footerNavi li.login a span::before {
          background: url("/templates/templates001/images/sp-footerNavi_02-92d0f0eaa61bd22d8a557a28573038cb.svg") no-repeat;
      }
      .sp-footerNavi li.reservation a span::before {
          background: url("/templates/templates001/images/icon_menu_9-0265cf201622dbab5e5281ce670c04b2.svg") no-repeat;
      }
      .sp-footerNavi li.menber a span::before {
          background: url("/templates/templates001/images/mypage_bk-f6323288ebe43710ffc9529584ac6178.svg") no-repeat;
      }
      .sp-footerNavi li.mypage a span::before {
          background: url("/templates/templates001/images/mypage_bk-f6323288ebe43710ffc9529584ac6178.svg") no-repeat;
      }
  }
    
/* フッター物件問い合わせ（SP版のみ） -----------------------------------*/
@media screen and (min-width: 750px) {
    .sp-footerDetailInfor {
        display: none;
    }
    .sp-footerDetailInfor .buttons .cmnBtnRound3 span.pc {display: inline;}
    .sp-footerDetailInfor .buttons .cmnBtnRound3.tel span.sp {display: none;}
}
@media screen and (max-width: 749px) {
    .sp-footerDetailInfor {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: -25px;
        background: #ffffff;
        z-index: 9998;
        display: none;
    }

    /* この物件のお問合せ */
    .sp-footerDetailInfor .cmnInner {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #f5f5f5;
    }
    .sp-footerDetailInfor .cmnHeadline5 {
        margin-bottom: 0;
    }
    .sp-footerDetailInfor .buttons {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 0 1em;
    }
    .sp-footerDetailInfor .buttons .cmnBtnRound3 {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-left: 25px;
        margin: 10px 0;
    }
    .sp-footerDetailInfor .buttons .cmnBtnRound3::before {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 30px;
        background-size: contain;
        transform: translateY(-50%);
    }
    .sp-footerDetailInfor .buttons .cmnBtnRound3::before {
        width: 18px;
        height: 18px;
        left: 15px;
    }
    .sp-footerDetailInfor .buttons .cmnBtnRound3::after {
        content: none;
    }
    .sp-footerDetailInfor .buttons .cmnBtnRound3 span.pc {
        display: none;
    }
    .sp-footerDetailInfor .buttons .cmnBtnRound3.tel span.sp {
        display: inline;
    }

    .sp-footerDetailInfor .buttons .cmnBtnRound3.mail::before { background: url("/templates/templates001/images/icon_mail_wh-c9d2afe1af5dc1aa901329ea432d889f.svg") no-repeat;}
    .sp-footerDetailInfor .buttons .cmnBtnRound3.tel::before { background: url("/templates/templates001/images/icon_phone_infor_wh-b390a76ab8b7d77db41cd3006a67ee13.svg") no-repeat;}
    .sp-footerDetailInfor .buttons .cmnBtnRound3.reservation::before { background: url("/templates/templates001/images/icon_raiten-f138848f2dc5400b22dd51aab19bc98e.svg") no-repeat;}

    .sp-footerDetailInfor .inforCode {
        text-align: center;
    }

    /* 物件情報 */
    .sp-footerDetailInfor .itemProperty {
        display: grid;
        align-items: center;
        grid-template-rows: 6% 10% auto;
        grid-template-columns: 30% auto;
        gap: 0 2%;
        padding: 1%;
        position: relative;
        border-top: #d0d0d0 1px solid;
    }
    .sp-footerDetailInfor .itemProperty .itemTitle {
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 1.4rem;
        grid-row: 2;
    }
    .sp-footerDetailInfor .itemProperty .image {
        grid-row: 1 / 4;
        grid-column: 1;
        min-height: 130px;
        padding: 10px 0px 0px 10px;
    }
    .sp-footerDetailInfor .itemProperty .image img,
    .sp-footerDetailInfor .itemProperty .image div img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .sp-footerDetailInfor .itemProperty article {
        display: grid;
        align-items: center;
        grid-template-columns: 120px calc(100% - (10px + 120px));
        grid-template-rows: 1fr auto auto;
        gap: 0 2%;
        padding: 0 2% 2% 0;
        position: relative;
        border-top: #d0d0d0 1px solid;
        grid-row: 3;
        grid-column: 2;
    }
    .sp-footerDetailInfor .itemProperty article .image {
        grid-column: 1/2;
        grid-row: 1/3;
        width: 120px;
        height: 100%;
        min-height: 90px;
        max-height: 150px;
        padding-left: 10px;
        padding: 10px 2% 10px 14%;
    }
    .sp-footerDetailInfor .itemProperty article .image div {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        position: relative;
    }
    .sp-footerDetailInfor .itemProperty article .image img,
    .sp-footerDetailInfor .itemProperty article .image div img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .sp-footerDetailInfor .itemProperty article .image label {
        display: none;
        width:100%;
        height: 20px;
        padding: 2px 8px 0 1.4em;
        position: relative;
        border-radius: 100vw;
        background: #a0a0a0;
        font-size: 1.2rem;
        color: #ffffff;
        text-align: center;
    }

    .sp-footerDetailInfor .itemProperty article .detail {
        display: grid;
        align-items: stretch;
        gap: 0 1%;
        pointer-events: none;
        color: #000000;
        grid-column: 2/3;
        grid-row: 1;
        grid-template-columns: auto auto 1fr;
        width: 100%;
        padding-bottom: 0;
    }
    .sp-footerDetailInfor .itemProperty article .detail:hover { text-decoration: none; }
    .sp-footerDetailInfor .itemProperty article .detail > p {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.4;
}
    .sp-footerDetailInfor .itemProperty article .detail > p span { display: block; }
    .sp-footerDetailInfor .itemProperty article .detail .rent {
        color: #b84226;
        order: 1;
        grid-column: 1/4;
        grid-row: 1;
        width: 100%;
    }
    .sp-footerDetailInfor .itemProperty article .detail .rent span {
        display: inline-block;
        font-size: 2.0rem;
        font-weight: bold;
    }
    .sp-footerDetailInfor .itemProperty article .detail .shikirei {
        order: 2;
        grid-column: 1/3;
        grid-row: 2;
        display: inline-block;
        width: auto;
    }
    .sp-footerDetailInfor .itemProperty article .detail .shikirei p:not(:first-of-type) { margin-top: 10px; }
    .sp-footerDetailInfor .itemProperty article .detail .shikirei p.shikikin,
    .sp-footerDetailInfor .itemProperty article .detail .shikirei p.reikin {
        display: inline-block;
        width: auto;
        margin-top: 5px;
        padding-right: 5px;
    }
    .sp-footerDetailInfor .itemProperty article .detail .shikirei p::before {
        content: '';
        display: inline-block;
        margin-right: 5px;
        width: 1.5em;
        padding: 3px;
        background: #e0e0e0;
        line-height: 1;
    }
    .sp-footerDetailInfor .itemProperty article .detail .shikirei .shikikin::before { content: '敷'; }
    .sp-footerDetailInfor .itemProperty article .detail .shikirei .reikin::before { content: '礼'; }
    .sp-footerDetailInfor .itemProperty article .detail .shikirei p span {
        display: none;
    }
    .sp-footerDetailInfor .itemProperty article .detail .floor {
        order: 5;
        grid-column: 2/4;
        grid-row: 3;
        width: auto;
        margin-top: 5px;
    }
    .sp-footerDetailInfor .itemProperty article .detail .floor span {
        display: inline-block;
    }
    .sp-footerDetailInfor .itemProperty article .detail .floor span:not(:last-of-type)::after {
        content: '/';
        display: inline-block;
    }
    .sp-footerDetailInfor .itemProperty article .detail .madori {
        order: 4;
        grid-column: 1/2;
        grid-row: 3;
        width: auto;
        margin-top: 5px;
    }
    .sp-footerDetailInfor .itemProperty article .detail .madori span {
        display: inline-block;
    }
    .sp-footerDetailInfor .itemProperty article .detail .madori span::after {
        content: '/';
        display: inline-block;
    }
    .sp-footerDetailInfor .itemProperty article .detail .parking {
        order: 3;
        grid-column: 3/4;
        grid-row: 2;
        width: auto;
        margin-top: 5px;
        text-align: left;
    }
    .sp-footerDetailInfor .itemProperty article .detail .parking::before {
        content: 'P';
        display: inline-block;
        width: 1.5em;
        margin-right: 5px;
        padding: 3px;
        background: #e0e0e0;
        line-height: 1;
        text-align: center;
    }

    .sp-footerDetailInfor .itemProperty article .panorama {
        display: inline-block;
        width: 60px;
        order: 3;
        grid-column: 2/3;
        grid-row: 2;
        margin-top: 5px;
        align-self: flex-start;
        position: static;
        transform: none;
    }
    .sp-footerDetailInfor .itemProperty article .panorama span {
        padding: 3px 5px;
        border: #b0b0b0 1px solid;
        font-size: 1.2rem;
        line-height: 1;
    }
}

  /* 検索スマホ版フッターメニュー ------------------------------------------*/
  /* PC対応 */
  @media screen and (min-width: 750px) {
      .cmnFooterFloatingMenu { display: none !important; }
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      .cmnFooterFloatingMenu {
          width: 100%;
          background: rgb(0,0,0,.7);
          padding: 30px 15px;
          position: fixed;
          bottom: 0;
          z-index: 9980;
      }
      .cmnFooterFloatingMenu .buttons,
      .cmnFooterFloatingMenu .container {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0 10px;
          width: 100%;
      }
      .cmnFooterFloatingMenu .buttons .cmnBtnRound2,
      .cmnFooterFloatingMenu .buttons .cmnBtnRound3,
      .cmnFooterFloatingMenu .container .cmnBtnRound2,
      .cmnFooterFloatingMenu .container .cmnBtnRound3 {
          margin: 0;
      }
      .cmnFooterFloatingMenu .container p {
          font-size: 1.6rem;
          font-weight: bold;
          color: #ffffff;
  
      }
  }
  
  /* 物件条件検索フッターメニュー ------------------------------------------*/
  /* PC対応 */
  /* スマホ対応 */
    .cmnFooterFloatingMenuSerachCondition {
        width: 100%;
        background: rgb(0,0,0,.7);
        padding: 30px 15px;
        position: fixed;
        bottom: 0;
        z-index: 9980;
    }
    .cmnFooterFloatingMenuSerachCondition .buttons,
    .cmnFooterFloatingMenuSerachCondition .container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 10px;
        width: 100%;
    }
    .cmnFooterFloatingMenuSerachCondition .buttons .cmnBtnRound2,
    .cmnFooterFloatingMenuSerachCondition .buttons .cmnBtnRound3,
    .cmnFooterFloatingMenuSerachCondition .container .cmnBtnRound2,
    .cmnFooterFloatingMenuSerachCondition .container .cmnBtnRound3 {
        margin: 0;
    }
    .cmnFooterFloatingMenuSerachCondition .container p {
        font-size: 1.6rem;
        font-weight: bold;
        color: #ffffff;

    }

  /* ページトップボタン ------------------------------------------*/
  .cmnFooterToTop {
      position: fixed;
      right: 10px;
      bottom: 10px;
      z-index: 9981;
  }
  .cmnFooterToTop .toTopBtn {
      width: 40px;
      height: 40px;
      cursor: pointer;
  }
  .cmnFooterToTop .toTopBtn img {
      width: 100%;
      height: 100%;
  }
  
  
  /* ===================================================================
  個別ページレイアウト
  =================================================================== */
  
  /* JJ101001 トップページ
  --------------------------------------------------------------------*/
  
  #top {
      padding-top: 0;
      line-height: 1.6;
  }
  #top > form > article {
      background: #f5f3ee;
  }
  #top #topRead {
      width: 100%;
      margin-bottom: 30px;
  }
  #top #topRead img {
      width: 100%;
      hegiht: 100%;
      margin-top: 0;
  }
  #top #topRead img.pc { display: block; }
  #top #topRead img.sp { display: none; }
  
  #top #topRead .allPropertyCount {
      background: #ffffff;
      /* 謎のちらつき回避
      filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
      transform: translateZ(0);
      box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
      */
  }
  #top #topRead .allPropertyCount .cmnInner { margin-bottom: 0; }
  #top #topRead .allPropertyCount p {
      display: block;
      position: relative;
      padding: 10px 0 10px 2em;
  }
  #top #topRead .allPropertyCount p::before {
      content: '';
      display: block;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      left: 0;
      background: url("/templates/templates001/images/icon-14-aa6646b191c6cbe496c97fc6102d08ef.svg") no-repeat;
      transform: translateY(calc(-50% - 2px));
  }
  #top #topRead .allPropertyCount p span.propertyCount {
      font-weight: bold;
      color: #b84226;
  }
  
  /* 検索エリア */
  #top #topSearch {
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #top #topSearch #topSearchGrid {
      display: grid;
      grid-template-columns: 73% auto;
      gap: 10px 1%;
  }
  #top #topSearch #topSearchGrid h2 {
      font-size: 2.0rem;
      font-weight: bold;
      color: #000000;
  }
  #top #topSearch #topSearchGrid h2 span {
      font-size: 1.6rem;
      font-weight: normal;
  }
  #top #topSearch #topSearchGrid #topSearchArea,
  #top #topSearch #topSearchGrid #topSearchLine,
  #top #topSearch #topSearchGrid #topSearchMap,
  #top #topSearch #topSearchGrid #topSearchSchool {
      background: #ffffff;
      border-radius: 6px;
  }
  
  #top #topSearch #topSearchGrid #topSearchArea {
      grid-column: 1;
      grid-row: 1/4;
      padding: 30px 40px;
  }
  #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 20px;
  }
  #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      pointer-events: none;
      margin-bottom: 20px;
  }
  #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle .image {
      display: block;
      width: 64px;
      height: 64px;
      margin-right: 1em;
  }
  #top #topSearch #topSearchGrid #topSearchArea .cmnHeadline1 {
      margin-bottom: 20px;
      padding: 1px 10px;
      font-size: 1.6rem;
      border-left-width: 4px;
  }
  #top #topSearch #topSearchGrid #topSearchArea .cmnHeadline1:last-of-type { margin-top: 30px; }
  #top #topSearch #topSearchGrid #topSearchArea ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 0.5em 1em;
  }
  #top #topSearch #topSearchGrid #topSearchArea ul li { width: calc((100% - (1em * 3)) / 4 ); }
  
  #top #topSearch #topSearchGrid #topSearchArea .buttons {
      display: flex;
      justify-content: space-between;
      align-content: center;
      gap: 0 15px;
      margin-top: 30px;
  }
  #top #topSearch #topSearchGrid #topSearchArea .buttons a {
      width: calc((100% - (15px * 2)) / 3);
      text-align: center;
  }
  #top #topSearch #topSearchGrid #topSearchArea .buttons a::after {
      right: 10px;
  }
  #top #topSearch #topSearchGrid #topSearchLine,
  #top #topSearch #topSearchGrid #topSearchMap,
  #top #topSearch #topSearchGrid #topSearchSchool {
      grid-column: 2;
      overflow: hidden;
  }
  #top #topSearch #topSearchGrid #topSearchLine a,
  #top #topSearch #topSearchGrid #topSearchMap a,
  #top #topSearch #topSearchGrid #topSearchSchool a {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      width: 100%;
      height: 100%;
      padding: 25px;
      position: relative;
  }
  #top #topSearch #topSearchGrid #topSearchLine a:hover,
  #top #topSearch #topSearchGrid #topSearchMap a:hover,
  #top #topSearch #topSearchGrid #topSearchSchool a:hover { text-decoration: none; }
  
  #top #topSearch #topSearchGrid #topSearchLine a::after,
  #top #topSearch #topSearchGrid #topSearchMap a::after,
  #top #topSearch #topSearchGrid #topSearchSchool a::after {
      content: '';
      display: block;
      width: 25px;
      height: 25px;
      position: absolute;
      top: 50%;
      right: 2%;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  
  #top #topSearch #topSearchGrid #topSearchLine a .image,
  #top #topSearch #topSearchGrid #topSearchMap a .image,
  #top #topSearch #topSearchGrid #topSearchSchool a .image {
      display: block;
      width: 64px;
      height: 64px;
      margin: 0 auto;
  }
  #top #topSearch #topSearchGrid #topSearchLine a h2,
  #top #topSearch #topSearchGrid #topSearchMap a h2,
  #top #topSearch #topSearchGrid #topSearchSchool a h2 {
      margin-top: 10px;
      text-align: center;
  }
  #top #topSearch #topSearchFreeWord {
      display: flex;
      justify-content: space-between;
      gap: 0;
      align-items: stretch;
      width: 85%;
      margin: 10px auto 0;
  }
  #top #topSearch #topSearchFreeWord input {
      width: calc(100% - 160px);
      border-radius: 5px 0 0 5px;
      border: none;
  }
  #top #topSearch #topSearchFreeWord a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 160px;
      padding: 14px 0;
      background: #EB6702;
      border-radius: 0 5px 5px 0;
      color: #ffffff;
      text-align: center;
  }
  #top #topSearch #topSearchFreeWord a:hover { text-decoration: none; }
  
  /* オンラインお部屋探しバナー */
  #top #topBunner1 a {
      display: block;
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #top #topBunner1 a img {
      display: block;
      width: 100%;
      height: 100%;
  }
  #top #topBunner1 a img.pc { display: block; }
  #top #topBunner1 a img.sp { display: none; }
  
  /* こだわりから探す */
  #top #topKodawari #topKodawariButtons {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
  }
  #top #topKodawari #topKodawariButtons a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0 12px;
      width: calc((100% - (10px * 3)) / 4);
      padding: 25px 20px;
      position: relative;
      background: #ffffff;
      border-radius: 5px;
      color: #000000;
  }
  #top #topKodawari #topKodawariButtons a:hover { text-decoration: none; }
  #top #topKodawari #topKodawariButtons a::after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      right: 10px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  #top #topKodawari #topKodawariButtons a .image {
      width: 35px;
      height: 35px;
      text-align: center;
  }
  #top #topKodawari #topKodawariOterLinks {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px;
      padding: 20px 25px;
      background: #ffffff;
      border-radius: 5px;
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #top #topKodawari #topKodawariOterLinks .text {
      /*width: calc(100% - 200px);*/
  }
  #top #topKodawari #topKodawariOterLinks .text .cmnHeadline1 {
      margin-bottom: 20px;
      padding: 1px 10px;
      font-size: 1.6rem;
      border-left-width: 4px;
  }
  #top #topKodawari #topKodawariOterLinks .text ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 10px 1em;
  }
  #top #topKodawari #topKodawariOterLinks .text ul li {
      width: calc((100% - (1em * 3)) / 4);
  }
  #top #topKodawari #topKodawariOterLinks .text ul li a::before {
      content: '>';
      display: inline-block;
      padding-right: 0.5em;
      text-decoration: none;
  }
  #top #topKodawari #topKodawariOterLinks .text ul li a:hover { text-decoration: none; }
  
  
  /* 最近見た物件 */
  /*
  #top #recentrly .cmnArticleList1c article:not(:first-of-type) {
      margin-top: 10px;
  }
  */
  
  #top #recentrly .omissionViewedArticle { display: none; }
  #top #recentrly .omissionViewedArticle.cmnArticleList1c article:first-of-type {
      margin-top: 10px;
  }
  
  #top #recentrly #omissionViewedArticleTrigger { display: none; }
  #top #recentrly #omissionViewedArticleTrigger:checked ~ .omissionViewedArticle { display: block; }
  
  #top #recentrly #omissionViewedArticleTrigger ~ .cmnBtnRound3  span:nth-child(1) { display: inline; }
  #top #recentrly #omissionViewedArticleTrigger ~ .cmnBtnRound3  span:nth-child(2) { display: none; }
  #top #recentrly #omissionViewedArticleTrigger:checked ~ .cmnBtnRound3 span:nth-child(1) { display: none; }
  #top #recentrly #omissionViewedArticleTrigger:checked ~ .cmnBtnRound3 span:nth-child(2) { display: inline; }
  
  /* ルムセレプレス */
  #top #topInfo p.read {
      margin-bottom: 20px;
  }
  
  /* 家賃相場 */
  #top #topMarket .marketInner {
      margin-top: 20px;
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #top #topMarket #tab1,
  #top #topMarket #tab2,
  #top #topMarket #tab3,
  #top #topMarket #tab4 { display: none; }
  
  #top #topMarket .tab {
      display: flex;
      justify-content: space-between;
  }
  #top #topMarket .tab label {
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc(98% / 4);
      padding: 15px;
      border-radius: 5px 5px 0 0;
      background: #e9e9e9;
  /*
      background: #e0e0e0 url("/templates/templates001/images/tab_shadow-44e2210f1274257e2950b2cc93a77f63.png") repeat-y 0 0;
  */
      font-weight: bold;
      text-align: center;
      cursor: pointer;
  }
  #top #topMarket .tab label:first-of-type { background-image: none; }
  #top #topMarket #tab1:checked ~ .tab .tab1_label,
  #top #topMarket #tab2:checked ~ .tab .tab2_label,
  #top #topMarket #tab3:checked ~ .tab .tab3_label,
  #top #topMarket #tab4:checked ~ .tab .tab4_label {
      background: #EB6702 url("/templates/templates001/images/tab_shadow-44e2210f1274257e2950b2cc93a77f63.png") repeat-y 0 0;
      color: #ffffff;
  }
  #top #topMarket #tab1:checked ~ .tab .tab1_label { background-image: none; }
  
  #top #topMarket .marketBox {
      padding: 40px;
      background: #ffffff;
      border-radius: 0 0 5px 5px;
  }
  #top #topMarket .marketBox dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      max-width: 960px;
      margin: 0 auto;
  }
  #top #topMarket .marketBox dl dt,
  #top #topMarket .marketBox dl dd {
      width: 50%;
      background: #ffffff;
      border-bottom: #b0b0b0 1px solid;
      color: #3d2727;
  }
  #top #topMarket .marketBox dl dt a {
      display: block;
      padding: 14px 20px;
      cursor: pointer;
  }
  #top #topMarket .marketBox dl dd {
      padding: 14px 20px;
      font-weight: bold;
      color: #b84226;
  }
  #top #topMarket .marketBox dl dt.tableHeader,
  #top #topMarket .marketBox dl dd.tableHeader {
      padding: 6px 20px;
      background: #f5f5f5;
      border-bottom: none;
      font-weight: bold;
      color: #000000;
  }
  #top #topMarket .marketBox dl dt.tableHeader { border-right: #b0b0b0 1px solid; }
  #top #topMarket .marketBox .panel1,
  #top #topMarket .marketBox .panel2,
  #top #topMarket .marketBox .panel3,
  #top #topMarket .marketBox .panel4 { display: none; }
  #top #topMarket #tab1:checked ~ .marketBox .panel1,
  #top #topMarket #tab2:checked ~ .marketBox .panel2,
  #top #topMarket #tab3:checked ~ .marketBox .panel3,
  #top #topMarket #tab4:checked ~ .marketBox .panel4 { display: block; }
  
  #top #topMarket .marketBox .panel1 #panel1_item,
  #top #topMarket .marketBox .panel1 #panel1_trigger,
  #top #topMarket .marketBox .panel2 #panel2_item,
  #top #topMarket .marketBox .panel2 #panel2_trigger,
  #top #topMarket .marketBox .panel3 #panel3_item,
  #top #topMarket .marketBox .panel3 #panel3_trigger,
  #top #topMarket .marketBox .panel4 #panel4_item,
  #top #topMarket .marketBox .panel4 #panel4_trigger { display: none; }
  
  #top #topMarket .marketBox .panel1 #panel1_trigger:checked ~ #panel1_item,
  #top #topMarket .marketBox .panel2 #panel2_trigger:checked ~ #panel2_item,
  #top #topMarket .marketBox .panel3 #panel3_trigger:checked ~ #panel3_item,
  #top #topMarket .marketBox .panel4 #panel4_trigger:checked ~ #panel4_item { display: flex; }
  
  #top #topMarket .marketBox .panel1 #panel1_trigger:checked ~ #panel1_btn span,
  #top #topMarket .marketBox .panel2 #panel2_trigger:checked ~ #panel2_btn span,
  #top #topMarket .marketBox .panel3 #panel3_trigger:checked ~ #panel3_btn span,
  #top #topMarket .marketBox .panel4 #panel4_trigger:checked ~ #panel4_btn span { display: none; }
  
  #top #topMarket .marketBox .panel1 #panel1_trigger:checked ~ #panel1_btn::before,
  #top #topMarket .marketBox .panel2 #panel2_trigger:checked ~ #panel2_btn::before,
  #top #topMarket .marketBox .panel3 #panel3_trigger:checked ~ #panel3_btn::before,
  #top #topMarket .marketBox .panel4 #panel4_trigger:checked ~ #panel4_btn::before { content: '閉じる'; }
  
  /* ROOM SELECTが選ばれる理由 */
  #top #topReason {
      padding-top: 60px;
      padding-bottom: 60px;
      background: #ffffff;
      margin: 15px 15px 0px 15px;
  }
  #top #topReason .cmnInner { max-width: calc(820px + (15px * 2)); }
  #top #topReason .cmnHeadline3 {
      margin-bottom: 60px;
      text-decoration: underline;
      text-decoration-style: dotted;
      text-decoration-color: #e8ac1a;
      text-decoration-thickness: 2px;
      text-underline-offset: 0.3em;
  
      text-underline-offset: 1em;
  }
  #top #topReason #topReasonArticles {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 7%;
  }
  #top #topReason #topReasonArticles article .image {
      width: 180px;
      height: 180px;
      margin: 0 auto 23px;
  }
  #top #topReason #topReasonArticles article .text .cmnHeadline5 { margin-bottom: 10px; }
  
  /* ログインしてもっと便利に検索 */
  #top #topBanner2 {
      background: #ffffff;
      margin: 0px 15px 0px 15px;
  }
  #top #topBanner2 a {
      display: block;
      width: 700px;
      margin-left: auto;
      margin-right: auto;
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #top #topBanner2 a img {
      display: block;
      width: 100%;
      height: 100%;
  }
  #top #topBanner2 a img.pc { display: block; }
  #top #topBanner2 a img.sp { display: none; }
  
  /* モーダルの内容 */
  #topPropertyModal .cmnInner {
      padding: 30px;
  }
  #topPropertyModal .cmnHeadline4 {
      margin-bottom: 20px;
  }
  #topPropertyModal .cmnBtnRound3 {
      width: 300px;
      margin-top: 20px;
  }
  
  /* PC対応 */
  @media screen and (min-width: 850px) {
      #top > form > article {
        padding-bottom: 135px;
      }
      /* 検索エリア */
      #top #topSearch #topSearchGrid #topSearchLine a:hover,
      #top #topSearch #topSearchGrid #topSearchMap a:hover,
      #top #topSearch #topSearchGrid #topSearchSchool a:hover {
          background-color: #f5f5f5;
      }
      #top #topSearch #topSearchFreeWord a:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  
      /* オンラインお部屋探しバナー */
      #top #topBunner1 a:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  
      /* こだわりから探す */
      #top #topKodawari #topKodawariButtons a:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  
      /* 家賃相場 */
      #top #topMarket .tab label:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  
      /* ログインしてもっと便利に検索 */
      #top #topBanner2 a:hover {
          opacity: .7;
          transition: opacity .3s ease;
      }
  }
  
  /* タブレット対応 */
  @media screen and (max-width: 920px) and (min-width: 750px) {
      #top > form > article {
        padding-bottom: 80px;
      }
      /* 検索エリア */
      #top #topSearch #topSearchGrid h2 {
          font-size: 1.6rem;
      }
      #top #topSearch #topSearchGrid h2 span {
          font-size: 1.2rem;
      }
      #top #topSearch #topSearchGrid #topSearchArea {
          padding: 20px;
      }
      #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle .image {
          width: 50px;
          height: 50px;
      }
      #top #topSearch #topSearchGrid #topSearchArea .cmnHeadline1 {
          font-size: 1.4rem;
      }
      #top #topSearch #topSearchGrid #topSearchArea ul li { width: calc((100% - (1em * 2)) / 3 ); }
  
      #top #topSearch #topSearchGrid #topSearchArea .buttons {
          margin-top: 30px;
      }
      #top #topSearch #topSearchGrid #topSearchArea .buttons a {
          width: calc((100% - (10px * 2)) / 3);
          margin: 0;
      }
      #top #topSearch #topSearchGrid #topSearchArea .buttons a::after {
          right: 8px;
      }
      #top #topSearch #topSearchGrid #topSearchLine a,
      #top #topSearch #topSearchGrid #topSearchMap a,
      #top #topSearch #topSearchGrid #topSearchSchool a {
          padding: 15px;
      }
      #top #topSearch #topSearchGrid #topSearchLine a::after,
      #top #topSearch #topSearchGrid #topSearchMap a::after,
      #top #topSearch #topSearchGrid #topSearchSchool a::after {
          right: 1.5%;
      }
  
      #top #topSearch #topSearchGrid #topSearchLine a .image,
      #top #topSearch #topSearchGrid #topSearchMap a .image,
      #top #topSearch #topSearchGrid #topSearchSchool a .image {
          width: 50px;
          height: 50px;
      }
      #top #topSearch #topSearchFreeWord {
          display: flex;
          justify-content: space-between;
          gap: 0;
          align-items: stretch;
          width: 80%;
          margin: 10px auto 0;
      }
      #top #topSearch #topSearchFreeWord input {
          width: calc(100% - 160px);
          border-radius: 5px 0 0 5px;
          border: none;
      }
  
      /* こだわりから探す */
  /*
      #top #topKodawari #topKodawariButtons {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: center;
          gap: 10px;
          filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
      }
  */
      #top #topKodawari #topKodawariButtons a {
          width: calc((100% - (10px * 1)) / 2);
          padding: 25px 20px;
          position: relative;
          background: #ffffff;
          border-radius: 5px;
          color: #000000;
      }
      #top #topKodawari #topKodawariOterLinks .text ul li {
          width: calc((100% - (1em * 2)) / 3);
      }
  
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #top > form > article {
        padding-bottom: 60px;
      }
      /*リード*/
      #top #topRead img.pc { display: none; }
      #top #topRead img.sp { display: block; }
  
      /* 検索エリア */
      #top #topSearch #topSearchGrid {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: stretch;
          gap: 15px;
      }
      #top #topSearch #topSearchGrid h2 { font-size: 1.4rem; }
      #top #topSearch #topSearchGrid h2 span { display: none; }
      #top #topSearch #topSearchGrid #topSearchArea {padding: 0;}
      #top #topSearch #topSearchGrid #topSearchArea .pc { display: none; }
      #top #topSearch #topSearchGrid #topSearchArea,
      #top #topSearch #topSearchGrid #topSearchLine,
      #top #topSearch #topSearchGrid #topSearchMap,
      #top #topSearch #topSearchGrid #topSearchSchool { width: calc((100% - 15px) / 2); }
      #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle a,
      #top #topSearch #topSearchGrid #topSearchLine a,
      #top #topSearch #topSearchGrid #topSearchMap a,
      #top #topSearch #topSearchGrid #topSearchSchool a {
          display: block;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 10px 0;
          position: relative;
          pointer-events: auto;
      }
      #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle {
          display: block;
          width: 100%;
          height: 100%;
          margin: 0;
          position: relative;
          pointer-events: auto;
    }
    #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle:hover { text-decoration: none; }
      #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle::after,
      #top #topSearch #topSearchGrid #topSearchLine a::after,
      #top #topSearch #topSearchGrid #topSearchMap a::after,
      #top #topSearch #topSearchGrid #topSearchSchool a::after {
          content: '';
          display: block;
          width: 20px;
          height: 20px;
          position: absolute;
          top: 50%;
          right: 1%;
          background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
          transform: translateY(-50%);
      }
      #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle .image,
      #top #topSearch #topSearchGrid #topSearchLine a .image,
      #top #topSearch #topSearchGrid #topSearchMap a .image,
      #top #topSearch #topSearchGrid #topSearchSchool a .image {
          display: block;
          width: 70px;
          height: 70px;
          margin: 0 auto;
      }
      #top #topSearch #topSearchGrid #topSearchArea div.topSearchAreaTitle h2,
      #top #topSearch #topSearchGrid #topSearchLine a h2,
      #top #topSearch #topSearchGrid #topSearchMap a h2,
      #top #topSearch #topSearchGrid #topSearchSchool a h2 {
          margin-top: 0;
          text-align: center;
      }
      #top #topSearch #topSearchFreeWord {
          width: 100%;
          margin: 15px auto 0;
      }
      #top #topSearch #topSearchFreeWord input { width: calc(100% - 70px); }
      #top #topSearch #topSearchFreeWord a {
          width: 70px;
          font-size: 1.4rem;
      }
  
      /* オンラインお部屋探しバナー */
      #top #topBunner1 a {
          width: 100%;
      }
      #top #topBunner1 a img.pc { display: none; }
      #top #topBunner1 a img.sp { display: block; }
  
      /* こだわりから探す */
      #top #topKodawari .cmnHeadline2 { margin-bottom: 0; }
      #top #topKodawari .cmnInner {
          width:100%;
          padding: 0;
          font-size: 1.3rem;
      }
      #top #topKodawari #topKodawariButtons {
          display: block;
          filter: none;
      }
      #top #topKodawari #topKodawariButtons a {
          width: 100%;
          padding: 10px 20px;
          border-radius: 0;
          border-bottom: #b0b0b0 1px solid;
      }
      #top #topKodawari #topKodawariButtons a::after {
          right: 5px;
      }
  
      #top #topKodawari #topKodawariOterLinks {
          display: block;
          margin-top: 0;
          padding: 0;
          background: none;
          border-radius: 0;
          filter: none;
      }
      #top #topKodawari #topKodawariOterLinks .text {
          width: 100%;
          background: #ffffff;
      }
      #top #topKodawari #topKodawariOterLinks .text .cmnHeadline1 {
          display: none;
      }
      #top #topKodawari #topKodawariOterLinks .text ul {
          gap: 0;
          width: 100%;
          border-bottom: #b0b0b0 1px solid;
      }
      #top #topKodawari #topKodawariOterLinks .text ul li {
          width: 50%;
          border-bottom: #b0b0b0 1px solid;
      }
      #top #topKodawari #topKodawariOterLinks .text ul li:nth-of-type(odd) { border-right: #b0b0b0 1px solid; }
      #top #topKodawari #topKodawariOterLinks .text ul li:nth-of-type(2n+1):nth-last-of-type(2),
      #top #topKodawari #topKodawariOterLinks .text ul li:last-of-type { border-bottom: none; }
  
      #top #topKodawari #topKodawariOterLinks .text ul li a {
          display: block;
          padding: 20px 10px;
          position: relative;
          color: #000000;
      }
      #top #topKodawari #topKodawariOterLinks .text ul li a::before {
          content: none;
      }
      #top #topKodawari #topKodawariOterLinks .text ul li a::after {
          content: '';
          display: block;
          width: 20px;
          height: 20px;
          position: absolute;
          top: 50%;
          right: 0;
          background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
          transform: translateY(-50%);
      }
      #top #topKodawari #topKodawariOterLinks .text ul li a span.pc {
          display: none;
      }
  
      /* 家賃相場 */
      #top #topMarket .cmnInner {
          display: flex;
          flex-direction: column;
          width: 100%;
          padding: 0;
      }
      #top #topMarket .cmnInner > p {
          order: 2;
          padding: 0 15px;
          color: #808080;
      }
      #top #topMarket .marketInner {
          order: 1;
          margin-top: 0;
          filter: none;
      }
      #top #topMarket .tab label {
          padding: 10px 5px;
          border-radius: 0;
          font-size: 1.3rem;
      }
      #top #topMarket .marketBox {
          padding: 15px 0;
          background: linear-gradient(rgb(255,255,255,1.0) 50%, rgb(255,255,255,0) 50%);
          border-radius: 0;
      }
      #top #topMarket .marketBox dl dt,
      #top #topMarket .marketBox dl dd {
          width: 50%;
          border-bottom: #b0b0b0 1px solid;
          font-size: 1.3rem;
      }
      #top #topMarket .marketBox dl dt a,
      #top #topMarket .marketBox dl dd {
          padding: 15px;
      }
      #top #topMarket .marketBox dl dt.tableHeader,
      #top #topMarket .marketBox dl dd.tableHeader {
          border-top: #b0b0b0 1px solid;
          border-bottom: #b0b0b0 1px solid;
      }
  
      /* ROOM SELECTが選ばれる理由 */
      #top #topReason {
          padding-top: 20px;
          padding-bottom: 20px;
          background: #ffffff;
      }
      #top #topReason .cmnHeadline3 {
          margin-bottom: 40px;
      }
      #top #topReason #topReasonArticles { display: block; }
      #top #topReason #topReasonArticles article {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 0 10px;
          width: 100%;
          margin-top: 20px;
      }
      #top #topReason #topReasonArticles article .image {
          width: 90px;
  
          height: 90px;
          margin: 0 auto;
      }
      #top #topReason #topReasonArticles article .text {
          width: calc(100% - 90px - 10px);
      }
      #top #topReason #topReasonArticles article .text .cmnHeadline5 {
          margin-bottom: 5px;
          font-size: 1.4rem;
          text-align: left;
      }
  
      /* ログインしてもっと便利に検索 */
      #top #topBanner2 a {
          width: 100%;
      }
      #top #topBanner2 a img {
          display: block;
          width: 100%;
          height: 100%;
      }
      #top #topBanner2 a img.pc { display: none; }
      #top #topBanner2 a img.sp { display: block; }
  
  }
  
  
  /* JJ101002 店舗一覧
     JJ101003 店舗詳細
  --------------------------------------------------------------------*/
  
  #shop #shopRead .cmnInner { position: relative; }
  #shop #shopRead { position: relative; }
  #shop #shopRead .cmnBtnRound2 {
      width: 170px;
      margin-top: 0;
      padding: 7px 0 7px 2.7em;
      position: absolute;
      top: 0;
      right: 15px;
      border: none;
      text-align: left;
  }
  #shop #shopRead .cmnBtnRound2::before {
      content: '';
      display: block;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      left: 1em;
      background: url("/templates/templates001/images/pin-430a12d7cc1abde497ab7581899a82a2.svg") no-repeat;
      transform: translateY(calc(-50% - 1px));
  }
  #shop #shopRead .cmnBtnRound2::after { content: none; }
  #shop #shopList .shopList {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: stretch;
      gap: 0 5%;
  }
  #shop #shopList .shopList article {
      width: calc((100% - 5%) / 2);
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: #b0b0b0 1px solid;
  }
  #shop #shopList .shopList article:nth-of-type(1),
  #shop #shopList .shopList article:nth-of-type(2) {
      padding-top: 30px;
      border-top: #b0b0b0 1px solid;
  }
  #shop #shopList .shopList article > a {
      display: block;
      padding-right: 3.0em;
      position: relative;
      text-decoration: none;
      color: #000000;
  }
  #shop #shopList .shopList article > a::after {
      content: '';
      width: 1.3em;
      height: 1.8em;
      position: absolute;
      top: 50%;
      right: 0;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  
  #shop #shopList .shopList article a .text {
      margin-bottom: 0;
  }
  #shop #shopList .shopList article .text .cmnHeadline5 {
      margin-bottom: 10px;
      text-align: left;
  }
  #shop #shopList .shopList article .text .cmnHeadline5 .pc {
      display: block;
  }
  #shop #shopList .shopList article .text .cmnHeadline5 .sp {
      display: none;
  }
  #shop #shopList .shopList article .text p:not(:first-of-type) { margin-top: 10px; }
  #shop #shopList .shopList article .text .shopAddress { }
  #shop #shopList .shopList article .text .shopHoliday { margin-top: 0; }
  #shop #shopList .shopList article .text .shopTel {}
  #shop #shopList .shopList article .text .shopDistance {
      position: relative;
      padding-left: 1.7em;
  }
  
  #shop #shopList .shopList article .text .shopDistance::before {
      content: '';
      display: block;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      left: 0;
      background: url("/templates/templates001/images/pin-430a12d7cc1abde497ab7581899a82a2.svg") no-repeat;
      transform: translateY(-50%);
  }
  #shop #shopList .shopList article .buttons {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0 10px;
      width: 100%;
  }
  #shop #shopList .shopList article .buttons .cmnBtnRound2 {
      width: calc((100% - 10px) / 2);
      margin: 15px 0 0;
      padding: 8px 0;
      color: #3d2727;
  }
  #shop #shopList .shopList article .buttons .cmnBtnRound2::after {
      width: 1.5em;
      height: 1.5em;
      right: 0.5em;
  }
  #shop #shopList .shopList article .buttons .cmnBtnRound2.tel { display: none; }
  
  #shop.detail .cmnInner {
      width: calc(820px + (15px * 2));
  }
  #shop #shopDetailSlider .slider {
      width: 680px;
      margin: 0 auto;
      position: relative;
  }
  #shop #shopDetailSlider .slider .slider_img {
      width: 100%;
      margin: 0 auto;
      position: relative;
  }
  #shop #shopDetailSlider .slider .slider_img img {
      width: 100%;
      height: 100%;
      background-size: contain;
  }
  
  /*
  #shop #shopDetailSlider .slider .slider_img img {
      width: auto;
      max-width: 100%;
      height: 31vw;
      max-height: 350px;
      margin: 0 auto;
  
  }
  */
  #shop #shopDetailSlider .slider .arrow {
      padding: 20px 5px;
      position: absolute;
      top: 50%;
      background: rgb(255,255,255,0.7);
      transform: translateY(-50%);
      cursor: pointer;
      z-index: 10;
  }
  #shop #shopDetailSlider .slider .arrow img {
      width: 12px;
  }
  #shop #shopDetailSlider .slider .arrow.prev { left: 0; }
  #shop #shopDetailSlider .slider .arrow.next { right: 0; }
  #shop #shopDetailSlider .thumbnail {
      max-width: 680px;
      margin: 3px auto 0;
  }
  #shop #shopDetailSlider .thumbnail .thumbnail_img {
      width: calc(100% / 7);
      margin-right: 3px;
      position: relative;
      overflow: hidden;
  }
  #shop #shopDetailSlider .thumbnail .thumbnail_img::before {
      content: '';
      display: block;
      padding-top: 100%;
  }
  #shop #shopDetailSlider .thumbnail .thumbnail_img img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover;
  }
  #shop #shopDetailSlider .thumbnail .thumbnail_img.slick-current::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #2A2A2A;
      opacity: 0.6;
  }
  #shop #shopDetailInfor .cmnInner {
      display: flex;
      flex-direction: column;
  }
  #shop #shopDetailInfor .cmnHeadline4 {
      order: 1;
      margin-bottom: 0;
      padding-left: 2em;
      position: relative;
  }
  #shop #shopDetailInfor .cmnHeadline4::before {
      content: '';
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      left: 0;
      background: url("/templates/templates001/images/home-47adc0d389036eb10c12febb41cff595.svg") no-repeat;
      transform: translateY(-50%);
  
  }
  #shop #shopDetailInfor .shopDistance {
      order: 2;
      position: relative;
      padding-left: 1.7em;
      margin-top: 15px;
  }
  #shop #shopDetailInfor .shopDistance::before {
      content: '';
      display: block;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      left: 0;
      background: url("/templates/templates001/images/pin-430a12d7cc1abde497ab7581899a82a2.svg") no-repeat;
      transform: translateY(-50%);
  }
  
  #shop #shopDetailInfor .text {
      order: 3;
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      gap: 0 5%;
      margin-top: 40px;
  }
  #shop #shopDetailInfor .text .intro {
      min-width: calc(100% - (50% + 5%));
  }
  #shop #shopDetailInfor .text dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: stretch;
      gap: 15px 1em;
      flext: 1;
      font-size: 1.3rem;
  }
  #shop #shopDetailInfor .text dl dt {
      width: 7em;
  }
  #shop #shopDetailInfor .text dl dd {
      width: calc(100% - (7em + 1em));
  }
  #shop #shopDetailInfor .buttons {
      order: 4;
      display: flex;
      justify-content: space-around;
      gap: 0 20px;
      width: 100%;
      max-width: 600px;
      margin: 40px auto 0;
  }
  #shop #shopDetailInfor .buttons .cmnBtnRound2 {
      width: calc((100% - 20px) / 2);
      margin-top: 0;
  }
  #shop #shopDetailInfor .buttons .cmnBtnRound2:first-of-type { display: none; }
  #shop #shopDetailInfor .map {
      order: 5;
      margin-top: 40px;
      width: 100%;
      height: 350px;
  }
  
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #shop #shopRead .cmnBtnRound2 {
          width: 145px;
          right: 15px;
          font-size: 1.2rem;
      }
      #shop #shopList .shopList {
          display: block;
          width: 100%;
      }
      #shop #shopList .shopList article {
          width: 100%;
          margin-bottom: 15px;
          padding-bottom: 15px;
      }
      #shop #shopList .shopList article:nth-of-type(2) {
          padding-top: 0;
          border-top: none;
      }
  
      #shop #shopList .shopList article a { width: 100%; }
      #shop #shopList .shopList article .text .cmnHeadline5 {
          margin-bottom: 5px;
      }
      #shop #shopList .shopList article .text .cmnHeadline5 .pc {
          display: none;
      }
      #shop #shopList .shopList article .text .cmnHeadline5 .sp {
          display: block;
      }
  
      #shop #shopList .shopList article .text .shopAddress {
          margin-bottom: 5px;
      }
      #shop #shopList .shopList article .buttons .cmnBtnRound2.tel { display: block; }
      #shop #shopList .shopList article .buttons .cmnBtnRound2::after {
          right: 0.3em;
      }
  
      #shop { margin-top: 0; }
      #shop.detail .cmnInner {
          width: 100%;
      }
      #shop #shopDetailSlider .cmnInner {
          padding-left: 0;
          padding-right: 0;
      }
      #shop #shopDetailSlider .slider {
          position: relative;
      }
      #shop #shopDetailSlider .slider {
          width: 100%;
      }
      #shop #shopDetailSlider .slider .slider_img img {
          height:100%;
      }
      #shop #shopDetailSlider .slider .arrow {
          padding: 20px 5px;
          position: absolute;
          top: 50%;
          background: rgb(255,255,255,0.7);
          transform: translateY(-50%);
      }
      #shop #shopDetailSlider .slider .arrow img {
          width: 12px;
      }
      #shop #shopDetailSlider .thumbnail {
          display: none;
      }
      #shop #shopDetailInfor {
          display: flex;
          flex-direction: column;
      }
      #shop #shopDetailInfor .cmnHeadline4 {
          order: 1;
      }
  
      #shop #shopDetailInfor .text {
          order: 2;
          display: block;
          margin-top: 20px;
      }
      #shop #shopDetailInfor .text .intro {
          width: 100%;
          margin-bottom: 20px;
      }
  
      #shop #shopDetailInfor .text dl {
          gap: 10px 1em;
          width: 100%;
          font-size: 1.1rem;
      }
      #shop #shopDetailInfor .text dl dt {
          width: 7em;
      }
      #shop #shopDetailInfor .text dl dd {
          width: calc(100% - (7em + 1em));
      }
      #shop #shopDetailInfor .buttons {
          order: 4;
          display: flex;
          justify-content: space-around;
          gap: 0 10px;
          max-width: 100%;
          margin-top: 20px;
      }
      #shop #shopDetailInfor .buttons .cmnBtnRound2 {
          width: calc((100% - 10px) / 2);
      }
      #shop #shopDetailInfor .buttons .cmnBtnRound2:first-of-type { display: block; }
      #shop #shopDetailInfor .map {
          order: 3;
          margin-top: 20px;
          height: 250px;
      }
  
  }
  
  
  /* JJ101004 お知らせ一覧
     JJ101005 お知らせ詳細
  --------------------------------------------------------------------*/
  
  /* 一覧 */
  #info #infoRead .cmnInner { margin-bottom: 15px; }
  #info.index #infoRead #infoCategoryLink {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 60px;
  }
  #info.index #infoRead #infoCategoryLink li {
      width: calc((100% - (10px * 3)) / 4);
      border: #bdbdbd 1px solid;
  }
  #info.index #infoRead #infoCategoryLink li a,
  #info.index #infoRead #infoCategoryLink li span {
      display: inline-block;
      width: 100%;
      height: 100%;
      padding: 9px 9px 9px 30px;
      position: relative;
      font-size: 1.2rem;
      text-align: center;
      color: #000000;
  }
  #info.index #infoRead #infoCategoryLink li span {
      background: #bdbdbd;
  }
  #info.index #infoRead #infoCategoryLink li a::before,
  #info.index #infoRead #infoCategoryLink li span::before {
      content: '';
      display: block;
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      top: 50%;
      left: 14px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(calc(-50% - 1px));
  }
  #info.index #infoRead #infoCategoryLink li a:hover {text-decoration: none;}
  #info.index #infoRead #message p {
    width: 100%;
    text-align: center;
  }
  #info .cmnArticleList4c article .image::before {
      content: '';
      display: block;
      padding-top: 72%;
  }
  #info .cmnArticleList4c article .text { padding-bottom: calc(16px + 1em + 10px); }
  
  /* 詳細 */
  #info.detail .cmnInner { max-width: calc(760px + (15px * 2)); }
  #info.detail #infoRead .cmnInner { margin-bottom: 15px; }
  #info.detail #infoRead .category {
      display: inline-block;
      margin-bottom: 10px;
      padding: 4px 14px;
      font-size: 1.1rem;
      border-radius: 100vw;
      background: #e0e0e0;
  }
  #info.detail #infoRead .cmnHeadline4 { margin-bottom: 5px; }
  
  
  #info.detail .infoArticleBody {
      width: 100%;
      margin-top: 40px;
      color: #303030;
  }
  #info.detail .infoArticleBody p,
  #info.detail .infoArticleBody ul,
  #info.detail .infoArticleBody dl { font-size: 1.4rem; }
  #info.detail .infoArticleBody .chapter { width: 100%; }
  #info.detail .infoArticleBody .image { text-align: center; }
  #info.detail .infoArticleBody .image img { width: 100%; }
  
  #info.detail #infoTemplate1.infoArticleBody .chapter:not(:first-of-type) { margin-top: 40px; }
  #info.detail #infoTemplate2.infoArticleBody .chapter:not(:first-of-type) { margin-top: 20px; }
  #info.detail #infoTemplate2.infoArticleBody .chapter {
      display: flex;
      justify-content: space-between;
      gap: 0 2em;
  }
  #info.detail #infoTemplate2.infoArticleBody .chapter .image { width: 50%; }
  #info.detail #infoTemplate1.infoArticleBody .chapter .image,
  #info.detail #infoTemplate2.infoArticleBody .chapter .image,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .image { margin: 0; }
  #info.detail #infoTemplate2.infoArticleBody .chapter .text { width: calc(50% - 2em); }
  #info.detail #infoTemplate2.infoArticleBody .chapter .text p { padding-top: 0; }
  
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead { margin-bottom: 40px; }
  #info.detail #infoTemplateNone.infoArticleBody .chapterList {
      margin-bottom: 60px;
      padding: 20px 25px;
      border: #e4e4e4 1px solid;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterList h3 { font-weight: bold; }
  #info.detail #infoTemplateNone.infoArticleBody .chapterList ul { margin-top: 15px; }
  #info.detail #infoTemplateNone.infoArticleBody .chapterList ul li a {
      display: inline-block;
      padding: 0 0 7px 1em;
      position: relative;
      font-weight: bold;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterList ul li a:hover { color: #333333; }
  #info.detail #infoTemplateNone.infoArticleBody .chapterList ul li:last-of-type a { padding-bottom: 0; }
  #info.detail #infoTemplateNone.infoArticleBody .chapterList ul li a::before {
      content: '・';
      position: absolute;
      top: 0;
      left: 0;
  }
  
  /* テンプレートなし */
  #info.detail #infoTemplateNone.infoArticleBody .chapter {
      display: block;
      margin-bottom: 70px;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapter:last-of-type {
      margin-bottom: 0;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapter h3 {
      margin-bottom: 30px;
      padding: 3px 0 3px 15px;
      border-left: #cb801b 5px solid;
      font-size: 1.6rem;
      font-weight: bold;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapter h4 {
      margin-top: 20px;
      margin-bottom: 10px;
      padding: 0 0 10px;
      border-bottom: #cb801b 1px solid;
      font-size: 1.5rem;
      font-weight: bold;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text,
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .image,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .image {
      width: 100%;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text p,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text p { padding-top: 1em; }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text p:first-of-type,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text p:first-of-type { padding-top: 0; }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text ul,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text ul {
      margin-top: 1em;
      margin-bottom: 1em;
      padding: 1em 1.5em;
      border: #cccccc 1px solid;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text ul li,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text ul li {
      padding: 0 0 10px 1.5em;
      position: relative;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text ul li::before,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text ul li::before {
      content: '・';
      position: absolute;
      left: 0;
      font-weight: bold;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text ul li:last-child,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text ul li:last-child {
      padding-bottom: 0;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text dl,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl {
      margin-bottom: 1em;
      padding: 1em 1.5em;
      font-size: 1.4rem;
      border: #cccccc 1px solid;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text dl.noborder,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl.noborder {
      padding: 0;
      border: none;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text dl dt,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl dt {
      margin-top: 1em;
      margin-bottom: 5px;
      font-weight: bold;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text dl dd,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl dd {
      border-bottom: #eeeeee 1px solid;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text dl dd:last-of-type,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl dd:last-of-type {
      border: none;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text dl dd ul,
  
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl dd ul {
      padding: 0 0.7em;
      border: none;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text dl.noborder dd ul,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl.noborder dd ul {
      margin-bottom: 1em;
      padding: 1em 1.5em;
      border: #cccccc 1px solid;
      font-size: 1.4rem;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text a,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text a {
      color: #3d2727;
      text-decoration: underline;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text a:hover,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text a:hover {
      color: #3d2727;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .flexbox,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .flexBox {
      display: flex;
      justify-content: space-between;
      gap: 0 5%;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .flexbox .text,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .flexBox .text {
      width: 55%;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .flexbox .image,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .flexBox .image {
      width: 40%;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .text + .image,
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .image + .text,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .text + .image,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .image + .text {
      margin: 20px 0 0;
  }
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .flexBox .text + .image,
  #info.detail #infoTemplateNone.infoArticleBody .chapterRead .flexBox .image + .text,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .flexBox .text + .image,
  #info.detail #infoTemplateNone.infoArticleBody .chapter .flexBox .image + .text {
      margin: 0 0;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      /* 一覧 */
      #info.index #infoRead #infoCategoryLink { margin-bottom: 30px; }
      #info.index #infoRead #infoCategoryLink li { width: calc((100% - 10px) / 2); }
      #info.index #infoRead #infoCategoryLink li a,
      #info.index #infoRead #infoCategoryLink li span { font-size: 1.1rem; }
  
      /* 詳細 */
      #info.detail .infoArticleBody {
          margin-top: 30px;
          margin-bottom: 60px;
      }
      #info.detail .infoArticleBody p,
      #info.detail .infoArticleBody ul,
      #info.detail .infoArticleBody dl { font-size: 1.2rem; }
      #info.detail #infoTemplateNone.infoArticleBody .chapterRead { margin-bottom: 20px; }
      #info.detail #infoTemplate2.infoArticleBody .chapter,
      #info.detail #infoTemplateNone.infoArticleBody .chapter { display: block; }
      #info.detail #infoTemplate2.infoArticleBody .chapter .image,
      #info.detail #infoTemplate2.infoArticleBody .chapter .text,
      #info.detail #infoTemplateNone.infoArticleBody .chapter .image,
      #info.detail #infoTemplateNone.infoArticleBody .chapter .text { width: 100%; }
      #info.detail #infoTemplate2.infoArticleBody .chapter:not(:first-of-type) { margin-top: 40px; }
      #info.detail #infoTemplate2.infoArticleBody .chapter .text p { padding-top: 10px; }
  
      /* テンプレートなし */
      #info.detail #templateNone.infoArticleBody .chapterList {
          margin-bottom: 30px;
          padding: 20px 17px;
          border: #e4e4e4 1px solid;
      }
      #info.detail #infoTemplateNone.infoArticleBody .chapter { margin-bottom: 40px; }
      #info.detail #infoTemplateNone.infoArticleBody .chapter h3 { margin-bottom: 20px; }
      #info.detail #infoTemplateNone.infoArticleBody .chapter h4 {
          font-size: 1.4rem;
          margin-bottom: 20px;
      }
      #info.detail #infoTemplateNone.infoArticleBody .chapter .flexBox { display: block; }
      #info.detail #infoTemplateNone.infoArticleBody .chapter .flexBox .text,
      #info.detail #infoTemplateNone.infoArticleBody .chapter .flexBox .image { width: 100%; }
      #info.detail #infoTemplateNone.infoArticleBody .chapter .text { margin-bottom: 20px; }
      #info.detail #infoTemplateNone.infoArticleBody .chapter .text ul,
      #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl { padding: 0.7em; }
      #info.detail #infoTemplateNone.infoArticleBody .chapter .text ul li,
      #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl dt,
      #info.detail #infoTemplateNone.infoArticleBody .chapter .text dl dd { font-size: 1.2rem; }
  }
  
  
  /* JJ201001 ログイン画面
  --------------------------------------------------------------------*/
  
  #login #loginContent .cmnInner {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 0 4%;
  }
  #login #loginContent .loginBox,
  #login #loginContent .registrationBox {
      width: calc((100% - 4%) / 2);
      padding: 40px;
      background: #f5f5f5;
      text-align: center;
  }
  #login #loginContent .loginBox .cmnBtnRound3,
  #login #loginContent .registrationBox .cmnBtnRound3 {
      width: 300px;
  }
  
  #login #loginContent .loginBox .inputMailPass {
  
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px 1em;
      margin-bottom: 15px;
  }
  #login #loginContent .loginBox .inputMailPass label {
      display: block;
      width: 120px;
      text-align: left;
  }
  #login #loginContent .loginBox .inputMailPass input { width: calc(100% - 120px - 1em); }
  #login #loginContent .loginBox .inputMailPass a,
  #login #loginContent .loginBox .inputMailPass .caption,
  #login #loginContent .loginBox .inputMailPass .cmnErrorMsg {
      display: inline-block;
      padding-left: calc(120px + 1em);
  }
  #login #loginContent .loginBox .inputMailPass .caption { color: #666666; }
  
  #login #loginContent .loginBox .inputAuto {
      margin-bottom: 30px;
      padding-left: calc(120px + 1em);
      text-align: left;
  }
  #login #loginContent .loginBox .privacyLink {
      display: inline-block;
      margin-bottom: 20px;
  }
  #login #loginContent .registrationBox p {
      margin-bottom: 30px;
      text-align: center;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 870px) {
      #login { padding-top: 30px; }
      #login .cmnInner { margin-bottom: 30px; }
      #login #loginContent .cmnInner { display: block; }
      #login #loginContent .loginBox,
      #login #loginContent .registrationBox {
          width: 100%;
          padding: 20px;
      }
      #login #loginContent .loginBox {margin-bottom: 30px;}
  
      #login #loginContent .loginBox .cmnBtnRound3,
      #login #loginContent .registrationBox .cmnBtnRound3 {
          width: 250px;
      }
      #login #loginContent .loginBox .inputMailPass {
          display: block;
          text-align: left;
      }
      #login #loginContent .loginBox .inputMailPass label {
          margin-bottom: 5px;
          text-align: left;
      }
      #login #loginContent .loginBox .inputMailPass label:not(:first-of-type) {
          margin-top: 10px;
      }
  
      #login #loginContent .loginBox .inputMailPass input {
          width: 100%;
      }
      #login #loginContent .loginBox .inputMailPass .caption,
      #login #loginContent .loginBox .inputMailPass .cmnErrorMsg {
          margin-top: 5px;
          margin-bottom: 10px;
          padding-left: 0;
      }
      #login #loginContent .loginBox .inputMailPass a {
          margin-top: 15px;
          padding-left: 0;
      }
      #login #loginContent .loginBox .inputAuto {
          margin-bottom: 20px;
          padding-left: 0;
      }
  
  }
  
  
  /* JJ201002 新規会員登録
  --------------------------------------------------------------------*/
  
  #memberregistration .cmnInner { max-width: calc(760px + (15px * 2)); }
  #memberregistration #memberregistrationRead p { text-align: center; }
  #memberregistration #memberregistrationInput { text-align: center;}
  #memberregistration #memberregistrationInput .inputMail {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px 1em;
      margin-bottom: 30px;
      padding: 40px;
      background: #f5f5f5;
  }
  #memberregistration #memberregistrationInput .inputMail label {
      display: block;
      width: 110px;
      text-align: left;
  }
  #memberregistration #memberregistrationInput .inputMail input { width: calc(100% - 110px - 1em); }
  #memberregistration #memberregistrationInput .inputMail .cmnErrorMsg { padding-left: calc(110px + 1em); }
  #memberregistration #memberregistrationInput .privacyLink {
      display: inline-block;
      margin-bottom: 30px;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #memberregistration { margin-top: 30px; }
      #memberregistration .cmnInner { margin-bottom: 30px; }
      #memberregistration #memberregistrationRead p { text-align: left; }
      #memberregistration #memberregistrationInput .inputMail {
          display: block;
          padding: 20px;
      }
      #memberregistration #memberregistrationInput .inputMail label { margin-bottom: 10px; }
      #memberregistration #memberregistrationInput .inputMail input { width: 100%; }
      #memberregistration #memberregistrationInput .inputMail .cmnErrorMsg {
          margin-top: 10px;
          padding-left: 0;
      }
  }
  
  
  /* JJ201003 会員登録入力
  --------------------------------------------------------------------*/
  
  #member #memberContent .recommendMail {
      width: 100%;
      margin-top: 20px;
      padding: 20px 15px;
      border: #b0b0b0 1px solid;
  }
  #member #memberContent .buttons {
      display: flex;
      justify-content: center;
      gap: 0 15px;
      margin-top: 30px;
  }
  #member #memberContent .buttons .cmnBtnRound2,
  #member #memberContent .buttons .cmnBtnRound3 { margin: 0px; }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #member #memberContent .recommendMail {
          padding: 16px 20px;
      }
  }
  
  #member.question { }
  #member.question #memberQuestionRead {
      text-align: center;
  }
  #member.question #memberQuestionRead p {
      display: inline-block;
  }
  #member.question #memberQuestionContent .buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 25px;
      width: 100%;
      max-width: calc((92px * 9) + (25px * 8));
      margin: 0 auto;
  }
  
  #member.question #memberQuestionContent .buttons input[type="checkbox"] {
      appearance: none;
      display: block;
      width: 92px;
      height: 92px;
      position: relative;
      margin: 0 auto;
      border: #ffffff;
      background-repeat: no-repeat;
      background-position-y: bottom;
  }
  #member.question #memberQuestionContent .buttons input[type="checkbox"]:checked::before {
      content: "";
      width: 92px;
      height: 92px;
      margin: 0 auto;
      position: absolute;
      left: 0px;
      top: 0px;
      background-repeat: no-repeat;
  }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a1 { background: url("/templates/templates001/images/icon_syumi-1_off-c4130f9ede748ad82f39018b9e16c2d3.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a1:checked::before { background: url("/templates/templates001/images/icon_syumi-1_on-41a23cdf197ccffb44420c775c9c50e2.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a2 { background: url("/templates/templates001/images/icon_syumi-2_off-0446b6b62d180cdabedfc3d74ade5410.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a2:checked::before { background: url("/templates/templates001/images/icon_syumi-2_on-7e922ecd74341dba0069d17556e28f19.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a3 { background: url("/templates/templates001/images/icon_syumi-3_off-0279c3df4c059c75697257b78e435a8c.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a3:checked::before { background: url("/templates/templates001/images/icon_syumi-3_on-672e99f5514dbb9355919b313d3071d8.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a4 { background: url("/templates/templates001/images/icon_syumi-4_off-4a3dc24de4cab14b9671835fae6a685c.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a4:checked::before { background: url("/templates/templates001/images/icon_syumi-4_on-7459fb381d51702f961f471a8ece7abb.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a5 { background: url("/templates/templates001/images/icon_syumi-5_off-24e3702d3a18e86d11224a529d2c8201.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a5:checked::before { background: url("/templates/templates001/images/icon_syumi-5_on-dd7306a23e164b4821eb3e495a6dd8ef.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a6 { background: url("/templates/templates001/images/icon_syumi-6_off-7eeb2441876901f42e029b316e5edd3a.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a6:checked::before { background: url("/templates/templates001/images/icon_syumi-6_on-ce9b42e794be8bc7b3b4a6a99edc0d16.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a7 { background: url("/templates/templates001/images/icon_syumi-7_off-ee8967a219df3772cfc724e327bb5012.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a7:checked::before { background: url("/templates/templates001/images/icon_syumi-7_on-2273ed7ff17814482a630d0fb15a52e6.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a8 { background: url("/templates/templates001/images/icon_syumi-8_off-ff2dc162ed65c9d8f173551d205d32df.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a8:checked::before { background: url("/templates/templates001/images/icon_syumi-8_on-c20dfb453275d678dc8366928dcf1b11.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a9 { background: url("/templates/templates001/images/icon_syumi-9_off-2bde1fe64ea0d7acbc7ae1d6dcc349c8.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a9:checked::before { background: url("/templates/templates001/images/icon_syumi-9_on-2867f07ccba69ce78a2ea9abda87de3b.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a10 { background: url("/templates/templates001/images/icon_syumi-10_off-357aaf1ff8379b82ec4802d7acbcf178.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a10:checked::before { background: url("/templates/templates001/images/icon_syumi-10_on-c6574e785a6c2b7d65961b9de5ee0aae.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a11 { background: url("/templates/templates001/images/icon_syumi-11_off-c0ba53e8226e65b4100171786c012c8a.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a11:checked::before { background: url("/templates/templates001/images/icon_syumi-11_on-d4408fcfca10710c1667ec4875944ae6.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a12 { background: url("/templates/templates001/images/icon_syumi-12_off-eb098d1048fc3a521ab2b463738562b6.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a12:checked::before { background: url("/templates/templates001/images/icon_syumi-12_on-33b00ca070554874038e21b0e64fbb61.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a13 { background: url("/templates/templates001/images/icon_syumi-13_off-b3c2425dfde06ca94d2c39b117250cd5.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a13:checked::before { background: url("/templates/templates001/images/icon_syumi-13_on-b6233c60314d3031d2364a220795cc05.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a14 { background: url("/templates/templates001/images/icon_syumi-14_off-bb914689d59e7716950abbf354d363cc.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a14:checked::before { background: url("/templates/templates001/images/icon_syumi-14_on-6c35548ef581cfa1682d8f613571cd3e.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a15 { background: url("/templates/templates001/images/icon_syumi-15_off-3367d247ae3cb18000c1a8324d6ce64b.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a15:checked::before { background: url("/templates/templates001/images/icon_syumi-15_on-a8051184380a7add9d6e6cb43d1f958e.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a16 { background: url("/templates/templates001/images/icon_syumi-16_off-4aa02042b1d5172064c7a3c3c2f85aa0.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a16:checked::before { background: url("/templates/templates001/images/icon_syumi-16_on-84b691dd1b1f542b40f97b0a7d6f86fb.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a17 { background: url("/templates/templates001/images/icon_syumi-17_off-2ac4a03cb25c02eea7e5e05358827607.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a17:checked::before { background: url("/templates/templates001/images/icon_syumi-17_on-dbb56603845b092085a4ef1397b35e8a.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a18 { background: url("/templates/templates001/images/icon_syumi-18_off-36e079bcea82ed440ed0b72ec38ea56b.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a18:checked::before { background: url("/templates/templates001/images/icon_syumi-18_on-f7eff8c90959efd367c18b46748e69a3.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a19 { background: url("/templates/templates001/images/icon_syumi-19_off-7e8274f96cc86141abcc130d58f71c27.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a19:checked::before { background: url("/templates/templates001/images/icon_syumi-19_on-81358a8dae3d415c3e32705da296d9d3.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a20 { background: url("/templates/templates001/images/icon_syumi-20_off-80ff6174b7914becaf0a1a430c17f978.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a20:checked::before { background: url("/templates/templates001/images/icon_syumi-20_on-cb16cec728aa817f503824c082406643.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a21 { background: url("/templates/templates001/images/icon_syumi-21_off-ea817685ca83471432357c1852b2e16e.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a21:checked::before { background: url("/templates/templates001/images/icon_syumi-21_on-c3825174c73282abffa4ce1543f3b53d.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a22 { background: url("/templates/templates001/images/icon_syumi-22_off-8aca1c9a1ff1c0162adc1dad98dc2a2d.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a22:checked::before { background: url("/templates/templates001/images/icon_syumi-22_on-e7294fddc340cf122a65293db0565e5f.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a23 { background: url("/templates/templates001/images/icon_syumi-23_off-e61e96d1229a1ae7cd610e60d284089e.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a23:checked::before { background: url("/templates/templates001/images/icon_syumi-23_on-75b72111cf5d1627f92ee9bc9c1409ff.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a24 { background: url("/templates/templates001/images/icon_syumi-24_off-cb2ace0df182d39e29e41f667bec0e41.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a24:checked::before { background: url("/templates/templates001/images/icon_syumi-24_on-e7751df08d0a488a415a838f64f3e77d.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a25 { background: url("/templates/templates001/images/icon_syumi-25_off-f8f892c0b0ec94688fa1f72acb0448c6.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a25:checked::before { background: url("/templates/templates001/images/icon_syumi-25_on-777006220d854e7c526cec942f9101e3.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a26 { background: url("/templates/templates001/images/icon_syumi-26_off-a188ee0a87605bcf9f768e0b713f4ba2.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a26:checked::before { background: url("/templates/templates001/images/icon_syumi-26_on-851c6f105835092e061a26cb4a475c2d.svg") left bottom; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a27 { background: url("/templates/templates001/images/icon_syumi-27_off-4d3242374c9e46e285838668074f36f0.svg") left top; }
  #member.question #memberQuestionContent .buttons input[type="checkbox"].a27:checked::before { background: url("/templates/templates001/images/icon_syumi-27_on-19e9bd92b06e136fabb3a5a365ace8eb.svg") left bottom; }
  
  #member.question #memberQuestionContent .cmnBtnRound3 {
      margin-top: 50px;
  }
  
  
  /* JJ202001 マイページ
  --------------------------------------------------------------------*/
  
  #service {
      padding-bottom: 0;
      background: #f5f5f5;
  }
  #service #serviceContent .tab {
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #service #serviceContent .tab-buttons {
      display: flex;
      justify-content: flex-start;
      gap: 0 calc(2% / 3);
  }
  #service #serviceContent .tab-buttons span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc(98% / 4);
      padding: 15px;
      border-radius: 5px 5px 0 0;
  /*
      background: #e0e0e0 url("/templates/templates001/images/tab_shadow-44e2210f1274257e2950b2cc93a77f63.png") repeat-y 0 0;
  */
      background: #e9e9e9;
      font-weight: bold;
      text-align: center;
      cursor: pointer;
  }
  #service #serviceContent .tab-buttons span.is-active {
      color: #ffffff;
      background: #EB6702;
  }
  
  #service #serviceContent .tab-buttons span a {
      display: block;
      width: 100%;
      height: 100%;
      color: #000000;
  }
  #service #serviceContent .tab-buttons span.is-active a {
      color: #ffffff;
  }
  #service #serviceContent .tab-buttons span a:hover {
      text-decoration: none;
  }
  
  #service #serviceContent .tab-content {
      padding: 36px 6% 40px;
      background: #ffffff;
      border-radius: 0 0 5px 5px;
  }
  #service #serviceContent .tab-content .cmnHeadline1 {
      margin-bottom: 20px;
      padding: 3px 0 3px 14px;
      font-size: 1.6rem;
  }
  
  #service #serviceContent .tab-content .content1 .menberInfoContent {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 0 3%;
      position: relative;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .cmnHeadline1 {
      order: 1;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo {
      order: 2;
      width: calc(100% - (200px + 3%));
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable {
      margin-bottom: 30px;
      border-top: #e0e0e0 1px solid;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable dt,
  #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable dd {
      padding-top: 15px;
      padding-bottom: 15px;
  }
  
  #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable dt {
      width: 200px;
      font-weight: bold;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable dd {
      width: calc(100% - 200px);
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable dd span {
      display: inline-block;
      color: #b84226;
      padding-left: 1em;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .buttons {
      order: 3;
      width: 200px;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .buttons div {
      display: flex;
      flex-direction: column;
      gap: 10px 0;
      align-items: stretch;
      width: 100%;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .buttons .cmnBtnSquareR1 {
      width: 100%;
      margin-top: 0;
      padding: 30px 0;
      position: relative;
      color: #000000;
      border: none;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .buttons .cmnBtnSquareR1::after {
      content: '';
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      right: 10px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .buttons .cmnBtnSquareR1 img {
      display: block;
      width: 28px;
      height: 28px;
      margin: 0 auto 10px;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .buttons .cmnBtnSquareR1 p {
      font-weight: bold;
      text-align: center;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .buttons .cmnBtnSquareR1 p:not(:last-of-type) {
      margin-bottom: 5px;
  }
  #service #serviceContent .tab-content .content1 .menberInfoContent .buttons .cmnBtnSquareR1 p span {
      color: #b84226;
  }
  #service #serviceContent .tab-content .content1 .cmnBtnRound3.membersetting {
      background: #e3e3e3;
      color: #000000;
  }
  #service #serviceContent .tab-content .content1 .cmnBtnRound3.membersetting::after {
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
  }
  
  #service #serviceContent .tab-content .content1 .viewArticleList,
  #service #serviceContent .tab-content .content2 .viewArticleList {
      width: 100%;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #service #serviceContent .tab-content .content1 .viewArticleList article,
  #service #serviceContent .tab-content .content2 .viewArticleList article {
      display: grid;
      grid-template-columns: auto 150px 1fr 180px;
      grid-template-rows: auto auto auto 1fr;
      gap: 0;
      width: 100%;
      padding: 25px 20px 25px 10px;
      background: #ffffff;
      border-radius: 5px;
  }
  #service #serviceContent .tab-content .content1 .omissionViewedArticle { display: none; }
  #service #serviceContent .tab-content .content1 .omissionViewedArticle.cmnArticleList1c article:first-of-type {
      margin-top: 10px;
  }
  
  #service #serviceContent .tab-content .content1 #omissionViewedArticleTrigger { display: none; }
  #service #serviceContent .tab-content .content1 #omissionViewedArticleTrigger:checked ~ .omissionViewedArticle { display: block; }
  
  #service #serviceContent .tab-content .content1 #omissionViewedArticleTrigger ~ .cmnBtnRound3  span:nth-child(1) { display: inline; }
  #service #serviceContent .tab-content .content1 #omissionViewedArticleTrigger ~ .cmnBtnRound3  span:nth-child(2) { display: none; }
  #service #serviceContent .tab-content .content1 #omissionViewedArticleTrigger:checked ~ .cmnBtnRound3 span:nth-child(1) { display: none; }
  #service #serviceContent .tab-content .content1 #omissionViewedArticleTrigger:checked ~ .cmnBtnRound3 span:nth-child(2) { display: inline; }
  
  
  #service #serviceContent .tab-content .content2 .listContainer:last-of-type .viewArticleList article {
      padding: 25px 20px;
  }
  
  #service #serviceContent .tab-content .content2 .viewArticleList article:not(:first-of-type) { margin-top: 10px }
  #service #serviceContent .tab-content .content2 .viewArticleList article .recomendCheck {
      order: 1;
      grid-column: 1/2;
      grid-row: 1/5;
      align-self: center;
      padding-right: 10px;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .image {
      order: 2;
      grid-column: 2/3;
      grid-row: 1/5;
      width: 150px;
      height: 100%;
      position: relative;
      overflow: hidden;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .image::before {
      content: '';
      display: block;
      padding-top: 75%;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .image img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .name {
      order: 3;
      grid-column: 3/4;
      grid-rows: 1;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 0 15px;
      font-size: 1.6rem;
      font-weight: bold;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .name a {
      text-decoration: underline;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .rent {
      order: 4;
      grid-column: 3/4;
      grid-rows: 2;
      padding: 0 15px;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .detail {
      order: 5;
      grid-column: 3/4;
      grid-rows: 3;
      padding: 0 15px;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .address {
      order: 6;
      grid-column: 3/4;
      grid-rows: 4;
  
      padding: 0 15px;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .buttons {
      order: 7;
      grid-column: 4/5;
      grid-row: 1/5;
      align-self: center;
      display: flex;
      flex-direction: column;
      gap: 10px 0;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .buttons .cmnBtnRound3 {
      margin-top: 0;
      padding: 6px 0;
      width: 100%;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .buttons .cmnBtnRound3::after {
      width: 1.3em;
      height: 1.3em;
      right: 8px;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .buttons .cmnBtnRound3.delete {
      padding-left: calc(1.2em + 5px);
      background: #e0e0e0;
      color: #000000;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .buttons .cmnBtnRound3.delete::after {
      width: 1.2em;
      height: 1.2em;
      left: 12px;
      right: 0;
      background: url("/templates/templates001/images/icon_batu-4eed96190950177734c8d9882800aacf.svg") no-repeat;
  }
  #service #serviceContent .tab-content .content2 .viewArticleList article .buttons .cmnBtnRound3.contact { background: #70a5e7; }
  #service #serviceContent .tab-content .content2 .viewArticleList article .buttons .cmnBtnRound3.reservation { background: #367bd2; }
  
  #service #serviceContent .tab-content .content2 .viewButtons { margin-top: 30px; }
  #service #serviceContent .tab-content .content2 .viewButtons .checkAll { text-align: center; }
  #service #serviceContent .tab-content .content2 .viewButtons .buttons {
      display: flex;
      justify-content: center;
      gap: 0 10px;
      margin-top: 30px;
  }
  #service #serviceContent .tab-content .content2 .viewButtons .buttons .cmnBtnRound3 { margin: 0; }
  #service #serviceContent .tab-content .content2 .cmnHeadline1:not(:first-of-type) {margin-top: 45px;}
  #service #serviceContent .tab-content .content2 .cmnInfoBox { margin: 40px auto; }
  
  #service #serviceContent .tab-content .content3 .conditionArticleList {
      width: 100%;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #service #serviceContent .tab-content .content3 .conditionArticleList article {
      display: flex;
      gap: 0 30px;
      width: 100%;
      padding: 25px 20px;
      background: #ffffff;
      border-radius: 5px;
  }
  #service #serviceContent .tab-content .content3 .conditionArticleList article:not(:first-of-type) { margin-top: 10px }
  
  #service #serviceContent .tab-content .content3 .conditionArticleList article .text {
      width: calc(100% - (180px + 30px));
  }
  #service #serviceContent .tab-content .content3 .conditionArticleList article .text .date {
      width: 100%;
      margin-bottom: 12px;
      padding-bottom: 12px;
      border-bottom: #b0b0b0 1px solid;
      color: #808080;
  }
  #service #serviceContent .tab-content .content3 .conditionArticleList article .text .detail {
      width: 100%;
  }
  
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons {
      display: flex;
      flex-direction: column;
      align-self: center;
      gap: 10px 0;
      width: 180px;
  }
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound2,
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound3 {
      margin-top: 0;
      padding: 6px 0;
      width: 100%;
  }
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound2::after,
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound3::after {
      width: 1.3em;
      height: 1.3em;
      right: 8px;
  }
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound2.mail {
      border: #b0b0b0 1px solid;
      color: #000000;
  }
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound2.mail::after { content: none;}
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound3.contact { background: #70a5e7; }
  #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound3.reservation { background: #367bd2; }
  #service #serviceContent .tab-content .content3 .cmnHeadline1:not(:first-of-type) {margin-top: 45px;}
  #service #serviceContent .tab-content .content3 .cmnInfoBox { margin: 40px auto; }
  
  #service #serviceContent .tab-content .content4 .reservationRead {
      width: 100%;
      padding: 25px 20px;
      background: #ffffff;
      border-radius: 5px;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #service #serviceContent .tab-content .content4 .reservationRead p {
      text-align: center;
  }
  
  #service #serviceContent .tab-content .content4 .reservationArticleList {
      width: 100%;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article {
      display: flex;
      gap: 0 30px;
      width: 100%;
      padding: 25px 20px;
      background: #ffffff;
      border-radius: 5px;
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable {
      width: calc(100% - (180px + 30px));
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dt,
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dd {
      padding-top: 12px;
      padding-bottom: 12px;
  }
  
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dt {
      width: 10em;
      font-weight: bold;
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dd {
      width: calc(100% - 10em);
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dt:first-of-type,
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dd:first-of-type {
      padding-top: 0;
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dt:last-of-type,
  #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dd:last-of-type {
      padding-bottom: 0;
      border: none;
  }
  
  #service #serviceContent .tab-content .content4 .reservationArticleList article .buttons {
      display: flex;
      flex-direction: column;
      align-self: center;
      gap: 10px 0;
      width: 180px;
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .buttons .cmnBtnRound2,
  #service #serviceContent .tab-content .content4 .reservationArticleList article .buttons .cmnBtnRound3 {
      margin-top: 0;
      padding: 6px 0;
      width: 100%;
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .buttons .cmnBtnRound2::after,
  #service #serviceContent .tab-content .content4 .reservationArticleList article .buttons .cmnBtnRound3::after {
      width: 1.3em;
      height: 1.3em;
      right: 8px;
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .buttons .cmnBtnRound3.delete {
      padding-left: calc(1.2em + 5px);
      background: #e0e0e0;
      color: #000000;
  }
  #service #serviceContent .tab-content .content4 .reservationArticleList article .buttons .cmnBtnRound3.delete::after {
      width: 1.2em;
      height: 1.2em;
      left: 12px;
      right: 0;
      background: url("/templates/templates001/images/icon_batu-4eed96190950177734c8d9882800aacf.svg") no-repeat;
  }
  #service #serviceContent .tab-content .content4 .cmnHeadline1:not(:first-of-type) {margin-top: 45px;}
  #service #serviceContent .tab-content .content4 .cmnInfoBox { margin: 40px auto; }
  
  main#service {
      position: relative;
  }
  #service #serviceWithdrawal {
      width: 100%;
      height: fit-content;
      position: absolute;
      bottom: 0;
      background: #e0e0e0;
  }
  #service #serviceWithdrawal .cmnInner {
      margin-bottom: 0;
      padding: 5px 15px;
  }
  #service #serviceWithdrawal a { color: #000000; }
  
  /* pc対応 */
  @media screen and (min-width: 750px) {
  
      #service #serviceContent .tab-content .content1 .menberInfoContent .buttons .cmnBtnSquareR1:hover {
          background: #f5f5f5;
          opacity: 1;
      }
  
  
      #service #serviceContent .tab-content .content1 .cmnBtnRound3.membersetting {
          display: inline-block;
          width: auto;
          margin: 0;
          padding: 8px 40px 8px 20px;
          position: absolute;
          top: 0;
          right: calc(200px + 3%);
          font-size: 1.2rem;
      }
      #service #serviceContent .tab-content .content1 .cmnBtnRound3.membersetting::after {
          width: 1.4em;
          height: 1.4em;
          right: 7px;
      }
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #service { background: #ffffff; }
      #service section .cmnInner {
          margin-bottom: 0;
          padding-left: 0;
          padding-right: 0;
      }
      #service #serviceContent .tab {
          filter: none;
      }
  
      #service #serviceContent .tab-content {
          /*padding: 0 0 30px;*/
          padding: 0;
      }
      #service #serviceContent .tab-content .cmnHeadline1 {
          width: calc(100% - 15px);
          margin: 15px;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent {
          display: block;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent .buttons {
          width: 100%;
          background: #f5f5f5;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent .buttons div {
          flex-direction: row;
          gap: 0 10px;
          width: 100%;
          margin-bottom: 0;
          padding: 15px;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent .buttons .cmnBtnSquareR2 {
          width: calc((100% - 10px) / 2);
          padding: 15px 0;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo {
          width: 100%;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable {
          display: block;
          margin-bottom: 0;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable dt {
          width: 100%;
          padding: 5px 15px;
          background: #f5f5f5;
          border: none;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable dd {
          width: 100%;
          padding: 12px 15px;
          border: none;
      }
      #service #serviceContent .tab-content .content1 .menberInfoContent .menberInfo .cmnListTable dd span { display: block; }
      #service #serviceContent .tab-content .content1 .cmnArticleList1c {
          padding-left: 15px;
          padding-right: 15px;
      }
      #service #serviceContent .tab-content .content1 .listContainer:last-of-type {
          padding-bottom: 45px;
      }
  
      #service #serviceContent .tab-content .listContainer {
          padding: 15px 15px 45px;
          background: #f4f4f4;
      }
      #service #serviceContent .tab-content .content1 .listContainer {
          padding: 0;
          background: #ffffff;
      }
      #service #serviceContent .tab-content .content1 .cmnBtnRound3.membersetting {
          margin: 0 0 30px 15px;
      }
  
      #service #serviceContent .tab-content .content2 .viewArticleList article {
          grid-template-columns: auto auto 1fr;
          grid-template-rows: auto auto auto 1fr auto;
          gap: 5px 0;
          padding: 10px;
          position: relative;
          border-radius: 0px;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .recomendCheck {
          order: 1;
          grid-column: 1/2;
          grid-row: 1;
          padding-right: 0;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .image {
          order: 3;
          grid-column: 1/3;
          grid-row: 2/5;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .name {
          order: 2;
          grid-column: 2/4;
          grid-row: 1;
          margin-top: 0;
          margin-bottom: 0;
          padding: 0 0;
          font-size: 1.4rem;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .name a {
          text-decoration: underline;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .rent {
          order: 4;
          grid-column: 3/4;
          grid-rows: 2;
          padding-right: 0;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .detail {
          order: 5;
          grid-column: 3/4;
          grid-rows: 3;
          padding-right: 0;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .address {
          order: 6;
          grid-column: 3/4;
          grid-rows: 4;
          padding-right: 0;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .buttons {
          order: 7;
          grid-column: 1/5;
          grid-row: 5;
          flex-direction: row;
          gap: 0 10px;
          width: 100%;
          margin-top: 10px;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .buttons .cmnBtnRound3.delete {
          width: 25px;
          height: 25px;
          padding: 0;
          position: absolute;
          top: 5px;
          right: 5px;
          text-indent: -20em;
          overflow: hidden;
          background: none;
      }
      #service #serviceContent .tab-content .content2 .viewArticleList article .buttons .cmnBtnRound3.delete::after {
          width: 20px;
          height: 20px;
          left: 50%;
          right: 50%;
          transform: translateX(-50%) translateY(-50%);
      }
      #service #serviceContent .tab-content .content2 .cmnHeadline1:not(:first-of-type) { margin-top: 15px; }
  
  
      #service #serviceContent .tab-content .content3 .conditionArticleList article {
          display: block;
          width: 100%;
          padding: 13px 10px 10px;
          border-radius: 0px;
  
      }
      #service #serviceContent .tab-content .content3 .conditionArticleList article:not(:first-of-type) { margin-top: 10px }
      #service #serviceContent .tab-content .content3 .conditionArticleList article .text {
          width: 100%;
      }
      #service #serviceContent .tab-content .content3 .conditionArticleList article .text .date {
          width: 100%;
          margin-bottom: 12px;
          padding-bottom: 12px;
          border-bottom: #b0b0b0 1px solid;
          color: #808080;
      }
      #service #serviceContent .tab-content .content3 .conditionArticleList article .text .detail {
          width: 100%;
      }
  
      #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons {
          flex-direction: row;
          flex-wrap: wrap;
          gap: 10px;
          width: 100%;
          margin-top: 10px;
      }
      #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound2,
      #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound3 {
          width: calc((100% - 10px) / 2);
      }
      #service #serviceContent .tab-content .content3 .conditionArticleList article .buttons .cmnBtnRound3.newarrivals { width: 100%; }
      #service #serviceContent .tab-content .content3 .cmnHeadline1:not(:first-of-type) { margin-top: 15px; }
  
      #service #serviceContent .tab-content .content4 .reservationRead {
          width: 100%;
          padding: 10px;
          border-radius: 0px;
      }
      #service #serviceContent .tab-content .content4 .reservationRead p {
          text-align: left;
      }
  
      #service #serviceContent .tab-content .content4 .reservationArticleList {
          width: 100%;
      }
      #service #serviceContent .tab-content .content4 .reservationArticleList article {
          display: block;
          padding: 15px 10px 10px;
          border-radius: 0px;
      }
      #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable {
          width: 100%;
      }
      #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dt,
      #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dd {
          padding-top: 12px;
          padding-bottom: 12px;
      }
  
      #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dt:first-of-type,
      #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dd:first-of-type {
          padding-top: 0;
      }
      #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dt:last-of-type,
      #service #serviceContent .tab-content .content4 .reservationArticleList article .cmnListTable dd:last-of-type {
          padding-bottom: 0;
          border: none;
      }
  
      #service #serviceContent .tab-content .content4 .reservationArticleList article .buttons {
          display: flex;
          flex-direction: row;
          align-self: center;
          gap: 10px;
          width: 100%;
          margin-top: 20px;
      }
      #service #serviceContent .tab-content .content4 .cmnHeadline1:not(:first-of-type) {margin-top: 15px;}
      #service #serviceWithdrawal .cmnInner {
          padding: 5px 15px;
          background: #e0e0e0;
      }
  }
  
  
  /* JJ203001 本人確認（パスワード入力）
  --------------------------------------------------------------------*/
  
  #passwordcheck .cmnInner { max-width: calc(760px + (15px * 2)); }
  #passwordcheck #passwordcheckRead p { text-align: center; }
  #passwordcheck #passwordcheckInput { text-align: center;}
  #passwordcheck #passwordcheckInput .inputPass {
      margin-bottom: 30px;
      padding: 40px;
      background: #f5f5f5;
      text-align: left;
  }
  #passwordcheck #passwordcheckInput .inputPass > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px 1em;
  
      text-align: left;
  }
  #passwordcheck #passwordcheckInput .inputPass > div label {
      display: block;
      width: 110px;
  }
  #passwordcheck #passwordcheckInput .inputPass > div input { width: calc(100% - 110px - 1em); }
  #passwordcheck #passwordcheckInput .inputPass > div a { padding-left: calc(110px + 1em); }
  #passwordcheck #passwordcheckRead .caption span { color: #ff0000; }
  
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #passwordcheck .cmnInner { margin-bottom: 30px; }
      #passwordcheck #passwordcheckInput .inputPass { padding: 20px; }
  
      #passwordcheck #passwordcheckInput .inputPass > div { display: block; }
      #passwordreset #passwordcheckInput .inputPass > div label {
          margin-bottom: 5px;
          text-align: left;
      }
      #passwordcheck #passwordcheckInput .inputPass > div input {
          width: 100%;
          margin-bottom: 10px;
  
      }
      #passwordcheck #passwordcheckInput .inputPass > div a { padding-left: 0; }
  }
  
  
  /* JJ203002 会員情報の編集
  --------------------------------------------------------------------*/
  
  #memberedit .cmnInner { max-width: calc(760px + (15px * 2)); }
  #memberedit #membereditRead p { text-align: center; }
  #memberedit .cmnContactTable tr.job td select,
  #memberedit .cmnContactTable tr.bloodType td select{
      width: 200px;
  }
  #memberedit .cmnContactTable tr.family td .container {
      flex-direction: column;
      align-items: flex-start;
  }
  #memberedit .cmnContactTable tr.ounHouse td .container {
      gap: 0 1em;
  }
  #memberedit .cmnContactTable tr.people td select {
      width: 180px;
  }
  #memberedit .cmnContactTable tr.moveIn td select {
  
      width: 180px;
  }
  #memberedit .cmnContactTable tr.station td input {
      width: calc((180px * 2) + 1em);
  }
  #memberedit .cmnContactTable tr.area td .container > div {
      display: inline-block;
      width: calc((100% - (1em * 4)) / 5);
  }
  #memberedit .cmnContactTable tr.roomPlan td label {
      width: calc((100% - (1em * 3)) / 4);
  }
  #memberedit .cmnContactTable tr.rentFee td .container {
      flex-direction: column;
      align-items: flex-start;
  }
  #memberedit .cmnContactTable tr.rentFee td select {
      width: 200px;
  }
  #memberedit .cmnContactTable tr.area td label {
      width: calc((100% - (1em * 3)) / 4);
  }
  #memberedit .cmnContactTable tr.reason td label {
      width: calc((100% - (1em * 3)) / 4);
  }
  #memberedit .cmnContactTable tr.reason td .container:not(:first-of-type) {
      flex-direction: column;
      align-items: flex-start;
      margin-top: 20px;
  }
  #memberedit .cmnHeadline4 {
      margin-bottom: 20px;
      font-weight: normal;
      font-size: 1.8rem;
  }
  #memberedit #menbereditRequirements .buttons {
      display: flex;
      justify-content: center;
      gap: 0 10px;
      margin-top: 30px;
  }
  #memberedit #menbereditRequirements .buttons .cmnBtnRound2,
  #memberedit #menbereditRequirements .buttons .cmnBtnRound3 {
      margin: 0;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #memberedit .cmnContactTable tr.area td .container > div {
          display: inline-block;
          width: calc((100% - (1em * 2)) / 3);
      }
      #memberedit .cmnContactTable tr.area td label,
      #memberedit .cmnContactTable tr.roomPlan td label,
      #memberedit .cmnContactTable tr.reason td label {
          width: calc((100% - (1em * 2)) / 3);
      }
  
  }
  
  
  /* JJ203003 パスワードの再設定（再発行申請）
  --------------------------------------------------------------------*/
  #passwordreset .cmnInner { max-width: calc(760px + (15px * 2)); }
  #passwordreset #passwordresetRead p { text-align: center; }
  #passwordreset #passwordresetInput { text-align: center;}
  #passwordreset #passwordresetInput .inputMailName {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px 1em;
      margin-bottom: 30px;
      padding: 40px;
      background: #f5f5f5;
      text-align: left;
  }
  #passwordreset #passwordresetInput .inputMailName label {
      display: block;
      width: 110px;
  }
  #passwordreset #passwordresetInput .inputMailName input.mailAddress { width: calc(100% - 110px - 1em); }
  #passwordreset #passwordresetInput .inputMailName input.userName,
  #passwordreset #passwordresetInput .inputMailName input.userName2 { width: calc((100% - 110px - (1em * 2)) / 2); }
  #passwordreset #passwordresetInput .privacyLink {
      display: inline-block;
      margin-bottom: 30px;
  }
  #passwordreset #passwordresetInput .cmnBtnRound3 { width: 300px; }
  
  /* 再設定　完了画面 */
  #passwordreset.thanks .cmnInner { max-width: calc(540px + (15px * 2)); }
  #passwordreset.thanks #passwordresetRead p {
      margin-top: 30px;
      text-align: left;
  }
  #passwordreset.thanks #passwordresetRead .cmnBtnRound3 { margin-top: 60px; }
  
  
  
  /* JJ203004 パスワードの再設定 (パスワード再入力)
  --------------------------------------------------------------------*/
  
  #passwordresetting { padding-bottom: 135px; }
  #passwordresetting .cmnInner { max-width: calc(760px + (15px * 2)); }
  #passwordresetting #passwordresettingRead p { text-align: center; }
  #passwordresetting #passwordresettingInput { text-align: center;}
  #passwordresetting #passwordresettingInput .inputPass {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px 1em;
      margin-bottom: 30px;
      padding: 40px;
      background: #f5f5f5;
      text-align: left;
  }
  #passwordresetting #passwordresettingInput .inputPass label {
      display: block;
      width: 200px;
      font-weight: bold;
  }
  #passwordresetting #passwordresettingInput .inputPass input { width: calc(100% - 200px - 1em); }
  #passwordresetting #passwordresettingInput .inputPass .caption {
      margin-bottom: 20px;
      padding-left: calc(200px + 1em);
      font-size: 1.2rem;
  }
  #passwordresetting #passwordresettingInput .inputPass .caption:last-of-type { margin-bottom: 0px; }
  #passwordresetting #passwordresettingRead .caption span,
  #passwordresetting #passwordresettingInput .inputPass .caption span { color: #ff0000; }
  
  /* パスワード再入力　完了画面 */
  #passwordresetting.thanks .cmnInner { max-width: calc(540px + (15px * 2)); }
  #passwordresetting.thanks #passwordresettingRead p {
      margin-top: 30px;
      text-align: left;
  }
  #passwordresetting.thanks #passwordresettingRead .cmnBtnRound3 {
      margin-top: 60px;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #passwordreset .cmnInner { margin-bottom: 30px; }
      #passwordreset #passwordresetRead p { text-align: left; }
      #passwordreset #passwordresetInput .inputMailName {
          display: block;
          padding: 20px;
      }
      #passwordreset #passwordresetInput .inputMailName label {
          margin-bottom: 5px;
          text-align: left;
      }
      #passwordreset #passwordresetInput .inputMailName input.mailAddress,
      #passwordreset #passwordresetInput .inputMailName input.userName,
      #passwordreset #passwordresetInput .inputMailName input.userName2 {
          width: 100%;
          margin-bottom: 10px;
      }
      #passwordreset #passwordresetInput .cmnBtnRound3 { width: 250px; }
  
  
      /* パスワード再入力 */
      #passwordresetting { padding-top: 30px; }
      #passwordresetting .cmnInner { margin-bottom: 30px; }
      #passwordresetting #passwordresettingInput .inputPass {
          display: block;
          padding: 20px;
      }
      #passwordresetting #passwordresettingInput .inputPass label {
          margin-bottom: 5px;
          text-align: left;
      }
      #passwordresetting #passwordresettingInput .inputPass input {
          width: 100%;
          margin-bottom: 10px;
      }
      #passwordresetting #passwordresettingInput .inputPass .caption {
          padding-left: 0;
          font-size: 1.1rem;
      }
  
  }
  
  
  /* JJ203005 退会手続き
  --------------------------------------------------------------------*/
  
  #withdraw {}
  #withdraw #withdrawRead .cmnInner > div {
      width: 80%;
      margin: 0 auto;
      padding: 30px;
      background: #f4f4f4;
      text-align: center;
  }
  #withdraw #withdrawRead .cmnInner > div h3 {
      margin-bottom: 20px;
  }
  #withdraw #withdrawRead .cmnInner > div ul {
      display: flex;
      justify-content: center;
      gap: 5px 1em;
      margin-bottom: 20px;
  }
  #withdraw #withdrawRead .cmnInner > div ul li {
      padding: 1em;
  }
  #withdraw #withdrawRead .cmnInner > div ul li::before {
      content: '・';
  }
  #withdraw #withdrawRead .cmnInner > div .cmnCaption {
      display: inline-block;
  }
  #withdraw #withdrawContent .cmnContactTable td .container {
      flex-direction: column;
      align-items: flex-start;
  }
  #withdraw #withdrawContent .cmnContactTable td #otherText {
      display: none;
      width: 80%;
      margin-left: 25px;
  }
  #withdraw #withdrawContent .cmnContactTable td input#checkbox11:checked ~ #otherText {
      display: block;
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #withdraw #withdrawRead .cmnInner > div {
          padding: 15px 20px;
      }
      #withdraw #withdrawRead .cmnInner > div ul {
          flex-direction: column;
          align-items: flex-start;
      }
      #withdraw #withdrawRead .cmnInner > div ul li {
          padding-top: 0;
          padding-bottom: 0;
          font-size: 1.3rem;
      }
  
  }
  
  
  /* JJ203006 メールアドレスの再設定
  --------------------------------------------------------------------*/
  
  #mailReset{}
  #mailReset .cmnInner { max-width: calc(760px + (15px * 2)); }
  #mailReset #mailResetRead p { text-align: center; }
  #mailReset #mailResetInput { text-align: center;}
  #mailReset #mailResetInput .inputMailName {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px 1em;
      margin-bottom: 30px;
      padding: 40px;
      background: #f5f5f5;
      text-align: left;
  }
  #mailReset #mailResetInput .inputMailName label {
      display: block;
      width: 110px;
  }
  #mailReset #mailResetInput .inputMailName input.mailAddress { width: calc(100% - 110px - 1em); }
  #mailReset #mailResetInput .privacyLink {
      display: inline-block;
      margin-bottom: 30px;
  }
  #mailReset #mailResetInput .cmnBtnRound3 { width: 300px; }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #mailReset .cmnInner { margin-bottom: 30px; }
      #mailReset #mailResetRead p { text-align: left; }
      #mailReset #mailResetInput .inputMailName {
          display: block;
          padding: 20px;
      }
      #mailReset #mailResetInput .inputMailName label {
          margin-bottom: 5px;
          text-align: left;
      }
      #mailReset #mailResetInput .inputMailName input.mailAddress {
          width: 100%;
          margin-bottom: 10px;
      }
      #mailReset #mailResetInput .cmnBtnRound3 { width: 250px; }
  }
  
  
  /* フォーム完了画面（共用）
  --------------------------------------------------------------------*/
  
  /* 再設定　完了画面 */
  #form.complete .cmnInner {
      margin-top: 100px;
      max-width: calc(1080px + (15px * 2));
  }
  #form.complete section:not(:first-of-type) .cmnInner {
      margin-top: 50px;
  }
  #form.complete .cmnHeadline3 {
      font-size: 3.0rem;
      color: #848484;
  }
  #form.complete .text {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
  }
  #form.complete .text p + p {
      margin-top: 2em;
  }
  #form.complete .buttons {
      display: flex;
      justify-content: center;
      gap: 0 15px;
      margin-top: 50px;
  }
  #form.complete .buttons .cmnBtnRound3 {
      margin: 0;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #form.complete .cmnInner {
          margin-top: 20px;
          max-width: 100%;
      }
      #form.complete .text {
          width: 100%;
          max-width: 100%;
      }
      #form.complete .buttons { margin-top: 40px; }
  }
  
  
  /* JJ301001 検索結果一覧
  --------------------------------------------------------------------*/
  
  #list #listRead .cmnInner,
  #list #listContent .cmnInner{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 0 20px;
      max-width: calc(1280px + (15px * 2));
  }
  #list #listContent .cmnInner{
      align-items: flex-start;
  }
  #list #listRead .cmnInner { margin-bottom: 0; }
  #list #listRead .cmnHeadline4 { margin-bottom: 20px; }
  
  #list #listInfor {
      max-width: calc(1280px + (15px * 2));
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      padding-top: 0;
      padding-left: 15px;
      padding-bottom: 20px;
      padding-right: calc(320px + 20px + 15px);
  }
  #list #listInfor .listPropertyNumber { font-weight: bold; }
  #list #listInfor .listPropertyNumber span {
      font-size: 2.4rem;
      color: #b84226;
  }
  /*#list #listInfor .cmnListSelector { padding-right: calc(320px + 20px); }*/
  
  #list #listInfor .listConditions {
      display: none;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 20px;
      padding: 0 15px;
  }
  #list #listInfor .listConditions dt {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 5px;
      font-weight: bold;
      border-left: #d5d5d5 1px solid;
      border-right: #d5d5d5 1px solid;
      border-bottom: #d5d5d5 1px solid;
      background: #e3e3e3;
  }
  #list #listInfor .listConditions dt:first-of-type {
      border-top: #d5d5d5 1px solid;
  }
  #list #listInfor .listConditions dt .buttons {
      display: flex;
      justify-content: space-between;
      gap: 0 5px;
  }
  #list #listInfor .listConditions dt .buttons .cmnBtnSquareR1 {
      width: 75px;
      margin: 0;
      padding: 4px 0;
      font-size: 1.0rem;
      font-weight: normal;
  }
  
  #list #listInfor .listConditions dd {
      padding: 5px;
      border-left: #d5d5d5 1px solid;
      border-right: #d5d5d5 1px solid;
      border-bottom: #d5d5d5 1px solid;
  }
  #list #listInfor .cmnBtnSquareR1 {
      display: inline-block;
      width: auto;
      margin-top: 5px;
      padding-left: 1em;
      padding-right: 1em;
      border-color: #b0b0b0;
      color: #000000;
  }
  
  #list #listContentLeft {
      width: calc(100% - 320px - 20px);
  }
  #list .cmnBuildingList {
      width: 100%;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  
  /* 下部エリア情報 */
  #list #listContentLeft .listAreaInfor {
      wdith: 100%;
      margin-top: 30px;
      padding: 40px 40px 30px;
      background: #f5f5f5;
  }
  #list #listContentLeft .listAreaInfor .cmnHeadline5 {
      margin-bottom: 20px;
      padding-left: 45px;
      position: relative;
      text-align: left;
  }
  #list #listContentLeft .listAreaInfor .cmnHeadline5::before {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      top: 50%;
      left: 0;
      background: url("/templates/templates001/images/icon_9-309ff232b5f53324bd67011ca2de9682.svg") no-repeat;
      transform: translateY(calc(-50% - 3px));
  }
  
  /* エラーメッセージ */
  #list #listContentLeft .cmnErrorBox {
      width: 80%;
      margin-top: 60px;
  }
  
  /* PC用条件選択エリア */
  #list aside {
      width: 320px;
      padding-bottom: 20px;
      background: #f4f4f4;
      /* border: #a2c5f0 2px solid; */
  }
  #list aside h2 {
      width: 100%;
      margin-bottom: 20px;
      padding-top: 5px;
      padding-bottom: 5px;
      background: #EB6702;
      font-size: 1.4rem;
      font-weight: normal;
      color: #ffffff;
      text-align: center;
  }
  #list aside section {
      padding: 0 20px 20px;
  }
  #list aside input[type="text"] {
    width: 100%;
  }
  #list aside .listBtnBox {
      display: flex;
      justify-content: space-between;
      gap: 0 10px;
  }
  #list aside .listBtnBox .cmnBtnSquareR1 {
      width:calc((100% - 10px) / 2);
  }
  
  #list aside #listProperty {
      padding-bottom: 0;
  
  }
  #list aside .cmnHeadline1 {
      margin-bottom: 20px;
      padding: 1px 10px;
      font-size: 1.6rem;
      border-left-width: 4px;
  }
  
  #list aside #listProperty .cmnHeadline4 {
      margin-bottom: 10px;
      font-size: 1.4rem;
  }
  #list aside #listProperty .listPropertyBox {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: #e0e0e0 1px solid;
  }
  #list aside #listProperty .listPropertyBox > div,
  #list aside #listProperty .listPropertyBox > div > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      gap: 5px 0;
  }
  #list aside #listProperty .listPropertyBox div select { width: 120px; }
  #list aside #listProperty .listPropertyBox div select + span {
      display: inline-block;
      margin-left: 7px;
      margin-right: 7px;
  }
  #list aside #listProperty .sources div:last-of-type { margin-top: 10px; }
  #list aside #listProperty .sources div:last-of-type label { width: 100%; }
  #list aside #listProperty .floorplan div label { width: 50%; }
  #list aside #listProperty .kodawari div label:nth-of-type(odd) { width: 55%; }
  #list aside #listProperty .structure div label { width: 33%; }
  #list aside #listProperty .direction div label { width: 25%; }
  #list aside #listProperty .construction div label { width: 50%; }
  #list aside #listProperty .floor div label { width: 33%; }
  #list aside #listProperty .floor div label:last-of-type { width: auto; }
  #list aside #listProperty .parking div label:nth-of-type(odd) { width: 45%; }
  #list aside #listProperty .kitchen div label:nth-of-type(even) { width: 55%; }
  #list aside #listProperty .kitchen div label:nth-of-type(odd) { width: 45%; }
  #list aside #listProperty .kitchen div label:first-of-type { width: auto; }
  #list aside #listProperty .bath div label:nth-of-type(odd) { width: 55%; }
  #list aside #listProperty .light_and_heat div label { width: 50%; }
  #list aside #listProperty .receipts div label { width: 100%; }
  #list aside #listProperty .media div label:nth-of-type(odd) { width: 45%; }
  #list aside #listProperty .security div label { width: 100%; }
  #list aside #listProperty .furniture div label { width: 50%; }
  #list aside #listProperty .terms div label { width: 50%; }
  #list aside #listProperty .terms div label:last-of-type { width: 100%; }
  
  #list aside #listProperty .listPropertyBox > div .Mymenu {
      display: none;
      width: 100%;
      margin-bottom: 5px;
  }
  #list aside #listProperty .kodawari > div .Mymenu label,
  #list aside #listProperty .parking > div .Mymenu label { width: 33%; }
  #list aside #listProperty .kodawari > div:nth-of-type(2),
  #list aside #listProperty .parking > div:nth-of-type(2) {
      margin-top: 5px;
      margin-bottom: 5px;
  }
  #list aside #listProperty .kodawari #chkBox01:checked ~ .Mymenu,
  #list aside #listProperty .parking #chkBox02:checked ~ .Mymenu { display: flex; }
  
  #list aside #listProperty #detailTrigger { display: none; }
  #list aside #listProperty .detailBox { display: none; }
  #list aside #listProperty #detailTrigger:checked ~ .detailBox { display: block; }
  
  #list aside .cmnBtnRound2,
  #list aside .cmnBtnRound3 {
      width: 220px;
      margin-top: 10px;
      padding-top: 8px;
      padding-bottom: 8px;
  }
  #list aside .cmnBtnRound2::after,
  #list aside .cmnBtnRound3::after {
      width: 1.6rem;
      height: 1.6rem;
      right: 5px;
  }
  #list aside #listProperty #detailTrigger:checked ~ label.cmnBtnRound2 span { display: none; }
  #list aside #listProperty #detailTrigger:checked ~ label.cmnBtnRound2::before { content: '閉じる'; }
  
  /* モーダルの内容 */
  #listCityModal .cmnInner {
      padding: 30px;
  }
  #listCityModal .cmnHeadline4 {
      margin-bottom: 20px;
  }
  #listCityModal #areaFooter .buttons {
      display: flex;
      justify-content: center;
      gap: 0 10px;
  }
  #listCityModal .cmnBtnRound3 {
  
      width: 300px;
      margin-top: 20px;
  }
  #listCityModal #areaFooter .buttons .cmnBtnRound3 {
      margin: 20px 0 0;
  }
  
  
  /* モーダルの内容 */
  #listLineModal .cmnInner {
      padding: 30px;
  }
  #listLineModal .cmnHeadline4 {
      margin-bottom: 20px;
  }
  #listLineModal .cmnBtnRound3 {
      width: 300px;
      margin-top: 20px;
  }
  
  /* 簡易LP */
  #list.simpleLp { padding-top: 0; }
  #list #listSimpleLpMainImage .cmnInner {
      max-width: 100%;
      margin-bottom: 30px;
      padding-left: 0;
      padding-right: 0;
  }
  #list #listSimpleLpMainImage img { width: 100%; }
  #list #listSimpleLpMainImage img.pc { display: inline; }
  #list #listSimpleLpMainImage img.sp { display: none; }
  
  #list #listSimpleLpRead .cmnInner {
      max-width: calc(1280px + (15px * 2));
  }
  #list #listSimpleLpRead .cmnMarkerText2 {
      font-size: 2.0rem;
  }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
      #area .cmnConditionTable td .cmnAccordion1 {
          padding: 0;
          background: none;
          pointer-events: none;
      }
      #ensen .cmnConditionTable td .cmnAccordion1,
      #station .cmnConditionTable td .cmnAccordion1 { display: none; }
      #area .cmnConditionTable td .cmnAccordion1::before,
      #area .cmnConditionTable td .cmnAccordion1::after {
          content: none;
      }
      #area .cmnConditionTable td .cmnAccordion1 + *,
      #ensen .cmnConditionTable td .cmnAccordion1 + *,
      #station .cmnConditionTable td .cmnAccordion1 + * { display: flex; }
      #area .cmnConditionTable td .cmnAccordion1:last-of-type + *,
      #ensen .cmnConditionTable td .cmnAccordion1:last-of-type + *,
      #station .cmnConditionTable td .cmnAccordion1:last-of-type + * { margin-bottom: 0; }
  }
  
  @media screen and (max-width: 920px) {
      #list #listInfor {
          max-width: 100%;
          padding-right: 15px;
      }
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #list #listInfor .listConditions {
          display: block;
      }
      #list .cmnListSelector {
          width: 100%;
      }
  
      #list #listRead .cmnHeadline4 {
          margin-bottom: 0;
          font-size: 1.4rem;
      }
  
      #list #listInfor {
          width: 100%;
          flex-wrap: wrap;
          padding: 0 0 0;
      }
      #list #listInfor .listPropertyNumber {
          width: 100%;
          padding: 0 15px;
      }
      #list #listInfor .listPropertyNumber span { font-size: 1.8rem; }
      #list #listInfor .cmnListSelector { padding-right: 0; }
  
      #list #listContent .cmnInner {
          margin: 0;
          padding: 0;
      }
      #list #listContentLeft {
          width: 100%;
          padding: 10px 0;
          background: #f5f5f5;
      }
      #list #listContentLeft .cmnBuildingList {
          padding: 0 15px;
      }
  
      /* 下部エリア情報 */
      #list #listContentLeft .listAreaInfor {
          wdith: 100%;
          margin-top: 20px;
          padding: 20px 15px 15px;
          background: #ffffff;
      }
      #list #listContentLeft .listAreaInfor .cmnHeadline5 {
          margin-bottom: 10px;
      }
  
      #list aside { display: none; }
  
      #area .cmnConditionTable,
      #ensen .cmnConditionTable,
      #station .cmnConditionTable,
      #area .cmnConditionTable th,
      #ensen .cmnConditionTable th,
      #station .cmnConditionTable th,
      #area .cmnConditionTable td,
      #ensen .cmnConditionTable td,
      #station .cmnConditionTable td {
          padding: 0;
          border: none;
      }
      #area .cmnConditionTable th,
      #ensen .cmnConditionTable th,
      #station .cmnConditionTable th { display: none; }
      #area .cmnConditionTable td .cmnAccordion1,
      #ensen .cmnConditionTable td .cmnAccordion1,
      #station .cmnConditionTable td .cmnAccordion1 { pointer-events: all;}
      #area .cmnConditionTable td .cmnAccordion1 + *,
      #ensen .cmnConditionTable td .cmnAccordion1 + *,
      #station .cmnConditionTable td .cmnAccordion1 + * { display: none; }
      #area .cmnConditionTable td .cmnAccordion1 + * label,
      #ensen .cmnConditionTable td .cmnAccordion1 + * label,
      #station .cmnConditionTable td .cmnAccordion1 + * label {
          display: block;
          width: 100%;
          padding-top: 10px;
          padding-bottom: 10px;
          border-bottom: #e0e0e0 1px solid;
      }
      #area .cmnConditionTable td .cmnAccordion1.open + *,
      #ensen .cmnConditionTable td .cmnAccordion1.open + *,
      #station .cmnConditionTable td .cmnAccordion1.open + * { display: block; }
  
      #listCityModal .cmnInner,
      #listLineModal .cmnInner { padding: 15px; }
      #listCityModal .cmnHeadline4,
      #listLineModal .cmnHeadline4 { margin-bottom: 10px; }
  
      #listCityModal #areaFooter .buttons {
          display: block;
          justify-content: center;
          gap: 0 10px;
      }
      #listCityModal #areaFooter .buttons .cmnBtnRound3 {
          margin: 20px auto;
      }
  
      /* 簡易LP */
      #list #listSimpleLpMainImage .cmnInner {
          margin-bottom: 20px;
      }
      #list #listSimpleLpMainImage img.pc { display: none; }
      #list #listSimpleLpMainImage img.sp { display: inline; }
  
      #list #listSimpleLpRead .cmnInner {
          max-width: 100%;
      }
      #list #listSimpleLpRead .cmnMarkerText2 {
          font-size: 1.6rem;
          text-align: left;
      }
  }
  
  
  /* JJ301002 物件詳細
  --------------------------------------------------------------------*/
  
  /*リード*/
  #detail #detailRead {
      margin-bottom: 36px;
  }
  #detail #detailRead .cmnInner {
      display: grid;
      grid-template-columns: 48% auto;
      gap: 0 3%;
      position: relative;
  }
  #detail #detailRead .detailFavorite {
      display: block;
      padding: 10px 14px 10px 40px;
      position: absolute;
      top: 0;
      right: 15px;
      border-radius: 5px;
      border: #dbdbdb 1px solid;
      background:#ffffff;
      cursor: pointer;
  }
  #detail #detailRead .detailFavorite:hover {
      text-decoration: none;
  }
  
  #detail #detailRead .detailFavorite::after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 14px;
      background: url("/templates/templates001/images/favorite_off-c61d392d3f7c9ea1256ed1a67a2f963a.svg") no-repeat;
      transform: translateY(-50%);
  }
  #detail #detailRead .detailFavorite.add-btn-ck::after {
      background: url("/templates/templates001/images/favorite_on-34f01de75020de45c0a87daf04603a77.svg") no-repeat;
  }
  #detail #detailRead #detailTitle {
      order: 2;
      grid-column: 2;
      width: calc(100% - 1.5em - 116px);
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 1.8rem;
  }
  #detail #detailRead #detailInfoDate {
      order: 3;
      grid-column: 2;
      margin-bottom: 28px;
      font-size: 1.2rem;
      color: #808080;
  }
  #detail #detailRead #detailPhotos {
      order: 1;
      grid-column: 1;
      grid-row: 1/6;
  }
  #detail #detailRead #detailPhotos .slider {
      width: 100%;
  }
  #detail #detailRead #detailPhotos .slider .slider_img {
      width: 100%;
      position: relative;
  
      overflow: hidden;
  }
  #detail #detailRead #detailPhotos .slider .slider_img::before {
      content: '';
      display: block;
      padding-top: 70%;
  }
  #detail #detailRead #detailPhotos .slider .slider_img img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: contain;
  }
  #detail #detailRead #detailPhotos .slider .arrow {
      width: auto;
      padding: 18px 4px;
      position: absolute;
      top: 50%;
      background-color: rgb(255,255,255,.9);
      transform: translateY(-50%);
      z-index: 100;
      cursor: pointer;
  }
  #detail #detailRead #detailPhotos .slider .arrow.prev { left: 0; }
  #detail #detailRead #detailPhotos .slider .arrow.next { right: 0; }
  #detail #detailRead #detailPhotos .slider .arrow img {
      display: block;
      width: 14px;
      margin: 0;
  }
  #detail #detailRead #detailPhotos .slider .slick-counter{
      padding: 3px 12px;
      position: absolute;
      left: 0;
      bottom: 0;
      background: #ffffff;
      font-size: 1.2rem;
      z-index: 100;
  }
  #detail #detailRead #detailPhotos .thumbnail {
  }
  #detail #detailRead #detailPhotos .thumbnail .thumbnail_img {
      width: 100%;
      position: relative;
      background: #f5f5f5;
      overflow: hidden;
  }
  #detail #detailRead #detailPhotos .thumbnail .thumbnail_img::before {
      content: '';
      display: block;
      padding-top: 72%;
  }
  #detail #detailRead #detailPhotos .thumbnail .thumbnail_img img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: contain;
  }
  #detail #detailRead #detailRent {
      order: 2;
      grid-column: 2;
      margin-bottom: 12px;
  }
  #detail #detailRead #detailRent span {
      color: #b84226;
  }
  #detail #detailRead #detailRent span:first-of-type {
      display: inline-block;
      margin-right: 0.5em;
      font-size: 2.0rem;
      font-weight: bold;
  }
  #detail #detailRead #detailSpec {
      order: 5;
      grid-column: 2;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 10px;
  }
  #detail #detailRead #detailSpec dt {
      width: 90px;
      border-radius: 4px;
      background: #e0e0e0;
      text-align: center;
  }
  #detail #detailRead #detailSpec dd {
      width: calc((100% - (90px * 2) - (10px * 3)) / 2);
  }
  #detail #detailRead #detailSpec dd.shozaichi,
  #detail #detailRead #detailSpec dd.moyorieki,
  #detail #detailRead #detailSpec dd.idoujikan{
      width: calc(100% - (90px + 10px));
  }
  #detail #detailRead #detailSpec dt,
  #detail #detailRead #detailSpec dd {
      padding: 3px 0;
  }
  
  /* アンカーリンク */
  #detail #detailAnchor ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 724px;
      margin: 0 auto;
  }
  #detail #detailAnchor ul li {
      /*width: calc(100% / 4);*/
      width: 100%;
      border-right: #b0b0b0 1px solid;
  }
  #detail #detailAnchor ul li:first-of-type {
      border-left: #b0b0b0 1px solid;
  }
  #detail #detailAnchor ul li a {
      display: block;
      position: relative;
      padding-bottom: 38px;
      text-align: center;
  }
  #detail #detailAnchor ul li a::after {
      content: '';
      width: 20px;
      height: 20px;
      position: absolute;
      bottom: 10px;
      left: 50%;
      background: url("/templates/templates001/images/icon_down_o-4cedd6943999c27acace4e8547e5385f.svg") no-repeat;
      transform: translateX(-50%);
  }
  #detail #detailAnchor ul li a img {
      display: block;
      width: 40px;
      margin: 0 auto;
  }
  
  /* この物件のお問合せ */
  #detail .detailInfor .cmnInner {
      padding-top: 20px;
      padding-bottom: 20px;
      background: #f5f5f5;
  }
  #detail .detailInfor .cmnHeadline5 {
      margin-bottom: 0;
  }
  #detail .detailInfor .buttons {
      display: flex;
      justify-content: center;
      align-items: stretch;
      gap: 0 1em;
  }
  #detail .detailInfor .buttons .cmnBtnRound3 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 10px 0;
  }
  #detail .detailInfor .buttons .cmnBtnRound3::before {
      content: '';
      width: 30px;
      height: 30px;
      position: absolute;
      top: 50%;
      left: 30px;
      background-size: contain;
      transform: translateY(-50%);
  }
  
  #detail .detailInfor .buttons .cmnBtnRound3.mail::before { background: url("/templates/templates001/images/icon_mail_wh-c9d2afe1af5dc1aa901329ea432d889f.svg") no-repeat;}
  #detail .detailInfor .buttons .cmnBtnRound3.tel::before { background: url("/templates/templates001/images/icon_phone_infor_wh-b390a76ab8b7d77db41cd3006a67ee13.svg") no-repeat;}
  #detail .detailInfor .buttons .cmnBtnRound3.reservation::before { background: url("/templates/templates001/images/icon_raiten-f138848f2dc5400b22dd51aab19bc98e.svg") no-repeat;}
  
  #detail .detailInfor .buttons .cmnBtnRound3 span.pc {display: inline;}
  #detail .detailInfor .buttons .cmnBtnRound3 span.sp {display: none;}
  
  #detail .detailInfor .inforCode {
      text-align: center;
  }
  
  
  #detail #detailInfoPhoto .cmnInner {
      display: flex;
      justify-content: space-between;
  }
  #detail #detailInfoPhoto .left-img,
  #detail #detailInfoPhoto .right-img {
      width: 28%;
  }
  #detail #detailInfoPhoto .left-img img,
  #detail #detailInfoPhoto .right-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  #detail #detailInfoPhoto .text {
      width: calc(100% - (28% * 2));
      padding: 20px;
      background: #e6e8e1;
      text-align: center;
  }
  #detail #detailInfoPhoto .text .cmnHeadline5 {
      margin-bottom: 0;
  }
  #detail #detailInfoPhoto .text .copy {
      margin-top: 5px;
      text-align: center;
  }
  #detail #detailInfoPhoto .text .telNum {
      display: inline-block;
      position: relative;
      margin-top: 10px;
      padding-left: 1.5em;
      font-size: 2.2rem;
      font-weight: bold;
      color: #000000;
  }
  #detail #detailInfoPhoto .text .telNum:hover {
      text-decoration: none;
  }
  #detail #detailInfoPhoto .text .telNum::before {
      content: '';
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      left: 0;
      background: url("/templates/templates001/images/icon_phone_bl-83ac1ca38d5e971f59fd22f0725a1209.svg") no-repeat;
      transform: translateY(-50%);
  }
  #detail #detailInfoPhoto .text .businessHours {
      margin-top: 10px;
      text-align: center;
  }
  
  #detail #detailInfoPhoto .text .cmnBtnRound3.tel {
      width: 100%;
      margin-top: 20px;
  }
  #detail #detailInfoPhoto .text .cmnBtnRound3.tel span {
      display: inline-block;
      padding-left: 25px;
      font-size: 2.0rem;
      position: relative;
  }
  #detail #detailInfoPhoto .text .cmnBtnRound3.tel span::before {
      content: '';
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 0;
      background-size: contain;
      background: url("/templates/templates001/images/icon_phone_infor_wh-b390a76ab8b7d77db41cd3006a67ee13.svg") no-repeat;
      transform: translateY(-50%);
  }
  
  #detail #detailInfoPhoto .text .buttons {
      display: flex;
      justify-content: space-between;
      gap: 15px;
      margin-top: 20px;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #detail #detailInfoPhoto .text .buttons .cmnBtnRound {
      margin: 0;
      padding-left: 10px;
  }
  #detail #detailInfoPhoto .text .buttons .cmnBtnRound::before {
      content: '';
      width: 30px;
      height: 30px;
      position: absolute;
      top: 50%;
      left: 10%;
      background-size: contain;
      transform: translateY(-50%);
  }
  #detail #detailInfoPhoto .text .buttons .cmnBtnRound.mail::before { background: url("/templates/templates001/images/icon_mail_o-f70de9c93801099f133240095c7e1012.svg") no-repeat;}
  #detail #detailInfoPhoto .text .buttons .cmnBtnRound.reservation::before { background: url("/templates/templates001/images/icon_raiten_infor-5b93aa207d4a674925885e1dc1ec559c.svg") no-repeat;}
  #detail #detailInfoPhoto .text .buttons .cmnBtnRound.mail::after,
  #detail #detailInfoPhoto .text .buttons .cmnBtnRound.reservation::after {
      width: 15px;
      height: 15px;
      right: 10px;
      background: url("/templates/templates001/images/icon_ya_bl-9db830c054e407edb6ed92e29ba1b55a.svg") no-repeat;
  }
  
  #detail #detailInfoPhoto .text .inforCode {
      margin-top: 10px;
      text-align: center;
  }
  #detail #detailInfoPhoto .text .pc {
      display: block;
  }
  #detail #detailInfoPhoto .text .sp {
      display: none;
  }
  
  /* 月額料金 */
  #detail #detailMonthlyFee .monthlyFeeTotalBlock {
      background: #f5f5f5;
  }
  #detail #detailMonthlyFee .monthlyFeeTotalCaption {
      text-align: right;
      padding: 0px 30px 10px 10px;
  }

  #detail #detailMonthlyFee ul {
      display: flex;
      width: 100%;
      padding: 36px 40px 10px;
      background: #f5f5f5;
  }
  #detail #detailMonthlyFee ul li {
      flex-grow: 1;
      padding-left: 40px;
  }
  
  #detail #detailMonthlyFee ul li:first-of-type {
      padding-left: 0;
  }
  
  #detail #detailMonthlyFee ul li span {
      display: block;
  }
  #detail #detailMonthlyFee ul li span + span {
      margin-top: 10px;
      padding: 14px 10px;
      position: relative;
      background: #ffffff;
      border: #ffffff 1px solid;
      font-size: 1.6rem;
      text-align: right;
  }
  #detail #detailMonthlyFee ul li span + span::before {
      content: '＋';
      display: block;
      width: 1em;
      height: 1em;
      position: absolute;
      top: 50%;
      right: calc(100% + (40px / 2));
      text-align: center;
      transform: translateX(50%) translateY(-50%);
  }
  #detail #detailMonthlyFee ul li:first-of-type span + span::before {
      content: none;
  }
  #detail #detailMonthlyFee ul li.monthlyFeeTotal span {
      font-weight: bold;
      color: #ab5033;
  }
  #detail #detailMonthlyFee ul li.monthlyFeeTotal span + span {
      padding: 10px 10px;
      border: #ab5033 1px solid;
      font-size: 2.0rem;
  }
  #detail #detailMonthlyFee ul li.monthlyFeeTotal span + span::before {
      content: '＝';
      font-size: 1.6rem;
      font-weight: normal;
      color: #000000;
  }
  
  /* 物件概要 */
  #detail #detailSummary #detailSummaryIcons {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 30px;
  }
  #detail #detailSummary #detailSummaryIcons li {
      width: calc(100% / 8);
      text-align: center;
  }
  /*
  
  #detail #detailSummary #detailSummaryIcons li.off {
      display: none;
  }
  */
  
  #detail #detailSummary #detailSummaryIcons li img {
      display: block;
      width: 64px;
      margin: 0 auto;
  }
  #detail #detailSummary #detailSummaryIcons li span {
      font-size: 1.2rem;
      color: #808080;
  }
  #detail #detailSummary #detailSummaryIcons li.on span { color: #427fcb; }
  
  #detail #detailSummary .cmnTable1 {
      margin-bottom: 10px;
  }
  #detail #detailSummary .cmnTable1:last-of-type {
      margin-bottom: 0;
  }
  #detail #detailSummary .cmnTable1 dd.jouken,
  #detail #detailSummary .cmnTable1 dd.bikou,
  #detail #detailSummary .cmnTable1 dd.sonota-hiyou,
  #detail #detailSummary .cmnTable1 dd.chushajou-ryoukin,
  #detail #detailSummary .cmnTable1 dd.chushajou-bikou {
      width: calc(100% - 148px);
  }
  #detail #detailSummary .cmnTable1 dd.baikuokiba-kogata,
  #detail #detailSummary .cmnTable1 dd.baikuokiba-chugata,
  #detail #detailSummary .cmnTable1 dd.baikuokiba-oogata {
      width: calc((100% - (148px * 3)) / 3);
  }
  /*
  #detail #detailSummary .cmnTable1 dd.genjou {
      width: calc((100% - (148px * 2)) / 4);
  }
  #detail #detailSummary .cmnTable1 dd.bikou {
      width: calc((100% - (148px * 2)) * 3 / 4);
  }
  */
  
  /* 周辺環境 スマホ版 */
  #detail #detailSurroundings .detailSurroundingsToMap {
      display: none;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      margin-bottom: 10px;
      position: relative;
      border-radius: 5px;
      background: #ffffff;
      color: #3d2727;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #detail #detailSurroundings .detailSurroundingsToMap:hover {
      text-decoration: none;
  }
  #detail #detailSurroundings .detailSurroundingsToMap::after {
      content: '';
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      right: 20px;
      background: url("/templates/templates001/images/icon_ya_bl-9db830c054e407edb6ed92e29ba1b55a.svg") no-repeat;
      background-size: contain;
      transform: translateY(-50%);
  }
  
  #detail #detailSurroundings .detailSurroundingsToMap img {
      width: 120px;
  }
  #detail #detailSurroundings .detailSurroundingsToMap span {
      display: inline-block;
      width: calc(100% - 120px);
  }
  #detail #detailSurroundings .detailSurroundingsListSp {
      display: none;
  }
  #detail #detailSurroundings .detailSurroundingsListSp li {
      display: flex;
      justify-content: space-between;
      gap: 0 1em;
      padding: 10px 0;
      border-bottom: #b0b0b0 1px solid;
  }
  #detail #detailSurroundings .detailSurroundingsListSp li .image {
      width: 30px;
  }
  #detail #detailSurroundings .detailSurroundingsListSp li .image img {
      width: 100%;
      height: 100%;
  }
  #detail #detailSurroundings .detailSurroundingsListSp li .text {
      width: calc(100% - 1em);
  }
  
  /* 周辺環境 */
  #detail #detailSurroundings .detailSurroundingsList {
      display: flex;
      flex-wrap: wrap;
      gap: 20px 4%;
      margin-top: 20px;
  }
  #detail #detailSurroundings .detailSurroundingsList:first-of-type {
      margin-top: 0;
  }
  #detail #detailSurroundings .detailSurroundingsList li {
      width: calc((100% - (4% * 2)) / 3);
      border: #cdcdcd 1px solid;
  }
  #detail #detailSurroundings .detailSurroundingsList li .image {
      width: 100%;
      position: relative;
      overflow: hidden;
  }
  #detail #detailSurroundings .detailSurroundingsList li .image::before {
      content: '';
      display: block;
      padding-top: 67%;
  }
  #detail #detailSurroundings .detailSurroundingsList li .image img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover;
  }
  #detail #detailSurroundings .detailSurroundingsList li p {
      padding: 13px 9px;
  }
  #detail #detailSurroundings #detailSurroundingsMap {
      margin-top: 30px;
  }
  #detail #detailSurroundings #detailSurroundingsMap .legend .headline {
      padding: 12px 20px 10px;
      background: #e0e0e0;
  }
  #detail #detailSurroundings #detailSurroundingsMap .legend ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px 2%;
      padding: 26px 30px;
      background: #f5f5f5;
  }
  #detail #detailSurroundings #detailSurroundingsMap .legend ul li {
      width: calc((100% - (2% * 3)) / 4);
      position: relative;
  }
  #detail #detailSurroundings #detailSurroundingsMap .legend ul li label {
      display: flex;
      align-items: center;
      gap: 0 10px;
      width: 100%;
      cursor: pointer;
  }
  #detail #detailSurroundings #detailSurroundingsMap .legend ul li label img {
      width: 28px;
      height: 28px;
  }
  
  /* その他条件 */
  #detail #detailOtherConditions .cmnTable1 dd.tankiiyakukin,
  #detail #detailOtherConditions .cmnTable1 dd.jouken-bikou {
      width: calc(100% - 148px);
  }
  #detail #detailOtherConditions .cmnCaption {
      margin-top: 10px;
  }
  
  /* ここと同じ建物の別の物件 */
  #detail #detailSameBuilding #detailSameBuildingArticles {
      width: 100%;
      /* filter: drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #detail #detailSameBuilding #detailSameBuildingArticles article {
      display: flex;
      align-items: center;
      width: 100%;
      margin-top: 10px;
      position: relative;
      border-radius: 5px;
      background: #FFffff;
  }
  #detail #detailSameBuilding #detailSameBuildingArticles article:first-of-type { margin-top: 0; }
  #detail #detailSameBuilding #detailSameBuildingArticles article::after {
      content:'';
      width: 0.64em;
      height: 1.8em;
      position: absolute;
      top: 50%;
      right: 15px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(calc(-50% + 3px));
      pointer-events: none;
  }
  #detail #detailSameBuilding #detailSameBuildingArticles article a { display: block; }
  #detail #detailSameBuilding #detailSameBuildingArticles article a.thm {
      width: 150px;
      height: 150px;
      padding: 14px 0 14px 4px;
      position: relative;
  }
  /*
  #detail #detailSameBuilding #detailSameBuildingArticles article a.thm::after {
      content: '';
      display: block;
      width: 25px;
      height: 25px;
      position: absolute;
      right: -5px;
      bottom: 14px;
      background: url("/templates/templates001/images/icon_zoom-18a8d779f438f63173860242849b5926.svg") no-repeat;
  }
  */
  #detail #detailSameBuilding #detailSameBuildingArticles article a.thm img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  
  #detail #detailSameBuilding #detailSameBuildingArticles article a.text {
      width: calc(100% - 154px);
      padding: 14px 14px 14px 26px;
  }
  #detail #detailSameBuilding #detailSameBuildingArticles article a.text .rent { color: #b84226; }
  #detail #detailSameBuilding #detailSameBuildingArticles article a.text .rent span {
      display: inline-block;
      margin-right: 0.5em;
      font-size: 1.6rem;
      font-weight: bold;
      text-decoration: underline;
  }
  #detail #detailSameBuilding #detailSameBuildingArticles article a.text dl {
      display: flex;
      align-items: center;
      margin-top: 10px;
  }
  #detail #detailSameBuilding #detailSameBuildingArticles article a.text dl dt {
      width: 1.5em;
      padding: 2px 0px;
      background: #e0e0e0;
      text-align: center;
  }
  #detail #detailSameBuilding #detailSameBuildingArticles article a.text dl dd {
      padding: 2px 20px 2px 5px;
  }
  #detail #detailSameBuilding #detailSameBuildingArticles article a.text .panoramaIcon {
      display: inline-block;
      margin-top: 10px;
      padding: 2px 5px;
      border: #b0b0b0 1px solid;
      font-size: 1.2rem;
  }
  
  /* 周辺施設モーダル */
  /*
  .details-map-p-titile {
      display: block;
      width: 100%;
      padding: 20px 20px 20px 30px;
      position: relative;
      background: #ffffff;
      color: #ffffff;
  }
  */
  .details-map-p-titile.cmnBtnRound3 {
      display: inline-block;
      width: auto;
      margin: 10px 10px;
      font-size: 1.2rem;
      padding: 10px 20px 10px 30px;
  }
  .details-map-p-titile.cmnBtnRound3::after {
      right: auto;
      left: 5px;
      transform: translateY(-50%) rotate(180deg);
  }
  
  /*
  .details-map-p-titile:link {
      color: #ffffff;
  }
  */
  /*
  .details-map-p-titile::before {
      content: '';
      display: inline-block;
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      top: 50%;
      left: 10px;
      background: url("/templates/templates001/images/icon_ya_wh2-bd6db7388b1212210912751fa3310cf1.svg") no-repeat;
      transform: translateY(-50%) rotate(180deg);
  }
  */
  .details-map-wrap { position:relative; }
  
  .details-map-pbottom {
      background-color:#ffffff;
      bottom:0;
  }
  .details-map-pbottom ul {
      margin:auto;
      border-top: #b8b69a 1px solid;
      border-bottom: #b8b69a 1px solid;
      white-space: nowrap;
      letter-spacing: -.4em;
      overflow-x: auto;
  }
  .details-map-pbottom ul li {
      padding:0 8px;
      position:relative;
      display: inline-block;
      padding-left:33px;
      border-right:1px solid #b8b69a;
      letter-spacing: normal;
  }
  .details-map-pbottom ul li:last-child { border-right:none; }
  .details-map-pbottom ul li a { line-height:40px; }
  .details-map-pbottom ul li a:hover { color:#303030; }
  .details-map-pbottom ul li:active { background-color:#e6e8e1; }
  .details-map-pbottom ul li:hover { background-color:#e6e8e1; }
  .details-map-pbottom ul li:visited { background-color:#e6e8e1; }
  .details-map-pbottom ul li img{
      width:20px;
      margin-left:8px;
      position: absolute;
      top: 50%;
      left: 0%;
      transform: translateY(-50%);
  }
  
  .map-pop-m-w {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px 1em;
      width: 100%;
      padding: 15px;
  }
  .map-pop-m-w dt {
      width: 60px;
      padding: 5px;
      border-radius: 3px;
      background: #e0e0e0;
      text-align: center;
  }
  .map-pop-m-w dd {
      width: calc(100% - (60px + 1em));
      padding: 5px;
  }
  .map-pop-m-btn.cmnBtnRound3 {
      width: calc(100% - (15px * 2));
      margin: 0 auto;
      padding-left: 20px;
  }
  .map-pop-m-btn.cmnBtnRound3::before {
      content: '';
      width: 30px;
      height: 30px;
      position: absolute;
      top: 50%;
      left: 25px;
      background-size: contain;
      transform: translateY(-50%);
      background: url("/templates/templates001/images/icon_mail_wh-c9d2afe1af5dc1aa901329ea432d889f.svg") no-repeat;
  }
  
  #map {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
  }
  
  #map .inner {
    position: relative;
    height: 450px;
    padding-top: 56.25%;
    overflow: hidden;
  }
  
  #map .inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  
  /* お気に入りモーダル */
  #modalWrap {
      display: none;
      background: rgba(0, 0, 0, 0.7);
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9998;
      overflow: hidden;
  }
  .modalBox {
      display: none;
      width: 85%;
      max-width: 420px;
      height: 0;
      margin: auto;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border-radius: 5px;
      overflow: hidden;
      opacity: 1;
      z-index: 9999;
  }
  .modalInner {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 5px 0;
      padding: 30px 40px;
      background: #ffffff;
      font-size: 1.5rem;
      color: #000000;
  }
  .modalInner img{
      display: block;
      margin: 0 auto;
      width: 30px;
  }
  .modalInner img.pc { display: inline; }
  .modalInner img.sp { display: none; }
  
  
  /* よく一緒に見られている物件 */
  #detail #detailRecommend　#omissionRecommendArticleTrigger { display: none; }
  #detail #detailRecommend　#omissionRecommendArticleTrigger { display: none; }
  #detail #detailRecommend　#omissionRecommendArticleTrigger:checked ~ #omissionRecommendArticleTrigger { display: block; }
  
  
  /* 同エリアのおすすめ物件 */
  #detail #detailRecommendArea {  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
  
      /*リード*/
      #detail #detailRead {
          margin-bottom: 36px;
      }
      #detail #detailRead .cmnInner {
          display: block;
          grid-template-columns: 48% auto;
          gap: 0 3%;
          position: relative;
      }
      #detail #detailRead #detailTitle {
          margin-bottom: 5px;
          font-size: 1.6rem;
      }
      #detail #detailRead #detailInfoDate {
          margin-bottom: 12px;
          font-size: 1.2rem;
      }
      #detail #detailRead #detailPhotos {
          margin-bottom: 12px;
      }
      #detail #detailRead #detailRent {
          margin-bottom: 12px;
      }
      #detail #detailRead #detailRent span:first-of-type {
          display: block;
          margin-right: 0;
          font-size: 1.8rem;
          font-weight: bold;
      }
      #detail #detailRead #detailSpec dt { width: 70px; }
      #detail #detailRead #detailSpec dd { width: calc((100% - (70px * 2) - (10px * 3)) / 2); }
  
      #detail #detailRead #detailSpec dd.shozaichi,
      #detail #detailRead #detailSpec dd.moyorieki,
      #detail #detailRead #detailSpec dd.idoujikan{ width: calc(100% - (70px + 10px));}
      #detail #detailRead #detailSpec dt,
      #detail #detailRead #detailSpec dd { padding: 3px 0; }
  
      #detail .detailInfor .buttons .cmnBtnRound3 {
          padding-left: 30px;
          text-align: center;
      }
      #detail .detailInfor .buttons .cmnBtnRound3::before {
          width: 18px;
          height: 18px;
          left: 15px;
      }
      #detail .detailInfor .buttons .cmnBtnRound3::after {
          content: none;
      }
      #detail .detailInfor .buttons .cmnBtnRound3 span.pc {
          display: none;
      }
      #detail .detailInfor .buttons .cmnBtnRound3 span.sp {
          display: inline;
      }
  
      #detail #detailInfoPhoto .cmnInner {
          flex-wrap: wrap;
          padding: 0;
      }
      #detail #detailInfoPhoto .left-img,
      #detail #detailInfoPhoto .right-img {
          width: 50%;
      }
      #detail #detailInfoPhoto .left-img { order:3; }
      #detail #detailInfoPhoto .right-img { order: 2; }
      #detail #detailInfoPhoto .left-img img,
      #detail #detailInfoPhoto .right-img img {
      }
  
      #detail #detailInfoPhoto .text {
          order: 1;
          width: 100%;
      }
      #detail #detailInfoPhoto .text .pc {
          display: none;
      }
      #detail #detailInfoPhoto .text .sp {
          display: block;
      }
      #detail #detailInfoPhoto .text .buttons {
          justify-content: center;
          width: 100%;
      }
      #detail #detailInfoPhoto .text .buttons .cmnBtnRound {
          width: calc(100% - 15px);
      }
      #detail #detailInfoPhoto .text .buttons .cmnBtnRound::before {
          width: 20px;
          height: 20px;
          left: 15px;
      }
      #detail #detailInfoPhoto .text .buttons .cmnBtnRound.mail::after,
      #detail #detailInfoPhoto .text .buttons .cmnBtnRound.reservation::after {
          right: 10px;
      }
  
  
      /* 月額料金 */
      #detail #detailMonthlyFee .monthlyFeeTotalCaption {
          text-align: right;
          padding: 0px 15px 10px 10px;
      }
  
      #detail #detailMonthlyFee ul {
          display: block;
          padding: 0 18px 12px;
      }
      #detail #detailMonthlyFee ul li {
          display: flex;
          justify-content: space-between;
          align-content: center;
          padding: 12px 10px;
          border-bottom: #303030 1px solid;
      }
  
      #detail #detailMonthlyFee ul li:first-of-type {
          padding: 14px 10px 12px;
      }
  
      #detail #detailMonthlyFee ul li span {
          font-size: 1.3rem;
      }
      #detail #detailMonthlyFee ul li span + span {
          margin: 0;
          padding: 0;
          position: relative;
          background: none;
          border: none;
          font-size: 1.3rem;
          text-align: left;
      }
      #detail #detailMonthlyFee ul li span + span::before,
      #detail #detailMonthlyFee ul li:first-of-type span + span::before {
          content: none;
      }
      #detail #detailMonthlyFee ul li.monthlyFeeTotal {
          margin-top: 10px;
          position: relative;
          border: #ab5033 1px solid;
      }
      #detail #detailMonthlyFee ul li.monthlyFeeTotal::after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          top: -5px;
          left: 50%;
          border-style: solid;
          border-width: 12px 11px 0 11px;
          border-color: #b84326 transparent transparent transparent;
          transform: translate(-50%);
      }
  
      #detail #detailMonthlyFee ul li.monthlyFeeTotal span {
          color: #ab5033;
      }
      #detail #detailMonthlyFee ul li.monthlyFeeTotal span + span {
          padding: 0;
          border: none;
          font-size: 1.6rem;
      }
      #detail #detailMonthlyFee ul li.monthlyFeeTotal span + span::before { content: none; }
  
      /* 物件概要 */
      #detail #detailSummary #detailSummaryIcons {
          flex-wrap: wrap;
          margin-bottom: 30px;
      }
      #detail #detailSummary #detailSummaryIcons li { width: calc(100% / 4); }
      #detail #detailSummary #detailSummaryIcons li img {
          display: block;
          width: 64px;
          margin: 0 auto;
      }
      #detail #detailSummary #detailSummaryIcons li span {
          font-size: 1.2rem;
          color: #808080;
      }
  
      #detail #detailSummary .cmnTable1 dd.jouken,
      #detail #detailSummary .cmnTable1 dd.sonota-hiyou,
      #detail #detailSummary .cmnTable1 dd.chushajou-ryoukin,
      #detail #detailSummary .cmnTable1 dd.chushajou-bikou,
      #detail #detailSummary .cmnTable1 dd.baikuokiba-kogata,
      #detail #detailSummary .cmnTable1 dd.baikuokiba-chugata,
      #detail #detailSummary .cmnTable1 dd.baikuokiba-oogata,
      #detail #detailSummary .cmnTable1 dd.genjou,
      #detail #detailSummary .cmnTable1 dd.bikou { width: calc(100% - 110px); }
  
      /* 周辺環境 */
      #detail #detailSurroundings .detailSurroundingsToMap {
          display: flex;
      }
      #detail #detailSurroundings .detailSurroundingsListSp {
          display: block;
      }
      #detail #detailSurroundings .detailSurroundingsList {
          display: none;
      }
  
      #detail #detailSurroundings #detailSurroundingsMap { display: none; }
  
      /* その他条件 */
      #detail #detailOtherConditions .cmnTable1 dd.tankiiyakukin,
      #detail #detailOtherConditions .cmnTable1 dd.jouken-bikou { width: calc(100% - 110px); }
      #detail #detailOtherConditions .cmnCaption {
          margin-top: 10px;
      }
  
     /* ここと同じ建物の別の物件 */
      #detail #detailSameBuilding #detailSameBuildingArticles article {
          display: flex;
          align-items: center;
          width: 100%;
          margin-top: 10px;
          position: relative;
          border-radius: 5px;
          background: #FFffff;
      }
      #detail #detailSameBuilding #detailSameBuildingArticles article::after {
          content:'';
          width: 0.64em;
          height: 1.8em;
          position: absolute;
          top: 50%;
          right: 15px;
          background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
          transform: translateY(calc(-50% + 3px));
          pointer-events: none;
      }
      #detail #detailSameBuilding #detailSameBuildingArticles article a { display: block; }
      #detail #detailSameBuilding #detailSameBuildingArticles article a:hover { text-decoration: none; }
      #detail #detailSameBuilding #detailSameBuildingArticles article a.thm {
          width: 100px;
          height: 100px;
          padding: 14px 0 14px 4px;
          position: relative;
      }
  /*
      #detail #detailSameBuilding #detailSameBuildingArticles article a.thm::after {
          content: '';
          display: block;
          width: 25px;
          height: 25px;
          position: absolute;
          right: -5px;
          bottom: 14px;
          background: url("/templates/templates001/images/icon_zoom-18a8d779f438f63173860242849b5926.svg") no-repeat;
      }
  */
      #detail #detailSameBuilding #detailSameBuildingArticles article a.text {
          width: calc(100% - 100px);
          padding: 14px 14px 14px 26px;
      }
      #detail #detailSameBuilding #detailSameBuildingArticles article a.text dl {
          flex-wrap: wrap;
          margin-top: 5px;
      }
      #detail #detailSameBuilding #detailSameBuildingArticles article a.text dl dt {
          width: 1.5em;
          padding: 2px 0px;
          background: #e0e0e0;
          text-align: center;
      }
      #detail #detailSameBuilding #detailSameBuildingArticles article a.text dl dd {
          padding: 2px 20px 2px 5px;
      }
      #detail #detailSameBuilding #detailSameBuildingArticles article a.text dl dd:last-of-type {
          margin-top: 5px;
  
      }
  
      #detail #detailSameBuilding #detailSameBuildingArticles article a.text .panoramaIcon {
          margin-top: 5px;
      }
  
      #modalWrap {
          display: none;
          background: none;
      }
      .modalBox {
          display: none;
          width: 100%;
          height: 0;
          position: fixed;
          top: 0;
          margin: 0;
          overflow: hidden;
          opacity: 1;
          border-radius: 0;
          z-index: 1000;
      }
      .modalInner {
          flex-direction: row;
          justify-content: center;
          padding: 13px 10px;
          background: #e7ab19;
          color: #ffffff;
          font-size: 1.4rem;
      }
      .modalInner img {
          margin: 0 5px 0 0;
          width: 20px;
      }
      .modalInner img.pc { display: none; }
      .modalInner img.sp { display: inline; }
  
      #favoriteno .modalInner { background: #909090; }
  /*
      .modalBox {
          position: fixed;
          width: 85%;
          max-width: 420px;
          height: 0;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          overflow: hidden;
          opacity: 1;
          display: none;
          border-radius: 3px;
          z-index: 9999;
      }
  
      .modalInner {
          padding: 30px 40px;
          text-align: center;
          box-sizing: border-box;
          background: #ffffff;
          color: #000000;
          font-size: 1.5rem;
      }
      .modalInner img{
          display: block;
          margin: 0 auto;
          width: 20%;
      }
      */
  }
  
  
  /* JJ301003 おすすめ物件
  --------------------------------------------------------------------*/
  
  #recommend { padding-bottom: 135px; }
  #recommend #recommendRead .cmnInner { margin-bottom: 15px; }
  #recommend #recommendContent .cmnSearchChangeBox select {
      width: 200px;
      margin-bottom: 20px;
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #recommend {
          padding-top: 30px;
          padding-bottom: 60px;
      }
  /*
      #recommend #recommendContent .cmnSearchChangeBox { justify-content: flex-start; }
  */
  }
  
  
  /* JJ302001 路線から探す
  --------------------------------------------------------------------*/
  
  #lineSearch {}
  /* PC対応 */
  @media screen and (min-width: 750px) {
      #lineSearch #lineSearchAreaLine .cmnAreaLineTable tr td .cmnAccordion1 { display: none; }
      #lineSearch #lineSearchAreaLine .cmnAreaLineTable tr td .container label {
          width: calc((100% - (1em * 4)) / 4);
      }
      #lineSearch #lineSearchAreaLine .cmnAreaLineTable.pc { display: table; }
      #lineSearch #lineSearchAreaLine .cmnAreaLineTable.sp { display: none; }
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #lineSearch #lineSearchAreaLine .cmnLineAreaTable tr td .cmnAccordion1 { display: block; }
      #lineSearch #lineSearchAreaLine .cmnInner {
          max-width: 100%;
          padding-left: 0;
          padding-right: 0;
      }
      #lineSearch #lineSearchAreaLine .cmnInner .cmnHeadline1 {
          margin-left: 15px;
          margin-right: 15px;
      }
      #lineSearch #lineSearchAreaLine .buttons,
      #lineSearch #lineSearchAreaLine .cmnAreaLineTable.pc { display: none; }
      #lineSearch #lineSearchAreaLine .cmnAreaLineTable.sp { display: table; }
  }
  
  
  /* JJ302002 駅から探す
  --------------------------------------------------------------------*/
  
  #stationSearch {}
  /* PC対応 */
  @media screen and (min-width: 750px) {
      #stationSearch #stationSearchAreaLine .cmnAreaLineTable tr td .cmnAccordion1 { display: none; }
      #stationSearch #stationSearchAreaLine .cmnAreaLineTable tr td .container label {
          width: calc((100% - (1em * 4)) / 4);
      }
      #stationSearch #stationSearchAreaLine .cmnAreaLineTable.pc { display: table; }
      #stationSearch #stationSearchAreaLine .cmnAreaLineTable.sp { display: none; }
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #stationSearch #stationSearchAreaLine .cmnLineAreaTable tr td .cmnAccordion1 { display: block; }
      #stationSearch #stationSearchAreaLine .cmnInner {
          max-width: 100%;
          padding-left: 0;
  
          padding-right: 0;
      }
      #stationSearch #stationSearchAreaLine .cmnInner .cmnHeadline1 {
          margin-left: 15px;
          margin-right: 15px;
      }
      #stationSearch #stationSearchAreaLine .buttons.pc,
      #stationSearch #stationSearchAreaLine .cmnAreaLineTable.pc { display: none; }
      #stationSearch #stationSearchAreaLine .cmnAreaLineTable.sp { display: table; }
  
      #stationSearch #stationSearchCondition { display: none; }
  }
  
  
  /* JJ302003 地域から探す
     JJ302004 町を選択
  --------------------------------------------------------------------*/
  
  #areaSearch {}
  #areaSearch #areaSearchAreaLine .cmnInner {
      position: relative;
  }
  #areaSearch #areaSearchAreaLine .cmnListSelector {
      position: absolute;
      top: 15px;
      right: 15px;
  }
  #areaSearch #areaSearchAreaLine .cmnAreaLineTable td .container {
      padding-left: 25px;
  }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
     #areaSearch #areaSearchAreaLine .cmnAreaLineTable.pc { display: table; }
      #areaSearch #areaSearchAreaLine .cmnAreaLineTable.sp { display: none; }
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #areaSearch #areaSearchAreaLine .cmnInner {
          max-width: 100%;
          padding-left: 0;
          padding-right: 0;
      }
      #areaSearch #areaSearchAreaLine .cmnInner .cmnHeadline1 {
          width: calc(100% - (15px * 2));
          margin-left: 15px;
          margin-right: 15px;
      }
      #areaSearch #areaSearchAreaLine .cmnListSelector {
          position: static;
          background: none;
          padding: 0 15px 10px;
      }
      #areaSearch #areaSearchAreaLine .cmnListSelector span {
          display: block;
          padding-bottom: 5px;
      }
  
      #areaSearch #areaSearchCondition { display: none; }
      #areaSearch #areaSearchAreaLine .cmnAreaLineTable tr th {
          display: block;
          padding: 8px 15px;
          font-weight: bold;
      }
      #areaSearch #areaSearchAreaLine .cmnAreaLineTable tr td {
          border-bottom: #e0e0e0 1px solid;
      }
      #areaSearch #areaSearchAreaLine .cmnAreaLineTable tr td .container {
          padding-left: 0;
      }
      #areaSearch #areaSearchAreaLine .buttons.pc,
      #areaSearch #areaSearchAreaLine .cmnAreaLineTable.pc { display: none; }
      #areaSearch #areaSearchAreaLine .cmnAreaLineTable.sp { display: table; }
  }
  
  
  /* JJ302005 地図から探す
  --------------------------------------------------------------------*/
  
  #mapSearch {}
  #mapSearch #mapSearchCondition #conditionTrigger~ .conditionItem {display: none;}
  #mapSearch #mapSearchCondition #conditionTrigger { display: none; }
  #mapSearch #mapSearchCondition #conditionTrigger:checked ~ .conditionItem { display: block; }
  #mapSearch #mapSearchCondition #conditionTrigger:checked ~ .buttons label span { display: none; }
  #mapSearch #mapSearchCondition #conditionTrigger:checked ~ .buttons label::before { content: '閉じる'; }
  
  #mapSearch #mapSearchCondition .buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0 10px;
      background: #f5f5f5;
  }
  #mapSearch #mapSearchCondition .buttons .cmnBtnRound2,
  #mapSearch #mapSearchCondition .buttons .cmnBtnRound3 {
      margin:0;
  }
  /*
  #mapSearch .cmnConditionTable th,
  #mapSearch .cmnConditionTable td {
      border: none;
  }
  */
  #mapSearch .cmnSearchButtons.pc {display: flex;}
  #mapSearch .cmnSearchButtons.sp {display: none;}
  #mapSearch .cmnConditionTable tr.areaStation .container {
      align-items: center;
  }
  #mapSearch #mapSearchCondition .cmnCaption,
  #mapSearch #search .cmnCaption {
      margin-bottom: 10px;
      color: #a72d2d;
  }
  
  /* GoogleMap部分 */
  #mapSearch #gmap {
      width: 100%;
      height: 600px;
      margin-top: 20px;
  }
  
  /* GoogleMap部分ポップアップ */
  .map-wrap {
      width: 564px;
  }
  .map-wrap .gmapPopupArticles {
      margin-left: 15px;
      margin-right: 15px;
      padding: 10px;
      border: #808080 1px solid;
  }
  
  .map-wrap .gmapPopupArticles article:not(:first-of-type){
      margin-top: 20px;
  }
  
  .map-wrap .gmapPopupArticles article .gmapIntro {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0 15px;
  }
  .map-wrap .gmapPopupArticles article .gmapIntro > a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0 15px;
      width: calc(100% - (18% + 15px));
      color: #000000;
      text-decoration: none;
      pointer-events: none;
      cursor: default;
  }
  .map-wrap .gmapPopupArticles article .gmapIntro .image {
      width: 18%;
      position: relative;
      overflow: hidden;
  }
  .map-wrap .gmapPopupArticles article .gmapIntro .image::before {
      content: '';
      display: block;
      padding-top: 100%;
  }
  .map-wrap .gmapPopupArticles article .gmapIntro .image img {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover;
  }
  .map-wrap .gmapPopupArticles article .gmapIntro .text {
      width: calc(100% - (18% + 15px));
  }
  .map-wrap .gmapPopupArticles article .gmapIntro .text .pc {
      display: block;
  }
  .map-wrap .gmapPopupArticles article .gmapIntro .text .sp {
      display: none;
  }
  
  .map-wrap .gmapPopupArticles article .gmapIntro .text .name {
      font-size: 1.6rem;
      font-weight: bold;
  }
  .map-wrap .gmapPopupArticles article .gmapIntro .button {
      width: 18%;
  }
  .map-wrap .gmapPopupArticles article .gmapIntro .button .cmnBtnSquareR1 {
      width: 100%;
      margin-top: 0;
  }
  .map-wrap .gmapPopupArticles article .gmapTable {
      width: 100%;
      margin-top: 10px;
  }
  .map-wrap .gmapPopupArticles article .gmapTable th,
  .map-wrap .gmapPopupArticles article .gmapTable td {
      width: calc(100% / 4);
      padding: 10px;
      border: #c0c0c0 1px solid;
      text-align: center;
      font-size: 1.2rem;
      font-weight: normal;
  }
  .map-wrap .gmapPopupArticles article .gmapTable th {
      background: #e6e8e1;
  }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
  /*
    #mapSearch .cmnConditionTable tr { border-bottom: #e0e0e0 1px solid; }
    #mapSearch .cmnConditionTable th { background: none; }
  */
  }
  /*スマホ対応*/
  @media screen and (max-width: 749px) {
      #mapSearch #mapSearchRead,
      #mapSearch #mapSearchCondition .cmnCaption.pc,
      #mapSearch #mapSearchCondition .cmnConditionTable.pc,
      #mapSearch #mapSearchCondition .cmnSearchButtons.pc { display: none; }
      #mapSearch .cmnSearchButtons.sp {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px;
          padding: 0;
          background: none;
      }
      #mapSearch .cmnSearchButtons.sp .number {
          font-size: 1.4rem;
  
      }
      #mapSearch .cmnSearchButtons.sp .cmnBtnRound2 {
          width: 45%;
      }
  
      #mapSearch #search .underInfo {
        display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-end;
          gap: 0 15px;
          width: 100%;
        margin-top: 30px;
          margin-bottom: 0;
          padding: 20px 15px;
          background: #e6e8e1
      }
      #mapSearch #search .underInfo .number {
          display: block;
          width: 100%;
          margin-bottom: 0;
          text-align: center;
      }
      #mapSearch #search .underInfo .number span {
          display: inline-block;
          margin: 0 0.5em;
          font-size: 2.0rem;
          color: #a72d2d;
      }
      #mapSearch #search .underInfo .cmnBtnRound3 {
          width: calc((100% - 15px) / 2);
          margin-left: 0;
          margin-right: 0;
      }
      #mapSearch #gmap {
          width: calc(100% + (15px * 2));
          margin-left: -15px;
          height: 480px;
      }
  
      #mapSearch #search #searchRead {
          width: 100%;
          padding: 20px 15px;
      }
  
      .map-wrap {
          width: 100%;
      }
      .map-wrap .gmapPopupArticles {
          margin-left: 15px;
          margin-right: 15px;
          padding: 10px;
          border: #808080 1px solid;
      }
      .map-wrap .gmapPopupArticles article:not(:first-of-type){
          margin-top: 10px;
          padding-top: 10px;
          border-top: #c0c0c0 1px solid;
      }
  
      .map-wrap .gmapPopupArticles article .gmapIntro {
          display: block;
          width: 100%;
      }
      .map-wrap .gmapPopupArticles article .gmapIntro > a {
          gap: 0 10px;
          width: 100%;
          pointer-events: all;
          cursor: pointer;
      }
      .map-wrap .gmapPopupArticles article .gmapIntro .image {
          width: 40%;
      }
      .map-wrap .gmapPopupArticles article .gmapIntro .text .pc {
          display: none;
      }
      .map-wrap .gmapPopupArticles article .gmapIntro .text .sp {
          display: block;
      }
      .map-wrap .gmapPopupArticles article .gmapIntro .text .sp .name {
          font-size: 1.2rem;
          font-weight: normal;
          text-decoration: underline;
          color: #3d2727;
      }
      .map-wrap .gmapPopupArticles article .gmapIntro .button {
          display: none;
      }
      .map-wrap .gmapPopupArticles article .gmapTable {
          display: none;
      }
  }
  
  
  /* JJ302006　こだわり検索共用
  --------------------------------------------------------------------*/
  
  /* ペット可 */
  #kodawariSearch { padding-top: 0; }
  #kodawariSearch #petSearchMainImage .cmnInner {
      max-width: 100%;
      margin-bottom: 30px;
      padding-left: 0;
      padding-right: 0;
      position: relative;
  }
  #kodawariSearch #petSearchMainImage img { width: 100%; }
  #kodawariSearch #petSearchMainImage h2 {
      position: absolute;
      top: 50%;
      left: 5%;
      font-size: 2.5rem;
      font-weight: bold;
      color: #ffffff;
      transform: translateY(-50%);
  }
  #kodawariSearch #petSearchMainImage img.pc,
  #kodawariSearch #petSearchMainImage h2 span.pc { display: block; }
  #kodawariSearch #petSearchMainImage img.sp,
  #kodawariSearch #petSearchMainImage h2 span.sp { display: none; }
  
  #kodawariSearch #petSearchArea .container {
      padding: 30px 40px;
      border: #e0e0e0 1px solid;
  }
  #kodawariSearch #petSearchArea h4 {
      font-weight: bold;
  }
  #kodawariSearch #petSearchArea ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 12px 1em;
      margin-top: 10px;
  }
  #kodawariSearch #petSearchArea ul:not(:last-of-type) {
      margin-bottom: 20px;
  }
  
  #kodawariSearch #petSearchArea ul li {
      width: calc((100% - (1em * 3)) / 4);
  }
  #kodawariSearch #petSearchArea ul li::before {
      content: '>';
      color: #3d2727;
  }
  
  #kodawariSearch #petSearchType ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 0;
      border-left: #e0e0e0 1px solid;
      border-bottom: #e0e0e0 1px solid;
  }
  #kodawariSearch #petSearchType ul li {
      width: calc(100% / 4);
      border-top: #e0e0e0 1px solid;
      border-right: #e0e0e0 1px solid;
  }
  #kodawariSearch #petSearchType ul li:first-of-type {
      width: 100%;
  }
  #kodawariSearch #petSearchType ul li a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0 10px;
      width: 100%;
      height: 100%;
      padding: 20px;
      position: relative;
  }
  #kodawariSearch #petSearchType ul li a::after {
      content: '';
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      top: 50%;
      right: 15px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  
  #kodawariSearch #petSearchType ul li:first-of-type a {
      justify-content: center;
  }
  #kodawariSearch #petSearchType ul li a img {
      width: 35px;
      height: 35px;
  }
  
  #kodawariSearch #petSearchKodawari ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 0;
      border-left: #e0e0e0 1px solid;
      border-bottom: #e0e0e0 1px solid;
  }
  #kodawariSearch #petSearchKodawari ul li {
      width: calc(100% / 3);
      border-top: #e0e0e0 1px solid;
      border-right: #e0e0e0 1px solid;
  }
  #kodawariSearch #petSearchKodawari ul li a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0 10px;
      width: 100%;
      height: 100%;
      padding: 20px;
      position: relative;
  }
  #kodawariSearch #petSearchKodawari ul li a::after {
      content: '';
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      top: 50%;
      right: 15px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(-50%);
  }
  #kodawariSearch #petSearchKodawari ul li a img {
      width: 35px;
      height: 35px;
  }
  
  #kodawariSearch #kodawariOtherRead {
      padding-top: 60px
  }
  #kodawariSearch #kodawariOtherContent .buttons {
      display: flex;
      justify-content: center;
      gap: 0 20px;
      margin-top: 30px;
  }
  #kodawariSearch #kodawariOtherContent .buttons .cmnBtnRound3 {
      margin: 0;
  }
  
  /* 新着物件 */
  #kodawariSearch #kodawariSearchNewer .slick-slider .slick-track,
  #kodawariSearch #kodawariSearchNewer .slick-slider .slick-list {
      display: flex;
      align-items: stretch;
  }
  #kodawariSearch #kodawariSearchNewer .slider .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 500;
      cursor: pointer;
  }
  
  #kodawariSearch #kodawariSearchNewer .slider .slick-arrow img {
      width: 15px;
      height: auto;
  }
  #kodawariSearch #kodawariSearchNewer .slider .slick-arrow.prev { right: calc(100% + 5px); }
  #kodawariSearch #kodawariSearchNewer .slider .slick-arrow.next { left: calc(100% + 5px); }
  
  /* 会員登録バナー */
  #kodawariSearch #petSearchMembers a {
      display: block;
      width: 65%;
      margin-left: auto;
      margin-right: auto;
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #kodawariSearch #petSearchMembers a img {
      display: block;
      width: 100%;
      height: 100%;
  }
  #kodawariSearch #petSearchMembers a img.pc { display: block; }
  #kodawariSearch #petSearchMembers a img.sp { display: none; }
  
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
  
      #kodawariSearch #petSearchMainImage .cmnInner {
          width: 100%;
          max-width: 100%;
          margin-bottom: 20px;
      }
      #kodawariSearch #petSearchMainImage img { width: 100%; }
      #kodawariSearch #petSearchMainImage h2 {
          left: 2%;
          font-size: 1.6rem;
      }
      #kodawariSearch #petSearchMainImage img.pc,
      #kodawariSearch #petSearchMainImage h2 span.pc { display: none; }
      #kodawariSearch #petSearchMainImage img.sp,
      #kodawariSearch #petSearchMainImage h2 span.sp { display: block; }
  
      #kodawariSearch #petSearchArea .container {
          padding: 15px;
      }
      #kodawariSearch #petSearchArea ul {
          gap: 10px 1em;
          margin-top: 10px;
      }
      #kodawariSearch #petSearchArea ul:not(:last-of-type) {
          margin-bottom: 15px;
      }
  
      #kodawariSearch #petSearchArea ul li {
          width: calc((100% - (1em * 1)) / 2);
      }
  
      #kodawariSearch #petSearchType ul li {
          width: calc(100% / 2);
      }
      #kodawariSearch #petSearchType ul li a {
          flex-direction: column;
          gap: 10px 0;
      }
      #kodawariSearch #petSearchType ul li a img {
          width: 45px;
          height: 45px;
      }
  
      #kodawariSearch #petSearchKodawari ul {
          flex-direction: column;
          border-left: #e0e0e0 1px solid;
          border-bottom: #e0e0e0 1px solid;
      }
      #kodawariSearch #petSearchKodawari ul li {
          width: 100%;
      }
      #kodawariSearch #petSearchKodawari ul li a img {
          width: 45px;
          height: 45px;
      }
  
      #kodawariSearch #kodawariOtherRead {
          padding-top: 20px
      }
      #kodawariSearch #kodawariOtherContent .cmnInner {
          padding-left: 0;
          padding-right: 0;
      }
      #kodawariSearch #kodawariOtherContent .cmnConditionTable {
          border-bottom: #e0e0e0 1px solid;
      }
      #kodawariSearch #kodawariOtherContent .buttons {
          gap: 0 10px;
          margin-top: 20px;
          padding-left: 15px;
          padding-right: 15px;
      }
  
      /* 新着物件 */
      #kodawariSearch #kodawariSearchNewer .cmnArticleList4c {
          width: calc(100% - (10px * 2));
          margin-left: auto;
          margin-right: auto;
      }
      #kodawariSearch #kodawariSearchNewer .slider .slick-arrow {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 500;
          cursor: pointer;
      }
      #kodawariSearch #kodawariSearchNewer article {
          margin: 0 5px;
      }
      #kodawariSearch #kodawariSearchNewer .slider .slick-arrow img {
          width: 10px;
      }
      #kodawariSearch #kodawariSearchNewer .slider .slick-arrow.prev { right: calc(100% + 2px); }
      #kodawariSearch #kodawariSearchNewer .slider .slick-arrow.next { left: calc(100% + 2px); }
  
      /* 会員登録 */
      #kodawariSearch #petSearchMembers a {
          width: 100%;
      }
      #kodawariSearch #petSearchMembers a img {
          display: block;
          width: 100%;
          height: 100%;
      }
      #kodawariSearch #petSearchMembers a img.pc { display: none; }
      #kodawariSearch #petSearchMembers a img.sp { display: block; }
  }
  
  
  /* JJ302007 学区で探す
  --------------------------------------------------------------------*/
  
  #schoolSearch {}
  #schoolSearch #schoolSearchInputBox .cmnInner {
    display: flex;
    gap: 0 20px;
  }
  #schoolSearch #schoolSearchInputBox .inputBox {
      width: calc((100% - 20px) / 2);
      margin-bottom: calc(20px + 20px);
      padding-bottom: 30px;
      position: relative;
    border: #e6e8e1 1px solid;
  }
  /* #schoolSearch #schoolSearchInputBox .inputBox::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: calc(100% + 20px);
      left: 50%;
      background: url("/templates/templates001/images/down-cc2b564931927a0ad352dabd39027aa5.png") no-repeat;
      background-size: contain;
      transform: translateX(-50%);
  } */
  #schoolSearch #schoolSearchInputBox .inputBox h3 {
      padding: 3px 10px;
    background: #e6e8e1;
    font-size: 1.4rem;
      text-align: center;
  }
  #schoolSearch #schoolSearchInputBox .inputBox div {
      max-width: 350px;
      margin: 0 auto;
      padding: 30px 0 0;
  }
  #schoolSearch #schoolSearchInputBox .inputBox:first-of-type div {
      padding: 51px 0 23px;
  }
  #schoolSearch #schoolSearchInputBox .inputBox input {
      width: 100%;
  }
  #schoolSearch #schoolSearchInputBox .inputBox .cmnListTable {
      align-items: center;
      gap: 10px 0;
  }
  #schoolSearch #schoolSearchInputBox .inputBox .cmnListTable dt,
  #schoolSearch #schoolSearchInputBox .inputBox .cmnListTable dd {
      padding: 0;
      border-bottom: none;
  }
  #schoolSearch #schoolSearchInputBox .inputBox .cmnListTable dt {
      width: 100px;
  }
  #schoolSearch #schoolSearchInputBox .inputBox .cmnListTable dd {
      width: calc(100% - 100px);
  }
  #schoolSearch #schoolSearchInputBox .inputBox .cmnListTable dd select {
      width: 100%;
  }
  #schoolSearch #schoolSearchResult {
      width: 100%;
  }
  #schoolSearch #schoolSearchResult table { width: 100%; }
  #schoolSearch #schoolSearchResult table th,
  #schoolSearch #schoolSearchResult table td {
      padding: 10px;
    border: #e6e8e1 1px solid;
      font-size: 1.4rem;
      text-align: center;
  }
  #schoolSearch #schoolSearchResult table th { background: #e6e8e1; }
  #schoolSearch #schoolSearchResult table td.name a { color: #3d2727; }
  #schoolSearch #schoolSearchResult table td.address a {
      pointer-events: none;
      color: #000000;
  }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #schoolSearch #schoolSearchInputBox .cmnInner {
          display: block;
      }
      #schoolSearch #schoolSearchInputBox .inputBox {
          width: 100%;
          margin-bottom: 20px;
          padding-bottom: 15px;
          border: #e6e8e1 1px solid;
      }
      #schoolSearch #schoolSearchInputBox .inputBox:not(:last-of-type)::after {
          content: none;
      }
  
      #schoolSearch #schoolSearchInputBox .inputBox:first-of-type {
          margin-bottom: 20px;
      }
      #schoolSearch #schoolSearchInputBox .inputBox:last-of-type {
          margin-bottom: calc(20px + 30px);
      }
  
      #schoolSearch #schoolSearchInputBox .inputBox h3 {
          padding: 2px 10px;
          font-size: 1.2rem;
      }
      #schoolSearch #schoolSearchInputBox .inputBox div {
          max-width: 100%;
          margin: 0 20px;
          padding: 15px 0 0;
      }
      #schoolSearch #schoolSearchInputBox .inputBox:first-of-type div {
          padding: 15px 0 0;
      }
      #schoolSearch #schoolSearchResult table th,
      #schoolSearch #schoolSearchResult table td {
          font-size: 1.1rem;
          text-align: center;
      }
      #schoolSearch #schoolSearchResult table td { padding: 0; }
  
      #schoolSearch #schoolSearchResult table td a {
          display: block;
          width: 100%;
          height: 100%;
          padding: 10px;
      }
  
      #schoolSearch #schoolSearchResult table th:first-of-type,
      #schoolSearch #schoolSearchResult table td:first-of-type { display: none; }
      #schoolSearch #schoolSearchResult table th:nth-of-type(2),
      #schoolSearch #schoolSearchResult table td:nth-of-type(2) { width: 40%; }
  
      #schoolSearch #schoolSearchResult table td.address a {
          padding-right: 25px;
          position: relative;
          pointer-events: all;
      }
      #schoolSearch #schoolSearchResult table td.address a::after {
          content: '';
          display: block;
          width: 1em;
          height: 1em;
          position: absolute;
          top: 50%;
          right: 5px;
          background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
          background-size: contain;
          transform: translateY(-50%);
      }
  }
  
  
  /* JJ302009 スマホ版条件選択画面（共用）
  --------------------------------------------------------------------*/
  
  #cmnConditionList {}
  #cmnConditionList #cmnConditionListCondition .buttons {
      display: flex;
      justify-content: center;
      gap: 0 30px;
  }
  #cmnConditionList #cmnConditionListCondition .buttons .cmnBtnRound2,
  #cmnConditionList #cmnConditionListCondition .buttons .cmnBtnRound3 {
      margin-left: 0;
      margin-right: 0;
  }
  #cmnConditionList #cmnConditionListRead .cmnCaption { color: #a72d2d; }
  
  #cmnConditionList .cmnConditionTable th.cmnAccordion1 {
      border-bottom: #ffffff 1px solid;
  }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #cmnConditionList #cmnConditionListCondition .cmnInner {
          max-width: 100%;
          padding-left: 0;
          padding-right: 0;
      }
      #cmnConditionList .cmnConditionTable th,
      #cmnConditionList .cmnConditionTable td {
          border: none;
      }
  }
  
  
  /* JJ302010	物件名から探す
  --------------------------------------------------------------------*/
  
  #freeWordSearch #freeWordSearchRead .cmnHeadline4 { text-align: center; }
  #freeWordSearch #freeWordSearchInputBox .cmnInner {
      max-width: calc(500px + (15px * 2));
  }
  #freeWordSearch #freeWordSearchInputBox p {
      text-align: center;
  }
  
  #freeWordSearch #freeWordSearchInputBox .inputBox {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 0 10px;
      margin-top: 30px;
  }
  #freeWordSearch #freeWordSearchInputBox .inputBox input {
      width: calc(100% - (70px + 10px));
  }
  #freeWordSearch #freeWordSearchInputBox .inputBox .cmnBtnSquareR2 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0;
      width: 70px;
      margin: 0;
  }
  
  /* PC対応 */
  @media screen and (min-width: 750px) {
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #freeWordSearch #freeWordSearchRead .cmnHeadline4 { text-align: left; }
      #freeWordSearch #freeWordSearchInputBox .cmnInner {
          max-width: 100%;
      }
      #freeWordSearch #freeWordSearchInputBox p {
          text-align: left;
      }
  
      #freeWordSearch #freeWordSearchInputBox .inputBox {
          display: block;
          gap: 10px 0;
          margin-top: 20px;
      }
      #freeWordSearch #freeWordSearchInputBox .inputBox input {
          width: 100%;
      }
      #freeWordSearch #freeWordSearchInputBox .inputBox .cmnBtnSquareR2 {
          display: block;
          width: 180px;
          margin: 15px auto 0;
          padding-top: 9px;
          padding-bottom: 9px;
      }
  }
  
  
  /* JJ401001 物件問合せ
  --------------------------------------------------------------------*/
  #detailContact {
  
  }
  #detailContact #detailContactRead .contactTel {
      margin-bottom: 40px;
  }
  #detailContact #detailContactRead .contactTel .telBox {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0 10px;
      width: 50%;
  
      margin: 0 auto;
      padding: 20px;
      border: #c0c0c0 1px solid;
  }
  #detailContact #detailContactRead .contactTel .telBox h4 {
      font-weight: bold;
  }
  #detailContact #detailContactRead .contactTel .telBox a {
      display: inline-block;
      position: relative;
      font-size: 2.4rem;
      color: #333333;
  }
  #detailContact #detailContactRead .contactTel .telBox a::after {
      content: '';
      display: none;
      width: 1em;
      height: 1em;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
  }
  
  #detailContact #detailContactRead .contactTel .telBox a:hover {
      text-decoration: none;
  }
  #detailContact #detailContactContent h2 + p {
      margin-bottom: 20px;
  }
  #detailContact #detailContactContent .cmnContactTable tr.property td .container .roomplan,
  #detailContact #detailContactContent .cmnContactTable tr.property td .container .reason {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 1em;
      width: 80%;
  }
  #detailContact #detailContactContent .cmnContactTable tr.property td .container .roomplan label,
  #detailContact #detailContactContent .cmnContactTable tr.property td .container .reason label {
      width: calc((100% - (1em * 4)) / 5);
      margin-right: 0;
  }
  #detailContact #detailContactProperty .cmnInner {
      max-width: calc(800px + (15px * 2));
  }
  #detailContact #detailContactProperty .container {
      padding: 20px;
      border: #d0d0d0 1px solid;
      border-radius: 7px;
  }
  #detailContact #detailContactProperty .cmnHeadline5 {
      margin-bottom: 5px;
  }
  #detailContact #detailContactProperty .cmnArticleList1c {
      filter:none;
  }
  #detailContact #detailContactProperty .cmnArticleList1c article > div {
      padding-left: 0;
      padding-right: 0;
  }
  
  #detailContact #detailContactProperty .cmnArticleList1c article > div .name {
      font-size: 1.4rem;
  }
  #detailContact #detailContactProperty .omissionContactArticle { display: none; }
  
  #detailContact #detailContactProperty .omissionContactArticle article {
      border-bottom: #e0e0e0 1px solid;
  }
  #detailContact #detailContactProperty .omissionContactArticle article:first-of-type {
      border-top: #e0e0e0 1px solid;
  }
  #detailContact #detailContactProperty #omissionContactArticleTrigger { display: none; }
  #detailContact #detailContactProperty #omissionContactArticleTrigger:checked ~ .omissionContactArticle { display: block; }
  
  #detailContact #detailContactProperty #omissionContactArticleTrigger ~ .cmnBtnSquareR1  span:nth-child(1) { display: inline; }
  #detailContact #detailContactProperty #omissionContactArticleTrigger ~ .cmnBtnSquareR1  span:nth-child(2) { display: none; }
  #detailContact #detailContactProperty #omissionContactArticleTrigger:checked ~ .cmnBtnSquareR1 span:nth-child(1) { display: none; }
  #detailContact #detailContactProperty #omissionContactArticleTrigger:checked ~ .cmnBtnSquareR1 span:nth-child(2) { display: inline; }
  
  #detailContact #detailContactSubmit .buttons {
      display: flex;
      justify-content: center;
      gap: 0 15px;
      margin-top: 50px;
  }
  #detailContact #detailContactSubmit .buttons .cmnBtnRound2,
  #detailContact #detailContactSubmit .buttons .cmnBtnRound3 {
      margin: 0;
  }
  
  /* 問い合わせ先店舗選択モーダル */
  #selectShopModal .intro > p {
      text-align: center;
  }
  #selectShopModal .intro label {
      display: block;
      max-width: 640px;
      margin: 10px auto;
      padding: 15px;
      border: #c0c0c0 1px solid;
  }
  #selectShopModal .intro label > div {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 30px;
      gap: 0 2em;
  }
  #selectShopModal .intro label > div .shopName {
      width: 20%;
      font-weight: bold;
  }
  #selectShopModal .intro label > div .text {
      width: calc(100% - (20% + 2em));
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #detailContact #detailContactRead .contactTel .telBox {
          width: 100%;
      }
      #detailContact #detailContactRead .contactTel .telBox a {
          font-size: 1.7rem;
          color: #333333;
      }
      #detailContact #detailContactRead .contactTel .telBox a {
          padding-right: 1.5em;
      }
      #detailContact #detailContactRead .contactTel .telBox a::after {
          display: inline-block;
      }
  
      #detailContact #detailContactContent .cmnContactTable tr.property td .container .roomplan,
      #detailContact #detailContactContent .cmnContactTable tr.property td .container .reason {
          width: 100%;
      }
      #detailContact #detailContactContent .cmnContactTable tr.property td .container .roomplan label,
      #detailContact #detailContactContent .cmnContactTable tr.property td .container .reason label {
          width: calc((100% - (1em * 1)) / 2);
      }
  
  }
  
  
  /* JJ401002 お問合せ
  --------------------------------------------------------------------*/
  
  #contact #contactContent .contactTel {
      margin-bottom: 40px;
  }
  #contact #contactContent .contactTel .telBox {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0 10px;
      width: 50%;
      margin: 0 auto;
      padding: 20px;
      border: #c0c0c0 1px solid;
  }
  #contact #contactContent .contactTel .telBox h4 {
      font-weight: bold;
  }
  #contact #contactContent .contactTel .telBox a {
      display: inline-block;
      position: relative;
      font-size: 2.4rem;
      color: #333333;
  }
  #contact #contactContent .contactTel .telBox a::after {
      content: '';
      display: none;
      width: 1em;
      height: 1em;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
  }
  
  #contact #contactContent .contactTel .telBox a:hover {
      text-decoration: none;
  }
  #contact #contactContent .contactMail h3 + p {
      margin-bottom: 20px;
  }
  
  #contact #contactContent  .buttons {
      display: flex;
      justify-content: center;
      gap: 0 15px;
      margin-top: 30px;
  }
  #contact #contactContent  .buttons .cmnBtnRound2,
  #contact #contactContent  .buttons .cmnBtnRound3 { margin: 0px; }
  #contact #contactContent .shop .custom-select {
      width: auto;
      padding-right: 30px;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #contact #contactContent .contactTel .telBox {
          width: 100%;
      }
      #contact #contactContent .contactTel .telBox a {
          font-size: 1.7rem;
          color: #333333;
      }
      #contact #contactContent .contactTel .telBox a {
          padding-right: 1.5em;
      }
      #contact #contactContent .contactTel .telBox a::after {
          display: inline-block;
      }
  
  }
  
  
  /* JJ401003 来店予約
  --------------------------------------------------------------------*/
  
  /* 一覧 */
  #reservation #reservationRead .cmnInner { position: relative; }
  #reservation #reservationRead { position: relative; }
  #reservation #reservationRead .cmnBtnRound2 {
      width: 170px;
      margin-top: 0;
      padding: 7px 0 7px 2.7em;
      position: absolute;
      top: 0;
      right: 0;
      border: none;
      text-align: left;
  }
  #reservation #reservationRead .cmnBtnRound2::before {
      content: '';
      display: block;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      left: 1em;
      background: url("/templates/templates001/images/pin-430a12d7cc1abde497ab7581899a82a2.svg") no-repeat;
      transform: translateY(calc(-50% - 1px));
  }
  #reservation #reservationRead .cmnBtnRound2::after { content: none; }
  #reservation #reservationShopList .shopList {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: stretch;
      gap: 0 5%;
  }
  #reservation #reservationShopList .shopList article {
      display: grid;
      grid-template-columns: auto 45%;
      gap: 0 3%;
      width: calc((100% - 5%) / 2);
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: #b0b0b0 1px solid;
  }
  #reservation #reservationShopList .shopList article .image {
      grid-column: 2;
      grid-row: 1/3;
  }
  #reservation #reservationShopList .shopList article .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  #reservation #reservationShopList .shopList article .text {
      grid-column: 1;
      grid-row: 1/2;
      margin-bottom: 0;
  }
  #reservation #reservationShopList .shopList article .text #shopIcon {display: none;}
  #reservation #reservationShopList .shopList article .text .cmnHeadline5 {
      margin-bottom: 10px;
      text-align: left;
  }
  #reservation #reservationShopList .shopList article .text .shopAddress {
      margin-bottom: 10px;
  }
  #reservation #reservationShopList .shopList article .text .shopDistance {
      position: relative;
      padding-left: 1.7em;
  }
  #reservation #reservationShopList .shopList article .text .shopDistance::before {
      content: '';
      display: block;
      width: 1.5em;
      height: 1.5em;
      position: absolute;
      top: 50%;
      left: 0;
      background: url("/templates/templates001/images/pin-430a12d7cc1abde497ab7581899a82a2.svg") no-repeat;
      transform: translateY(-50%);
  }
  #reservation #reservationShopList .shopList article .text .shopTel {}
  
  
  #reservation #reservationShopList .shopList article .buttons {
      grid-column: 1;
      grid-row: 2/3;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 10px;
  }
  #reservation #reservationShopList .shopList article .buttons a {
      width: calc((100% - 10px) / 2);
      margin-top: 10px;
      padding: 8px 0;
  }
  #reservation #reservationShopList .shopList article .buttons a::after {
      content: none;
  }
  #reservation #reservationShopList .shopList article .buttons a.cmnBtnRound2 {
      border: #959595 1px solid;
      color: #000000;
  }
  
  #reservation #reservationCalender #pcBlock { display: block; }
  #reservation #reservationCalender #mobilePhoneBlock { display: none; }
  
  #reservation #reservationCalender .cmnBtnRound2 {
      display: inline-block;
      width: auto;
      padding: 7px 30px;
  }
  #reservation #reservationCalender .cmnBtnRound2::after {
      content: none;
  }
  #reservation #reservationContent .privacy {
      text-align: center;
      margin-top: 20px;
  }
  #reservation #reservationContent .privacy p {
      display: inline-block;
      margin-top: 30px;
  }
  
  #reservation #reservationContent .buttons {
      display: flex;
      justify-content: center;
      gap: 0 15px;
      margin-top: 30px;
  }
  #reservation #reservationContent .buttons .cmnBtnRound2,
  #reservation #reservationContent .buttons .cmnBtnRound3 { margin: 0px; }
  
  /* GoogleMap部分 */
  #reservation #reservationMap #map {
      width: 100%;
      height: 500px;
  }
  .saw-area-contents{margin-bottom:80px;}
  .raitenMap{
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 45%;
      margin-bottom: 60px;
      margin-top: 30px;
  }
  .raitenMap iframe{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .raiten-shop-title{margin:10px 0 5px;}
  .raiten-shop-title a{position: relative;font-size: 1.6rem;display: block;}
  .raiten-shop-title a span::before {
      content: "";
      position: absolute;
      top: 50%;
      right: 10px;
      width: 8px;
      height: 8px;
      border-top: 1px solid #a8a8a8;
      border-right: 1px solid #a8a8a8;
      transform: rotate(45deg);
      margin-top: -5px;
  }
  .raiten-shop-img img{width: 100%;}
  .raiten-shop-balloon-img img{width: 100%;}
  
  .raitenMap .gm-ui-hover-effect {
    width: 50px!important;
    height: 50px!important;
  }
  
  .raitenMap .gm-ui-hover-effect img{
    width: 30px!important;
    height: 30px!important;
  }
  
  .raiten-shop-wrap{margin-bottom: 30px;}
  
  .raiten-shop-title img{width:22px;margin-right: 5px;vertical-align: top;}
  .raiten-shop-address{font-size: 1.2rem;}
  .raiten-shop-distance{color: #a8a8a8;}
  .raiten-shop-distance img{width:10px;margin-right: 3px;vertical-align: middle;}
  .raiten-shop-yoyaku{position: relative;background-color: #dbdbdb;display: block;text-align: center;font-size: 1.5rem;line-height: 2.2;margin-top: 10px;border-radius: 3px;}
  .raiten-shop-wrap a:hover{color: #303030;opacity: 0.8;}
  .raiten-shop-yoyaku span::before {
      content: "";
      position: absolute;
      top: 50%;
      right: 10px;
      width: 8px;
      height: 8px;
      border-top: 1px solid #a8a8a8;
      border-right: 1px solid #a8a8a8;
      transform: rotate(45deg);
      margin-top: -5px;
  }
  
  
  
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #reservation #reservationRead .cmnBtnRound2 {
          width: 160px;
          right: 15px;
      }
  
      #reservation #reservationShopList .shopList {
          display: block;
          width: 100%;
      }
      #reservation #reservationShopList .shopList article {
          width: 100%;
          margin-bottom: 15px;
          padding-bottom: 15px;
      }
      #reservation #reservationShopList .shopList article .image {
          grid-column: 2;
          grid-row: 1/2;
          margin-bottom: 0;
      }
      #reservation #reservationShopList .shopList article .text {
          grid-column: 1;
          grid-row: 1/2;
          margin-bottom: 0;
      }
      #reservation #reservationShopList .shopList article .text .cmnHeadline5 {
          margin-bottom: 5px;
          text-align: left;
      }
      #reservation #reservationShopList .shopList article .text .shopAddress {
          margin-bottom: 5px;
      }
  
      #reservation #reservationShopList .shopList article .buttons {
          grid-column: 1/3;
          grid-row: 2/3;
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 0 10px;
      }
  
      #reservation #reservationCalender #pcBlock { display: none; }
      #reservation #reservationCalender #mobilePhoneBlock { display: block; }
      #reservation #reservationCalender .cmnInner {
          padding-left: 0;
          padding-right: 0;
      }
      #reservation #reservationCalender #mobilePhoneBlock .buttons {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 15px 0;
          padding: 0 15px;
          position: relative;
      }
      #reservation #reservationCalender #mobilePhoneBlock .buttons .cmnHeadline5 {
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
      }
  
      #reservation #reservationCalender #mobilePhoneBlock .buttons .cmnBtnSquareR1 {
          display: inline-block;
          width: 30%;
          margin: 0;
          position: relative;
          border: #a0a0a0 1px solid;
          color: #000000;
      }
      #reservation #reservationCalender #mobilePhoneBlock .buttons .cmnBtnSquareR1.disabled {
          background: #eeeeee;
          border-color: #cccccc;
          color: #999999;
          pointer-events: none;
      }
      #reservation #reservationCalender #mobilePhoneBlock .buttons .cmnBtnSquareR1::after {
          content: '';
          position: absolute;
          width: 1em;
          height: 1em;
          top: 50%;
      }
      #reservation #reservationCalender #mobilePhoneBlock .buttons .cmnBtnSquareR1:first-of-type { padding-left: 1em; }
      #reservation #reservationCalender #mobilePhoneBlock .buttons .cmnBtnSquareR1:first-of-type::after {
          left: 5px;
          background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
          transform: translateY(-50%) rotate(-180deg);
      }
      #reservation #reservationCalender #mobilePhoneBlock .buttons .cmnBtnSquareR1:last-of-type { padding-right: 1em; }
      #reservation #reservationCalender #mobilePhoneBlock .buttons .cmnBtnSquareR1:last-of-type::after {
          right: 5px;
          background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
          transform: translateY(-50%);
      }
  
      #reservation #reservationCalender .cmnBtnRound2 {
          margin: 0 15px;
      }
  
      #reservation #reservationMap .cmnInner {
          max-width: 100%;
          padding: 0;
      }
      #reservation #reservationMap #map {
          height: 300px;
      }
  }
  @media only screen and (max-device-width: 641px) {
      .raitenMap{
          position: relative;
          width: 100%;
          height: 0;
          padding-top: 120%;
      }
      .raitenMap iframe{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }
      .raiten-shop-balloon-img img{
          width: 100%;
          height: 100%;
      }
  }
  
  
  /* その他ページ
     JJ901001 アクセス集中
     JJ901002 404
     JJ901003 セッションタイムアウト
     JJ901004 不正アクセス
     JJ901005 有効期限切れ
     JJ901006 物件掲載終了
  --------------------------------------------------------------------*/
  
  #others .cmnInner {
      margin-top: 100px;
      max-width: calc(1080px + (15px * 2));
      text-align: center;
  }
  #others .cmnHeadline3 {
      font-size: 3.0rem;
      color: #848484;
  }
  #others .text {
      display: inline-block;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
  }
  #others .text p:not(:first-of-type) {
      margin-top: 1em;
  }
  #others .cmnBtnRound3 { margin-top: 60px; }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #others .cmnInner {
          margin-top: 20px;
          max-width: 100%;
      }
      #others .cmnHeadline3 {
          font-size: 2.2rem;
          color: #848484;
      }
      #others .text {
      }
      #others .cmnBtnRound3 { margin-top: 40px; }
  }
  
  
  /* JJ902001 プライバシーポリシー
  --------------------------------------------------------------------*/
  
  #privacy .cmnInner { max-width: calc(760px + (15px * 2)); }
  #privacy .cmnHeadline1 { max-width: 760px; }
  #privacy #privacyRead .cmnInner { margin-bottom: 40px; }
  #privacy .privacyList dt {
      margin-top: 30px;
      font-weight: bold;
  }
  #privacy .privacyList p,
  #privacy .privacyList dd { margin-top: 15px; }
  #privacy .privacyList dd ol,
  #privacy .privacyList dd ul { padding-left: 1.3em; }
  #privacy .privacyList dd li { margin-top: 15px; }
  #privacy .privacyList dd ul li {
      position: relative;
  }
  #privacy .privacyList dd ul li::before {
      content: '・';
      position: absolute;
      right: calc(100% + 0.3em);
  }
  #privacy #privacyPolicy .dateBox {
      margin-top: 20px;
  }
  #privacy .privacyList dd .borderBox {
      margin-bottom: 20px;
      padding: 1em 1.5em;
      border: #bdbdbd 1px solid;
  }
  #privacy .privacyList dd .borderBox p:first-of-type {
      margin-top: 0;
      font-weight: bold;
  }
  #privacy .privacyList dd .borderBox p { margin-top: 10px; }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #privacy {
          margin-top: 30px;
          margin-bottom: 60px;
      }
  }
  
  
  /* JJ902002 会員登録の4つのメリット
  --------------------------------------------------------------------*/
  
  #benefit .cmnInner {
      max-width: calc(800px + (15px * 2));
  }
  
  #benefit #benefitRead p { text-align: center; }
  #benefit #benefitContent article {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 5%;
      margin-top: 10px;
      padding: 40px;
      background: #f5f5f5;
  }
  #benefit #benefitContent article:first-of-type { margin-top: 0; }
  #benefit #benefitContent article .image { width: 16%; }
  #benefit #benefitContent article .image img { margin: 0 auto; }
  #benefit #benefitContent article .text { width: calc(100% - 16% - 5%); }
  #benefit #benefitContent a.cmnBtnRound3 {
      margin-top: 40px;
      color: #ffffff;
  }
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #benefit {
          margin-top: 30px;
          margin-bottom: 60px;
      }
      #benefit .cmnInner { margin-bottom: 30px; }
      #benefit #benefitContent article {
          display: block;
          padding: 0 18px 18px;
      }
      #benefit #benefitContent article .image {
          width: 50%;
          margin: 0 auto;
      }
      #benefit #benefitContent article .text {
          width: 100%;
      }
  }
  
  
  /* JJ902003 会社概要
  --------------------------------------------------------------------*/
  
  #company .cmnInner { max-width: calc(760px + (15px * 2)); }
  #company .cmnHeadline1 { max-width: 760px; }
  
  #company #companyRead {
      margin: 0 auto;
  }
  #company #companyRead #companyReadLink {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 60px;
  }
  #company #companyRead #companyReadLink li {
      width: calc((100% - (10px * 3)) / 4);
      border: #bdbdbd 1px solid;
  }
  #company #companyRead #companyReadLink li a,
  #company #companyRead #companyReadLink li span {
  
      display: inline-block;
      width: 100%;
      height: 100%;
      padding: 9px 9px 9px 30px;
      position: relative;
      font-size: 1.2rem;
      text-align: center;
  }
  #company #companyRead #companyReadLink li span {
      background: #bdbdbd;
  }
  #company #companyRead #companyReadLink li a::before,
  #company #companyRead #companyReadLink li span::before {
      content: '';
      display: block;
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      top: 50%;
      left: 14px;
      background: url("/templates/templates001/images/icon_ya-f6d93a9dda57c8bdffc8b877d4a03a0e.svg") no-repeat;
      transform: translateY(calc(-50% - 1px));
  }
  #company #companyInfor {
      margin: 0 auto;
  }
  #company #companyInfor .cmnListTable dt {
      font-weight: bold;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #company {
          padding-top: 30px;
          padding-bottom: 60px;
      }
      #company #companyRead #companyReadLink { margin-bottom: 30px; }
      #company #companyRead #companyReadLink li { width: calc((100% - 10px) / 2); }
      #company #companyRead #companyReadLink li a,
      #company #companyRead #companyReadLink li span { font-size: 1.1rem; }
  }
  
  
  /* JJ902004 コンセプト
  --------------------------------------------------------------------*/
  
  #concept {
      padding-top: 0;
      line-height: 1.6;
  }
  #concept #conceptMainImage {
      width: 100%;
      margin-bottom: 90px;
  }
  #concept #conceptMainImage img {
      width: 100%;
      hegiht: 100%;
      margin-top: 0;
  }
  #concept #conceptMainImage img.pc { display: block; }
  #concept #conceptMainImage img.sp { display: none; }
  #concept #conceptContents.cmnInner { max-width: calc(980px + (15px * 2)); }
  #concept #conceptRead {
      max-width: 700px;
      margin: 0 auto 120px;
  }
  #concept #conceptRead p { margin-bottom: 25px; }
  #concept #conceptRead p.readText { 
      text-align: center;
      font-weight: bold;
      font-size: 120%;
   }
  #concept #conceptRead p:last-of-type { margin-bottom: 0; }
  
  #concept #conceptList li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 4%;
      margin-top: 80px;
  }
  #concept #conceptList li .image {
      order: 1;
      width: 45%;
  }
  #concept #conceptList li .image img {
      width: 100%;
  }
  #concept #conceptList li .text {
      order: 2;
      width: calc(100% - 45% - 5%);
  }
  #concept #conceptList li .text .headding { margin-bottom: 30px; }
  #concept #conceptList li .text .titleText {
      margin-bottom: 30px;
      font-size: 2.0rem;
  }
  #concept #conceptList li:nth-child(even) .image { order: 2; }
  #concept #conceptList li:nth-child(even) .text { order: 1; }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #concept { padding-bottom: 60px; }
      #concept #conceptMainImage { margin-bottom: 45px; }
      #concept #conceptMainImage img.pc { display: none; }
      #concept #conceptMainImage img.sp { display: block; }
      #concept #conceptRead { margin-bottom: 60px; }
  
      #concept #conceptList li {
          display: block;
          margin-top: 30px;
      }
      #concept #conceptList li .image {
          width: 100%;
          margin-bottom: 10px;
      }
      #concept #conceptList li .text { width: 100%; }
      #concept #conceptList li .text .headding {
          margin-bottom: 10px;
          text-align: center;
      }
      #concept #conceptList li .text .titleText {
          margin-bottom: 15px;
          font-size: 1.6rem;
          text-align: center;
      }
  }
  
  
  /* JJ902006 オンラインお部屋探し
  --------------------------------------------------------------------*/
  
  
  #online .cmnInner {
      max-width: calc(760px + (15px * 2));
      margin-bottom: 80px;
  }
  
  #online #onlineNeed figure {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 4%;
      margin-bottom: 30px;
  }
  #online #onlineNeed figure .image {
      width: 50%;
  }
  #online #onlineNeed figure .image img {
      width: 100%;
  }
  #online #onlineNeed figure .text {
      width: calc(100% - 50% - 4%);
      padding: 20px 22px;
      background: #f5f5f5;
  }
  #online #onlineNeed figure .text ul li {
      margin-top: 10px;
      padding-left: 1.5em;
      position: relative;
  }
  #online #onlineNeed figure .text ul li::before {
      content: '■';
      display: inline-bloc;
      position: absolute;
      left: 0;
      color: #e7ab17;
  }
  #online #onlineNeed figure .text ul li:first-of-type {
      margin-top: 0;
  }
  #online #onlineNeed figure .text p { margin-top: 15px; }
  #online #onlineNeed figure .text dl { margin-top: 15px; }
  #online #onlineNeed figure .text dl dt { font-weight: bold;}
  #online #onlineNeed figure .text dl dd { margin-top: 10px;}
  
  #online #onlineNeed .caption ul {
      margin-top: 30px;
  }
  #online #onlineNeed .caption ul li {
      margin-top: 5px;
      padding-left: 1.5em;
      position: relative;
  
      font-size: 1.2rem;
      color: #666666;
  }
  #online #onlineNeed .caption ul li::before {
      content: '※';
      position: absolute;
      left: 0;
  }
  #online #onlineAbout article {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 4%;
      margin-top: 60px;
  }
  #online #onlineAbout article .image {
      order: 2;
      width: 55%;
  }
  #online #onlineAbout article .image img {
      width: 100%;
  }
  #online #onlineAbout article .text {
      order: 1;
      width: calc(100% - 55% - 4%);
  }
  #online #onlineAbout article .text p {
      margin-top: 15px;
  }
  #online #onlineAbout article:nth-of-type(even) .image { order: 1; }
  #online #onlineAbout article:nth-of-type(even) .text { order: 2; }
  
  #online #onlineContact .textBox {
      padding: 1.5em;
      background: #f5f5f5;
  }
  #online #onlineContact .textBox p {
      margin-bottom: 15px;
      text-align: center;
  }
  
  /* スマホ対応 */
  @media screen and (max-width: 749px) {
      #online {
          padding-top: 0;
          padding-bottom: 60px;
      }
      #online .cmnInner { margin-bottom: 30px; }
      #online #onlineRead .cmnInner {
          max-width: 100%;
          padding: 0;
      }
      #online #onlineRead .cmnInner p {
          padding: 0 15px;
      }
  
      #online #onlineNeed figure {
          display: block;
          margin-bottom: 30px;
      }
      #online #onlineNeed figure .image {
          width: 66%;
          margin: 0 auto;
      }
      #online #onlineNeed figure .text {
          width: 90%;
          margin: 10px auto 0;
      }
      #online #onlineNeed figure .text p { margin-top: 10px; }
      #online #onlineNeed figure .text dl { margin-top: 10px; }
      #online #onlineNeed figure .text dl dd { margin-top: 5px;}
      #online #onlineNeed .caption ul li {
          font-size: 1.0rem;
      }
      #online #onlineAbout article {
          display: block;
          margin-top: 30px;
      }
      #online #onlineAbout article:first-of-type { margin-top: 0; }
      #online #onlineAbout article .image {
          width: 100%;
          margin-bottom: 10px;
      }
      #online #onlineAbout article .image img {
          width: 100%;
      }
      #online #onlineAbout article .text {
          width: 100%;
      }
  
  }
  
  
  /* JJ902007 新婚・同棲LP
  --------------------------------------------------------------------*/
  
  #partnerSearch { padding-top: 0; }
  #partnerSearch #partnerSearchMainImage .cmnInner {
      max-width: 100%;
      margin-bottom: 30px;
      padding-left: 0;
      padding-right: 0;
      position: relative;
  }
  #partnerSearch #partnerSearchMainImage .cmnInner > img { width: 100%; }
  #partnerSearch #partnerSearchMainImage h2 {
      position: absolute;
      margin: auto;
      font-size: 2.6rem;
      color: #2f2e2e;
      top: 50%;
      left: calc( 2% + 32px + 16px);
      font-weight: bold;
      transform: translateY(-50%);
      background-color: rgba(255,255,255,0.7);
      border-radius: 3px;
      padding-left: 8px;
      padding-right: 6px;
      padding-top: 4px;
  }
  #partnerSearch #partnerSearchMainImage h2 span {
      display: block;
      font-size: 2.1rem;
  }
  #partnerSearch #partnerSearchMainImage h2 span span {
      font-weight: normal;
  }
  
  #partnerSearch #partnerSearchMainImage h2 span span::before {
      content: '';
      display: inline-block;
      width: 17px;
      height: 26px;
      margin-right: 5px;
      margin-bottom: 4px;
      vertical-align: middle;
      background: url("/templates/templates001/images/iconMap_17x25-73f8cac138279ddea1f01cbddc61470b.svg") no-repeat;
  }
  
  #partnerSearch #partnerSearchMainImage .cmnInner > img.pc,
  #partnerSearch #partnerSearchMainImage h2 span.pc { display: block; }
  #partnerSearch #partnerSearchMainImage .cmnInner > img.sp,
  #partnerSearch #partnerSearchMainImage h2 span.sp { display: none; }
  
  .newlywed-top-read {
      display: inline-block;
      margin-bottom: 23px;
      border-bottom: #ecdba0 4px solid;
      font-size: 1.8rem;
      font-weight: bold;
  }
  .newlywed-top-readTxt {
      line-height: 1.8;
  }
  .newlywed-top-toSearchBtn {
      width: 400px;
      margin: 50px auto 0;
  }
  .newlywed-top-toSearchBtn a {
      display: inline-block;
      width: 100%;
      padding: 20px 0;
      position: relative;
      background: #104712;
      border-radius: 2px;
      font-weight: bold;
      color: #FFFFFF;
      text-align: center;
  }
  .newlywed-top-toSearchBtn a::after {
      content: '';
      width: 0.7em;
      height: 0.7em;
      position: absolute;
      top: 50%;
      right: 2em;
      border-top: #FFFFFF 1px solid;
      border-right: #FFFFFF 1px solid;
      transform: translateY(-50%) rotate(45deg);
  }
  .newlywed-top-toSearchBtn a:hover {
    opacity: 0.7;
  }
  .newlywed-box {
      display: block;
      padding-left: 16px;
      padding-right: 16px;
  }
  .newlywed-box h3 {
      width: 100%;
      margin-top: 60px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #052b07;
  }
  .newlywed-point h3 {
      text-align: center;
  }
  
  .newlywed-point h3::before {
      content: '';
      display: block;
      width: 2.0em;
      height: 1.8em;
      margin: 0 auto 15px;
      background: url("/templates/templates001/images/iconNewlywedPointTtlBg-959dd8efc07f58c77cab48faf6dd3e30.svg") left top no-repeat;
      background-size: cover;
  }
  .newlywed-point ul {
      display: flex;
      column-gap: 5%;
      margin-top: 50px;
  }
  
  .newlywed-point li {
      padding: 1.2em;
      position: relative;
      background-color: #FFFFFF;
  }
  .newlywed-point li:last-of-type {
      margin-right: 0;
  }
  .newlywed-point li h4 {
      font-size: 1.8rem;
      font-weight: bold;
      text-align: center;
      color: #052b07;
  }
  .newlywed-point li .newlywed-point-ttl {
      display: block;
      width: 60px;
      position: absolute;
      top: -10px;
      left: 7%;
  }
  .newlywed-point li .newlywed-point-pic {
      display: block;
      width: 55%;
      margin: 0 auto 15px;
  }
  .newlywed-point li p {
      font-size: 1.2rem;
  }
  
  .newlywed-search h3 {
      padding-top: 0.3em;
      padding-bottom: 0.3em;
      padding-left: 2.5em;
      position: relative;
  }
  .newlywed-search h3::before {
      content: '';
      display: block;
      width: 1.5em;
      height: 1.7em;
      position: absolute;
      left: 0;
      background: url("/templates/templates001/images/iconNewlywedSearch-fafdffada083fd84b1120c323a10cd10.svg") left top no-repeat;
      background-size: cover;
  
  }
  .newlywed-search dl {
      display: flex;
      flex-wrap: wrap;
  }
  .newlywed-search dt {
      width: 80px;
      margin-top: 50px;
      font-size: 1.4rem;
  }
  .newlywed-search dt div {
      display: inline-block;
      font-weight: bold;
      border-bottom: #ecdba0 4px solid;
  }
  .newlywed-search dd {
      width: calc(100% - 80px);
      margin-top: 50px;
  }
  
  
  .newlywed-search-btn {
      display: flex;
      flex-wrap: wrap;
      column-gap: 3%;
  }
  .newlywed-search-btn li {
      width: calc(94% / 3);
      max-width: 260px;
      margin-top: 30px;
      height: auto;
      position: relative;
      overflow: visible;
  }
  .newlywed-search-btn li label {
      display: inline-block;
      width: 100%;
      margin: 0;
      padding: 1.7em 0.5em;
      position: relative;
      font-size: 1.4rem;
      font-weight: bold;
      text-align: center;
      z-index: 10;
  }
  
  .newlywed-search-btn li label::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 5px;
      border: #2d2c2c 2px solid;
  }
  .newlywed-search-btn li input {
      display: none;
  }
  
  .newlywed-search-btn li label:hover::before,
  .newlywed-search-btn li input[type=checkbox]:checked + label::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 7px;
      left: 6px;
      border-radius: 5px;
      z-index: -1;
  }
  .newlywed-search-btn-gr li label,
  .newlywed-search-btn-gr li label:hover {
      color: #1c7921;
  }
  .newlywed-search-btn-gr li label:hover::before,
  .newlywed-search-btn-gr li input[type=checkbox]:checked + label::before {
      background: url("/templates/templates001/images/picNewlywedSearchBtnBGGR-ea5c30de9773c2966e156a1ed91d9886.png") repeat;
  }
  .newlywed-search-btn-or li label,
  .newlywed-search-btn-or li label:hover {
      color: #b47129;
  }
  .newlywed-search-btn-or li label:hover::before,
  .newlywed-search-btn-or li input[type=checkbox]:checked + label::before {
      background: url("/templates/templates001/images/picNewlywedSearchBtnBGOR-4c2e2bd31345c8ebfda25beac60ad76f.png") repeat;
  }
  
  .newlywed-search-arealink {
      display: flex;
      flex-wrap: wrap;
      margin-top: 30px;
  }
  .newlywed-search-arealink li {
      display: block;
      width: 33%;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 2.1em;
      position: relative;
  }
  .newlywed-search-arealink li::before {
      content: '';
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      position: absolute;
      top: 50%;
      left: 0;
      border-top: #3a5289 2px solid;
      border-right: #3a5289 2px solid;
      transform: translateY(-50%) rotate(45deg);
  }
  .newlywed-search-arealink li a {
      display: block;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #3a5289;
  }
  
  .newlywed-search-arealink li a:hover {
      text-decoration: underline;
      text-underline-offset:0.3em;
  }
  
  .newlywed-search-trainBtn {
      margin-top: 30px;
      text-align: center;
  }
  .newlywed-search-trainBtn a {
      display: inline-block;
      width: 400px;
      padding: 1em;
      position: relative;
      border: #828181 2px solid;
      border-radius: 5px;
      font-size: 1.4rem;
      text-align: center;
  }
  .newlywed-search-trainBtn a:hover {
      background-color: #e9e8e8;
  
      color: inherit;
  }
  .newlywed-search-trainBtn a::before {
      content: '';
      display: block;
      width: 3em;
      height: 3em;
      position: absolute;
      top: 50%;
      left: 1em;
      background: url("/templates/templates001/images/iconNewlywedTrain-6eb000e4afdd3942a212c6777f734c3d.svg") no-repeat;
      background-size: cover;
      transform: translateY(-50%);
  }
  .newlywed-search-trainBtn a::after {
      content: '';
      display: block;
      width: 0.7em;
      height: 0.7em;
      position: absolute;
      top: 50%;
      right: 1em;
      border-top: #737373 2px solid;
      border-right: #737373 2px solid;
      transform: translateY(-50%) rotate(45deg);
  }
  
  #partnerSearch #partnerSearchNewer .slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 500;
    cursor: pointer;
  }
  #partnerSearch #partnerSearchNewer .slider .slick-arrow img {
      width: 15px;
      height: auto;
  }
  #partnerSearch #partnerSearchNewer .slider .slick-arrow.prev { right: calc(100% + 5px); }
  #partnerSearch #partnerSearchNewer .slider .slick-arrow.next { left: calc(100% + 5px); }
  #partnerSearch #partnerSearchMembers a {
      display: block;
      width: 65%;
      margin-left: auto;
      margin-right: auto;
      /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.2)); */
      transform: translateZ(0);
  }
  #partnerSearch #partnerSearchMembers a img {
      display: block;
      width: 100%;
      height: 100%;
  }
  #partnerSearch #partnerSearchMembers a img.pc { display: block; }
  #partnerSearch #partnerSearchMembers a img.sp { display: none; }
  
  /* スマホ対応 */
  @media print, screen and (max-width: 749px){
      #partnerSearch #partnerSearchMainImage .cmnInner {
          width: 100%;
          max-width: 100%;
          margin-bottom: 20px;
      }
      #partnerSearch #partnerSearchMainImage .cmnInner > img { width: 100%; }
      #partnerSearch #partnerSearchMainImage h2 {
          font-size: 1.6rem;
          left: 16px;
      }
      #partnerSearch #partnerSearchMainImage h2 span {
          display: block;
          font-size: 1.4rem;
      }
  
      #partnerSearch #partnerSearchMainImage h2 span span::before {
          content: '';
          display: inline-block;
          width: 12px;
          height: 18px;
          margin-right: 5px;
          margin-bottom: 4px;
          vertical-align: middle;
          background: url("/templates/templates001/images/iconMap_17x25-73f8cac138279ddea1f01cbddc61470b.svg") no-repeat;
      }
  
      #partnerSearch #partnerSearchMainImage .cmnInner > img.pc,
      #partnerSearch #partnerSearchMainImage h2 span.pc { display: none; }
      #partnerSearch #partnerSearchMainImage .cmnInner > img.sp,
      #partnerSearch #partnerSearchMainImage h2 span.sp { display: block; }
  
      .newlywed-top-read {
          margin-bottom: 10px;
          font-size: 1.4rem;
      }
      .newlywed-top-toSearchBtn {
          width: 80%;
          margin: 30px auto 0;
      }
      .newlywed-box {
          padding-left: 5px;
          padding-right: 5px;
      }
      .newlywed-box h3 {
          margin-top: 40px;
          font-size: 1.6rem;
      }
      .newlywed-point ul {
          flex-direction: column;
          width: 100%;
          margin-top: 30px;
      }
  
      .newlywed-point li {
          width: 100%;
      }
      .newlywed-point li:not(:first-of-type) {
          margin-top: 20px;
      }
      .newlywed-point li h4 {
          font-size: 1.6rem;
      }
  
      .newlywed-search h3 {
          margin-top: 40px;
          padding-bottom: 0;
      }
  
      .newlywed-search dt {
          width: 60px;
          margin-top: 30px;
          font-size: 1.4rem;
      }
      .newlywed-search dd {
          width: calc(100% - 60px);
          margin-top: 30px;
      }
  
  
      .newlywed-search-btn {
          flex-direction: column;
      }
      .newlywed-search-btn li {
          width: 80%;
          max-width: 80%;
          min-width: 190px;
          margin-top: 15px;
      }
  
      .newlywed-search-btn li label {
          padding-top: 1em;
          padding-bottom: 1em;
          font-size: 1.4rem;
      }
      .newlywed-search-arealink {
          margin-top: 10px;
      }
      .newlywed-search-arealink li {
          width: 50%;
          padding-top: 2px;
          padding-bottom: 2px;
          padding-left: 1.2em;
      }
      .newlywed-search-trainBtn a {
          width: 100%;
          font-size: 1.4rem;
      }
      .newlywed-search-trainBtn a::before {
          width: 2em;
          height: 2em;
          left: 0.5em;
      }
      .newlywed-search-trainBtn a::after {
          width: 0.5em;
          height: 0.5em;
          right: 0.5em;
      }
  
      #partnerSearch #partnerSearchNewer .cmnArticleList4c {
          width: calc(100% - (10px * 2));
          margin-left: auto;
          margin-right: auto;
      }
      #partnerSearch #partnerSearchNewer .slider .slick-arrow {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 500;
          cursor: pointer;
      }
      #partnerSearch #partnerSearchNewer article {
          margin: 0 5px;
      }
      #partnerSearch #partnerSearchNewer .slider .slick-arrow img {
          width: 10px;
      }
      #partnerSearch #partnerSearchNewer .slider .slick-arrow.prev { right: calc(100% + 2px); }
      #partnerSearch #partnerSearchNewer .slider .slick-arrow.next { left: calc(100% + 2px); }
  
      #partnerSearch #partnerSearchMembers a {
          width: 100%;
      }
      #partnerSearch #partnerSearchMembers a img {
          display: block;
          width: 100%;
          height: 100%;
      }
      #partnerSearch #partnerSearchMembers a img.pc { display: none; }
      #partnerSearch #partnerSearchMembers a img.sp { display: block; }
  }
  
  /* 複数件の地図マーカー表示対応 開始 */
  .cluster-1{
    background:#ec8306;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
  }
  
  .cluster-1 span{
    margin-right: 2px;
  }
  /* 複数件の地図マーカー表示対応 終了 */
  
  /* マイページ来店予約キャンセルモーダル 開始 */
  .recommend-wrap{margin-top:20px;}
  .recome-box{padding:20px 20px 20px 40px;margin-top:10px;}
  .recome-box{border: 1px solid #808080;position:relative;}
  .favorite-day{width:100%;border-right:none;line-height:35px;margin-bottom:10px;}
  .favorite-day{width:20%;border-right:1px solid #dddddd;padding-right:10px;}
  .favorite-day-g{background-color:#e0e0e0;padding:3px 5px;}
  .favorite-txt{width:40%;}
  .favorite-btn{width:35%;}
  .flex-wrap{display:flex;}
  .justify-between{justify-content:space-between;}
  .align-center{align-items:center;}
  .favorite-txt-xs{border-bottom:1px solid #808080;padding-bottom:7px;margin-bottom:7px;}
  .mt5{margin-top:5px;}
  .favorite-btn{width:35%;}
  .content3-btn1{background-color:#ffffff;border:1px solid #e3e3e3;text-align:center;padding:5px;display:block;border-radius:3px;width:33%;margin-top:5px;margin-right: 10px;}
  .content3-btn1:hover{background-color:#e3e3e3;color:#303030;}
  .content3-btn2{background-color:#b8b69a;border:1px solid #e3e3e3;text-align:center;padding:5px;display:block;border-radius:3px;width:33%;margin-top:5px;}
  .content3-btn2:hover{background-color:#e3e3e3;color:#303030;}
  
  @media screen and (max-width: 640px) {
    .columnxs{flex-direction: column;}
    .favorite-day{width:100%;border-right:none;line-height:35px;margin-bottom:10px;}
    .favorite-txt{width:100%;margin-bottom:20px;}
    .favorite-btn{width:100%;}
      .favorite-txt-xs{border-bottom:1px solid #808080;padding-bottom:7px;margin-bottom:7px;}
    .content3-btn1{padding:5px;width:48%;background-color:#e6e8e1;margin-top:10px;margin-right: 10px;}
    .content3-btn2{padding:5px;width:100%;margin-top:10px;}
    .content3-btn1:hover{background-color:#b1b7a2;}
  
  }
  /* マイページ来店予約キャンセルモーダル 終了 */
  
  /* 問合せ店舗選択画面 開始 */
  .modalSelectShop-body {
      padding:50px 40px 80px;
  }
  .modaal-container .intro > p {
      text-align:center;
      margin-bottom: 30px;
  }
  .modalSelectShop-body label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 2%;
      width: 80%;
      margin: 0 auto 15px;
      padding: 0;
      border: #c0c0c0 1px solid;
  }
  .modalSelectShop-body label input {
      position: absolute;
      z-index: -1;
      opacity: 0;	
  }
  .modalSelectShop-body label .shopName {
      font-weight: bold;
      position: relative;
      padding-left: 11%;
      width: 20%;
  }
  .modalSelectShop-body label .shopName::before {
      content: '';
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 25px;
      border-radius: 100vw;
      border: #cccccc 1px solid;
      transform: translateY(-50%);
  }
  .modalSelectShop-body label .shopName::after {
      content: '';
      display: none;
      width: 10px;
      height: 10px;
      position: absolute;
      top: 50%;
      left: calc(25px + 5px);
      border-radius: 100vw;
      background: #d77e00;
      transform: translateY(-50%);
  }
  .modalSelectShop-body label input:checked + .shopName::after {
      display: block;
  }
  .modalSelectShop-body label .text {
      width: calc(100% - (20% + 2%));
      padding: 18px 18px 18px 0;
  }
  /* SP表示 */
  @media print, screen and (max-width: 640px) {
      .modalSelectShop-body label {
          padding: 15px 10px;
      }
      .modaal-container .modalSelectShop-body {
          padding: 40px 20px;
      }
      .modaal-container .intro > p {
          margin-bottom: 15px;
      }
      .modalSelectShop-body label .text {
          padding: 5px 0 0 11%;
          width:90%
      }
      .modalSelectShop-body label .shopName {
          padding-left: 13%;
          width: auto;
      }
      .modalSelectShop-body label .shopName::before {
          width: 18px;
          height: 18px;
          left: 5px;
      }
      .modalSelectShop-body label .shopName::after {
      left: calc(4px + 5px);
  }
  }
  
  .modalContactTel-body {
      padding: 50px 40px 80px;
  }
  .modalContactTel-body .intro {
      text-align: center;
      padding-bottom: 0;
  }
  .modalContactTel-body .intro h2 {
      margin-bottom: 20px;
  }
  .modalContactTel-body article {
      padding: 0 40px;
      margin-bottom: 10px;
  }
  .modalContactTel-body article a {
      color: #000;
      border: 1px solid #ccc;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 30px;
      text-decoration: none;
      width:100%;
  }
  .modalContactTel-body article a .shopName {
      font-weight: bold;
      width: 10%;
  }
  .modalContactTel-body article a .icon {
      display:none;
  }
  /* SP表示 */
  @media print, screen and (max-width: 640px) {
      .modaal-container .modalContactTel-body {
        padding: 40px 20px;
      }
      .modalContactTel-body article {
          padding: 0px 20px;
      }
      .modalContactTel-body article a {
          justify-content: space-between;
          flex-wrap: wrap;
          padding: 20px;
      }
      .modalContactTel-body article a .shopName {
          width: 100%;
      }
      .modalContactTel-body article a .text {
          width:65%;
          padding-top: 5px;
      }
      .modalContactTel-body article a .icon {
          display: block;
      }
  }
  /* 問合せ店舗選択画面 終了 */
  .p-footer-inst img{width: 30px;margin-top: 10px;}
  .c{text-align: center;}
  .press-btn{
      display: inline-block;
      text-align: center;
      background: #CB801B;
      margin: 25px auto;
      color: #ffffff;
      padding: 0 20px;
      position: relative;
      line-height: 2.3;
  }
  a.press-btn:hover {
      color: #303030;
      text-decoration: underline;
      opacity: 0.8;
      text-decoration: none;
  }
  
  a.press-btn:visited {
      color: #ffffff;
      text-decoration: none;
  }
  .press-btn::before { 
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 7px;    
    height: 7px;  
    border-top: 1px solid #ffffff;     
    border-right: 1px solid #ffffff;   
    transform: rotate(45deg);    
  }
  .press-bana-sp {
    display: none;
    /* filter:drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
    width: 100%;
  }
  .press-bana-pc {
    display: block;
    /* filter:drop-shadow(0 0 5px rgb(0,0,0,0.2)); */
    margin-top: 25px;
    width: 100%;
  }
  .press-bana-sp:hover, .press-bana-pc:hover{opacity: 0.8;}
  @media screen and (max-width: 650px) {
      .press-bana-pc { display: none; }
      .press-bana-sp { display: block; }
  }
  .press-footer-bana {
      max-width: calc(760px + (15px * 2));margin: 0 auto 60px;padding: 0 15px;
  }
  .press-btn:link {
      color: #ffffff;
  }
  
  /* ROOM SELECTが選ばれる理由(物件一覧) */
  .jj301001 #topReason {
      padding-top: 60px;
      padding-bottom: 60px;
      background: #ffffff;
  }
  .jj301001 #topReason .cmnInner { max-width: calc(820px + (15px * 2)); }
  .jj301001 #topReason .cmnHeadline3 {
      margin-bottom: 60px;
      text-decoration: underline;
      text-decoration-style: dotted;
      text-decoration-color: #e8ac1a;
      text-decoration-thickness: 2px;
      text-underline-offset: 0.3em;
  
      text-underline-offset: 1em;
  }
  .jj301001 #topReason #topReasonArticles {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 7%;
  }
  .jj301001 #topReason #topReasonArticles article .image {
      width: 180px;
      height: 180px;
      margin: 0 auto 23px;
  }
  .jj301001 #topReason #topReasonArticles article .text .cmnHeadline5 { margin-bottom: 10px; }
  @media screen and (max-width: 749px) {
      .jj301001 #topReason {
          padding-top: 20px;
          padding-bottom: 20px;
          background: #ffffff;
      }
      .jj301001 #topReason .cmnHeadline3 {
          margin-bottom: 40px;
      }
      .jj301001 #topReason #topReasonArticles { display: block; }
      .jj301001 #topReason #topReasonArticles article {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 0 10px;
          width: 100%;
          margin-top: 20px;
      }
      .jj301001 #topReason #topReasonArticles article .image {
          width: 90px;
  
          height: 90px;
          margin: 0 auto;
      }
      .jj301001 #topReason #topReasonArticles article .text {
          width: calc(100% - 90px - 10px);
      }
      .jj301001 #topReason #topReasonArticles article .text .cmnHeadline5 {
          margin-bottom: 5px;
          font-size: 1.4rem;
          text-align: left;
      }
  }
  
  /*プライバシーポリシー同意追加対応 開始*/
  .privacy-policy {
      margin: 23px;
      height: 300px;
      overflow: auto;
      padding: 30px;
      background: #f5f5f5;
      font-size: 1.2rem;
  }
  .privacy-policy-checkbox-group {
      display: flex;
  }
  .privacy-policy-checkbox {
      margin: auto;
  }
  /*プライバシーポリシー同意追加対応 終了*/