.dataset { padding: 0 0 1rem; }
.dataset dl { width: 100%; margin-bottom: 0.75rem; }
.dataset dl dt,
.dataset dl dd { padding: 1rem 2rem; font-size: 1rem; box-sizing: border-box; }
.dataset dl dt { width: 160px; }
.dataset dl dd { width: calc(100% - 160px); }
.dataset dl dd::before { width: 1px; height: 60%; top: 0; bottom: 0; left: 0; background: #CCCCCC; }

.post_contents table { border: none; }
.post_contents table th,
.post_contents table td { padding: 1.25rem; line-height: 180%; border-color: #CCCCCC; }
.post_contents p { padding: 0.25rem 0; line-height: 200%; }

.post_contents .row { padding-bottom: 0.5rem; }
.post_contents .row .col { width: 48%;}

.post_contents table { margin-bottom: 4rem; }
.post_contents table th { background: #F4F2ED; }
.post_contents table td img { max-width: 91px; height: auto; display: block; margin: 2rem auto 0; }
.post_contents table td hr { color: #CCCCCC }
.post_contents table td p { padding-top: 1rem; }
.post_contents h3 span { color: #555555 !important; }
.post_contents a { text-decoration: underline; }

.cardlink { margin-top: 1rem; display: flex; flex-wrap: wrap; }
.cardlink a { text-decoration: none; }
.cardlink_thumbnail { width: 100px; }
.cardlink_content { width: calc(100% - 100px); box-sizing: border-box; padding-left: 1rem; }
.cardlink_footer,
.cardlink_excerpt { display: none; }
.cardlink_title { line-height: 160%; }

#next_prev_post { background-color: #F2F2F2; padding: 1rem; border-radius: 0.5rem; margin-top: 2rem; }
#next_prev_post .item { width: 50%; box-sizing: border-box; }
#next_prev_post .item a { display: flex; flex-wrap: wrap; padding-left: 2.25rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0; position: relative; }
#next_prev_post .item a::before { content: ''; display: block; top:0; bottom: 0; margin: auto; position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    background: url(../img/common/icn-arw.png) no-repeat center center;
    background-size: 100% auto;
    transform: rotate(-180deg);
} 
#next_prev_post .item .image_wrap { width: 90px; }
#next_prev_post .item .image_wrap_inner .image { padding-top: 100%;}
#next_prev_post .item .title_area { width: calc(100% - 90px); box-sizing: border-box; padding-left: 1rem; }
#next_prev_post .item .title_area .nav { display: none; }
#next_prev_post .item .title_area .title { font-size: 15px; font-weight: 600; padding-bottom: 0.125rem; }
#next_prev_post .item .title_area .title span { line-height: 140%; }
#next_prev_post .item.prev_post { margin-left: 0; margin-right: auto; }
#next_prev_post .item.next_post { margin-left: auto; margin-right: 0; border-left: 1px solid #555555; }
#next_prev_post .item.next_post a { padding-left: 1rem; padding-right: 2.25rem; }
#next_prev_post .item .icn-wrap { width: 100%; }
#next_prev_post .item .icn-wrap span { display: block; padding-left: 0.5rem; font-weight: 400; font-size: 14px; }
#next_prev_post .item .icn-wrap .icon { width: 20px; }
#next_prev_post .item .date { padding: 0.5rem 0 0.25rem; }

#next_prev_post .item.next_post a::before { transform: rotate(0deg); left: auto; right: 0; }

.ls-slider1 { margin-left: -34px; padding-top: 1rem; }
.ls-slider1 .slide { width: calc((100% - 102px) / 3); margin-left: 34px; margin-bottom: 2rem; }
.ls-slider1 .slide .pic { border: 1px solid #ebebeb; }
.ls-slider1 .slide .title { font-size: 15px; font-weight: 600; padding-top: 0.75rem; }
.ls-slider1 .slide .terms { padding-top: 1rem; }
.ls-slider1 .slide .terms span { margin-right: 0.25rem; }
.ls-slider1 .slide .date { font-size: 14px; padding-top: 0.5rem; }

.cat_style1 { height: 20px; line-height: 20px; border: 1px solid #555555; padding: 0 0.25rem; display: inline-block; font-size: 12px; font-weight: 600; }


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

    .dataset { padding-top: 2rem; }
    .dataset dl { padding: 0.25rem 0.75rem; box-sizing: border-box; }
    .dataset dl dt,
    .dataset dl dd { width: 100%; padding: 0.5rem 0; box-sizing: border-box; }
    .dataset dl dt { font-weight: 400; }
    .dataset dl dd::before { width: 100%; height: 1px; top: 0; left: 0; right: 0; bottom: auto; }

   
    .post_contents table { border: none; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
    .post_contents table th,
    .post_contents table td { font-size: 13px; width: 100% !important; height: auto !important; text-align: left; display: block; box-sizing: border-box; border: none; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

    .post_contents table th { padding: 0.5rem 1rem; }
    .post_contents table td { padding: 1rem; }

    #next_prev_post { margin: 2rem 0; width: 100%; box-sizing: border-box; border-radius: 50px; padding: 0 1rem; border: 1px solid #555555; }
    #next_prev_post .item .image_wrap,
    #next_prev_post .item .title_area .title,
    #next_prev_post .item .title_area .cat,
    #next_prev_post .item .icn-wrap { display: none; }
    #next_prev_post .item .title_area .nav { display: block; font-size: 13px; }
    #next_prev_post .item .title_area { width: 100%; padding: 0; font-weight: 400; }
    #next_prev_post .item a { padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; }
    #next_prev_post .item a::before { width: 20px; height: 20px; }

    .main_col .related { padding-top: 1rem; }

    .ls-slider1 { margin-left: -23px; }
    .ls-slider1 .slide { width: calc((100% - 46px) / 2); margin-left: 23px; }
    .ls-slider1 .slide .title { font-size: 1rem; }

    .main_col .btn_wrap .btn { height: 50px; line-height: 50px; font-size: 16px; padding: 0 3rem 0 5rem !important; }
   
}