.vol-title {
    font-size: 20px;
	text-align: center;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 30px 0;
}

.vol-circle {
    font-size: 10px;
	text-transform: uppercase;
	display: block;
    width: 60px;
    height: 60px;
	border-radius: 60px;
    border: 2px solid #e60033;
    padding-top: 12px;
	position: absolute;
    margin-right: 20px;
    line-height: 1.4;
    left: 0;
    top: 50%;
	transform: translateY(-50%);
	text-align: center;

}

.vol-circle span {
	display: block;
    font-size: 16px;
    font-weight: 600;
    color: #e60033;
    line-height: 1;
}

.vol-inner {
    line-height: 1.4;
    position: relative;
    padding-left: 80px;
    max-width: 600px;
    margin: 0 auto;
	text-align: left;
	display: inline-block;
    width: auto;
}

.social-control {
    margin: 20px 0;
}

.blog-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.content-body {
    width: 100%;
    height: auto;
}

.content-body img, .content-body .image-cont img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
}

.girls-body a {
	display: inline-block;
    color: #e60033;
}

.content-body a {
	display: inline-block;
}

.content-body a.pink {
    color: #ff00da;
}
.content-body hr {
    margin: 2.5em 0;
}

h1.blog-title {
    font-size: 20px;
	font-weight: 500;
}

.girls-body h1 {
    color: #e60033;
    font-weight: 500;
    font-size: 21px;
    text-align: center;
    margin-bottom: 1.5em;
	position: relative;
	padding-bottom: 10px;
}
.girls-body h1:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    width: 15%;
    background-color: #e60033;
    margin: 0 auto;
}

.content-body .checkpoint {
    color: #e60033;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin: 1.5em 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 30px 0;
}

.content-body table {
	margin: 20px 0;
}

.content-body table tr > td:first-child {
	width: 110px;
	vertical-align: top;
	padding: 3px;
}

.content-body h2 {
    font-weight: 500;
    font-size: 18px;
	text-align: center;
    color: #e60033;
	position: relative;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.content-body h2:after {
    content: "";
	position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 3px;
    width: 10%;
	background-color: #e60033;
    margin: 0 auto;
}
.content-body h3 {
    padding: 25px 0;
	text-align: center;
    color: #e60033;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    font-size: 14px;
}

.content-borderless td:first-child {
    width: 20%;
}

.content-borderless > thead > tr > th, .content-borderless > tbody > tr > th, .content-borderless > tfoot > tr > th, .content-borderless > thead > tr > td, .content-borderless > tbody > tr > td, .content-borderless > tfoot > tr > td {
    border-top: 0 none;
}

.table-detail > tbody > tr > td {
	position: relative;
    border-top: 0 none;
}
.table-detail > tbody > tr > td:first-child:after {
    content: ":";
    position: absolute;
    right: 0;
    width: 2px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    top: 47%;
    transform: translate(-50%, -50%);
}

.table-detail > tbody > tr > td:first-child {
    width: 100px;
	padding-left: 0;
}

.table-detail > tbody > tr > td {
    padding-left: 15px;
	padding-top: 0;
}
.table-detail > tbody > tr:last-child > td {
    padding-bottom: 0;
}

.detail-table {
	position: relative;
    border: 10px solid #fce5ea;
    padding: 50px 10px 10px 10px;
    margin-bottom: 15px;
	font-size: 0.9em;
}

.detail-table-title {
    background: #e60033;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 8px 15px;
}
.table-detail a {
    color: #e60033;
    font-weight: 600;
	display: inline-block;
}

.table-detail {
    margin-bottom: 0;
}

.big-main span {
    font-size: 11px;
}
.under-text {
	text-align: center;
}
.under-text a {
	display: inline-block;
    color: #e60033;;
}

.girls-others .report-item .report-inner .report-thumbnail a {
	position: relative;
}
.girls-others .report-item .report-inner .report-thumbnail a > img {
    max-width: 100%;
    height: auto;
}

.swiper-others .swiper-slider {
    width: 50%;
    padding: 0 15px 0 15px;
}

.girls-others {
    margin: 30px 0;
}
.girlsreport-wrapper .swiper-button-prev, .girlsreport-wrapper .swiper-button-next {
	bottom: 10px;
    height: 30px;
    width: 50px;
    top: 140px;
    background-image: none;
    font-size: 40px;
	position: absolute;
}
.swiper-others  .swiper-wrapper {
    padding-bottom: 30px;
}
.girlsreport-wrapper .swiper-button-prev i, .girlsreport-wrapper .swiper-button-next i {
    position: relative;
    top: -18px;
    color: #e60033;
}

.girlsreport-wrapper .swiper-button-prev {
	text-align: left;
	left: -50px;
}

.girlsreport-wrapper .swiper-button-next {
	text-align: right;
	right: -50px;
}

.btn.btn-category-red {
    background: #e60033;
    color: #fff;
    padding: 15px 20px;
    border-radius: 40px;
    width: auto;
	display: inline-block;
}

.btn.btn-category-red:hover, .btn.btn-category-red:focus {
    background: #f12552;
}

.search-blog {
    border-bottom: 1px solid #ccc;
}

span.ranking-badge {
	position: absolute;
    top: -30px;
    left: -30px;
	background-image: url("../img/icons/red-badge.png");
	background-repeat: no-repeat;
	background-position: center center;
    width: 68px;
    height: 68px;
    color: #fff;
	text-align: center;
	z-index: 99;
}

.rank-text {
	position: relative;
    top: 50%;
	transform: translateY(-50%);
}

.rank-text span {
    font-size: 18px;
    font-weight: 600;
}

span.crown {
	display: block;
    line-height: 1;
}

.cat-img img {
    width: 50px;
    height: auto;

}
.cat-img {
	text-align: center;
	display: block;
}

.category-headline {
	text-align: center;
    margin: 0 auto;
}

h3.cat-title {
	text-transform: uppercase;
}

h3.cat-title span {
    color: #9db174;
}

.cat-wrapper {

}

.cat-list {
	list-style-type: none;
    border: 1px solid #e8e8e8;
	background: url("../img/pattern-dotted.png") top center repeat;
    padding: 15px;
	text-align: left;
}

.cat-list li a {
    color: #000;
	position: relative;
    padding: 5px 0;
    font-size: 12px;
    padding-left: 20px;
	display: inline-block;
}

.cat-list li a:after {
	position: absolute;
    content: "\f105";
	    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.cat-list li.active a {
    color: #9db174;
}
.cat-list li a:hover {
    color: #9db174;
}

.blog-sidebar {
	text-align: left;
    max-width: 220px;
    min-width: 220px;
    width: 100%;
	display: inline-block;
	position: relative;
}

.blog-side {
	text-align: right;
}

.container-sharehouse {
    max-width: 885px;
    width: 100%;
    margin: 0 auto;

}

.col-sharehousemain {
    float: left;
    max-width: 665px;
    padding: 0;
    margin-right: 65px;
}

.col-sharehouseside {
    width: 220px;
    float: right;
    padding: 0;
}

.middle-text {
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 30px;
}

.middle-text h1,
.middle-text h2 {
    font-weight: 500;
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
}

.content-magazine h1 {
    font-size: 20px;
    font-weight: 500;
    color: #9db174;
    border-left: 4px solid #9db174;
    margin-bottom: 20px;
    padding: 0;
    line-height: 1.3;

    padding-left: 10px;
}
.content-magazine h2 {
    color: #9db174;
    font-weight: 500;
    font-size: 18px;
}

.content-magazine h2 i:before {
    color: #9db174;
    margin-right: 5px;
}

.mag-wrapper {
    max-width: 600px;
    width: 100%;
}

.content-magazine {
    width: 100%;
}

.content-magazine img {
    max-width: 100%;
    display: block;
    margin: 0 auto 10px;
    /*width: 100%;*/
	height: auto;
}
.content-magazine a {
    color: #6f7d52;
}

.magazine-table {
    border: 10px solid #d4d8cb;
}
table.magazine-table th {
	background: #6f7d52;
    color: #fff;
}

.magazine-table > thead > tr > th, .magazine-table > tbody > tr > th, .magazine-table > tfoot > tr > th, .magazine-table > thead > tr > td, .magazine-table > tbody > tr > td, .magazine-table > tfoot > tr > td {
    padding: 5px;
    padding-left: 20px;
    border-bottom: 0;
}

.magazine-table > thead > tr > th, .magazine-table > tbody > tr > th, .magazine-table > tfoot > tr > th {
    padding: 10px;
    padding-left: 20px;
}

.magazine-table > thead > tr > th {
    font-size: 16px;
    font-weight: 500;
}

.magazine-table > tbody > tr > td {
	position: relative;
}
.magazine-table > tbody > tr:first-child td {
    padding-top: 20px;
}
.magazine-table > tbody > tr:last-child td {
    padding-bottom: 20px;
}

.magazine-table > tbody > tr:first-child td:first-child:after {
    top: 62%;
}

.magazine-table > tbody > tr:last-child td:first-child:after {
    top: 30%;
}
.magazine-table > tbody > tr > td:first-child:after {
    content: ":";
    position: absolute;
    right: 0;
    width: 2px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    top: 47%;
    transform: translate(-50%, -50%);
}

.magazine-table > thead > tr > th, .magazine-table > tbody > tr > th, .magazine-table > tfoot > tr > th, .magazine-table > thead > tr > td, .magazine-table > tbody > tr > td, .magazine-table > tfoot > tr > td {
    border-top: 0 none;
}

.m-author-title {
	background: #4d4d4d;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px;
}

.magazine-author {
    border: 1px solid #4d4d4d;
    margin-bottom: 30px;
}

.m-author-info {
    padding: 15px;
}

.m-author-header {
    padding-left: 115px;
	position: relative;
    padding-bottom: 20px;
}

.m-author-thumb {
	position: absolute;
    top: 0;
    left: 0;
	/*width:100px;
	height:100px;*/
    width: 80px;
    height: 80px;
}
.m-author-thumb img {
	max-width: 100%;
    height: auto;
    border-radius: 100%;
}

.m-author-name a {
    font-size: 20px;
    color: #acbd8b;
    padding-top: 10px;

}

.m-author-more {
    padding: 5px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	text-align: center;
}
.m-author-list {
    padding-left: 20px;
    padding-top: 5px;
}
.m-author-list li a {
    color: #000;
    padding: 5px 0;
	display: inline-block;
}

.m-author-list li a:hover {
	text-decoration: underline;
}

.prev-content, .next-content {
    width: 50%;
}
.prev-content {
    float: left;
    padding-right: 15px;
}

.next-content {
    float: right;
    padding-left: 15px;
}
.nav-inner, .blog-item {
	position: relative;
}
.nav-thumb {
	position: relative;
	overflow: hidden;
}

.nav-thumb img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    /*height: calc(((600px - 30px) / 2) * 0.66);*/
    height: 188px;
}
.nav-thumb a {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    top: 0;
    left: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
	overflow: hidden;
    width: 100%;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    z-index: 5;
    color: #fff;

}

.nav-thumb a h4 {
    position: relative;
    margin: 0;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    padding: 10px;
    font-weight: 500;
    z-index: 5;
    /*height: 54px;*/
    overflow: hidden;
}

.nav-thumb a:before {
    content: "";
	position: absolute;
    top: 0;
    bottom: 0;
	opacity: 0;
	visibility: hidden;
    left: 0;
    right: 0;
	background: rgba(157, 177, 116, 0.85);
    z-index: 1;
}

.exp-item .nav-thumb a:before, .exp-navigation .nav-thumb a:before {
    background: rgba(11, 99, 169, 0.85);
}

.nav-thumb a:active {
    text-decoration: none;
}

.nav-thumb a:hover {
    color: #fff;
}

.nav-thumb a:hover:before {
	visibility: visible;
	opacity: 1;
	 -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.nav-text {
    display: block;
	text-align: center;
    width: 100%;
    padding: 5px 0;
    color: #000;
    line-height: 1;
}

.prev-content a.nav-text {
    text-align: left;
}

.next-content a.nav-text {
    text-align: right;
}

a.nav-text i {
    display: inline-block;
    font-size: 27px;
    color: #9db174;
    margin: 0 10px;
	position: relative;
    vertical-align: -3px;
}
.btn.btn-mag {
	font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #9db174;
    text-align: center;
    padding: 15px 0px;
    border-radius: 30px;
    display: inline-block;
    border: 2px solid #9db174;
    max-width: 250px;
    width: 100%;
    margin: 20px 0 20px 0;
}

.btn.btn-mag:hover {
	background: #fff;
    color: #9db174;

}

.other-recommend .p-item {
    margin-bottom: 15px;
}

.other-recommend .p-inner .p-thumbnail {
    height: auto;
    height: 100% !important;
}

.other-recommend .p-inner .p-thumbnail a img {
    max-width: 100%;
	display: block;
    height: auto;
	position: relative;
    width: 100%;
}
.other-recommend .p-inner .p-thumbnail a {
	position: relative;
}

.mag-pagination > .active > a, .mag-pagination > .active > span, .mag-pagination > .active > a:hover, .mag-pagination > .active > span:hover, .mag-pagination > .active > a:focus, .mag-pagination > .active > span:focus {
    background-color: #9db174;
    border-color: #9db174;
}
.middle-text p {
    margin: 0;
}

i.author-svg {
    max-width: 18px;
    height: auto;
	display: inline-block;
    margin-right: 5px;
	position: relative;
    top: -1px;
}
i.author-svg img {
	max-width: 100%;
	height: auto;
}

.align-right {
	text-align: right;
}

.content-novel h1 {
    color: #dcac00;
    border-color: #dcac00;
}

.content-novel h2 {
    color: #dcac00;
}
.content-novel h2 i:before {
    color: #dcac00;
}

.content-exp h1 {
    color: #0b63a9;
    border-color: #0b63a9;
}

.content-exp h2 {
    color: #0b63a9;
}
.content-exp h2 i:before {
    color: #0b63a9;
}

.content-how h1 {
    color: #c8b570;
    border-color: #c8b570
}

.content-how h2 {
    color: #c8b570;
}
.content-how h2 i:before {
    color: #c8b570;
}

.content-news h1 {
    color: #9d9d9d;
    border-color: #9d9d9d;
}

.content-news h2 {
    color: #9d9d9d;
}
.content-news h2 i:before {
    color: #9d9d9d;
}

.content-news .multi-image {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 10px;
}

.content-news .multi-image .image-col {
    padding-left: 5px;
    margin-bottom: 10px;
    padding-right: 5px;
}

.content-news .image-col img, .content-news .full-image img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.novel-author .m-author-name a {
    color: #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-top: 0;
}

.nav-info {
    padding: 10px;
    border: 1px solid #e8e8e8;
}
.nav-info h4 {
    margin: 0;
    font-weight: 500;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
	overflow: hidden;
}

.novel-navigation .nav-vol {
	background: #dcac00;
    color: #fff;
    padding: 4px 10px;
	text-transform: uppercase;
    font-size: 11px;
	line-height: 1;
    margin-bottom: 5px;
	display: inline-block;
}
.novel-navigation a.nav-text i {
    color: #dcac00;
}

.exp-navigation .nav-vol {
	background: #0b63a9;
}
.exp-navigation a.nav-text i {
    color: #0b63a9;
}
.how-navigation a.nav-text i {
    color: #cdbd82;
}

.mag-navigation .report-inner {
    margin-bottom: 10px
}

.mag-navigation .report-thumbnail .rp-overlay > span, .blog-list-wrapper .report-thumbnail .rp-overlay > span {
    padding-top: 17px;
}

.novel-item .report-thumbnail .rp-overlay {
	 background: rgba(220, 172, 0, 0.85);
}

.novel-item.report-item .report-inner .report-info .report-vol {
    background: #dcac00;
}

.novel-item.report-item .report-inner .report-info .report-title a:hover {
    color: #dcac00;
}



.exp-item .report-thumbnail .rp-overlay {
	 background: rgba(11, 99, 169, 0.85);
}

.exp-item.report-item .report-inner .report-info .report-vol {
    background: #0b63a9;
}

.exp-item.report-item .report-inner .report-info .report-title a:hover {
    color: #0b63a9;
}

.how-item.report-item .report-inner .report-info {
	background: #f5f5f5;
}
.how-item .report-thumbnail .rp-overlay {
	 background: rgba(200, 181, 112, 0.85);
}

.report-chapter {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #c8b570;
}

.exp-item .report-chapter  {
    color: #0b63a9;
}

.report-chapter span {
    font-weight: 500;
    font-size: 12px;
    margin-left: 5px;
}

.report-chapter:first-letter {
    color: #000;
}

.how-item .report-inner {
    border: 0 none;
}

.btn.btn-mag.btn-novel {
	background: #dcac00;
    border-color: #dcac00;
}
.btn.btn-mag.btn-novel:hover {
	background: #fff;
    color: #dcac00;
}

.btn.btn-mag.btn-exp {
	background: #0b63a9;
    border-color: #0b63a9;
}

.btn.btn-mag.btn-exp:hover {
	background: #fff;
    color: #0b63a9;
}

.btn.btn-mag.btn-how {
	background: #cdbd82;
    border-color: #cdbd82;
}

.btn.btn-mag.btn-how:hover {
	background: #fff;
    color: #cdbd82;
}
/*.novel-navigation .nav-thumb a:before {
	    background: rgba(220, 172, 0, 0.85);
}*/

.headline-small {
	width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.headline-small h4 {
	position: relative;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    color: #000;
    width: 100%;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 600;
}
.headline-small h4:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    width: 30px;
    background: url(../img/icons/arrow-left-small.png) no-repeat left center;
    background-size: 20px 9px;
}
.headline-small h4::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    top: 0;
    width: 30px;
    background: url(../img/icons/arrow-right-small.png) no-repeat right center;
    background-size: 20px 9px;
}

.headline.c-pickup h4 span {
    color: #43b2b5;
}
.c-pickup h4 {
    width: 150px;
}

.pickup-thumb {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.pickup-thumb .overlay-wrapper.p-overlay {
	background: rgba(50, 182, 189, 0.85)
}
.pickup-thumb .overlay-wrapper:before, .pickup-thumb .overlay-wrapper:after {
	z-index: 1;
    border-top: 1px solid #FFF;
    position: absolute;
    width: 180px;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: scaleX(0.0);
    transform: scaleX(0.0);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.pickup-thumb .overlay-wrapper:before {
	    margin-top: -28px;
}
.pickup-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.pickup-thumb a {
   position: relative;
    /*width: 100%;*/
    max-width: 100%;
    overflow: hidden;
    /*height: 100%;*/
   display: inline-block;
}
.pickup-thumb a img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    transition: all 0.7s ease;
    z-index: 0;
}
.pickup-thumb .overlay-wrapper:before {
    margin-top: -28px;
}
.pickup-thumb .overlay-wrapper:after {
    margin-top: 28px;
}

.pickup-thumb {
    margin-bottom: 15px;
}

.blog-list-btn {
	max-width: 500px;
    margin: 0 auto;
}

.blog-btn {
	outline: 0;
	background: #0b63a9;
    color: #fff;
    padding: 12px 0;
    border-radius: 30px;
	text-align: center;
    border: 2px solid #0b63a9;
}

.blog-btn:hover, .blog-btn:focus {
	background: #fff;
    border: 2px solid #0b63a9;
    color: #0b63a9;
}

.novel-list-btn .blog-btn {
	background: #dcac00;
    border-color: #dcac00;
}

.novel-list-btn  .blog-btn:hover, .novel-list-btn  .blog-btn:focus {
    border-color: #dcac00;
    color: #dcac00;
	background: #fff
}

.how-to-desc {
	max-width: 460px;
    margin: 0 auto;
	text-align: center;
    margin-bottom: 50px;
}

.chapter-headline > h2 {
    font-weight: 500;
	color: #c8b570;
}

.blog-sidebar .chapter-headline > h2 {
    font-weight: 500;
	color: #c8b570;
    font-size: 14px;
}

.blog-sidebar .chapter-number {
    margin-bottom: 10px;
}

.blog-sidebar .chapter-headline {
    padding-bottom: 10px;
}

.chapter-headline {
	text-align: center;
    padding-bottom: 20px;
	position: relative;
    margin-bottom: 20px;
}

.chapter-headline:after {
	position: absolute;
    bottom: 0;
    width: 100px;
    left: 0;
    right: 0;
    height: 3px;
	background: #000;
    content: "";
    margin: 0 auto;
}

.chapter-headline > span {
	text-transform: uppercase;
    font-size: 16px;
	font-weight: 600;
    color: #000;
	letter-spacing: 0.5px;
    margin-left: -7px;
}

.chapter-number {
	position: relative;
	max-width: 280px;
    margin: 0 auto;
    z-index: 1;
    margin-bottom: 20px;
}

.chapter-number span {
    padding: 0 10px;
	background: #fff;
	display: inline-block;
    width: auto;
    margin: 0 auto;
}

.chapter-number span img {
	max-width: 100%;
    height: auto;
}

.chapter-number:after {
	position: absolute;
    height: 5px;
    background: url(../img/blog/chapter-dot.png) left top repeat-x;
    content: "";
    left: 0;
    z-index: -1;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
}
.sidebar-thumbnail .how-item .report-inner {
    margin-bottom: 15px;
}
.sidebar-thumbnail .report-thumbnail .rp-overlay > span {
    padding-top: 17px;
}

.sidebar-thumbnail .how-item.current .report-thumbnail .rp-overlay {
	opacity: 1;
	background: rgba(0, 0, 0, 0.85)
}
.sidebar-thumbnail .how-item.current .report-thumbnail .rp-overlay > span {
    color: #c8b570;
}
.sidebar-thumbnail .how-item.current .report-thumbnail .rp-overlay:before, .sidebar-thumbnail .how-item.current .report-thumbnail .rp-overlay:after {
    display: none !important;
}

.privacy, .news {
	max-width: 800px;
    margin: 0 auto;
}

.privacy h1.head-title,
.privacy h2.head-title {
    font-size: 20px;
    font-weight: 500;
    color: #cc8b86;
	text-align: center;
	padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px 0;
}

.news h1.head-title, .news h2.head-title {
    font-size: 20px;
    font-weight: 500;
    color: #9d9d9d;
	text-align: center;
	padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px 0;
}

.content-privacy h2, .content-privacy h2 i:before {
    border-left: 4px solid #cc8b86;
    padding-left: 10px;
}

.content-privacy h3, .content-privacy h3 i {
	margin-right: 5px;
}

.content-privacy h2, .content-privacy h2 i:before,
.content-privacy h3, .content-privacy h3 i:before {
    color: #cc8b86;
}

.content-privacy ul {
    margin-left: 30px;
    margin-bottom: 20px;
}
.content-privacy p {
    margin-bottom: 20px;
}

.other-news {
    padding: 10px 0;
    border-top: 1px solid #e8e8e8;
}
.other-news a {
	display: inline-block;
}

.other-news .next-news {
    margin: 5px 0;
}

#basicData {
    position: relative;
    border: 10px solid #fce5ea;
    padding: 50px 10px 10px 10px;
    margin-bottom: 15px;
    font-size: 1.0em;
}

#basicData > .title {
  background: #e60033;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
	padding: 7px 15px;
  text-align: left;
}

#basicData > .title:after {
	display: none;
}

#basicData .content #veryFirstColumn,
#basicData .content #firstColumn,
#basicData .content #secondColumn {
    vertical-align: middle;
    display: table-cell;
    line-height: 1.2;
	font-size: 0.9em;
}

#basicData .content #veryFirstColumn,
#basicData .content #firstColumn {
	width: 100px;
}

#basicData .content #secondColumn {
	padding-left: 0;
}

#basicData > .content {
    line-height: 0.8;
}

.magazine-table > tbody > tr > td {
    font-size: 11px;
}

.magazine-table > thead > tr > th, .magazine-table > tbody > tr > th, .magazine-table > tfoot > tr > th, .magazine-table > thead > tr > td, .magazine-table > tbody > tr > td, .magazine-table > tfoot > tr > td {
    padding-left: 10px;
}

#magazinebasicData {
  border: 10px solid #d4d8cb;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.magazineData {
  width: 100%;
  font-size: 0.9em
}

.sharelifeTitle {
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
  padding-left: 20px;
  border-bottom: 0;
  vertical-align: bottom;
  background: #6f7d52;
  color: #fff;
  text-align: left;
  margin: 0px;
}

.magazineData > tbody > tr:first-child td {
	padding-top: 10px;
}

.magazineData > tbody > tr:last-child td {
	padding-bottom: 10px;
}

.tdHead {
  position: relative;
  padding-left: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom: 0;
  border-top: 0 none;
  vertical-align: top;
  width: 70px;
}

.tdContent {
  position: relative;
  padding-left: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom: 0;
  border-top: 0 none;
  vertical-align: top;
}

@media (min-width: 992px) {

	.girls-others .report-item .report-inner .report-thumbnail {
        max-height: 100%;
	}

}
@media (max-width: 992px) {
		.middle-text h2 {
        font-size: 16px;
	}

    .content-magazine h1 {
        font-size: 16px;
	}
	.content-magazine h2 {
        font-size: 14px;
	}
		.middle-text {
        padding: 10px 0;
    }

    .col-sharehousemain, .col-sharehouseside {
        width: 100%;
        padding: 0px;
        float: none;
        max-width: 100%;
	}

    .mag-wrapper {
		max-width: 100%;
	}

    .col-sharehousemain {
        margin-right: 0;
		max-width: 100%
	}

    .blog-sidebar {
        max-width: 100%;
	}
	 .report-item .report-inner .report-thumbnail {
        height: 100%;
        max-height: 100%;
        min-height: 100%;
	}

}

@media (max-width: 767px) {
    .news h2.head-title, .privacy h2.head-title {
        font-size: 16px;
	 }

    .how-to-desc {
        margin-bottom: 30px;
	}

    .chapter-number {
        margin-bottom: 10px;
	}

    .chapter-section h2 {
        font-size: 16px;
	}

    .chapter-headline {
        margin-bottom: 10px;
        padding-bottom: 10px;
	}
	.table-detail > tbody > tr > td:first-child {
		vertical-align: middle;
		padding-left: 0;
	}

    .content-borderless td:first-child {
        width: 25%;
		vertical-align: middle;
		padding-left: 0;
	}
		span.ranking-badge {
        left: 10px;
        top: 10px;
	}
	.nav-thumb a img {
		height: calc(((100vw - 60px) / 2) * 0.66);
	}
}

@media (max-width: 540px) {
    .m-author-thumb {
		position: relative;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
		margin: 0 auto;
	}

    .m-author-header {
        padding-left: 0;
		position: relative;
        padding-bottom: 20px;
	}

    .m-author-header .m-author-name {
		text-align: center;
	}

    .blog-btn {
        font-size: 12px;
	}
	.nav-thumb a:hover:before,
    .nav-thumb a:active:before {
		visibility: hidden;
	}
	.nav-thumb h4 {
        /* color: #000; */
		position: relative;
		margin: 0 auto;
		margin-top: 5px;
		height: 50px;
		font-size: 11px;
		top: auto;
		transform: none;
		padding: 0;
		z-index: auto;
	}

	blockquote {
		margin: 0.8em 0.8em 1.6em 0.8em;
		padding: 0.8em 1em !important;
		font-size: 85%;
		border: 1px dotted;
	}

	.table-detail > tbody > tr > td:first-child {
        width: 30%;
	}

    .content-borderless td:first-child {
        width: 30%;
	}

    h1.blog-title {
        font-size: 14px;
	}
	.girlsreport-wrapper .swiper-button-prev, .girlsreport-wrapper .swiper-button-next {
		bottom: 20px;
		top: auto;
	}

    .girlsreport-wrapper .swiper-button-prev {
		left: 10px;
	}

    .girlsreport-wrapper .swiper-button-next {
		right: 10px;
	}
	.blog-sidebar .chapter-headline,
	.blog-sidebar .sidebar-thumbnail,
	.blog-sidebar .c-pickup,
    .blog-sidebar .pickup-holder {
		display: none;
	}

}

.content-news blockquote::before, .content-magazine blockquote::before, .content-news blockquote::after, .content-magazine blockquote::after {
    /*content:"\0022";*/
    display: inline-block;
    font-family: 'times new roman', serif;
    font-size: 40px;
}

.content-news blockquote::before, .content-magazine blockquote::before {
    content: "\201c";
    margin-left: -20px;
    line-height: 20px;
}

.content-news blockquote::after, .content-magazine blockquote::after {
    content: "\201d";
    margin-top: 25px;
    position: absolute;
    right: -12px;
    line-height: 5px;
}

.content-news blockquote, .content-magazine blockquote {
    color: #6b6a6a;
    display: block;
    position: relative;
    width: 80%;
}