/************************************************

How to セルフメディケーション

*************************************************/
.self-medication__pagettl{
  color:#0aa546;
}

.self-medication__ttlsec__subttl01{
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.self-medication__ttlsec__subttl02{
  text-align: center;
  font-size: 20px;
}

.self-medication__sec-subttl{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #0aa546;
}


.self-medication__secttl{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #0aa546;
  margin-bottom: 25px;
}

.self-medication__txt{
  font-size: 16px;
  line-height: 1.7;
}

.self-medication__sec{
  padding: 50px 0;
}

.self-medication__sec .img{
  text-align: center;
  margin-bottom: 20px;
}

.self-medication__com{
  display: block;
  font-size: 14px;

}

.self-medication__sec01{
  background-color: #0aa546;
}

.self-medication__sec01 .self-medication__secttl{
  color:#fff;
}

.self-medication__sec01 img{
  background-color: #fff;
  padding: 20px;
}

.self-medication__sec01__bth01 a{
  margin: 0 auto 20px;
}

.self-medication__sec05 .self-medication__sec01__bth02 a{
  margin-top: 30px;
}

.self-medication__sec01__bth02 a{
  width: 500px;
  margin: 0 auto;
}

.self-medication__sec02,
.self-medication__sec04{
  background-color: #f3f3f3;
}


.self-medication__sec04 .self-medication__txt{
  margin-bottom: 10px;
}

.self-medication__sec04 .self-medication__com{
  margin-bottom: 40px;
}

.self-medication__sec04 dl{
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

.self-medication__sec04 dl:last-child{
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.self-medication__sec04 dt{
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}

.self-medication__sec04 dd{
  text-align: center;
}

.self-medication__sec04 dd a{
  color: #05943C;
  font-weight: bold;
}

.self-medication__sec04 dd .img{
  margin-top: 20px;
}

.self-medication__sec06{
  background-color: #f3f3f3;
}

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

  .self-medication__ttlsec__subttl01{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
  }

  .self-medication__ttlsec__subttl02{
    font-size: 16px;
  }

  .self-medication__sec{
    padding: 40px 0;
  }

  .self-medication__com{
    font-size: 11px;
  }

  .self-medication__secttl{
    font-size: 24px;
    margin-bottom: 20px;
  }

  .self-medication__sec01 img{
    width: calc(100% - 40px);
  }

  .self-medication__sec01__bth01 a{
    margin: 0 auto 10px;
  }

  .self-medication__sec01__bth02 a{
    width: auto;
    margin: 0 auto;
  }

  .self-medication__sec04 dl{
    margin-bottom: 30px;
  }

  .self-medication__sec04 dt{
    font-size: 26px;
    margin-bottom: 10px;
  }

  .self-medication__sec04 dd{
    text-align: left;
  }

  .self-medication__sec04 dd .img{
    margin-top: 20px;
  }

}

/************************************************

とても簡単！3分ストレッチ

*************************************************/

.self-medication__stretch__ttlImg{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  width: 500px;
  margin: 0 auto;
}

.self-medication__stretch__sec01{
  margin-bottom: 50px;
}

.self-medication__stretch__sec02{
  background-color: #f3f3f3;
  text-align: center;
}

.self-medication__stretch__sec03{
  text-align: center;
}

.self-medication__stretch__sec04{
  background-color: #f3f3f3;
}

.self-medication__stretch__sec03__images{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  border:2px solid #0aa546;
  border-radius: 10px;
  margin: 40px auto 0;
  padding: 50px 0 10px;
}

.self-medication__stretch__sec03__images dl{
  width: 33.333%;
  margin-bottom: 40px;
}

.self-medication__stretch__sec03__images dt{
  font-weight: bold;
  margin-bottom: 10px;
}

.self-medication__stretch__sec03__images dl img{
  width: 200px;
}

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

  .self-medication__stretch__ttlImg{
    width: 100%;
  }

  .self-medication__stretch__sec01{
    margin-bottom: 40px;
  }

  .self-medication__stretch__sec02{
    text-align: left;
  }

  .self-medication__stretch__sec03{
    text-align: left;
  }

  .self-medication__stretch__sec03__images{
    margin: 40px auto 0;
    padding: 40px 10px 0px;
  }

  .self-medication__stretch__sec03__images dl{
    width: 50%;
    text-align: center;
    margin-bottom: 40px;
  }

  .self-medication__stretch__sec03__images dt{
    font-size: 13px;
  }

}

/************************************************

セルフケア リラクセーション

*************************************************/

.self-medication__relax__img{
  text-align: center;
}

.self-medication__relax__sec01{
   background-color: #f3f3f3;
}

.self-medication__relax__box{
  border:2px solid #0aa546;
  border-radius: 10px;
  margin: 40px auto 0;
  padding: 50px 40px;
}

.self-medication__relax__box > h3{
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}

.self-medication__relax__box__inner{
  padding: 40px 0 0;
}

.self-medication__relax__box__inner > h3{
  text-align: center;
  font-size: 20px;
  color:#fff;
  font-weight: bold;
  padding: 10px 0;
  margin-bottom: 30px;
  background-color: #0aa546;
  border-radius: 10px;
}

.self-medication__relax__box h4{
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 30px;
  color:#0aa546;
}

.self-medication__relax__box__inner__flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.self-medication__relax__box__inner__flex .txtOn::before{
  content:"";
  background: url(/site_cerekinon/assets/img/self-medication/relaxation/method_icon_on.png) no-repeat 50% 50% / cover;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -8px;
}

.self-medication__relax__box__inner__flex .txtOff::before{
  content:"";
  background: url(/site_cerekinon/assets/img/self-medication/relaxation/method_icon_off.png) no-repeat 50% 50% / cover;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -8px;
}

.self-medication__relax__box__inner__flex dl{
  width: 48%;
  margin-bottom: 30px;
}

.self-medication__relax__box__inner__flex dt{
  color:#0aa546;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 20px;
}

.self-medication__relax__box__inner__flex dd img{
  display: block;
  width: 200px;
  margin: 0 auto 20px;
}

.self-medication__relax__box__inner__flex > div{
  width: 47%;
  text-align: center;
  margin-bottom: 30px;
}

.self-medication__relax__box__inner__flex > div > .self-medication__txt{
  font-weight: bold;
  margin-bottom: 10px;
}

.self-medication__relax__box__inner__flex div.txt{
  text-align: left;
  width: 52%;
}

.self-medication__relax__sec03{
  background-color: #f3f3f3;
}

.self-medication__relax__sec03__txt{
  border:2px dashed #ccc;
  border-radius: 10px;
  padding: 20px;
  font-weight: bold;
  margin-top: 30px;
}

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

  .self-medication__relax__box{
    border:1px solid #0aa546;
    margin: 30px auto 0;
    padding: 20px;
  }

  .self-medication__relax__box > h3{
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin-bottom: 16px;
  }

  .self-medication__relax__box__inner{
    padding: 30px 0 0;
  }

  .self-medication__relax__box__inner__flex .txtOn::before{
    display: block;
    margin: 0 auto 5px;
  }

  .self-medication__relax__box__inner__flex .txtOff::before{
    display: block;
    margin: 0 auto 5px;
  }

  .self-medication__relax__box__inner > h3{
    padding: 5px 0;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .self-medication__relax__box__inner__flex{
    display: block;
  }

  .self-medication__relax__box__inner__flex dl{
    width: 100%;
    margin-bottom: 30px;
  }

  .self-medication__relax__box__inner__flex dl:last-child{
    margin-bottom: 0;
  }

  .self-medication__relax__box__inner__flex dd img{
    width: 100px;
    margin: 0 auto 10px;
  }

  .self-medication__relax__box__inner__flex > div{
    width: 100%;
  }

  .self-medication__relax__box__inner__flex > div:last-child{
    margin-bottom: 20px;
  }

  .self-medication__relax__box__inner__flex > div img{
    width: 140px;
  }

  .self-medication__relax__box__inner__flex > div img.imgAuto{
    width: auto;
  }

  .self-medication__relax__box__inner__flex div.txt{
    width: 100%;
  }

  .self-medication__relax__sec03__txt{
    border:1px dashed #ccc;
    margin-top: 20px;
  }

}

/************************************************

IBS症状別 レシピ集

*************************************************/

.self-medication__recipe__ttl{
  text-align: center;
  margin: 60px 0 30px;
}

.self-medication__recipe__ttl .subttl{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.self-medication__recipe__ttl img{
  width: 443px;
}

.self-medication__recipe__single .tablefodmap2{
  display: none;
}

.self-medication__recipe__single .tablefodmap {
  width: 100%;
  margin-top: 24px;
  table-layout: fixed;
  word-wrap: break-word;
  overflow-wrap: break-word;
}


.self-medication__recipe__single .tablefodmap th,td {

  border:solid 1px #aaaaaa;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}




.self-medication__recipe__single .tablefodmap th{
  background-color: #0aa546;
  color: #ffffff;
}



.self-medication__recipe__single .tablefodmap td span{
  font-weight: normal;
  white-space: nowrap;

}

.self-medication__recipe__single .tablefodmap td:nth-child(1){
  text-align: left;
}


.self-medication__recipe__single .tablefodmap td:nth-child(1) {
  width:20%
}
.self-medication__recipe__single .tablefodmap td:nth-child(2) {
  width:40%
}
.self-medication__recipe__single .tablefodmap td:nth-child(3) {
  width:40%
}

/*********スライダー*********/
.self-medication__recipe__slider{
  background-color: #fff6da;
  padding: 30px 0;
  position: relative;
}

.self-medication__recipe__slider a{
  display: block;
}

.self-medication__recipe__slider a:hover img{
  transform:scale(1.04);
}

.self-medication__recipe__slider .img{
  width: 100%;
  height: 24vw;
  overflow:hidden;
  margin-bottom: 10px;
}

.self-medication__recipe__slider img{
  width: 100%;
  height: 100%;
  object-fit:cover;
  transition: .3s;
}

.self-medication__recipe__slider__txt{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.self-medication__recipe__slider__txt .ttl{
  font-weight: bold;
  font-size: 16px;
}

.self-medication__recipe__slider__txt ul li{
  background-color: #0aa546;
  color:#fff;
  text-align: center;
  width: 108px;
  font-size: 12px;
  border-radius: 10px;
  margin-top: 5px;
  padding-bottom: 1px;
}

.self-medication__recipe__slider  .swiper-button-prev:focus,
.self-medication__recipe__slider  .swiper-button-next:focus{
  outline: none;
}

.self-medication__recipe__slider  .swiper-button-prev,
.self-medication__recipe__slider  .swiper-button-next{
  top: 45%;
}

.self-medication__recipe__slider  .swiper-button-prev{
  left: 32%;
  width: 47px;
}

.self-medication__recipe__slider  .swiper-button-prev::after{
  content:"";
    background: url(/site_cerekinon/assets/img/self-medication/dietary-cure/recipe-arrow.png) no-repeat 50% 50% / cover;
    width: 47px;
    height: 47px;
    display: block;
}

.self-medication__recipe__slider  .swiper-button-next{
  right: 32%;
  width: 47px;
}

.self-medication__recipe__slider  .swiper-button-next::after{
  content:"";
    background: url(/site_cerekinon/assets/img/self-medication/dietary-cure/recipe-arrow.png) no-repeat 50% 50% / cover;
    width: 47px;
    height: 47px;
    display: block;
    transform: rotate(-180deg);
}



/*******管理栄養士がおすすめする IBS症状別レシピ*******/
.self-medication__recipe__list{
  padding: 50px 0;
}

.self-medication__recipe__list .txt{
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 30px;
}

.self-medication__recipe__list .secttl{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

.self-medication__recipe__list .secttl::before{
  content:"";
  background: url(/site_cerekinon/assets/img/self-medication/dietary-cure/ico-eat.png) no-repeat 50% 50% / cover;
  width: 21px;
  height: 29px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -3px;
}

.self-medication__recipe__list__inner{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.self-medication__recipe__list__inner > div{
  width: 49%;
}

.self-medication__recipe__list__inner a{
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 4%;
  height: 143px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 5%;
}

.self-medication__recipe__list__inner a.sp{
  display: none;
}

.self-medication__recipe__list__inner a.pc{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.self-medication__recipe__list__inner a.hover img{
  transform:scale(1.04);
}

.self-medication__recipe__list__inner .img{
  width: 149px;
  height: 105px;
  flex:none;
  margin-right: 16px;
  overflow:hidden;
}

.self-medication__recipe__list__inner .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}

.self-medication__recipe__list__inner a .txt h3{
  text-align: left;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
}

.self-medication__recipe__list__inner a ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}

.self-medication__recipe__list__inner a ul li{
  background-color: #0aa546;
  color:#fff;
  text-align: center;
  width: 108px;
  font-size: 12px;
  border-radius: 10px;
  margin-top: 5px;
  padding-bottom: 1px;
  margin-right: 10px;
}

/*******コラム・お役立ち記事******/

.self-medication__recipe_column{
  padding-bottom: 50px;
}

.self-medication__recipe_column .secttl{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

.self-medication__recipe_column .secttl::before{
  content:"";
  background: url(/site_cerekinon/assets/img/self-medication/dietary-cure/ico-column.png) no-repeat 50% 50% / cover;
  width: 21px;
  height: 29px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -3px;
}

.self-medication__recipe_column__inner{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.self-medication__recipe_column__inner a{
   width: 49%;
   border: 1px solid #ccc;
   box-sizing: border-box;
   padding: 2%;
   display: block;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   margin-bottom: 2%;
}

.self-medication__recipe_column__inner a.hover img{
  transform: scale(1.04);
}

.self-medication__recipe_column__inner .img{
  width: 149px;
  height: 105px;
  flex:none;
  margin-right: 16px;
  overflow:hidden;
}

.self-medication__recipe_column__inner .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}

.self-medication__recipe_column__inner .txt{
  font-size: 16px;
}

.self-medication__recipe_column__inner .txt h3{
  font-weight: bold;
}

.self-medication__recipe_column__inner .txt h3 span{
  font-size: 0.8em;
  display: block;
}

.self-medication__recipe_column__inner a{
  position: relative;
}

.self-medication__recipe_column__inner .new{
  position: absolute;
  width: 30px;
  z-index: 1;
  right: -10px;
  top: -10px;
}
.self-medication__recipe__list__inner .newrecipe a{
  position: relative;

}

.self-medication__recipe__list__inner .newrecipe .new{
  position: absolute;
  width: 30px;
  z-index: 1;
  right: -10px;
  top: -10px;
}

@media screen and (max-width: 768px) {
  .self-medication__recipe__ttl{
    margin: 40px 0 20px;
  }

  /*********スライダー*********/

  .self-medication__recipe__slider a:hover img{
    transform:scale(1);
  }

  .self-medication__recipe__slider .img{
    width: 100%;
    height: 320px;
  }

  .self-medication__recipe__slider__txt{
    display: block;
    margin: 0 10px;
  }

  .self-medication__recipe__slider__txt .ttl{
    margin-bottom: 10px;
  }

  .self-medication__recipe__slider__txt ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }

  .self-medication__recipe__slider__txt ul li{
    margin-top: 0px;
    margin-right: 8px;
  }

  .self-medication__recipe__slider  .swiper-button-prev,
  .self-medication__recipe__slider  .swiper-button-next{
    top: 45%;
  }

  .self-medication__recipe__slider  .swiper-button-prev{
    left: 10px;
  }

  .self-medication__recipe__slider  .swiper-button-next{
    right: 10px;
  }


  /*******管理栄養士がおすすめする IBS症状別レシピ*******/
  .self-medication__recipe__list{
    padding: 40px 0;
  }

  .self-medication__recipe__list .txt{
    text-align: left;
    font-size: 16px;
    margin-bottom: 30px;
  }

  .self-medication__recipe__list .secttl{
    font-size: 24px;
    margin-bottom: 30px;
  }

  .self-medication__recipe__list__inner{
    display: block;
  }

.self-medication__recipe__list__inner > div{
  width: 100%;
}

  .self-medication__recipe__list__inner a{
    width: auto;
    height: auto;
    padding: 16px 16px 0;
    margin-bottom: 16px;
    display: block;
  }

  .self-medication__recipe__list__inner a.sp{
  display: block;
}

.self-medication__recipe__list__inner a.pc{
  display: none;
}

  .self-medication__recipe__list__inner a.hover img{
    transform:scale(1);
  }

  .self-medication__recipe__list__inner .img{
    width: 100%;
    height: 55vw;
    /* margin-right: 0; */
    margin-bottom: 16px;
  }

  .self-medication__recipe__list__inner a .txt h3{
    margin-bottom: 5px;
    line-height: 1.4;
  }

  .self-medication__recipe__list__inner a ul{
    flex-wrap: wrap;
  }
  /* .self-medication__recipe__list__inner .newrecipe .new{
    position: absolute;
    width: 30px;
    z-index: 1;
    right: -10px;
    top: -10px;

  } */
  /*******コラム・お役立ち記事******/

  .self-medication__recipe_column{
    padding-bottom: 40px;
  }

  .self-medication__recipe_column .secttl{
    font-size: 24px;
    margin-bottom: 30px;
  }

  .self-medication__recipe_column__inner{
    display: block;
  }

  .self-medication__recipe_column__inner a{
   width: auto;
   border: 1px solid #ccc;
   box-sizing: border-box;
   padding: 16px;
   display: block;
   margin-bottom: 20px;
  }

 .self-medication__recipe_column__inner a.hover img{
   transform: scale(1);
  }

  .self-medication__recipe_column__inner .img{
    width: 100%;
    height: 50vw;
    /* margin-right: 0px; */
    margin-bottom: 16px;
  }

  .self-medication__recipe_column__inner .txt h3{
    margin-bottom: 3px;
  }

}


/************************************************

レシピ詳細・コラム

*************************************************/

.self-medication__recipe__single > .wrap{
  display: flex;
  margin-bottom: 64px;
  margin-top: 48px;
}

.self-medication__recipe__single .cont{
   width: 72%;
   flex: none;
   margin-right: 40px;
}

.self-medication__recipe__single .cont > h2{
  font-size: 30px;
  font-weight: bold;
  line-height: 1.26;
  position: relative;
  padding-left: 36px;
  margin-bottom: 32px;
}

.self-medication__recipe__single .cont > h2 span{
  font-size: 0.7em;
  display: block;
}

.self-medication__recipe__single .cont > h2::before{
  content:"";
  background: url(/site_cerekinon/assets/img/self-medication/dietary-cure/ico-eat.png) no-repeat 50% 50% / cover;
  width: 21px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 10px;
}

.self-medication__recipe__single .cont > h2.column::before{
  content:"";
  background: url(/site_cerekinon/assets/img/self-medication/dietary-cure/ico-column.png) no-repeat 50% 50% / cover;
  width: 21px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 5px;
}

.self-medication__recipe__single .cont__subtxt{
  font-size: 20px;
  font-weight: bold;
  color:#f94b47;
  line-height: 1.4;
  margin-bottom: 24px;
}

.self-medication__recipe__single .cont__columntxt{
  line-height: 1.7;
  margin-bottom: 24px;
}

.self-medication__recipe__single .cont .upper p:nth-child(2){
  text-align: center;

}


.self-medication__recipe__single .cont__columntxt2{
  margin-top: 24px;
  margin-bottom: 24px;
  line-height: 1.7;
}

.self-medication__recipe__single .cont__columnimg{
  text-align: center;
  margin-bottom: 24px;
}

.self-medication__recipe__single .cont__columtable{
  border: 1px solid #ccc;
  display: block;
  margin-bottom: 24px;
}

.self-medication__recipe__single .cont__columtable tr:last-child td{
 border-bottom: 0;
}

.self-medication__recipe__single .cont__columtable tr:last-child th{
 border-bottom: 0;

}

.self-medication__recipe__single .cont__columtable th{
  background-color: #F3F3F3;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 16px;
  width: 30%;
}

.self-medication__recipe__single .cont__columtable td{
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  width: 79%;
  padding: 16px;
}

.self-medication__recipe__single .cont__columnmes{
  padding: 24px;
  border: 1px dashed #ccc;
  border-radius: 16px;
  margin-bottom: 24px;
}

.self-medication__recipe__single .cont__columnmes .notes{
  text-align: right;
  font-size: 13.5px;
}

.self-medication__recipe__single .cont__columnmes .middle{
  display: flex;
  margin-bottom: 24px;
}

.self-medication__recipe__single .cont__columnmes .middle p{
  text-align: center;
  width: 100% ;
}

.self-medication__recipe__single .cont__columnmes .points{
  font-weight: bold;
}


.self-medication__recipe__single .cont__columnmes .cont__columntxt .link1{
  color: #0aa546;
}

.self-medication__recipe__single .cont__columnmes .cont__columntxt .link1:hover{
  text-decoration: underline;
}

.self-medication__recipe__single .cont__columnmes .link2{
  margin-top: 24px;

}

.self-medication__recipe__single .cont__columnmes .link2 a{
  color: #0aa546;
}

.self-medication__recipe__single .cont__columnmes .link2 a:hover{
  text-decoration: underline;
}

.self-medication__recipe__single .cont__columnmes .link3{
  margin-bottom: 24px;
  color: #0aa546;
}

.self-medication__recipe__single .cont__columnmes .link3 a{
  color: #0aa546;
}

.self-medication__recipe__single .cont__columnmes .link3 a:hover{
  text-decoration: underline;
}

.self-medication__recipe__single .summary{
  margin-bottom: 24px;
  line-height: 1.7;
}

.self-medication__recipe__single .cont__column__btn a{
  margin: 0 auto 24px;
}

.self-medication__recipe__single .cont__columnmes span{
  font-weight: bold;
}

.self-medication__recipe__single .cont__inner{
  display: flex;
  margin-bottom: 48px;
}

.self-medication__recipe__single .cont__inner > .img{
  width: 400px;
  margin-right: 20px;
  flex:none;
}

.self-medication__recipe__single .cont__inner > .img ul{
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.self-medication__recipe__single .cont__inner > .img li{
  background-color: #008f3d;
  color:#fff;
  border-radius: 20px;
  font-size: 12px;
  padding: 1px 20px 2px;
  margin-right: 8px;
}


.self-medication__recipe__single .cont__inner > .menu{
  width: 100%;
}

.self-medication__recipe__single .cont__inner .menuttl{
  color:#0aa546;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.self-medication__recipe__single .cont__inner > .menu dl{
  display: flex;
  width: 100%;
}

.self-medication__recipe__single .cont__inner > .menu dt{
  width: 60%;
  position: relative;
  padding-left: 1em;
}

.self-medication__recipe__single .cont__inner > .menu dt.star::before{
  content:"★";
  position: absolute;
  left: -4px;
}

.self-medication__recipe__single .cont__inner img{
  width: 100%;
}

.self-medication__recipe__single .cont__disc{
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 48px;
}

.self-medication__recipe__single .cont__disc li{
  margin-bottom: 24px;
  text-indent: -3em;
  margin-left: 2.5em;
}

.self-medication__recipe__single .cont__disc img{
  display: block;
  margin-top: 16px;
  margin: 16px auto 0;
}

 .self-medication__recipe__single .cont__com{
    font-size: 16px;
    margin-bottom: 24px;
  }


.self-medication__recipe__single .cont__point{
  margin-bottom: 40px;
}

.self-medication__recipe__single .cont__point dt{
  color:#f94b47;
  font-weight: bold;
  margin-bottom: 8px;
}

.self-medication__recipe__single .cont__point dd{
 font-size: 16px;
 line-height: 1.62;
}


.self-medication__recipe__single .cont__fodmap{
  margin-bottom: 40px;
  background-color: #fff6da;
  padding: 32px;
  overflow: hidden;
}



.self-medication__recipe__single .cont__fodmap img{
  width: 200px;
  float: right;
  margin-left: 15px;

}

.self-medication__recipe__single .cont__fodmap dd span{
  font-weight: bolder;
}

.self-medication__recipe__single .cont__fodmap dt{
  font-size: 20px;
  color:#0aa546;
  font-weight: bold;
  margin-bottom: 12px;
}

.self-medication__recipe__single .cont__fodmap dd{
 margin-bottom: 12px;
}
.self-medication__recipe__single .cont__fodmap dd:last-child{
 margin-bottom: initial;
}

.self-medication__recipe__single .cont__fodmap dd:last-child{
  float:right;
}

.self-medication__recipe__single .cont__fodmap dd a{
  color:#0aa546;
}


.self-medication__recipe__single .cont__writer{
  background-color: #feffdf;
  padding: 32px;
  display: flex;
}

.self-medication__recipe__single .cont__writer .img{
  width: 172px;
  flex:none;
  margin-right: 24px;
}

.self-medication__recipe__single .cont__writer .profile__ttl{
  font-weight: bold;
}

.self-medication__recipe__single .cont__writer h3{
  font-size: 20px;
  margin-bottom: 12px;
}


.self-medication__recipe__single .reration_recipe{
  border-left: 1px solid #008f3d;
  padding-left: 32px;
  width: 25%;
}

.self-medication__recipe__single .reration_recipe h2{
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-bottom: 16px;
}

.self-medication__recipe__single .reration_recipe a{
  position: relative;
  border:1px solid #ccc;
  display: block;
  padding: 20px;
  margin-bottom: 24px;
}

.self-medication__recipe__single .reration_recipe a.hover{
  opacity: .7;
}

.self-medication__recipe__single .reration_recipe h3{
  font-weight: bold;
  margin-bottom: 8px;
}

.self-medication__recipe__single .reration_recipe li{
   background-color: #008f3d;
  color:#fff;
  border-radius: 20px;
  font-size: 12px;
  padding: 1px 0 2px;
  text-align: center;
  width: 108px;
  margin: 0 auto 8px;
}

.self-medication__recipe__single .reration_recipe li:last-child{
  margin-bottom: 0;
}



.self-medication__recipe__single .reration_recipe .new{
  position: absolute;
  width: 30px;
  z-index: 1;
  right: -10px;
  top: -10px;
}

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

    .self-medication__recipe__single > .wrap{
      display: block;
      margin-bottom: 48px;
      margin-top: 32px;
    }

    .self-medication__recipe__single .cont{
     width: 100%;
   }

   .self-medication__recipe__single .cont > h2{
    font-size: 26px;
    margin-bottom: 24px;
  }




  .self-medication__recipe__single .cont__inner{
    display: block;
    margin-bottom: 32px;
  }

  .self-medication__recipe__single .cont__inner > .img{
    width: 100%;
    margin-bottom: 24px;
  }

  .self-medication__recipe__single .cont__inner > .menu dl{
    font-size: 14px;
  }

  .self-medication__recipe__single .cont__disc{
    font-size: 20px;
    margin-bottom: 32px;
  }

  .self-medication__recipe__single .cont__com{
    font-size: 14px;
  }


  .self-medication__recipe__single .cont__point{
    margin-bottom: 40px;
  }

  .self-medication__recipe__single .cont__point dd{
   font-size: 14px;
  }


  .self-medication__recipe__single .cont__fodmap{
    background-color: #fff6da;
    padding: 32px 24px;
    overflow: hidden;
  }

  .self-medication__recipe__single .cont__fodmap dd:first-of-type{
      text-align: center;

  }
  .self-medication__recipe__single .cont__fodmap img{
      float: none;
      margin-left: initial;
 }

  .self-medication__recipe__single .cont__columnmes .middle{
    display:block;
  }

  .self-medication__recipe__single .cont__columnmes .middle .image2{
    margin-bottom: 24px;
  }


  .self-medication__recipe__single .cont__writer{
    padding: 20px;
    display: block;
    margin-bottom: 48px;
  }

  .self-medication__recipe__single .cont__writer .img{
    width: 172px;
    margin: 0 auto 16px;
  }

  .self-medication__recipe__single .cont__writer .profile__ttl{
    font-weight: bold;
  }


  .self-medication__recipe__single .reration_recipe{
    border-left: 0px;
    padding-left: 0px;
    width: 100%
  }

  .self-medication__recipe__single .reration_recipe h2{
    font-size: 20px;
  }

  .self-medication__recipe__single .reration_recipe a{
    padding: 20px;
    margin-bottom: 24px;
  }

  .self-medication__recipe__single .reration_recipe a .img{
    text-align: center;
    margin-bottom: 8px;
  }


  .self-medication__recipe__single .reration_recipe li{
    font-size: 13px;
    width: 120px;
  }

  .self-medication__recipe__single .tablefodmap td span{
    white-space: normal;
  }


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

  /* .self-medication__recipe__single .tablefodmap2 td span {
      white-space: nowrap;
  } */
.self-medication__recipe__single .table2{
  margin-top: 24px;
}

  .self-medication__recipe__single .tablefodmap{
    display: none;
  }
  .self-medication__recipe__single .tablefodmap2{
    display: block;
    font-size: 14px;
  }

.self-medication__recipe__single .cont__columnmes .notes{
  font-size: 12px;
}


.self-medication__recipe__single .cont__columnmes span{
  font-weight: initial;
}


  .self-medication__recipe__single .tablefodmap2 tr:nth-child(3n+1){
    background-color: #05943C ;
    width: 100%;

  }
  .self-medication__recipe__single .tablefodmap2 tr:nth-child(3n+1) th{
    color: #ffffff;

  }
  .self-medication__recipe__single .tablefodmap2 tr:nth-child(3n+2) th{
    background-color: #d6e9ca ;
  }
  .self-medication__recipe__single .tablefodmap2 tr:nth-child(3n+3) th{
    background-color: #d6e9ca ;
  }
  .self-medication__recipe__single .tablefodmap2 th{
    border: solid 1px #aaaaaa;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 40%;
}