@charset "UTF-8";
/* -----------------------------------------------------------
   DIARY
------------------------------------------------------------*/
#contentsArea h1{text-indent:-9999px;}
#volList ul{ list-style: none;}

.lazy{position:relative;}
.lazy img{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}
#textArea p:last-child{
	margin-bottom: 0;

}
@media all and (min-width: 768px) {
#contentsArea .inner{
	padding:40px 40px 40px;
	background-image: url(../img/diary_bg.jpg);
	}
#contentsArea h1{
	display:block;
	height:440px;
	background:url(../img/diary_header.jpg) no-repeat;
	}
#contentsArea h2#date{
	font-size:220%;
	letter-spacing: 0.04em;
	line-height:1.6;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:normal;
	text-align: center;
	padding-bottom: 20px;
}
#volList{
	background-color: #323536;
}
#volList ul{
	width: 800px;
	margin: 0 auto;
}
#volList li{
	width: 80px;
	float: left;
}
#volList a,#volList span{
	display: block;
	width: 80px;
	height: 72px;
	text-indent: -9999px;
}
#volList #d1 a{ background:url(../img/diary_bknum.png) no-repeat; }
#volList #d2 a{ background:url(../img/diary_bknum.png) -80px 0 no-repeat; }
#volList #d3 a{ background:url(../img/diary_bknum.png) -160px 0 no-repeat; }
#volList #d4 a{ background:url(../img/diary_bknum.png) -240px 0 no-repeat; }
#volList #d5 a{ background:url(../img/diary_bknum.png) -320px 0 no-repeat; }
#volList #d6 a{ background:url(../img/diary_bknum.png) -400px 0 no-repeat; }
#volList #d7 a{ background:url(../img/diary_bknum.png) -480px 0 no-repeat; }
#volList #d8 a{ background:url(../img/diary_bknum.png) -560px 0 no-repeat; }
#volList #d9 a{ background:url(../img/diary_bknum.png) -640px 0 no-repeat; }
#volList #d10 a{ background:url(../img/diary_bknum.png) -720px 0 no-repeat; }

#volList #d1 a:hover,.vol1 #volList #d1 a{ background:url(../img/diary_bknum.png) 0 -72px no-repeat; }
#volList #d2 a:hover,.vol2 #volList #d2 a{ background:url(../img/diary_bknum.png) -80px -72px no-repeat; }
#volList #d3 a:hover,.vol3 #volList #d3 a{ background:url(../img/diary_bknum.png) -160px -72px no-repeat; }
#volList #d4 a:hover,.vol4 #volList #d4 a{ background:url(../img/diary_bknum.png) -240px -72px no-repeat; }
#volList #d5 a:hover,.vol5 #volList #d5 a{ background:url(../img/diary_bknum.png) -320px -72px no-repeat; }
#volList #d6 a:hover,.vol6 #volList #d6 a{ background:url(../img/diary_bknum.png) -400px -72px no-repeat; }
#volList #d7 a:hover,.vol7 #volList #d7 a{ background:url(../img/diary_bknum.png) -480px -72px no-repeat; }
#volList #d8 a:hover,.vol8 #volList #d8 a{ background:url(../img/diary_bknum.png) -560px -72px no-repeat; }
#volList #d9 a:hover,.vol9 #volList #d9 a{ background:url(../img/diary_bknum.png) -640px -72px no-repeat; }
#volList #d10 a:hover,.vol10 #volList #d10 a{ background:url(../img/diary_bknum.png) -720px -72px no-repeat; }

.Img_y{
	background-color: #fff;
	width: 750px;
	height: 500px;
	margin: 0 auto 40px;
	border: 10px solid #fff;
	box-sizing: border-box;
}
.Img_t{
	background-color: #fff;
	width: 500px;
	height: 750px;
	margin: 0 auto 40px;
	border: 10px solid #fff;
	box-sizing: border-box;
}


#textArea{
	background-color: rgba(255,255,255,0.5);
	width: 890px;
	margin: 0 auto;
	padding: 30px 0;
}

#textArea h3{
	font-size: 90%;
	padding: 0 30px 8px;

}
#textArea p{
	padding: 0 30px;
	font-size: 90%;
	line-height: 1.4;
	margin-bottom: 15px;
}

}

@media all and (max-width: 767px) {
#contentsArea{
	background-image: url(../img/diary_bg.jpg);
}
#contentsArea h1{
	display:block;
	width:100%;
	height:0;
	padding-top:44.89%;
	background-size:cover;
	background-image:url(../img/diary_header.jpg);
	}
#contentsArea h2#date{
	font-size:100%;
	line-height:1.4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	padding-bottom:6px;
	}
#contentsArea .inner{
	width:90%;
	margin:0 auto;
	padding:20px 0;
	}
#volList ul{
	width:100%;
	margin: 0 auto;
	background-color: #323536;
}
#volList li{
	width:20%;
	float: left;
	border-right: 1px solid #5e5e5e;
	border-bottom: 1px solid #5e5e5e;
	text-align: center;
	box-sizing: border-box;

}
#volList li:nth-child(5),#volList li:nth-child(10){
	border-right: none;
}
#volList a{
	display:block;
	color: #fff;
	letter-spacing: 0.02em;
	padding:10% 0;
	font-size: 70%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.vol1 #volList #d1 a{ background-color: #e4007f;}
.vol2 #volList #d2 a{ background-color: #e4007f;}

.Img_y{
	width: 90%;
	height: 0;
	padding-top:59.999%;
	margin: 0 auto 15px;
	background-size:cover;
	border: 5px solid #fff;
	box-sizing: border-box;
}
.Img_t{
	width: 60%;
	height: 0;
	padding-top:90%;
	margin: 0 auto 15px;
	background-size:cover;
	border: 5px solid #fff;
	box-sizing: border-box;
}
#textArea{
	background-color: rgba(255,255,255,0.5);
	padding: 15px;
}

#textArea h3{
	font-size:90%;
	padding-bottom: 10px;
}
#textArea p{
	font-size:80%;
	line-height:1.6;
	margin-bottom: 15px;
	}

}