.imgarea.caption {
    text-align: center;
}

.imgarea.caption img {
    display: block;
    margin: 0 auto 0.5rem;
    border: solid 1px #eee;
    width: auto;
    max-width: 600px;
}

.linkarea {
    background: #f7f9fd;
    margin: 3rem auto;
    padding: 1rem 3rem 2.5rem;
    border: solid 4px #1f4d9a;
    width: 90%;
}

.linkarea a img {
    margin: 0 auto;
    display: block;
}
.l-parts02-white__column2__right .price-list {
    margin-bottom: 1rem;
}

.l-parts02-white__column2__right p.caption {
    margin-bottom: 2rem;
}


.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 150px;
  margin: auto;
  padding: .5em 0;
  border-radius: 2px;
  background: #333d47;
  color: #fff;
  /* font-size: 1.3rem; */
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn::after {
  content: "もっと見る"
}
.grad-btn:hover {
  background: #fff;
  color: #41413f;
}
.grad-btn .fa {
  /* margin-right: .5em; */
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 32rem;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  z-index: 1;
}
.grad-trigger {
  display: none;
}
.grad-trigger:checked ~ .grad-btn {
  bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {
  content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {
  transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
  height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}

/* oki_20220509 */

  @media screen and (max-width: 480px){
    .kanren {
      width: 92% !important;
    }
  }


  .kanren {
      /* border: 3px solid #ff5252; */
      /* padding: 20px 30px ; */
      /* margin: 30px 0; */
      position: relative;
      box-sizing: border-box;
      z-index: 0;
      width: 1000px;
      margin: auto;
  
  }

  .kanren ul li{
    margin: 0 0 1em 0;
    padding: 0 0 0 16px;
    position: relative;
  }

  .kanren ul li::before{
    content: "";
    width: 10px;
    height: 10px;
    background: #77C6F4;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 11px;
  }

  .midasi {
      font-size: 16px;
      font-weight: bold;
      text-align: left;
      margin-bottom: 15px;
  }
  .kanren br {
      display: none;
  }

  /* アコーディオンのときに下記追加 */
  .readmore-content {
      position: relative;
      overflow: hidden;
      height: 100px;
  }
  .readmore-content::before {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      content: "";
      /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
      height: 50px;
      z-index: 1;
      background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
      background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
  }

  /* 続きを読むボタン */
  .readmore-label{
      display: table;
      bottom: 5px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      margin: 5px auto;
      z-index: 2;
      padding: 6px 15px;
      /* background-color: #ff7777; */
      background-color: #1f4d9a;
      border-radius: 20px;
      color: #FFF;
      font-weight: bold;
  }
  .readmore-label:before{
      content: "\7D9A\304D\3092\8AAD\3080";
  }

  .readmore-check{
      display: none;
  }
  /*チェック時にボタンを非表示*/
  .readmore-check:checked ~ .readmore-label{
      position: static;
      transform: translateX(0);
      -webkit-transform: translateX(0);
      /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
      /* display: none; */
  }
  .readmore-check:checked ~ .readmore-label:before{
      content: "\9589\3058\308B";
  }
  /*チェック時に高さを自動に戻す*/
  .readmore-check:checked ~ .readmore-content{
      height: auto;
  }
  /*チェック時グラデーション等を削除*/
  .readmore-check:checked ~ .readmore-content::before {
      display: none;
  }

  /* oki_20220509 */


.category_links{
    position: relative;
    z-index: 5;
    margin: 3rem 0;
    padding: 0 1.5rem 1.5rem;
    color: #1F4D9A;
    font-weight: 900;
    font-size: 2.6rem;
    line-height: 1.4;
   }
   .category_links::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: calc(100% - 10px);
    background: #1F4D9A;
   }

.l-parts01-column3__box {
    padding: 3.4rem 2rem;
}

.h2-mdk{
	position: relative;
    z-index: 5;
    margin: 1rem;
    padding: 0 1.5rem 1.5rem 2.5rem;
    color: #1F4D9A;
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1.4;
}
.h2-mdk::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: calc(100% - 10px);
    background: #1F4D9A;
}


   /*----------------------------------------------------
       PCサイトcss
   ----------------------------------------------------*/
   
   @media screen and (min-width: 481px) {
   /*/////////////PC用のCSSをここに作成してください。/////////////*/
   /*/////////////必ず中括弧の中に作成してください。/////////////*/
    
.l-parts01-column3 .name-text {
    min-height: 7rem;
    line-height: 1.4;
}	
.l-parts01-column3 .flame {
    min-height: 18rem;
}	   
.l-parts01-column3 .name-text {
    min-height: 7rem;
    line-height: 1.4;
}
.l-parts01-column3 .l-parts01-column3__box .box-support {
    min-height: 27rem;
    margin: 1rem auto;
    margin-top: 1rem;
}
.l-parts01-column3 .l-parts01-column3__box .box-support:nth-child(5) {
    min-height: 9rem;
}
.l-parts01-column3 .l-parts01-column3__box .box-support:nth-child(3) {
    min-height: 18rem;
}	  

	   
	   
	   
	   
	   
	   
}


   /*----------------------------------------------------
       SPサイトcss
   ----------------------------------------------------*/
   
   @media screen and (max-width: 480px) {
   /*/////////////SP用のCSSをここに作成してください。/////////////*/
   /*/////////////必ず中括弧の中に作成してください。/////////////*/
   .category_links{
     position: relative;
     z-index: 5;
     margin: 3rem 0 0;
     padding: 0 1rem 1rem 1.5rem;
     font-size: 2rem;
     line-height: 1.4;
    }
   .category_links::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 4px;
     height: calc(100% - 10px);
    }
.linkarea {
    width: 100%;
    padding: 1rem 2rem 2.5rem;	
}

.linkarea a img {
    width: 80%;
}
.grad-item {
    height: 34rem;
}

.grad-wrap {
    margin-bottom: 5rem;
}


.imgarea.caption img {
    max-width: 90%;
}
}