/**
 * custom
 */
.has-danger .box-form-control {
  border-color: #d9534f;
}
.has-warning .box-form-control {
  border-color: #f0ad4e;
}
.notification-badge {
  min-width: 18.4px;
  min-width: 1.15rem;
}
#footer-gnav .notification-badge {
  min-width: 25.6px;
  min-width: 1.6rem;
}
.ranking-post .bf-deg {
  margin-left: 8px;
}
@media (min-width: 768px) {
  .pageHeaderFixed #header-post .header:not(.header-not-sp),
  .pageHeaderFixed #header-profile .header:not(.header-not-sp) {
    top: 0;
  }
}
.box-comment .form-control-feedback {
  padding-left: 48px;
  padding-left: 3rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
.comment-set__now-reply {
  font-weight: bold;
  font-size: 12.8px;
  font-size: 12.8px;
  font-size: 0.8rem;
  color: #aaa;
  padding-top: 8px;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 16px;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  margin-bottom: 8px;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-left: 48px;
  margin-left: 48px;
  margin-left: 3rem;
  border-bottom: 1.6px solid #e6e6e6;
  border-bottom: 1.6px solid #e6e6e6;
  border-bottom: 0.1rem solid #e6e6e6;
  width: calc(100% - 3rem);
}
.comment__textarea-wrap {
  max-height: 30vh;
  overflow: auto;
}
.comment__textarea-icon {
  width: 28.8px;
  width: 1.8rem;
  height: 28.8px;
  height: 1.8rem;
  position: absolute;
  top: 24px;
  top: 1.5rem;
  left: 20px;
  left: 1.25rem;
  z-index: 100;
}
.box-comment .form-control-success {
  background-image: none;
}
.timeline__content-wrap.-long-content .readMore:before {
  width: calc(100% + 2rem);
  left: -16px;
  left: -1rem;
}
.timeline__content-wrap.-long-content > .content-entry {
  position: relative;
  transition: all 0.3s ease 0s;
  overflow: hidden;
  max-height: 290.56px;
  max-height: 18.16rem;
}
.timeline__content-wrap.-long-content > .content-entry .box-links {
  display: none;
}
.timeline__content-wrap.-long-content .post-attachments {
  transition: all 0.3s ease 0s;
  overflow: hidden;
  max-height: 0;
}
.timeline__content-wrap.-long-content.-expanded > .content-entry {
  height: auto;
}
.timeline__content-wrap.-long-content.-expanded > .content-entry .box-links {
  display: block;
}
.timeline__content-wrap.-long-content.-expanded .post-attachments {
  height: auto;
  max-height: 150vh;
}
/**
 * 記事削除
 */
.post-wrap.fade-enter-active,
.post-wrap.fade-leave-active {
  transition: all 0.8s;
}
.post-wrap.fade-enter-active .timeline-post,
.post-wrap.fade-leave-active .timeline-post {
  transition: all 0.5s;
}
.post-wrap.fade-enter .timeline-post,
.post-wrap.fade-leave-to .timeline-post {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/**
 * 検索
 */
.pageSearch .fixed-top:not(.header-not-sp) > div > :before,
.pageSearch .fixed-top:not(.header-not-sp) > div > :after {
  display: none;
}
.pageSearch .box-search {
  position: relative;
}
.pageSearch .box-search .btn-clear {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 16px 12px 8px;
  padding: 0.75rem 1rem 0.75rem 0.5rem;
  width: 32px;
  width: 2rem;
}
.gsc-selected-option {
  white-space: nowrap;
}
/**
 * スライダー (main.cssの調整)
 */
@media (min-width: 768px) {
  .pageUser .flickity-page-dots {
    bottom: -1.2rem;
  }
}
/**
 * メニューかぶり調整
 */
body.pageHeaderFixed {
  padding-bottom: 224px;
  padding-bottom: 14rem;
}
.pageSignLogin {
  padding-bottom: 224px;
  padding-bottom: 14rem;
}
/**
 * HOME アクティビティアイコン サイズ固定
 */
.nav-act-prof > img {
  width: 68px;
  width: 4.25rem;
  height: 68px;
  height: 4.25rem;
}
/**
 * HOME わしランダムのFlickity表示調整
 */
.flickity-enabled > .carousel-cell {
  display: none;
}
/**
 * メニュー等でのバッチ表示サイズ調整
 */
.user-icon-medium .prof-user-official:after {
  width: 17.6px;
  width: 1.1rem;
  height: 17.6px;
  height: 1.1rem;
}
.user-icon-small .prof-user-official:after {
  width: 6.4px;
  width: 0.4rem;
  height: 6.4px;
  height: 0.4rem;
}
/**
 * コンテンツマスク
 */
.content-mask {
  position: fixed;
  z-index: 1200;
  top: 62.4px;
  top: 3.9rem;
  left: 0;
  width: 100%;
  height: calc(100% - 3.9rem);
  background: rgba(255, 255, 255, 0.8);
  transition-property: color;
  transition: all 0.5s;
}
@media (min-width: 768px) {
  .content-mask {
    top: 3.6rem;
  }
}
/**
 * コメント
 */
.rollup-comments {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1040;
  transition: transform 0.3s linear 0.3s;
}
.rollup-comments.hide {
  transform: translateY(100vh);
}
.rollup-comments.show {
  transform: translateY(0);
}
.rollup-comments > .wrap-content {
  box-shadow: #666 0 0 16px;
  padding-top: 33.6px;
  padding-top: 2.1rem;
}
.rollup-comments > .wrap-content > .liNotice {
  max-height: 55vh;
  overflow: auto;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
.rollup-comments > .wrap-content .fixed-bottom {
  position: relative;
}
.rollup-comments .rollup-comments__close {
  position: absolute;
  right: 8px;
  right: 0.5rem;
  top: 0px;
  top: 0rem;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
  color: #666;
}
@media (min-width: 768px) {
  .rollup-comments {
    bottom: 2rem;
  }
  .rollup-comments .rollup-comments__close {
    right: 0.8rem;
  }
}
.rollup-comments-backdrop {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1039;
  width: 100%;
  height: 100%;
  background: rgba(58, 43, 43, 0.45);
}
.comments-open {
  position: fixed;
}
.ios.ios-11-0.landscape.iphone .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-1.landscape.iphone .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-2.landscape.iphone .comments-open.comment-input-focused .rollup-comments.show {
  margin-bottom: 182px;
}
.ios.ios-11-0.portrait.iphone .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-1.portrait.iphone .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-2.portrait.iphone .comments-open.comment-input-focused .rollup-comments.show {
  margin-bottom: 260px;
}
.ios.ios-11-0.landscape.iphone.iphonex .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-1.landscape.iphone.iphonex .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-2.landscape.iphone.iphonex .comments-open.comment-input-focused .rollup-comments.show {
  margin-bottom: 232px;
}
.ios.ios-11-0.portrait.iphone.iphonex .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-1.portrait.iphone.iphonex .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-2.portrait.iphone.iphonex .comments-open.comment-input-focused .rollup-comments.show {
  margin-bottom: 293px;
}
.ios.ios-11-0.landscape.ipad .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-1.landscape.ipad .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-2.landscape.ipad .comments-open.comment-input-focused .rollup-comments.show {
  margin-bottom: 372px;
}
.ios.ios-11-0.portrait.ipad .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-1.portrait.ipad .comments-open.comment-input-focused .rollup-comments.show,
.ios.ios-11-2.portrait.ipad .comments-open.comment-input-focused .rollup-comments.show {
  margin-bottom: 284px;
}
/**
 * こいほー対応
 */
.koihoo .deg-jane:before {
  background-image: url('/assets/img/global/icons/deg-koihoo.svg');
  top: 0.2em;
}
.koihoo .bf-notice.deg-jane:before {
  background-image: url("/assets/img/global/icons/deg-koihoo-blk.svg");
  top: 0.9em;
}
.koihoo .bf-washiraAction.deg-jane:before {
  background-image: url("/assets/img/global/icons/deg-koihoo-gray.svg");
  top: 0.13em;
}
.koihoo .liSelect .deg-jane:before {
  background-image: url("/assets/img/global/icons/deg-koihoo-gray.svg");
  top: 12px;
  top: 0.75rem;
}
.koihoo .btn-jane:before {
  background-image: url("/assets/img/global/icons/btn-koihoo.svg");
  top: 1.2em;
}
.koihoo .bfAction-done.btn-jane:before {
  background-image: url("/assets/img/global/icons/btn-koihoo-red.svg");
  top: 1.2em;
}
.btn-fb,
.btn-gl,
.btn-yh {
  background-color: #fff;
}
.btn-fb {
  border-color: #3b5998;
  color: #3b5998;
}
.btn-fb:focus {
  color: #3b5998;
}
.btn-fb:hover {
  color: #fff;
  background-color: #3b5998;
}
.btn-gl {
  border-color: #4285f4;
  color: #4285f4;
}
.btn-gl:focus {
  color: #4285f4;
}
.btn-gl:hover {
  color: #fff;
  background-color: #4285f4;
}
.btn-yh {
  border-color: #ff0133;
  color: #ff0133;
}
.btn-yh:focus {
  color: #ff0133;
}
.btn-yh:hover {
  color: #fff;
  background-color: #ff0133;
}
.btn-tw {
  border-color: #1da1f2;
  color: #1da1f2;
}
.btn-tw:focus {
  color: #1da1f2;
}
.btn-tw:hover {
  color: #fff;
  background-color: #1da1f2;
}
/**
 * 埋め込み投稿
 */
body.embed-content {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.embed-post {
  border: 1px solid #ddd;
  border-radius: 5px;
  /**
     * 認証アイコンの位置・サイズ調整
     */
}
.embed-post .timeline__content-wrap.-long-content .readMore:before {
  width: 100%;
  left: 0;
}
.embed-post .prof-user-official:after {
  right: auto;
  left: 41.6px;
  left: 2.6rem;
}

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