@charset "utf-8";

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.title_line small { font-size:60%; }

h3 {
	margin:0 0 20px 0;
	font-size:1.2rem;
	text-align:left;
	font-weight:600;
}

.fav_shop_info {
	background-color:#ECE1D5;
	border:1px #C1986A solid;
	border-radius:10px;
	padding:20px;
}
.fav_no {
	padding:4px 6px;
	background-color:#402009;
	font-size:1.0rem;
	color:#ffffff;
	border-radius:4px;
	margin-right:16px;
	vertical-align:middle;
}
.fav_name {
	font-size:2.0rem;
	color:#222222;
	vertical-align:middle;
}
.fav_name small {
	font-size:70%;
	vertical-align:middle;
}
.fav_shop_detail { display:flex; }
.fav_shop_detail div { flex:1 0 50%; }

.fav_shop_detail_data table { margin-top:0; width:95%; }
.fav_shop_detail_data table th, .fav_shop_detail_data table td { border:none;border-bottom:1px #999 solid; }
.fav_shop_detail_img { }

ul.fav_img_list {
	margin-top:30px;
	margin-bottom:30px;
	display:flex; flex-wrap:wrap;
	padding:0;
}
ul.fav_img_list li { flex:0 0 20%; list-style:none; padding:10px; box-sizing:border-box; }
ul.fav_img_list li a {
	display:block;
}
ul.fav_users li a:hover {
	opacity:0.85;
		filter: alpha(opacity=85);
		-ms-filter: "alpha(opacity=85)";
}
ul.fav_img_list li a img {
	display:block;
	padding:4px;
	border:1px #aaaaaa solid;
	box-shadow: 2px 2px 4px #aaaaaa;
	box-sizing:border-box;
}

/* --------------- */

h3.users_recipe {
	border-bottom:1px #999999 solid;
	padding-bottom:6px;
	margin-top:40px !important;
	text-align:center !important;
}

.ur_index {
	
}
.ur_index a {
	display:block;
	padding:8px;
	background-color:#e8e8e8;
	text-align:center;
	float:left;
	width:44%;
	margin:0 3%;
	box-sizing:border-box;
	text-decoration:none;
}
.ur_index a img {
	width:100%;
	border-radius:6px;
	margin-top:8px;
}


/* --------------- */
h3.ur_title {
	margin:0 0 20px 0 !important;
	padding:10px 10px 16px 10px;;
	text-align:center !important;
	font-size:180% !important;
	background-color:#f0f0f0;
	border-radius:10px;
}
h3.ur_title small {
	font-size:50% !important;
	padding:2px 10px;
	background-color:#444444;
	color:#ffffff;
	vertical-align:top;
}
.ur_point {
	font-size:1.2rem;
	text-align:center
}


.recipe_process_list {
	margin:0 !important;
	padding-left:0;
}
.recipe_process_list li {
	padding-left:40px !important;
	list-style:none;
	border-top:1px #dfdfdf dashed;
	padding-top:10px;
	margin-bottom:8px;
	font-size:1.0rem;
	line-height:1.6;
}
.rstep1 { background:url('../images/recipe/mn_01.png') left 12px no-repeat; }
.rstep2 { background:url('../images/recipe/mn_02.png') left 12px no-repeat; }
.rstep3 { background:url('../images/recipe/mn_03.png') left 12px no-repeat; }
.rstep4 { background:url('../images/recipe/mn_04.png') left 12px no-repeat; }
.rstep5 { background:url('../images/recipe/mn_05.png') left 12px no-repeat; }
.rstep6 { background:url('../images/recipe/mn_06.png') left 12px no-repeat; }
.rstep7 { background:url('../images/recipe/mn_07.png') left 12px no-repeat; }
.rstep8 { background:url('../images/recipe/mn_08.png') left 12px no-repeat; }
.rstep9 { background:url('../images/recipe/mn_09.png') left 12px no-repeat; }
.rstep10 { background:url('../images/recipe/mn_10.png') left 12px no-repeat; }
.rstep11 { background:url('../images/recipe/mn_11.png') left 12px no-repeat; }
.rstep12 { background:url('../images/recipe/mn_12.png') left 12px no-repeat; }

.step_section {
	text-align:center;
	font-size:120% !important;
	font-weight:600;
	padding:40px 0 10px 0 !important;
}
.recipe_img_block { margin-top:10px; }
.recipe_img_block img {
	width:180px;
	border-radius:4px;
	border:1px #cccccc solid;
	display:inline-block;
}
.recipe_img_block a:hover img {
	border:1px #cc0000 solid;
}
.endimg { text-align:center !important; }
.endimg img { width:240px !important; }



/* # Tablet 768-959px
========================================================================================= */
@media only screen and (max-width: 959px) {

	.title_line small { display:block; margin-bottom:10px; }

	ul.fav_img_list li { flex:0 0 25%; }
	ul.fav_users li { flex:0 0 50%; }
	.recipe_process_list li { font-size:0.9rem; }

}

/* # Tablet & Mobile Landscape 480-767px
========================================================================================= */   
@media only screen and (max-width: 767px) {

	.fav_shop_detail { flex-wrap:wrap; }
	.fav_shop_detail_img { margin-top:20px; }
	ul.fav_img_list li { flex:0 0 33%; }
	ul.fav_users li { flex:0 0 100%; }
	.recipe_img_block img { width:120px; }

}