@charset "utf-8";

/* 改行 */
.article-body {
  width: 650px;
  margin: 10px 20px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size:100%;
}

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 .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;}