@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

/*
全ページ共通
--------------------------------*/
/* カテゴリー*/
/* アーカイブ */
/* 記事 */
/* まちがい探し*/
/* 季節の特集*/
/* 季節の健康コラム*/
.wrapper.single.healthy .content_box h2 {
  font-size: clamp(2rem, -0.984rem + 3.891vw, 3rem); /* min: 20px, max: 30px */
  font-weight: bold;
  color: #F05909;
  border-bottom: none;
  margin-bottom: 10px;
}

.wrapper.single.healthy .content_box h2 span.deco {
  font-size: clamp(2rem, -0.984rem + 3.891vw, 3rem); /* min: 20px, max: 30px */
  font-weight: bold;
  color: #FFF;
  border: #F05909 1px solid;
  background: #F05909;
  padding: 0px 2%;
  margin-right: 5px;
}

.wrapper.single.healthy .content_box {
  margin: 80px 0;
}

.design12 {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  background: #FFF7C4;
}

.design12 tr:nth-child(2n+1) {
  background: #FFDBB8;
}

.design12 th {
  padding: 15px;
  border: solid 1px #ffffff;
  background: #FF9258;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}

.design12 td {
  padding: 15px;
  border: solid 1px #ffffff;
  text-align: left;
  font-size: clamp(1.3rem, 1.002rem + 0.389vw, 1.4rem); /* min: 13px, max: 14px */
}

.design12 td.item {
  text-align: center;
}

/* マネージャーナル*/
.wrapper.single.money .title-img {
  width: auto;
  max-width: 175px;
}

.wrapper.single.money .title-img img {
  width: 80%;
}

.guest {
  margin: 30px 0;
  padding: 1rem 2%;
  border-top: 6px double #00897D;
  border-bottom: 6px double #00897D;
}

.guest h4 {
  font-weight: bold;
}

.wrapper.single.money .content_box h2 {
  font-size: clamp(2rem, -0.984rem + 3.891vw, 3rem); /* min: 20px, max: 30px */
  font-weight: bold;
  color: #00897D;
  border-bottom: none;
  margin-bottom: 10px;
}

.wrapper.single.money .content_box h2 span.deco {
  font-size: clamp(2.4rem, 0.609rem + 2.335vw, 3rem); /* min: 24px, max: 30px */
  font-weight: bold;
  color: #FFF;
  border: #00897D 1px solid;
  background: #00897D;
  padding: 0px 15px;
  margin-right: 5px;
}

.wrapper.single.money .content_box p {
  line-height: 1.8;
  margin-bottom: 1em;
}

.wrapper.single.money .content_box {
  margin: 50px auto;
}
@media screen and (min-width: 1024px) {
  .wrapper.single.money .content_box {
    margin: 80px 0;
  }
}

.information {
  border: 1px solid #000;
  max-width: 910px;
  margin: 0 auto;
}

.wrapper.single.money .information h2 {
  border-bottom: none;
  text-align: center;
}

.information h4 {
  position: relative;
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #333;
  color: #333;
  font-weight: bold;
  font-size: 2.3rem;
  text-align: center;
  width: 350px;
  margin: 30px auto 15px;
}

.information h4:before {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 3px;
  width: 20px;
  background-color: #fff;
  content: "";
}

.information h4:after {
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 20px;
  width: 2px;
  background-color: #333;
  content: "";
}

.box-design {
  margin: 20px auto;
  padding: 20px 15px;
  border: 2px solid #000;
  max-width: 360px;
  width: 100%;
}

.box-design p {
  line-height: 1.8;
  font-size: 1.6rem;
}

.box-design-ttl {
  position: relative;
  left: -17px;
  top: -21px;
  background-color: #00897D;
  color: #fff;
  padding: 0.2em 1em;
  margin: 0;
  width: 152px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.box-design.red .box-design-ttl {
  position: relative;
  left: -17px;
  top: -21px;
  background-color: #FF5639;
  color: #fff;
  padding: 0.2em 1em;
  margin: 0;
  width: 152px;
  font-size: 2rem;
  font-weight: bold;
}

.box-design p span.bold {
  font-weight: bold;
}

.box-design p span.b_red {
  font-weight: bold;
  color: #F05909;
}

.info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}

/* くらしの寺子屋熟*/
.terakoya .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.karaoke {
  border: 1px solid #000;
  margin: 0 auto;
}

.wrapper.single.terakoya .karaoke h2 {
  border-bottom: none;
  text-align: center;
}

.karaoke h4 {
  position: relative;
  padding: 10px 0;
  border-radius: 5px;
  border: 2px solid #333;
  color: #333;
  font-weight: bold;
  font-size: 2.3rem;
  text-align: center;
  width: 100%;
  margin: 0 auto 10px;
}

.karaoke h4:before {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 3px;
  width: 20px;
  background-color: #fff;
  content: "";
}

.karaoke h4:after {
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 20px;
  width: 2px;
  background-color: #333;
  content: "";
}

.k-box-design {
  margin: 20px auto 0;
  padding: 20px 15px;
  width: 48%;
}

.k-box-design p {
  line-height: 2;
  font-size: 1.6rem;
  margin-top: 20px;
}

.k-box-design-ttl {
  position: relative;
  left: 0;
  top: -8%;
  background-color: #2CB3E5;
  color: #fff;
  padding: 0.2em 15px;
  margin: 0;
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

.k-box-design.red .k-box-design-ttl {
  position: relative;
  left: 0;
  top: -8%;
  background-color: #FF8071;
  color: #fff;
  padding: 0.2em 15px;
  margin: 0;
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

.k-box-design p span.bold {
  font-weight: bold;
}

.k-box-design p span.b_red {
  font-weight: bold;
  color: #F05909;
}

.k-box-design-ttl::first-letter {
  font-size: 38px;
}

.k-box-design.red h4 span {
  color: #FF8071;
  display: block;
  line-height: 1.8;
}

.k-box-design h4 span {
  color: #2CB3E5;
  display: block;
  line-height: 1.8;
}

.karaoke-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}

.support {
  margin-top: 80px;
  position: relative;
}

.wrapper.single.terakoya .support_title h2 span.bold {
  font-size: 2rem;
  font-weight: bold;
  color: #1E456C;
  padding: 0;
  display: block;
}
@media screen and (min-width: 1024px) {
  .wrapper.single.terakoya .support_title h2 span.bold {
    display: inline;
  }
}

.wrapper.single.terakoya .support_title h2 {
  font-size: 1.7rem;
  font-weight: normal;
  border-bottom: none;
  margin-bottom: 20px;
}

.support_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px solid #000;
}

.support_title figure {
  width: 50px;
  margin: 0 0;
  height: 50px;
}

.support_title img {
  width: 100%;
}

.support_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.support_box {
  width: 33%;
  padding: 27px 2%;
  border-right: 2px #FF8071 dotted;
  border-bottom: 2px #FF8071 dotted;
}

.support_box h3 {
  text-align: center;
  color: #2CB3E5;
  font-weight: bold;
  font-size: 2.1rem;
}

.support_box.red h3 {
  text-align: center;
  color: #FF8071;
  font-weight: bold;
}

.support_box p {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: normal;
}

.support_box:nth-child(3),
.support_box:nth-child(6) {
  border-right: none;
}

.support_box:nth-child(4),
.support_box:nth-child(5),
.support_box:nth-child(6) {
  border-bottom: none;
}

.ad-box {
  border: 1px solid #000;
  margin: 80px auto;
  position: relative;
}

.ad-box-design {
  margin: 60px auto;
}

.ad-box-design p {
  margin: 5% auto 0;
  line-height: 2;
  font-size: 1.6rem;
  border-right: 2px dotted;
  padding: 0 20px;
}

.ad-box-design p:last-child {
  border-right: none;
}

.ad-box-design-ttl {
  position: absolute;
  left: 7%;
  top: 12%;
  background-color: #2CB3E5;
  color: #fff;
  padding: 0.2em 15px;
  margin: 7px auto;
  width: 86%;
  font-size: clamp(1.8rem, -1.781rem + 4.669vw, 3rem); /* min: 18px, max: 30px */
  font-weight: bold;
  text-align: center;
}

.ad-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}

/* くらしのエネルギー*/
.energy_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 2px 10px;
  background: #ebc0c6;
}

.energy_title figure {
  max-width: 120px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.energy_title img {
  width: 100%;
}

.energy_title h3 {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  width: 100%;
  font-size: clamp(1.7rem, -3.969rem + 7.782vw, 4rem); /* min: 20px, max: 40px */
  font-weight: bold;
  color: #FFF;
  padding: 2% 30px;
  white-space: nowrap;
}

.conservation_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
}

.conservation_box .conservation_text_box h4 {
  color: #1567B7;
  font-size: 2rem;
  font-weight: bold;
  text-align: left;
  margin: 10px 0;
}

.conservation_box .conservation_text_box p {
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.5;
  font-weight: normal;
}

.conservation_text_box {
  padding: 20px 65px 20px 0;
}

.conservation_img_box {
  width: 115px;
}

.conservation_img_box img {
  width: 100%;
}

.bathroom {
  margin: 50px 0;
}

.bathroom .energy_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: rgba(0, 170, 195, 0.5);
}

.bathroom .energy_title h3 {
  width: 100%;
  font-weight: bold;
  color: #FFF;
  padding: 2% 30px;
}

.bathroom .conservation_img_box {
  width: 90px;
}

.conservation_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 2px solid #000;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bathroom .conservation_box:nth-child(5) {
  border-bottom: none;
}

.bath_img {
  max-width: 980px;
  margin: 0 auto;
}

.bath_img img {
  width: 100%;
}

.living .conservation_box:nth-child(5) {
  border-bottom: none;
}

.kitchen .conservation_box:nth-child(5) {
  border-bottom: none;
}

.conservation_img {
  width: 980px;
  margin: 0 auto;
}

.conservation_img img {
  width: 100%;
}

.energy_content_inner.bath01 {
  margin-top: 100px;
}

.kitchen {
  margin: 50px 0;
}

.kitchen .energy_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: rgba(238, 120, 0, 0.5);
}

.kitchen .energy_title h3 {
  width: 100%;
  font-weight: bold;
  color: #FFF;
  padding: 2% 30px;
}

.kitchen .conservation_img_box {
  width: 90px;
}

.conservation_img_box.w-60 {
  width: 60px;
}

.conservation_img_box.w-90 {
  width: 90px;
}

.designation {
  width: 980px;
  border: 3px solid #1E456C;
  background: #EFF7E5;
  border-radius: 100px;
  margin: 30px auto;
}

.designation p {
  font-size: 2.4rem;
  font-weight: normal;
  color: #1E456C;
  padding: 5px;
  text-align: center;
}

.designation p span.bold_size {
  font-size: 25px;
  font-weight: bold;
}

.recipe_content .recipe-box h3 {
  font-size: clamp(3.6rem, 0.019rem + 4.669vw, 4.8rem); /* min: 36px, max: 48px */
  font-weight: 900;
}

.recipe_content .recipe-box ul.time_cal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: clamp(1.8rem, -4.169rem + 7.782vw, 2.4rem); /* min: 18px, max: 24px */
  text-align: center;
}

.recipe_content .recipe-box ul.time_cal li span.icon {
  display: inline-block;
  width: 14%;
  vertical-align: middle;
  padding-right: 10px;
}

.recipe_content .recipe-box ul.time_cal li span.icon img {
  width: 100%;
}

.recipe_content .recipe-box ul.time_cal li span.icon.plate {
  display: inline-block;
  width: 7%;
  vertical-align: middle;
}

.recipe_content .recipe-box ul.time_cal li {
  padding: 10px 20px 0 0;
  margin: 0;
  text-align: left;
}

.cooking_recipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auro;
}

.right_recipe {
  max-width: 540px;
  width: 100%;
}

.right_recipe ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}

.right_recipe li {
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0px 0 25px 30px;
  margin: 0;
  position: relative;
}

.right_recipe li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #333;
  border: 1px solid;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  width: 30px;
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: 0px;
  left: -9px;
}

.right_recipe h4 {
  font-size: 2rem;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-weight: bold;
}

.left_recipe li {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0px 0 20px 0;
  position: relative;
}

.left_recipe h4 {
  font-size: 2rem;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-weight: bold;
}

.left_recipe {
  max-width: 391px;
  width: 100%;
}

.right_recipe li span.maru {
  font-weight: bold;
}

.recipe-box {
  margin: 100px 0;
}

.recipe-box .time_cal .block {
  display: block;
  font-size: 1.4rem;
}

.ingredient-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

.ingredient-table th, .ingredient-table td {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.maru {
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic Medium", "Hiragino Kaku Gothic Pro", "Meiryo", "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  border-radius: 50%;
  text-align: center;
  line-height: 15px;
  margin-right: 2%;
  font-weight: bold;
  color: #333;
  font-size: 13px;
}

.group-a th {
  border-left: 5px solid #FF6F61;
}

.group-b th {
  border-left: 5px solid #6AB7FF;
}

.group-c th {
  border-left: 5px solid #81C784;
}

/* マンガで学ぶLPガス*/
.wrapper.single.gas .article h2.midasi span.block {
  display: block;
  text-align: left;
}

.gas .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wrapper.single.gas .title-img {
  width: 300px;
}

.wrapper.single.gas .title-img img {
  width: 100%;
}

.wrapper.single.gas .article .title-text {
  text-align: left;
  width: 69%;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .wrapper.single.gas .article .title-text {
    margin-bottom: 0;
  }
}

.gas_content .gas-box {
  max-width: 60%;
  margin: 50px auto;
}

.gas_content .gas-box img {
  width: 100%;
}

.gas_content .gas-box h3 {
  font-size: 2.4rem;
  color: #1E456C;
  text-align: center;
}

.gas-infobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 60px;
  margin-top: 100px;
  max-width: 980px;
}

.gas-infobox figure {
  margin: -21px 0 -250px;
  width: 111px;
  display: block;
}

.gas-infobox img {
  width: 100%;
}

.gas-infobox h3 {
  font-size: clamp(1.7rem, -2.18rem + 5.058vw, 3rem); /* min: 17px, max: 30px */
  font-weight: bold;
  color: #1E456C;
  padding: 7px 30px;
}

.gas_explanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.gas_content .gas_explanation .info-text {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 50px 0;
  width: 50%;
}

.gas_explanation_img {
  width: 460px;
  margin: 50px 0;
}

.gas_explanation_img img {
  width: 100%;
}

/* 修正 */
.good＿style_right {
  display: none;
}

.good＿style_left {
  display: none;
}

.gnavi__list a {
  font-weight: 900;
}

.midasi_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.pdf {
  background: #FF7066;
  width: 200px;
  padding: 1%;
  text-align: center;
  border-radius: 20px;
}

.pdf a {
  display: block;
  color: #FFF;
  text-decoration: none;
  font-size: clamp(1.4rem, -0.391rem + 2.335vw, 2rem); /* min: 14px, max: 20px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

i.fa-solid.fa-print {
  display: block;
  text-align: center;
  font-size: 3rem;
}

.pdf span {
  display: block;
  font-size: 1.4rem;
}

/* 安代さんの吹き出し */
.balloon {
  position: relative;
  padding: 10px 5px;
  margin-top: 0;
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.balloon-head {
  position: absolute;
  top: 12px;
  width: 165px;
  height: 80px;
  margin: 0 auto 40px;
  padding: 15px 13px 0px;
  background: #FFF;
  text-align: center;
  font-weight: bold;
  color: #ff7066;
  font-size: clamp(1.6rem, 0.903rem + 0.778vw, 1.7rem); /* min: 15px, max: 17px */
  border-radius: 90%;
  border: 3px solid #ff7066;
  right: 70px;
}

.balloon-head::after {
  content: "";
  border: 12px solid transparent;
  border-top-color: #ff7066;
  position: absolute;
  bottom: -24px;
  left: 48%;
  margin-left: -8px;
}

.move {
  -webkit-animation: 0.5s move infinite alternate linear;
  animation: 0.5s move infinite alternate linear;
}

@-webkit-keyframes move {
  to {
    -webkit-transform: transtateY(0);
    transform: transtateY(0);
  }
  from {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}

@keyframes move {
  to {
    -webkit-transform: transtateY(0);
    transform: transtateY(0);
  }
  from {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}
.balloon_img {
  max-width: 226px;
  margin: 25% auto 0;
}

.balloon_img img {
  width: 100%;
}

/* カテゴリーhover */
.hover {
  position: relative;
}

.back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.back img {
  max-width: 100%;
  opacity: 0;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.front {
  max-width: 100%;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

/* ----------------------- */
.hover:hover .back img {
  opacity: 1;
}

.hover:hover .front {
  opacity: 0;
}

/* ここからはレイアウト */
/* ----------------------- */
.box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.box {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 48%;
  flex: 0 1 48%;
}

/* pagetopレイアウト */
/* ----------------------- */
html {
  scroll-behavior: smooth;
}

#pagetop {
  /* レイアウト */
  position: fixed;
  right: 30px;
  bottom: 190px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* 見た目 */
  width: 45px;
  aspect-ratio: 1/1;
  background-color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  color: #1E456C;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #1E456C;
  /* デフォルトは非表示 */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* 矢印 */
.pagetop-arrow {
  height: 10px;
  width: 10px;
  border-top: 3px solid #1E456C;
  border-right: 3px solid #1E456C;
  -webkit-transform: translateY(20%) rotate(-45deg);
  transform: translateY(20%) rotate(-45deg);
}

/* スクロールされたときに適用されるCSS */
#pagetop.visible {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 768px) {
  .box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pdf {
    width: 60%;
    margin: 5% auto;
    padding: 2%;
  }
  .midasi_box {
    display: block;
  }
}
@media screen and (max-width: 1160px) {
  .swiper-button-prev {
    left: -46px;
  }
  .swiper-button-next {
    right: -46px;
  }
}
@media screen and (max-width: 1024px) {
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 5rem;
  }
  .swiper-button-prev {
    left: -13px;
  }
  .swiper-button-next {
    right: -13px;
  }
  .swiper-slide img {
    width: 88%;
  }
  .news_title {
    width: 88%;
  }
  .news_title h3 {
    font-size: 2rem;
  }
  .news_category {
    padding: 10px 0;
    width: 88%;
  }
  .news_info {
    width: 85%;
  }
  .category_box {
    max-width: 185px;
  }
}
@media screen and (max-width: 988px) {
  .category_btn p {
    font-size: 2.5vh;
  }
  .category_btn {
    width: 100%;
  }
  .back img {
    max-width: 60%;
  }
  .front {
    max-width: 60%;
  }
  .category_box {
    max-width: 19%;
  }
  .info_navi {
    width: 94%;
  }
}
@media screen and (max-width: 912px) {
  .category_btn p {
    font-size: 0.8rem;
  }
  #pagetop {
    bottom: 260px;
    right: 90px;
  }
}
@media screen and (max-width: 762px) {
  .cate-box-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .category_box {
    max-width: 24%;
  }
  .category_box:nth-child(5),
  .category_box:nth-child(9) {
    border-left: none;
  }
  .category_box:nth-child(6) {
    border-left: 1px solid #000;
  }
  .f_box {
    display: block;
    width: 60%;
    text-align: center;
  }
  .f_box img {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 606px) {
  .hamburger.sp {
    display: block;
  }
  .gnavi__wrap.pc {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .hamburger.sp {
    display: block;
  }
  .gnavi__wrap.pc {
    display: none;
  }
  #pagetop.visible {
    display: none;
  }
  .bnr {
    margin: 20% auto 10%;
  }
}
/* サイトご利用について*/
/* ----------------------- */
.sitepolicy section {
  margin: 5% 0;
}

.sitepolicy .box {
  line-height: 1.8;
  font-weight: normal;
}

.sitepolicy h3 {
  font-weight: normal;
  font-size: 1.6rem;
  border-bottom: 1px solid #000;
  padding-bottom: 2%;
  margin: 0 0 2% 0;
}

.sitepolicy .box h4 {
  font-weight: normal;
  font-size: 1.2rem;
  padding: 2% 0;
}

.sitepolicy .box table {
  border-collapse: collapse;
  width: 100%;
  display: table;
  border-top: 1px dotted rgb(233, 232, 225);
}

.sitepolicy .box table td {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 20px 2.5%;
  border-bottom: 1px dotted #e9e8e1;
  word-wrap: break-word;
}

td.w20 {
  width: 20%;
}

.sitepolicy .box .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 2% 0;
}

.sitepolicy .box p.indent01 {
  margin-left: 1em;
  text-indent: -1em;
}

.sitepolicy .box p {
  display: block;
  margin: 0 0 15px 0;
}

.column_block.w20 {
  padding-right: 2%;
}

.sitepolicy section:nth-last-child(1) {
  margin-bottom: 100px;
}

@media screen and (max-width: 600px) {
  .sitepolicy .box .column {
    display: block;
  }
  .sitepolicy h3 {
    font-size: 1.2rem;
  }
}
/* ポリシー*/
/* ----------------------- */
.policy section {
  margin: 4% 0;
}

.policy .box {
  line-height: 1.8;
  font-weight: normal;
}

.policy .box h4 {
  position: relative;
  margin: 10px 0 20px 0;
  padding: 8px 0 8px 0;
  font-size: 1.6rem;
  font-weight: bold;
}

.policy .box ol.number_list li {
  list-style: decimal !important;
  margin-left: 1.6rem;
  /* リストの左側に余白 */
  text-align: left;
}

.policy .box p {
  display: block;
  margin: 0 0 15px 0;
}

.policy section:nth-last-child(1) {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .thumbnail_box {
    width: 48%;
  }
  .thumbnail_box:nth-child(2n) {
    margin-right: 0;
  }
  .thumbnail_box:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 768px) {
  .wrapper.single.recipe .title-img img {
    width: 80%;
  }
  .left_recipe .recipe_table th {
    padding-right: 0px;
  }
  .left_recipe {
    margin-right: 5%;
  }
  .right_recipe li {
    padding: 0px 0 25px 38px;
  }
  .right_recipe li:before {
    left: 0px;
  }
}
@media screen and (max-width: 600px) {
  .cooking_recipe {
    display: block;
  }
  .left_recipe {
    max-width: 100%;
    margin-right: 0;
  }
  .left_recipe .recipe_table th {
    width: 430px;
  }
  .left_recipe .recipe_table {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .left_recipe {
    margin: 0 0 50px 0px;
  }
  .right_recipe ol {
    padding: 0 2%;
  }
}
@media screen and (max-width: 930px) {
  .wrapper.single.money .title-img {
    width: auto;
    margin: 0 auto;
  }
}
@media screen and (max-width: 957px) {
  .balloon-head {
    right: 54px;
  }
}
@media screen and (max-width: 868px) {
  .box-design {
    width: 42%;
  }
}
@media screen and (max-width: 857px) {
  .balloon-head {
    right: 39px;
  }
}
@media screen and (max-width: 861px) {
  .karaoke h4 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 724px) {
  .balloon-head {
    right: 19px;
  }
}
@media screen and (max-width: 500px) {
  .info-box {
    display: block;
  }
  .box-design {
    width: 76%;
  }
}
@media screen and (max-width: 835px) {
  .support_title figure {
    width: 12%;
  }
}
@media screen and (max-width: 746px) {
  .k-box-design.red .k-box-design-ttl {
    font-size: 1.6rem;
  }
  .k-box-design-ttl {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 671px) {
  .karaoke-box {
    display: block;
  }
  .k-box-design {
    width: 88%;
  }
}
@media screen and (max-width: 500px) {
  .support_box:nth-child(5),
  .support_box:nth-child(6) {
    border-bottom: none;
  }
  .support_box:nth-child(4) {
    border-bottom: 2px #FF8071 dotted;
  }
  .support_box {
    width: 50%;
  }
  .support_box:nth-child(2n),
  .support_box:nth-child(6) {
    border-right: none;
  }
  .support_box:nth-child(3) {
    border-right: 2px #FF8071 dotted;
  }
}
@media screen and (max-width: 834px) {
  .gas_explanation {
    display: block;
  }
  .gas_content .gas_explanation .info-text {
    width: 100%;
  }
  .gas_explanation_img {
    width: 100%;
  }
}
@media screen and (max-width: 680px) {
  .balloon-head {
    position: absolute;
    top: -20px;
    width: 110px;
    height: 60px;
    margin: 0 auto 40px;
    padding: 20px 19px 0px;
    background: #FFF;
    text-align: center;
    font-weight: bold;
    color: #ff7066;
    border-radius: 90%;
    border: 3px solid #ff7066;
    right: 26px;
  }
}
@media screen and (max-width: 661px) {
  .balloon-head {
    right: 12px;
  }
}
@media screen and (max-width: 540px) {
  .wrapper.single.gas .article .title-text {
    width: 61%;
  }
}
@media screen and (max-width: 964px) {
  .wrapper.single.healthy .article h2.midasi span.small {
    font-size: 2.5rem;
  }
  .design12 td {
    padding: 1%;
  }
}
@media screen and (max-width: 829px) {
  .wrapper.single.healthy .article h2.midasi span.small {
    font-size: 2rem;
  }
  .wrapper.single.terakoya .content_inner {
    margin: 5% auto;
  }
}
@media screen and (max-width: 723px) {
  .wrapper.single.healthy .article h2.midasi {
    font-size: 4rem;
  }
  .wrapper.single.healthy .article h2.midasi span.small {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .k-box-design.red .k-box-design-ttl {
    font-size: 1.6rem;
    padding: 0.6em 15px;
  }
  .k-box-design-ttl {
    font-size: 1.6rem;
    padding: 0.6em 15px;
  }
}
@media screen and (max-width: 500px) {
  .wrapper.single.recipe .title-img img {
    width: 100%;
    padding-left: 0;
  }
  .recipe_content .recipe-box ul.time_cal {
    display: block;
  }
  .left_recipe .recipe_table th {
    width: 320px;
  }
  .right_recipe {
    width: 100%;
  }
  .energy_title h3 {
    padding: 22px 0;
  }
  .bathroom .energy_title h3 {
    padding: 15px 0px;
  }
  .thumbnail_box {
    width: 100%;
    margin-right: 0;
  }
  .kitchen .energy_title h3 {
    padding: 15px 0px;
  }
  .Breadcrumb-ListGroup > * + *::before {
    content: ">";
    margin-left: 0.2em;
    margin-right: 0.2em;
  }
  .Breadcrumb-ListGroup {
    padding: 4px 0px;
  }
  .Breadcrumb-ListGroup-Item-Link {
    font-size: 0.6rem;
  }
  .category_box {
    max-width: 49%;
  }
  .category_box:nth-child(3),
  .category_box:nth-child(5),
  .category_box:nth-child(7),
  .category_box:nth-child(9) {
    border-left: none;
  }
  .category_box:nth-child(6) {
    border-left: 1px solid #000;
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 3rem;
  }
  .swiper-button-prev {
    left: -3px;
  }
  .swiper-button-next {
    right: -3px;
  }
  .f_box {
    display: block;
    width: 80%;
    text-align: center;
  }
  .f_box img {
    width: 100%;
    margin: 0 auto;
  }
  .footer .info_navibox li {
    padding: 10px;
  }
  .category_btn p {
    font-size: 0.8rem;
  }
  .footer .info_navibox li a::after {
    left: 0em;
  }
  .conservation_text_box {
    padding: 20px 20px 20px 0;
  }
  .hamburger .menu-trigger span {
    left: 26%;
    width: 50%;
  }
  .keyword_tag .keyword-btn a {
    padding: 2px 15px;
  }
  .wrapper.single.special .article h2.midasi span.small {
    font-size: 1.6rem;
  }
  .wrapper.single.special .article h2.midasi {
    font-size: 1.8rem;
  }
  #g-nav.panelactive #g-nav-list {
    height: 113%;
  }
  .recipe_img {
    margin: 50px auto;
    max-width: 100%;
  }
  .recipe_content .recipe-box ul.time_cal li span.icon.plate {
    width: 8%;
    padding-left: 1%;
  }
  .recipe_content .recipe-box ul.time_cal li span.icon {
    width: 10%;
  }
  .recipe-box .time_cal .block {
    padding-left: 10%;
  }
  .uranai .info_box .dtail .img-box {
    max-width: 140px;
    width: 66%;
  }
  .ad-box-design-ttl {
    left: 7%;
    top: 4%;
    padding: 0.5em 15px;
    width: 86%;
  }
  .balloon-head {
    position: absolute;
    top: -20px;
    width: 80px;
    height: 44px;
    padding: 9px 19px 0px;
  }
  .gas .title {
    display: block;
  }
  .wrapper.single.gas .article .title-text {
    width: 100%;
  }
  .balloon {
    padding: 10px 5px;
    width: 60%;
    margin: 0 auto;
  }
  .balloon-head {
    right: 62px;
    top: 9px;
    width: 160px;
    height: 67px;
    padding: 10px 19px 0px;
  }
  .wrapper.single.gas .article h2.midasi span.block {
    display: block;
    text-align: left;
  }
  .gas_content .gas-box h3 {
    font-size: 1.6rem;
  }
  .gas-infobox {
    display: block;
    height: auto;
  }
  .gas-infobox figure {
    margin: 0 auto;
    width: 30%;
  }
  .gas-infobox h3 {
    padding: 7px 0;
  }
  .gas_content .gas_explanation .info-text {
    margin: 0;
  }
  .hashtag li {
    padding: 4% 1%;
  }
  .wrapper.policy h2 {
    font-size: 2rem;
  }
  .wrapper.sitepolicy h2 {
    font-size: 2rem;
  }
  .policy .box h4 {
    font-size: 1.3rem;
  }
  span.name {
    padding-left: 20%;
  }
  .single.special .article .title-text br {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  .design12 th {
    padding: 11px;
  }
  .design12 th span.block {
    display: block;
  }
  .hashtag li a {
    padding: 10px;
  }
  .gas .title {
    display: block;
  }
  .wrapper.single.gas .article .title-text {
    width: 100%;
  }
  .balloon {
    padding: 10px 5px;
    width: 60%;
    margin: 0 auto;
  }
  .balloon-head {
    right: 44px;
    top: -1px;
    width: 160px;
    height: 67px;
    padding: 10px 19px 0px;
  }
  .wrapper.single.gas .article h2.midasi span.block {
    display: block;
    text-align: left;
  }
  .gas_content .gas-box h3 {
    font-size: 1.6rem;
  }
  .gas-infobox {
    display: block;
    height: auto;
  }
  .gas-infobox figure {
    margin: 0 auto;
    width: 30%;
  }
  .gas-infobox h3 {
    padding: 7px 0;
  }
  .gas_content .gas_explanation .info-text {
    margin: 0;
  }
  .recipe_content .recipe-box ul.time_cal li span.icon.plate {
    width: 9%;
    padding-left: 1%;
  }
  .ingredient-table td {
    padding: 10px 0px;
  }
  #an-02 .img-box {
    padding: 0 3%;
    width: 54%;
  }
  .uranai .info_box .dtail .text {
    padding: 0% 20px;
  }
  .wrapper.single.money .content_box h2 span.deco {
    padding: 0 2%;
  }
  span.name {
    padding-left: 7%;
  }
  .uranai {
    margin-top: 20%;
  }
}
@media screen and (max-width: 430px) {
  .k-box-design.red .k-box-design-ttl {
    font-size: 1.6rem;
    margin-bottom: 3%;
  }
  .k-box-design-ttl {
    margin-bottom: 3%;
  }
  .support_box {
    width: 50%;
  }
  a.d-box-design-ttl {
    left: 7%;
    top: 9%;
    font-size: 1.3rem;
  }
  .wrapper.single.recipe .title-img img {
    width: 72%;
    padding-left: 0;
  }
  .recipe-box {
    margin: 15% 0;
  }
  article .img_box01 img {
    width: 60%;
    margin: 0 auto;
  }
  .wrapper.single.gas .article h2.midasi span.block {
    display: block;
  }
  .wrapper.single.gas .article .title-text {
    width: 100%;
  }
  .wrapper.policy h2 {
    font-size: 1.8rem;
    font-weight: 900;
    color: #1E456C;
    text-align: center;
    margin: 30px 0;
  }
  .wrapper.saitepolicy h2 {
    font-size: 1.8rem;
    font-weight: 900;
    color: #1E456C;
    text-align: center;
    margin: 30px 0;
  }
  .hashtag li {
    padding: 4% 1%;
  }
  .hashtag li a {
    padding: 10px;
  }
  .page-id-20 .wrapper h2 {
    font-size: 2.1rem;
    color: #1E456C;
    text-align: center;
    margin: 30px 0;
  }
  .logo {
    max-width: 60%;
    margin: 1% auto;
  }
  #header-top .top__mv_img {
    max-width: 76%;
    margin: 7% auto;
  }
  #header-top {
    background-position: top;
    padding: 5% 0;
    height: 180px;
  }
  .keyword_box {
    padding: 2%;
  }
  .bnr.pc {
    display: none;
  }
  .bnr.sp {
    display: block;
  }
  .conservation_img_box {
    width: 50%;
  }
  .bathroom .conservation_img_box {
    width: 50%;
  }
  .kitchen .conservation_img_box {
    width: 50%;
  }
  .conservation_text_box {
    padding: 20px 7% 20px 0;
  }
  .conservation_img_box.w-90 {
    width: 40%;
  }
  .conservation_img_box.w-60 {
    width: 33%;
  }
  .bathroom .energy_title h3 {
    padding: 18px 0px;
  }
  .wrapper.sitepolicy h2 {
    font-size: 1.8rem;
  }
  .design12 th {
    padding: 7px;
  }
  /* .energy_title h3 {
    font-size: 1.3rem;
  } */
}
@media screen and (max-width: 414px) {
  .k-box-design {
    width: 100%;
  }
  .ad-box-design-ttl {
    position: absolute;
    left: 3%;
    top: 4%;
    padding: 0.5em 15px;
    margin: 7px auto;
    width: 94%;
  }
  #g-nav.panelactive #g-nav-list {
    height: 107vh;
  }
  .wrapper.single.money .content_box h2 span.deco {
    padding: 0px 2%;
  }
  .box-design {
    width: 90%;
  }
  .left_recipe .recipe_table th {
    width: 76%;
  }
  .recipe-box .time_cal .block {
    padding-left: 10%;
  }
  .bathroom .energy_title h3 {
    padding: 5% 0px;
  }
  .box-design {
    width: 90%;
  }
  .support_box h3 {
    padding-bottom: 2%;
  }
  .support_content {
    display: block;
  }
  .support_box {
    width: 100%;
    border-right: none;
  }
  .support_box:nth-child(5), .support_box:nth-child(6) {
    border-bottom: 2px #FF8071 dotted;
  }
  .support_box p {
    line-height: 1.5;
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .support_box:nth-child(3) {
    border-right: none;
  }
}
@media screen and (max-width: 393px) {
  .bathroom .energy_title h3 {
    padding: 5% 2%;
  }
  .kitchen .energy_title h3 {
    padding: 15px 2%;
  }
  .footer .info_navibox li {
    padding: 2% 10px;
  }
  .balloon-head {
    right: 32px;
  }
  .gas_content .gas-box {
    max-width: 75%;
  }
}
@media screen and (max-width: 390px) {
  .footer .info_navibox li a {
    font-size: 1.3rem;
    padding-right: 0;
  }
  .hashtag li {
    padding: 5% 8px;
  }
  .box-design {
    width: 94%;
  }
  .k-box-design {
    width: 97%;
  }
  .support_box p {
    line-height: 1.5;
    width: 85%;
    margin: 0 auto;
    text-align: center;
  }
}
.ad-box-design-ttl {
  left: 2%;
  top: 7%;
  width: 96%;
}

.ad-inner {
  display: block;
}

.ad-box-design p {
  border-right: none;
}

.ad-box-design p:nth-child(1) {
  border-bottom: 2px dotted;
  padding-bottom: 5%;
}

.ad-box-design {
  margin: 60px auto 31px;
  padding: 2%;
}

.logo {
  max-width: 290px;
  margin: 0 auto;
}

.news_title {
  height: 30%;
}

.hashtag li a {
  padding: 10px 35px;
}

.bnr {
  margin: 10% auto 10%;
}

.swiper-slide img {
  width: 78%;
}

.news_category {
  width: 78%;
}

.news_category {
  padding: 10px 0;
  width: 78%;
}

.swiper-button-prev {
  left: 1px;
}

.swiper-button-next {
  right: 1px;
}

.bathroom .energy_title h3 {
  padding: 18px 0px;
}

.kitchen .energy_title h3 {
  padding: 15px 0px;
}

.information h4 {
  width: 87%;
}

@media screen and (max-width: 985px) {
  .page-id-20 .wrapper .wrapper_content {
    padding: 0 3% 0;
  }
}
.wrapper.archive .keyword_tag .keyword-btn {
  display: none;
}

.wrapper.archive .keyword_tag {
  margin: 0 auto 7%;
}

@media screen and (max-width: 375px) {
  .design12 th {
    font-size: 1.4rem;
  }
  .wrapper.single.money .content_box h2 span.deco {
    padding: 0px 2%;
  }
  .information h4 {
    width: 90%;
  }
  .wrapper.single.terakoya .title-img {
    width: 25%;
  }
  .footer .info_navibox {
    display: block;
  }
  .gas_content .gas-box {
    max-width: 70%;
  }
  .balloon-head {
    right: 26px;
    top: -5px;
  }
  #g-nav ul.sp-navi {
    width: 93%;
  }
  .sitepolicy .box table td {
    padding: 20px 1%;
  }
  .energy_title figure {
    margin: 2% 3px 0;
  }
  .wrapper.single.healthy .article h2.midasi {
    font-size: 2rem;
  }
}
span.group_a {
  color: #FF6F61;
  font-weight: bold;
}

span.group_b {
  color: #6AB7FF;
  font-weight: bold;
}

span.group_c {
  color: #81C784;
  font-weight: bold;
}

@media screen and (max-width: 440px) {
  #header-top {
    background-image: url(./images/common/gs_top_mv_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 4% 0 36% 0;
    position: relative;
  }
  #header-top .top__mv_img {
    max-width: 73%;
    margin: 0 auto;
    position: absolute;
    top: 9%;
    left: 17%;
  }
  .logo {
    max-width: 40%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 390px) {
  #header-top {
    background-image: url(./images/common/gs_top_mv_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding: 4% 0 36% 0;
    position: relative;
  }
}
@media screen and (max-width: 375px) {
  #header-top {
    background-size: contain;
    padding: 0;
  }
  #header-top {
    background-position: top;
    padding: 5% 0;
    height: 160px;
  }
}/*# sourceMappingURL=gs-style.css.map */
