@charset "UTF-8";
/* min-width: 1028px; */
/* 共通設定 */
/* dfsPlusColumnHeader */
#wrap .dfsPlusColumnHeader {
  margin-top: 2em;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsPlusColumnHeader {
    margin-top: 1.4285714286em;
  }
}

/* .dfsplusColumnMain */
#wrap .dfsplusColumnMain {
  width: 100%;
}
/*  dfsplusColumnCop */
#wrap .dfsplusColumnCopy {
  margin-top: 2.5em;
  line-height: 1.88;
  text-align: center;
  font-size: 1.3333333333em;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnCopy {
    margin-top: 1.5em;
    font-size: 1.1428571429rem;
  }
}
#wrap .dfsplusColumnCopy > span {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnCopy > span {
    display: initial;
  }
}

/* .dfsplusColumns */
#wrap .dfsplusColumns {
  margin-top: 4.6666666667em;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumns {
    margin-top: 3.2857142857rem;
  }
}
#wrap .dfsplusColumns > h2 {
  width: 47.7333333333%;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumns > h2 {
    width: 20.8139534884%;
  }
}

/* .dfsplusColumsKeyword */
#wrap .dfsplusColumsKeywords {
  margin-top: 2.6666666667em;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumsKeywords {
    margin-top: 2.2857142857rem;
  }
}
#wrap .dfsplusColumsKeywords > h3 {
  width: 46.1333333333%;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumsKeywords > h3 {
    width: 20.1162790698%;
  }
}

/* .dfsplusColumnsKeywordList */
#wrap .dfsplusColumnsKeywordList {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
  row-gap: 0.25em;
  width: 89.3333333333%;
  margin-top: 2em;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnsKeywordList {
    -moz-column-gap: 0.2857142857rem;
         column-gap: 0.2857142857rem;
    row-gap: 0.2857142857rem;
    width: auto;
    margin-top: 1.7142857143rem;
  }
}
#wrap .dfsplusColumnsKeywordList .--keyword {
  display: none;
  margin: 0;
  opacity: 0;
  transition: opacity 0.2s 0.1s linear;
}
#wrap .dfsplusColumnsKeywordList .--keyword.--active {
  display: block;
  opacity: 1;
}
#wrap .dfsplusKeywordsMore {
  margin-top: 2em;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusKeywordsMore {
    margin-top: 1.7142857143rem;
  }
}
#wrap .dfsplusKeywordsMore:has(.--open) {
  margin-top: 0;
}

/* .dfsplusColumnWrapper */
#wrap .dfsplusColumnWrapper {
  position: relative;
  margin-top: 3.3333333333em;
  padding: 3.3333333333em 0;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnWrapper {
    margin-top: 2.8571428571rem;
    padding: 2.8571428571rem 0;
  }
}
#wrap .dfsplusColumnWrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 100vw;
  height: 100%;
  background-color: rgba(254, 242, 182, 0.5);
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnWrapper:before {
    width: 93.023255814%;
  }
}
#wrap .dfsplusColumnWrapper .dfsplusColumnList {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  -moz-column-gap: 7.6452599388%;
       column-gap: 7.6452599388%;
  row-gap: 2.0833333333em;
  width: 87.2%;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnWrapper .dfsplusColumnList {
    display: grid;
    grid-template-columns: repeat(4, 22.2385861561%);
    -moz-column-gap: 3.6818851252%;
         column-gap: 3.6818851252%;
    row-gap: 1.7857142857rem;
    width: 78.9534883721%;
  }
}
#wrap .dfsplusColumnWrapper .dfsplusColumn {
  display: none;
  opacity: 0;
  width: 46.1773700306%;
  transition: opacity 0.3s 0.1s linear;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnWrapper .dfsplusColumn {
    width: 100%;
  }
}
#wrap .dfsplusColumnWrapper .dfsplusColumn.--active {
  display: block;
  opacity: 1;
}
.u-13 #wrap .dfsplusColumnWrapper .dfsplusColumn:nth-of-type(n+3) {
  margin-top: 2.0833333333em;
}
#wrap .dfsplusColumnWrapper .dfsplusColumnInfo {
  display: flex;
  flex-direction: column;
  row-gap: 1.3333333333em;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnWrapper .dfsplusColumnInfo {
    row-gap: 1rem;
  }
}
#wrap .dfsplusColumnWrapper .dfsplusColumnImg {
  position: relative;
  width: 100%;
}
#wrap .dfsplusColumnWrapper .dfsplusColumnFig {
  display: block;
  overflow: hidden;
  border-radius: 1.6666666667em;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnWrapper .dfsplusColumnFig {
    border-radius: 1.4285714286rem;
  }
}
#wrap .dfsplusColumnWrapper .dfsplusColumnPict {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#wrap .dfsplusColumnWrapper .dfsplusColumnPict.--new {
  width: 19.8675496689%;
  transform: translateY(-26.6666666667%);
}
#wrap .dfsplusColumnWrapper .dfsplusColumnDate, #wrap .dfsplusColumnWrapper .dfsplusColumnTitle {
  width: 100%;
  font-size: 3.7333333333vw;
}
@media only screen and (min-width: 768px) {
  #wrap .dfsplusColumnWrapper .dfsplusColumnDate, #wrap .dfsplusColumnWrapper .dfsplusColumnTitle {
    font-size: 1rem;
  }
}
#wrap .dfsplusColumnWrapper .dfsplusColumnTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.75;
  overflow: hidden;
}
#wrap .dfsplusColumnWrapper .dfspluColumnsMore {
  margin-top: 2em;
}
#wrap .dfsplusColumnWrapper .dfspluColumnsMore:has(.--open) {
  margin-top: 0;
}

/*  */