/* どのサイズでも共通で適用されるスタイル
*/
#mainImg {
    background-size: 45% 35%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-image: url(../img/contents/flow-bil-bg-l.png), url(../img/contents/flow-bil-bg-r.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat;
}
#page {
    overflow: hidden;
}
.sitemap_list ul {
    list-style: none;
}
.sitemap_list > ul {
    margin-left: 1em;
}
.sitemap_list ul li,
#sitemap_list2 li,
.sitemap_list li.has_children > a,
.sitemap_list li.has_children.open > a {
    position: relative;
    line-height: 2;
}

.sitemap_list ul li:before,
#sitemap_list2 li:before {
    font-family: "Font Awesome 5 free";
    content: "\f0da";
    position: absolute;
    font-weight: 700;
    color: #F51100;
    left: -1.2em;
    /* font-size: 0.5em; */
    /* top: 0.5em; */
}
.sitemap_list li.has_children div.plus:after,
.sitemap_list li.has_children.open div.plus:after {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    display: inline-block;
    line-height: 1em;
    width: 1em;
    height: 1em;
    font-size: 1rem;
    color: #F51100;
    margin-left: 1em;
}
.sitemap_list li.has_children div.plus:after {
    content: "\f067";
}
.sitemap_list li.has_children div.plus.open:after {
    content: "\f068";
}
li.has_children {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
li.has_children > a, li.has_children > div.plus {
    width: auto;
}
div.plus + ul {
    width: 100%;
}

#main .sitemap-outer {
    position:relative;
}
#main .sitemap-outer:after {
    content: "";
    background: no-repeat center/100% url(../img/contents/sitemap-turtle-s.png);
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 2em;
    right: 2em;
    filter: drop-shadow(0px 1px 2px #777);
}

/* 月別アーカイブ
---------------------------------------------- */
.archives-list ul {
    padding: 0;
}
.archives-list ul li {
    border: none;
    list-style: none;
}
.archives-list ul li span {
    font-size: 1.4em;
}
.archives-list ul ul {
    background: #EDEDED;
    border-radius: 3px;
    margin: 0 0 1em;
    padding: 10px;
}
.archives-list ul ul li {
display: inline-block;
width: 32%;
}

@media (min-width: 730px) {
    .archives-list ul ul li {
        width: 24%;
    }
}
/* min730 */

@media (min-width: 1040px) {
    .archives-list ul ul li {
        width: 16%;
    }
}
/* min1040 */


/* --------------------------------------------------------------------------------------------------------
01
*
* 幅 768px 未満
*/
@media screen and (max-width: 767px) {}

/* End max 767px */



/* --------------------------------------------------------------------------------------------------------
02
*
* 幅 480px 以上
*/
@media screen and (min-width: 30em) {

    /* ここにスタイル */

}

/* End min 480px */



/* --------------------------------------------------------------------------------------------------------
03
*
* 幅 768px 以上
*/
@media screen and (min-width: 48em) {

    #content .sitemap_list {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 730px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 2rem;
    }
    .sitemap_list ul {
        width: 47%;
    }
    #main .sitemap-outer:after {
        width:200px;
        height:200px;
        bottom: 50px;
        left: calc(50vw + 160px);
    }
}

/* End min 768px */

/* 1264px以上 */
@media screen and (min-width: 79em) {
    #mainImg {
       background-size: auto;
   }
 }