@charset "shift_jis";


/*-- ���i��V��������
------------------------------------------------*/

.item-kaiyu {
	margin: 1em 0;
}
.item-kaiyu .ttl {
	background: #eee;
	padding: .5em;
	margin: 0 0 .8em;
	text-align: left;
}
.item-kaiyu .item-box a {
	background: #eee;
	box-sizing: border-box;
	float:left;
	margin: 0 1% 1em;
	padding: 1em 2%;
	vertical-align: top;
	text-align: center;
	width: 48%
}
.item-kaiyu .item-box .photo {
	border: none;
	width: 80%;
}
.item-kaiyu .item-box span[class^="name"] {
	display: block;
	font-size: .8em;
	text-align: center;
}
.item-kaiyu .item-box .name-0 {height: 0;}
.item-kaiyu .item-box .name-1 {height: 1em;}
.item-kaiyu .item-box .name-2 {height: 3em;}
.item-kaiyu .item-box .name-3 {height: 5em;}
.item-kaiyu .item-box .name-4 {height: 6em;}



.item-kaiyu::after {
	content: " ";
	clear: both;
	display: block;
}
.item-kaiyu .item-box a {
	text-decoration: none;
	}
.item-kaiyu .item-box a .price {
	color: #d00;
	}

@media screen and (min-width: 600px) {
.item-kaiyu .item-box .photo {
	width: 40%;
}
}

/*-- ���i��V�����܂�
------------------------------------------------*/




/*-- �e�L�X�g��V��������
------------------------------------------------*/

.text-kaiyu {
	margin: 1em 0;
}
.text-kaiyu .ttl {
	background: #eee;
	padding: .5em;
	margin: 0 0 .8em;
	text-align: left;
}
.text-kaiyu .text-box a {
	background: #eee;
	box-sizing: border-box;
	float: left;
	margin: 0 1% 1em;
	padding: 1em 2%;
	vertical-align: top;
	text-align: center;
	width: 23%
}
.text-kaiyu .text-box span[class^="name"] {
	display: block;
	font-size: .8em;
	text-align: center;
}
.text-kaiyu .text-box .name-0 {height: 0;}
.text-kaiyu .text-box .name-1 {height: 1em;}
.text-kaiyu .text-box .name-2 {height: 3em;}
.text-kaiyu .text-box .name-3 {height: 5em;}
.text-kaiyu .text-box .name-4 {height: 6em;}

.text-kaiyu::after {
	content: " ";
	clear: both;
	display: block;
}
.text-kaiyu .text-box a {
	text-decoration: none;
	}
.text-kaiyu .text-box a .price {
	color: #d00;
	}


/*-- �e�L�X�g��V�����܂�
------------------------------------------------*/





/*-- �J�e�S����V��������
------------------------------------------------*/
.cat-kaiyu {
	width: 100%;
	margin: 1em 0;
	}
.cat-kaiyu .ttl {
	background: #eee;
	padding: .5em;
	margin: 0 0 .8em;
	text-align: left;
}
.cat-kaiyu p[class^="box-"]  {
	background: #eee;
	float: left;
	margin: 0 1% .5em;
	text-align: center;
}
.cat-kaiyu .box-1{width: 98%;}
.cat-kaiyu .box-2{width: 48%;}
.cat-kaiyu .box-3{width: 31.333333%;}
.cat-kaiyu .box-4{width: 23%;}

.cat-kaiyu p[class^="box-"] a  {
	background: #c00;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: .5em 0;
	width: 100%;
}

.cat-kaiyu::after {
	content: " ";
	clear: both;
	display: block;
}

.bnr-kaiyu {
	width: 100%;
	text-align: center;
	}
.bnr-kaiyu img {
	margin: 0 0 5px;
	border: none;
	width: 95%;
	}

/*-- �J�e�S����V�����܂�
------------------------------------------------*/