@charset "utf-8";



/* PC */
@media screen and (min-width: 769px) {


header.header {
	position: static!important;
}

section.header {
	height: 80px; border-bottom: 1px solid #d5d5d5;
}

section.header .blcok1 {
	width: 1000px; margin: 0 auto; padding: 0 0 10px; font-size: 11px; position: relative;
}
section.header .blcok1 .hlogo {
	padding: 5px 0 0; margin: 0 auto; float: none;
}
section.header .blcok1 .hlogo h1 {
	text-align: center;
}
section.header .blcok1 .hlogo h1 a img {
	width: 150px;
}

picture img {
	display: block;
	margin: 4em auto 0; text-align: center; width: 1200px;
}

.mainblock {
	margin: 4em 0; padding: 2em 0 4em; background-color: #fff;
}
.mainblock .category img {
	width: 500px;
	margin: 3em 0 2em;
}

.mainblock .inner {
	width: 1100px;
	margin: 0 auto;
}

.itemblock_sp {
	width: 1050px;
	margin: 2em auto 1em;
}
.itemblock_sp .desc {
	display: inline-block;
	width: 440px;
	font-size: 13px;
	line-height: 1.6em;
	vertical-align: top;
}
.itemblock_sp .ph {
	display: inline-block;
	width: 580px;
	vertical-align: top;
	margin-left: 23px;
}
.itemblock_sp .ph p {
	display: inline-block;
	width: 180px;
	margin: 0 0 0 10px;
	padding: 0;
}
.itemblock_sp .ph p img {
	width: 100%;
}

.itemblock {
	display: inline-block;
	width: 515px;
	margin: 3em 0 0 20px;
}

.itemblock .ph {
	display: inline-block;
	width: 240px;
	vertical-align: top;
}
.itemblock .ph img {
	width: 100%;
}
.itemblock .desc {
	display: inline-block;
	width: 260px;
	margin-left: 10px;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.6em;
}
.itemblock .desc .title, .itemblock_sp .desc .title {
	font-size: 15px;
	line-height: 1.5em;
}
.itemblock .desc .price, .itemblock .desc .deadline, .itemblock_sp .desc .price, .itemblock_sp .desc .deadline {
	margin: 0.5em 0;
	font-size: 95%;
}
.itemblock .desc .price span, .itemblock_sp .desc .price span {
	font-size: 10px;
	display: inline-block; width: 70px; margin-right: 0.5em; padding: 0.25em; background-color: #B9B3B4; color: #fff; text-align: center;
}
.itemblock .desc .deadline span, .itemblock_sp .desc .deadline span {
	font-size: 10px;
	display: inline-block; width: 70px; margin-right: 0.5em; padding: 0.25em; background-color: #C26262; color: #fff; text-align: center;
}

.mcategory {
	padding-left: 0.5em; border-left: 3px solid; font-size: 16px; line-height: 1em; margin-bottom: -1em;
}

.supp {
	padding: 0 0 2em; color: #929292; font-size: 90%;
}


.pc {
	display: block;
}
.pc img {
	width: 1100px;
}
.sp {
	display: none;
}



}



/* SP */
@media only screen and (max-width: 768px) {


header.header {
	position: static!important; border-bottom: 1px solid #eee; background: #fff;
}

section.header .blcok1 .hlogo h1 {
	text-align: center; padding: 20px 0 0;
}
section.header .blcok1 .hlogo h1 a img {
	width: 200px;
}

picture img {
	margin: 1em auto; text-align: center; width: 100%;
}

.mainblock {
	margin: 0; padding: 2em 0 4em; background-color: #fff;
}
.mainblock .category {
	display: block; margin: 6em auto 3em; text-align: center;
}
.mainblock .category img {
	width: 90%;
}

.itemblock_sp .ph {
	width: 94.5%;
	margin: 0 auto 3em;
}
.itemblock_sp .ph p {
	display: inline-block;
	width: 30%;
	margin: 4px;
	padding: 0;
	vertical-align: top;
}
.itemblock_sp .ph img {
	width: 100%;
}

.itemblock {
	margin-top: 4em;
}
.itemblock .ph {
	margin: 2em auto 0; text-align: center;
}
.itemblock .ph img {
	width: 90%;
}
.itemblock .desc, .itemblock_sp .desc {
	margin: 2em;
}
.itemblock .desc .title, .itemblock_sp .desc .title {
	font-size: 16px;
}
.itemblock .desc .price, .itemblock .desc .deadline, .itemblock_sp .desc .price, .itemblock_sp .desc .deadline {
	margin: 0.5em 0;
}
.itemblock .desc .price span, .itemblock_sp .desc .price span {
	display: inline-block; width: 100px; margin-right: 1em; padding: 0.25em; background-color: #B9B3B4; color: #fff; text-align: center;
}
.itemblock .desc .deadline span, .itemblock_sp .desc .deadline span {
	display: inline-block; width: 100px; margin-right: 1em; padding: 0.25em; background-color: #C26262; color: #fff; text-align: center;
}

.mcategory {
	margin: 3em 0 -2em 1.5em;
	padding-left: 0.5em; border-left: 3px solid; font-size: 16px; line-height: 1em;
}

.supp {
	padding: 1em 2.5em; color: #929292; font-size: 80%;
}


.pc {
	display: none;
}
.sp {
	display: block;
	margin: 1.5em auto; text-align: center;
}
.sp img {
	width: 90%;
	margin-bottom: 3em;
}
.sp img:nth-of-type(4) {
	margin-bottom: 0;
}



}