@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentssitemap{background: rgba(255,255,255,0.8);max-width: 1031px;margin: 50px auto 0 auto;border-radius: 30px;padding: 0 30px 0;}
#contentssitemap .in-Box{position: relative;padding-left: 445px;max-width: 780px;margin: 0 auto;padding-top: 70px;min-height: 477px;}
#contentssitemap .in-Box ul.list{font-size: 1.6rem;font-weight: 500;letter-spacing: 0.064rem;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 338px;position: absolute;top: 72px;left: 0;}
#contentssitemap .in-Box ul.list li{width: 100%;background: url(../images/sitemap/line.svg)no-repeat bottom left;margin-bottom: 14px;}
#contentssitemap .in-Box ul.list a{transition: all 0.3s ease-in-out;display: block;padding-bottom: 11px;position: relative;color: #FF6991;}
#contentssitemap .in-Box ul.list a::before{content: url(../images/common/arr.svg);position: absolute;top: 0;right: 0;filter: invert(52%) sepia(78%) saturate(979%) hue-rotate(307deg) brightness(102%) contrast(101%);}
#contentssitemap .in-Box ul.list a:hover{ color: #E37F9A; }
#contentssitemap .in-Box ul.list li img{width: 20px;margin-right: 8px;position: relative;top: -3px;}
#contentssitemap .in-Box .ftttl{color: #333333;font-size: 2.2rem;letter-spacing: -0.112rem;font-weight: 500;width: 160px;border-left: #FF6991 5px solid;line-height: 1;position: relative;left: -5px;top: 10px;padding: 0px 0 3px 7px;margin-bottom: 21px;}
#contentssitemap .in-Box ul.list2{width: 331px;background: rgba(255,105,145,0.04);height: 196px;border-radius: 15px;padding: 21px 10px 27px 17px;}
#contentssitemap .in-Box ul.list2 li{width: 100%;background: url(../images/sitemap/line.svg)repeat-x bottom left;margin-bottom: 12px;}
#contentssitemap .in-Box ul.list2 li:last-child{ background: none;}
#contentssitemap .in-Box ul.list2 a{transition: all 0.3s ease-in-out;display: block;padding-bottom: 15px;position: relative;color: #FF6991;}
#contentssitemap .in-Box ul.list2 a::before{content: url(../images/common/arr.svg);position: absolute;top: -2px;right: 4px;filter: invert(52%) sepia(78%) saturate(979%) hue-rotate(307deg) brightness(102%) contrast(101%);}
#contentssitemap .in-Box ul.list2 a:hover{ color: #E37F9A; }
#contentssitemap .in-Box ul.list2 li.nobefore .blank{display: inline-block;background: #FAE4E8;border-radius: 20px;color: #FF6991;font-size: 1.1rem;position: absolute;top: 5px;right: 3px;padding: 0 26px 0 14px;}
#contentssitemap .in-Box ul.list2 li.nobefore .blank::before{content: url(../images/common/blank.svg);position: absolute;top: 0;right: 16px;filter: invert(52%) sepia(78%) saturate(979%) hue-rotate(307deg) brightness(102%) contrast(101%);}
#contentssitemap .in-Box ul.list2 li.nobefore a::before{ content: none; }


}
@media screen and (min-width:768px) and ( max-width:910px) {
    #contentssitemap .in-Box{padding-left: 305px;}
    #contentssitemap .in-Box ul.list{width: 278px;}


}

@media screen and (max-width: 767px) {
    #contentssitemap{background: rgba(255,255,255,0.8);margin: 14.73vw 4vw 20.9vw;border-radius: 8.0vw;padding: 0 1.2vw 0;}
    #contentssitemap .in-Box{position: relative;padding-left: 0vw;margin: 0 4vw;padding-top: 8.47vw;padding-bottom: 11vw;}
    #contentssitemap .in-Box ul.list{font-size: 4.00vw;font-weight: 500;letter-spacing: 0.17vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative;left: 0;margin-bottom: 8.2vw;}
    #contentssitemap .in-Box ul.list li{width: 100%;background: url(../images/sitemap/line.svg)repeat-x bottom left;margin-bottom: 2.13vw;background-size: auto 0.6vw;}
    #contentssitemap .in-Box ul.list a{transition: all 0.3s ease-in-out;display: block;padding-bottom: 2.93vw;position: relative;color: #FF6991;}
    #contentssitemap .in-Box ul.list a::before{content: "";background: url(../images/common/arr.svg)no-repeat;position: absolute;top: 2.9vw;right: 0;filter: invert(52%) sepia(78%) saturate(979%) hue-rotate(307deg) brightness(102%) contrast(101%);background-size: 100% auto;width: 2.8vw;height: 2vw;}
    #contentssitemap .in-Box ul.list a:hover{ color: #E37F9A; }
    #contentssitemap .in-Box ul.list li img{margin-right: 2.13vw;position: relative;top: 0vw;}
    #contentssitemap .in-Box .ftttl{color: #333333;font-size: 4.27vw;letter-spacing: 0vw;font-weight: 500;border-left: #FF6991 0.83vw solid;line-height: 1;position: relative;left: 0vw;top: 2.67vw;padding: 0.0vw 0 0vw 3.07vw;margin-bottom: 5.6vw;}
    #contentssitemap .in-Box ul.list2{background: rgba(255,105,145,0.04);height: 45.07vw;border-radius: 4.0vw;padding: 4.5vw 6.43vw 1.2vw 6.43vw;}
    #contentssitemap .in-Box ul.list2 li{width: 100%;background: url(../images/sitemap/line.svg)repeat-x bottom left;margin-bottom: 2.2vw;background-size: auto 0.6vw;font-size: 4.00vw;}
    #contentssitemap .in-Box ul.list2 li:last-child{ background: none;}
    #contentssitemap .in-Box ul.list2 a{transition: all 0.3s ease-in-out;display: block;padding-bottom: 4.0vw;position: relative;color: #FF6991;}
    #contentssitemap .in-Box ul.list2 a::before{content: "";background: url(../images/common/arr.svg) no-repeat;position: absolute;top: 2.9vw;right: 0;filter: invert(52%) sepia(78%) saturate(979%) hue-rotate(307deg) brightness(102%) contrast(101%);background-size: 100% auto;width: 2.8vw;height: 2vw;}
    #contentssitemap .in-Box ul.list2 a:hover{ color: #E37F9A; }
    #contentssitemap .in-Box ul.list2 li.nobefore .blank{display: inline-block;background: #FAE4E8;border-radius: 5.33vw;color: #FF6991;font-size: 2.93vw;position: absolute;top: 1.33vw;right: 0.8vw;padding: 0 5.83vw 0 2.73vw;}
    #contentssitemap .in-Box ul.list2 li.nobefore .blank::before{content: "";position: absolute;top: 1.7vw;background: url(../images/common/blank.svg)no-repeat;right: 2.87vw;filter: invert(52%) sepia(78%) saturate(979%) hue-rotate(307deg) brightness(102%) contrast(101%);background-size: 100% auto;width: 2.7vw;height: 3vw;}
    #contentssitemap .in-Box ul.list2 li.nobefore a::before{ content: none; }
    

}