@charset "UTF-8";

.head_space {
    padding-top: 100px;
}

.ttl_box h2 {
    margin: 10% auto 2%;    
}
.ttl_box h3 {
    margin: 2% auto 10%;    
}

.single_detail_box {
    margin-top: 10%;
}

.single_detail_box .date {
    font-size: 80%;
    margin-bottom: 1%;
}
.single_detail_box .place {
    margin-bottom: 5%;
    margin-left: 2%;
}
.single_detail_box .post {
    line-height: 2;
    text-align: justify;
    margin-bottom: 10%;
}

.single_detail_box .post .img_box {
    width: 100%;
    text-align: center;
    margin: 15% auto;
}
.single_detail_box .post .img_box img {
    width: 80%;
    height: 100%;
}
.single_detail_box .post p {
    margin-bottom: 2em;
    letter-spacing: 2px;
    font-size: 95%;
}

.pagelink li {
    float: left;
    margin: 0;
    border: none;
}


.pagenext{
    width: 50%;
    margin: 5% 0;
    font-size: 15px;
    transition: .4s;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    background: #011b6a;
    font-family: 'Oswald', sans-serif;
    text-align: left;
}

.pageprev{
    width: 50%;
    margin: 5% 0;
    font-size: 15px;
    transition: .4s;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    background: #011b6a;
    font-family: 'Oswald', sans-serif;
    text-align: right;
}

.pagenext a,
.pagenext a:active,
.pagenext a:visited,
.pageprev a,
.pageprev a:active,
.pageprev a:visited{
    color: #FFF;
    display: block;
    width: 95%;
    height: 100%;
    padding: 8px;
}

.pagenext:hover,
.pageprev:hover{
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: rgba(115,188,234,0.90);
    background-size: 10%;
    color: #011b6a;
}

.btn_index {
    width: 100%;
    margin: 5% 0;
    font-size: 15px;
    transition: .4s;
    letter-spacing: 2px;
    border: 1px #011b6a solid;
    cursor: pointer;
    color: #FFF;
    background: #011b6a;
    font-family: 'Oswald', sans-serif;
    text-align: center;
}

.btn_index a,
.btn_index a:active,
.btn_index a:visited{
    color: #FFF;
    display: block;
    width: 95%;
    height: 100%;
    padding: 8px;
}

.btn_index:hover{
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: rgba(115,188,234,0.90);
    background-size: 10%;
    color: #011b6a;
}

@media screen and (max-width: 767px) {
    
.single_detail_box .post .img_box img {
    width: 100%;
    height: 100%;
}
    
}