@charset "utf-8";

*{ zoom:1; }



#mbs_common_footerwrap,#mbs_common_headerwrap2014	{ display:block; }
#globalsp_navigation,#globalsp_footer				{ display:none; }

html												{ min-width:980px; }
body												{ min-width:980px; }
.pc_no	{ display:none; }


@media screen and (max-width: 750px) {

	#mbs_common_footerwrap,#mbs_common_headerwrap2014	{ display:none; }
	#globalsp_navigation,#globalsp_footer				{ display:block; }
	html												{ min-width:100%; }
	body												{min-width: 100%!important;}

	#pagewrap											{ position:relative; }
	.pc_no	{ display:inherit; }
	.sp_no	{ display:none; }

}






/*====================================*/
/*====================================*/


a:link			{ color:#691919; text-decoration: none; }/*   */
a:visited		{ color:#691919; text-decoration: none; }/* color:#ff9300; */
a:active		{ text-decoration: none; }/* color:#ff3366;  */
a:focus			{ outline:none; }
a:hover			{ color:#ff9300; text-decoration: none; }
a:hover img		{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background:none!important; }

::selection		{ color:#ffffff; background:#ffdd02 }


/*====================================*/
/*====================================*/


.clear			{ clear:both; }
.clearfix		{ zoom:1; overflow: hidden; }
.clearfix:after	{ content: ""; display: block; clear: both; }


/*====================================*/
/*====================================*/


/*=== pagerawp ===*/
#pagerawp	{ font-size: medium; font-family: Taviraj, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", serif; line-height:180%; font-size:16px; }

#pagerawp .mini	{ display:block; }



/*====================================*/
/*====================================*/

/*=== navi ===*/
#navi	{ background-color:#ffec07; }

#navi .logo		{     padding: 0;     height: 70px; }
#navi .logo img	{ width:50px; padding:10px; }

#navi ul	{ width:900px; margin:0 auto; height:70px; }
#navi li	{ width:150px; float:left; text-align:center; padding-top:15px; font-size:18px; font-weight:bold; line-height:140%; }
#navi li a:hover	{ text-align:center; letter-spacing:4px; transition:all 0.3s;  }

#navi .mini	{ display:block; font-size:10px; text-align:center; font-weight:normal; }


@media screen and (max-width: 750px)
{


#navi .logo		{ margin:-20px 0; }
#navi .logo img	{ width:50px; padding:30px 0 0 10px; }

#navi ul			{ width:100%; margin:0; height:auto; }
#navi li			{ width:16%; float:left; text-align:center; padding: 20px 0px; font-size:10px; line-height:140%; }
#navi li a:hover	{ letter-spacing:0;  transition:all 0.3s; }


}


/*====================================*/
/*====================================*/
/*====================================*/
/*====================================*/


/*=== search ===*/
#search 		{ padding:80px 0;  background-color:#efbb1e; }
#search h1		{ text-align:center; font-size:32px; letter-spacing:12px; line-height:110%; }
#search .mini	{ font-size:16px; font-weight:normal; }

#search .search_free	{ width:800px; margin:0 auto; padding:40px; background-color:#ffda8c; }

input[type="text"]			{ color:#69191a; font-size:16px; padding:5px; width:700px; }
::-moz-placeholder			{ color:#666666; }
input:-ms-input-placeholder	{ color:#666666; }

.submit			{ padding: 4px 15px;  }



@media screen and ( max-width:750px )
{


/*-----=== search ===*/

	#search 		{ padding:40px 0; }

	#search h1			{ font-size:24px;}
	#search h1 .mini	{ font-size:10px; }

	#search .search_free	{ width:90%; padding:0; background:none; }

	input[type="text"]		{ width:90%; margin:0 auto; display:block; margin:0 auto 14px auto;  }
	.submit					{ width:50%; margin:0 auto; display:block;  }


}

/*====================================*/
/*====================================*/
/*====================================*/
/*====================================*/


/*=== rainking ===*/
#rainking	{ padding:80px 0;  background-color:#efbb1e;}
#rainking h3		{ text-align:center; font-size:32px; letter-spacing:12px; line-height:110%; }
#rainking h3 .mini	{ font-size:16px; color:#000000; font-weight:normal; display:block; }

#rainking ul	{ width:900px; margin:0 auto; }
#rainking li	{ width:180px; float:left; }

#rainking dd	{ width:160px; margin:0 auto; font-size:12px; line-height:160%; }

#rainking .shop	{ font-size:14px; display:block; overflow:hidden; padding:10px 0; }
#rainking .recipe	{ font-size:14px; display:block; overflow:hidden; padding:10px 0; }

#rainking  .photo		{ overflow:hidden; width:160px; height:160px; margin:0 auto; position:relative; text-align:center; }
#rainking  .photo img	{ 
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:auto;
	height:100%;
}
/*-----------------------*/

#rainking .number		{ text-align:center; display: block; font-size:14px; height:45px; line-height:55px; }
#rainking .number img	{ width:40%; }




@media screen and ( max-width:750px )
{


/*-----=== rainking ===*/
	#rainking 			{ padding:40px 0; }
	#rainking h3		{ font-size:24px; }
	#rainking h3 .mini	{ font-size:10px; }


	#rainking ul	{ width:100%; margin:0 auto; }
	#rainking li	{ width:50%; float:left; }

	#rainking dl	{ width:90%; margin:0 auto; }
	#rainking dt	{ width:100%; }
	#rainking dd	{ width:90%; margin:0 auto; font-size:12px; line-height:160%; }

	#rainking .shop	{ font-size:14px; display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

	#rainking .photo		{ overflow:hidden; width:140px; height:140px; margin:0 auto; position:relative; text-align:center; }
	#rainking  .photo img	{ 
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:auto;
	height:100%;
}


}




/*====================================*/
/*====================================*/
/*====================================*/
/*====================================*/





/*=== genre ===*/
#genre 		{ padding-bottom:80px;  background-color:#efbb1e; }
#genre h2	{ text-align:center; font-size:20px; letter-spacing:12px; line-height:110%; padding:10px; }

#genre .genre_list		{ width:900px; margin: 0 auto; }
#genre .genre_list li a	{ float:left; background-color:#ff9000; color:#ffffff; margin:6px; padding:10px; }
#genre .genre_list li a:hover	{ color:#000000; background-color:#fffff; transition:.3s; }


#genre input	{ display:none; }
#genre label	{ 
    width:350px;
    margin:0 auto;
	cursor:pointer;
	display:block;
	padding:10px 20px;
	border-radius: 4px;
	background:#0bd;
	color:#FFF;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
#genre label:hover	{ background:#0090aa; }
#genre .panel		{ 
	-webkit-transition: .3s ease;
	transition: .3s ease;
	height: 0;
	overflow:hidden;
	background:#f5f0cf;
	margin-top:10px;
	padding:0;
}
#genre input:checked + .panel {
	height:auto;
	padding:15px;
}


@media screen and ( max-width:750px )
{

/*-----=== genre ===*/
	#genre h2	{ text-align:center; font-size:16px; letter-spacing:6px; }

	#genre .genre_list				{ width:100%; }
	#genre .genre_list li a			{     font-size: 12px; }
	#genre .genre_list li a:hover	{ color:#000000; background-color:#fffff; transition:.3s; }


	#genre input					{ display:none; }
	#genre input:checked + .panel	{ padding:8px; }

	#genre label		{ width:80%; margin:0 auto; padding:10px; border-radius:5px; }
	#genre label:hover	{ background:#0090aa; }

	#genre .panel		{ width:80%; margin:0 auto; cursor:pointer; display:block; }


}



/*====================================*/
/*====================================*/
/*====================================*/
/*====================================*/


/*=== loadMore ===*/

#list-title 		{ width:900px; margin:0 auto; padding:40px 0; }
#list-title li		{ display:none; float:left; }
#list-title li a	{ width:400px; padding:10px; margin:10px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#list-title li a:hover	{ filter:alpha(opacity=80); opacity:0.8; }


/*=== search-list ===*/


#search-list 		{ width:900px; margin:0 auto; padding:40px 0; }
#search-list li		{ display:none; float:left; }
#search-list li a	{ width:400px; padding:10px; margin:10px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#search-list li a:hover	{ filter:alpha(opacity=80); opacity:0.8; }


#loadmore		{ 
	width: 350px;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    padding: 10px 20px;
    border-radius: 4px;
    background: #0bd;
    color: #ffffff;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    text-align: center;
    letter-spacing: 2px;
	cursor:pointer;
}
#loadmore:hover	{ color:black; }


@media screen and ( max-width:750px )
{




/*-----=== list-title ===*/

	#list-title 			{ width:90%; }
	#list-title li			{ float:none; }
	#list-title li a		{ width:84%; }
	#list-title li a:hover	{ filter:alpha(opacity=80); opacity:0.8; }


/*-----=== search-list ===*/

	#search-list 			{ width:90%; }
	#search-list li			{ float:none; }
	#search-list li a		{ width:84%; }
	#search-list li a:hover	{ filter:alpha(opacity=80); opacity:0.8; }



	#loadmore		{ width: 40%; }
	#loadmore:hover	{  }

}





/*====================================*/
/*====================================*/
/*====================================*/
/*====================================*/

/*=== all-list ===*/

#all-list	{ width:900px; margin:0 auto; padding:80px 0; background-color:#ffffff; }

#all-list h3		{ text-align:center; font-size:32px; letter-spacing:12px; line-height:110%; }
#all-list h3 .mini	{ font-size:16px; color:#a3a3a3; font-weight:normal; }



@media screen and ( max-width:750px )
{


/*-----=== all-list ===*/


	#all-list	{ width: 90%; margin:0 auto; padding:40px 0; }


	#all-list  h3		{ font-size:24px; }
	#all-list  h3 .mini	{ font-size:10px; }


}

/*====================================*/
/*====================================*/
/*====================================*/
/*====================================*/


/*=====  AD  =====*/
.ad-pc		{ display:block; margin:0 auto; padding:80px 0; width:728px; height:90px; }

.ad-sp_top	{ display:none; }
.ad-sp_bottom	{ display:none; }

@media screen and (max-width: 750px) {
	.ad-pc		{ display:none; }

	.ad-sp_top		{ display:block; }
	.ad-sp_bottom	{ display:block; }
}


.abg-pc		{ padding:40px 0; }

@media screen and (max-width: 750px) {
	.abg-pc		{ padding:0; }
	.abg-sp		{ padding:20px 0; }

}



/*====================================*/
/*====================================*/
/*====================================*/
/*====================================*/