@charset "UTF-8";
/* sitemap
-------------------------------------------------------------*/
.sitemap {}
.sitemap #content {}
.sitemap #content ul li {
    margin-bottom: 0.5em;
}

.sitemap #content .sitemap-box {
    margin-bottom: 0.8em;
    padding-bottom: 1em;
    border-bottom: 1px solid #323333;
}

.sitemap #content .sitemap-box h2 {
    margin: 0;
    padding: 0 0 0 22px;
    font-size: 114%;
    font-weight: bold;
    background: #fff url(../img/common/icon-arrow-orange-right.gif) no-repeat 4px 6px;
}

.sitemap #content .sitemap-box .leftbox {
    width: 294px;
}

.sitemap #content .sitemap-box .rightbox {
    width: 366px;
}

.sitemap #content .sitemap-box .column1-1 {}
.sitemap #content .sitemap-box .column1-1 .leftbox
,.sitemap #content .sitemap-box .column1-1 .rightbox {
    width: 183px;
}



/* font-size sample */
/*
    default = 12px
    24px = 200%
    23px = 192%
    22px = 183%
    21px = 175%
    20px = 166%
    19px = 158%
    18px = 150%
    17px = 142%
    16px = 133%
    15px = 125%
    14px = 117%
    13px = 108%
    11px = 92%
    10px = 84%
    9px = 75%
    8px = 67%
    7px = 58%
*/


.sp {
    display: none;
}

/*スマホ
------------------------------*/

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

    .pc {
        display: none;
    }
    .sp {
        display: block;
    }


.sitemap #content .sitemap-box {
    width: 94%;
    margin: 0 auto 3%;
    padding-bottom: 2%;
    border-bottom: 1px solid #323333;
}


.sitemap #content .sitemap-box .leftbox {
    width: 100%;
    margin: 0 0 2%;
}

.sitemap #content .sitemap-box .rightbox {
    width: 100%;
    margin: 0 0 2%;
}

.sitemap #content .sitemap-box .column1-1 {}
.sitemap #content .sitemap-box .column1-1 .leftbox
,.sitemap #content .sitemap-box .column1-1 .rightbox {
    width: 100%;
    margin: 0 0 2%;
}


}