@charset "utf-8";
.key-color {
  color: #ca3936;
  fill: #ca3936;
}
#postSec .postttl {
  border-bottom: 3px solid #ca3936!important;
}
#postSec .h2 {
  border-bottom: 3px solid #ca3936!important;
}
#postSec .h3:before{
  background: #ca3936!important;
}
#postSec .parts-bgtxt{
  background: #ffbb77!important;}

#postSec .txt-small {
  font-size: 80%;
}
#postSec .txt-large {
  font-size: 115%;
}
#postSec .postttl + * {
  margin-top: 50px;
}

#postSec .parts {
  margin-top: 40px!important;
}

.notice .postlistsec {
  background: #fff!important;
}

#postSec .txtright{text-align:right;}
#postSec .txtcenter{text-align:center;}

/*ウォーキングコース*/
#postSec .parts-memo h3, #postSec .parts-bdmemo h3 {
  color: #7ab9d2;
}
.marker {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ffff99));
  background: linear-gradient(transparent 50%, #ffff99 0%);
}
#postSec .notes {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 1.4rem;
}
#postSec .notes li {
  line-height: 1.5;
}

#postSec .bd {
  padding: 0 0 40px;
  border-bottom: 1px solid #c4c4c4
}

@media screen and (max-width: 600px) {
.walking .sp-only::after{
	background-image:url(../images/plus.png);
}
}


/*決算のお知らせ*/

#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 .graph li{
 max-width:460px;
}
#postSec.kessan .tablekessan02 th{
  text-align:left;
}

#postSec.kessan .tablekessan02 td:nth-child(2){
  text-align:right;
}

#postSec.kessan .tablekessan02 td.total{
  background:#caedfb;

}

#postSec.kessan .note_r{
  display:block;
  text-align:right;  
}


#postSec.kessan .scoring_box:not(ul.notes2) {
  display:flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
#postSec.kessan .kessan-txt{
  display:table;
  margin:20px auto 50px;
  background:#fff0ea;
  width:auto;
  color:#000;
  padding:1em 1em 0.7em;
  font-weight:bold;
  font-size:160%;
  line-height:1.2;
  border-radius:10px;
}
#postSec.kessan .kessan-txt._02{
  background:#7ec381;
  color:#fff;
  text-align:left;
  padding-bottom:35px;
}
#postSec.kessan .kessan-txt h3{
  font-weight:bold;
  color:#033e70;
  text-align:left;
  font-size:100%;
  margin-bottom:0;
}

#postSec.kessan .txt-img._02 li:nth-child(1){
  width:760px;
}
#postSec.kessan .txt-img li:nth-child(2){
  width:200px;
}
#postSec.kessan .txt-img li img{
  max-width:100%;
}


@media screen and (max-width: 600px) {

#postSec.kessan .txt-img{
  display:block;
  margin-top:30px;
}
#postSec.kessan .txt-img .kessan-txt{
  font-size:110%;
}
#postSec.kessan .txt-img._02 li:nth-child(1){
  width:100%;
}
#postSec.kessan .txt-img li:nth-child(2){
  width:100%;
  margin:10px auto;
  text-align:center;
}
#postSec.kessan .txt-img li img{
  max-width:50%;
}

#postSec.kessan .kessan-txt{
  font-size:110%;
  padding:20px!important;
}

#postSec.kessan .kessan-txt._02{
  padding:20px 20px 30px!important;
}
}
/*healthy-recipe*/
#postSec.recipe .postttl, #postSec.recipe .h2 {
  border-bottom-color: #ca3936；
}
#postSec.recipe .h3:before, #postSec.recipe .parts-bgtxt {
  background: #ca3936
}
#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: #ca3936;
}
#postSec.recipe .icon_bentou img {
  width: 20%;
  max-width: 96px;
  height: auto;
}
#postSec.recipe .recipe-n{
  color: #ca3936;
  font-weight:700;
}

/*exercise*/
#postSec.exercise .postttl, #postSec.exercise .h2 {
  border-bottom-color: #7ab9d2;
}
#postSec.exercise .h3:before, #postSec.exercise .parts-bgtxt {
  background: #7ab9d2;
}
#postSec.exercise .parts-index .indexlist .index-l, #postSec.exercise .parts-index .indexlist .subindex li:before, #postSec.exercise .parts-material .materiallist dt.icon:before, #postSec.exercise .parts-recipe .recipellist li:before, #postSec.exercise .parts-memo h3, #postSec.exercise .parts-bdmemo h3 {
  color: #7ab9d2;
}
/*歯のハテナ？？昔からむし歯がないから歯周病も心配ない？*/
.tooth h3.tooth-h3-01{
  color:#90bd33;
  font-size:160%!important;
}
.tooth h3.tooth-h3-01 span{
  padding:1em 0;
  overflow:auto;
  text-decoration:underline;
  color:#e6823f;
  background:url(../images/tooth-decay-C.png) no-repeat center right/60px;
}

.tooth .tooth-box{
  display:flex;
  justify-content:space-between;
  align-items:stretch;
}

.tooth .tooth-box > li:nth-child(1){
  width:70%;
}
.tooth .tooth-box > li:nth-child(2){
  width:28%;
  background:#c6e7f9;
  border-radius:10px;
}

.tooth .periodontal{
  padding:20px;
}


.tooth h4.tooth-h4-01{
  background:#fff;
  text-align:center;
  font-weight:bold;
  border-radius:30px;
  font-size:110%;
  position:relative;
  margin-bottom:10px;
}

.tooth h4.tooth-h4-01:after{
  content: '';
  position: absolute;
  right:-10px;
  top:-10px;
  width:50px;
  height:50px;
  background:url(../images/tooth-decay-B.png) no-repeat center right/100%;
  
}

#postSec.tooth .disc-list{
  position:relative;
  margin-left:1em;
}

#postSec.tooth .disc-list li:before {
  content: '●';
  position: absolute;
  left: -1em;
  top: 0;
  color:#863e79;
}
.tooth-h3-02 {
  display: flex;
  align-items: center;
  gap: 20px;
  color:#d75357;
}

.tooth-h3-02::before,
.tooth-h3-02::after {
  content: "";
  flex: 1;
  height:3px;
  background: #e38786;
}

.tooth-h3-02 span {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.tooth-h3-02 span img {
  width: 30px; /* 必要に応じて調整 */
  height: auto;
  margin: 0 8px;
}

.tooth-box02{
  display:flex;
  justify-content:space-between;
}

.tooth-box02 > li{
  width:48%;
  background:#fff0ea;
  padding:20px;
}

#postSec.tooth .txt-img{
  display:flex;
  justify-content:space-between;
  align-items:center;
}


#postSec.tooth .txt-img li:nth-child(1){
  width:75%;
}

#postSec.tooth .txt-img li:nth-child(2){
  width:20%;
}
.tooth-h4-02{
  text-align:center;
  background:#fff;
 font-weight:bold;
  margin-bottom:10px;
  color:#d75357;
}

@media screen and (max-width: 600px) {
.tooth-box02,
.tooth .tooth-box{  
  display:block;
}
.tooth .tooth-box02 > li:nth-child(2),
.tooth .tooth-box02 > li:nth-child(1),
.tooth .tooth-box > li:nth-child(2),
.tooth .tooth-box > li:nth-child(1){
  width:100%;
}

.tooth .tooth-box02 > li:nth-child(2),
.tooth .tooth-box > li:nth-child(2){
  margin-top:20px;
}

.tooth h3.tooth-h3-01 span{
  background:url(../images/tooth-decay-C.png) no-repeat center right/40px;
}
  
}

/*もしかしたら？更年期障害*/

.menopause .illust-01 img{
  max-width:50%;
}

.menopause .menopause-h3-01{
  color:#b277ab;
}

.menopause .elements3{
  margin-top:5em;
  background:#fff4d7;
  padding:20px;
  border-radius:10px;
  text-align:center;
  position:relative;
  padding-top:50px;
}

.menopause .menopause-h4-01{
  display:inline-block;
  position:absolute;
  top:-30px;
  left:0;
  right:0;
  margin:auto;
  border-bottom:2px solid #5671b5;
  font-weight:bold;
  color:#5671b5;
  font-size:130%;
  margin-bottom:10px;
}

.menopause .menopause-h4-01 img{
  max-width:60px;
}

.menopause .elements3 p{
  text-align:left;
}

#postSec.menopause .disc-list-t{
  position:relative;
  margin-left:1em;
}

#postSec.menopause .disc-list-t li:before {
  content: '▶';
  position: absolute;
  left: -1em;
  top: 0;
  color:#5671b5;
}

.menopause .disc-list-t li{
  text-align:left;
}

.menopause h3.menopause-h3-02{
  text-align:center;
  margin: 0 0 0px!important;
}

.menopause h3.menopause-h3-02 span{
  width:auto;
  display:inline-block;
  text-align:center;
  padding:0.5em 1em;
  border-radius:10px 10px 0 0;
  border-bottom:2px solid #ffa2a2;
background: repeating-linear-gradient(
  -45deg,
  #fff4f4 0,
  #fff4f4 10px,
  #ffe3e3 10px,
  #ffe3e3 20px
);
  

}

.menopause .stripe-box{
background: repeating-linear-gradient(
  -45deg,
  #fff4f4 0,
  #fff4f4 10px,

  #ffe3e3 10px,
  #ffe3e3 20px
);
border-radius:10px;
padding:30px;
}

.menopause .stripe-box-in{
  padding:30px;
  background:#fff;
  border-radius:10px;
  border:3px dotted #ffa2a2;
}

.menopause .line-3{
  display:flex;
  justify-content:space-between;
}


.menopause .line-3 > li{
  width:calc(97%/3);
}
.menopause .line-3 > li:nth-child(3){
  display:flex;
  align-items:center;
  width:200px;
}

.menopause .line-3 > li img{
  max-width:100%;
}

#postSec.menopause .disc-list{
  position:relative;
  margin-left:1em;
}

#postSec.menopause .disc-list li:before {
  content: '●';
  position: absolute;
  left: -1em;
  top: 0;
  color:#5671b5;
}


.menopause .stripe-box .txtright{
  text-align:right;
  font-size:90%;
}

.menopause .blue-box{
  margin-top:20px;
  background:#d0eaf2;
  padding:20px;
  border-radius:10px;
}


.menopause .blue-box .circle{
  color:#ec6c7a;
}

.menopause .menopause-h4-02{
  font-weight:bold;
  text-align:center;
  border-bottom:2px solid #ec6c7a;
  font-size:120%;
  margin-bottom:15px;
}

.menopause .check-box{
 border-top:5px dotted #5671b5;
 border-bottom:5px dotted #5671b5;
  padding:30px;
  
}

.menopause .menopause-h3-03 img{
  max-width:70px;
  
}
.menopause-h3-03 span {
  background: linear-gradient(
    transparent 55%,
    #fff176 55%
  );
}



@media screen and (max-width: 600px) {
.menopause .h1 span{
  display:block;
  max-width:50%;
  text-align:center!important;
  margin:0 auto!important;
  }
.menopause .illust-01 img{
  max-width:80%;
}

  
  
.menopause .elements3{
  margin-top:4em;
  text-align:left;
  padding-top:100px;
}

.menopause .menopause-h4-01{
  padding-left:65px;
  text-indent:-65px;
}


.menopause .stripe-box{
padding:20px;
}

.menopause .stripe-box-in{
padding:10px;
}

.menopause .line-3{
  display:block;
}


.menopause .line-3 > li,
.menopause .line-3 > li:nth-child(3){
  width:100%;
}
.menopause .line-3 > li:nth-child(3){
  margin-top:10px;
}

.menopause .line-3 > li img{
  max-width:100%;
}

.menopause .stripe-box .txtright{
  text-align:left;
  margin-left:1em;
  text-indent:-1em;
}

.menopause .check-box{
 border-top:5px dotted #5671b5;
 border-bottom:5px dotted #5671b5;
  padding:10px;
  
}
.menopause .menopause-h3-03 {
  font-size:110%!important;
}
.menopause .menopause-h3-03 img{
  max-width:50px;
  
}

}