@charset "euc-jp";
/* CSS Document */

/* ----------------
     PRIZE
----------------- */
#photoHaiku h1 {
	text-align: center;
	font-size: 3.6rem;
}
#photoHaiku h2 {
	background: url(../images/line2.png) no-repeat center;
	background-size: contain;
	color: #222A4B;
	font-size: 3.2rem;
	line-height: 1.2;
	padding: 0;
	text-align: center;
	text-shadow: 0 0 8px #FFF, 0 0 8px #FFF, 0 0 10px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF;
}

#photoHaiku .hbox {
	background: #000000 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#000000)); 
	background: #000000 linear-gradient(#222222, #000000);
	background: #000000\9; /* IE */
	padding: 2em 5% 1em;
	margin-bottom: 1em;
}
#photoHaiku .hbox p {
	color: #FFF;
	margin-bottom: 1em !important;
	text-align: right;
}
#photoHaiku .hbox .photo {
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto 1em;
	padding: 5px;
	border: solid 1px #333;
}
#photoHaiku .taisho {
	position: relative;
}
#photoHaiku .taisho::after {
	position: absolute;
	width: 100px;
	height: 134px;
	top: -15px;
	left: -15px;
	content: "";
	display: inline-block;
	background: url(images/photo-taisho.png) no-repeat; 
	background-size: contain;
	vertical-align: middle;
}

#photoHaiku .taisho .Photo,
#photoHaiku .jiten .Photo {
	display: block;
	text-align: center;
	margin: 0 auto 1.5em;
	border: none;
}
#grand_prize .hyou_style {
	margin-bottom: 2em;
	padding: 1em 5%;
}

#photoHaiku .taisho .Photo > .content, 
#photoHaiku .jiten .Photo > .content {
	background: no-repeat;
	background-position: center;
	background-size: contain !important;
}
#photoHaiku .taisho .Photo img {
	box-shadow: 0 1px 1px #000000;
}
#photoHaiku .taisho .Photo {
	width: 90%;
}
#photoHaiku .jiten .Photo {
	width: 80%;
}

#photoHaiku .hbox h3 {
	background-color: #EEE;
	border: solid 2px #999;
	display: block;
	color: #000;
	font-size: 3.2rem;
	letter-spacing: 0.025em;
	text-align: center;
	padding: 0.4em 1em;
}
#syuuitsu h3, 
#kasaku h3 {
	color: #000;
	font-size: 2.4rem;
	margin: 0 0 0.4em !important;
}
p.name {
	text-align: right;
	padding: 0 0 0.5em;
	margin-bottom: 1em;
	border-bottom: solid 1px #CCC;
}
/* -----------------------------
	SYUUITSU
------------------------------- */
#syuuitsu .box {
	width: 49.5%;
	padding: 1em;
	page-break-inside: avoid;
	break-inside: avoid;
}
#syuuitsu .box .Photo {
	width: 80%;
	margin: 0 auto 1em;
	border: solid 1px #EEE;
	page-break-inside: avoid;
	break-inside: avoid;
}
#syuuitsu .haiku {
	width: 100%;
}
#syuuitsu p {
	line-height: 1.6;
}
#kasaku .box {
	width: 33%;
	padding: 1em;
	page-break-inside: avoid;
	break-inside: avoid;
}
#kasaku .box .Photo {
	width: 90%;
	margin: 0 auto 1em;
	border: solid 1px #EEE;
	page-break-inside: avoid;
	break-inside: avoid;
}
#kasaku h3 {
	font-size: 2.2rem;
}
#kasaku p.name {
	border: none;
}

@media screen and (max-width:1079px){
#photoHaiku h1 {
	font-size: 2.6rem;
}
#photoHaiku h2 {
	font-size: 2.4rem;
}
#photoHaiku .hbox {
	padding: 2em 1em 1em;
}
#photoHaiku .taisho::after {
	width: 80px;
	height: 106px;
}
#photoHaiku .hbox h3 {
	font-size: 2.4rem;
}
#syuuitsu h3 {
	font-size: 2.2rem;
}
#kasaku h3 {
	font-size: 2rem;
}
}

@media screen and (max-width:799px){
#syuuitsu .box {
	width: 100%;
	padding: 10px;
}
#kasaku .box {
	width: 49.5%;
}
}

@media screen and (max-width:639px){
#photoHaiku h1 {
	font-size: 1.8rem;
}
#photoHaiku h2 {
	font-size: 2rem;
}
#photoHaiku h3 {
	background: none;
}
#photoHaiku .hbox {
	padding: 10px;}

#photoHaiku .taisho::after {
	width: 40px;
	height: 54px;
	top: 0;
	left: 0;
}
#photoHaiku .taisho .Photo {
	width: 100%;
}
#photoHaiku .jiten .Photo {
	width: 90%;
}
#grand_prize .hyou_style {
	margin-bottom: 2em;
	padding: 0;
}
#photoHaiku .hbox h3 {
	font-size: 2rem;
}
#syuuitsu h3 {
	font-size: 1.9rem;
}
#syuuitsu .box .Photo {
	width: 90%;
}
#kasaku h3 {
	font-size: 1.8rem;
}
}

@media screen and (max-width:499px){
#kasaku .box {
	width: 100%;
}
#kasaku .box .Photo {
	width: 80%;
}
}

/* ---------------------------
	FOR PRINT
----------------------------- */
@media print {
#photoHaiku h1 {
	font-size: 2rem;
}
#photoHaiku h2 {
	font-size: 2.4rem;
}
#grand_prize .hyou_style {
	page-break-after: always;
}
#photoHaiku .hbox {
	padding: 20px 5% 10px;
}
#photoHaiku .taisho::after {
	width: 60px;
	height: 80px;
	top: 0;
	left: 0;
}
#photoHaiku .jiten .Photo {
	width: 85%;
}
#photoHaiku .hbox h3 {
	font-size: 2.8rem;
	margin-bottom: 10px !important;
}
#photoHaiku .hbox p {
	margin: 0 !important;
}
#grand_prize .hyou_style {
	margin-bottom: 0;
	padding: 1em;
}
#photoHaiku .box, 
#photoHaiku .box .Photo {
	page-break-inside: avoid !important;
	break-inside: avoid !important;
}
.pagebreak-a {
	page-break-after: always;
	break-after: always;
}
.pagebreak-b {
	page-break-before: always;
	break-before: always;
}
#grand_prize, #syuuitsu {
	page-break-after: always;
	break-after: always;
}
#syuuitsu .box .Photo {
	width: 100%;
}
#photoHaiku #syuuitsu h3 {
	font-size: 2.4rem;
}
#kasaku .box {
	width: 49.5%;
}
#kasaku h3 {
	font-size: 2.2rem;
}
#syuuitsu p, 
#kasaku p {
	font-size: 1.7rem;
}
}