@charset "utf-8";
/*healthcare*/

img{
max-width:100%;
}

body{
font-size:93%;
-webkit-text-size-adjust: 100%;
line-height:150%;
}

header{
width:100%; 
border-top: 4px solid #ffadb6;
border-bottom:none;
background-image: none;
margin:0 0 30px;
}
header section{
width:100%;

}
header section p:first-child{
float:none;
width:100%;
border-bottom:1px solid #c9c9c9;
background-image: -webkit-linear-gradient(90deg, #e8e8e8 0%, #ffffff 56%);
background-image: -moz-linear-gradient(90deg, #e8e8e8 0%, #ffffff 56%);
background-image: -o-linear-gradient(90deg, #e8e8e8 0%, #ffffff 56%);
background-image: linear-gradient(0deg, #e8e8e8 0%, #ffffff 56%);
}
header section p img{
margin:15px auto 15px;
display:block;
}
header section p.copy{
float:none;
width:100%;
margin:0;
padding:15px 10px 0;
font-size:93%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
line-height:150%;
}

#main{
clear:both;
width:100%;
margin:0 auto;
}

footer{
padding:10px;
}


/*------------------inside page-----------------------*/

#title{
background-image:
url("../img/cocokara.gif"), 
url("../img/bg-midashi01.gif");
background-repeat:
no-repeat,
repeat-x;
background-position:
left center,
left bottom;
background-size:
50px 41px,
46px 6px;
height:50px;
padding:9px 0 0 50px;
margin:0 3px 14px;
}
#title h1{
font-size:100%;
margin:0 0 5px 0;
}
#title h2{
font-size:100%;
}
.intro{
margin:0 10px 30px;
}

.chapter{
padding:30px 0 0;
}
.chapter:first-of-type{
background: transparent url("../img/bg-midashi02.gif") repeat-x bottom;
background-size:50px 4px;
}
.chapter:nth-of-type(2){
margin:0 0 10px;
padding:15px 0 0;
}
.chapter .illust{
float:none;
width:auto;
text-align:center;
padding:0 10px 20px;
}
.chapter .illust p{
font-size:75%;
line-height:110%;
text-align:left;
width:auto;
}
.chapter .txt{
width:100%;
float:none;
}
.chapter h2{
background: transparent url("../img/check.gif") no-repeat left top;
background-size:21px 20px;
font-size:100%;
min-height:10px;
padding:0 0 0 28px;
margin:0 10px 10px;
}
.chapter h3{
background-color: #f1eae4;
padding:16px 10px;
font-size:93%;
}
.chapter .txt p{
padding:20px 10px;
}


#column{
clear:both;
border-radius: 5px;
padding:10px;
margin:0 10px 30px;
font-size:88%;
}
#column h2{
margin:10px 0 15px 0;
}
#column div{
border-radius: 5px;
padding:10px 7px 0 7px;
}
#column .illust{
margin:0 auto;
text-align:center;
}
#column .illust picture{
margin:0 0 10px 0;
}

/* 注記を追加 */
#column p.note {
	padding:5px 10px;
	font-size:90%; 
	line-height:140%;
}

#recipe{
clear:both;
border-radius: 5px;
padding:3px;
margin:0 10px;
}
#recipe .inside{
border-radius: 5px;
padding:5px;
}
#recipe .inside h2{
float:none;
margin:0 auto;
text-align:center;
padding:5px 0 10px;
}
#recipe .inside .intro-recipe{
font-size:81%;
margin:0 0 20px;
}
#recipe .inside p{
float:none;
width:auto;
margin:0 0 20px;
}
#recipe h3:nth-of-type(1){
clear:both;
border:3px solid #ffe8bb;
border-width:0 0 3px 0;
text-align:center;
font-size:93%;
padding:0 0 5px 0;
margin:0 0 14px;
}
#recipe h3:nth-of-type(2){
clear:both;
text-align:center;
font-size:93%;
height:auto;
padding:20px 0 7px 0;
margin:0 0 15px;
background-image:
url("../img/bg-midashi03.gif"), 
url("../img/pickup.gif");
background-repeat:
repeat-x,
no-repeat;
background-position:
bottom,
left top;
background-size:
409px 3px,
70px 18px;
}

#recipe .inside .menu .photo{
float:none;
margin:0 auto;
font-size:62%;
text-align:center;
}
#recipe .inside .menu .photo p{
font-size:100%;
text-align:center;
padding:0 0 10px;
margin:0 0 10px;
}
#recipe .menu{
overflow:hidden;
padding:0 0 10px;
font-size:93%;
}
#recipe .menu h4{
float:none;
width:auto;
margin:0 0 5px 0;
background: transparent url("../img/bg-midashi04-sp.gif") no-repeat left bottom;
background-size:107px 22px;
height:auto;
padding:0 0 8px 0;
}
#recipe .menu p{
width:auto;
}
#recipe .recipe{
padding:0;
font-size:93%;
}
#recipe .recipe h4{
padding:0 0 10px 5px;
background: transparent url("../img/bg-midashi04-sp.gif") no-repeat left center;
background-size:107px 22px;
font-weight:normal;
}
#recipe .recipe .photo{
display:block;
float:none;
margin:0 auto 15px;
text-align:center;
}
#recipe .recipe .photo p{
text-align:center;
font-size:62%;
padding:0;
}
#recipe .recipe ol{
clear:both;
list-style-type:none;
margin:0;
}
#recipe .recipe ol li{
padding:0 0 20px 28px;
background-image: url("../img/1.gif");
background-position:left 2px;
background-repeat:no-repeat;
background-size:20px 20px;
}
#recipe .recipe ol li:nth-child(2){
background-image: url("../img/2.gif");
}
#recipe .recipe ol li:nth-child(3){
background-image: url("../img/3.gif");
}
#recipe .recipe ol li:nth-child(4){
background-image: url("../img/4.gif");
}
#recipe .recipe ol li:nth-child(5){
background-image: url("../img/5.gif");
}

#recipe .vegi{
clear:both;
border-radius:5px;
}
#recipe .vegi div.in{
padding:15px;
background:transparent url("../img/ttl-vegi.gif") no-repeat 15px 15px;
background-size:45px 60px;
overflow:hidden;
}
#recipe .vegi picture{
display:block;
float:left;
margin:0 15px 15px 70px;
}
#recipe .vegi h3{
text-align:left;
border:none;
padding:20px 0 0;
margin:0 0 15px;
clear:none;
font-size:93%;
width:auto;
}
#recipe .vegi p{
clear:both;
font-size:88%;
width:auto;
margin:0;
}