@charset "UTF-8";
/*ホバーエフェクトの色指定*/
.keni-gnav_inner li a:hover {
    border-bottom-color: orange;
}
/* ブログ装飾 */
.b {
	font-weight:bold;
}
.fbig {
	font-size: 1.2em;
}
.red {
	color: #ff0000;
} 
.green {
	color: #669933;
}
.orange {
	color:#ff6600;
}
.navy {
	color:#1D417A;
}
.marker {
    background: linear-gradient(transparent 70%, #40e0d0 40%);
    font-weight: bold;
}

.marker2 {
    background: linear-gradient(transparent 60%, #ffcc66 60%);
}

.marker3 {
    background: linear-gradient(transparent 60%, #EF877A 60%);
}

.pencil {
box-shadow: 0px -6px 5px -5px #00bfff inset,0px 8px 4px -8px #00bfff;
}

.pencil2 {
box-shadow: 0px -6px 5px -5px #daa520 inset,0px 8px 4px -8px #daa520;
}

.big_2px {
font-size: 1.2rem;	
}
/*/////////////////////////////////////////////////
//LINE風チャット画面(会話方式)を記事に表示する方法
/////////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/
.line__container {overflow: hidden;}
.line__container .line__title {
    background: #9ed8da;
    padding: 10px;
    text-align: center;
    font-size: 150%;
    color: #ffffff; }
.line__container .stamp img {
    max-width: 150px; }
.line__container .line__contents {
    padding: 10px;
    overflow: hidden;
	    position: relative;
    /* 相手の会話 */
    /* 自分の会話 */ }
.line__container　.line__container .line__contents .line__left {
      width: 100%;
      position: relative;
      display: block;
      margin-bottom: 5px;
      max-width: 80%;
      clear: both;
      /* アイコン画像 */
      /* コメントエリア */ }
      .line__container .line__contents .line__left figure {
        width: 80px;
        position: absolute;
        top: 15px;
        left: 0;
        padding: 0;
        margin: 0;}
		.line__container .line__contents .line__left figure img,
        .line__container .line__contents .line__right figure img {
          border-radius: 50%;
          width: 80px;
          height: 80px;
border: 2px solid #ccc;		  }
      .line__container .line__contents .line__left .line__left-text {
        margin-left: 70px; }
        .line__container .line__contents .line__left .line__left-text .name {
          font-size: 80%;
          color: #ffffff; }
      .line__container .line__contents .line__left .text {
        margin: 15px;
        position: relative;
        padding: 10px;
        border-radius: 20px;
        background-color: #bef599;
				width: 80%;
        /* 吹き出し */ }
        .line__container .line__contents .line__left .text::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -10px;
    top: 10px;
    border-right: 20px solid #bef599;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.line__container .line__contents .line__right figure {
    width: 80px;
    position: absolute;
    top: 15px;
    right: 0;
    padding: 0;
    margin: 0;
}
.line__container .line__contents .line__right {
      position: relative;
      display: block;
      margin: 5px 0;
      max-width: 80%;
      float: right;
      margin-right: 20px;
      clear: both;
      /* コメントエリア */
      /* 自分がスタンプを送る時 */
      /* 既読エリア */ }
      .line__container .line__contents .line__right .text {
        padding: 10px;
        border-radius: 20px;
        background-color: #bef599;
        margin: 0;
        margin-right: 90px;
        /* 吹き出し */ }
.line__container .line__contents .line__right .text::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 80px;
    top: 10px;
    border-left: 20px solid #bef599;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
      .line__container .line__contents .line__right .stamp {
        position: relative;
        margin-left: 80px; }
      .line__container .line__contents .line__right .date {
        content: '';
        position: absolute;
        display: block;
        width: 100px;
        text-align: right;
        left: -30px;
        bottom: 0px;
        font-size: 80%;
        color: #ffffff; }
/*目次修正*/
#toc_container {
    margin-right: auto;
    margin-left: auto;
}
@media only screen and (max-width : 736px){
.keni-header_wrap {
   position: static!important;
   }
.keni-container.fn-keni-container {
   padding-top: 0!important;
   }
}