@charset "UTF-8";
@import url("bootstrap-grid.css");
@import url("lity.css");
@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");


/*--------------------------------------------------------------------*/
/* 作品ギャラリー */
/*------------------author--------------------------------------------------*/

@media only screen and (max-width: 767px) {
	.two-column-layout {
			float: none;
			width: auto;
			margin: 0 !important;
	}
}

h1 {
	text-align: center;
	margin: 0 !important;
}

/*contest-header
--------------------------------------------------------------------*/
.contest-header {
	background: rgba(208, 233, 228, .5);
  padding-top: 30px !important;
}

/*Jump
--------------------------------------------------------------------*/
.youtube {
	display: flex;
  justify-content: space-around;
	background: #fff;
	border: 2px solid #999;
  border-radius: 10px;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
  font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 20px 10px;
	margin-bottom: 10px;
}
.youtube i {
  margin-right: 10px;
  color: #f00;
  font-size: 40px;
}
.youtube:hover {
	background: #c2bbdc;
	color: #000;
  text-decoration: none;
}
.zuroku {
	display: flex;
  justify-content: space-around;
	background: #fff;
	border: 2px solid #999;
  border-radius: 10px;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
	padding: 20px 10px;
	margin-bottom: 10px;
}
.zuroku i {
  margin-right: 10px;
  color: #666;
  font-size: 40px;
}
.zuroku:hover {
	background: #c2bbdc;
	color: #000;
  text-decoration: none;
}
.jump a {
	display: block;
	background: #fff;
	border: 2px solid #999;
  border-radius: 10px;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	margin-bottom: 10px;
}
.jump a strong,
.jump a span {
	display: block;
}
.jump a strong {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 0.2em;
}
.jump a span {
	font-size: 14px;
	font-size: 1.4rem;
}
.jump a span br {
	display: none;
}
.jump a:hover {
	background: #c2bbdc;
}
.jump a::after {
	display: block;
	content: "\f078";
	color: #b94023;
	font-size: 20px;
	font-size: 2rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
}

@media screen and (min-width: 768px) {
	.jump a {
		padding: 15px 10px;
	}
	.jump a.btn-s {
		height: auto;
	}
	.jump a span br {
		display: inherit;
	}
}

/*list
--------------------------------------------------------------------*/
.bumon-header {
	padding: 30px 0 10px;
}
.bumon-header h2 {
	font-size: 36px;
	font-size: 3.6rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal !important;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0 0 0.2em;
	padding: 0;
}
.bumon-header p {
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 768px) {
	.bumon-header p {
		text-align: center;
	}
}

.works {
	background: rgba(208, 233, 228, .5);
	padding: 30px;
	margin: auto -15px;
}
.work-list li {
	margin-bottom: 15px;
}
.work-list li span {
	display: block;
	line-height: 1.3;
}
.work-list li .work-box {
	background: #fff;
	padding: 20px;
}
.work-list li .prize {
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.work-list li .prize::before {
	content: '';
	display: inline-block;
	background-image: url(https://www.kilnart.jp/img/gallery/kilncontest07/laurel_left.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 0.2em;
	width: 20px;
	height: 40px;
}
.work-list li .prize::after {
	content: '';
	display: inline-block;
	background-image: url(https://www.kilnart.jp/img/gallery/kilncontest07/laurel_right.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 0em;
	width: 20px;
	height: 40px;
}

@media screen and (min-width: 768px) {
	.work-list li .prize {
		letter-spacing: 0.2em;
	}
	.work-list li .prize::before {
		margin-right: 0.7em;
	}
	.work-list li .prize::after {
		margin-left: 0.5em;
	}
	.work-list .col-lg-10 .prize {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.work-list .col-lg-10 .prize::before {
		width: 30px;
		height: 60px;
	}
	.work-list .col-lg-10 .prize::after {
		width: 30px;
		height: 60px;
	}
	.work-list .col-lg-6 .prize {
		font-size: 20px;
		font-size: 2rem;
	}
	.work-list .col-lg-6 .prize::before {
		width: 25px;
		height: 50px;
	}
	.work-list .col-lg-6 .prize::after {
		width: 25px;
		height: 50px;
	}
	.work-list .col-lg-4 .prize {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.work-list .col-lg-4 .prize::before {
		width: 20px;
		height: 40px;
	}
	.work-list .col-lg-4 .prize::after {
		width: 20px;
		height: 40px;
	}
}
	
.work-list li .prize-cap {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 20px;
}
.work-list li .title {
	color: #b94023;
	margin-top: 1em;
}
.work-list li .author {
	margin-top: 0.5em;
}
.col-lg-10 .title,
.col-lg-10 .author {
	font-size: 20px;
	font-size: 2rem;
}
.col-lg-6 .title,
.col-lg-6 .author {
	font-size: 18px;
	font-size: 1.8rem;
}
.work-list li .comment {
	color: #555;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 1em;
}

.names {
	background: rgba(208, 233, 228, .5);
	padding: 30px;
	margin: auto -15px;
}
.name-list-header {
	border-bottom: 1px solid #5ca392;
	margin: 0 0 0.5em;
}
.name-list-header span {
	display: inline-block;
	background: #5ca392;
	color: #fff;
	font-weight: normal;
	line-height: 1;
	padding: 0.3em 1em;
}
.name-list {
	padding: 10px 0 30px;
}
.name-list li {
	display: inline-block;
}
.name-list.nyusyo li {
  width: auto;
  margin-right: 2em;
}
.name-list.shutten li {
  width: 8em;
}
.names h4 {
  margin: 1em 0 .5em;
}
.names p {
  margin: 0 0 .5em;
}
.name-list-salon li {
	display: inline-block;
  width: 48%;
}
.name-list-salon li small {
	margin-left: 1em;
}
.vote-salon {
  background: #fff;
  border-radius: 10px;
  padding: 10px 20px;
  margin-top: 20px;
}
.vote-salon h4 {
  color: #5ca392;
  font-size: 1.2em;
  margin: .5em 0;
}
.vote-salon p {
  margin-bottom: .5em;
}
.vote-salon .instagram {
  font-weight: bold;
}


/*Pagetop
--------------------------------------------------------------------*/
.jump-top {
	text-align: right;
	margin: 0.5em 0 0;
}
.jump-top a:hover {
	color: #b94023;
}

/*Judge
--------------------------------------------------------------------*/
.question {
}
.question li {
	margin-bottom: 0.5em;
}
.question li em {
	color: #b94023;
	font-size: 20px;
	font-size: 2rem;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "serif";
	font-style: normal;
	margin-right: 0.5em;
}
.judge {
	border-top: 1px solid #999;
	padding-top: 30px;
}
.profile {
	
}
.profile img {
	border: 3px solid #fff;
}
.profile p {
	margin: 0 0 0.3em 0;
	padding: 0;
}
.profile .name {
	font-size: 20px;
	font-size: 2rem;
}
.profile .title {
	font-size: 14px;
	font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
	.profile {
		text-align: center;
	}
}