/* 出来たらblock.cssに移す */

/* TABLE OF CONTENTS:
 * 
 * 00 どのサイズでも共通で適用されるスタイル
 *    - ●ブロック名とか用途とか●
 * 01 幅 768 未満
 * 02 幅 480px 以上
 * 03 幅 768px 以上
 * 04 幅 880px 以上
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 */

/* --------------------------------------------------------------------------------------------------------
   00
 *
 * どのサイズでも共通で適用されるスタイル
 */
/* 目次 */
.outer.reason-toc-bg {
    background-color: rgba(231, 243, 247, 0.5);
    padding: 3em 1em !important;
    /*
    background-image: url(../img/contents/reason-toc-bg2.png);
    background-repeat: no-repeat;
    background-position: right 10%;
    background-size: contain;
    */
}

div#toc_container, div#toc_container.contracted {
    max-width: 840px;
    width: 100% !important;
    border: 10px solid #b4c7e7;
    background-color: #f3f7ff;
    position: relative;
    z-index: 4;
}
#toc_container p.toc_title + ul.toc_list {
    display: block !important;
}
#main #toc_container .toc_title:before, #main #toc_container .toc_title:after {
    background: #d6e3f9;
}

.toc_title .toc_toggle {
    display: none;
}



/* ○○についての背景 */

h2[id*=-heading]:not([id*=-order]) {
    background-image: url(””);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    margin-top: -1.2em;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}

/* 工事について　背景color2青の場合 */
div.outer.color2 dt,div.outer.color2 dd {
    color: #000;
}

/* ●ブロック名とか用途とか● */
.sample-selector {}


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

    /* スマホの時の改行 */
    .sp-on {
        display: block;
    }
}

/* End max 767px */



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

    /* ここにスタイル */

}

/* End min 480px */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media (min-width: 48em) {
    .sp-on {
        display: none;
    }
}

/* End min 768px */



/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media (min-width: 55em) {

    /* ここにスタイル */

}

/* End min 880px */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media (min-width: 67em) {

    /* ここにスタイル */

}

/* End min 1072px */