/* CSS Document */
.content_post .like_posts li .date {
 font-size: 0.8em;
 color: #7b7b7b;
}
.content_post .like_posts li .update {
 display: inline-block;
 margin-left: 15px;
}
.social_links {
 display: flex;
 flex-wrap: wrap;
 padding: 5px 0;
}
.social_links li {
 width: 33.333%;
}
.social_links li span, .social_links li a {
 display: block;
 text-decoration: none;
 background-color: #388cff;
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 padding: 10px 5px 10px 50px;
 border-radius: 2px;
 margin: 0 3px 3px 0;
 background-position: 19px center;
 background-repeat: no-repeat;
 background-size: auto 16px;
 cursor: pointer;
 line-height: 1em;
 user-select: none;
}
.social_links li span:hover, .social_links li a:hover {
 opacity: 0.7;
}
.social_links li.b_fb a {
 background-color: #226cc0;
 background-image: url(img/SVG/fb.svg);
}
.social_links li.b_ha a {
 background-image: url(img/SVG/b.svg);
}
.social_links li.b_tw a {
 background-color: #2cafef;
 background-image: url(img/SVG/tw.svg);
}
.social_links li.b_li a {
 background-color: #36af18;
 background-image: url(img/SVG/line_w.svg);
}
.social_links li.b_po a {
 background-color: #ec5a7a;
 background-image: url(img/SVG/po_w.svg);
}
.social_links li.b_sk span {
 background-color: #9e9e9e;
 background-image: url(img/SVG/like.svg);
}
.social_links li.b_sk span.active {
 background-color: #fa6856;
}
#footer_social_plus ul {
 display: flex;
}
#footer_social_plus ul li {
 margin: 0 2px 2px 0;
}
.content_post .like_posts li {
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 margin: 4px 5px;
 background-color: #fff;
 box-shadow: 0 0 5px #B9B9B9;
 border-radius: 3px;
 position: relative;
 padding: 0;
}
.content_post .like_posts li a {
 box-sizing: border-box;
 width: calc(100% - 50px);
 display: block;
 padding: 15px 20px;
 text-decoration: none;
 color: initial;
 font-weight: 500;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.content_post .like_posts li .del_like {
 width: 50px;
 display: block;
 position: relative;
 z-index: 1;
 background-image: url(img/SVG/cross.svg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 10px auto;
 cursor: pointer;
 background-color: #fbf1f1;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.content_post .like_posts li .del_like:hover {
 background-color: #ffa7a7;
}
.content_post .like_posts li a:hover {
 background-color: #f2f8f9;
}
.recover_like {
 padding: 10px 20px;
 text-decoration: underline;
 font-size: 0.9em;
 color: #19a219;
 cursor: pointer;
 user-select: none;
}
.like_share_link {
 padding: 15px;
 background-color: #f5f5f5;
 cursor: pointer;
 position: relative;
}
input#share_like {
 opacity: 0;
 position: absolute;
}
.copy_allow {
 display: block;
 color: #01b036;
 font-weight: bold;
}
span.cvx {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
}
.ar_like {
 position: absolute;
 right: 9px;
 top: 4px;
 width: 25px;
 height: 25px;
 background-color: #b2b2b2;
 border-radius: 100%;
 z-index: 2;
 background-image: url(img/SVG/like.svg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: 50% auto;
 cursor: pointer;
}
.ar_like.active {
 background-color: #fa6856;
}
@media only screen and (max-width: 420px) {
 .social_links li span, .social_links li a {
  background-size: auto 10px;
  padding-left: 30px;
  font-size: 11px;
  background-position: 8px center;
 }
 /*420*/
}
/*cookie
---------------------------------------*/
#cookie_note_ex1 {
 background-color: #333;
 color: #fff;
 padding: 25px 1em;
 font-size: 13px;
}
#cookie_note_ex1 .cookie_note_ex1_wrap {
 max-width: 1200px;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
}
#cookie_note_ex1 a {
 text-decoration: underline;
 color: #fff;
}
#cookie_note_ex1 .cookie_note_ex1_text {
 width: calc(100% - 200px);
 box-sizing: border-box;
 padding-right: 10px;
}
#cookie_note_ex1 .cookie_note_ex1_close {
 width: 200px;
}
#cookie_note_ex1 .cookie_note_ex1_close span {
 margin: 0 auto;
 background-color: #1c9e97;
 display: block;
 max-width: 180px;
 text-align: center;
 padding: 8px;
 cursor: pointer;
 font-weight: bold;
}
@media only screen and (max-width: 600px) {
 #cookie_note_ex1 .cookie_note_ex1_text, #cookie_note_ex1 .cookie_note_ex1_close {
  width: 100%;
 }
 #cookie_note_ex1 .cookie_note_ex1_close {
  padding-top: 20px;
 }
}