/*
Theme Name: Divi-child-Black
Template: Divi
*/

body {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
}


/* 子テーマで色分け：body内の背景色、テキストの色と文字の大きさ、テキストホバーの色、ホバー時のアンダーバーの追加 */
body {
    background-color: #f0f0f0; /* 背景色を指定 */
    color: #333333; /* テキストの色を指定 */
    font-size: 16px; /* テキストの文字の大きさを指定 */
}

a {
    color: #333333; /* リンクテキストの色を指定 */
    text-decoration: none; /* デフォルトでアンダーバーを消す */
}

a:hover {
    color: #ff6347; /* テキストホバー時の色を指定 */
    text-decoration: underline; /* ホバー時にアンダーバーを追加 */
}


/* h1の色と文字の大きさ */
/* 青#,赤#,黄#,緑#,桃#,黒#,#, */
h1 {
    color: #1e90ff; /* h1の色を指定 */
    font-size: 32px; /* h1の文字の大きさを指定 */
}

/* h2の色と文字の大きさ */
h2 {
    color: #444444; /* h2の色を指定 */
    font-size: 28px; /* h2の文字の大きさを指定 */
}

/* h3の色と文字の大きさ */
h3 {
    color: #555555; /* h3の色を指定 */
    font-size: 24px; /* h3の文字の大きさを指定 */
}

/* h4の色と文字の大きさ */
h4 {
    color: #666666; /* h4の色を指定 */
    font-size: 20px; /* h4の文字の大きさを指定 */
}

/* h5の色と文字の大きさ */
h5 {
    color: #777777; /* h5の色を指定 */
    font-size: 18px; /* h5の文字の大きさを指定 */
}

/* h6の色と文字の大きさ */
h6 {
    color: #888888; /* h6の色を指定 */
    font-size: 16px; /* h6の文字の大きさを指定 */
}


/* ヘッダー内の背景の色 */
.header {
    background-color: #fff; /* ヘッダーの背景色を指定 */
}

/* ヘッダー内の文字の色と文字の大きさ */
.header a, .header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
    color: #666; /* ヘッダー内の文字の色を指定 */
    font-size: 16px; /* ヘッダー内の文字の大きさを指定 */
}


/* フッター内の背景（グラデーションに設定） */
.footer {
    background: linear-gradient(to bottom, #666, #000); /* グラデーションの色と方向を指定 */
}


/* フッター内の文字の色と文字の大きさ */
.footer a, .footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    color: #ffffff; /* フッター内の文字の色を指定 */
    font-size: 16px; /* フッター内の文字の大きさを指定 */
}

/* フッター内の文字ホバー時の色、ホバー時のアンダーバーの追加 */
.footer a:hover {
    color: #333; /* フッター内の文字ホバー時の色を指定 */
    text-decoration: underline; /* ホバー時にアンダーバーを追加 */
}






/*テーブル：罫線うす灰色、左サイド濃い灰色*/

.table-scroll {
overflow: auto; /* 横スクロールバーを表示 */
white-space: nowrap; /* セル内にあるテキストの折り返しを禁止 */
}
	
.table-scroll td {
  background: #fff;
  border: 1px solid #cacaca;  
  padding: 8px;
}

.table-scroll th {
  border: 1px solid #cacaca;  
  padding: 8px;
  background: #f3f3f3;
  text-align: left;
  width: 200px;
}

.responsive-table01 {
  border-collapse: collapse;
  width: 100%;
}

.responsive-table01 td {
  background: #fff;
  border: 1px solid #cacaca;  
  padding: 8px;
}

.responsive-table01 th {
  border: 1px solid #cacaca;  
  padding: 8px;
  background: #f3f3f3;
  text-align: left;
  width: 200px;
}

@media only screen and (max-width: 800px) {
  .responsive-table01 tr,
  .responsive-table01 th,
  .responsive-table01 td {
    display: block;
    width: auto;
  }
 }

/*テーブル：罫線うす灰色、左サイド濃い灰色*/
.responsive-table02 {
  border-collapse: collapse;
  width: 100%;
  border-top: none!important;
  border-bottom: none!important;
  border: none!important;
      }

.responsive-table02 th,
.responsive-table02 td {
  border: 0px!important;
  padding: 8px;
  vertical-align: top;
}

.responsive-table02 th {
  background: #ffffff;
  text-align: center;
  vertical-align: top;
  width: 20px;
  border: 0px solid #ffffff!important;

}

@media only screen and (max-width: 800px) {
  .responsive-table02 tr,
  .responsive-table02 th,
  .responsive-table02 td {
    display: block;
    width: auto;
  }
  
  .responsive-table02 tr:first-child {
    border-top: 0px solid #ffffff!important;  
  }
  
  .responsive-table02 th,
  .responsive-table02 td {
    border-top: 0px solid #ffffff!important;  
  }
}

/*テーブル：罫線うす灰色、左サイド濃い灰色*/
.responsive-table02-2 {
  border-collapse: collapse;
  width: 100%;
}

.responsive-table02-2 th,
.responsive-table02-2 td {
  border: 0px solid #ffffff;  
  padding: 0px;
  vertical-align: top;
}

.responsive-table02-2 th {
  background: #ffffff;
  text-align: center;
  vertical-align: top;
  width: 100px;
}

@media only screen and (max-width: 800px) {
  .responsive-table02-2 tr,
  .responsive-table02-2 th,
  .responsive-table02-2 td {
    display: block;
    width: auto;
  }
  
  .responsive-table02-2 tr:first-child {
    border-top: 0px solid #ffffff; 
  }
  
  .responsive-table02-2 th,
  .responsive-table02-2 td {
    border-top: none;
  }
}

/*テーブル：罫線うす灰色、左サイド濃い灰色*/
.responsive-table03 {
  border-collapse: collapse;
  width: 100%;
}

.responsive-table03 th,
.responsive-table03 td {
  border: 1px solid #cacaca;  
  padding: 8px;
}

.responsive-table03 td {
  background: #fff;
}


.responsive-table03 th {
  background: #f3f3f3;
  text-align: left;
  width: 160px;
}

@media only screen and (max-width: 800px) {
  .responsive-table03 tr,
  .responsive-table03 th,
  .responsive-table03 td {
    display: block;
    width: auto;
  }
  
  .responsive-table03 tr:first-child {
    border-top: 1px solid #cacaca;  
  }
  
  .responsive-table03 th,
  .responsive-table03 td {
    border-top: none;
  }
}




/*ブロックの2列表示*/
.two-columns .et_pb_column {
width: 50%!important;
}
 
.three-columns .et_pb_column {
width: 33.33%!important;
}
 
.four-columns .et_pb_column {
width: 25%!important;
}
 



@media only screen and (max-width: 980px) {
.two-columns .et_pb_column {
width: 50%!important;
}
}

@media only screen and (max-width: 980px) {
.three-columns .et_pb_column {
width: 33.3%!important;
}
}

@media only screen and (max-width: 980px) {
.four-columns .et_pb_column {
width: 25%!important;
}
}


/*bbpress*/
.wpulike {
   padding: 0;
}
.fa-reply:before {
   content: "\f3e5" !important;
}
.bbpress .page__text{
   padding:20px;
}
.wp-caption-text {
    display: none;
}
.bbp-attachments, .bbp-attachments-errors {
    border-top: 0;
    margin-top: 0;
    padding: 0;
}
.bbp-breadcrumb-bbs-home{
	 padding:0 10px;
}
.page-id-987500435 .bbp-breadcrumb-bbs-home{
   color:#252525;
}
.page-id-987500435 .bbp-breadcrumb :nth-child(4),.page-id-987500435 .bbp-breadcrumb :nth-child(3){
   display:none;
}
.newtbtn {
    margin-top:30px;
}
.newtbtn {
  background: #ff7f00;
  display: block;
}
.newtbtn:after {
  display: none;
}
.newtbtn:hover {
    opacity: 0.7;
    background: #ffa500;
}

.bbpress .et_pb_section_2_tb_header{
    display:none;
}
.bbpress .row{
   margin:10px;
}

.box-board.recommend {
    background: #ddf1f2;
    border: 1px solid #3eb0ba;
}
.box-board {
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
}
.box-board .ribbon-recommend {
    background: url(http://sekaiweb.tech/wp-content/uploads/2024/06/ribbon-recommend-758539e10561c2240c7ecb192e5c2fc7a6f5ac0f2b63eb641c1e898acaab9198.png) no-repeat;
    display: block;
    height: 30px;
    position: absolute;
    top: 15px;
    left: -6px;
    width: 78px;
    z-index: 1;
}
.board-summary {
    overflow: hidden;
}
.board-summary .float-left {
    padding: 8px;
}
.float-left {
    float: left;
}
.box-board.recommend .comments-total {
    background: #fff;
    margin: 0 0 10px;
}
.board-summary .comments-total {
    color: #000;
}
.comments-total {
    background: #ededed;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px 8px 4px;
    text-align: center;
}
.comments-total {
    background: #ededed;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px 8px 4px;
    text-align: center;
}
.comments-total span {
    color: #ff3b07;
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.board-summary .float-right {
    padding: 8px 8px 8px 0;
}

.float-right p{
    margin-bottom:0;
}
.float-left p{
    line-height: 2.2em;
}
.board-summary .board-title {
    color: #555;
    font-size:14px;
}
.board-title {
    height: 82px;
}

.new {
    background: #ff3b07;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 1px 5px 0;
}
.board-category {
    display: inline-block;
    background: url(http://sekaiweb.tech/wp-content/uploads/2024/06/icon-folder-fbc7702a6c896ddbf848c80dd227ceb7e0047b3d95c7a3c3c589f79b1b2da18a.png) 7px 7px no-repeat #fff;
    background-size: 12px 10px;
    border: 1px solid #31b2b8;
    border-radius: 20px;
    color: #31b2b8;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 6px 2px 22px;
    margin-bottom: 9px !important;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	  float:right;
}
.board-summary .float-right {
    padding: 8px 8px 8px 0;
}
.attachment-post-thumbnail {
    display: none;
}
.single-topic .bbp-topic-thumbnail {
    top: 15px;
}
#bbpress-forums li.bbp-body {
    border-bottom: 0;
}

@media screen and (max-width: 768px){
.bbp-body {
    margin: auto !important;
    width: unset !important;
}
.box-board {
    margin-left:0;
}
.col-xs-12{
  padding-right: 0;
  padding-left: 0;
}}

.bbp-body {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5em;
    margin-right: -0.5em;
    justify-content: space-around;
}

.box-board-part {
    margin-bottom: 2.5em;
    margin-top: 0;
    padding: 0 0.5em;
    width: 48%;
    margin-left: 5px;
}

.board-img img {
    height: auto;
    min-height: 190px;
    max-height: 190px;
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px){
.page-id-987500435 .bbp-body,.forum .bbp-body {
    max-width: 350px;
}
.box-board-part {
    width: 100%;
    margin-left: 0;
}
#bbp_topic_title {
    width: 100%;
    max-width: 100%;
}
.widget--sidebar, .widget.hp-menu {
    padding: 1.2rem;
}}

.search-field {
    width: 75%;
}

#user_login,#user_pass,#user_email {
    min-height: 28px;
    height: 35px !important;
    padding: 8px;
    display: block;
	  width:70%;
}

div.bbp-template-notice.info {
    display: inline-block;
}
div.bbp-template-notice.info ul{
    margin-left: 0;
}
div.bbp-template-notice li, div.bbp-template-notice p {
    list-style: none;
}
.bbp-login-form label {
    width: 300px;
}

.topic .bbp-template-notice.info,.forum .bbp-template-notice.info{
   display:none;
}

.topic .bbp-body {
    display: unset;
}

.bbp-topic-nomber {
    float: right;
    padding-right: 0;
    padding-left: 10px;
}
.bbp-topic-post-date {
    float: right !important;
}
#bbpress-forums img.avatar {
    display: inline-block;
    width: 50px;
    float: left;
}
.bbp-author-link {
    padding-left: 5px;
    font-size: 14px;
    color: #999;
}

.bbp-topic-content p {
    position: relative;
    padding: 0 60px;
    top: -20px;
    margin-bottom: 0;
}

.violation {
    display: none;
}

span.bbp-reply-post-date {
    float: right !important;
}
.bbp-reply-nomber {
    float: right;
    padding-right: 0;
    padding-left: 5px;
}
.bbp-reply-content p {
    position: relative;
    padding: 0 60px;
    top: -10px;
    margin-bottom: 0;
}

div.bbp-forum-header, div.bbp-reply-header, div.bbp-topic-header, li.bbp-body div.hentry {
    padding-bottom: 0px !important;
}

.bbp-wake{
	 margin-top:15px;
}

@media only screen and (max-width: 480px){
#bbpress-forums div.bbp-reply-content p, #bbpress-forums div.bbp-topic-content p {
    margin-bottom: 0;
}
.bbp-topic-content p {
    padding-right: 10px;
}
#bbpress-forums div.bbp-reply-content p:last-child, #bbpress-forums div.bbp-topic-content p:last-child {
    margin-bottom: 0;
}
.bbp-reply-content p {
    padding-right: 10px;
}}

#bbpress-forums ul.bbp-replies {
    padding-bottom: 15px;
}

@media only screen and (min-width: 768px){
.bbpress .row {
    margin: auto;
    margin-top: 30px;
    max-width: 1290px;

}
.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
}}

@media only screen and (min-width: 48em){
.col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    padding-right: 1rem;
    padding-left: 1rem;
}
.col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    padding-right: 1rem;
    padding-left: 1rem;
}}

@media only screen and (max-width: 768){
.bbpress .row {
    width: 95% !important;
}}

.widget--sidebar, .widget.hp-menu {
    padding: 2rem;
    box-shadow: 0 5px 30px rgb(7 36 86 / 8%);
    background-color: #fff;
    border-radius: 4px;
}
.site-sidebar .widget:not(:last-child) {
    margin-bottom: 2rem;
}
@media only screen and (min-width: 1291px){
.bbpress .row {
    width: 80%;
}}

@media only screen and (min-width: 456px){
.bbp-relation-list .box-board-part {
    width: 32%;
    float: left;
}
.bbp-relation-list .board-img img {
    min-height: 140px;
    max-height: 140px;
}}

#bbp_topic_content{
  padding:10px;
}


.article__title {
    background: #fefdfc;
    border-right: solid 1px #e1e1e1;
    border-top: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
}
.txt_l {
    font-size: 1.2rem;
}
.m_normal {
    font-weight: 400;
}
.txt_xs {
    font-size: .6rem;
}

#bbp-forum-0 {
    border: solid 1px #e1e1e1 !important;
    border-radius: 0 0 3px 3px/0px 0px 3px 3px !important;
    background: #fefdfc !important;
    overflow: hidden !important;
    border-bottom: 0 !important;
}

.bbp-pagination {
    border: 1px solid #e1e1e1;
    border-top: 0;
    padding-bottom: 20px;
}

.item_box__all_list--bglink a {
    display: block;
    padding: 0 15px;
    width:100%;
}

.item_box__all_list--bglink a:hover {
    display: block;
    text-decoration: none!important;
    padding: 0 15px;
    background-color: #f0eee3;
}

.item_box__all_list_box {
    border-bottom: dotted 1px #ccc;
    padding: 8px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.item_box__all_list_title {
    display: block;
}
.item_box__all_list_right {
    float: right;
}
.txt_ss {
    font-size: .7rem;
}
.txt_color_d {
    color: #b7b0b0;
}
.txt_color_d {
    color: #b7b0b0;
}
.txt_color_b {
    color: #ff4e81;
}

.page-id-987500435 .bbp-breadcrumb {
    display: none;
}

.article_type--bg_a {
    border: solid 1px #e1e1e1;
    border-radius: 0 0 3px 3px/0px 0px 3px 3px;
    background: #fefdfc;
    overflow: hidden;
}
.mrgnbtm_20 {
    margin-bottom: 20px;
}
.item_box {
    clear: both;
    overflow: hidden;
    padding: 15px;
    position: relative;
}
.mrgnbtm_15 {
    margin-bottom: 15px;
}
.m_bold {
    font-weight: 600;
    margin-bottom: 1em;
}
.txt_s {
    font-size: .9rem;
}
.bbs_cate_wapbox li {
    display: inline-block;
    list-style: none;
}
.bbs_cate_wapbox li a {
    display: block;
    padding: 5px 10px;
    border: solid 1px #27a51c;
    color: #27a51c;
    background: #fff;
    border-radius: 3px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-right: 5px;
}
.bbs_cate_wapbox li a:hover {
    background: #27a51c;
    color: #fff;
}

#bbp-search-form {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
#bbp_search {
    width: 75.4% !important;
    padding: 8px;
}
#bbp_search_submit {
    width: 24%;
    border: 0;
    padding: 10px;
    cursor: pointer;
}

.bbp-search .bbp-body {
    display: unset;
}
#bbpress-forums div.bbp-search-form {
    float: unset;
}

#bbp-search-results {
    border: solid 1px #e1e1e1!important;
    border-radius: 0 0 3px 3px/0px 0px 3px 3px!important;
    background: #fefdfc!important;
    overflow: hidden!important;
    border-bottom: 0!important;
}

#bbp-search-results {
    padding-top: 0px !important;
}
#bbp-search-results  .item_box__all_list_box {
    padding: 8px 10px;
}

.topic .bbp-pagination {
    border: 0;
}

@media only screen and (max-width: 980px) {

.three_column .et_pb_column{
	width:50% !important;
}
}


/*画像の上にマウスを置いたときに文字を非表示に */

img[title] {
    pointer-events: none;
}




/* 英語のフォント設定 */
html[lang="en"] body, 
html[lang="en"] body h1, h2, h3, h4, h5, h6, 
html[lang="en"] .menu, 
html[lang="en"] .footer, 
html[lang="en"] .et_pb_module, 
html[lang="en"] .et_pb_text, 
html[lang="en"] .et_pb_row {
    font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
}

/* 日本語のフォント設定 */
html[lang="ja"] body, 
html[lang="ja"] body h1, h2, h3, h4, h5, h6, 
html[lang="ja"] .menu, 
html[lang="ja"] .footer, 
html[lang="ja"] .et_pb_module, 
html[lang="ja"] .et_pb_text, 
html[lang="ja"] .et_pb_row {
    font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif !important;
}

/* 繁体字中国語のフォント設定 */
html[lang="zh-Hant"] body, 
html[lang="zh-Hant"] body h1, h2, h3, h4, h5, h6, 
html[lang="zh-Hant"] .menu, 
html[lang="zh-Hant"] .footer, 
html[lang="zh-Hant"] .et_pb_module, 
html[lang="zh-Hant"] .et_pb_text, 
html[lang="zh-Hant"] .et_pb_row {
    font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important;
}

/* 簡体字中国語のフォント設定 */
html[lang="zh-Hans"] body, 
html[lang="zh-Hans"] body h1, h2, h3, h4, h5, h6, 
html[lang="zh-Hans"] .menu, 
html[lang="zh-Hans"] .footer, 
html[lang="zh-Hans"] .et_pb_module, 
html[lang="zh-Hans"] .et_pb_text, 
html[lang="zh-Hans"] .et_pb_row {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* インドネシア語のフォント設定 */
html[lang="id"] body, 
html[lang="id"] body h1, h2, h3, h4, h5, h6, 
html[lang="id"] .menu, 
html[lang="id"] .footer, 
html[lang="id"] .et_pb_module, 
html[lang="id"] .et_pb_text, 
html[lang="id"] .et_pb_row {
    font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
}

/* ベトナム語のフォント設定 */
html[lang="vi"] body, 
html[lang="vi"] body h1, h2, h3, h4, h5, h6, 
html[lang="vi"] .menu, 
html[lang="vi"] .footer, 
html[lang="vi"] .et_pb_module, 
html[lang="vi"] .et_pb_text, 
html[lang="vi"] .et_pb_row {
    font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
}