@charset "utf-8";

/* ====================================
サイトマップ
====================================== */
#sitemapSe ul { width: 526px;}
@media screen and (max-width:1150px) {
    #sitemapSe ul { width: 49%;}
}

.sitemapSeL { float: left;}
.sitemapSeR { float: right;}

#sitemapSe li {
    margin-bottom: 5px;
    border: 3px solid #000;
}

.smBtn {
    position: relative;
    display: block;
    width: 100%;
    padding: 18px 18px 18px 20px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    border-left: 10px solid #ffc815;
}

.smBtn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    width: 26px;
    height: 26px;
    transform: translateY(-50%);
    background: url("../img/sitemap_arrow.jpg") no-repeat 0 0;
    background-size: 100%;
}

.smBtn:before {
	content: '';
	position: absolute;
	z-index: -1;
	transition: all .2s ease-in-out;
}

/* hover */
.smBtn:before {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #ffc815;
}

.smBtn:hover:before,
.smBtn:active:before {
	width: 100%;
}