@charset "utf-8";
/*////////////// kids/NavCSS Document //////////////*/

/* navi01 (anchor部分)------------------*/
#mochimono .anchor {
	width: 100%;
	background-color: #FFC000;
	display: flex;
}
#mochimono .anchor ul {
	padding: 3% 4%;
	margin: 0 auto;
	display: inline-block;
}
#mochimono .anchor li {
	background-color: #FFF;
	width: 48%;
	font-weight: 600;
	margin: 1%;
	display: inline-block;
	float: left;
}
#mochimono .anchor li:nth-child(2n+1):last-child {
	width: 98%;
	display: inline-block;
	text-align: center;
}
#mochimono .anchor li a {
	text-decoration: none;
	color: #8E683D;
	display: block;
	padding: 13px 10px;
	position: relative;
}
#mochimono .anchor li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 42%;
	right: 6%;
	border: 6px solid transparent;
	border-top: 8px solid #8C8C8C;
}
#mochimono .anchor li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 34%;
	right: 6%;
	border: 6px solid transparent;
	border-top: 8px solid #FFF;
}
#mochimono .anchor li:nth-child(2n+1):last-child a:before, #mochimono .anchor li:nth-child(2n+1):last-child a:after {
	right: 3%;
}
#mochimono .anchor li:nth-child(2n) {
	letter-spacing: -0.5px;
}
@media screen and (max-width: 375px) {
#mochimono .anchor li a {
	zoom: .9;
}
}
@media screen and (max-width: 320px) {
#mochimono .anchor li a {
	zoom: .85;
}
}