@charset "UTF-8";

/* CSS Document */
.page_header {
    padding: 3em 0;
    text-align: center;
}

.page_header h2 {
    font-size: 2.2em;
    font-weight: 800;
    line-height: 1;
}

.pager {
    padding: 1em 4%;
    display: flex;
    justify-content: center;
}

.pager li {
    line-height: 1;
    overflow: hidden;
}

.pager li>* {
    display: block;
    width: 2.5em;
    line-height: 2.4em;
    background: #000;
    text-align: center;
}

.pager li a {
    color: #666;
}

.pager li.back {
    border-radius: 30px 0 0 30px;
}

.pager li.next {
    border-radius: 0 30px 30px 0;
}

.pager li.back a {
    padding-left: 1em;
    color: #fff;
}

.pager li.next a {
    padding-right: 1em;
    color: #fff;
}

.pager li.back span:before {
    content: "\f3d5";
    font-family: 'ionicons';
}

.pager li.next span:before {
    content: "\f3d6";
    font-family: 'ionicons';
}

.pager li.back span:before, .pager li.next span:before {
    opacity: .2;
}

.pager li.back a span:before, .pager li.next a span:before {
    opacity: 1;
}

.entry_header {
    padding-bottom: 1em;
    border-bottom: 1px solid #444;
    margin-bottom: 1em;
}

.entry_header .head_data {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0.5em;
}

.entry_header .head_data .date {
    font-weight: 400;
    font-style: normal;
    font-size: .9em;
    color: #aaa;
}

.entry_header .head_data .date .week {
    margin-left: .5em;
}

.entry_header .head_data .cat {
    font-size: .9em;
    display: flex;
}

.entry_header .head_data .cat span {
    display: block;
    width: 7em;
    text-align: center;
    color: #fff;
    padding: .3em 0 .2em;
    font-size: .8em;
    margin-right: 0.5em;
    border: 1px solid #666;
    border-radius: 40px;
}

.entry_header .head_data .cat span.mobile {
    background: #dedede;
    color: #444;
}

.entry_header h3 {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.5;
}

.entry_body .youtube {
    max-width: 640px
}

.entry_body .youtube>div {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.entry_body .youtube>div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry_body a.linkbtn {
    display: inline-block;
    margin: 1em 0;
    border: 1px solid #fff;
    color: #fff;
    padding: .8em 3em;
    position: relative;
}

.entry_body a.linkbtn:after {
    content: "\f3d3";
    font-family: "ionicons";
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.entry_body a.linkbtn:hover {
    background: #fff;
    color: #333;
}

.entry_body img {
    max-width: 100%;
}

.backlink {
    text-align: center;
    margin: 3em 0;
}

.backlink a {
    color: #000;
}

@media screen and (min-width:568px) {}

@media screen and (min-width:768px) {
    .page_header h2 {
        font-size: 3em;
    }
}

@media screen and (min-width:1024px) {
    .entry_header h3 {
        font-size: 1.6em;
    }

    .pager {
        margin-top: 1em;
    }
}

@media screen and (min-width:1025px) {
    .page_header {
        padding: 4em 0;
    }

}

@media screen and (min-width:1200px) {}

@media screen and (min-width:1600px) {}

@media screen and (max-height:900px) and (min-width:1024px) {}