@charset "utf-8";

#postSec .postttl + * {
  margin-top: 40px !important
}
#postSec.space-btm {
  padding-bottom: 107px;
}
#postSec.space-btm.recipe{
  padding-bottom: 0px;
}

#postSec .h2,
#postSec .postttl {
  border-bottom-color:#df382b;
}
#postSec .parts-bgtxt {
  background: #ffe6e4;
}
#postSec .h3:before{
  background: #df382b;
}
#postSec .parts-bgtxt {
  color: #6e5803;
}

#postSec .parts-index .indexlist .index-l, #postSec .parts-index .indexlist .subindex li:before, #postSec .parts-material .materiallist dt.icon:before, #postSec .parts-recipe .recipellist li:before, #postSec .parts-memo h3, #postSec .parts-bdmemo h3 {
  color: #df382b;
}
#postSec .parts-index .indexlist .index-l:before {
  border-color: transparent transparent transparent #d89617
}


#postSec .parts-index .indexlist .index-l {
  font-size: 2rem;
  font-weight: 700;
  position: relative;
  padding: 0 0 0 30px;
}
#postSec .parts-index .indexlist .index-l:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 2px;
  border-style: solid;
  border-width: 13.5px 0 13.5px 18px;
}


.comment{
  margin-bottom:20px;
  padding:20px;
}
.remodal {
    text-align:left;
  }

@media screen and (max-width: 600px) {
.walking .sp-only::after{
	background-image:url(../images/plus.png);
}
}




/*healthy-recipe*/
#postSec.recipe .postttl, #postSec.recipe .h2 {
  border-bottom-color: #df382b；
}
#postSec.recipe .h3:before, #postSec.recipe .parts-bgtxt {
  background: #df382b;
}
#postSec.recipe .parts-index .indexlist .index-l, #postSec.recipe .parts-index .indexlist .subindex li:before, #postSec.recipe .parts-material .materiallist dt.icon:before, #postSec.recipe .parts-recipe .recipellist li:before, #postSec.recipe .parts-memo h3, #postSec.recipe .parts-bdmemo h3 {
  color: #df382b;
}
#postSec.recipe .icon_bentou img {
  width: 20%;
  max-width: 96px;
  height: auto;
}
#postSec.recipe .recipe-n{
  color: #df382b;

  font-weight:700;
}


@media screen and (max-width: 600px) {
  #postSec.notice .flex > * {
    width: 100% !important;
  }
}
/*決算のお知らせ*/

#postSec.kessan .kessan_t{
 font-size:1.6em;
 font-weight:bold;
 text-align:center;
}

#postSec.kessan .kessan_t span{
 margin-top:1rem;
 display:inline-block;
 font-size:150%; 
}

#postSec.kessan .tablekessan td,
#postSec.kessan .tablekessan th{
 padding:10px 15px;
}
#postSec.kessan .tablekessan th{
 width:50%;
 text-align:left;
}
#postSec.kessan .tablekessan .txtright{
 text-align:right!important;
}
#postSec.kessan .tablekessan .txtleft{
 text-align:left!important;
}
#postSec.kessan .tablekessan td{
 text-align:center;
}

#postSec.kessan .graph{
  display:flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
#postSec.kessan .note_r{
  display:block;
  text-align:right;  
}

/*2026年改正のポイント*/

#postSec.kaisei .sp-only{
pointer-events: none}

#postSec.kaisei h2 div{
  display:inline-block;
  font-weight:bold;
  font-size:150%;
  background:linear-gradient(transparent 60%, #feebbd 60%);
  color:#ed6d1c;
  padding:10px 0;
}

#postSec.kaisei h2 .label{
  font-size:130%;
  background:#78c06f;
  padding:0.1em 0.5em;
  color:#fff;
  margin-right:5px;
  font-weight:bold;
}

#postSec.kaisei .txt-img{
  display:flex;
}

#postSec.kaisei .txt-img > li:nth-child(1){
  width:70%;
}

#postSec.kaisei .txt-img > li:nth-child(2){
  width:30%;
}

#postSec.kaisei h3{
  background:#f18c4d;
  display:inline-block;
  border-radius:30px;
  padding:2px 10px;
  font-weight:bold;
  color:#fff;
  margin-top:20px;
}

#postSec.kaisei .orange-box{
  display:flex;
  margin-top:10px;
}
#postSec.kaisei .orange-box li{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#feecbf;
  padding:10px;
  text-align:center;
  border-radius:10px;
}

#postSec.kaisei .orange-box li:nth-child(2){
  margin-left:10px;
}

#postSec.kaisei h4{
  font-weight:bold;
  color:#f18c4d;
}
#postSec.kaisei .txt-img._02 > li:nth-child(1){
  width:80%;
}

#postSec.kaisei .txt-img._02 > li:nth-child(2){
  width:20%;
}

.fee-table-wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 30px auto 0;



  padding-right: 90px;
  box-sizing: border-box;
}

.fee-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  table-layout: fixed;
  font-size:90%;
  line-height: 1.3;
  border:none
}

/* 見出し */
.fee-table thead th {
  background: #54b95a;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 3px!important;
  vertical-align: middle;
}

/* 左上 */
.fee-table thead th:first-child {
  width: 100px;
}

/* 金額部分 */
.fee-table tbody th,
.fee-table tbody td {
  background: #dcefd7;
  text-align: center;
  vertical-align: middle;
  padding: 3px!important;
  font-weight: bold;
  color: #333;
}

/* 左側の「年間上限」 */
.fee-table tbody th {
  width: 100px;
  color: #333;
}

/* ［　］内 */
.fee-table tbody td span {
  font-size: 0.9em;
}

/* 新設ラベル */
.Lavel-r{
  position:relative;
}
.new-label {
  position: absolute;
  right:-90px;
  top: 50%;
  transform: translateY(-50%);

  background: #fff34a;
  border: 2px solid #222;
  border-radius: 8px;

  padding: 7px 12px;
  min-width: 65px;

  text-align: center;
  font-size:100%;
  font-weight: bold;
  line-height: 1;
}

/* 吹き出しの左側 */
.new-label::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);

  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 20px solid #222;
}

/* 吹き出しの黄色部分 */
.new-label::after {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);

  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 16px solid #fff34a;
}

@media screen and (max-width: 600px) {
  
#postSec.kaisei .sp-only{
pointer-events:all;}

  #postSec.kaisei h2 div{
    background: none;
    text-decoration: underline;
    text-decoration-color: #feebbd;
    text-decoration-thickness: 0.4em;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
  }
  

#postSec.kaisei .txt-img{
  display:block;
}
#postSec.kaisei .txt-img li{
  width:100%!important;
}
#postSec.kaisei .txt-img li:nth-child(2){
  text-align:center;
  
}
#postSec.kaisei .txt-img li img{
  max-width:50%;
}
  
#postSec.kaisei .orange-box{
  display:block;
}
#postSec.kaisei .orange-box li{
margin:10px 0!important;  
}

  .fee-table-wrap {
    padding-right: 0;
    overflow-x: auto;
    padding-bottom: 10px;
  }

  .fee-table {
    min-width: 900px;
    font-size: 14px;
  }

  .fee-table thead th {
    padding: 6px 4px;
  }

  .fee-table tbody th,
  .fee-table tbody td {
    padding: 7px 4px;
  }

}
/*私を整える快眠メソッド　キーワード［いびき］*/

#postSec.sleep .h2-01{
  font-weight:bold;
  text-align:center;
  font-size:150%;
  position: relative;
  border-bottom:2px dotted #5b578a;
  margin-bottom:10px;
}

#postSec.sleep .yellow-box{
  margin:1em 0 2em;
  background:#fcfbe5;
  padding:1.5em 2em 2em;
  border:1px solid #5b578a;
}
#postSec.sleep h3{
  font-weight:bold;
  font-size:120%;
  color:#5b578a;
  text-align:center;
}


#postSec.sleep .pink-box{
  background:#fcedf3;
  border-radius:10px;
  padding:2em;
}

#postSec.sleep .pink-box h4{
  font-weight:bold;
  font-size:120%;
  color:#5b578a;
}


#postSec.sleep .pink-box h4 span{
  background:#5b578a;
  color:#fff;
  padding:2px 10px;
  display:inline-block;
  margin-right:10px;
}

#postSec.sleep .txt-img{
  display:flex;
  align-items:center;
}

#postSec.sleep .txt-img > li:nth-child(1){
  width:60%;
}
#postSec.sleep .txt-img > li:nth-child(2){
  width:40%;
}

#postSec.sleep .pink-box .txt-img > li:nth-child(2) img{
  background:#fff;
  padding:10px;
  border-radius:10px;
}
#postSec.sleep .h2-03{
  text-align:center;
}
#postSec.sleep .h2-03 span{
  display:inline-block;
  font-weight:bold;
  text-align:center;
  font-size:150%;
  position: relative;
  background:linear-gradient(transparent 80%, #fcedf3 80%);
  margin-bottom:10px;
}

#postSec.sleep h5{
  font-weight:bold;



  color:#5b578a;
  font-size:120%;
  line-height:1;
  border-bottom:2px dashed;
  margin-bottom:10px;
}

#postSec.sleep h5 .number{
  font-size:180%;
  vertical-align:middle;
  position:relative;
  top:-0.08em;
}


#postSec.sleep .txt-img._02{
  margin-bottom:3em;
}


@media screen and (max-width: 600px) {
  

#postSec.sleep .txt-img{
  display:block;
}

#postSec.sleep .txt-img > li:nth-child(1),
#postSec.sleep .txt-img > li:nth-child(2){
  width:100%;
}
#postSec.sleep .txt-img > li:nth-child(1){
  margin-bottom:20px;
}
#postSec.sleep .pink-box h4 span{
  display:block;
  margin-right:0px;
  text-align:center;
} 

#postSec.sleep .h2-03 span{
    background: none;
    text-decoration: underline;
    text-decoration-color: #fcedf3;
    text-decoration-thickness: 0.4em;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
  text-align:left;
   padding-left:2.5em;
  text-indent:-2.5em;
}
  

#postSec.sleep h5{
  line-height:1.2;
  padding-bottom:10px;
  padding-left:2em;
  text-indent:-2em;
}
  

}