.article-title{
  font-family: 'Yusei Magic', sans-serif;
  padding: .5rem;
  font-size: 1.3rem;
}
.article-body{
  line-height: 2.0em;
  font-size: 1.1rem;
}
/* 見出し */
.postit {
  margin:  0;                 
  font-size: 1.2rem;
  position:  relative;
  font-weight: 800;
  background-color: #feeaac;
  padding:  10px; 
  margin-bottom: 15px;  
  border-radius:  2px;    
}
.midashi {
  padding-top: .5em;
  margin-bottom: 1.0em;
  font-weight: 800;
  border-bottom: 3px solid;
}
.midashi-link {
  padding-top: .5em;
  margin-bottom: 1.0em;
  font-weight: 800;
  border-bottom: 3px solid #3273dc;
}
.midashi-danger {
  padding-top: .5em;
  margin-bottom: 1.0em;
  font-weight: 800;
  border-bottom: 3px solid #f14668;
}
.midashi-primary {
  padding-top: .5em;
  margin-bottom: 1.0em;
  font-weight: 800;
  border-bottom: 3px solid #00d1b2;
}
.midashi-warning {
  padding-top: .5em;
  margin-bottom: 1.0em;
  font-weight: 800;
  border-bottom: 3px solid #ffdd57;
}
/* アンダーライン */
.under_bar {
  font-weight: 800;
  background: linear-gradient(transparent 70%, #ff99ab 70%);
}
.under-bar-pink {
  font-weight: 800;
  background: linear-gradient(transparent 70%, #ff99ab 70%);
}
.under-bar-yellow {
  font-weight: 800;
  background: linear-gradient(transparent 70%, #FFFF00 70%);
}
/* balloon_top */
.balloon_top {
  position: relative;
  display: inline-block;
  margin: 1.0em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 15px;
}
.balloon_top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}
/*　balloon_down */
.balloon_down {
  position: relative;
  display: inline-block;
  margin: 1.0em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 15px;
}
.balloon_down:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}
/* box-point */
.box-point {
  position: relative;
  margin: 2.0em 1.0em;
  padding: 0.5em 1em;
  border: solid 3px #62c1ce;
}
.box-point .box-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  font-size: 17px;
  background: #62c1ce;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
/* start scroll */
.horizontal_scroll_wrap{
  background: #fff;
  overflow-y: hidden;
  margin: 0 0px;
}
.scroll_lst {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 20px;
  margin: 25px 0 0;
  -webkit-overflow-scrolling: touch;
}
.scroll_item {
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  width: 220px;
  border: 1px solid #ddd;
  background: #fff;
 -webkit-box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
 -moz-box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
 -ms-box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
 -o-box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
 box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
}
.scroll_item:first-child {
  margin-left: 10px;
}
.scroll_item_inr {
  display: block;
}
.scroll_item_info {
  white-space: normal;
  padding: 8px;
}
.scroll_item_ttl {
  font-size: 10px;
  color: #484848;
  line-height: 1.4;
  margin-bottom: 0;
}
/* end scroll */
/* start chat */
.balloon-set-box {
  display: flex;
  flex-wrap: wrap;
}
.balloon-set-box.left { /* 左 */
  flex-direction: row;
}
.balloon-set-box.right { /* 右 */
  flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
}
.balloon {
  position: relative; /* 三角の位置を固定するために設定 */
  display: inline-block;
  max-width: 75%;
  margin: 10px 20px 20px; /* 上 左右 下のマージン */
  padding: 8px 15px; /* ふきだし内の余白 */
  background: #f0f0f0; /* 背景色 */
  text-align: left; /* テキストの揃え */
  border-radius: 15px;
}
.balloon::after {
  content: '';
  border: 14px solid transparent;
  border-top-color: #f0f0f0;
  position: absolute;
  top: 0;
}
.left .balloon::after { /* 左側からの三角の位置 */
  left: -10px;
}
.right .balloon::after { /* 右側からの三角の位置 */
  right: -10px;
}
.icon-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
  overflow: hidden;
}
/* end chat */
/* start table list */
.tablelist {
  width: 100%;
  border-collapse: collapse
}
.tablelist tr {
  border-bottom: solid 2px #fff
}
.tablelist tr:last-child {
  border-bottom: none
}
.tablelist th {
  position: relative;
  width: 30%;
  background-color: #52c2d0;
  color: #fff;
  text-align: left;
  padding: 10px
}
.tablelist th:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent
}
.tablelist td {
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding: 15px
}
/* end table list */

/* start site_link */
.site_link {
	display: flex;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0 0 5px #999;
}
.site_link .site_figure {
  	padding-right: 10px;
		width: 30%;
}
.site_link .site_figure img {
			min-width: 100px;
      display: block;
      margin: 0 auto;
}
.site_link .text_content {
		float: right;
		margin-left: -100px;
}
.site_link .text_content h3,
.site_link .text_content p {
			margin-left: 120px;
}
/* end site_link */