/* 基本の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;

}





/* 見出しの設定 */

/* common.cssの設定を打ち消す */

h2 {

    color: #404040;

    font-size: 1.125rem;

    margin-bottom: 1rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: left;

    -webkit-align-items: left;

        -ms-flex-align: left;

            align-items: left;

    text-align: left;

    -webkit-box-pack: left;

    -webkit-justify-content: left;

        -ms-flex-pack: left;

            justify-content: left;

}

/* 右側横線の設定を打ち消す */

h2:after {

    all: initial;

}

h3 {

    color: #404040;

    font-size: 1rem;

    font-weight: 700;

    margin-left: 0;

/*    margin-top: 0.5rem;*/

    padding-left: 0;

    border: none;

}

h3+div {

    margin-left: 3rem;

    margin-bottom: 1rem;

}

h3+div#product_summary {

    margin-left: 0;

}



span.ref_note_txt {

    color: #a1a1a1;

    font-size: 0.825rem;

}

span.font_green_l {

    color: #86c23a;

    font-size: 1.25rem;

}

span.font_red {

    color: #da3866;

}

span.font_red_l {

    color: #da3866;

    font-size: 1.125rem;

}





/* 用語解説の設定 */

div#glossary_area {

    padding: 1rem;

    border: 1px solid #4082de;

}



div#glossary_area > h3{

    color: #4082de;

    font-weight: 400;

}

div#glossary_area > h3 > span{

    color: #404040;

    font-weight: 400;

    margin-left: 1rem;

}

div#glossary_area p:last-child {

    margin-bottom: 0;

}





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

table.table_colspan2 th:not(.table_title) {

    background-color: #eee;

}



/* 注釈文 */

span.ref_counter_mark {

    font-size: 0.875rem;

    color: #4082de;

    padding-left: 0.25rem;

}

span.ref_counter_mark.ontitle {

    color: #fff;

    padding-left: 1rem;

}



.ref_counter_text {

    font-size: 0.75rem;

    font-weight: 100;

}

.ref_counter_text ol {

    margin-left: -0.25rem;

}

.ref_counter_text ol li {

    list-style-type: none;

    counter-increment: cnt;

    margin-bottom: 0.3rem;

}

.ref_counter_text ol li::before {

    content: "※" counter(cnt);

    display: inline-block;

    margin-left: -2rem;

    width: 2rem;

    color: #4082de;

}



.recommend_img {

    margin-top: 1rem;

    max-width: 100%;

}



/* 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;

}



h3+div {

    margin-left: 0;

    margin-bottom: 1rem;

}



table.table_colspan2 th,

table.table_colspan2 td {

    font-size: 0.825rem;

}



}