@charset "utf-8";

/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "LINE Blog Base Template";
 :shortdesc "Design Template for LINE Blog";
 :created "2014-11-10";
 :release [:revision "1.00"; :created "2014-11-10"];
 :page <https://www.lineblog.me/>;
 :rights "LINE Corporation".
*/


/* 全体のレイアウト
------------------------------------- */
body {}
#wrapper {
  position: relative;
}
#container {
  margin: 0 auto;
  width: 960px;
  padding: 60px 0;
}
#content {}
#main {
  width: 960px;
}

/* 幅 */
body.layout-2col #sidebar-a,
body.layout-2col #sidebar-b {
  width: 240px;
}

/* 右サイドバー */
body.layout-2col.sidebar-right #main {
  float: left;
  margin-right: -240px;
}
body.layout-2col.sidebar-right #main-inner {
  margin-right: 300px;
}
body.layout-2col.sidebar-right #sidebar-a {
  float: right;
}
body.layout-2col.sidebar-right #sidebar-b {
  clear: right;
  float: right;
}

/* 左サイドバー */
body.layout-2col.sidebar-left #main {
  float: right;
  margin-left: -240px;
}
body.layout-2col.sidebar-left #main-inner {
  margin-left: 300px;
}
body.layout-2col.sidebar-left #sidebar-a {
  float: left;
}
body.layout-2col.sidebar-left #sidebar-b {
  clear: left;
  float: left;
}


/* 全体の文字色、リンク色
------------------------------------- */
body {
  color: #080000;
  font-size: 14px;
  line-height: 1.2;
  font-family: 'Hiragino Kaku Gothic Pro',Meiryo,Helvetica,Verdana,sans-serif;
}
a,
body.page-article .article-title a:visited,
.side a ,
.side a:visited ,
.calendarhead a:visited {
  color: #333;
  text-decoration:none;
}
a:link {}
a:visited {
  color: #a5a5a5;
}
a:hover {
  text-decoration: none;
}
a:active {}

/* ヘッダー
------------------------------------- */
.global-header {
	position: relative;
	background: #00c878;
}
.global-header-inner {
	width: 960px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
.global-header-logo {
	padding-top: 20px;
}

.global-header-logo a {
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	width: 121px;
	height: 18px;
	background: url(../../../img/usr/lineblog/common/logo_lineblog.png?v=20161221) no-repeat 0 0;
}
.global-header-app {
	position: absolute;
	right: 0;
	top: 12px;
}
.global-header-app a {
	display: block;
	height: 32px;
	border: 2px solid #fff;
	color: #fff;
	padding: 0 18px;
	line-height: 32px;
	text-decoration: none;
	font-size: 14px;
	border-radius: 18px;
}
.global-header-app a:visited,
.global-header-app a:hover,
.global-header-app a:active {
	color: #fff;
}

/* ブログのヘッダー、タイトル、説明
------------------------------------- */
#blog-header {
  background: center center no-repeat #dfdfdf;
  height:390px;
  min-width: 960px;
}
#blog-header-inner {
}
#blog-header .official-link {
  background: no-repeat left top;
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  width: 191px;
  height: 15px;
}
#blog-title {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
}
#blog-title a,
#line-blog-logo a {
  display: block;
  text-indent: -9999px;
}
#blog-title a.blog-link {
	display: block;
	height: 390px;
}
#blog-description {
  display: none;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
}
#blog-description a {
  color: #fff;
}


/* メニューバー
------------------------------------- */
.ldb_menu-wrapper {
  background: #fff;
  border-bottom: solid 1px #dcdcdc;
  width: 100%;
}
.ldb_menu-wrapper:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.ldb_menu-inner{
  margin: 0 auto;
  padding-right: 40px;
  position: relative;
  width: 960px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ldb_menu-list {
  overflow: hidden;
  list-style: none;
  margin-left: -15px;
}
.ldb_menu-list li{
  float: left;
}
.ldb_menu-list li a {
  color: #888;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  padding: 27px 15px 25px 15px;
  position: relative;
  text-decoration: none;
}
.ldb_menu-list .ldb_menu-item-current a,
.ldb_menu-list li a:hover {
  color: #ff9900;
}
.ldb_menu-list li:first-child a {
  width: 30px;
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/gnav_home.png) no-repeat center center;
  text-indent: -9999px;
}
.ldb_menu-list .ldb_menu-item-current a:after,
.ldb_menu-list li a:hover:after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 3px;
}
body.page-index .ldb_menu-list .ldb_menu-item-current a:after {
  background: #fff;
}


/* メインカラム
------------------------------------- */
/* 記事全体 */
.article {
  padding-top: 80px;
  margin-top: 80px;
  border-top: solid 1px #dcdcdc;
}
.first-article {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

/* 記事ヘッダー、日付、記事タイトル */
.article-header {
  margin-bottom: 30px;
  position: relative;
}
.article-title {
  margin-bottom: 17px;
}
.article-title a ,
.article-title a:visited {
  font-size: 32px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.01em;
}
.article-title a:hover {
  color: #666;
}
/*
.article-title img.emoji {
  width: 30px;
  height: 30px;
  vertical-align: text-top;
}
*/

/* 日付 */
.article-date {
  display: inline-block;
  color: #afafaf;
  font-size: 11px;
  margin-bottom: 30px;
}

/* 評価アイコン */
.article-rating {
  display: inline-block;
  margin-left: 15px;
}

/* 記事フッター、カテゴリ、コメント、ソーシャルボタン */
.article-footer {
  overflow: hidden;
  clear: both;
  width: 100%;
  margin: 30px 0 0 0;
  padding-left: 1px;
}
.article-footer a {
  color: #989797;
}
.article-footer a:hover {
  text-decoration: none;
}
.article-meta {
  padding: 10px 0 0 0;
  float: left;
}
.article-meta li {
  float: left;
  margin: 0 20px 0 0;
}
.article-social-btn {
  margin-bottom: -1px;
  text-align: right;
  float: right;
}
#article-options{
  clear: both;
}
.article-category dt,
dl.article-tags dt {
  margin-right: 10px;
}
.article-category dd {
  margin: 0;
  padding: 0;
  line-height: 19px;
}
.article-category dd.article-category2 {
  border-left: none;
  padding-left: 5px;
}
dl.article-tags {
  float: left;
  clear: none;
  font-size: 12px;
  line-height: 19px;
  margin: 10px 0 0 0;
}
dl.article-tags dd {
  margin: 2px 10px 0 0;
}

/* 記事下シェアボタン */
.article-share-buttons {
  clear: both;
  padding: 60px 0;
  overflow: hidden;
  zoom: 1;
}
.article-share-buttons li {
  float: left;
  list-style-type: none;
}
.article-share-buttons li a,
.article-share-buttons li div {
  display: block;
  height: 60px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.article-share-buttons li a:hover,
.article-share-buttons li div:hover {
  opacity: 0.7;
  cursor: pointer;
}
.article-share-buttons li.facebook a {
  width: 220px;
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/article_footer_facebook.png) no-repeat 30px 50%;
  background-color:#3a5897;
}
.article-share-buttons li.twitter a {
  width: 220px;
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/article_footer_twitter.png) no-repeat 38px 50%;
  background-color: #2cb8f9;
}
.article-share-buttons li.embed div {
  width: 220px;
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/article_footer_embed.png) no-repeat 36px 50%;
  background-color: #3E4558;
}
.article-share-buttons li a span,
.article-share-buttons li div span {
    color: #fff;
    display: block;
    font-size: 16px;
}
.article-share-buttons li.facebook span {padding-top: 22px;padding-left: 53px;}
.article-share-buttons li.twitter span {padding-top: 22px;padding-left: 66px;}
.article-share-buttons li.embed span {padding-top: 22px;padding-left: 70px;}


/*embed_tag iframe*/
.embed-iframe{
    position: fixed;
    top: 0;
    left: 0;
    width: 600px;
    z-index: 100;
    background: #FFF;
    max-height: 100%;
    overflow: auto;
    border-top: 6px solid #35c100;
}

.embed-iframe img{border:0;}

.embed-iframe .mdLYR01Content{
    padding: 20px;
}
.embed-iframe .mdLYR01Close{
    position: absolute;
    top: 10px;
    right: 10px;
}
.embed-iframe .mdLYR01Close a{
    color: #999;
}
.embed-iframe-bg{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 10;
}

/*embed_tag*/
.embed_header {
    position: relative;
    height: 35px;
    /*width: 514px;*/
    width: 100%;
    max-width: 514px;
    margin: 0 auto;
    background: #fff;
}
.embed_preview_ttl {
    position: absolute;
    top: 48px;
    left: 0;
    font-size: 16px;
}
.embed_close_btn {
    position: absolute;
    top: 37px;
    right: -2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 25px;
    height: 25px;
}
.embed_close_btn img {
  cursor: pointer;
}

.embed_contents_preview {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  max-width: 514px;
}


/*埋め込みコード*/
.embed_footer {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 18px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    max-width: 514px;
}
.embed_footer h2 {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 32px;
}
.embed_footer textarea {
    width: 100%;
    min-height: 93px;
    padding: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    resize: vertical;
    overflow: auto;
    line-height: 1.2;
    border: 1px solid #b4b2b3;
    font-size: 12px;
    color: #666;
}


/*コンテンツの外側*/
#embed_preview_simple > .embed_contents {
    width: 514px;
    max-width: 514px;
    margin: 0 auto 30px;
    padding: 19px 19px 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    background: #f8f8f8;
}


/*コンテンツ部分*/
.embed_contents_inner {
    margin: auto;
    max-width: 474px;
    position: relative;
}
#embed_preview_simple > .embed_contents_inner {
    background: #f8f8f8;
}


/*カードの時のヘッダー*/
.embed_contents_header:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
}
.embed_contents img{
  border:0;
}

/*カードの時のヘッダー部分*/
.embed_contents_header {
    padding: 12px 12px 12px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    zoom:100%;
    display: table;
    width: 100%;
    border: #E3E3E3 1px solid;
    border-bottom: none;
    background: #FFF;
}
/*カード　コンテンツメタ情報の箱*/
.embed_contents_header_meta {
    display: table-cell;
}
/*カード　コンテンツアイコン*/
.embed_contents_icon {
    display: table-cell;
    width: 60px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
}
.embed_contents_icon img {
    width: 50px;
    height: 50px;
}

/*カード　コンテンツタイトル側の箱*/
.embed_contents_ttl_box {
    display: table-cell;
    width: auto;
    vertical-align: middle;
}
/*カード　コンテンツタイトル*/
.embed_contents_ttl {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    word-wrap: break-word;
    word-break : break-all;
}
/*カード　コンテンツ時間表示*/
.embed_contents_time {
    font-size: 9px;
    color: #666;
}

/*カード　コンテンツのリンクを設定*/
a .embed_contents_ttl ,
a:visited .embed_contents_ttl {
  color: #000;
  word-wrap: break-word;
  word-break : break-all;
}
a .embed_contents_time ,
a:visited .embed_contents_time  {
  color: #666;
}

/*写真部分*/
.embed_contents_entry {
}
/*写真の箱*/
.embed_contents_entry_image {
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
/*simpleの時の画像*/
.embed_contents_entry_image.type_simple {
}
/*cardの時の画像*/
.embed_contents_entry_image.type_card {
}

/*写真の箱その２*/
.embed_contents_entry_image_inner {
}

.embed_contents_entry_image_inner img {
}

/*写真の上にboderをおく*/
.imgBorder{
    display:inline-block;
    position:relative;
    z-index:1;
    vertical-align:top;
}
.imgBorder:after{
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box; /* △ ie8 Cr9 Sf5.1 Op8  × Fx */
    z-index:10;
    border:1px solid #ccc;/* for ie8 */
    border:1px solid rgba(220,220,220,.7);
    border-bottom: none;
}
.imgBorder .imageId{
    vertical-align:bottom;
    position:relative;/* ie8 z-index bug fix */
    z-index:-1;/*  ie8 z-index bug fix */
    width: 100%;
    max-height: 660px;
}

.simpleImgGradation {
  height: 100%;
  width: 100%;
  display: block;
  z-index: 10;
  position: absolute;
  top: 0%;
    background : -webkit-gradient(linear, left bottom, left top, from(#000), to(50%,#fff));
    background : -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0) 50%, rgba(0,0,0,0.5));
    background : linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0) 50%, rgba(0,0,0,0));
}


/*写真下　コンテンツのタイトル　*/
#simpleBody .embed_contents_entry_ttl {
    font-size: 20px;
    font-weight: bold;
    padding: 0 25px;
    word-wrap: normal; /* for IE */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    bottom: 22px;
    left: 0;
    z-index: 10;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    width: 100%;
    color: #FFF;
    text-align: left;
}
#cardBody  .embed_contents_entry_ttl {
    font-size: 24px;
    font-weight: bold;
    padding: 40px 20px 13px;
    word-wrap: normal; /* for IE */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    width: 100%;
    border-top: 1px solid #dfdede;
    border-left: 1px solid #dfdede;
    border-right: 1px solid #dfdede;
    background: #FFF;
}
.embed_contents_entry_ttl .emoji {
    width: 24px;
    height: 24px;
}

/*写真下　コンテンツの文章*/
.embed_contents_entry_txt {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    padding: 0 18px 30px;
    word-wrap: break-word;
    word-break : break-all;
    border-left: 1px solid #dfdede;
    border-right: 1px solid #dfdede;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    background: #FFF;
}

/*写真下　コンテンツのリンク設定*/
a .embed_contents_entry_ttl ,
a:visited .embed_contents_entry_ttl {
  color: #000 ;
}
a .embed_contents_entry_txt ,
a:visited .embed_contents_entry_txt {
  color: #333 ;
}

/*カード時　友だち追加とロゴの箱*/
.embed_contents_friend {
    border-top: 1px solid #EAEAEA;
    background: #FFF;
    width: 100%;
    /*height: 36px;*/
    border-left: 1px solid #dfdede;
    border-right: 1px solid #dfdede;
    border-bottom: 1px solid #dfdede;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 474px;
}
.embed_contents_friend_inner:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
}
.embed_contents_friend_inner {
    display: table;
    width: 100%;
}
.embed_contents_friend_inner a {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
/*カード時　ロゴ画像の設定*/
.embed_contents_friend_logo {
    width: 100%;
    padding: 12px 0;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 36px;
}
/* 画像 */
.embed_contents_friend_logo_img {
  padding-left: 18px;
    width: 77px;
    /*height: 12px;*/
}

#embed_preview_simple .embed_contents_friend_logo {
  height: 12px;
}

/*PC表示の時は非表示*/
.ExOsMac .embed_contents_friend_btn,
.ExOsWin .embed_contents_friend_btn {display: none;}

/*友だち追加ボタン*/
.embed_contents_friend_btn {
    /*width: 100%;*/
    padding: 12px 18px 0 0;
    display: table-cell;
    vertical-align: middle;
    float: right;
}
/*画像*/
.embed_contents_friend_btn_img {
		height: 28px;
    vertical-align: middle;
}

/*simpleとcardの選択*/
.embed_choice {
  display: table;
  position: relative;
  margin: 0 auto;
}
.embed_choice input{
    opacity: 0;
    position: absolute;
}
.embed_choice label {
    width: 255px;
    text-align: center;
    display: block;
    float: left;
    height: 47px;
    line-height: 47px;
    color: #000;
    border: #F1F1F1 1px solid;
    cursor: pointer;
}

/*シンプル、カード選択ボタン*/
.embed_choice input:checked +label {
  background: #3E4558;
  color: #FFF;
  border: #3E4558 1px solid;
  width: 256px;
}
.embed_choice .showSimple {
    border-right: none;
}
.embed_choice .showCard {
    border-left: none;
}
/*前へ、次へボタン*/
.imgPagingSimple span {
    position: absolute;
    top: 0;
    display: inline-block;
    *display: inline;
    width: 50px;
    height: 100%;
    cursor: pointer;
    z-index:100;
    text-indent: -9999px;
}
.imgPagingSimple span#imagePrev {
    left: 0;
    background:url(https://parts.lineblog.me/img/embed_tag/embed_prev.png) 50% 50% no-repeat;
}
.imgPagingSimple span#imageNext {
    right: 0;
    background:url(https://parts.lineblog.me/img/embed_tag/embed_next.png) 50% 50% no-repeat;
}

/*simpleのフッター*/
.simpleBody02 {
  margin: auto;
}

.simple_text {
    position: absolute;
    bottom:23px;
    left: 0;
    z-index: 10;
    width: 100%;
}
.embed_simple_footer_text {
    word-wrap: normal; /* for IE */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    font-size: 12px;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    color: #FFF;
    text-align: left;
}
.embed_simple_footer_logo img {
    display: none;
}









/* 続きを読む */
.article-footer .article-continue{
  float: right;
  clear: none;
  margin: 0px;
}
.article-footer .article-continue a {
  display: block;
  background: none;
  border: solid 1px #ebebeb;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.article-footer .article-continue a:hover {
  opacity: 0.7;
  color: #666;
  text-decoration: none;
}

/* 関連記事 */
.related-articles.with-image-lg {
    margin: 0 0 40px 0;
    overflow: hidden;
}
.related-articles.with-image-lg h3 {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.related-articles.with-image-lg ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.related-articles.with-image-lg ul li {
    display: inline-block;
    width: 200px;
    margin-right: 25px;
	margin-bottom: 40px;
    line-height: 1.5;
	vertical-align: top;
}
.related-articles.with-image-lg ul li:nth-child(3n) {
    margin-right: 0;
}
.related-articles.with-image-lg ul li:nth-child(4n),
.related-articles.with-image-lg ul li:nth-child(5n),
.related-articles.with-image-lg ul li:nth-child(6n) {
    margin-bottom: 0;
}
.related-articles.with-image-lg ul li a {
    display: block;
}
.related-articles.with-image-lg .related-article-image.noimage {
    background: url(https://parts.lineblog.me/img/usr/lineblog/common/noimage_logo.png) center 105px no-repeat #f2f3f5;
    padding: 30px 70px 50px;
}
.related-articles.with-image-lg .related-article-title {
    font-size: 14px;
    margin: 10px 0 5px;
}
.related-articles.with-image-lg .related-article-date {
    color: #afafaf;
    font-size: 11px;
}

/* ブログネタ */
dl.common-theme{
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 8px 12px;
}

/* メッセージボード */
.message-board {
  background-color: #f7f7f7;
  border: 1px solid #e4e7e8;
  border-radius: 4px;
  color: #333;
  line-height: 1.6;
  margin-top: 0!important;
  margin-bottom: 26px;
  overflow: hidden;
  padding: 15px;
}

/* プライベートモード、コメントにログインが必要な場合のメッセージ */
div.private-mode-announcement,
div.comment-auth-announcement {
  background-color: #fafafa;
  border: 1px solid #ddd;
}


/* 記事本文
------------------------------------- */
.article-body {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
}
.article-body-inner > div {
  margin-bottom: 5px;
}
.article-body-inner h1 ,
.article-body-inner h2 ,
.article-body-inner h3 ,
.article-body-inner h4 {
  padding: 0;
  border: none;
  font-weight: normal;
  color: #333;
}
.article-body-inner h1 {
  margin: 40px 0 30px 0;
  font-size: 21px;
  line-height: 1.7;
  color: #000;
}
.article-body-inner h2 {
  margin: 40px 0 15px 0;
  font-size: 18px;
  line-height: 1.7;
  color: #000;
}
.article-body-inner h3 ,
.article-body-inner h4 {
  margin: 40px 0 15px 0;
  font-size: 16px;
  line-height: 1.7;
  color: #000;
}
.article-body-inner blockquote {
  margin: 40px 0;
  padding: 0 0 0 40px;
  color: #888;
}
.article-body-inner blockquote:before {
  font-size: 40px;
  left: 0;
}
.article-body-inner blockquote.twitter-tweet:before {
  content: "";
}
.article-body-inner img.pict{
  margin: 0 0 30px 0;
  height: auto;
}
.article-body-inner img {
  max-width: 100%;
  height: auto;
}

/* 画像の回り込みを禁止 */
.article-body-inner img.pict[align="left"],
.article-body-inner img.pict[align="right"] {
  float: none;
  margin-top: 0;
}
.article-body-inner a {
  text-decoration: none;
}
.article-body-inner a:hover {
  text-decoration: underline;
}

/* 記事最初の要素は上余白なし処理 */

.article-body-inner > h1:first-child ,
.article-body-inner > h2:first-child ,
.article-body-inner > h3:first-child ,
.article-body-inner > h4:first-child {
  margin-top: 0;
}

/* instagram-media 同時投稿 */
.embed-instagram .embed-instagram-media {
  margin-bottom: 15px;
}

/* コメント・トラックバック一覧
------------------------------------- */

#comment-form-body
.comment-date,
.ping-blog-name,
.ping-date {
  border-left: 1px solid #aaa;
  color: #aaa;
}
.ping-excerpt {
  color: #666;
  margin-left: 16px;
}
.comment-info,
.trackback-set {
  border-bottom: solid 1px #e8e8e8;
}
#article-options .article-option-title {
  font-size: 14px;
  color: #333;
}
.comment-info {
  position: relative;
  margin: 0;
  padding: 30px 0 24px 0;
}
.comment-info .comment-author {
  font-size: 13px;
  color: #333;
}
.comment-info .comment-date {
  font-size: 12px;
  color: #999;
}
.comment-info .comment-body {
  padding: 0;
  margin-top: 20px;
  font-size: 13px;
  color: #666;
}
.comment-info img.commentEvaluation {
  position: absolute;
  top: 30px;
  right: 0;
}
#comment-form {
  margin: 55px 0 55px -30px;
}

/* ページ送り
------------------------------------- */
/* トップページ */
ul.index-navigator{
  height: 32px;
  margin: 60px 0;
  color: #b0b0b0;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
  background-color: #fff;
  color: #b0b0b0;
  font-weight: normal;
  line-height: 21px;
  padding: 5px 12px;
}
ul.index-navigator li.current span {
  background-color: #333;
  border: solid 1px;
  color: #fff!important;
}
ul.index-navigator a:hover {
  opacity: 0.7;
}
ul.index-navigator a:visited {
  color: #b0b0b0;
}
ul.index-navigator li a,
ul.index-navigator li.current span,
ul.index-navigator a:visited {
  border: solid 1px #ebebeb;
  background: #fff;
  font-size: 13px;
  color: #333; /* 通常文字色 */
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}


ul.index-navigator .paging-next a ,
ul.index-navigator .paging-next a:hover {
  display: block;
  width: 9px;
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/paging_index_bg.png) no-repeat right center;
  text-indent: -9999px;
}
ul.index-navigator .paging-prev a ,
ul.index-navigator .paging-prev a:hover {
  display: block;
  width: 9px;
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/paging_index_bg.png) no-repeat left center;
  text-indent: -9999px;
}

/* 記事ページ、月別アーカイブページ */
.pager{
  clear: both;
}
.article-pager-outer {
  border-top: 1px solid #e8e8e8;
}
ul.article-pager, ul.archives-pager {
  margin: 0 auto;
  padding: 60px 0;
  width: 266px;
  overflow: hidden;
}
ul.article-pager li a,
ul.archives-pager li a {
  position: relative;
  display: block;
  width: 70px;
  border: solid 1px #e9e9e9;
  color: #666;
}
ul.article-pager li.prev,
ul.archives-pager li.prev {
  float: left !important;
  margin: 0;
}
ul.article-pager li.next,
ul.archives-pager li.next {
  float: right;
  margin: 0;
}
ul.article-pager li.prev a,
ul.archives-pager li.prev a {
  padding: 14px 20px 14px 28px;
}
ul.article-pager li.next a,
ul.archives-pager li.next a {
  padding: 14px 28px 14px 20px;
}
ul.article-pager li.prev a:before ,
ul.archives-pager li.prev a:before {
  position: absolute;
  top: 18px;
  left: 16px;
  content: '';
  display: block;
  width: 7px;
  height: 10px;
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/paging_prev_bg.png) no-repeat 0px 0px;
}
ul.article-pager li.next a:after ,
ul.archives-pager li.next a:after {
  position: absolute;
  top: 17px;
  right: 16px;
  content: '';
  display: block;
  width: 7px;
  height: 10px;
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/paging_next_bg.png) no-repeat 0px 0px;
}
ul.article-pager li a:hover,
ul.archives-pager li a:hover {
  background: transparent;
  text-decoration: none;
}

/* ブログのフッター
------------------------------------- */
#blog-footer {
  background: #fff;
  border-top: solid 1px #dcdcdc;
  color: #999;
  padding: 30px 0 60px 0;
}
#blog-footer a {
  color: #999;
}
#footer {
  margin: 0 auto;
  width: 960px;
  text-align: right;
}

/* ブログパーツ
------------------------------------- */
/* 共通 */
.sidewrapper:first-child {
  padding-top: 0;
}
.sidewrapper {
  font-size: 12px;
  overflow: hidden;
  padding: 0px 0px 60px 0;
  position: relative;
}
.sidewrapper .sidetitle {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
  margin-bottom: 16px;
}
.sidewrapper .sidetitle a {
  color: #333;
}
.sidewrapper .side .sidebody {
  line-height: 1.7;
  margin: 5px 0 0 0;
}
.sidewrapper .side .sidebody:first-child {
  margin: 0;
}
.sidewrapper .side .sidebody.category-child {
  margin-left: 1em;
}

/* カレンダー */
.calendarhead {
  font-weight: bold;
  text-align: center;
}
table.caltblwk .weekday {
  color: #666;
}
table.caltblwk .sun {
  color: #ff5d5d;
}
table.caltblwk .sat {
  color: #578efa;
}
table.caltblday {
  color: #8d8d8d;
  border-collapse: separate;
  border-spacing: 1px;
}
table.caltblday .caloff {
  background-color: #fff;
  border: 1px solid #e4e7e8;
}
table.caltblday .calon {
  background-color: #333;
  border: none;
}
table.caltblday td a {
  color:#fff;
  height: 23px;
  line-height: 23px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.7);
}
table.caltblday td a:hover {
  background-color: #333;
}


/* その他のパーツ
------------------------------------- */
/* ページトップへ */
.to-pagetop {
  right: 60px;
  bottom: 146px;
}
.to-pagetop a {
  border:1px solid #eaeaea;
  padding: 18px;
  display: block;
  opacity: 1.0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.to-pagetop a:hover {
  opacity: 0.7;
}

/* アーカイブヘッダ */
.archives-header {
  margin-bottom: 60px;
}
.archives-header h1 {
  font-size: 14px;
  font-weight: bold;
  color: #aaa;
}
.archives-header h1 span {
  color: #666;
}

/* 記事下広告 */
#ad2 {}
#ad2 a.addescription {
  color:#666;
}


/* 特殊機能・カスタマイズ
------------------------------------- */
/* PROFILE */
/* 現行プロフィールパーツのスタイル。新しいのを全部に適用したら消す */
#profile .profile-photo {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
#profile .profile-photo:after {
  position: absolute;
  left: 90px;
  bottom: 0px;
  content: '';
  display: block;
  height: 1px;
  width: 60px;
  background: #ebebeb;
}
#profile .profile-photo img {
  margin-bottom: 25px;
}
#profile .profile-ruby {
  text-align: center;
  color: #999;
  margin-bottom: 22px;
}
#profile h2 {
  margin-bottom: 14px;
  font-size: 28px;
  font-weight: bold;
  color: #666;
  text-align: center;
}
#profile .profile-list {
  margin-bottom: 30px;
  text-align: center;
}
#profile .profile-list li {
  display: inline-block;
  font-size: 14px;
  color: #666;
}
#profile .profile-list li:after {
  content: '/';
  margin-left: 5px;
  color: #ccc;
}
#profile .profile-list li:last-child:after {
  content: '';
}
#profile .profile-jobs {
  margin-bottom: 28px;
  color: #333;
  text-align: center;
}
#profile .profile-maintext {
  margin-bottom: 24px;
  font-size: 13px;
  color: #999;
  line-height: 1.6;
}
#sns-buttons {
  margin-bottom: 56px;
  text-align: center;
}
#sns-buttons li {
  display: inline-block;
}
#sns-buttons li a {
  display: block;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
}
#sns-buttons li a {
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/sns_buttons.png) no-repeat;
}
#sns-buttons li.twitter a {
  background-position: 0 0;
}
#sns-buttons li.facebook a {
  background-position: -50px 0;
}
#sns-buttons li.instagram a {
  background-position: -100px 0;
}
#sns-buttons li.line a {
  background-position: -150px 0;
}
/* 新しいプロフィールパーツにしたらここまで消す */

/* 新しいプロフィールパーツのスタイル */
.plugin-lineblog_profile .profile-photo {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.plugin-lineblog_profile .profile-photo:after {
  position: absolute;
  left: 90px;
  bottom: 0px;
  content: '';
  display: block;
  height: 1px;
  width: 60px;
  background: #ebebeb;
}
.plugin-lineblog_profile .profile-photo-thumbnail img {
  margin-bottom: 25px;
  width: 240px;
  border-radius: 120px;
}
.plugin-lineblog_profile h2 {
  margin-bottom: 14px;
  font-size: 28px;
  font-weight: bold;
  color: #666;
}
.plugin-lineblog_profile h2 .profile-official-icon {
  vertical-align: middle;
  margin-left: 6px;
}
.plugin-lineblog_profile .profile-ruby {
  color: #999;
  font-size: 14px;
  margin-bottom: 22px;
}
.plugin-lineblog_profile .profile-job {
  color: #666;
  font-size: 14px;
  margin-bottom: 28px;
}
.plugin-lineblog_profile .profile-maintext {
  margin-bottom: 24px;
  font-size: 13px;
  color: #999;
  line-height: 1.6;
  text-align: left;
}
.plugin-lineblog_profile .sns-buttons {
  margin-bottom: 56px;
  text-align: center;
}
.plugin-lineblog_profile .sns-buttons li {
  display: inline-block;
}
.plugin-lineblog_profile .sns-buttons li a {
  display: block;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
}
.plugin-lineblog_profile .sns-buttons li a {
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/sns_buttons.png) no-repeat;
}
.plugin-lineblog_profile .sns-buttons li.twitter a {
  background-position: 0 0;
}
.plugin-lineblog_profile .sns-buttons li.facebook a {
  background-position: -50px 0;
}
.plugin-lineblog_profile .sns-buttons li.instagram a {
  background-position: -100px 0;
}
.plugin-lineblog_profile .sns-buttons li.line a {
  background-position: -150px 0;
}

/* カテゴリパーツの非表示 */
.plugin-categorize {
  display: none;
}

/* ---- ブログパーツ共通 ------------ */
.sidewrapper .sidetitle,
.sidewrapper .sidetitle a {
  color: #000;
}
.sidewrapper .sidebody,
.sidewrapper .sidebody a {
  color: #666;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sidebody a:hover {
  opacity: 0.7;
}


/* 検索ブログパーツ */
.plugin-search_internal form {
  position: relative;
}
.sidewrapper input.sf, .sidewrapper input.sfbtn{
  height: 40px;
}
.sidewrapper input.sf{
  background: none;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  padding: 10px 36px 10px 10px;
}
.sidewrapper input.sfbtn{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAyklEQVQYV43PMSvEcRzH8S/dcKXcKOabrkTkAUi9HoGSRdnwBGTxFAyKyeIJ2EzOjmQhC1KyKDdcSYr7mvT7n055b+/en771jahgKAZj2pGu9GzX2O+45EPPpWOP0pNmNTa9eTAXEWHYhk83aiXv+TJVmW9Li0WvXUUFE9JO0TunfbkuHRQ98apeyfPSVtFVaf/nZ6MuvBsvuaYttS1bsO5e6pop18KIQz0ppY5bqdM3iNCyZtOKUQ1nUsdsDOY/g3MvJv/IERpaEd/fAVSaNEQCIAAAAABJRU5ErkJggg==) 11px 12px no-repeat!important;
  text-shadow: none;
  border: none;
  border-radius: 0;
  position: absolute;
  text-indent: -9999px;
  width: 36px!important;
  right: 0;
  top: 0;
}

/* 最新記事 */
.side ul.recent-article-image li img{
  margin: 0 15px 0 0;
}
.side ul.recent-article-image li img.emoji,
.side ul.recent-article-image li img.lineemoji{
  margin: 0;
}
.side ul.recent-article-image li a {
  display: table-cell;
  vertical-align: middle;
}

/* 月別アーカイブパーツ */
.sidebody .year {
  font-size: 13px;
}
.sidebody .month div {
  padding-top: 8px;
}
.sidebody .month div a {
  color: #888;
}
.sidebody .month div a:before {
  content: '-';
  margin: 0 5px;
}

/* 人気記事 */
.side div.popular-articles table td {
  padding: 0px;
}
.side div.popular-articles table .populararticles-title {
  padding: 0 0 15px 5px;
}
.side div.popular-articles table .populararticles-title a {
  color: #333;
}

/* LINE QRコード */
.line-qrcode {
  margin-bottom: 60px;
}

/* LINE AT QRコード */
.line-qrcode.line-at {
  position: relative;
}

.line-qrcode.line-at img.qr {
  position: absolute;
  top: 0;
  left: -6px;
}

.line-qrcode.line-at .line-at-logo,
.line-qrcode.line-at .line-at-id {
  padding-left: 81px;
  text-align: left;
}

.line-qrcode.line-at .line-at-logo {
  padding-top: 17px;
  padding-bottom: 9px;
}

.line-qrcode.line-at .line-at-id {
  color: #999;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}


/* LINEブログバナー */
#official-banner {
  margin-bottom: 100px;
}
#official-banner .banner-recruit a {
  display: block;
  padding: 30px;
  text-align: center;
}
#official-banner .banner-recruit a:hover {
  opacity: 0.7;
}

/* 新着アイコン */
.new {
  background: url(https://parts.lineblog.me/img/usr/lineblog/common/icon_new.png) 0 0  no-repeat;
  display: inline-block;
  width: 17px;
  height: 16px;
  position: relative;
  top: 2px;
  left: 8px;
}


/* Instagramページ
------------------------------------- */
.page-instagram #main {
  min-height: 2500px;
}
.page-instagram .instagram {
  width: 960px;
}
#instagram-header {
  margin-bottom: 30px;
}
#instagram-list {
  margin: 0 auto;
  width: 960px;
  overflow: hidden;
  zoom: 1;
}
#instagram-list li {
  float: left;
  margin: 0 27px 30px 0;
  width: 220px;
  list-style-type: none;
}
#instagram-list li.list1 {
  clear: both;
}
#instagram-list li.list2 {
  margin-right: 26px;
}
#instagram-list li.list4 {
  margin-right: 0px;
}
#instagram-list li img {
  margin-bottom: 20px;
}
#instagram-list li .instagram-time {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #afafaf;
}
#instagram-list li .instagram-description {
  height: 3.2em;
  line-height: 1.6em;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
.instagram-more {
  width: 170px;
  margin: 30px auto 60px auto;
}
.instagram-more a {
  display: block;
  padding: 15px 21px;
  text-align: center;
  border: solid 1px #dcdcdc;
  color: #000;
}
#loading {
  margin-bottom: 30px;
  text-align: center;
}



/* バナー
------------------------------------- */

/* サイドバー */
.plugin-banner ul {
  overflow: hidden;
}
.plugin-banner li {
  list-style: none;
  margin-bottom: 15px;
  text-align: center;
}
.plugin-banner li a {
  display: block;
}
.plugin-banner li:last-child {
  margin-bottom: 0;
}
.plugin-banner-2col li {
  float: left;
}
.plugin-banner-2col li:nth-child(even) {
  float: right;
}
.plugin-banner-2col li:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.plugin-banner-2col li img {
  width: 112px;
}
.plugin-banner .bookcover {
  margin-bottom: 10px;
}
.plugin-banner .booktitle {
  font-size: 12px;
  color: #666;
  padding-bottom: 15px;
}
.plugin-banner li:last-child .booktitle {
  padding-bottom: 0;
}


/* フッター */
#footer-banner {
  padding: 30px 0 15px 0;
  background: #dcdcdc;
}
#footer-banner ul {
  width: 870px;
  margin: 0 auto;
  overflow: hidden;
}
#footer-banner ul li {
  float: left;
  margin: 0 15px 15px 0;
  list-style: none;
}
#footer-banner ul li:nth-child(5n) {
  margin-right: 0;
}


/* 最新ニュースカテゴリ */
body.cat-LatestNews .article-date,
body.cat-LatestNews .article-meta,
body.cat-LatestNews .related-articles,
body.cat-LatestNews .pager {
  display: none;
}


/* アイコンフォント */
@font-face {
  font-family: 'lineblog';
  src:url('https://parts.lineblog.me/fonts/lineblog/lineblog.eot?-gjfzp2');
  src:url('https://parts.lineblog.me/fonts/lineblog/lineblog.eot?#iefix-gjfzp2') format('embedded-opentype'),
      url('https://parts.lineblog.me/fonts/lineblog/lineblog.woff?-gjfzp2') format('woff'),
      url('https://parts.lineblog.me/fonts/lineblog/lineblog.ttf?-gjfzp2') format('truetype'),
      url('https://parts.lineblog.me/fonts/lineblog/lineblog.svg?-gjfzp2#lineblog') format('svg');
  font-weight: normal;
  font-style: normal;
}

.article-category dt,
.article-tags dt,
.to-pagetop a {
  font-family: 'lineblog';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  background: none!important;
  text-indent: 0!important;
  font-size: 0;
  width: auto!important;
  height: auto!important;
}

.article-comment-count,
.article-favorite-count {
  margin: 0 38px 0 0 !important;
}
.article-comment-count dl,
.article-favorite-count dl {
  display: table;
}
.article-comment-count dt,
.article-favorite-count dt {
  text-indent: -9999px;
  background-image: url(../../../img/usr/lineblog/common/icon_counts.png?20161104);
  background-repeat: no-repeat;
  height: 17px;
  display: table-cell;
  vertical-align: middle;
  line-height: 17px;
}
.article-comment-count dt {
  background-position: -56px 0;
  width: 15px;
}
.article-favorite-count dt {
  background-position: -28px 0;
  width: 18px;
}
.article-favorite-count-on dt {
  background-position: 0 0;
}
.article-comment-count dd,
.article-favorite-count dd {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 8px;
  line-height: 17px;
  float: none;
  margin: 0;
  color: #989797;
}
.article-category dt:before {
  content: "\e600";
  font-size: 18px;
}
.article-tags dt:before {
  content: "\e602";
  font-size: 18px;
  position: relative;
  top: 1px;
}
.to-pagetop a:before {
  content: "\e603";
  font-size: 24px;
  font-weight: bold;
}

/* LINE友だち限定パーツ */

#friend-limited {
    margin-top: 30px;
    padding: 30px 83px 22px 83px;
    border: solid 3px #ebebeb;
    overflow: hidden;
    zoom: 1;
}
#friend-limited h1 {
    margin: 0 0 16px 0;
}
#friend-limited figure {
    display: table;
    table-layout: fixed;
    width: 498px;
    margin-left: -10px;
}
#friend-limited figure img {
    display: table-cell;
    width: 118px;
}
#friend-limited figure figcaption {
    display: table-cell;
    width: 358px;
    font-size: 16px;
    color: #666666;
    vertical-align: middle;
}

/* 新OGP */
.ogpLink {
  display: block;
  text-decoration: none !important;
	margin-bottom: 10px;
}
.ogpBox {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 118px;
  font-family: 'Hiragino Kaku Gothic Pro',Meiryo,Helvetica,Verdana,sans-serif;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.ogpImg {
  width: 118px;
  height: 118px;
  display: table-cell;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.ogpTxt {
  display: table-cell;
  vertical-align: middle;
  padding: 0 22px;
}
.ogpTtl {
  font-weight: bold;
  font-size: 17px;
  color: #272727;
  word-break: break-all;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ogpSub {
  color: #737373;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.ogpUrl {
  color: #c8c8c8;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 旧OGP */
.ogp_normal_link {
  text-decoration: none !important;
  display: block;
  border: 1px solid #e5e5e5;
}
.ogp_normal {
  display: table;
  width: 100%;
  min-height: 65px;
  font-family: 'Hiragino Kaku Gothic Pro',Meiryo,Helvetica,Verdana,sans-serif;
}
.ogp_normal_image {
  width: 65px;
  display: table-cell;
  vertical-align: middle;
}
.ogp_normal_image img {
  vertical-align: middle;
  width: 65px;
}
.ogp_normal_text {
  display: table-cell;
  padding: 10px 16px;
  vertical-align: middle;
}
.ogp_normal_title {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #272727;
  word-break: break-all;
}
.ogp_normal_sub {
  font-size: 10px;
  line-height: 14px;
  color: #cfcfcf;
  word-break: break-all;
}
.article-encode-error {
  border: 1px solid #e5e5e5;
  padding: 10px;
  color: #e5e5e5;
  text-align: center;
}

/* emoji */
.lineemoji {
  vertical-align: baseline !important;
  width: 1.3em !important;
  height: 1.3em !important;
  position: relative;
  top: 0.2em;
}
.emoji {
  vertical-align: baseline !important;
  width: 1em !important;
  height: 1em !important;
  position: relative;
  top: 0.1em;
}