@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; ピンク */
	background-color: #3987c1;
	border-radius: 20px;
	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;
	min-height: 360px;
}
@media (max-width: 599px) {	/* 599px以下 */
	.box{
		min-height: 260px;
	}
}
@media (max-width: 390px) {	/* 390px以下 */
	.box{
		min-height: 200px!important;
	}
}
.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;
}
/*
	入賞作品の発表
*/
.matome2{
	float: left;
	width: 50%;
}
.matome3{
	float: left;
	width: 33.33%;
}
.mtblank{ margin-top: 85px !important; }
/*.box .sakuhin{*/
.sakuhin{
	padding: 10px 0 0 0;
	height:560px;
	overflow: hidden;
}
.sakuhin.matomeL{
	padding: 10px 20px 0 0;
}
.sakuhin.matomeR{
	padding: 10px 0 0 20px;
}
.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: 150%;
	/*overflow: hidden;*/
}
.sakuhin p.sakuhin-tit.long{ font-size: 12px; }
.sakuhin p.sakuhin-tit.long2{ font-size: 11px!important; }
.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;
	line-height: 150%;
	/*overflow: hidden;*/
}
.sakuhin p.sakuhin-det.long{ font-size: 12px; }
.sakuhin p.sakuhin-det.long2{ font-size: 11px!important; }
.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 p.maker{ border-bottom: 1px solid #55b8c2; }	/*入賞作品  */

.box.kuretake{ border: 3px solid #e94527; }
.box.kuretake i{ color: #e94527!important; }

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

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

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

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

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

.box.maruman{ border: 3px solid #ffe200; }
.box.maruman i{ color: #ffe200!important; }

.box.zebra{ border: 3px solid #f0959e; }
.box.zebra i{ color: #f0959e!important; }

.box.syatihata{ border: 3px solid #00a87d; }
.box.syatihata i{ color: #00a87d!important; }

.box.nakabayasi{ border: 3px solid #c98844; }
.box.nakabayasi i{ color: #c98844!important; }

.box.buny{ border: 3px solid #8d5da4; }
.box.buny i{ color: #8d5da4!important; }

.box.ginpo{ border: 3px solid #8cc63f; }
.box.ginpo i{ color: #8cc63f!important; }

.box.nihonnote{ border: 3px solid #00ffff; }
.box.nihonnote i{ color: #00ffff!important; }

.box.bokuundo{ border: 3px solid #fbb03b; }
.box.bokuundo i{ color: #fbb03b!important; }

.box.yamato{ border: 3px solid #00a87d; }
.box.yamato i{ color: #00a87d!important; }

.box.lihit{ border: 3px solid #c3c64e; }
.box.lihit i{ color: #c3c64e!important; }

.box i{
	position: absolute;
	top: -20px;
	left: 5px;
	font-size: 50px;
	text-shadow: 1px 2px 3px #999;
	transform: rotate(-15deg);
}
.box i.check{
	position: relative!important;
	top:0; left:0;
	font-size: inherit;
	text-shadow: none;
	transform: none;
	color: red;
}

.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) {
	.box p.price{
		font-size: 11px!important;
	}
}

/* --------------------------------
	高さを揃える
   -------------------------------- */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

/* --------------------------------
	見出し
   -------------------------------- */
h1.shop {
  position: relative;/*相対位置*/
  line-height: 1.4;/*行高*/
  display: inline-block;
  width: 100%;
}

h1.shop:before, h1.shop:after { 
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-size: 1.0em;
  /* color: #ff6a6a; */
}
h1.shop:before {
  content:"\f053";/*アイコン種類*/
  padding-right: 0.5em
}
h1.shop:after {
  content:"\f054";/*アイコン種類*/
  padding-left: 0.5em
}


/* ================================
			599px以下
   ================================ */
@media (max-width: 599px) {
	/* サイト名 */
	.site img{
		height: 32px;
	}

	.list_box{
		font-size: 14px;
	}
	.box{ width: 99%;}
	.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!important;
	}
	.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;
	}








}