@charset "utf-8";
/* CSS Document */

a{
	cursor:pointer;
}

/******************************************
contents
******************************************/
#season-section0{
	height:182px;
	background-repeat:no-repeat;
	background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h1_01_pc.png);
	padding-bottom:24px;
	position: relative;
	text-indent:-9999px;
}
#season-section1{
	padding-top:51px;
}
#season-section1 h2{
	height:74px;
	background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h2_01_pc.png);
}
#season-section2 h2{
	height:72px;
	background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h2_02_pc.png);
}
#season-section2 .img02,
#season-section3 .img03,
#season-section4 .img04{
	margin-top:80px;
}
#season-section2 .section-text,
#season-section3 .section-text,
#season-section4 .section-text{
	width:533px;
}
#season-section3 h2{
	height:73px;
	background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h2_03_pc.png);
}
#season-section3 .img03{
	padding-left:0;
}
#season-section4 h2{
	height:73px;
	background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h2_04_pc.png);
}


/* ===================================================================================
for SP max-width: 640px
=================================================================================== */
@media screen and (max-width: 640px) {
/******************************************
contents
******************************************/
	.season-contents h2{
		padding-bottom:5px;
	}
	#season-section0{
		height:auto;
		margin-top:0;
		padding-top:0;
		padding-left:0;
		padding-bottom:2em;
		margin-bottom:0;
		padding-right:0;
		background-image:none;
		text-indent:0;
		text-align:center;
	}
	#season-section0 .img00{
		width:100%;
		height:auto;
		margin-bottom:1em;
	}
	#season-section1 h2,
	#season-section2 h2,
	#season-section3 h2,
	#season-section4 h2{
		max-width:501px;
		height:0;
		padding-top:4%;
	}
	
	#season-section1{
		padding-top:20%;
	}
	#season-section1 h2{
		background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h2_01_sp.png);
	}
	#season-section1 .img01{
		width:100%;
		max-width:270px;
		margin-bottom:2em;
	}
	#season-section2 h2{
		background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h2_02_sp.png);
	}
	#season-section2 .img02,
	#season-section3 .img03,
	#season-section4 .img04{
		margin-top:0;
	}
	#season-section2 .section-text,
	#season-section3 .section-text,
	#season-section4 .section-text{
		width:auto;
	}
	#season-section2 .img02{
		width:55%;
		max-width:274px;
		height:auto;
		margin-bottom:2em;
	}
	#season-section3 h2{
		background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h2_03_sp.png);
	}
	#season-section3 .section-text{
		width:auto;
	}
	#season-section3 .img03{
		width:58%;
		max-width:291px;
		height:auto;
		margin-bottom:2em;
	}
	#season-section4 h2{
		background-image:url(/consumer/satellite/lifestyle/articles/madohint/summer/02/img/ttl_h2_04_sp.png);
	}
	#season-section4 .img04{
		width:64%;
		max-width:319px;
		height:auto;
		margin-bottom:2em;
	}
	#season-section4 .pb0{
		padding-bottom:0;
	}
	
	#ttl_relateditem{
		width:10em;
		line-height:120%;
	}
}