@charset "UTF-8";

/* Post Contents
============================================================================= */

/* area default */
.cwwl_contents {
  --cwwl-mt: 8.0rem; /* layout default margin */
  font-size: 1.4rem;
  letter-spacing: .10em;
  line-height: 2.15;
}
@media (width <= 640px) {
  .cwwl_contents {
    --cwwl-mt: 4.8rem; /* layout default margin */
    font-size: 1.4rem;
  }
}
:is(.cwwl_contents,blockquote,._cww-text) > p {
  text-align: justify;
}

/* youtube */
.cwwl_contents span[data-mce-p-src*=youtube] {
  display: block;
  width: 100%;
}
.cwwl_contents iframe[src*=youtube] {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

/* p default margin */
:is(:is(.cwwl_contents,blockquote,._cww-text) > :is(p + *:not(._cww-layout,blockquote,h2,h3,h4),*:not(h2,h3,h4) + p)) {
  margin-top: 1.2em;
}
@media (width <= 640px) {
  :is(:is(.cwwl_contents,blockquote,._cww-text) > :is(p + *:not(h2,h3,h4),*:not(h2,h3,h4) + p)) {
  }
}

/* h2-4 tag setting */
.cwwl_contents :is(h2,h3,h4):first-child {
  margin-top: 0;
}
:is(.cwwl_contents :is(h2,h3,h4)) {
  font-feature-settings: "palt" 0;
  font-family:var(--ff-ten);
  font-weight:500;
}
.cwwl_contents :is(h2,h3,h4) + :is(ul,ol,blockquote,._cww-layout) {
  margin-top: 0 !important;
}

/* h2 */
:is(.cwwl_contents h2) {
  margin-block: 8.0rem 3.0rem;
  padding-bottom:.5em;
  border-bottom:1px solid;
  font-size: 2.2rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media (width <= 640px) {
  :is(.cwwl_contents h2) {
    margin-block: 4.8rem 2.0rem;
    font-size: 1.7rem;
  	line-height: 1.8;
  }
}
/* h3 */
:is(.cwwl_contents h3) {
  margin-block: 8.0rem 2.0rem;
  font-size: 2.0rem;
  line-height: 2;
  letter-spacing: 0;
}
@media (width <= 640px) {
  :is(.cwwl_contents h3) {
    margin-block: 4.8rem 1.5rem;
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
/* h4 */
:is(.cwwl_contents h4) {
  margin-block: 4.8rem 1.2rem;
  font-size: 1.6rem;
  line-height: 2.4;
}
@media (width <= 640px) {
  :is(.cwwl_contents h4) {
    margin-block: 3.6rem 0.8rem;
    font-size: 1.5rem;
    line-height: 2;
  }
}

/* img setting */
:is(.cwwl_contents img) {
  display: block;
  max-width: 100%;
  height: auto;
}
:is(.cwwl_contents img.aligncenter) {
  margin-inline:auto;
}
:is(.cwwl_contents img.alignright) {
  margin-left:auto;
}
:is(.cwwl_contents p:not([class]) > img) {
  display: block;
}
._ar-auto ._cww-img img {
  max-width: 100%;
  height: auto;
}
:is(._ar-16_9,._ar-3_2,._ar-2_3,._ar-1_1) ._cww-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
._ar-16_9 ._cww-img img {
  aspect-ratio: 16/9;
}
._ar-3_2 ._cww-img img {
  aspect-ratio: 3/2;
}
._ar-2_3 ._cww-img img {
  aspect-ratio: 2/3;
}
._ar-1_1 ._cww-img img {
  aspect-ratio: 1/1;
}
.cwwl_contents img[style*="--cww-iw"] {
  width:calc(var(--cww-iw) * 0.1rem);
}
@media (width <= 640px) {
  .cwwl_contents img[style*="--cww-iw"] {
    width:calc(var(--cww-iw) * .005rem);
  }
}

/* a default */
:is(.cwwl_contents a:not(.cwwl-link-button, .cwwl-index-link, .cwwl-related-link)) {
  text-decoration: underline;
  word-wrap: break-word;
  color:#888064;
}
@media (hover) {
  :is(.cwwl_contents a:not(.cwwl-link-button, .cwwl-index-link, .cwwl-related-link)):hover {
    text-decoration: none;
  }
  :is(.cwwl_contents a:not(.cwwl-link-button, .cwwl-index-link, .cwwl-related-link)):hover::before {
    transform:rotate(45deg) translate(.2em,-.2em);
  }
}
@media (width <= 640px) {
  :is(.cwwl_contents a:not(.cwwl-link-button, .cwwl-index-link, .cwwl-related-link))::before {
    border-top-width:1px;
    border-right-width:1px;
  }
}

/* blockquote */
.cwwl_contents blockquote {
  margin-block: var(--cwwl-mt) 0;
  border:1px solid;
  margin-inline:0;
  padding: 4.0rem;
  @media (width <= 640px) {
    padding: 2.4rem 1.6rem;
  }
}


/* ol & ul */
:is(.cwwl_contents :is(ul,ol):not([class*="cwwl-index"])) {
  margin-top: 8.0rem;
  line-height: 1.75;
}
:is(.cwwl_contents :is(ul,ol):not([class*="cwwl-index"]) > li) {
  padding-left: 2.4rem;
  position: relative;
}
:is(.cwwl_contents :is(ul,ol):not([class*="cwwl-index"]) > li:not(:first-of-type)) {
  margin-top: 0.3em;
}
@media (width <= 640px) {
  :is(.cwwl_contents :is(ul,ol):not([class*="cwwl-index"])) {
	margin-top: 4.8rem;
    line-height: 1.7;
  }
  :is(.cwwl_contents :is(ul,ol):not([class*="cwwl-index"]) > li) {
    padding-left: 1.6rem;
  }
  :is(.cwwl_contents :is(ul,ol):not([class*="cwwl-index"]) > li:not(:first-of-type)) {
    margin-top: 0.3em;
  }
}

/* ol */
:is(.cwwl_contents ol) {
  counter-reset: num;
}
:is(.cwwl_contents ol li)::before {
  counter-increment: num;
  content: counter(num) ".";
  font-family:var(--ff-bellefair);
  font-size:1em;
  /* line-height:1; */
  /* color: #000; */
  position: absolute;
  left: 0;
  @media (width <= 640px) {
    margin-top:.05em;
  }
}

/* ul */
:is(.cwwl_contents ul:not([class*="cwwl-index"]) li)::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #D9D9D9;
  position: absolute;
  top: calc(.5lh - 0.3rem);
  left: 0;
}
@media (width <= 640px) {
  :is(.cwwl_contents ul:not([class*="cwwl-index"]) li)::before {
    width: 7px;
    height: 7px;
    top: calc(.5lh - 3px);
  }
}


/* Column Layout */
.cwwl-column {
  display: flex;
}
.cwwl-column .cwwl-column-item-img img {
  width:100%;
}
.cwwl-column .cwwl-column-item-text p {
  text-align: justify;
}
.cwwl-column:not(:first-child) {
  margin-top: var(--cwwl-mt);
}
.cwwl-column._img-top:not(:has(.cwwl-column-item:nth-child(2)))._ar-auto :is(.cwwl-column-item,.cwwl-column-item-img) {
  margin-inline: auto;
  width: fit-content;
}
.cwwl-column:is(._img-left,._img-right).-border {
	border-block:1px solid;
	padding-block:3.2rem;
}
.cwwl-column:is(._img-left,._img-right) .cwwl-column-item {
  display: flex;
}
.cwwl-column:is(._img-left,._img-right).-border .cwwl-column-item {
  align-items: center;
  gap: 2.4rem;
}
.cwwl-column:is(._img-left,._img-right).-border .cwwl-column-item-img {
  flex-shrink: 0;
  width: 28.0rem;
}
.cwwl-column:is(._img-left,._img-right):not(.-border) .cwwl-column-item-img,
.cwwl-column:is(._img-left,._img-right) .cwwl-column-item-text {
  flex: 1;
}
.cwwl-column._img-right .cwwl-column-item {
  flex-direction: row-reverse;
}
@media (width > 640px) {
  .cwwl-column {
    gap: 5.2rem;
  }
  .cwwl-column:has(.cwwl-column-item:nth-child(3)) {
    gap: 3.2rem;
  }
  .cwwl-column._img-top .cwwl-column-item-text {
    margin-top: 2.4rem;
  }
  .cwwl-column .cwwl-column-item-text > :is(p,h2,h3,h4):first-child {
    margin-top: calc((1lh - 1em) * -.5);
  }
  .cwwl-column-item {
    flex: 1;
  }
  .cwwl-column:is(._img-left,._img-right) .cwwl-column-item {
    gap:5.2rem;
  }
}
@media (width <= 640px) {
  .cwwl-column:is(._img-left,._img-right):not(.-border) .cwwl-column-item {
    flex-direction: column;
    gap: 1.6rem;
  }
  .cwwl-column {
  }
  .cwwl-column._img-top {
    display:grid;
    gap: 2.4rem;
	}
	.cwwl-column._img-top .cwwl-column-item {
    display:grid;
    align-items: center;
    gap:.8rem;
  }
	.cwwl-column._img-top:has(.cwwl-column-item:nth-child(2):last-child) .cwwl-column-item {
    grid-template-columns:15.0rem 1fr;
  }
	.cwwl-column._img-top:has(.cwwl-column-item:nth-child(3):last-child) .cwwl-column-item {
    grid-template-columns:11.0rem 1fr;
  }
	.cwwl-column._img-top:has(.cwwl-column-item:nth-child(3):last-child) .cwwl-column-item-img img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
	.cwwl-column._img-top .cwwl-column-item-text {
	}
  .cwwl-column:is(._img-left,._img-right).-border {
	  padding-block:1.6rem;
	  padding-inline:1.0rem;
  }
  .cwwl-column:is(._img-left,._img-right).-border .cwwl-column-item {
	  gap: .8rem;
  }
  .cwwl-column:is(._img-left,._img-right).-border .cwwl-column-item-img {
	  width: 11.0rem;
  }
  .cwwl-column:is(._img-left,._img-right).-border .cwwl-column-item-img img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
}

/* Table Layout */
.cwwl-table {
  margin-top: var(--cwwl-mt);
  @media (width > 640px) {
    --tc:14.8rem;
    display:grid;
    grid-template-columns:var(--tc) 1fr;
    border-top:1px solid #989898;
  }
  @media (width <= 640px) {
  }

  .row {
    @media (width > 640px) {
      grid-column:1/3;
      display:grid;
      grid-template-columns:subgrid;
      border-bottom:1px solid #989898;
    }
    @media (width <= 640px) {
      &:not(:first-child) {
        margin-top:2.0rem;
      }
    }
  }
  :is(.h,.d) {
    @media (width > 640px) {
    }
  }
  .h {
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:var(--cc-white-B);
    padding-inline:1.6rem;
    @media (width > 640px) {
      padding-block:1.6rem;
      font-size:1.4rem;
      line-height:1.7;
    }
    @media (width <= 640px) {
      border-block:1px solid #989898;
      padding-block:.6rem;
      font-size:1.3rem;
    }
  }
  .d {
    @media (width > 640px) {
      padding-block:3.6rem;
      padding-inline:3.2rem;
      font-size:1.3rem;
      line-height:1.7;
    }
    @media (width <= 640px) {
      padding-top:1.2rem;
      padding-inline:1.2rem;
      font-size:1.2rem;
      line-height:1.7;
    }
  }
}