@charset "UTF-8";
/*============
.box {
	overflow:hidden;
}

.box ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.box li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.box li:nth-child(2n+1) {
	clear:both;
}
.box li img {
	width:100%;
	margin-bottom:2.5%;
}
============*/
 
/*============*  box ============*/

/*===============================================
大型タブレット= 画面の横幅が959px以上（または960px）
===============================================*/ 
  @media screen and (min-width:959px) {

  .box {
 	padding:5px; 	
 	font-size: 14px; 
}

 .title{
 	 margin-bottom:3%;
}
 .catch p{
 	padding:10px;
	font-size: 100%; 
	font-weight: 700; 
	line-height:1.3em;
}
  .catch {
 	background:#ccc;
}

  .lineup p{
	margin-top:10px;
 	padding:5px;
 	font-size: 90%; 
 	line-height:1.2em;
}

  .box img{

}

}


 /*===============================================
= 画面の横幅が959pxまで
===============================================*/
  @media screen and (max-width:959px) {

  .box {
 	padding:5px; 	
 	font-size: 14px; 
}

 .title{
 	 margin-bottom:3%;

}
 .catch p{
 	padding:10px;
	font-size: 100%; 
	font-weight: 700; 
}
  .catch {
 	background:#ccc;
}

  .lineup p{
	margin-top:10px;
 	padding:5px;
 	font-size: 80%; 
 	line-height:1.2em;
}

  .box img{
}

}


/*===============================================
小型タブレット=画面の横幅が768pxまで（または767px）メニューバーBP
===============================================*/
 @media screen and (max-width:767px) {
  .box {
 	padding:5px; 	
 	font-size: 14px; 

}

 .title{
	 margin-bottom:2%;
} 

 .catch {
 	background:#ccc; 
	 margin:0 10px 0 10px;
}
 .catch p{
 	padding:10px;
	font-size: 105%; 
	font-weight: 700; 
	line-height:1.5em;
}

  .lineup {
	 margin:0 10px 0 10px;
}

  .lineup p{
	margin-top:10px;
 	padding:5px;
 	font-size: 90%; 
 	line-height:1.2em;
}


}
/*===============================================
スマートフォン 横(ランドスケープ) =画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
  .box {
 	padding:5px; 	
 	font-size: 14px; 
}

 .title{

	 margin-bottom:2%;
}
 .catch p{
 	padding:10px;
	font-size: 100%; 
	font-weight: 700; 
}
  .catch {
 	background:#ccc;
}

  .lineup p{
	margin-top:5px;
 	font-size: 90%; 
 	line-height:1.4em;
}

  .box img{
}

}
/*===============================================
スマートフォン 縦(ポートレート)=画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
  .box {
 	padding:5px; 	
 	font-size: 14px; 
}

 .title{

	 margin-bottom:1%;
}
 .catch p{
 	padding:10px;
	font-size: 100%; 
	font-weight: 700; 
}
  .catch {
 	background:#ccc;
}

  .lineup p{
	margin-top:5px;
 	font-size: 90%; 
 	line-height:1.4em;
}

  .box img{

}
}