@charset "UTF-8";
/* ******************************************************************

	--home.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
section h2 {
	margin:10px 0;
	font-size:18px;
	text-align:left;
	
}
.photographer h2 {
	letter-spacing:-0.09em;
	font-weight:bold;
	line-height:1.4;
}
@media screen and (max-width:375px){
	.photographer h2 {
		font-size:18px;
	}
}
@media screen and (max-width:320px){
	.photographer h2 {
		font-size:14px;
		letter-spacing:normal;
	}
}
section .season {
	margin-top:0;
}
section .season img {
	max-height:20px;
}
section p {
	line-height:1.5;
	text-align:justify;
}
#main .photographer p {
	line-height:1.3;
	letter-spacing:-0.07em;
}
#keyv {
	display:table;
	position:relative;
	width:100%;
	height:350px;
}
@media screen and (max-width:568px){
	#keyv {
		height:260px;
	}
}
@media screen and (max-width:414px){
	#keyv {
		height:200px;
	}
}
@media screen and (max-width:320px){
	#keyv {
		height:170px;
	}
}
#season1.vol1 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season1/vol1/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season1.vol2 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season1/vol2/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season1.vol3 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season1/vol3/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season2.vol1 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season2/vol1/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season2.vol2 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season2/vol2/img_scene01_home.jpg) no-repeat 0 0;
	background-size:cover;
}
#season2.vol3 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season2/vol3/img_scene01_home.jpg) no-repeat 0 0;
	background-size:cover;
}
#season3.vol1 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season3/vol1/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season3.vol2 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season3/vol2/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season3.vol3 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season3/vol3/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season4.vol1 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season4/vol1/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season4.vol2 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season4/vol2/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
#season4.vol3 #keyv {
	background:url(/cms/sp/theplanet/series1/smp/img/season4/vol3/img_scene01.jpg) no-repeat 0 0;
	background-size:cover;
}
.description {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.description .author {
	max-width:80%;
	margin:20px auto 15px;
}
.description .topic {
	font-family:"Kozuka Mincho Pro", sans-serif;
	font-size:23px;
	color:#FFF;
}
.image {
	text-align:center;
}
.notice {
	margin:10px 0;
	padding:10px;
	background:#E5E5E5;
}
.backstage {
	font-weight:bold;
}
.map {
	margin:15px 0px -15px 20px;
}
.line {
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #525252;
}
.photographer {
	padding:18px 10px 30px;
	background:#D0DAE2;
}
.photographer p {
	text-align:justify;
}
.profile {
	margin-top:20px;
}
.profile .image {
	padding:3px 10px 0px 0px;
	float:left;
	width:120px;
}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 414px) and (max-width: 500px){
	.profile .image {
	width:160px;
}
}


.profile .detail {
	//padding-left:130px;
}
.profile .name {
	font-size:10px;
}
.profile .name span {
	font-size:15px;
}
.profile .bio {
	margin-bottom:10px;
	font-size:10px;
	line-height:1.5 !important;
}
.listPicTtl img {
	width:60px;
}
.listPhoto {
	margin-right:-5%;
	margin-bottom:15px;
}
.listPhoto li {
	float:left;
	width:45%;
	margin-right:5%;
	margin-bottom:15px;
}
.listPhoto li .detail {
	font-size:12px;
	word-break:break-all;
}
@media screen and (max-width:320px){
	.listPhoto li .detail {
		letter-spacing:-0.05em !important;
	}
}
.lenInfo h3 {
	margin-bottom:10px;
	padding:5px;
	background:#CCC;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.lenInfo dl {
	margin-bottom:10px;
	font-size:10px;
}
.lenInfo dt {
	float:left;
}
.lenInfo dd {
	padding-left:10px;
	overflow:hidden;
	line-height:1.5;
}
.device {
	margin-top:20px;
}
.device img {
	max-width:100%;
	height:auto;
}