@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 .box-magazine,
.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 .magazine-buy ul{
  margin-top:0;
  margin-bottom:30px;
}
.article-body ul li{
  margin-top:0;
  margin-bottom:10px;
}
.article-body .link-button:before {
  margin-bottom: 30px;
}
.article-body .link-button:last-child{
  /*margin-bottom:0;*/
}
.article-body figure .link-button:last-child{
  margin-bottom:0;
}
.article-body .figure-center,
.article-body .figure-left,
.article-body .figure-right,
.article-body .figure{
  margin-bottom:30px;
}

.article-body .figure{
float:left;
margin-right:30px;
}

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

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

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

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

.article-body .box-colored p{
    margin-bottom: 40px;
    line-height: 22px;
    font-size: 14px; 
}

.article-body .box-shop{
     border: 3px solid #ccc;
    margin-top: 40px;
    padding: 18px;
}
.article-body .link-button.narrow:before {
  /*margin-bottom:20px;*/
}

.module-magazine-info p {
    margin-top: 0;
    margin-bottom: 18px; !important
}
.article-body .box-image-left {
    margin-bottom: 18px;
}

.article-body .list-vertical-02 .item .text p{
margin-bottom:0;
}

.article-body .link-button{
  /*margin-bottom:60px;*/
  margin-bottom: 30px;
}

.article-body .box-normal p, .article-body .box-thick p, .article-body .box-color p, .article-body .box-author p {
    margin-top: 0px;
    margin-bottom: 18px;
    line-height: 22px;
    font-size: 14px;
}

.article-body .box-normal hr, .article-body .box-thick hr, .article-body .box-color hr, .article-body .box-author hr {
    margin-top: 0px;
    margin-bottom: 18px;
}

.article-body .box-normal, .article-body .box-thick, .article-body .box-color, .article-body .box-author {
    margin-top: 40px;
    padding: 18px 18px 0;
}

p.page-next{
 margin: 60px auto 30px;
 width: 350px;
}
p.page-next a{
  color: #333;
  position: relative;
  display: block;
  min-height: 44px;
  padding: 12px 30px;
  line-height: 20px;
  font-size: 13px;
  font-weight: bold;
  background-color: #fff;
  text-align: center;
  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; 
}
p.page-next a:hover{
  text-decoration: none; 
}

.module-sns-share p{margin-bottom:0;}

.list-back-number .item{vertical-align:top;}

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

/* --------------------
提携メディア用
----------------------- */
.associated-image{width:160px;}
.associated-image img{max-width:100%;width:auto;vertical-align:bottom;margin:30px 0 20px;}
.associated-related{margin-bottom:60px;}
.associated-related ul li{font-size:14px;margin-bottom:18px;line-height:1;}
.associated-related ul li:last-child{margin-bottom:0;}
.associated-related ul li a{color:#666;font-weight:normal;}