@charset "UTF-8";
.article-parts-share .share.fb{
  height:20px;
}
.article-body .video-container {
  background: #333;
  margin-bottom: 1em;
  position: relative;
}

.article-body .video-container:before {
  content:"";
  display: block;
  padding-top: 56.25%;
}

.article-body .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article-body .map-container {
  background: #333;
  margin-bottom: 1em;
  position: relative;
}

.article-body .map-container:before {
  content:"";
  display: block;
  padding-top: 70%;
}

.article-body .map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article-body .ext-container .instagram-media {
  background: #333;
  margin-bottom: 1em;
  position: relative;
  border: none;
  padding: 0;
  box-shadow: none;
  font-size: inherit;
  line-height: inherit;
}

.article-body .ext-container .instagram-media:before {
  content:"";
  display: block;
  padding-top: 70%;
  position: static;
}

.article-body .ext-container .instagram-media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article-body .twitter-tweet {
  background: #333;
  padding: 0;
  border: none;
  box-shadow: none;
  margin-bottom: 1em;
  position: relative;
  font-size: inherit;
  line-height: inherit;
}

.article-body blockquote.twitter-tweet:before {
  content:"";
  display: block;
  padding-top: 70%;
  position: static;
}

.article-body blockquote.twitter-tweet iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article-body iframe{
 max-width:100%;
}
.image-area-inner{position:relative;}
.source {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: .65rem;
    padding: 2px 5px;
    position: absolute;
    right: 0;
}

/* 本文スタイル追加 */
.article-body .credit{
  text-align: right;
  color: #888;
  font-size:.8em;
}
.article-body .caution{
  color:#666;
  font-size:.8em;
}
.article-body .caption a{display:inline !important;}

/* タイアップだけ本文の写真拡大を出さない */
.article-body.tieup .image-area .caption .figure-expand{
  display:none;
}
.article-body.tieup .image-area .figure-expand + .caption > br{
  display:none;
}

/* スマホ広告タイアップスキン調整用 */
.article-parts-detail .sponsored.is-color-orange{
 color:#f76618;
 font-size:12px;
}
.c-section-side .special-banner,
.c-inner .special-banner{
 margin:0 auto 30px;
 text-align:center;
}
.adarticle.is-smartphone.article-parts-detail .title{line-height:1.6;}
.adarticle.is-smartphone.article-parts-credit .credit{color:#888;}
.c-inner.is-smartphone .common-ad{text-align:center;}
.c-inner.is-smartphone .common-ad img{max-width:300px;margin:auto;}
.is-smartphone .info-simple-list > .info{padding:1em 0;}
.is-smartphone .info-simple-list > .info span.name{font-size:18px;font-weight:bold;}

.event-detail-info iframe{max-width:95%;margin:0 auto;display:block;}

.c-ttl-bdrb.is-color-white.nobg:after{display:none;}
.c-ttl-bdrb.nobg{margin-bottom:0;}

/* 連載一覧ページ暫定処理 */
.series-thumb{height:24px;overflow:hidden;}
.series-header img{max-width:100%;position:absolute;top:0;left:0;}
.series-header .main-img{padding-top:25%;display:block;overflow:hidden;position:relative;}
.series-header h1{font-weight:normal;margin:30px 0;border-left:solid 5px #f76618;padding:7px 0 7px 15px;font-size:1.5rem;}
.series-header .summary{font-size:.8em;margin:1em 0;}

/* サムネイル画像16:9対応 */
.common-hero:before{padding-top:56.25%;}
.common-hero-article .article-parts-thumb{margin-bottom:10px;padding-top:56.25%;position:relative;width:100%;overflow:hidden;}
.common-hero-article .article-parts-thumb > img,
.article > .box .article-parts-thumb > img{position:absolute;top:0;}
.article-column-list .wrap-thumb{height:54px;overflow:hidden;}
.article > .box .article-parts-thumb{margin-bottom:10px;padding-top:56.25%;position:relative;width:100%;overflow:hidden;}

/* 広告ページのボタンカラー */
.c-btn.--blue{background:#0d306f;}
.c-btn.--black{background:#000;}
.c-btn.--skyblue{background:#48abd4;}
.c-btn.--green{background:#20ad86;}
.c-btn.--yellowgreen{background:#95ad09;}
.c-btn.--purple{background:#7d6ca5;}
.c-btn.--red{background:#ea4848;}
.c-btn.--orange{background:#f76618;}
.c-btn.--gray{background: #f0f0f0;color: #151515;}
.c-btn.\--size-s {width: 100px;margin:auto;}
.c-btn.\--size-m {width: 260px;margin:auto;}
.c-btn.\--size-l {width: 100%;margin:auto;}
.adlinkblock > .c-btn{font-weight:bold;height:auto;padding:.7em 1em;}

.is-side-ad-btn{height:auto !important;}

/* SPの記事中広告デザイン調整 */
.ad-inarticle > div{padding: 24px 0 20px;position:relative;}
.ad-inarticle > div::after{content: '';border-bottom: 1px solid #f0f0f0;position: absolute;bottom: 0;width: 100%;left: 0;right: 0;}

/* SPの記事オーバーレイ広告デザイン調整 */
.ad-overlay {position:sticky;bottom:0;z-index:1000;background:#fff;display:flex;justify-content:center;}

/* 資料請求囲み */
.kakomi-ad-block{background:#fff;border:solid 1px #999;clear:both;margin-bottom: 60px;padding: 20px 15px;font-size: 0.9375rem;}
.kakomi-ad-block p{text-indent:0;}
p.ad-block-title{text-align:center;margin-bottom:.5em;}

/* 広告連載インデックス */
.ad-article-index{margin:50px auto;}
.article-container h4.ad-article-index__title{text-align:center;color:#333;border:solid 1px #ea4848;font-size:1rem;margin:0 0 20px 0;font-weight:normal;line-height:1.4;border-radius:.3em;padding:.2em .5em;}

/* 記事上関連記事 */
.article-notice{
 margin:1em 0;
}
.article-notice ul{
 margin-left:1em;
}
.article-notice ul li{
 font-size:.8rem;
 line-height:1.8;
}

/* 広告特集 */
.ad-special-head{
   height: 360px;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
.ad-special-head > img{
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
}
.ad-special-head__ttlWrap{
    background: rgba(0, 0, 0, 0.3);
    bottom: 40px;
    left: 0;
    margin: auto 10px;
    padding: 14px 6px 10px;
    position: absolute;
    right: 0;
    word-break: break-all;
    z-index: 30;
}
.ad-special-head__ttl{
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -1.1px;
    text-shadow: 2px 2px 3px #666;
}
.ad-special-head__lead{
    display: block;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 10px;
}
.ad-special-head__credit {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: .7rem;
    padding: 2px 4px;
    position: absolute;
    right: 0;
}
.article-list.ad-special{
width:1080px;
margin:40px auto 80px;
}
.article-list.ad-special .article-parts-thumb.triple{
  width:345px;
  height:194px;
}
.ad-special-pickup-ttl{
 color:#888;
 font-size:.8rem;
 font-weight:normal;
 text-align:center;
}