/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

/* ---------------------------------------- notes */

#notes {
    margin: 0 0 4em;
}

/* ---------------------------------------- doglist */

html { scroll-behavior: smooth; }

#doglist {
	margin: 0 0 5em;
}

#doglist ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#doglist ul li a { 
	display: block; 
	background: #fff;
	border: 1px var( --text-color ) solid;
	border-radius: 8px;
	text-align: center;
	padding: .5em 2em .5em 1em;
	margin: 5px;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	position: relative;
}
#doglist ul li a::after {
	font-family: "Phosphor";
	content: "\e94c";
	position: absolute;
	top: 50%;
	right: .5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#doglist ul li a:hover {
	color: var( --text-color );
	background: rgba(0, 191, 255, .2);
}
#doglist ul + ul { margin: 1.5em 0 0; }


@media (max-width:519px) {
	#doglist ul li {
		width: 100%;
	}
}

@media (min-width: 520px) and (max-width:767px) {
	#doglist ul li {
		width: 50%;
	}
	#doglist ul li.widesp { 
		width: 100%;
	}
}

@media (min-width: 768px) {
	#doglist ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#doglist ul li.widesp { 
		width: 50%;
		min-width: 260px;
	}
}

/* ---------------------------------------- price */

article + article { margin: 2em 0 0; }
article h2 { 
	color: var( --text-color );
	font-size: var( --midway-size );
	margin: 0 0 .75em;
	position: relative; 
}
article h2::before {
	font-family: "Phosphor";
	content: "\eaa7";
	font-size: var( --huge-size );
	position: relative;
	top: .15em;
	margin: 0 .5em 0 0;
}
article h2.cat::before {
	content: "\ea08";
}
article h2.plucking::before {
	content: "\ec3f";
}
article h2.menu::before {
	content: "\ebcb";
}
article .inside.editors { margin: 0 0 1.5em; }

article th, 
article td,
.multiplex .multiplex-wrap table th { 
	text-align: center; 
	vertical-align: middle;
}
article td { background: #fff; }

@media (max-width: 767px) {
	article h2 { margin: 0; }
}