@charset "UTF-8";
/* --------------------------------------------------------------------
 Copyright (c) 2020 plusi
 -------------------------------------------------------------------- */

/* -- HEADERの変更 -----------------------------------------------*/
#header_area{
	background-color: #fff;
	background-image: none!important;
	border-bottom: none!important;
	/*
	background-image: url("../images/otis-redding.png");
	border-bottom: solid 1px #dddddd;
	*/
}
/* -- 最大幅の変更 -----------------------------------------------*/

/* --------------------------------
	HEADER_AREA
   -------------------------------- */
@media screen and (min-width: 992px) {

	/* 全体の横幅を固定 */
	#top_title_area{
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* ================================
			768px以上
   ================================ */
@media (min-width: 1001px) {
	.contents_area{
		width: 100%!important;
	}
}
/* -- ここから -----------------------------------------------*/
div.contents_box h2{
	width: 100%;
	background-color: #e85298;
	color: #fff;
	padding: 3px 0 0 20px;
	margin: 30px 0;
}
/* --------------------------------
	PDFリンク
   -------------------------------- */
.contents_box a{ color: #007ccc;}
.contents_box a:hover{ text-decoration: underline!important; }


/* --------------------------------
	募集要項リスト
   -------------------------------- */
.list_box{
	margin: 0 10px;
	font-size : 16px;
}
.list_box dl{
	margin-botom: 30px;
}
.list_box dt{
	font-weight: bold;
	clear: left;
	float: left;
}
.list_box dt:after{
	content: '／';
}

.list_box dd{
	margin: 0 0 10px 100px;
}
/* --------------------------------
	入賞賞品リスト
   -------------------------------- */
.box{
	clear: left;
	box-sizing: border-box!important;
	border: 3px solid #55b8c2;
	/*border: 2px solid #e85298;*/
	border-radius: 5px;
	margin: 0 0 30px 0;
	text-align: center;
}
.box p{ padding: 10px; margin: 0; line-height: 150%;}
.box p.maker{
	margin-left: 3px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #999;
}
/*
	入賞作品の発表
*/
.box .sakuhin{
	padding: 10px 0 0 0;
	height:460px;
}
.sakuhin p{
	padding: 0;
	margin: 0;
	font-size: 90%;
}
/* 入賞者 */
.sakuhin p.name{
	text-align: left;
	font-weight: bold;
	padding: 5px 0 10px 15px;
}
.sakuhin p.name:after{ font-size: 14px; font-weight: normal; content: 'さん';}

/* 入賞作品のタイトル */
.sakuhin p.sakuhin-tit{	
	text-align: left;
	font-weight: bold;
	padding: 10px 0 0 10px;
	line-height: 22px;
	overflow: hidden;
}
.sakuhin p.sakuhin-tit.long{ font-size: 12px; }
.sakuhin p.sakuhin-tit:before{ font-size: 12px; font-weight: normal; content: '作品名「'; }
.sakuhin p.sakuhin-tit:after{ font-size: 12px; font-weight: normal; content: '」';}

/* 入賞作品の画材 */
.sakuhin p.sakuhin-det{
	text-align: left;
	font-weight: bold;
	padding: 5px 0 10px 10px;
	overflow: hidden;
}
.sakuhin p.sakuhin-det:before{ font-size: 12px; font-weight: normal; content: '画　材'; padding-right: 1em; }

/* 入賞作品 */
.box .sakuhin img{
	width: 90%;
	border: 1px solid #666;
	margin-bottom: 10px;
}
/* 店舗（recommend.css div.osusume_info にならう） */
.shop_info{
	position: relative;
	padding: 0px;
	margin: 0px;
	font-size: 90%;
	line-height: 120%;
}
.shop_info span{
	position: absolute;
	top: 10px; right: 5%;
	border-radius: 4px;

	padding: 1px 8px;
	color: #333;
}

span.s_syatyo		{ background-color: #800080; background: rgba(128,0,128,0.9); color: white;}
span.s_takamatsu	{ background-color: #FFFF00; background: rgba(255,255,0,0.8); }
span.s_marugame		{ background-color: #39B54A; background: rgba(57,181,74,0.6); }
span.s_kinuyama		{ background-color: #F7931E; background: rgba(247,147,30,0.6); }
span.s_matsuyama	{ background-color: #F15A24; background: rgba(241,90,36,0.6); }
span.s_kochi		{ background-color: #29ABE2; background: rgba(41,171,226,0.9); color: white;}
span.bunrui			{ background-color: #808080; background: rgba(128,128,128,0.6); }
span.home			{ background-color: #FF66CC; color: white; }

.box.kuretake{ border: 2px solid #55b8c2; }
.box.kuretake i{ color: #55b8c2!important; }
.box.kuretake p.maker{ border-bottom: 1px solid #55b8c2; }	/*入賞作品  */

.box.pentel{ border: 2px solid #e85298; }
.box.pentel i{ color: #e85298!important; }

.box.akasiya{ border: 2px solid #f7931e; }
.box.akasiya i{ color: #f7931e!important; }

.box.sakura{ border: 2px solid #0582e8; }
.box.sakura i{ color: #0582e8!important; }

.box.tombo{ border: 2px solid #4ec664; }
.box.tombo i{ color: #4ec664!important; }

.box.mitsubisi{ border: 2px solid #c3c64e; }
.box.mitsubisi i{ color: #c3c64e!important; }

.box i{
	position: absolute;
	top: -20px;
	left: 5px;
	/*font-size: 50px;*/
	font-size: 35px;
	text-shadow: 1px 2px 3px #999;
	transform: rotate(-15deg);
}

.box p.prod{
	margin-left: 3px;
	padding-left: 0;
	padding-right: 0;
	font-size: 14px;
	height: 35px;
	line-height:120%;
	color: #005d9a;
	border-top: 1px solid #999;
}
.box p.price{
	margin-left: 3px;
	font-size: 14px;
}
.box p.maker span{
	color: red;
	font-weight:normal!important;
}
.box p.maker span:before{
	content:"/";
}
@media (max-width: 599px) {
}

/* --------------------------------
	高さを揃える
   -------------------------------- */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
/* ================================
			599px以下
   ================================ */
@media (max-width: 599px) {
	/* サイト名 */
	.site img{
		height: 32px;
	}

	.list_box{
		font-size: 14px;
	}
	.box p{ padding: 5px;}
	.box p.maker{
		font-size: 12px;
		margin-left: 2px;
		padding: 5px 0;
		letter-spacing: -1px;
	}
	.box p.prod{
		margin-left: 2px;
		font-size: 12px;
		height: 40px;
		line-height: 120%;
		margin-top:0!important;
		margin-bottom:0!important;
	}
	.box p.price{
		font-size: 12px;
		padding: 0 5px;
	}
	.box i{
		position: absolute;
		top: -14px;
		left: 10px;
		font-size: 30px;
		text-shadow: 1px 1px 1px #999;
		transform: rotate(-15deg);
	}
	.box span{
		font-size: 12px!important;
	}



	/*
		入賞作品の発表
	*/
	.box .sakuhin{
		padding: 5px 0 0 0;
		height: auto;
	}
	.sakuhin p.name{
		font-size: 18px;
		padding: 0 0 0 15px;
		margin: 0!important;
		line-height: 100%;
		text-align: center;
	}
	/* 入賞作品のタイトル */
	.sakuhin p.sakuhin-tit{	
		padding: 2px 0 0 5px;
		margin: 0!important;
		line-height: 14px;

		display: none;
	}
	.sakuhin p.sakuhin-tit.long{ font-size: 12px; }
	.sakuhin p.sakuhin-tit:before{ font-size: 12px; font-weight: normal; content: '「'; }
	.sakuhin p.sakuhin-tit:after{ font-size: 12px; font-weight: normal; content: '」';}
	
	/* 入賞作品の画材 */
	.sakuhin p.sakuhin-det{
		padding: 2px 0 10px 5px;
		margin: 0!important;

		display: none;

	}
	.sakuhin p.sakuhin-det:before{ font-size: 12px; font-weight: normal; content: '画材'; padding-right: 1em; }
	
	/* 入賞作品 */
	.box .sakuhin img{
		margin-bottom: 3px;
	}
	/* 店舗（recommend.css div.osusume_info にならう） */
	.shop_info{
		margin: 0!important;
		line-height: 120%!important;
	}
	.shop_info span{
		position: relative; top:0;left: 0;
		border-radius: 4px;
		padding: 0!important;
		margin: 5px 0 0 0!important;
	}








}