@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/*エラーのため非表示！*/
.bpress-searchbar-wrap {
  display: none;
}

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*テキスト選択不可にする*/
#content {
  user-select: text;
  /*text*/
}

.toggle-wrap {
  user-select: contain;
}

/*リセット*/
.content {
  margin-top: 10px;
  height: unset;
}

#toc {
  margin-top: 100px;
}

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

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

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

/************************************
** PCとSPの表示分け
************************************/
/************************************
** PCとSPの表示分け
************************************/
/*1stビュー画像*/
.pcview {
  display: block;
}

.spview {
  display: none;
}

.sp_slide_menu {
  display: none;
}

/* 幅1023px以下の表示
-------------------------------------*/
@media screen and (max-width: 1023px) {
  .pcview {
    display: block;
  }

  .spview {
    display: none;
  }

  .sp_slide_menu {
    display: block;
  }
}

/* 幅480px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px) {
  .pcview {
    display: block;
  }

  .spview {
    display: none;
  }

  .sp_slide_menu {
    display: block;
  }
}

/* 幅480px以下の表示
-------------------------------------*/
@media screen and (max-width: 480px) {
  .pcview {
    display: none;
  }

  .spview {
    display: block;
  }

  .sp_slide_menu {
    display: block;
  }
}

/************************************************/
/* 広告の制御 */
/************************************************/
/*============
ステマ規制文言
=============*/
.sutema {
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: smaller;
  color: #333333;
}

/*============
広告の制御
=============*/
/*ヘッダー固定広告*/
/*// この配列に合わせる
'固定ヘッダー' => 'fixed_header',
'フッター' => 'footer',
'スマホ下部メニュー上' => 'mobile_menu_top',
'サイドバー' => 'sidebar',
'コンテンツ上' => 'content_top',
'コンテンツ下' => 'content_bottom'*/

.ad_fixed_header {
  /*display: none;/*デバッグ時*/
  position: fixed;
  top: 0;
  z-index: 1;
  background-color: #DCE1DC;
  transition: transform 1s ease-out;
  width: 100%;
  /* widthを100%に設定して全幅を確保 */
  height: 25px;
  left: 0;
}

.hidden {
  transform: translateY(-100%);
}

.ad_css.fixed_header {
  font-size: small;
  padding-left: 20px;
}

.pr-txt {
  padding-right: 5px;
}

/*特定のページでは広告を非表示にする(function.phpで制御)*/
body.no-ads .ad_fixed_header {
  display: none;
}

/************************************************/
/*コンテンツ上部の重要な案内 */
/************************************************/
div.notice-information {
  background-color: bisque;
  padding: 10px 20px;
}

/************************************************/
/* 配色 */
/************************************************/
/*#container{
  background:#539785;  
  color: #ffffff;
}
#main{
  background:#fdfdfd;  
  color:#333333;
}
#sidebar{
  background:#fdfdfd; 
  color:#333333; 
}
#footer{
  background:#539785;  
}
.navi-menu-button.menu-button{
   color:#333333; 
}.entry-card-title
.search-menu-button.menu-button,.sidebar-menu-button.menu-button{
   color:#333333; 
}*/
/*ヘッダーコンテナに背景画像設定*/
#header-container.header-container {
  background-image: url("https://jewelry-craft.online/wp-content/uploads/2024/04/F31A2795__w1920xh600-min_ver2.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

/*ヘッダーコンテナのグローバルナビ部分を透過、ログインボタン表示用に修正*/
#header-container .navi {
  background-color: transparent;
  height: 110px;
}

/*ロゴ親*/
.header-container-in.hlt-top-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.header-container-in.hlt-top-menu .wrap {
  padding-bottom: 10px;
}

/*ロゴ位置調整*/
.header-container-in.hlt-top-menu .logo-image {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

/*グローバルナビ*/
#header-container #navi a {
  font-size: 14px;
}

.navi-in>ul {
  padding-top: 20px;
}

/*グローバルナビli*/
.navi-in>ul li {
  display: block;
  width: 176px;
  height: 40px;
  line-height: 40px;
  position: relative;
}

/*サブメニュー*/
ul.sub-menu .caption-wrap {
  color: #323c32;
}

/*ブログカード（上書き）*/
.blogcard {
  background: #f8e8e8;
}

.blogcard-type {
  margin-top: 100px;
}

.blogcard-type .blogcard-label {
  background-color: #cd5c5c;
}

/*関連記事*/
#related-entries {
  margin-top: 150px;
}

/*人気記事ランキング*/
.widget-entry-card-content .popular-entry-card-title {
  font-weight: bold;
}

.widget-entry-card-content .entry-card-readmore {
  color: #007aff;
}

.widget-entry-card-content .entry-card-readmore::before {
  content: " ⇒";
}

/*メンバー数と記事数*/
.all_posts_count_parent {
  margin-bottom: 0;
  font-size: 0.9em;
}

.all_posts_count {}

.all_posts_count .paid_content {
  font-weight: bold;
}

/*投稿関連記事上ウィジェットブロック*/
.under-entry-content {
  margin-top: 80px;
}

/*ウィジェット下のテキストリンク*/
.widget_caption {
  margin-top: 20px;
  text-align: right;
  padding-right: 20px;
}

/*ウィジェット内のHTML*/
.widget_include_html img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}

/*コピーライト*/
.copyright {
  margin-top: 50px;
}

/*1023px以下*/
@media screen and (max-width: 1023px) {
  #header-container .navi {
    background-color: transparent;
    height: unset;
  }

  /*ヘッダーロゴの位置を左にシフト*/
  .header-container-in.hlt-top-menu {
    align-items: baseline;
  }

  .header-container-in.hlt-top-menu .logo-header {
    max-height: 80px;
  }

  /*ヘッダーロゴ*/
  .header-container-in.hlt-top-menu .logo-header img {
    max-height: 50px;
    margin-top: 25px !important;
  }

  /*ブログカード（閲覧履歴）*/
  .related-entry.entry-card-wrap {
    padding: 0;
    margin-bottom: 0;
  }

  .related-entry.entry-card-content {
    padding-bottom: 0;
  }

  .article h4.related-entry-card-title {
    margin: 20px 0 20px 0;
    font-size: unset;
  }

  .related-entry.entry-card-snippet {
    display: block;
    padding-bottom: 30px;
  }

  /*ヘッダー広告*/
  .ad_fixed_header {
    /*display: none;/*デバッグ時*/
    position: fixed;
    top: 0;
    z-index: 1;
    background-color: #DCE1DC;
    transition: transform 1s ease-out;
    width: 100%;
    /* widthを100%に設定して全幅を確保 */
    height: 25px;
    left: unset;
  }

  .hidden {
    transform: translateY(-100%);
  }

  .ad_css.fixed_header {
    font-size: small;
    padding-left: 8px;
  }
}

/*824px以下　調整用*/
@media screen and (max-width: 824px) {

  /*ヘッダーロゴ*/
  .header-container-in.hlt-top-menu .logo-header img {
    margin-top: 55px;
  }
}

/************************************************/
/* ログインログアウト判定ボタン */
/************************************************/

/*ヘッダーのログインボタン、お知らせボタン親ブロック*/
#login-menu_parent, #info-menu_parent {
  position: inherit;
  width: 100%;
}

/*新規登録ボタン*/
#login-menu_parent .submit-menu {
  background: #c2982f;
  display: inline-block;
  position: absolute;
  left: 155px;
  top: 0;
  text-align: center;
  /*padding: 2px 50px;*/
  width: 150px;
  /*高さと幅を固定*/
  height: 25px;
  /*高さと幅を固定*/
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.9;
  margin-top: 85px;
}

#login-menu_parent .submit-menu:hover {
  opacity: 1.0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*ログインボタン*/
#login-menu_parent .login-menu {
  background: #f0a29f;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  /*padding: 2px 50px;*/
  width: 150px;
  /*高さと幅を固定*/
  height: 25px;
  /*高さと幅を固定*/
  cursor: pointer;
  text-decoration: none;
  color: #539785;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.9;
  margin-top: 85px;
}

#login-menu_parent .login-menu:hover {
  opacity: 1.0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*お知らせボタン*/
#info-menu_parent .info-menu {
  background: #c2982f;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  /*padding: 2px 50px;*/
  width: 150px;
  /*高さと幅を固定*/
  height: 25px;
  /*高さと幅を固定*/
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.9;
  margin-top: 85px;
}

#info-menu_parent .info-menu:hover {
  opacity: 1.0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*834px以下*/
@media screen and (max-width: 1023px) {

  /*ヘッダーのログインボタン、お知らせボタン親ブロック*/
  #login-menu_parent, #info-menu_parent {
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
  }

  /*新規登録ボタン*/
  #login-menu_parent .submit-menu {
    position: absolute;
    left: unset;
    right: 115px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    height: unset;
    top: 70px;
    margin-top: unset;
    width: 110px;
  }

  /*ログインボタン*/
  #login-menu_parent .login-menu {
    position: absolute;
    left: unset;
    right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    height: unset;
    top: 70px;
    margin-top: unset;
    width: 110px;
  }

  /*お知らせボタン*/
  #info-menu_parent .info-menu {
    position: absolute;
    left: unset;
    right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    height: unset;
    top: 70px;
    margin-top: unset;
    width: 130px;
  }
}


/************************************************/
/* ログインページまわり */
/************************************************/
/*ログインボタン*/
.swpm-login-submit {
  margin-bottom: 20px;
}

.swpm-login-submit input[type="submit"] {
  font-size: larger;
  color: #ffffff;
  background-color: #333333;
  padding: 20px;
}

/*新規登録ボタン*/
.swpm-join-us-link a {
  -webkit-appearance: none;
  border: 1px solid var(--cocoon-thin-color);
  color: #fff;
  background-color: #c2982f;
  padding: 9px;
  display: block;
  /* リンクをブロック要素にする */
  width: 100%;
  margin: 0;
  margin-bottom: 50px;
  cursor: pointer;
  text-align: center;
  font-size: larger;
  text-decoration: none;
}

/* ログイン情報を保存チェックボックス */
.swpm-remember-me {
  margin-left: 20px;
  /* 左から30pxのマージンを設定 */
}

.swpm-remember-checkbox input[type="checkbox"] {
  transform: scale(1.6);
  /* チェックボックスのサイズを1.5倍に拡大 */
  margin-right: 7px;
  /* 右のマージンを調整 */
}

.swpm-rember-label {
  padding-top: 7px;
  vertical-align: middle;
}

.swpm-pw-reset-submit-button.swpm-margin-top-10 input[type="submit"] {
  -webkit-appearance: none;
  border: 1px solid var(--cocoon-thin-color);
  font-size: larger;
  color: #ffffff;
  background-color: #333333;
  padding: 11px;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

/*Discordモーダルウィンドウ*/
#discord-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999 !important;
  /* ← 絶対最前面に */
  display: none;
}

#discord-modal .modal-inner {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 10% auto;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1000000 !important;
  /* 念のため中身にも */
}

.discord-modal-image-wrapper {
  margin: 15px 0;
  text-align: center;
}

.discord-modal-image {
  width: 100%;
  max-width: 300px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/*834px以下*/
@media screen and (max-width: 834px) {
  .swpm-join-us-link {
    border-radius: 5px;
  }
}

/************************************************/
/* 見出し、テキスト、リスト */
/************************************************/
/*記事カウント（有料件数はfunction.phpで）*/
div.all_posts_count_parent {
  display: inline-block;
}

div.all_posts_count {
  white-space: nowrap;
}

/************************/
/* 見出しタグ */
/************************/
.article h1, h1 {
  padding: 10px;
  margin: 30px 0 50px 0;
  color: #539785;
  font-size: 2.0rem;
}

.article h2, h2 {
  padding: 10px;
  margin: 100px 0 50px 0;
  background: #539785;
  border-radius: 3px;
  color: #fff;
  font-size: 2.0rem;
}

.bpress-wrap h2 {
  padding: 10px;
  margin: 20px 0 50px 0;
  background: #539785;
  border-radius: 3px;
  color: #fff;
  font-size: 2.0rem;
}

h2.content_bottom {
  /*コンテンツ下部（フッター上）インスタグラムfeedなど*/
  padding: 10px;
  margin: 80px 0 20px 0;
  background: transparent;
  border-radius: none;
  color: #323C32;
  font-size: 2.0rem;
  text-align: center;
}

h2.related-entry-heading {
  margin: 100px 0 50px 0;
}

.article h3, h3, .bpress-wrap h3 {
  padding: 12px;
  margin: 70px 0 50px 0;
  color: #333333;
  background: rgba(83, 151, 133, 0.3);
  border-radius: 3px;
  border: none;
}

.article h4, h4, .bpress-wrap h4 {
  padding: 10px;
  margin: 50px 0 30px 0;
  color: #333333;
  border: solid 1px #539785;
  border-radius: 3px;
}

.article h5, h5.bpress-wrap h5 {
  padding: 12px;
  margin: 30px 0 20px 0;
  color: #333333;
  border-bottom: solid 1px #539785;
}

.entry-card-title {
  padding: 10px;
  background: #539785;
  border-radius: 3px;
  color: #fff;
  font-size: 22px;
}

.attention-text {
  font-size: 0.8rem;
  padding-bottom: 15px;
  color: #6E232D;
}

/*記事本文内の画像の装飾*/
.entry-content img.alignnone, .entry-content .alignnone img {
  margin: 0;
  padding: 0;
  border: solid 2px #999999;
  /*box-shadow: 5px 5px 5px #1c0f07;*/
}

.entry-content {
  margin-top: 3em;
  margin-bottom: 3em;
}

/*記事本文内の背景あり装飾ボックス*/
.bg_box {
  background-color: #edf4f2;
  padding: 10px;
}

/*吹き出しボックス*/
div.speech-balloon a {
  font-weight: bold;
}

/*工具類のチェックリスト*/
.checklist {
  background-color: #edf4f2;
  padding: 15px;
  border-radius: 5px;
  line-height: 1.4;
}

.checklist li {
  position: relative;
  list-style-type: none;
  margin-bottom: 10px;
  padding-left: 35px;
  padding-bottom: 7px;
}

.check-item {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}

#checklist_message {
  font-weight: bold;
  color: #cd5c5c;
  background-color: #f8e8e8;
  padding: 10px;
  border-radius: 5px;
  margin-top: 15px;
  display: none;
  font-size: 1.5em;
}

#custom-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #f8e8e8;
  color: #cd5c5c;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s;
  z-index: 1000;
}

.popup-show {
  opacity: 1;
  visibility: visible;
}

/*タイトル上部に「有料コンテンツ」タグマーク*/
.paid-content-label {
  color: var(--cocoon-text-color);
  text-decoration: none;
  display: inline-block;
  margin-right: 5px;
  padding: 1px 5px;
  font-size: 12px;
  border: 1px solid var(--cocoon-x-pallid-text-color);
  border-radius: var(--cocoon-badge-border-radius);
  word-break: break-all;
  background-color: #DCE1DC;
  margin-bottom: 50px;
}

/* レスポンシブ対応のためのメディアクエリ */
@media screen and (max-width: 767px) {
  .article h1, h1 {
    padding: 10px;
    margin: 30px 0 30px 0;
    color: #539785;
    font-size: 1.2rem;
    line-height: 1.5;
  }

  .article h2, h2 {
    font-size: 1.5rem;
  }
}

/************************************************/
/* 新着情報フロントタイトルリスト */
/************************************************/

/*見出しは非表示にする*/
.info-list-caption {
  display: none;
}

.info-list-item {
  display: flex;
  /*横並びに変更*/
  flex-direction: row-reverse;
  /*前後逆に*/
  justify-content: flex-end;
  /*前後逆に*/
  padding-bottom: 0px;
  /*文字間調整*/
}

.info-list-item-categorys {
  display: none;
  /*カテゴリ消す*/
}

.info-list-item-date {
  font-size: 16px;
  /*日付大きさ*/
  margin-left: 5px;
  /*文字間調整*/
  color: green;
  /*日付文字色変更*/
}

.info-list-content {
  margin: 0px;
  /*文字間調整*/
}




/************************************************/
/* TABLE（表組み） */
/************************************************/
/* 縦スクロール時に固定する */
table {
  /*width:1800px;*/
}

table th {
  vertical-align: middle;
  padding: 0 15px;
  border: 1px solid #999999;
  background-color: #DCE1DC;
}

table td {
  vertical-align: middle;
  border: 1px solid #999999;
  background-color: #ffffff;
}

.fixed01,
.fixed02 {
  /*固定したい見出しにつける　 class="fixed01" class="fixed02" */
  position: sticky;
  top: 0;
  left: 0;
  color: #323C32;
  background: #DCE1DC;

  &:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #999999;
  }
}

.fixed01 {
  z-index: 2;
}

.fixed02 {
  z-index: 1;
}

/* 定義リストによる表組 */
.article dl.details-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: max-content auto;
  /* 1列目の幅を最大値に */
  gap: 10px;
  border: 1px solid #ddd;
  /* 全体の枠線 */
}

.article dl.details-list dt {
  font-weight: bold;
  padding: 10px;
  border-right: 1px solid #ddd;
  /* 右の列の罫線 */
  border-bottom: 1px solid #ddd;
  /* 下の行の罫線 */
}

.article dl.details-list dd {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 0;
  margin-bottom: 0;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {

  /* スクール詳細とコース詳細のリストスタイル */
  .article dl.details-list {
    grid-template-columns: 1fr;
    /* スマホでは1カラム */
  }

  .article dl.details-list dt {
    border-right: none;
    /* スマホでは右の列の罫線を消去 */
  }
}

/************************************************/
/* Discordの投稿を表示するブロック */
/************************************************/
.disco-tag-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  /* 親要素に対する相対位置を指定 */
}

.disco-tag-list li {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 3px;
  padding-top: 3px;
}

.disco-tag-list li:last-child {
  border-bottom: none;
}

.disco-tag-list li a {
  text-decoration: none;
}

.disco-tag-list li a:hover {}

.load-more-tags {
  padding: 10px;
}

/* オーバーレイスタイルの調整 */
.disco-tag-list-overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  /* オーバーレイのz-indexを調整 */
}

.disco-tag-list-overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 90;
  /* オーバーレイ背景より前に表示 */
}

.disco-tag-list-overlay ul {
  position: relative;
  z-index: 2;
}

/* オーバーレイ上のリンクスタイル */
.disco-link-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 110;
  /* リンクをオーバーレイ上に表示 */
  text-align: center;
  width: 100%;
}

.disco-exclusive-link {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  font-weight: bold;
  font-size: larger;
}

@media screen and (max-width: 768px) {
  .disco-exclusive-link {
    padding: 8px 15px;
  }
}

/************************************************/
/* ジュエリー製作アイコン */
/************************************************/
/* リセット */
.craft-icon-grid {
  display: grid;
  grid-gap: 10px;
  padding: 10px;
  background-color: #fff8ef;
  box-sizing: border-box;
}

.craft-icon-grid .article h4, .craft-icon-grid h4 {
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 0px !important;
  color: #333333 !important;
  border: none !important;
  border-radius: 0 !important;
}

/*ウィジェット内のpタグを非表示｜*/
.textwidget .craft-icon-grid p {
  display: none !important;
}

/* 各アイコンのスタイル */
.craft-icon-grid a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  text-decoration: none;
  color: #333;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}

.craft-icon-grid a:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.craft-icon-grid img {
  width: 80px;
  /* アイコンの幅 */
  height: 80px;
  /* アイコンの高さ */
  border-radius: 5px;
  object-fit: cover;
}

.craft-icon-grid h4 {
  font-size: 11px;
  margin-top: 8px;
  white-space: normal;
  /* 折り返しを許可 */
  word-wrap: break-word;
  /* 長い単語の途中で改行可能に */
  overflow: hidden;
  /* 余分なテキストを隠す */
  text-overflow: ellipsis;
  /* テキストが長い場合に省略表示 */
}

/* PC表示: 5列 */
@media (min-width: 768px) {
  .craft-icon-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* タブレットとスマホ表示: 4列 */
@media (max-width: 767px) {
  .craft-icon-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    /* スマホでは4列表示 */
    grid-gap: 8px;
    /* 列間を少し狭める */
  }

  .craft-icon-grid a {
    padding: 5px;
    /* アイコン間のスペースを減らす */
  }

  .craft-icon-grid img {
    width: 100%;
    /* 画像の幅を親要素にフィットさせる */
    max-width: 70px;
    /* 最大幅を70pxに制限 */
  }
}

/************************************************/
/* 技法アイコンからのタグページ */
/************************************************/
/*動画部分のカスタマイズ*/
.custom-aiovg-section-videos {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
  /* グリッド間の隙間を調整 */
  justify-content: center;
  /* 中央揃え */
}

.custom-aiovg-item-video {
  padding: 20px;
  /* グリッド間の隙間を調整 */
  width: calc(33.33% - 20px);
  /* PCで3列 */
}

.custom-aiovg-thumbnail {
  margin-bottom: 50px;
  /* サムネイルとタイトルの間のマージンを0に設定 */
}

.custom-aiovg-title {
  margin: 0;
  /* タイトルのマージンを0に設定 */
  padding: 0;
  /* タイトルのパディングを0に設定 */
  overflow-wrap: break-word;
  /* タイトルの折り返し */
  text-transform: lowercase;
  /* 小文字に変換 */
  font-size: 0.9em;
}

@media (max-width: 768px) {
  .custom-aiovg-item-video {
    width: calc(50% - 20px);
    /* スマホで2列 */
  }
}

/*商品部分のカスタマイズ*/
.custom-products {
  list-style-type: none;
  /* リストのドットを非表示にする */
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
  /* グリッド間の隙間を調整 */
  justify-content: center;
  /* 中央揃え */
}

.custom-product {
  padding: 20px;
  /* グリッド間の隙間を調整 */
  width: calc(33.33% - 20px);
  /* PCで3列 */
  box-sizing: border-box;
  /* パディングが含まれるように */
}

.custom-product img {
  max-width: 100%;
  /* 画像の最大幅を設定 */
  height: auto;
  /* 高さを自動設定 */
  aspect-ratio: 1 / 1;
  /* スクエアの比率を設定 */
  object-fit: cover;
}

.woocommerce-loop-product__title {
  overflow-wrap: break-word;
  /* タイトルの折り返し */
  text-transform: lowercase;
  /* 小文字に変換 */
  margin: 0;
  /* マージンを0に */
  padding: 0;
  /* パディングを0に */
  display: block;
  /* ブロック要素にすることで改行 */
  text-align: left;
  /* 左揃え */
  font-size: 0.9em;
}

.price {
  margin: 5px 0;
  /* 価格の上下マージンを設定 */
  display: block;
  /* ブロック要素にすることで改行 */
}

@media (max-width: 768px) {
  .custom-product {
    width: calc(50% - 20px);
    /* スマホで2列 */
  }

  .article ul.custom-products {
    padding-left: 0;
  }
}



/************************************************/
/* レイアウト調整 */
/************************************************/
/*googleマップ埋め込みiframe用*/
.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 75%;
  /* = height ÷ width × 100 */
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/************************************************/
/* 2列×3行のメイン導線 */
/************************************************/
/*2列×3行のメイン導線_親*/
.column-wrap_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* アイテム間に均等なスペースを確保 */
}

.column-wrap_item {
  text-align: center;
  /*margin-top: 30px;*/
  margin-bottom: 30px;
  /* デフォルトで全体の幅の1/3を占めるように設定し、余白を考慮 */
  flex: 0 0 calc(50% - 20px) !important;
  text-decoration: none;
  background-color: #fff8ef;
  padding: 30px 0 20px 0;
  border-radius: 5px;
  box-shadow: #333 1px 1px 3px;
}

.column-wrap_item:hover {
  opacity: 0.7;
}

/*2列×2行のメイン導線_親*/
.column-wrap_item_50 {
  flex-basis: calc(50% - 20px);
  /* レスポンシブ対応のための余白調整 */
  margin: 10px;
}

.column-wrap_item_50:hover {
  opacity: 0.7;
}

/*アイキャッチ*/
.eye-catch-wrap {
  margin-bottom: 50px;
}

@media screen and (min-width: 481px) {
  .new-entry-cards.fp-new-entry-cards-2collum {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    grid-gap: 50px;
  }

  .column-wrap {
    display: flex;
  }
}

/* レスポンシブ対応のためのメディアクエリ */
@media (max-width: 767px) {

  /*カラム内のアイテム*/
  .column-wrap_item {
    flex-basis: calc(50% - 20px);
  }
}

@media screen and (max-width:481px) {
  .column-wrap {
    display: block;
  }

  .column-wrap>div {
    width: 100%;
    margin: 0;
    margin-bottom: 0px;
  }

  /*ウィジェット　人気記事ランキングの上下のズレを修正*/
  .popular-entry-card-content.widget-entry-card-content.card-content {
    margin-left: 126px;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  /*ウィジェット　新着記事（2カラム）の上下のズレを修正*/
  .column-left .new-entry-card-content.widget-entry-card-content.card-content, .column-right .new-entry-card-content.widget-entry-card-content.card-content {
    margin-left: 126px;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  /*下にマージンを追加*/
  .widget-entry-cards.card-large-image .a-wrap {
    margin-bottom: 50px;
  }
}
}

/************************************************/
/* タグインデックス */
/************************************************/
/*タグクラウドCSS*/
.mytags a {
  background-color: #fff;
  border: 1px solid #e55f5a;
  border-radius: 3px;
  text-decoration: none;
  font-size: 14px;
  padding: 0 1em;
  color: #e55f5a;
  display: inline-block;
  margin: 10px;
}

.mytags a:hover {
  color: #539785;
  background-color: rgba(229, 95, 90, 0.7);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*===================================
SlickスライドCSS
===================================*/
/* Slickコンテナのサイズを調整 */
.contents-slider-class .slide {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  height: 200px;
  /* 必要に応じて高さを調整 */
  color: white;
  /* テキストの色 */
}

.contents-slider-class .slide-box {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 100%;
}

.contents-slider-class .slide h2 {
  position: absolute;
  bottom: 35px;
  right: 10px;
  /*background-color: rgba(0, 0, 0, 0.5);*/
  padding: 10px;
  margin: 0;
  height: 30px;
  text-shadow: 1px 1px 2px #333333;
  font-size: 1.0em;
  color: #ffffff;
}

.contents-slider-class .slide .slick-slide-caption {
  font-size: 0.7em;
  position: absolute;
  bottom: 5px;
  right: 10px;
  padding: 10px;
}

.slick-prev, .slick-next {
  z-index: 25;
  /* 他の要素より前に表示 */
  opacity: 1 !important;
  /* 不透明度を設定して明確に表示 */
}

.slick-prev {
  left: 10px;
  /* 左側の矢印の位置を調整 */
}

.slick-next {
  right: 10px;
  /* 右側の矢印の位置を調整 */
}

.slick-prev, .slick-next {
  z-index: 25;
  /* 他の要素より前に表示 */
  opacity: 1 !important;
  /* 不透明度を設定して明確に表示 */
}

.slick-prev {
  left: 10px;
  /* 左側の矢印の位置を調整 */
}

.slick-next {
  right: 10px;
  /* 右側の矢印の位置を調整 */
}

/* スマートフォンなどの小さい画面用 */
@media screen and (max-width: 834px) {

  /*非表示になっていたのでリセット*/
  .slick-dots {
    display: block !important;
    font-size: 10px;
    /* ドットのサイズを小さくする */
  }
}

@media screen and (max-width: 768px) {
  .contents-slider-class {
    width: 100%;
    /* コンテナの幅を100%に設定 */
    overflow: hidden;
    /* はみ出しを隠す */
  }

  .contents-slider-class .slide {
    height: auto;
    /* 高さを自動調整に設定 */
    min-height: 150px;
    /* 最小高さを設定 */
    background-size: cover;
  }

  .contents-slider-class .slide h2 {
    padding-left: 20px;
  }
}


/************************************************/
/* モバイル用 */
/************************************************/
/*スライドインメニューのバナー*/
.mmeunban-newsletter, .mmeunban-store, .mmeunban-toolrecommend, .mmeunban-paidmember, .mmeunban-podcast {
  line-height: 0;
}

.mmeunban-store {
  /*一番下のバナーに設定*/
  line-height: 0;
  margin-bottom: 20px;
}

/*font awesome*/
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
}

@media screen and (max-width: 480px) {
  .menu-content {
    max-width: 100%;
  }
}

/************************************************/
/* フッター */
/************************************************/
/*コンテンツ下部ウィジェット（カスタム投稿で非表示にならないのでCSSで制御）*/
.post-type-archive-supplyinfo #content-bottom {
  display: none;
}

.post-type-archive-compinfo #content-bottom {
  display: none;
}

.post-type-archive-schoolinfo #content-bottom {
  display: none;
}


/*コンテンツ内meta情報*/
.footer-meta {
  margin-top: 50px;
}

/*SSLサイトシール*/
.footer-bottom-siteseal {
  position: absolute;
  bottom: 0;
  left: 200px;
}

/*モバイルフッター*/
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button>a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
  background: #DCE1DC;
  color: #323C32;
}

#footer {
  margin-top: 50px;
  padding-bottom: 30px;
}

.source-org .social-membership-info {
  font-size: smaller;
  padding-top: 30px;
}

.listing-reffer {
  margin-top: 30px;
}

.listing-reffer a {
  text-decoration: none;
}

/*特別協賛*/
.special-sponsorship {
  display: block;
  width: 85%;
  margin: 0 auto;
}

.special-sponsorship h6 {
  padding: 12px;
  color: #333;
  border-bottom: solid 1px #539785;
  font-size: 1.3em;
  text-align: center;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.special-sponsorship .special-sponsorship-parent {
  display: block;
  text-align: right;
}

.special-sponsorship .special-sponsorship-pr {
  display: inline-block;
  font-size: 0.8em;
}

.special-sponsorship .special-sponsorship-info {
  display: inline-block;
  font-size: 0.8em;
}

/* 画面サイズが768px以下の場合に2カラムに */
@media only screen and (max-width: 1023px) {
  #footer {
    margin-top: 50px;
    padding-bottom: 80px;
  }

  /*SSLサイトシール*/
  .footer-bottom-siteseal_parent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    bottom: 0;
  }

  .footer-bottom-siteseal {
    position: absolute;
    bottom: -65px;
    left: unset;
  }
}

/************************************
*各ツール紹介アイコン
************************************/
.calculator-tool.column-wrap_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* アイテム間に均等なスペースを確保 */
}

.calculator-tool .column-wrap_container.column2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /* アイテム間に均等なスペースを確保 */
}

.calculator-tool .column-wrap_item {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  /* デフォルトで全体の幅の1/3を占めるように設定し、余白を考慮 */
  flex: 0 0 calc(33.333% - 20px);
  margin-bottom: 40px;
  /* アイテム間の下マージン */
  text-decoration: none;
  background-color: #fff8ef;
  padding: 30px 0 20px 0;
  border-radius: 5px;
  box-shadow: #333 1px 1px 3px;
}

.calculator-tool .column-wrap_item.column2 {
  flex: 0 0 44%;
  /* コンテナの50%の幅を占めるように設定 */
}

.calculator-tool .column-wrap_item .fa {
  font-size: 30px;
  color: #323c32;
}

.calculator-tool .column-wrap_item a {
  text-decoration: none;
  color: #323c32;
}

.calculator-tool .column-wrap_item_child {}

.calculator-tool h4, .bpress-wrap h4 {
  margin: 0;
  border: none;
}

.calculator-tool .column-wrap_item_child h4 {
  margin: 0 !important;
  border: none !important;
}

.calculator-tool .column-wrap_item .icon_label {
  font-size: 12px;
}

/* メディアクエリを使用して、モバイルビューでのスタイルを調整 */
@media (max-width: 768px) {

  /* 768px以下のビューポート幅で適用 */
  .calculator-tool .column-wrap_item {
    /* モバイルビューでは全体の幅の1/2を占めるように設定し、余白を考慮 */
    flex: 0 0 calc(46% - 20px) !important;
  }

  .calculator-tool .icon_label span {
    display: block;
    /* <span>タグをブロック要素として扱い、新しい行に表示する */
  }
}

/************************************************/
/* 会員登録ブロック */
/************************************************/
/*表*/
.swpm-registration-widget-form table td {
  background-color: #edf4f2;
}

/*メンバー区分を目立たせる*/
.swpm-registration-widget-form table td:last-child {
  font-size: 20px;
}

/*ショートコード「member_discrimination」*/
.member_discrimination {
  position: relative;
  margin-bottom: 100px;
}

/*オプトイン*/
.swpm-margin-top-10 {
  border-radius: 3px;
  font-weight: bold;
}

/*オプトインメッセージ*/
.swpm-post-not-logged-in-msg, .swpm-more-tag-not-logged-in {
  background-color: #f8e8e8;
  color: #323c32;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 30px;
  font-size: 16px;
  border: solid 2px #cd5c5c;
}

.swpm-post-not-logged-in-msg a {
  font-weight: bold;
}

/*オプトインの見出し｜cta-box__big-heading */
.cta-box__big-heading {
  font-size: 60px;
  margin-top: 150px;
  margin-bottom: 100px;
  text-align: center;
}

/*オプトイン上部のワクワク感スラッシュなし｜big-cta-box__btn-text */
.cta-box__btn-text {
  text-align: center;
  color: #cd5c5c;
  font-size: 20px;
  margin-bottom: 10px;
  position: relative;
}

/*オプトイン上部のワクワク感｜big-cta-box__btn-text */
.big-cta-box__btn-text {
  text-align: center;
  color: #cd5c5c;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
}

.big-cta-box__btn-text::before, .big-cta-box__btn-text::after {
  content: '';
  display: block;
  width: 2px;
  height: 32px;
  background-color: #cd5c5c;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.big-cta-box__btn-text::before {
  transform: rotate(-35deg);
  left: -240px;
}

.big-cta-box__btn-text::after {
  transform: rotate(35deg);
  right: -240px;
}

/*オプトイン下部のキャンセルOKテキスト */
.big-cta-box__btn-undertext {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  position: relative;
}

/* 画面サイズが768px以下の場合に2カラムに */
@media only screen and (max-width: 768px) {

  /*オプトインの見出し｜cta-box__big-heading */
  .cta-box__big-heading {
    font-size: 30px;
    margin-top: 150px;
    margin-bottom: 50px;
    text-align: center;
  }

  /*オプトイン上部のワクワク感スラッシュなし｜big-cta-box__btn-text */
  .cta-box__btn-text {
    text-align: center;
    color: #cd5c5c;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
  }
}

/*無料→有料メンバーオプトイン*/
.swpm-post-no-access-msg, .swpm-more-tag-restricted-msg, .swpm-comment-no-access-msg {
  background-color: #f8e8e8;
  color: #323c32;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 30px;
  font-size: 16px;
  border: solid 2px #cd5c5c;
  border-radius: 3px;
}

.article .swpm-post-no-access-msg p {
  font-weight: bold;
  margin-bottom: 0;
}

.MembershipInfo-paid {
  display: block;
  border: solid 1px #6E232D;
  background-color: #DCE1DC;
  padding: 30px 10px 30px 10px;
  margin-top: 80px;
  margin-bottom: 50px;
  font-size: 1.5rem;
  text-align: center;
}

.MembershipInfo {
  display: block;
  border: solid 1px #6E232D;
  background-color: #DCE1DC;
  padding: 30px 10px 30px 10px;
  margin-top: 80px;
  margin-bottom: 50px;
  font-size: 1.5rem;
  text-align: center;
}

/*グラデーション(途中)*/
.gradation_member {
  width: 100%;
  font-size: 1.5em;
  background: linear-gradient(#000, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*見出し*/
.swpm-form-builder .swpm-legend h3 {
  border-left: none;
  background: transparent;
  border-radius: 0;
}

/*プロフィール欄の非表示*/
.swpm-profile-country-row,
.swpm-profile-firstname-row,
.swpm-profile-lastname-row,
.swpm-profile-phone-row,
.swpm-profile-street-row,
.swpm-profile-city-row,
.swpm-profile-state-row,
.swpm-profile-zipcode-row {
  display: none;
}

/*メンバー登録フォーム差し込みメッセージ（function.phpで制御）*/
div.registration_message_parent {
  margin-top: 40px;
}

div.registration_message_parent .registration_message {
  font-size: 16px;
  margin-bottom: 10px;
}

div.registration_message_parent .registration_message.message {
  color: #c2982f;
}

div.registration_message_parent .registration_message.small_font {
  padding: 20px 0;
  font-size: 12px;
}

/*記事直下のメンバー登録フォーム差し込みメッセージ（/tmpcontent.phpで制御）*/
.nomember-alert-articles {
  position: relative;
  border: solid 1px #6E232D;
  background-color: #DCE1DC;
  padding: 30px 10px 30px 10px;
  margin-top: 50px;
  margin-bottom: 200px;
}

/*.nomember-alert-articles.sticky {
  position: fixed;
  top: 0;
  z-index: 1000;
  border: solid 1px #6E232D;
  background-color: #DCE1DC;  
  padding: 30px 10px 30px 10px;
  margin: 0; 
}*/
/*エラーメッセージ*/
body .formError .formErrorArrow div {
  background: #cd5c5c;
}

body .formError .formErrorContent {
  background: #cd5c5c;
}

body #swpm_message {
  /*color:initial;*/
}

body #swpm_message .message {
  color: #323c32;
}

/*ログイン情報を保存ブロック*/
.swpm-remember-me {
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: larger;
}

/*ログインボタン*/
.swpm-login-submit input[type="submit"] {
  font-size: larger;
}

/*開発用　プロフィール画面にニックネームを追加して、bbpress等他のエージで表示させる（Wordpress 参考にする）*/
.swpm-profile-company-row {
  display: none;
}

/*開発用　プロフィール画面にアバター変更アップロード テーマ内\simple-membership\edit.php*/
.swpm-profile-avatar-row {
  display: none;
}

/*パスワード忘れた場合のページの妙なブロックを非表示*/
.swpm-before-login-submit-section.swpm-margin-top-10 {
  display: none;
}

/*ログインログアウト親ブロック*/
.member_login_info {
  margin-top: 30px;
}

/*ログインログアウト*/
span.member_login_check a {
  text-decoration: none;
}

/*コメント*/
#comment-area {
  display: none;
}

/************************************
** woo commerce　wooコマース
************************************/
/*-----------------------------------
アーカイブページ
-----------------------------------*/
/*カートに入れるボタンを非表示化*/
.woocommerce ul.products li.product .button {
  display: none;
}

/**/
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  font-size: 0.9em !important;
}

/*価格*/
.woocommerce ul.products li.product .price {
  color: #b3af54;
}

/*-----------------------------------
シングルページ
-----------------------------------*/
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  font-size: 2.0em;
}

/*記事からのリンク*/
.product_link_text {
  font-weight: bold;
  background: #DCE1DC;
  padding: 10px;
  margin: 20px 10px;
  display: inline-block;
  margin-bottom: 100px;
}

/*ページネーション*/
.woocommerce-pagination .page-numbers {
  height: auto;
  width: auto;
}

/*数量がない場合でも高さを確保*/
.product-quantity .quantity {
  min-height: 20px !important;
  /* ここに適切な高さを設定します */
}

/*意味不明アイコンを非表示*/
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  display: none;
}

/*かごに入れるボタン*/
.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: right;
  margin-right: 20px;
}

/*お気に入りに追加*/
.yith-wcwl-add-to-wishlist {
  margin-top: 10px;
  text-align: right;
  padding-right: 20px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
  background-color: #FFD814;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 2px 5px 0 rgba(213, 217, 217, .5);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
  background-color: #FFD814;
  color: #333333;
  opacity: 0.7;
  transition: .3s ease-in-out;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: .618em 1em;
  font-weight: 700;
  border-radius: 3px;
  left: auto;
  color: #ffffff;
  background-color: #333333;
  border: 0;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  color: #ffffff;
  background-color: #333333;
  opacity: 0.7;
  transition: .3s ease-in-out;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]:hover {
  color: #ffffff;
  background-color: #333333;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled] {
  color: #ffffff;
  background-color: #333333;
}

.member_discrimination-checout {
  margin: 20px 10px 0 10px;
  font-size: 0.8em;
  background-color: #bdbdbd;
  padding: 10px;
}

/*YITH WooCommerce Wishlist*/
.wishlist-title {
  display: none;
}

/*価格が変更されるとセールアイコン*/
.woocommerce span.onsale {
  min-height: 3.236em;
  min-width: 3.236em;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 3.236;
  top: -.5em;
  left: -.5em;
  margin: 0;
  border-radius: 100%;
  background-color: #77a464;
  color: #fff;
  font-size: .857em;
  z-index: 9;
}

/*見出しをリセット*/
.woocommerce .article h2 {
  padding: 10px;
  margin: 100px 0 50px 0;
  background: none;
  border-radius: none;
  color: initial;
}

.woocommerce .article h3 {
  padding: 12px;
  margin: 0px 0 50px 0;
  background: none;
  border-radius: none;
  color: initial;
  border-left: none;
  border-color: transparent;
}

/*タブを非表示*/
.woocommerce-tabs.wc-tabs-wrapper #toc, .woocommerce-tabs.wc-tabs-wrapper ul {
  display: none;
}

/*カテゴリーとメタ情報*/
.product_meta {
  margin-top: 50px;
}

/*決済アイコン*/
.icon-set {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.icon-set img {
  width: 35px;
  /* Adjust size as needed */
  margin: 2px;
  /* Space between icons */
}

/*カートボタン表示*/
.cart_button_parent {
  position: relative;
  width: 100%;
  text-align: right;
  margin-bottom: 50px;
}

/* WooCommerceバージョン 8.6.1で4カラムが機能しなくなったため独自設定 */
/* 全体のラッパーにFlexboxを適用 */
ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* 要素間の間隔を均等に */
}

/* 各商品のデフォルトスタイル（4カラム） */
ul.products li.product {
  flex: 0 0 calc(25% - 10px);
  /* flex-basisを25%から余白分を引いた値に設定 */
  margin-bottom: 20px;
  /* 下余白を追加 */
  display: flex;
  /* Flexboxを適用 */
  flex-direction: column;
  /* 子要素を縦方向に配置 */
  justify-content: space-between;
  /* コンテンツを上下に均等に分散 */
}

/* 「お買い物カゴに追加」ボタン */
ul.products li.product .ajax_add_to_cart {
  margin-top: auto;
  /* 上部に自動でマージンを設定し、下部に寄せる */
}

/*お気に入りのタイトル編集を非表示*/
.wishlist-title-container .hidden-title-form {
  display: none;
}

.wishlist-items-wrapper .product-thumbnail img {
  max-width: 150px;
  height: auto;
}

/**/
.woocommerce .single-product .wc-tabs-wrapper table {
  max-width: 300px !important;
}

/* 画面サイズが768px以下の場合に2カラムに */
@media only screen and (max-width: 768px) {
  .wishlist_table.wishlist_view.responsive.mobile .product-thumbnail img {
    max-width: 150px;
    height: auto;
  }

  ul.products li.product {
    flex: 0 0 calc(50% - 10px);
    /* flex-basisを50%から余白分を引いた値に設定 */
  }

  .icon-set img {
    width: 30px;
    /* Smaller size for smaller screens */
  }
}


/************************************
** アフィリエイト用
************************************/
.affillate_btn, .mailmagazine_btn {
  display: inline-block;
  text-align: center;
  margin: 1.5em 1.0em;
  padding: 1.2em 1.8em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
  color: #FEFFFD;
  background-color: #2bb94c;
  vertical-align: middle;
  transition: .3s ease-in-out;
  text-decoration: none !important;
  font-weight: bolder;
  font-size: larger;
}

.affillate_btn:hover, .mailmagazine_btn:hover {
  transition: 0.5s;
  color: rgb(0, 0, 0, 1.0);
  opacity: 0.7;
}

/**CVを伴わないボタン　**/
.action_btn {
  display: inline-block;
  text-align: center;
  margin: 1.5em 1.0em 0 1.0em;
  padding: 1.2em 1.8em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
  color: #FEFFFD;
  background-color: #2bb94c;
  vertical-align: middle;
  transition: .3s ease-in-out;
  text-decoration: none !important;
  font-weight: bolder;
  font-size: larger;
}

.action_btn:hover {
  transition: 0.5s;
  color: rgb(0, 0, 0, 1.0);
  opacity: 0.7;
}

/************************************************/
/* コミュニティ　更新情報の見え方 */
/************************************************/
.com_entry-card-thumb {
  width: 320px;
}

.com_entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb, .new-entry-card-thumb {
  margin-right: 1.6%;
}

.com_entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb {
  float: left;
  margin-top: 3px;
  position: relative;
}

.com_entry-card-content {
  margin-left: 330px;
}

.com_entry-card-content, .related-entry-card-content {
  padding-bottom: 1.2em;
}

@media screen and (max-width: 480px) {
  .com_entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb, .new-entry-card-thumb {
    margin-right: 0;
  }

  .com_entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb {
    float: unset;
    margin-top: 3px;
    position: relative;
  }

  .com_entry-card-thumb {
    width: 100%;
  }

  .com_entry-card-content {
    margin-left: 0;
  }

  .community.related-entry.entry-card-wrap {
    padding: 0;
    /*margin-bottom: 80px;*/
  }
}

/************************************************/
/* ユーザー */
/************************************************/
/* プロフィール写真のスタイル */
.author-thumb img {
  width: 100px;
  /* 幅を固定 */
  height: 100px;
  /* 高さを固定 */
  border-radius: 50%;
  /* 丸くする */
  object-fit: cover;
  /* アスペクト比を維持しつつコンテナに収める */
}

/* スマホ向けのレスポンシブ対応 */
@media (max-width: 768px) {
  .author-thumb img {
    width: 80px;
    /* スマホでは幅を少し小さくする */
    height: 80px;
    /* 高さもそれに合わせて変更 */
  }
}

/*寄稿者プロフィール写真ギャラリー*/
/* 寄稿者プロフィール写真ギャラリーのスタイル */
.contributors-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* 中央寄せ */
  gap: 50px;
  /* 各写真の間隔を調整 */
  padding: 20px;
  /* ギャラリー全体の余白 */
}

.contributor {
  display: inline-block;
}

.contributor img {
  border-radius: 50%;
  /* 丸くする */
  width: 100px;
  height: 100px;
  object-fit: cover;
  /* 画像の比率を維持しつつ中央で切り取る */
  transition: transform 0.3s ease;
  /* ホバー時のアニメーション */
}

.contributor img:hover {
  transform: scale(1.1);
  /* ホバー時に少し拡大する */
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .contributors-gallery {
    gap: 30px;
    /* スマホでは間隔を少し狭く */
  }

  .contributor img {
    width: 80px;
    height: 80px;
  }
}


/************************************************/
/* 記事の投稿 */
/************************************************/
/*記事の記録[usp_remember]を常時機能させ、表示を非表示*/
/*.usp-remember.usp-input.usp-input-remember,
.usp-pro .usp-label-remember{
  display: none !important;
}*/
/* 見出しH1をCSSで非表示化 */
.mce-menu-item .mce-text[aria-label="見出し1"] {
  display: none;
}

/************************************************/
/* 動画アーカイブ */
/************************************************/
/*字幕*/
video::cue {
  padding: 3px;
  font-size: 20px;
  /*デフォルトのフォントサイズだと小さいので大きくしました*/
}

/*サムネイルジェネレーター（動作不安定のため非表示）*/
#aiovg-thumbnail-generator {
  display: none;
}

/*動画が表示されなくなるケースがあるため非表示*/
#aiovg-field-image {
  display: none;
}

/*下書きが公開になってしまうため非表示*/
.aiovg-button.aiovg-button-draft {
  display: none;
}

/*動画を投稿リンク*/
.video-form-link {
  position: relative;
  display: block;
}

/*動画を投稿リンク内のテキスト*/
.video-form-link .video-management {
  padding-top: 0;
}

/*動画を投稿ボタン*/
.aiovg-button.aiovg-responsive-button.video-form-link {
  display: inline-block;
  text-align: center;
  padding: 1.2em 1.8em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
  color: #FEFFFD;
  background-color: #2bb94c;
  vertical-align: middle;
  transition: .3s ease-in-out;
  text-decoration: none !important;
  font-weight: bolder;
  font-size: larger;
}

@media (min-width: 321px) and (max-width: 480px) {

  /*カラム調整*/
  .aiovg-col-xs-2 {
    width: 100% !important;
  }
}

/************************************************/
/* ナレッジベース */
/************************************************/
/*リセット*/
.bpress-wrap {
  padding: 0;
}

.bpress-wrap * {
  box-sizing: border-box;
  line-height: 1.8;
  letter-spacing: normal;
}

/*目次周り*/
.bpress-article-content .toc {
  border: 1px solid #ccc;
  font-size: .9em;
  padding: 1em 1.6em;
  display: table;
  margin-bottom: 80px;
}

/*見出し*/
.bpress-wrap .bpress-product-title.bpress-kb-title {
  border: none;
}

.bpress-wrap button.bpress-btn.bpress-btn-product.bpress-btn-kb {
  display: none;
}

.bpress-wrap h3.bpress-product-title.bpress-kb-title,
.bpress-main h2.bpress-section-title {
  background: transparent;
}

/*引用*/
.bpress-article-content blockquote {
  margin-top: 50px;
}

/*MathJax*/
div.MathJax_Display {
  /*見切れた部分は画像にして対応する事にした*/
  /*overflow-x:scroll ;
  overflow-y: hidden;
  padding-bottom: 20px;*/
}

/*1023px以下*/
@media screen and (max-width: 1023px) {}

/*834px以下*/
@media screen and (max-width: 834px) {}

/*480px以下*/
@media screen and (max-width: 480px) {}

/************************************************/
/* 管理画面調整用 */
/************************************************/
/*見出し*/
h2.components-panel__body-title, h2.hndle.ui-sortable-handle {
  background: none;
  border-radius: none;
}

/*アカウント削除ページの「戻る」ボタン*/
.wp-die-message p {
  display: inline-block;
  text-align: center;
  margin: 1.5em 1.0em;
  padding: 1.2em 1.8em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
  color: #FEFFFD;
  background-color: #2bb94c;
  vertical-align: middle;
  transition: .3s ease-in-out;
  text-decoration: none !important;
  font-weight: bolder;
  font-size: larger;
}

/************************************************/
/* フォーラム */
/************************************************/
/*見出し*/
div#bbpress-forums a.bbp-topic-permalink::before {
  content: '\f15c';
  margin-right: 3px;
}

/**/
div.bbp-template-notice.info {
  border: #cee1ef 1px solid;
  background-color: #f0f8ff;
  margin-bottom: 50px;
}

/*トピック作成フォーム*/
div.bbp-topic-form {
  margin-top: 80px;
}

/*ページネーション*/
.bbp-pagination {
  font-size: 10px;
}

/*Add another fileを消す*/
.d4p-attachment-addfile {
  display: none;
}

/*写真をアップロードコンテナ*/
#bbpress-forums fieldset.bbp-form {
  margin-top: 50px;
}

/*投稿エリア*/
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  font-size: 16px;
}

/*トピック内見出し*/
#bbpress-forums div.bbp-reply-content h6 {
  font-size: 12px;
}

/*Cocoonコンテンツの差し込み*/
.single-forum-cocoon {
  margin-top: 50px;
  margin-bottom: 50px;
}

/*フォーラムフッターの余計な空白部分を非表示*/
footer.article-footer.entry-footer {
  /*display: none;*/
}

/*お気に入りを非表示*/
#bbpress-forums #favorite-toggle {
  display: none;
}

/*筆者情報が消えているので表示*/
.no-post-date .post-date, .no-post-update .post-update, .no-post-author .author-info {
  display: block;
}

#author_box-3 {
  margin-top: 80px;
  margin-bottom: 80px;
}

/*コンテンツ*/
.author-content {
  margin-left: 130px;
  font-size: 0.8em;
}

/************************************************/
/* buddypress */
/************************************************/
/*グループ名の見出しを非表示*/
.buddypress-wrap .profile.public .profile-group-title,
.profile.edit .screen-heading.profile-group-title.edit {
  display: none;
}

/*公開プロフィール(profile.phpで定義.public_profile)*/
.public_profile {
  margin-bottom: 50px;
}

.public_profile .profile-group-title,
.public_profile h2 {
  display: none;
}

/*ニックネームの値が表示されないので、最初の1行を非表示*/
.buddypress-wrap .bp-tables-user tbody tr:first-child {
  display: none;
}

/*カスタムフィールドを非表示*/
.buddypress-wrap .profile.edit .editfield.field_3,
.buddypress-wrap .profile.edit .editfield.field_4,
.buddypress-wrap .profile.edit .editfield.field_5 {
  display: none;
}

/*カバーイメージ*/
#header-cover-image {
  height: 225px;
  /* 適切な高さを設定 */
  background-size: cover;
  background-position: center;
}

/*プロフィールタイトル*/
.buddypress-wrap .item-body .screen-heading {
  margin-top: 50px;
}

/*「RSS」を非表示*/
#activity-rss-feed {
  display: none;
}

/*「公開メッセージ」を非表示*/
#post-mention {
  display: none;
}

/*不要な設定メニューを非表示*/
#data-personal-li,
/*データをエクスポート*/
#delete-account-personal-li,
/*アカウントを削除*/
#profile-personal-li

/*プロフィール公開状態*/
  {
  display: none;
}

/*更新を投稿を非表示*/
.activity-update-form {
  display: none;
}

/*アクティビティ内の非表示項目*/
a.button.acomment-reply.bp-primary-action.bp-tooltip {
  /*コメント*/
  display: none;
}

a.button.fav.bp-secondary-action.bp-tooltip {
  /*お気に入り*/
  display: none;
}

/*フォーラム内の非表示項目*/
#engagements-personal-li {
  /*エンゲージメント*/
  display: none;
}

#favorites-personal-li {
  /*お気に入り*/
  display: none;
}

/*お知らせCSS*/
#memberinfo {
  background-color: #edf4f2;
  padding: 20px 10px 20px 10px;
}

#memberinfo-inner {}

#memberinfo #memberinfo-inner ul li {
  margin-bottom: 50px;
  border-bottom: dotted 1px #333333;
}

/************************************************/
/*mailpoet*/
/************************************************/
/*購読管理画面*/
/*アカウント変更へのリンク*/
.mailpoet-change-email-info {
  display: none;
}

/*氏名のラベル*/
label.mailpoet_text_label {
  display: none;
}

/*氏名のフォーム*/
input.mailpoet_text {
  display: none;
}

/*購読ステータス*/
select.mailpoet_select {
  margin-bottom: 50px;
}

/*保存ボタン*/
input.mailpoet_submit {
  margin-top: 50px;
}

/**/
label.mailpoet_segment_label {
  margin-right: 20px;
}

input.mailpoet_checkbox {
  margin-left: 10px;
}

/*購読フォームのテキストを表示*/
.mailpoet_form_hide_on_success input.mailpoet_text,
.mailpoet_form_hide_on_success label.mailpoet_text_label {
  display: block;
}

/*アラートメッセージ*/
#mailpoet_captcha_form .mailpoet_validate_success {
  margin-top: 80px;
  margin-bottom: 80px;
  color: #cd5c5c;
}

/*ボタンのカスタマイズ*/
input.mailpoet_submit {
  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
}

/************************************************/
/*mailpoet*/
/************************************************/
/*検索フォーム*/
#searchform {
  /* 検索フォームのスタイル */
}

#searchform input[type="text"] {
  /* テキスト入力フィールドのスタイル */
}

#searchform input[type="submit"] {
  /* 送信ボタンのスタイル */
}



/************************************
** CTAボタン
************************************/
/*メンバー特典ページ*/
.cta_area {
  width: 100%;
  text-align: center;
}

.upper_cta_comment {
  font-size: 14px;
  margin: 0;
  color: #cd5c5c;
}


/*CTA直前を透明グラデーション化*/
.tile {
  position: relative;
}

.tile::before {
  content: "";
  position: absolute;
  top: -250px;
  left: 0;
  width: 100%;
  height: 250px;
  background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 150px);
  pointer-events: none;
}

/*Cocoonの既存ボタンに影を付ける*/
.btn.btn-pink.btn-m {
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
}

/*セールスページへのボタン*/
.cta_btn, .cta_btn_tob {
  display: inline-block;
  text-align: center;
  margin: 1.5em 1.0em;
  padding: 1.2em 1.8em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
  color: #fff;
  background-color: #7FC45D;
  vertical-align: middle;
  transition: .3s ease-in-out;
  text-decoration: none !important;
  font-weight: bolder;
  font-size: larger;
}

.cta_btn:hover, .cta_btn_tob:hover {
  transition: 0.5s;
  opacity: 0.7;
}

/*LPへのCTA（ページ下部）*/
.member_discrimination .cta_btn {
  display: inline-block;
  text-align: center;
  margin: 0.5em 1.0em;
  padding: 0.5em 1.8em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
  color: #fff;
  background-color: #7FC45D;
  ;
  vertical-align: middle;
  transition: .3s ease-in-out;
  text-decoration: none !important;
  font-weight: bolder;
  font-size: 30px;
}

/*BtoB 通常CTAボタン：ゴールド*/
.button-offer {
  display: inline-block;
  text-align: center;
  margin: 1.5em 1.0em;
  padding: 1.2em 1.8em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
  color: #fff;
  background-color: #c2982f;
  vertical-align: middle;
  transition: .3s ease-in-out;
  text-decoration: none !important;
  font-weight: bolder;
  font-size: larger;
}

.button-offer:hover {
  transition: 0.5s;
  opacity: 0.7;
}

/*BtoB 通常CTAボタン：グリーン*/
.button-offerg {
  display: inline-block;
  text-align: center;
  margin: 1.5em 1.0em;
  padding: 1.2em 1.8em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
  color: #fff;
  background-color: #7FC45D;
  vertical-align: middle;
  transition: .3s ease-in-out;
  text-decoration: none !important;
  font-weight: bolder;
  font-size: larger;
}

.button-offerg:hover {
  transition: 0.5s;
  opacity: 0.7;
}

/*480px以下*/
@media screen and (max-width: 480px) {

  /*LPへのCTA（ページ下部）*/
  .member_discrimination .cta_btn {
    display: inline-block;
    text-align: center;
    margin: 0.5em 1.0em;
    padding: 0.5em 1.8em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
    color: #fff;
    background-color: #7FC45D;
    vertical-align: middle;
    transition: .3s ease-in-out;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: 20px;
  }

  /*セールスページへのボタン*/
  .cta_btn, .cta_btn_tob {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 1.2em 1.2em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
    color: #fff;
    background-color: #7FC45D;
    vertical-align: middle;
    transition: .3s ease-in-out;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: 1.0em;
    width: 100%;
    max-width: 300px;
  }

  .cta_btn:hover, .cta_btn_tob:hover {
    transition: 0.5s;
    opacity: 0.7;
  }

  /*通常CTAボタン：ゴールド*/
  .button-offer {
    display: inline-block;
    text-align: center;
    margin: 1.5em 1.0em;
    padding: 1.2em 1.2em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
    color: #fff;
    background-color: #c2982f;
    vertical-align: middle;
    transition: .3s ease-in-out;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: larger;
  }

  .button-offer:hover {
    transition: 0.5s;
    opacity: 0.7;
  }

  /*通常CTAボタン：グリーン*/
  .button-offer {
    display: inline-block;
    text-align: center;
    margin: 1.5em 1.0em;
    padding: 1.2em 1.2em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgb(0, 0, 0, 0.3), 0 2px 3px -2px rgb(0, 0, 0, 0.3);
    color: #fff;
    background-color: #7FC45D;
    vertical-align: middle;
    transition: .3s ease-in-out;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: larger;
  }

  .button-offer:hover {
    transition: 0.5s;
    opacity: 0.7;
  }
}

/************************************
** Social Feed Gallerly
************************************/
/*オーバーフローするため調整*/
.insta-gallery-feed, .qligg-mfp-wrap {
  overflow-x: hidden;
}

/************************************
** エラーや改善を指摘
************************************/
.errimpvsuggestions_parent {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  text-align: right;
}

.errimpvsuggestions {}

.errimpvsuggestions p {
  font-size: 0.8em;
}


/************************************
*BASEPRESS
************************************/
/**/
.bpress-wrap {}

.bpress-wrap dd {
  margin-left: 20px;
  margin-bottom: 20px;
}

/************************************
*イベント　The Events Calendar
************************************/
/*画像にキャプション*/
.event-img-caption {
  padding-bottom: 80px;
}

/**/
dt.tribe-events-event-cost-label {
  display: none !important;
}

.tribe-events-calendar-month__body h3 {
  background-color: transparent;
}

/************************************
*メディア
************************************/
/**/
.bp-navs ul li#media-personal-li {
  display: none;
}

/*画像を横スクロールで見れるようにするHTML*/
/*親*/
.scrollable-gallery {
  display: flex;
  overflow-x: auto;
  padding: 10px;
  background-color: #edf4f2;
}

.scrollable-gallery .scrollable-gallery-item {
  flex: 0 0 auto;
  margin-right: 10px;
  /* 画像間の余白を調整 */
  height: 480px;
}

.scrollable-gallery .scrollable-gallery-item img {
  height: 360px;
  /* PCの場合の高さ */
  width: auto;
  /* 幅は自動に設定 */
  object-fit: contain;
  /* 画像が自然にスケーリングされるように */
}

/* メディアクエリを使用して、スマートフォンやタブレットの画面幅に応じてスタイルを適用 */
@media screen and (max-width: 768px) {
  .scrollable-gallery .scrollable-gallery-item img {
    height: auto;
    /* スマートフォンやタブレットでは高さを100%に設定 */
  }
}

/************************************
*Cocoon SNSシェアボタン
************************************/
/*---SNSボタンを丸くする---*/
#main .button-caption {
  display: none;
  /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message {
  font-weight: bold;
  /*太字*/
  color: #875d5b;
  /*文字色*/
}

.sns-share-buttons {
  flex-wrap: nowrap;
  /*折り返さない*/
  justify-content: center;
  /*中央寄せ*/
}

.sns-share-buttons a {
  border-radius: 50%;
  /*丸くする*/
  font-size: 20px;
  /*アイコンのサイズ*/
  margin: 0 10px;
  /*ボタン同士の間隔*/
}

#main .sns-share a {
  width: 30px;
  /*ボタンの横幅*/
  height: 30px;
  /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message {
  font-weight: bold;
  /*太字*/
  color: #875d5b;
  /*文字色*/
}

.sns-follow-buttons {
  justify-content: center;
  /*中央寄せ*/
}

.sns-follow-buttons a {
  border-radius: 50%;
  /*丸くする*/
  font-size: 20px;
  /*アイコンのサイズ*/
  margin: 0 10px;
  /*ボタン同士の間隔*/
}

#main .sns-follow a {
  width: 40px;
  /*ボタンの横幅*/
  height: 40px;
  /*ボタンの高さ*/
}


/************************************************/
/*TutorLMS*/
/************************************************/
.custom-course-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}

/*彫金教室一覧と重複*/
/*.course-card {
  width: calc(33.333% - 16px);
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s;
}

.course-card:hover {
  transform: translateY(-4px);
}

.course-card a {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}*/

.course-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.course-info {
  padding: 16px;
}

.course-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

.no-image {
  width: 100%;
  height: 180px;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
  font-size: 14px;
}

/*h3見出しのリセット*/
.tutor-pagination-wrapper-replaceable h3 {
  background: transparent;
  margin: 0;
}

/*コースアーカイブのレビューを非表示（レビュー本体はfunction.phpで無効化）*/
.tutor-course-ratings {
  display: none !important;
}

/*コースアーカイブの受講者数を非表示*/
.tutor-meta {
  display: none !important;
}

/**/
.tutor-card-body a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
}

/*モーダルウインドウを非表示*/
.tutor-course-review-modal, .tutor-modal-overlay, .tutor-modal {
  display: none !important;
}

/************************************
*ブランド診断　YES/NOチャート　
************************************/
#question_wrap dl.yesno_q dt {
  padding: 0;
}

#question_wrap dl.yesno_q span {
  background-color: transparent;
  padding: 0;
  font-size: 1.8rem;
  color: unset;
}

#yesno_wrap button {
  background-color: #333333 !important;
  cursor: pointer;
}

#yesno_wrap button:hover {
  opacity: 0.7;
}

.article dd {
  margin-left: 20px;
  margin-bottom: 20px;
}

.yesno_q dd {
  padding: 1.5rem !important;
  font-size: 1.2rem;
}

/************************************
*dompdfのための設定　
************************************/
.dompdf_img {
  display: block;
  width: 100%;
  margin: 50px 0;
}

/************************************
*♥いいね　
************************************/
/*マージン設定*/
.wpulike {
  margin-top: 100px;
}

.wpulike-heart .wp_ulike_general_class {
  /*margin-bottom: 50px;*/
}

/************************************
*ブックマーク設定（cbxwpbookmark）　
************************************/
/*マージン設定*/
.cbxwpbkmarkwrap {
  margin-bottom: 100px;
}

/*旧ボタンを非表示にする*/
.simplefavorite-button.preset.active {
  display: none;
}

/*共有ボタンは非表示にする*/
.cbxwpbookmark_share {
  display: none;
}

.cbxwpbkmarktrig-button-addto {
  box-shadow: 0 0 0 1px #bdbdbd inset;
  border-radius: .25em;
  padding: 5px;
  background: #f8e8e8;
}

/*[ブックマーク一覧]表示用*/
.bookmark-list-link {
  /* 任意のCSSスタイルをここに追加 */
  text-decoration: none;
  font-weight: bold;
}

/*プライバシーボタンは非表示にする*/
.cbxwpbkmark_cat_edit_list .cbxlbjs-item[data-privacy="0"]::before {
  display: none;
}

.cbxwpbkmark_cat_edit_list .cbxlbjs-item[data-privacy="1"]::before {
  display: none;
}

.cbxlbjs-item-widget[data-privacy="0"]::after, .cbxlbjs-item[data-privacy="0"]::after {
  display: none;
}

.cbxlbjs-item-widget[data-privacy="1"]::after, .cbxlbjs-item[data-privacy="1"]::after {
  display: none;
}

.cbxlbjs .cbxlbjs-list .cbxlbjs-item {
  padding-left: 15px;
}

/* リストとグッド切り替え */
/* Tab styles */
.tab-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
}

.tab-button {
  background-color: #f1f1f1;
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0 2px;
  cursor: pointer;
  transition: 0.3s;
}

.tab-button:hover {
  background-color: #ddd;
}

.tab-button.active {
  background-color: #ccc;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/*buddypress内*/
body.buddypress .buddypress-wrap h1, body.buddypress .buddypress-wrap h2, body.buddypress .buddypress-wrap h3, body.buddypress .buddypress-wrap h4, body.buddypress .buddypress-wrap h5, body.buddypress .buddypress-wrap h6 {
  clear: none;
  margin: 2.0em 0;
  padding: 5px;
}

.buddypress-wrap select {
  height: auto;
  margin-bottom: 50px;
}

/*ナレッジベース内*/
.bpress-article-content .cbxwpbkmarkwrap:first-of-type {
  margin: 2.0em 0;
  display: none;
}

.bpress-article-content .cbxwpbkmarkwrap {
  margin-bottom: 20px;
}

/*ナレッジベースからブックマークを非表示にする*/
.bpress-article-content>div[data-object_id="19413"]:first-of-type,
.bpress-article-content>div[data-object_id="19604"]:first-of-type,
.bpress-article-content>div[data-object_id="19896"]:first-of-type {
  display: none;
}

/*特定のページから非表示にする*/
.post-10 .cbxwpbkmarkwrap,
/*通常ログインフォーム*/
.post-22140 .cbxwpbkmarkwrap,
/*常時受付ログインフォーム*/
.post-22201 .cbxwpbkmarkwrap,
/*先行受付案内*/
.post-2288 .cbxwpbkmarkwrap,
.post-2587 .cbxwpbkmarkwrap,
.post-3307 .cbxwpbkmarkwrap,
.post-3219 .cbxwpbkmarkwrap,
.post-4247 .cbxwpbkmarkwrap,
.post-5954 .cbxwpbkmarkwrap,
.post-5944 .cbxwpbkmarkwrap,
.post-6062 .cbxwpbkmarkwrap,
.post-6063 .cbxwpbkmarkwrap,
.post-6064 .cbxwpbkmarkwrap,
.post-6065 .cbxwpbkmarkwrap,
.post-6066 .cbxwpbkmarkwrap,
.post-6067 .cbxwpbkmarkwrap,
.post-5982 .cbxwpbkmarkwrap,
.post-5979 .cbxwpbkmarkwrap,
.post-6058 .cbxwpbkmarkwrap,
.post-5059 .cbxwpbkmarkwrap,
.post-6060 .cbxwpbkmarkwrap,
.post-6061 .cbxwpbkmarkwrap,
.post-6090 .cbxwpbkmarkwrap,
.post-5962 .cbxwpbkmarkwrap,
.post-5953 .cbxwpbkmarkwrap,
.post-12 .cbxwpbkmarkwrap,
.post-3 .cbxwpbkmarkwrap,
.post-8 .cbxwpbkmarkwrap,
.post-4441 .cbxwpbkmarkwrap .post-4905 .cbxwpbkmarkwrap,
.post-1618 .cbxwpbkmarkwrap,
.post-1571 .cbxwpbkmarkwrap,
.post-10 .cbxwpbkmarkwrap,
.post-9 .cbxwpbkmarkwrap,
.post-4847 .cbxwpbkmarkwrap,
.post-4849 .cbxwpbkmarkwrap,
.post-4863 .cbxwpbkmarkwrap,
.post-504 .cbxwpbkmarkwrap,
.post-2259 .cbxwpbkmarkwrap,
.post-2968 .cbxwpbkmarkwrap,
.post-2262 .cbxwpbkmarkwrap,
.post-5212 .cbxwpbkmarkwrap,
.post-5233 .cbxwpbkmarkwrap,
.post-6249 .cbxwpbkmarkwrap,
.post-115 .cbxwpbkmarkwrap,
.post-113 .cbxwpbkmarkwrap,
.post-715 .cbxwpbkmarkwrap,
.post-1611 .cbxwpbkmarkwrap,
.post-3278 .cbxwpbkmarkwrap,
/*有料メンバーになる*/
.post-21654 .cbxwpbkmarkwrap,
/*有料メンバーになる*/
.post-6352 .cbxwpbkmarkwrap,
/*LINEオプチャ案内*/
.post-117 .cbxwpbkmarkwrap,
.post-4600 .cbxwpbkmarkwrap,
.post-712 .cbxwpbkmarkwrap,
/*特定商取引法に基づく表記*/
.post-1610 .cbxwpbkmarkwrap,
.post-11 .cbxwpbkmarkwrap,
.post-3195 .cbxwpbkmarkwrap,
.post-3406 .cbxwpbkmarkwrap,
.post-1828 .cbxwpbkmarkwrap,
.post-1832 .cbxwpbkmarkwrap,
.post-1835 .cbxwpbkmarkwrap,
.post-43 .cbxwpbkmarkwrap,
.post-4402 .cbxwpbkmarkwrap,
.post-1676 .cbxwpbkmarkwrap,
.post-1678 .cbxwpbkmarkwrap,
.post-1278 .cbxwpbkmarkwrap,
.post-1276 .cbxwpbkmarkwrap,
.post-1910 .cbxwpbkmarkwrap,
.post-40 .cbxwpbkmarkwrap,
.post-722 .cbxwpbkmarkwrap,
.post-1588 .cbxwpbkmarkwrap,
.post-1609 .cbxwpbkmarkwrap,
.post-37 .cbxwpbkmarkwrap,
/*サイトマップ*/
.post-2088 .cbxwpbkmarkwrap,
.post-1071 .cbxwpbkmarkwrap,
.post-6529 .cbxwpbkmarkwrap,
.post-6530 .cbxwpbkmarkwrap,
.post-6059 .cbxwpbkmarkwrap,
.post-7098 .cbxwpbkmarkwrap,
.post-1481 .cbxwpbkmarkwrap,
.post-9712 .cbxwpbkmarkwrap,
.post-9800 .cbxwpbkmarkwrap,
.post-9714 .cbxwpbkmarkwrap,
.post-9713 .cbxwpbkmarkwrap,
.post-12001 .cbxwpbkmarkwrap,
.post-12166 .cbxwpbkmarkwrap,
.post-12179 .cbxwpbkmarkwrap,
.post-12181 .cbxwpbkmarkwrap,
.post-15916 .cbxwpbkmarkwrap,
.post-16600 .cbxwpbkmarkwrap,
.post-16601 .cbxwpbkmarkwrap,
.post-16146 .cbxwpbkmarkwrap,
.post-14171 .cbxwpbkmarkwrap,
/*グローバールメニュー｜動画*/
.post-1281 .cbxwpbkmarkwrap,
/*グローバールメニュー｜動画*/
.post-1274 .cbxwpbkmarkwrap,
/*グローバールメニュー｜動画*/
.post-1275 .cbxwpbkmarkwrap,
/*グローバールメニュー｜動画*/
.post-1277 .cbxwpbkmarkwrap,
/*グローバールメニュー｜動画*/
.post-16054 .cbxwpbkmarkwrap,
/*グローバールメニュー｜データベース*/
.post-14182 .cbxwpbkmarkwrap,
/*グローバールメニュー｜ロードマップ*/
.post-14164 .cbxwpbkmarkwrap,
/*グローバールメニュー｜記事*/
.post-14136 .cbxwpbkmarkwrap,
/*グローバールメニュー｜コミュニティ*/
.post-9711 .cbxwpbkmarkwrap,
/*グローバールメニュー｜ストア*/
.post-7384 .cbxwpbkmarkwrap,
/*グローバールメニュー｜イベント情報*/
.post-1418 .cbxwpbkmarkwrap,
/*グローバールメニュー｜タグ一覧*/
.post-1576 .cbxwpbkmarkwrap,
/*グローバールメニュー｜リンク集*/
.post-3417 .cbxwpbkmarkwrap,
/*応援しあう仕組み*/
.post-15282 .cbxwpbkmarkwrap,
.post-15571 .cbxwpbkmarkwrap,
.post-16444 .cbxwpbkmarkwrap,
.post-15995 .cbxwpbkmarkwrap,
.post-17519 .cbxwpbkmarkwrap,
.post-9113 .cbxwpbkmarkwrap,
.post-18471 .cbxwpbkmarkwrap,
.post-18597 .cbxwpbkmarkwrap,
.post-19712 .cbxwpbkmarkwrap,
.post-9312 .cbxwpbkmarkwrap,
/*安心と安全の取組み*/
.post-1390 .cbxwpbkmarkwrap,
/*よくある質問*/
.post-15870 .cbxwpbkmarkwrap,
/*よくある質問（アトリーエ）*/
.post-22775 .cbxwpbkmarkwrap,
/*よくある質問*/
.post-6581 .cbxwpbkmarkwrap,
/*フィードバック、エラーや改善を提案*/
.post-19334 .cbxwpbkmarkwrap,
/*マイページ*/
.post-19347 .cbxwpbkmarkwrap,
/*マイページ*/
.post-19333 .cbxwpbkmarkwrap,
/*マイページ*/
.post-19338 .cbxwpbkmarkwrap,
/*マイページ*/
.post-19351 .cbxwpbkmarkwrap,
/*マイページ*/
.post-20543 .cbxwpbkmarkwrap,
/*マイページ*/
.post-22739 .cbxwpbkmarkwrap,
/*マイページ*/
.post-22740 .cbxwpbkmarkwrap,
/*マイページ*/
.post-22737 .cbxwpbkmarkwrap,
/*マイページ*/
.post-20725 .cbxwpbkmarkwrap,
/*パートナーメニュー*/
.post-20721 .cbxwpbkmarkwrap,
/*パートナーメニュー*/
.post-20728 .cbxwpbkmarkwrap,
/*パートナーメニュー*/
.post-20738 .cbxwpbkmarkwrap,
/*パートナーメニュー*/
.post-20780 .cbxwpbkmarkwrap,
/*パートナーメニュー*/
.post-9574 .cbxwpbkmarkwrap,
/*メルマガ*/
.post-4905 .cbxwpbkmarkwrap,
/*退会の申込*/
.post-4441 .cbxwpbkmarkwrap,
/*退会の申込*/
.post-13236 .cbxwpbkmarkwrap,
/*ジュエリーアクセサリー関係の企業や団体の皆さまへ*/
.post-13964 .cbxwpbkmarkwrap,
/*Youtubeリンク*/
.post-16444 .cbxwpbkmarkwrap,
/*Youtubeリンク*/
.post-13688 .cbxwpbkmarkwrap,
/*「アカデミープラン」について*/
.post-16428 .cbxwpbkmarkwrap,
/*コラボ・タイアップ企画 */
.post-16439 .cbxwpbkmarkwrap,
/*デジタル化支援*/
.post-13415 .cbxwpbkmarkwrap,
/*当サイトへの情報掲載について */
.post-15812 .cbxwpbkmarkwrap,
/*school*/
.post-16543 .cbxwpbkmarkwrap,
/*comp*/
.post-16545 .cbxwpbkmarkwrap,
/*supply*/
.post-16461 .cbxwpbkmarkwrap,
/*貴社の商品を販売する*/
.post-15815 .cbxwpbkmarkwrap,
/*有料掲載の申込*/
.post-19828 .cbxwpbkmarkwrap,
/*記事の投稿*/
.post-19823 .cbxwpbkmarkwrap,
/*記事の投稿*/
.post-19818 .cbxwpbkmarkwrap,
/*記事の投稿*/
.post-23545 .cbxwpbkmarkwrap,
/*記事の投稿*/
.post-23546 .cbxwpbkmarkwrap,
/*記事の投稿*/
.post-23548 .cbxwpbkmarkwrap,
/*記事の投稿*/
.post-23730 .cbxwpbkmarkwrap,
/*記事の投稿*/
.post-8565 .cbxwpbkmarkwrap,
/*ブランド診断チャート*/
.post-11316 .cbxwpbkmarkwrap,
/*ブランド診断チャート*/
.post-8567 .cbxwpbkmarkwrap,
/*ブランド診断チャート*/
.post-8565 .cbxwpbkmarkwrap,
/*ブランド診断チャート*/
.post-13399 .cbxwpbkmarkwrap,
/*ブランド診断チャート*/
.post-11303 .cbxwpbkmarkwrap,
/*ブランド診断チャート*/
.post-13398 .cbxwpbkmarkwrap,
/*ブランド診断チャート*/
.post-13397 .cbxwpbkmarkwrap,
/*ブランド診断チャート*/
.post-4280 .cbxwpbkmarkwrap,
/*ブランドづくりサポートト*/
.post-4273 .cbxwpbkmarkwrap,
/*ブランドづくりサポートト*/
.post-4268 .cbxwpbkmarkwrap,
/*ブランドづくりサポートト*/
.post-4271 .cbxwpbkmarkwrap,
/*ブランドづくりサポートト*/
.post-4275 .cbxwpbkmarkwrap,
/*ブランドづくりサポートト*/
.post-3994 .cbxwpbkmarkwrap,
/*ブランドづくりサポートト*/
.post-4326 .cbxwpbkmarkwrap,
/*ブランドづくりサポートト*/
.post-10097 .cbxwpbkmarkwrap,
/*TutorLMS*/
.post-28866 .cbxwpbkmarkwrap,
/*TutorLMS*/
.post-28860 .cbxwpbkmarkwrap,
/*TutorLMS*/
.post-28880 .cbxwpbkmarkwrap,
/*woocommerce*/
.post-6508 .cbxwpbkmarkwrap,
/*woocommerce*/
.post-6509 .cbxwpbkmarkwrap,
/*woocommerce*/
.post-12173 .cbxwpbkmarkwrap {
  display: none;
}


/*834px以下*/
@media screen and (max-width: 834px) {
  ul.favorites-list.bookmark_list_ul li img {
    width: 50px;
  }

  body .cbxwpbkmarkwrap {
    margin-top: 50px;
  }
}


/*シェアボタンを非表示にする*/
.post-3 footer.article-footer.entry-footer,
.post-715 footer.article-footer.entry-footer,
.post-40 footer.article-footer.entry-footer,
.post-1835 footer.article-footer.entry-footer,
.post-1832 footer.article-footer.entry-footer,
.post-3436 footer.article-footer.entry-footer,
.post-1828 footer.article-footer.entry-footer,
.post-11 footer.article-footer.entry-footer,
.post-1610 footer.article-footer.entry-footer,
.post-4600 footer.article-footer.entry-footer,
.post-117 footer.article-footer.entry-footer,
.post-3278 footer.article-footer.entry-footer,
.post-1611 footer.article-footer.entry-footer,
.post-5212 footer.article-footer.entry-footer,
.post-5233 footer.article-footer.entry-footer,
.post-113 footer.article-footer.entry-footer,
.post-115 footer.article-footer.entry-footer,
.post-504 footer.article-footer.entry-footer,
.post-4849 footer.article-footer.entry-footer,
.post-9 footer.article-footer.entry-footer,
.post-10 footer.article-footer.entry-footer,
/*通常ログインフォーム*/
.post-10 footer.article-footer.entry-footer,
/*常時受付ログインフォーム*/
.post-1571 footer.article-footer.entry-footer,
.post-4905 footer.article-footer.entry-footer,
.post-4441 footer.article-footer.entry-footer,
.post-8 footer.article-footer.entry-footer,
.post-12 footer.article-footer.entry-footer,
.post-5962 footer.article-footer.entry-footer,
.post-5953 footer.article-footer.entry-footer,
.post-2587 footer.article-footer.entry-footer,
.post-3219 footer.article-footer.entry-footer,
.post-3307 footer.article-footer.entry-footer,
.post-1588 footer.article-footer.entry-footer,
.post-6581 footer.article-footer.entry-footer,
.post-1609 footer.article-footer.entry-footer,
.post-6508 footer.article-footer.entry-footer,
.post-4402 footer.article-footer.entry-footer,
.post-1678 footer.article-footer.entry-footer,
.post-1676 footer.article-footer.entry-footer,
.post-1278 footer.article-footer.entry-footer,
.post-6509 footer.article-footer.entry-footer,
.post-1276 footer.article-footer.entry-footer,
.post-1277 footer.article-footer.entry-footer,
.post-40 footer.article-footer.entry-footer,
.post-6675 footer.article-footer.entry-footer,
.post-722 footer.article-footer.entry-footer,
.post-7564 footer.article-footer.entry-footer,
.post-2259 footer.article-footer.entry-footer,
.post-7570 footer.article-footer.entry-footer,
.post-9712 footer.article-footer.entry-footer,
.post-9713 footer.article-footer.entry-footer,
.post-9800 footer.article-footer.entry-footer,
.post-9714 footer.article-footer.entry-footer,
.post-13415 footer.article-footer.entry-footer,
.post-15916 footer.article-footer.entry-footer,
.post-16600 footer.article-footer.entry-footer,
.post-16601 footer.article-footer.entry-footer,
.post-16543 footer.article-footer.entry-footer,
.post-16545 footer.article-footer.entry-footer,
.post-15812 footer.article-footer.entry-footer,
.post-16428 footer.article-footer.entry-footer,
.post-16439 footer.article-footer.entry-footer,
.post-13688 footer.article-footer.entry-footer,
.post-15019 footer.article-footer.entry-footer,
.post-15571 footer.article-footer.entry-footer,
.post-16444 footer.article-footer.entry-footer,
.post-16461 footer.article-footer.entry-footer,
.post-15995 footer.article-footer.entry-footer,
.post-17519 footer.article-footer.entry-footer,
.post-9113 footer.article-footer.entry-footer,
.post-18471 footer.article-footer.entry-footer,
.post-18597 footer.article-footer.entry-footer,
.post-19712 footer.article-footer.entry-footer,
.post-21654 footer.article-footer.entry-footer,
.post-712 footer.article-footer.entry-footer {
  display: none;
}