@charset "utf-8";
#content{
  background:#FFFFFF;
}
#tiramisu{
	padding:0 45px;
}
.cont_tiramisu{
	margin-bottom:35px;
}

#content h2.h2_tiramisu{
	font-size:26px;
	color:#321e0f;
	background:url(../../tiramisu/images/line_pc.jpg) no-repeat left bottom;
	padding-bottom:8px;
	border-bottom:none;
}
#content h3.h3_tiramisu{
	font-size:16px;
	color:#321e0f;
	font-weight:normal;
}

#content #tiramisu p{
		color:#321e0f;
		font-size:16px;
}
#content #tiramisu p.small_tiramisu{
	font-size:12px;
	color:#8c8778;
}

.step_tiramisu{
	width:250px;
	float:left;
}
.step_tiramisu img{
	margin-bottom:15px;
}
.step_tiramisu#step1{
	margin-left:20px;
}
.step_tiramisu#step2{
	margin:0 5px;
}

.step_tiramisu p{
	padding-left:42px;
}
#wrap_kotsu{
	width:718px;
	margin:30px auto 35px;
}
#kotsu{
	background:url(../../tiramisu/images/bg_kotsu_middle.gif) repeat-y;
	width:673px;
	padding:15px 30px;
}

#kotsu h2{
	text-align:center;
	border-bottom:none;
	font-size:22px;
	padding-bottom:0;
	color:#321e0f;
}
#kotsu img{
	max-width:142px;
	float:left;
	margin-right:30px;
}
#wrap_kotsulist{
	width:646px;
}
ol#kotsu_right{
	width:100%;
}
ol#kotsu_right li{
	list-style-type:decimal;
	list-style-position:inside;
	font-size:12px;
	color:#8c8778;
	text-indent:-1em;
}
/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  ol#kotsu_right li {
    text-indent:-2em;
	margin-left:0;
  }
}

/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, ol#kotsu_right li {
    text-indent:-2em;
	margin-left:0;
  }
}

ol#kotsu_right li#no1{
	margin-bottom:30px;
}

#chef{
	margin-top:35px;
}
#chef_left{
	width:155px;
	float:left;
}
#chef_left p{
	text-align:center;
}
#chef_left p span#title{
	font-size:9px;
}
#chef_right{
	float:left;
	width:615px;
	padding-left:25px;
}
#content #chef_right p.p_chef{
	font-size:14px;
	padding-bottom:15px;
}
#content #chef_right p#career{
	line-height:2.0;
}
#content #chef_right p#career span{
	background:#8c8778;
	color:#FFFFFF;
	padding:4px 12px;
	margin-right:5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content #chef_right p#career a{
	color:#8c8778;
}

.cont_recipe{
	width:220px;
	float:left;
}
#content #tiramisu .cont_recipe p.recipe_ttl{
	font-size:18px;
	margin:20px 0;
}
#content #tiramisu .cont_recipe p.recipe_ttl span{
	font-size:14px;
}
#content #tiramisu .cont_recipe p.recipe_detail{
	font-size:12px;
	margin-bottom:15px;
}

#content #tiramisu .cont_recipe p span.ingredient,
#content #tiramisu .cont_recipe p span.direction{
	color:#FFFFFF;
	background-color:#7f5e4b;
	padding:4px 12px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height:3.0;
	font-size:12px;

}

#content #tiramisu p span.link{
	color:#FFFFFF;
	background-color:#7f5e4b;
	padding:4px 12px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height:3.0;
	font-size:12px;
}

#content #tiramisu p span.link:hover{
	background-color:rgba(127,94,75,0.8);
}

#content #tiramisu p span.link a{
	color:#FFFFFF;
}


#content #tiramisu .cont_recipe p span.direction{
	line-height:4.0;
}

#content #tiramisu .cont_recipe p span.pstep1,
#content #tiramisu .cont_recipe p span.pstep2,
#content #tiramisu .cont_recipe p span.pstep3{
	color:#FFFFFF;
	background-color:#98DBC9;
	padding:4px 12px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height:3.0;	
}
.cont_recipe#recipe2,
.cont_recipe#recipe5,
.cont_recipe#recipe8{
	margin:0 70px;
}

.cont_season{
	width:160px;
	float:left;
	height:160px;
	margin-right:53px;
	margin-top:60px;
  margin-bottom:35px;
}
/*
.cont_season#summer{
	background-image:url(../../tiramisu/images/summer_off.jpg);
	background-repeat:no-repeat;
	padding-top:58px;
}
.cont_season#autumn{
	background:url(../../tiramisu/images/autumn_off.jpg) no-repeat;
	padding-top:70px;
}*/
.cont_season#winter{
  margin-right:0;
}
.cont_season p{
	font-weight:bold;
	text-align:center;
}
#bnr_recipeblog{
	max-width:766px;
	margin:20px auto 0;
}
.bnr_kiri{
	width:876px;
	margin:0 auto;
}
.bnr_kiri img{
	max-width:428px;
}
.bnr_kiri img#to_valentine{
	margin-right:20px;
}
.bnr_kiri.bnr1{
	text-align:center;
}

.bnr_contest{
	margin:30px auto;
	max-width:800px;
}
.enjoyTop {
    clear: both;
    margin: 40px auto 0;
    padding: 0 0 20px;
    width: 251px;
}
@media screen and (max-width:640px){
	
	#tiramisu{
		padding:0 2%;
	}
	.cont_tiramisu{
		margin-bottom:35px;
	}
	
	#content h2.h2_tiramisu{
		font-size:large;
		text-align:left;
		background:url(../../tiramisu/images/line_sp.jpg) no-repeat left bottom;
		padding-bottom:2%;
	}
	#content h3.h3_tiramisu{
		font-size:medium;
	}
	
	#content #tiramisu p{
			font-size:medium;
	}
	#content #tiramisu p.small_tiramisu{
		font-size:small;
	}
	
	.step_tiramisu{
		width:100%;
		float:left;
		margin-bottom:20%;
	}
	.step_tiramisu img{
		margin-bottom:15px;
	}
	.step_tiramisu#step1{
		margin-left:0;
	}
	.step_tiramisu#step2{
		margin:0 0 20%;
	}
	
	.step_tiramisu p{
		width:80%;
		margin:0 auto;
	}
	#wrap_kotsu{
		width:90%;
		margin:0 auto 15%;
	}
	#kotsu{
		background:none;
		width:100%;
		padding:0;
	}
	
	#kotsu h2{
		font-size:large;
		margin-bottom:10%;
	}
	#wrap_kotsulist{
		width:100%;
	}
	#kotsu img{
		max-width:100%;
		float:none;
		margin-right:0;
		margin-bottom:10%;
	}
	ol#kotsu_right{
		width:100%;
	}
	ol#kotsu_right li{
		font-size:small;
	}
	ol#kotsu_right li#no1{
		margin-bottom:10%;
	}
	
	#chef{
		margin-top:5%;
	}
	#chef_left{
		width:70%;
		max-width:308px;
		margin:0 auto;
		float:none;
	}
	#chef_left p{
		text-align:center;
		margin-bottom:10%;
	}
	#chef_left p span#title{
		font-size:smaller;
	}
	#chef_right{
		float:none;
		width:100%;
		padding-left:0;
	}
	#content #chef_right p.p_chef{
		font-size:medium;
		padding-bottom:10%;
	}
	#content #chef_right p#career span{
		background:#8c8778;
		color:#FFFFFF;
		padding:1% 4%;
		margin-right:4%;
	}
	
	#content #chef_right p#career a{
		text-decoration:none;
	}
	
	.cont_recipe{
		width:80%;
		margin:0 auto;
		float:none;
	}
	#content #tiramisu .cont_recipe p.recipe_ttl{
		font-size:large;
		text-align:center;
		margin:6% 0;
	}
	#content #tiramisu .cont_recipe p.recipe_detail{
		font-size:medium;
		margin-bottom:10%;
	}
	#content #tiramisu .cont_recipe img{
		width:100%;
		margin:0 auto 10%;
	}
	.cont_recipe#recipe2,
	.cont_recipe#recipe5,
  .cont_recipe#recipe8{
		margin:0 auto;
	}
	
	
	#content #tiramisu .cont_recipe .img_close{
		width:114px;
		margin:0 auto;
	}
	.img_open{
		width:150px;
		margin:0 auto;
	}
	#detail_recipe01,
	#detail_recipe02,
	#detail_recipe03,
	#detail_recipe04,
	#detail_recipe05,
	#detail_recipe06,
  #detail_recipe07,
  #detail_recipe08,
  #detail_recipe09{
		display:none;
	}
	.cont_season{
		width:50%;
		height:180px;
		float:left;
		margin-right:0;
		margin-top:0;
	}
	.cont_season#spring,
	.cont_season#summer,
  .cont_season#autumn{
		width:50%;
		height:100%;
		margin:0 auto;
		float:left;
	}    
  
	#wrap_autumn_winter{
	width:100%;
	min-height:160px;
	position:relative;
	float:none;
	}
	
	.cont_season#spring p,
	.cont_season#summer p,
  .cont_season#autumn p,
  .cont_season#winter p{
		padding:5%;
	}
	#bnr_recipeblog{
		max-width:640px;
		margin:10% auto 0;
	}
	.bnr_kiri{
		width:100%;
		margin:0 auto;
	}
	.bnr_kiri img{
		max-width:428px;
	}
	.bnr_kiri img#to_valentine{
		margin:5% 0;
	}
	
	.bnr_contest{
		margin:5% auto;
		width:100%;
	}
	.enjoyTop {
		clear: both;
		margin: 40px auto 0;
		padding: 0 0 20px;
		width: 251px;
	}
}