/* my-style.css (managed by Site Assets Manager)
 * もっとも遅いタイミングで読み込まれ、他のテーマ/プラグインCSSを上書きしやすくなります。
 */

* {
    font-feature-settings: "jp04" 1, "nlck"; -moz-font-feature-settings: "jp04" 1, "nlck"; -ms-font-feature-settings:	"jp04" 1, "nlck"; -webkit-font-feature-settings: "jp04" 1, "nlck"; font-variant-east-asian: jis04;
}
.mobile-menu-buttons .menu-button { align-items: start; }
#menu-main .menu-item { border: 1px solid #b7edff; }
#menu-item-147 .item-label::before { content: "🏠"; }
h1.entry-title { margin-top: 8px; border: 1px solid #5ba1d1; border-bottom: 4px solid #0055a4; padding-left: 8px; padding-top: 8px; background-color: #e8ffe8; text-shadow: 0 -1px #fff,0 -2px #fff, 0 3px 6px rgba(51,51,51,0.7); color: #0055a4; }

.article h2 {
  border-left: 7px solid var(--cocoon-middle-thickness-color);
  border-right: 1px solid var(--cocoon-thin-color);
  border-top: 1px solid var(--cocoon-thin-color);
  border-bottom: 1px solid var(--cocoon-thin-color);
  font-size: 22px;
  padding: 12px 20px;
}
.article h3 {
  border-top: 2px solid var(--cocoon-thin-color);
  border-bottom: 2px solid var(--cocoon-thin-color);
}
.article h4 { 
  border-bottom: 2px solid var(--cocoon-thin-color);
}
.article h5 {
  border-bottom: 1px solid var(--cocoon-thin-color);
}
.article h6 {
  border: none;
}

.article h2 {
    font-size: 24px;
    padding: 12px;
    color: #333;
    background-color: #f8faff;
    border-top: 2px solid #3261ab;
    border-bottom: 2px solid #3261ab;
}

.article h2 {
  margin-top: 40px;
  padding: 6px 10px;
  border: none;
  border-bottom: solid 3px #3261ab;
  position: relative;
}

.article h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #eaa8bf;
  bottom: -3px;
  left: -3px;
  width: 15%;
}

.article h3 {
  border: none;
  position: relative;
  padding: 0 0 2px 32px;
  border-bottom: 2px solid #3261ab;
}

.article h3:before, .article h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto;
}

.article h3:before {
  border: 2px solid #eaa8bf;
  top: -20px;
  left: 0px;
}

.article h3:after {
  border: 2px solid #3261ab;
  top: -8px;
  left: 6px;
}

.article h4 {
  position: relative;
  padding: 0 0 2px 32px;
  border-bottom: 1px solid #3261ab;
}

.article h4:after {
  position: absolute;
  top: 5px;
  left: 4px;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #3261ab;
  transform: rotate(45deg);
}

.article h5 {
  border:none;
  border-bottom: 1px solid #3261ab;
}

.article h6 {
  border:none;
}

.copyable { cursor: pointer; }
.tooltip-copy {
  position: absolute; z-index: 9999;
  padding: 6px 10px; border-radius: 6px;
  background: rgba(0,0,192,.8); color: #fff; font-size: 12px;
  line-height: 1; white-space: nowrap; pointer-events: none;
  opacity: 0; transition: opacity .12s ease;
}
.tooltip-copy.show { opacity: 1; }

.addtoany_content_bottom::before { content: "シェアする: "; }
.addtoany_content_bottom { text-align: center; }
.widget-footer-mobile.widget_a2a_follow_widget { text-align: center; }
.footer-widgets .a2a_button_instagram, .footer-widgets .a2a_button_google_maps,
.footer-widgets .a2a_button_instagram::before, .footer-widgets .a2a_button_google_maps::before {
	text-decoration: none; font-size: 18px;
}
.footer-widgets-mobile .a2a_button_instagram, .footer-widgets-mobile .a2a_button_google_maps,
.footer-widgets-mobile .a2a_button_instagram::before, .footer-widgets-mobile .a2a_button_google_maps::before {
	text-decoration: none; font-size: 14px;
}
.footer-widgets .a2a_button_instagram::before, .footer-widgets .a2a_button_google_maps::before {
	vertical-align: 9px; color: #0055a4;
}
.footer-widgets-mobile .a2a_button_instagram::before, .footer-widgets-mobile .a2a_button_google_maps::before {
	vertical-align: 11px; color: #0055a4;
}
.footer-widgets .a2a_button_instagram::before,
.footer-widgets-mobile .a2a_button_instagram::before { content: "Instagram:"; }
.footer-widgets .a2a_button_google_maps::before,
.footer-widgets-mobile .a2a_button_google_maps::before { content: "Googleマップ:"; }

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl {
	max-width: 40em; text-align: justify; text-justify: inter-character;
}
.entry-content dt { color: #0055a4; font-weight: bold; }
.entry-content h2, .entry-content h3 { clear: left; }
.entry-content > dl > dt::before, .entry-content > div > dl > dt::before { content: "🔹"; }
#toc > input, #toc > label { pointer-events: none; }
.toc-title::after { display: none; }
.a-wrap { background-color: #f9fff9; }
.a-wrap:hover { background-color: #e8ffe8; }
.blogcard-footer { display: none; }
.custom-html-widget dt { color: #0055a4; }
.custom-html-widget dd { padding-left: 1em; }
.c { text-align: center; }
.cl { clear: left; }
.fc { align-items: center; }
.fe { align-items: flex-end; }
.fl { float: left; }
.flex { display: flex; flex-wrap: wrap; }
.hi { padding-left: 1em; text-indent: -1em; }
dl.hi { padding-left: 0; text-indent: 0; }
dl.hi > dd { padding-left: 1em; text-indent: -1em; }
.ib { display: inline-block; }
.in { text-indent: 1em; }
.l, div.l > *, dl.l > dd { text-align: left; }
.ni { text-indent: 0; }
.nw { white-space: nowrap; }
.r, div.r > *, dl.l > dd.r { text-align: right; }
.s { font-size: 65%; color: #666; }
.w5 { display: inline-block; width: 5em; }