@charset "utf-8";

@media screen and (max-width: 750px) {

.pc {
	display: none;
}

/* 共通
---------------------------------------------*/
#error > p {
	text-align: center;
	margin: 20px 10px 0;
}
#error > p img {
	width: 100%;
}


/* 404
---------------------------------------------*/

#category {
	padding-top: 10%;
}

#category > div {
	position: relative;
	margin: 0 10px;
}
#category > div + div {
	margin-top: 5%;
}
#category > div.alice {
	background: url(../img/img404/img_category_alice.jpg) left top no-repeat;
	background-size: 100% auto;
}
#category > div.pinto {
	background: url(../img/img404/img_category_pinto.jpg) left top no-repeat;
	background-size: 100% auto;
}
#category > div .left {
	padding: 5% 0 5% 5%;
}
#category > div .left dl {
	width: 40%;
	display: block;
	padding: 4% 0;
	background-color: #fff;
	text-align: center;
}
#category > div .left dt img {
	width: 80%;
}
#category > div .left dd {
	display: block;
	padding-top: 5%;
	font-size: 80%;
	line-height: 1.5;
}
#category > div .right {
	background-color: #f2f0e9;
	padding-bottom: 5%;
}
#category > div .right ul {
	padding: 5% 4% 0;
}
#category > div .right ul li {
	float: left;
	width: 48%;
	background: #fff;
	border-radius: 50px;
	margin-right: 4%;
	margin-bottom: 4%;
}
#category > div.alice .right ul li:nth-child(1) {
	background: #fff url(../img/img404/icon_01.png) 7% center no-repeat;
	background-size: 25px 25px;
}
#category > div.alice .right ul li:nth-child(2) {
	background: #fff url(../img/img404/icon_02.png) 7% center no-repeat;
	background-size: 25px 25px;
}
#category > div.alice .right ul li:nth-child(3) {
	background: #fff url(../img/img404/icon_03.png) 7% center no-repeat;
	background-size: 25px 25px;
}
#category > div.alice .right ul li:nth-child(4) {
	background: #fff url(../img/img404/icon_04.png) 7% center no-repeat;
	background-size: 25px 25px;
}
#category > div.pinto .right ul li:nth-child(1) {
	background: #fff url(../img/img404/icon_05.png) 7% center no-repeat;
	background-size: 25px 25px;
}
#category > div.pinto .right ul li:nth-child(2) {
	background: #fff url(../img/img404/icon_06.png) 7% center no-repeat;
	background-size: 25px 25px;
}
#category > div.pinto .right ul li:nth-child(3) {
	background: #fff url(../img/img404/icon_07.png) 7% center no-repeat;
	background-size: 25px 25px;
}
#category > div.pinto .right ul li:nth-child(4) {
	background: #fff url(../img/img404/icon_08.png) 7% center no-repeat;
	background-size: 25px 25px;
}
#category > div .right ul li:nth-child(2n) {
	margin-right: 0;
}
#category > div .right ul li:nth-child(n+3) {
	margin-bottom: 0;
}
#category > div .right ul li a {
	display: block;
	padding: 15px 0;
	padding-left: 26%;
	margin-right: 7%;
	box-sizing: border-box;
	font-size: 87%;
	text-align: left;
	vertical-align: middle;
	background: url(../common/img/arrow_btn01.png) no-repeat right center;
	background-size: 10px auto;
}
#category > div .right ul li a img {
	vertical-align: middle;
	padding-right: 7px;
}
#category > div .right ul li a span {
}
#category > div .right ul li a span.ranking {
	font-size: 86%;
}
#category > div .right .btnTop {
	margin-top: 5%;
}
#category > div .right .btnTop a {
	width: 80%;
	font-size: 107%;
	color: #fff;
	text-align: center;
	background-color: #f25388;
	padding: 15px 0;
	margin: 0 auto;
	border-radius: 50px;
	vertical-align: middle;
}
#category > div .right .btnTop a:hover {
	background-color: #e7316e;
}
#category > div .right .btnTop a span {
	background: url(../common/img/arrow_btn04.png) no-repeat right center;
	background-size: 10px auto;
	padding-right: 20px;	
}
#brand {
	margin-top: 5%;
}
#brand ul {
	margin: 0 10px;
}
#brand li {
	margin-top: 5%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#brand li .thum {
	float: left;
	width:45%;
}
#brand li dl {
	float: left;
	width: 55%;
	text-align: center;
	box-sizing: border-box;
}
#brand li dl dt {
	padding-top: 4%;
}
#brand li dl dt img {
	width: 70%;
}
#brand li dl dt img.baby {
	width: 52%;
}
#brand li dl dt img.wanwan {
	width: 58%;
}
#brand li dl dt + dd {
	padding-top: 2%;
	font-size: 80%;
	line-height: 1.5;
}
#brand li dl dd.btn {
margin: 4% auto 0;
}
#brand li dl dd.btn a {
	width: 80%;
	margin: 0 auto;
	font-size: 87%;
	color: #fff;
	text-align: center;
	background-color: #f25388;
	padding: 10px 0;
	border-radius: 50px;
	vertical-align: middle;
}
#brand li dl dd.btn a:hover {
	background-color: #e7316e;
}
#brand li dl dd.btn a span {
	display: inline-block;
	line-height: 1.4;	background: url(../common/img/arrow_btn04.png) no-repeat right center;
	background-size: 10px auto;
	padding-right: 20px;
}

}