@charset "UTF-8";
/* **************************************************
	layout
************************************************** */
.contents_blog {
  position: relative;
  padding-top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow-x: inherit;
  background: #fff;
  line-height: 1.4;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 15px;
  color: #4A4A4A;
  }

.contents_blog * {
  margin:0;
  padding:0;
 -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
  .contents_blog .layout {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    text-align: left;
    height: auto !important;
    height: 100%;
    min-height: 100%; }

/* **************************************************
	common
************************************************** */
	#topicpath a {
    color: #0070D9;}
	#topicpath a:hover {
    color: #aa0000;}
  .contents_blog a {
    color: #4A4A4A;
    text-decoration: none; }
  .contents_blog a:hover,
  .contents_blog a:focus {
    color: #4A4A4A;
    text-decoration: none; }
  .contents_blog ul, .contents_blog li {
    list-style: none; }
  .contents_blog p {
    text-align: justify; }
  .contents_blog h1, .contents_blog h2, .contents_blog h3, .contents_blog h4 {
    font-size: 100%; }
  .contents_blog .fw-bold {
    font-weight: bold; }
  .contents_blog .clearfix:before, .contents_blog .clearfix:after {
    content: " ";
    display: table; }
  .contents_blog .clearfix:after {
    clear: both; }
  .contents_blog .color-pink {
    color: #ff2a62; }

/* **************************************************
	navigation tab
************************************************** */
  .contents_blog .top-ttl {
    padding: 12px 0;
    color: #717171;
    font-size: 2.0rem;
    font-weight: 500; }
  .contents_blog .top-descri_p {
    padding: 12px 30px;
    border-bottom: none;
    color: #4A4A4A;
    background-color: #F4F3F3; }
  .contents_blog .nav-tab {
    display: block;
    height: 40px;
    padding: 6px 8px 40px;
    margin-bottom: 24px;
    overflow: hidden;
    background-color: #ff3f7a;
    }
  .contents_blog .tab-ul {
    width: 100%;
    padding-top: 14px; }
  .contents_blog .tab-li {
    display: block;
    float: left; }
  .contents_blog .btn-tab {
    padding: 10px 20px;
    color: #FFF;
    margin-right: 10px;
    -moz-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  .contents_blog .btn-tab:hover,
  .contents_blog .btn-tab:focus,
  .contents_blog .btn-tab:active {
    background-color: #fff;
    color: #ff2a62; }
  .contents_blog .btn-tab.active {
    background-color: #fff;
    color: #ff2a62;
    font-weight: 700; }


/* **************************************************
	list
************************************************** */
  .contents_blog .list-wrap {
    padding-bottom: 65px; }
  .contents_blog .all-list-ul {
    width: 100%;
    display: inline-block; }
  .contents_blog .all-list-li {
    width: 20%;
    display: block;
    float: left; }
  .contents_blog .btn-box-wrap {
    margin: 0 6px 12px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0.5px 1px 0.5px #ccc;
    box-shadow: 0 0.5px 1px 0.5px #ccc; }
  .contents_blog .btn-box {
    display: block;
    position: relative;
    padding-top: 154px; }
  .contents_blog .btn-box-entry {
    padding: 8px;
    background: #fff;
    border-bottom: solid 1px #d7d7d7; }
  .contents_blog .btn-box-entry_tit {
    margin-bottom: 30px;
    height: 18px;
    }
  .contents_blog .btn-box-entry_p {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 18px;
    margin-top: 8px;}
  .contents_blog .btn-box-entry_time {
	height: 20px;
    margin-top: 2px;
    color: #999;
    vertical-align: middle;
    display: inline-block;
    font-size: 11px; }
  .contents_blog .btn-box-entry_figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 154px;
    overflow: hidden;
    z-index: 0; }

   /* img hover*/
  .contents_blog .btn-box-entry_figure img {
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: 270px;
    margin: auto;
    -webkit-transition: top .2s linear,left .2s linear,width .2s linear,all .5s ease;
    transition: top .2s linear,left .2s linear,width .2s linear,all .5s ease; }
  .contents_blog .btn-box:hover .btn-box-entry_figure img {
    /*transform: scale(1.1);
    -webkit-transform: scale(1.1);*/ }

.btn-box-entry_img:hover {
    opacity: 0.5;
}

	/* new animation */
  .contents_blog .btn-box-entry_time .blog-new {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    margin-right: 4px;
    background-color: #9FD25B;
    color: #fff; }
  .contents_blog .btn-box-entry_time .blog-new{
	-webkit-animation:"blink" 3s ease-out infinite normal;
	animation:"blink" 3s ease-out infinite normal;
  }
@keyframes blink {
 0%, 70%{
    color:#fff;
    background-color: #9FD25B;
  }
  75%, 95%{
    background-color: #FF572A;
  }
   75% ,85%, 95%{
     color:transparent;
  }
  80%, 90%, 100% {
    color:#fff;
  }
}
@-webkit-keyframes blink {
 0%, 70%{
    color:#fff;
    background-color: #9FD25B;
  }
  75%, 95%{
    background-color: #FF572A;
  }
   75% ,85%, 95%{
     color:transparent;
  }
  80%, 90%, 100% {
    color:#fff;
  }
}


/* **************************************************
	status btn
************************************************** */
  .contents_blog .btn-status {
    display: block;
    position: relative;
    min-height: 50px;
    padding: 2px;
    background: #fff;
    border-bottom: solid 1px #ececec;
    }

  .contents_blog .status-thumb {
    display: inline-block;
    width: 40px;
    height: 40px;
    min-height: 40px;
    overflow: hidden;
    z-index: 0;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .contents_blog .status-thumb .status-thumb_img {
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: top .2s linear,left .2s linear,width .2s linear,all .5s ease;
    transition: top .2s linear,left .2s linear,width .2s linear,all .5s ease; }
  .contents_blog .btn-status:hover .status-thumb_img {
    /*transform: scale(1.1);
    -webkit-transform: scale(1.1); */
  }
  .contents_blog .btn-status:hover {
    background-color: #ffe5f3; }

	/*status color*/
  .contents_blog .status-prof {
    display: inline-block;
    vertical-align: top;
    /*width: 186px;*/
    margin-left: 0px;
    }
  .contents_blog .status-prof_status {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    margin: 0 0 0px 0px;
    width: 75px;
    text-align: center;
     }
  .contents_blog .status_offline .status-prof_status {
    /*background: #B2B2B2;*/
   opacity: 0;
   margin: 0 -10px 0 0 !important;
   }
  .contents_blog .status_standby .status-prof_status {
    background: #FABF33;
    opacity: 100;
    }
  .contents_blog .status_party .status-prof_status {
    background: #F696CA;
    opacity: 100;
    }
  .contents_blog .status_twoshot .status-prof_status {
    background: #EB9AFD;
    opacity: 100;
    }

  .contents_blog .status-prof_name {
    display: block;
    font-weight: 700;
    font-size: 10px;
    overflow: visible;
    /*white-space: nowrap;*/
    padding-top: 6px;
    }

  .contents_blog .status-list {
    text-align: center;
    white-space: nowrap;
    background: #f4f4f4; }
  .contents_blog .status-list-li {
    display: inline-block;
    float: none; }

  .contents_blog .btn-blog {
    position: relative;
    height: 34px;
    line-height: 34px;
    margin: 0 5px;
    display: block;
    }
  .contents_blog .type-icon:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto; }
  .contents_blog .type-icon.blog-post:before {
    background-image: url("/img/blog/post.svg");
  }
  .contents_blog .type-icon.blog-comment:before {
    background-image: url("/img/blog/comment.svg");
  }
  .contents_blog .type-icon.blog-like:before {
    background-image: url("/img/blog/heart.svg");
  }
  .contents_blog .btn-blog:hover.type-icon.blog-post:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-post%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234A4A4A%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M51.1%2C43.5l9.4-5.3L74%2C11.8L63.5%2C6.5L50%2C32.7L51.1%2C43.5z%20M70.2%2C13.1L58.6%2C35.6l-2.3-1.2l11.6-22.5L70.2%2C13.1z%20M64.8%2C10.3l2.3%2C1.2L55.5%2C34l-2.3-1.2L64.8%2C10.3z%20M57.9%2C36.2l-3.3%2C1.9l-1.4-0.7L53%2C33.7L57.9%2C36.2z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M76%2C12.4l-0.2%2C0.4l-4.4%2C8.4v37.1H60c-3.8%2C0-7.7%2C0.8-11.3%2C2.3c-2.2%2C1-4.3%2C2.2-6.1%2C3.6V24.9%20c1.9-2.1%2C4.5-3.9%2C7.4-5.1c1.7-0.7%2C3.4-1.3%2C5.2-1.6l2.9-5.7c-3.3%2C0.3-6.6%2C1.1-9.6%2C2.4c-3.2%2C1.4-6.2%2C3.3-8.5%2C5.6%20c-2.4-2.3-5.3-4.2-8.5-5.6c-3.9-1.7-8.1-2.6-12.3-2.6H9c-2.6%2C0-4.2%2C0-4.2%2C0H3V64h1.8c0%2C0%2C1.6%2C0%2C4.2%2C0h10.1c3.7%2C0%2C7.5%2C0.8%2C10.9%2C2.3%20c3.2%2C1.4%2C6.2%2C3.5%2C8.2%2C5.6c0.1%2C0.2%2C1.3%2C1.5%2C1.3%2C1.5c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.2c0.1%2C0%2C0.3-0.1%2C0.4-0.2c0%2C0%2C1.2-1.3%2C1.3-1.5%20c2-2.2%2C5-4.3%2C8.2-5.6C53.2%2C64.8%2C57%2C64%2C60.7%2C64c7.8%2C0%2C14.3%2C0%2C14.3%2C0h2V12.4H76z%20M37.4%2C64.2c-1.8-1.5-3.9-2.7-6.1-3.6%20c-3.5-1.5-7.4-2.3-11.3-2.3H8.6V17.7H20c3.3%2C0%2C6.8%2C0.8%2C9.9%2C2.1c2.9%2C1.2%2C5.5%2C3%2C7.5%2C5.1V64.2z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.9%2C35.4h-6.6v3.9h6.6c3.9%2C0%2C8%2C1%2C11.5%2C2.7l1.4%2C0.7v-4.4L31.2%2C38C27.4%2C36.3%2C23%2C35.4%2C18.9%2C35.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.9%2C45.4h-6.6v3.9h6.6c3.9%2C0%2C8%2C1%2C11.5%2C2.7l1.4%2C0.7v-4.4L31.2%2C48C27.4%2C46.3%2C23%2C45.4%2C18.9%2C45.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.9%2C25.4h-6.6v3.9h6.6c3.9%2C0%2C8%2C1%2C11.5%2C2.7l1.4%2C0.7v-4.4L31.2%2C28C27.4%2C26.3%2C23%2C25.4%2C18.9%2C25.4z%22%2F%3E%3C%2Fsvg%3E");
  }
  .contents_blog .btn-blog:hover.type-icon.blog-comment:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-comment%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234A4A4A%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M40%2C3.5C20.1%2C3.5%2C4%2C19.7%2C4%2C39.7c0%2C7.1%2C2%2C13.9%2C5.8%2C19.7l-1.9%2C8.9c-0.5%2C2.4%2C0.4%2C5%2C2.3%2C6.6c1.2%2C1%2C2.7%2C1.6%2C4.3%2C1.6%20c0.9%2C0%2C1.7-0.2%2C2.5-0.5l8.1-3.3C29.8%2C74.9%2C34.9%2C76%2C40%2C76c19.9%2C0%2C36-16.3%2C36-36.3S59.9%2C3.5%2C40%2C3.5z%20M16.3%2C58.2l-1.2-1.8%20c-3.3-4.9-5-10.7-5-16.7C10.1%2C23.1%2C23.5%2C9.6%2C40%2C9.6s29.9%2C13.5%2C29.9%2C30.1S56.5%2C69.9%2C40%2C69.9c-4.4%2C0-8.7-1-12.7-2.8l-2-1l-10.6%2C4.3%20c-0.2%2C0.1-0.4%2C0-0.6-0.1c-0.2-0.2-0.3-0.4-0.2-0.6L16.3%2C58.2z%22%2F%3E%3Cellipse%20class%3D%22st0%22%20cx%3D%2240%22%20cy%3D%2240%22%20rx%3D%223.5%22%20ry%3D%223.6%22%2F%3E%3Cellipse%20class%3D%22st0%22%20cx%3D%2226%22%20cy%3D%2240%22%20rx%3D%223.5%22%20ry%3D%223.6%22%2F%3E%3Cellipse%20class%3D%22st0%22%20cx%3D%2254%22%20cy%3D%2240%22%20rx%3D%223.5%22%20ry%3D%223.6%22%2F%3E%3C%2Fsvg%3E");
  }
  .contents_blog .btn-blog:hover.type-icon.blog-like:before {
    background-image: url("/img/blog/heart.svg");
  }
  .contents_blog .btn-blog_inner.btn-blog_count {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: inherit;
    margin-left: 5px; }

  .contents_blog .btn-blog_inner.btn-blog_txt {
    display: none;
    position: relative; }
  .contents_blog .btn-blog:hover .btn-blog_inner.btn-blog_txt {
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 58px;
    height: 20px;
    line-height: 20px;
    margin-left: -29px;
    text-align: center;
    background: #444;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px; }
  .contents_blog .btn-blog:hover .btn-blog_inner.btn-blog_txt:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    display: block;
    width: 0;
    height: 0;
    margin-left: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #444; }

  .contents_blog .btn-blog.blog-like:hover {
    color: #ff2a62; }
  .contents_blog .btn-blog.blog-like:hover .btn-blog_inner.btn-blog_txt {
    background: #ff2a62; }
  .contents_blog .btn-blog.blog-like:hover .btn-blog_inner.btn-blog_txt:before {
    border-top: 6px solid #ff2a62; }
  .contents_blog .btn-blog:hover .btn-blog_count {
    text-decoration: underline; }


 /* **************************************************
	pager
************************************************** */
  .contents_blog .page-wrap {
    width: 99%;
    background: #ececec;
    /* position: fixed; */
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 5px;
    z-index: 10;
    display: table;
    }
  .contents_blog .page-wrap_left,
  .contents_blog .page-wrap_right {
    display: table-cell;
    width: 14%; }
  .contents_blog .page-wrap_inner {
    display: table-cell;
    width: 72%; }
  .contents_blog .page-ul {
    width: 100%;
    letter-spacing: -.4em;  }
  .contents_blog .page-ul.page_after {
    text-align: right; }
  .contents_blog .page-li {
    display: inline-block;
    width: 10.5%;
    margin:0 1px;
    letter-spacing: normal; }
  .contents_blog .page-ul.page_main {
    display: block;
    height: 45px;
    text-align: center; }
  .contents_blog .page-li.page_first,
  .contents_blog .page-li.page_last {
    width: 50%;
    margin:0; }
  .contents_blog .page-li.page_prev,
  .contents_blog .page-li.page_next {
    width: 45%; }
  .contents_blog .page-li.page_first .btn-page:before,
  .contents_blog .page-li.page_last .btn-page:before,
  .contents_blog .page-li.page_prev .btn-page:before,
  .contents_blog .page-li.page_next .btn-page:before{
  content: '';
  display: inline-block;
  }
  .contents_blog .page-li.page_first .btn-page,
  .contents_blog .page-li.page_last .btn-page,
  .contents_blog .page-li.page_prev .btn-page,
  .contents_blog .page-li.page_next .btn-page{
  background-repeat: no-repeat;
  background-size:18px auto;
  background-position: center center;
  }
  .contents_blog .page-li.page_first .btn-page{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-arrow-double-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23444444%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45.9%2C65c0%2C0.5-0.2%2C1-0.6%2C1.4l-3%2C3C42%2C69.8%2C41.4%2C70%2C41%2C70c-0.5%2C0-1-0.2-1.4-0.6l-28-28C11.2%2C41%2C11%2C40.5%2C11%2C40%20s0.2-1%2C0.6-1.4l28-28C40%2C10.2%2C40.5%2C10%2C41%2C10s1%2C0.2%2C1.4%2C0.6l3%2C3C45.8%2C14%2C46%2C14.5%2C46%2C15s-0.2%2C1-0.6%2C1.4L21.7%2C40l23.6%2C23.6%20C45.7%2C64%2C45.9%2C64.5%2C45.9%2C65z%20M69%2C65c0%2C0.5-0.2%2C1-0.6%2C1.4l-3%2C3C65%2C69.8%2C64.5%2C70%2C64%2C70s-1-0.2-1.4-0.6l-28-28C34.2%2C41%2C34%2C40.5%2C34%2C40%20s0.2-1%2C0.6-1.4l28-28C63%2C10.2%2C63.5%2C10%2C64%2C10s1%2C0.2%2C1.4%2C0.6l3%2C3C68.8%2C14%2C69%2C14.5%2C69%2C15s-0.2%2C1-0.6%2C1.4L44.8%2C40l23.6%2C23.6%20C68.8%2C64%2C69%2C64.5%2C69%2C65z%22%2F%3E%3C%2Fsvg%3E');
  }
  .contents_blog .page-li.page_last .btn-page{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-arrow-double-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23444444%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.9%2C40c0%2C0.5-0.2%2C1-0.6%2C1.4l-28%2C28C18%2C69.8%2C17.4%2C70%2C16.9%2C70s-1-0.2-1.4-0.6l-3-3C12.2%2C66%2C12%2C65.5%2C12%2C65%20s0.2-1%2C0.6-1.4L36.2%2C40L12.6%2C16.4C12.2%2C16%2C12%2C15.5%2C12%2C15s0.2-1%2C0.6-1.4l3-3C16%2C10.2%2C16.5%2C10%2C17%2C10s1%2C0.2%2C1.4%2C0.6l28%2C28%20C46.7%2C39%2C46.9%2C39.5%2C46.9%2C40z%20M70%2C40c0%2C0.5-0.2%2C1-0.6%2C1.4l-28%2C28C41.1%2C69.8%2C40.5%2C70%2C40%2C70s-1-0.2-1.4-0.6l-3-3C35.2%2C66%2C35%2C65.5%2C35%2C65%20s0.2-1%2C0.6-1.4L59.3%2C40L35.7%2C16.4c-0.4-0.4-0.6-0.9-0.6-1.4s0.2-1%2C0.6-1.4l3-3C39%2C10.2%2C39.6%2C10%2C40%2C10c0.5%2C0%2C1%2C0.2%2C1.4%2C0.6l28%2C28%20C69.8%2C39%2C70%2C39.5%2C70%2C40z%22%2F%3E%3C%2Fsvg%3E');
  }
  .contents_blog .page-li.page_prev .btn-page{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-arrow-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23444444%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M58.5%2C15c0%2C0.5-0.2%2C1-0.6%2C1.4L34.3%2C40l23.6%2C23.6c0.4%2C0.4%2C0.6%2C0.9%2C0.6%2C1.4s-0.2%2C1-0.6%2C1.4l-3%2C3%20C54.5%2C69.8%2C54%2C70%2C53.5%2C70s-1-0.2-1.4-0.6l-28-28c-0.4-0.4-0.6-0.9-0.6-1.4s0.2-1%2C0.6-1.4l28-28c0.4-0.4%2C0.9-0.6%2C1.4-0.6%20s1%2C0.2%2C1.4%2C0.6l3%2C3C58.3%2C14%2C58.5%2C14.4%2C58.5%2C15z%22%2F%3E%3C%2Fsvg%3E');
  }
  .contents_blog .page-li.page_next .btn-page{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-arrow-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23444444%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M57.5%2C40c0%2C0.5-0.2%2C1-0.6%2C1.4l-28%2C28C28.5%2C69.8%2C28%2C70%2C27.5%2C70s-1-0.2-1.4-0.6l-3-3c-0.4-0.4-0.6-0.8-0.6-1.4%20c0-0.5%2C0.2-1%2C0.6-1.4L46.7%2C40L23.1%2C16.4c-0.4-0.4-0.6-0.9-0.6-1.4s0.2-1%2C0.6-1.4l3-3c0.4-0.4%2C0.9-0.6%2C1.4-0.6s1%2C0.2%2C1.4%2C0.6l28%2C28%20C57.3%2C39%2C57.5%2C39.5%2C57.5%2C40z%22%2F%3E%3C%2Fsvg%3E');
  }
  .contents_blog .btn-page {
    display: block;
    padding: 10px 0px;
    border: 1px solid #d7d7d7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    color: #444;
    font-weight: 700;
    background-color: #fff;
    -webkit-box-shadow: 0 0.5px 0.5px 0 #d7d7d7;
    box-shadow: 0 0.5px 0.5px 0 #d7d7d7;
    text-align: center; }
  .contents_blog .page-li.active .btn-page {
    background-color: #ff3f7a;
    color: #fff;
    }


/* **************************************************
	記事ページ	post.php
************************************************** */
  .contents_blog .post-wrap {
    margin: 12px 0 32px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0.5px 1px 0.5px #ccc;
    box-shadow: 0 0.5px 1px 0.5px #ccc;
    position: relative; }

  .contents_blog #facebook, .contents_blog #tweet {
    position: absolute;
    top: 10px;
    z-index: 1; }
  .contents_blog #facebook {
    right: 95px; }
  .contents_blog #tweet {
    right: 10px; }

  .contents_blog .post-section {
    display: block;
    padding: 24px 100px;
    background: #fff;
    color: #333; }
  .contents_blog .post-section .post-figure {
    position: relative;
    margin: 0 auto 2em;
    text-align: center; }
  .contents_blog .post-figure img {
    max-width: 500px; }
  .contents_blog .post-section .post-figure .image-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

/* **************************************************
	記事ページ post.php
	action btn
************************************************** */
  .contents_blog .action-link {
    padding: 20px 32px;
    background: #f4f4f4;
    display: block; }
  .contents_blog .action-link_inner {
    display: inline-block;
    vertical-align: middle;
    width: 49%; }

  .contents_blog .btn-favor {
    position: relative;
    display: inline-block;
    width: 50%; }

  .contents_blog .btn-favor .btn-default {
    /*-webkit-box-shadow: 0 0.5px 0.5px 0 #d7d7d7;*/
    /*box-shadow: 0 0.5px 0.5px 0 #d7d7d7;*/
    border: 1px solid #d7d7d7;
    background-color: #fff;
    padding: 12px 14px 12px 48px;
    line-height: 1;
    display: inline-block;
    border-radius: 50px;
    }
  .contents_blog .btn-favor .btn-default:hover {
    border: 1px solid #ff2a62;
    }
  .contents_blog .btn-favor .btn-default:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 10px;
    width: 0.8em;
    height: 0.8em;
    line-height: 1em;
    color: #c7c7c7;
    font-size: 32px;
    background-size: 100% auto;
    background-image: url("/img/blog/bookmark.svg"); }
  .contents_blog .btn-favor .btn-default:hover {
    color: #ff48a5; }
  .contents_blog .btn-favor .btn-default:hover:before {
    background-image: url("/img/blog/bookmark_hv.svg"); }
  .contents_blog .btn-favor .btn-defaul:hover {
    background-color: #ececec; }

  .contents_blog .action-list-li {
    width: 32%;
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
  .contents_blog .action-list-li .type-icon.blog-comment:before,
  .contents_blog .action-list-li .type-icon.blog-like:before,
  .contents_blog .action-list-li .type-icon.blog-post:before {
    width: 0.8em;
    height: 0.8em;
    margin-right: 10px;
    font-size: 34px; }

.contents_blog .btn-action.nice_done {
 padding: 10px 16px;
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: 1;
    color: #f92a61;
    display: block;
    position: relative; }

  .contents_blog .btn-action {
    padding: 10px 16px;
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: 1;
    color: #717171;
    display: block;
    position: relative; }

  .contents_blog .btn-action_count {
    color: #444;
    font-weight: 700; }

  .contents_blog .btn-action:hover,
  .contents_blog .btn-action:hover .btn-action_count {
    color: #ff2a62; }

  .contents_blog .btn-action.blog-like:hover:after {
    border-right: solid 1px #ff2a62;
    border-bottom: solid 1px #ff2a62; }

  .contents_blog .btn-action:hover.type-icon.blog-post:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-post%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ff2a62%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M51.1%2C43.5l9.4-5.3L74%2C11.8L63.5%2C6.5L50%2C32.7L51.1%2C43.5z%20M70.2%2C13.1L58.6%2C35.6l-2.3-1.2l11.6-22.5L70.2%2C13.1z%20M64.8%2C10.3l2.3%2C1.2L55.5%2C34l-2.3-1.2L64.8%2C10.3z%20M57.9%2C36.2l-3.3%2C1.9l-1.4-0.7L53%2C33.7L57.9%2C36.2z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M76%2C12.4l-0.2%2C0.4l-4.4%2C8.4v37.1H60c-3.8%2C0-7.7%2C0.8-11.3%2C2.3c-2.2%2C1-4.3%2C2.2-6.1%2C3.6V24.9%20c1.9-2.1%2C4.5-3.9%2C7.4-5.1c1.7-0.7%2C3.4-1.3%2C5.2-1.6l2.9-5.7c-3.3%2C0.3-6.6%2C1.1-9.6%2C2.4c-3.2%2C1.4-6.2%2C3.3-8.5%2C5.6%20c-2.4-2.3-5.3-4.2-8.5-5.6c-3.9-1.7-8.1-2.6-12.3-2.6H9c-2.6%2C0-4.2%2C0-4.2%2C0H3V64h1.8c0%2C0%2C1.6%2C0%2C4.2%2C0h10.1c3.7%2C0%2C7.5%2C0.8%2C10.9%2C2.3%20c3.2%2C1.4%2C6.2%2C3.5%2C8.2%2C5.6c0.1%2C0.2%2C1.3%2C1.5%2C1.3%2C1.5c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.2c0.1%2C0%2C0.3-0.1%2C0.4-0.2c0%2C0%2C1.2-1.3%2C1.3-1.5%20c2-2.2%2C5-4.3%2C8.2-5.6C53.2%2C64.8%2C57%2C64%2C60.7%2C64c7.8%2C0%2C14.3%2C0%2C14.3%2C0h2V12.4H76z%20M37.4%2C64.2c-1.8-1.5-3.9-2.7-6.1-3.6%20c-3.5-1.5-7.4-2.3-11.3-2.3H8.6V17.7H20c3.3%2C0%2C6.8%2C0.8%2C9.9%2C2.1c2.9%2C1.2%2C5.5%2C3%2C7.5%2C5.1V64.2z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.9%2C35.4h-6.6v3.9h6.6c3.9%2C0%2C8%2C1%2C11.5%2C2.7l1.4%2C0.7v-4.4L31.2%2C38C27.4%2C36.3%2C23%2C35.4%2C18.9%2C35.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.9%2C45.4h-6.6v3.9h6.6c3.9%2C0%2C8%2C1%2C11.5%2C2.7l1.4%2C0.7v-4.4L31.2%2C48C27.4%2C46.3%2C23%2C45.4%2C18.9%2C45.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.9%2C25.4h-6.6v3.9h6.6c3.9%2C0%2C8%2C1%2C11.5%2C2.7l1.4%2C0.7v-4.4L31.2%2C28C27.4%2C26.3%2C23%2C25.4%2C18.9%2C25.4z%22%2F%3E%3C%2Fsvg%3E"); }
  .contents_blog .btn-action:hover.type-icon.blog-comment:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-comment%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ff2a62%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M40%2C3.5C20.1%2C3.5%2C4%2C19.7%2C4%2C39.7c0%2C7.1%2C2%2C13.9%2C5.8%2C19.7l-1.9%2C8.9c-0.5%2C2.4%2C0.4%2C5%2C2.3%2C6.6c1.2%2C1%2C2.7%2C1.6%2C4.3%2C1.6%20c0.9%2C0%2C1.7-0.2%2C2.5-0.5l8.1-3.3C29.8%2C74.9%2C34.9%2C76%2C40%2C76c19.9%2C0%2C36-16.3%2C36-36.3S59.9%2C3.5%2C40%2C3.5z%20M16.3%2C58.2l-1.2-1.8%20c-3.3-4.9-5-10.7-5-16.7C10.1%2C23.1%2C23.5%2C9.6%2C40%2C9.6s29.9%2C13.5%2C29.9%2C30.1S56.5%2C69.9%2C40%2C69.9c-4.4%2C0-8.7-1-12.7-2.8l-2-1l-10.6%2C4.3%20c-0.2%2C0.1-0.4%2C0-0.6-0.1c-0.2-0.2-0.3-0.4-0.2-0.6L16.3%2C58.2z%22%2F%3E%3Cellipse%20class%3D%22st0%22%20cx%3D%2240%22%20cy%3D%2240%22%20rx%3D%223.5%22%20ry%3D%223.6%22%2F%3E%3Cellipse%20class%3D%22st0%22%20cx%3D%2226%22%20cy%3D%2240%22%20rx%3D%223.5%22%20ry%3D%223.6%22%2F%3E%3Cellipse%20class%3D%22st0%22%20cx%3D%2254%22%20cy%3D%2240%22%20rx%3D%223.5%22%20ry%3D%223.6%22%2F%3E%3C%2Fsvg%3E"); }
  .contents_blog .btn-action:hover.type-icon.blog-like:before {
    background-image: url("/img/blog/heart_hv.svg"); }

  .contents_blog .top-ttl_lv {
    margin-bottom: 10px;
    padding: 0 0 10px;
    line-height: 1.4em;
    color: #666;
    font-size: 1.6rem;
    letter-spacing: .05em; }

/* **************************************************
	posr comment
************************************************** */
  .contents_blog .comment-wrap {
    display: block;
    margin: 0 0 32px;
    padding: 16px;
    background: #ffffff;
    /*border: solid 1px #d7d7d7;*/
    /*box-shadow: 0 1px 1px 1px #d7d7d7;*/
    }
  .contents_blog .comment-wrap_link {
    line-height: 1.2em;
    margin-bottom: 16px; }
  .contents_blog .comment-wrap_link a {
    color: #09c;
    border: 1px solid #09c;
    padding: 5px;
    border-radius: 3px;
    }
  .contents_blog .comment-wrap_link a:hover {
    text-decoration: none;
    background:#09c;
    color:#fff;
     }

  .contents_blog .comment-ul li {
    padding-left: 1.0em;
    text-indent: -1.4em; }


/* **************************************************
	記事ページ post.php
	pager
************************************************** */
  .contents_blog .post-pager_wrap {
    margin-bottom: 60px; }
  .contents_blog .post-pager-ul {
    width: 100%;
    display: block;
    margin-top: -10px; }
  .contents_blog .post-pager-li {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding: 0 10px; }
  .contents_blog .post-pager-li.pager_next {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    float: right; }
  .contents_blog .post-pager-li.button {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    float: left; }
  .contents_blog .button-wrap {
    padding: 50px 0; }
  .contents_blog .post-pager-li.button a {
    margin: 10px 0; }

  .contents_blog .post-pager-li .btn-default {
    /*-webkit-box-shadow: 0 0.5px 0.5px 0 #d7d7d7;*/
    /*box-shadow: 0 0.5px 0.5px 0 #d7d7d7;*/
    border: 1px solid #d7d7d7;
    background-color: #fff;
    padding: 12px 8px;
    line-height: 1.2;
    display: inline-block;
    width: 100%;
    text-align: center;
    /*font-weight: 700;*/
    border-radius: 3px;
    font-size: 13px;
    }
  .contents_blog .post-pager-li .btn-default:hover {
    background-color: #ff2a62;
    border: 1px solid #ff2a62;
    color:#fff;
    }

  .contents_blog .btn-post-wrap {
    margin: 65px 6px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0.5px 1px 0.5px #ccc;
    box-shadow: 0 0.5px 1px 0.5px #ccc; }
  .contents_blog .btn-post {
    display: block;
    position: relative; }

  .contents_blog .btn-post_figure {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 165px;
    -moz-border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    overflow: hidden;
    z-index: 0; }
  .contents_blog .btn-post_figure img {
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: 270px;
    margin: auto;
    -webkit-transition: top .2s linear,left .2s linear,width .2s linear,all .5s ease;
    transition: top .2s linear,left .2s linear,width .2s linear,all .5s ease; }
    .btn-post-entry_img:hover {
    opacity: 0.5;
}d
  .contents_blog .btn-post:hover .btn-post_figure img {
    /*transform: scale(1.1);
    -webkit-transform: scale(1.1);*/
   }

  .contents_blog .btn-post-entry {
    padding: 8px;
    background: #fff;
    border-bottom: solid 1px #d7d7d7; }
  .contents_blog .btn-post-entry_tit {
    margin-bottom: 3px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

  .contents_blog .btn-post-entry_p {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px;
    line-height: 20px; }
  .contents_blog .btn-post-entry_time {
    margin-top: 2px;
    color: #999;
    font-size: 12px; }
  .contents_blog .btn-post_next {
    position: absolute;
    top: -1.6em;
    left: 0; }
  .contents_blog .btn-post_before {
    position: absolute;
    top: -1.6em;
    left: 0; }
  .contents_blog .btn-post_next:after,
  .contents_blog .btn-post_before:before {
  content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background-repeat: no-repeat;
  background-size:14px auto;
  background-position: center center;
  vertical-align: top;
  }
   .contents_blog .btn-post_next:after{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-arrow-double-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23444444%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.9%2C40c0%2C0.5-0.2%2C1-0.6%2C1.4l-28%2C28C18%2C69.8%2C17.4%2C70%2C16.9%2C70s-1-0.2-1.4-0.6l-3-3C12.2%2C66%2C12%2C65.5%2C12%2C65%20s0.2-1%2C0.6-1.4L36.2%2C40L12.6%2C16.4C12.2%2C16%2C12%2C15.5%2C12%2C15s0.2-1%2C0.6-1.4l3-3C16%2C10.2%2C16.5%2C10%2C17%2C10s1%2C0.2%2C1.4%2C0.6l28%2C28%20C46.7%2C39%2C46.9%2C39.5%2C46.9%2C40z%20M70%2C40c0%2C0.5-0.2%2C1-0.6%2C1.4l-28%2C28C41.1%2C69.8%2C40.5%2C70%2C40%2C70s-1-0.2-1.4-0.6l-3-3C35.2%2C66%2C35%2C65.5%2C35%2C65%20s0.2-1%2C0.6-1.4L59.3%2C40L35.7%2C16.4c-0.4-0.4-0.6-0.9-0.6-1.4s0.2-1%2C0.6-1.4l3-3C39%2C10.2%2C39.6%2C10%2C40%2C10c0.5%2C0%2C1%2C0.2%2C1.4%2C0.6l28%2C28%20C69.8%2C39%2C70%2C39.5%2C70%2C40z%22%2F%3E%3C%2Fsvg%3E');
  }
  .contents_blog .btn-post_before:before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22svg-arrow-double-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23444444%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45.9%2C65c0%2C0.5-0.2%2C1-0.6%2C1.4l-3%2C3C42%2C69.8%2C41.4%2C70%2C41%2C70c-0.5%2C0-1-0.2-1.4-0.6l-28-28C11.2%2C41%2C11%2C40.5%2C11%2C40%20s0.2-1%2C0.6-1.4l28-28C40%2C10.2%2C40.5%2C10%2C41%2C10s1%2C0.2%2C1.4%2C0.6l3%2C3C45.8%2C14%2C46%2C14.5%2C46%2C15s-0.2%2C1-0.6%2C1.4L21.7%2C40l23.6%2C23.6%20C45.7%2C64%2C45.9%2C64.5%2C45.9%2C65z%20M69%2C65c0%2C0.5-0.2%2C1-0.6%2C1.4l-3%2C3C65%2C69.8%2C64.5%2C70%2C64%2C70s-1-0.2-1.4-0.6l-28-28C34.2%2C41%2C34%2C40.5%2C34%2C40%20s0.2-1%2C0.6-1.4l28-28C63%2C10.2%2C63.5%2C10%2C64%2C10s1%2C0.2%2C1.4%2C0.6l3%2C3C68.8%2C14%2C69%2C14.5%2C69%2C15s-0.2%2C1-0.6%2C1.4L44.8%2C40l23.6%2C23.6%20C68.8%2C64%2C69%2C64.5%2C69%2C65z%22%2F%3E%3C%2Fsvg%3E');
  }


/* **************************************************
	responsive sp調整
************************************************** */
  @media (min-width: 769px) {
  	/*pcのみ*/
    .contents_blog .hidden-lg {
      display: none !important; } }

  @media (max-width: 768px) {
  	/*sp用*/
    .contents_blog .hidden-xs {
      display: none !important; }

/* **************************************************
	title
************************************************** */
    .contents_blog .top-ttl {
      margin-top: 5px;
      padding: 10px 5px;
      color: #717171;
      font-size: 1.2rem;
      font-weight: 600; }
    .contents_blog .top-descri_p {
      padding: 10px;
      border-bottom: none;
      color: #4A4A4A;
      letter-spacing: .05em;
      background-color: #F4F3F3; }

/* **************************************************
	navigation tab
************************************************** */
    .contents_blog .nav-tab {
      display: block;
      height: auto;
      margin-bottom: 24px;
      padding:0;
      overflow: hidden;
      background-color: #fff; }
    .contents_blog .tab-ul {
      width: 100%;
    }
    .contents_blog .tab-li {
      width: 20%;
      display: inline-block;
      float: left; }
    .contents_blog .btn-tab {
      display: block;
      padding: 12px 10px;
      margin:0;
      color: #666;
      text-align: center;
      font-size: 11px;
      border-bottom: solid 4px #d4d4d4; }
    .contents_blog .btn-tab:hover,
    .contents_blog .btn-tab:focus,
    .contents_blog .btn-tab:active {
      background-color: #fff;
      border-bottom: solid 4px #ff2a62;
      color: #ff2a62; }
    .contents_blog .btn-tab.active {
      background-color: #fff;
      border-bottom: solid 4px #ff2a62;
      font-weight: 700;
      color: #ff2a62; }

/* **************************************************
	list
************************************************** */
    .contents_blog .all-list-ul {
      width: 100%;
      display: inline-block; }
    .contents_blog .all-list-li {
      width: 100%;
      display: block;
      float: none; }
    .contents_blog .btn-box-entry {
      padding: 6px; }
    .contents_blog .btn-box-entry_figure {
      width: 100%;
      height: 200px; }
    .contents_blog .btn-box {
      padding-top: 200px; }
    .contents_blog .page-wrap_left,
    .contents_blog .page-wrap_right {
      width: 20%; }
    .contents_blog .page-wrap_inner {
      width: 60%; }
    .contents_blog .page-ul {
      width: 100%; }
    .contents_blog .page-ul.page_after {
      text-align: right; }
    .contents_blog .page-li {
      display: inline-block;
      width: 19.3%; }

/* **************************************************
	status btn
************************************************** */
    .contents_blog .status-prof .status-prof_status {
      margin: 0px 0 4px 3px;
      }
    .contents_blog .btn-status {
      border-bottom: none;
      padding: 10px 8px;
      min-height: 40px; }
    .contents_blog .post-section {
      display: block;
      padding: 10px;
      background: #fff;
      color: #333; }
    .contents_blog .post-section .post-figure {
      margin: 0 auto 1.2em; }
    .contents_blog .post-section .post-figure img {
      max-width: 100%; }
    .contents_blog .action-link {
      padding: 0;
      display: block; }
    .contents_blog .action-link_inner {
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      background: #f4f4f4; }

/* **************************************************
	action btn
************************************************** */
    .contents_blog .btn-favor {
      position: relative;
      display: block;
      width: 100%;
      padding: 20px 10px;
      background-color: #fff; }
    .contents_blog .btn-favor .btn-default:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 18px;
      margin-top: -0.5em; }
    .contents_blog .action-list {
	   letter-spacing: -.4em;
    }
    .contents_blog .action-list-li {
      width: 32%;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      letter-spacing: normal; }
    .contents_blog .action-list-li .type-icon.blog-like:before,
    .contents_blog .action-list-li .type-icon.blog-comment:before,
    .contents_blog .action-list-li .type-icon.blog-post:before {
      width: 1em;
      height: 1em;
      font-size: 24px;
      position: unset; }
    .contents_blog .btn-action {
      padding: 10px 5px;
      font-size: 12px;
      white-space: nowrap;
      letter-spacing: 1;
      color: #717171;
      display: block;
      position: relative; }
    .contents_blog .btn-action.blog-like {
      margin: 0;
      padding: 10px 5px;
      border: none;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      height: auto;
      line-height: 1; }
    .contents_blog .btn-action.blog-like:after {
      display: none; }
    .contents_blog .post-wrap {
      margin:0;
     }
/* **************************************************
	title comment
************************************************** */
    .contents_blog .top-ttl_lv {
      margin-bottom: 0;
      padding: 8px 10px;
      line-height: 1.4;
      color: #666;
      font-size: 1.0rem;
      letter-spacing: .05em;
      font-weight: normal; }
    .contents_blog .comment-wrap {
      display: block;
      padding: 10px;
      margin:0;
      background: #f4f4f4;
      border-top: solid 1px #d7d7d7;
      box-shadow: 0 1px 1px 0px #d7d7d7; }
    .contents_blog .comment-ul li {
      padding-left: 1.4em;
      text-indent: -1.4em; }

/* **************************************************
	post.php
	pager
************************************************** */
    .contents_blog .post-pager_wrap {
      margin-bottom: 0px; }
    .contents_blog .post-pager-ul {
      width: 100%;
      margin-top: 0;
      padding-top: 20px;
      background: #f4f4f4; }
    .contents_blog .post-pager-li {
      width: 50%;
      padding: 0 5px; }
    .contents_blog .post-pager-li.button {
      width: 100%;
      float: none;
      padding-top: 2em; }
    .contents_blog .post-pager-li.pager_next {
      width: 50%; }
    .contents_blog .button-wrap {
      padding: 10px 0; }
    .contents_blog .post-pager-li.button a {
      margin: 5px 0; }
    .contents_blog .post-pager-li .btn-default {
      padding: 12px 0;
      font-weight: 500; }
    .contents_blog .post-pager-li .btn-default:hover {
      background-color: #ececec; }
    .contents_blog .btn-post-entry {
      display: none; }
    .contents_blog .btn-post_figure {
      height: 154px; }
    .contents_blog .btn-post-entry {
      padding: 6px; }
    .contents_blog .btn-post_next,
    .contents_blog .btn-post_before {
      width: 100%;
      padding: 8px;
      background: #fff;
      border-bottom: solid 1px #d7d7d7;
      top: auto;
      font-size: 12px;
      text-align: center;
      -moz-border-bottom-right-radius: 3px;
      -moz-border-bottom-left-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px; } }


/*# sourceMappingURL=contents_blog.css.map */
