@charset "utf-8";

#kv {
	background:url(../images/kv.jpg) center center no-repeat;
	background-size:cover;
}

article#wrap > header > div > h1 {
	background-color:#222222;
	font-size:52px;
}
	@media(max-width:979px) {
		article#wrap > header > div > h1 {
			font-size:39px;
		}
	}

article > section > header {
	background:url(../../shared/images/bg_title1.png) left center repeat-x;
	text-align:center;
	margin-bottom:40px;
}



/* index
---------------------------------------------- */
#index {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#index {
			margin-bottom:100px;
		}
	}

#index > ul > li {
	width:48%;
	float:left;
	display:table;
	margin-bottom:40px;
}
	@media(max-width:767px) {
		#index > ul > li {
			width:auto;
			float:none !important;
			display:block;
		}
	}

#index > ul > li:nth-child(even) {
	float:right;
}
#index > ul > li > a > figure {
	width:50%;
	display:table-cell;
}
#index > ul > li > a > figure > img {
	width:100%;
}
#index > ul > li > a > strong {
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align:middle;
	font-size:48px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	line-height:1.2;
	background-color:#EEE;
}
	@media(max-width:979px) {
		#index > ul > li > a > strong {
			font-size:42px;
		}
	}



/* voice
---------------------------------------------- */

/* user */
.user {
	margin-bottom:60px;
	display:block;
}
	@media(max-width:767px) {
		.user {
			margin-bottom:40px;
		}
	}

.user > figure {
	width:43.75%;
	display:table-cell;
}
	@media(max-width:767px) {
		.user > figure {
			width:100%;
			display:block;
		}
	}

.user > figure > img {
	width:100%;
}

.user > div {
	display:table-cell;
	width:56.25%;
	background-color:#F6F6F6;
	vertical-align:middle;
}
	@media(max-width:767px) {
		.user > div {
			width:auto;
			display:block;
		}
	}

.user > div > h2 {
	padding:15px;
	font-size:24px;
}
.user > div > p {
	padding:0 15px 15px 15px;
	line-height:1.4;
}



/* comment */
.comment {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		.comment {
			margin-bottom:100px;
		}
	}

.comment > .youtube {
	margin-bottom:40px;
	text-align:center;
}
.comment > .youtube > iframe {
	max-width:100%;
}

.comment > h3 {
	font-size:20px;
	border-left:5px solid #999;
	line-height:40px;
	padding-left:15px;
}
.comment > p {
	padding-left:20px;
	line-height:1.6;
	margin-bottom:40px;
}