@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;
}

.target{
  pointer-events: none;
}

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

#feature .contents .entry_contents h3 {
  font-size: 20px;
}

.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 {
  font-size: 26px;
}

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

#feature #detail .entry .outline {
  margin: 32px 0 55px;
}

#feature .genre_health #detail .entry .speaker {
  margin: -14px 0 54px;
  padding: 47px 17px 13px;
  border: 4px dotted #00ae97;
}

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

#feature #detail .entry .speaker .name-card {
  width: 250px;
  height: 170px !important;
}

.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 {
  padding: 0 0 4px 75px;
}

#feature #detail .entry .speaker .name-card .career {
  line-height: 2;
}

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

#feature #detail .entry .speaker .detail p {
  margin-bottom: 23px;
  line-height: 1.8;
}

#feature #detail.contents #feature_guard.feature_page {
  background: #ffffff;
}

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

#feature_guard.feature_page h4.no01 {
  padding: 0 0 0 75px;
  margin: 0 0 30px;
}

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

#feature_guard.feature_page h3 {
  line-height: 2;
  color: #00ae97;
  font-weight: bold;
  margin: 19px 0 12px;
}

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

#feature #detail .entry .feature_page .font-pink {
  color: #d62692;
}

#feature #detail .entry .feature_page .col01 {
  margin-bottom: 43px;
}

#feature #detail .entry .feature_page .col02 {
  margin-bottom: 54px;
}

#feature_guard.feature_page .sect-title {
  margin: 0 0 23px;
}

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




/* ---------------------
  page 2 
*/

.genre_health #detail .entry .entry_contents h4.no02 {
  margin: -16px 0 19px;
  padding-left: 88px;
  line-height: 1.5;
  letter-spacing: 0.05rem;
}

#feature_guard.feature_page.page2 h3 {
  margin: 0 0 14px;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.03em;
}

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

#feature_guard.feature_page.page2 .lead {
  margin-bottom: 20px;
}

.page2 .col01 .sect-answer {
  margin: 0 0 55px;
}

#feature_guard.feature_page.page2 .col02 h3 {
  margin: 0 0 18px;
}

#feature_guard.feature_page.page2 .col02 .sect-answer {
  margin: 0 0 20px;
}


/* ---------------------
  page 3 
*/
#feature_guard.feature_page.page3 {
  margin-bottom: 52px;
}

.genre_health #detail .entry .entry_contents h4.no03 {
  margin-top: -13px;
}

#feature_guard.feature_page.page3 .lead {
  margin-bottom: 16px;
}

#feature_guard.feature_page.page3 .col01 .sect-title {
  margin: 0 0 50px;
}

#feature_guard.feature_page.page3 .col01 h3 {
  margin: 0 0 10px;
}


#feature_guard.feature_page.page3 .col03 .sect-title {
  margin: 0 0 40px;
}

#feature_guard.feature_page.page3 .col03 .sect-answer {
  margin: 0 0 20px;
}

.contents #feature_guard.feature_page.page3 .text1 {
  margin: 0 0 8px;
}



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

.genre_health #detail .entry .entry_contents h4.no04 {
  margin: -11px 0 10px;
  background-position: 0 10px;
}

#feature .contents .entry_contents .page4 h3 {
  margin: 0 0 11px;
}

#feature #detail .entry .feature_page.page4 .col01 {
  margin: 0 0 30px;
}

#feature_guard.feature_page.page4 .col01 .sect-title {
  margin: 0 0 40px;
}

#feature_guard.feature_page.page4 .col01 h3 {
  margin: 0 0 12px;
}

#feature_guard.feature_page.page4 .col01 .text1 {
  margin: 0 0 1px;
}

#feature_guard.feature_page.page4 .col01 .column-block {
  
}

#feature_guard.feature_page.page4 .col01 .column-block .title1 {
  position: relative;
  top: 17px;
  width: 171px;
}

#feature_guard.feature_page.page4 .col01 .column-block img {
  width: 100%;
  height: auto;
}

#feature_guard.feature_page.page4 .col01 .column-block .inner {
  width: 656px;
  margin-left: 10px;
  padding: 23px 40px 18px 30px;
  border: 1px solid #c82881;
  border-radius: 3px;
  overflow: hidden;
}

#feature_guard.feature_page.page4 .col01 .column-block .float-left {
  float: left;
  width: 217px;
}

#feature_guard.feature_page.page4 .col01 .column-block .title2 {
  width: 294px;
  margin: 0 0 20px;
}

#feature_guard.feature_page.page4 .col01 .column-block .image {
  width: 217px;
  margin: 0 0 15px; 
}

#feature #detail.contents #feature_guard.feature_page.page4 .col01 .column-block .description {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
}

#feature_guard.feature_page.page4 .col01 .column-block .float-right {
  float: right;
  width: 400px;
}


#feature #detail.contents #feature_guard.feature_page.page4 .col01 .column-block .text {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

#feature #detail .entry .feature_page.page4 .col02 {
  margin: 0 0 30px;
}

#feature #detail .entry .feature_page.page4 .col03 {
  margin: 0 0 55px;
}

#feature_guard.feature_page.page4 .col03 .sect-answer {
  margin: 0 0 20px;
}



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

.genre_health #detail .entry .entry_contents h4.no05 {
  margin: -16px 0 10px;
}

#feature_guard.feature_page.page5 .lead {
  margin-bottom: 50px;
}

#feature_guard.feature_page.page5 .sect-title {
  margin: 0 0 48px;
}

#feature_guard.feature_page.page5 .inner {
  position: relative;
  padding: 7px 45px 0 40px;
  border: 1px solid #e1e2e2;
  border-radius: 5px;
}

#feature_guard.feature_page.page5 .inner:before {
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 6px;
}

#feature_guard.feature_page.page5 .col01 .inner:before {
  background: url(../img/feature/51_brain/page5-col1-border-top.png) no-repeat left top;
  background-size: 100% auto;
}

#feature_guard.feature_page.page5 .col02 .inner:before {
  background: url(../img/feature/51_brain/page5-col2-border-top.png) no-repeat left top;
  background-size: 100% auto;
}

#feature_guard.feature_page.page5 .col03 .inner:before {
  background: url(../img/feature/51_brain/page5-col3-border-top.png) no-repeat left top;
  background-size: 100% auto;
}

#feature_guard.feature_page.page5 .col04 .inner:before {
  background: url(../img/feature/51_brain/page5-col4-border-top.png) no-repeat left top;
  background-size: 100% auto;
}

#feature_guard.feature_page.page5 .col01 .inner .marker {
  background: linear-gradient(transparent 0%, #eafbe2 0%); 
}

#feature_guard.feature_page.page5 .col02 .inner .marker {
  background: linear-gradient(transparent 0%, #e1f0f7 0%); 
}

#feature_guard.feature_page.page5 .col03 .inner .marker {
  background: linear-gradient(transparent 0%, #e5d5ed 0%); 
}

#feature_guard.feature_page.page5 .col04 .inner .marker {
  background: linear-gradient(transparent 0%, #f7ddbf 0%); 
}

#feature #detail .entry .feature_page .col03 {
  margin-bottom: 30px;
}

#feature_guard.feature_page.page5 .link-word {
  text-decoration: none;
  border-bottom: solid #a8a8a8 2px;
  color: #1e1e1e;
}




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

p:empty { display: none; }

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

#feature #sp_wrap #detail .entry .outline .time {
  top: 11%;
}

#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 #feature_guard.feature_page h3 {
  font-size: 15px;
  line-height: 1.16666667;
  margin: 20px 0 20px;
  font-weight: bold;
}

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

#feature #sp_wrap .genre_health #detail .entry .speaker {
  padding: 35px 14px 20px;
  border: 3px dotted #00ae97;
}

#feature #sp_wrap #detail .entry .speaker h3 {
  top: 0;
}

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

#feature #sp_wrap #detail .entry .speaker .name {
  margin-top: 13px;
}

#feature #sp_wrap #detail .entry .speaker .name-card .career {
  padding-left: 110px;
  line-height: 1.5;
}

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

#feature #sp_wrap #detail .entry .speaker .detail p {
  margin-bottom: 0;
  line-height: 1.8;
  letter-spacing: -0.01em;
}


/* ---------------------
  page 2 
*/



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

#sp_wrap #feature_guard.feature_page.page3 .col01 .sect-title {
  margin: 0 0 50px;
}



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

#sp_wrap #feature_guard.feature_page.page4 .col01 .column-block .title1 {
  position: relative;
  top: 19px;
  left: -5px;
  width: 153px;
}

#sp_wrap #feature_guard.feature_page.page4 .col01 .column-block img {
  width: 100%;
  height: auto;
}

#sp_wrap #feature_guard.feature_page.page4 .col01 .column-block .inner {
  width: 94%;
  margin: 0 auto;
  padding: 23px 10px 18px;
  border: 1px solid #c82881;
  border-radius: 3px;
}

#sp_wrap #feature_guard.feature_page.page4 .col01 .column-block .float-left {
  float: none;
  width: 100%;
  margin: 0 auto 20px;
}

#sp_wrap #feature_guard.feature_page.page4 .col01 .column-block .title2 {
  width: 235px;
  margin: 0 0 20px;
}

#sp_wrap #feature_guard.feature_page.page4 .col01 .column-block .image {
  width: 220px;
  margin: 0 auto 15px; 
}

#sp_wrap #feature #detail.contents #feature_guard.feature_page.page4 .col01 .column-block .description {
  font-size: 10px;
  line-height: 1.4;
}

#sp_wrap #feature_guard.feature_page.page4 .col01 .column-block .float-right {
  float: none;
  width: 100%;
}

#sp_wrap #feature #detail.contents #feature_guard.feature_page.page4 .col01 .column-block .text {
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.8;
}


/* ---------------------
  page5 
*/

#sp_wrap #feature_guard.feature_page.page5 .col01 .inner:before {
  background: url(../img/feature/51_brain/page5-col1-border-top-sp.png) no-repeat left top;
  background-size: 100% auto;
}

#sp_wrap #feature_guard.feature_page.page5 .col02 .inner:before {
  background: url(../img/feature/51_brain/page5-col2-border-top-sp.png) no-repeat left top;
  background-size: 100% auto;
}

#sp_wrap #feature_guard.feature_page.page5 .col03 .inner:before {
  background: url(../img/feature/51_brain/page5-col3-border-top-sp.png) no-repeat left top;
  background-size: 100% auto;
}

#sp_wrap #feature_guard.feature_page.page5 .col04 .inner:before {
  background: url(../img/feature/51_brain/page5-col4-border-top-sp.png) no-repeat left top;
  background-size: 100% auto;
}