@charset 'utf-8';

/* single
------------------------------------------------ */
.single--content{ padding-top: 25px; }
.single--title{ font-size: 2.2rem; font-weight: 400; font-family: 'Koulen', cursive; color:#E84383; }
.single--desc{ margin-top: 20px; }
.single--desc,
.single--desc p{ font-size: 1.8rem; color:#000; }
.single--desc p{ margin-bottom: 30px; }
.single--desc a{ color:#0044FF; }
.single--desc a:hover{ text-decoration: underline; }
.single--desc th,
.single--desc td{ border:1px solid #000; }
.wp-block-image{ margin-bottom: 30px !important; }

.single--desc ul { margin-bottom: 30px; list-style: disc; list-style-position: inside; }
.single--desc ol { margin-bottom: 30px; list-style: decimal; list-style-position: inside; }

.single--item-read{ display: flex; flex-wrap: wrap; align-items: center; }

.view-counter{ display: inline-flex; flex-wrap: wrap; align-items: center; }
.view-counter i{ line-height: 1; }
.view-counter span{ margin-left: 10px; font-size: 1.8rem; line-height: 1; color:#777777; font-family: 'Noto Sans', sans-serif; }

.pld-like-dislike-wrap{ line-height: 1; }
.pld-like-dislike-wrap .pld-common-wrap{ min-width: 110px !important; font-size: 1.8rem;  }
.pld-like-dislike-wrap{ margin: 0 !important; }
.pld-count-wrap{ font-family: 'Noto Sans', sans-serif; }

.single--paginastion{ margin-top: 70px; padding-top: 28px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; border-top: 1px solid #CACAC8; }
.pg-prev,
.pg-next{ width: 47%; }
.pg-prev a,
.pg-next a{ display: block; color:#121212; }
.pg-prev a strong,
.pg-next a strong{ display: block; margin-top: 6px;}
.pg-next{ text-align: right; }

@media only screen and (min-width: 768px) {
    .single--desc{ padding-right: 25px; }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
}

@media only screen and (max-width: 767px) {	
    .single--content{ padding-top: 8px; }
    .single--title{ font-size: 1.8rem; }
    .single--desc{ margin-top: 0; }
    .single--desc,
    .single--desc p{ font-size: 1.3rem; }
    .single--desc p{ margin-bottom: 20px; }
    .single--desc ul,
    .single--desc ol{ margin-bottom: 20px; }
    .wp-block-image{ margin-bottom: 20px !important; }

    .pld-like-dislike-wrap .pld-common-wrap{ min-width: 80px !important; font-size: 1.2rem; display: flex; flex-wrap: wrap; align-items: center; }
    .pld-like-dislike-wrap .pld-common-wrap i{ font-size: 1.8rem; }
    .view-counter span{ font-size: 1.2rem; }
    .view-counter i{ width: 18px; }
}