/* 基本のcss設定 */



/* メインエリア設定 */



#contents_area {

    font-size: 0.875rem;

    margin-top: 1.5rem;

}



#contents_area a {

    color: #86c23a;

}

#contents_area a:hover {

    color: #86c23a;

    text-decoration: none;

}

#contents_area a:active {

    color: #404040;

    background-color: #86c23a;

}





#contents_area > div {

    margin: auto;

}





#contents_area > section {

    padding-left: 2rem;

    margin-bottom: 2rem;

}



#contents_area > section.detail > p {

   padding-left: 1rem;

}

#contents_area > section.detail > div > ol {

   margin-left: 3rem;

}





#contents_area .addres {

    width: 50%;

    margin-left: 2rem;

    padding: 1rem;

    font-weight: 100;

    line-height: 1.5;

    letter-spacing: 0.08rem;

    border: 1px dotted #808080;



}



/* メンテナンスページの設定 */



span.font_green_l {

    color: #86c23a;

    font-size: 2.25rem;

    padding: 0 0.5rem;

}

span.font_red {

    color: #da3866;

}

span.font_red_l {

    color: #da3866;

    font-size: 1.125rem;

}

.contents_side_left {

    position: relative;

    max-width: 340px;

}

.contents_side_left img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    max-width: 60%;

}



/* テーブルデザインの設定 */

/* 最上部がcolspan=2で大見出し化しているタイプ */

table.table_colspan2 th,

table.table_colspan2 td {

    font-size: 0.875rem;

}

table.table_colspan2 th {

    color: #808080;

}

/* 最上部が大見出し化しているタイプ */

table.normal {

    border: 1px solid #4082de;

}

table.normal th,

table.normal td {

    font-weight: 400;

    font-size: 0.875rem;

    padding: 0.4rem 1rem;

    vertical-align: middle;

    text-align: center;

    background-color: #fff;

}

/* 大見出しの設定 */

table.normal th.table_title {

    font-size: 1.125rem;

    text-align: center;

    color: #fff;

    background-color: #4082de;

}



.subtitle {

    font-size : 1.125rem

}

/* 図表設定 */

.figure {

    padding: 0.25rem;

}

.figure-img,

.figure-caption {

  max-width: 170px;

}



/* 除雪エリアの図表設定 */

.figure.snow {

    position: relative;

}

.figure.snow .figure-img {

    margin-bottom: 0;

}



.figure.snow .figure-caption {

    position: absolute;

    bottom: -6px;

    width: 100%;



    font-size: 1.875rem;

    font-weight: 900;

    color: #fff;

}

  

/* お問い合わせページの設定 */

#form_error_area p {

    font-size: 1rem;

    padding: 10px;

    border: 3px dotted #86c23a;

}

#form_error_area p.form_sendOk {

    border-color: #86c23a;

    background-color: #fff;

    color: #86c23a;

}

#form_error_area p.form_sendNg {

    border-color: #da3866;

    background-color: #eee;

    color: #da3866;

}



/* 767以下*/



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



#contents_area > div {

    padding-right: 0;

}





#contents_area > section {

    padding: 0 1rem;

    margin-bottom: 1rem;

}



#contents_area > section.detail > p {

   padding-left: 1rem;

}





#contents_area .addres {

    width: 90%;

    margin-left: 1rem;

    padding: 0.5rem;



}

.contents_side_left img {

    position: initial;

    top: initial;

    left: initial;

    right: initial;

    bottom: initial;

    margin: initial;

}



.figure-img,

.figure-caption {

  max-width: 100%;

}





}