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

/* -- HEADERの変更 -----------------------------------------------*/
#header_area{
	border-bottom: none!important;
	background-color: #fff;
	/*
	background-image: url("../images/otis-redding.png");
	background-color: #f9f6f0;
	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;
	height: 360px;
}
@media (max-width: 599px) {	/* 599px以下 */
	.box{
		height: 300px;
	}
}


.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.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 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 span{
	color: red;
	font-weight:normal!important;
}
.box 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;
	}
}