@charset "UTF-8";

/* ----ページカテゴリ---- */
.block-pagecategory-caption,
.block-pagecategory-freespace--top,
.block-pagecategory-freespace--bottom,
.block-pagecategory-page-list {
  word-break: break-all;
  max-width: 1080px;
  padding: 0 20px;
  margin: 80px auto 0;
}

.block-pagecategory-page-list--frame{
  display: flex;
  flex-wrap: wrap;
}
.block-pagecategory-page-list--page{
  width: calc(50% - 10px);
}
.block-pagecategory-page-list--page:first-of-type{
  margin-bottom: 40px;
}
.block-pagecategory-page-list--page:nth-of-type(n+2){
  margin-top: 40px;
}
.block-pagecategory-page-list--page:nth-of-type(5n+1){
  width: 100%;
  display: flex;
  align-items: center;
}
.block-pagecategory-page-list--page:nth-of-type(10n+1){
  flex-direction: row-reverse;
}
.block-pagecategory-page-list--page:nth-of-type(5n+2),
.block-pagecategory-page-list--page:nth-of-type(5n+4) {
  margin-right: 20px;
}

.block-pagecategory-page-list--wrap{
  margin-top: 20px;
}
.block-pagecategory-page-list--page:nth-of-type(5n+1) .block-pagecategory-page-list--wrap{
  width: calc(100% - 600px);
  padding: 0 65px 0 80px;
}

.block-pagecategory-page-list--page:nth-of-type(5n+1) .block-pagecategory-page-list--page-caption{
  font-size: 16px;
  margin-top: 45px;
}

.block-pagecategory-page-list--page-image {
  display: flex;
  width: 100%;
}

.block-pagecategory-page-list--page:nth-of-type(5n+1) .block-pagecategory-page-list--page-image{
  width: calc(100% - 425px);
}

.block-pagecategory-page-list--page-image figure {
  position: relative;
  width: 100%;
  min-height: 340px;
  background: #fff;
}
.block-pagecategory-page-list--page-image figure:before {
  display: block;
  content: "";
  padding-bottom: 38.5%;
}
.block-pagecategory-page-list--page-image figure:after {
  transition: opacity .3s;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #151515;
}
.block-pagecategory-page-list--page-image figure:hover:after {
  opacity: .3;
}
.block-pagecategory-page-list--date{
  font-family: "Crimson Text",MyYuGothicM,"游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,serif;
  letter-spacing: .12em
}
.block-pagecategory-page-list--auto-new{
  display: none;
}
.block-pagecategory-page-list--page-caption a{
  width: 100%;
  margin-top: 12px;
  font-size: 14px;
  letter-spacing: .12em;
  line-height: 1.75;
}
.block-pagecategory-subcategory-list {
  display: flex;
  justify-content: center;
  max-width: 1065px;
  padding: 0 20px;
  margin: 80px auto 0;
}
.block-pagecategory-subcategory-list--category {
  display: flex;
  overflow: hidden;
  align-items: center;
}

.block-pagecategory-subcategory-list--category-caption {
  margin: 0 10px;
}

.block-pagecategory-subcategory-list--category-image {
  display: none;
  width: 200px;
  margin-bottom: 5px;
}

.block-pagecategory-subcategory-list--category-image figure {
  width: 200px;
  height: 150px;
  background: #fff;
}