@charset "utf-8";

/* PC/SP表示切り替え */
#pc_wrap .pc { display: block !important; }
#pc_wrap .sp { display: none !important; }
#sp_wrap .pc { display: none !important; }
#sp_wrap .sp { display: block !important; }

/*-------------------------------*/

body{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

#feature #detail.contents #feature_guard.feature_page p:empty {
  display: none;
}

#feature #detail .entry h2 {
    margin: 0px 0 36px;
}

#pc_wrap p.top_lead{
  font-size: 16px;
  line-height: 2;
}

#feature #detail .entry .outline {
  margin: 67px 0 36px;
}

#feature #detail .entry .speaker {
  padding: 37px 17px 36px;
  margin: 46px 0 55px;
}

#feature #detail .entry .speaker h3 {
    top: -19px;
}

#feature #detail.contents #feature_guard.feature_page p {
  line-height: 2;
}

#feature_guard.feature_page .content-wrap {
  max-width: 670px;
  margin: 0 auto;
}

.genre_health #detail .entry .entry_contents h4.no00, .genre_health #detail .entry .entry_contents h4.no01, .genre_health #detail .entry .entry_contents h4.no02, .genre_health #detail .entry .entry_contents h4.no03, .genre_health #detail .entry .entry_contents h4.no04, .genre_health #detail .entry .entry_contents h4.no05, .genre_health #detail .entry .entry_contents h4.no06, .genre_health #detail .entry .entry_contents h4.no07, .genre_health #detail .entry .entry_contents h4.no08, .genre_health #detail .entry .entry_contents h4.no09, .genre_health #detail .entry .entry_contents h4.no10 {
  font-size: 26px;
}

.genre_health #detail .entry .entry_contents h4.no01 {
  padding: 0 0 0 75px;
  margin: 0;
}

#feature_guard.feature_page h4 span {
  display: block;
}

#feature .contents #feature_guard.feature_page h3 {
  color: #00ae97;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin: 28px 0 12px;
}

#feature_guard.feature_page p {
  font-size: 16px;
}

#feature #detail.contents #feature_guard.feature_page span.font-pink {
  color: #e4007f;
}

#feature_guard.feature_page p.bottom {
  margin-bottom: 40px;
}

#feature_guard.feature_page .pages03 h5 {
  margin-bottom: 25px;
}

 #feature_guard.feature_page .pages01 img {
  display: block;
  width: 670px;
  margin: 31px auto 7px;
}

#feature .contents #feature_guard.feature_page .pages01.col02 h3 {
  margin: 45px 0 9px;
}

#feature .contents #feature_guard.feature_page .pages01.col02 p.last-text {
  margin-bottom: 46px;
}

#feature #detail .entry .next-page {
  margin-bottom: 41px;
}

#feature #detail.contents #feature_guard.feature_page.page1 {
  padding-bottom: 26px;
}

#feature .contents #feature_guard.feature_page.page1 h3 {
  margin: 40px 0 23px;
}

#feature .contents #feature_guard.feature_page.page1 .sect1 .article1 .caution-mark {
  position: relative;
}

#feature .contents #feature_guard.feature_page.page1 .sect1 .article1 .caution-mark:after {
  display: block;
  content: "※";
  position: absolute;
  top: -13px;
  right: 0;
  width: 10px;
  height: 10px;
  color: #e65b45;
  font-size: 11px;
}

#feature .contents #feature_guard.feature_page.page1 .sect1 .article1 .caution-text {
  display: block;
  margin-top: 10px;
  color: #e65b45;
  font-size: 12px;
  line-height: 1;
}

#feature .contents #feature_guard.feature_page.page1 .sect1 .article1 .last-text {
  margin-bottom: 40px;
}

#feature .contents #feature_guard.feature_page.page1 .sect1 .image1 {
  width: 474px;
  margin: 0 auto 28px;
}

#feature .contents #feature_guard.feature_page.page1 .sect1 .image1 img {
  width: 100%;
  height: auto;
}


/* ---------------------
  page 2 
*/
.genre_health #detail .entry .entry_contents h4.no02 {
  margin-bottom: 27px;
}

#feature .contents #feature_guard.feature_page.page2 {
  margin-bottom: 63px;
}

#feature .contents #feature_guard.feature_page.page2 .lead {
  margin-bottom: 22px;
}

#feature .contents #feature_guard.feature_page.page2 h3 {
  margin: 0 0 29px;
}

#feature .contents #feature_guard.feature_page.page2 .column1 {
  padding-bottom: 14px;
}

#feature .contents #feature_guard.feature_page.page2 .column1 .image1 {
  width: 603px;
  margin: 0 auto 27px;
}

#feature .contents #feature_guard.feature_page.page2 .column1 .image1 img {
  width: 100%;
  height: auto;
}

#feature .contents #feature_guard.feature_page.page2 .column2 .article1 {
  margin-bottom: 83px;
}

#feature .contents #feature_guard.feature_page.page2 .column-wrap {
  position: relative;
  width: 710px;
  margin: 0 auto;
  background: #fff8d9;
}

#feature .contents #feature_guard.feature_page.page2 .column-wrap:before {
  display: block;
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  background: url(../img/feature/48_kinshi/line-dot.png) repeat-x 0 0;
  background-size: auto 100%;
}

#feature .contents #feature_guard.feature_page.page2 .column-wrap:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  background: url(../img/feature/48_kinshi/line-dot.png) repeat-x 0 0;
  background-size: auto 100%;
}

#feature .contents #feature_guard.feature_page.page2 .column-wrap .column-title {
  position: absolute;
  top: -50px;
  left: -15px;
  width: 126px;
}

#feature .contents #feature_guard.feature_page.page2 .column-wrap .column-title img {
  width: 100%;
  height: auto;
}

#feature .contents #feature_guard.feature_page.page2 .column-wrap .text-wrap {
  padding: 35px 36px 34px 30px;
}

#feature #detail.contents #feature_guard.feature_page.page2 .column-wrap .text-wrap .title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

#feature #detail.contents #feature_guard.feature_page.page2 .column-wrap .text-wrap p {
  font-size: 14px;
  line-height: 1.8;
}

#feature .contents #feature_guard.feature_page.page2 .column-wrap .text-wrap p:last-child {
  margin-bottom: 0;
}


/* ---------------------
  page 3 
*/

#feature .contents #feature_guard.feature_page.page3 {
  margin-bottom: 20px;
}

#feature .contents #feature_guard.feature_page.page3 .column1 .image1 {
  width: 465px;
  margin: 0 auto 30px;
}

#feature .contents #feature_guard.feature_page.page3 .column1 .image1 img {
  width: 100%;
  height: auto;
}

#feature .contents #feature_guard.feature_page.page3 .column1 .article2 {
  margin-bottom: 45px;
}

#feature .contents #feature_guard.feature_page.page3 .column2 h3 {
  margin-bottom: 18px;
}

#feature .contents #feature_guard.feature_page.page3 .column2 .image1 {
  width: 406px;
  margin: 0 auto 33px;
}


#feature .contents #feature_guard.feature_page.page3 .column2 .image1 img {
  width: 100%;
  height: auto;
}

#feature .contents #feature_guard.feature_page.page3 .column2 .article2 p:nth-child(2) {
  margin-bottom: 9px;
}



/* ---------------------
  page 4 
*/

#feature .contents #feature_guard.feature_page.page4 {
  margin-bottom: 45px;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense {
  width: 100%;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense dl {
  display: flex;
  align-items: center;
  display: -webkit-flex; /* 縦方向中央揃え（Safari用） */
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  margin-bottom: 10px;
  padding: 21px 27px;
  border-radius: 15px;
  overflow: hidden;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense dl.border-yellow {
  border: 2px solid #fcde71;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense dl.border-green {
  border: 2px solid #cbe4b9;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense dl.border-blue {
  border: 2px solid #bae3f9;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense dt {
  float: left;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(1) dt{
  width: 231px;
  margin-right: 25px;
}
#feature .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(2) dt{
  width: 223px;
  margin-right: 35px;
}
#feature .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(3) dt{
  width: 235px;
  margin-right: 20px;
}
#feature .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(4) dt{
  width: 199px;
  margin-right: 57px;
}
#feature .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(5) dt{
  width: 212px;
  margin-right: 44px;
}
#feature .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(6) dt{
  width: 175px;
  margin-right: 80px;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense dt img {
  width: 100%;
  height: auto;
}

#feature .contents #feature_guard.feature_page.page4 .common-sense dd {
  float: right;
  width: 416px;
  font-size: 14px;
  line-height: 1.9;
}




/* ---------------------
  page 5 
*/

#feature .contents #feature_guard.feature_page.page5 {
  margin-bottom: 32px;
}

#feature #detail.contents #feature_guard.feature_page.page5 .lead {
  margin-bottom: 37px;
}

#feature #detail.contents #feature_guard.feature_page.page5 .article dl {
  margin-bottom: 43px;
}

#feature #detail.contents #feature_guard.feature_page.page5 .article dl:last-child {
  margin-bottom: 0;
}

#feature #detail.contents #feature_guard.feature_page.page5 .article dt {
  position: relative;
  margin-bottom: 21px;
  padding-left: 82px;
  color: #1e1e1e;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

#feature #detail.contents #feature_guard.feature_page.page5 .article dt:before {
  display: block;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 62px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#feature #detail.contents #feature_guard.feature_page.page5 .article dl:nth-child(1) dt:before {
  background-image: url(../img/feature/48_kinshi/page5-num1.png);
}
#feature #detail.contents #feature_guard.feature_page.page5 .article dl:nth-child(2) dt:before {
  background-image: url(../img/feature/48_kinshi/page5-num2.png);
}
#feature #detail.contents #feature_guard.feature_page.page5 .article dl:nth-child(3) dt:before {
  background-image: url(../img/feature/48_kinshi/page5-num3.png);
}
#feature #detail.contents #feature_guard.feature_page.page5 .article dl:nth-child(4) dt:before {
  background-image: url(../img/feature/48_kinshi/page5-num4.png);
}
#feature #detail.contents #feature_guard.feature_page.page5 .article dl:nth-child(5) dt:before {
  background-image: url(../img/feature/48_kinshi/page5-num5.png);
}
#feature #detail.contents #feature_guard.feature_page.page5 .article dl:nth-child(6) dt:before {
  background-image: url(../img/feature/48_kinshi/page5-num6.png);
}
#feature #detail.contents #feature_guard.feature_page.page5 .article dl:nth-child(7) dt:before {
  background-image: url(../img/feature/48_kinshi/page5-num7.png);
}

#feature .contents #feature_guard.feature_page.page5 .article dt .pink {
  color: #e62e8b;
}

#feature #detail.contents #feature_guard.feature_page.page5 .article dd {
  color: #1e1e1e;
  font-size: 16px;
  line-height: 2;
}








/* ---------------------
      sp 
--------------------- */

#feature .sp #detail .entry {
  margin: 20px 10px 20px;
}

#feature .sp #detail .entry h2 {
  margin-bottom: 20px;
}

#feature #sp_wrap #detail .entry .top_lead {
  margin-bottom: 60px;
}

#feature #sp_wrap .genre_health #detail .entry .entry_contents h4 {
  color: #00ae97;
  font-size: 16px;
  padding: 0 0 0 45px;
  margin-bottom:20px;
}

#feature #sp_wrap .genre_health #detail .entry .speaker {
  margin: 60px 0 55px;
  padding: 28px 10px 3px;
}

#feature #sp_wrap #detail .entry .speaker h3 {
  top: 0;
  margin: -45px auto 5px;
}

#feature #sp_wrap #detail .entry .speaker .name-card .face {
  width: 28%;
}

#feature #sp_wrap #detail .entry .speaker .detail {
  margin: 5px auto;
}

#feature #sp_wrap #detail .entry .speaker .detail p {
  text-align: center;
  font-size: 10px;
  line-height: 15px;
}

#feature #sp_wrap #detail .entry .speaker .detail .btn {
  margin: 6px 0 0;
}

#feature #sp_wrap #feature_guard.feature_page h3 {
  margin: 30px 0 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.16666667;
}

#feature #sp_wrap #feature_guard.feature_page p {
  margin-bottom: 30px;
  font-size: 13px;
}

.sp .genre_health .pagenav ul .prev a,
.sp .genre_health .pagenav ul .next a{
  color: #333333;
  background: #f0f0f0;
}

#feature .sp .contents #feature_guard.feature_page.page1 .sect1 .article1 .caution-text {
  margin: 0;
  font-size: 11px;
}

#feature .sp .contents #feature_guard.feature_page.page1 .sect1 .image1 {
  width: 100%;
}

#feature .sp .contents #feature_guard.feature_page.page2 .column1 .image1 {
  width: 100%;
  margin: 0 auto 50px;
}

#feature .sp .contents #feature_guard.feature_page.page2 .column2 .article1 {
  margin-bottom: 110px;
}

#feature .sp .contents #feature_guard.feature_page.page2 .column-wrap {
  width: 100%;
}

#feature .sp .contents #feature_guard.feature_page.page2 .column-wrap .text-wrap {
  padding: 28px 15px 28px;
}

#feature .sp .contents #feature_guard.feature_page.page2 .column-wrap .column-title {
  top: -65px;
  left: 0;
}

#feature .sp #detail.contents #feature_guard.feature_page.page2 .column-wrap .text-wrap p.title {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.1;
}

#feature .sp #detail.contents #feature_guard.feature_page.page2 .column-wrap .text-wrap p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.5;
}

#feature .sp #detail.contents #feature_guard.feature_page.page2 .column-wrap .text-wrap p:first-child {
  margin-bottom: 30px;
}

#feature .sp .contents #feature_guard.feature_page.page3 .column1 .image1 {
  width: 100%;
}

#feature .sp .contents #feature_guard.feature_page.page3 .column2 .image1 {
  width: 100%;
}

#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dl {
  display: block;
  align-items: baseline;
  -webkit-align-items: baseline;
  padding: 20px 20px 20px;
}

#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dt {
  float: none;
  width: 100%;
}

#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(1) dt { margin: 0 auto 17px; }
#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(2) dt { margin: 0 auto 17px; }
#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(3) dt { margin: 0 auto 17px; }
#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(4) dt { margin: 0 auto 17px; }
#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(5) dt { margin: 0 auto 17px; }
#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dl:nth-child(6) dt { margin: 0 auto 17px; }

#feature .sp .contents #feature_guard.feature_page.page4 .common-sense dd {
  float: none;
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
}

#feature .sp #detail.contents #feature_guard.feature_page.page5 .article dt {
  padding-left: 62px;
  font-size: 16px;
  line-height: 1.25;
}

#feature .sp #detail.contents #feature_guard.feature_page.page5 .article dt:before {
  top: -6px;
  width: 50px;
  height: 42px;
}

#feature .sp #detail.contents #feature_guard.feature_page.page5 .article dd {
  font-size: 12px;
  line-height: 1.5;
}