.main-body h2,.main-body h3,.main-body h4,.main-body h5 {
    margin: 20px 0 20px;
}
.bubble {
	margin-bottom: 0.2em;
}
blockquote {
    margin: 1em 0;
	  background: #fff4f4;
}
.chat-l, .chat-r {
    margin: 2em 0 1em;
}
/**ブログカードフレーム**/
iframe { 
	max-width:100%; 
}
/**マーカー線・赤**/
.line-red{
    background: linear-gradient( transparent 75%, #ffadad 75%);font-weight:bold;
  }
/* マーカー線・青 */
.line-blue{
 background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold; 
}
/*ボディ*/
.single .article-body, .page .article-body {
    margin-top: 1em;
}
/*ボックス装飾*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.8em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ffcb8a;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}
/*リンクボタン中央揃え*/
.button_wrapper{
   text-align:center;
	margin-bottom: 1.5em;
}
/*リンク色-青-赤‐橙‐太字*/
.btn-blue{
	background: #1A76BD;
	font-size: 1.25em;
	font-weight: bold;
	color:#fff;
	box-shadow: 0px 4px 0px #1851dc;
}
.btn-red{
	background: #ee5656;
	font-size: 1.25em;
	font-weight: bold;
	color:#fff;
	box-shadow: 0px 4px 0px #d34e4e;
	position: relative;
}
.btn-orange{
	background: #ffa500;
	font-size: 1.25em;
	font-weight: bold;
	color:#fff;
	box-shadow: 0px 4px 0px #ff8c00;
	position: relative;	
}
/*ボタン大きさ*/
.btn-green,
	.btn-blue,
	.btn-orange,
	.btn-red{
		padding: 14px;
	}
/*リンクマウスオーバー*/
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{
	background: #b5d5f7 !important;
	box-shadow: 4px 4px 0px #2f78c3;
	cursor: pointer;
}
/*目次*/
#keni_toc{
	padding: 15px;
}
/*box1布風波線*/
.box1{
	  display:inline-block;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box1 p {
    margin: 0; 
    padding: 0;
}
/*box4 シンプルブルー枠*/
.box4 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #262b33;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box4 p {
    margin: 0; 
    padding: 0;
}
/*表　スマホ縦に*/
.tbl-r02 th {
  background: #4f80f3;
  color: #fff;
  padding: 10px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
/*表の行・列に見出しある場合のレスポンシブ*/
.tbl-r05 td:first-child {
  background: #fbf5f5;
}
@media screen and (max-width: 640px) {
  .tbl-r05 {
    width: 80%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}
/*表のマージン*/
th, td {
 ?padding: 0.5em 1em;
}	
/*BOX付箋風オレンジ*/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box2 p {
    margin: 0; 
    padding: 0;
}
/* スマート　囲み枠　1 */
.kakomi-smart1 {
 position: relative;
 margin: 2em auto;
 padding: 2.5em 1em 1em;
 width: 90%; /* ボックス幅 */
 border-style: solid;
 border-color: #3F51B5; /* 枠の色 */
 border-width: 5px 1px 1px;
 background-color: #fcfcfc; /* 背景色 */
 color: #666; /* テキスト色 */
 box-shadow: 1px 1px 3px #ccc; /* 影 */
}

.title-smart1 {
 position: absolute;
 top: 8px;
 left: 15px;
 background-color: #fcfcfc; /* タイトル背景色 */
 color: #3F51B5; /* タイトル色 */
 font-size: 1.1em;
 font-weight: bold;
}
/*box3 シンプル影付きオレンジ*/
.box3{
  margin: 1em 0;
  padding: 1em;
	font-weight: bold;
	text-align: center;
  background-color: #fffbf4;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
}

.box3 p{
  margin: 0;
  padding: 0;
}
/*ボックスおすすめ*/
.osusume{
  background: rgba(255, 239, 210, 0.61);
  margin: 2em 0;
  padding: 25px;
  border-radius: 10px;
}

.osusume-circle1{
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  margin-top: -37px;
  font-weight: bold;
  color: #fff;
  background-color:#ffa726;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.osusume-circle1:after{
  content: "す";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#ffa726;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.osusume-circle2:before{
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -12px;
  border: 5px solid transparent;
  border-top: 10px solid #ffa726;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.osusume-circle2{
  position: absolute;
  font-size: 16px;
  line-height: 1.5;
  margin-top: -37px;
  margin-left: 40px;
  font-weight: bold;
  color: #fff;
  background-color:#ffa726;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.osusume-circle2:after{
  content: "め";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#ffa726;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.osusume p{
  margin: 0;
  padding: 0;
}

/*テーブル　行・列に見出し*/
.tbl-r05 td:first-child {
  background: #fbf5f5;
}
@media screen and (max-width: 640px) {
  .tbl-r05 {
    width: 80%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}
/*pタグマージン*/
.article-body p {
    margin-bottom: 10px;
}
/*表tbl-r4*/
@media screen and (max-width: 640px) {
  .tbl-r04 {
    width: 80%;
  } 
  .tbl-r04 .thead {
    display: none;
  }
  .tbl-r04 tr,
  .tbl-r04 td{
    display: block;
    width: 100%;
    position: relative;
  }
  .tbl-r04 td:first-child:before {
    content: "見出し:before";
    background: #e9727e;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    height: 40px;
    padding: 10px;
    position: absolute;
    top: -41px;
    left: -0.2%;
    display: block;
    width: 100.5%;
  }
  .tbl-r04 tr {
    margin-bottom: 40px;
  }
}
/*スマホ表　スクロールバー*/
@media screen and (max-width: 640px) {
table{
width:100%;
}
.scroll{
overflow: auto;/*tableをスクロールさせる*/
white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
}
/*boxCTA用*/
.cta-box {
 margin: 2em auto;
 padding: 1em;
 text-align:center;
 background-color: #fff; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
}
/*吹き出しmargin下*/
.chat_r {
    margin: 0 0 0.8em;
}
/*文字オレンジ色*/
.orange {
    color: #cc6720!important;
}
/*ボタン色*/
.btn_blue {
    background: #007cba;
    color: #fff;
}
/*boxシンプル黒*/
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 2px #000000;
}
.box5 p{
    margin: 0; 
    padding: 0;
}
.entry_thumb img{
	display: block;
	margin: auto;
}
.keni-header_cont{ position: relative; }
.keni-header_cont:after{
	position: absolute;
	content: "PR";
	right: 10px;
	bottom: 14px;
	padding: 2px 4px 1px;
	border: 1px solid #666;
	line-height: 1;
	font-size: 0.8rem;
}
@media (min-width: 768px){
	.keni-header_cont{ padding-right: 30px; }
}