@charset "UTF-8";
/*======================================
title
/*======================================*/
.post-style .wp-block-group:first-of-type {
  margin-top: 0;
}
.post-style h2, .post-style h3, .post-style h4, .post-style h5 {
  font-family: "DNPShueiMGoStd-B", sans-serif;
}
.post-style .is-style-g h2:first-of-type, .post-style .is-style-g h3:first-of-type, .post-style .is-style-g h4:first-of-type, .post-style .point-block h4:first-of-type {
  margin-top: 0;
}
.post-style h2:first-of-type, .post-style h3:first-of-type, .post-style h4:first-of-type, .post-style h4:first-of-type {
  margin-top: 0;
}
.article-title-CMN {
  margin-bottom: 3em;
}
@media screen and (min-width:768px) {
  .article-title-CMN {
    margin-bottom: 4em;
  }
} /*END query*/
/* h1 :::::::::::::::: */
.post-style h1 {
  text-align: left;
  font-size: 160%;
}
.post-style h1 br {
  display: none;
}
@media screen and (min-width:768px) {
  .post-style h1 {
    font-size: 200%;
  }
  .post-style h1 br {
    display: block;
  }
} /*END query*/
/*======================================
title
/*======================================*/
/* title-label :::::::::::::::: */
.title-label {
  display: block;
  text-align: left;
  font-size: 140%;
  width: 100%;
  padding: 0.5em;
  background: rgba(200, 160, 100, .2);
  border-left: solid 5px rgba(200, 160, 100, 1);
  margin-bottom: 1em;
}
.title-label.has-navy-background-color {
  background: rgba(15, 20, 75, .1);
  border-left: solid 5px rgba(15, 20, 75, 1);
}
.title-label-bg-none {
  padding: .2em .75em;
  margin: 2.5em 0 1.375em;
  font-size: 130%;
  text-align: left;
  border-left: 6px solid rgba(200, 160, 100, .85);
}
/* title-line :::::::::::::::: */
.title-line {
  position: relative;
  text-align: left;
  font-size: 150%;
  padding: .75em .5em;
  margin: 3em 0 1.25em;
  border-top: 2px solid rgba(200, 160, 100, .85);
  border-bottom: 2px solid rgba(200, 160, 100, .85);
}
/* title-line-bottom :::::::::::::::: */
.title-line-bottom {
  text-align: left;
  font-size: 140%;
  margin: 1.5em auto 1em;
  border-bottom: 2px solid;
  padding-bottom: .5em;
}
/* title-icon :::::::::::::::: */
.title-icon {
  position: relative;
  text-align: left;
  font-size: 120%;
  line-height: 1.4;
  padding: .5em 0 .5em 1.3em;
  margin: .5em auto 0;
}
.title-icon:before {
  font-family: "dashicons";
  content: "\f534";
  font-weight: 900;
  position: absolute;
  left: 0;
  transform: scale(1.3, 1.3);
}
.title-icon.has-navy-color {
  color: #0f144b;
}
.title-icon.has-gold-color:before {
  color: #c8a064;
}
.title-icon.has-red-color:before {
  color: #d26464;
}
.title-icon.exclamation:before {
  font-family: "dashicons";
  content: "\f534";
  font-weight: 900;
}
.title-icon.check:before {
  font-family: "dashicons";
  content: "\f12a";
  font-weight: 900;
}
.title-icon.question:before {
  font-family: "dashicons";
  content: "\f223";
  font-weight: 900;
  transform: scale(1.5, 1.5);
}
/* title-icon :::::::::::::::: */
.title-simple {
  text-align: left;
  font-size: 120%;
  margin: 1.5em auto 1em;
}
.is-style-g h2:first-of-type, .is-style-g h3:first-of-type {
  margin-top: 0;
}
/*======================================
common
/*======================================*/
.post-style p em, .post-style p strong, post-style p a, .post-style li em, .post-style li strong, .post-style li a {
  font-family: "CezannePro-DB", sans-serif;
}
.post-style .desc {
  display: block;
}
.post-style p {
  line-height: 1.6em;
}
.post-style p:not(:last-of-type) {
  margin-bottom: .7em;
}
.post-style .desc p span {
  display: inline;
}
.post-style p br {
  display: none;
}
.post-style p br.sp {
  display: block;
}
.post-style p br.pc {
  display: none;
}
@media screen and (min-width:768px) {
  .post-style p:not(:last-of-type) {
    margin-bottom: 1em;
  }
  .post-style p br {
    display: block;
  }
  .post-style p br.sp {
    display: none;
  }
  .post-style p br.pc {
    display: block;
  }
} /*END query*/
.post-style p mark {
  padding: 3px 0;
}
.post-style p img {
  max-width: 600px;
}
.post-style .wp-block-group img {
  width: auto;
}
.wp-block-group {
  margin-top: 4em;
}
.wp-block-group .wp-block-group {
  margin: 3em 0;
}
.has-text-align-left {
  text-align: left !important;
}
.has-text-align-right {
  text-align: right !important;
}
.has-text-align-center {
  text-align: center !important;
}
/*======================================
color
/*======================================*/
.has-black-background-color, .wp-block-button__link.has-black-background-color {
  background-color: #484848;
  color: #fff;
}
.has-navy-background-color, .wp-block-button__link.has-navy-background-color {
  background-color: #0f144b;
  color: #fff;
}
.has-gold-l-background-color, .wp-block-button__link.has-gold-l-background-color {
  background: #c8a064;
  color: #fff;
}
.has-red-background-color, .wp-block-button__link.has-red-background-color {
  background-color: #d26464;
  color: #fff;
}
.has-bright-red-background-color, .wp-block-button__link.has-bright-red-background-color {
  background-color: #d2646480;
}
.has-offwhite-background-color, .wp-block-button__link.has-offwhite-background-color {
  background-color: #fbf5ef;
  color: #484848;
}
.has-yellow-background-color, .wp-block-button__link.has-yellow-background-color {
  background-color: #fff0aa;
  color: #484848;
}
.has-navy-color {
  color: #0f144b;
}
.has-gold-color {
  color: #c8a064;
  border-color: #c8a064;
}
.has-red-color {
  color: #d26464;
  border-color: #d26464;
}
.has-offwhite-color {
  color: #fbf5ef;
  border-color: #fbf5ef;
}
.has-yellow-color {
  color: #fff0aa;
  border-color: #fff0aa;
}
.has-navy-color:before {
  color: #0f144b;
}
.has-gold-color:before {
  color: #c8a064;
}
.has-red-color:before {
  color: #d26464;
}
.has-offwhite-color:before {
  color: #fbf5ef;
}
.has-yellow-color:before {
  color: #fff0aa;
}
/*======================================
block
/*======================================*/
.wp-block-columns .is-style-justify {
  justify-content: space-between;
}
.wp-block-columns .is-style-center {
  justify-content: center;
}
.is-style-g {
  text-align: center;
  font-size: 100%;
  width: 100%;
  max-width: 840px;
  padding: 1em;
  margin: 1.5em 0;
}
.is-style-g .is-style-g {
  margin: 0;
  padding: 0;
}
.post-style .color-block {
  border-radius: 10px;
}
#page .post-style .color-block {
  width: 100%;
  padding: 2em 1em;
  margin: 1.5em auto;
}
@media screen and (min-width:768px) {
  .is-style-g {
    width: auto;
    max-width: fit-content;
    min-width: 300px;
    padding: 1.5em;
  }
  .post-style .color-block, .post-style .quilt-block, .post-style .border-block {
    /*display: inline-block;*/
    border-radius: 15px;
  }
  #page .post-style .color-block {
    padding: 2em;
  }
} /*END query*/
.post-style .check-list li:not(:last-of-type) {
  margin-bottom: .7em;
}
@media screen and (min-width:768px) {
  .post-style .check-list li:not(:last-of-type) {
    margin-bottom: 1em;
  }
} /*END query*/
figure {
  margin: 0;
  padding: 0;
}
figcaption {
  font-family: "DNPShueiMGoStd-B", sans-serif;
  text-align: left;
  font-size: 85%;
  line-height: 1.5em;
  margin-top: 1em;
}
.post-style .img.max-wrap {
  max-width: 500px;
  margin: 2em auto;
}
.wp-block-column .wp-block-image:first-of-type {
  margin: .5em 0 1em;
}
@media screen and (min-width:768px) {
  .wp-block-column .wp-block-image:first-of-type {
    margin: 1em 0 2em;
  }
}
.post-style .point-block {
  position: relative;
  text-align: left;
  font-size: 100%;
  width: 100%;
  padding: 1em;
  background: rgba(200, 130, 170, .15);
  border-radius: 0 10px 10px 10px;
  margin-top: 4em;
}
.post-style .point-block:after {
  position: absolute;
  font-family: "Font Awesome 5 Free", 'Quicksand', 'Avenir', 'Arial', sans-serif;
  font-weight: 900;
  content: '\f00c  Check';
  background: #e19155;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: .5em .5em .3em;
  font-size: 85%;
  line-height: 1em;
  letter-spacing: 0.05em
}
.post-style .point-block .title-line-bottom {
  margin-top: 0;
}
/*
.post-style .point-block h2 {
  position: relative;
  font-size: 120%;
  color: #e19155;
  line-height: 1.4;
  padding: .5em 0 .5em 1.3em;
  margin: 0;
  background-color: transparent;
  border: none;
  max-width: none;
}
.post-style .point-block h2:before {
  font-family: "dashicons";
  content: "\f534";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #e19155;
  transform: scale(1.3, 1.3);
}*/
@media screen and (min-width:768px) {
  .post-style .point-block {
    padding: 1.5em;
  }
  .post-style .point-block {
    display: inline-block;
    width: 100%;
    max-width: 100%;
  }
  /*
  .post-style .point-block h2 {
    font-size: 140%;
  }
  */
} /*END query*/
.post-style .img, .wp-block-image {
  width: 100%;
  margin: 1em 0;
}
.post-style .wp-block-group .img-center img {
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .post-style .wp-block-group .img-100 img {
    width: 100%;
    max-width: 100%;
  }
  .post-style .wp-block-group .img-75 img {
    width: 75%;
    max-width: none;
  }
  .post-style .wp-block-group .img-50 img {
    width: 50%;
    max-width: none;
  }
} /*END query*/
/*======================================
list
/*======================================*/
.has-small-font-size {
  font-size: 80%;
}
.has-medium-font-size {
  font-size: 100%;
}
.has-large-font-size {
  font-size: 140%;
}
.has-x-large-font-size {
  font-size: 180%;
}
.post-style p + ul {
  margin: 1.5em auto;
}
.post-style p + .list-style {
  margin-top: .5em;
}
.post-style ul + p:first-of-type, .post-style .is-style-g ul + p:first-of-type {
  margin-top: 1em;
}
.post-style dl {
  padding: 1em 0 .5em;
  border-bottom: 1px solid #ccc;
}
.post-style dt {
  font-family: "DNPShueiMGoStd-B", sans-serif;
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1.3em;
  margin-bottom: .5em;
}
.post-style dd {
  padding-left: 0;
  line-height: 1.3em;
  margin-bottom: .5em;
}
.post-style dd p, .post-style dd p:not(:last-of-type) {
  margin-bottom: 0;
}
@media screen and (min-width:768px) {
  .post-style dt {
    width: 20%;
  }
  .post-style dd {
    flex: 1;
    padding-left: 1em;
  }
} /*END query*/
/*======================================
list
/*======================================*/
ol, ul {
  list-style: none;
}
.post-list li {
  position: relative;
  text-align: left;
  padding-left: 2em;
  line-height: 1.5em;
}
.post-list li:not(:last-of-type) {
  margin-bottom: .7em;
}
/*
.post-style .list-style .list-left {
  text-align: left;
  display: block;
}
.post-style .list-style .list-left li {
  margin-top: 0;
  margin-bottom: 0;
}
*/
.list-style-check li:before, .list-style-check li:after {
  position: absolute;
  content: "";
  font-size: 1em;
  line-height: 1em;
}
.list-style-check li:before {
  background: #fff;
  border: 1px solid rgba(120, 145, 130, .3);
  width: 1.2em;
  height: 1.2em;
  width: 1.5em;
  height: 1.5em;
  font-size: 1em;
  line-height: 1em;
  top: -.1em;
  left: 0;
}
.list-style-check li:after {
  border-left: 2px solid rgba(120, 145, 130, 1);
  border-bottom: 2px solid rgba(120, 145, 130, 1);
  width: .8em;
  height: .4em;
  transform: rotate(-45deg);
  left: .35em;
  top: .35em;
}
.list-style-simple li {
  position: relative;
  margin-left: 1em;
  padding-left: 0;
}
.list-style-simple li:before {
  position: absolute;
  display: block;
  content: "◎";
  margin-left: -1em;
  color: rgba(200, 160, 100, 1);
}
.list-style-num li {
  position: relative;
  margin-left: 1.3em;
  padding-left: 0;
}
.list-style-num li:before {
  position: absolute;
  display: block;
  margin-left: -1.3em;
}
.list-style-num li:nth-of-type(1):before {
  content: "①";
}
.list-style-num li:nth-of-type(2):before {
  content: "②";
}
.list-style-num li:nth-of-type(3):before {
  content: "③";
}
.list-style-num li:nth-of-type(4):before {
  content: "④";
}
.list-style-num li:nth-of-type(5):before {
  content: "⑤";
}
.list-style-num li:nth-of-type(6):before {
  content: "⑥";
}
.list-style-num li:nth-of-type(7):before {
  content: "⑦";
}
.list-style-num li:nth-of-type(8):before {
  content: "⑧";
}
.list-style-num li:nth-of-type(9):before {
  content: "⑨";
}
.list-style-num li:nth-of-type(10):before {
  content: "⑩";
}
.list-style-icon li:before {
  position: absolute;
  font-family: "dashicons";
  font-weight: 900;
  font-size: 1em;
  line-height: 1em;
  color: #e19155;
  transform: scale(1.6, 1.6);
  left: 0;
  top: .3em;
}
.list-style-exclamation-icon li:before {
  content: "\f534";
}
.list-style-check-icon li:before {
  content: "\f12a";
}
.post-list li ol, .post-list li ul {
  margin: .5em auto;
}
.post-list li ol li::before, .post-list li ul li::before {
  content: "◯"
}
/*======================================
Btn
/*======================================*/
.post-style li a {
  display: inline;
  text-decoration: underline;
}
.wp-block-button {
  text-align: center;
  margin: 1em auto;
}
.post-btn a {
  font-family: "DNPShueiMGoStd-B", sans-serif;
  display: block;
  text-align: center;
  cursor: pointer;
}
.wp-block-button.has-small-font-size {
  font-size: 90%;
}
.wp-block-button.has-medium-font-size {
  font-size: 110%;
}
.wp-block-button.has-large-font-size {
  font-size: 130%;
}
.wp-block-button.has-x-large-font-size {
  font-size: 150%;
}
.wp-block-button__width-25 {
  width: 25%;
}
.wp-block-button__width-50 {
  width: 50%;
}
.wp-block-button__width-75 {
  width: 75%;
}
.wp-block-button__width-100 {
  width: 100%;
}
/*======================================
column
/*======================================*/
.post-style .wp-block-columns.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.flex-2column > div, .flex-3column > div {
  margin-bottom: 2.5em;
}
.flex-2column:last-of-type > div:last-of-type, .flex-3column:last-of-type > div:last-of-type {
  margin-bottom: 1em;
}
.post-style .wp-block-columns.flex .wp-block-image:first-of-type {
  margin: 0 auto 1em;
}
.post-style .wp-block-columns.flex p {
  font-size: 95%;
  line-height: 1.4em;
}
@media screen and (min-width:768px) {
  .flex-2column > div {
    width: calc((100% - 1.5em)/2);
  }
  .flex-2column > div:not(:nth-of-type(2n)) {
    margin-right: 1.5em;
  }
  .flex-3column > div {
    width: calc((100% - 2.5%*2)/3);
  }
  .flex-3column > div:not(:nth-of-type(3n)) {
    margin-right: 2.5%;
  }
  .flex-2column:last-of-type > div, .flex-3column:last-of-type > div {
    margin-bottom: 0;
  }
}
/*======================================
rtoc-mokuji-wrapper
/*======================================*/
.rtoc-mokuji-content {
  margin: 4em auto 5em !important;
}
/*======================================
youtube
/*======================================*/
.video-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.wp-embed-aspect-16-9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 auto;
}
.wp-embed-aspect-16-9 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*======================================
maps
/*======================================*/
.post-style .maps {
  width: 100%;
  margin: 2em auto 0;
}
.post-style .maps .maps-wrap {
  position: relative;
  width: 100%;
  padding-top: 70%;
  margin: 0 auto;
}
/*======================================
hr
/*======================================*/
.post-style hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
hr.wp-block-separator {
  margin: 4em auto;
  background: none;
}
hr.is-style-default {
  border-top: 2px solid #ccc;
}
hr.is-style-wide {
  border-top: 4px double;
}
hr.is-style-dots {
  border-top: 2px dotted;
}
/*======================================
table
/*======================================*/
.wp-block-table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
.wp-block-table table {
  margin: 4em auto;
}
.w-20 table th {
  width: 20%;
}
.w-30 table th {
  width: 30%;
}
.w-40 table th {
  width: 40%;
}
.w-50 table th {
  width: 50%;
}
.w-free table th {
  width: auto;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background: rgba(160, 135, 120, .05);
}
@media screen and (min-width:768px) {
  .w-20 table th, .w-30 table th, .w-40 table th {
    width: 25%;
  }
  table th {
    text-align: center;
  }
} /*END query*/
/*br*/
.post-style .br-strong br {
  display: block !important;
}
.post-style .br-sp br {
  display: block;
}
.post-style .br-pc br {
  display: none;
}
@media screen and (min-width:768px) {
  .post-style .br-sp br {
    display: none;
  }
  .post-style .br-pc br {
    display: block;
  }
} /*END QUERY*/
/*======================================
spacer
/*======================================*/
.spacer-L {
  height: 6em !important;
}
.spacer-M {
  height: 4em !important;
}
.spacer-S {
  height: 2em !important;
}
/*======================================
spacer
/*======================================*/