@charset "UTF-8";
/*
Theme Name: kyouteiomega
Version: 10000.0
*/
:root {
  --cocoon-twitter-color: #000000;
  --cocoon-mastodon-color: #6364FF;
  --cocoon-bluesky-color: #0085ff;
  --cocoon-misskey-color: #96d04a;
  --cocoon-facebook-color: #3b5998;
  --cocoon-hatebu-color: #2c6ebd;
  --cocoon-google-plus-color: #dd4b39;
  --cocoon-pocket-color: #ef4056;
  --cocoon-line-color: #00c300;
  --cocoon-linkedin-color: #0077b5;
  --cocoon-website-color: #002561;
  --cocoon-instagram-color: #405de6;
  --cocoon-pinterest-color: #bd081c;
  --cocoon-youtube-color: #cd201f;
  --cocoon-tiktok-color: #000000;
  --cocoon-note-color: #41c9b4;
  --cocoon-soundcloud-color: #ff8800;
  --cocoon-flickr-color: #111;
  --cocoon-amazon-color: #ff9900;
  --cocoon-twitch-color: #6441a4;
  --cocoon-rakuten-color: #bf0000;
  --cocoon-rakuten-room-color: #c61e79;
  --cocoon-slack-color: #e01563;
  --cocoon-github-color: #4078c0;
  --cocoon-codepen-color: #333;
  --cocoon-feedly-color: #2bb24c;
  --cocoon-rss-color: #f26522;
  --cocoon-red-color: #e60033;
  --cocoon-pink-color: #e95295;
  --cocoon-purple-color: #884898;
  --cocoon-deep-color: #55295b;
  --cocoon-indigo-color: #1e50a2;
  --cocoon-blue-color: #0095d9;
  --cocoon-light-blue-color: #2ca9e1;
  --cocoon-cyan-color: #00a3af;
  --cocoon-teal-color: #007b43;
  --cocoon-green-color: #3eb370;
  --cocoon-light-green-color: #8bc34a;
  --cocoon-lime-color: #c3d825;
  --cocoon-yellow-color: #ffd900;
  --cocoon-amber-color: #ffc107;
  --cocoon-orange-color: #f39800;
  --cocoon-deep-orange-color: #ea5506;
  --cocoon-brown-color: #954e2a;
  --cocoon-grey-color: #949495;
  --cocoon-blue-gray-color: #607d8b;
  --cocoon-black-color: #333333;
  --cocoon-white-color: #ffffff;
  --cocoon-watery-blue-color: #f3fafe;
  --cocoon-watery-yellow-color: #fff7cc;
  --cocoon-watery-red-color: #fdf2f2;
  --cocoon-watery-green-color: #ebf8f4;
  --cocoon-custom-background-color: inherit;
  --cocoon-custom-text-color: inherit;
  --cocoon-custom-border-color: #ccc;
  --cocoon-default-font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --cocoon-text-color: #333;
  --cocoon-pallid-text-color: #777;
  --cocoon-x-pallid-text-color: #999;
  --cocoon-default-text-size: 18px;
  --cocoon-text-size-s: 0.8em;
  --cocoon-basic-border-color: #ccc;
  --cocoon-three-d-border-colors: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
  --cocoon-middle-thickness-color: #888;
  --cocoon-thin-color: #ddd;
  --cocoon-x-thin-color: #eee;
  --cocoon-xx-thin-color: #f5f6f7;
  --cocoon-xxx-thin-color: #fafbfc;
  --cocoon-current-background-color: #eee;
  --cocoon-select-background-color: #d8eaf2;
  --cocoon-basic-border-radius: 4px;
  --cocoon-badge-border-radius: 2px;
  --cocoon-middle-border-radius: 8px;
  --cocoon-box-padding: 1em 1.5em;
  --cocoon-list-padding: min(1%, 8px) min(2%, 16px) min(1%, 8px) min(3%, 24px);
  --cocoon-list-wide-padding: min(3%, 24px) min(5%, 40px) min(3%, 24px) min(7%, 56px);
  --cocoon-box-border-color: #47585c;
  --cocoon-sns-color: var(--cocoon-text-color);
  --card-ratio: 16/9;
}


body{background:#000;
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
@media (min-width: 800px) {
  body{background:url(/wp-content/themes/omega/pcbg.jpg) no-repeat 50% 50%;background-size:cover;background-attachment: fixed;}
  #mainbody{box-shadow: 0 0 128px 128px rgba(0,0,0,.75);}
}
*{box-sizing: border-box;}
.main, .sidebar, .sidebar-left .main, .sidebar-left .sidebar,.main{width:100% !important;margin:0 !important;}
#mainbody{margin:0 auto;max-width:800px;background:url(/wp-content/themes/omega/back.jpg) no-repeat 50% 0%,linear-gradient(#000, #000, #c02);background-size:100% auto,auto;}
#mainbody *{max-width:800px;}
#mainbody img{max-width:100%;height:auto;}
.display-none,
.date-tags,
.comment-area,
.footer-bottom-logo,
#admin-panel{display: none;}
.mobile-footer-menu-buttons.mobile-menu-buttons{display: none;}

/************************************
** WordPress Misc
************************************/
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.alignleft {
  float: left;
  margin-right: 25px;
}

.alignright {
  float: right;
  margin-left: 25px;
}

.wp-caption {
  padding-top: 4px;
  border: 1px solid var(--cocoon-x-thin-color);
  border-radius: 3px;
  background-color: var(--cocoon-xx-thin-color);
  text-align: center;
  max-width: 100%;
}

.wp-caption .wp-caption-text,
.gallery .gallery-caption {
  font-size: 0.8em;
  margin: 2px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

img.alignright {
  display: inline-block;
  margin: 0 0 1em 1.5em;
}

img.alignleft {
  display: inline-block;
  margin: 0 1.5em 1em 0;
}

.comment-btn {
  margin: 24px 0;
  cursor: pointer;
}

label {
  cursor: pointer;
}

.sitemap li a::before {
  display: none;
}

.content-top,
.content-bottom {
  margin: 1em 0;
}

p.has-background {
  padding: 12px;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 1em;
}

/*
.content,
.page article{background:rgba(255,255,255,1);width:94% !important;margin:0 auto 0;border-radius:0 0 .5rem .5rem;padding:1rem;}
.single article{background:#fff;width:94% !important;margin:0 auto;border-radius:.5rem;padding:1rem;}
*/
article{background:#fff;width:94% !important;margin:0 auto 2rem !important;border-radius:.5rem;padding:1rem;}

footer#footer{background:#111;color:#fff;text-align: center;padding:1.8em;}

#pager-post-navi{display:flex;width: 94% !important;margin: 0 auto;border-radius: .5rem;justify-content: space-between;margin-bottom: 1.8rem;}
#pager-post-navi a{width:48%;background:rgba(255,255,255,1);border-radius:.5rem;padding:.5rem .25rem;display: flex;align-items: center;justify-content: space-between;text-decoration: none;color:#222;}
.prev-post-title,.next-post-title{padding:.25rem;}
.next-post{flex-direction: row-reverse;}
#pager-post-navi a figure{display: none;}
figure{margin:0 !important;}
figure img{display: block;}

#breadcrumb{background: rgba(0,0,0,.5);color:#fff;text-align: center;font-size:85%;padding:.5em;}
#breadcrumb a{color:#fff;text-decoration: none;}
#breadcrumb div{display: inline-block;}
#breadcrumb .sp{padding:0 .5rem;}

.toc-title{background:#b96991;display:block;color: #fff;padding: 0 .5rem;}
.toc-content{background:#f8f0f4;padding:1px 0 3px;}

#go-to-top{position: fixed;bottom:3.5rem;right:.5rem;}


h1.archive-title,
.page article h1{text-align: center;margin:0;padding:1.5em 0;background:url(/wp-content/themes/omega/h1bg.png) no-repeat 50% 50%;background-size:contain;color:#222;border:none !important;}

.paged h1.archive-title{background:url(/wp-content/themes/omega/h1bg.png) no-repeat 50% 50%,#fff;background-size:contain;margin:0 auto 2rem;width:94%;border-radius:.5rem;}


.ranking-item{border:1px solid #cf2e2e;}
.ranking-item-name{background:#cf2e2e;text-align: center;font-size:1.4rem;font-weight: 700;color:#fff;}
.ranking-item-rating{text-align: center;font-size:1.25rem;line-height:1.4;background:#fffaf5;letter-spacing: 4px;}
.rating-star .fa{color:#ffa128;}
.ranking-item-description{padding:.5rem !important;}
.ranking-item-description p{margin:0 !important;}
.ranking-item-link{padding:.75rem;}
.ranking-item-link a{display: block;padding:.75rem;text-align: center;text-decoration: none;background:#e60033;color:#fff;font-weight: 700;border-radius: 4px;}
.ranking-item-image-tag{background:#fffaf5;padding: 0;}
.ranking-item-image-tag img{display: block;margin:0 auto;}

.llist{display: flex;flex-wrap: wrap;justify-content: space-between;background:#f2f2f2;margin-bottom:.5rem;}
.llist label{width:50%;font-size:.8rem;text-align: center;color:#804;border:1px solid #fff;}
.llist label span{padding:0 .25rem;background:#f04;border-radius: 4px;color:#fff;margin-left:.25rem;font-weight: 700;}

.menu{display: flex;flex-wrap: wrap;justify-content: space-around;margin:1.5rem 0 !important;}
.menu a{padding:.5rem .75rem;text-decoration: none;font-weight: bold;color:#fff;border-radius: 4px;font-size:.9rem;}
.menu a.menu1{background:#999;}
.menu a.menu2{background:#e00;}
.menu a.menu3{background:#0b0;}
.menu a.menu4{background:#00e;}


h1,
h2,
h3,
h4,
h5,
h6{margin:2em 0 1em;text-align: center;}
h1{border-bottom: 6px solid #b96991;font-size:1.5rem;}
h2{border-bottom: 4px solid #b96991;font-size:1.4rem;}
h3{border-bottom: 1px solid #b96991;font-size:1.3rem;}
h4{font-size:1.2rem;}
h5{font-size:1.1rem;}

h1.entry-title{margin:0 0 1em !important;padding:1em 0;background:#000;color:#fff;border-bottom:none !important;}

a.entry-card-wrap{text-decoration: none;font-size:1rem;color:#222;}
.entry-card-thumb{width:100% !important;}
.admin-pv,
.entry-card-meta,
.entry-card-thumb span{display: none;}
h2.entry-card-title{margin:0;border:none;background:#f2f2f2;font-size:1.2rem;padding:.5em 0;}
.entry-card-content{margin:0 !important;}

.types{display: flex;flex-wrap: wrap;justify-content: space-around;}
.types a{display: block;width:150px;text-align: center;margin-bottom:.75rem;text-decoration: none;color:#222;font-weight: bold;}
.types a img{display: block;}
.types a:nth-child(1) label{display:block;background:#00e;color:#fff;}
.types a:nth-child(2) label{display:block;background:#0a0;color:#fff;}
.types a:nth-child(3) label{display:block;background:#e00;color:#fff;}
.types a span{display:block;background:#f2f2f2;padding:.5rem;}
/*
.pagebtmset{position: sticky;bottom:0;display: block;}
a.btmbn{display:block;}
a.btmbn img{max-width:640px !important;margin:0 auto;display:block;}
*/
.pagebtmset{position: sticky;bottom:0;display: block;}
.pagebtmset div{display: flex;justify-content: space-evenly;background:#000;opacity: .5;}
.pagebtmset div:hover{opacity: .9;}
.pagebtmset div.ups{opacity: .9;}
.pagebtmset div a{display:block;width:5rem;text-decoration: none;text-align: center;padding:8px 0 4px;color:#eee;}
.pagebtmset div a:hover{color:#fff;}
.pagebtmset div a i{font-size:20px;display:block;}
.pagebtmset div a span{font-size:.6rem;display:block;}

.pagination{display: flex;justify-content: space-around;margin-bottom:2rem;}
.pagination span,
.pagination a{display:block;line-height:2.5;width:2.5rem;background:#000;color:#fff;border-radius:4px;text-align:center;font-weight:700;text-decoration:none;}
.pagination span.current{display:block;line-height:2.5;width:2.5rem;background:#fff;color:#000;border-radius:4px;text-align:center;font-weight:700;}
.pagination-next{margin-bottom:2rem;}
.pagination-next a{display:block;line-height:3;background:#000;color:#fff;border-radius:4px;text-align:center;font-weight:700;text-decoration:none;width: 94% !important;margin:0 auto;}

.entry-card-snippet{font-size: .75rem;padding:.75rem .5rem;}
.category-freeyosou .entry-card-snippet{display: none;}


.faw::before {
  font-family: FontAwesome;
  padding-right: 4px;
}

.body.font-awesome-5 .bct-related::before,
.body.font-awesome-5 .blank-box.bb-ok::before,
.body.font-awesome-5 .blank-box.bb-point::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}
.body.font-awesome-5 .bb-ok::before {
  content: "\f111   OK";
}
.body.font-awesome-5 .blank-box.bb-check::before,
.body.font-awesome-5 .blank-box.bb-comment::before,
.body.font-awesome-5 .blank-box.bb-tips::before,
.body.font-awesome-5 .blank-box.bb-pickup::before,
.body.font-awesome-5 .blank-box.bb-hint::before,
.body.font-awesome-5 .blank-box.bb-bookmark::before,
.body.font-awesome-5 .blank-box.bb-memo::before,
.body.font-awesome-5 .blank-box.bb-download::before,
.body.font-awesome-5 .blank-box.bb-break::before,
.body.font-awesome-5 .blank-box.bb-ng::before,
.body.font-awesome-5 .blank-box.bb-good::before,
.body.font-awesome-5 .blank-box.bb-bad::before,
.body.font-awesome-5 .blank-box.bb-profile::before,
.body.font-awesome-5 .bct-none::before,
.body.font-awesome-5 .bct-reference::before,
.body.font-awesome-5 .bct-reference-link::before,
.body.font-awesome-5 .bct-popular::before,
.body.font-awesome-5 .bct-pickup::before,
.body.font-awesome-5 .bct-check::before,
.body.font-awesome-5 .bct-together::before,
.body.font-awesome-5 .bct-detail::before,
.body.font-awesome-5 .bct-official::before,
.body.font-awesome-5 .bct-dl::before,
.body.font-awesome-5 .bct-prev::before,
.body.font-awesome-5 .bct-next::before,
.body.font-awesome-5 .btn-wrap::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
}
.body.font-awesome-5 .bb-memo::before {
  content: "\f249   MEMO";
}
.body.font-awesome-5 .blank-box.bb-tab::before {
  font-family: "Font Awesome 5 Free", Aharoni, "Arial Black", Impact, Arial, sans-serif;
}
.body.font-awesome-5 .blank-box.bb-amazon::before {
  font-family: "Font Awesome 5 Brands", Aharoni, "Arial Black", Impact, Arial, sans-serif;
  font-weight: 400;
}

/*ビジュアルエディターのスタイルを書く*/
body#tinymce {
  padding: 1em 20px !important;
  margin-top: 0 !important;
  background-image: none;
  background-color: #fff;
}

body#tinymce.wp-editor::before {
  background: none;
}

.column-2,
.column-3 {
  margin: 16px 0;
}

/* .column-2::before,
.column-3::before{
  content: "※カラムへの着色はエディタのみ";
  position: absolute;
  left: 0;
  right: 0;
  top: -1em;
  width: 31%;
  font-size: 0.8em;
  padding: 4px 8px;
  background-color: #f7dde4;
  text-align: center;
}

html[lang="en"] .column-2::before,
html[lang="en"] .column-3::before{
  content: "* Coloring is Editor Only.";
} */
.column-wrap .block-editor-block-list__layout {
  min-height: 2em;
}

.column-left,
.column-center,
.column-right {
  padding: 0.4em;
}

.column-left {
  background-color: #c7e1ef;
}

.column-center {
  background-color: #c9e8d8;
}

.column-right {
  background-color: #ffecd3;
}

.btn-wrap,
.blogcard-type {
  padding: 6px;
  position: relative;
}

.btn-wrap {
  padding: 10px !important;
}

span.btn-wrap {
  padding: 6px 18px 6px;
  display: inline-block;
  font-size: 0.8em;
}

.btn-wrap::before {
  position: absolute;
  top: -2px;
  right: 4px;
}

.btn-wrap::before {
  font-family: FontAwesome;
  color: #DBB004;
  content: "\f146";
}

.blogcard-type::before {
  font-family: FontAwesome;
  font-size: 0.6em;
  padding: 0 4px;
  background-color: #587b93;
  color: #fff;
  top: 0;
  right: 0;
  position: absolute;
  white-space: pre;
}

.btn-wrap {
  background-color: #f8e58c;
}

.blogcard-type {
  padding-top: 1em;
  background-color: #e6ecf0;
}

.blogcard-type.bct-none::before {
  content: "\f0c8   ラベルなし";
}

.blogcard-type.bct-related::before {
  content: "\f15c   関連記事";
}

.blogcard-type.bct-reference::before {
  content: "\f19d   参考記事";
}

.blogcard-type.bct-reference-link::before {
  content: "\f19d   参考リンク";
}

.blogcard-type.bct-popular::before {
  content: "\f005   人気記事";
}

.blogcard-type.bct-pickup::before {
  content: "\f005   ピックアップ";
}

.blogcard-type.bct-check::before {
  content: "\f00c   チェック";
}

.blogcard-type.bct-together::before {
  content: "\f02d   あわせて読みたい";
}

.blogcard-type.bct-detail::before {
  content: "\f15c   詳細はこちら";
}

.blogcard-type.bct-official::before {
  content: "\f024   公式サイト";
}

.blogcard-type.bct-dl::before {
  content: "\f019   ダウンロード";
}

.blogcard-type.bct-prev::before {
  content: "\f137   前回の記事";
}

.blogcard-type.bct-next::before {
  content: "\f138   続きの記事";
}

/*ビジュアルエディターにinstagramの引用符が表示される対応*/
.instagram-media {
  position: relative !important;
}

.postbody.main {
  width: auto;
}

.button-wrap-msg,
.box-block-msg {
  font-size: 10px;
  text-align: center;
}

.blank-box.bb-tab::before {
  background-color: var(--cocoon-custom-border-color);
  font-family: Aharoni, "Arial Black", Impact, Arial, sans-serif;
  position: absolute;
  font-size: 13px;
  top: -1.8em;
  line-height: 1.8;
  color: var(--cocoon-white-color);
  left: -3px;
  border-radius: 6px 6px 0 0;
  padding: 0 1em 0 0.8em;
  font-family: FontAwesome, Aharoni, "Arial Black", Impact, Arial, sans-serif;
}
.blank-box.bb-red::before {
  background-color: var(--cocoon-red-color);
}
.blank-box.bb-pink::before {
  background-color: var(--cocoon-pink-color);
}
.blank-box.bb-purple::before {
  background-color: var(--cocoon-purple-color);
}
.blank-box.bb-blue::before {
  background-color: var(--cocoon-blue-color);
}
.blank-box.bb-green::before {
  background-color: var(--cocoon-green-color);
}
.blank-box.bb-orange::before {
  background-color: var(--cocoon-orange-color);
}
.blank-box.bb-yellow::before {
  background-color: var(--cocoon-yellow-color);
}
.blank-box.bb-brown::before {
  background-color: var(--cocoon-brown-color);
}
.blank-box.bb-grey::before {
  background-color: var(--cocoon-grey-color);
}
.blank-box.bb-black::before {
  background-color: var(--cocoon-black-color);
}
.blank-box.bb-deep::before {
  background-color: var(--cocoon-deep-color);
}
.blank-box.bb-indigo::before {
  background-color: var(--cocoon-indigo-color);
}
.blank-box.bb-light-blue::before {
  background-color: var(--cocoon-light-blue-color);
}
.blank-box.bb-cyan::before {
  background-color: var(--cocoon-cyan-color);
}
.blank-box.bb-teal::before {
  background-color: var(--cocoon-teal-color);
}
.blank-box.bb-light-green::before {
  background-color: var(--cocoon-light-green-color);
}
.blank-box.bb-lime::before {
  background-color: var(--cocoon-lime-color);
}
.blank-box.bb-amber::before {
  background-color: var(--cocoon-amber-color);
}
.blank-box.bb-deep-orange::before {
  background-color: var(--cocoon-deep-orange-color);
}
.blank-box.bb-white::before {
  background-color: var(--cocoon-white-color);
}

.bb-check::before {
  content: "\f00c   CHECK";
}

.bb-comment::before {
  content: "\f075   COMMENT";
}

.bb-point::before {
  content: "\f0eb   POINT";
}

.bb-tips::before {
  content: "\f19d   TIPS";
}

.bb-hint::before {
  content: "\f0f3   HINT";
}

.bb-pickup::before {
  content: "\f005   PICKUP";
}

.bb-bookmark::before {
  content: "\f02e   BOOKMARK";
}

.bb-memo::before {
  content: "\f249   MEMO";
}

.bb-download::before {
  content: "\f019   DOWNLOAD";
}

.bb-break::before {
  content: "\f0f4   BREAK";
}

.bb-amazon::before {
  content: "\f270   AMAZON";
}

.bb-ok::before {
  content: "\f10c   OK";
}

.bb-ng::before {
  content: "\f00d   NG";
}

.bb-good::before {
  content: "\f164   GOOD";
}

.bb-bad::before {
  content: "\f165   BAD";
}

.bb-profile::before {
  content: "\f007   PROFILE";
}

.has-small-font-size {
  font-size: 13px;
}

.has-medium-font-size {
  font-size: 20px;
}

.has-large-font-size {
  font-size: 36px;
}

.has-huge-font-size,
.has-larger-font-size {
  font-size: 42px;
}

.mce-content-body .btn-wrap a[data-mce-selected] {
  padding: 7px 13px;
}

.wp-block-freeform.block-library-rich-text__tinymce .btn[class*=btn-] {
  color: var(--cocoon-white-color);
}

.mce-content-body .blogcard-type br {
  display: initial;
}


/************************************
** Call to Action
************************************/
.cta-box {
  background-color: #444;
  color: #fff;
  padding: 20px;
}

.cta-heading {
  font-size: 26px;
  padding: 12px;
  margin-bottom: 0.2em;
  font-weight: bold;
}

.cta-content {
  display: block;
}

.cta-left-and-right .cta-content,
.cta-right-and-left .cta-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.cta-left-and-right .cta-content div,
.cta-right-and-left .cta-content div {
  width: 49%;
}
.cta-left-and-right .cta-content .cta-message p:first-child,
.cta-right-and-left .cta-content .cta-message p:first-child {
  margin-top: 0;
}

.cta-right-and-left .cta-content {
  flex-direction: row-reverse;
}

.cta-thumb {
  text-align: center;
}

.cta-button {
  margin-top: 1em;
  --cocoon-custom-border-color: transparent;
}

.nwa .cta-box {
  font-size: 0.8em;
}
.nwa .cta-heading {
  font-size: 20px;
  padding: 8px;
}
.nwa .cta-left-and-right .cta-content,
.nwa .cta-right-and-left .cta-content {
  display: block;
}
.nwa .cta-left-and-right .cta-content div,
.nwa .cta-right-and-left .cta-content div {
  width: 100%;
}
.nwa .cta-message {
  margin-top: 1em;
}
.nwa .cta-button .btn-l, .nwa .cta-button .ranking-item-link-buttons a, .ranking-item-link-buttons .nwa .cta-button a {
  padding: 1em;
  font-size: 16px;
}

.speech-wrap {
  --cocoon-custom-background-color: var(--cocoon-white-color);
  --cocoon-custom-text-color: var(--cocoon-text-color);
  --cocoon-custom-border-color: var(--cocoon-basic-border-color);
  display: flex;
}

.speech-person {
  width: 12%;
  /*min-width: 12%;*/
  max-width:90px !important;
}

.speech-icon img,
.speech-icon amp-img {
  border-radius: 50%;
  border: 2px solid var(--cocoon-basic-border-color);
  width: 100%;
}

.speech-name {
  text-align: center;
  font-size: 13px;
}

div.speech-balloon {
  height: 100%;
  position: relative;
  padding: 10px;
  background-color: var(--cocoon-custom-background-color);
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-custom-text-color);
  border-radius: 6px;
  max-width: 86%;
}
div.speech-balloon p {
  margin: 0;
}

/* アイコンを左に表示 */
.speech-balloon::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 10px;
  border-right-width: 12px;
  border-right-style: solid;
  border-right-color: var(--cocoon-custom-border-color);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.speech-balloon::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -9px;
  top: 10px;
  border-right-width: 12px;
  border-right-style: solid;
  border-right-color: var(--cocoon-custom-background-color);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.sbp-l:not(.not-nested-style) .speech-balloon {
  margin-left: 20px;
}

.sbp-r {
  flex-direction: row-reverse;
}
.sbp-r:not(.not-nested-style) {
  /* アイコンを右に表示 */
}
.sbp-r:not(.not-nested-style) .speech-balloon {
  margin-right: 20px;
}
.sbp-r:not(.not-nested-style) .speech-balloon::before {
  right: -12px;
  left: auto;
  border-left-width: 12px;
  border-left-style: solid;
  border-left-color: var(--cocoon-custom-border-color);
  border-right: none;
}
.sbp-r:not(.not-nested-style) .speech-balloon::after {
  right: -9px;
  left: auto;
  border-left-width: 12px;
  border-left-style: solid;
  border-left-color: var(--cocoon-custom-background-color);
  border-right: none;
}

.sbis-sn:not(.not-nested-style) .speech-icon-image {
  border-radius: 0;
  border-style: none;
  box-shadow: none;
}

.sbis-sb:not(.not-nested-style) .speech-icon-image {
  border-radius: 0;
}

.sbis-cn:not(.not-nested-style) .speech-icon-image {
  border-style: none;
  box-shadow: none;
}

.sbs-flat {
  --cocoon-custom-background-color: #f1f1f1;
  --cocoon-custom-border-color: #f1f1f1;
  --cocoon-custom-text-color: var(--cocoon-text-color);
}
.sbs-flat:not(.not-nested-style) .speech-balloon {
  background-color: var(--cocoon-custom-background-color);
  border-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-custom-text-color);
}
.sbs-flat:not(.not-nested-style) .speech-balloon::before {
  border-right-color: var(--cocoon-custom-border-color);
}
.sbs-flat:not(.not-nested-style) .speech-balloon::after {
  border-right-color: var(--cocoon-custom-background-color);
}

.sbs-line {
  --cocoon-custom-background-color: var(--cocoon-white-color);
  --cocoon-custom-border-color: var(--cocoon-basic-border-color);
  --cocoon-custom-text-color: var(--cocoon-text-color);
}
.sbs-line:not(.not-nested-style) .speech-balloon {
  border-width: 1px;
  background-color: var(--cocoon-custom-background-color);
  border-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-custom-text-color);
}
.sbs-line:not(.not-nested-style) .speech-balloon::after {
  left: -10px;
}
.sbs-line:not(.not-nested-style) .speech-balloon::before {
  border-right-color: var(--cocoon-custom-border-color);
}
.sbs-line:not(.not-nested-style) .speech-balloon::after {
  border-right-color: var(--cocoon-custom-background-color);
}

.sbs-line.sbp-r {
  --cocoon-custom-background-color: #85e249;
  --cocoon-custom-border-color: #85e249;
}
.sbs-line.sbp-r:not(.not-nested-style) .speech-balloon {
  background-color: var(--cocoon-custom-background-color);
  border-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-custom-text-color);
}
.sbs-line.sbp-r:not(.not-nested-style) .speech-balloon::after {
  left: auto;
  right: -10px;
}
.sbs-line.sbp-r:not(.not-nested-style) .speech-balloon::before {
  border-left-color: var(--cocoon-custom-border-color);
}
.sbs-line.sbp-r:not(.not-nested-style) .speech-balloon::after {
  border-left-color: var(--cocoon-custom-background-color);
}

div.sbs-think.sbp-l:not(.not-nested-style) .speech-balloon {
  margin-left: 46px;
}
div.sbs-think:not(.not-nested-style) .speech-balloon::before {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  border-radius: 50%;
  left: -29px;
  top: 11px;
  width: 20px;
  height: 20px;
}
div.sbs-think:not(.not-nested-style) .speech-balloon::after {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  border-radius: 50%;
  left: -44px;
  top: 25px;
  width: 10px;
  height: 10px;
}

.sbs-think.sbp-r:not(.not-nested-style) .speech-balloon {
  margin-right: 46px;
}
.sbs-think.sbp-r:not(.not-nested-style) .speech-balloon::before {
  left: auto;
  right: -29px;
}
.sbs-think.sbp-r:not(.not-nested-style) .speech-balloon::after {
  left: auto;
  right: -44px;
}

.cocoon-block-balloon.not-nested-style.sbis-sn > .speech-person .speech-icon-image {
  border-radius: 0;
  border-style: none;
  box-shadow: none;
}
.cocoon-block-balloon.not-nested-style.sbis-sb > .speech-person .speech-icon-image {
  border-radius: 0;
}
.cocoon-block-balloon.not-nested-style.sbis-cn > .speech-person .speech-icon-image {
  border-style: none;
  box-shadow: none;
}
.cocoon-block-balloon.not-nested-style.sbp-l > .speech-balloon {
  margin-left: 20px;
}
.cocoon-block-balloon.not-nested-style.sbp-r > .speech-balloon {
  margin-right: 20px;
}
.cocoon-block-balloon.not-nested-style.sbp-r > .speech-balloon::before, .cocoon-block-balloon.not-nested-style.sbp-r > .speech-balloon::after {
  left: auto;
  border-left-width: 12px;
  border-left-style: solid;
  border-right: none;
}
.cocoon-block-balloon.not-nested-style.sbp-r > .speech-balloon::before {
  right: -12px;
  border-left-color: var(--cocoon-custom-border-color);
}
.cocoon-block-balloon.not-nested-style.sbp-r > .speech-balloon::after {
  right: -9px;
  border-left-color: var(--cocoon-custom-background-color);
}
.cocoon-block-balloon.not-nested-style.sbs-flat > .speech-balloon::before {
  border-right-color: var(--cocoon-custom-border-color);
}
.cocoon-block-balloon.not-nested-style.sbs-flat > .speech-balloon::after {
  border-right-color: var(--cocoon-custom-background-color);
}
.cocoon-block-balloon.not-nested-style.sbs-line > .speech-balloon {
  border-width: 1px;
}
.cocoon-block-balloon.not-nested-style.sbs-line > .speech-balloon::before {
  border-right-color: var(--cocoon-custom-border-color);
}
.cocoon-block-balloon.not-nested-style.sbs-line > .speech-balloon::after {
  left: -10px;
  border-right-color: var(--cocoon-custom-background-color);
}
.cocoon-block-balloon.not-nested-style.sbs-line.sbp-r > .speech-balloon::before {
  border-left-color: var(--cocoon-custom-border-color);
}
.cocoon-block-balloon.not-nested-style.sbs-line.sbp-r > .speech-balloon::after {
  left: auto;
  right: -10px;
  border-left-color: var(--cocoon-custom-background-color);
}
.cocoon-block-balloon.not-nested-style.sbs-think > .speech-balloon::before, .cocoon-block-balloon.not-nested-style.sbs-think > .speech-balloon::after {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  border-radius: 50%;
}
.cocoon-block-balloon.not-nested-style.sbs-think > .speech-balloon::before {
  left: -29px;
  top: 11px;
  width: 20px;
  height: 20px;
}
.cocoon-block-balloon.not-nested-style.sbs-think > .speech-balloon::after {
  left: -44px;
  top: 25px;
  width: 10px;
  height: 10px;
}
.cocoon-block-balloon.not-nested-style.sbs-think.sbp-l > .speech-balloon {
  margin-left: 46px;
}
.cocoon-block-balloon.not-nested-style.sbs-think.sbp-r > .speech-balloon {
  margin-right: 46px;
}
.cocoon-block-balloon.not-nested-style.sbs-think.sbp-r > .speech-balloon::before {
  left: auto;
  right: -29px;
}
.cocoon-block-balloon.not-nested-style.sbs-think.sbp-r > .speech-balloon::after {
  left: auto;
  right: -44px;
}

.booklink-box,
.kaerebalink-box,
.tomarebalink-box,
.product-item-box {
  padding: 22px 25px;
  width: 96%;
  border: 3px solid #dfdfdf;
  box-sizing: border-box;
  position: relative;
}

.product-item-box {
  position: relative;
}
.product-item-box::after {
  content: "\ea87";
  font-family: icomoon;
  position: absolute;
  bottom: 0;
  right: 6px;
  font-size: 24px;
  color: var(--cocoon-thin-color);
}
.product-item-box .image-thumb img {
  border: none;
  box-shadow: none;
}

.rakuten-item-box::after {
  content: "\e903";
  font-family: icomoon;
}

.product-item-error.cf {
  display: block;
  line-height: 1.2;
}

.booklink-image,
.kaerebalink-image,
.tomarebalink-image,
.product-item-thumb {
  width: 160px;
  min-width: 160px;
  margin: 0 auto 1em !important;
  float: none !important;
  text-align: center;
}
.booklink-image *,
.kaerebalink-image *,
.tomarebalink-image *,
.product-item-thumb * {
  display: block;
}
.booklink-image > a > img,
.kaerebalink-image > a > img,
.tomarebalink-image > a > img,
.product-item-thumb > a > img {
  margin: 0 auto;
}

.image-content {
  visibility: hidden;
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  border: 1px solid var(--cocoon-x-thin-color);
  background-color: var(--cocoon-xx-thin-color);
  border-radius: var(--cocoon-badge-border-radius);
  transition: all 0.3s ease;
  opacity: 0;
  max-width: calc(100% - 160px);
}
.image-content img {
  display: block;
}
.image-content amp-img {
  min-width: 500px;
}

.image-thumb:hover > .image-content {
  visibility: visible;
  opacity: 1;
}
.image-thumb:hover > .image-content:hover {
  display: none;
}

.swatchimages {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3px;
}
.swatchimages > * {
  border: 1px solid var(--cocoon-thin-color);
  margin: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swatchimages > *:hover {
  box-shadow: 0 0 4px #f79901;
}
.swatchimages > * > img {
  display: block;
}
.swatchimages:hover .si-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pis-l .si-thumb {
  width: 30px;
}

.pis-m .si-thumb {
  width: 18%;
}

.pis-s .si-thumb {
  width: 30%;
}

.booklink-info,
.kaerebalink-info,
.tomarebalink-info,
.product-item-content {
  line-height: 125%;
  width: 100%;
}

.product-item-snippet {
  font-size: 0.8em;
  margin-top: 6px;
}

.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date {
  font-size: 12px;
}

.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
  color: #333;
  font-size: 12px;
  margin: 0 0 10px;
}

.kaerebalink-link1 > *,
.booklink-link2 > *,
.tomarebalink-link1 > *,
.product-item-buttons > * {
  background: none !important;
  padding: 0 !important;
  display: block !important;
}
.kaerebalink-link1 a,
.booklink-link2 a,
.tomarebalink-link1 a,
.product-item-buttons a {
  width: 90%;
  display: block;
  margin: 0px auto 8px;
  padding: 6px 12px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.kaerebalink-link1 a:hover,
.booklink-link2 a:hover,
.tomarebalink-link1 a:hover,
.product-item-buttons a:hover {
  opacity: 0.6;
}

.product-item-buttons {
  margin-top: 1em;
}

.product-item-image-only img {
  border: 0;
  box-shadow: none;
}

@media screen and (min-width: 769px) {
  .booklink-box,
  .kaerebalink-box,
  .tomarebalink-box,
  .product-item-box {
    text-align: left;
    display: flex;
    font-size: inherit !important;
  }
  .booklink-image,
  .kaerebalink-image,
  .tomarebalink-image,
  .product-item-thumb {
    vertical-align: top;
    box-sizing: border-box;
    min-width: auto !important;
  }
  .booklink-info,
  .kaerebalink-info,
  .tomarebalink-info,
  .product-item-content {
    line-height: 125%;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 25px;
    width: 100%;
  }
  .booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date {
    margin: 6px 0 0;
  }
  .booklink-detail, .kaerebalink-detail {
    margin: 0 0 14px;
  }
  .booklink-link2,
  .kaerebalink-link1,
  .tomarebalink-link1,
  .product-item-buttons {
    display: flex;
    flex-wrap: wrap;
  }
  .booklink-link2 a,
  .kaerebalink-link1 a,
  .tomarebalink-link1 a,
  .product-item-buttons a {
    width: auto;
    text-align: center;
    border-radius: 3px;
  }
  .booklink-link2 a img,
  .kaerebalink-link1 a img,
  .tomarebalink-link1 a img,
  .product-item-buttons a img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .booklink-link2 > *,
  .kaerebalink-link1 > *,
  .tomarebalink-link1 > *,
  .product-item-buttons > * {
    margin: 0.5%;
    box-sizing: border-box;
  }
}
.shoplinkbtn {
  position: relative;
}
.shoplinkbtn img {
  position: absolute;
}

.shoplinkbtn1 a {
  background: #192f60;
}

.shoplinkbtn2 a {
  background: #007b43;
}

.shoplinkbtn3 a {
  background: #522f60;
}

.shoplinkamazon a {
  background: #f79901;
}

.shoplinkrakuten a {
  background: var(--cocoon-rakuten-color);
}

.shoplinkyahoo a {
  background: #e60033;
  position: relative;
}

.shoplinkdmm a {
  background: #00bcd4;
}

.shoplinkseven a {
  background: #008837;
}

.shoplinkbellemaison a {
  background: #80bd22;
}

.shoplinkcecile a {
  background: #8d124b;
}

.shoplinkkakakucom a {
  background: #051d93;
}

.shoplinkkindle a {
  background: #0074c1;
}

.shoplinkrakukobo a {
  background: var(--cocoon-rakuten-color);
}

.shoplinkbk1 a {
  background: #0085cd;
}

.shoplinkehon a {
  background: #000066;
}

.shoplinkkino a {
  background: #004097;
}

.shoplinktoshokan a {
  background: #15b0e7;
}

.shoplinkjalan a {
  background: #ff5600;
}

.shoplinkjtb a {
  background: #C71628;
}

.shoplinkikyu a {
  background: #1C4678;
}

.shoplinkrurubu a {
  background: #000066;
}

.shoplinkwowma a {
  background: #FF6100;
}

.product-item-admin {
  position: absolute;
  bottom: 3px;
  left: 6px;
}
.product-item-admin > * {
  font-size: 10px;
  color: #777;
  margin: 6px;
}

.pis-s {
  padding: 1em;
}
.pis-s::after {
  font-size: 18px;
}
.pis-s .product-item-thumb {
  width: 90px;
  min-width: 90px;
}

.pis-l.product-item-box {
  display: block;
}
.pis-l figure.product-item-thumb {
  width: 100%;
  min-width: auto;
}

.item-price {
  color: #c9171e;
}

.acquired-date {
  font-size: 0.9em;
}

.nwa .booklink-box, .nwa .kaerebalink-box, .nwa .tomarebalink-box, .nwa .product-item-box {
  padding: 10px 10px 24px;
  display: block;
}
.nwa .booklink-image, .nwa .kaerebalink-image, .nwa .tomarebalink-image, .nwa .product-item-thumb {
  width: 120px;
  min-width: 120px;
  margin-right: 3% !important;
  float: left !important;
  height: 100% !important;
}
.nwa .booklink-link2,
.nwa .kaerebalink-link1,
.nwa .tomarebalink-link1,
.nwa .product-item-buttons {
  display: flex;
  flex-wrap: wrap;
}
.nwa .booklink-link2 > *,
.nwa .kaerebalink-link1 > *,
.nwa .tomarebalink-link1 > *,
.nwa .product-item-buttons > * {
  width: auto;
  margin: 0 0.5% !important;
}
.nwa .booklink-link2 > * > a,
.nwa .kaerebalink-link1 > * > a,
.nwa .tomarebalink-link1 > * > a,
.nwa .product-item-buttons > * > a {
  width: auto;
  font-size: 11px;
}
.nwa .product-item-box::after {
  font-size: 18px;
}
.nwa .booklink-image, .nwa .kaerebalink-image, .nwa .tomarebalink-image, .nwa .product-item-thumb {
  width: 80px;
  min-width: 80px;
}
.nwa .booklink-info, .nwa .kaerebalink-info, .nwa .tomarebalink-info, .nwa .product-item-content {
  width: auto !important;
  overflow: visible !important;
  text-align: center !important;
  padding: 0 !important;
}
.nwa .booklink-link2 > *,
.nwa .kaerebalink-link1 > *,
.nwa .tomarebalink-link1 > *,
.nwa .product-item-buttons > * {
  width: 100%;
  margin: 0 0.5% !important;
}

.fb-like-box {
  background-color: #444;
  color: var(--cocoon-white-color);
  display: flex;
  flex-wrap: nowrap;
}
.fb-like-box .fb-like-thumb,
.fb-like-box .fb-like-content {
  width: 100%;
}
.fb-like-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.fb-like-box .fb_reset {
  display: none;
}

.fb-like-content {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.fb-like-content > div {
  padding-top: 8px;
}

.fb-like-message {
  color: #eee;
  font-size: 0.9em;
}

.fb-like-sub-message {
  color: #ccc;
  font-size: 0.7em;
  margin-bottom: 8px;
}

.fb-like-buttons {
  padding: 0;
  text-align: center;
}
.fb-like-buttons > div {
  margin: 8px;
  display: flex;
  justify-content: center;
}
.fb-like-buttons > div > * {
  height: 100%;
}

.fb-like-facebook {
  margin-bottom: -7px;
}

.sidebar .fb-like-box {
  max-width: 640px;
  flex-direction: column;
}

/*拡張クラスを追加するスタイルシート*/
.badge-grey, .badge-brown, .badge-yellow, .badge-green, .badge-blue, .badge-purple, .badge-pink, .badge-red, .badge,
.ref,
.reffer,
.sankou {
  color: var(--cocoon-white-color);
  padding: 1px 5px 0;
  border-radius: 2px;
  font-size: 12px;
}

.badge,
.ref,
.reffer,
.sankou {
  background-color: var(--cocoon-orange-color);
}

.badge-red {
  background-color: var(--cocoon-red-color);
}

.badge-pink {
  background-color: var(--cocoon-pink-color);
}

.badge-purple {
  background-color: var(--cocoon-purple-color);
}

.badge-blue {
  background-color: var(--cocoon-blue-color);
}

.badge-green {
  background-color: var(--cocoon-green-color);
}

.badge-yellow {
  background-color: var(--cocoon-yellow-color);
}

.badge-brown {
  background-color: var(--cocoon-brown-color);
}

.badge-grey {
  background-color: var(--cocoon-grey-color);
}

/*太字*/
.bold {
  font-weight: bold;
}

/*赤色*/
.red {
  color: var(--cocoon-red-color);
}

/*太字で赤色*/
.bold-red {
  font-weight: bold;
  color: var(--cocoon-red-color);
}

/*青色*/
.blue {
  color: var(--cocoon-blue-color);
}

/*太字で青色*/
.bold-blue {
  font-weight: bold;
  color: var(--cocoon-blue-color);
}

/*緑色*/
.green {
  color: var(--cocoon-green-color);
}

/*太字で緑色*/
.bold-green {
  font-weight: bold;
  color: var(--cocoon-green-color);
}

/*赤のアンダーライン*/
.red-under {
  border-bottom: 2px solid red;
}

/*マーカーの黄色のような色*/
.marker {
  background-color: #ff9;
}

.marker-red {
  background-color: #ffd0d1;
}

.marker-blue {
  background-color: #a8dafb;
}

/*下半分のマーカー色（km）*/
.marker-under {
  background: linear-gradient(transparent 60%, #ff9 60%);
}

.marker-under-red {
  background: linear-gradient(transparent 60%, #ffd0d1 60%);
}

.marker-under-blue {
  background: linear-gradient(transparent 60%, #a8dafb 60%);
}

/*打ち消し線*/
.strike {
  text-decoration: line-through;
}

/*キーボードキーのスタイル*/
.keyboard-key {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(center top, #eee, #f9f9f9, #eee);
  border: 1px solid var(--cocoon-middle-thickness-color);
  border-radius: 2px;
  box-shadow: 1px 2px 2px #ddd;
  font-family: inherit;
  font-size: 0.85em;
  padding: 1px 3px;
}

/*ブートストラップのインフォメーションライクな囲みが表示される*/
.is-style-primary-box,
.primary-box,
.sp-primary,
.primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/*サクセスメッセージ*/
.is-style-success-box,
.success-box,
.sp-success,
.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/*インフォメッセージ*/
.is-style-info-box,
.info-box,
.sp-info,
.info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/*注意メッセージ*/
.is-style-warning-box,
.warning-box,
.sp-warning,
.warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/*警告メッセージ*/
.is-style-danger-box,
.danger-box,
.sp-danger,
.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/*セカンダリー*/
.is-style-secondary-box,
.secondary-box {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/*ライト*/
.is-style-light-box,
.light-box {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/*ダーク*/
.is-style-dark-box,
.dark-box {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/*******************************
* 補足説明
********************************/
.is-style-information-box,
.is-style-question-box,
.is-style-alert-box,
.is-style-memo-box,
.is-style-comment-box,
.is-style-ok-box,
.is-style-ng-box,
.is-style-good-box,
.is-style-bad-box,
.is-style-profile-box,
.information-box,
.question-box,
.alert-box,
.information,
.question,
.alert,
.memo-box,
.comment-box,
.common-icon-box {
  padding: 20px 20px 20px 72px;
  border-radius: 4px;
  position: relative;
  display: block;
}
.is-style-information-box.has-background,
.is-style-question-box.has-background,
.is-style-alert-box.has-background,
.is-style-memo-box.has-background,
.is-style-comment-box.has-background,
.is-style-ok-box.has-background,
.is-style-ng-box.has-background,
.is-style-good-box.has-background,
.is-style-bad-box.has-background,
.is-style-profile-box.has-background,
.information-box.has-background,
.question-box.has-background,
.alert-box.has-background,
.information.has-background,
.question.has-background,
.alert.has-background,
.memo-box.has-background,
.comment-box.has-background,
.common-icon-box.has-background {
  padding: 20px 20px 20px 72px;
}

.body blockquote :last-child,
.body .wp-block-media-text__content :last-child,
.body .wp-block-columns :last-child,
.body .column-left :last-child,
.body .column-center :last-child,
.body .column-right :last-child,
.body .timeline-box :last-child,
.body .wp-block-cover :last-child,
.body .blogcard-type :last-child,
.body .btn-wrap :last-child,
.body .wp-block-group:not(.is-content-justification-left, .is-content-justification-center, .is-content-justification-right, .is-content-justification-space-between) :last-child,
.body .wp-block-gallery :last-child,
.body .block-box :last-child,
.body .blank-box :last-child,
.body .common-icon-box :last-child,
.body .info-box :last-child,
.body .primary-box :last-child,
.body .success-box :last-child,
.body .warning-box :last-child,
.body .danger-box :last-child,
.body .secondary-box :last-child,
.body .light-box :last-child,
.body .dark-box :last-child,
.body .toc :last-child {
  margin-bottom: 0;
}
.body div.scrollable-table table,
.body .wp-block-table table {
  margin-bottom: 0;
}
.body .wp-block-table .scrollable-table {
  margin-bottom: 0;
}

.is-style-information-box,
.information-box,
.information {
  background: #f3fafe;
  border: 1px solid #bde4fc;
}

.is-style-question-box,
.question-box,
.question {
  background: #fff7cc;
  border: 1px solid #ffe766;
}

.is-style-alert-box,
.alert-box,
.alert {
  background: #fdf2f2;
  border: 1px solid #f6b9b9;
}

.is-style-memo-box,
.memo-box {
  background: #ebf8f4;
  border: 1px solid #8dd7c1;
}

.is-style-comment-box,
.comment-box {
  background: #fefefe;
  border: 1px solid #ccd;
}

.is-style-ok-box,
.ok-box {
  background: #f2fafb;
  border: 1px solid #3cb2cc;
}

.is-style-ng-box,
.ng-box {
  background: #ffe7e7;
  border: 1px solid #dd5454;
}

.is-style-good-box,
.good-box {
  background: #f7fcf7;
  border: 1px solid #98e093;
}

.is-style-bad-box,
.bad-box {
  background: #fff1f4;
  border: 1px solid #eb6980;
}

.is-style-profile-box,
.profile-box {
  background: #fefefe;
  border: 1px solid #ccd;
}

.is-style-information-box::before,
.is-style-question-box::before,
.is-style-alert-box::before,
.is-style-memo-box::before,
.is-style-comment-box::before,
.is-style-ok-box::before,
.is-style-ng-box::before,
.is-style-good-box::before,
.is-style-bad-box::before,
.is-style-profile-box::before,
.information-box::before,
.question-box::before,
.alert-box::before,
.information::before,
.question::before,
.alert::before,
.memo-box::before,
.comment-box::before,
.common-icon-box::before {
  font-family: "FontAwesome";
  font-size: 34px;
  position: absolute;
  padding-right: 0.15em;
  line-height: 1em;
  top: 50%;
  margin-top: -0.5em;
  left: 10px;
  width: 44px;
  text-align: center;
}

.is-style-information-box::before,
.information-box::before,
.information::before {
  content: "\f05a";
  color: #87cefa;
  border-right: 1px solid #bde4fc;
}

.is-style-question-box::before,
.question-box::before,
.question::before {
  content: "\f059";
  color: gold;
  border-right: 1px solid #ffe766;
}

.is-style-alert-box::before,
.alert-box::before,
.alert::before {
  content: "\f06a";
  color: #f3aca9;
  border-right: 1px solid #f6b9b9;
}

.is-style-memo-box::before,
.memo-box::before {
  content: "\f040";
  color: #7ad0b6;
  border-right: 1px solid #8dd7c1;
}

.is-style-comment-box::before,
.comment-box::before,
.is-style-profile-box::before,
.profile-box::before {
  content: "\f0e5";
  color: #999;
  border-right: 1px solid #ccd;
}

.is-style-profile-box::before,
.profile-box::before {
  content: "\f007";
}

.is-style-ok-box::before,
.ok-box::before {
  content: "\f10c";
  color: #3cb2cc;
  border-right: 1px solid #3cb2cc;
  font-size: 36px;
}

.is-style-ng-box::before,
.ng-box::before {
  content: "\f00d";
  color: #dd5454;
  border-right: 1px solid #dd5454;
  font-size: 36px;
}

.is-style-good-box::before,
.good-box::before {
  content: "\f164";
  color: #98e093;
  border-right: 1px solid #98e093;
  font-size: 36px;
}

.is-style-bad-box::before,
.bad-box::before {
  content: "\f165";
  color: #eb6980;
  border-right: 1px solid #eb6980;
  font-size: 36px;
}

#wpadminbar .alert::before {
  display: none;
}

.blank-box {
  --cocoon-custom-border-color: var(--cocoon-grey-color);
  padding: var(--cocoon-box-padding);
  border-radius: var(--cocoon-basic-border-radius);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);
  border-style: solid;
  border-width: 3px;
  border-color: var(--cocoon-custom-border-color);
}
.blank-box ol, .blank-box ul {
  margin: 0;
}
.blank-box.bb-red {
  border-color: var(--cocoon-red-color);
}
.blank-box.bb-pink {
  border-color: var(--cocoon-pink-color);
}
.blank-box.bb-purple {
  border-color: var(--cocoon-purple-color);
}
.blank-box.bb-blue {
  border-color: var(--cocoon-blue-color);
}
.blank-box.bb-green {
  border-color: var(--cocoon-green-color);
}
.blank-box.bb-orange {
  border-color: var(--cocoon-orange-color);
}
.blank-box.bb-yellow {
  border-color: var(--cocoon-yellow-color);
}
.blank-box.bb-brown {
  border-color: var(--cocoon-brown-color);
}
.blank-box.bb-grey {
  border-color: var(--cocoon-grey-color);
}
.blank-box.bb-black {
  border-color: var(--cocoon-black-color);
}
.blank-box.bb-deep {
  border-color: var(--cocoon-deep-color);
}
.blank-box.bb-indigo {
  border-color: var(--cocoon-indigo-color);
}
.blank-box.bb-light-blue {
  border-color: var(--cocoon-light-blue-color);
}
.blank-box.bb-cyan {
  border-color: var(--cocoon-cyan-color);
}
.blank-box.bb-teal {
  border-color: var(--cocoon-teal-color);
}
.blank-box.bb-light-green {
  border-color: var(--cocoon-light-green-color);
}
.blank-box.bb-lime {
  border-color: var(--cocoon-lime-color);
}
.blank-box.bb-amber {
  border-color: var(--cocoon-amber-color);
}
.blank-box.bb-deep-orange {
  border-color: var(--cocoon-deep-orange-color);
}
.blank-box.bb-white {
  border-color: var(--cocoon-white-color);
}
.blank-box.bb-tab {
  position: relative;
  margin-top: 2em;
  border-top-left-radius: 0;
}
.blank-box.bb-tab .bb-label {
  background-color: var(--cocoon-custom-border-color);
  font-family: Aharoni, "Arial Black", Impact, Arial, sans-serif;
  position: absolute;
  font-size: 13px;
  top: -1.8em;
  line-height: 1.8;
  color: var(--cocoon-white-color);
  left: -3px;
  border-radius: 6px 6px 0 0;
  padding: 0 1em 0 0.8em;
}
.blank-box.bb-tab .bb-label .fa {
  margin-right: 6px;
}
.blank-box.bb-tab.bb-red .bb-label {
  background-color: var(--cocoon-red-color);
}
.blank-box.bb-tab.bb-pink .bb-label {
  background-color: var(--cocoon-pink-color);
}
.blank-box.bb-tab.bb-purple .bb-label {
  background-color: var(--cocoon-purple-color);
}
.blank-box.bb-tab.bb-blue .bb-label {
  background-color: var(--cocoon-blue-color);
}
.blank-box.bb-tab.bb-green .bb-label {
  background-color: var(--cocoon-green-color);
}
.blank-box.bb-tab.bb-orange .bb-label {
  background-color: var(--cocoon-orange-color);
}
.blank-box.bb-tab.bb-yellow .bb-label {
  background-color: var(--cocoon-yellow-color);
}
.blank-box.bb-tab.bb-brown .bb-label {
  background-color: var(--cocoon-brown-color);
}
.blank-box.bb-tab.bb-grey .bb-label {
  background-color: var(--cocoon-grey-color);
}
.blank-box.bb-tab.bb-black .bb-label {
  background-color: var(--cocoon-black-color);
}
.blank-box.bb-tab.bb-deep .bb-label {
  background-color: var(--cocoon-deep-color);
}
.blank-box.bb-tab.bb-indigo .bb-label {
  background-color: var(--cocoon-indigo-color);
}
.blank-box.bb-tab.bb-light-blue .bb-label {
  background-color: var(--cocoon-light-blue-color);
}
.blank-box.bb-tab.bb-cyan .bb-label {
  background-color: var(--cocoon-cyan-color);
}
.blank-box.bb-tab.bb-teal .bb-label {
  background-color: var(--cocoon-teal-color);
}
.blank-box.bb-tab.bb-light-green .bb-label {
  background-color: var(--cocoon-light-green-color);
}
.blank-box.bb-tab.bb-lime .bb-label {
  background-color: var(--cocoon-lime-color);
}
.blank-box.bb-tab.bb-amber .bb-label {
  background-color: var(--cocoon-amber-color);
}
.blank-box.bb-tab.bb-deep-orange .bb-label {
  background-color: var(--cocoon-deep-orange-color);
}
.blank-box.bb-tab.bb-white .bb-label {
  background-color: var(--cocoon-white-color);
}
.blank-box.sticky {
  border-width: 0 0 0 6px;
  border-color: var(--cocoon-x-pallid-text-color);
  background-color: var(--cocoon-xx-thin-color);
}
.blank-box.sticky.st-yellow {
  border-color: #FFA103;
  background-color: #ffeac7;
}
.blank-box.sticky.st-red {
  border-color: #CD3740;
  background-color: #F5DADC;
}
.blank-box.sticky.st-blue {
  border-color: #0066cc;
  background-color: #E5F2FF;
}
.blank-box.sticky.st-green {
  border-color: #028760;
  background-color: #CBEFE4;
}

[class*=is-style-blank-box-] {
  --cocoon-custom-border-color: var(--cocoon-grey-color);
  padding: var(--cocoon-box-padding);
  border-radius: var(--cocoon-basic-border-radius);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);
  border-style: solid;
  border-width: 3px;
  border-color: var(--cocoon-custom-border-color);
}
[class*=is-style-blank-box-] ol, [class*=is-style-blank-box-] ul {
  margin: 0;
}

.is-style-blank-box-red {
  border-color: var(--cocoon-red-color);
}

.is-style-blank-box-pink {
  border-color: var(--cocoon-pink-color);
}

.is-style-blank-box-navy {
  border-color: var(--cocoon-indigo-color);
}

.is-style-blank-box-blue {
  border-color: var(--cocoon-blue-color);
}

.is-style-blank-box-purple {
  border-color: var(--cocoon-purple-color);
}

.is-style-blank-box-yellow {
  border-color: var(--cocoon-yellow-color);
}

.is-style-blank-box-green {
  border-color: var(--cocoon-green-color);
}

.is-style-blank-box-orange {
  border-color: var(--cocoon-orange-color);
}

[class*=is-style-sticky-] {
  --cocoon-custom-border-color: var(--cocoon-grey-color);
  padding: var(--cocoon-box-padding);
  border-radius: var(--cocoon-basic-border-radius);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);
  border-style: solid;
  border-width: 0 0 0 6px;
  border-color: var(--cocoon-x-pallid-text-color);
  background-color: var(--cocoon-xx-thin-color);
}
[class*=is-style-sticky-] ol, [class*=is-style-sticky-] ul {
  margin: 0;
}

.is-style-sticky-yellow {
  border-color: #FFA103;
  background-color: #ffeac7;
}

.is-style-sticky-red {
  border-color: #CD3740;
  background-color: #F5DADC;
}

.is-style-sticky-blue {
  border-color: #0066cc;
  background-color: #E5F2FF;
}

.is-style-sticky-green {
  border-color: #028760;
  background-color: #CBEFE4;
}

.bb-check .bb-label .fa::before {
  content: "\f00c";
}

.bb-check .bb-label::after {
  content: "CHECK";
}

.bb-comment .bb-label .fa::before {
  content: "\f075";
}

.bb-comment .bb-label::after {
  content: "COMMENT";
}

.bb-point .bb-label .fa::before {
  content: "\f0eb";
}

.bb-point .bb-label::after {
  content: "POINT";
}

.bb-tips .bb-label .fa::before {
  content: "\f19d";
}

.bb-tips .bb-label::after {
  content: "TIPS";
}

.bb-hint .bb-label .fa::before {
  content: "\f0f3";
}

.bb-hint .bb-label::after {
  content: "HINT";
}

.bb-pickup .bb-label .fa::before {
  content: "\f005";
}

.bb-pickup .bb-label::after {
  content: "PICKUP";
}

.bb-bookmark .bb-label .fa::before {
  content: "\f02e";
}

.bb-bookmark .bb-label::after {
  content: "BOOKMARK";
}

.bb-memo .bb-label .fa::before {
  content: "\f249";
}

.bb-memo .bb-label::after {
  content: "MEMO";
}

.bb-download .bb-label .fa::before {
  content: "\f019";
}

.bb-download .bb-label::after {
  content: "DOWNLOAD";
}

.bb-break .bb-label .fa::before {
  content: "\f0f4";
}

.bb-break .bb-label::after {
  content: "BREAK";
}

.bb-amazon .bb-label .fa::before {
  content: "\f270";
}

.bb-amazon .bb-label::after {
  content: "AMAZON";
}

.bb-ok .bb-label .fa::before {
  content: "\f10c";
}

.bb-ok .bb-label::after {
  content: "OK";
}

.bb-ng .bb-label .fa::before {
  content: "\f00d";
}

.bb-ng .bb-label::after {
  content: "NG";
}

.bb-good .bb-label .fa::before {
  content: "\f164";
}

.bb-good .bb-label::after {
  content: "GOOD";
}

.bb-bad .bb-label .fa::before {
  content: "\f165";
}

.bb-bad .bb-label::after {
  content: "BAD";
}

.bb-profile .bb-label .fa::before {
  content: "\f007";
}

.bb-profile .bb-label::after {
  content: "PROFILE";
}

/*******************************
* 続きはWEBで的な検索ボックス
********************************/
div.search-form {
  margin: 3em auto;
  display: flex;
  max-width: 420px;
}

.search-form > div {
  border: 1px solid #555;
  border-radius: 2px;
  padding: 5px;
  margin-left: 10px;
}

.search-form div.sform {
  background-color: var(--cocoon-white-color);
  width: 100%;
}

.search-form div.sbtn {
  background-color: #1155EE;
  color: #fff;
  text-align: center;
  width: 140px;
  position: relative;
}

.search-form div.sbtn:before {
  content: "\f002";
  font-family: FontAwesome;
  margin-right: 7px;
}

.search-form div.sbtn::after {
  content: "\f25a";
  font-family: FontAwesome;
  color: #000;
  position: absolute;
  bottom: -1.5em;
  font-size: 25px;
}

.media-modal-content .search-form {
  margin: 0 !important;
  display: block !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
}

.btn-wrap {
  float: none !important;
  min-height: 2em;
}
.btn-wrap img[width="1"] {
  position: absolute;
  bottom: 0;
  right: 0;
}

.button-block,
.btn-wrap {
  --cocoon-custom-background-color: var(--cocoon-black-color);
  --cocoon-custom-text-color: var(--cocoon-white-color);
  --cocoon-custom-border-color: transparent;
}

.btn[class*=btn-], .ranking-item-link-buttons a[class*=btn-] {
  --cocoon-custom-border-color: transparent;
}

.btn, .ranking-item-link-buttons a,
.btn-wrap > a,
.wp-block-freeform .btn-wrap > a {
  border-width: 2px;
  border-style: solid;
  color: var(--cocoon-custom-text-color, #fff);
  background-color: var(--cocoon-custom-background-color, #333);
  border-color: var(--cocoon-custom-border-color);
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  line-height: normal;
  padding: 7px 13px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.btn amp-img, .ranking-item-link-buttons a amp-img,
.btn-wrap > a amp-img,
.wp-block-freeform .btn-wrap > a amp-img {
  position: absolute;
}

.mce-content-body .btn-wrap a[data-mce-selected] {
  padding: 7px 13px;
}

.btn, .ranking-item-link-buttons a {
  margin: 0;
}
.btn.cocoon-block-button__width-25, .ranking-item-link-buttons a.cocoon-block-button__width-25 {
  width: 25%;
}
.btn.cocoon-block-button__width-50, .ranking-item-link-buttons a.cocoon-block-button__width-50 {
  width: 50%;
}
.btn.cocoon-block-button__width-75, .ranking-item-link-buttons a.cocoon-block-button__width-75 {
  width: 75%;
}
.btn.cocoon-block-button__width-100, .ranking-item-link-buttons a.cocoon-block-button__width-100 {
  width: 100%;
}

.btn-wrap {
  margin: 0;
}
.btn-wrap.cocoon-block-button__width-25 a {
  width: 25%;
}
.btn-wrap.cocoon-block-button__width-50 a {
  width: 50%;
}
.btn-wrap.cocoon-block-button__width-75 a {
  width: 75%;
}
.btn-wrap.cocoon-block-button__width-100 a {
  width: 100%;
}

.btn:before, .ranking-item-link-buttons a:before,
.btn:after,
.ranking-item-link-buttons a:after,
.btn-wrap > a:before,
.btn-wrap > a:after {
  font-family: FontAwesome;
  margin-right: 12px;
  transition: all 0.2s ease;
}

.btn-m,
.btn-wrap.btn-wrap-m > a {
  padding: 14px 45px;
  font-size: 16px;
}

.btn-l, .ranking-item-link-buttons a,
.btn-wrap.btn-wrap-l > a {
  padding: 14px 20px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-l::after, .ranking-item-link-buttons a::after,
.btn-wrap.btn-wrap-l > a::after {
  content: "\f105";
  position: absolute;
  right: 0;
  font-size: 20px;
}

.alignleft .btn-l.has-custom-width, .alignleft .ranking-item-link-buttons a.has-custom-width, .ranking-item-link-buttons .alignleft a.has-custom-width,
.alignleft.btn-wrap-l.has-custom-width a {
  margin-right: auto;
}

.aligncenter .btn-l.has-custom-width, .aligncenter .ranking-item-link-buttons a.has-custom-width, .ranking-item-link-buttons .aligncenter a.has-custom-width,
.aligncenter.btn-wrap-l.has-custom-width a {
  margin-left: auto;
  margin-right: auto;
}

.alignright .btn-l.has-custom-width, .alignright .ranking-item-link-buttons a.has-custom-width, .ranking-item-link-buttons .alignright a.has-custom-width,
.alignright.btn-wrap-l.has-custom-width a {
  margin-left: auto;
}

.btn:hover, .ranking-item-link-buttons a:hover,
.btn-wrap > a:hover {
  opacity: 0.7;
  color: var(--cocoon-white-color);
}
.btn:hover::after, .ranking-item-link-buttons a:hover::after,
.btn-wrap > a:hover::after {
  right: -4px;
}

.btn-l.btn-circle::after, .ranking-item-link-buttons a.btn-circle::after,
.btn-wrap.btn-wrap-l.btn-wrap-circle > a::after {
  right: 8px;
}
.btn-l.btn-circle:hover::after, .ranking-item-link-buttons a.btn-circle:hover::after,
.btn-wrap.btn-wrap-l.btn-wrap-circle > a:hover::after {
  right: 4px;
}

/* ボタンを光らせる */
.btn-shine,
.btn-wrap-shine > a {
  overflow: hidden;
}

.btn-shine:before,
.btn-wrap-shine > a:before {
  animation: shine 3s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

.btn-circle,
.btn-wrap-circle > a {
  border-radius: 99px;
}

.btn-white, .btn-wrap.btn-wrap-white > a {
  color: var(--cocoon-text-color);
  background-color: var(--cocoon-white-color);
}

#container .btn-white:hover, #container .btn-wrap.btn-wrap-white > a:hover {
  color: var(--cocoon-text-color);
}

.btn-black, .btn-wrap.btn-wrap-black > a {
  background-color: var(--cocoon-black-color);
}

.btn-red, .ranking-item-link a, .btn-wrap.btn-wrap-red > a {
  background-color: var(--cocoon-red-color);
}

.btn-pink, .btn-wrap.btn-wrap-pink > a {
  background-color: var(--cocoon-pink-color);
}

.btn-purple, .btn-wrap.btn-wrap-purple > a {
  background-color: var(--cocoon-purple-color);
}

.btn-deep, .btn-wrap.btn-wrap-deep > a {
  background-color: var(--cocoon-deep-color);
}

.btn-indigo, .btn-wrap.btn-wrap-indigo > a {
  background-color: var(--cocoon-indigo-color);
}

.btn-blue, .ranking-item-detail a, .btn-wrap.btn-wrap-blue > a {
  background-color: var(--cocoon-blue-color);
}

.btn-light-blue, .btn-wrap.btn-wrap-light-blue > a {
  background-color: var(--cocoon-light-blue-color);
}

.btn-cyan, .btn-wrap.btn-wrap-cyan > a {
  background-color: var(--cocoon-cyan-color);
}

.btn-teal, .btn-wrap.btn-wrap-teal > a {
  background-color: var(--cocoon-teal-color);
}

.btn-green, .btn-wrap.btn-wrap-green > a {
  background-color: var(--cocoon-green-color);
}

.btn-light-green, .btn-wrap.btn-wrap-light-green > a {
  background-color: var(--cocoon-light-green-color);
}

.btn-lime, .btn-wrap.btn-wrap-lime > a {
  background-color: var(--cocoon-lime-color);
}

.btn-yellow, .btn-wrap.btn-wrap-yellow > a {
  background-color: var(--cocoon-yellow-color);
}

.btn-amber, .btn-wrap.btn-wrap-amber > a {
  background-color: var(--cocoon-amber-color);
}

.btn-orange, .btn-wrap.btn-wrap-orange > a {
  background-color: var(--cocoon-orange-color);
}

.btn-deep-orange, .btn-wrap.btn-wrap-deep-orange > a {
  background-color: var(--cocoon-deep-orange-color);
}

.btn-brown, .btn-wrap.btn-wrap-brown > a {
  background-color: var(--cocoon-brown-color);
}

.btn-grey, .btn-wrap.btn-wrap-grey > a {
  background-color: var(--cocoon-grey-color);
}

.btn-blue-grey, .btn-wrap.btn-wrap-blue-grey > a {
  background-color: var(--cocoon-blue-gray-color);
}

.btn-arrow-right:before, .btn-wrap.btn-wrap-arrow-right > a:before {
  content: "\f061";
}

.btn-chevron-right:before, .btn-wrap.btn-wrap-chevron-circle-right > a:before {
  content: "\f054";
}

.btn-angle-right:before, .btn-wrap.btn-wrap-angle-right > a:before {
  content: "\f105";
}

.btn-caret-right:before, .btn-wrap.btn-wrap-caret-right > a:before {
  content: "\f0da";
}

.btn-long-arrow-right:before, .btn-wrap.btn-wrap-long-arrow-right > a:before {
  content: "\f178";
}

.btn-chevron-circle-right:before, .btn-wrap.btn-wrap-chevron-circle-right > a:before {
  content: "\f138";
}

.btn-angle-double-right:before, .btn-wrap.btn-wrap-angle-double-right > a:before {
  content: "\f101";
}

.btn-arrow-circle-right:before, .btn-wrap.btn-wrap-arrow-circle-right > a:before {
  content: "\f0a9";
}

.btn-hand-o-right:before, .btn-wrap.btn-wrap-hand-o-right > a:before {
  content: "\f0a4";
}

.btn-arrow-circle-o-right:before, .btn-wrap.btn-wrap-arrow-circle-o-right > a:before {
  content: "\f18e";
}

.btn-caret-square-o-right:before, .btn-wrap.btn-wrap-caret-square-o-right > a:before {
  content: "\f152";
}

.micro-text {
  --cocoon-custom-text-color: var(--cocoon-text-color);
  color: var(--cocoon-custom-text-color);
}

.micro-copy.alignleft {
  float: none;
  margin-right: 0;
  text-align: left;
}
.micro-copy.alignright {
  float: none;
  margin-left: 0;
  text-align: right;
}
.micro-copy.aligncenter {
  text-align: center;
}

.micro-top {
  font-size: 0.8em;
  margin-bottom: 0.2em;
}

.micro-bottom {
  font-size: 0.8em;
  margin-top: -1.2em;
}

.micro-center {
  text-align: center;
}

.micro-right {
  text-align: right;
}

.micro-balloon {
  --cocoon-custom-border-color: var(--cocoon-x-pallid-text-color);
  --cocoon-custom-background-color: var(--cocoon-white-color);
  --cocoon-custom-text-color: var(--cocoon-text-color);
  position: relative;
  background: var(--cocoon-custom-background-color);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  border-radius: 4px;
  padding: 3px 12px;
  display: table;
  margin-bottom: 0.8em;
  font-size: 0.8em;
}
.micro-balloon.has-background {
  color: var(--cocoon-white-color);
}
.micro-balloon.has-text-color {
  color: var(--cocoon-custom-text-color);
}
.micro-balloon.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.micro-balloon.alignleft {
  margin-right: auto;
}
.micro-balloon.alignright {
  margin-left: auto;
}

.micro-balloon:after, .micro-balloon:before {
  top: calc(100% - 1px);
  left: 50%;
  border-style: solid;
  border-color: transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.micro-balloon:after {
  border-top-color: var(--cocoon-custom-background-color);
  border-width: 7px;
  margin-left: -7px;
}

.micro-balloon:before {
  border-top-color: var(--cocoon-custom-border-color);
  border-width: 8px;
  margin-left: -8px;
}

.micro-balloon-center {
  margin-left: auto;
  margin-right: auto;
}

.micro-balloon-right {
  margin-left: auto;
}

.micro-bottom.micro-balloon {
  margin-top: -0.5em;
}

.micro-bottom.micro-balloon:after, .micro-bottom.micro-balloon:before {
  bottom: calc(100% - 1px);
  top: auto;
}

.micro-bottom.micro-balloon:after {
  border-bottom-color: var(--cocoon-custom-background-color);
  border-top-color: transparent;
}

.micro-bottom.micro-balloon:before {
  border-bottom-color: var(--cocoon-custom-border-color);
  border-top-color: transparent;
}

.micro-icon {
  margin-right: 6px;
}

.micro-copy.alignleft,
.micro-copy.alignright {
  float: none;
}

.micro-copy.alignright {
  margin-left: auto;
}

.mc-circle {
  border-radius: 2em;
  background-clip: padding-box;
}

.micro-balloon.mc-red {
  background-color: var(--cocoon-red-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-red.micro-bottom::after {
  border-bottom-color: var(--cocoon-red-color);
  border-top-color: transparent;
}
.micro-balloon.mc-red::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-red::after {
  border-top-color: var(--cocoon-red-color);
}
.micro-balloon.mc-pink {
  background-color: var(--cocoon-pink-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-pink.micro-bottom::after {
  border-bottom-color: var(--cocoon-pink-color);
  border-top-color: transparent;
}
.micro-balloon.mc-pink::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-pink::after {
  border-top-color: var(--cocoon-pink-color);
}
.micro-balloon.mc-purple {
  background-color: var(--cocoon-purple-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-purple.micro-bottom::after {
  border-bottom-color: var(--cocoon-purple-color);
  border-top-color: transparent;
}
.micro-balloon.mc-purple::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-purple::after {
  border-top-color: var(--cocoon-purple-color);
}
.micro-balloon.mc-blue {
  background-color: var(--cocoon-blue-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-blue.micro-bottom::after {
  border-bottom-color: var(--cocoon-blue-color);
  border-top-color: transparent;
}
.micro-balloon.mc-blue::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-blue::after {
  border-top-color: var(--cocoon-blue-color);
}
.micro-balloon.mc-green {
  background-color: var(--cocoon-green-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-green.micro-bottom::after {
  border-bottom-color: var(--cocoon-green-color);
  border-top-color: transparent;
}
.micro-balloon.mc-green::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-green::after {
  border-top-color: var(--cocoon-green-color);
}
.micro-balloon.mc-orange {
  background-color: var(--cocoon-orange-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-orange.micro-bottom::after {
  border-bottom-color: var(--cocoon-orange-color);
  border-top-color: transparent;
}
.micro-balloon.mc-orange::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-orange::after {
  border-top-color: var(--cocoon-orange-color);
}
.micro-balloon.mc-yellow {
  background-color: var(--cocoon-yellow-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-yellow.micro-bottom::after {
  border-bottom-color: var(--cocoon-yellow-color);
  border-top-color: transparent;
}
.micro-balloon.mc-yellow::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-yellow::after {
  border-top-color: var(--cocoon-yellow-color);
}
.micro-balloon.mc-brown {
  background-color: var(--cocoon-brown-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-brown.micro-bottom::after {
  border-bottom-color: var(--cocoon-brown-color);
  border-top-color: transparent;
}
.micro-balloon.mc-brown::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-brown::after {
  border-top-color: var(--cocoon-brown-color);
}
.micro-balloon.mc-grey {
  background-color: var(--cocoon-grey-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-grey.micro-bottom::after {
  border-bottom-color: var(--cocoon-grey-color);
  border-top-color: transparent;
}
.micro-balloon.mc-grey::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-grey::after {
  border-top-color: var(--cocoon-grey-color);
}
.micro-balloon.mc-black {
  background-color: var(--cocoon-black-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-black.micro-bottom::after {
  border-bottom-color: var(--cocoon-black-color);
  border-top-color: transparent;
}
.micro-balloon.mc-black::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-black::after {
  border-top-color: var(--cocoon-black-color);
}
.micro-balloon.mc-deep {
  background-color: var(--cocoon-deep-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-deep.micro-bottom::after {
  border-bottom-color: var(--cocoon-deep-color);
  border-top-color: transparent;
}
.micro-balloon.mc-deep::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-deep::after {
  border-top-color: var(--cocoon-deep-color);
}
.micro-balloon.mc-indigo {
  background-color: var(--cocoon-indigo-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-indigo.micro-bottom::after {
  border-bottom-color: var(--cocoon-indigo-color);
  border-top-color: transparent;
}
.micro-balloon.mc-indigo::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-indigo::after {
  border-top-color: var(--cocoon-indigo-color);
}
.micro-balloon.mc-light-blue {
  background-color: var(--cocoon-light-blue-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-light-blue.micro-bottom::after {
  border-bottom-color: var(--cocoon-light-blue-color);
  border-top-color: transparent;
}
.micro-balloon.mc-light-blue::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-light-blue::after {
  border-top-color: var(--cocoon-light-blue-color);
}
.micro-balloon.mc-cyan {
  background-color: var(--cocoon-cyan-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-cyan.micro-bottom::after {
  border-bottom-color: var(--cocoon-cyan-color);
  border-top-color: transparent;
}
.micro-balloon.mc-cyan::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-cyan::after {
  border-top-color: var(--cocoon-cyan-color);
}
.micro-balloon.mc-teal {
  background-color: var(--cocoon-teal-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-teal.micro-bottom::after {
  border-bottom-color: var(--cocoon-teal-color);
  border-top-color: transparent;
}
.micro-balloon.mc-teal::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-teal::after {
  border-top-color: var(--cocoon-teal-color);
}
.micro-balloon.mc-light-green {
  background-color: var(--cocoon-light-green-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-light-green.micro-bottom::after {
  border-bottom-color: var(--cocoon-light-green-color);
  border-top-color: transparent;
}
.micro-balloon.mc-light-green::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-light-green::after {
  border-top-color: var(--cocoon-light-green-color);
}
.micro-balloon.mc-lime {
  background-color: var(--cocoon-lime-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-lime.micro-bottom::after {
  border-bottom-color: var(--cocoon-lime-color);
  border-top-color: transparent;
}
.micro-balloon.mc-lime::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-lime::after {
  border-top-color: var(--cocoon-lime-color);
}
.micro-balloon.mc-amber {
  background-color: var(--cocoon-amber-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-amber.micro-bottom::after {
  border-bottom-color: var(--cocoon-amber-color);
  border-top-color: transparent;
}
.micro-balloon.mc-amber::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-amber::after {
  border-top-color: var(--cocoon-amber-color);
}
.micro-balloon.mc-deep-orange {
  background-color: var(--cocoon-deep-orange-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-deep-orange.micro-bottom::after {
  border-bottom-color: var(--cocoon-deep-orange-color);
  border-top-color: transparent;
}
.micro-balloon.mc-deep-orange::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-deep-orange::after {
  border-top-color: var(--cocoon-deep-orange-color);
}
.micro-balloon.mc-white {
  background-color: var(--cocoon-white-color);
  color: var(--cocoon-white-color);
  border: none;
}
.micro-balloon.mc-white.micro-bottom::after {
  border-bottom-color: var(--cocoon-white-color);
  border-top-color: transparent;
}
.micro-balloon.mc-white::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.micro-balloon.mc-white::after {
  border-top-color: var(--cocoon-white-color);
}

.blogcard-label {
  position: absolute;
  top: -18px;
  left: 16px;
  font-size: 13px;
  padding: 3px 0.6em;
  background-color: #333;
  color: #fff;
  border-radius: 3px;
  letter-spacing: 0.7px;
  display: none;
}

.blogcard-label .fa::before {
  margin-right: 6px;
}

.blogcard-type .blogcard-label {
  display: block;
}

.bct-none .blogcard-label {
  display: none;
}

.bct-related .blogcard-label .fa::before {
  content: "\f15c";
}

.bct-related .blogcard-label::after {
  content: "関連記事";
}

.bct-reference .blogcard-label .fa::before {
  content: "\f19d";
}

.bct-reference .blogcard-label::after {
  content: "参考記事";
}

.bct-reference-link .blogcard-label .fa::before {
  content: "\f19d";
}

.bct-reference-link .blogcard-label::after {
  content: "参考リンク";
}

.bct-popular .blogcard-label .fa::before {
  content: "\f005";
}

.bct-popular .blogcard-label::after {
  content: "人気記事";
}

.bct-pickup .blogcard-label .fa::before {
  content: "\f005";
}

.bct-pickup .blogcard-label::after {
  content: "ピックアップ";
}

.bct-check .blogcard-label .fa::before {
  content: "\f00c";
}

.bct-check .blogcard-label::after {
  content: "チェック";
}

.bct-together .blogcard-label .fa::before {
  content: "\f02d";
}

.bct-together .blogcard-label::after {
  content: "あわせて読みたい";
}

.bct-detail .blogcard-label .fa::before {
  content: "\f15c";
}

.bct-detail .blogcard-label::after {
  content: "詳細はこちら";
}

.bct-official .blogcard-label .fa::before {
  content: "\f024";
}

.bct-official .blogcard-label::after {
  content: "公式サイト";
}

.bct-dl .blogcard-label .fa::before {
  content: "\f019";
}

.bct-dl .blogcard-label::after {
  content: "ダウンロード";
}

.bct-prev .blogcard-label .fa::before {
  content: "\f137";
}

.bct-prev .blogcard-label::after {
  content: "前回の記事";
}

.bct-next .blogcard-label .fa::before {
  content: "\f138";
}

.bct-next .blogcard-label::after {
  content: "続きの記事";
}

.button-block {
  float: none;
  margin: 0;
}
.button-block.alignleft {
  text-align: left;
}
.button-block.aligncenter {
  text-align: center;
}
.button-block.alignright {
  text-align: right;
}

/************************************
** 汎用ボックス共通
************************************/
.block-box-label {
  display: flex;
}
.block-box-label::before {
  margin-right: 0.3em;
}

/************************************
** キャプションボックス
************************************/
.caption-box {
  --cocoon-custom-border-color: var(--cocoon-current-background-color);
  --cocoon-custom-background-color: transparent;
  --cocoon-custom-text-color: var(--cocoon-text-color);
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  border-radius: var(--cocoon-basic-border-radius);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);
}
.caption-box.has-border-color:not(.not-nested-style) .box-label {
  color: var(--cocoon-white-color);
}

.caption-box-label {
  padding: 0.2em 0.8em;
  background-color: var(--cocoon-custom-border-color);
}

.caption-box-content {
  padding: 0.4em 0.8em;
}

.cb-red.caption-box {
  border-color: var(--cocoon-red-color);
}
.cb-red .caption-box-label {
  background-color: var(--cocoon-red-color);
  color: var(--cocoon-white-color);
}

.cb-pink.caption-box {
  border-color: var(--cocoon-pink-color);
}
.cb-pink .caption-box-label {
  background-color: var(--cocoon-pink-color);
  color: var(--cocoon-white-color);
}

.cb-purple.caption-box {
  border-color: var(--cocoon-purple-color);
}
.cb-purple .caption-box-label {
  background-color: var(--cocoon-purple-color);
  color: var(--cocoon-white-color);
}

.cb-blue.caption-box {
  border-color: var(--cocoon-blue-color);
}
.cb-blue .caption-box-label {
  background-color: var(--cocoon-blue-color);
  color: var(--cocoon-white-color);
}

.cb-green.caption-box {
  border-color: var(--cocoon-green-color);
}
.cb-green .caption-box-label {
  background-color: var(--cocoon-green-color);
  color: var(--cocoon-white-color);
}

.cb-orange.caption-box {
  border-color: var(--cocoon-orange-color);
}
.cb-orange .caption-box-label {
  background-color: var(--cocoon-orange-color);
  color: var(--cocoon-white-color);
}

.cb-yellow.caption-box {
  border-color: var(--cocoon-yellow-color);
}
.cb-yellow .caption-box-label {
  background-color: var(--cocoon-yellow-color);
  color: var(--cocoon-white-color);
}

.cb-brown.caption-box {
  border-color: var(--cocoon-brown-color);
}
.cb-brown .caption-box-label {
  background-color: var(--cocoon-brown-color);
  color: var(--cocoon-white-color);
}

.cb-grey.caption-box {
  border-color: var(--cocoon-grey-color);
}
.cb-grey .caption-box-label {
  background-color: var(--cocoon-grey-color);
  color: var(--cocoon-white-color);
}

.cb-black.caption-box {
  border-color: var(--cocoon-black-color);
}
.cb-black .caption-box-label {
  background-color: var(--cocoon-black-color);
  color: var(--cocoon-white-color);
}

.cb-deep.caption-box {
  border-color: var(--cocoon-deep-color);
}
.cb-deep .caption-box-label {
  background-color: var(--cocoon-deep-color);
  color: var(--cocoon-white-color);
}

.cb-indigo.caption-box {
  border-color: var(--cocoon-indigo-color);
}
.cb-indigo .caption-box-label {
  background-color: var(--cocoon-indigo-color);
  color: var(--cocoon-white-color);
}

.cb-light-blue.caption-box {
  border-color: var(--cocoon-light-blue-color);
}
.cb-light-blue .caption-box-label {
  background-color: var(--cocoon-light-blue-color);
  color: var(--cocoon-white-color);
}

.cb-cyan.caption-box {
  border-color: var(--cocoon-cyan-color);
}
.cb-cyan .caption-box-label {
  background-color: var(--cocoon-cyan-color);
  color: var(--cocoon-white-color);
}

.cb-teal.caption-box {
  border-color: var(--cocoon-teal-color);
}
.cb-teal .caption-box-label {
  background-color: var(--cocoon-teal-color);
  color: var(--cocoon-white-color);
}

.cb-light-green.caption-box {
  border-color: var(--cocoon-light-green-color);
}
.cb-light-green .caption-box-label {
  background-color: var(--cocoon-light-green-color);
  color: var(--cocoon-white-color);
}

.cb-lime.caption-box {
  border-color: var(--cocoon-lime-color);
}
.cb-lime .caption-box-label {
  background-color: var(--cocoon-lime-color);
  color: var(--cocoon-white-color);
}

.cb-amber.caption-box {
  border-color: var(--cocoon-amber-color);
}
.cb-amber .caption-box-label {
  background-color: var(--cocoon-amber-color);
  color: var(--cocoon-white-color);
}

.cb-deep-orange.caption-box {
  border-color: var(--cocoon-deep-orange-color);
}
.cb-deep-orange .caption-box-label {
  background-color: var(--cocoon-deep-orange-color);
  color: var(--cocoon-white-color);
}

.cb-white.caption-box {
  border-color: var(--cocoon-white-color);
}
.cb-white .caption-box-label {
  background-color: var(--cocoon-white-color);
  color: var(--cocoon-white-color);
}

/************************************
** キャプションタブボックス
************************************/
.tab-caption-box {
  --cocoon-custom-border-color: var(--cocoon-current-background-color);
  --cocoon-custom-background-color: transparent;
  --cocoon-custom-text-color: var(--cocoon-text-color);
  border-width: 0;
}
.tab-caption-box.block-box.has-background {
  background-color: transparent !important;
}
.tab-caption-box.has-border-color:not(.not-nested-style) .box-label {
  color: var(--cocoon-white-color);
}

.tab-caption-box-label {
  padding: 0 0.8em;
  font-size: 0.9em;
  background-color: var(--cocoon-custom-border-color);
  display: inline-block;
  border-top-left-radius: var(--cocoon-middle-border-radius);
  border-top-right-radius: var(--cocoon-middle-border-radius);
  color: var(--cocoon-text-color);
}

.tab-caption-box-content {
  margin-top: -3px;
  border-width: 3px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);
  padding: 0.4em 0.8em;
  border-radius: var(--cocoon-middle-border-radius);
  border-top-left-radius: 0;
}

.has-border-color > .tab-caption-box-label {
  background-color: var(--cocoon-custom-border-color);
}

.has-border-color > .tab-caption-box-content {
  border-color: var(--cocoon-custom-border-color);
}

.tcb-red .tab-caption-box-label {
  background-color: var(--cocoon-red-color);
  color: var(--cocoon-white-color);
}
.tcb-red .tab-caption-box-content {
  border-color: var(--cocoon-red-color);
}

.tcb-pink .tab-caption-box-label {
  background-color: var(--cocoon-pink-color);
  color: var(--cocoon-white-color);
}
.tcb-pink .tab-caption-box-content {
  border-color: var(--cocoon-pink-color);
}

.tcb-purple .tab-caption-box-label {
  background-color: var(--cocoon-purple-color);
  color: var(--cocoon-white-color);
}
.tcb-purple .tab-caption-box-content {
  border-color: var(--cocoon-purple-color);
}

.tcb-blue .tab-caption-box-label {
  background-color: var(--cocoon-blue-color);
  color: var(--cocoon-white-color);
}
.tcb-blue .tab-caption-box-content {
  border-color: var(--cocoon-blue-color);
}

.tcb-green .tab-caption-box-label {
  background-color: var(--cocoon-green-color);
  color: var(--cocoon-white-color);
}
.tcb-green .tab-caption-box-content {
  border-color: var(--cocoon-green-color);
}

.tcb-orange .tab-caption-box-label {
  background-color: var(--cocoon-orange-color);
  color: var(--cocoon-white-color);
}
.tcb-orange .tab-caption-box-content {
  border-color: var(--cocoon-orange-color);
}

.tcb-yellow .tab-caption-box-label {
  background-color: var(--cocoon-yellow-color);
  color: var(--cocoon-white-color);
}
.tcb-yellow .tab-caption-box-content {
  border-color: var(--cocoon-yellow-color);
}

.tcb-brown .tab-caption-box-label {
  background-color: var(--cocoon-brown-color);
  color: var(--cocoon-white-color);
}
.tcb-brown .tab-caption-box-content {
  border-color: var(--cocoon-brown-color);
}

.tcb-grey .tab-caption-box-label {
  background-color: var(--cocoon-grey-color);
  color: var(--cocoon-white-color);
}
.tcb-grey .tab-caption-box-content {
  border-color: var(--cocoon-grey-color);
}

.tcb-black .tab-caption-box-label {
  background-color: var(--cocoon-black-color);
  color: var(--cocoon-white-color);
}
.tcb-black .tab-caption-box-content {
  border-color: var(--cocoon-black-color);
}

.tcb-deep .tab-caption-box-label {
  background-color: var(--cocoon-deep-color);
  color: var(--cocoon-white-color);
}
.tcb-deep .tab-caption-box-content {
  border-color: var(--cocoon-deep-color);
}

.tcb-indigo .tab-caption-box-label {
  background-color: var(--cocoon-indigo-color);
  color: var(--cocoon-white-color);
}
.tcb-indigo .tab-caption-box-content {
  border-color: var(--cocoon-indigo-color);
}

.tcb-light-blue .tab-caption-box-label {
  background-color: var(--cocoon-light-blue-color);
  color: var(--cocoon-white-color);
}
.tcb-light-blue .tab-caption-box-content {
  border-color: var(--cocoon-light-blue-color);
}

.tcb-cyan .tab-caption-box-label {
  background-color: var(--cocoon-cyan-color);
  color: var(--cocoon-white-color);
}
.tcb-cyan .tab-caption-box-content {
  border-color: var(--cocoon-cyan-color);
}

.tcb-teal .tab-caption-box-label {
  background-color: var(--cocoon-teal-color);
  color: var(--cocoon-white-color);
}
.tcb-teal .tab-caption-box-content {
  border-color: var(--cocoon-teal-color);
}

.tcb-light-green .tab-caption-box-label {
  background-color: var(--cocoon-light-green-color);
  color: var(--cocoon-white-color);
}
.tcb-light-green .tab-caption-box-content {
  border-color: var(--cocoon-light-green-color);
}

.tcb-lime .tab-caption-box-label {
  background-color: var(--cocoon-lime-color);
  color: var(--cocoon-white-color);
}
.tcb-lime .tab-caption-box-content {
  border-color: var(--cocoon-lime-color);
}

.tcb-amber .tab-caption-box-label {
  background-color: var(--cocoon-amber-color);
  color: var(--cocoon-white-color);
}
.tcb-amber .tab-caption-box-content {
  border-color: var(--cocoon-amber-color);
}

.tcb-deep-orange .tab-caption-box-label {
  background-color: var(--cocoon-deep-orange-color);
  color: var(--cocoon-white-color);
}
.tcb-deep-orange .tab-caption-box-content {
  border-color: var(--cocoon-deep-orange-color);
}

.tcb-white .tab-caption-box-label {
  background-color: var(--cocoon-white-color);
  color: var(--cocoon-white-color);
}
.tcb-white .tab-caption-box-content {
  border-color: var(--cocoon-white-color);
}

html .body .tab-caption-box.has-white-background-color .box-content {
  background-color: #fff;
}

/************************************
** ラベルボックス
************************************/
.label-box {
  --cocoon-custom-border-color: var(--cocoon-middle-thickness-color);
  --cocoon-custom-background-color: transparent;
  --cocoon-custom-text-color: var(--cocoon-text-color);
  border-width: 0;
  color: var(--cocoon-custom-text-color);
}
.label-box.block-box.has-background {
  background-color: transparent !important;
}

.label-box-label {
  margin-left: 1em;
  padding: 0 0.8em;
  font-size: 0.9em;
  font-weight: bold;
  text-shadow: var(--cocoon-white-color) 3px 0px 0px, var(--cocoon-white-color) 2px 1px 0px, var(--cocoon-white-color) 2px 2px 0px, var(--cocoon-white-color) 2px 3px 0px, var(--cocoon-white-color) 1px 3px 0px, var(--cocoon-white-color) 0px 3px 0px, var(--cocoon-white-color) -1px 3px 0px, var(--cocoon-white-color) -2px 2px 0px, var(--cocoon-white-color) -3px 1px 0px, var(--cocoon-white-color) -3px 0px 0px, var(--cocoon-white-color) -3px -1px 0px, var(--cocoon-white-color) -3px -2px 0px, var(--cocoon-white-color) -2px -2px 0px, var(--cocoon-white-color) -1px -3px 0px, var(--cocoon-white-color) 0px -3px 0px, var(--cocoon-white-color) 1px -3px 0px, var(--cocoon-white-color) 2px -2px 0px, var(--cocoon-white-color) 2px -2px 0px, var(--cocoon-white-color) 3px -1px 0px;
}

.label-box-content {
  margin-top: -0.9em;
  border-width: 3px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  padding: 1em 0.8em 0.4em;
  border-radius: var(--cocoon-middle-border-radius);
}

.lb-red .label-box-content {
  border-color: var(--cocoon-red-color);
}

.lb-pink .label-box-content {
  border-color: var(--cocoon-pink-color);
}

.lb-purple .label-box-content {
  border-color: var(--cocoon-purple-color);
}

.lb-blue .label-box-content {
  border-color: var(--cocoon-blue-color);
}

.lb-green .label-box-content {
  border-color: var(--cocoon-green-color);
}

.lb-orange .label-box-content {
  border-color: var(--cocoon-orange-color);
}

.lb-yellow .label-box-content {
  border-color: var(--cocoon-yellow-color);
}

.lb-brown .label-box-content {
  border-color: var(--cocoon-brown-color);
}

.lb-grey .label-box-content {
  border-color: var(--cocoon-grey-color);
}

.lb-black .label-box-content {
  border-color: var(--cocoon-black-color);
}

.lb-deep .label-box-content {
  border-color: var(--cocoon-deep-color);
}

.lb-indigo .label-box-content {
  border-color: var(--cocoon-indigo-color);
}

.lb-light-blue .label-box-content {
  border-color: var(--cocoon-light-blue-color);
}

.lb-cyan .label-box-content {
  border-color: var(--cocoon-cyan-color);
}

.lb-teal .label-box-content {
  border-color: var(--cocoon-teal-color);
}

.lb-light-green .label-box-content {
  border-color: var(--cocoon-light-green-color);
}

.lb-lime .label-box-content {
  border-color: var(--cocoon-lime-color);
}

.lb-amber .label-box-content {
  border-color: var(--cocoon-amber-color);
}

.lb-deep-orange .label-box-content {
  border-color: var(--cocoon-deep-orange-color);
}

.lb-white .label-box-content {
  border-color: var(--cocoon-white-color);
}

html .body .label-box.has-white-background-color .box-content {
  background-color: var(--wp--preset--color--white) !important;
}

/************************************
** トグル表示ボタン
************************************/
.toggle-wrap {
  position: relative;
  border-width: 0;
}
.toggle-wrap > p {
  margin: 0;
}
.toggle-wrap .toggle-content {
  display: block;
  visibility: hidden;
  opacity: 0;
  padding: 0 1em;
  height: 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.toggle-box {
  --cocoon-custom-background-color: var(--cocoon-white-color);
  --cocoon-custom-border-color: var(--cocoon-basic-border-color);
  --cocoon-custom-text-color: var(--cocoon-text-color);
}

.has-border-color:not(.not-nested-style) > .toggle-button {
  color: var(--cocoon-white-color);
  background-color: var(--cocoon-custom-border-color);
}
.has-border-color:not(.not-nested-style) > .toggle-button::before {
  color: var(--cocoon-white-color);
}

.has-border-color > .toggle-button {
  border-color: var(--cocoon-custom-border-color);
}

.toggle-button {
  display: block;
  cursor: pointer;
  padding: 3px 10px;
  background-color: var(--cocoon-xx-thin-color);
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  text-align: center;
  border-radius: var(--cocoon-basic-border-radius);
  position: relative;
  margin: 0;
  color: var(--cocoon-text-color);
}
.toggle-button::before {
  content: "\f067";
  font-family: FontAwesome;
  margin-right: 0.8em;
  font-size: 0.8em;
  color: var(--cocoon-x-pallid-text-color);
  opacity: 0.3;
}

.has-border-color .toggle-button::before {
  opacity: 0.6;
}

.toggle-button:hover {
  opacity: 0.7;
}

.toggle-checkbox {
  display: none;
}

.toggle-checkbox:checked ~ .toggle-button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.toggle-checkbox:checked ~ .toggle-button::before {
  content: "\f068";
}

.toggle-checkbox:checked ~ .toggle-content {
  visibility: visible;
  opacity: 1;
  height: 100%;
  transition: all 0.3s ease-in-out;
  padding: 1em;
  color: var(--cocoon-custom-text-color);
  background-color: var(--cocoon-custom-background-color);
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  border-top-width: 0;
  border-bottom-left-radius: var(--cocoon-basic-border-radius);
  border-bottom-right-radius: var(--cocoon-basic-border-radius);
}

.tb-red .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-red-color);
  background: var(--cocoon-red-color);
  color: var(--cocoon-white-color);
}
.tb-red .toggle-button::before {
  color: var(--cocoon-red-color);
}
.tb-red .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-red-color);
}

.tb-pink .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-pink-color);
  background: var(--cocoon-pink-color);
  color: var(--cocoon-white-color);
}
.tb-pink .toggle-button::before {
  color: var(--cocoon-pink-color);
}
.tb-pink .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-pink-color);
}

.tb-purple .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-purple-color);
  background: var(--cocoon-purple-color);
  color: var(--cocoon-white-color);
}
.tb-purple .toggle-button::before {
  color: var(--cocoon-purple-color);
}
.tb-purple .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-purple-color);
}

.tb-blue .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-blue-color);
  background: var(--cocoon-blue-color);
  color: var(--cocoon-white-color);
}
.tb-blue .toggle-button::before {
  color: var(--cocoon-blue-color);
}
.tb-blue .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-blue-color);
}

.tb-green .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-green-color);
  background: var(--cocoon-green-color);
  color: var(--cocoon-white-color);
}
.tb-green .toggle-button::before {
  color: var(--cocoon-green-color);
}
.tb-green .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-green-color);
}

.tb-orange .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-orange-color);
  background: var(--cocoon-orange-color);
  color: var(--cocoon-white-color);
}
.tb-orange .toggle-button::before {
  color: var(--cocoon-orange-color);
}
.tb-orange .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-orange-color);
}

.tb-yellow .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-yellow-color);
  background: var(--cocoon-yellow-color);
  color: var(--cocoon-white-color);
}
.tb-yellow .toggle-button::before {
  color: var(--cocoon-yellow-color);
}
.tb-yellow .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-yellow-color);
}

.tb-brown .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-brown-color);
  background: var(--cocoon-brown-color);
  color: var(--cocoon-white-color);
}
.tb-brown .toggle-button::before {
  color: var(--cocoon-brown-color);
}
.tb-brown .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-brown-color);
}

.tb-grey .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-grey-color);
  background: var(--cocoon-grey-color);
  color: var(--cocoon-white-color);
}
.tb-grey .toggle-button::before {
  color: var(--cocoon-grey-color);
}
.tb-grey .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-grey-color);
}

.tb-black .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-black-color);
  background: var(--cocoon-black-color);
  color: var(--cocoon-white-color);
}
.tb-black .toggle-button::before {
  color: var(--cocoon-black-color);
}
.tb-black .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-black-color);
}

.tb-deep .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-deep-color);
  background: var(--cocoon-deep-color);
  color: var(--cocoon-white-color);
}
.tb-deep .toggle-button::before {
  color: var(--cocoon-deep-color);
}
.tb-deep .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-deep-color);
}

.tb-indigo .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-indigo-color);
  background: var(--cocoon-indigo-color);
  color: var(--cocoon-white-color);
}
.tb-indigo .toggle-button::before {
  color: var(--cocoon-indigo-color);
}
.tb-indigo .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-indigo-color);
}

.tb-light-blue .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-light-blue-color);
  background: var(--cocoon-light-blue-color);
  color: var(--cocoon-white-color);
}
.tb-light-blue .toggle-button::before {
  color: var(--cocoon-light-blue-color);
}
.tb-light-blue .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-light-blue-color);
}

.tb-cyan .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-cyan-color);
  background: var(--cocoon-cyan-color);
  color: var(--cocoon-white-color);
}
.tb-cyan .toggle-button::before {
  color: var(--cocoon-cyan-color);
}
.tb-cyan .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-cyan-color);
}

.tb-teal .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-teal-color);
  background: var(--cocoon-teal-color);
  color: var(--cocoon-white-color);
}
.tb-teal .toggle-button::before {
  color: var(--cocoon-teal-color);
}
.tb-teal .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-teal-color);
}

.tb-light-green .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-light-green-color);
  background: var(--cocoon-light-green-color);
  color: var(--cocoon-white-color);
}
.tb-light-green .toggle-button::before {
  color: var(--cocoon-light-green-color);
}
.tb-light-green .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-light-green-color);
}

.tb-lime .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-lime-color);
  background: var(--cocoon-lime-color);
  color: var(--cocoon-white-color);
}
.tb-lime .toggle-button::before {
  color: var(--cocoon-lime-color);
}
.tb-lime .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-lime-color);
}

.tb-amber .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-amber-color);
  background: var(--cocoon-amber-color);
  color: var(--cocoon-white-color);
}
.tb-amber .toggle-button::before {
  color: var(--cocoon-amber-color);
}
.tb-amber .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-amber-color);
}

.tb-deep-orange .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-deep-orange-color);
  background: var(--cocoon-deep-orange-color);
  color: var(--cocoon-white-color);
}
.tb-deep-orange .toggle-button::before {
  color: var(--cocoon-deep-orange-color);
}
.tb-deep-orange .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-deep-orange-color);
}

.tb-white .toggle-button {
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-white-color);
  background: var(--cocoon-white-color);
  color: var(--cocoon-white-color);
}
.tb-white .toggle-button::before {
  color: var(--cocoon-white-color);
}
.tb-white .toggle-checkbox:checked ~ .toggle-content {
  border-color: var(--cocoon-white-color);
}

.iic-red li::before {
  color: var(--cocoon-red-color);
}

.iic-pink li::before {
  color: var(--cocoon-pink-color);
}

.iic-purple li::before {
  color: var(--cocoon-purple-color);
}

.iic-blue li::before {
  color: var(--cocoon-blue-color);
}

.iic-green li::before {
  color: var(--cocoon-green-color);
}

.iic-orange li::before {
  color: var(--cocoon-orange-color);
}

.iic-yellow li::before {
  color: var(--cocoon-yellow-color);
}

.iic-brown li::before {
  color: var(--cocoon-brown-color);
}

.iic-grey li::before {
  color: var(--cocoon-grey-color);
}

.iic-black li::before {
  color: var(--cocoon-black-color);
}

.iic-deep li::before {
  color: var(--cocoon-deep-color);
}

.iic-indigo li::before {
  color: var(--cocoon-indigo-color);
}

.iic-light-blue li::before {
  color: var(--cocoon-light-blue-color);
}

.iic-cyan li::before {
  color: var(--cocoon-cyan-color);
}

.iic-teal li::before {
  color: var(--cocoon-teal-color);
}

.iic-light-green li::before {
  color: var(--cocoon-light-green-color);
}

.iic-lime li::before {
  color: var(--cocoon-lime-color);
}

.iic-amber li::before {
  color: var(--cocoon-amber-color);
}

.iic-deep-orange li::before {
  color: var(--cocoon-deep-orange-color);
}

.iic-white li::before {
  color: var(--cocoon-white-color);
}

figcaption {
  margin: 0;
  font-size: 0.7em;
  opacity: 0.8;
  padding: 0 6px;
}

.wp-block-separator.is-style-wide {
  border-bottom: solid 3px !important;
}

.body .wp-block-gallery .blocks-gallery-item {
  margin-bottom: 0.6em;
}

.is-style-accordion {
  padding: 0;
}
.is-style-accordion:not(.not-nested-style) .faq-question {
  padding: 0.5em;
  margin: 0;
  cursor: pointer;
  position: relative;
  background-color: #e8ecef;
  border-color: var(--cocoon-three-d-border-colors);
}
.is-style-accordion:not(.not-nested-style) .faq-question::before {
  content: "+";
  position: absolute;
  right: 1em;
  opacity: 0.5;
}
.is-style-accordion:not(.not-nested-style) .faq-question.active::before {
  content: "-";
}
.is-style-accordion:not(.not-nested-style) .faq-answer {
  padding: 1em 0.5em;
}
.is-style-accordion:not(.not-nested-style).has-border-color .faq-question,
.is-style-accordion:not(.not-nested-style).has-border-color .faq-question-label {
  color: var(--cocoon-white-color);
  border: none;
}

.is-style-filter-clarendon img {
  filter: sepia(0.15) contrast(1.25) brightness(1.25) hue-rotate(5deg);
}
.is-style-filter-clarendon img::before {
  background: rgba(127, 187, 227, 0.4);
  content: "";
  mix-blend-mode: overlay;
}

.is-style-filter-gingham img {
  filter: contrast(1.1) brightness(1.1);
}
.is-style-filter-gingham img::before {
  background: rgb(230, 230, 230);
  content: "";
  mix-blend-mode: soft-light;
}

.is-style-filter-moon img {
  filter: brightness(1.4) contrast(0.95) saturate(0) sepia(0.35);
}

.is-style-filter-lark img {
  filter: sepia(0.25) contrast(1.2) brightness(1.3) saturate(1.25);
}

.is-style-filter-reyes img {
  filter: sepia(0.75) contrast(0.75) brightness(1.25) saturate(1.4);
}

.is-style-filter-juno img {
  filter: sepia(0.35) contrast(1.15) brightness(1.15) saturate(1.8);
}
.is-style-filter-juno img::before {
  background: rgba(127, 187, 227, 0.2);
  content: "";
  mix-blend-mode: overlay;
}

.is-style-filter-slumber img {
  filter: sepia(0.35) contrast(1.25) saturate(1.25);
}
.is-style-filter-slumber img::before {
  background: rgba(125, 105, 24, 0.2);
  content: "";
  mix-blend-mode: darken;
}

.is-style-filter-crema img {
  filter: sepia(0.5) contrast(1.25) brightness(1.15) saturate(0.9) hue-rotate(-2deg);
}
.is-style-filter-crema img::before {
  background: rgba(125, 105, 24, 0.2);
  content: "";
  mix-blend-mode: multiply;
}

.is-style-filter-ludwig img {
  filter: sepia(0.25) contrast(1.05) brightness(1.05) saturate(2);
}
.is-style-filter-ludwig img::before {
  background: rgba(125, 105, 24, 0.1);
  content: "";
  mix-blend-mode: overlay;
}

.is-style-filter-aden img {
  filter: sepia(0.2) brightness(1.15) saturate(1.4);
}
.is-style-filter-aden img::before {
  background: rgba(125, 105, 24, 0.1);
  content: "";
  mix-blend-mode: multiply;
}

.is-style-filter-perpetua img {
  filter: contrast(1.1) brightness(1.25) saturate(1.1);
}
.is-style-filter-perpetua img::before {
  background: linear-gradient(to bottom, rgba(0, 91, 154, 0.25), rgba(230, 193, 61, 0.25));
  content: "";
  mix-blend-mode: multiply;
}

.is-style-filter-monochrome img {
  filter: grayscale(100%);
}

.wp-block-button__link {
  color: #fff;
  background-color: #333631;
  border-radius: 0px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125em;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-align: center;
  text-decoration: none;
  word-break: break-word;
  box-sizing: border-box;
}

.is-layout-flex {
  gap: 1.5rem;
}
.is-layout-flex > * {
  margin: 0;
}

.is-style-solid-line {
  padding: 0.7em 2.5em;
  border: solid 1px #323232;
  color: #323232;
}

.is-style-gray-back {
  padding: 0.7em 2.5em;
  color: #323232;
  background: rgba(50, 50, 50, 0.07);
}

.is-style-solid-back {
  padding: 0.7em 2.5em;
  color: #323232;
  border: solid 2px #323232;
  background: rgba(50, 50, 50, 0.07);
}

.is-style-solid-back {
  padding: 0.7em 2.5em;
  color: #323232;
  border: solid 2px #323232;
  background: rgba(50, 50, 50, 0.07);
}

.is-style-solid-cross {
  position: relative;
  margin: 15px auto;
  padding: 1.5em 3.2em;
  color: #323232;
  border-top: solid 2px #323232;
  border-bottom: solid 2px #323232;
}
.is-style-solid-cross::before, .is-style-solid-cross::after {
  content: "";
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: #323232;
}
.is-style-solid-cross::before {
  left: 10px;
}
.is-style-solid-cross::after {
  right: 10px;
}

.wp-block-button.alignright {
  margin-left: auto !important;
}

.wp-block-pullquote.has-background blockquote {
  background-color: transparent;
  border-color: transparent;
}

.has-bottom-margin.is-style-bottom-margin-0em {
  margin-bottom: 0em !important;
}

.has-bottom-margin.is-style-bottom-margin-1em {
  margin-bottom: 1em !important;
}

.has-bottom-margin.is-style-bottom-margin-2em {
  margin-bottom: 2em !important;
}

.has-bottom-margin.is-style-bottom-margin-3em {
  margin-bottom: 3em !important;
}

.has-bottom-margin.is-style-bottom-margin-4em {
  margin-bottom: 4em !important;
}

.has-bottom-margin.is-style-bottom-margin-5em {
  margin-bottom: 5em !important;
}

.has-bottom-margin.is-style-bottom-margin-6em {
  margin-bottom: 6em !important;
}

.has-bottom-margin.is-style-bottom-margin-7em {
  margin-bottom: 7em !important;
}

.has-bottom-margin.is-style-bottom-margin-8em {
  margin-bottom: 8em !important;
}

.has-bottom-margin.is-style-bottom-margin-9em {
  margin-bottom: 9em !important;
}

.has-bottom-margin.is-style-bottom-margin-10em {
  margin-bottom: 10em !important;
}

.has-bottom-margin.is-style-bottom-margin-11em {
  margin-bottom: 11em !important;
}

.has-bottom-margin.is-style-bottom-margin-12em {
  margin-bottom: 12em !important;
}

.has-bottom-margin.is-style-bottom-margin-13em {
  margin-bottom: 13em !important;
}

.has-bottom-margin.is-style-bottom-margin-14em {
  margin-bottom: 14em !important;
}

.has-bottom-margin.is-style-bottom-margin-15em {
  margin-bottom: 15em !important;
}

.has-bottom-margin.is-style-bottom-margin-16em {
  margin-bottom: 16em !important;
}

.has-bottom-margin.is-style-bottom-margin-17em {
  margin-bottom: 17em !important;
}

.has-bottom-margin.is-style-bottom-margin-18em {
  margin-bottom: 18em !important;
}

.has-bottom-margin.is-style-bottom-margin-19em {
  margin-bottom: 19em !important;
}

.has-bottom-margin.is-style-bottom-margin-20em {
  margin-bottom: 20em !important;
}

.wp-block-code code {
  white-space: pre;
}

.column-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0;
}
.column-wrap > div {
  width: 49.5%;
  margin: 0;
}
.column-wrap > div > *:first-child {
  margin-top: 0;
}
.column-wrap.column-3 > div {
  width: 32.5%;
}

.column-2-3-1-2 .column-left {
  width: 34%;
}
.column-2-3-1-2 .column-right {
  width: 65%;
}

.column-2-3-2-1 .column-left {
  width: 65%;
}
.column-2-3-2-1 .column-right {
  width: 34%;
}

.column-2-4-1-3 .column-left {
  width: 25%;
}
.column-2-4-1-3 .column-right {
  width: 74%;
}

.column-2-4-3-1 .column-left {
  width: 74%;
}
.column-2-4-3-1 .column-right {
  width: 25%;
}

@media (min-width: 600px) {
  .wp-block-columns {
    flex-wrap: nowrap;
  }
}
.wp-block-media-text__content {
  padding: 0 1em;
}

.fz-12px {
  font-size: 12px;
}

.wp-admin-fz-12px .editor-styles-wrapper {
  font-size: 12px;
}

.fz-13px {
  font-size: 13px;
}

.wp-admin-fz-13px .editor-styles-wrapper {
  font-size: 13px;
}

.fz-14px {
  font-size: 14px;
}

.wp-admin-fz-14px .editor-styles-wrapper {
  font-size: 14px;
}

.fz-15px {
  font-size: 15px;
}

.wp-admin-fz-15px .editor-styles-wrapper {
  font-size: 15px;
}

.fz-16px {
  font-size: 16px;
}

.wp-admin-fz-16px .editor-styles-wrapper {
  font-size: 16px;
}

.fz-17px {
  font-size: 17px;
}

.wp-admin-fz-17px .editor-styles-wrapper {
  font-size: 17px;
}

.fz-18px {
  font-size: 18px;
}

.wp-admin-fz-18px .editor-styles-wrapper {
  font-size: 18px;
}

.fz-19px {
  font-size: 19px;
}

.wp-admin-fz-19px .editor-styles-wrapper {
  font-size: 19px;
}

.fz-20px {
  font-size: 20px;
}

.wp-admin-fz-20px .editor-styles-wrapper {
  font-size: 20px;
}

.fz-21px {
  font-size: 21px;
}

.wp-admin-fz-21px .editor-styles-wrapper {
  font-size: 21px;
}

.fz-22px {
  font-size: 22px;
}

.wp-admin-fz-22px .editor-styles-wrapper {
  font-size: 22px;
}

.fz-24px {
  font-size: 24px;
}

.wp-admin-fz-24px .editor-styles-wrapper {
  font-size: 24px;
}

.fz-28px {
  font-size: 28px;
}

.wp-admin-fz-28px .editor-styles-wrapper {
  font-size: 28px;
}

.fz-32px {
  font-size: 32px;
}

.wp-admin-fz-32px .editor-styles-wrapper {
  font-size: 32px;
}

.fz-36px {
  font-size: 36px;
}

.wp-admin-fz-36px .editor-styles-wrapper {
  font-size: 36px;
}

.fz-40px {
  font-size: 40px;
}

.wp-admin-fz-40px .editor-styles-wrapper {
  font-size: 40px;
}

.fz-44px {
  font-size: 44px;
}

.wp-admin-fz-44px .editor-styles-wrapper {
  font-size: 44px;
}

.fz-48px {
  font-size: 48px;
}

.wp-admin-fz-48px .editor-styles-wrapper {
  font-size: 48px;
}

.fw-100 {
  font-weight: 100;
}

.wp-admin-fw-100 .editor-styles-wrapper {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.wp-admin-fw-200 .editor-styles-wrapper {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.wp-admin-fw-300 .editor-styles-wrapper {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.wp-admin-fw-400 .editor-styles-wrapper {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.wp-admin-fw-500 .editor-styles-wrapper {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.wp-admin-fw-600 .editor-styles-wrapper {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.wp-admin-fw-700 .editor-styles-wrapper {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.wp-admin-fw-800 .editor-styles-wrapper {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.wp-admin-fw-900 .editor-styles-wrapper {
  font-weight: 900;
}

.ff-meiryo,
.wf-loading body,
.wp-admin-ff-meiryo .editor-styles-wrapper {
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.ff-yu-gothic,
.wp-admin-ff-yu-gothic .editor-styles-wrapper {
  font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.ff-ms-pgothic,
.wp-admin-ff-ms-pgothic .editor-styles-wrapper {
  font-family: "MS PGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.ff-noto-sans-jp,
.wf-active .ff-noto-sans-jp,
.wp-admin-ff-noto-sans-jp .editor-styles-wrapper {
  font-family: "Noto Sans JP", sans-serif;
}

.ff-noto-serif-jp,
.wf-active .ff-noto-serif-jp,
.wp-admin-ff-noto-serif-jp .editor-styles-wrapper {
  font-family: "Noto Serif JP", sans-serif;
}

.ff-mplus-1p,
.wf-active .ff-mplus-1p,
.wp-admin-ff-mplus-1p .editor-styles-wrapper {
  font-family: "M PLUS 1p", sans-serif;
}

.ff-rounded-mplus-1c,
.wf-active .ff-rounded-mplus-1c,
.wp-admin-ff-rounded-mplus-1c .editor-styles-wrapper {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.ff-kosugi,
.wf-active .ff-kosugi,
.wp-admin-ff-kosugi .editor-styles-wrapper {
  font-family: "Kosugi", sans-serif;
}

.ff-kosugi-maru,
.wf-active .ff-kosugi-maru,
.wp-admin-ff-kosugi-maru .editor-styles-wrapper {
  font-family: "Kosugi Maru", sans-serif;
}

.ff-sawarabi-gothic,
.wf-active .ff-sawarabi-gothic,
.wp-admin-ff-sawarabi-gothic .editor-styles-wrapper {
  font-family: "Sawarabi Gothic", sans-serif;
}

.ff-sawarabi-mincho,
.wf-active .ff-sawarabi-mincho,
.wp-admin-ff-sawarabi-mincho .editor-styles-wrapper {
  font-family: "Sawarabi Mincho", sans-serif;
}

.sub-caption {
  font-family: Tunga, "Trebuchet MS", Tahoma, Verdana, "Segoe UI", var(--cocoon-default-font);
  font-weight: 400;
  font-size: 0.75em;
  opacity: 0.5;
}

span.sub-caption {
  opacity: 0.8;
}

html[lang=en] .ribbon-top-left span {
  font-size: 7px;
}
html[lang=en] .ribbon-top-left::before {
  right: 8px;
}
html[lang=en] .ribbon-top-left::after {
  bottom: 10px;
}

pre{max-width:100%;white-space: pre-wrap;background:#f0f8ff;padding:1rem;border-radius:0 .5rem 0 .5rem;font-size:16px;}
