@charset "utf-8";
/* CSS Document */
#main #sitemap {
    margin: 0 auto 0 auto;
    border: 1px dashed #999;
    overflow: hidden;
    margin-top: 20px;
}
.img_title {
    background: url(../img/sitemap_image.png) top left no-repeat;
    background-size: cover;
}
.img_title p {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}
#sitemap .left_site {
    font-size: 16px;
    float: left;
    line-height: 2.2em;
    padding: 10px 20px 20px 20px;
}
#sitemap .right_site {
    float: left;
}
.s_text {
    font-size: 11px;
    background: url(../img/arrow4.gif) no-repeat 16px center;
    padding-left: 30px;
}
.ss_text {
    font-size: 11px;
    background: url(../img/nav_line.gif) no-repeat 16px top;
    padding-left: 30px;
}
.l_text {
    font-size: 12px;
    padding-left: 16px;
    background: url(../img/square.gif) no-repeat left 11px;
}
.m_text {
    background: url(../img/arrow3.gif) no-repeat left center;
    padding-left: 16px;
}
#sitemap .left_site a {
    text-decoration: underline;
    color: #333;
}
#sitemap a:hover {
    color: #F90;
}
/* ########### 599px以下 ########### */
@media only screen and (max-width: 599px){
#content #sitemap .left_site {
    width: 100%;
    margin-right: 0%;
}
#sitemap .left_site {
    font-size: 14px;
}
}
/* ########### 768px以下 ########### */
@media only screen and (max-width: 768px){
#main #sitemap {
    width: 100%;
}
#sitemap .left_site {
    width: 49%;
    margin-right: 2%;
}
#sitemap .left_site:last-child {
    margin-right: 0;
}
}
/* ########### 769px以上 ########### */
@media (min-width: 769px){
#main #sitemap {
    width: 710px;
}
#sitemap .left_site {
    width: 315px;
}
}