@charset "utf-8";

/******/


/*----------------------------------
　病気になる人、ならない人。同じ家系でなぜ違う?
------------------------------------*/

#pc_wrap #feature_01 .sp{
  display: none;
}

#feature_01 .contents h2 img{
    border: none;
}
#feature_01 .teacher{
   border: 2px solid #42B8E4;
   padding:7px;
   overflow: hidden;
   float: none;
}
#feature_01 .teacher h3{
    font-size: 10px;
    margin: 0;
    padding: 0;
    background: #42B8E4;
    color:#FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    line-height: 1;
    padding: 0.4em 0.1em;
    font-weight: 400;
    text-align: center;
}
#feature_01 .teacher .fl{
    overflow: hidden;
    width:200px;
    padding-bottom: 0;
}
#feature_01 .teacher .fl img{
    float: left;
}
#feature_01 .teacher .fl .img_cap{
    margin-top: 0.9em;
    margin-left:75px;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 1.4;
}
#feature_01 .teacher .fl #mt04{
    margin-top: 0.4em;
}
#feature_01 .teacher .fl .img_cap p.name{
    font-size: 16px;
    margin: 3px 0;
    padding: 0;
}
#feature_01 .teacher .fl .img_cap p{
    margin: 3px 0;
    padding: 0;
}
#feature_01 .teacher p{
    margin-top: 0.7em;
    margin-left: 220px;
}
#feature_01 .teacher p.mt03{
    margin-top: 0.3em;
}

#feature_01 h3 {
    color: #00ae97;
}

#feature_01 .index_h2 {
    margin: 0 0 20px 0;
}

#feature_01 .txt-box {
    border: 1px double #cbcbcb;
    border-width: 3px;
    padding: 20px;
    margin: 0 0 35px 0;
}

#feature_01 .txt-box p {
    font-size: 18px;
    margin: 0;
}
 
#feature_01 .txt-box .st {
    font-size: 14px;
}

#feature_01{
    margin-bottom: 20px;
}

#feature_01 .switch{
  background: url(../img/feature/22_illness/switch_bg01.png);
  border: 5px solid #885f19;
  padding: 0 20px 0 20px;
  margin-bottom: 50px;
}

#feature_01 .switch ul{
  overflow: hidden;
  padding: 20px;
  width: 105%;
}

#feature_01 .switch ul li{
  float: left;
  width: 300px;
  margin-right: 20px;
  text-align: left;
}

#feature_01 .switch ul li img {
  width: 130px;
  height: auto;
  margin: 20px auto;
  display: block;
}

#feature_01 .switch ul .red{
  color: #d2462d;
}

#feature_01 .switch ul .purple{
  color: #b62f8b;
}

#feature_01 .check{
  position: relative;
  background: url(../img/feature/22_illness/check_bg01.png);
  padding: 50px 20px;
  margin: 50px 0;
}

#feature_01 .check .check_balloon{
  position: absolute;
  margin: -80px 0 0 0;
}

#feature_01 .check .yobou_title{
  font-size: 26px;
  color: #fff226;
  float: left; 
}

#feature_01 .check .yobou_lead{
  color: #fff;
  line-height: 2;
  float: left;
  width: 350px;
}

#feature_01 .check .checklist{
  float: right;
  margin: -30px 0 0 0;
}

#feature_01 .yobou dt {
  font-size: 26px;
  color: #fff226;
  float: left;
}

#feature_01 .check .yobou {
    overflow: hidden;
}

#feature_01 .my_kensa {
    position: relative;
    background: #fff;
    border: 2px solid #e50011;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}

#feature_01 .my_kensa h3{
  background: url(../img/feature/22_illness/check_titlebg01.png) no-repeat center top;
  color: #fff;
  margin: -30px 0 0 0;
  text-align: center;
}

#feature_01 .my_kensa dl {
  width: 266px;
  float: left;
  padding: 0 20px;
  font-size: 14px;
  margin-right: 12px;
  border-right: 2px dotted #e50011;
}

#feature_01 .my_kensa dl:nth-of-type(2) {
  border: none;
}

#feature_01 .my_kensa .kensa_lead{
  font-size: 16px;
}

#feature_01 .my_kensa p{
  line-height: 2;
}

#feature_01 .my_kensa dt {
    color: #e50011;
    font-weight: bold;
    margin-bottom: 10px;
}

#feature_01 .my_kensa dd p span {
    color: #e50011;
}

#feature_01 .shukan{
  position: relative;
  padding: 40px 20px;
  margin-top: 60px;
}

#feature_01 .shukan h3{
  position: absolute;
  margin: -80px 0 0 -24px;
}

#feature_01 .shukan img{
  margin-bottom: 20px;
}

#feature_01 .shukan ul{
  margin: 0 auto;
  width: 105%;
  overflow: hidden;
}

#feature_01 .shukan ul li{
  float: left;
  width: 44%;
  margin-right: 40px;
  margin-bottom: 20px;
}

#feature_01 .food{
  border: 4px solid #ed6d00;
  background: url(../img/feature/22_illness/food_bg.png);
}

#feature_01 .food .one_c{
  color: #e60012 !important;
}

#feature_01 .food .two_c{
  color: #ed6d00 !important;
}

#feature_01 .exercise{
  border: 4px solid #e72f7e;
  background: url(../img/feature/22_illness/exe_bg.png);
}

#feature_01 .exercise .one_c{
  color: #e72f7e !important;
}

#feature_01 .exercise .two_c{
  color: #b72d8c !important;
}

#feature_01 .gokigen{
  border: 4px solid #57b53c;
  background: url(../img/feature/22_illness/gokigen_bg.png);
}

#feature_01 .gokigen .one_c{
  color: #57b53c !important;
}

#feature_01 .gokigen .two_c{
  color: #2e9f74 !important;
}

#feature_01 .common-box {
    padding: 35px;
    margin: 0 0 30px 0;
}

#feature_01 .bdr-b-dot {
    border-bottom: dotted #999999 2px;
    margin: 0 0 35px 0;
}


/* common classes */

.txt14 {
    font-size: 14px;
}

.txt16 {
    font-size: 16px;
}

.txt-red {
    color: #E50000;
}

.txt-blue {
    color: #00469D;
}

.txt-or {
    color: #E59324;
}

.txt-gr {
    color: #8DC31F;
}

.txt-pink {
    color: #e7407d;
}

.txt-blue {
    color: #42b8e4;
}

.bg-beige {
    background: #FAF5EF;
}

.bg-ylw {
    background: #FFFBC9;
}


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

#feature #detail .entry .outline .time{
  top: 10% !important;
}


.sp #feature_01 {
  margin: 0 auto 10px;
  font-size: 12px;
}

.sp #feature_01 .for-pc,
.sp #feature_01  .shukan .for-pc{
  display: none;
}
.sp #feature_01 .of{
  margin-top: 10px;
  text-align: center;
}

.sp #feature_01 img {
  display: block;
  margin: 10px auto ;
}

.sp #feature_01 h3{
  font-size: 120%;
  font-weight: bold;
  margin: 20px 0 10px;
}

.sp #feature_01 .b {
  font-weight: bold;
}

.sp #feature_01 .teacher{
  margin: 20px 0;
}
.sp #feature_01 .teacher p {
  margin: 0;
  padding: 0;
}
.sp #feature_01 .teacher .fl{
  margin:0 auto 5px;
    width: 220px;
}

.sp #feature_01 .switch{
  padding: 0 10px;
}

.sp #feature_01 .switch h3{
  margin: 0 auto;
}

.sp #feature_01 .switch ul{
  padding: 0;
  width: 100%;
}

.sp #feature_01 .switch ul li{
  width: auto;
  float: none;
  margin-right: 0;
  text-align: left;
  margin: 20px 0;
}

.sp #feature_01 .switch ul li img{
  float: left;
  width: 80px;
  height: auto;
  margin: 0 10px;
}

.sp #feature_01 .switch ul li.right img{
  float: right !important;
}

.sp #feature_01 .check .check_balloon{
  margin: -80px 0 0 0 !important;
}

.sp #feature_01 .check .yobou_lead,
.sp #feature_01 .check .checklist{
  width: auto;
  float: none;
  margin: 0;
}

.sp #feature_01 .my_kensa h3{
  background-image: none;
  background: #e60012;
  border-radius: 10px;
  margin-top: -30px;
}

.sp #feature_01 .my_kensa dl{
  width: auto;
  float: none;
  margin: 0 0 20px 0;
  border: none;
  padding: 0;
}

.sp #feature_01 .my_kensa p{
  line-height: 1.8;
}

.sp #feature_01 #detail .entry .shukan p{
  color: initial;
}

.sp #feature_01 .shukan{
  padding: 20px 10px;
}

.sp #feature_01 .shukan h3{
  margin: -59px 0 0 -13px !important;
}

.sp #feature_01 .shukan h3 img{
  width: 50px;
  height: auto;
}

.sp #feature_01 .shukan ul{
  width: 100%;
  display: table;
}

.sp #feature_01 .shukan ul li img{
  display: block;
  margin: 10px auto;
}

.sp #feature_01 .shukan ul li{
  /* float: left;*/
  float: none;
  width: 49%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top;
 /* min-height: 280px; */
}

.sp #feature_01 .shukan ul li:last-child{
  margin-bottom: 0;
}

.sp #feature_01 .yobou dt{
  font-size: 14px;
  float: none;
  text-align: center;
}

.sp #feature_01 .common-box {
  padding: 5%;
  margin: 20px auto;
  width: 90%;
}


.sp #feature_01 .bdr-b-dot {
    border-bottom: dotted #999999 2px;
    margin: 0 0 25px 0;
    padding: 0 0 15px;
}


/* common classes
--------- --------- --------- --------- --------- */
.of{
	float: none;
	overflow: hidden;
}
.mt10{
	margin-top: 10px;
}
.mr28{
	margin-right: 28px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb35{
	margin-bottom: 35px;
}
.mb40{
	margin-bottom: 40px;
}
.mb80{
	margin-bottom: 80px;
}

.sp .easy_check {
    padding: 10px;
}
.sp .easy_check h3#ck {
    height: auto;
    line-height: 1.5;
    padding-top: 5px;
}
.sp .easy_check h3 img{
	float:left;
}
.sp #no1,
.sp #no2,
.sp #no3,
.sp #no4{
	margin-top:20px;
	width:auto;
}
.sp #no1 p,
.sp #no2 p,
.sp #no3 p,
.sp #no4 p{
	padding:0;
}
.sp .mechanism, .tsuchi_ex {
    margin-top:20px;
	padding:10px;
}
.sp .mechanism h3#me {
    margin: 0 0 5px;
}
.sp .mechanism dd {
    float: left;
    height: auto;
    width: auto;
}
.sp .mechanism dl h4 {
    margin-top:10px;
	line-height:1;
	margin-bottom:10px;
}
.sp .tsuchi_ex dl{
width:auto;
height:auto;
}
.sp .mr28 {
    margin-right: 0;
}
.sp .tsuchi_ex.mb35 img{
    width:100%;
}
.sp .tsuchi_ex.mb35 dl{
    margin-bottom:35px;
}