.wp-block-image.is-style-shadow img,
.wp-block-video.is-style-shadow video,
img.shadow {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
}

/* .w-pageTop, .w-singleBottom, .w-singleTop {
  margin: 2em 0;
} */

code.dir_name:before,
code.file_name:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "gyd_icon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

@-webkit-keyframes flash {
  0% { opacity: .6; }
  to { opacity: 1; }
}

@keyframes flash {
  0% { opacity: .6; }
  to { opacity: 1; }
}

@-webkit-keyframes FadeIn {
  to { opacity: 1; }
}

@keyframes FadeIn {
  to { opacity: 1; }
}

@-webkit-keyframes FadeInFromX {
  to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes FadeInFromX {
  to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes FadeInFromY {
  to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes FadeInFromY {
  to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes flowing_text {
  to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@keyframes flowing_text {
  to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes shiny_btn {
  0% { opacity: 0; -webkit-transform: scale(0) rotate(25deg); transform: scale(0) rotate(25deg); }
  84% { opacity: 0; -webkit-transform: scale(0) rotate(25deg); transform: scale(0) rotate(25deg); }
  85% { opacity: .9; -webkit-transform: scale(1) rotate(25deg); transform: scale(1) rotate(25deg); }
  to { opacity: 0; -webkit-transform: scale(50) rotate(25deg); transform: scale(50) rotate(25deg); }
}

@keyframes shiny_btn {
  0% { opacity: 0; -webkit-transform: scale(0) rotate(25deg); transform: scale(0) rotate(25deg); }
  84% { opacity: 0; -webkit-transform: scale(0) rotate(25deg); transform: scale(0) rotate(25deg); }
  85% { opacity: .9; -webkit-transform: scale(1) rotate(25deg); transform: scale(1) rotate(25deg); }
  to { opacity: 0; -webkit-transform: scale(50) rotate(25deg); transform: scale(50) rotate(25deg); }
}

@-webkit-keyframes leftToRight {
  0% { -webkit-transform: scale(1.1) translateX(-1%); transform: scale(1.1) translateX(-1%); }
  to { -webkit-transform: scale(1.1) translateX(1%); transform: scale(1.1) translateX(1%); }
}

@keyframes leftToRight {
  0% { -webkit-transform: scale(1.1) translateX(-1%); transform: scale(1.1) translateX(-1%); }
  to { -webkit-transform: scale(1.1) translateX(1%); transform: scale(1.1) translateX(1%); }
}

@-webkit-keyframes zoomUp {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  to { -webkit-transform: scale(1.1); transform: scale(1.1); }
}

@keyframes zoomUp {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  to { -webkit-transform: scale(1.1); transform: scale(1.1); }
}

@-webkit-keyframes FloatVertical {
  0% { -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0); }
  50% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
  to { -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0); }
}

@keyframes FloatVertical {
  0% { -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0); }
  50% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
  to { -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0); }
}

@-webkit-keyframes FloatHorizontal {
  0% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); }
  50% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); }
  to { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); }
}

@keyframes FloatHorizontal {
  0% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); }
  50% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); }
  to { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); }
}

:root {
  --color_border: hsla(0, 0%, 78%, .5);
  --color_gray: hsla(0, 0%, 78%, .15);
  --gyd-color_hov_gray: rgba(3, 2, 2, .05);
  --gyd-color_shadow: rgba(0, 0, 0, .12);
  --gyd-fz--root: 3.6vw;
  --gyd-fz--side: var(--gyd-fz--root);
  --gyd-block-margin: 2em;
  --gyd-sidebar_width: 280px;
  --gyd-sidebar_margin: 24px;
  --gyd-pad_post_content: 0px;
  --gyd-pad_container: 4vw;
  --gyd-h2-margin--x: -2vw;
  --gyd-box_shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 4px 4px -4px rgba(0, 0, 0, .1);
  --gyd-img_shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
  --gyd-btn_shadow: 0 2px 2px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
  --gyd-text_color--black: #333;
  --gyd-text_color--white: #fff;
  --gyd-fz--xs: .75em;
  --gyd-fz--small: .9em;
  --gyd-fz--normal: 1rem;
  --gyd-fz--medium: 1.1em;
  --gyd-fz--large: 1.25em;
  --gyd-fz--huge: 1.6em;
  --gyd-list-padding--left: 1.5em;
  --gyd-list-padding--has_bg: 1em 1em 1em 1.75em;
}

.gyd-inline-color { --color_link: currentcolor; }

[data-spmenu=opened] #wpadminbar { z-index: 1; }

[data-spmenu=opened] body > .adsbygoogle { top: -140px !important; }



.-index-off .widget_giyudo_index, .-index-off [data-onclick=toggleIndex] {
  display: none;
}
.-index-off .widget_giyudo_index + .c-widget {
  margin-top: 0 !important;
}


.admin-bar { --gyd-adminbarH: var(--wp-admin--admin-bar--height, 32px); }


/* .l-scrollObserver {
  display: block;
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 100px;
  visibility: hidden;
  width: 100%;
  z-index: 1000
} */



/*
Gurtenberg `関連記事` ブロック
-------------------------------------------------- */

.c-blogLink {
  --the-ison-size: 1em; display: flex; align-items: center;
  gap: .5em; line-height: 1.5; text-decoration: none;
}

.c-blogLink__icon { flex: 0 0 auto; text-decoration: none; }
.c-blogLink__icon .__svg { width: var(--the-ison-size); height: var(--the-ison-size); }

.c-blogLink[data-style=text] { --the-ison-size: .9em; }
.c-blogLink[data-style=text] .c-blogLink__icon {
  display: inline-flex; flex: 0 0 auto; padding: 4px;
  border: 1px solid; border-radius: 50%;
  fill: var(--gyd--article_link_color);
}
.c-blogLink[data-style=text] .c-blogLink__text { text-decoration: underline; }
.c-blogLink[data-style=text]:hover .c-blogLink__icon {
  fill: var(--gyd--article_link_hover_color);
}

.c-blogLink[data-style=slim] {
  --the-ison-size: 1.2em; align-items: stretch;
  border-radius: 6px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
  color: inherit; gap: 0; overflow: hidden;
}
.c-blogLink[data-style=slim] .c-blogLink__icon {
  align-items: center; background-color: #e6e9ea;
  border: 2px solid #fff; border-radius: inherit;
  fill: #34383f; color: #34383f;
  display: flex; justify-content: center; width: 3.25em;
  transition: color .25s, background-color .25s;
}
.c-blogLink[data-style=slim] .c-blogLink__text { padding: 1em .75em; }
.c-blogLink[data-style=slim]:hover .c-blogLink__icon {
  background-color: #34383f; color: #fff; fill: #fff;
}



.c-iconList { display: flex; flex-wrap: wrap; }
.c-iconList__link {
  width: 1em; height: 1em; margin: 0 3px; padding: 2px; color: inherit;
  text-align: center; text-decoration: none; box-sizing: content-box;
}

.c-iconList__icon, .c-iconList__link { display: block; line-height: 1 }
.c-iconList__icon:before { color: inherit; }
.is-style-circle .c-iconList__link {
  margin: 4px; padding: 5px; border: 1px solid; border-radius: 50%;  
}


.c-reviewStars i { color: var(--color-review_star, #fac225); }
.post_content > .c-reviewStars { display: block; }


.c-scrollHint {
  -webkit-animation: FloatHorizontal 2s ease-in-out infinite alternate;
  animation: FloatHorizontal 2s ease-in-out infinite alternate;
  margin-bottom: 2px !important; margin-top: 3em; text-align: right;
}
.c-scrollHint span {
  display: inline-flex; align-items: center;
  font-size: 12px; line-height: 1; opacity: .75; vertical-align: middle;
}
.c-scrollHint span i { font-size: 16px; margin-left: 4px; }
.c-scrollHint + .wp-block-table { margin-top: 0!important; }


.p-blogCard {
  display: block; width: 100%; margin: 2.5em auto 2em;
  max-width: 880px; cursor: pointer; transition: box-shadow .25s;
}
.wp-block-embed > .p-blogCard { margin: 0 auto; }
.p-blogCard:hover {  box-shadow: 0 4px 16px rgba(0, 0, 0, .1), 0 12px 28px -12px rgba(0, 0, 0, .05) }
.p-blogCard:hover .c-postThumb__img { opacity: 1; }
.p-blogCard__caption {
  position: absolute; top: -1em; left: 16px; z-index: 1; display: inline-block;
  background: var(--color_content_bg); background: #000; color: #fff; border-radius: 2px;
  font-size: 11px; line-height: 2; padding: 0 .5em;
}
.p-blogCard__caption:before { content: "\f02d"; font-family: 'gyd_icon'; display: inline-block; margin-right: 3px; }
.-external .p-blogCard__caption:before { content: "\e91a"; }
.p-blogCard__inner {
  position: relative; display: flex; align-items: center; justify-content: space-between;
  margin: 0; padding: 16px; transition: box-shadow .25s
}
.-noimg > .p-blogCard__inner { min-height: 5em; }
.p-blogCard__thumb { width: 30%; flex-shrink: 0; margin: 0 1em 0 0; }
.p-blogCard__thumb .c-postThumb__figure { margin: 0; position: relative; width: 100%; }
.p-blogCard__body { flex: 1 1 auto; margin: 0; }
.p-blogCard__title {
  display: block; color: inherit; font-weight: 400; line-height: 1.4; text-decoration: none;
}
.p-blogCard__excerpt {
  display: block; margin-top: .5em;
  font-size: .8em; line-height: 1.4;
  opacity: .8; word-break: break-word;
}
[data-type=type1] .p-blogCard__caption { bottom: auto; right: auto; }
[data-type=type1] .p-blogCard__inner { padding-top: 21px; }
[data-type=type1] .p-blogCard__inner:before {
  display: block; border: 1px solid; border-radius: var(--gyd-radius--2, 0); pointer-events: none;
}
[data-type=type2] .p-blogCard__caption {
  background: var(--color_main); bottom: auto;
  color: #fff; padding: 0 .75em; right: auto;
}
[data-type=type2] .p-blogCard__inner {
  border: 1px solid var(--color_main); border-radius: 2px; padding-top: 24px;
}
[data-type=type3] .p-blogCard__caption {
  background: none; top: auto; right: 4px; left: auto; bottom: 2px;
  font-size: 10px; opacity: .8;
  -webkit-transform: scale(.8); transform: scale(.8);
  -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%
}
[data-type=type3] .p-blogCard__inner {
  background: #fff; border-radius: 2px; color: #333;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .08);
}


.giyudo-block-postList { position: relative; }

.-type-big .noimg_ { display: none; }

.note { color: #e03030; }

.dump_data {
  display: block; background: #fafafa; border: 1px solid #ddd; padding: 16px;
  font-family: arial, sans-serif; font-size: 13px; white-space: pre-wrap;
}

.xdebug-var-dump { font-family: inherit; white-space: inherit; }
.xdebug-var-dump small:first-child { display: block; }
.xdebug-var-dump font { color: #4368af; }
.xdebug-var-dump small { color: #ff6868; }

.alignfull > .wp-block-cover__inner-container,
.alignfull > .wp-block-group__inner-container {
  margin: 0 auto; max-width: var(--article_size);
}


.u-bg-main { background-color: var(--color_main) !important; color: #fff !important; }
.clear, .u-cf {  clear: both !important; }
.none, .u-none { display: none !important; }
.u-block { display: block !important; }
.u-flex--aic { display: flex; align-items: center; }
.fs_xs, .has-xs-font-size, .u-fz-xs { font-size: var(--gyd-fz--xs) !important; }
.fs_s, .has-s-font-size, .has-small-font-size, .u-fz-s { font-size: var(--gyd-fz--small) !important; }
.has-normal-font-size, .has-regular-font-size { font-size: var(--gyd-fz--normal) !important; }
.has-medium-font-size, .u-fz-m { font-size: var(--gyd-fz--medium) !important; }
.fs_l, .has-l-font-size, .has-large-font-size, .u-fz-l { font-size: var(--gyd-fz--large) !important; }
.fs_xl, .has-huge-font-size, .has-xl-font-size, .u-fz-xl { font-size: var(--gyd-fz--huge) !important; }

.u-fz-10 { font-size: 10px; }
.u-fz-11 { font-size: 11px; }
.u-fz-12 { font-size: 12px; }
.u-fz-13 { font-size: 13px; }
.u-fz-14 { font-size: 14px; }
.u-fz-15 { font-size: 15px; }
.u-fz-16 { font-size: 16px; }
.u-fz-18 { font-size: 18px; }

.u-fw-bold { font-weight: 700 !important; }
.u-fw-normal { font-weight: 400 !important; }
.u-fw-lighter { font-weight: lighter !important; }
.u-fs-italic { font-style: italic !important; }

.u-thin { opacity: .8; }
.hov-opacity { transition: opacity .25s; }
.hov-opacity:hover { opacity: .8; }
.hov-flash:hover { -webkit-animation: flash 1s; animation: flash 1s; }
.hov-flash-up { transition: box-shadow .25s; }
.hov-flash-up:hover { -webkit-animation: flash 1s; animation: flash 1s; box-shadow: 0 2px 8px rgba(0, 0, 0, .25); }

.u-lh-10 { line-height: 1 !important; }
.u-lh-15 { line-height: 1.5 !important; }
.u-lh-20 { line-height: 2 !important; }

.luminous { cursor: -webkit-zoom-in !important; cursor: zoom-in !important; }

.u-mb-ctrl + * { margin-top: 0 !important; }
.u-mb-0 { margin-bottom: 0 !important; }
.u-mb-5 { margin-bottom: .5em !important; }
.u-mb-10 { margin-bottom: 1em !important; }
.u-mb-15 { margin-bottom: 1.5em !important; }
.u-mb-20 { margin-bottom: 2em !important; }
.u-mb-25 { margin-bottom: 2.5em !important; }
.u-mb-30 { margin-bottom: 3em !important; }
.u-mb-40 { margin-bottom: 4em !important; }
.u-mb-50 {  margin-bottom: 5em !important; }
.u-mb-60 { margin-bottom: 6em !important; }
.u-mb-80 { margin-bottom: 8em !important; }

.u-mt-0 { margin-top: 0 !important; }
.u-mt-5 { margin-top: .5em !important; }
.u-mt-10 { margin-top: 1em !important; }
.u-mt-15 { margin-top: 1.5em !important; }
.u-mt-20 { margin-top: 2em !important; }
.u-mt-25 { margin-top: 2.5em !important; }
.u-mt-30 { margin-top: 3em !important; }
.u-mt-40 { margin-top: 4em !important; }
.u-mt-50 { margin-top: 5em !important; }
.u-mt-60 { margin-top: 6em !important; }
.u-mt-80 { margin-top: 8em !important; }

.u-obf-cover { display: block; height: 100% !important; -o-object-fit: cover; object-fit: cover; width: 100% !important; }
.al_c, .u-ta-c { text-align: center; }
.al_l, .u-ta-l { text-align: left; }
.al_r, .u-ta-r { text-align: right }
.u-nowrap { white-space: nowrap; }
.alignleft { float: left; }
.alignright { float: right; }

.w-beforeToc { margin-bottom: 4em; margin-top: 4em; }

.c-widget + .c-widget { margin-top: 2em; }
.c-widget p:empty:before { content: none; }
.c-widget .textwidget > :not(:last-child) { margin-bottom: 1em; }
.c-widget__title {
  position: relative; font-size: 4vw; font-weight: 700; margin-bottom: 1.5em; overflow: hidden;
}
.c-widget__title:after,
.c-widget__title:before {
  position: absolute; z-index: 0; box-sizing: inherit; display: block; height: 1px;
}

.widget_search .c-widget__title,
.widget_search .wp-block-search__label {
  display: none;
}

.recentcomments { padding: 8px; }

.cat-post-count, .post_count, .tag-link-count {  color: #666; font-size: 3vw; position: relative; right: -1px }
.cat-post-count { margin-left: 4px; }

.wp-block-archives-list,
.wp-block-categories-list,
.wp-block-latest-comments,
.wp-block-latest-posts,
.wp-block-rss {
  list-style: none !important; padding: 0 !important;
}

.post_content .is-style-section_ttl {
  position: relative; padding: 0; background: none; border: none; border-radius: 0;
  color: inherit; letter-spacing: var(--gyd-letter_spacing, .2px); text-align: center;
}
.post_content .is-style-section_ttl:after, .post_content .is-style-section_ttl:before { border: none; content: none; }
.post_content .is-style-section_ttl.has-text-align-left { text-align: left; }
.post_content .is-style-section_ttl.has-text-align-right { text-align: right; }
.post_content .is-style-section_ttl small { display: block; font-size: .6em; padding-top: .25em; }

.c-tabBody__item > *,
.cap_box_content > *,
.faq_a > *,
.giyudo-block-accordion__body > *,
.giyudo-block-dl__dd > *,
.giyudo-block-step__body > *,
.gyd-has-mb--s>*, .wp-block-column > *,
.wp-block-cover__inner-container > *,
.wp-block-group__inner-container > *,
.wp-block-media-text__content > *,
div[class*=is-style-] > * {
  margin-bottom: 1em;
}

.alignfull > .wp-block-cover__inner-container > *,
.alignfull > .wp-block-group__inner-container > *,
.giyudo-block-fullWide__inner > * {
  margin-bottom: 2em;
}

:where(.is-layout-flex) { gap: .5em; }
.is-layout-flex { display: flex; flex-wrap: wrap; }
.is-layout-flex.is-nowrap { flex-wrap: nowrap; }
.is-layout-flex:not(.is-vertical).is-content-justification-center { justify-content: center; }
.is-layout-flex:not(.is-vertical).is-content-justification-right { justify-content: flex-end; }
.is-layout-flex.is-content-justification-space-between { justify-content: space-between; }
.is-layout-flex.is-vertical { flex-direction: column; }
.is-layout-flex.is-vertical.is-content-justification-center { align-items: center }
.is-layout-flex.is-vertical.is-content-justification-left { align-items: flex-start; }
.is-layout-flex.is-vertical.is-content-justification-right { align-items: flex-end; }

.font_col_main { color: var(--color_main) !important; }
.font_col_red { color: var(--color_deep01) !important; }
.font_col_blue { color: var(--color_deep02) !important; }
.font_col_green { color: var(--color_deep03) !important; }
[class*=fill_col_] { border-radius: 1px; padding: .25em .5em; }


.fill_col_main { background-color: var(--color_main); color: #fff; }
.fill_col_red { background-color: var(--color_deep01) !important; color: #fff;; }
.fill_col_blue { background-color: var(--color_deep02) !important; color: #fff; }
.fill_col_green { background-color: var(--color_deep03) !important; color: #fff; }

.is-style-border_sg { border: 1px solid hsla(0, 0%, 78%, .5); padding: var(--gyd-box_padding); }
.is-style-border_dg { border: 1px dashed hsla(0, 0%, 78%, .5); padding: var(--gyd-box_padding); }
.is-style-border_sm { border: 1px solid var(--color_main); padding: var(--gyd-box_padding); }
.is-style-border_dm { border: 1px dashed var(--color_main); padding: var(--gyd-box_padding); }

.is-style-bg_main { background-color: var(--color_main); color: #fff; padding: var(--gyd-box_padding); }
.is-style-bg_main_thin { background-color: var(--color_main_thin); padding: var(--gyd-box_padding); }
.is-style-bg_gray { background: var(--color_gray); padding: var(--gyd-box_padding); }


:root { --gyd-box_padding: 1.5em; }

/* ボーダー設定 */
.has-border.-border01 { border: var(--border01); }
.has-border.-border02 { border: var(--border02); }
.has-border.-border03 { border: var(--border03); }
.has-border.-border04 { border: var(--border04); }

.has-border, div.has-background, p.has-background {
  padding: var(--gyd-box_padding);
}

.is-style-balloon_box2, .is-style-emboss_box, .is-style-sticky_box {
  background-color: #fff; color: #333;
}

/* ストライプ */
.is-style-bg_stripe {
  background: linear-gradient(-45deg, transparent 25%, var(--color_gray) 25%, var(--color_gray) 50%, transparent 50%, transparent 75%, var(--color_gray) 75%, var(--color_gray));
  background-clip: padding-box;
  background-size: 6px 6px;
  padding: var(--gyd-box_padding);
  position: relative;
}

/* 角に折り目 */
.is-style-crease { position: relative; padding: calc(.5em + 20px); background-color: #f7f7f7; }
.is-style-crease:before {
  position: absolute;  top: 0; right: 0; content: "";
  background-color: inherit; width: 0;
  border-color: var(--color_content_bg) var(--color_content_bg) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
  border-style: solid; border-width: 0 20px 20px 0; box-shadow: -1px 1px 1px rgba(0, 0, 0, .05);
}

/* 方眼 */
.is-style-bg_grid {
  background-image: linear-gradient(transparent calc(100% - 1px), var(--color_gray) 50%, var(--color_gray)), linear-gradient(90deg, transparent calc(100% - 1px), var(--color_gray) 50%, var(--color_gray));
  background-repeat: repeat; background-size: 16px 16px; padding: var(--gyd-box_padding);
}

/* スティッチ */
.is-style-note_box, .is-style-stitch {
  position: relative; display: block; background: #f7f7f7; color: #5f5a59;
  font-style: normal; padding: var(--gyd-box_padding);
}
.is-style-note_box:before, .is-style-stitch:before {
  position: absolute; left: 6px; top: 6px; content: ""; display: block;
  width: calc(100% - 12px); height: calc(100% - 12px);
  border: 1px dashed hsla(0, 0%, 78%, .6); border-radius: inherit;
  pointer-events: none;
}

/* 窪み */
.is-style-dent_box {
  padding: var(--gyd-box_padding);
  background: rgba(0, 0, 0, .05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
}

/* 浮き出し */
.is-style-emboss_box {
  padding: var(--gyd-box_padding);
  border-top: 2px solid var(--color_main);
  box-shadow: var(--gyd-box_shadow);
}

/* かぎ括弧 */
.is-style-kakko_box { position: relative; padding: var(--gyd-box_padding); }
.is-style-kakko_box:before { left: 0; top: 0; border-left: 1px solid; border-top: 1px solid; }
.is-style-kakko_box:after { right: 0; bottom: 0; border-bottom: 1px solid; border-right: 1px solid; }
.is-style-kakko_box:after, .is-style-kakko_box:before {
  position: absolute; content: ""; display: inline-block;
  width: 2.25em; height: 2em; border-color: var(--color_main);
}

/* かぎ括弧（大） */
.is-style-big_kakko_box { position: relative; padding: var(--gyd-box_padding); }
.is-style-big_kakko_box:before {
  left: 0; bottom: 0;
  border-bottom: 1px solid; border-left: 1px solid; border-top: 1px solid;
}
.is-style-big_kakko_box:after {
  right: 0; bottom: 0;
  border-bottom: 1px solid; border-right: 1px solid; border-top: 1px solid;
}
.is-style-big_kakko_box:after, .is-style-big_kakko_box:before {
  position: absolute; content: ""; display: inline-block;
  width: .75em; height: 100%; border-color: var(--color_main);
}

/* 左に縦線 */
.is-style-border_left { border-left: 2px solid; padding-left: 10px; }

/* 付箋 */
.is-style-sticky_box {
  position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
  min-width: 6em; padding: .75em 1em;  line-height: 1.4; word-break: break-all;
  border-left: 8px solid var(--color_main); box-shadow: var(--gyd-box_shadow);
}

/* 吹き出し */
.is-style-balloon_box {
  position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
  min-width: 2em; padding: .5em 1.25em; line-height: 1.4; word-break: break-all;
  background-color: var(--color_main); border-radius: 2px; color: #fff;
}
.is-style-balloon_box:before {
  position: absolute; left: 1.25em; bottom: -22px;
  border: 12px solid transparent; border-top: 12px solid var(--color_main);
  content: ""; width: 0; height: 0; visibility: visible;
}

/* 吹き出し２ */
.is-style-balloon_box2 {
  position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
  min-width: 2em; padding: .5em 1.25em; line-height: 1.4; word-break: break-all;
  border: 1px solid; border-radius: 2px;
}
.is-style-balloon_box2:before {
  position: absolute; left: 1.25em; bottom: -7px;
  border-bottom: 1px solid; border-right: 1px solid; background: inherit;
  content: ""; width: 12px; height: 12px; visibility: visible;
  -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.is-style-balloon_box.has-text-align-center,
.is-style-balloon_box2.has-text-align-center {
  margin-left: auto; margin-right: auto;
}
.is-style-balloon_box.has-text-align-center:before {
  left: calc(50% - 12px);
}
.is-style-balloon_box2.has-text-align-center:before {
  left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);
}

.is-style-icon_announce,
.is-style-icon_bad,
.is-style-icon_book,
.is-style-icon_good,
.is-style-icon_info,
.is-style-icon_pen {
  position: relative; padding: 1em 1em 1em 4.25em; border-radius: 2px; line-height: 1.6;
}
.is-style-icon_announce:before,
.is-style-icon_bad:before,
.is-style-icon_book:before,
.is-style-icon_good:before,
.is-style-icon_info:before,
.is-style-icon_pen:before {
  content: ""; font-family: "gyd_icon"; position: absolute; top: 50%; left: 1.25em; display: inline-block;
  font-size: inherit; -webkit-transform: translateY(-50%) scale(1.5); transform: translateY(-50%) scale(1.5);
}
.is-style-icon_announce:after,
.is-style-icon_bad:after,
.is-style-icon_book:after,
.is-style-icon_good:after,
.is-style-icon_info:after,
.is-style-icon_pen:after {
  content: ""; position: absolute; top: 25%; left: 3.25em;
  display: block; width: 0; height: 50%; border-right: 1px solid; opacity: .4;
}

.is-style-icon_good { background: var(--color_icon_good_bg); border-color: var(--color_icon_good); }
.is-style-icon_good:before { content: "\f164"; color: var(--color_icon_good); }
.is-style-icon_good:after { border-right-color: var(--color_icon_good); }

.is-style-icon_bad { background: var(--color_icon_bad_bg); border-color: var(--color_icon_bad); }
.is-style-icon_bad:before { content: "\f165"; color: var(--color_icon_bad); }
.is-style-icon_bad:after { border-right-color: var(--color_icon_bad); }

.is-style-icon_info { background: var(--color_icon_info_bg); border-color: var(--color_icon_info); }
.is-style-icon_info:before { content: "\f05a"; color: var(--color_icon_info); }
.is-style-icon_info:after {  border-right-color: var(--color_icon_info); }

.is-style-icon_announce { background: var(--color_icon_announce_bg); border-color: var(--color_icon_announce); }
.is-style-icon_announce:before { content: "\f0a1"; color: var(--color_icon_announce); }
.is-style-icon_announce:after { border-right-color: var(--color_icon_announce); }

.is-style-icon_pen { background: var(--color_icon_pen_bg); border-color: var(--color_icon_pen); }
.is-style-icon_pen:before { content: "\f040"; color: var(--color_icon_pen); }
.is-style-icon_pen:after { border-right-color: var(--color_icon_pen); }

.is-style-icon_book { background: var(--color_icon_book_bg); border-color: var(--color_icon_book); }
.is-style-icon_book:before { content: "\f02d"; color: var(--color_icon_book); }
.is-style-icon_book:after { border-right-color: var(--color_icon_book); }

[class*=is-style-big_icon_] {
  position: relative; padding: 2em 1.5em 1.5em;
  border-color: var(--the-color, currentColor);
  border-width: 2px; border-style: solid;
}
[class*=is-style-big_icon_]:not(:first-child) { margin-top: 2.5em; }
[class*=is-style-big_icon_]:before {
  position: absolute; top: -1px; left: .5em; display: inline-flex;
  align-items: center; justify-content: center; padding: 0 0 0 .05em;
  content: ""; font-family: "gyd_icon"; font-size: 1.25em;
  width: 2em; height: 2em; color: #fff; background-color: var(--the-color, currentColor);
  border: 2px solid; border-color: var(--color_content_bg); border-radius: 50%;
  line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.is-style-big_icon_point { --the-color: var(--color_icon_point); }
.is-style-big_icon_point:before { content: "\f12a"; }
.is-style-big_icon_check,
.is-style-big_icon_good {
  --the-color: var(--color_icon_check);
}
.is-style-big_icon_check:before,
.is-style-big_icon_good:before {
  content: "\f00c";
}
.is-style-big_icon_bad,
.is-style-big_icon_batsu {
  --the-color: var(--color_icon_batsu);
}
.is-style-big_icon_bad:before,
.is-style-big_icon_batsu:before {
  content: "\f00d";
}
.is-style-big_icon_hatena { --the-color: var(--color_icon_hatena); }
.is-style-big_icon_hatena:before { content: "\f128"; }
.is-style-big_icon_caution { --the-color: var(--color_icon_caution); }
.is-style-big_icon_caution:before { content: "\f071"; }
.is-style-big_icon_memo { --the-color: var(--color_icon_memo); }
.is-style-big_icon_memo:before { content: "\f044"; }


.is-style-browser_mac {
  --frame-color: #ced1d5; --bar-height: 32px; --frame-width: 6px; --caption-fz: 12px;
  position: relative; display: grid !important; grid-template-areas: "Bar" "Display";
}
.giyudo-block-column .is-style-browser_mac,
.wp-block-column .is-style-browser_mac,
.wp-block-gallery:not(.columns-1) .is-style-browser_mac {
  --frame-width: 4px; --caption-fz: 11px; --bar-height: 30px
}
.is-style-browser_mac > .wp-block-group__inner-container {
  width: 100%; max-height: 400px; padding: 1.5em; overflow-y: auto;
}
.is-style-browser_mac:before {
  position: relative; z-index: 1;
  background: var(--frame-color) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA1NiAxNCI+PGNpcmNsZSBjeD0iOCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiNlYzZhNWUiLz48Y2lyY2xlIGN4PSIyOCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiNmNWJmNTEiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiM2MWM1NTUiLz48L3N2Zz4=) no-repeat left 8px top 50%;
  background-size: auto calc(var(--bar-height) - 20px);
  content: ""; display: block; grid-area: Bar; border-radius: 8px 8px 0 0;
  width: 100%; height: var(--bar-height); padding: 0;
}
.is-style-browser_mac.wp-block-image img,
.is-style-browser_mac.wp-block-video video,
.is-style-browser_mac>.wp-block-group__inner-container {
  background: #fff; border: solid var(--frame-width) var(--frame-color);
  border-radius: 0 0 8px 8px; border-top: none; box-shadow: 0 2px 24px -2px rgba(0, 0, 0, .25);
  color: #333; grid-area: Display;
}

.is-style-browser_mac.wp-block-image,
.is-style-browser_mac.wp-block-video {
  margin-left: auto; margin-right: auto;
  width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
}
.is-style-browser_mac.wp-block-image img,
.is-style-browser_mac.wp-block-video video {
  display: block; margin: 0 auto;
}
.is-style-browser_mac.is-style-browser_mac > figcaption {
  position: absolute; top: calc(var(--bar-height) - var(--caption-fz) - 14px); left: calc((var(--bar-height) - 20px)*5 + 8px);
  z-index: 2; margin: 0 !important; padding: 6px 8px; background: #fff; border-radius: 6px 6px 0 0;
  font-size: var(--caption-fz) !important; grid-area: Bar; line-height: 1; max-width: calc(100% - 80px);
}
.wp-block-gallery .is-style-browser_mac figcaption { max-width: 100%; width: 100%; top: auto; }

.is-style-desktop {
  --body-color: #ced1d5; --bezel-width: 8px; --bezel-frame: 2px; --bezel-width--foot: calc(var(--bezel-width) * 5.5); --panel-ratio: 56.25%;
  display: grid !important; grid-template-areas: "Display" "Foot" "Caption"; padding: 0; position: relative;
}
.giyudo-block-column .is-style-desktop,
.wp-block-column .is-style-desktop,
.wp-block-gallery:not(.columns-1) .is-style-desktop {
  --bezel-width: 6px;
}
.is-style-desktop.wp-block-image {
  margin-left: auto; margin-right: auto;
  width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
}
.is-style-desktop.wp-block-image img,
.is-style-desktop.wp-block-video video,
.is-style-desktop>.wp-block-group__inner-container {
  border: var(--bezel-width) solid #222; border-bottom-width: calc(var(--bezel-width) - var(--bezel-frame));
  border-radius: 6px 6px 0 0; display: block; grid-area: Display; margin: 0 auto; padding: 0; z-index: 0;
}
.is-style-desktop > .wp-block-group__inner-container {
  position: absolute; padding: 1em; width: 100%; height: calc(100% - var(--bezel-width--foot));
  background-color: #fff; color: #111; overflow-y: auto;
}
.is-style-desktop.wp-block-image img,
.is-style-desktop.wp-block-video video {
  margin-bottom: var(--bezel-width--foot);
}
.is-style-desktop figcaption { grid-area: Caption; }
.is-style-desktop:after {
  border: solid var(--bezel-frame) var(--body-color) !important;
  border-bottom-width: var(--bezel-width--foot) !important; border-radius: 6px 6px 8px 8px !important;
  box-sizing: border-box; content: ""; display: block; grid-area: Display;
  width: 100%; height: 0; padding-top: var(--panel-ratio); pointer-events: none; z-index: 1; 
}
.is-style-desktop.wp-block-image:after,
.is-style-desktop.wp-block-video:after {
  position: absolute; z-index: 1; padding: 0;
  width: 100%; height: 100%; visibility: visible;
}
.is-style-desktop:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, .125), rgba(0, 0, 0, .05) 55%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .075) 92%, hsla(0, 0%, 100%, .3) 96%, rgba(0, 0, 0, .35) 99%), linear-gradient(to right, hsla(0, 0%, 100%, .2), rgba(0, 0, 0, .35) 1%, hsla(0, 0%, 100%, .3) 4%, rgba(0, 0, 0, .02) 8%, hsla(0, 0%, 100%, .2) 25%, hsla(0, 0%, 100%, .2) 75%, rgba(0, 0, 0, .02) 92%, hsla(0, 0%, 100%, .3) 96%, rgba(0, 0, 0, .35) 99%, hsla(0, 0%, 100%, .2)), linear-gradient(to bottom, var(--body-color), var(--body-color));
  background-position: top, bottom, top; background-repeat: no-repeat;
  background-size: 100% 92%, 100% 8%, 100%; border-radius: 0 0 4px 4px/2px;
  box-shadow: 0 0 calc(var(--body-width, 4px)*.001) rgba(0, 0, 0, .2);
  content: ""; display: block; grid-area: Foot; height: 0; margin: 0 auto; order: 1; padding-top: 10%; width: 18%;
}
.wp-block-gallery .is-style-desktop img { height: calc(100% - var(--bezel-width--foot)) !important; }
.wp-block-gallery .is-style-desktop figcaption { bottom: var(--bezel-width--foot) !important; grid-area: Display; }

.is-style-browser_mac.size_s,
.is-style-desktop.size_s {
  padding: 0 var(--img-space--s, 8%);
}
.is-style-browser_mac.size_s img,
.is-style-desktop.size_s img {
  max-width: 100%;
}
.is-style-browser_mac.size_xs,
.is-style-desktop.size_xs {
  padding: 0 var(--img-space--xs, 16%);
}
.is-style-browser_mac.size_xs img,
.is-style-desktop.size_xs img {
  max-width: 100%;
}

.wp-block-image figcaption,
.wp-block-table figcaption,
.wp-block-video figcaption {
  display: block !important; margin-bottom: 0; margin-top: .75em;
  color: inherit; font-size: .8em; line-height: 1.4; opacity: .8; text-align: center;
}

.has-gyd-main-color { color: var(--color_main) !important; }
.has-gyd-main-thin-color {color: var(--color_main_thin) !important; }
.has-gyd-gray-color {color: var(--color_gray) !important; }
.has-black-color { color: #000 !important; }
.has-white-color { color: #fff !important; }
.has-gyd-pale-01-color { color: var(--color_pale01) !important; }
.has-gyd-pale-02-color { color: var(--color_pale02) !important; }
.has-gyd-pale-03-color { color: var(--color_pale03) !important; }
.has-gyd-pale-04-color { color: var(--color_pale04) !important; }
.has-gyd-deep-01-color { color: var(--color_deep01) !important; }
.has-gyd-deep-02-color { color: var(--color_deep02) !important; }
.has-gyd-deep-03-color { color: var(--color_deep03) !important; }
.has-gyd-deep-04-color { color: var(--color_deep04) !important; }
.has-gyd-main-background-color {
  background-color: var(--color_main) !important; color: var(--gyd-text_color--white, #fff);
}
.has-gyd-main-thin-background-color {
  background-color: var(--color_main_thin) !important; color: var(--gyd-text_color--black, #333)
}
.has-gyd-gray-background-color { background-color: var(--color_gray) !important; }
.has-black-background-color {
  background-color: #000 !important; color: var(--gyd-text_color--white, #fff);
}
.has-white-background-color {
  background-color: #fff !important; color: var(--gyd-text_color--black, #333);
}
.has-gyd-deep-01-background-color {
  background-color: var(--color_deep01) !important;color: var(--gyd-text_color--white, #fff);
}
.has-gyd-deep-02-background-color {
  background-color: var(--color_deep02) !important;color: var(--gyd-text_color--white, #fff);
}
.has-gyd-deep-03-background-color {
  background-color: var(--color_deep03) !important; color: var(--gyd-text_color--white, #fff);
}
.has-gyd-deep-04-background-color {
  background-color: var(--color_deep04) !important; color: var(--gyd-text_color--white, #fff);
}
.has-gyd-pale-01-background-color {
  background-color: var(--color_pale01) !important; color: var(--gyd-text_color--black, #333);
}
.has-gyd-pale-02-background-color {
  background-color: var(--color_pale02) !important; color: var(--gyd-text_color--black, #333);
}
.has-gyd-pale-03-background-color {
  background-color: var(--color_pale03) !important; color: var(--gyd-text_color--black, #333);
}
.has-gyd-pale-04-background-color { 
  background-color: var(--color_pale04) !important; color: var(--gyd-text_color--black, #333);
}

.wp-block-columns.sp_column2.has-2-columns { flex-wrap: nowrap !important }
.wp-block-columns.first_big > .wp-block-column, .wp-block-columns.last_big > .wp-block-column {
  flex-grow: 0;
}
.wp-block-columns.first_big .wp-block-column:first-child, .wp-block-columns.last_big .wp-block-column:last-child {
  flex-basis: 100% !important;
}
.wp-block-columns.first_big.sp_column2 .wp-block-column:not(:first-child), .wp-block-columns.last_big.sp_column2 .wp-block-column:not(:last-child) {
  flex-basis: calc(50% - var(--wp-column-gap) / 2) !important;
}

.wp-block-image { text-align: center; margin: 0 0 1.5em 0; }
.wp-block-image:last-child { margin-bottom: 0; }
.wp-block-image img { vertical-align: bottom; }
.wp-block-image figcaption a { display: inline; }
.wp-block-image:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.wp-block-image a { display: block; transition: opacity .25s; }
.wp-block-image a:hover { opacity: .8; }

.wp-caption { max-width: 100%; width: 100%; text-align: center; }
.wp-caption-text { font-size: .8em; margin-top: 1em; opacity: .8; }

img.aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; }

.wp-block-image.is-style-border img, .wp-block-video.is-style-border video, img.border {
  border: 1px solid rgba(0, 0, 0, .1);
}
.wp-block-image.is-style-photo_frame img, .wp-block-video.is-style-photo_frame video, img.photo_frame {
  border: 4px solid #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}

.size_s img, img.size_s { display: block; margin: auto; max-width: calc(100% - var(--img-space--s, 8%) * 2); }
.size_xs img, img.size_xs { display: block; margin: auto; max-width: calc(100% - var(--img-space--xs, 16%) * 2); }

.gyd-marker { display: inline; padding: 2px; }

.gyd-bg-color { border-radius: 1px; padding: .25em; }

mark.has-inline-color { background-color: inherit; }

code.dir_name:before { content: "\e92f"; margin-right: .4em; opacity: .8; }
code.file_name:before { content: "\e924"; margin-right: .4em; }

.gyd-cell-text-centered { display: inline-block; text-align: center; width: 100%; }

.gyd-inline-list { position: relative; display: inline-block; line-height: 1.5; padding: 2px 0 2px 1.5em; }
.gyd-inline-list[data-icon=dot]:before {
  position: absolute; top: calc(.75em - 1px); left: .5em;
  content: ""; display: block; width: 6px; height: 6px;
  background-color: currentcolor;border-radius: 50%; color: inherit;
}
.gyd-inline-list:not([data-icon=dot]):before {
  position: absolute; top: 2px; left: .25em; display: block; width: 1em; height: auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  background: none; border: none; border-radius: 0; font-family: "gyd_icon";
}
.gyd-inline-list[data-icon=check]:before { color: var(--color_list_check); content: "\e923"; -webkit-transform: scale(.8); transform: scale(.8); }
.gyd-inline-list[data-icon=circle]:before { color: var(--color_list_good); content: "\ea56"; }
.gyd-inline-list[data-icon=triangle]:before { color: var(--color_list_triangle); content: "\e93f"; }
.gyd-inline-list[data-icon=close]:before { content: "\e91f"; color: var(--color_list_bad); }

.gyd-inline-icon { position: relative; display: inline-block; margin-left: .1em; margin-right: .1em; min-width: 1em; }
.gyd-inline-icon + .gyd-inline-icon { margin-left: 0; }
.gyd-inline-icon:after {
  background: currentcolor; content: ""; display: block;
  position: absolute; left: 0; top: 0; max-width: 2ch; width: 1em; width: 100%;height: 100%;
  -webkit-mask-image: var(--the-icon-svg); mask-image: var(--the-icon-svg);
  -webkit-mask-position: center center; mask-position: center center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain;  
}

ol.is-style-index ul li:before, ul.is-style-index li li:before {
  content: "" !important; position: absolute; top: 0; left: .25em;
  background: none; border-bottom: 2px solid; border-left: 2px solid; border-radius: 0;
  box-shadow: none; color: inherit; opacity: .75;
  width: 6px; height: calc(1em - 2px);
  -webkit-transform: none; transform: none;
  -webkit-transform: scale(.75); transform: scale(.75);
  -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;
  
}
ol.has-background, ul.has-background { padding: var(--gyd-list-padding--has_bg); }
li .has-background {
  --gyd-list-padding--has_bg: .5em .5em .5em calc(0.5em + var(--gyd-list-padding--left))
}

.is-style-bad_list, .is-style-check_list, .is-style-good_list, .is-style-index, .is-style-note_list, .is-style-num_circle, .is-style-triangle_list {
  --gyd-list-padding--left: .25em; --gyd-list-padding--has_bg: 1em; list-style: none !important;
}
.is-style-bad_list ol, .is-style-bad_list ul, .is-style-check_list ol, .is-style-check_list ul, .is-style-good_list ol, .is-style-good_list ul, .is-style-index ol, .is-style-index ul, .is-style-note_list ol, .is-style-note_list ul, .is-style-num_circle ol, .is-style-num_circle ul, .is-style-triangle_list ol, .is-style-triangle_list ul {
  --gyd-list-padding--left: 0px; list-style: none !important;
}

li:before { letter-spacing: normal; }

ul.is-style-index li { padding-left: 1.25em; position: relative; }
ul.is-style-index li:before {
  content: ""; display: block; position: absolute; top: calc(.75em + 3px); left: 2px;
  background-color: currentcolor; border-radius: 50%; color: inherit;
  width: 6px; height: 6px;
}
ol.is-style-index > :first-child { counter-reset: toc; }
ol.is-style-index ol > li, ol.is-style-index > li { margin-left: 2em; padding-left: 0; position: relative; }
ol.is-style-index ol > li:before, ol.is-style-index > li:before {
  counter-increment: toc;
  content: counters(toc, "-");
  display: block; position: absolute; top: .25em; right: calc(100% + .5em);
  border-right: 1px solid;
  font-family: inherit; letter-spacing: -.1px;
  width: auto; line-height: 1.1; padding: 0 .5em 0 0; white-space: nowrap;
  -webkit-transform: scale(.95); transform: scale(.95);
}

ol.is-style-index ol { counter-reset: toc; padding-left: 1em; }
ol.is-style-index ol li:before { opacity: .75; }
ol.is-style-index ul li { counter-increment: none; margin-left: 0; padding-left: 1.25em; }

.is-style-bad_list li, .is-style-check_list li, .is-style-good_list li, .is-style-triangle_list li {
  padding-left: 1.5em;
}
.is-style-bad_list li:before, .is-style-check_list li:before, .is-style-good_list li:before, .is-style-triangle_list li:before {
  display: block; position: absolute; top: 0; left: 0;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  background: none; border: none; border-radius: 0;
  width: 1em; height: auto; font-family: "gyd_icon";
}
.is-style-bad_list li li:before, .is-style-check_list li li:before, .is-style-good_list li li:before, .is-style-triangle_list li li:before {
  content: "\00a0";background-color: currentcolor; -webkit-clip-path: circle(12% at 50%); clip-path: circle(12% at 50%);
  font-family: inherit;
}
.is-style-check_list li:before { content: "\f00c"; color: var(--color_list_check); }
.is-style-good_list li:before { content: "\f111"; color: var(--color_list_good); }
.is-style-triangle_list li:before { content: "\f04b"; color: var(--color_list_triangle); }
.is-style-bad_list li:before { content: "\f00d"; color: var(--color_list_bad); }
.is-style-note_list { font-size: .9em; }
.is-style-note_list:not(.has-text-color) { opacity: .85; }
.is-style-note_list li { margin: .5em 0; padding-left: 1.25em; }
.is-style-note_list li:before {
  position: absolute; top: 0; left: 0;
  background: none; border: none; border-radius: 0;
  content: "※"; height: auto; white-space: nowrap;
  -webkit-transform: scale(.75); transform: scale(.75);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
}

ol.is-style-note_list { counter-reset: li; }
ol.is-style-note_list > li { padding-left: 1.75em; }
ol.is-style-note_list > li:before { content: "※" counter(li); counter-increment: li; letter-spacing: 1px; }

.is-style-num_circle { counter-reset: li; }
.is-style-num_circle li { padding-left: 2em; }
.is-style-num_circle li:before {
  position: absolute; top: 0.2em; left: 1px; content: counter(li); counter-increment: li;
  display: block; box-sizing: content-box; padding: 0; width: 1.8em; height: 1.8em; line-height: 1.8;
  box-shadow: 0 0 0 1px var(--color_list_num); background-color: var(--color_list_num); border-radius: 50%; color: #fff; text-align: center;
  -webkit-transform: scale(.75); transform: scale(.75); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
}

.is-style-num_circle ol { counter-reset: li; }
.is-style-num_circle ol li:before {
  background: none; box-shadow: 0 0 0 1px var(--color_list_num);
  color: var(--color_list_num); opacity: .75; -webkit-transform: scale(.7); transform: scale(.7);
}

.is-style-num_circle ul li { padding-left: 1.25em; }
.is-style-num_circle ul li:before { content: ""; counter-increment: none; -webkit-transform: scale(.15); transform: scale(.15); }

.-list-under-dashed > li, .border_bottom > li {
  border-bottom: 1px dashed var(--color_border);
  margin-bottom: .75em;
  padding-bottom: .75em;
}

ol.-list-flex, ul.-list-flex { display: flex; flex-wrap: wrap; gap: 1em; }

.is-style-index[reversed] > li:before, .is-style-note_list[reversed] > li:before, .is-style-num_circle[reversed] > li:before {
  counter-increment: li -1;
}


/*
ボタン
--------------------------- */
.giyudo-block-button { --the-icon-size: 1.1em; }
.giyudo-block-button[data-align=right] { text-align: right; }
.giyudo-block-button[data-align=left] { text-align: left; }
.giyudo-block-button a { text-align: center; }
.giyudo-block-button .giyudo-block-button__link[data-has-icon] {
  align-items: center; display: inline-flex;
  gap: .5em; justify-content: center;
}
.giyudo-block-button .__icon:not(.-right) { margin-left: -.25em; }
.giyudo-block-button .__icon.-right { margin-right: -.25em; }
.giyudo-block-button .__icon { font-size: var(--the-icon-size); height: var(--the-icon-size); width: var(--the-icon-size); fill: #fff; }
.giyudo-block-button .__icon:before { display: block; }
.giyudo-block-button__img { border: none; display: none !important; }

[class*=is-style-btn_] {
  --the-fz: 1em;
  --the-width: auto;
  --the-min-width: 64%;
  --the-padding: .75em 1.5em;
  --the-btn-color: var(--color_main);
  --the-btn-color2: var(--color_main);
  --the-btn-bg: var(--the-btn-color);
  display: block; font-size: var(--the-fz);
  margin: 2em auto 2em; position: relative; text-align: center;
}
[class*=is-style-btn_] a {
  background: var(--the-btn-bg); border-radius: var(--the-btn-radius, 0);
  display: inline-block; letter-spacing: var(--gyd-letter_spacing, 1px);
  line-height: 1.5; width: var(--the-width);
  margin: 0; padding: var(--the-padding); position: relative; text-decoration: none;
}
[class*=is-style-btn_].-size-custom { --the-min-width: 1em; }
[class*=is-style-btn_].-size-s { --the-fz: .9em; --the-min-width: 40%; }
[class*=is-style-btn_].-size-l { --the-min-width: 100%; --the-padding: 1em 1.5em; }
[class*=is-style-btn_] img { display: none; }

.is-style-btn_normal a { color: #fff !important; font-weight: 700; transition: box-shadow .25s; }
.is-style-btn_normal a:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2); opacity: 1;
}

.is-style-btn_solid a {
  box-shadow: 0 4px 0 var(--the-solid-shadow, var(--color_main_dark)); color: #fff !important; font-weight: 700;
  transition: box-shadow .25s, -webkit-transform .25s; transition: transform .25s, box-shadow .25s;
  transition: transform .25s, box-shadow .25s, -webkit-transform .25s; z-index: 1;
}
.is-style-btn_solid a:hover {
  box-shadow: 0 0 0 transparent !important;
  -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0);
}

.is-style-btn_shiny a { color: #fff !important; font-weight: 700; }

.is-style-btn_line a {
  position: relative; background: none; border: 1px solid;
  color: var(--the-btn-color, var(--color_main)) !important;
  transition: background-color .25s;
}
.is-style-btn_line a:hover {
  background-color: var(--the-btn-color, var(--color_main));
  border-color: transparent; color: #fff !important;
}

.is-style-more_btn {
  --the-fz: .9em; --the-width: auto; --the-min-width: 80%; --the-padding: .75rem 3em;
  position: relative; display: block; margin: 2em auto 0; padding: 2px 0; text-align: center;
}
.is-style-more_btn img { display: none; }
.is-style-more_btn a {
  position: relative; display: inline-block; padding: var(--the-padding);
  min-width: var(--the-min-width); width: var(--the-width);
  background: #fff; color: #666 !important; box-shadow: 0 0 0 1px #dcdcdc;
  font-size: var(--the-fz); text-decoration: none; transition: box-shadow .25s, background-color .25s;
}
.is-style-more_btn a:after {
  content: "\f105"; font-family: "gyd_icon"; position: absolute; right: 1em; top: 50%;
  -webkit-transform: translateY(-50%); transform: translateY(-50%);
  transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s;
}
.is-style-more_btn a:hover { background-color: var(--color_main) !important; box-shadow: none; color: #fff !important; }
.is-style-more_btn a:hover:after { -webkit-transform: translateX(4px) translateY(-50%); transform: translateX(4px) translateY(-50%); }
.is-style-more_btn.-size-custom { --the-min-width: 1em; }
.is-style-more_btn.-size-s { --the-min-width: 40%; --the-padding: .5rem 3em; }
.is-style-more_btn.-size-l { --the-min-width: 100%; --the-padding: 1rem 3em; }
.gyd-inline-btn { display: inline-block; font-size: .9em; margin: 0 .25em; }

table .gyd-inline-btn { margin: .5em .25em; }
.gyd-inline-btn.is-style-btn_solid { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.gyd-inline-btn a { display: inline-flex; padding: .5em 1em; letter-spacing: var(--gyd-letter_spacing, .5px); }

.wp-block-code.wp-block-code {
  padding: .5em; border: 1px solid var(--color_border); border-radius: 2px;
  font-family: Menlo, Consolas, メイリオ, sans-serif; font-size: min(14px, 3.4vw);
}

/* カバーブロック */
.wp-block-cover { overflow: hidden; }
.giyudo-block-column > .wp-block-cover:first-child { padding: 1em; margin: 0; }

.wp-block-details { --wp--style--block-gap: 1em; }
.wp-block-details > :last-child { margin-bottom: 0; }
.wp-block-details > :not(summary) {
  -webkit-margin-after: 0; -webkit-margin-before: var(--wp--style--block-gap);
  margin-block-end: 0; margin-block-start: var(--wp--style--block-gap);
}

.wp-block-footnotes > li > a, sup.fn > a { text-decoration: underline; }
sup.fn > a {
  -webkit-padding-start: 1px; -webkit-padding-end: 2px;
  font-family: helvetica; font-size: .75rem; letter-spacing: .5px;
  padding-inline-end: 2px; padding-inline-start: 1px
}
sup.fn > a:before { content: "["; }
sup.fn > a:after { content: "]"; }

.wp-block-group.is-row { display: flex; }
.wp-block-group.is-stack { display: flex; flex-direction: column; }
.wp-block-group.is-row > *, .wp-block-group.is-stack > * { margin: 0; }

.wp-block-quote > :first-child { margin-top: 0; }

.wp-block-video { text-align: center; }

:where(.has-border) { margin-left: .3px; }

.p-blogParts { position: relative; }
.p-blogParts__edit { position: absolute; bottom: 100%; right: 0; margin-bottom: 0; font-size: 12px; }


@media not all and (min-width:960px) {
  @-webkit-keyframes leftToRight {
    0% { -webkit-transform: scale(1.15) translateX(-1.5%); transform: scale(1.15) translateX(-1.5%); }
    to { -webkit-transform: scale(1.15) translateX(1.5%); transform: scale(1.15) translateX(1.5%); }
  }
  @keyframes leftToRight {
    0% { -webkit-transform: scale(1.15) translateX(-1.5%); transform: scale(1.15) translateX(-1.5%); }
    to { -webkit-transform: scale(1.15) translateX(1.5%); transform: scale(1.15) translateX(1.5%); }
  }

  [data-spmenu=opened] body { overflow-y: hidden; touch-action: none; }
  #wpadminbar { position: fixed !important; }

  .p-blogCard__excerpt { display: none; }

  /* 上下のPADDING量 */
  .sp-py-0 { padding-bottom: 0 !important; padding-top: 0 !important; }
  .sp-py-20 { padding-bottom: 2em !important; padding-top: 2em !important; }
  .sp-py-40 { padding-bottom: 4em !important; padding-top: 4em !important; }
  .sp-py-60 { padding-bottom: 6em !important; padding-top: 6em !important; }
  .sp-py-80 { padding-bottom: 8em !important; padding-top: 8em !important; }

  /* 上部のPADDING量 */
  .sp-pt-0 { padding-top: 0 !important; }
  .sp-pt-10 { padding-top: 1em !important; }
  .sp-pt-20 { padding-top: 2em !important; }
  .sp-pt-30 { padding-top: 3em !important; }
  .sp-pt-40 { padding-top: 4em !important; }

  /* 下部のPADDING量 */
  .sp-pb-0 { padding-bottom: 0 !important; }
  .sp-pb-10 { padding-bottom: 1em !important; }
  .sp-pb-20 { padding-bottom: 2em !important; }
  .sp-pb-30 { padding-bottom: 3em !important; }
  .sp-pb-40 { padding-bottom: 4em !important; }

  /* 上部のMARGIN量 */
  .sp-mt-0 { margin-top: 0 !important; }
  .sp-mt-10 { margin-top: 1em !important; }
  .sp-mt-20 { margin-top: 2em !important; }
  .sp-mt-30 { margin-top: 3em !important; }
  .sp-mt-40 { margin-top: 4em !important; }

  /* 下部のMARGIN量 */
  .sp-mb-0 { margin-bottom: 0 !important; }
  .sp-mb-10 { margin-bottom: 1em !important; }
  .sp-mb-20 { margin-bottom: 2em !important; }
  .sp-mb-30 { margin-bottom: 3em !important; }
  .sp-mb-40 { margin-bottom: 4em !important; }


  /* 表示するデバイスサイズが `PC` の場合 */
  .pc_, .pc_only { display: none !important; }

  .w-fixSide { max-height: unset !important; }
  .is-style-browser_mac { --frame-width: 4px; --caption-fz: 11px; --bar-height: 30px; }
  .is-style-desktop { --bezel-width: 6px; }
}

@media (min-width:600px) {
  :root { --gyd-fz--root: 16px; --gyd-h2-margin--x: -16px; }

  .p-blogCard__caption { font-size: 12px; left: 24px; }
  .p-blogCard__inner { padding: 24px; }
  .p-blogCard__thumb { width: 21%; }
  [data-type=type1] .p-blogCard__inner { padding-top: 25px; }
  [data-type=type2] .p-blogCard__inner { padding-top: 28px; }
  [data-type=type3] .p-blogCard__caption { bottom: 8px; right: 8px; }

  .wp-block-group { --gyd-box_padding: 2em; }
  [class*=is-style-big_icon_] { padding: 2.5em 2em 2em; }
  [class*=is-style-big_icon_]:before { left: .75em; }
  .wp-block-columns.has-2-columns { flex-wrap: nowrap !important; }
  .wp-block-columns.first_big:not(.sp_column2) .wp-block-column:not(:first-child), .wp-block-columns.last_big:not(.sp_column2) .wp-block-column:not(:last-child) {
    flex-basis: calc(50% - var(--wp-column-gap) / 2) !important;
  }
  
  /* ボタンブロック */
  [class*=is-style-btn_] { --the-min-width: 40%; }
  [class*=is-style-btn_].-size-s { --the-min-width: 20%; }
  [class*=is-style-btn_].-size-l { --the-min-width: 80%; }
  .is-style-more_btn { --the-min-width: 64%; }
}

@media (min-width:1081px) {
  :root { --gyd-pad_container: 0; }
}

@media (min-width:960px) and (max-width: 1080px) {
  :root { --gyd-pad_container: 32px; }
}

@media (min-width:960px) {
  :root { --gyd-fz--side: 14px; --gyd-pad_post_content: 16px; }

  /* 上下のPADDING量 */
  .pc-py-0 { padding-bottom: 0 !important; padding-top: 0 !important; }
  .pc-py-20 { padding-bottom: 2em !important; padding-top: 2em !important; }
  .pc-py-40 { padding-bottom: 4em !important; padding-top: 4em !important; }
  .pc-py-60 { padding-bottom: 6em !important; padding-top: 6em !important; }
  .pc-py-80 { padding-bottom: 8em!important; padding-top: 8em!important; }

  /* 上部のPADDING量 */
  .pc-pt-0 { padding-top: 0 !important; }
  .pc-pt-10 { padding-top: 1em !important; }
  .pc-pt-20 { padding-top: 2em !important; }
  .pc-pt-30 { padding-top: 3em !important; }
  .pc-pt-40 { padding-top: 4em !important; }

  /* 下部のPADDING量 */
  .pc-pb-0 { padding-bottom: 0 !important; }
  .pc-pb-10 { padding-bottom: 1em !important; }
  .pc-pb-20 { padding-bottom: 2em !important; }
  .pc-pb-30 { padding-bottom: 3em !important; }
  .pc-pb-40 { padding-bottom: 4em !important; }

  /* 上部のMARGIN量 */
  .pc-mt-0 { margin-top: 0 !important; }
  .pc-mt-10 { margin-top: 1em !important; }
  .pc-mt-20 { margin-top: 2em !important; }
  .pc-mt-30 { margin-top: 3em !important; }
  .pc-mt-40 { margin-top: 4em !important; }

  /* 下部のMARGIN量 */
  .pc-mb-0 { margin-bottom: 0 !important; }
  .pc-mb-10 { margin-bottom: 1em !important; }
  .pc-mb-20 { margin-bottom: 2em !important; }
  .pc-mb-30 { margin-bottom: 3em !important; }
  .pc-mb-40 { margin-bottom: 4em !important; }


  /* 表示するデバイスサイズが `SP` の場合 */
  .sp_, .sp_only { display: none !important; }

  .wp-block-image.is-style-photo_frame img, .wp-block-video.is-style-photo_frame video, img.photo_frame {
    border: 6px solid #fff;
  }
  .wp-block-cover { padding: 2em; }
}

@media screen {
  [hidden~=screen] { display: inherit; }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {clip: rect(0 0 0 0)!important; position: absolute!important; }
}

@media screen and (max-width:782px) {
  .admin-bar { --gyd-adminbarH: var(--wp-admin--admin-bar--height, 46px); }
}

@media not all and (min-width:600px) {
  .is-style-browser_mac>.wp-block-group__inner-container { max-height: 56vw; }
}