@charset "utf-8";
/*
	top.css
*/

/* ==========================================================
	PC表示 @media screen and (min-width: 641px)
========================================================== */

@media screen and (min-width:641px) {
	#recipe #contents .inner {
		width: 920px;
		padding: 30px 0 80px;
		margin: 0 auto;
	}
	#recipe h3 {
		background: url(/tv/precure_alamode/images/shared/icon.png) no-repeat 10px center,
		url(/tv/precure_alamode/images/shared/icon.png) no-repeat 788px center, #ff5f78;
	  width: 860px;
	  border-radius: 80px;
	  text-align: center;
	  color: #fff;
	  font-size: 28px;
	  font-weight: bold;
	  word-wrap : break-word;
	  overflow-wrap : break-word;
	  padding: 16px 80px;
	  margin: 0 auto;
	  position: relative;
	  z-index: 2;
	}
	#recipe.page01 h3,
	#recipe.page02 h3 {
		background: url(/tv/precure_alamode/images/shared/icon.png) no-repeat 10px center,
		url(/tv/precure_alamode/images/shared/icon.png) no-repeat 788px center, #ff7796;
	  font-weight: normal;
	}
	#recipe h3 span {
		background-color: #ffd6df;
    border-radius: 20px;
    width: 180px;
    text-align: center;
    color: #ff5f78;
    font-size: 16px;
    font-weight: normal;
    padding: 4px 0 2px;
    margin: 0 0 0 -90px;
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 3;
	}
	#recipe h3 em {
		background-color: #ffd6df;
    border-radius: 20px;
    width: 180px;
    text-align: center;
    color: #ff5f78;
    font-size: 16px;
    font-weight: normal;
    padding: 4px 0 2px;
    margin: 0 0 0 -90px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 3;
	}
	#recipe section {
		background: url(/tv/precure_alamode/images/recipe/bg_inline.gif) repeat;
		border-radius: 10px;
		width: 860px;
		padding: 62px 0 50px;
		margin: -52px auto 45px;
		position: relative;
		z-index: 1;
	}
	#recipe.detail section {
		background: url(/tv/precure_alamode/images/recipe/bg_line_star.png) repeat-x center bottom,
		url(/tv/precure_alamode/images/recipe/bg_inline.gif) repeat;
	}
	#recipe.page02 section {
		margin: -52px auto 20px;
	}
	#recipe section .pic_area {
		background: url(/tv/precure_alamode/images/recipe/flame_l.png) no-repeat center 0;
		width: 682px;
	  padding: 21px;
	  margin: 60px auto 40px;
	}
	#recipe section .pic_area .movie100,#recipe section .pic_area .movie100pic{
		width:640px;
		height:426px;
	}
	#recipe section .pic_area div.movie100 iframe{
		width:100%;
		height:100%;
	}
	#recipe section .materials_area {
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 0 0 2px #ef8cb6, 0 0 0 6px #fff;
		width: 760px;
    padding: 10px 30px 35px;
    margin: 0 auto ;
	}
	#recipe section h4 {
    padding: 20px 10px;
    margin: 0;
    position: relative;
	}
	
	#recipe section h4 span {
		background-color: #ff7796;
    width: 685px;
    border-radius: 60px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    word-wrap : break-word;
    overflow-wrap : break-word;
    display: inline-block;
    padding: 8px 10px 4px 50px;
    margin: 0;
	}
	#recipe section h4 img {
		position: absolute;
		top: 36px;
		left: 0;
	}
	
	
	
	
	

	#recipe h4.subTtl span {
		border-bottom: 2px dotted #ef8cb6;
		text-align: center;
		color: #ff5f78;
		font-size: 28px;
		font-weight: bold;
		word-wrap: break-word;
		overflow-wrap: break-word;
		padding: 20px 0px 10px;
		margin: 70px auto 20px;
		width: 100%;
		display:block;
	}
	
	
	.backBtn{width:100%;margin:100px 0 70px;}
	
	.backBtn a{width:30%;text-align:center;margin:0 35%;display:block;}
	
	.recipeList div.item:nth-child(n+4){display:none;}
	
	#recipe section ul {
		width: 650px;
		margin: 15px auto 0;
	}
	#recipe section ul li {
		width: 315px;
		color: #ff5f78;
		margin: 0 0 0 10px;
		float: left;
	}
	#recipe section dl dt {
		background: url(/tv/precure_alamode/images/recipe/line_cream.png) repeat-x 0 bottom;
    padding: 0 0 12px;
    margin: 0 0 10px;
	}
	#recipe section dl dt > span {
		background: url(/tv/precure_alamode/images/recipe/icon_star.png) no-repeat 0 center;
    padding: 2px 0 0 25px;
	}
	#recipe section dl dd {
		margin: 0 0 0 4px;
	}
	#recipe h5 {
		color: #ff5f78;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
	}
	#recipe p.h5style {
		width: 860px;
		color: #ff5f78;
		font-size: 26px;
		font-weight: bold;
		text-align: left;
		margin: 0 auto;
		background: url(/tv/precure_alamode/images/recipe/bg_com01b.jpg) no-repeat 0 center;
		padding:20px 0 20px 145px;
	}
	
	#recipe p.h5style span a{
width: 72%;
    background-color: #ff7796;
    font-size: 0.685em;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    display: block;
    border-radius: 30px;
	}
	
	
	#recipe section .btn_detail {
		width: 332px;
		margin: 0 auto;
	}

	/* BTN AREA
	-------------------- */
	#recipe .btn_area {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 bottom;
		width: 920px;
		padding: 0 0 30px;
		margin: 0 auto;
		overflow: hidden;
	}
	#recipe .btn_area li {
		float: left;
	}
	#recipe .btn_area li:last-child {
		margin: 0 0 0 20px;
	}

	/* RECIPE LIST
	-------------------- */
	#recipe .recipe_list {
		width: 920px;
		margin: 30px auto 0;
		overflow: hidden;
	}
	#recipe .recipe_list > div {
		background-color: rgba(255,95,120,0.5);
		border-radius: 5px;
		width: 300px;
		text-align: center;
		float: left;
		margin: 0 10px 10px 0;
	}
	#recipe .recipe_list > div:nth-child(3n) {
		margin: 0 0 10px;
	}
	#recipe .recipe_list > div a {
		text-decoration: none;
		padding: 16px 0 12px;
		display: block;
	}
	#recipe .recipe_list > div span {
		background-color: #ff5f78;
	  border-radius: 10px;
	  width: 132px;
	  height: 20px;
	  text-align: center;
	  color: #fff;
	  font-size: 14px;
	  font-weight: normal;
	  display: inline-block;
	}
	#recipe .recipe_list > div .tit {
		background: url(/tv/precure_alamode/images/recipe/line_dashed.png) no-repeat 0 bottom;
	  color: #fff;
	  font-size: 22px;
	  padding: 6px 5px 5px;
	}
	#recipe .recipe_list > div .thumb {
		width: 286px;
		height: 195px;
		margin: 12px auto 0;
		position: relative;
	}
	#recipe .recipe_list > div .thumb .pict {
		padding: 11px 13px;
		position:absolute;
		z-index: 1;
	}
	#recipe .recipe_list > div .thumb .flame {
    position:absolute;
    z-index: 2;
	}

	/* BTN PAGE LINK
	-------------------- */
	#recipe .btn_pagelink {
	  border: solid 1px rgba(255,255,255,0.15);
	  border-radius: 10px;
	  background-color: rgba(255,119,150,0.25);
		width: 600px;
		font-size: 0;
		text-align: center;
		padding: 18px 0 16px;
		margin: 0 auto 32px;
	}
	#recipe .btn_pagelink li {
	  display: inline-block;
	  margin: 0 0 0 6px;
	}
	#recipe .btn_pagelink li:first-child {
	  margin: 0;
	}

	/* LINK BTN AREA
	-------------------- */
	#recipe .link_btn_area {
		width: 600px;
		font-size: 0;
		text-align: center;
		margin: 60px auto;
	}
	#recipe .link_btn_area li {
		display: inline-block;
	}
	#recipe .link_btn_area li:last-child {
		margin: 0 0 0 10px;
	}
	/* COLUMN
	-------------------- */
	#recipe .column {
		width: 860px;
		margin: 0 auto 60px;
	}
	#recipe.page01 .column {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 top;
		padding: 4px 0 0;
	}
	#recipe.page02 #link03 .column {
		margin: 0 auto;
	}
	#recipe .column dl {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 bottom;
		padding: 14px 0;
	}
	#recipe .column dl > dt {
		font-size: 24px;
		color: #ff5f78;
		padding: 0 18px;
	}
	#recipe .column dl > dd {
		color: #6a3619;
		padding: 0 18px;
	}
	#recipe .column dl > dd a {
		color: #ff7796;
	}
	#recipe p.comment {
		background: url(/tv/precure_alamode/images/recipe/01/bg_com01.png) no-repeat 0 center;
		width: 580px;
		height: 130px;
		margin: 20px auto;
 	}
	#recipe p.comment span {
		background-color: rgba(255,216,247,0.75);
		border-radius: 5px;
		font-size: 12px;
		width: 440px;
		min-height: 65px;
		padding: 14px 15px 12px;
		margin: 12px 0 0 140px;
		display: inline-block;
	}

	/* HOW TO LIST
	-------------------- */
	#recipe .how_to_list {
		margin: 4px 0 0;
	}
	#recipe .how_to_list dl {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 bottom;
		width: 860px;
	  padding: 16px 0 18px;
	  margin: 0 auto;
	  display: table;
	  position: relative;
	}
	#recipe .how_to_list dl dt {
		background-color: #ff5f78;
		border-radius: 5px;
		text-align: center;
		vertical-align: middle;
		width: 40px;
		height: 40px;
		max-height: 220px;
		display: table-cell;
	}
	#recipe .how_to_list dl dt span {
		color: #fff;
		font-size: 2.0rem;
	}
	#recipe .how_to_list dl dd {
		width: 800px;
		padding: 5px 0 0 10px;
		float: left;
	}
	#recipe .how_to_list dl dd > div {
		width: 480px;
		float: left;
	}
	#recipe .how_to_list dl dd > div > p {
		font-size: 24px;
		color: #ff5f78;
	}
	
	
 	#recipe .how_to_list dl dd div.imgRight {
 
 		width: 306px;

 		float: right;
 		overflow:hidden;
 	}
	
	
	
 	#recipe .how_to_list dl dd .img {
 		background: url(/tv/precure_alamode/images/recipe/flame_m.png) no-repeat 0 center;
 		width: 306px;
 		height: 210px;
 		padding: 16px;
 		float: right;
 	}
 	
 	
 	
	a:hover{opacity:0.75;}

#recipe .info h4 {
	color: #ff5f78;
    font-size: 24px;
    font-weight: bold;
    padding:10px 0;
}

#recipe ul.starBox {
padding:20px 0px 50px;
    font-size: 16px;
    line-height: 24px;
} 	

#recipe ul.starBox li {
padding:5px 0px;

} 	

	
#recipe .star {
    background-color: #ffd6df;
    border-radius: 20px;
    width: 180px;
    text-align: center;
    color: #ff5f78;
    font-size: 1em;
    font-weight: normal;
    padding: 4px 0 2px;
    display:inline-block;

 
}


	#recipe .cooking_area {

	}
	#recipe .cooking_area dl {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 bottom;
		width: 860px;
    padding: 16px 0 18px;
    display: table;
    position: relative;
	}
	#recipe .cooking_area dl dt {
		background-color: #ff5f78;
		border-radius: 5px;
		text-align: center;
		vertical-align: middle;
		width: 40px;
		height: 40px;
		max-height: 220px;
		display: table-cell;
	}
	#recipe .cooking_area dl dt.pc_00 {
		width: 40px;
		height: 75px;
	}
	#recipe .cooking_area dl dt span {
		color: #fff;
		font-size: 2.0rem;
	}
	#recipe .cooking_area dl dd {
		width: 800px;
		padding: 5px 0 0 10px;
		float: left;
	}
	#recipe .cooking_area dl dd > div {
		width: 480px;
		float: left;
	}
	#recipe .cooking_area dl dd > div p.comment01 {
		background: url(/tv/precure_alamode/images/recipe/bg_com01.jpg) no-repeat 0 center;
		width: 445px;
		height: 130px;
		margin: 10px 0 0;
 	}
	#recipe .cooking_area dl dd > div p.comment02 {
		background: url(/tv/precure_alamode/images/recipe/bg_com02.jpg) no-repeat 0 center;
		width: 445px;
		height: 130px;
		margin: 10px 0 0;
 	}
	#recipe .cooking_area dl dd > div p[class^="comment"] span {
		background-color: rgba(255,216,247,0.75);
		border-radius: 5px;
		font-size: 12px;
		width: 305px;
		min-height: 65px;
		padding: 14px 15px 12px;
		margin: 10px 0 0 140px;
		display: inline-block;
	}
 	#recipe .cooking_area dl dd .img {
 		background: url(/tv/precure_alamode/images/recipe/bg_frame_s.png) no-repeat 0 center;
 		width: 306px;
 		height: 210px;
 		padding: 16px;
 		float: right;
 	}



	div.recipeSnsIns {top:42px;padding:15px 0 0 30px;position: absolute;left: 65px;z-index:2000;}
	div.recipeSnsIns div{display:block;background-color:#FFF;padding:15px;border:1px #efefef solid;border-radius:10px;overflow:hidden;}
	div.recipeSnsIns div img{display:block;float:left;margin-right:15px;}
	div.recipeSnsIns div span{display:block;float:left;font-weight:700;color:#333;font-size:0.825em;line-height:1.25em;margin-top:3px;}

	div.recipeSns {top:67px;padding:15px 0 0 30px;position: absolute;right: 15px;z-index:2000;overflow:hidden;white-space:nowrap;}
	div.recipeSns div{display:block;margin-right:10px;float:left;}
	div.recipeSns div:nth-child(4){display:block;margin:0 0 0 5px;width:33px;}
	div.recipeSns div:nth-child(4) img{margin:-7px 0 0 0;display:block;}
	
	
	section{overflow:hidden;position:relative;}
	p.pright{position:absolute;left:-5px;top:285px;z-index:1000;}
	p.pleft{position:absolute;right:-5px;top:285px;z-index:1000;}
	p.pright img,p.pleft img{width:80%;margin-right:10%;margin-left:7.5%;}

	p.pleft a,p.pright a{color:#ff5f78;font-weight:700 !important;}
	p.pleft a:hover,p.pright a:hover{opacity:0.7;}
	p.pleft span,p.pright span{display:block;margin-top:10px;font-size:0.875em;text-align:center;}
	
	
 	.info01{overflow:hidden;width:100% !important;clear:both;margin-top:35px;}
 	.info01 p.text{float:left;clear:both;}


	
}

/* ==========================================================
  SP表示 @media screen and (max-width: 640px)
========================================================== */

@media screen and (max-width:640px) {
	.h2_area h2 {
		width: 640px;
	}
	#recipe #contents .inner {
		width: 100%;
		padding: 35px 4% 40px;
		margin: 0 auto;
	}
	#recipe h3 {
		background: url(/tv/precure_alamode/images/shared/icon.png) no-repeat 4% center,
		url(/tv/precure_alamode/images/shared/icon.png) no-repeat 95% center, #ff7796;
		background-size: 30px;
		width: 100%;
		border-radius: 80px;
		color: #fff;
		font-size: 2.2rem;
		text-align: center;
		font-weight: bold;
  	word-wrap : break-word;
		overflow-wrap : break-word;
		padding: 10px 50px;
		position: relative;
		z-index: 2;
	}
	#recipe h3 span {
    background-color: #ffd6df;
    border-radius: 20px;
    width: 160px;
    text-align: center;
    color: #ff5f78;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 2px 0 1px;
    margin: 0 0 0 -80px;
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 3;
	}
	#recipe h3 em {
    background-color: #ffd6df;
    border-radius: 20px;
    width: 160px;
    text-align: center;
    color: #ff5f78;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 2px 0 1px;
    margin: 0 0 0 -80px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 3;
	}


#recipe .info h4 {
	color: #ff5f78;
    font-size: 18px;
    font-weight: bold;
    padding:15px 0 10px;
}

#recipe ul.starBox {
padding:0px 0px 10px;
    font-size: 16px;
    line-height: 24px;
} 	

#recipe ul.starBox li {
padding:15px 0px 0px ;
font-size:0.785em;

} 	

	
#recipe .star {
    background-color: #ffd6df;
    border-radius: 20px;
    width: 180px;
	text-align:center;
    color: #ff5f78;
    font-size: 1.375em;
    font-weight: normal;
    padding: 4px 0 2px;
    display:block;
    margin:0 0 2px;

 
}
	
	#recipe section {
		position: relative;
		z-index: 1;
	}
	#recipe section .pic_area {
		background: url(/tv/precure_alamode/images/recipe/flame_l.png) no-repeat center 0;
		background-size: 100% auto;
		padding: 4%;
		margin: 65px auto 20px;
	}
	#recipe.detail section .pic_area {
		margin: 5px auto 20px;
	}
	#recipe section .pic_area .movie100{
		position: relative;
		width: 100%;
		padding-top: 66%;
		}
		
	#recipe section .pic_area .movie100pic{
		position: relative;
		width: 100%;
		padding-top:0%;
		}
	#recipe section .pic_area .movie100 iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	#recipe section .btn_detail {
		text-align: center;
	}
	#recipe section .materials_area {
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 0 0 2px #ef8cb6, 0 0 0 6px #fff;
    padding: 10px 4%;
    margin: 75px auto 20px;
	}
	#recipe section h4 {
		height: 100%;
    padding: 5px;
    margin: 0;
    position: relative;
	}
	#recipe section h4 span {
		background-color: #ff7796;
		border-radius: 60px;
		width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    word-wrap : break-word;
    overflow-wrap : break-word;
    display: inline-block;
    padding: 6px 10px 2px 45px;
    margin: 0;
	}
	#recipe section h4 img {
		width: 43px;
		height: 28px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	
	
	#recipe h4.subTtl span {
		border-bottom: 2px dotted #ef8cb6;
		text-align: center;
		color: #ff5f78;
		font-size: 18px;
		font-weight: bold;
		word-wrap: break-word;
		overflow-wrap: break-word;
		padding: 20px 0px 10px;
		margin: 70px auto 20px;
		width: 100%;
		display:block;
	}
	
	
	.backBtn{width:100%;margin:30px 0 50px;}
	
	.backBtn a{width:45%;text-align:center;margin:0 27.5%;display:block;}
	
	#recipe section ul {
		margin: 15px auto 0;
	}
	#recipe section ul li {
		color: #ff5f78;
		margin: 0 0 10px;
	}
	#recipe section dl dt {
		background: url(/tv/precure_alamode/images/recipe/line_cream.png) repeat-x 0 bottom;
		background-size: 65px 7px;
    padding: 0 0 8px;
    margin: 0 0 10px;
	}
	#recipe section dl dt > span {
		background: url(/tv/precure_alamode/images/recipe/icon_star.png) no-repeat 0 center;
		background-size: 20px;
    padding: 2px 0 0 25px;
	}
	#recipe section dl dd {
		margin: 0 0 0 4px;
	}
	#recipe h5 {
		color: #ff5f78;
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
		margin: 20px 0;
	}
	#recipe p.h5style {
		color: #ff5f78;
		font-size: 1.25rem;
		font-weight: bold;
		text-align: left;
		margin: 0 0 -30px 0;
		background: url(/tv/precure_alamode/images/recipe/bg_com01b.jpg) no-repeat 0 center;
		padding:20px 0 20px 20%;
		background-size:20%;
	}


	#recipe p.h5style span a{
width: auto;
    background-color: #ff7796;
    font-size: 0.825em;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 5px auto;
    padding: 10px 20px;
    display: block;
    border-radius: 30px;
	}

	/* BTN AREA
	-------------------- */
	#recipe .btn_area {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 bottom;
		width: 100%;
		padding: 0 0 20px;
	}
	#recipe .btn_area li {
		margin: 20px 0 0;
	}

	/* RECIPE LIST
	-------------------- */
	#recipe .recipe_list {
		width: 100%;
		margin: 20px auto 0;
		overflow: hidden;
	}
	#recipe .recipe_list > div {
		background-color: rgba(255,95,120,0.5);
		border-radius: 5px;
		width: 49%;
		text-align: center;
		margin: 0 2% 2% 0;
		float: left;
	}
	#recipe .recipe_list > div:nth-child(even) {
		margin: 0 0 2%;
	}
	#recipe .recipe_list > div a {
		text-decoration: none;
		padding: 10px 0 8px;
		display: block;
	}
	#recipe .recipe_list > div span {
		background-color: #ff5f78;
	  border-radius: 10px;
	  width: 80%;
	  height: 14px;
	  text-align: center;
	  color: #fff;
	  font-size: 10px;
	  font-weight: normal;
	  display: inline-block;
	}
	#recipe .recipe_list > div .tit {
		background: url(/tv/precure_alamode/images/recipe/line_dashed.png) repeat-x 0 bottom;
	  background-size: 50%;
	  color: #fff;
	  font-size: 13px;
	  padding: 6px 6% 5px;
	}
	#recipe .recipe_list > div .thumb {
		padding: 0 1%;
		margin: 10px auto 0;
		position: relative;
	}
	#recipe .recipe_list > div .thumb .pict {
		background: url(/tv/precure_alamode/images/recipe/flame_s.png) no-repeat 0 center;
	  background-size: 100% auto;
	  width: 100%;
		padding: 5%;
	}
	#recipe .recipe_list > div .thumb .flame {
		display: none;
	}

	/* BTN PAGE LINK
	-------------------- */
	#recipe .btn_pagelink {
	  border: solid 1px rgba(255,255,255,0.15);
	  border-radius: 10px;
	  background-color: rgba(255,119,150,0.25);
		width: 100%;
		font-size: 0;
		text-align: center;
		padding: 2% 4%;
		margin: 0 auto 25px;
	}
	#recipe .btn_pagelink li {
		width: 49%;
	  display: inline-block;
	  margin: 0 0 0 2%;
	}
	#recipe .btn_pagelink li:first-child {
	  margin: 0;
	}
	#recipe.page02 .btn_pagelink li {
		width: 32%;
	}

	/* LINK BTN AREA
	-------------------- */
	#recipe .link_btn_area {
	margin: 30px 0;

	}
	#recipe .link_btn_area li {
	margin: 0 2% 20px;
    width: 46%;
    float: left;
	}
	/* COLUMN
	-------------------- */
	#recipe .column {
		width: 100%;
		margin: 20px auto 25px;
	}
	#recipe.page01 .column {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 top;
		padding: 2px 0 0;
	}
	#recipe .column dl {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 bottom;
		width: 100%;
		padding: 2.5% 0 3%;
	}
	#recipe .column dl > dt {
		font-size: 18px;
		color: #ff5f78;
		padding: 0 2%;
	}
	#recipe .column dl > dd {
		color: #6a3619;
		padding: 0 2%;
	}
	#recipe .column dl > dd a {
		color: #ff7796;
	}
	#recipe p.comment {
		background: url(/tv/precure_alamode/images/recipe/01/bg_com01.png) no-repeat 0 center;
		background-size: 140px 130px;
		width: 100%;
		height: 130px;
		margin: 20px 0 45px;
 	}
	#recipe p.comment span {
		background-color: rgba(255,216,247,0.75);
		border-radius: 5px;
		padding: 10px 14px;
		margin: 10px 0 0 140px;
		display: block;
	}

	/* HOW TO LIST
	-------------------- */
	#recipe .how_to_list {
	}
	#recipe .how_to_list dl {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 bottom;
		width: 100%;
		padding: 16px 0 18px;
	}
	#recipe .how_to_list dl dt {
		display: none;
	}
	#recipe .how_to_list dl dt span {
		color: #fff;
		font-size: 2.0rem;
	}
	#recipe .how_to_list dl dd {
		padding: 0 5px;
		margin: 10px 0 0;
	}
	#recipe .how_to_list dl dd > div > p {
		font-size: 18px;
		color: #ff5f78;
		margin: 0 0 5px;
	}
 	#recipe .how_to_list dl dd .img {
 		background: url(/tv/precure_alamode/images/recipe/flame_m.png) no-repeat 0 center;
 		background-size: 100% auto;
 		padding: 6% 5% 5%;
 		margin: 15px 0 0;
 	}
 	

 	
	#recipe .cooking_area {

	}
	#recipe .cooking_area dl {
		background: url(/tv/precure_alamode/images/recipe/line_stitch.png) repeat-x 0 bottom;
		width: 100%;
    padding: 16px 0 18px;
	}
	#recipe .cooking_area dl dt {
		background-color: #ff5f78;
		border-radius: 5px;
		text-align: center;
		padding: 2px 0 0;
	}
	#recipe .cooking_area dl dt.sp_00 {
	}
	#recipe .cooking_area dl dt span {
		color: #fff;
		font-size: 2.0rem;
	}
	#recipe .cooking_area dl dd {
		padding: 0 5px;
		margin: 10px 0 0;
	}
	#recipe .cooking_area dl dd > div {
	}
	#recipe .cooking_area dl dd > div p.comment01 {
		background: url(/tv/precure_alamode/images/recipe/bg_com01.jpg) no-repeat 0 center;
		background-size: 140px 130px;
		width: 100%;
		height: 130px;
		margin: 10px 0 15px;
 	}
	#recipe .cooking_area dl dd > div p.comment02 {
		background: url(/tv/precure_alamode/images/recipe/bg_com02.jpg) no-repeat 0 center;
		background-size: 140px 130px;
		width: 100%;
		height: 130px;
		margin: 10px 0 15px;
 	}
	#recipe .cooking_area dl dd > div p[class^="comment"] span {
		background-color: rgba(255,216,247,0.75);
		border-radius: 5px;
		padding: 14px 15px 12px;
		margin: 10px 0 0 140px;
		display: block;
	}
 	#recipe .cooking_area dl dd .img {
 		background: url(/tv/precure_alamode/images/recipe/bg_frame_s.png) no-repeat 0 center;
 		background-size: 100% auto;
 		padding: 6% 5% 5%;
 		margin: 15px 0 0;
 	}

	div.recipeSnsIns {overflow: hidden;width:auto;width:100%;margin-top:30px;}
	div.recipeSnsIns img{width:30px;height:30px;}
	div.recipeSnsIns div{display:block;background-color:#FFF;padding:15px;border:1px #efefef solid;border-radius:10px;overflow:hidden;}
	div.recipeSnsIns div img{display:block;float:left;margin-right:15px;}
	div.recipeSnsIns div span{display:block;float:left;font-weight:700;color:#333;font-size:1.125em;line-height:1.25em;margin-top:3px;}

	div.recipeSns {overflow: hidden;}
	div.recipeSns div{display:block;float:left;margin:30px 15px 0 0;}
	div.recipeSns div:nth-child(1){margin-right:5px;margin-top:15px;}
	div.recipeSns div:nth-child(4){display:block;margin:22px 0 7px 5px;width:33px;}

	section {position:relative;}
	section p.pright{position:absolute;left:0px;z-index:10000;padding-top:59%;}
	section p.pleft{position:absolute;right:0px;z-index:10000;padding-top:59%;}
	section p.pleft a:hover,p.pright a:hover,p.pleft a,p.pright a{opacity:0.7;text-decoration:none;}
	section p.pleft span,p.pright span{display:block;margin-top:10px;font-size:0.785em;background-color:#ff5f78;border-radius:30px;padding:10px 15px;color:#FFF;font-weight:700;}
	section p.pright img,p.pleft img{display:none;}



}