@media screen and (max-width: 767px) {
	body {
		color: #ffffff;
		font-weight: bold; 
	}

	/*header*/
	.gallery {
		color: #952932;
		text-decoration: none;
	}
	#gallery {
		margin-top: 135px;
	}
	.main-vidual {
		text-align: center;
		border-bottom: 1px solid #333;
		padding-bottom: 34px;
	}
	.main-vidual img {
		max-width: 100%;
	}

	/*main*/
	.top-border {
		border-top: 1px solid #333333;
	}
	.img-list-pc {
		display: none;
	}

	ul.img-list-sm {
		max-width: 480px;
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
		display: table;
	}
	ul.img-list-sm>li {
		margin: 0;
		/*float: left;*/
		padding: 0 4px 8px;
		width: 50%;
		cursor: pointer;
		box-sizing: border-box;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.img-list-sm img {
		max-width: 100%;
		max-height: 100%;
	}
	.gallery-item {
		padding: 20px 15px 10px;
	}

	.clearfix:after {
		display: block;
		clear: both;
		content: "";
	}

	.subtitle {
		font-size: 28px;
		margin: 0 auto 8px;
		max-width: 480px;
		font-style: oblique;
		padding: 0 10px;
	}


	/*コメント欄*/
	.comment {
		padding: 0 10px;
		max-width: 450px;
		margin: 0 auto;
	}
	.comment-title {
		color: #93262f;
		margin-bottom: 10px;
	}
	.gallery-item article {
		line-height: 1.8;
		letter-spacing: -1px;
	}
}

@media screen and (min-width: 768px) {	
	body {
		color: #ffffff;
		font-weight: bold; 
	}
	/*header*/
	.gallery {
		color: #952932;
		text-decoration: none;
	}
	#gallery {
		margin-top: 135px;
	}
	.main-vidual {
		width: 100%;
		height: 383px;
		background: 
		url("../images/common/anna_kidnapper.png") no-repeat center center / 630px 275px,
		url("../images/gallery/gallery_pc.png") no-repeat center 116px / 423px 99px;
		border-bottom: 1px solid #333;
	}
	.main-vidual img {
		display: none;
	}

	/*main*/
	.top-border {
		border-top: 1px solid #333333;
	}

	.img-list-sm {
		display: none;
	}

	/* ここから記載 yamada */
	ul.img-list-pc {
		width: 100%;
		margin: 0;
		padding-top: 21px;
		max-width: 960px;
		margin: 0 auto;
		list-style-type: none;
		overflow: hidden;
		display: table;
		padding-left: 0;
	}
	ul.img-list-pc>li {
		margin: 0;
		/*float: left;*/
		width: 25%;
		height: 240px;
		cursor: pointer;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.img-list-pc img {
		max-width: 100%;
		max-height: 100%;
	}

	.gallery-item {
		padding: 70px 15px 10px;
	}

	.clearfix:after {
		display: block;
		clear: both;
		content: "";
	}

	.subtitle {
		font-size: 40px;
		margin: 0 auto 30px;
		max-width: 960px;
		font-style: oblique;
	}

	/*コメント欄*/
	.comment {
		padding: 45px 20px 35px;
		margin: 0 auto;
		max-width: 820px;
	}
	.comment-title {
		color: #93262f;
		max-width: 960px;
		margin: 0 auto 10px;
	}
	.gallery-item article {
		line-height: 230%;
		letter-spacing: -1px;
	}
}