.con_news {
    max-width: 1200px;
    margin: auto
}

@media only screen and (max-width: 1199px) {
    .con_news {
        width: 91.66667%
    }
}

.con_news {
    overflow: hidden;
    margin-top: 60px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_news {
        margin-top: 6%
    }
}

@media only screen and (max-width: 767px) {
    .con_news {
        margin-top: 8%
    }
}

@media only screen and (min-width: 768px) {
    .main {
        float: left;
        width: 73.33333%
    }
}

.main .txt_news {
    font-size: 93%;
    float: left;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .main .txt_news {
        margin-bottom: 1.5%
    }
}

@media only screen and (max-width: 767px) {
    .main .txt_news {
        margin-bottom: 2%
    }
}

.main .txt_news span {
    color: #ceb132;
    font-size: 185%
}

@media only screen and (max-width: 767px) {
    .main .txt_news {
        float: none;
        margin-bottom: 2%
    }
}

.main .box_news {
    clear: both;
    width: 100%;
    border-top: 1px solid #9a98a2;
    border-bottom: 1px solid #9a98a2;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .main .box_news {
        margin-bottom: 2%
    }
}

@media only screen and (max-width: 767px) {
    .main .box_news {
        margin-bottom: 3%
    }
}

.main .box_news li {
    border-top: 1px solid #9a98a2
}

.main .box_news li:last-child {
    border-bottom: none
}

.main .box_news li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    padding: 15px;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .main .box_news li a {
        padding: 2% 1%
    }
}

@media only screen and (max-width: 767px) {
    .main .box_news li a {
        padding: 0.8em 0
    }
}

.main .box_news li a:after {
    content: '→';
    text-align: center;
    color: #9a98a2;
    line-height: 1.8;
    font-size: 120%;
    position: absolute;
    top: 50%;
    right: 2%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .main .box_news li a:after {
        width: 2em;
        line-height: 2
    }
}

@media only screen and (max-width: 767px) {
    .main .box_news li a:after {
        font-size: 100%
    }
}

.main .box_news li a .photo {
    float: left;
    width: 13.63636%;
    margin-right: 2.27273%;
    text-align: center;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 767px) {
    .main .box_news li a .photo {
        width: 20%;
        margin-right: 4%
    }
}

.main .box_news li a .photo img {
    width: 100%
}

.main .box_news li a .box_txt {
    float: left;
    width: 73.86364%
}

@media only screen and (max-width: 1199px) {
    .main .box_news li a .box_txt {
        width: 76%
    }
}

.main .box_news li a .box_txt>p {
    display: block
}

.main .box_news li a .box_txt .txt_inf {
    letter-spacing: -.4em;
    font-size: 93%
}

.main .box_news li a .box_txt .txt_inf span {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle
}

.main .box_news li a .box_txt .txt_inf span.date {
    letter-spacing: .08em
}

.main .box_news li a .box_txt .txt_inf span.cate {
    color: #fff;
    margin-left: .5em;
    padding: .2em .8em;
    background: #9a98a2;
    font-size: 87%
}

@media only screen and (max-width: 767px) {
    .main .box_news li a .box_txt .txt_inf span.cate {
        padding: .2em .5em
    }
}

.main .box_news li a .box_txt .txt_inf span.cate01 {
    background: #9a98a2
}

.main .box_news li a .box_txt .txt_inf span.cate02 {
    background: #9a98a2
}

.main .box_news li a .box_txt .txt_inf span.cate03 {
    background: #9a98a2
}

.main .box_news li a .box_txt .txt_inf span.cate04 {
    background: #9a98a2
}

.main .box_news li a .box_txt .txt_inf span.cate05 {
    background: #9a98a2
}

.main .box_news li a .box_txt .st {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.5;
    margin-top: 12px
}

.firefox .main .box_news li a .box_txt .st,
.ie .main .box_news li a .box_txt .st {
    max-height: 1.5em
}

@media only screen and (max-width: 767px) {
    .main .box_news li a .box_txt .st {
        margin-top: 2%
    }
}

.main .box_news li a:hover {
    background: rgba(255, 255, 255, 0.2)
}

.main .box_news li a:hover:after {
    -moz-transform: translate(40%, -50%);
    -ms-transform: translate(40%, -50%);
    -webkit-transform: translate(40%, -50%);
    transform: translate(40%, -50%)
}

.main .box_news .Noimg a .box_txt {
    width: 98%;
    float: none
}

.box_pager {
    text-align: right;
    font-size: 93%
}

@media only screen and (max-width: 1199px) {
    .box_pager {
        margin-bottom: 1em
    }
}

.box_pager>div {
    display: inline-block;
    vertical-align: middle
}

.box_pager>div .btn_prev,
.box_pager>div .btn_next,
.box_pager>div .btn_list {
    float: left
}

.box_pager>div .btn_list a {
    padding: 8px;
    color: #fff;
    border: 1px solid #cecece;
    background: #ceb132
}

@media only screen and (max-width: 767px) {
    .box_pager>div .btn_list a {
        padding: 0.3em
    }
}

.box_pager>div .btn_list a:hover {
    background: none;
    color: #313131;
    border: 1px solid #cecece
}

.box_pager>div .btn_prev a {
    padding: 8px 1em
}

@media only screen and (max-width: 767px) {
    .box_pager>div .btn_prev a {
        padding: 0.3em 0.5em
    }
}

.box_pager>div .btn_prev a:before,
.box_pager>div .btn_prev a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.box_pager>div .btn_prev a:before {
    content: "";
    margin-right: .5em;
    margin: 0;
    color: #ceb132;
    font-size: 107%
}

.box_pager>div .btn_prev:hover a:before {
    color: #fff
}

.box_pager>div .btn_next a {
    padding: 8px 1em
}

@media only screen and (max-width: 767px) {
    .box_pager>div .btn_next a {
        padding: 0.3em 0.5em
    }
}

.box_pager>div .btn_next a:before,
.box_pager>div .btn_next a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.box_pager>div .btn_next a:after {
    content: "";
    margin-left: .5em;
    margin: 0;
    color: #ceb132;
    font-size: 107%
}

.box_pager>div .btn_next:hover a:after {
    color: #fff
}

.box_pager>div ul {
    float: left
}

.box_pager>div ul li {
    float: left;
    margin-left: 7px
}

@media only screen and (max-width: 767px) {
    .box_pager>div ul li {
        margin-left: .5em
    }
}

.box_pager>div ul li a {
    padding: 8px 12px
}

@media only screen and (max-width: 767px) {
    .box_pager>div ul li a {
        padding: 0.3em 0.8em
    }
}

.box_pager>div ul li.active a {
    background: #ceb132;
    color: #fff;
    border: 1px solid #cecece
}

.box_pager>div .btn_next,
.box_pager>div .btn_list {
    margin-left: 7px
}

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

    .box_pager>div .btn_next,
    .box_pager>div .btn_list {
        margin-left: .3em
    }
}

.box_pager>div a {
    display: block;
    text-decoration: none;
    border: 1px solid #cecece;
    -moz-transition: background .35s, color .35s, border .35s;
    -o-transition: background .35s, color .35s, border .35s;
    -webkit-transition: background .35s, color .35s, border .35s;
    transition: background .35s, color .35s, border .35s
}

.box_pager>div a:hover {
    background: #ceb132;
    color: #fff;
    border: 1px solid #cecece
}

@media only screen and (min-width: 768px) {
    .side {
        width: 23.33333%;
        float: right
    }
}

@media only screen and (max-width: 767px) {
    .side {
        margin-top: 8%
    }
}

.side .box_side {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 70px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .side .box_side {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .side .box_side {
        margin-bottom: 8%
    }
}

.side .box_side .st {
    margin-bottom: .5em;
    line-height: 1;
    color: #fff;
    letter-spacing: .24em;
    font-size: 147%
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .side .box_side .st {
        font-size: 134%
    }
}

@media only screen and (max-width: 767px) {
    .side .box_side .st {
        font-size: 120%
    }
}

@media only screen and (max-width: 767px) {
    .side .box_side .st {
        border-bottom: 1px solid #9a98a2;
        padding-bottom: .5em
    }
}

@media only screen and (max-width: 767px) {
    .side .box_side ul {
        width: 100%;
        border: none
    }
}

.side .box_side ul li {
    position: relative
}

.side .box_side ul li a {
    color: #fff;
    display: block
}

.side .box_side ul.box_new li {
    border-top: 1px solid #9a98a2
}

@media only screen and (max-width: 767px) {
    .side .box_side ul.box_new li {
        border: none
    }
}

.side .box_side ul.box_new li:first-child {
    border-top: none
}

.side .box_side ul.box_new li a {
    padding: 1em .8em 1em 2em;
    text-decoration: none;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media only screen and (max-width: 767px) {
    .side .box_side ul.box_new li a {
        padding-left: 1em
    }
}

.side .box_side ul.box_new li a span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.5
}

.firefox .side .box_side ul.box_new li a span,
.ie .side .box_side ul.box_new li a span {
    max-height: 1.5em
}

.side .box_side ul.box_new li:before,
.side .box_side ul.box_new li:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.side .box_side ul.box_new li:before {
    content: "";
    margin-right: .5em;
    position: absolute;
    top: 50%;
    color: #9a98a2;
    left: 4.28571%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .side .box_side ul.box_new li:before {
        left: 0
    }
}

.side .box_side ul.box_new li:hover a,
.side .box_side ul.box_new li.check a {
    background: rgba(154, 152, 162, 0.5)
}

.side .box_side ul.box_new li:hover:before,
.side .box_side ul.box_new li.check:before {
    color: #fff !important
}

.side .box_side ul.box_cate li {
    border-top: 1px solid #9a98a2
}

@media only screen and (max-width: 767px) {
    .side .box_side ul.box_cate li {
        border: none
    }
}

.side .box_side ul.box_cate li:first-child {
    border-top: none
}

.side .box_side ul.box_cate li a {
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    transition: background .3s;
    padding: 1em .8em 1em 2em;
    text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5
}

.firefox .side .box_side ul.box_cate li a,
.ie .side .box_side ul.box_cate li a {
    max-height: 3em
}

@media only screen and (max-width: 767px) {
    .side .box_side ul.box_cate li a {
        line-height: 1;
        -webkit-line-clamp: 2
    }

    .firefox .side .box_side ul.box_cate li a,
    .ie .side .box_side ul.box_cate li a {
        max-height: 2em
    }
}

.side .box_side ul.box_cate li:before,
.side .box_side ul.box_cate li:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.side .box_side ul.box_cate li:before {
    content: "";
    margin-right: .5em;
    position: absolute;
    top: 50%;
    color: #9a98a2;
    left: 4.28571%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .side .box_side ul.box_cate li:before {
        left: 0
    }
}

.side .box_side ul.box_cate li:hover a,
.side .box_side ul.box_cate li.check a {
    background: rgba(154, 152, 162, 0.5)
}

.side .box_side ul.box_cate li:hover:before,
.side .box_side ul.box_cate li.check:before {
    color: #fff !important
}

.side .box_side ul.box_mon>li {
    border-top: 1px solid #9a98a2;
    padding-bottom: 1em
}

.side .box_side ul.box_mon>li:first-child {
    border-top: none
}

@media only screen and (max-width: 767px) {
    .side .box_side ul.box_mon>li {
        padding: .5em 0 0;
        border: none
    }
}

.side .box_side ul.box_mon>li .accordion {
    padding: .8em;
    cursor: pointer;
    display: block
}

.side .box_side ul.box_mon>li .accordion:before,
.side .box_side ul.box_mon>li .accordion:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.side .box_side ul.box_mon>li .accordion:before {
    content: "";
    margin-right: .5em;
    color: #9a98a2;
    font-size: 108%
}

.side .box_side ul.box_mon>li .accordion.active {
    background-color: #ceb132
}

.side .box_side ul.box_mon>li .accordion.active:before,
.side .box_side ul.box_mon>li .accordion.active:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.side .box_side ul.box_mon>li .accordion.active:before {
    content: "";
    margin-right: .5em
}

.side .box_side ul.box_mon>li ol {
    display: none
}

.side .box_side ul.box_mon>li ol>li {
    border: none;
    padding: .3em 0 .3em 2em;
    position: relative
}

@media only screen and (max-width: 767px) {
    .side .box_side ul.box_mon>li ol>li {
        line-height: 1.25
    }
}

.side .box_side ul.box_mon>li ol>li:before,
.side .box_side ul.box_mon>li ol>li:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.side .box_side ul.box_mon>li ol>li:before {
    content: "";
    margin-right: .5em;
    color: #9a98a2;
    position: absolute;
    top: 50%;
    left: 1.5em;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.side .box_side ul.box_mon>li:first-child ol {
    display: block
}

.topicpath li.second a {
    padding-bottom: .13em;
    border-bottom: 2px solid #a7a7a7
}

@media only screen and (max-width: 767px) {
    .topicpath li:nth-child(3) {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

.con_det .news_title {
    border-bottom: 1px solid #9a98a2;
    padding-bottom: .8em;
    position: relative;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .con_det .news_title {
        margin-bottom: 3%
    }
}

.con_det .news_title .txt_inf {
    letter-spacing: -0.4em
}

.con_det .news_title .txt_inf>* {
    letter-spacing: normal
}

.con_det .news_title .cate {
    display: inline-block;
    letter-spacing: -0.4em;
    margin-left: 15px
}

.con_det .news_title .cate li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    font-size: 87%;
    color: #fff;
    text-align: center;
    padding: 0 .5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #9a98a2
}

.con_det .news_title .cate li+li {
    margin-left: 5px
}

.con_det .news_title .date {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle
}

.con_det .news_title .title {
    font-size: 160%;
    font-weight: normal
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_det .news_title .title {
        font-size: 147%
    }
}

@media only screen and (max-width: 767px) {
    .con_det .news_title .title {
        font-size: 134%
    }
}

.con_det .box_det {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #9a98a2;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .con_det .box_det {
        margin-top: 4%
    }
}

.con_det .box_det>div {
    margin-bottom: 2em
}

.con_det .box_det>.box_txt {
    margin-top: 1em
}

.con_det .box_det .photo .caption {
    display: block;
    margin-top: 0.5em;
    font-size: 94%
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .photo .caption {
        font-size: 67%
    }
}

.con_det .box_det .photo img {
    width: 100%
}

.con_det .box_det .box_photo2 {
    overflow: hidden
}

.con_det .box_det .box_photo2 .photo {
    float: right;
    width: 48%
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .box_photo2 .photo {
        width: 49%
    }
}

.con_det .box_det .box_photo2 .photo img {
    width: 100%
}

.con_det .box_det .box_photo2 p:first-child {
    float: left
}

.con_det .box_det .box_photo3 {
    overflow: hidden
}

.con_det .box_det .box_photo3 .photo {
    float: left;
    width: 32%;
    margin-left: 2%
}

.con_det .box_det .box_photo3 p:first-child {
    margin-left: 0
}

.con_det .box_det .box_photo_txt {
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .con_det .box_det .box_photo_txt .box_txt {
        float: right;
        width: 48%
    }
}

@media only screen and (min-width: 768px) {
    .con_det .box_det .box_photo_txt .photo {
        float: left;
        width: 48%
    }
}

.con_det .box_det .box_txt_photo {
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .con_det .box_det .box_txt_photo .box_txt {
        float: left;
        width: 48%
    }
}

@media only screen and (min-width: 768px) {
    .con_det .box_det .box_txt_photo .photo {
        float: right;
        width: 48%
    }
}

.con_det .box_det .box_photo_txt2 {
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .con_det .box_det .box_photo_txt2 .box_txt {
        float: right;
        width: 65%
    }
}

@media only screen and (min-width: 768px) {
    .con_det .box_det .box_photo_txt2 .photo {
        float: left;
        width: 30%
    }
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .box_photo_txt2 .photo {
        width: 80%;
        margin: 0 auto
    }
}

.con_det .box_det .box_txt_photo2 {
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .con_det .box_det .box_txt_photo2 .box_txt {
        float: left;
        width: 65%
    }
}

@media only screen and (min-width: 768px) {
    .con_det .box_det .box_txt_photo2 .photo {
        float: right;
        width: 30%
    }
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .box_txt_photo2 .photo {
        width: 80%;
        margin: 0 auto 2%
    }
}

.con_det .box_det table {
    width: 100%;
    margin-bottom: 2em
}

.con_det .box_det table th {
    width: 210px
}

@media only screen and (max-width: 767px) {
    .con_det .box_det table th {
        width: 35%
    }
}

.con_det .box_det .txt_link {
    margin: 0.5em 0
}

.con_det .box_det .btn {
    margin-bottom: 2em
}

.con_det .box_det .btn a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #2a283a;
    padding: 1em 0;
    line-height: 1;
    position: relative;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #2a283a;
    -moz-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .btn a {
        padding: 1.3em 0
    }
}

.con_det .box_det .btn a:after {
    content: '→';
    text-align: center;
    color: #7a7898;
    width: 1.8em;
    line-height: 1.8;
    border: 1px solid #7a7898;
    -moz-border-radius: 1.8em;
    -webkit-border-radius: 1.8em;
    border-radius: 1.8em;
    font-size: 80%;
    position: absolute;
    top: 50%;
    right: 4%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: background .3s, border-color .3s, color .3s;
    -o-transition: background .3s, border-color .3s, color .3s;
    -webkit-transition: background .3s, border-color .3s, color .3s;
    transition: background .3s, border-color .3s, color .3s
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_det .box_det .btn a:after {
        width: 2em;
        line-height: 2
    }
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .btn a:after {
        font-size: 67%
    }
}

.con_det .box_det .btn a:hover {
    color: #2a283a;
    background: none
}

.con_det .box_det .btn a:hover:after {
    border-color: #2a283a;
    background: none;
    color: #2a283a
}

.con_det .box_det .btn a {
    display: inline-block;
    padding: 1em 2.5em 1em 2em
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .btn a {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .btn a {
        padding: 1em 0
    }
}

.con_det .box_det .btn.out a:before,
.con_det .box_det .btn.out a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.con_det .box_det .btn.out a:before {
    content: "";
    margin-right: .5em
}

.con_det .box_det .btn.pdf a:before,
.con_det .box_det .btn.pdf a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.con_det .box_det .btn.pdf a:before {
    content: "";
    margin-right: .5em
}

.con_det .box_det .box_sns {
    letter-spacing: -.40em;
    margin-top: 10px;
    overflow: hidden;
    text-align: right
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_det .box_det .box_sns {
        margin-top: 2%
    }
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .box_sns {
        margin-top: 4%
    }
}

.con_det .box_det .box_sns li {
    display: inline-block;
    letter-spacing: normal;
    line-height: 1;
    vertical-align: middle;
    margin-left: 10px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_det .box_det .box_sns li {
        margin-left: 2%
    }
}

@media only screen and (max-width: 767px) {
    .con_det .box_det .box_sns li {
        margin-left: 4%
    }
}

.con_det .box_det .box_sns li:first-child {
    margin-left: 0
}

.con_det .box_pager {
    text-align: center;
    margin-top: 10px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_det .box_pager {
        margin-top: 2%
    }
}

@media only screen and (max-width: 767px) {
    .con_det .box_pager {
        margin-top: 4%
    }
}