.l-content {
  padding-top: calc(var(--swl-pad_container,0) - 16px)!important;
}
@media (max-width: 599px) {
  .l-content {
    padding-bottom: 0;
    margin-bottom: -2px;
  }
}
@media (min-width: 960px) {
  .p-fixBtnWrap {
    bottom: calc(var(--footer_height) + 1em);
  }
}
.fsb-flexible-spacer__device.fsb-flexible-spacer__device--lg {
  height: var(--swl-pad_container,40)!important;
}
@media (max-height: 929px) {
  .p-mainVisual__inner {
    height: calc(var(--sp-innner_height) - 150px);
  }
}
@media (max-width: 599px) {
  .p-mainVisual__inner {
    height: calc(var(--sp-innner_height) - 120px);
  }
}
svg#logo {
  position: absolute;
  top: calc(var(--mainvisual_height)/2 - 10%);
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 55vw;
  max-width: 500px;
}
.ticker {
  opacity: 0;
  animation: fadeIn 1.5s ease 5s 1 forwards;
}
@media (max-width: 599px) {
  svg#logo {
    top: calc(var(--mainvisual_height)/2 - 6.5%);
  }
  .ticker {
    top: calc(var(--mainvisual_height) - 35%);
  }
}
.p-postSlider {
  padding-top: 20px;
}
@keyframes bound-anim{
  0%{transform:translateY(-20px);}
  100%{transform: translateY(-10px);}
}
.p-postSlider__title {
  animation: .5s bound-anim ease-in infinite alternate;
}
.swiper-button-next, .swiper-button-prev {
  background: rgba(255,255,255,1);
  color: var(--color-text);
  cursor: pointer;
  height: calc(var(--swiper-nav-size)*1.2);
  padding: calc(var(--swiper-nav-size)*.3) calc(var(--swiper-nav-size)*.25);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: var(--swiper-nav-size);
  z-index: 10;
  border: var(--border-layout);
}
.p-postSlider.-num-sp-1.-ps-style-normal .p-postList__body {
  padding: 1em;
}
@media (max-width: 959px) {
  .p-postSlider__inner {
      padding-left: var(--swl-pad_container,0);
      padding-right: var(--swl-pad_container,0);
  }
}
.swiper-button-next:after {
  border-right: 2px solid;
  border-top: 2px solid;
  right: calc(var(--swiper-nav-size)*.05);
}
.swiper-button-prev:after {
  border-bottom: 2px solid;
  border-left: 2px solid;
  left: calc(var(--swiper-nav-size)*.05);
}
.p-postSlider__title {
  font-size: 3.5vw;
  margin-bottom: 1.5em;
}
@media (min-width: 600px) {
  .p-postSlider__title {
      font-size: 1.1em;
  }
}
.p-postSlider__title .__text {
  display: inline-block;
  padding: 0.3em 1.5em;
  position: relative;
}
.swell-block-accordion__body {
  padding: 0;
}
.swell-block-accordion__title {
  background: var(--color_bg);
  padding: 1.7rem 1rem 0 2rem;
}
.swell-block-accordion__title {
  align-items: flex-start;
}
.swell-block-accordion__title h2 {
  margin-top: 0;
}
.swell-block-accordion__body {
  transition: .5s;
}
.swell-block-accordion__icon .icon-plus, .swell-block-accordion__icon .icon-minus {
  width: 20px;
  height: 20px;
}
.swell-block-accordion__icon {
  top: 4px;
}
.icon-plus:before {
  content: url(/wp-content/themes/swell_child/dev/img/ICON-PLUS.svg);
}
.icon-minus:before {
  content: url(/wp-content/themes/swell_child/dev/img/ICON-MINUS.svg);
}

.swell-block-accordion__title:hover {
  background: transparent;
  transition: background-color .25s;
}
.swell-block-accordion__title:hover {
  background: var(--color_gray);
}
[aria-expanded="true"] .swell-block-accordion__title:hover {
  background: transparent;
}
@media (max-width: 599px) {
  .swell-block-accordion__title {
    align-items: center;
    padding: 1rem 1rem 0 2rem;
    background: transparent;
  }
  h2.is-style-section_ttl img {
    height: 1.8em;
    width: auto!important;
  }
  .swell-block-accordion__icon {
    top: -7px;
  }
  .swell-block-accordion__icon .icon-plus, .swell-block-accordion__icon .icon-minus {
    width: 15px;
    height: 15px;
  }
}
#section-latest-article {
  border: var(--border-layout);
  margin-bottom: 0;
}
@media (max-width: 599px) {
  #section-latest-article {
    border: var(--border-layout);
    margin: 0 -1.5rem;
  }
}
#section-latest-article h2 {
  display: flex;
  align-content: center;
  align-items: center;
  padding-top: 0.5em;
  margin-bottom: 1em;
  gap: 1em;
}
.flickity-carousel li {
  list-style-type:none;
}
.flickity-carousel.p-postList.-type-card, .p-postList.-type-thumb {
  display:block;
}
.post_content ul.flickity-carousel {
  padding-left: 0;
}
.flickity-carousel li .p-postList__excerpt {
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.flickity-latest {
  opacity:0;
}
.flickity-prev-next-button {
  border-radius: 0;
  top: 28%;
  width: 30px;
  height: 30px;
}
.flickity-enabled.is-draggable .flickity-viewport {
  margin-bottom: -3em;
}
.flickity-carousel li .p-postList__body {
  height: 12em;
}
@media (max-width: 599px) {
  .flickity-enabled.is-draggable .flickity-viewport {
    margin-bottom: -1em;
  }
  .flickity-prev-next-button {
    border-radius: 0;
    top: 24%;
  }
  .flickity-prev-next-button {
    width: 24px;
    height: 24px;
  } 
}
.fade{
  animation: fadeIn 0.5s ease 1s 1 forwards;
}
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
.swell-block-column.swl-has-mb--s.tab-category {
  margin-left: 0;
  border-left: var(--border-layout);
  width: var(--clmn-w);
}
@media (max-width: 599px) {
  .swell-block-column.swl-has-mb--s.tab-category {
    margin-left: var(--swl-clmn-mrgn--x);
    border-left: 0;
    width: var(--clmn-w);
    border-top: var(--border-layout);
  }
  .tab-category .is-style-default>.c-tabList .c-tabList__button {
    padding-bottom: 0.2em;
    padding-top: 0.2em;
  }
  .tab-category .is-style-default .c-tabBody {
    padding: 1em 1.0em 3em;
  }
}
.swell-block-column.swl-has-mb--s.tab-category .swell-block-tab {
  width: 100%;
}
.tab-category .c-tabList__button {
  --the-tab-btn-padding: 0;
}
.tab-category li.c-tabList__item {
  border-left: var(--border-layout);
  border-bottom: var(--border-layout);
}
.tab-category .c-tabList li:nth-child(1) {
  border-left: none;
}
.c-tabBody {
  border: none!important;
}
#section-about-goblog {
  border: var(--border-layout);
  margin-bottom: 0;
}
@media (max-width: 599px) {
  #section-about-goblog {
    border: var(--border-layout);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -2px;
  }
}
#section-about-goblog h2 {
  display: flex;
  align-content: center;
  align-items: center;
  margin-bottom: 1em;
  gap: 1em;
}
.about-txt {
  gap: 1em!important;
}
figure.about-img {
  border-radius: 50%;
  border: solid 2px #000;
  width: 150px;
}
@media (max-width: 599px) {
  #section-about-goblog h2 {
    display: flex;
    align-items: flex-start;
    padding-top: 0.5em;
    margin-bottom: 1em;
    gap: 0;
    row-gap: 0.5em;
    flex-direction: column;
  }
  .about-txt {
    gap: 0!important;
    display: flex!important;
    flex-direction: column;
    row-gap: 1.0em!important;
    text-align: center;
  }
  
  .about-illust-column {
    margin-top: 1em!important;
  }
  figure.about-img {
    width: 120px;
  }
}
#section-category-list {
  border: var(--border-layout);
  margin-bottom: 0;
}
#section-category-list h2.is-style-section_ttl {
  display: flex;
  align-content: center;
  align-items: center;
  margin-bottom: 1em;
  gap: 1em;
  justify-content: flex-start;
}
@media (max-width: 599px) {
  #section-category-list {
    border: var(--border-layout);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -2px;
  }
  #section-category-list h2.is-style-section_ttl {
    display: flex;
    align-items: flex-start;
    padding-top: 0.5em;
    margin-bottom: 1em;
    gap: 0;
    row-gap: 0.5em;
    flex-direction: column;
  }
}
#section-category-list .c-tabList {
  margin-left: -4px;
  margin-right: -3px;
}
#section-category-list .c-tabList__button {
  box-sizing: border-box;
  color: var(--color_text);
  display: block;
  font-size: 13px;
  height: 100%;
  line-height: 1;
  padding: 2px 2px 0 2px;
  position: relative;
  transition: background-color .25s,color .25s;
  width: 100%;
}
.tab-category-list-column .is-style-balloon>.c-tabList .c-tabList__item {
  padding: 5px;
}
.tab-category-list-column .is-style-balloon>.c-tabList .c-tabList__item {
  margin: 0 0 0 5px;
}
.tab-category-list-column .is-style-balloon>.c-tabList .c-tabList__item:first-child {
  margin-left: 0;
}
.is-style-balloon>.c-tabList .c-tabList__button:before {
  border: 10px solid var(--color_bg);
  border-bottom: 0;
  border-top: 10px solid var(--color_tab);
  bottom: -10px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity .25s;
  width: 0;
}
.tab-category-list-column .c-tabBody__item .p-postListWrap {
  padding: 1em 1em 3em 1em;
}
.tab-category-list-column .c-tabBody__item:nth-child(1)  .p-postListWrap {
  border: solid 2px rgba(var(--color-cat-1),var(--color-tp));
}
.tab-category-list-column .c-tabBody__item:nth-child(2)  .p-postListWrap {
  border: solid 2px rgba(var(--color-cat-2),var(--color-tp));
}
.tab-category-list-column .c-tabBody__item:nth-child(3)  .p-postListWrap {
  border: solid 2px rgba(var(--color-cat-3),var(--color-tp));
}
.tab-category-list-column .c-tabBody__item:nth-child(4)  .p-postListWrap {
  border: solid 2px rgba(var(--color-cat-4),var(--color-tp));
}
.tab-category-list-column .c-tabBody__item:nth-child(5)  .p-postListWrap {
  border: solid 2px rgba(var(--color-cat-5),var(--color-tp));
}
.tab-category-list-column .c-tabBody__item:nth-child(6)  .p-postListWrap {
  border: solid 2px rgba(var(--color-cat-6),var(--color-tp));
}
.c-tabList li:nth-child(1) .c-tabList__button[aria-selected=true],.c-tabList li:nth-child(1) .c-tabList__button:hover,
.c-tabBody__item:nth-child(1) .is-style-more_btn a:hover,
.is-style-balloon>.c-tabList li:nth-child(1) .c-tabList__button:before {
  background: rgba(var(--color-cat-1),var(--color-tp))!important;
  --color_tab: rgba(var(--color-cat-1),var(--color-tp))!important;
}
.c-tabList li:nth-child(2) .c-tabList__button[aria-selected=true],.c-tabList li:nth-child(2) .c-tabList__button:hover,
.c-tabBody__item:nth-child(2) .is-style-more_btn a:hover,
.is-style-balloon>.c-tabList li:nth-child(2) .c-tabList__button:before {
  background: rgba(var(--color-cat-2),var(--color-tp))!important;
  --color_tab: rgba(var(--color-cat-2),var(--color-tp))!important;
}
.c-tabList li:nth-child(3) .c-tabList__button[aria-selected=true],.c-tabList li:nth-child(3) .c-tabList__button:hover,
.c-tabBody__item:nth-child(3) .is-style-more_btn a:hover,
.is-style-balloon>.c-tabList li:nth-child(3) .c-tabList__button:before {
  background: rgba(var(--color-cat-3),var(--color-tp))!important;
  --color_tab: rgba(var(--color-cat-3),var(--color-tp))!important;
}
.c-tabList li:nth-child(4) .c-tabList__button[aria-selected=true],.c-tabList li:nth-child(4) .c-tabList__button:hover,
.c-tabBody__item:nth-child(4) .is-style-more_btn a:hover,
.is-style-balloon>.c-tabList li:nth-child(4) .c-tabList__button:before {
  background: rgba(var(--color-cat-4),var(--color-tp))!important;
  --color_tab: rgba(var(--color-cat-4),var(--color-tp))!important;
}
.c-tabList li:nth-child(5) .c-tabList__button[aria-selected=true],.c-tabList li:nth-child(5) .c-tabList__button:hover,
.c-tabBody__item:nth-child(5) .is-style-more_btn a:hover,
.is-style-balloon>.c-tabList li:nth-child(5) .c-tabList__button:before {
  background: rgba(var(--color-cat-5),var(--color-tp))!important;
  --color_tab: rgba(var(--color-cat-5),var(--color-tp))!important;
}
.c-tabList li:nth-child(6) .c-tabList__button[aria-selected=true],.c-tabList li:nth-child(6) .c-tabList__button:hover,
.c-tabBody__item:nth-child(6) .is-style-more_btn a:hover,
.is-style-balloon>.c-tabList li:nth-child(6) .c-tabList__button:before {
  background: rgba(var(--color-cat-6),var(--color-tp))!important;
  --color_tab: rgba(var(--color-cat-6),var(--color-tp))!important;
}
@media (max-width: 599px) {
  .tab-category-list-column {
    padding: 0em 1em 2em 1em!important;
  }
  .tab-category-list-column .is-style-balloon>.c-tabList .c-tabList__item {
    margin: 0 0 14px 0;
  }
  [data-width-sp="50"] .c-tabList {
    --the-tab-flex_wrap: wrap;
    --the-tab-flex: 0 0 33%;
  }
  .c-tabList {
    justify-content: space-around;
  }
  .tab-category-list-column .-type-list.-type-simple .p-postList__item {
    margin-bottom: 0em;
  }
  .tab-category-list-column .p-postList.-type-simple {
    border-top: none;
    margin-top: -1em!important;
  }
}
.swell-block-tab .c-tabBody__item[aria-hidden=true]{
  display: none;
}
.swell-block-tab .c-tabBody__item[aria-hidden=false] {
  display: block;
  -webkit-animation: tabFadeUp .5s ease 0s 1 normal both;
  animation: tabFadeUp .5s ease 0s 1 normal both;
}
#section-article-summary {
  border: var(--border-layout);
  margin-bottom: 0;
}
#section-article-summary h2.is-style-section_ttl {
  display: flex;
  align-content: center;
  align-items: center;
  margin-bottom: 1em;
  gap: 1em;
  justify-content: flex-start;
}
@media (max-width: 599px) {
  #section-article-summary {
    border: var(--border-layout);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -2px;
  }
  #section-article-summary h2.is-style-section_ttl {
    display: flex;
    align-items: flex-start;
    padding-top: 0.5em;
    margin-bottom: 1em;
    gap: 0;
    row-gap: 0.5em;
    flex-direction: column;
  }
}
@media (min-width: 600px) {
  .article-summary-column .swell-block-columns__inner {
    display: flex;
    justify-content: center;
    margin-left: calc(var(--swl-clmn-mrgn--x)*-1);
    margin-top: 0!important;
    row-gap: var(--swl-clmn-mrgn--y);
  }
}
.article-summary-column .swell-block-column {
  --tp: 0.3;
  border: var(--border-layout);
  border-color: rgba(var(--color-cat-0),var(--tp));
  transition: border .5s;
}
.article-summary-column .swell-block-column:hover {
  --tp: 1;
}
.article-summary-column .swell-block-column.cat-1 {
  border-color: rgba(var(--color-cat-1),var(--tp))!important;
}
.article-summary-column .swell-block-column.cat-2 {
  border-color: rgba(var(--color-cat-2),var(--tp))!important;
}
.article-summary-column .swell-block-column.cat-3 {
  border-color: rgba(var(--color-cat-3),var(--tp))!important;
}
.article-summary-column .swell-block-column.cat-4 {
  border-color: rgba(var(--color-cat-4),var(--tp))!important;
}
.article-summary-column .swell-block-column.cat-5 {
  border-color: rgba(var(--color-cat-5),var(--tp))!important;
}
.article-summary-column .swell-block-column.cat-6 {
  border-color: rgba(var(--color-cat-6),var(--tp))!important;
}
#section-digital-planner {
  border: var(--border-layout);
  margin-bottom: 0;
}
#section-digital-planner h2.is-style-section_ttl {
  display: flex;
  align-content: center;
  align-items: center;
  margin-bottom: 1em;
  gap: 1em;
  justify-content: flex-start;
}
@media (max-width: 599px) {
  #section-digital-planner {
    border: var(--border-layout);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -2px;
  }
  #section-digital-planner h2.is-style-section_ttl {
    display: flex;
    padding-top: 0.5em;
    margin-bottom: 1em;
    gap: 0;
    row-gap: 0.5em;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}
@media (max-width: 599px) {
  .is-style-bg_grid.dp-descripton {
    padding: 1em;;
  }
  .dp-description-column {
    padding: 0 1em;
  }
}
#section-illustrator-tips {
  border: var(--border-layout);
  margin-bottom: 0;
}
#section-illustrator-tips h2.is-style-section_ttl {
  display: flex;
  align-content: center;
  align-items: center;
  margin-bottom: 1em;
  gap: 1em;
  justify-content: flex-start;
}
@media (max-width: 599px) {
  #section-illustrator-tips {
    border: var(--border-layout);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -2px;
  }
  #section-illustrator-tips h2.is-style-section_ttl {
    display: flex;
    padding-top: 0.5em;
    margin-bottom: 1em;
    gap: 0;
    row-gap: 0.5em;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}
#section-recommend-item {
  border: var(--border-layout);
  margin-bottom: 0;
}
#section-recommend-item h2.is-style-section_ttl {
  display: flex;
  align-content: center;
  align-items: center;
  margin-bottom: 1em;
  gap: 1em;
  justify-content: flex-start;
}
@media (max-width: 599px) {
  #section-recommend-item {
    border: var(--border-layout);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -2px;
  }
  #section-recommend-item h2.is-style-section_ttl {
    display: flex;
    padding-top: 0.5em;
    margin-bottom: 1em;
    gap: 0;
    row-gap: 0.5em;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}