/*
  Skin Name: Hygiene
  Description:Cocoonらしさを薄めて、所々に青系とピンク系を基調としたグラデーションを取り入れたスキン。
  Author: ごー
   Skin URI: https://go-blogs.com/cocoon/coccon-skin-hygiene/
  Screenshot URI:https://im-cocoon.net/wp-content/uploads/hygiene.png
  Version: 1.1.6
  Priority: 9190003000
*/

/*以下にスタイルシートを記入してください1*/

.a-wrap:hover{
  transition: 0.5s all ease;
  filter: sepia(80%);
  transform: scale(1.03);
}
.eye-catch{
  margin: 0 -10px;
}
/*.logo-header img{
      filter: drop-shadow(0px 0px 3px #1b3868);
}*/
table tr:nth-of-type(2n+1), .page-numbers.dots, .a-wrap:hover, .a-wrap:hover .card-meta,
   .widget_recent_entries ul li a:hover,
   .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover,
    .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover,
     .tag-link:hover, .tagcloud a:hover {
    background-color: rgba(103, 134, 9, 0)!important;
}
/* HACK: メニュー周り */
.hlt-center-logo .navi,
.hlt-center-logo-top-menu .nani{
  box-shadow: 0px 5px 10px -4px #c7c0ff;
  margin-bottom: 15px;
}
.navi-in a:hover{
  background: unset!important;
border-bottom:4px solid #5572ff;
}
.navi-in.active a{
  background: unset;
border-bottom:4px solid #5572ff;

}
.navi-in a {
    color: #333;
    text-decoration: none;
    color: #a4a6b5;
    font-size: 16px;
    border-bottom: 4px solid transparent;
    /* padding-bottom: 5px; */
    font-weight: bold;
}

/*見出し*/
.article h2, .article h3, .article h4, .article h5, .article h6{
  border-image: linear-gradient(to right, #967cff, #ff58cc) 3%;
  font-family: serif;
  padding: 0 .5em .5em 2em;
  border-width: 0px 0px 3px 3px;
  font-style: italic;
  border-bottom: solid 2px;
  border-image-slice: 1;
  background: none!important;
  border-left: 0px;
  color: #383940!important;
}
.article h2 {
    position: relative;
    font-size: 25px;
    margin-bottom: 35px;
}
.sidebar h2::before, .sidebar h3::before, .article h2::before,
.sidebar h2::after, .sidebar h3::after, .article h2::after,
  .related-entry-heading::before,
  .comment-title::before, .main-widget-label::before,
  .related-entry-heading::after,
   .comment-title::after, .main-widget-label::after {
       position: absolute;
       content: '';
       border-radius: 100%;
       opacity: 0.3;
    }
.sidebar h2::before, .sidebar h3::before, .article h2::before, .related-entry-heading::before,
.comment-title::before, .main-widget-label::before{
       top: .2em;
       left: .2em;
       z-index: 2;
       width: 33px;
       height: 33px;
       background: #967cff!important;
     }
.related-entry-heading::before,
.comment-title::before, .main-widget-label::before{
  background: #8c48839c!important;
}
.sidebar h2::after, .sidebar h3::after, .article h2::after, .related-entry-heading::after,
 .comment-title::after, .main-widget-label::after{
       top: -0.3em;
       left: .7em;
       width: 37px;
       height: 37px;
       background: #ff58cc;
       }
.related-entry-heading::after,
.comment-title::after, .main-widget-label::after{
  background: #1840b19c!important;
}
.article h3{
  font-size: 23px;
  border-left: 0px;
  padding-left: 0;
  margin-left: 4%;
  margin-bottom: 30px;
}
.article h4{
  font-size: 21px;
  margin-left: 6%;
  padding-left: 0;
  color: #656465;
}
.article h5{
  font-size: 19px;
  margin-left: 8%;
  padding-left: 0;
  color: #757575;
}
.article h6{
  font-size: 19px;
  margin-left: 8%;
  padding-left: 0;
  color: #757575;
  border-bottom: 1px solid;
}
.sidebar h2, .sidebar h3, .related-entry-heading, .comment-title, .main-widget-label{
  position: relative;
  font-family: serif;
  font-style: italic;
  margin: 5px 0;
  font-size: 22px;
  background: none!important;
  padding-left: 2.1em;
  padding-bottom: 0px;
  padding-top: 0;
  color: #636363!important
}
.related-entry-heading, .comment-title, .main-widget-label{
  font-size: 28px;
  padding-left: 1.6em
}
.widget_author_box .main-widget-label::after, .widget_author_box .main-widget-label::before{
  content: none;
}

/* HACK: エントリーカードをかっこよく！ */
.ecb-entry-border .entry-card-wrap{
  border: none;
}
.ect-vertical-card .entry-card-wrap .entry-card-title {
    font-size: 18px;
    margin: 15px 10px;
    line-height: 1.2;
    margin-bottom: 0px;
    font-weight: bold;
    text-align: center;
    font-style: italic;
}
.ect-vertical-card .entry-card-wrap .entry-card-snippet {
    font-size: 12px;
    margin: 10px 15px 0 15px;
    color: #d7d5ef;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
}

.ect-vertical-card .entry-card-wrap .entry-card {
    position: relative;
    background-color: #6f6ab9;
    background: linear-gradient(225deg, #25125df5 10px, #6f6ab9);
    color: #fdfdfd;
}

.ect-vertical-card .entry-card-wrap .entry-card-info {
    display: block;
    align-items: center;
    margin: 10px;
    font-size: 19px;
    font-family: serif;
}

.ect-vertical-card .entry-card-wrap .entry-card-meta {
    position: relative;
    right: 0;
    text-align: center;
    line-height: 1;
}

.ect-vertical-card .entry-card-wrap .cat-label {
  position: relative;
  left: unset;
  background-color: transparent!important;
  margin-bottom: 20px;
  padding: 2px 15px;
  margin: 0 auto;
  display: block;
  width: 65%;
  border-right: none;
  border-left: none;
  text-align: center;
}
.ect-entry-card .ecb-entry-border .cat-label {
  position: absolute;
  left: unset;
  background-color: transparent!important;
  margin-bottom: 3px;
  padding: 1px 15px;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
  width: fit-content;
}

.ect-vertical-card.entry-card-snippet {
  font-size: 12px;
  margin: 10px 15px 0 15px;
  color: #d7d5ef
}
/* HACK: アイキャッチのラベルをかっこよく！もはや別物 */
.eye-catch .cat-label {
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 12px;
    margin: 1em auto;
    margin-bottom: 2em!important;
    border: none!important;
    text-align: center;
    width: 70%;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid!important;
    border-top: 1px solid!important;
    border-color: #cacaca!important;
}
.eye-catch .cat-label::before{
  content: 'category:';
}


/* HACK: エントリーカードのホバーアクション */
 .ect-vertical-card .entry-card-wrap:hover{
  background-color: unset;
  transform: scale(1.06);
  filter: none;
}

 .ect-vertical-card .a-wrap:hover .entry-card {
    background: #897fde;
    transition: all 0.9s ease;
}
.date-tags {
    font-family: serif;
    color: #9e9e9e;
}
/* HACK: シェアをかっこよく！ */
.sns-share-message, .sns-share-buttons, .bc-brand-color-white.sns-share .sns-share-buttons a,
 .bc-brand-color.sns-share .sns-share-buttons a {
  background: #fff5fe;
}
.ss-top {
    margin-top: unset;
    margin-bottom: unset;
    text-align: center;
    position: relative;
}
.sns-share-buttons {
    text-align: center;
    margin-top: 0;
    padding: 1em .5em;
}
.sns-buttons .sns-share-buttons{
  text-align: center;
  display: block;
}
.sns-buttons a {
    background-color: unset;
    text-decoration: none;
    border-radius: unset;
    margin: 10px 0 10px 8px;
}

.sns-share .sns-share-buttons a {
    overflow: hidden;
    height: 50px;
    width: 55px;
    border: 1px solid #25125d;
    position: relative;
    text-decoration: none;
}

.sns-share .sns-share-buttons a .social-icon {
        background-color: #25125d;
        background: linear-gradient(150deg, #25125df5 10px, #716dab);
        line-height: 1.1;
        color: white;
        padding: 2px;
        font-size: 18px;
        display: block;
    }

.sns-share.bc-brand-color-white .sns-share-buttons a .social-icon {
        color: inherit;
    }

.sns-share .sns-share-buttons a .social-icon.button-caption,
.sns-share .sns-share-buttons a .button-caption.button-caption {
        display: none;
  }


.bc-brand-color .sns-share-buttons a .share-count,
.bc-brand-color-white .sns-share-buttons a .share-count{
  line-height: .8;
}

.sns-share-message, .sns-follow-message {
    text-align: center;
    margin-bottom: 0px;
    font-family: serif;
    font-style: italic;
    font-size: 24px;
}
.sns-share-buttons a:hover{
      transition: all 0.7s ease;
      opacity: unset;
      border-color: transparent;
      background: unset;
  }
.sns-share .sns-share-buttons a:hover .social-icon{
  background: transparent;
  font-size: 35px;
  transition: all 0.5s ease;
}
.sns-share-buttons a:hover .icon-x-corp{
  color: #666666;
}
.sns-share-buttons a:hover .icon-facebook{
  color: #686af5;
}
.sns-share-buttons a:hover .icon-googleplus{
  color: #ed8678;
}

.sns-share-buttons a:hover .icon-hatena{
  color: #98daff;

}
.sns-share-buttons a:hover .icon-pocket{
  color: #ef6bdc;
}
.sns-share-buttons a:hover .icon-line{
  color: #46e4b4;
}
.sns-share-buttons a:hover .icon-line::after{
  display: none;

}.sns-share-buttons a:hover .icon-copy,
.sns-share-buttons a:hover .icon-comment{
  color: #888888;
}

.x-corp-share-count::after {
  content: 'SHARE';
}
.googleplus-share-count::after{
  content: '+1';
}
.line-share-count::after{
  content: 'TL';
}
/* HACK: ブランドカラー（白抜き）選択時 */
.bc-brand-color-white.sns-share .sns-share-buttons a .social-icon{
  background: transparent;
  font-size: 28px;
  color: unset;
}

.bc-brand-color-white.sns-share .sns-share-buttons a:hover .share-count,
.bc-brand-color.sns-share .sns-share-buttons a:hover .share-count{
  color: transparent!important;
}
.bc-brand-color-white.sns-share a:hover{
  opacity: unset!important;
}
/* HACK: ブランドカラー選択時 */
.bc-brand-color.sns-share .sns-share-buttons a .social-icon{
  background: unset;
  font-size: 28px;
}
.bc-brand-color-white.sns-share .sns-share-buttons a,.bc-brand-color.sns-share .sns-share-buttons a {
  border: none;
  height: 70px;
}
.bc-brand-color-white.sns-share .sns-share-buttons a .share-count,.bc-brand-color.sns-share .sns-share-buttons a .share-count{
  right: 50%;
    transform: translatex(50%);
    font-size: 9px;
  font-weight: bold;

}
.bc-brand-color-white.sns-share .sns-share-buttons a:hover .social-icon{
  transform: rotate(720deg)scale(1.3);
  transition: transform 0.4s ease;
}
.bc-brand-color.sns-share a:hover{
  opacity: unset!important;
}
.sns-share.sbc-show .share-count{
  display: block;
}

.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-x-corp,
 .bc-brand-color.sns-share .sns-share-buttons a .share-count.x-corp-share-count{
  filter: drop-shadow(1px 1px 1px var(--cocoon-twitter-color));
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-facebook,
 .bc-brand-color.sns-share .sns-share-buttons a .share-count.facebook-share-count{
  filter: drop-shadow(1px 1px 1px #3b5897);
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-hatena,
 .bc-brand-color.sns-share .sns-share-buttons a .share-count.hatebu-share-count{
  filter: drop-shadow(1px 1px 1px #2e6dbe);
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-googleplus,
 .bc-brand-color.sns-share .sns-share-buttons a .share-count.googleplus-share-count{
  filter: drop-shadow(1px 1px 1px #de4a39);
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-pocket,
 .bc-brand-color.sns-share .sns-share-buttons a .share-count.pocket-share-count{
  filter: drop-shadow(1px 1px 1px #f03f56);
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-line,
.bc-brand-color.sns-share .sns-share-buttons a .share-count.line-share-count{
  filter: drop-shadow(1px 1px 1px #00c400);
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-pinterest,
.bc-brand-color.sns-share .sns-share-buttons a .share-count.pinterest-share-count{
  filter: drop-shadow(1px 1px 1px var(--cocoon-pinterest-color));
}
.pinterest-share-count::after {
  content: 'PIN';
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-linkedin,
.bc-brand-color.sns-share .sns-share-buttons a .share-count.linkedin-share-count{
  filter: drop-shadow(1px 1px 1px var(--cocoon-linkedin-color));
}
.linkedin-share-count::after {
  content: 'SHARE';
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-copy,
.bc-brand-color.sns-share .sns-share-buttons a .share-count.copy-share-count{
  filter: drop-shadow(1px 1px 1px #333);
}
.copy-share-count::after {
  content: 'COPY';
}
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-comment,
.bc-brand-color.sns-share .sns-share-buttons a .share-count.comment-share-count{
  filter: drop-shadow(1px 1px 1px #333);
}
.comment-share-count::after {
  content: 'COMMENT';
}





.sns-share.sbc-hide a .social-icon {
  height: 45px;
  line-height: 42px;
}
/* モノクロ選択時 */
.bc-monochrome .sns-share-buttons a{
  display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.bc-monochrome .sns-share-buttons a .share-count{
  font-size: 9px;
    color: #25125d;
    right: 50%;
    transform: translateX(50%);
}
/* HACK: フォローボタンをカッコよく！ */
.sidebar .sns-follow-buttons, .footer .sns-follow-buttons{
  justify-content: center;
}
.sns-follow-buttons {
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.sns-follow {
  background: linear-gradient(225deg, #f5f2ff 10px, #dffffe);
    margin-bottom: 30px;
    padding-bottom: 20px;
}

[class*="bc-brand-color"] .follow-button {
  background-color: var(--cocoon-sns-color);
}

.sns-follow.bc-brand-color > .sns-follow-buttons a {
    width: 25%;
    height: 1.7em;
    color: white;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    border: none;
    font-size: 27px;
    filter: none;
}
.sns-follow.bc-brand-color > .sns-follow-buttons a .follow-count{
  right: 2em!important;
}
.sidebar .bc-brand-color.sns-follow .sns-follow-buttons a, .footer .sns-follow-buttons a{
  width: 46%;
  height: 1.5em;
}
.sns-follow.bc-brand-color > .sns-follow-buttons a:hover{
  opacity: unset;
  transform: translate(0px,-6px);
}
/* HACK: ブランドカラー（白抜き）選択時 */
.sns-follow.bc-brand-color-white > .sns-follow-buttons a {
  background: unset;
  width: 9%;
  font-size: 50px;
  color: white;
  height: 38px;
  border: none;
  justify-content: center;
  margin: 15px 20px;
}
.bc-brand-color-white.sns-follow .sns-follow-buttons a .follow-count{
  filter: drop-shadow(1px 1px 1px black);
}
.bc-brand-color-white.sns-follow .website-button,
.author-box .sns-follow-buttons a.follow-button.website-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-website-color));
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-home-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-home-logo{
  color: var(--cocoon-website-color);
}
.bc-brand-color-white.sns-follow .x-corp-button,
.author-box .sns-follow-buttons a.follow-button.x-corp-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-twitter-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-x-corp-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-x-corp-logo{
  color: var(--cocoon-twitter-color);
}
.bc-brand-color-white.sns-follow .facebook-button,
.author-box .sns-follow-buttons a.follow-button.facebook-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-facebook-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-facebook-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-facebook-logo{
  color: var(--cocoon-facebook-color);
}
.bc-brand-color-white.sns-follow .hatebu-button,
.author-box .sns-follow-buttons a.follow-button.hatebu-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-hatebu-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-hatebu-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-hatebu-logo{
  color: var(--cocoon-hatebu-color);
}
.bc-brand-color-white.sns-follow .google-plus-button,
.author-box .sns-follow-buttons a.follow-button.google-plus-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-google-plus-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-google-plus-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-google-plus-logo{
  color: var(--cocoon-google-plus-color);
}
.bc-brand-color-white.sns-follow .instagram-button,
.author-box .sns-follow-buttons a.follow-button.instagram-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-instagram-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-instagram-new,
.author-box .sns-follow-buttons a.follow-button:hover .icon-instagram-new{
  color: var(--cocoon-instagram-color);
}
.bc-brand-color-white.sns-follow .youtube-button,
.author-box .sns-follow-buttons a.follow-button.youtube-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-youtube-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-youtube-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-youtube-logo{
  color: var(--cocoon-youtube-color);
}
.bc-brand-color-white.sns-follow .youtube-button,
.author-box .sns-follow-buttons a.follow-button.linkedin-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-linkedin-color));
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-linkedin-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-linkedin-logo{
  color: var(--cocoon-linkedin-color);
}
.bc-brand-color-white.sns-follow .note-button,
.author-box .sns-follow-buttons a.follow-button.note-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-note-color));
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-note-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-note-logo{
  color: var(--cocoon-note-color);
}
.bc-brand-color-white.sns-follow .flickr-button,
.author-box .sns-follow-buttons a.follow-button.flickr-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-flickr-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-flickr-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-flickr-logo{
  color: var(--cocoon-flickr-color);
}
.bc-brand-color-white.sns-follow .pinterest-button,
.author-box .sns-follow-buttons a.follow-button.pinterest-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-pinterest-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-pinterest-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-pinterest-logo{
  color: var(--cocoon-pinterest-color);
}
.bc-brand-color-white.sns-follow .line-button,
.author-box .sns-follow-buttons a.follow-button.line-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-line-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-line-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-line-logo{
  color: var(--cocoon-line-color);
}
.bc-brand-color-white.sns-follow .amazon-button,
.author-box .sns-follow-buttons a.follow-button.amazon-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-amazon-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-amazon-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-amazon-logo{
  color: var(--cocoon-amazon-color);
}
.bc-brand-color-white.sns-follow .rakuten-room-button,
.author-box .sns-follow-buttons a.follow-button.rakuten-room-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-rakuten-room-color));
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-rakuten-room-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-rakuten-room-logo{
  color: var(--cocoon-rakuten-room-color);
}
.bc-brand-color-white.sns-follow .slack-button,
.author-box .sns-follow-buttons a.follow-button.slack-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-slack-color));
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-slack-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-slack-logo{
  color: var(--cocoon-slack-color);
}
.bc-brand-color-white.sns-follow .github-button,
.author-box .sns-follow-buttons a.follow-button.github-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-github-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-github-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-github-logo{
  color: var(--cocoon-github-color);
}
.bc-brand-color-white.sns-follow .codepen-button,
.author-box .sns-follow-buttons a.follow-button.codepen-button{
  filter: drop-shadow(1px 1px 1px var(--cocoon-codepen-color));
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-codepen-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-codepen-logo{
  color: var(--cocoon-codepen-color);
}
.bc-brand-color-white.sns-follow .feedly-button,
.author-box .sns-follow-buttons a.follow-button.feedly-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-feedly-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-feedly-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-feedly-logo{
  color: var(--cocoon-feedly-color);
}
.bc-brand-color-white.sns-follow .rss-button,
.author-box .sns-follow-buttons a.follow-button.rss-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-rss-color))
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-rss-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-rss-logo{
  color: var(--cocoon-rss-color);
}

/*********************
  SNSフォロー
**********************/

/* mastodon */
.bc-brand-color-white.sns-follow .mastodon-button,
.author-box .sns-follow-buttons a.follow-button.mastodon-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-mastodon-color))
}

.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-mastodon-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-mastodon-logo {
  color: var(--cocoon-mastodon-color);
}


/* bluesky */
.bc-brand-color-white.sns-follow .bluesky-button,
.author-box .sns-follow-buttons a.follow-button.bluesky-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-bluesky-color))
}

.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-bluesky-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-bluesky-logo {
  color: var(--cocoon-bluesky-color);
}


/* misskey */
.bc-brand-color-white.sns-follow .misskey-button,
.author-box .sns-follow-buttons a.follow-button.misskey-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-misskey-color))
}

.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-misskey-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-misskey-logo {
  color: var(--cocoon-misskey-color);
}


/* tiktok */
.bc-brand-color-white.sns-follow .tiktok-button,
.author-box .sns-follow-buttons a.follow-button.tiktok-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-tiktok-color))
}

.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-tiktok-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-tiktok-logo {
  color: var(--cocoon-tiktok-color);
}


/* soundcloud */
.bc-brand-color-white.sns-follow .soundcloud-button,
.author-box .sns-follow-buttons a.follow-button.soundcloud-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-soundcloud-color))
}

.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-soundcloud-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-soundcloud-logo {
  color: var(--cocoon-soundcloud-color);
}


/* twitch */
.bc-brand-color-white.sns-follow .twitch-button,
.author-box .sns-follow-buttons a.follow-button.twitch-button {
  filter: drop-shadow(1px 1px 1px var(--cocoon-twitch-color))
}

.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-twitch-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-twitch-logo {
  color: var(--cocoon-twitch-color);
}


/* instagram */
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover .icon-instagram-logo,
.author-box .sns-follow-buttons a.follow-button:hover .icon-instagram-logo {
  color: var(--cocoon-instagram-color);
}

/*********************
  SNSシェア(白抜き)
**********************/

/* mastodon */
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-mastodon {
  filter: drop-shadow(1px 1px 1px var(--cocoon-mastodon-color));
}

.sns-share-buttons a:hover .icon-mastodon {
  color: var(--cocoon-mastodon-color);
}

/* bluesky */
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-bluesky {
  filter: drop-shadow(1px 1px 1px var(--cocoon-bluesky-color));
}

.sns-share-buttons a:hover .icon-bluesky {
  color: var(--cocoon-bluesky-color);
}

/* misskey */
.bc-brand-color.sns-share .sns-share-buttons a .social-icon.icon-misskey {
  filter: drop-shadow(1px 1px 1px var(--cocoon-misskey-color));
}

.sns-share-buttons a:hover .icon-misskey {
  color: var(--cocoon-misskey-color);
}

/* pinterest */
.sns-share-buttons a:hover .icon-pinterest {
  color: var(--cocoon-pinterest-color);
}

/* linkedin　*/
.sns-share-buttons a:hover .icon-linkedin {
  color: var(--cocoon-linkedin-color);
}


.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover span{
  transition: all 0.8s ease;
}
.sns-follow.bc-brand-color-white > .sns-follow-buttons a:hover{
  opacity: 1;
}
/* HACK: モノクロ選択時 */
.sns-follow-buttons a {
    width: 36%;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 40px;
    display: flex;
    height: 1.3em;
    align-items: center;
    color: #0c1c50;
    border: 2px solid;
    border-color: #0c1c50;
    align-content: center;
    justify-content: center;
    position: relative;
    filter: drop-shadow(1px 1px 1px grey);
}

/* HACK: サイドバーの　周り */
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a,
 .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a,
  .widget_nav_menu ul li a{
    border-bottom: 1px solid #957aff8c;
    color: #656565;
    font-size: 16px;
    line-height: 2em;
    padding: 5px 3px;
  }
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover,
.widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover,
.pager-links a:hover span {
  background: unset!important;
  transform: translateX(5px);
  border-bottom: 1px solid #bd9af587;
}
.widget_recent_entries ul li ul, .widget_categories ul li ul,
 .widget_archive ul li ul, .widget_pages ul li ul, .widget_meta ul li ul,
  .widget_rss ul li ul, .widget_nav_menu ul li ul{
    padding-left: 2em;
  }
.tagcloud a:hover {
    border: 1px solid #dee0ff!important;
    transform: none;
    background: white!important;
}
.widget_categories ul li a .post-count{
  background: #ffd0f1!important;
}
.widget_recent_entries ul li a .post-count, .widget_categories ul li a .post-count,
 .widget_archive ul li a .post-count, .widget_pages ul li a .post-count, .widget_meta ul li a .post-count,
  .widget_rss ul li a .post-count, .widget_nav_menu ul li a .post-count{
    background: #e0d8ff;
    width: 30px;
    height: 21px;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    color: white;
    line-height: 2em;
    margin-top: 4px;
}
.tagcloud a .tag-link-count {
    color: #7271bb;
}
.tagcloud a{
    background-color: #e1e2ff7a;
    border-radius: 25px;
    border-color: transparent!important;
    color: #555;
    padding: 3px 8px;
    font-size: 11px;
    margin: 3px;
}
.tagcloud a .tag-caption::before{
  content: none;
}
.widget_recent_entries ul li a::before,
.widget_categories ul li a::before,
.widget_archive ul li a::before,
.widget_pages ul li a::before,
.widget_meta ul li a::before,
.widget_rss ul li a::before,
.widget_nav_menu ul li a::before{
  content: '\f138';
  font-family: 'FontAwesome';
  color: #e1b6f6;
  font-size: 18px;
  margin-right: 0.4em;
}
.widget_recent_entries ul li ul li a::before,
.widget_categories ul li ul li a::before,
.widget_archive ul li ul li a::before,
.widget_pages ul li ul li a::before,
.widget_meta ul li ul li a::before,
.widget_rss ul li ul li a::before,
.widget_nav_menu ul li ul li a::before{
  content: '\f105';
  font-family: 'FontAwesome';
  background: unset;
  color: #403f3f;
  margin-right: 0;
}



/* HACK: 写真をポラロイド風に */
.wp-caption-text, .gallery-caption {
    font-size: 75%;
    line-height: 1;
    color: #968f8f;
    margin-top: 4px;
    padding: 7px;
}
.wp-caption img {
    margin: 0;
    padding: 0px;
    border: 1px solid #ababab;
}
.wp-caption {
    padding-top: 9px;
    padding-right: 9px;
    padding-left: 9px;
    border: 1px solid #a7a7a7;
    border-radius: 0px;
    background-color: #ffffff;
    text-align: center;
    max-width: 100%;
    box-shadow: 0 6px 7px -4px #ababab;
    margin-bottom: 20px;
}
/* HACK: 写真に枠線をつける */
.img-waku{
  border: 1px solid #dcdcdc;
}



/* HACK: いいねボックス */
.fb-like-box{
  background: transparent;
  display: inline-block;
  height: 350px;
  width: 100%;
}
.fb-like-thumb{
  max-width: 100%;
  background: #9e1c82;
  height: 0;
}
.fb-like-box .fb-like-thumb > *{
  min-width: 100%;
  height: 350px;
  object-fit: cover;
}
.fb-like-content::after{
  content: '';
  width: 100%;
  height: 350px;
  position: absolute;
  z-index: -1;
  background: linear-gradient(to left, #ffa2e4, #759fff);
  opacity: 0.75;
}
.fb-like-content{
  height: 350px;
  position: relative;
  z-index: 2;
}
.fb-like-box img{
  position: relative;
  z-index: 2;
}
.fb-like-buttons{
  margin: 50px 0;
}
.fb-like-message{
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-shadow: 1px 2px 3px #9c1fb3;
}
.fb-like-sub-message{
  color: #fff;
  font-size: 0.9em;
  text-shadow: 0px 0px 7px #423e3e;
}
.widget_fb_like_box{
  margin-left: -10px;
  margin-right: -10px;
}

/*スマートフォンの固定フッターメニュー*/
.mobile-menu-buttons {
    background:  linear-gradient(to left, rgba(132, 209, 255, 0.85), rgba(255, 160, 252, 0.85))!important;
    box-shadow: 0px 2px 3px 3px #041329;
    font-size: 1.2em;
}
.mobile-menu-buttons .menu-icon::before {
    font-size: 1.3em;
    color: white;
}
.mobile-menu-buttons .menu-caption {
    font-size: 10px;
    text-align: center;
    display: block;
    color: white;
    font-weight: bold;
    margin-top: -2px;
}
.mobile-menu-buttons .menu-icon {
    margin-top: 0px;
}
.mobile-menu-buttons .menu-button:hover {/*選択したあと色変えるヤ～ツ*/
  background: #ffffff4d!important;
  color: #2f3438!important;
}

/* HACK: キャラクターを大きく */
.speech-person {
  min-width: 80px;
}

/* HACK: 引用をオシャレに！ */
blockquote {
    background: #c7eaff12!important;
    border: 0.5px solid #c7dbff!important;
    padding: 22px;
    position: relative;
    font-size: 90%;
    border-radius: 3px;
    margin: 30px 0px;
}
blockquote a {
    text-decoration: none;
    color: #31b9ff!important;
    font-size: 83%;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.container blockquote::before {
    content: "\f10d";
    font-family: FontAwesome;
    line-height: 1.1;
    left: 20px;
    top: 15px;
}
.container blockquote::after{
  content: "\f10e";
  font-family: FontAwesome;
  line-height: 1.1;
  right: 20px;
  bottom: 15px;
}
.container blockquote::before, blockquote::after{
  font-size: 100%;
  color: #31b9ff;
}


/* HACK: この記事を書いた人をカスタマイズ */
img.avatar.avatar-200.wp-user-avatar{
      filter: drop-shadow(2px 2px 3px);
}
.widget-below-sns-buttons-title.main-widget-label{
  font-family: serif;
  font-style: italic;
  font-size: 1.4em;
  text-align: center;
  padding-left: 0;
}
.author-name {
    text-align: center;
    font-family: serif;
    margin-top: 7px;
}
.container .author-name::before{
  content:"\f10d";
  font-family: FontAwesome;
  font-size: 10px;
  position: relative;
  top: -10px
}
.container .author-name::after{
  content: "\f10e";
  font-family: FontAwesome;
  font-size: 10px;
  position: relative;
  bottom: -5px;
}
.author-thumb {
    float: unset;
    margin-top: 3px;
    width: 150px;
    margin: 0 auto;
}
.author-content {
    margin-left: unset!important;
}
.author-box p {
    font-size: 14px;
    color: #7d7979;
}
.author-box .author-name {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}
.author-name a{
    text-decoration: none;
    color: #605f67;
}
.author-description {
    margin: 0 auto;
    width: 90%;
}
.author-box .sns-follow {
    margin: 0;
    background: unset;
    display: flex;
    text-align: center;
    margin: 0 auto;
}
.author-box .sns-follow-buttons {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    width: 100%;
}
.widget_author_box {
    background: #f6f1ff;
}
.author-box {
    border: unset;
    border-radius: 0px;
    background: #f6f1ff;
}
.sidebar .author-box{
  margin: 50px 0px;
}
.author-box .sns-follow-buttons a.follow-button {
    font-size: 32px!important;
    width: 37px!important;
    height: 42px!important;
    margin-bottom: 0px;
    margin-right: 2px;
    margin-left: 2px;
    background-color: unset!important;
    color: #fff;
    border: none;
    clip-path: unset!important;
    -webkit-clip-path: unset!important;
}
.author-box .sns-follow-buttons a.follow-button:hover{
  transform: translate(0px,-3px)!important;
}
.author-box .sns-follow-buttons a.follow-button:hover span{
  transition: 0.4s all ease;
}
.author-box p a {
    color: #3cbdff;
    font-weight: bold;
    text-decoration: none;
}

@media screen and (max-width: 480px){
.author-box .author-content {
    margin-left: unset;
}}

/* HACK: 目次をカスタマイズ */
.toc{
  width: 100%;
margin: 0 auto;
border-color: #b1b1b1!important;
border-width: 3px;
margin-bottom: 20px;
}
.toc-title{
border-radius: 30px;
width: fit-content;
margin: 39px auto;
font-size: 25px;
}
.toc-title::before{
  content: '\f0f6';
  font-family: 'FontAwesome';
  margin-right: 0.4em;
}
.toc ol ol{
  list-style: none;
}
.toc ol li{
  margin-left: 2em;
}
.toc-list>li>a{
  font-size: 17px;
  border-bottom: solid;
display: block;
width: 100%;
border-color: transparent;
transition: 0.5s all ease;
font-weight: bold;
}
.toc-list>li>a:hover{
  border-color: #bad5ff;
  text-decoration: none;
  transform: translateX(5px);
}
.toc ol li ol a::before{
  content: '\f105';
  font-family: 'FontAwesome';
}
.toc ol li ol a{
  font-size: 16px;
  transition: 0.5s all ease;
  display: block;
  color: #4e4e4e;
}
.toc-list>li>ol a:hover{
  transform: translateX(5px);
  text-decoration: none;
}

/* HACK: 広告ラベルを多少オシャレに！ */
.ad-label {
  color: #1f2b8a;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.7px;
  opacity: 0.6;
}

/* HACK: ブログカードをオシャレに！ */
.blogcard {
	padding: 1rem;
	color: #666;
	position: relative;
	border-color: #a9b6ff !important;
  margin: 30px auto;
  padding-bottom: 8px;
  border-width: 2px;
  box-shadow: 0px 0px 6px 1px #dae0ff;
}

a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
  filter: unset;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.1);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
  margin-top: 15px;
}

.blogcard-title{
	margin-bottom: .5rem;
  margin-top: 0.7em;
}

.blogcard-snippet{
	font-size: 70%;
	line-height: 1.7;
	padding-right: 10%;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
    margin-top: 10px
	}
	.blogcard-snippet{
		display: none;
	}
}

.internal-blogcard-site,
.internal-blogcard-date{
	display: none;
}

.blogcard-label{
	top: -1rem;
	left: 1em;
	font-size: 75%;
  background: #a9b6ff;
  padding: .6em 1em;
  font-weight: bold;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
}

.internal-blogcard-footer::after{
	content: '続きを読む \f138';
  font-family: 'FontAwesome';
  position: relative;
  font-size: 16px;
  background: linear-gradient(203deg, #7144f7f5 15px, #d675ce);
	padding: .4em 3em;
	font-weight: bold;
	color: #fff;
  -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
text-align: center;
width: 50%;
margin: 0 auto;
margin-top: 25px;
}

/* HACK: アフィリエイトボタン */
.hybtn a{
  padding: 1em 3.5em 1em 2em;
  font-size: 17px;
  border-radius: 5px;
  text-decoration: none;
  color: white;
  background: linear-gradient(to right,#10bf4e,#39ff80);/*IE*/
  background: linear-gradient(166deg,#10bf4ef5 29px,#39ff80);
  box-shadow: 0 5px 0 #3bad6e;
  font-weight: bold;
  transition: all 0.5s ease;
  display: block;
  width: 80%;
  line-height: 1em;
  margin: 3em auto;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.hybtn > img{
  float: left;
}
.hybtn::after{
  content: '';
  clear: left;
}
.hyflat a{
    border-radius: 0;
    box-shadow: 0 10px 10px -5px #6d6d6d!important;
    font-weight: normal;
}
.hybtn.hyred a{
  background: linear-gradient(to right,#ff4444,#ff198e);
    background: linear-gradient(166deg,#ff4444 29px,#ff198ef5);
    box-shadow: 0 5px 0 #a93c64;
}
.hybtn.hyblue a{
    background: linear-gradient(to right,#0a55ff,#00adff);
      background: linear-gradient(166deg,#0a55fff5 29px,#00adfff5);
    box-shadow: 0 5px 0 #0c49a5;
}
.hybtn.hykon a{
    background: linear-gradient(to right,#1d356b,#3b1a58);
    background: linear-gradient(166deg,#1d356bf5 29px,#3b1a58f5);
    box-shadow: 0 5px 0 #000000;
}
.hybtn.hypink a{
    background: linear-gradient(to right,#ff7979,#ff72ba);
    background: linear-gradient(166deg,#ff7979f5 29px,#ff72baf5);
    box-shadow: 0 5px 0 #c74c4c;
}
.hybtn.hyki a{
    background: linear-gradient(to right,#fbb416,#ffeb00);
    background: linear-gradient(166deg,#fbb416f5 29px,#ffeb00f5);
    box-shadow: 0 5px 0 #d2b940;
}
.hybtn a::after{
  font-family: 'FontAwesome';
  width: 2em;
  position: absolute;
  right: 0.2em;
  font-size: 20px;
  top: 50%;
  height: 1em;
  text-align: center;
  line-height: 0;
}
.yubi.hybtn a::after{
  content: '\f0a4';
}
.ya.hybtn a::after{
  content: '\f138';
}
.check.hybtn a::after{
  content: '\f058';
}
.diya.hybtn a::after{
  content: '\f219';
}
.hato.hybtn a::after{
  content: '\f004';
}
.hybtn a:hover{
  transform: translateY(6px);
  box-shadow: 0 1px 0 #2f2f2f;
}
.hybtn.hyflat a:hover {
    box-shadow: none!important;
    transform: unset;
    background: white;
    color: #59ef37;
    box-shadow: 0px 0px 0px 2px!important;
}
.hybtn.hyred.hyflat a:hover{
  color: #ff3a64;
}
.hybtn.hyblue.hyflat a:hover{
  color: #108dff;
}
.hybtn.hykon.hyflat a:hover{
  color: #12135d;
}
.hybtn.hypink.hyflat a:hover{
  color: #ff9ed2;
}
.hybtn.hyki.hyflat a:hover{
  color: #ffd82d;
}
.itenmetu.hytext a::before, .itenmetu.hybtn a::after, .tenmetu{
  animation: tenmetu 1.3s ease-out 0.2s infinite alternate;
}
.haneru{
  animation: haneru 2s ease-out 1.2s infinite alternate;
}
.ihaneru.hytext a::before, .ihaneru.hybtn a::after {
  animation: ihaneru 1.5s ease-out 1.2s infinite alternate;
}
.yokoyure{
  animation: yokoyure 2s ease-out 1.2s infinite alternate;
}
.iyokoyure.hytext a::before, .iyokoyure.hybtn a::after{
  animation: iyokoyure 1.5s ease-out 1.2s infinite ;
}
.kakudai {
  animation: kakudai 1.5s ease-out 0.3s infinite alternate;
}
.ikakudai.hytext a::before, .ikakudai.hybtn a::after {
  animation: ikakudai 1s ease-out 0.3s infinite alternate;
}
.iswing.hytext a::before, .iswing.hybtn a::after{
  animation: swing 1s ease-out 0.5s infinite alternate;
  transform-origin: left;
}
.hikaru.hybtn a::before{
  display: block;
  position: absolute;
  left: -40%;
  top: -35em;
  content: '';
  width: 2em;
  height: 60em;
  transform: rotate(45deg);
  background: white;
  animation: hikaru 4s ease-in-out 1s infinite;
}
.hamon.hybtn a::before{
  content: '';
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  background: white;
  animation: hamon 4.5s ease-in-out 1s infinite;
  border-radius: 50%;
  top: 50%;
  left: 50%;
}
@keyframes tenmetu {
  0%{opacity: 0;}
  70%{opacity: 1;}
  100%{opacity: 1;}
}
@keyframes haneru {
  0%, 20%, 40%, 100% {transform: translateY(0%);}
  10%, 30% {transform: translateY(-1em);}
}
@keyframes ihaneru {
  0%, 40%, 80% {transform: translateY(0em);}
  20%, 60%, 100% {transform: translateY(-1em);}
}
@keyframes yokoyure {
  0%, 20%, 40% {transform: translatex(0.5em);}
  10%, 30% {transform: translatex(-0.5em);}
  80%, 100% {transform: translateX(0%);}
}
@keyframes iyokoyure {
  0% {transform: translateX(0em);}
  100% {transform: translateX(0.3em);}
}
@keyframes kakudai {
  0%{transform: scale(0.9);}
  100%{transform: scale(1.01);}
}
@keyframes ikakudai {
  0%{transform: scale(1);}
  100%{transform: scale(1.5);}
}
@keyframes hikaru {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
      70% { transform: scale(0) rotate(45deg); opacity: 0.3; }
      75% { transform: scale(4) rotate(45deg); opacity: 0.7; }
      100% { transform: scale(50) rotate(45deg); opacity: 0; }
  }
@keyframes hamon {
  0%{ transform: scale(0); opacity: 0;}
  15%{ transform: scale(0); opacity: 0.2;}
  50%{ transform: scale(30); opacity: 0;}
  80% { transform: scale(30); opacity: 0;}
  100% { transform: scale(0); opacity: 0; }
}
@keyframes swing {
  0%{ transform: rotate(-30deg) scale(0.9);}
  100%{ transform: rotate(10deg) scale(1.39);}
}
.hytext{
  text-align: center;
  margin: 3em auto;
}
.hytext a{
    margin: 0.5em auto;
    font-size: 23px;
    font-weight: bold;
    padding: 1.5em;
    text-shadow: 1px 1px 1px #b1adad;
    color: #26c95a;
    transition: 0.5s all ease;
    margin: 0.5em auto;
    padding: 2em 0 0 0;
    text-shadow: 1px 1px 1px #b1adad;
    color: #26c95a;
    transition: 0.5s all ease;
    position: relative;
    text-decoration: none;
    border-bottom: 2px solid;
    box-shadow: 0 1px 0 0 grey;
}
.hytext > img{
  float: left;
}
.hytext a::before{
  font-family: 'FontAwesome';
  padding-right: 0.5em;
  float: left;
  font-size: 120%;
  padding-right: 0.5em;
  position: absolute;
  font-size: 120%;
  left: -1.3em;
}
.hytext::after{
  content: '';
  clear: left;
}
.yubi.hytext a::before{
  content: '\f0a4';
}
.ya.hytext a::before{
  content: '\f138';
}
.check.hytext a::before{
  content: '\f058';
}
.diya.hytext a::before{
  content: '\f219';
}
.hato.hytext a::before{
  content: '\f004';
}
.hytext.hyblue a{
  color: #1b66ff;
}
.hytext.hyred a{
  color: #ff0000;
}
.hytext.hykon a{
  color: #353b6f;
}
.hytext.hypink a{
  color: #ff7b95;
}
.hytext.hyki a{
  color: #ffcf0c;
}

.hytext a:hover{
  text-decoration: none;
  color: white;
  text-shadow: 1px 1px 5px #26c95a;
  border: 2px solid transparent;
  box-shadow: 0px 0px 0px 0px transparent;
}
.hyblue.hytext a:hover{
  text-shadow: 1px 1px 5px #1b5bff;
}
.hyred.hytext a:hover{
  text-shadow: 1px 1px 5px #ff0000;
}
.hykon.hytext a:hover{
  text-shadow: 1px 1px 5px #060435;
}
.hypink.hytext a:hover{
  text-shadow: 1px 1px 5px #f71fa0;
}
.hyki.hytext a:hover{
  text-shadow: 1px 1px 5px #d8b406;
}
.hybtn .anchor-icon, .hytext .anchor-icon {
  display: none;
}



/* HACK: テーブル */
/* 親テーマでも採用させていただきました（スクロールテーブルのことを忘れてました；）
/* HACK: ご丁寧にありがとうございます。 */

/* HACK: 記事下関連記事をカスタマイズ！ */
/* HACK: ラベルの位置を調整 */
.related-entry-card .cat-label {
    font-size: 11px;
    position: relative;
    display: block;
    max-width: 100%;
    left: unset;
    text-align: center;
    top: unset;
    margin: 0 auto;
    padding: 3px 15px;
    margin-top: 0px;
    margin-bottom: 5px;
    border: none;
    text-align: center;
    width: 100%;
    color: #ffffff00;
    background-clip: text;
    -webkit-background-clip: text;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #cacaca;
    font-weight: bold;
}
.related-vertical-card .related-entry-card-title {
    font-size: 15px;
    font-weight: 100;
}
.related-entry-card-snippet.card-snippet {
    font-size: 0.7em;
    margin: 10px 5px;
    color: #8c8c8c;
}
.a-wrap:hover{
  background-color: unset!important;
  color:unset!important;
}
.related-vertical-card .related-entry-card-wrap:hover .card-thumb img{
  transform: scale(1.07);
  transition: all 0.5s ease;
}

/* HACK: コードのカスタマイズ */
.pre_tag {
 margin: 1em 0 1.5em;
}
.pre_tag > span {
 display: inline-block;
 padding: 2px 10px;
 border-radius: 10px 10px 0 0;
 color: #fff;
 font-size: .9em;
     background: #ff9ae4;
}
.pre_tag p {
 margin: 0;
}
/*コード*/
.entry-content code,
.entry-content .haiiro {
 padding: .2em .3em;
 border-radius: 5px;
 background: #f3f6fc;
 font-size: .9em;
 font-family:sans-serif;
}
.entry-content pre {
  margin: 0 0 1.5em;
     padding: 1em;
     border: solid 1px #c6dbff;
     background: #f1faff;
     color: #54687c;
     font-family: sans-serif;
}
.entry-content pre code {
 padding: 0;
 background: transparent;
}


/* HACK: associate post R2 */
.wpap-tpl-with-detail .wpap-link a {
    font-size: 16px!important;
    padding: 9px!important;
    border-radius: 2px;
    box-shadow: 0px 2px 3px 0px #505050;
    margin-right: 1em!important;
    transition: 0.5s all ease;
    width: 26%;
    margin: 10px;
}
.wpap-tpl-with-detail .wpap-link a:hover{
  transform: translateY(5px);
  box-shadow: unset;
}
.wpap-tpl.wpap-tpl-with-detail{
  max-width: 100%!important;
  border-radius: 0px!important;
    border-width: 0 0 0 10px!important;
    border-style: solid!important;
    border-image: linear-gradient(to bottom, #52befff5, #84fdaf) 1 100%!important;
    background: linear-gradient(to left, #ecffef, #e0efff);
}
.wpap-tpl-with-detail .wpap-link{
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 767px){
.wpap-tpl-with-detail .wpap-link a{
  width: 39%!important;
}}



    /*wpap 終わり*/


/*simpkeGA_ranking*/
    .sga-ranking-list figure {
    float: left;
    width: 100%; /* 画像の横の長さ。自由に変更可 */
    height: auto; /* 画像の縦の長さ。自由に変更可 */
    overflow: hidden;
}
.sga-ranking-list img{
  width: 120px;
  margin-right: 10px;
}
.sga-ranking-list {
    margin: 0.8rem 0;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    list-style: none;
    font-size: 14px;
}
.sga-ranking-list::after {
    clear: both;
    content: "";
    display: block;
}
.sga-ranking-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.sga-ranking-list figure a {
    display: inline;
}
.sga-ranking-list a  {
    overflow: hidden;
    line-height: 1.2;
    text-decoration: none;
    color:#2f2020;
    display: block;
    padding: 10px 0;
    font-size: 18px;
}
.sga-haiji {
  float: left;
}

/* HACK: simpleGAと新着記事を合わせる */
.widget-entry-cards .a-wrap:hover, .sga-ranking-list:hover,
 .related-entry-card-wrap.a-wrap:hover{
  transform: scale(1.06);
  transition: all 0.4s ease;
}
.sga-ranking-list:hover .sga-ranking-thumb, .widget-entry-cards .a-wrap:hover .widget-entry-card-thumb,
 .related-entry-card-wrap.a-wrap:hover .related-entry-card-thumb {
  filter: sepia(50%);
  transition: all 0.5s ease;
}
.widget-entry-cards .widget-entry-card, .sga-ranking-list a{
  font-size: 16px
}
/* HACK: 入力エリア関連 */
.search-edit, input[type="text"], input[type="password"],
 input[type="date"], input[type="datetime"], input[type="email"],
  input[type="number"], input[type="search"], input[type="tel"],
   input[type="time"], input[type="url"], textarea, select{
     -webkit-appearance: none;
         -moz-appearance: none;
         -ms-appearance: none;
         -o-appearance: none;
         appearance: none;
         border-radius: 0px;
         border: 1px solid #3f34e082;
         /* box-shadow: 0 0 4px -2px #adb3ca59; */
         background: white;
         /* transform: skewX(-10deg); */
         font-size: 15px;
         color: #757575;
   }
select:hover{
  transition: all 0.4s ease;
  transform: skewX(-10deg);
  cursor: pointer;
  background: #ff9de521;
}
input[type="checkbox"] {
  -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      width: 20px;
      height: 20px;
      border: 3px solid;
      border-color: rgb(47, 29, 163);
      background: rgba(208, 211, 220, 0.43);
      top: 3px;
      margin-right: 5px;
      position: relative;
      top: 3px;
      border-radius: 0;
    }

/* HACK:検索ボタン */
.search-submit {
    right: 0;
    top: -1px;
    font-size: 25px;
    line-height: 45px;
    border: none;
    color: rgba(80, 71, 255, 0.37);
    padding: 0 8px;
    background-color: transparent;
}
  /* HACK: 送信ボタンとかをカスタマイズ */
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a ,.comment-btn{
    -webkit-appearance: none;
    padding: 5px;
    width: 80%;
    height: 3em;
    margin: 0;
    cursor: pointer;
    text-align: center;
    display: block;
    margin: 0 auto;
    background: #8191e0!important;
    font-size: 19px;
    color: #ffffff;
    border-radius: 0px;
    border: none;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    margin-bottom: 40px;
}
input[type='submit']:hover {
  transition: all 0.3s ease;
  transform: scale(1.07);
}
textarea#comment{
  border: 3px double #2264c582;
  border-radius: 0px;
  -webkit-appearance: none;
}
/* HACK: ランキングをシュッと！！ */
/*.btn, */.ranking-item-link-buttons a{
border: none;
}
/*.btn, */.ranking-item-detail a{
  background: linear-gradient(150deg, #2cc74df5 10px, #10ff00);
  box-shadow: 0 5px 0 #33ad42;
}
.ranking-item-link a {
    background: linear-gradient(150deg, #f55c22f5 10px, #e64597);
    box-shadow: 0 5px 0 #c32869;
}

#container .ranking-item-link-buttons a:hover{
  box-shadow: 0 1px 0 #2f2f2f;
  opacity: unset;
  border: unset;
  color: #ffff;
  transform: translateY(6px);
}
/* HACK: wpulike */
.entry-content > .wpulike::before{
  content: 'この記事は参考になりましたか？'
}
.entry-content > .wpulike {
    padding: 10px 0;
    text-align: center;
    background: #a6bdff26;
    border: 3px double #1e146963;
    /* border-radius: 0px; */
    margin: 7%!important;
}

/* HACK: ページャー */
.pagination-next-link {
    background-color: #716dab;
    background: linear-gradient(150deg, #25125df5 10px, #716dab);
    border: none;
    color: #fff;
    display: block;
    font-size: 1.25em;
    text-decoration: none;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    display: block;
    width: 75%;
    margin: 0 auto;
    -webkit-clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%);
    clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%);
}
.pagination-next-link:hover {
    transition: all 0.5s ease;
    color: #ccffe8;
    transform: translateX(10px);
    opacity: 0.8;
    /* border: 2px solid; */
}
.page-numbers {
    color: #1e286f!important;
    text-decoration: none;
    background: white;
    /* font-style: italic; */
    display: inline-block;
    height: 50px;
    width: 50px;
    border: 1px solid #ccc!important;
    margin: 0 4px;
    line-height: 50px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 2px 8px 3px #0c1256;
}
.page-numbers span{
  display: block;
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.pagination .current {
    color: white!important;
    background-color: #1e286f!important;
    box-shadow: none;
}
.page-numbers:hover{
  box-shadow: unset;
background: #1e286f!important;
border: none;
color: white!important;
}


/* HACK: 前後記事をカスタマイズ */
.pager-post-navi{
  margin: 30px -10px;
  position: relative;
}
.prev-post-thumb.card-thumb img, .next-post-thumb.card-thumb img{
  width: 100%;
  height: 100px;
  opacity: 0.4;
  object-fit: cover;
}
.pager-post-navi a.prev-post, .pager-post-navi a.next-post{
  line-height: 0px;
  color: white;
  padding: 0;
}
.pager-post-navi a figure{
  min-width: 100%;
  max-width: 100%;
  background: linear-gradient(124deg, #7e90fff5 71px, #ff7cfb);
}
.pager-post-navi a.prev-post .prev-post-title, .pager-post-navi a.next-post .next-post-title{
  position: absolute;
  margin-left: 10px;
  line-height: 1.5em;
  text-align: center;
  font-weight: bold;
}
.pager-post-navi a.prev-post::before, .pager-post-navi a.next-post::before{
  content: none;
}
.pager-post-navi a.next-post{
  flex-direction: unset;
}
.container .prev-post-title::before{
  content: '\f190';
  font-family: 'FontAwesome';
  font-size: 25px;
    bottom: -4px;
    position: relative;
    margin: 3px;
    left: -3px;
    font-weight: normal;
}
.container .next-post-title::after{
  content: '\f18e';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: relative;
  bottom: -4px;
  margin: 5px;
  font-weight: normal;
}
.pager-post-navi a.prev-post::before{
  content: '前の記事を読む';
  top: 1em
}
.pager-post-navi a.next-post::before{
  content: '次の記事を読む';
  bottom: 1em;
}
.pager-post-navi a.prev-post::before, .pager-post-navi a.next-post::before{
  position: absolute;
  color: white!important;
  font-size: 0.8em;
  margin-left: 1em;
  z-index: 1;
}
.pager-post-navi a.prev-post:hover, .pager-post-navi a.next-post:hover{
  color: white!important;
  transform: none;
}


/* HACK: ライクボタン */
.lb-style-custom .lb-like, .lb-style-custom .lb-dislike{
  background: unset!important;
  border: none!important;
  margin: 10px 15px;
}
.lb-like-label, .lb-dislike-label{
  display: block;
  color: #5dd885!important;
}
.lb-style-custom .likebtn-icon{
  font-size: 80px!important;
  margin-bottom: 40px;
  color: #5ed886!important;
  filter: drop-shadow(1px 1px 1px white);
}
.lb-style-custom .lb-count {
    display: block!important;
    font-size: 30px!important;
    margin-top: 15px;
    color: #5dd885!important;
}
.likebtn_container {
    border: 1px solid;
    padding: 10px;
    border-color: #5ed886;
}
.likebtn_container::before{
  content: 'この記事は役に立ちましたか？';
  display: block;
  font-size: 21px;
  color: #389858;
  margin-bottom: 25px;
}
.lb-style-custom .likebtn-icon:hover{
  filter: drop-shadow(1px 1px 1px grey);
  transition: 0.7s all ease;
}

/* HACK: boxをカスタマイズ！ */
@media screen and (max-width: 440px){
.information-box::before, .question-box::before, .alert-box::before,
 .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before{
   top: 8px;
   left: -1px;
   width: 1.5em;
   height: 1.5em;
   line-height: 1.5em;
   border-radius: 0px 0 90% 0;
   padding: 0px 3px 3px 0px;
   box-shadow: 1px 1px 1px #8e8e8e;
   color: white;
 }
 .information-box, .question-box, .alert-box, .information, .question, .alert, .memo-box, .comment-box{
   border-width: 3px;
   border-radius: 0px;
   box-shadow: inset 0px 0px 1px 1px #9c9c9c;
   padding: 14px 6px 6px 23px;
   font-size: 95%;

 }
.information-box::before{
  background: #bee4fc;
}
.question-box::before{
  background: #ffe766;
}
.alert-box::before{
  background: #f6b9b9;
}
.memo-box::before{
  background: #8cd8c1;
}
.comment-box::before{
  background: #ccccde;
}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/


}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/


}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  /* HACK: モバイルのフッター */
.mblt-slide-in .footer {
      background: linear-gradient(150deg, #acdafbab 10px, #ff98d64d);
  }
.navi-footer-in > .menu-footer li.menu-item{
  border: none;
  margin: 8px;
  display: inline-block;
  background: linear-gradient(150deg, #25125df5 10px, #716dab);
  padding: 7px;
  -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}
.navi-footer-in > .menu-footer li:last-child {
    border-bottom: none;
}
.navi-footer-in > .menu-footer li.menu-item a{
  color: white;
}
.footer-bottom.fdt-left-and-right .footer-bottom-content{
  display: block;
}


}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.speech-person{
  min-width: 65px;
}
.navi-footer-in > .menu-footer li.menu-item{
  width: 67%;
}


.author-widget-name {
  display: block;
  text-align: center;
  margin-bottom: 12px;
  padding: 3px;
}
.author-description{
  width: 100%;
}
.author-box .sns-follow-buttons a.follow-button{
  width: 31px;
  height: 31px;
  margin-right: 3px;
  font-size: 26px;
}
.fb-like-box, .fb-like-box .fb-like-thumb > *, .fb-like-content, .fb-like-content::after{
  height: 250px;
}
.fb-like-buttons{
  margin: 30px 0;
}
.fb-like-message{
  font-size: 0.9em;
}
.fb-like-sub-message{
  font-size: 0.8em;
}
.toc{
  width: 100%;
}
.toc ol li{
  margin-left: 0.5em;
}
.toc ol ol{
  padding-left: 1em;
}
.hybtn a {
  width: 100%;
}



}

/*370px以下*/
@media screen and (max-width: 370px){
  /*必要ならばここにコードを書く*/





}


body{
  background-color: #f2f0ff;
}

/*Internet Explorer対応*/
@media all and (-ms-high-contrast:none){
  .author-box .sns-follow-buttons a.follow-button{
    background-color: #716dab;
  }
  .fb-like-box{
    background-color: #333;
    display: none;
  }
  .fb-like-content,
  .author-box .sns-follow{
    background: transparent;
  }
  .pager-post-navi,
  blockquote::before,
  blockquote::after{
    display: none;
  }
  /*IEでどうしても表示がおかしくなるものは、IEは切り捨てということで非表示*/
}

/* FontAwesome 5 */
.font-awesome-5 .widget_recent_entries ul li a::before,
.font-awesome-5 .widget_categories ul li a::before,
.font-awesome-5 .widget_archive ul li a::before,
.font-awesome-5 .widget_pages ul li a::before,
.font-awesome-5 .widget_meta ul li a::before,
.font-awesome-5 .widget_rss ul li a::before,
.font-awesome-5 .widget_nav_menu ul li a::before,
.font-awesome-5 .container blockquote::before,
.font-awesome-5 .container blockquote::after,
.font-awesome-5 .container .author-name::before,
.font-awesome-5 .container .author-name::after,
.font-awesome-5 .toc-title::before,
.font-awesome-5 .toc ol li ol a::before,
.font-awesome-5 .blogcard::before,
.font-awesome-5 .internal-blogcard-footer::after,
.font-awesome-5 .yubi.hybtn a::after,
.font-awesome-5 .ya.hybtn a::after,
.font-awesome-5 .check.hybtn a::after,
.font-awesome-5 .hato.hybtn a::after,
.font-awesome-5 .hybtn a:hover,
.font-awesome-5 .hytext a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.font-awesome-5 .toc-title::before,
.font-awesome-5 .diya.hybtn a::after,
.font-awesome-5 .container .prev-post-title::before,
.font-awesome-5 .container .next-post-title::after{
	font-family: "Font Awesome 5 Free";
  font-weight: 400;
}
.font-awesome-5 .toc-title::before{
  content: '\f15c';
}
.font-awesome-5 .diya.hybtn a::after,
.font-awesome-5 .diya.hytext a::before{
  content: '\f3a5';
}
.font-awesome-5 .container .prev-post-title::before{
  content: '\f359';
}
.font-awesome-5 .container .next-post-title::after{
  content: '\f35a';
}
.pager-post-navi .iconfont{
  display: none;
}

.widget{
  margin-bottom: 60px;
}

/* 記事下フォローボタン余白の調整　*/
.sf-bottom .sns-follow-buttons {
  column-gap: 20px;
  row-gap: 28px;
}

/* モバイルフォローボタンエリアの調整　*/
.sns-follow.sf-mobile {
  margin: 0;
  padding: 0;
}

.sf-mobile .sns-follow-buttons {
  padding-top: 32px;
  padding-bottom: 32px;
  margin: 0;
}

.follow-menu-content{
  top: initial;
  bottom: 12%;
}