@charset "utf-8";

/*===============================================
    gallery
===============================================*/
#gallery #main p, #gallery .search dt, #gallery .found a {
	text-indent: -9999px;
	background: center top no-repeat;
	background-size: auto 100%;
}
#gallery .search {
	background: #fdfceb;
}

@media screen and (min-width: 641px) {
	article#gallery {
		background-image: url(../images/gallery/index/pc_title_bg.gif);
	}
	#gallery #main h1 {
		background-image: url(../images/gallery/index/pc_title.png);
	}
	#gallery #main p {
		height: 20px;
		margin: 29px auto 46px;
		background-image: url(../images/gallery/index/pc_copy.png);
	}
	#gallery .search {
		width: 880px;
		margin: 0 auto;
		padding: 21px 40px 10px;
	}
	#gallery .search dt {
		width: 118px; height: 24px;
		margin-bottom: 16px;
		background-image: url(../images/gallery/index/pc_search.gif);
	}
	#gallery .search ul {
		display: flex;
		flex-wrap: wrap;
	}
	#gallery .search li {
		margin: 0 1.5em 14px 0;
		line-height: 1.625;
	}
	.search label {
		display: inline-block;
		padding-left: 24px;
		font-size: 16px;
		line-height: 20px;
		cursor: pointer;
		position: relative;
	}
	.search label::before {
		display: inline-block;
		position: absolute;
		left: 0;
		content: "";
		width: 20px;
		height: 20px;
		background: linear-gradient(to bottom, #f7f7f7 0%, #e0e0e0 100%);
		border: 1px solid #727272;
		border-radius: 3px;
		box-sizing: border-box;
	}
	.search input[type=checkbox] {
		display: none;
	}
	.search input[type=checkbox]:checked + label::before {
		content: '\02714';
		font-size: 18px;
		color: #000;
		padding-left: 2px;
	}
	#gallery .found {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 880px; height:1120px;
		margin: 0 auto;
		position:relative;
	}
	#gallery .found a {
		display: block;
		width: 270px; height: 249px;
		margin-top: 30px;
		transition: 0.3s opacity;
	}
	#gallery .found a:hover {
		opacity: 0.7;
	}
	#gallery .found li {
		width: 270px; height: 280px;
		position: absolute;
	}
	#gallery .found li.disable {
		opacity: 0.5;
	}
	#gallery .found li:nth-child(1) a { background-image: url(../images/gallery/index/pc_ex01.jpg); }
	#gallery .found li:nth-child(2) a { background-image: url(../images/gallery/index/pc_ex02.jpg); }
	#gallery .found li:nth-child(3) a { background-image: url(../images/gallery/index/pc_ex03.jpg); }
	#gallery .found li:nth-child(4) a { background-image: url(../images/gallery/index/pc_ex04.jpg); }
	#gallery .found li:nth-child(5) a { background-image: url(../images/gallery/index/pc_ex05.jpg); }
	#gallery .found li:nth-child(6) a { background-image: url(../images/gallery/index/pc_ex06.jpg); }
	#gallery .found li:nth-child(7) a { background-image: url(../images/gallery/index/pc_ex07.jpg); }
	#gallery .found li:nth-child(8) a { background-image: url(../images/gallery/index/pc_ex08.jpg); }
	#gallery .found li:nth-child(9) a { background-image: url(../images/gallery/index/pc_ex09.jpg); }
	#gallery .found li:nth-child(10) a { background-image: url(../images/gallery/index/pc_ex10.jpg); }
	#gallery .found li:nth-child(11) a { background-image: url(../images/gallery/index/pc_ex11.jpg); }
	#gallery .found li:nth-child(12) a { background-image: url(../images/gallery/index/pc_ex12.jpg); }
}
@media screen and (max-width:640px) {
	article#gallery {
		background-image: url(../images/gallery/index/sp_title_bg.gif);
	}
	#gallery #main h1 {
		background-image: url(../images/gallery/index/sp_title.png);
	}
	#gallery #main p {
		height: 12.8125vw;
		margin: 5vw auto 7.8125vw;
		background-image: url(../images/gallery/index/sp_copy.png);
	}
	#gallery .search {
		margin-bottom: 7.5vw;
		padding: 7.5vw 0 7.5vw 3.125vw;
	}
	#gallery .search dt {
		width: 24.6875vw; height: 5vw;
		background-image: url(../images/gallery/index/sp_search.gif);
	}
	#gallery .search ul {
		display: flex;
		flex-wrap: wrap;
	}
	#gallery .search li {
		margin: 4.6875vw 1.1em 0 0;
		font-size: 4.375vw;
	}
	.search label {
		display: inline-block;
		padding-left: 10vw;
		font-size: 4.375vw;
		line-height: 8.4375vw;
		cursor: pointer;
		position: relative;
	}
	.search label::before {
		display: inline-block;
		position: absolute;
		left: 0;
		content: "";
		width: 8.4375vw;
		height: 8.4375vw;
		background: linear-gradient(to bottom, #f7f7f7 0%, #e0e0e0 100%);
		border: 1px solid #727272;
		border-radius: 3px;
		box-sizing: border-box;
	}
	.search input[type=checkbox] {
		display: none;
	}
	.search input[type=checkbox]:checked + label::before {
		content: '\02714';
		font-size: 6.25vw;
		color: #000;
		padding-left: 1.5vw;
	}
	#gallery .found{
		width: 96.875vw; height: 886.875vw;
		margin: 0 auto;
		position: relative;
	}
	#gallery .found li {
		width: 96.875vw; height: 73.90625vw;
		position: absolute;
	}
	#gallery .found li.disable {
		opacity: 0.5;
	}
	#gallery .found a {
		display: block;
		width: 96.875vw; height: 70.78125vw;
		margin: 0 auto 3.125vw;
	}
	#gallery .found li:nth-child(1) a { background-image: url(../images/gallery/index/sp_ex01.jpg); }
	#gallery .found li:nth-child(2) a { background-image: url(../images/gallery/index/sp_ex02.jpg); }
	#gallery .found li:nth-child(3) a { background-image: url(../images/gallery/index/sp_ex03.jpg); }
	#gallery .found li:nth-child(4) a { background-image: url(../images/gallery/index/sp_ex04.jpg); }
	#gallery .found li:nth-child(5) a { background-image: url(../images/gallery/index/sp_ex05.jpg); }
	#gallery .found li:nth-child(6) a { background-image: url(../images/gallery/index/sp_ex06.jpg); }
	#gallery .found li:nth-child(7) a { background-image: url(../images/gallery/index/sp_ex07.jpg); }
	#gallery .found li:nth-child(8) a { background-image: url(../images/gallery/index/sp_ex08.jpg); }
	#gallery .found li:nth-child(9) a { background-image: url(../images/gallery/index/sp_ex09.jpg); }
	#gallery .found li:nth-child(10) a { background-image: url(../images/gallery/index/sp_ex10.jpg); }
	#gallery .found li:nth-child(11) a { background-image: url(../images/gallery/index/sp_ex11.jpg); }
	#gallery .found li:nth-child(12) a { background-image: url(../images/gallery/index/sp_ex12.jpg); }
}


/* ---------------------------------------------------------------------------------
	詳細ページ
--------------------------------------------------------------------------------- */
#case h1, #case h2, #case figure, #case .photo a {
	text-indent: -9999px;
	background: center top no-repeat;
	background-size: auto 100%;
}
#case dl.spec, #case .spec dt, #case .spec dd {
	position: relative;
}
#case dl.spec::before, #case dl.spec::after,
#case .spec dt::before, #case .spec dt::after,
#case .spec dd::before, #case .spec dd::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	border-top: 2px solid #fff;
}
#case .lead dt::after, #case .lead dd::after {
	border-top: 1px dotted #888;
}
#case .lead dl::before, #case .lead dl::after {
	bottom: 0;
	border-top: none;
	border-bottom: 1px dotted #888;
}

@media screen and (min-width: 641px) {
	#case #main {
		width: 880px;
		margin: 0 auto;
	}
	#case h1 {
		height: 42px;
		margin: 18px 0 23px;
	}
	#case h1.line2 {
		height: 90px;
	}
	#case h1 + p {
		margin: 30px 0 42px;
		font-size: 87.5%;
		line-height: 1.5;
	}
	#case .case1 h1 { background-image:url(../images/gallery/case01/pc_title.gif); }
	#case .case2 h1 { background-image:url(../images/gallery/case02/pc_title.gif); }
	#case .case3 h1 { background-image:url(../images/gallery/case03/pc_title.gif); }
	#case .case4 h1 { background-image:url(../images/gallery/case04/pc_title.gif); }
	#case .case5 h1 { background-image:url(../images/gallery/case05/pc_title.gif); }
	#case .case6 h1 { background-image:url(../images/gallery/case06/pc_title.gif); }
	#case .case7 h1 { background-image:url(../images/gallery/case07/pc_title.gif); }
	#case .case8 h1 { background-image:url(../images/gallery/case08/pc_title.gif); }
	#case .case9 h1 { background-image:url(../images/gallery/case09/pc_title.gif); }
	#case .case10 h1 { background-image:url(../images/gallery/case10/pc_title.gif); }
	#case .case11 h1 { background-image:url(../images/gallery/case11/pc_title.gif); }
	#case .case12 h1 { background-image:url(../images/gallery/case12/pc_title.gif); }
	#case .case13 h1 { background-image:url(../images/gallery/case13/pc_title.gif); }
	#case .case14 h1 { background-image:url(../images/gallery/case14/pc_title.gif); }
	#case .case15 h1 { background-image:url(../images/gallery/case15/pc_title.gif); }
	#case .case16 h1 { background-image:url(../images/gallery/case16/pc_title.gif); }

	#case div.lead {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		min-height: 84px;
		font-size: 87.5%;
		line-height: 1.5;
	}
	#case dl.spec {
		display: flex;
		flex-wrap: wrap;
		width: 320px;
		margin: 4px 20px 0 0;
		padding-bottom: 2px;
		line-height: 1.2857;
		text-align: center;
		box-sizing: border-box;
	}
	#case .spec dt, #case .spec dd {
		width: 180px;
		padding: 6px 0 4px; 
	}
	#case .spec dt {
		width: 140px;
		color: #fff;
		background: #333;
	}
	#case h2 {
		height: 26px;
		margin: 31px 0 20px;
		background-image: url(../images/gallery/pc_subttl.gif);
	}
	#case figure.baph {
		height: 264px;
	}
	#case .case1 figure.baph { background-image:url(../images/gallery/case01/pc_baph.jpg); }
	#case .case2 figure.baph { background-image:url(../images/gallery/case02/pc_baph.jpg); }
	#case .case3 figure.baph { background-image:url(../images/gallery/case03/pc_baph.jpg); }
	#case .case4 figure.baph { background-image:url(../images/gallery/case04/pc_baph.jpg); }
	#case .case5 figure.baph { background-image:url(../images/gallery/case05/pc_baph.jpg); }
	#case .case6 figure.baph { background-image:url(../images/gallery/case06/pc_baph.jpg); }
	#case .case7 figure.baph { background-image:url(../images/gallery/case07/pc_baph.jpg); }
	#case .case8 figure.baph { background-image:url(../images/gallery/case08/pc_baph.jpg); }
	#case .case9 figure.baph { background-image:url(../images/gallery/case09/pc_baph.jpg); }
	#case .case10 figure.baph { background-image:url(../images/gallery/case10/pc_baph.jpg); }
	#case .case11 figure.baph { background-image:url(../images/gallery/case11/pc_baph.jpg); }
	#case .case12 figure.baph { background-image:url(../images/gallery/case12/pc_baph.jpg); }
	#case .case13 figure.baph { background-image:url(../images/gallery/case13/pc_baph.jpg); }
	#case .case14 figure.baph { background-image:url(../images/gallery/case14/pc_baph.jpg); }
	#case .case15 figure.baph { background-image:url(../images/gallery/case15/pc_baph.jpg); }
	#case .case16 figure.baph { background-image:url(../images/gallery/case16/pc_baph.jpg); }

	#case .photo {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#case .photo + .lead {
		margin: 50px 0;
	}
	#case .photo ul {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 280px;
		height: 410px;
		margin-right: 20px;
	}
	#case .photo ul.line2 {
		flex-direction: row;
	}
	#case .photo ul.line2 li {
		margin-bottom: 10px;
	}
	#case .photo ul.line2 >:nth-last-child(-n+2) {
		align-self: flex-end;
	}
	#case .photo a {
		position: relative;
		display: block;
		text-indent: 0;
	}
	#case .photo a.act::after, #case .photo a:hover::after {
		content:"";
		position:absolute;
		top:0; right:0; bottom:0; left:0;
		border: 2px solid #007bd8;
	}

/* case12 */
	#case .lead.case12 .copy dt {
		width:356px; height:24px;
		margin-bottom: 15px;
		text-indent: -9999px;
		background: url(../images/gallery/case12/pc_copy.gif) left top no-repeat;
	}
	#case .lead.case12 dl.spec {
		margin-top: 30px;
	}
	#case .case12 .example {
		position: relative;
		height: 384px;
	}
	#case .example ul {
		display: flex;
		justify-content: space-between;
		margin-bottom: 7px;
	}
	#case .case12 .example li {
		width:205px; height:33px;
		cursor: pointer;
		background: left top no-repeat;
	}
	#case .case12 .example li:nth-child(1) { background-image:url(../images/gallery/case12/pc_batab01_on.gif); }
	#case .case12 .example li:nth-child(2) { background-image:url(../images/gallery/case12/pc_batab02_on.gif); }
	#case .case12 .example li:nth-child(3) { background-image:url(../images/gallery/case12/pc_batab03_on.gif); }
	#case .case12 .example li:nth-child(4) { background-image:url(../images/gallery/case12/pc_batab04_on.gif); }
	#case .case12 .example li img { transition: 0.3s opacity; }
	#case .case12 .example li:hover img, #case .example li.act img { opacity: 0; }

	#case .case12 .example div > div {
		position: absolute;
		top: 40px; left: 0;
	}
	#case .example div.act {
		z-index: 10;
	}
	#case .example p {
		margin-top: 20px;
		padding-left: 23px;
		font-size: 87.5%;
		line-height: 58px;
		border: 1px solid #ddd;
		background: #fff;
		box-sizing: border-box;
	}
	#case .example p::before {
		content: "●";
		font-size: 68.75%;
		line-height: 14px;
		vertical-align: middle;
		color: #007bd8;
		margin-right: 10px;
	}

	#case h2.floor {
		margin-top: 50px;
		background-image: url(../images/gallery/case12/pc_floor.gif);
	}
	#case h2.floor + figure {
		height:420px;
		background: url(../images/gallery/case12/pc_floor_fig.png);
	}

	#case .comment {
		display: flex;
		margin: 43px 0 50px;
		padding: 21px 0 25px;
		font-size: 87.5%;
		line-height: 1.5;
		border-top: 1px dotted #848282;
		border-bottom: 1px dotted #848282;
	}
	#case .case12 .comment p {
		width: 220px;
		padding-top: 146px;
		text-align: center;
		background: url(../images/gallery/case12/pc_comment_ph.jpg) center 3px no-repeat;
	}
	#case .comment p strong {
		display: block;
		font-size: 1rem;
		line-height: 1;
	}
	#case .comment dl {
		width: 660px;
	}
	#case .comment dt {
		margin-bottom: 18px;
		padding-left: 23px;
		font-size: 1rem;
		background: url(../images/gallery/case12/pc_comment_ico.gif) left center no-repeat;
	}

	#case .voice {
		display: table;
	}
	#case .voice dt {
		display: table-cell;
		width: 200px;
		padding: 115px 0 0 10px;
		font-size: 1.25rem;
		text-align: center;
		background: url(../images/gallery/case12/pc_voice_ill.gif) 40px top no-repeat;
	}
	#case .voice dd {
		display: table-cell;
		width: 590px;
		height: 155px;
		padding-left: 86px;
		font-size: 87.5%;
		line-height: 1.5;
		vertical-align: middle;
		background: url(../images/gallery/case12/pc_voice_frame.gif) left center no-repeat;
		box-sizing: border-box;
	}

	/* case13 */
	#case .lead.case13 .copy dt {
		width:356px; height:24px;
		margin-bottom: 15px;
		text-indent: -9999px;
		background: url(../images/gallery/case12/pc_copy.gif) left top no-repeat;
	}
	#case .case13 .example {
		position: relative;
		height: 264px;
	}
	#case .example ul {
		display: flex;
		justify-content: space-between;
		margin-bottom: 7px;
	}
	#case .example li {
		width:205px; height:33px;
		cursor: pointer;
		background: left top no-repeat;
	}
	#case .example li:nth-child(1) { background-image:url(../images/gallery/case12/pc_batab01_on.gif); }
	#case .example li:nth-child(2) { background-image:url(../images/gallery/case12/pc_batab02_on.gif); }
	#case .example li:nth-child(3) { background-image:url(../images/gallery/case12/pc_batab03_on.gif); }
	#case .example li:nth-child(4) { background-image:url(../images/gallery/case12/pc_batab04_on.gif); }
	#case .example li img { transition: 0.3s opacity; }
	#case .example li:hover img, #case .example li.act img { opacity: 0; }

	#case .case13 .example div > div {
		position: absolute;
		left: 0;
	}
	#case .example div.act {
		z-index: 10;
	}
	#case .example p {
		margin-top: 20px;
		padding-left: 23px;
		font-size: 87.5%;
		line-height: 58px;
		border: 1px solid #ddd;
		background: #fff;
		box-sizing: border-box;
	}
	#case .example p::before {
		content: "●";
		font-size: 68.75%;
		line-height: 14px;
		vertical-align: middle;
		color: #007bd8;
		margin-right: 10px;
	}

	#case h2.floor {
		margin-top: 50px;
		background-image: url(../images/gallery/case12/pc_floor.gif);
	}
	#case h2.floor.case13 + figure {
		height:270px;
		background: url(../images/gallery/case13/pc_floor_fig.png);
	}

	#case .comment {
		display: flex;
		margin: 43px 0 50px;
		padding: 21px 0 25px;
		font-size: 87.5%;
		line-height: 1.5;
		border-top: 1px dotted #848282;
		border-bottom: 1px dotted #848282;
	}
	#case .case13 .comment p {
		width: 220px;
		padding-top: 146px;
		text-align: center;
		background: url(../images/gallery/case12/pc_comment_ph.jpg) center 3px no-repeat;
	}
	#case .comment p strong {
		display: block;
		font-size: 1rem;
		line-height: 1;
	}
	#case .comment dl {
		width: 660px;
	}
	#case .comment dt {
		margin-bottom: 18px;
		padding-left: 23px;
		font-size: 1rem;
		background: url(../images/gallery/case12/pc_comment_ico.gif) left center no-repeat;
	}

	#case .voice {
		display: table;
	}
	#case .voice dt {
		display: table-cell;
		width: 200px;
		padding: 115px 0 0 10px;
		font-size: 1.25rem;
		text-align: center;
		background: url(../images/gallery/case12/pc_voice_ill.gif) 40px top no-repeat;
	}
	#case .voice dd {
		display: table-cell;
		width: 590px;
		height: 155px;
		padding-left: 86px;
		font-size: 87.5%;
		line-height: 1.5;
		vertical-align: middle;
		background: url(../images/gallery/case12/pc_voice_frame.gif) left center no-repeat;
		box-sizing: border-box;
	}
	/* case14 */
	#case .lead.case14 .copy dt {
		width:356px; height:24px;
		margin-bottom: 15px;
		text-indent: -9999px;
		background: url(../images/gallery/case12/pc_copy.gif) left top no-repeat;
	}
	#case .case14 .example {
		position: relative;
		height: 304px;
	}
	#case .example ul {
		display: flex;
		justify-content: space-between;
		margin-bottom: 7px;
	}
	#case .example li {
		width:405px; height:33px;
		cursor: pointer;
		background: left top no-repeat;
	}
	#case .example li:nth-child(1) { background-image:url(../images/gallery/case14/pc_batab01_on.gif); }
	#case .example li:nth-child(2) { background-image:url(../images/gallery/case14/pc_batab02_on.gif); }
	#case .example li img { transition: 0.3s opacity; }
	#case .example li:hover img, #case .example li.act img { opacity: 0; }

	#case .case14 .example div > div {
		position: absolute;
		left: 0;
	}
	#case .example div.act {
		z-index: 10;
	}
	#case .example p {
		margin-top: 20px;
		padding-left: 23px;
		font-size: 87.5%;
		line-height: 58px;
		border: 1px solid #ddd;
		background: #fff;
		box-sizing: border-box;
	}
	#case .example p::before {
		content: "●";
		font-size: 68.75%;
		line-height: 14px;
		vertical-align: middle;
		color: #007bd8;
		margin-right: 10px;
	}

	#case h2.floor {
		margin-top: 50px;
		background-image: url(../images/gallery/case12/pc_floor.gif);
	}
	#case h2.floor.case14 + figure {
		height:370px;
		background: url(../images/gallery/case14/pc_floor_fig.png);
	}

	/* #case .comment {
		display: flex;
		margin: 43px 0 50px;
		padding: 21px 0 25px;
		font-size: 87.5%;
		line-height: 1.5;
		border-top: 1px dotted #848282;
		border-bottom: 1px dotted #848282;
	} */
	#case .comment p {
		width: 220px;
		padding-top: 146px;
		text-align: center;
		background: url(../images/gallery/case14/pc_comment_ph.jpg) center 3px no-repeat;
	}
	/* #case .comment p strong {
		display: block;
		font-size: 1rem;
		line-height: 1;
	}
	#case .comment dl {
		width: 660px;
	}
	#case .comment dt {
		margin-bottom: 18px;
		padding-left: 23px;
		font-size: 1rem;
		background: url(../images/gallery/case12/pc_comment_ico.gif) left center no-repeat;
	}

	#case .voice {
		display: table;
	}
	#case .voice dt {
		display: table-cell;
		width: 200px;
		padding: 115px 0 0 10px;
		font-size: 1.25rem;
		text-align: center;
		background: url(../images/gallery/case12/pc_voice_ill.gif) 40px top no-repeat;
	} */
	#case .case14 .voice dd {
		display: table-cell;
		width: 590px;
		height: 175px;
		padding-left: 81px;
		font-size: 87.5%;
		line-height: 1.5;
		vertical-align: middle;
		background: url(../images/gallery/case14/pc_voice_frame2.gif) left center no-repeat;
		box-sizing: border-box;
	}

	/* case15 */
	#case .lead.case15 .copy dt {
		width:356px; height:24px;
		margin-bottom: 15px;
		text-indent: -9999px;
		background: url(../images/gallery/case12/pc_copy.gif) left top no-repeat;
	}
	#case .example {
		position: relative;
		height: 264px;
	}
	/* #case .example ul {
		display: flex;
		justify-content: space-between;
		margin-bottom: 7px;
	}
	#case .example li {
		width:205px; height:33px;
		cursor: pointer;
		background: left top no-repeat;
	}
	#case .example li:nth-child(1) { background-image:url(../images/gallery/case12/pc_batab01_on.gif); }
	#case .example li:nth-child(2) { background-image:url(../images/gallery/case12/pc_batab02_on.gif); }
	#case .example li:nth-child(3) { background-image:url(../images/gallery/case12/pc_batab03_on.gif); }
	#case .example li:nth-child(4) { background-image:url(../images/gallery/case12/pc_batab04_on.gif); }
	#case .example li img { transition: 0.3s opacity; }
	#case .example li:hover img, #case .example li.act img { opacity: 0; } */

	#case .case15 .example div > div {
		position: absolute;
		left: 0;
	}
	#case .example div.act {
		z-index: 10;
	}
	#case .example p {
		margin-top: 20px;
		padding-left: 23px;
		font-size: 87.5%;
		line-height: 58px;
		border: 1px solid #ddd;
		background: #fff;
		box-sizing: border-box;
	}
	#case .example p::before {
		content: "●";
		font-size: 68.75%;
		line-height: 14px;
		vertical-align: middle;
		color: #007bd8;
		margin-right: 10px;
	}

	#case h2.floor {
		margin-top: 50px;
		background-image: url(../images/gallery/case12/pc_floor.gif);
	}
	#case h2.floor.case15 + figure {
		height:250px;
		background: url(../images/gallery/case15/pc_floor_fig.png);
	}

	#case .comment {
		display: flex;
		margin: 43px 0 50px;
		padding: 21px 0 25px;
		font-size: 87.5%;
		line-height: 1.5;
		border-top: 1px dotted #848282;
		border-bottom: 1px dotted #848282;
	}
	#case .comment p {
		width: 220px;
		padding-top: 146px;
		text-align: center;
		/* background: url(../images/gallery/case12/pc_comment_ph.jpg) center 3px no-repeat; */
	}
	#case .comment p strong {
		display: block;
		font-size: 1rem;
		line-height: 1;
	}
	#case .comment dl {
		width: 660px;
		margin: 0 auto;
	}
	#case .comment dt {
		margin-bottom: 18px;
		padding-left: 23px;
		font-size: 1rem;
		background: url(../images/gallery/case12/pc_comment_ico.gif) left center no-repeat;
	}

	#case .voice {
		display: table;
	}
	#case .voice dt {
		display: table-cell;
		width: 200px;
		padding: 115px 0 0 10px;
		font-size: 1.25rem;
		text-align: center;
		background: url(../images/gallery/case12/pc_voice_ill.gif) 40px top no-repeat;
	}
	#case .case15 .voice dd {
		display: table-cell;
		width: 590px;
		height: 155px;
		padding-left: 74px;
		font-size: 87.5%;
		line-height: 1.5;
		vertical-align: middle;
		background: url(../images/gallery/case12/pc_voice_frame.gif) left center no-repeat;
		box-sizing: border-box;
	}

/* case16 */
	#case .lead.case16 .copy dt {
		width:356px; height:24px;
		margin-bottom: 15px;
		text-indent: -9999px;
		background: url(../images/gallery/case12/pc_copy.gif) left top no-repeat;
	}
	#case .example {
		position: relative;
		height: 264px;
	}
	/* #case .example ul {
		display: flex;
		justify-content: space-between;
		margin-bottom: 7px;
	}
	#case .example li {
		width:205px; height:33px;
		cursor: pointer;
		background: left top no-repeat;
	}
	#case .example li:nth-child(1) { background-image:url(../images/gallery/case12/pc_batab01_on.gif); }
	#case .example li:nth-child(2) { background-image:url(../images/gallery/case12/pc_batab02_on.gif); }
	#case .example li:nth-child(3) { background-image:url(../images/gallery/case12/pc_batab03_on.gif); }
	#case .example li:nth-child(4) { background-image:url(../images/gallery/case12/pc_batab04_on.gif); }
	#case .example li img { transition: 0.3s opacity; }
	#case .example li:hover img, #case .example li.act img { opacity: 0; } */

	#case .case15 .example div > div {
		position: absolute;
		left: 0;
	}
	#case .example div.act {
		z-index: 10;
	}
	#case .example p {
		margin-top: 20px;
		padding-left: 23px;
		font-size: 87.5%;
		line-height: 58px;
		border: 1px solid #ddd;
		background: #fff;
		box-sizing: border-box;
	}
	#case .example p::before {
		content: "●";
		font-size: 68.75%;
		line-height: 14px;
		vertical-align: middle;
		color: #007bd8;
		margin-right: 10px;
	}

	#case h2.floor {
		margin-top: 50px;
		background-image: url(../images/gallery/case12/pc_floor.gif);
	}
	#case h2.floor.case16 + figure {
		height:460px;
		background: url(../images/gallery/case16/pc_floor_fig.png);
	}

	#case .comment {
		display: flex;
		margin: 43px 0 50px;
		padding: 21px 0 25px;
		font-size: 87.5%;
		line-height: 1.5;
		border-top: 1px dotted #848282;
		border-bottom: 1px dotted #848282;
	}
	/* #case .comment p {
		width: 220px;
		padding-top: 146px;
		text-align: center;
		background: url(../images/gallery/case12/pc_comment_ph.jpg) center 3px no-repeat;
	}
	#case .comment p strong {
		display: block;
		font-size: 1rem;
		line-height: 1;
	}
	#case .comment dl {
		width: 660px;
		margin: 0 auto;
	}
	#case .comment dt {
		margin-bottom: 18px;
		padding-left: 23px;
		font-size: 1rem;
		background: url(../images/gallery/case12/pc_comment_ico.gif) left center no-repeat;
	}

	#case .voice {
		display: table;
	}
	#case .voice dt {
		display: table-cell;
		width: 200px;
		padding: 115px 0 0 10px;
		font-size: 1.25rem;
		text-align: center;
		background: url(../images/gallery/case12/pc_voice_ill.gif) 40px top no-repeat;
	}
	#case .case16 .voice dd {
		display: table-cell;
		width: 590px;
		height: 155px;
		padding-left: 74px;
		font-size: 87.5%;
		line-height: 1.5;
		vertical-align: middle;
		background: url(../images/gallery/case12/pc_voice_frame.gif) left center no-repeat;
		box-sizing: border-box;
	} */
}
@media screen and (max-width:640px) {
	#case h1 {
		width:96.875vw; height:16.875vw;
		margin: 0 auto 3.6vw;
	}
	#case h1.line1 {
		height: 7.8125vw;
	}
	#case h1.line2 {
		height: 25.9375vw;
	}
	#case .case1 h1 { background-image:url(../images/gallery/case01/sp_title.gif); }
	#case .case2 h1 { background-image:url(../images/gallery/case02/sp_title.gif); }
	#case .case3 h1 { background-image:url(../images/gallery/case03/sp_title.gif); }
	#case .case4 h1 { background-image:url(../images/gallery/case04/sp_title.gif); }
	#case .case5 h1 { background-image:url(../images/gallery/case05/sp_title.gif); }
	#case .case6 h1 { background-image:url(../images/gallery/case06/sp_title.gif); }
	#case .case7 h1 { background-image:url(../images/gallery/case07/sp_title.gif); }
	#case .case8 h1 { background-image:url(../images/gallery/case08/sp_title.gif); }
	#case .case9 h1 { background-image:url(../images/gallery/case09/sp_title.gif); }
	#case .case10 h1 { background-image:url(../images/gallery/case10/sp_title.gif); }
	#case .case11 h1 { background-image:url(../images/gallery/case11/sp_title.gif); }
	#case .case12 h1 { background-image:url(../images/gallery/case12/sp_title.gif); }
	#case .case13 h1 { background-image:url(../images/gallery/case13/sp_title.gif); }
	#case .case14 h1 { background-image:url(../images/gallery/case14/sp_title.gif); }
	#case .case15 h1 { background-image:url(../images/gallery/case15/sp_title.gif); }
	#case .case16 h1 { background-image:url(../images/gallery/case16/sp_title.gif); }

	#case div.lead {
		width: 96.875vw;
		margin: 0 auto;
		font-size: 4.375vw;
		line-height: 1.642857;
	}
	#case .lead p {
		margin-bottom: 4vw;
	}
	#case dl.spec {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 2px;
		line-height: 1.25;
		text-align: center;
		box-sizing: border-box;
	}
	#case .spec dt, #case .spec dd {
		width: 54.375vw;
		padding: 1.5625vw 0 1.25vw;
	}
	#case .spec dt {
		width: 42.5vw;
		color: #fff;
		background: #333;
	}
	#case h2 {
		height:6.25vw;
		margin: 9.0625vw 0 4.6875vw;
		text-indent: -9999px;
		background: url(../images/gallery/sp_subttl.gif) center top no-repeat;
		background-size: 100%;
	}
	#case figure.baph {
		width:96.875vw; height:138.28125vw;
		margin: 0 auto;
		text-indent: -9999px;
	}
	#case .case1 figure.baph { background-image:url(../images/gallery/case01/sp_baph.jpg); }
	#case .case2 figure.baph { background-image:url(../images/gallery/case02/sp_baph.jpg); }
	#case .case3 figure.baph { background-image:url(../images/gallery/case03/sp_baph.jpg); }
	#case .case4 figure.baph { background-image:url(../images/gallery/case04/sp_baph.jpg); }
	#case .case5 figure.baph { background-image:url(../images/gallery/case05/sp_baph.jpg); }
	#case .case6 figure.baph { background-image:url(../images/gallery/case06/sp_baph.jpg); }
	#case .case7 figure.baph { background-image:url(../images/gallery/case07/sp_baph.jpg); }
	#case .case8 figure.baph { background-image:url(../images/gallery/case08/sp_baph.jpg); }
	#case .case9 figure.baph { background-image:url(../images/gallery/case09/sp_baph.jpg); }
	#case .case10 figure.baph { background-image:url(../images/gallery/case10/sp_baph.jpg); }
	#case .case11 figure.baph { background-image:url(../images/gallery/case11/sp_baph.jpg); }
	#case .case12 figure.baph { background-image:url(../images/gallery/case12/sp_baph.jpg); }
	#case .case13 figure.baph { background-image:url(../images/gallery/case13/sp_baph.jpg); }
	#case .case14 figure.baph { background-image:url(../images/gallery/case14/sp_baph.jpg); }
	#case .case15 figure.baph { background-image:url(../images/gallery/case15/sp_baph.jpg); }
	#case .case16 figure.baph { background-image:url(../images/gallery/case16/sp_baph.jpg); }

	#case .photo {
		width: 96.875vw;
		margin: 0 auto;
	}
	#case .photo + .lead {
		margin: 7.75vw auto;
	}
	#case .photo > div {
		width: 100%;
	}
	#case .photo ul {
		display: flex;
		flex-wrap: wrap;
	}
	#case .photo li {
		margin-top: 1.5625vw;
	}
	#case .photo li + li:not(:nth-child(4n+5)) {
		margin-left: 2.65625vw;
	}
	#case .photo a {
		position: relative;
		display: block;
		width:22.1875vw; height:15.625vw;
	}
	#case .photo a img {
		position: absolute;
		top:0; left:0;
	}
	#case .photo a.act img {
		opacity: 0;
	}
	#case .case2 .photo li:nth-child(1) a { background-image:url(../images/gallery/case02/sp_thumb1_on.jpg); }
	#case .case2 .photo li:nth-child(2) a { background-image:url(../images/gallery/case02/sp_thumb2_on.jpg); }
	#case .case2 .photo li:nth-child(3) a { background-image:url(../images/gallery/case02/sp_thumb3_on.jpg); }

	#case .case5 .photo li:nth-child(1) a { background-image:url(../images/gallery/case05/sp_thumb1_on.jpg); }
	#case .case5 .photo li:nth-child(2) a { background-image:url(../images/gallery/case05/sp_thumb2_on.jpg); }

	#case .case7 .photo li:nth-child(1) a { background-image:url(../images/gallery/case07/sp_thumb1_on.jpg); }
	#case .case7 .photo li:nth-child(2) a { background-image:url(../images/gallery/case07/sp_thumb2_on.jpg); }
	#case .case7 .photo li:nth-child(3) a { background-image:url(../images/gallery/case07/sp_thumb3_on.jpg); }

	#case .case8 .photo li:nth-child(1) a { background-image:url(../images/gallery/case08/sp_thumb1_on.jpg); }
	#case .case8 .photo li:nth-child(2) a { background-image:url(../images/gallery/case08/sp_thumb2_on.jpg); }
	#case .case8 .photo li:nth-child(3) a { background-image:url(../images/gallery/case08/sp_thumb3_on.jpg); }

	#case .case10 .photo li:nth-child(1) a { background-image:url(../images/gallery/case10/sp_thumb1_on.jpg); }
	#case .case10 .photo li:nth-child(2) a { background-image:url(../images/gallery/case10/sp_thumb2_on.jpg); }
	#case .case10 .photo li:nth-child(3) a { background-image:url(../images/gallery/case10/sp_thumb3_on.jpg); }

	#case .case11 .photo li:nth-child(1) a { background-image:url(../images/gallery/case11/sp_thumb1_on.jpg); }
	#case .case11 .photo li:nth-child(2) a { background-image:url(../images/gallery/case11/sp_thumb2_on.jpg); }
	#case .case11 .photo li:nth-child(3) a { background-image:url(../images/gallery/case11/sp_thumb3_on.jpg); }
	#case .case11 .photo li:nth-child(4) a { background-image:url(../images/gallery/case11/sp_thumb4_on.jpg); }
	#case .case11 .photo li:nth-child(5) a { background-image:url(../images/gallery/case11/sp_thumb5_on.jpg); }
	#case .case11 .photo li:nth-child(6) a { background-image:url(../images/gallery/case11/sp_thumb6_on.jpg); }

	#case .case12 .photo li:nth-child(1) a { background-image:url(../images/gallery/case12/sp_thumb1_on.jpg); }
	#case .case12 .photo li:nth-child(2) a { background-image:url(../images/gallery/case12/sp_thumb2_on.jpg); }
	#case .case12 .photo li:nth-child(3) a { background-image:url(../images/gallery/case12/sp_thumb3_on.jpg); }
	#case .case12 .photo li:nth-child(4) a { background-image:url(../images/gallery/case12/sp_thumb4_on.jpg); }
	#case .case12 .photo li:nth-child(5) a { background-image:url(../images/gallery/case12/sp_thumb5_on.jpg); }
	#case .case12 .photo li:nth-child(6) a { background-image:url(../images/gallery/case12/sp_thumb6_on.jpg); }
	#case .case12 .photo li:nth-child(7) a { background-image:url(../images/gallery/case12/sp_thumb7_on.jpg); }
	#case .case12 .photo li:nth-child(8) a { background-image:url(../images/gallery/case12/sp_thumb8_on.jpg); }

	#case .case13 .photo li:nth-child(1) a { background-image:url(../images/gallery/case13/sp_thumb1_on.jpg); }
	#case .case13 .photo li:nth-child(2) a { background-image:url(../images/gallery/case13/sp_thumb2_on.jpg); }
	#case .case13 .photo li:nth-child(3) a { background-image:url(../images/gallery/case13/sp_thumb3_on.jpg); }
	#case .case13 .photo li:nth-child(4) a { background-image:url(../images/gallery/case13/sp_thumb4_on.jpg); }
	#case .case13 .photo li:nth-child(5) a { background-image:url(../images/gallery/case13/sp_thumb5_on.jpg); }
	#case .case13 .photo li:nth-child(6) a { background-image:url(../images/gallery/case13/sp_thumb6_on.jpg); }
	#case .case13 .photo li:nth-child(7) a { background-image:url(../images/gallery/case13/sp_thumb7_on.jpg); }

	#case .case14 .photo li:nth-child(1) a { background-image:url(../images/gallery/case14/sp_thumb1_on.jpg); }
	#case .case14 .photo li:nth-child(2) a { background-image:url(../images/gallery/case14/sp_thumb2_on.jpg); }
	#case .case14 .photo li:nth-child(3) a { background-image:url(../images/gallery/case14/sp_thumb3_on.jpg); }
	#case .case14 .photo li:nth-child(4) a { background-image:url(../images/gallery/case14/sp_thumb4_on.jpg); }
	#case .case14 .photo li:nth-child(5) a { background-image:url(../images/gallery/case14/sp_thumb5_on.jpg); }
	#case .case14 .photo li:nth-child(6) a { background-image:url(../images/gallery/case14/sp_thumb6_on.jpg); }
	#case .case14 .photo li:nth-child(7) a { background-image:url(../images/gallery/case14/sp_thumb7_on.jpg); }

	#case .case15 .photo li:nth-child(1) a { background-image:url(../images/gallery/case15/sp_thumb1_on.jpg); }
	#case .case15 .photo li:nth-child(2) a { background-image:url(../images/gallery/case15/sp_thumb2_on.jpg); }
	#case .case15 .photo li:nth-child(3) a { background-image:url(../images/gallery/case15/sp_thumb3_on.jpg); }
	#case .case15 .photo li:nth-child(4) a { background-image:url(../images/gallery/case15/sp_thumb4_on.jpg); }
	#case .case15 .photo li:nth-child(5) a { background-image:url(../images/gallery/case15/sp_thumb5_on.jpg); }
	#case .case15 .photo li:nth-child(6) a { background-image:url(../images/gallery/case15/sp_thumb6_on.jpg); }
	#case .case15 .photo li:nth-child(7) a { background-image:url(../images/gallery/case15/sp_thumb7_on.jpg); }
	#case .case15 .photo li:nth-child(8) a { background-image:url(../images/gallery/case15/sp_thumb8_on.jpg); }

	#case .case16 .photo li:nth-child(1) a { background-image:url(../images/gallery/case16/sp_thumb1_on.jpg); }
	#case .case16 .photo li:nth-child(2) a { background-image:url(../images/gallery/case16/sp_thumb2_on.jpg); }
	#case .case16 .photo li:nth-child(3) a { background-image:url(../images/gallery/case16/sp_thumb3_on.jpg); }
	#case .case16 .photo li:nth-child(4) a { background-image:url(../images/gallery/case16/sp_thumb4_on.jpg); }
	#case .case16 .photo li:nth-child(5) a { background-image:url(../images/gallery/case16/sp_thumb5_on.jpg); }

/* case12 */
	#case h1 + p {
		width: 96.875vw; height:26.5625vw;
		margin: 0 auto;
		text-indent: -9999px;
		background: url(../images/gallery/case12/sp_copy.gif) left top no-repeat;
		background-size: 100%;
	}
	#case .lead.case12 .copy dt {
		height: 13.75vw;
		margin-bottom: 15px;
		text-indent: -9999px;
		background: url(../images/gallery/case12/sp_lead.gif) left top no-repeat;
		background-size: 100%;
	}
	#case .lead.case12 dl.spec {
		margin-top: 30px;
	}
	#case .example {
		position: relative;
		width: 96.875vw; height:205vw;
		margin: 0 auto 7.8125vw;
	}
	#case .example ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#case .example li {
		width:47.8125vw; height:18.75vw;
		background: left top no-repeat;
		background-size: 100%;
	}
	#case .example li:nth-child(1) { background-image:url(../images/gallery/case12/sp_batab01_on.gif); }
	#case .example li:nth-child(2) { background-image:url(../images/gallery/case12/sp_batab02_on.gif); }
	#case .example li:nth-child(3) { background-image:url(../images/gallery/case12/sp_batab03_on.gif); }
	#case .example li:nth-child(4) { background-image:url(../images/gallery/case12/sp_batab04_on.gif); }
	#case .example li img { transition: 0.3s opacity; }
	#case .example li.act img { opacity: 0; }

	#case .case12 .example div > div {
		position: absolute;
		top:37.5vw; left:0;
	}
	#case .example div.act {
		z-index: 10;
	}
	#case .example p {
		margin-top: 3.125vw;
		padding: 0.3em 0 0.3em 1.5em;
		text-indent: -1em;
		font-size: 4.375vw;
		line-height: 1.643;
		border: 2px solid #ddd;
		background: #fff;
		box-sizing: border-box;
	}
	#case .example p::before {
		content: "●";
		font-size: 68.75%;
		text-indent: 0;
		vertical-align: middle;
		color: #007bd8;
		margin-right: 0.5em;
	}

	#case h2.floor {
		background-image: url(../images/gallery/case12/sp_floor.gif);
	}
	#case .case12 h2.floor +figure {
		width:96.875vw; height:202.8125vw;
		margin: 0 auto;
		text-indent: -9999px;
		background: url(../images/gallery/case12/sp_floor_fig.png) center top no-repeat;
		background-size: 100%;
	}

	#case .comment {
		width:96.875vw;
		margin: 9.375vw auto;
		padding: 3.125vw 0;
		font-size: 4.375vw;
		line-height: 1.643;
		border-top: 1px dotted #848282;
		border-bottom: 1px dotted #848282;
	}
	#case .comment h3 {
		padding-left: 6.25vw;
		font-size: 5vw;
		font-weight: normal;
		background: url(../images/gallery/case12/sp_comment_ico.gif) left center no-repeat;
		background-size: 5vw auto;
	}
	#case .case12 .comment p {
		width: 100%; height:33.4375vw;
		margin: 1.5vw 0;
		padding: 10.5vw 0 0 51.5625vw;
		background: url(../images/gallery/case12/sp_comment_ph.jpg) 13.75vw top no-repeat;
		background-size: 33.4375vw auto;
		box-sizing: border-box;
	}
	#case .comment p strong {
		display: block;
		margin-left: 0.5em;
		font-size: 5vw;
		line-height: 1;
	}
	#case .comment dd {
		margin: 0 1.5625vw;
	}

	#case .voice {
		width: 96.875vw;
		margin: 0 auto;
	}
	#case .voice dt {
		padding-left: 50vw;
		font-size: 6.25vw;
		font-weight: bold;
		line-height: 24.0625vw;
		background: url(../images/gallery/case12/sp_voice_ill.gif) 13.75vw top no-repeat;
		background-size: 33.4375vw auto;
	}
	#case .voice dd {
		margin: 3.9vw 1.5625vw 0;
		font-size: 4.375vw;
		line-height: 1.643;
	}

/* case13 */
	#case .lead.case13 dl.spec {
		margin-top: 30px;
	}
	#case .case13 .example {
		height:136vw;
	}
	#case .case13 .example div > div {
		position: absolute;
		left:0;
	}
	#case h2.floor.case13 +figure {
		width:96.875vw; height:137.8125vw;
		margin: 0 auto;
		text-indent: -9999px;
		background: url(../images/gallery/case13/sp_floor_fig.png) center top no-repeat;
		background-size: 100%;
	}
	#case .case13 .comment p {
		width: 100%; height:33.4375vw;
		margin: 1.5vw 0;
		padding: 10.5vw 0 0 51.5625vw;
		background: url(../images/gallery/case12/sp_comment_ph.jpg) 13.75vw top no-repeat;
		background-size: 33.4375vw auto;
		box-sizing: border-box;
	}

/* case14 */
	#case .lead.case14 dl.spec {
		margin-top: 30px;
	}
	#case .case14 .example {
		height:155vw;
	}
	#case .example ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#case .example li {
		width:47.8125vw; height:18.75vw;
		background: left top no-repeat;
		background-size: 100%;
	}
	#case .example li:nth-child(1) { background-image:url(../images/gallery/case14/sp_batab01_on.gif); }
	#case .example li:nth-child(2) { background-image:url(../images/gallery/case14/sp_batab02_on.gif); }
	#case .example li img { transition: 0.3s opacity; }
	#case .example li.act img { opacity: 0; }
	#case .case14 .example div > div {
		position: absolute;
		left:0;
	}
	#case h2.floor.case14 +figure {
		width:96.875vw; height:190.8125vw;
		margin: 0 auto;
		text-indent: -9999px;
		background: url(../images/gallery/case14/sp_floor_fig.png) center top no-repeat;
		background-size: 100%;
	}
	#case .case14 .comment p {
		width: 100%; height:33.4375vw;
		margin: 1.5vw 0;
		padding: 10.5vw 0 0 51.5625vw;
		background: url(../images/gallery/case14/sp_comment_ph.jpg) 13.75vw top no-repeat;
		background-size: 33.4375vw auto;
		box-sizing: border-box;
	}

/* case15 */
	#case .lead.case15 dl.spec {
		margin-top: 30px;
	}
	#case .case15 .example {
		height:136vw;
	}
	#case .case15 .example div > div {
		position: absolute;
		left:0;
	}
	#case h2.floor.case15 +figure {
		width:96.875vw; height:137.8125vw;
		margin: 0 auto;
		text-indent: -9999px;
		background: url(../images/gallery/case15/sp_floor_fig.png) center top no-repeat;
		background-size: 100%;
	}

/* case16 */
	#case .lead.case16 dl.spec {
		margin-top: 30px;
	}
	#case .case16 .example {
		height:136vw;
	}
	#case .case16 .example div > div {
		position: absolute;
		left:0;
	}
	#case h2.floor.case16 +figure {
		width:96.875vw; height:201.8125vw;
		margin: 0 auto;
		text-indent: -9999px;
		background: url(../images/gallery/case16/sp_floor_fig.png) center top no-repeat;
		background-size: 100%;
	}
}