@charset "UTF-8";

/* sass */
/* sass */
/* override */
.sec-cmn-01.s-gray { background-color: #f2f2f2; }

/* SP first */
.ft-bold { font-weight: bold; }

.wrap-featured-issue { background-color: #f2f2f2; padding: 20px 0; }

.wrap-featured-issue .featured-cover { margin: 0 auto; max-width: 270px; text-align: center; }

.wrap-featured-issue .featured-cover img { max-width: 100%; }

.wrap-featured-issue.landscape .featured-cover { max-width: 355px; }

.wrap-featured-issue .featured-content .featured-num { margin-top: 20px; }

.wrap-featured-issue .featured-content .featured-num .txt-num { font-size: 16px; }

.wrap-featured-issue .featured-content .featured-num .txt-num .lbl-newest { background-color: #3b66b5; color: #fff; display: inline-block; font-weight: normal; line-height: 1.5; margin-right: .5em; padding: 0 10px; }

.wrap-featured-issue .featured-content .featured-ttl { margin-top: 15px; }

.wrap-featured-issue .featured-content .featured-ttl:first-child { margin-top: 20px; }

.wrap-featured-issue .featured-content .featured-ttl .txt-ttl { font-size: 24px; font-weight: bold; line-height: 1.2; }

.wrap-featured-issue .featured-content .featured-summary { margin-top: 10px; }

.wrap-featured-issue .featured-content .featured-summary .txt-summary { font-size: 16px; line-height: 1.5; white-space: pre-line; }

.wrap-featured-issue .featured-content .featured-author { font-size: 16px; margin-top: 15px; }

.wrap-featured-issue .featured-content .featured-author .box-author { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row nowrap; justify-content: flex-start; }

.wrap-featured-issue .featured-content .featured-author .box-author > .ttl { flex-grow: 0; flex-shrink: 0; white-space: nowrap; }

.wrap-featured-issue .featured-content .featured-data { border-top: 1px solid #707070; margin-top: 20px; padding-top: 15px; }

.wrap-featured-issue .featured-content .featured-data .box-data .item .ttl { display: inline-block; }

.wrap-featured-issue .featured-content .featured-data .box-data .item .cnt { display: inline-block; }

.wrap-lst-others .lst-others > .item .others-link { background-color: #f2f2f2; box-sizing: border-box; color: #1432aa; display: block; padding: 15px 40px 15px 15px; position: relative; text-decoration: none; }

.wrap-lst-others .lst-others > .item .others-link::after { border-color: #1432aa; border-style: solid; border-width: 2px 2px 0 0; bottom: 0; box-sizing: border-box; content: ""; height: 12px; margin: auto 0; position: absolute; right: 12px; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 12px; }

.wrap-lst-others .lst-others > .item .others-link .item-ttl .txt-ttl { font-size: 16px; }

.wrap-lst-others .lst-others > .item .others-link .item-ttl .txt-ttl .txt-ttl-sub { font-size: 14px; }

.wrap-lst-others .lst-others > .item .others-link .item-data { margin-top: 5px; }

.wrap-lst-others .lst-others > .item .others-link .item-data .txt-data { color: #333; font-size: 12px; }

.wrap-lst-others .lst-others > .item:nth-child(even) .others-link { background-color: #fff; }

@media all and (max-width: 768px) { .ttl-cmn-01.others { font-size: 28px; margin-bottom: 5px; }
  .ttl-cmn-02.others { font-size: 24px; margin: 10px 0 0; } }

@media all and (min-width: 769px) { .ttl-cmn-01.others { margin-bottom: 0; }
  .wrap-featured-issue { display: flex; }
  .wrap-featured-issue .featured-cover { margin-right: 50px; width: 270px; }
  .wrap-featured-issue .featured-content { position: relative; width: calc(100% - 320px); }
  .wrap-featured-issue .featured-content .featured-share { margin-top: 0; position: absolute; right: 0; top: 0; }
  .wrap-featured-issue .featured-content .featured-num { margin-top: 0; }
  .wrap-featured-issue .featured-content .featured-ttl:first-child { margin-top: 0; }
  .wrap-featured-issue .featured-content .featured-summary { margin-top: 10px; }
  .wrap-featured-issue .featured-content .featured-data { margin-top: 15px; }
  .wrap-featured-issue .featured-content .featured-data .box-data .ttl, .wrap-featured-issue .featured-content .featured-data .box-data .cnt { line-height: 1.2; }
  .wrap-featured-issue.landscape .featured-cover { width: 355px; }
  .wrap-featured-issue.landscape .featured-content { width: calc(100% - 405px); }
  .wrap-lst-others .lst-others > .item .others-link { padding: 15px 55px 15px 15px; transition: opacity .3s ease; }
  .wrap-lst-others .lst-others > .item .others-link:hover { opacity: .7; } }