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

.contents h2 {
	background: url(../images/line2.png) no-repeat center;
	background-size: contain;
	color: #222A4B;
	font-size: 2.6rem;
	font-weight: bold !important;
	line-height: 1.2;
	padding: 0;
	text-align: center;
	text-shadow: 0 0 2px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF;
	margin: 1em 0 2em;
}
.haikubox {
	padding: 0 10%;
	margin: 0 0 4em;
	position: relative;
}
.haikubox .icon {
	width: 8%;
	position: absolute;
	top: 0;
	left: 0;
}
.haikubox .inner1 {
	margin-bottom: 1em;
}
.haikubox .sakuhin {
	font-family: '¥Ò¥é¥®¥ÎÌÀÄ« ProN', 'Hiragino Mincho ProN', 'ÞâÌÀÄ«', YuMincho, '£Í£Ó £ÐÌÀÄ«', 'MS PMincho', serif;
	font-weight: 700;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	margin-bottom: 1em;
	background: #F8F5E4;
	border: solid 4px #B8CFE2;
	display: block;
	color: #000;
	letter-spacing: 0.005em;
	text-align: center;
	padding: 0.4em 0.5em;
}

#zenkoku .haikubox.p1 .sakuhin {
	border-color: #616C97;
}
#zenkoku .haikubox {
	margin: 0 0 2em;
}

#winter .haikubox.p1 .sakuhin,
#winter .haikubox.p2 .sakuhin,
#winter .haikubox.p3 .sakuhin {
	background: #EDF7FC;
	border-color: #AEE0FB;
}
#spring .haikubox.p1 .sakuhin,
#spring .haikubox.p2 .sakuhin,
#spring .haikubox.p3 .sakuhin {
	background: #FFF9F7;
	border-color: #F8C7CF;
}
#summer .haikubox.p1 .sakuhin,
#summer .haikubox.p2 .sakuhin,
#summer .haikubox.p3 .sakuhin {
	background: #EAF9FF;
	border-color: #AAEAFF;
}
#autumn .haikubox.p1 .sakuhin,
#autumn .haikubox.p2 .sakuhin,
#autumn .haikubox.p3 .sakuhin {
	background: #FDEDE8;
	border-color: #F4A58A;
}
.haikubox.p1 .sakuhin {
	font-size: 3rem;
	border-width: 6px;
}
.haikubox.p2 .sakuhin {
	font-size: 2.8rem;
	border-width: solid 4px;
}
.haikubox.p3 .sakuhin {
	font-size: 2.4rem;
	border-width: 4px;
}
.haikubox.p4 .sakuhin {
	font-size: 2.2rem;
}
.haikubox .name {
	text-align: right;
}

.kasaku {
	width: 60%;
	padding: 0 10px;
	margin: 0 auto 2em;
}
.kasaku h3 {
	margin: 1em 0 2em;
}
.kasaku .sakuhin {
	font-size: 2rem;
	margin: 0 0 0.5em !important;
	font-family: '¥Ò¥é¥®¥ÎÌÀÄ« ProN', 'Hiragino Mincho ProN', 'ÞâÌÀÄ«', YuMincho, '£Í£Ó £ÐÌÀÄ«', 'MS PMincho', serif;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	color: #000;
}
.kasaku .name {
	border-bottom: solid 1px #CCC;
	text-align: right;
	padding: 0 0 0.5em;
	margin-bottom: 1em;
}

@media screen and (max-width:1399px){
.haikubox .name, 
.haikubox .commentbox p, 
.kasaku .name {
	font-size: 1.6rem;
}
}

@media screen and (max-width:1079px){
.contents h2 {
	font-size: 2.4rem;
}
.haikubox.p1 .sakuhin {
	font-size: 2.6rem;
}
.haikubox.p2 .sakuhin {
	font-size: 2.4rem;
}
.haikubox.p3 .sakuhin {
	font-size: 2rem;
}
.haikubox.p4 .sakuhin {
	font-size: 2rem;
}
.kasaku {
	width: 80%;
}
.kasaku .sakuhin {
	font-size: 1.8rem;
}
}

@media screen and (max-width:639px){
.contents h2 {
	font-size: 1.8rem;
}
.haikubox {
	padding: 0;
}
.haikubox .icon {
	width: 53px;
}
.haikubox .inner1 {
	padding: 0 0 0 55px;
}
.haikubox .sakuhin {
	margin-bottom: 0.6em;
}
.haikubox.p1 .sakuhin {
	font-size: 1.9rem;
	border-width: 4px;
}
.haikubox.p2 .sakuhin {
	font-size: 1.7rem;
	border-width: 3px;
}
.haikubox.p3 .sakuhin {
	font-size: 1.7rem;
	border-width: 3px;
}
.haikubox.p4 .sakuhin {
	font-size: 1.7rem;
	border-width: 3px;
}
.haikubox.p4 .inner1 {
	padding: 0 5%;
}
.haikubox .name, 
.haikubox .commentbox p, 
.kasaku .name {
	font-size: 1.5rem;
}
.kasaku {
	width: 98%;
}
.kasaku .sakuhin {
	font-size: 1.7rem;
}
}

@media print {
#haikutop {
	padding: 0 5%;
}
.haikubox {
	padding: 0 10%;
	page-break-inside: avoid;
}
.haikubox .icon {
	width: 8%;
}
.haikubox .name, 
.haikubox .commentbox p, 
.kasaku .name {
	font-size: 1.6rem;
}
.haikubox.p4 {
	padding: 0 5% !important;
}
.haikubox.p1 .sakuhin {
	font-size: 2.8rem;
}
.pagebb {
	page-break-before: always;
}
.kasaku {
	width: 70%;
	page-break-before: always;
}
}