@charset "UTF-8";

/* ───────────────────────────────────
smaller than 1024px
─────────────────────────────────── */
@media screen and (max-width: 1024px) {

/* container */
#container {
	width: 98%;
}

/* content */
#contents {
	width: 95%;
}
.post {
	width: auto;
	margin: 0px auto 70px auto;
	-webkit-background-size:100% auto;
	background-size:100% 100%;
}
.post .post-image{
	position: relative;
	width: 100%;
	margin: 10px auto;
	padding:0px;
}
.post .post-title{
	margin: 30px auto 3px auto;
}
.post .post-footer{
	margin: 0px 20px 25px 0px;
	text-align:right;
}
#nav-dock {
	position:absolute;
	right: 10px;
	bottom: 40px;
}
#nav-dock #prev,
#nav-dock #next {
	display:none;
}

img{
	max-width: 98%;
	height: auto;
	width /***/:auto;
}
.post .post-image .fade div { position:absolute; top:0px; left:0px; display:none; }

}

/* ───────────────────────────────────
smaller than 768px
─────────────────────────────────── */
@media screen and (max-width: 768px) {

/* content */
#contents {
	width: 95%;
}
.post {
	width: auto;
	margin: 0px auto 50px auto;
	-webkit-background-size:100% auto;
	background-size:100% 100%;
}
.post .post-image{
	position: relative;
	width: 100%;
	margin: 7px auto 7px auto;
	padding:0px;
}
#nav-dock {
	display:none;
}


}

/* ───────────────────────────────────
smaller than 480px
─────────────────────────────────── */
@media screen and (max-width: 480px) {

/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: none;
}
.post {
	width: auto;
	margin: 0px auto 35px auto;
	-webkit-background-size:100% auto;
	background-size:100% 100%;
}
.post .post-image{
	margin: 5px auto 10px auto;
	padding:0px;
}

.post .btn-img-plus{
	position:absolute;
	right:3%;
	bottom:5%;
	margin: 0px;
}
.post .btn-img-plus img{
	width:44px;
	height:38px;
}

}