:root {
  --swl-fz--content: 4vw;
  --swl-font_family: "游ゴシック体", "Yu Gothic", YuGothic,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --swl-font_weight: 500;
  --color_main: #04384c;
  --color_text: #333;
  --color_link: #1176d4;
  --color_htag: #04384c;
  --color_bg: #fdfdfd;
  --color_gradient1: #d8ffff;
  --color_gradient2: #87e7ff;
  --color_main_thin: rgba(5, 70, 95, 0.05);
  --color_main_dark: rgba(3, 42, 57, 1);
  --color_list_check: #04384c;
  --color_list_num: #04384c;
  --color_list_good: #86dd7b;
  --color_list_triangle: #f4e03a;
  --color_list_bad: #f36060;
  --color_faq_q: #d55656;
  --color_faq_a: #6599b7;
  --color_icon_good: #3cd250;
  --color_icon_good_bg: #ecffe9;
  --color_icon_bad: #4b73eb;
  --color_icon_bad_bg: #eafaff;
  --color_icon_info: #f578b4;
  --color_icon_info_bg: #fff0fa;
  --color_icon_announce: #ffa537;
  --color_icon_announce_bg: #fff5f0;
  --color_icon_pen: #7a7a7a;
  --color_icon_pen_bg: #f7f7f7;
  --color_icon_book: #787364;
  --color_icon_book_bg: #f8f6ef;
  --color_icon_point: #ffa639;
  --color_icon_check: #86d67c;
  --color_icon_batsu: #f36060;
  --color_icon_hatena: #5295cc;
  --color_icon_caution: #f7da38;
  --color_icon_memo: #84878a;
  --color_deep01: #e44141;
  --color_deep02: #3d79d5;
  --color_deep03: #63a84d;
  --color_deep04: #f09f4d;
  --color_pale01: #fff2f0;
  --color_pale02: #f3f8fd;
  --color_pale03: #f1f9ee;
  --color_pale04: #fdf9ee;
  --color_mark_blue: #b7e3ff;
  --color_mark_green: #bdf9c3;
  --color_mark_yellow: #fcf69f;
  --color_mark_orange: #ffddbc;
  --border01: solid 1px #4d756c;
  --border02: double 4px #4d756c;
  --border03: dashed 2px var(--color_border);
  --border04: solid 4px var(--color_gray);
  --card_posts_thumb_ratio: 56.25%;
  --list_posts_thumb_ratio: 61.805%;
  --big_posts_thumb_ratio: 56.25%;
  --thumb_posts_thumb_ratio: 61.805%;
  --blogcard_thumb_ratio: 56.25%;
  --color_header_bg: #fdfdfd;
  --color_header_text: #333;
  --color_footer_bg: #fdfdfd;
  --color_footer_text: #333;
  --container_size: 1200px;
  --article_size: 900px;
  --logo_size_sp: 48px;
  --logo_size_pc: 40px;
  --logo_size_pcfix: 32px;
}

.swl-cell-bg[data-icon="doubleCircle"] {
  --cell-icon-color: #ffc977;
}

.swl-cell-bg[data-icon="circle"] {
  --cell-icon-color: #94e29c;
}

.swl-cell-bg[data-icon="triangle"] {
  --cell-icon-color: #eeda2f;
}

.swl-cell-bg[data-icon="close"] {
  --cell-icon-color: #ec9191;
}

.swl-cell-bg[data-icon="hatena"] {
  --cell-icon-color: #93c9da;
}

.swl-cell-bg[data-icon="check"] {
  --cell-icon-color: #94e29c;
}

.swl-cell-bg[data-icon="line"] {
  --cell-icon-color: #9b9b9b;
}

.cap_box[data-colset="col1"] {
  --capbox-color: #f59b5f;
  --capbox-color--bg: #fff8eb;
}

.cap_box[data-colset="col2"] {
  --capbox-color: #5fb9f5;
  --capbox-color--bg: #edf5ff;
}

.cap_box[data-colset="col3"] {
  --capbox-color: #2fcd90;
  --capbox-color--bg: #eafaf2;
}

.red_ {
  --the-btn-color: #f74a4a;
  --the-btn-color2: #ffbc49;
  --the-solid-shadow: rgba(185, 56, 56, 1);
}

.blue_ {
  --the-btn-color: #338df4;
  --the-btn-color2: #35eaff;
  --the-solid-shadow: rgba(38, 106, 183, 1);
}

.green_ {
  --the-btn-color: #62d847;
  --the-btn-color2: #7bf7bd;
  --the-solid-shadow: rgba(74, 162, 53, 1);
}

.is-style-btn_normal {
  --the-btn-radius: 80px;
}

.is-style-btn_solid {
  --the-btn-radius: 80px;
}

.is-style-btn_shiny {
  --the-btn-radius: 80px;
}

.is-style-btn_line {
  --the-btn-radius: 80px;
}

.post_content blockquote {
  padding: 1.5em 2em 1.5em 3em;
}

.post_content blockquote::before {
  content: "";
  display: block;
  width: 5px;
  height: calc(100% - 3em);
  top: 1.5em;
  left: 1.5em;
  border-left: solid 1px rgba(180, 180, 180, 0.75);
  border-right: solid 1px rgba(180, 180, 180, 0.75);
}

.mark_blue {
  background: -webkit-linear-gradient(
    transparent 64%,
    var(--color_mark_blue) 0%
  );
  background: linear-gradient(transparent 64%, var(--color_mark_blue) 0%);
}

.mark_green {
  background: -webkit-linear-gradient(
    transparent 64%,
    var(--color_mark_green) 0%
  );
  background: linear-gradient(transparent 64%, var(--color_mark_green) 0%);
}

.mark_yellow {
  background: -webkit-linear-gradient(
    transparent 64%,
    var(--color_mark_yellow) 0%
  );
  background: linear-gradient(transparent 64%, var(--color_mark_yellow) 0%);
}

.mark_orange {
  background: -webkit-linear-gradient(
    transparent 64%,
    var(--color_mark_orange) 0%
  );
  background: linear-gradient(transparent 64%, var(--color_mark_orange) 0%);
}

[class*="is-style-icon_"] {
  color: #333;
  border-width: 0;
}

[class*="is-style-big_icon_"] {
  border-width: 2px;
  border-style: solid;
}

[data-col="gray"] .c-balloon__text {
  background: #f7f7f7;
  border-color: #ccc;
}

[data-col="gray"] .c-balloon__before {
  border-right-color: #f7f7f7;
}

[data-col="green"] .c-balloon__text {
  background: #d1f8c2;
  border-color: #9ddd93;
}

[data-col="green"] .c-balloon__before {
  border-right-color: #d1f8c2;
}

[data-col="blue"] .c-balloon__text {
  background: #e2f6ff;
  border-color: #93d2f0;
}

[data-col="blue"] .c-balloon__before {
  border-right-color: #e2f6ff;
}

[data-col="red"] .c-balloon__text {
  background: #ffebeb;
  border-color: #f48789;
}

[data-col="red"] .c-balloon__before {
  border-right-color: #ffebeb;
}

[data-col="yellow"] .c-balloon__text {
  background: #f9f7d2;
  border-color: #fbe593;
}

[data-col="yellow"] .c-balloon__before {
  border-right-color: #f9f7d2;
}

.-type-list2 .p-postList__body::after,
.-type-big .p-postList__body::after {
  content: "READ MORE »";
}

.c-postThumb__cat {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #4d756c;
  color: #fff;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1) 6px,
    transparent 6px,
    transparent 12px
  );
}

.post_content
  h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  background: #4d756c;
  padding: 0.75em 1em;
  color: #fff;
}

.post_content
  h2:where(
    :not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)
  )::before {
  position: absolute;
  display: block;
  pointer-events: none;
  content: "";
  top: -4px;
  left: 0;
  width: 100%;
  height: calc(100% + 4px);
  box-sizing: content-box;
  border-top: solid 2px #4d756c;
  border-bottom: solid 2px #4d756c;
}

.post_content
  h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  padding: 0 0.5em 0.5em;
}

.post_content
  h3:where(
    :not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)
  )::before {
  content: "";
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(
    90deg,
    #4d756c 0%,
    #4d756c 29.3%,
    rgba(150, 150, 150, 0.2) 29.3%,
    rgba(150, 150, 150, 0.2) 100%
  );
}

.post_content
  h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  padding: 0 0 0 16px;
  border-left: solid 2px var(--color_htag);
}

.l-header {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  position: fixed;
}

.l-header__bar {
  color: #fff;
  background: #4d756c;
}

.l-header__menuBtn {
  order: 1;
}

.l-header__customBtn {
  order: 3;
}

.c-gnav a::after {
  background: #4d756c;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
}

.p-spHeadMenu .menu-item.-current {
  border-bottom-color: #4d756c;
}

.c-gnav > li:hover > a::after,
.c-gnav > .-current > a::after {
  transform: scaleX(1);
}

.c-gnav .sub-menu {
  color: #333;
  background: #fff;
}

.l-fixHeader::before {
  opacity: 1;
}

#pagetop {
  border-radius: 10%;
}

.c-widget__title.-spmenu {
  padding: 0.5em 0.75em;
  border-radius: var(--swl-radius--2, 0px);
  background: #4d756c;
  color: #fff;
}

.c-widget__title.-footer {
  padding: 0.5em;
}

.c-widget__title.-footer::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: 1;
  background: #4d756c;
}

.c-widget__title.-footer::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color_border);
}

.c-secTitle {
  border-left: solid 2px #4d756c;
  padding: 0em 0.75em;
}

.p-spMenu {
  color: #333;
}

.p-spMenu__inner::before {
  background: #fdfdfd;
  opacity: 1;
}

.p-spMenu__overlay {
  background: #000;
  opacity: 0.6;
}

[class*="page-numbers"] {
  color: #fff;
  background-color: #dedede;
}

a {
  text-decoration: none;
}

.l-topTitleArea.c-filterLayer::before {
  background-color: #000;
  opacity: 0.2;
  content: "";
}

@media screen and (min-width: 960px) {
  :root {
  }
}

@media screen and (max-width: 959px) {
  :root {
  }

  .l-header__logo {
    order: 2;
    text-align: center;
  }
}

@media screen and (min-width: 600px) {
  :root {
    --swl-fz--content: 16px;
  }
}

@media screen and (max-width: 599px) {
  :root {
  }
}

@media (min-width: 1108px) {
  .alignwide {
    left: -100px;
    width: calc(100% + 200px);
  }
}

@media (max-width: 1108px) {
  .-sidebar-off .swell-block-fullWide__inner.l-container .alignwide {
    left: 0px;
    width: 100%;
  }
}

.l-fixHeader .l-fixHeader__gnav {
  order: 0;
}

[data-scrolled="true"] .l-fixHeader[data-ready] {
  opacity: 1;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  visibility: visible;
}

.-body-solid .l-fixHeader {
  box-shadow: 0 2px 4px var(--swl-color_shadow);
}

.l-fixHeader__inner {
  align-items: stretch;
  color: var(--color_header_text);
  display: flex;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  z-index: 1;
}

.l-fixHeader__logo {
  align-items: center;
  display: flex;
  line-height: 1;
  margin-right: 24px;
  order: 0;
  padding: 16px 0;
}

.is-style-btn_normal a,
.is-style-btn_shiny a {
  box-shadow: var(--swl-btn_shadow);
}

.c-shareBtns__btn,
.is-style-balloon > .c-tabList .c-tabList__button,
.p-snsCta,
[class*="page-numbers"] {
  box-shadow: var(--swl-box_shadow);
}

.p-articleThumb__img,
.p-articleThumb__youtube {
  box-shadow: var(--swl-img_shadow);
}

.p-pickupBanners__item .c-bannerLink,
.p-postList__thumb {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
}

/* .p-postList.-w-ranking li:before {
  background-image: repeating-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0.1),
    hsla(0, 0%, 100%, 0.1) 6px,
    transparent 0,
    transparent 12px
  );
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
} */

.l-header__bar {
  position: relative;
  width: 100%;
}

.l-header__bar .c-catchphrase {
  color: inherit;
  font-size: 12px;
  letter-spacing: var(--swl-letter_spacing, 0.2px);
  line-height: 14px;
  margin-right: auto;
  overflow: hidden;
  padding: 4px 0;
  white-space: nowrap;
  width: 50%;
}

.l-header__bar .c-iconList .c-iconList__link {
  margin: 0;
  padding: 4px 6px;
}

.l-header__barInner {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 960px) {
  .-series .l-header__inner {
    align-items: stretch;
    display: flex;
  }

  .-series .l-header__logo {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: 24px;
    padding: 16px 0;
  }

  .-series .l-header__logo .c-catchphrase {
    font-size: 13px;
    padding: 4px 0;
  }

  .-series .c-headLogo {
    margin-right: 16px;
  }

  .-series-right .l-header__inner {
    justify-content: space-between;
  }

  .-series-right .c-gnavWrap {
    margin-left: auto;
  }

  .-series-right .w-header {
    margin-left: 12px;
  }

  .-series-left .w-header {
    margin-left: auto;
  }
}

@media (min-width: 960px) and (min-width: 600px) {
  .-series .c-headLogo {
    max-width: 400px;
  }
}

.c-gnav .sub-menu a:before,
.c-listMenu a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.c-submenuToggleBtn {
  display: none;
}

.c-listMenu a {
  padding: 0.75em 1em 0.75em 1.5em;
  transition: padding 0.25s;
}

.c-listMenu a:hover {
  padding-left: 1.75em;
  padding-right: 0.75em;
}

.c-gnav .sub-menu a:before,
.c-listMenu a:before {
  color: inherit;
  content: "\e921";
  display: inline-block;
  left: 2px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
}

.widget_categories > ul > .cat-item > a,
.wp-block-categories-list > li > a {
  padding-left: 1.75em;
}

.c-listMenu .children,
.c-listMenu .sub-menu {
  margin: 0;
}

.c-listMenu .children a,
.c-listMenu .sub-menu a {
  font-size: 0.9em;
  padding-left: 2.5em;
}

.c-listMenu .children a:before,
.c-listMenu .sub-menu a:before {
  left: 1em;
}

.c-listMenu .children a:hover,
.c-listMenu .sub-menu a:hover {
  padding-left: 2.75em;
}

.c-listMenu .children ul a,
.c-listMenu .sub-menu ul a {
  padding-left: 3.25em;
}

.c-listMenu .children ul a:before,
.c-listMenu .sub-menu ul a:before {
  left: 1.75em;
}

.c-listMenu .children ul a:hover,
.c-listMenu .sub-menu ul a:hover {
  padding-left: 3.5em;
}

.c-gnav li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}

.c-gnav .sub-menu:before {
  background: inherit;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.c-gnav .sub-menu .sub-menu {
  left: 100%;
  top: 0;
  z-index: -1;
}

.c-gnav .sub-menu a {
  padding-left: 2em;
}

.c-gnav .sub-menu a:before {
  left: 0.5em;
}

.c-gnav .sub-menu a:hover .ttl {
  left: 4px;
}

:root {
  --color_content_bg: var(--color_bg);
  /* --color_content_bg: #f9f7ea; */
  --mv_btn_radius: 0px;
  --mv_slide_animation: no;
  --swl-post_slide_width--pc: 20%;
  --swl-post_slide_width--sp: 50%;
  --swl-post_slide_padY: 16px;
  --swl-post_slide_padY--mb: 16px;
  --ps_space: 8px;
}

.c-widget__title.-side {
  padding: 0.5em;
}

.c-widget__title.-side::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: 1;
  background: #4d756c;
}

.c-widget__title.-side::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color_border);
}

.top #content {
  padding-top: 4em;
}

.p-mainVisual__inner {
  height: 50vh;
}

.p-mainVisual .c-filterLayer::before {
  background-color: #000;
  opacity: 0.2;
  content: "";
}

.-type-slider .p-mainVisual__scroll {
  padding-bottom: 16px;
}

#post_slider .swiper {
  padding-bottom: 24px;
  margin-left: -8px;
  margin-right: -8px;
}

@media screen and (min-width: 960px) {
  :root {
  }

  .p-mainVisual__inner {
    height: 40vw;
  }
}
@media (max-width: 960px) {
  .p-mainVisual__inner {
    height: 40vw;
  }
}
@media screen and (max-width: 959px) {
  :root {
  }
}

@media screen and (min-width: 600px) {
  :root {
  }
}

@media screen and (max-width: 599px) {
  :root {
  }
}

.swell-block-fullWide__inner.l-container {
  --swl-fw_inner_pad: var(--swl-pad_container, 0px);
}

@media (min-width: 960px) {
  .-sidebar-on .l-content .alignfull,
  .-sidebar-on .l-content .alignwide {
    left: -16px;
    width: calc(100% + 32px);
  }

  .swell-block-fullWide__inner.l-article {
    --swl-fw_inner_pad: var(--swl-pad_post_content, 0px);
  }

  .-sidebar-on .swell-block-fullWide__inner .alignwide {
    left: 0;
    width: 100%;
  }

  .-sidebar-on .swell-block-fullWide__inner .alignfull {
    left: calc(0px - var(--swl-fw_inner_pad, 0)) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: calc(100% + var(--swl-fw_inner_pad, 0) * 2) !important;
  }
}
/* 首页 */
#main_content .post_content .p-postListWrap .is-style-more_btn {
  margin-bottom: 40px;
}
.-type-simple .p-postList__meta span.p-postList__cat {
  background-color: #4d756c !important;
  color: #ffffff !important;
  padding-left: 1em;
  padding-right: 1em;
}
.is-style-more_btn a {
  border-radius: 60px;
}
.post_content .wp-block-heading {
  width: 100%;
  margin-left: 0;
}
#tag_cloud-5 .tagcloud .tag-cloud-link {
  border-radius: 16px;
  font-size: 13px;
  background: #f7f7f7;
  border: none;
  color: #333 !important;
  line-height: 1;
  padding: 6px 10px !important;
  text-decoration: none;
}
#swell_prof_widget-3 .p-profileBox {
  border: 1px solid var(--color_border);
  border-radius: var(--swl-radius--4, 0);
  padding: 4px;
}
#swell_prof_widget-3 .p-profileBox__icon {
  margin: 1em 0 0;
  text-align: center;
}
#swell_prof_widget-3 .p-profileBox__icon img {
  border-radius: 50%;
}
#swell_prof_widget-3 .p-profileBox__name {
  padding-top: 0.5em;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#swell_prof_widget-3 .p-profileBox__text {
  font-size: 14px;
  padding: 1em;
}
.p-pickupBanners {
  margin-bottom: 4em;
  position: relative;
  width: 100%;
}
.p-pickupBanners__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -4px;
}
.p-pickupBanners__item {
  padding: 4px;
  width: 50%;
}
@media (max-width: 400px) {
  .p-pickupBanners__item {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 600px) {
  .p-pickupBanners__item {
    padding: 8px;
  }
}
@media (min-width: 960px) {
  .-pc-fix_col4 .p-pickupBanners__item {
    width: 25%;
  }
}
.c-bannerLink {
  border-radius: var(--swl-radius--4, 0);
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.p-pickupBanners__item .c-bannerLink,
.p-postList__thumb {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
}
.c-bannerLink__figure {
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: opacity 0.25s;
  z-index: 0;
}
.-cap-top_left .c-bannerLink__label {
  background-color: #fff;
  color: #333;
  left: 4px;
  padding: 2px 12px;
  top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 114px;
}
.c-bannerLink__label {
  display: block;
  font-size: 3.4vw;
  line-height: 1.4;
  position: absolute;
  z-index: 2;
}
a.c-bannerLink:hover .c-bannerLink__img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.c-bannerLink__img {
  display: block;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  width: 100%;
}
@media (min-width: 600px) {
  .c-bannerLink__label {
    font-size: 14px;
  }
}
.-border-inside .c-bannerLink:after {
  border: 1px solid #fff;
  content: "";
  display: block;
  height: calc(100% - 8px);
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
  z-index: 3;
}
.c-bannerLink:after,
.c-bannerLink:before,
.c-bannerLink__figure,
.c-bannerLink__label {
  border-radius: 5px;
}
.c-bannerLink:before,
.c-bannerLink__text {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-bannerLink:before {
  background-color: inherit;
  content: "";
  z-index: 1;
}
.p-postList .p-postList__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 63px;
}
.p-postListWrap .p-postList .p-postList__title {
  max-height: 72px;
}
.wp-block-latest-posts:not(.is-grid) {
  border-top: 1px solid var(--color_border);
}
.wp-block-latest-posts:not(.is-grid) li {
  border-bottom: 1px solid var(--color_border);
  padding: 1em 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
  clear: both;
  overflow-wrap: break-word;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .span_num {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 6px;
  background: #3c3c3c;
  background-image: repeating-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0.1),
    hsla(0, 0%, 100%, 0.1) 6px,
    transparent 0,
    transparent 12px
  );
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(1) .span_num {
  background-color: #f7d305;
  background-image: linear-gradient(
    to top left,
    #f7bf05,
    #fcea7f,
    #fcd700,
    #f7d305,
    #eaca12,
    #ac9303,
    #f7d305,
    #fcea7f,
    #f7e705,
    #eaca12,
    #f7bf05
  );
}
.wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(2) .span_num {
  background-color: #a5a5a5;
  background-image: linear-gradient(
    to top left,
    #a5a5a5,
    #e5e5e5,
    #ae9c9c,
    #a5a5a5,
    #a5a5a5,
    #7f7f7f,
    #a5a5a5,
    #e5e5e5,
    #a5a5a5,
    #a5a5a5,
    #a5a5a5
  );
}
.wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(3) .span_num {
  background-color: #c47222;
  background-image: linear-gradient(
    to top left,
    #c46522,
    #e8b27d,
    #d07217,
    #c47222,
    #b9722e,
    #834c17,
    #c47222,
    #e8b27d,
    #c48022,
    #b9722e,
    #c46522
  );
}
#swell_new_posts-3 .p-postList .p-postList__title,
#post_list_tab_1 .p-postList .p-postList__title,
#swell_popular_posts-2 .p-postList .p-postList__title,
.wp-block-latest-posts.wp-block-latest-posts__list
  li
  a.wp-block-latest-posts__post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .time {
  font-size: 12px;
  color: #666;
  text-align: right;
}
.wp-block-archives li a,
.wp-block-categories li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.-type-card .p-postList__excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
footer.l-footer {
  background-color: #374254;
  color: #fff;
}
#breadcrumb,
.p-mainVisual {
  margin-top: 72px;
}
@media (max-width: 960px) {
  #breadcrumb,
  .p-mainVisual {
    margin-top: 0;
  }
}
.div_tit {
  font-size: 20px;
  font-weight: bold;
  padding-left: 36px;
  position: relative;
  margin-bottom: 20px;
  line-height: 23px;
}
.div_tit::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background-color: #4d756c;
  -webkit-transform: rotate(45deg) translateX(0);
  -moz-transform: rotate(45deg) translateX(0);
  -ms-transform: rotate(45deg) translateX(0);
  -o-transform: rotate(45deg) translateX(0);
  transform: rotate(45deg) translateX(0);
  left: 2px;
  top: 3px;
}
#post_list_tab_1 .p-postList__meta {
  float: right;
}
h1.c-pageTitle {
  font-size: 26px;
  font-weight: bold;
  border-bottom: 2px solid;
}
.list_h1 {
  width: 100%;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
}
@media not all and (min-width: 960px) {
  #post_slider .p-postSlider__inner {
    padding-left: var(--swl-pad_container, 0);
    padding-right: var(--swl-pad_container, 0);
  }
}
ul.p-pnLinks {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin: 2em 0;
}
ul.p-pnLinks li.p-pnLinks__item {
  font-size: 3vw;
  position: relative;
  width: 49%;
}
@media (min-width: 600px) {
  ul.p-pnLinks li.p-pnLinks__item {
    font-size: 13px;
  }
}
.p-pnLinks__item:before {
  content: "";
  display: block;
  height: 0.5em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 0.5em;
  z-index: 1;
}
.p-pnLinks__item.-prev:before {
  border-bottom: 1px solid;
  border-left: 1px solid;
  left: 0.35em;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
.p-pnLinks__item.-next:before {
  border-bottom: 1px solid;
  border-right: 1px solid;
  right: 0.35em;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
.p-pnLinks .-prev:before,
.p-pnLinks .-next:before {
  color: #fff;
}
.p-pnLinks .-prev .p-pnLinks__link {
  border-left: 1.25em solid #4d756c;
}
.p-pnLinks__link {
  align-items: center;
  border-radius: #4d756c;
  color: inherit;
  display: flex;
  height: 100%;
  line-height: 1.4;
  min-height: 4em;
  padding: 0.6em 1em 0.5em;
  position: relative;
  text-decoration: none;
  transition: box-shadow 0.25s;
  width: 100%;
}
@media (min-width: 600px) {
  .p-pnLinks__title {
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }
}
@media (min-width: 600px) {
  .-next > .p-pnLinks__link:hover .p-pnLinks__title {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  .-prev > .p-pnLinks__link:hover .p-pnLinks__title {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
}
.p-pnLinks__item.-next:before {
  border-bottom: 1px solid;
  border-right: 1px solid;
  right: 0.35em;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
.p-pnLinks__item.-next .p-pnLinks__link {
  justify-content: flex-end;
}
.p-pnLinks .-next .p-pnLinks__link {
  border-right: 1.25em solid #4d756c;
}
.p-pnLinks__item.-next .p-pnLinks__link {
  justify-content: flex-end;
}
.p-relatedPosts.-type-card .p-postList__item {
  width: 25%;
}
@media (max-width: 768px) {
  .p-relatedPosts.-type-card .p-postList__item {
    width: 50%;
  }
}
.p_author::before {
  content: ""; /* 伪元素必须有内容 */
  display: inline-block; /* 使其成为块级元素 */
  width: 6px; /* 宽度 */
  height: 6px; /* 高度 */
  background-color: #4d756c; /* 背景颜色 */
  border-radius: 50%; /* 圆形 */
}
.post_content p span.red {
  color: red;
}
.cont_form .form_div {
  margin-bottom: 20px;
}
.cont_form .form_div label {
  font-weight: bold;
  display: inline-block;
  width: 150px;
}
.cont_form .form_div textarea,
.cont_form .form_div input.ass_input {
  width: 80%;
  height: 36px;
  background: #eef7ff;
  border-radius: 4px;
  border: 1px solid #ced4da;
  padding: 5px;
}
.cont_form .form_div textarea {
  height: 100px;
  resize: vertical;
}
.cont_form .form_div.info label {
  vertical-align: top;
}
.div_btn {
  text-align: center;
}
.div_btn button {
  width: 200px;
  margin-left: auto;
  background: #eef7ff;
  border-radius: 4px;
  border: 1px solid #ced4da;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
}
.div_btn button:hover,
.div_btn button:focus {
  background-color: #4d756c;
  color: #fff;
}
@media (max-width: 600px) {
  .cont_form .form_div label {
    display: block;
    margin-bottom: 10px;
  }
  .cont_form .form_div textarea,
  .cont_form .form_div input.ass_input {
    width: 100%;
  }
}
.p-postList__item_li {
  display: none;
}
#load-more {
  background: #fff;
  box-shadow: 0 0 0 1px #dcdcdc;
  color: #666;
  border-radius: 60px;
  display: inline-block;
  font-size: var(--the-fz);
  min-width: var(--the-min-width);
  padding: var(--the-padding);
  position: relative;
  text-decoration: none;
  transition: box-shadow 0.25s, background-color 0.25s;
  width: var(--the-width);
}
#load-more:hover {
  background-color: #4d756c;
  box-shadow: none;
  color: #fff;
}
#load-more:after {
  content: "\e930";
  font-family: icomoon;
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.no-more {
  display: none;
  text-align: center;
  margin: 20px 0;
  color: #4d756c;
  font-weight: bold;
}
/* 详情页 */
.p-toc__ttl:before {
  content: "\e918";
  display: inline-block;
  font-family: icomoon;
  margin-right: 0.5em;
  padding-bottom: 2px;
  vertical-align: middle;
}
#main_content .p-toc {
  border-radius: var(--swl-radius--2, 0);
  margin: 4em auto;
  max-width: 800px;
}
.p-toc.-double {
  background: var(--color_pale02) !important;
  background-clip: padding-box;
  background-size: 4px 4px;
  border-bottom: 4px double var(--color_border);
  border-top: 4px double var(--color_border);
  padding: 1.5em 1em 1em;
}
#main_content .p-toc a.p-toc__link {
  color: #333;
}
#main_content .p-toc a.p-toc__link:hover,
#main_content .p-toc a.p-toc__link:focus {
  opacity: 0.8;
}
@media (min-width: 960px) {
  #main_content .p-toc {
    width: 92%;
  }
}
@media (min-width: 600px) {
  .p-toc.-double {
    padding: 2em;
  }
}
.p-toc.-double .p-toc__ttl {
  margin-bottom: 0.75em;
}
.post_content div > :first-child,
.post_content > :first-child {
  margin-top: 0 !important;
}
.p-toc__ttl {
  display: block;
  font-size: 1.2em;
  line-height: 1;
  position: relative;
  text-align: center;
}
.p-toc .p-toc__expandBtn {
  background-color: #f7f7f7;
  border: rgba(0, 0, 0, 0.2);
  border-radius: 5em;
  box-shadow: 0 0 0 1px #bbb;
  color: #333;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  margin: 0.75em auto 0;
  min-width: 6em;
  padding: 0.5em 1em;
  position: relative;
  transition: box-shadow 0.25s;
  z-index: 2;
}
.c-modal:not(.is-opened) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
ol.p-toc__list.is-style-index[data-level="2"] {
  display: none;
}
ol.p-toc__childList li {
  font-size: 14px;
}
/* 下载字体 */
@font-face {
  font-family: "Noto_Sans_JP"; /* 自定义字体名称 */
  src: url("Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf") format("truetype"); /* 字体文件路径和格式 */
  font-weight: normal; /* 可选：定义字重 */
  font-style: normal; /* 可选：定义样式（正常/斜体） */
}
body {
  font-family: "Noto_Sans_JP", sans-serif; /* 后备字体（如sans-serif） */
}

/* 详情页引入文章 */
.cap_box {
  --capbox-color: var(--color_main);
  --capbox-color--bg: unset;
  --the-icon-size: 1.1em;
  position: relative;
}
.is-style-onborder_ttl > .cap_box_content,
.is-style-onborder_ttl > .cap_box_ttl {
  background-color: var(--color_content_bg) !important;
}
.is-style-onborder_ttl > .cap_box_ttl {
  color: var(--capbox-color);
}
.is-style-onborder_ttl > .cap_box_ttl {
  display: inline-flex;
  font-size: 0.85em;
  left: 1em;
  line-height: 1;
  margin-bottom: 0;
  padding: 0.5em 0.75em;
  position: relative;
  text-align: center;
  top: 1em;
  z-index: 1;
}
.cap_box_content {
  background-color: var(--capbox-color--bg);
  border: 1px solid var(--capbox-color);
  clear: both;
  margin-top: -2px;
  padding: 1.25em;
  position: relative;
  z-index: 0;
}
@media (min-width: 600px) {
  .cap_box_content {
    padding: 1.5em;
  }
}
/* 详情页对话框 */
.c-balloon.-bln-right {
  flex-direction: row-reverse;
}

.c-balloon {
  align-content: flex-start;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 600px) {
  .c-balloon__icon {
    width: 80px;
  }
}
.c-balloon__icon {
  flex-shrink: 0;
  position: relative;
  text-align: center;
  width: 60px;
}
@media (min-width: 600px) {
  .c-balloon .c-balloon__iconImg {
    height: 80px;
    width: 80px;
  }
}
.-circle > .c-balloon__iconImg {
  border: 2px solid #ececec;
  border-radius: 50%;
}
.c-balloon .c-balloon__iconImg {
  height: 60px;
  width: 60px;
}
.c-balloon__iconImg {
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-balloon__iconName {
  display: block;
  font-size: 10px;
  line-height: 1;
  opacity: 0.8;
  padding-top: 4px;
}
.-bln-right .c-balloon__body {
  justify-content: flex-end;
}
.-bln-left .c-balloon__body {
  justify-content: flex-start;
}
@media (min-width: 600px) {
  .c-balloon__body {
    padding: 8px 24px;
  }
}
.c-balloon__body {
  align-items: flex-start;
  display: flex;
  flex-basis: 100%;
  padding: 4px 24px;
}
[data-col="blue"] .c-balloon__text {
  background: #e2f6ff;
  border-color: #93d2f0;
}
.-border-on .c-balloon__text {
  border-style: solid;
  border-width: 1px;
}
.c-balloon__text {
  border-radius: 8px;
  color: #333;
  line-height: 1.6;
  max-width: 560px;
  padding: 1em;
  position: relative;
}
.-bln-right .c-balloon__shapes {
  right: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.-bln-left .c-balloon__shapes {
  left: 0;
}
.c-balloon__shapes {
  background-color: inherit;
  border-color: inherit;
  height: 0;
  position: absolute;
  top: 16px;
  width: 0;
  z-index: 1;
}
.-speaking.-border-on .c-balloon__before {
  left: -8px;
}
[data-col="blue"] .c-balloon__before {
  border-right-color: #e2f6ff;
}
.-speaking .c-balloon__after,
.-speaking .c-balloon__before {
  border-width: 8px 10px 8px 0;
  left: -10px;
}
.c-balloon__before {
  z-index: 3;
}
.c-balloon__after,
.c-balloon__before {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.c-balloon__after {
  border-right-color: inherit;
  z-index: 2;
}
/* 静态页侧栏暂时隐藏 */
.-sidebar-on .l-mainContent.about_main {
  width: 100%;
}
.about_side {
  display: none;
}
/* 列表页侧栏、详情页tag、侧栏、底部文章暂时隐藏 */
/* #swell_popular_posts-2,
.p-articleFoot,
.l-articleBottom,
.l-articleBottom__section {
  display: none;
} */
.p-articleFoot{
    display:none;
}