@charset "utf-8";

/* --------------------------------------------------- */
/* FPDA2024結果発表*/
/* --------------------------------------------------- */

/* --------------------------------------------------- */
/* 共通 */
/* --------------------------------------------------- */
/* フォーマット */
/* --------------------------------------------------- */
#breadcrumb {
	width: 100%;
	margin: 0 0 0 auto;
	padding: 0 0 0 4%;
	border-bottom: none;
	box-sizing: border-box;
}
#fpda2025result, #fpda2025prize {
	font-size: 1.6rem;
	font-weight: 500;
}


/* --------------------------------------------------- */
/* メインビジュアル */
/* --------------------------------------------------- */
#visual {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
#visual ul + ul { margin-top: 8px; }
#visual ul li { margin-left: 8px; }

#visual h1 {
	position: absolute;
	top: 0;
	left: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 4.0em 3.0em;
	width: 480px;
	height: 100%;
	background-image: url('../image/fpda2025result/title_bg.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 50%;
	transform: translateX(-50%);
}
#visual h1 img { width: 100%; height: auto; }


@media screen and (max-width: 1280px) {
	#visual h1 {
		padding: 3.0em 2.5em;
		width: 420px;
	}

}
@media screen and (max-width: 640px) {
	#visual h1 {
		padding: 3.0em 1.5em;
		width: 60%;
	}
}
@media screen and (max-width: 480px) {
	#visual h1 {
		padding: 3.0em 1.0em;
		width: 66.66%;
	}
}


/* --------------------------------------------------- */
/* 受賞作品決定 */
/* --------------------------------------------------- */
#award {
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	margin-bottom: 50px;
}
#award h2 {
	display: block;
	margin: 0 auto 20px;
	color: #d3bd4e;
	font-size: 3.6rem;
	font-weight: 600;
}
#award h2::before {
	content: 'FP DESIGN AWARD 2025';
	display: block;
	color: #333;
	font-size: 1.4rem;
	font-weight: 600;
}
#award h3 {
	display: block;
	font-size: 2.1rem;
	font-weight: 600;
}
#award p {
	margin-top: 2em;
	font-size: 1.6rem;
}
#award h3 span, #award p span { display: inline-block; }
@media screen and (max-width: 959px) {
	#award { margin-bottom: 50px; }
}
@media screen and (max-width: 639px) {
	#award h2 {
		margin: 0 auto 15px;
		font-size: 3.2rem;
	}
	#award h3 { font-size: 2.0rem; }
	#award p {
		margin-top: 2em;
		font-size: 1.4rem;
	}
}
@media screen and (max-width:419px) {
	#award { margin-bottom: 30px; }
}

/* --------------------------------------------------- */
/* 受賞作品 */
/* --------------------------------------------------- */
.work {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
.work + .work { margin-top: 64px; }
.work .belt {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.work .belt div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 0.0001%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 0 100%;
	opacity: 0.0;
}
.work .inblock {
	position: relative;
	margin: 0 auto;
	padding: 48px 0 96px;
	width: 80%;
	max-width: 1040px;
	box-sizing: border-box;
}
.work .wkpresen {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.work .wkhead {
	display: block;
	padding: 0 ;
	width: 100%;
	vertical-align: top;
	box-sizing: border-box;
}
.work .introduce  {
	margin: 3.0em auto 0;
	width: 100%;
}
.work figure {
	display: block;
	width: 100%;
}
.work figure a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
}
.work figure a img { width: 100%; height: auto; opacity: 0.0;}
.work figure a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -100%;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.0;
}
.work h2 {
	margin: 3.0rem auto 0;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	opacity: 0.0;
}
.work h2 span { display: block; }

.work .wkhead h3 {
	padding: 144px 0 0 6px;
	font-size: 1.2rem;
	font-weight: 700;
	background-repeat: no-repeat;
	background-size: 128px auto;
	background-position: 50% 0;
	line-height: 1.5;
	text-align: center;
	opacity: 0.0;
}
.work .wkhead h3 em {
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
}
.work .introduce h4 {
	margin: 3.0em 0 1.0em;
	font-size: 1.6rem;
	font-weight: 600;
	opacity: 0.0;
}
.work .introduce h4::before {
	content: attr(data-area)'';
	margin-right: 0.5em;
	padding: 0 0.5em ;
	background-color: #429e3b;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 400;
}

.work .introduce p {
	font-size: 1.6rem;
	opacity: 0.0;
}
.work .introduce .btn-prize  {
	display: block;
	margin-top: 2.0em;
	width: 240px;
	opacity: 0.0;
}
/* 後日公開 */
.work .introduce .btn-prize { display: none; }
.later {
	margin: 3.0em auto 0;
	width: 86%;
	max-width: 1040px;
	border: 2px solid #429e3b;
	text-align: center;
}
.later p {
	color: #429e3b;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 3.0;
}

.work .introduce .btn-prize a {
	position: relative;
	display: block;
	border-radius: 120px;
	background-color: #999;
	color: #fff;
	font-weight: 600;
	line-height: 3.0;
	text-align: center;
}
.work .introduce .btn-prize a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translate( -300%, -50%) rotate(45deg);
}

#goldprize.work h3 { color: #d3bd4e; background-image: url('../image/fpda2025result/gold.png'); }
#silverprize.work h3 { color: #b4b4b9; background-image: url('../image/fpda2025result/silver.png'); }
#bronzeprize.work h3 { color: #a98459; background-image: url('../image/fpda2025result/bronze.png'); }
#specialprize.work h3 { color: #429e3b; background-image: url('../image/fpda2025result/special.png'); }
#goldprize.work .btn-prize a { background-color: #d3bd4e; }
#silverprize.work .btn-prize a{ background-color: #b4b4b9; }
#bronzeprize.work .btn-prize a { background-color: #a98459; }
#specialprize.work .btn-prize a{ background-color: #429e3b; }

#goldprize.work .belt div { background-image: url('../image/fpda2025result/gold-bg.webp'); }
#silverprize.work .belt div { background-image: url('../image/fpda2025result/silver-bg.webp'); }
#bronzeprize.work .belt div { background-image: url('../image/fpda2025result/bronze-bg.webp'); }
#specialprize.work .belt div { background-image: url('../image/fpda2025result/special-bg.webp'); }
#goldprize.work figure a::after { background-color: #d3bd4e; }
#silverprize.work figure a::after { background-color: #b4b4b9; }
#bronzeprize.work figure a::after { background-color: #a98459; }
#specialprize.work figure a::after { background-color: #429e3b; }

@media screen and (max-width: 1280px) {
	.work + .work { margin-top: 7%; }
}
@media screen and (max-width: 960px) {
	.work + .work { margin-top: 5%; }
	.work .inblock { padding: 32px 0 64px; }
	.work .wkpresen { width: 97%; }
	.work .introduce  {
		margin: 0auto;
	}
	.work h2 { font-size: 2.1rem; }
}
@media screen and (max-width: 767px) {
	.work .belt div {
		background-size: 180%  auto;
	}
	.work .inblock { padding: 48px 0; }
	.work .wkpresen {
		margin: 0 auto;
		flex-direction: column;
		width: 100%;
	}
	.work .introduce  {
		margin: 20px auto 0;
		flex-direction: column;
		width: 100%;
	}
	.work .wkhead {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.work h2 {
		-ms-writing-mode: initial;
		writing-mode: initial;
		margin: 3.0rem auto 0;
	}
	.work figure {
		display: block;
		margin-top: 4%;
		width: 100%;
	}
	.work .introduce p {
		width: 100%;
	}
	.work .wkhead h3 {
		background-position: 50% 0;
	}
	.work .introduce .btn-prize  {
		margin: 1.0em auto 0;
		padding-top: 0;
		width: 200px;
	}
}
@media screen and (max-width: 420px) {
	.work .belt div {
		background-size: 300%  auto;
	}
	.work .inblock { padding: 32px 0; width: 100%; }
	.work .wkpresen { width: 100%; }
	.work .introduce  { width: 100%; }
	.work h2 {
		margin: 1.5em 0 0.3em;
		font-size: 6.0vw;
	}
	.work .introduce h4 {
		margin-left: auto;
		margin-right: auto;
		width: 86%;
	}
	.work .introduce p {
		margin-left: auto;
		margin-right: auto;
		width: 86%;
	}
}

/* アニメーション */
/* --------------------------------------------------- */
.work.dispon .belt div {
  animation-name: stretch;
  animation-duration: 1.0s;
  animation-timing-function: ease;
  animation-delay: 0.2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes stretch {
  0% { opacity: 0.0; height: 0.0001%;}
  100% { opacity: 1.0; height: 100%;}
}

.work.dispon figure a::after {
  animation-name: train;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-delay: 1.0s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes train {
  0% { opacity: 0.0; left: -100%;}
  20% { opacity: 1.0; left: -50%;}
  40% { opacity: 1.0; left: 0;}
  60% { opacity: 1.0; left: 0;}
  100% { opacity: 1.0; left: 100%;}
}
.work.dispon figure a img {
  animation-name: disp;
  animation-duration: 0.1s;
  animation-timing-function: linear;
  animation-delay: 1.7s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes disp {
  0% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.work.dispon .wkhead h3  {
  animation-name: fadeup1;
  animation-duration: 1.0s;
  animation-timing-function: ease;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeup1 {
  0% { opacity: 0.0; transform: translateY(30px); }
  100% { opacity: 1.0; transform: translateY(0); }
}
.work.dispon h2 {
  animation-name: fadeup2;
  animation-duration: 1.0s;
  animation-timing-function: ease;
  animation-delay: 0.9s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeup2 {
  0% { opacity: 0.0; transform: translateY(30px); }
  100% { opacity: 1.0; transform: translateY(0); }
}
.work.dispon .introduce h4,
.work.dispon .introduce p,
.work.dispon .introduce .btn-prize  {
  animation-name: fadeup3;
  animation-duration: 1.0s;
  animation-timing-function: ease;
  animation-delay: 1.2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeup3 {
  0% { opacity: 0.0; transform: translateY(30px); }
  100% { opacity: 1.0; transform: translateY(0); }
}


/* --------------------------------------------------- */
/* 過去のFPDA */
/* --------------------------------------------------- */
#history { margin-top: 48px; }
#history > div {
	display: flex;
	margin: 0 auto;
	width: 100%;
	justify-content: center;
}
#history .bnr {
	margin: 0 2%;
	width: 46%;
	max-width: 360px;
	box-sizing: border-box;
}
#history .bnr img { width: 100%; height: auto; }

@media screen and (max-width: 640px) {
	#history > div { flex-direction: column; align-items: center; }
	#history .bnr { margin: 0 auto; width: 86%; max-width: 320px; }
	#history .bnr + .bnr { margin-top: 5%; }
}
@media screen and (max-width: 420px) {
}



/* --------------------------------------------------- */
/* 建築デザイン集 */
/* --------------------------------------------------- */
#design { padding: 96px 4% 80px; }
#design .contents {
	background-color: #f3f3f3;
	margin: 0 auto;
	max-width: 1040px;
}
#design .examples { display: table; width: 100%; }
#design .examples > div {
	display: inline-block;
	width: 25%;
	height: 320px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	float: left;
}
#design .examples > div:nth-child(1) { background-image: url('../image/fpda2023result/example01.jpg'); }
#design .examples > div:nth-child(2) { background-image: url('../image/fpda2023result/example02.jpg'); }
#design .examples > div:nth-child(3) { background-image: url('../image/fpda2023result/example03.jpg'); }
#design .examples > div:nth-child(4) { background-image: url('../image/fpda2023result/example04.jpg'); }
#design .inblock {
	display: table;
	padding: 30px 5%;
}
#design .attention { display: table-cell; }
#design .btn-design {
	display: table-cell;
	width: 180px;
	vertical-align: middle;
}
#design .attention h3 { margin-bottom: 0.4em; font-size: 1.8rem; font-weight: 700; }
#design .attention p { font-size: 1.6rem; }
#design .btn-design a {
	display: block;
	margin: 0 0 0 auto;
	width: 140px;
	background-color: #bbb;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	line-height: 56px;
}

@media screen and (min-width: 960px) {
	#design .btn-design a:hover { background-color: rgb(94, 173, 33); }
}
@media screen and (max-width: 767px) {
	#design { padding: 72px 0 0; }
	#design .attention { display: block; }
	#design .btn-design {
		display: block;
		width: 100%;
	}
	#design .btn-design a {
		margin: 20px auto 0;
		width: 210px;
		font-size: 1.4rem;
		line-height: 42px;
	}
}
@media screen and (max-width: 600px) {
	#design .examples > div {
		width: 50%;
		height: 180px;
	}
}
@media screen and (max-width: 420px) {
	#design .examples > div { height: 120px; }
	#design .inblock { padding: 25px 5%; }
	#design .attention h3 { margin-bottom: 0.3em; font-size: 1.6rem; }
	#design .attention p { font-size: 1.4rem; }
	#design .btn-design a {
		margin: 15px auto 0;
		width: 180px;
		font-size: 1.3rem;
		line-height: 36px;
	}
}


/* --------------------------------------------------- */
/* 受賞作品 */
/* --------------------------------------------------- */
#fpda2024prize { position: relative; }
#fpda2024prize::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 1240px;
	transform: skewY(-15deg) translateY(-25%);

}
#fpda2024prize.gold::before  { background-color: #f6f2dc; }
#fpda2024prize.silver::before  { background-color: #efeff0; }
#fpda2024prize.bronze::before  { background-color: #eee6de; }
#fpda2024prize.special::before  { background-color: #d9ecd8; }
#fpda2024prize h1 {
  position: relative;
  margin-left: 4%;
  padding: 36px 0 0 0;
  width: 90%;
  max-width: 180px;
}
#fpda2024prize h1 a { display: block; }
#fpda2024prize h1 a img { width: 100%; height: auto; }
#fpda2024prize section { position: relative; z-index: 1; }
#fpda2024prize .contents { margin: 0 auto; width: 90%; max-width: 800px; }

@media screen and (max-width: 1000px) {
	#fpda2024prize h1 { padding: 32px 0 0 0; }
}
@media screen and (max-width: 767px) {
	#fpda2024prize::before { padding-top: 1040px; }
	#fpda2024prize h1 { padding: 28px 0 0 0; }
}
@media screen and (max-width: 420px) {
	#fpda2024prize::before { padding-top: 960px; }
	#fpda2024prize h1 {
		margin: 0 auto;
		padding: 20px 0 0 0;
		max-width: 160px;
	}
}


/* --------------------------------------------------- */
/* 受賞タイトル */
/* --------------------------------------------------- */
#prizetitle { position: relative; margin-top: 100px; z-index: 2; }
#prizetitle h2 {
	margin-bottom: 0.5em;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
#prizetitle h2 span { display: inline-block; }
#prizetitle h3 {
	margin-bottom: 5.0rem;
	padding: 144px 0 0 5px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	background-repeat: no-repeat;
  background-size: 128px auto;
  background-position: 50% 0;
	text-align: center;
}
#prizetitle h3 span {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0;
	line-height: 1.0;
}
#fpda2024prize.gold #prizetitle h3 { color: #d3bd4e; background-image: url('../image/fpda2024result/gold.png'); }
#fpda2024prize.silver #prizetitle h3 { color: #b4b4b9; background-image: url('../image/fpda2024result/silver.png'); }
#fpda2024prize.bronze #prizetitle h3 { color: #a98459; background-image: url('../image/fpda2024result/bronze.png'); }
#fpda2024prize.special #prizetitle h3 { color: #429e3b; background-image: url('../image/fpda2024result/special.png'); }
#prizetitle h4 { font-size: 1.6rem; font-weight: 700; text-align: center;}
#prizetitle h4::before {
	content: attr(data-area)'';
	display: block;
	margin: 0 auto 0.5em;
	padding: 0 ;
	width: 96px;
	background-color: #429e3b;
	color: #fff;
	font-size: 1.4rem;
}
#prizetitle .concept { margin-top: 40px; width: 100%; }
#prizetitle .concept p { font-size: 1.6rem; line-height: 2.0; }

@media screen and (max-width: 767px) {
	#prizetitle { margin-top: 60px; }
	#prizetitle h2 { font-size: 2.4rem; }
	#prizetitle h3 {
		margin-bottom: 4.0rem;
		padding: 144px 0 0 5px;
		font-size: 2.1rem;
		background-size: 128px auto;
	}
	#prizetitle h3 span { font-size: 1.0rem; }
}
@media screen and (max-width: 420px) {
	#prizetitle { margin-top: 50px; }
	#prizetitle h3 {
		margin-bottom: 3.0rem;
		padding: 112px 0 0 5px;
		font-size: 2.1rem;
		background-size: 96px auto;
	}
	#prizetitle h2 { font-size: 2.4rem; }
  #prizetitle h4 { font-size: 1.4rem; }
	#prizetitle .concept { margin-top: 30px; }
	#prizetitle .concept p { font-size: 1.4rem; }
}


/* アルバム */
/* --------------------------------------------------- */
#album { position: relative; z-index: 2; }
#album .item { margin-top: 150px; }
#album .item:first-child { margin-top: 80px; }
#album .item figure {
	position: relative;
	margin: 0 auto;
	top: 120px;
	width: 100%;
	opacity: 0.0;
	transition: all 1.25s;
}
#album .item figure.portlate { width: 63.5%; max-width: 568px; }
#album .item figure img { width: 100%; height: auto; }
#album .item figcaption {
	margin-top: 4em;
	font-size: 1.6rem;
	opacity: 0.0;
	transition: all 2.0s;
}
#album .item figure.dispon { top: 0; opacity: 1.0; }
#album .item figcaption.dispon { margin-top: 1.5em; opacity: 1.0; }

@media screen and (max-width: 767px) {
	#album .item { margin-top: 100px; }
	#album .item:first-child { margin-top: 60px; }
	#album .item figure { top: 60px; }
	#album .item figcaption { margin-top: 3.5em; }
}
@media screen and (max-width: 420px) {
	#album .item,
	#album .item:first-child { margin-top: 50px; }
	#album .item figure { top: 30px; }
	#album .item figcaption {
		margin-top: 2.5em;
		font-size: 1.4rem;
	}
}


/* --------------------------------------------------- */
/* コメント */
/* --------------------------------------------------- */
#comment {
	position: relative;
	margin-top: 150px;
	padding: 80px 5%;
	background-color: #f2f2f2;
	z-index: 2;
}
#fpda2024prize.gold #comment  { background-color: #f6f2dc; }
#fpda2024prize.silver #comment  { background-color: #efeff0; }
#fpda2024prize.bronze #comment  { background-color: #eee6de; }
#fpda2024prize.special #comment  { background-color: #d9ecd8; }

#comment .inner {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
#comment h3 {
	color: #429e3b;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}
#comment h3 span {
	display: block;
	color: #8a8989;
	font-size: 1.4rem;
}
#comment dl { display: table; margin-top: 40px; width: 100%; }
#comment dl dt {
	display: table-cell;
	padding-right: 40px;
	border-right: 1px solid #bebebe;
	box-sizing: border-box;
}
#comment dl dd {
	display: table-cell;
	padding-left: 40px;
	width: 300px;
	box-sizing: border-box;
}
#comment dl dt p { font-size: 1.6rem; }
#comment dl dd h2 { font-size: 1.6rem; font-weight: 700; }
#comment dl dd h2::before {
	content: attr(data-area)'';
	display: table;
	margin-bottom: 0.5em;
	padding: 0 0.5em;
	background-color: #429e3b;
	color: #fff;
}
#comment dl dd address {
	margin: 20px 0;
	font-style: normal;
	font-size: 1.4rem;
}
#comment dl dd .btn {
	display: block;
	width: 210px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #bbb;
	font-size: 1.4rem;
	line-height: 42px;
	text-align: center;
	transition: all .3s;
}
#comment dl dd .btn + .btn { margin-top: 10px; }
#comment { background-color: #f2f2f2; }
@media screen and (min-width: 960px) {
	#comment dl dd .btn:hover { opacity: 0.5; }
}
@media screen and (max-width: 960px) {
	#comment dl dt {
		padding-right: 25px;
	}
	#comment dl dd {
		padding-left: 30px;
		width: 270px;
	}
}
@media screen and (max-width: 767px) {
	#comment {
		margin-top: 100px;
		padding: 60px 4%;
	}
	#comment h3 { font-size: 2.1rem; }
	#comment h3 span { font-size: 1.2rem; }
	#comment dl { margin-top: 30px; }
	#comment dl dt {
		display: block;
		padding-right: 0;
		padding-bottom: 30px;
		border-right: 0;
		border-bottom: 1px solid #111;
	}
	#comment dl dd {
		display: table;
		padding-left: 0;
		padding-top: 30px;
		width: 100%;
	}
	#comment dl dd address { margin: 15px 0 0; }
	#comment .profile {
		width: calc(100% - 200px);
		float: left;
	}
	#comment .links {
		width: 180px;
		float: right;
	}
	#comment dl dd .btn {
		display: block;
		width: 180px;
		background-color: #fff;
		border-radius: 5px;
		border: 1px solid #bbb;
		font-size: 1.3rem;
		line-height: 42px;
		text-align: center;
	}
	#comment dl dd .btn + .btn { margin-top: 10px; }
}
@media screen and (max-width: 420px) {
	#comment {
		margin-top: 60px;
		padding: 40px 4%;
	}
	#comment h3 { font-size: 1.8rem; }
	#comment h3 span { font-size: 1.1rem; }
	#comment dl { margin-top: 25px; }
	#comment dl dt p { font-size: 1.4rem; }
	#comment .profile {
		width: 100%;
		float: none;
	}
	#comment .links {
		margin-top: 20px;
		width: 100%;
		float: none;
	}
	#comment dl dd .btn,
	#comment dl dd .btn + .btn {
		margin: 8px auto 0;
		font-size: 1.2rem;
		line-height: 36px;
	}
}


/* VOICE */
/* --------------------------------------------------- */
#comment .voice { margin-top: 80px; }
#comment .msg {
  display: block;
  margin-top: 30px;
  padding: 40px;
  background-color: #fff;
  border-radius: 10px;
}
#comment .voice + .msg { margin-top: 50px; }
#comment .msg p { font-size: 1.6rem; }
#comment .msg p span { display: inline-block; }

@media screen and (max-width: 767px) {
  #comment .voice { margin-top: 60px; }
  #comment .msg {
    margin-top: 20px;
    padding: 30px 25px;
  }
  #comment .voice + .msg { margin-top: 30px; }

}
@media screen and (max-width: 420px) {
  #comment .voice { margin-top: 40px; }
  #comment .msg {
    margin-top: 15px;
    padding: 20px 15px;
  }
  #comment .msg p { font-size: 1.4rem; }

}



/* --------------------------------------------------- */
/* 各賞ナビ */
/* --------------------------------------------------- */
#prizelink {
  padding: 80px 5%;
  background-color: #fff;
}
#prizelink ul {
  display: flex;
  justify-content: space-between;
  gap: 2%;
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
}
#prizelink ul li { position: relative; width: 23.5%; }
#prizelink ul li a {
  display: block;
  padding: 12px 8px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  transition: all .3s;
}
#prizelink ul li a:hover { opacity: 0.5; }
#prizelink ul li a h4 {
  display: block;
  padding-top: 48px;
  background-image: url('../image/fpda2024result/white.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 48px auto;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}
#prizelink ul li:first-child a { background-color: #d3bd4e; }
#prizelink ul li:nth-child(2) a { background-color: #b4b4b9; }
#prizelink ul li:nth-child(3) a { background-color: #a98459; }
#prizelink ul li:nth-child(4) a { background-color: #429e3b; }

@media screen and (max-width: 767px) {
  #prizelink { padding: 60px 5%; }
  #prizelink ul li a h4 {
		font-size: 1.6rem;
  }
}
@media screen and (max-width: 640px) {
  #prizelink { padding: 30px 5%; }
  #prizelink ul { max-width: 420px; gap: 0 1px;}
  #prizelink ul li { position: relative; width: 25%; }
  #prizelink ul li a h4 {
		padding-top: 36px;
		background-position: 50% 0;
		background-size: 36px auto;
		font-size: 1.2rem;
  }
#prizelink ul li:first-child a { border-radius: 5px 0 0 5px; }
#prizelink ul li:nth-child(2) a,
#prizelink ul li:nth-child(3) a { border-radius: 0; }
#prizelink ul li:nth-child(4) a { border-radius: 0 5px 5px 0; }

}
@media screen and (max-width: 420px) {
  #prizelink { padding: 24px 4%; }
  #prizelink ul li a h4 {
		padding-top: 32px;
		background-position: 50% 0;
		background-size: 32px auto;
		font-size: 2.7vw;
  }
}