@charset 'utf-8';
/*
 * name:sitemap.css
 * author:sovanda nulo
*/

/* sitemap
------------------------------------------------ */

.contents__detail__sitemap,
.contents__detail__sitemap--blocks { display: block; position: relative; }
.contents__detail__sitemap--blocks:not(:last-child) { margin-bottom: 12em; }
.contents__detail__sitemap--tlt { display: block; position: relative; margin-bottom: 2em; }
.contents__detail__sitemap--tlt span { font-size: 4em; font-weight: bold; line-height: 1.5; position: relative; }
.contents__detail__sitemap--tlt a:after { content: ''; display: inline-block; vertical-align: 0; width: 3em; height: 3em; margin-left: 1em; background: url(../../img/share/arrow-link.svg) no-repeat; background-size: 100% 100%; }
.contents__detail__sitemap--tlt.no-after { margin-bottom: 0; }
.contents__detail__sitemap__block { display: flex; flex-wrap: wrap; }
.contents__detail__sitemap__lists { display: block; overflow: hidden; width: 30%; margin-right: 5%; }
.contents__detail__sitemap__lists:last-child { margin-right: 0; }
.contents__detail__sitemap__list { display: block; overflow: hidden; position: relative; box-sizing: border-box; border-radius: .5em; border: 1px solid #ccc; }
.contents__detail__sitemap__list:not(:last-child) { margin-bottom: 6em; }
.contents__detail__sitemap__list--tlt { display: block; padding: 2.1em 2.4em; background: #F8F8F8; }
.contents__detail__sitemap__list--tlt span { font-size: 2.1em; font-weight: bold; }
.contents__detail__sitemap__list--links { display: block; position: relative; }
.contents__detail__sitemap__list--links > li { display: block; position: relative; background: #fff; box-sizing: border-box; }
.contents__detail__sitemap__list--links > li:not(:last-child) { border-bottom: 1px solid #ccc; }
.contents__detail__sitemap__list--links > li > a { display: block; position: relative; padding: 1.7em 4.5em 1.7em 2em; }
.contents__detail__sitemap__list--links > li > a:after { content: ''; display: inline-block; position: absolute; right: 2em; top: 50%; transform: translateY(-50%); width: 2em; height: 2em; background: url(../../img/share/arrow-link.svg) no-repeat; background-size: 100% 100%; }
.contents__detail__sitemap__list--links > li > a > span { font-size: 1.8em; font-weight: bold; line-height: 1.5; display: inline-block; }
.contents__detail__sitemap__list--links > li > ol { padding: 2.2em 2em; }
.contents__detail__sitemap__list--links > li > ol > li { display: block; position: relative; padding-left: .8125em; }
.contents__detail__sitemap__list--links > li > ol > li:not(:last-child) { margin-bottom: 1em; }
.contents__detail__sitemap__list--links > li > ol > li:before { content: ''; display: inline-block; width: .5em; height: .5em; position: absolute; left: 0; top: .9em; background: #333; border-radius: 50%; }
.contents__detail__sitemap__list--links > li > ol > li > a > span { font-size: 1.6em; line-height: 1.7; color: #CC1A2C; }
.contents__detail__sitemap__list--links > li > ol li a:after { content: ''; display: inline-block; vertical-align: .1em; width: .61em; height: .94em; margin-left: .9em; background: url(../../img/share/arrow-swipe-red.svg) no-repeat; background-size: 100% 100%; }
.contents__detail__sitemap__list--links > li > ol > li > ol { margin-top: 1em; }
.contents__detail__sitemap__list--links > li > ol > li > ol li a span { font-size: 1.4em; line-height: 1.7; } 
.contents__detail__sitemap__list--links > li > ol > li > ol li:not(:last-child) { margin-bottom: .7em; }

    @media screen and (min-width: 768px) {
        .contents__detail__sitemap__lists.s-float { width: 100%; }
        .contents__detail__sitemap__lists.s-float .contents__detail__sitemap__list { width: 47.5%; float: left; }
        .contents__detail__sitemap__lists.s-float .contents__detail__sitemap__list:nth-of-type(2) { float: right; }
        .contents__detail__sitemap__list--links > li > a:hover { background: #FEF7F8; }
    }

    @media screen and (max-width: 768px) {
        .contents__detail__sitemap--blocks:not(:last-child) { margin-bottom: 5.6em; }
        .contents__detail__sitemap__block { display: block; }
        .contents__detail__sitemap--tlt { margin-bottom: 2em; }
        .contents__detail__sitemap--tlt span { font-size: 2.3em; }
        .contents__detail__sitemap--tlt a:after { width: 2em; height: 2em; vertical-align: -.2em; }
        .contents__detail__sitemap__lists { width: 100%; margin: 0; }
        .contents__detail__sitemap__list:not(:last-child),
        .contents__detail__sitemap__lists:not(:last-child) { margin-bottom: 2em; }
        .contents__detail__sitemap__list--tlt { text-align: center; padding: 1.5em 2em; }
        .contents__detail__sitemap__list--tlt span { font-size: 1.9em; font-weight: bold; }
        .contents__detail__sitemap__list--links > li > a { padding: 1.7em 4em 1.7em 2em; }
        .contents__detail__sitemap__list--links > li > a:after { right: 1.5em; width: 1.5em; height: 1.5em; }

        .contents__detail__sitemap__block.b-flop .contents__detail__sitemap__lists:not(:last-child) { margin-bottom: 5.6em; }
    }