@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: contents.css
 * Summary:   各コンテンツ用スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    home
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * home
 * ========================================
 */

#home {
}

#home #contents #main article#intro{
	border-top:dotted 2px #AAA;
	padding-top: 30px;
}

#home #contents #main article#letter{
}

#home #contents #main article#band{
}

#home #contents #main article#band .photo ul{
   padding:0;
   margin:0;
}
#home #contents #main article#band .photo ul li{
   float:left;
   width:31%;
	padding-left:0;
   background:none;
   margin:0 1.1% 15px 1.1%;
   position:relative;
}
#home #contents #main article#band .photo ul li .new{
	position:absolute;
	top:-5px;
	left:-5px;
}
#home #contents #main article#band .photo ul li .num{
	position:absolute;
	top:-5px;
	left:-5px;
}
#home #contents #main article#band .photo ul li.more{
	float:right;
}

#home #contents #main article#detail{
}

#home #contents #main article#ticket{
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		#home #contents #main article#letter p.komaki_letter{
			margin:0 auto 10px auto;
			width:95%;
		}
		#home #contents #main article#intro{
			padding-top: 15px;
		}
		#home #contents #main article#band .photo ul li{
		   float:left;
		   width:44%;
			padding-left:0;
		   background:none;
		   margin:0 3% 10px 3%;
		}
		#home #contents #main article#band .photo ul li .new{
			width:50px;
			height:auto;
		}
		#home #contents #main article#band .photo ul li .num{
			width:35px;
			height:auto;
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		#home #contents #main article#letter p.komaki_letter{
			margin:0 auto 10px auto;
			width:90%;
			max-width:580px;
		}
		#home #contents #main article#band .photo ul li .new{
			width:60px;
			height:auto;
		}
		#home #contents #main article#band .photo ul li .num{
			width:40px;
			height:auto;
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		#home #contents #main article#letter p.komaki_letter{
			margin:0 auto 10px auto;
			width:580px;
		}
		#home #contents #main article#band .photo{
			max-width:860px;
			margin:0 auto;
		}
		#home #contents #main article#band .photo ul li .new{
			width:75px;
			height:auto;
		}
		#home #contents #main article#band .photo ul li .num{
			width:54px;
			height:auto;
			top:-5px;
			left:-8px;
		}
	}