@charset "utf-8";

/**
 * pia_column responsible
 *
 **/


/* meadia query set
@media only screen and (min-width: 769px) {

}
@media screen and (max-width: 980px) and (min-width: 769px) {

}
@media only screen and (max-width: 768px) {

}
*/




@media only screen and (max-width: 768px) {
	#headerBtm .blockSearch table {
	margin-bottom: 0;
	}
}

#hn2015 {
	position: relative;
	width: 100%;
	color: #000;
	background-color:#fff;
	font-size: 13px !important;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}


#hn2015 .music { color:#E41C5B;}
#hn2015 .sports { color:#25ADCF;}
#hn2015 .stage { color:#BA0001;}
#hn2015 .classic { color:#D4AC00;}
#hn2015 .event { color:#6EB932;}
#hn2015 .cinema { color:#7814B1;}


/* header */
#hn2015 .header {
	text-align: center;
	background-color:#ffcc00;
}
#hn2015 .header .header_inner {
	max-width:1180px;
	padding:20px 0 0 0;
	margin:0 auto;
}
#hn2015 .header h1 {
	font-size: 40px;
	letter-spacing: 0.6px;
	margin:0;
}
#hn2015 .header h1 img {
	display:block;
	margin:0 auto 0px;
	width:auto;
	height:auto;
}
#hn2015 .header p.outline {
	font-size: 120%;
	margin:10px 0 0 0;
	font-weight:bold;
	text-align:center;
}


/*�@head list */
#hn2015 .list {
	list-style:none;
	margin:10px 10px 0;
}
#hn2015 .list a {
	position: relative;
	display: inline-block;
	padding: 3px 5px;
	border-radius: 4px;
	float: left;
	word-break: break-all;
	background-color:#fff;
	margin-bottom:5px;
	margin-right:5px;
	display:inline-block;
	border:1px solid #000;
	box-shadow: 3px 3px 0px #000;
	color:#000;
	font-weight:bold;
	}		
#hn2015 .list a:hover {
	top: 3px;
	box-shadow: none;
	text-decoration: none;
	background-color:#000;
	color:#fff;
}						
#hn2015 .list a:active {
	top: 3px;
	box-shadow: none;		
}
		
		
#hn2015 .header .gizagiza {
	width: 100%;
	height:20px;
	background-image:url(http://image.pia.jp/images2/static/pia/feature/facebook/sankaku.png);
	background-position:0px 0px;
	background-repeat:repeat;
}

@media screen and (max-width: 980px) and (min-width: 769px) {	
	#hn2015 .header p.outline {
		padding:0px 20px;
		margin:0 0 10px 0;
	}	
}

@media only screen and (max-width: 768px) {
	#hn2015 .header h1 {
		font-size: 22px;
		line-height: 26px;
		letter-spacing:0px;
		padding:0px 10px;
	}
	#hn2015 .header h1 img {
		width:auto;
		height:auto;
		margin:0 auto 10px;
	}	
	#hn2015 .header p.outline {
		font-size: 12px;
		line-height: 150%;
		margin-top:10px;
		padding:0 10px;
		text-align:left;
	}	
}


/* sirozi */
#hn2015 .hn2015_contents {
	padding: 40px 0 0 0;
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 1180px) and (min-width: 769px) {
	#hn2015 .hn2015_contents {
		margin: 0 20px;
	}
}
@media only screen and (max-width: 768px) {
	#hn2015 .hn2015_contents {
		padding: 20px 0 0 0;
		margin: 0 10px;
		font-size:12px;
	}
}


/* today */
#hn2015 p.sub {
	text-align:center;
	font-size: 140%;
	letter-spacing:1.5px;
	margin:0 0 10px 0;
	font-weight:bold;
}
#hn2015 h2 {
	color:#fff;
	font-size:28px;
	text-align:center;
	padding:15px 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#000;
	background-image:url(http://image.pia.jp/images2/static/pia/feature/facebook/stripe_white_small.png);
	background-position:0px 0px;
	background-repeat:repeat;

}

#hn2015 .mainph {
	position:relative;
}
#hn2015 .wappen {
	position:absolute;
	top:-100px;
	left:10px;
	z-index:100;
	width:13%;
	height:auto;
}
#hn2015 .wappen img {
	width:100%;
	height:auto;
	display:block;
}
#hn2015 .ph {
	max-width:1180px;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
}
#hn2015 .ph img {
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}
#hn2015 p.imagecredit {
	font-size:80%;
	color:#666;
	text-align:center;
	margin:5px 0 0 0;
}


#hn2015 .ph-tate {
	max-width:1180px;
	height:600px;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
}
#hn2015 .ph-tate img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}


/* maintext */
#hn2015 .maintext {
	margin:20px 0 60px;
	padding: 20px;
	background-image:url(http://image.pia.jp/images2/static/pia/feature/facebook/stripe_black.gif		
);
	background-position:0px 0px;
	background-repeat:repeat;
	border: 1px solid #aaa;
}
#hn2015 .maintext-inner {
	padding: 30px;
	background-color:#fff;
}
#hn2015 .maintext h3 {
	font-size:18px;
	margin-bottom:20px;
}

#hn2015 .maintext p {
	line-height:160%;
    font-size:110%;
	margin-bottom:20px;
}
#hn2015 .maintext p:last-child {
	margin-bottom:0px;
}

#hn2015 .maintext .link_btn {
	margin: 20px auto;
	text-align:center;
}

#hn2015 .maintext .link_btn span a {
	position: relative;
	background-color: #ffcc00;
	border-radius: 4px;
	color: #000;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	padding:0 2em;
	margin: 0 auto;
	font-size: 15px;
	font-weight: bold;
	box-shadow: 0 4px 0 #ddaa00;
}
#hn2015 .maintext .link_btn span a:hover {
	top: 4px;
	box-shadow: none;
	text-decoration: none;
}
#hn2015 .maintext .link_btn span a:active {
	top: 4px;
	box-shadow: none;
}



@media only screen and (max-width: 768px) {
	#hn2015 p.sub {
		font-size: 100%;
		letter-spacing:1.2px;
	}
	#hn2015 h2 {
		font-size:18px;
		line-height:22px;
		padding:10px;
	}
	#hn2015 .wappen {
		position:absolute;
		top:-10px;
		left:0px;
		z-index:100;
		width:20%;
		height:auto;
	}	
	#hn2015 .ph-tate {
		max-width:768px;
		height:auto;
	}
	#hn2015 .ph-tate img {
		width:100%;
		height:auto;
		display:block;
		position:static;
	}	
	#hn2015 p.imagecredit {
		font-size:80%;
		color:#666;
		text-align:center;
		margin:3px 0 0 0;
	}
	
	/* maintext */
	#hn2015 .maintext {
		margin-top:10px;
		padding: 10px;
	}
	#hn2015 .maintext-inner {
		padding: 15px;
	}
	#hn2015 .maintext h3 {
		font-size:14px;
		margin-bottom:14px;
	}
	#hn2015 .maintext p {
		line-height:160%;
		font-size:100%;
		margin-bottom:20px;
	}
	#hn2015 .maintext .link_btn span a {
		font-size: 12px;
		line-height:16px;
		padding:12px;
		height:auto;
	}		
	
}