@charset "utf-8";

/* blog
----------------------------------------- */
#main.inner h2.ttl {
	margin-bottom: 35px;
}
.contBox {
	margin: 0 0;
	font-size: 15px;
}
.blogArea {
	margin-bottom: 30px;
}
.blogArea.last {
	margin-bottom: 0;
}
.photo {
	margin-bottom: 35px;
}
.photo li {
	margin-bottom: 25px;
}
.photo.vertical li {
	margin-bottom: 20px;
}
.photoCenter {
	margin-bottom: 45px;
}
.text {
	margin: 0 20px 35px 20px;
}
.text a {
	text-decoration: underline;
}
.text a:hover {
	text-decoration: none;
}
.text.last {
	margin-bottom: 30px;
}
.blogArea img {
	width: 100%;
	height: auto;
}
.ttlSet {
	text-align: center;
}
.ttlSet h3 {
	font-size: 22px;
	letter-spacing: 2px;
}
.ttlSet .date {
	margin-bottom: 15px;
	font-size: 12px;
}

/* タブレット向け：760px～960px */
@media only screen and (min-width: 760px) {
.blogArea {
	margin-bottom: 120px;
}
#main.inner h2.ttl {
	margin: 0 40px 50px;
}
.ttlSet {
	margin: 0 40px 40px;
}
.ttlSet h3 {
	float: left;
	width: 70%;
	text-align: left;
	font-size: 32px;
}
.ttlSet .date {
	float: right;
	width: 30%;
	padding-top: 15px;
	text-align: right;
}
.photo {
	margin-bottom: 60px;
}
.photoFloatL .photo,
.photoFloatR .photo {
	margin-bottom: 0;
}
.text {
	margin: 0;
}
.text.last {
	margin-bottom: 0;
}
.textFloat,
.photoFloatL,
.photoFloatR {
	margin-bottom: 100px;
}
.text-wide {
	margin-bottom: 100px;
}
.photoCenter {
	margin-bottom: 100px;
}
.textFloat {
	margin-left: 40px;
	margin-right: 40px;
}
.textFloat a {
	text-decoration: underline;
}
.textFloat a:hover {
	text-decoration: none;
}
.textFloat .text {
	width: 47%
}
.textFloat .text.left {
	float: left;
}
.textFloat .text.right {
	float: right;
}
.photoFloatL .photo {
	float: left;
	width: 60%;
}
.photoFloatL .text {
	float: right;
	width: 30%;
	margin-right: 5%;
}
.photoFloatR .photo {
	float: right;
	width: 60%;
}
.photoFloatR .text {
	float: left;
	width: 30%;
	margin-left: 5%;
}

} /* タブレット向け */


/* PC向けレイアウトの指定：961px～ */
@media only screen and (min-width: 961px) {
#main.inner h2.ttl {
	margin: 0 0 50px;
}
.ttlSet {
	margin: 0 0 40px;
}
.textFloat,
.photoFloatL,
.photoFloatR {
	margin-bottom: 120px;
}
.textFloat {
	margin-left: 0;
	margin-right: 0;
}
.textFloat .text {
	width: 48%
}
.photoFloatL .photo {
	float: left;
	width: 65%;
}
.photoFloatL .text {
	float: right;
	width: 28%;
	margin-right: 1%;
}
.photoFloatR .photo {
	float: right;
	width: 65%;
}
.photoFloatR .text {
	float: left;
	width: 28%;
	margin-left: 1%;
}
.photo.vertical li {
	margin-bottom: 40px;
}


} /* PC向け */