@charset "UTF-8";

/* ----------------------------------------------------------------- 
旧サイトのマークアップに対応するためのスタイル定義
-------------------------------------------------------------------- */

.article-body{
  word-break: break-all;
  overflow-wrap: break-word;
}
.article-body p,
.article-body ul,
.article-body hr,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body hr,
.article-body blockquote,
.article-body .figure,
.article-body .embed,
.article-body .box-normal,
.article-body .box-thick,
.article-body .box-color,
.article-body .box-author,
.article-body .figure-left .image-area,
.article-body .figure-right .image-area,
.article-body .images-2cols,
.article-body .images-3cols,
.article-body .box-normal p,
.article-body .box-thick p,
.article-body .box-color p,
.article-body .box-author p,
.article-body .box-normal table,
.article-body .box-thick table,
.article-body .box-color table,
.article-body .box-author table,
.article-body .box-normal ul,
.article-body .box-thick ul,
.article-body .box-color ul,
.article-body .box-author ul,
.article-body .psychology-share,
.article-body .link-button,
.article-body .magazine-buy ul{
  margin-top:0;
  margin-bottom:20px;
}
.article-body ul li {
  margin-top:0;
  margin-bottom:10px;
}
.article-body .link-button:last-child{
  margin-bottom:0;
}
.article-body .link-button:last-child:before{
  margin-bottom: 20px;
}
.article-body .box-normal *:last-child,
.article-body .box-thick *:last-child,
.article-body .box-color *:last-child,
.article-body .box-author *:last-child {
  margin-bottom:0;
}

.article-body .figure-center,
.article-body .figure-right,
.article-body .figure-left,
.article-body .figure{
 width:auto !important;
 margin-bottom:20px;
}

.article-body .figure-center span,
.article-body .figure-right span,
.article-body .figure-left span,
.article-body .figure span{
  text-align:left;
  display:inline-block;
  clear: both;
  padding-top: 4px;
  line-height: 16px;
  font-size: 12px;
  color: #999;
}

.article-body .figure img{
width:100%;
}

.article-body .box-colored{
background-color: rgba(204, 204, 204, 0.2); 
margin-top: 20px;
padding: 20px;
}

.article-body .box-colored .figure-left{
    float: left;
    width: 100px;
    margin-left: -10px;
    margin-right:20px;
}

.article-body .box-colored img{
    max-width: 200px;
    padding-top: 6px;
}

.article-body .box-colored p{
    line-height: 22px;
    font-size: 13px; 
}

.article-body .box-shop{
     border: 3px solid #ccc;
    margin-top: 20px;
    padding: 20px;
}

p.page-next {
    width: 74.67%;
  margin: 30px auto;}
p.page-next  a {
     display: block;
     font-size: 12px;
     color: #222;
     text-decoration: none;
     position: relative;
    /*height: 44px;
    line-height: 42px;*/
    padding: 12px 30px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;}
    
p.page-next a:before {
      content: '';
      position: absolute;
      right: 14px;
      top: 50%;
      width: 12px;
      height: 12px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: url(/common/crea/images/v1/icon/arrow_black.png) left center no-repeat;
      background-size: 12px; }
      
.module-sns-share p{margin-bottom:0;}
.module-related.comic{margin-bottom:0;}
.module-related.comic + .comic-essay-bottom{margin-top:10px;}

#section_tarot h2,
#section_tarot h4,
#section_tarot ul{margin-top:0;}
#section_tarot img{width:auto;}

.list-writer .item{vertical-align:top;}

.module-sns-share p{vertical-align:top;}

/* 広告調整 */
.ad-banner-space{/*max-width:320px;min-width:300px;*/margin:20px auto;text-align:center;display:block !important;}
.ad-banner-space.-sp_underarticle{
  min-height: 250px;
}
.ad-banner-space.-sp_photo_1st{
  min-height: 250px;
}
.ad-banner-space.-sp_footer_1st{
  /*min-height: 250px;*/
}
.ad-banner-space.-sp_photo_footer_1st{
  /*min-height: 250px;*/
}
.ad-banner-space.-sp_photo_footer_2nd{
  /*min-height: 250px;*/
}
.ad-banner-space.-sp_footer_2nd{
  /*min-height: 250px;*/
}
 .sp_article_inarticle{
  min-height: calc(250px + 53px);
}
.ad-banner-space div{margin:auto;}

/* --------------------
提携メディア用
----------------------- */
.associated-image{width:120px;}
.associated-image img{max-width:100%;width:auto;vertical-align:bottom;margin:20px 0;}
.associated-related{margin-bottom:40px;}
.associated-related ul li{font-size:14px;margin-bottom:12px;}
.associated-related ul li:last-child{margin-bottom:0;}
.associated-related ul li a{color:#666;font-weight:normal;text-decoration:none;}