@charset "UTF-8";
/* ==========================================================================//
//
//　記事詳細
//
// ========================================================================== */
.wrapper .mainArea {
  width: 100%;
}

.flexGrow {
  flex-grow: 1;
}

.lnk.arrowBtm {
  position: relative;
  padding-left: 1em;
  line-height: 1.3;
}
.lnk.arrowBtm::before {
  content: '';
  position: absolute;
  top: .4em;
  left: 0;
  display: block;
  width: .4em;
  height: .4em;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(135deg);
}

/** -------------------------------- **
	太字タイトル
*** ----------------------------------------------------------------- ***/
.boldTitle {
  font-weight: 700;
  line-height: 1.5;
}

/** -------------------------------- **
	txtBox
*** ----------------------------------------------------------------- ***/
.txtBox * {
  line-height: 1.75;
}

/** -------------------------------- **
	imgBox
*** ----------------------------------------------------------------- ***/
@media only screen and (max-width: 767px) {
  .imgBox.col2sp {
    display: flex;
    justify-content: space-around;
  }
  .imgBox.col2sp li {
    margin-top: 0;
  }
}

/** -------------------------------- **
	画像リスト
*** ----------------------------------------------------------------- ***/
.imgList {
  display: flex;
  justify-content: space-between;
}
.imgList .imgBox {
  text-align: center;
}
.imgList .imgBox figcaption {
  margin-top: .5em;
  line-height: 1.5;
  text-align: left;
}
.imgList .imgBox figcaption.bottom {
  margin-top: 0;
  margin-bottom: .5em;
}
.imgList.col2 .imgBox {
  width: calc((100% - 90px) / 2);
}
.imgList.col2.w315 {
  justify-content: center;
}
.imgList.col2.w315 .imgBox {
  width: 315px;
}
.imgList.col2.w315 .imgBox + .imgBox {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .imgList {
    flex-wrap: wrap;
  }
  .imgList .imgBox {
    width: 100%;
  }
  .imgList .imgBox + .imgBox {
    margin-top: 20px;
  }
  .imgList .imgBox figcaption {
    text-align: center;
  }
  .imgList.col2 .imgBox {
    width: 100%;
  }
  .imgList.col2.w315 .imgBox {
    width: 100%;
  }
  .imgList.col2.w315 .imgBox + .imgBox {
    margin-left: 0;
  }
  .imgList.mainImgList .imgBox {
    width: 100%;
  }
  .imgList.col2sp {
    justify-content: center;
  }
  .imgList.col2sp .imgBox {
    width: calc((100% - 30px) / 2);
    margin-top: 0;
  }
  .imgList.col2sp .imgBox:nth-of-type(n + 3) {
    margin-top: 20px;
  }
  .imgList.col2sp .imgBox:nth-of-type(2n) {
    margin-left: 10px;
  }
}

/** -------------------------------- **
	リスト
*** ----------------------------------------------------------------- ***/
.list li + li {
  margin-top: .5em;
}

/** -------------------------------- **
	インラインリスト
*** ----------------------------------------------------------------- ***/
.inlineList li {
  display: inline-block;
  margin-right: 1em;
}
@media only screen and (max-width: 767px) {
  .inlineList li {
    display: block;
    margin-right: 0;
  }
  .inlineList li + li {
    margin-top: .5em;
  }
}

/** -------------------------------- **
	番号リスト
*** ----------------------------------------------------------------- ***/
.numDataList dt {
  margin-bottom: .5em;
  padding-left: 1em;
  font-weight: 700;
  text-indent: -1em;
  line-height: 1.5;
}
.numDataList dt:nth-of-type(n + 2) {
  margin-top: .75em;
}
.numDataList dd {
  padding-left: 1em;
}

/** -------------------------------- **
	リンクリスト
*** ----------------------------------------------------------------- ***/
.linkDataList dt {
  font-weight: 700;
}
.linkDataList dt:nth-of-type(n + 2) {
  margin-top: .5em;
}
.linkDataList dd {
  padding-left: 1.2em;
}
@media only screen and (max-width: 767px) {
  .linkDataList dt {
    margin-bottom: .5em;
  }
  .linkDataList dt:nth-of-type(n + 2) {
    margin-top: .75em;
  }
}

/** -------------------------------- **
	点線区切り
*** ----------------------------------------------------------------- ***/
.borderSecBox + .borderSecBox {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dotted #ccc;
}
