@charset "UTF-8";
/* CSS Document */

/*　category.php　*/


#cateogry-title-box {
	width: 100%;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	margin: 0;
	padding: 10px;
}

.yasuuma-mark-box, .bishoku-mark-box, .yoga-mark-box, .sweetslove-mark-box, .breadlove-mark-box, .sunphoto-mark-box, .event-mark-box, .backnumber-mark-box, .special-mark-box, .hyoushi-mark-box, .kitsch-mark-box {
	font-size: 21px;
	text-align:center;
	width: 30px;
	margin: 0 0 0 10px;
	padding: 10px 5px 5px;
	float: left;
	color: #fff;
}

.kitsch-mark-box {
	background:url(../img/category/bg-kitsch.png) no-repeat center center;	
}

.event-mark-box {
	background:url(../img/category/bg-event.png) no-repeat center center;	
}

.backnumber-mark-box {
	background:url(../img/category/bg-backnumber.png) no-repeat center center;	
}

.hyoushi-mark-box {
	background:url(../img/category/bg-hyoushi.png) no-repeat center center;	
}

.special-mark-box {
	background:url(../img/category/bg-special.png) no-repeat center center;
}

.yasuuma-mark-box {
	background:url(../img/category/bg-yasuuma.png) no-repeat center center;
}

.sweetslove-mark-box {
	background:url(../img/category/bg-sweetslove.png) no-repeat center center;
}

.breadlove-mark-box {
	background:url(../img/category/bg-bread.png) no-repeat center center;
}

.yoga-mark-box {
	background:url(../img/category/bg-yoga.png) no-repeat center center;
}

.sunphoto-mark-box {
	background:url(../img/category/bg-sunphoto.png) no-repeat center center;
}

.bishoku-mark-box {
	background:url(../img/category/bg-bishoku.png) no-repeat center center;
}

h2.archive-title {
	font-size: 21px;
	margin: 0 0 0 55px;
	padding: 10px 0 0 0;
}

@media (max-width: 739px) {
	h2.archive-title {
		letter-spacing: 0.1em;
	}
}

@media (min-width: 740px) {
	h2.archive-title {
		letter-spacing: 0.8em;
	}
}



.item.breadcrumb-list-box {
	width: 100%;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	text-align: left;
	background-color: #fff;
	padding: 10px;	
	margin: 0 0 10px 0;
}

.item.breadcrumb-list-box ul li {
	float: left;
}

@media (min-width: 551px) {
#category-cont .item.special02, #category-cont .item.hyoushi {
	height: 420px;
}
}

@media (max-width: 550px) {
#category-cont .item.special02, #category-cont .item.hyoushi {
	height: auto;
}
}