@charset "utf-8";

.m-author-info{
  padding:20px 10px;
  a {font-weight:bold; text-decoration:none;}
  a:hover{text-decoration:underline;}
}
.m-author-info-item{
  display:flex;
  padding-top:15px;
  margin-bottom:20px;
}
.m-author-info-item__thumb{min-width:150px; margin-right:15px;}
.m-author-info-item__text{
  width:100%;
}
.m-author-info-item__name{
  font-size:2rem;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:solid 1px #ddd;
}
.m-author-info-item__ruby,
.m-author-info-item__eng{font-size:1.4rem;}
.m-author-info-item__shozoku{font-size:1.6rem;}
.m-author-info-item__profile{
  font-size:1.3rem;
  margin-bottom:15px;
  a{
    display:inline;
    color:#1d3c99;
  }
}
.m-author-info-books-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items: stretch;
}
.m-author-info-books-list::after{
  content: "";
  width: calc(100% / 3 - 15px) ;
  height: 0;
  display: block;
}
.m-author-info-books__ttl{
  font-size:1.8rem; 
  margin-bottom:5px;
  position:relative;
  display:flex;
  align-items:center;
}
.m-author-info-books__ttl::before{
  content:"";
  background-image: url('/common/wedge/images/v1/common/icon-book.png');
  background-size:16px 20px;
  width:16px;
  height:20px;
  margin-right:8px;
}
.m-author-info-books-item{
  width: calc(100% / 3 - 25px) ;
  font-size:1.3rem;
  display:flex;
  padding:8px;
  background-color:#f0f0f0;
  border-radius:2px;
  margin-bottom:10px;
  color:#333;
  height:auto;
}
.m-author-info-books-item__cover{
  min-width:50px; 
  margin-right:5px;
}
.m-author-info-books-item__ttl{width:100%;}.c-heading{
  font-weight:bold; 
  border-bottom:solid 2px #333;
}
.c-heading.\--large{font-size:2.4rem;}
.c-heading.\--middle{font-size:2.2rem;}
/* 改行 */
.article-body {
  width: 650px;
  margin: 10px 20px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
}

body.smp .article-body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
}

/* 引用文 */
.article-body blockquote{
margin:1em 2em;
border-left:solid 5px #eee;
padding-left:15px;
}

.article-body blockquote p{color:#666;font-size:14px;text-indent:1em;}

/* リスト形式 */
.article-body ul,
.article-body ol{margin:1em 3em;}

.article-body ul li,
.article-body ol li{font-size:16px;line-height:180%;}

.article-body ul li{list-style-type:disc;}
.article-body ol li{list-style-type:decimal;}

/* 記事本文 */
.article-body p {
  margin: 0 0 20px;
  line-height: 180%;
  font-size: 16px;
  /*font-size: 1.6rem;*/
  color: #000;
}
.article-body p a {
  width: auto;
  display: inline;
}
.article-body p a img {
  width: 175px;
}
.article-body p.little-font {
  margin: 0 0 20px;
  line-height: 180%;
  font-size: 90%;
}

.article-body a {
  color: #936449;
  text-decoration: underline;
  display:inline;
}

.article-body a:hover {
  text-decoration: none;
}

.article-body em{
 font-style:italic;
}
.article-body .strong-area {
  margin: 0 0 20px 5px;
}
.article-body strong {
  font-size: 16px;
  font-weight: bold;
}
.article-body h2 {
  font-size: 2.2rem;
  line-height: 180%;
  font-weight: bold;
  margin-bottom: 0.4rem;
}

.article-body h4 {
  font-size: 18px;
  /*font-size: 1.8rem;*/
  line-height: 180%;
  font-weight: bold;
  padding: 0 0 0 20px;
  margin: 0 0 20px 5px;
  letter-spacing: 1px;
  background: url(/common/wedge/images/v1/common/green.png) left top no-repeat,
              url(/common/wedge/images/v1/common/blue.png) left bottom no-repeat;
  background-size: 8px 50%;
}
.article-body .summary,.article-body .summary p {
  /*font-size: 1.3rem;*/
  font-size:13px;
  line-height: 180%;
  color: #707070;
  margin-bottom: 0.4rem;
}

.article-body .boxed-article {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 180%;
  background-color: #d2ddf1;
  padding: 10px;
  margin-bottom: 0.4rem;
}
.article-body .article-box-gray {
  background: #dcdcdd;
  color: #000;
  padding:10px;
  margin-bottom: 1rem;
}
.article-body .article-box-yellow {
  background: #fdebd1;
  color: #000;
  padding:10px;
  margin-bottom: 1rem;
}
.article-body .article-box-pink {
  background: #fadbd9;
  color: #000;
  padding:10px;
  margin-bottom: 1rem;
}
.article-body .article-box-purple {
  background: #d2ddf1;
  color: #000;
  padding:10px;
  margin-bottom: 1rem;
}
.article-body .boxed-article p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 180%;
  color: #707070;
  margin: 0;
}

/* 記事本文 */
.article-body .lead {
  padding: 30px 34px;
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
}

/* 周り込み解除 */
.article-body .clearfix:before,.article-body .clearfix:after {
  content: "";
  display: table;
}

.article-body .clearfix:after {
  clear: both;
}

.article-body .clearfix {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* 画像中央寄せ */
.article-body .figure-center {
  margin: 15px auto;
  text-align: center;
  max-width: 95%;
  font-size:14px;
}

.article-body .figure-center span {
  display: block;
  text-align: left;
}

body.smp .article-body .figure-center {
  margin: 15px auto;
  text-align: center;
  max-width: 100%;
}

body.smp .article-body .figure-center img { /* width:100%; */

}

/* 画像右寄せ */
.article-body .figure,
.article-body .figure-right {
  float: right;
  margin: 0 0 15px 4%;
  max-width: 95%;
  font-size:14px;
}
body.smp .article-body .figure,
body.smp .article-body .figure-right {
  float: none;
  margin: 15px auto;
  max-width: 100%;
  text-align: center;
}
body.smp .article-body .figure img,
body.smp .article-body .figure-right img { /* width:100%; */

}

/* 画像左寄せ */
.article-body .figure-left {
  float: left;
  clear: left;
  margin: 0 4% 15px 0;
  max-width: 95%;
  font-size:14px;
}

body.smp .article-body .figure-left {
  float: none;
  margin: 15px auto;
  max-width: 100%;
  text-align: center;
}

body.smp .article-body .figure-left img { /* width:100%; */

}

/* 説明文 */
.article-body .caption {
  font-size: 12px;
  /* font-size: 1.2rem; */
  padding: 5px;
  /*display: inline-block;*/
  display: block;
  line-height: 1.5;
  text-align: left;
}

body.smp .article-body .caption {
  width: 100% !important;
  padding: 5px 0px;
}

.article-body .blank-caption {
  display: none;
}

/* 記事本文内画像 */
.article-body .image-area img {
  max-width: 100%;
  height: auto !important;
  padding: 5px 0px;
}

/* 画像2枚並び */
.article-body .images-2cols {
  margin-bottom: 1.5em;
  clear: both;
  display: block;
}

.article-body .images-2cols .image-area {
  float: left;
  /*
  margin-right: 10px;
  width: 280px;
  */
  width: 48%;
  text-align: center;
}

.article-body .images-2cols .image-area:last-child {
  margin-left: 10px;
  margin-right: 0;
}

.article-body .images-2cols .image-area img {
  width: 100%;
  /*max-width: 280px;*/
}

/* 画像3枚並び */
.article-body .images-3cols {
  margin-bottom: 1.5em;
  clear: both;
}

.article-body .images-3cols .image-area {
  float: left;
  /*margin-right: 10px;*/
  /*width: 185px;*/
  width: 32%;
  text-align: center;
}

.article-body .images-3cols .image-area:last-child {
  margin-right: 0;
}

.article-body .images-3cols .image-area img {
  width: 100%;
  max-width: 200px;
}

/* 右寄せ */
.article-body .align-right {
  text-align: right;
  font-size: 90%;
}

/* -- 囲みスタイル -- */
.article-body .box-style {
  border: 2px solid #166434;
  padding: 15px 30px;
  font-size: 1.2rem;
  line-height: 17px;
  margin: 16px 16px;
}

/* -- 動画 -- */
.article-body .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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

/* -- 位置調整 -- */
.article-body .align-center {
  text-align: center;
}

/* -- アコーディオン --*/
.article-body .accordion {
  margin-left: 18px;
}

.article-body .accordion-trigger {
  font-weight: bold;
  color: #ff0033;
  cursor: pointer;
}

.article-body .accordion-trigger:before {
  content: "＋ ";
}

.article-body .accordion-trigger.open:before {
  content: "－ ";
}

/* -- イベントページのテーブル -- */
.article-body.event table {
  margin: 0 0 20px;
  max-width: 100%;
  min-width: 300px;
}

.article-body.event th,.article-body.event td {
  padding: 10px;
  vertical-align: top;
  border: 1px solid #CCC;
}

.article-body.event td .image-area {
  max-width: 128px;
}

.article-body.event td .figure-right { /* float:none; */
  /* text-align:center; */
  /*  margin: 15px auto; */

}

/* -- 記事内罫線 -- */
.article-body hr {
  background-color: #aaa;
  border: 0 none;
  height: 1px;
}

/* -- 旧サーバーからの移行記事 -- */
.article-body.migration .figure-left,.article-body.migration .figure-right
  { /*max-width:60%;*/

}

.article-body.migration table {
  margin: 0 0 20px;
  max-width: 100%;
  width: 100% !important;
}

.article-body.migration th,.article-body.migration td {
  padding: 10px;
  vertical-align: top;
  border: 1px solid #CCC;
}

.article-body.migration td .image-area {
  max-width: 128px;
}

/* youtubeと動画 */
.article-body .movie,
.article-body .youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:15px;}
.article-body .movie iframe,
.article-body .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* -- インリード広告 -- */
.ad-inread{
/* text-align:center;*/
margin:16px auto;
clear: both;
}

/* -- 引用ツイートの表示位置 -- */
.quote-tweet-popup{margin-top:30px !important;}
.quote-tweet-popup::after{bottom:5px !important;}

/* -- 記事下のパーツ用 -- */
.article-end{
  width:650px;
  margin:10px 20px 0;
}
.article-end-links{
  clear:both;
}
.article-end-links-list{
  display:flex;
  gap:15px;
  margin:0 0 10px;
}
.article-end-links-list__item{
  text-align:center;
  padding:8px 0;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}
.article-end-links-list__item > strong{font-size:1.8rem;}
.article-end-links-list__item:hover{opacity:0.8;}
.article-end-links-list__item.--fb{background-color:#0154A8;}
.article-end-links-list__item.--x{background-color:#000;}
.article-end-links-list__item.--mail{background-color:#F39801;}
.article-end-links__text{font-size:1.6rem;}
.article-end-links__text > a{
  display:inline;
  color:#936449;
  font-weight:bold;
}

.article-end-magazine{
  clear:both;
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
  margin:30px 0;
  padding:15px 0;
}
.article-end-magazine__heading{
  font-weight:bold;
  font-size:18px;
  margin-bottom:15px;
}
.article-end-magazine__detail{
  display:flex;
}
.article-end-magazine__cover{
  width:200px;
}
.article-end-magazine__cover img{max-width:100%;}

.article-end-magazine__text{margin-left:30px;max-width:420px;}
.article-end-magazine__text p{font-size:13px;}
.article-end-magazine__title{font-weight:bold;font-size:15px;}
.article-end-magazine__links{
  margin-top:10px;
}
.article-end-magazine__links ul{margin:0;}
.article-end-magazine__links ul li{list-style:none;margin-bottom:10px;}
.article-end-magazine__links ul li a{
  font-size:13px;
  color:#444 !important;
  font-weight:bold;
  display:block;
  line-height:1.4;
  position:relative;
  padding-left:16px;
}
.article-end-magazine__links ul li a::before{
  position:absolute;
  content:"";
  display:block;
  border-color:transparent transparent transparent #444;
  border-style:solid;
  border-width:4px 5px;
  top:5px;
  left:0;
}

.gallery-thumbs{
  display:flex;
  justify-content:center;
  .gallery-icon{width:50px;}
  .gallery-icon:not(:last-child){margin-right:10px;}
}

.figure-gallery-link{
  text-align:left;
  font-size:1.2rem;
  position:relative;
  display:flex;
  align-items:center;
  & a{
    text-decoration:none;
    color:#1a9f97;
    &:hover{
      text-decoration:underline;
    }
  }
  &::before{
    content:"";
    width:17px;
    height:14px;
    margin-right:5px;
    background-size:17px 14px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.023%22%20height%3D%2219.511%22%20viewBox%3D%220%200%2023.023%2019.511%22%3E%20%3Cg%20id%3D%22%E5%86%99%E7%9C%9F%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B310%22%20transform%3D%22translate(0%20-39.053)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M69.416%2C108.468v16.39h19.9v-16.39ZM87.757%2C123.3H70.977V110.029h16.78Z%22%20transform%3D%22translate(-66.295%20-66.294)%22%20fill%3D%22%231a9f97%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M143.323%2C240.667a.871.871%2C0%2C0%2C0-1.455%2C0l-2.807%2C4.272-1.549-1.756a.871.871%2C0%2C0%2C0-1.382.1l-2.6%2C3.962h14.136Z%22%20transform%3D%22translate(-127.525%20-192.174)%22%20fill%3D%22%231a9f97%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_6%22%20data-name%3D%22%E3%83%91%E3%82%B9%206%22%20d%3D%22M183.135%2C193.8a1.767%2C1.767%2C0%2C1%2C0-1.767-1.767A1.767%2C1.767%2C0%2C0%2C0%2C183.135%2C193.8Z%22%20transform%3D%22translate(-173.212%20-144.41)%22%20fill%3D%22%231a9f97%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_7%22%20data-name%3D%22%E3%83%91%E3%82%B9%207%22%20d%3D%22M19.9%2C40.614V39.053H0v16.39H1.561V40.614H19.9Z%22%20fill%3D%22%231a9f97%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
}