@charset "utf-8";
/*
Theme Name: 成山園様テーマ
Theme URI: http://www.hanano-ya.jp
Description: 成山園様テーマ
Version: 1.0
Author: 花のや
Author URI: http://www.hanano-ya.jp
*/


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

body.mceContentBody {
  background:#fff;
  font-size: 1.6rem;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  /* font-feature-settings: "palt"; */
  /* font-family: "游明朝", "Yu Mincho","Hiragino Mincho Pro", serif; */
  /* font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif; */
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;*/
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-text-size-adjust: 100%;
  overflow:visible;
  padding:0;
  margin:1em;
}



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* End captions */

.wysiwyg p {
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.04em;
  margin-bottom: 1em;
}
.wysiwyg strong {
  color: #578C34;
  font-weight: 2.4rem;
  font-weight: 700;
}
.wysiwyg em{
  font-style: italic;
}
.wysiwyg ul,
.wysiwyg ol{
  margin-bottom: 4rem;
}
.wysiwyg li {
  position: relative;
  padding-left: 2.3rem;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.04em;
  list-style-type: none;
}
.wysiwyg ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1.7rem;
  width: 1.2rem;
  height: 1.2rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #578C34;
}
.wysiwyg ol{
  list-style-type: none;
}

.wysiwyg ol li {
  counter-increment: number;
  padding-left: 0;
}
.wysiwyg ol li::before {
  content: counter(number, decimal-leading-zero)'.';
  padding-right: 0.9rem;
  color: #578C34;
  font-size: 2.2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.wysiwyg table tr {
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid #BDBDBD;
}
.wysiwyg table td {
  position: relative;
  padding: 38px 50px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.04em;
  vertical-align: middle;
}
.wysiwyg table tr td:first-of-type {
  width: 20%;
  font-weight: 700;
}
.wysiwyg table tr td:first-of-type:after {
  content:'';
  position: absolute;
  right: 0;
  top: 20px;
  bottom: 20px;
  margin: auto;
  width: 1px;
  background: #BDBDBD;
}

.wysiwyg h3 {
  position: relative;
  margin-bottom: 5rem;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.04em;
}
.wysiwyg h3::before,
.wysiwyg h3::after {
  content: '';
  position: absolute;
  left: 0;
}
.wysiwyg h3::before {
  bottom: -2.5rem;
  width: 100%;
  height: 2px;
  background-color: #BFBFBF;
}
.wysiwyg h3::after {
  bottom: -2.6rem;
  width: 21rem;
  height: 4px;
  background-color: #578C34;
}

.wysiwyg h4 {
  margin-bottom: 3.2rem;
  padding-left: 1.5rem;
  border-left: 4px solid #578C34;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.64;
  letter-spacing: 0.04em;
}
.wysiwyg h5 {
  display: inline-block;
  margin-bottom: 1.5rem;
  padding: 0.5rem 2.1rem;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.1em;
  border-radius: 180px;
  background-color: #578C34;
}
.wysiwyg h6 {
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 3rem;
  color: #578C34;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.58;
  letter-spacing: 0.1rem;
}
.wysiwyg h6::before {
  content: '■';
  position: absolute;
  top: 0.4rem;
  left: 0;
  color: #578C34;
  font-size: 2rem;

}
@media screen and (max-width:828px) {
  
  .wysiwyg p {
    font-size: 4.348vw;
    line-height: 1.72;
    margin-bottom: 4.415vw;
  }
  .wysiwyg strong {
    font-weight: 5.072vw;
  }
  .wysiwyg em{
    font-style: italic;
  }
  .wysiwyg ul,
  .wysiwyg ol{
    margin-bottom: 7.246vw;
  }
  .wysiwyg li {
    padding-left: 3.623vw;
    font-size: 4.348vw;
    line-height: 1.55;
  }
  .wysiwyg li + li {
    margin-top: 2vw;
  }
  .wysiwyg ul li::before {
    top: 2.8vw;
    width: 1.932vw;
    height: 1.932vw;
  }
  .wysiwyg ol li {
    padding-left: 7.246vw;
  }
  .wysiwyg ol li::before {
    content: counter(number, decimal-leading-zero)'.';
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 0;
    font-size: 4.348vw;
  }
  .wysiwyg table tr {
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
  }
  .wysiwyg table td {
    position: relative;
    display: block;
    padding: 0 0 3.382vw;
    width: 100% !important;
    font-size: 4.348vw;
  }
  .wysiwyg table tr td:first-of-type {
    padding: 3.382vw 0 1.329vw;
    width: 100%;
  }
  .wysiwyg table tr td:first-of-type:after {
    display: none;
  }

  .wysiwyg h3 {
    margin-bottom: 7.005vw;
    font-size: 5.314vw;
    line-height: 1.4;
  }
  .wysiwyg h3::before {
    bottom: -3vw;
    height: 0.483vw;
  }
  .wysiwyg h3::after {
    bottom: -3.4vw;
    width: 14.493vw;
    height: 0.966vw;
  }

  .wysiwyg h4 {
    margin-bottom: 4.831vw;
    padding-left: 3.14vw;
    border-left-width: 0.725vw;
    font-size: 4.831vw;
    line-height: 1.5;
  }
  .wysiwyg h5 {
    margin-bottom: 4.106vw;
    padding: 0.604vw 2.415vw;
    font-size: 3.865vw;
    line-height: 1.31;
    border-radius: 21.739vw;
  }
  .wysiwyg h6 {
    margin-bottom: 4.348vw;
    padding-left: 6.126vw;
    font-size: 4.589vw;
    line-height: 1.63;
  }
  .wysiwyg h6::before {
    top: 0.204vw;
    font-size: 4.348vw;

  }
}