@charset "utf-8";

/******/

.sp #feature_02 .teacher{
    margin: 20px 0;
}

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

.sp #feature_02 .teacher p {
    margin: 0;
    padding: 0;
}

.sp #feature_02 .teacher .fl{
    margin:0 auto 5px;
    width: 220px;
}


.sp #feature_02 #img03_p{
    margin:0 0 10px;
}

.sp #feature_02 #img03_p img{
    margin-bottom: 0;
}

.sp #feature_02 #column01{
    margin-top: 20px;
}

.sp #feature_02 #column01 p {
    margin:10px 0 20px;
}

.sp #feature_02 #column02 ul li{
    float: none;
    width: auto;
    padding: 0;
}

.sp #feature_02 #column02 h4 .fl{
    margin-bottom: 10px;
}

.sp #feature_02 #column02_selfcheck{
    padding: 0.3em 0;
    margin: 0.5em 0;
}

.sp #feature_02 #column02_caution{
    padding: 0 0;
}

.sp #feature_02 #column03 {
    padding: 0.5em;
}

.sp #feature_02 #column04 li{
    margin: 20px 0;
    width: auto;
}

.sp #feature_02 #column04 li img{
    margin-bottom: 0;
}

.sp #feature_02 #column05 {
    padding: 1em;
}

.sp #feature_02 #column05 #column05_foods {
    padding: 10px;
    margin-top: 20px;
}

.sp #feature_02 #column05 #column05_foods h5 {
    font-size: 14px;
}

.sp #feature_02 #column05 #column05_foods table {
    width: auto;
}

.sp #feature_02 #column05 #column05_foods table th {
    width: 30%;
}

.sp #feature_02 #column05 ul li {
    width: auto;
    line-height: 1.2;
    padding: 0;
}

.sp #feature_02 #column05 ul li.no5 {
    height:auto;
}


/*----------------------------------
　糖尿病
------------------------------------*/
#feature_02 .contents h2 img{
    border: none;
}
#feature_02 .teacher{
   border: 2px solid #C6A1B8;
   padding:7px;
   overflow: hidden;
   float: none;
}
#feature_02 .teacher h3{
    font-size: 10px;
    margin: 0;
    padding: 0;
    background: #934C73;
    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_02 .teacher .fl{
    overflow: hidden;
    width:200px;
    padding-bottom: 0;
}
#feature_02 .teacher .fl img{
    float: left;
}
#feature_02 .teacher .fl .img_cap{
    margin-top: 0.9em;
    margin-left:75px;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 1.4;
}
#feature_02 .teacher .fl #mt04{
	margin-top: 0.4em;
}
#feature_02 .teacher .fl .img_cap p.name{
    font-size: 16px;
    margin: 3px 0;
    padding: 0;
}
#feature_02 .teacher .fl .img_cap p{
    margin: 3px 0;
    padding: 0;
}
#feature_02 .teacher p{
    margin-top: 0.7em;
    margin-left: 220px;
}
#feature_02 .teacher p.mt03{
    margin-top: 0.3em;
}
#feature_02 .theme {
	border: 4px #ccc double;
	margin-bottom: 20px;
	padding: 20px;
}
#feature_02 .theme p {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}
#feature_02 .purple {
	color: #934C73;
}
#feature_02 .pink {
	color: #E74566;
}
#feature_02 .vermilion {
	color: #EB603A;
}
#feature_02 .orange {
	color: #F08334;
}
#feature_02 h3{
    color:#E74566 ;
}
#feature_02 .misunderstanding{
	background: #FFF8E0;
	margin-bottom: 30px;
	overflow: hidden;
}
#feature_02 .misunderstanding dt{
	height: 108px;
	width:280px;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.7;
	float: left;
	padding: 10px 40px 10px 20px;
}
#feature_02 .misunderstanding dt#mis7{
	padding: 10px 120px 10px 20px;
}
#feature_02 .misunderstanding dt span{
	color: #FFEB26;
}
#feature_02 .misunderstanding dt.blue{
	background: url('../img/feature/20_tounyou/b_arrow.jpg') no-repeat right center #465379;
}
#feature_02 .misunderstanding dt.green{
	background: url('../img/feature/20_tounyou/g_arrow.jpg') no-repeat right center #7F9C3D;
}
#feature_02 .misunderstanding dd{
	height: 128px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#feature_02 .misunderstanding dd img{
	position: absolute;
	top: 8px;
	right: 10px;
}
#feature_02 .misunderstanding dd p{
	position: absolute;
	top: 32px;
}
#feature_02 .misunderstanding dd span{
	color: #E74566;
}
#feature_02 .misunderstanding dd#ans1,
#feature_02 .misunderstanding dd#ans5{
	margin-left: 340px;
}
#feature_02 .misunderstanding dd#ans2,
#feature_02 .misunderstanding dd#ans4{
	margin-left: 280px;
}
#feature_02 .misunderstanding dd#ans3{
	margin-left: 348px;
}
#feature_02 .misunderstanding dd#ans5{
	margin-left: 360px;
}
#feature_02 .misunderstanding dd#ans6{
	margin-left: 330px;
}
#feature_02 .misunderstanding dd#ans7{
	margin-left: 360px;
}
#feature_02 .study{
	border: 1px #A57F53 solid;
	margin-bottom: 40px;
	padding: 25px 19px 5px;
}
#feature_02 .study h4 img{
	vertical-align: middle;
	padding-right: 10px;
}
#feature_02 .study h4{
	font-size: 18px;
	margin-bottom: 10px;
}
#feature_02 .study h4 span{
	color: #A57F53;
}
#feature_02 .study ul{
	overflow: hidden;
}
#feature_02 .study li{
	float: left;
	margin: 0 10px 20px;
}
#feature_02 .complication h4{
	color: #924C72;
	font-size: 18px;
	border-top: 2px #924C72 dotted;
	border-bottom: 2px #924C72 dotted;
	margin-bottom: 30px;
	padding: 5px;
}
#feature_02 .complication ul{
	margin-bottom: 40px;
	overflow: hidden;
}
#feature_02 .complication li{
	float: left;
	margin: 0 10px 20px;
}
#feature_02 .type{
	position: relative;
	margin-bottom: 40px;
	padding-top: 50px;
}
#feature_02 .type ul{
	overflow: hidden;
}
#feature_02 .type li{
	float: left;
	margin-left: 10px;
}
#feature_02 .type li:first-child{
	margin-left: 0;
}
#feature_02 .type li dl{
	width: 202px;
	height: 100px;
	border: 1px #A57F53 solid;
	padding: 15px 8px 30px;
	border-radius: 4px;
}
#feature_02 .type h4{
	color: #A57F53;
	padding-bottom: 50px;
}
#feature_02 .type li dt{
	color: #A57F53;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
#feature_02 .type li dd{
	font-size: 13px;
	font-weight: bold;
	padding: 0 4px;
}
#feature_02 .type li dt .pink,
#feature_02 .type li dd.pink{
	color: #EC8599;
}
#feature_02 .type img.medicina{
	position: absolute;
	top: 0;
	left: 230px;
}
#feature_02 .column{
	background: #FEF5EF;
	margin-bottom: 40px;
	padding: 25px;
}
#feature_02 .column h4{
	color: #F08334;
	margin-bottom: 15px;
}
#feature_02 .column h4 img{
	display: block;
	margin-bottom: 15px;
}
#feature_02 .column p{
	margin-bottom: 10px;
}
#feature_02 .column .fl{
	padding: 0;
}
#feature_02 .column p.w300{
	width: 400px;
}
#feature_02 .prevention{
	background: #FEF5EF;
	border: 4px #F08334 solid;
	margin-bottom: 40px;
	padding: 20px;
}
#feature_02 .prevention h4{
	margin-bottom: 25px;
}
#feature_02 .prevention ol{
	overflow: hidden;
}
#feature_02 .prevention li{
	width: 290px;
	min-height: 250px;
	height: auto;
	float: left;
	margin: 0 13px 26px;
}
#feature_02 .prevention li.h220{
	min-height: 0;
	height: 240px !important;
}
#feature_02 .prevention li.h278{
	min-height: 0;
	height: 320px !important;
}
#feature_02 .prevention li dt{
	margin-bottom: 20px;
}
#feature_02 em{
	font-size: 30px;
}



.sp #feature_02 p{
	margin-bottom: 1em;
}
.sp #feature_02 .misunderstanding dt{
	height: auto;
	width:100%;
	font-size: 16px;
	line-height: 1.5em;
	padding: 10px 8px;
	float: none;
	text-align: center;
}
.sp #feature_02 .misunderstanding dt#mis7{
	padding: 10px 8px;
}
.sp #feature_02 .misunderstanding dt.blue{
	background: #465379;
	position: relative;
}
.sp #feature_02 .misunderstanding dt.blue:after{
	content:'';
	height:0;
	width:0;
	display:block;
	border:0.8em transparent solid;
	border-bottom-width:0;
	border-top-color:#465379;
	position:absolute;
	bottom:-0.7em;
	left:10%;
}
.sp #feature_02 .misunderstanding dt.green{
	background: #7F9C3D;
	position: relative;
}
.sp #feature_02 .misunderstanding dt.green:after{
	content:'';
	height:0;
	width:0;
	display:block;
	border:0.8em transparent solid;
	border-bottom-width:0;
	border-top-color:#7F9C3D;
	position:absolute;
	bottom:-0.7em;
	left:10%;
}
.sp #feature_02 .misunderstanding dd{
	height: auto;
	font-size: 17px;
	position: static;
	text-align: center;
	padding: 10px 8px;
}
.sp #feature_02 .misunderstanding dd#ans1,
.sp #feature_02 .misunderstanding dd#ans2,
.sp #feature_02 .misunderstanding dd#ans3,
.sp #feature_02 .misunderstanding dd#ans4,
.sp #feature_02 .misunderstanding dd#ans5,
.sp #feature_02 .misunderstanding dd#ans6,
.sp #feature_02 .misunderstanding dd#ans7{
	margin-left: 0;
}
.sp #feature_02 .misunderstanding dd img,
.sp #feature_02 .misunderstanding dd p{
	position: static;
	margin-bottom: 0;
}
.sp #feature_02 .misunderstanding dd img{
	padding-bottom: 0.8em;
}
.sp #feature_02 h4{
	text-align: center;
}
.sp #feature_02 h4 img{
	padding: 0;
}
.sp #feature_02 .study li,
.sp #feature_02 .complication li,
.sp #feature_02 .type li{
	float: none;
	margin-right: 0;
	margin-left: 0;
}
.sp #feature_02 .type,
.sp #feature_02 .type img.medicina{
	position: static;
	padding-top: 1.5em;
}
.sp #feature_02 .type h4{
	font-size: 16px;
	padding-bottom: 0;
}
.sp #feature_02 .type li{
	margin-bottom: 1.5em;
}
.sp #feature_02 .type li:last-child{
	margin-bottom: 0.5em;
}
.sp #feature_02 .type li dl{
	width: 90%;
	margin: 0 auto;
}
.sp #feature_02 .prevention li{
	width: auto;
	float: none;
	margin-right: 0;
	margin-left: 0;
	min-height: 0;
}
.sp #feature_02 .prevention li.h220,
.sp #feature_02 .prevention li.h278{
	height: auto !important;
}






/*----------------------------------
　本当の美髪
------------------------------------*/
.sp #feature_03 h3{
    font-size: 120%;
    font-weight: bold;
    margin: 20px 0 10px;
}

#feature_03 .contents h2 img{
    border: none;
}
#feature_03 .teacher{
   border: 2px solid #42B8E4;
   padding:7px;
   overflow: hidden;
   float: none;
}
#feature_03 .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_03 .teacher .fl{
    overflow: hidden;
    width:200px;
    padding-bottom: 0;
}
#feature_03 .teacher .fl img{
    float: left;
}
#feature_03 .teacher .fl .img_cap{
    margin-top: 0.9em;
    margin-left:75px;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 1.4;
}
#feature_03 .teacher .fl #mt04{
	margin-top: 0.4em;
}
#feature_03 .teacher .fl .img_cap p.name{
    font-size: 16px;
    margin: 3px 0;
    padding: 0;
}
#feature_03 .teacher .fl .img_cap p{
    margin: 3px 0;
    padding: 0;
}
#feature_03 .teacher p{
    margin-top: 0.7em;
    margin-left: 220px;
}
#feature_03 .teacher p.mt03{
    margin-top: 0.3em;
}
#feature_03 .theme {
	border: 4px #ccc double;
	margin-bottom: 20px;
	padding: 20px;
}
#feature_03 .theme p {
	color: #666;
	font-size: 14px;
	margin-bottom: 0;
}
#feature_03 .pink {
	color: #E7407D;
}
#feature_03 .theme p.appeal {
	color: #333;
	font-size: 18px;
}
#feature_03 .yellow {
	color: #F4A040;
}
#feature_03 .index_h2{
	margin-bottom: 20px;
}
#feature_03 h3{
    color: #C6832C ;
}
#feature_03 .of .fr{
	padding: 0 0 10px 0;
}
#feature_03 .about_toka{
	color: #fff;
	background: #71BCE9;
	margin-bottom: 30px;
	padding: 20px;
}
#feature_03 .column{
	background: #F8F2E7;
	margin-bottom: 40px;
	padding: 20px 0;
}
#feature_03 .column dl{
	width: 530px;
	margin: 0 auto 30px;
}
#feature_03 .column dt{
	margin-bottom: 30px;
}
#feature_03 .column h4{
	color: #E9528D;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}
#feature_03 .taisaku_box{
	border-bottom: 2px #999999 dotted;
	margin-bottom: 25px;
	padding-bottom: 15px;
}
#feature_03 .taisaku_box .fl{
	width: 420px;
}
#feature_03 .taisaku_box h4{
	font-size: 16px;
	margin-bottom: 20px;
}
#feature_03 .taisaku_box h4 img{
	display: block;
	margin-bottom: 10px;
}
#feature_03 .taisaku_box h4 span{
	color: #EB6C79;
}
#feature_03 .taisaku_box p{
	font-size: 13px;
}
#feature_03 .lifestyle{
	background: #ECF9FF;
	margin: 40px 0;
	padding: 30px;
}
#feature_03 .lifestyle h4{
	margin-bottom: 30px;
}
#feature_03 .lifestyle dl{
	margin-bottom: 15px;
}
#feature_03 .lifestyle dt{
	margin-bottom: 15px;
}
#feature_03 .lifestyle h5{
	color: #46B2E6;
	font-size: 16px;
	margin-bottom: 15px;
}
.sp #feature_03 .of{
	margin-top: 10px;
}
.sp #feature_03 .teacher{
    margin: 20px 0;
}
.sp #feature_03 .teacher p {
    margin: 0;
    padding: 0;
}
.sp #feature_03 .teacher .fl{
    margin:0 auto 5px;
    width: 220px;
}
.sp #feature_03 .about_toka,
.sp #feature_03 .column{
	margin-top: 20px;
}
.sp #feature_03 .column dl{
	width: 90%;
}
.sp #feature_03 .column dd p{
	margin-bottom: 10px;
}
.sp #feature_03 .taisaku_box h4{
	text-align: center;
}




/* common classes
--------- --------- --------- --------- --------- */
.of{
	float: none;
	overflow: hidden;
}
.mt10{
	margin-top: 10px;
}
.mr28{
	margin-right: 28px;
}
.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;
}