@charset "utf-8";


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


/*=== new-list ===*/
#new-list { width:900px; margin:0 auto; padding:80px 0; }

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

#new-list h4	{ text-align:center; font-size:24px; line-height:140%; padding:10px 0; color:#ffffff; background-color:#793017; }


#new-list dl	{ width:280px; float:left; padding:10px; }
#new-list dd	{ width:240px; margin:0 auto; height:45px; font-size:12px; line-height:160%; }

#new-list .photo		{ overflow:hidden; width:250px; height:250px; margin:0 auto; position:relative; text-align:center; }
#new-list .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%;
}


#new-list .shop	{ width:250px; margin:0 auto; height:auto; font-size:18px; padding:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }




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


#all-list h4	{ width:860px; margin:0 auto; background-color:#ffffff; padding:20px 20px 0 20px; text-align:center; font-size:28px; letter-spacing:4px; font-weight:normal; }

#all-list .year				{ width:900px; margin:0 auto; padding-bottom:40px; }
#all-list .year li			{ float:left; }
#all-list .year li a		{ width:180px; padding:10px; margin:10px; text-align:center; background-color:#f7cf0b; display:block; }
#all-list .year li a:hover	{ filter:alpha(opacity=80); opacity:0.8; color:#ffffff; }

#all-list .day	{ display:block; font-size:12px; }

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

#list-title li a		{ background-color:#f7cf0b; }






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


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


/* ウィンドウ幅が0～479pxの場合に適用するCSS */
@media screen and ( max-width:750px )
{







/*-----=== new-list ===*/
	#new-list { width:90%; margin:0 auto; padding:80px 0; }

	#new-list h3		{ font-size:24px; padding-bottom:24px; }
	#new-list h3 .mini	{ font-size:10px; color:#a3a3a3; font-weight:normal; }

	#new-list h4		{ text-align:left; padding:10px; }


	#new-list dl	{ width:94%; padding:3%; }
	#new-list dd	{ width:240px; margin:0 auto; font-size:12px; }





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




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



	#all-list h4	{ width:90%; font-size:24px; padding:20px 20px 0 20px;  }

	#all-list .year			{ width:100%; padding-bottom:40px; }
	#all-list .year ul		{ width:99%; padding:1%; }
	#all-list .year li		{ width:33.33333%; width:-webkit-calc(100% / 3) ; width:calc(100% / 3); float:left; padding:0; }
	#all-list .year li a	{ width:70%; padding:5%; margin:10%; }
	#all-list .year li a:hover	{  }

}