@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* メインコンテンツ幅 */
#main_content.l-mainContent.l-article {
    width: 860px;
}

/* メインコンテンツパディング */
@media (min-width: 960px) {
  .-frame-on .l-mainContent {
    padding: 30px;
  }
}

/* サイドバー幅 */
#sidebar.l-sidebar {
    width: 366px; /* デフォルトの幅 */
}

/* サイドバーパディング */
.-frame-on-sidebar #sidebar .c-widget {
    padding: 15px; /* デフォルトのパディング */
}

/* メインコンテンツサイドバー含む */
@media (min-width: 960px) {
  .-sidebar-on .l-content {
    padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
  margin-bottom: 0px;
  }
}

/* モバイル用設定 */
@media (max-width: 768px) {
    #sidebar.l-sidebar {
        width: 100%; /* モバイル時は幅を100%に設定 */
    }
  
    .-frame-on-sidebar #sidebar .c-widget {
        padding: 3vw; /* 必要に応じてパディングを調整 */
    }
}

/* メインコンテンツホームパディング */
.top #content {
  padding-top: 30px;    /* 上方向のパディング */
  padding-bottom: 30px; /* 下方向のパディング（必要に応じて変更） */
  margin-bottom: 0px;  /* 下方向のマージン（必要に応じて変更） */
}

/* メインコンテンツホームのモバイル時のパディング設定 */
@media (max-width: 768px) {
  .top #content {
    padding-top: 10px;
	padding-bottom: 10px; /* 下方向のパディング（必要に応じて変更） */  
  }
}

/* メインコンテンツホームの投稿内の下方向のマージンとパディング設定 */
.p-breadcrumb + .l-content {
  padding-bottom: 30px;
  margin-bottom: 0px;  /* 下方向のマージン（必要に応じて変更） */
}

/* メインコンテンツホームのモバイル投稿内の下方向のマージンとパディング設定 */
@media (max-width: 768px) {
.p-breadcrumb + .l-content {
  padding-bottom: 10px;
  margin-bottom: 0px;  /* 下方向のマージン（必要に応じて変更） */
　}
}

/* パンくずリストに記事タイトルを表示する */
.p-breadcrumb__list {
    flex-wrap: wrap; //記事名が長い場合は折り返す
}
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
    display: block!important; //記事名の表示
    opacity: 1; //記事名を半透明にしない
    white-space: pre-wrap;//記事名が長い場合は折り返す
}

/* ここからフォーラム */
/* フォーラムのタイトルを非表示にするidにページ番号を入力する */
.page-id-7 .c-pageTitle {
    display: none;
}

/* フォーラムののマージンとパディング */
.page-id-7 .post_content {
    margin: 0px;   /* 必要に応じてマージンの値を設定 */
    padding: 0px;  /* 必要に応じてパディングの値を設定 */
}

/* フォーラムのパディング */
#wpforo-wrap {
    padding: 0px !important;  /* 必要に応じてパディングの値を設定 */
}

/* フォーラムでパンくずリストを非表示にする */
.page-id-7 #breadcrumb {
    display: none;
}

/* フォーラムのメインコンテンツのパディング */
.page-id-7 .p-breadcrumb + .l-content {
    padding-bottom: 30px;
    padding-top: 30px;
}

/* モバイル時のフォーラムのメインコンテンツのパディング */
@media screen and (max-width: 768px) { /* 768px以下の画面幅の場合 */
    .page-id-7 .p-breadcrumb + .l-content {
        padding-bottom: 0px;  /* 必要に応じて変更 */
        padding-top: 2vw;     /* 必要に応じて変更 */
    }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-title .topic-title {
  font-size: 18px !important;
  font-weight: bold !important;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-title .topic-title a {
  font-size: 18px !important;
  font-weight: bold !important;
}


/* Default styles for the filter buttons フィルターボタンに対するデフォルトのスタイルを指定しています */
.wpf-head-bar-center {
    display: flex;
    align-items: center;
}

/* Media query to apply styles on screens with a maximum width of 768 pixels (adjust as needed) */
/* メディアクエリを使用して、画面幅が最大768ピクセルの場合に特定のスタイルを適用するように指定しています */
@media only screen and (max-width: 768px) {
    /* Adjust the flex property to move the buttons to the right */
    .wpf-head-bar-center {
        justify-content: flex-end;
    }

    /* Add some spacing between the buttons 左側に10ピクセルのマージン（余白）を追加するスタイル */
    .wpf-threads-filter {
        margin-left: 10px;
    }
}

/* wpf-cat-count要素のデフォルトスタイル */
.wpf-cat-count {
    /* Your default styles here */
}

/* Media query to apply styles on screens with a maximum width of 768 pixels (adjust as needed) 画面幅が最大768ピクセルの場合に特定のスタイルを適用するように指定しています */
@media only screen and (max-width: 768px) {
    /* Adjust the positioning to move the element to the left */
    .wpf-cat-count {
        order: -1; /* Move to the beginning of the flex container */
        margin-right: 10px; /* Add some margin for spacing */
    }
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-last-avatar img.avatar {
    width: 30px;
    height: 30px;
    box-shadow: none;
    border: 0.7px solid #ccc; /* 任意の線の色と太さを指定 */
}


@media only screen and (max-width: 767px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left {
        width: 80px;
    }
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right {
    padding-top: 5px;
}



#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right {
  padding-left: 0px;
}

@media only screen and (min-width: 768px) {
    .wpf-author .mobile-hide {
        display: inline;
    }
}
@media only screen and (max-width: 767px) {
    .wpf-author .mobile-hide {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-top .wpf-post-date {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .wpf-post-btns .wpf-post-date {
        display: none;
    }
}


@media only screen and (min-width: 768px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right {
        padding-top: 0px;
    }
}

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpforo-post-content {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree {
  margin: 12px 25px 10px 25px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpforo-post-meta {
  margin: 10px 25px 10px 25px;
}

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content {
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-date {
    text-align: right;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-date {
  padding-right: 1px;
}

@media only screen and (max-width: 767px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-btns {
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 767px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-date {
        padding-bottom: 16px;
    }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-date {
    font-size: 13px;
}



#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-author {
    min-width: 63px;
  width: 70px;
  text-align: left;
  padding-left: 13px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-last-reply {
  width: 100px;
  text-align: left;
  padding-left: 20px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-views {
width: 6%;
  flex-grow: 1;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-posts {
  width: 6%;
  flex-grow: 1;
}

#wpforo #wpforo-wrap .wpforo-post .wpforo-attached-file i.fa-paperclip {
  font-size: 15px;
  display: inline-block;
  padding-right: 5px;
}

#wpforo #wpforo-wrap .wpforo-post .wpforo-attached-file {
  padding: 10px 15px 15px 15px;
  margin: 10px 0 10px 0;
  border: #bbb dotted 1px;
  display: table;
}

/* 通常のデバイス用のスタイル */
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-title::before {
    content: ""; /* モバイルデバイスでは表示しないための空のコンテンツ */
}

/* モバイルデバイス用のスタイル（例: 幅が768px以下の場合） */
@media (max-width: 768px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-title::before {
        content: "作成者　 "; /* モバイルデバイスで表示するテキストを追加 */
    }
}

/* 通常のデバイス用のスタイル */
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-last-reply::before {
    content: ""; /* モバイルデバイスでは表示しないための空のコンテンツ */
}


/* モバイルデバイス用のスタイル（例: 幅が768px以下の場合） */
@media (max-width: 768px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-last-reply {
        text-align: right; /* モバイルデバイスでは右寄せにするスタイルを指定 */
	}
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot {
    width: 100%;
    padding: 8px 20px 9px 15px;
    border-radius: 0 0 0 0; /* Change from 10px to 0 */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-content-foot {
padding: 1px 15px 1px 15px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree {
  margin: 12px 25px 0px 25px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpforo-post-content {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot {
    height: 30px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot {
  padding: 1px 15px 1px 15px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content {
  padding: 0px 1px;
}


#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree {
   margin: 12px 25px 0px 15px; /* ここにモバイル用のマージンを指定 */;
  }
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-right .wpforo-post-content-top {
  border-bottom: 0px solid #b53636 !important;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-content-foot {
  min-height: 30px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer .reacted-users:not(:empty) {
 min-height: 30px;
 padding: 3px 15px;
}

#wpforo #wpforo-wrap .wpforo-post .wpforo-memberinfo {
    padding: 3px;
    text-align: left; /* Adjusted to left-align */
    display: none;
}

/* モバイルデバイス用のスタイル */
@media only screen and (max-width: 767px) {
    .wpf-post-date {
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 767px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left {
        width: 80px;
        height: 75px; /* 任意の高さ */
    }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content {
    border: 1px solid #000; /* 任意の線のスタイルと色 */
	background: #FAFAFA;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content {
    border: 1px solid #000; /* 任意の線のスタイルと色 */
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot {
    border-top: 1px dashed #cccccc; /* 任意の線のスタイルと色 */
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-content-foot {
    border-top: 1px dashed #cccccc !important; /* 任意の線のスタイルと色 */
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer .reacted-users:not(:empty) {
  border-top: 1px solid #ccc !important;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reaction-wrap {
  border-right: 1px solid #ccc;
}

.wpforo-topic-avatar {   
      text-align: center;

}


#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-views
{
  width: 5%;
  flex-grow: 1;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-posts
{
  width: 5%;
  flex-grow: 1;
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-author{
        padding-left: 7px; /* 左側に5pxのパディングを設定 */
    }

@media (max-width: 767px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-title {
        padding-left: 7px; /* モバイル時の左側のパディングを設定 */
    }
}




@media only screen and (min-width: 601px) {
    .not-mobile {
        display: none;
    }
}


/* モバイルデバイスの幅でのみ表示 */
@media (max-width: 768px) {
    .wpforo-forum-mob {
        display: inline-block !important; /* モバイルデバイスの場合、要素をインラインブロック要素として表示 */
    }
}

/* 769px以上の画面幅の場合、要素を非表示にする */
@media (min-width: 769px) {
    .wpforo-forum-mob {
        display: none !important; /* 769px以上の画面幅の場合、要素を非表示にする */
    }
}


#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-stat-topics
{
  width: 10%;
padding: 16px 0 5px 0;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-stat-posts
{
  width: 10%;
padding: 16px 0 5px 0;
}

#wpforo #wpforo-wrap .wpfl-1 .cat-stat-posts
{
  width: 10%;
}

#wpforo #wpforo-wrap .wpfl-1 .cat-stat-topics
{
  width: 10%;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-title
{
  width: 40%;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-views
{
  width: 7%;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-posts
{
  width: 6%;
}

.top #content {
  padding-top: 1em;
}

@media screen and (max-width: 850px) {
  #wpforo #wpforo-wrap {
    padding: 1px 1px;
  }
}



div#wpf-forum-35 .wpforo-forum-icon i {
    color: #0F8F2E !important;
}



#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum {
  min-height: 50px;
  padding: 0px 0 0px 0;
}



#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon {
  padding: 7px 15px 15px 10px;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info {
  padding: 15px 15px 15px 15px;
}


#wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-avatar {
  padding: 5px 7px 5px 2px;
}

.wpforo-last-post-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 22ch; /* 12文字まで */
}

@media only screen and (max-width: 768px) {
    .wpforo-forum-icon {
        display: inline-block !important;
    }
}



@media only screen and (max-width: 768px) {
    #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info {
        padding: 15px 10px 15px 15px;
    }
}

@media only screen and (max-width: 768px) {
    .wpf-sbd-mobile {
        display: flex;
    }
    .wpf-sbd-mobile > div {
        display: inline;
    }
}

/* モバイル以外で非表示にする */
@media only screen and (min-width: 769px) {
    .wpf-sbd-mobile {
        display: none;
    }
}

/* モバイル以外で非表示にする */
@media only screen and (min-width: 769px) {
    .wpforo-last-post-info-mobile {
        display: none;
    }
}

.wpforo-last-post-info-mobile-container {
    display: flex;
    justify-content: flex-start; /* 横方向を左寄せにする */
}

.wpforo-last-post-info-mobile-container > * {
    display: flex;
    align-items: center;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-title {
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
    .wpforo-last-post-title-mobile {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 50ch; /* 12文字まで */
    }
}

#wpforo #wpforo-wrap h3 {
  padding: 1px 0;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-category {
  margin-bottom: 0px;
}

#wpforo #wpforo-wrap .wpforo-content .wpforo-section ~ .wpforo-section {
  margin-top: 0px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpf-thread {
  padding: 0px 0;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.wpforo-topic-avatar {
    padding: 10px!important; /* 任意のパディングサイズ */
}

@media screen and (max-width: 767px) {
    .wpforo-topic-avatar {
        padding-left: 2px !important;
        padding-right: 5px !important;
		padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-title i {
  text-shadow: 1px 0px 1px #ccc;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-title {
    padding-top: 10px;
    padding-bottom: 12.6px;
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 767px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-title {
        padding-top: 10px;
        padding-bottom: 5px;
        padding-left: 3px;
        padding-right: 0px;
    }
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-avatar i {
    display: none;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply {
  width: 180px;
	padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-posts-views-value {
  padding-top: 11.6px; /* 上部のパディング */
    padding-right: 20px; /* 右側のパディング */
    padding-bottom: 11.6px; /* 下部のパディング */
    padding-left: 10px; /* 左側のパディング */
	width: 6%;
	min-width: 65px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-posts-views-text {
  padding-top: 11.6px; /* 上部のパディング */
    padding-right: 10px; /* 右側のパディング */
    padding-bottom: 11.6px; /* 下部のパディング */
    padding-left: 10px; /* 左側のパディング */
	width: 6%;
	min-width: 55px;
}

@media only screen and (max-width: 767px) {
  #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-posts-views-text {
    display: none!important;
  }
}

@media only screen and (max-width: 767px) {
  #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-posts-views-value {
    display: none!important;
  }
}

@media only screen and (max-width: 767px) {
  #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply {
    display: none!important;
  }
}

@media screen and (max-width: 767px) {
    .wpf-thread-last-reply-mobile {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .wpf-thread-last-reply-mobile {
        display: none;
    }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply-mobile .wpf-thread-last-avatar i {
    display: none;
}

@media screen and (max-width: 767px) {
    #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-last-avatar img.avatar {
        width: 30px;
        height: 30px;
        display: block;
        margin: 0 auto; /* 左右のマージンを自動で設定してセンター寄せ */
    }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply-mobile {
	padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
	 max-width: 60px; /* 任意の最大横幅を指定してください */
}

#wpforo #wpforo-wrap .wpfl-4 img.avatar {
    width: 50px; /* Change from 42px to 50px */
}

/* モバイル用のスタイル */
@media only screen and (max-width: 768px) {
    #wpforo #wpforo-wrap .wpfl-4 img.avatar {
        width: 42px; /* 幅を42pxに変更 */
    }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-last-avatar img.avatar {
    width: 30px; /* Change from 24px to 30px */
    height: 30px; /* Change from 24px to 30px */
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-title .wpf-thread-head i {
    font-size: 16px; /* アイコンのサイズを変更 */
    line-height: 24px; /* アイコンを垂直方向に中央揃え */
   margin-right: 3px;
  text-shadow: 1px 0px 1px #ccc;
}	



/* モバイルデバイス用のスタイル */
@media only screen and (max-width: 767px) {
    .wpf-thread-last-reply-mob {
        display: block; /* モバイルデバイスの場合に要素を表示 */
    }
}

/* モバイル以外のデバイス用のスタイル */
@media only screen and (min-width: 768px) {
    .wpf-thread-last-reply-mob {
        display: none; /* モバイル以外のデバイスの場合に要素を非表示 */
    }
}

/* モバイルデバイス用のスタイル */
@media only screen and (max-width: 767px) {
    .wpforo-date.wpforo-date-ago {
        display: none !important; /* モバイルデバイスの場合に非表示 */
    }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-title .wpf-thread-last-reply-mob i {
 display: none;
}

.wpf-thread-author-name {
    display: flex;
    justify-content: space-between; /* 要素を左右に分散配置 */
    align-items: center; /* 要素を垂直方向に中央揃え */
}

.wpf-thread-box.wpf-thread-last-reply-mob {
    margin-left: auto; /* 左側の余白を自動的に拡大 */
}

.wpf-thread-last-info {
    text-align: right;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply {
  justify-content: flex-end; /* 右寄せに変更 */
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-date {
  justify-content: flex-end;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .last-user-member-link {
  display: flex;
  justify-content: flex-end;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-avatar {
  margin-left: 7px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread .wpf-thread-forum-mobile {
min-width: 70px;
}

.wpf-thread-forum-mobile .moba-post-va,
.wpf-thread-forum-mobile .moba-views-va {
  float: right;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .last-user-member-link {
  padding-top: 0px; /* 上側のパディング */
  padding-bottom: 3px; /* 下側のパディング */
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-date {
  padding-top: 3px; /* 上側のパディング */
  padding-bottom: 0px; /* 下側のパディング */
}


#wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpf-thread {
  border-bottom: 1px solid #59519a; /* 下側の線 */
}

.wpforo-date-avatar-mobile {
    padding-top: 8px!important;
    padding-right: 10px!important;
    padding-bottom: 0px!important;
    padding-left: 5px!important;
}



.wp-block-columns.sp_column2 {
    margin-bottom: 2px; /* 任意の値に置き換えてください */
}

 .wpforo-widget-wrap .wpforo-widget-content {
  padding: 0px 1px 0px 1px !important;
  margin: 0;
    margin-bottom: 0px;
}

#wpforo #wpforo-wrap .wpf-breadcrumb {
  display: inline-block;
  counter-reset: flag;
  margin: 5px 0 5px 0;
}



@media only screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpf-head-bar .wpf-head-bar-right {
    width: 100%;
    padding: 0px 1px 0px 1px;
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 768px) {
  #wpforo #wpforo-wrap #wpforo-description {
    padding: 0px 0px 0px 0px;
  }
}

.wpf-thread-body:hover {
  background-color: rgba(0, 0, 255, 0.2); /* 半透明の青色を設定 */
　transition: background-color 0.3s ease; /* ホバー時のトランジションを追加します。 */
    transition: filter 0.3s ease; /* フィルター変化のトランジションを追加します。 */
}

.wpforo-forum {
    border-bottom: 1px solid #e6e6e6 !important; /* 下線を追加します。 */
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head {
  border-bottom: 1px solid #59519a!important;
}

@media screen and (min-width: 768px) {
  #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-author {
    padding-left: 16px;
  }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left {
  padding: 0px 1px 10px;
}

/* トピック一覧の最新の投稿者アバターについて */
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-last-avatar img.avatar {
  width: 35px;
  height: 35px;
  box-shadow: none;
  border: 0px solid #ccc;
  box-shadow: 0 0 2px #999999;
}

/* トピック一覧の最新の投稿者アバターについて(モバイル) */
@media only screen and (max-width: 767px) {
  #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-last-avatar img.avatar {
    width: 30px;
    height: 30px;
  }
}

.wpf-prof-loginout {
    margin: 0 auto; /* 左右の余白を自動で設定してセンター寄せする */
    text-align: center; /* テキストを水平方向にセンター寄せする */
}

body ul.wpuf-form li .wpuf-label {
  width: 100%;
}

@media screen and (max-width: 480px) {
  #wpforo #wpforo-wrap .wpfl-2 .cat-title, #wpforo #wpforo-wrap .wpfl-2 .wpf-head-bar-right {
    padding-top: 0px;
  }
}

.mobile-topics-poste {
    width: 100px; /* 任意の横幅を設定します */
}



.mobile-topics {
    display: inline-block;
    float: right; /* 右寄せにする */
}

.mobile-posts {
    display: inline-block;
    float: right; /* 右寄せにする */
}

[wpf-tooltip]::after {
  content: ""; /* 擬似要素の内容を空に設定 */
  display: none; /* 擬似要素を非表示にします */
}

[wpf-tooltip]::before {
  content: ""; /* 擬似要素の内容を空に設定 */
  display: none; /* 擬似要素を非表示にします */
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-post-starter {
  margin: 0px;
    margin-top: 5px;
  padding: 0px 6px 0px 6px;
  font-size: 12px;
  border-radius: 0;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-post-starter {
  margin-right: 0px;
  padding: 0px 6px;
  font-size: 12px;
  border-radius: 0px;
}

#wpforo #wpforo-wrap .wpf-post-starter {
  color: #43A6DF !important;
  border-bottom: 0px solid #43A6DF !important;
}

.wpforo-post-content-top {
  text-align: right; /* この親要素は右寄せのまま */
}

.wpf-buttons {
    padding-top: 0px !important;
}

.wpf-post-btns {
    overflow: hidden; /* floatを使うため、コンテナの高さ崩れを防ぐ */
}

.wpf-post-btns > .wpf-author-joined {
    float: left; /* 要素を左寄せする */
    margin-right: 10px; /* オプション：アイコンとテキストの間にスペースを追加 */
}

.wpf-post-btns i {
    margin-right: 5px; /* アイコンとテキストの間にスペースを追加 */
}

@media only screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left {
    padding: 11px 1px 0px !important; /* 上書きされるスタイルがある場合、!importantを付けて優先度を高める */
  }
}

.wpf-author-joined {
    display: inline-block; /* PCでは同じ行に表示 */
    width: auto;
}

/* モバイルデバイスの場合 */
@media only screen and (max-width: 768px) {
    .wpf-author-joined {
        display: block; /* モバイルでは次の行に表示 */
        width: 100%; /* モバイルでは幅を100%に設定 */
        clear: both; /* 同じ行から切り離す */
    }
}

/* トピック名前欄フォントサイズ */
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-top .wpf-author-name {
  font-size: 17px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-bottom .wpf-author-nicename {
  font-size: 15px;
  margin-bottom: 1px;
  margin-left: 0px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-bottom .wpf-author-joined {
  font-size: 13px;
}

.wpf-author-name {
    height: 27px; /* 固定の高さを指定 */
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer .reacted-users:not(:empty) {
  padding: 5px 15px;
  font-size: 14px;
  display: flex;
}

/* トピック返信フォントサイズ */
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content p, #wpforo #wpforo-wrap .wpforo-revision-body p {
  font-size: 16px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author .wpf-author-name {
  font-size: 16px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author .wpf-author-nicename {
    font-size: 14px ; /* サイズ変更に重要度を追加 */
    padding-top: 0px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author .wpf-author-joined {
  font-size: 12px;
}


/* バッジの大きさ */
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-top .wpf-author-name i {
  font-size: 19px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author .wpf-author-name i {
  font-size: 18px;
}

/* 返信前の矢印 */
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reply i {
  font-size: 15px;
}

/* トピックの投稿欄とプロフィールの距離 */
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content {
  margin-top: 4px;
}

/* トピックの投稿欄と投稿欄との距離 */
@media only screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpfl-4 .post-wrap {
    margin-bottom: 0px;
  }
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action {
  margin: 0 3px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-top: 5px;
}

/*フォーラムカテゴリーと説明の間の距離 */
#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-description {
 padding-top: 8px;
 padding-bottom: 0px;
}

/*フォーラムのモバイル時にトピック数と投稿数とフォーラムのカテゴリー名との距離 */
.mobaile-date-ago-last-post-author-title-mobile {
    padding-top: 7px !important; /* 任意の値に変更 */
}

/*トピック一覧の投稿数のフォントサイズ */
.moba-posts {
    font-size: 13px !important; /* 任意のサイズに変更 */
}

/*トピック一覧の表示数のフォントサイズ */
.moba-views {
    font-size: 13px !important; /* 任意のサイズに変更 */
}

/*フォーラムホームのPC表示のトピック数と投稿数を設定する */
.wpf-sbl {
    display: flex;
    justify-content: space-between;
}

.wpf-sbl .topic-label {
    text-align: left; /* 左寄せ */
}

.wpf-sbl .topic-number {
    text-align: right; /* 右寄せ */
}

.wpf-sbl {
    width: 100%; /* 親要素の幅に合わせる */
    display: flex;
    justify-content: space-between;
}

/*トピック内上部のユーザーを横並べにする */
#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box .wpf-tlabel {
  width: 200%;
}

/*フォーラムのモバイル時の横幅の余白 */
@media screen and (max-width: 768px) {
   .page-id-7 .p-breadcrumb + .l-content {
	padding-left: 0vw;
    padding-right: 0vw;
  }
}

/*フォーラムの入れ子の深さ */
#wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-2, #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-3, #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-4, #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-5, #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-6, #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies.level-7 {
  margin-left: 0px;
}



#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content {
  padding: 0px 10px 10px 0px;
  min-height: 30px;
  font-size: 17px;
  word-wrap: break-word;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-name {
  margin-left: 0px;
}

#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content {
  font-size: 17px !important;
}

/* モバイルのみで表示するスタイル */
@media only screen and (max-width: 768px) {
    .author-datemo {
        display: block; /* モバイルで表示 */
    }
}

/* PCでは非表示にするスタイル */
@media only screen and (min-width: 769px) {
    .author-info {
        display: none; /* PCで非表示 */
    }
}

/* モバイルで非表示にする */
@media only screen and (max-width: 768px) {
    .author-namepc {
        display: none; /* モバイルで非表示にする */
    }
}


/* PCで非表示にする */
@media only screen and (min-width: 768px) {
    .author-datemo {
        display: none; /* pcで非表示にする */
    }
}

/* アイコン下と横 */
/* モバイルのスタイルを適用 */
@media only screen and (max-width: 768px) {
    /* 1行目のスタイル: wpforo_member_link と wpforo_member_nicename を同じ行に */
    .author-name,
    .author-nicename {
        display: inline-block; /* 同じ行に表示 */
        margin-right: 10px; /* スペースを確保 */
    }

    /* 2行目のスタイル: 各要素を同じ行に表示 */
    .author-info {
        display: flex; /* Flexboxを使って2行目を同じ行に表示 */
        flex-wrap: wrap; /* 要素が折り返されるのを許可 */
    }

    .author-title,
    .author-badge,
    .wpf-author-posts,
    .wpf-author-nice {
        margin-right: 10px; /* 各要素の間にスペースを追加 */
        /* 必要に応じて他のスタイルもここに追加 */
    }
}

/* 称号の位置 */
@media screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpforo-post .author-title span.wpf-member-title.wpfrt {
  padding-top: 3px;
  margin-right: 0px;
  }
}

@media screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
    width: 50px;
    max-height: 50px;
  }
}

@media only screen and (max-width: 768px) {
    #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left {
        padding: 10px 0px 10px; /* モバイルのみ適用 */
    }
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-title {
  font-size: 13px;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .bottom {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content {
    padding: 0px 0px 0px 0px;
    min-height: 30px;
    font-size: 17px;
    word-wrap: break-word;
  }
}

@media only screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top {
	  padding: 2px 10px 2px 0;
  }
}

.post_content blockquote::before {
  border-left: none;  /* border-leftを非表示 */
  border-right: none; /* border-rightを非表示 */
}


#wpforo #wpforo-wrap .wpforo-post blockquote {
  width: 100% !important;
  background: #f7f7f7 !important;
}

@media only screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p {
    font-size: 16px !important;
  }
}

#wpforo #wpforo-wrap .wpforo-post blockquote, #wpforo #wpforo-wrap .wpforo-revision-body blockquote {
  font-size: 17px;
}

@media only screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpforo-post blockquote, 
  #wpforo #wpforo-wrap .wpforo-revision-body blockquote {
    font-size: 16px;
  }
}

#wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap {
  padding-top: 10px;
}

.wpf-author-nice-pc {
  text-align: center;  /* テキストを中央揃え */
  display: block;      /* ブロック要素として扱う */
  margin: 0 auto;      /* 左右のマージンを自動で設定して中央に寄せる */
}

.wpf-author-posts-pc {
  text-align: center;  /* テキストを中央揃え */
  display: block;      /* ブロック要素として扱う */
  margin: 0 auto;      /* 左右のマージンを自動で設定して中央に寄せる */
}

.wpforo-member-nicename-pc {
  text-align: center; /* テキストを中央揃え */
  display: block;
  margin: 0 auto;     /* 左右のマージンを自動にして中央寄せ */
}

.wpf-author-joined {
  text-align: center; /* テキストを中央に揃える */
  display: block;
  margin: 0 auto;     /* 左右のマージンを自動で中央に寄せる */
}

.wpf-member-profile-buttons {
  text-align: center; /* テキストやボタンを中央揃え */
  display: block;
  margin: 0 auto;     /* 左右のマージンを自動で中央に寄せる */
}

.wpf-member-profile-buttons > * {
  display: inline-block; /* 各ボタンをインラインブロックにして中央寄せ */
}

.author-title-pc {
  text-align: center; /* テキストを中央揃え */
  display: block;
  margin: 0 auto;     /* 左右のマージンを自動で中央に寄せる */
}

@media (max-width: 768px) { /* モバイルデバイス用のスタイル */
  .wpf-author-posts-pc,
  .wpf-author-nice-pc,
  .author-title-pc,
  .wpforo-member-nicename-pc {
    display: none; /* 非表示にする */
  }
}

.wpf-member-title.wpfrt {
  font-weight: bold !important; /* 太字を強制的に適用 */
}

/* 768px以下の画面幅 (モバイルデバイス) でのスタイル */
@media (max-width: 768px) {
  .page-id-7 .l-content {
    padding-left: 0vw;
    padding-right: 0vw;
    padding-top: 10px;
  }
}

/* トピック一覧のアドセンス設定 */
.wpforo-ad.wpf-ad-topic {
  border-bottom: 1px solid #59519a!important; /* 1pxの青い線を強制的に適用 */
}

/* トピック一覧のアドセンス設定PC */
@media (min-width: 768px) {
    #wpforo #wpforo-wrap .wpforo-ad.wpf-ad-topic {
        margin: 0px auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/* トピック一覧のアドセンス設定モバイル */
@media (max-width: 768px) {
    #wpforo #wpforo-wrap .wpforo-ad.wpf-ad-topic {
        margin: 0px auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/* 投稿ページのアドセンス設定PC */
@media (min-width: 768px) {
    #wpforo #wpforo-wrap .wpforo-ad.wpf-ad-post {
        margin: 0px auto 10px auto;
		padding-top: 15px;
    }
}

/* 投稿ページのアドセンス設定モバイル */
@media (max-width: 768px) {
    #wpforo #wpforo-wrap .wpforo-ad.wpf-ad-post {
        margin: 0px auto 10px auto;
		padding-top: 15px;
    }
}

#sidebar .-type-card .p-postList__title, 
.-related .p-postList__title, 
.-type-thumb .p-postList__title, 
.w-footer:not(.-col1) .p-postList__title {
    font-size: 16px;
}

.-type-card .p-postList__title, 
.-type-list .p-postList__title, 
.-type-list2 .p-postList__title {
    font-size: 16px;
}

  .-type-card.-pc-col2 .p-postList__item {
    padding: 0 .95em;
  }


/* フォーラムナビを非表示にする */
.wpforo-topic-footer.wpfbg-9 {
    display: none !important;
}

/* フォーラム下の広告との距離 */
@media (min-width: 1024px) {
    .w-pageBottom {
        padding-top: 20px; /* PC用のパディング値 */
    }
}

@media (max-width: 1023px) {
    .w-pageBottom {
        padding-top: 15px; /* モバイル用のパディング値 */
    }
}

/* トピックスターターの右マージン */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpf-post-starter {
  margin-right: 0px;
}

#wpforo #wpforo-wrap .wpforo-feed {
    display: none !important;
  }

#wpforo #wpforo-wrap #wpforo-title {
  padding: 2px 0 2px 0;
}

#wpforo #wpforo-wrap .wpf-action-link {
    display: none !important;
}

@media screen and (max-width: 768px) {
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-data {
    margin-left: 75px;
  }
}

/* PC用のスタイル (768px以上の画面幅) */
@media(min-width: 768px) {
    .w-pageTop {
        margin: 0em 0em 1em 0em; /* PC用のマージン */
    }
}

/* モバイル用のスタイル (768px以下の画面幅) */
@media(max-width: 767px) {
    .w-pageTop {
        margin: 0em 0em 0.5em 0em; /* モバイル用のマージン */
    }
}

/* 関連記事下広告 */
.l-articleBottom__section {
        margin-top: 0em;
    }

/* フッター直前との距離 */
.w-beforeFooter {
    margin: 0em auto 1em;
    overflow: hidden;
}

#wpforo #wpforo-wrap #wpforo-title {
  font-size: 25px;
}

/* 称号とバッジ */
.author-info-inline {
    display: inline-flex;
    align-items: center;
}

.author-info-inline .author-rating-full {
    margin-left: 5px; /* アイコンとタイトルの間にスペースを追加 */
}

/* サイドバー最新の投稿 */
#wpf-widget-recent-replies .wpforo-list-item-right p.posttext {
  font-size: 16px;
}

#wpf-widget-recent-replies .wpforo-list-item-right p.posttitle {
  font-size: 16px;
}

.post_content h2 {
    margin: 1em 0 2em;
}

/* 広告が見切れなくなる */
#wpforo #wpforo-wrap .wpforo-ad iframe {
    max-width: 100%;
}

#wpforo #wpforo-wrap .wpf-author-nicename {
  padding-top: 0px;
}

#wpforo .post-wrap {
  border: solid 1px #ddd !important;
  margin: 1em 0 0 !important;
}


@media (max-width: 768px) { /* モバイル用の幅を指定 */
  .wpforo-post-content-top {
    border-top: solid 1px #dcdcdc !important;
    margin-bottom: 0.3em !important;
    padding: 0px 10px 0px 0 !important;
    margin-left: 0px !important;
  }
}


#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left {
  background: none !important;
  border-top: none !important;
}

@media(min-width: 768px) {
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top {
  border-top: none !important;
}
}

@media(min-width: 768px) {
.author-avatar img {
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    }
}

/* モバイル用のスタイル (768px以下の画面幅) */
@media(max-width: 767px) {
   .author-avatar img {
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
    }
}

@media(min-width: 768px) {
#wpforo .author-avatar .avatar {
  padding: 2px !important;
  border-radius: 50% !important;
	}
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
  background: #ffffff;
  border: #e6e6e6 2px solid;
}

#wpforo #wpforo-wrap .wpf-post-starter {
  padding: 0px 5px 0px 0px;
  display: inline-block;
  line-height: 16px;
  font-size: 12px;
}



@media(max-width: 767px){
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-avatar {
    display: inline-block;
    width: 70px;
    height: 50px ;
    float: left;
    margin-right: 0px;
  }
}

@media screen and (min-width: 768px) { /* PC向けのスタイル */
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left {
    position: relative; /* 疑似要素の基準を指定 */
  }

  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left::after {
    content: "";
    position: absolute;
    top: 0%; /* 線の上部位置 */
    bottom: 0%; /* 線の下部位置 */
    right: 0;
    width: 1px; /* 右側の線の太さ */
    background-color: #dcdcdc; /* 線の色 */
  }

  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px; /* 下線の太さ */
    width: 100%; /* 下線を要素全体に広げる */
    background-color: #dcdcdc; /* 下線の色 */
  }
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post p {
  line-height: 18px;
  width: calc(100% - 0px);
  overflow: hidden;
}

@media(max-width: 767px) {
#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum .wpforo-forum-data {
  padding: 5px 10px 7px 10px;
  width: 45%;
}
	}

@media screen and (min-width: 769px) {
  #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon {
    padding: 15px 5px 15px 15px;
  }
}

.wpforo-forum {
  border-top: 1px solid #e6e6e6 !important;
  border-bottom: 1px solid #e6e6e6 !important;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-category {
  border-radius: 0 0 0px 0;
	border-bottom: #d35a6d 3px solid !important;
}

@media(max-width: 767px) {
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpforo-post-content-top .wpf-action {
  padding: 0 2px;
}
	}

@media(max-width: 767px) {
.-frame-on .l-mainContent {
  padding: 2vw;
}
	}

#wpforo #wpforo-wrap .wpf-author-nicename {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  #wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox {
    width: 47%;
	margin-left: 5px;
  }
}

#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu {
  margin: 20px 0px 20px 0px;
}

#wpforo #wpforo-wrap .wpforo-ad p {
    line-height: 0px;
}

#wpforo #wpforo-wrap .wpf-head-bar {
  padding: 10px 20px;
  border-radius: 0px 0 0 0;
  margin-bottom: 10px;
}

#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top {
  margin-bottom: 10px;
}

/* テーブルソート */
.table-sort th div {
  display:inline-block;
}

.tablesorter-headerUnSorted:after,
.tablesorter-headerAsc:after,
.tablesorter-headerDesc:after {
  display:inline-block;
  font-family: 'Font Awesome 5 Free';
  margin-left: 3px;
}

.tablesorter-headerUnSorted:after {
  content: '\f0dc';
}

.tablesorter-headerAsc:after {
  content: '\f0de';
}

.tablesorter-headerDesc:after {
  content: '\f0dd';
}

#wpforo #wpforo-wrap .wpforo-cat-panel {
  border-radius: 0 0 0px 0;
}