/* --------------------
ebook 
-------------------- */
/* common*/
select {border: 1px solid #CACBCD; font-size: 1.2rem;}
textarea {-webkit-appearance: none; box-shadow: none !important; border-radius: 0;} 


/* ÆòÁ¡ °øÅë */
.escore_area {width: 100%; font-size: 0; }
.escore_area span {display: inline-block; font-size: 1.3rem; vertical-align: middle;}
.escore_area .value {color: #FA8F05; font-weight: 600; margin: 0 5px;}
.escore_area .count {color: #949599;}
.escore_area .star img {width: 11px; margin-top: 2px;}
.escore_area .nick {padding-right: 20px; font-weight: 700;}

/* slide style */
.slide_container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;}
.slide_container .ebook_list .item {width: 31.3%; text-align: left; position:relative; overflow: hidden; box-sizing: border-box;}
.slide_container .ebook_list a {display:block; text-decoration: none; margin: 0 auto;}
.slide_container .ebook_list .cover {position: relative; width: 82px; height: 121px; max-width: 135px; max-height: 200px; border: 1px solid #E3E3E3; box-sizing: border-box;overflow: hidden;border-radius: 20px;}
.slide_container .ebook_list img {width: 100%; margin-left: auto; margin-right: auto; display: block; height: 100%;border-radius: 20px;}
.slide_container .ebook_list .title {color: #000; font-size: 1.2rem; margin-top:5px; max-width: 135px;}
.slide_container .ebook_list .ellipsis {max-height: 3em;}
.slide_container .ebook_list .writer {color: #939598; font-size: 1.1rem; font-weight: normal; margin-top: 4px;}
.slide_container .ebook_list .cover.more {background: #FAF8F9; color: #000; text-align: center; display: table;}
.slide_container .ebook_list .cover.more > div {display: table-cell; vertical-align: middle;}
.slide_container .ebook_list .cover.more img {width: 60%; height: auto;}
.slide_container .ebook_list .cover.more p {font-size: 1.3rem; padding-top: 10px;}

.slide_container.type2 .head {width: 23%; text-align: center; position: relative; /*overflow: hidden;*/ box-sizing: border-box; display: block; height: 121px;}
.slide_container.type2 .head p {display: block; vertical-align: middle; font-size: 1.6rem; font-weight: 700; line-height: 1.3; padding-top: 40px;}
.slide_container.type2 .head strong {color: #551A8B;}
/*
.slide_container.type2 .head button {font-size: 1rem;position: absolute; bottom: 0px; left: 10%; width: 80%; text-align: left; background: #FAF8F9; height: 26px; padding-left: 4px; padding-right: 15px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #DEDEDE; color: #939598;}
.slide_container.type2 .head button::after {content: ''; background: url(http://img.toto-romance.com/upfile/icon/icon_triangle_bottom.png) no-repeat center center; height: 26px; width: 15px; background-size: 60%; position: absolute; top: 0; right: 0;}
*/
.slide_container.type2 .head select {font-size: 1rem;position: absolute; bottom: 0px; left: 10%; width: 80%; text-align: left; height: 26px; line-height: 26px; padding-left: 4px; padding-right: 15px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #DEDEDE; color: #939598;}
.slide_container.type2 .ebook_list .item {width: 29%;}



@media only screen and (min-width : 320px) and (max-width : 413px) {
	/*.slide_container .ebook_list .cover {width: 82px; height: 121px;}*/
	.slide_container .ebook_list .title {width: 82px;}
}
@media only screen and (min-width : 414px) and (max-width : 499px) {
	.slide_container .ebook_list .cover {width: 95px; height: 140px;}
	.slide_container .ebook_list .title {width: 95px;}
}
@media only screen and (min-width : 700px) and (max-width : 900px) {
	.slide_container .ebook_list .cover {width: 135px; height: 200px;}
	.slide_container .ebook_list .item {width: 30%;}
	.slide_container.type2 .head {width: 15% !important;}
	.slide_container.type2 .ebook_list .item {width: 24% !important;}
}
@media only screen and (min-width : 900px) and (max-width : 1200px) {
	.slide_container .ebook_list .cover {width: 135px; height: 200px;}
	.slide_container .ebook_list .item {width: 29%;}
	.slide_container.type2 .ebook_list .item {width: 26% !important;}
}

/* main new */
@media only screen and (min-width : 320px) and (max-width : 349px) {
}
@media only screen and (min-width : 350px) and (max-width : 384px) {
	.slide_container .ebook_list .bigcover {width: 95px; height: 140px;}
}
@media only screen and (min-width : 385px) and (max-width : 439px) {
	.slide_container .ebook_list .bigcover {width: 110px; height: 160px;}
}
@media only screen and (min-width : 440px) and (max-width : 500px) {
	.slide_container .ebook_list .bigcover {width: 125px; height: 183px;}
}
@media only screen and (min-width : 500px) and (max-width : 550px) {
	.slide_container .ebook_list .bigcover {width: 140px; height: 205px; max-width: 170px; max-height: 250px;}
}
@media only screen and (min-width : 550px) and (max-width : 600px) {
	.slide_container .ebook_list .bigcover {width: 150px; height: 220px; max-width: 170px; max-height: 250px;}
}
@media only screen and (min-width : 600px) and (max-width : 650px) {
	.slide_container .ebook_list .bigcover {width: 160px; height: 235px; max-width: 170px; max-height: 250px;}
}
@media only screen and (min-width : 650px) and (max-width : 700px) {
	.slide_container .ebook_list .bigcover {width: 170px; height: 250px; max-width: 170px; max-height: 250px;}
}
@media only screen and (min-width : 700px){
	.slide_container .ebook_list .bigcover {width: 170px; height: 250px; max-width: 170px; max-height: 250px;}
}

/* keyword style */
#ebookKeywordWrap {color: #6D6E71; font-size: 0;}
#ebookKeywordWrap a {font-size: 1.4rem; background: #FFF; border: 1px solid #DEDEDE; padding: 4px 8px; display: inline-block; margin:5px 5px 0 0;}


/* main */
.main_const {background: #FFF; padding: 15px 10px;  margin-bottom: 7px; position: relative; clear: both;}
.main_const.blank {padding: 0 0 15px;}
.main_const.back {background: #FAF8F9; border-top: 1px solid #DEDEDE;}
.main_const.last {margin-bottom: 0 !important;}

.main_const h1 {font-size: 1.6rem; margin-bottom: 13px; color: #000;}
.main_const h1 strong {color: #551A8B;}
.main_const h1 div {display:inline;}
.main_const h1 div img{height:16px;vertical-align:middle;filter: grayscale(100%);}
.main_const h1 div span{color: #59595B;}
.main_const h1 .on img{ filter:none;}
.main_const h1 .on span{color: #551A8B;}
.main_const h1 button {font-size: 1.2rem; position: absolute; top: 13px; right: 10px;color: #939598; border: 1px solid #DEDEDE; height: 25px; width: 85px; background: #FAF8F9;}
.main_const h1 button::after {content: ''; padding-right: 10px; background: url(http://img.toto-romance.com/upfile/icon/icon_triangle_bottom.png) no-repeat right center; background-size: 90%; margin-left: 5px;}
.main_const h1 .btn_more {float: right; color: #939598; font-weight: normal; font-size: 1.3rem; margin-top: 0.3rem;}
.main_const h1 .btn_more::before {content:''; padding-left: 15px; background: url(http://img.toto-romance.com/upfile/icon/icon_gray_plus.png) no-repeat center 40%; background-size: 60%;}
.main_const h1 .btn_more img {height: 0.7rem; vertical-align: middle;}
.main_const h1 .btn_more span {vertical-align: middle; margin-left: 2px; display: inline-block;}
.main_const h1.keyword {margin-bottom: 5px;}

.main_const .category {height: 30px; height: 30px;}
.main_const .category li {float: left; display: table; height: 100%; width: 33.3%; border: 1px solid #DEDEDE; box-sizing: border-box; border-right: 0;}
.main_const .category li:last-child {border-right: 1px solid #DEDEDE;}
.main_const .category li a {display: table-cell; vertical-align: middle; text-align: center; font-size: 1.4rem;}
.main_const .category li a.on {background: #58595B; border-color: #58595B; color: #FFF;}

.main_const .list_type {}
.main_const .list_type li {border-bottom: 1px solid #E0E0E0; position: relative;}
.main_const .list_type li.more {display: none;}
.main_const .list_type a {display: table; width: 100%; padding: 10px 0; height: 90px; overflow: hidden;} 
.main_const .list_type a > div {display: table-cell; vertical-align: middle;}
.main_const .list_type .number {vertical-align: top !important; width: 45px; font-size: 1.6rem; color: #551A8B; font-weight: 700; padding-top: 15px; text-align: center;}
.main_const .list_type .cover {width: 65px; font-size: 0; position: relative;}
.main_const .list_type .cover img {width: 60px; height: 88px; border: 1px solid #E3E3E3;border-radius: 20px;}
.main_const .list_type .detail {padding-left: 20px; font-size: 1.3rem; color: #939598;}
.main_const .list_type .title {font-size: 1.4rem; font-weight: 700; color: #000;}
.main_const .list_type .escore_area {margin-top: 5px;}
.main_const .list_type .writer {padding: 5px 0;}
.main_const .list_type .cover.half {height: 40px; display: block; float: left;}
.main_const .list_type .update {padding-top: 5px;}
.main_const .list_type .update strong {color: #000; margin-right: 7px;}

.main_const .list_type.type2 a {height: 50px;}
.main_const .list_type.type2 li:nth-child(1) a {padding-top: 0;}
.main_const .list_type.type2 .detail  {width: 100%;}

.main_const .main_rolling {height: 110px; overflow: hidden; width: 100%;}
.main_const .main_rolling .list_type {position: relative; width: 100%; height: auto;}
.main_const .main_rolling .list_type li {height: 110px; box-sizing: border-box;}

.main_const .btn_full {background: #FAF8F9; color: #939598; border: 1px solid #DEDEDE; text-align: center; font-size: 1.3rem; padding: 6px 0;}
.main_const .btn_full span::after {content: ''; padding-right: 10px; background: url(http://img.toto-romance.com/upfile/icon/icon_triangle_bottom.png) no-repeat right center; background-size: 90%; margin-left: 5px;}

.main_const .banner_area {font-size: 0}
.main_const .banner_area li {float: left; width: 50%; box-sizing: border-box;}
.main_const .banner_area img {width: 100%;}

.main_const .theme {border-top: 1px solid #DEDEDE; background: #FAF8F9; overflow: hidden;}
.main_const .theme li {float: left; width: 33.3%;  border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; box-sizing: border-box;}
.main_const .theme a {display: block; text-align: center; font-size: 1.4rem; height: 32px;}
.main_const .theme a.on {background: #551A8B; color: #FFF;}
.main_const .theme a img {height: 26px; margin-top: 3px;}

.main_const .theme.style1 li:nth-child(3n) {border-right: 0;}
.main_const .theme.style2 li {width: 50%;}
.main_const .theme.style2 li:nth-child(2n) {border-right: 0;}
.main_const .theme.style3 li {width: 25%;}
.main_const .theme.style3 li:nth-child(4n) {border-right: 0;}

.main_const .escore_area .count, 
.main_const .escore_area .value {font-size: 1.2rem;}

.main_bookmoney {font-size: 0;}
.main_bookmoney a {display: block; background: #551A8B; height: 45px; text-align: center;}
.main_bookmoney img {height: 35px; margin: 0 auto; margin-top: 5px;}
/*
#mainPubList {position: fixed; background: #FFF; color: #000; border: 1px solid #DEDEDE; width: 80%; height: 60%; top: 20%; left: 10%; z-index: 1001; padding:  0 10px; box-sizing: border-box; display: none;}
#mainPubList > button {position: absolute; width: 50px; height: 50px; right: 0; top: -18%; background: url(http://img.toto-romance.com/upfile/icon/btn_close_wht.png) no-repeat center right; background-size: 80%; z-index: 1002;}
#mainPubList .list_area {display: block; overflow-y: scroll; width: 100%; height: 100%;}
#mainPubList li {position: relative; display: table; width: 100%; height: 35px; font-size: 1.4rem; border-bottom: 1px solid #E0E0E0;}
#mainPubList li:last-child {border: 0;}
#mainPubList li > p {display: table-cell; height: 100%; width: 100%; vertical-align: middle;}
*/

/* ebook list */
.ebook_header {display: table; width: 100%; box-sizing: border-box; padding: 10px 10px 0;}
.ebook_header .title {display: table-cell; vertical-align: middle; height: 35px; border-bottom: 1px solid #DEDEDE; position: relative; font-weight: 700;}
.ebook_header .title select {color: #949599; line-height: normal;}
.ebook_header .title select.sort {position: absolute; right: 0; top: 5px;}
.ebook_header .inner_txt {display: inline-block; vertical-align: middle;}
.ebook_header .btn_area {position: absolute; right: 0; top: 5px; font-size: 0;}
.ebook_header .btn_area button {border: 1px solid #CACBCD; width: 25px; height: 25px; padding: 3px; box-sizing: border-box; margin-left: 6px;}
.ebook_header .btn_area img {width: 100%; height: 100%; -webkit-filter: grayscale(90%); filter: grayscale(90%);}
.ebook_header .btn_area .on {border: 1px solid #551A8B;}
.ebook_header .btn_area .on img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.ebook_header .title.kwd {border-bottom: 0;}

.ebook_conts {padding: 0 10px;}
.ebook_conts.rank .slist_type .title {padding: 0 !important;}

.slist_type {clear: both;}
.slist_type li {padding: 18px 0 23px; border-bottom: 1px solid #E0E0E0; display: table; width: 100%; position: relative;}
.slist_type li > a {display: block; position: relative;}
.slist_type li a > div {display: table-cell; vertical-align: top; /*display: inline-block; */}
.slist_type .number {width: 40px; font-size: 1.8rem; text-align: center; font-weight: 700; letter-spacing: -0.5px; color: #414042;}
.slist_type .cover {width: 75px; font-size: 0; vertical-align: top !important; position: relative;}
.slist_type .cover .inner_cover {display: block; position: relative;overflow: hidden;border-radius: 20px;}
.slist_type .cover img {width: 75px; height: 111px; border: 1px solid #E3E3E3;}
.slist_type .info {padding-left: 15px;}
.slist_type .info.top {vertical-align: top; position: relative; width: 100%;}
.slist_type .info .title {font-weight: 700; font-size: 1.4rem; color: #414042; padding-right: 80px;}
.slist_type .info .label {margin-bottom: 4px; font-size: 0; display: block;}
.slist_type .info .label span {display: inline-block; vertical-align: top; height: 15px; margin-right: 2px;}
.slist_type .info .label img {height: 100%; width: auto;}
.slist_type .info .meta_data {font-size: 1.2rem; color: #939598; margin-top: 4px; display: block;}  
.slist_type .info .meta_data.writer_name {padding-right: 80px;}
.slist_type .info .meta_data .price {font-size: 1.4rem; color: #551A8B; font-weight: 700; margin-left: 5px;}
.slist_type .info .meta_data .sale {color: #C31B28; margin-left: 4px;}
.slist_type .info .meta_data .mileage {color: #59595B; font-weight: 700; margin-left: 5px;}
.slist_type .info .escore_area {margin-top: 5px;}
.slist_type .info .escore_area span {font-size: 1.2rem;}
.slist_type .info .cover.half {height: 40px; display: block; float: left;}
.slist_type .info .p_writer {font-weight: 700; font-size: 0; margin-bottom: 15px;}
.slist_type .info .p_writer > span {display: inline-block; vertical-align: middle;}
.slist_type .info .p_writer .name {color: #414042; font-size: 1.4rem;}
.slist_type .info .p_writer .like_cnt {font-size: 1.2rem; color: #FA8F05;}
.slist_type .info .p_writer img {height: 12px; vertical-align: middle; margin-left: 7px; margin-right: 2px;}
.slist_type .info .p_desc {font-size: 1.3rem; color: #939598; margin-bottom: 4px;}
.slist_type .info .p_desc > span {color: #414042; font-weight: 700; padding-right: 6px;}
.slist_type .btn_star {position: absolute; bottom: 0; left: 15px; font-size: 0;}
.slist_type .btn_star button {font-size: 1.3rem; bacgkround: #FFF; border: 1px solid #C7C8CA; color: #58595B; margin-right: 5px; border-radius: 3px; height: 25px; padding: 0 10px; position: relative;}
.slist_type .btn_star .on {border: 1px solid #551A8B; color: #551A8B;}
.slist_type .btn_star .like::before {content:''; padding-left: 15px; background: url(http://img.toto-romance.com/upfile/icon/icon_heart_gray.png) no-repeat left center; background-size: 13px;}
.slist_type .btn_star .on.like::before {background: url(http://img.toto-romance.com/upfile/icon/icon_heart_violet.png) no-repeat left center; background-size: 13px;}
.slist_type .btn_area {position: absolute; right: 0; top: 18px; width: 80px; z-index: 1;}
.slist_type .btn_area > button {font-size: 1.2rem; width: 80px; height: 26px; display: block; border: 1px solid #551A8B; border-radius: 3px; background: #551A8B; color: #FFF; margin-bottom: 4px;}
.slist_type .btn_area > span {font-size: 1.2rem; width: 80px; line-height: 26px; height: 26px; display: block; border: 1px solid #551A8B; border-radius: 3px; background: #551A8B; color: #FFF; margin-bottom: 4px; text-align: center;}
.slist_type .btn_area .cart {color: #551A8B; background: #FFF;}

/* ebook grid */
.slist_type.grid li {float: left; width: 33.3%; border: 0; display: block; }
.slist_type.grid li a > div {display: block; text-align: center; width: 100%; padding: 0;}
.slist_type.grid .cover {margin: 7px 0 5px;}
.slist_type.grid .cover img {margin: 0 auto;}
.slist_type.grid .info {box-sizing: border-box; padding-left: 8% !important; height: 170px; overflow: hidden;}
.slist_type.grid .info .label,
.slist_type.grid .info .meta_data.publ,
.slist_type.grid .info .m_box,
.slist_type.grid .info .star_value {display: none;}
.slist_type.grid .info .p_box {font-size: 0; margin-top: 5px;}
.slist_type.grid .info .price::after {content:''; font-size: 1.2rem; font-weight: normal;}
.slist_type.grid .info .review {display: block; margin-top: 8px;}
.slist_type.grid .info .cnt {display: block; margin-top: 3px;}
.slist_type.grid .info .rating {display: block; margin: 0 auto;}
.slist_type.grid .info .title {overflow: hidden; font-size: 1.3rem; line-height: 1.4; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}

/* ÀαâÀÛ°¡ */
.slist_type li div.intro_wrap {display: none;}
.intro_wrap {position: fixed; background: #FFF; color: #000; border: 1px solid #DEDEDE; width: 80%; height: 50%; top: 25%; left: 10%; z-index: 1001; box-sizing: border-box;}
.intro_wrap > button {position: absolute; width: 50px; height: 50px; right: 0; top: -22%; background: url(http://img.toto-romance.com/upfile/icon/btn_close_wht.png) no-repeat center right; background-size: 80%; z-index: 1002;}
.intro_wrap > div {padding: 12px; line-height: 1.5; height: 100%; overflow-y: scroll; box-sizing: border-box;}

/* Å°¿öµå */
.keyword_head table {width: 100%; background: #F5F5F5; font-size: 1.3rem;}
.keyword_head table th, .keyword_head table td {border: 1px solid #DEDEDE; border-left: 0; border-right:0;}
.keyword_head table th {color: #551A8B; width: 85px; } 
.keyword_head table td {}
.keyword_head .item_list {padding: 5px 0;}
.keyword_head .item_list .item {display: inline-block; width: auto; color: #58595B; text-align: center; padding: 3px 6px; margin-right: 7px;}
.keyword_head .item_list .on {background: #9A9AA6; color: #FFF; }
.keyword_head .title {margin: 10px;}
.keyword_head .title h2 {font-size: 1.4rem;}
.keyword_head .title .btn_init {float: right; font-weight: normal; color: #949597; font-size: 1.3rem; margin-top: 0.1em; position: relative;}
.keyword_head .title .btn_init::before {content: ''; background: url(http://img.toto-romance.com/upfile/serial/icon/icon_keyword_init.png) no-repeat center center; position: absolute; width: 1.3rem; height: 1.3rem; left: -17px; background-size: 100%; top: 0.1em;}
.keyword_head .selected_area {padding: 0 10px 5px; font-size: 1.3rem;}
.keyword_head .selected_area a {display: inline-block; width: auto; color: #551A8B; background: #ECE9F4; text-align: center; padding: 4px 6px; margin-right: 7px; margin-bottom: 5px; padding-right: 1.5em; position:relative; }
.keyword_head .selected_area a::after {content:''; background: url(http://img.toto-romance.com/upfile/serial/icon/icon_keyword_delete.png) no-repeat center center; width: 1.5em; height: 100%; background-size: 47%; position: absolute; top:0;}

.ebook_conts .keyword_empty {padding: 20px 0;text-align:  center;}
.ebook_conts .keyword_empty img {width: 30%; max-width: 170px;}
.ebook_conts .keyword_empty p {margin-top: 10px; color: #58595B;}

.slist_type.kwd {border-top: 1px solid #E0E0E0;}

.keyword_head li {border-top: 1px solid #DEDEDE; background: #F5F5F5; height: 35px; line-height: 35px;}
.keyword_head li > .head {font-size: 1.3rem; color: #551A8B; font-weight: 700; text-align: center; width: 85px; float: left;}
.keyword_head li:last-child {border-bottom: 1px solid #DEDEDE;}
.slide_container .keyword_list .item {width: auto; padding: 0 5px; text-align: center; position: relative; font-size: 1.3rem;}
.slide_container .keyword_list .on {background: #9A9AA6; color: #FFF;}

#resultWrap .result_count {border-top: 1px solid #E0E0E0; height: 40px; line-height: 40px; font-size: 1.4rem; font-weight: 700;}
#resultWrap .result_count span {color: #FA8F05;}
#resultWrap .result_count select {float: right; margin-top: 7px;}


/* event */
.event_conts {padding: 0 10px; margin-top: 15px;}
.event_conts .event_list li {border: 1px solid #DEDEDE; font-size: 0; margin-bottom: 15px;}
.event_conts .event_list a {display: block;}
.event_conts .event_list .head {background: #FAF8F9; color: #949599; font-size: 1.3rem; padding: 10px; border-bottom: 1px solid #FFF;}
.event_conts .event_list .head .title {color: #000; font-size: 1.45rem; font-weight: 700; margin-bottom: 5px;}
.event_conts .event_list .banner img {width: 100%; height: auto;}

.event_conts.detail {padding:0; margin: 0;}
.event_conts.detail .event_list li {border-right: 0; border-left: 0;}


/* ebook detail */
.ebook_detail {background: #FFF; position: relative;}
.ebook_detail .txt_red {color: #C31B28 !important;}

.ebook_detail .detail_head {padding: 20px 15px; 15px; box-sizing: border-box; border-bottom: 1px solid #DEDEDE; display: table; width: 100%;}
.ebook_detail .detail_head > div {display: table-cell; vertical-align: top;}
.ebook_detail .detail_head button {border-radius: 3px;}
.ebook_detail .detail_head .left_box {width: 95px; height: auto;}
.ebook_detail .detail_head .left_box > div {width: 100%;}

.detail_head .left_box .cover {height: 140px; position: relative; border: 1px solid #E3E3E3; box-sizing: border-box;}
.detail_head .left_box .cover img {width: 100%; height: 100%;}
.detail_head .left_box .btn_area {font-size: 0; text-align: left;}
.detail_head .left_box .btn_prev {display: block; background: #FFF; height: 30px; font-size: 1.3rem; width: 100%; border: 1px solid #551A8B; color: #551A8B; margin: 5px 0;}
.detail_head .left_box .btn_prev::before {content:''; padding-left: 20px; background: url(http://img.toto-romance.com/upfile/icon/icon_detail_prev.jpg) no-repeat left 40%; 
background-size: 14px auto;}
.detail_head .left_box .btn_area .btn_like,
.detail_head .left_box .btn_area .btn_share {font-size: 1.3rem; background: #FFF; border: 1px solid #C7C8CA; color: #59595B; width: 46px; height: 46px;}
.detail_head .left_box .btn_area .btn_share {float: right;}
.detail_head .left_box .btn_area .icon {display: block; height: 15px; background-size: 13px auto; background-position: center 0px; background-repeat: no-repeat; margin-bottom: 1px; font-size: 0;}
.detail_head .left_box .btn_area .on .icon {background-image: url(http://img.toto-romance.com/upfile/icon/icon_heart_red.png);}
.detail_head .left_box .btn_like .icon {background-image: url(http://img.toto-romance.com/upfile/icon/icon_heart_empty.png);} 
.detail_head .left_box .btn_share .icon {background-image: url(http://img.toto-romance.com/upfile/icon/icon_share_social.png);} 

.detail_head .right_box {padding-left: 20px;}
.detail_head .right_box .title {font-size: 1.6rem; color: #000; font-weight: 700;}
.detail_head .right_box .box_top {padding: 0 0 12px; border-bottom: 1px solid #E8E8E8;}
.detail_head .right_box .box_bottom {padding: 5px 0 0;}
.detail_head .right_box .score_table {margin-top: 7px; font-size: 1.3rem;}
.detail_head .right_box p {font-size: 1.4rem; color: #949599; margin-top: 7px;}
.detail_head .right_box .escore_area {margin-top: 7px;}
.detail_head .right_box .makecom, .detail_head .right_box .item {font-size: 0;}
.detail_head .right_box .makecom span {display: inline-block; vertical-align: middle; padding-right: 20px; position: relative; font-size: 1.4rem;}
.detail_head .right_box .makecom span:nth-child(1)::after {content:''; background: #E8E8E8; width: 1px; height: 80%; position: absolute; top: 10%; right: 10px;}
.detail_head .right_box .item span {display: inline-block; vertical-align: text-bottom; position: relative; font-size: 1.4rem; }
.detail_head .right_box .item_head {width: 60px;}
/*
.detail_head .right_box .cancel {text-decoration: line-through;}
.detail_head .right_box .point {color: #414143; font-weight: 700;}
.detail_head .right_box p.mileage {margin-top: 10px;}
.detail_head .right_box .discount {font-weight: 700;}
*/
.detail_head .right_box .box_bottom table {margin-top: 7px;}
.detail_head .right_box .box_bottom th {width: 60px; color: #949599; font-size: 1.4rem; font-weight: normal; text-align: left; vertical-align: middle; height: 25px;}
.detail_head .right_box .box_bottom td {color: #949599; font-size: 1.4rem; vertical-align: middle;}
.detail_head .right_box .box_bottom .price {font-size: 1.6rem !important; font-weight: 700; color: #551A8B;}
.detail_head .right_box .box_bottom .sale_per {color: #C31B28; font-size: 1.2rem;}
.detail_head .right_box .box_bottom .point {color: #414143; font-weight: 700;}
.detail_head .right_box .box_bottom .cancel {text-decoration: line-through; color: #949599;}
.detail_head .right_box .box_bottom .discount {color: #414143;}
.detail_head .right_box .box_bottom .sale {color: #551A8B; line-height: 1.4;}

.ebook_detail .detail_conts {border-bottom: 1px solid #DEDEDE; padding: 15px 10px; position: relative;}

.detail_conts .buy_button_box {height: 35px; width: 100%;}
.detail_conts .buy_button_box li {height: 35px; width: 33.3%; box-sizing: border-box;float: left; padding-right: 5px;}
.detail_conts .buy_button_box li:last-child {padding: 0;}
.detail_conts .buy_button_box button {font-size: 1.4rem; border: 1px solid #551A8B; color: #551A8B; height: 100%; width: 100%; border-radius: 3px; background: #FFF;}
.detail_conts .buy_button_box .btn_buying {background: #551A8B; color: #FFF;}
.detail_conts .buy_button_box .icon {padding-left: 18px; background-size: 100% auto; background-position: left top; background-repeat: no-repeat; margin-right: 2px;}
.detail_conts .buy_button_box .btn_bookmoeny .icon {background-image: url(http://img.toto-romance.com/upfile/icon/icon_detail_bookmoney.jpg);}
.detail_conts .buy_button_box .btn_cart .icon {background-image: url(http://img.toto-romance.com/upfile/icon/icon_detail_cart.jpg);}
.detail_conts .buy_button_box .btn_buying .icon {background-image: url(http://img.toto-romance.com/upfile/icon/icon_detail_buy.jpg);}
.detail_conts .caution_box {margin-top: 15px; background: #F5F5F5; color: #59595B; font-size: 1.3rem; padding: 10px; line-height: 1.4; box-sizing: border-box; border: 1px solid #DEDEDE;}
.detail_conts .caution_box p {position: relative; padding-left: 15px; margin-bottom: 3px;}
.detail_conts .caution_box p:last-child {margin: 0;}
.detail_conts .caution_box p::before {content: '¡Ø'; position: absolute; left: 0;}

.detail_conts .sub_title {font-size: 1.5rem !important; color: #000 !important;}
.detail_conts .sub_title .desc {font-size: 1.2rem; color: #949599; font-weight: normal;}
.detail_conts .sub_title .desc strong {color: #551A8B; font-weight: 700;}

.detail_conts .event_box li {display: table; width: 100%; height: 32px; border-bottom: 1px solid #E0E0E0;}
.detail_conts .event_box li:last-child {border: 0;}
.detail_conts .event_box h1 {display: table-cell; vertical-align: middle;}
.detail_conts .event_box a {display: table-cell; vertical-align: middle; padding-left: 15px; color: #59595B; position: relative; font-size: 1.3rem;}
.detail_conts .event_box a::before {content: ''; position: absolute; width: 2px; height: 2px; background: #59595B; top: 15px;
left: 4px;}

.detail_conts.keyword {background: #F5F5F5;}
.detail_conts.keyword > div {font-size: 0; margin-top: 5px;}
.detail_conts.keyword > div a {display: inline-block; font-size: 1.3rem; color: #59595B; background: #FFF; border: 1px solid #DEDEDE; margin-right: 7px; margin-top: 5px; padding: 5px 10px;}

.detail_conts .series_list {margin: 10px 0;}
.detail_conts .series_list li {display: table; width: 100%; font-size: 1.3rem; padding: 0 5px; box-sizing: border-box;}
.detail_conts .series_list li > div {display: table-cell; height: 35px; vertical-align: middle;}
.detail_conts .series_list .header {background: #F5F5F5; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}
.detail_conts .series_list .header .chk_area {width: auto;}
.detail_conts .series_list .item {border-bottom: 1px solid #E0E0E0;}
.detail_conts .series_list .chk_area {width: 23px;}
.detail_conts .series_list .ebook {text-align: left;}
.detail_conts .series_list .price {width: 70px; color: #551A8B; text-align: right; font-weight: 700;}
.detail_conts .series_button {height: 35px;}
.detail_conts .series_button button {font-size: 1.4rem; border: 1px solid #551A8B; color: #551A8B; height: 100%; width: 49%; border-radius: 3px; background: #FFF;}
.detail_conts .series_button .btn_buying {background: #551A8B; color: #FFF; float: right;}
.detail_conts .series_button .icon {padding-left: 18px; background-size: 100% auto; background-position: left top; background-repeat: no-repeat; margin-right: 2px;}
.detail_conts .series_button .btn_cart .icon {background-image: url(http://img.toto-romance.com/upfile/icon/icon_detail_cart.jpg);}
.detail_conts .series_button .btn_buying .icon {background-image: url(http://img.toto-romance.com/upfile/icon/icon_detail_buy.jpg);}

.detail_conts .writer_books {margin-top: 20px; overflow: hidden;}
.detail_conts .writer_books h1 {margin-bottom: 10px;}
.detail_conts .work_container {margin-bottom: 20px;}
.work_container .item {width: 25%; display: inline-block; text-align: center; float: left;}
.work_container .item .cover {width: 70px; height: 103px; position: relative; margin: 0 auto; margin-bottom: 4px;overflow: hidden;border-radius: 20px;}
.work_container .item img {width: 100%; height: 100%;}
.work_container .item p {font-size: 1.2rem;}
.work_container .swiper-pagination-bullet-active {width: 20px; border-radius: 15px; background: #551A8B;}
.work_container .swiper-pagination-bullet {margin: 0 3px !important;}

.detail_conts.intro {background: #F5F5F5;}
.detail_conts.intro .ebook_info {margin-top: 10px; overflow: hidden; height: 15.5rem; line-height: 2.5rem; position: relative; font-size: 1.4rem;}
.detail_conts.intro .ebook_info::after {position: absolute; content: ''; display: block; bottom:0; left: 0; width: 100%; height: 6rem; 
background: linear-gradient( to bottom, rgba(245, 245, 245, 0), #F5F5F5 );}
.detail_conts.intro .ebook_info img {width: 100%; height: auto;}
.detail_conts.intro .ebook_info.on {height: auto;}
.detail_conts.intro .ebook_info.on::after {content: none; display: none;}
.detail_conts.intro .ebook_info div {background: #F5F5F5 !important;}
.detail_conts.intro .btn_info_more {width: 100%; height: 30px; font-size: 13px; background: #FFF; color: #949599; border: 1px solid #DEDEDE;}
.detail_conts.intro .btn_info_more::after {content:''; width: 20px; height: 30px; display: inline-block; vertical-align: middle; background: url(http://img.toto-romance.com/upfile/icon/icon_triangle_bottom.png) no-repeat right 8px; background-size: 12px auto;}

.detail_conts .intro_area {margin-top: 30px;}
.detail_conts .intro_area button {font-size: 1.2rem; height: 25px; border: 1px solid #DEDEDE; background: #FFF; border-radius: 3px; padding: 0 10px; margin-left: 13px; color: #59595B;}
.detail_conts .intro_area button::before {content:''; padding-left: 10px; background-position: center center; background-repeat: no-repeat; background-image: url(http://img.toto-romance.com/upfile/icon/icon_heart_empty.png); background-size: 100% auto; margin-right: 2px; }
.detail_conts .intro_area button.on {color: #551A8B; border-color: #551A8B;}
.detail_conts .intro_area button.on::before {background-image:  url(http://img.toto-romance.com/upfile/icon/icon_heart_e_violet.png);}
.detail_conts .writer_info {margin-top: 5px; font-size: 1.4rem; line-height: 2.5rem; height: auto; }

.detail_conts.form {border-bottom: 0;}
.detail_conts .review_form {margin-top: 10px; font-size: 0;}
.detail_conts .review_form dl {font-size: 15px; margin: 7px 0; width: 280px; color: #949599;}
.detail_conts .review_form dt {border: 1px solid #C7C8CA; display: table; width: 100%; height: 25px; padding-left: 5px; position: relative; box-sizing: border-box;}
.detail_conts .review_form dt > span {display: table-cell; vertical-align: middle; height: 30px;}
.detail_conts .review_form .arrow {position: absolute; height: 20px; width: 16px; right: 5px; top: 3px;}
.detail_conts .review_form dd {display: none; position: absolute; background: #FFF; border: 1px solid #C7C8CA; width: 280px; box-sizing: border-box; border-top: 0; padding-left: 5px; z-index: 10;}
.detail_conts .review_form label {display: block; position: relative;}
.detail_conts .review_form label input {position: absolute; top: 0; width: 0px; height: 0px; z-index: -1; opacity: 0;}
.detail_conts .review_form label > span {display: table-cell; vertical-align: middle; height: 30px;}
.detail_conts .review_form label .score {padding-right: 7px;}

.detail_conts .review_form textarea {border: 1px solid #C7C8CA; width: 100%; height: 15rem; box-sizing: border-box; padding: 5px; font-size: 15px;  }
.detail_conts .review_form textarea::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder   {color: #949599;}
.detail_conts .review_form .btn_review_submit {margin-top: 7px; height: 40px; color: #FFF; background: #858587; font-size: 1.4rem; width: 100%; border-radius: 3px; text-align: center;}

.detail_conts.list {border-bottom: 0; padding-top: 0;}
.detail_conts .review_sort {color: #949599; text-align: right; border-bottom: 1px solid #E0E0E0; padding: 5px 0;}
.detail_conts .review_sort input[name=reply_sort] {width: 1px; height: 1px; position: absolute; z-index: -1; opacity: 0;}
.detail_conts .review_sort label {margin-left: 10px; font-size: 1.4rem; display: inline-block;}
.detail_conts .review_sort .on {color: #59595B; font-weight: 700;}
.detail_conts .review_list li {border-bottom: 1px solid #E0E0E0; padding: 10px 0;}
.detail_conts .review_list .police {color: #949599; padding-bottom: 6px; font-size: 1.4rem;}
.detail_conts .review_list .txt {font-size: 1.5rem; padding: 6px 0; line-height: 1.3;}
.detail_conts .review_list .bottom {font-size: 0;}
.detail_conts .review_list .bottom span {font-size: 1.3rem; color: #949599; position: relative;}
.detail_conts .review_list .btn_delete, .detail_conts .review_list .btn_report {padding-left: 20px;}
.detail_conts .review_list .btn_delete::after,
.detail_conts .review_list .btn_report::after {content:''; background: #E0E0E0; position: absolute; width: 1px; height: 70%; top: 10%; left: 10px;} 
.detail_conts .review_list .empty {padding: 15px 0;}
.detail_conts .review_list .admin {font-size: 0; margin-top: 10px; color: #949599; background: #faf8f9;}
.detail_conts .review_list .admin a {margin-right: 15px; position: relative; font-size: 1.3rem;}
.detail_conts .review_list .admin a::after {content:''; background: #E8E8E8; width: 1px; height: 80%; position: absolute; top: 10%; right: -8px;}


/* ebook preview */
.ebook_header .title .prev {color: #551A8B; padding-right: 15px;}
.ebook_prev_area {padding: 30px 25px; line-height: 2; font-size: 2.0rem !important;}
.ebook_prev_area font {font-size: 2.0rem !important;}
.ebook_prev_area .cover {height: auto; text-align: center; margin: 0 auto; font-size: 0;}
.ebook_prev_area .cover img {width: 70%; height: auto;}
.ebook_prev_area .bottom {text-align: right; font-size: 1.4rem; color: #949599;}
.ebook_prev_area .bottom p {margin: 5px 0 20px;}
.ebook_prev_area .bottom button {background: #551A8B; color: #FFF; border-radius: 3px; height: 40px; text-align: center; font-size: 1.4rem; width: 100%;}
#coverExtend {position: fixed !important; z-index: 1001; width: 250px; height: 368px; top: 50%; left: 50%; display: none; margin-top: -184px; margin-left: -125px;}
#coverExtend img {width: 100%; height: auto;}
#coverExtend button {position: absolute; width: 50px; height: 50px; right: 0; top: -55px; background: url(http://img.toto-romance.com/upfile/icon/btn_close_wht.png) no-repeat center right; background-size: 80%; z-index: 1002;}

/* adult chk */
.detail_contents.adult_chk {padding: 15px; padding-bottom: 50px;}
.detail_contents.adult_chk table {font-size: 1.4rem; line-height: 1.4;}
.detail_contents.adult_chk .notice {margin: 10px 0; font-size: 1.6rem; line-height: 2rem;}
.detail_contents.adult_chk .notice img {width: 85px; height: auto;}
.detail_contents.adult_chk .notice .icon_adult {vertical-align: top;}
.detail_contents.adult_chk .notice .desc {font-size: 1.3rem; margin: 10px 5px; padding: 5px; background: #EEE;}
.detail_contents.adult_chk .notice .desc li {position: relative; text-indent: 6px;}
.detail_contents.adult_chk .notice .desc li::before {content: ''; font-weight: bold; background: url(../images/icon/blet_mini_square.gif) no-repeat center center; position: absolute; left: 0; width: 3px; height: 3px; margin-top: 0.6em;}
.detail_contents.adult_chk .btn_area {margin-top: 20px; text-align: center; width: 100%; box-sizing: border-box;}
.detail_contents.adult_chk .btn_area a {padding: 10px 0; width: 100%; border: 1px solid #595959; color: #000; font-weight: bold; box-sizing: border-box; display: block; margin-bottom: 10px;}
.detail_contents.adult_chk .certif_back {display: block; text-align: center; padding: 10px 0; font-weight: bold; background: #EEE; border: 1px solid #CCC; color: #595959;}




/* °áÁ¦ */
.order_conts {padding: 25px 0 0;}
.order_conts .mileage {color: #949599;}
.order_conts .discount {color: #C31B28;}

.order_conts h1 {font-weight: 700; font-size: 1.5rem;  padding-bottom: 5px;}
.order_conts .payment_tbl {padding: 0 10px;}
.order_conts .payment_tbl h1 {border-bottom: 1px solid #999A9E;}
.order_conts .payment_tbl table {width: 100%; font-size: 1.3rem; text-align: right;}
.order_conts .payment_tbl th {font-weight: normal; background: #FAF8F9; padding: 10px 0; border-bottom: 1px solid #EBEBEB;}
.order_conts .payment_tbl td {padding: 10px 0; border-bottom: 1px solid #EBEBEB;}
.order_conts .payment_tbl .title {text-align: left;}
.order_conts .payment_tbl .price {width: 24%;}
.order_conts .payment_tbl .mileage {width: 17%; padding-right: 5px;}
.order_conts .payment_tbl th.title {text-align: center;}
.order_conts .payment_tbl th.mileage {color: #000;}
.order_conts .payment_tbl .discount {font-size: 1.2rem; margin-top: 2px;}

.order_conts .info_area {margin: 25px 0; padding: 0 10px;}
.order_conts .order_total {border: 1px solid #551A8B;}
.order_conts .order_total ul {}
.order_conts .order_total li {border-top: 1px solid #EBEBEB; display: table; width: 100%;}
.order_conts .order_total strong, .order_conts .order_total span {display: table-cell; vertical-align: middle; height: 32px; font-weight: normal; font-size: 1.4rem;}
.order_conts .order_total strong {width: 70%; padding-left: 10px; }
.order_conts .order_total span {width: 30%; text-align: right; padding-right: 10px;}
.order_conts .order_total li.price_area {border:0; background: #F3F2F8; padding: 10px 0; text-align: center;}
.order_conts .order_total b {font-size: 1.6rem; color: #551A8B; padding-left: 7px; padding-right: 2px;}
.order_conts .notice {color: #949599; font-size: 1.3rem; line-height: 1.5; margin-top: 10px; padding-left: 18px; position: relative;}
.order_conts .notice::before {content:'¡Ø'; position: absolute; left: 0; top: 0;}
.order_conts .notice strong {color: #FA8F05;}

.info_area .app_button {margin-top:30px;text-align:center;}
.info_area .app_button > div {height: 40px;}
.info_area .app_button ul {font-size: 1.4rem; width: 100%; letter-spacing: -1px; font-weight: 650;}
.info_area .app_button li {background:#FFF; width:48%;display: inline-block; height:40px; line-height:40px; border-radius:5px; color: #551A8B; border: 1px solid #551A8B;}
.info_area .app_button li:nth-child(2) {background: #551A8B; margin-left: 1%; color: #FFF; }

.order_conts .payment_opt {background: #FAF8F9; padding: 25px 10px; border-top: 1px solid #DEDEDE;}
.order_conts .payment_opt .option li {display: inline-block; position: relative; width: 50%; height:50px; box-sizing: border-box; float: left; padding-right: 10px; padding-bottom: 10px;}
.order_conts .payment_opt .option li:nth-child(2n){padding-right:0; padding-left: 10px;}
.order_conts .payment_opt .option label {display: block; padding: 10px 0; background:#FFF; font-size: 1.4rem; border: 1px solid #DEDEDE; text-align: center; color: #000;}
.order_conts .payment_opt .option .on {border: 1px solid #551A8B; color: #551A8B;}
.order_conts .payment_opt .option .hide {position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: -1; opacity: 0;}
.order_conts .payment_opt br {clear: both;}

.order_conts .payment_opt .my_info {clear: both; background: #FFF; border: 1px solid #551A8B; margin-top: 10px;}
.order_conts .payment_opt .my_info li {display: table; border-bottom: 1px solid #EBEBEB;width: 100%;}
.order_conts .payment_opt .my_info li:last-child {border: 0;}
.order_conts .payment_opt .my_info span {display: table-cell; height: 30px; vertical-align: middle; font-size: 1.3rem;}
.order_conts .payment_opt .my_info img {height: 18px; height: 18px;}
.order_conts .payment_opt .my_info .icon {width: 20px; font-size: 0; text-align: left; padding: 0 10px 0 15px;}
.order_conts .payment_opt .my_info .money {text-align: right; padding-right: 15px; font-weight: 700;}


.order_conts .order_frm_submit {padding: 0 10px 30px; background: #FAF8F9;}
.order_conts .order_frm_submit button {width: 48%; background: #551A8B; border-radius: 3px; height: 35px; text-align: center; border: 1px solid #551A8B;}
.order_conts .order_frm_submit .order_cancel {background: #FFF; float: right;}
.order_conts .order_frm_submit img {height: 25px;} 

.order_conts .payment_selbox {color: #414143; font-size: 1.4rem; line-height: 1.5; margin-top: 20px; padding-left: 18px; position: relative;}
.order_conts .payment_selbox::before {content:'¡Ø'; position: absolute; left: 0; top: 0;}
.order_conts .payment_selbox strong {color: #FA8F05;}
.order_conts .payment_selbox > div {display: none;}
.order_conts .payment_selbox .msg_defualt {display: block;}
.order_conts .payment_selbox ul {margin-top: 10px; font-size: 1.4rem;}
.order_conts .payment_selbox li {border-bottom: 1px solid #EBEBEB; display: table; width: 100%;}
.order_conts .payment_selbox li > strong {color: #414143; font-weight: normal; display: table-cell; vertical-align: middle; width: 30%;}
.order_conts .payment_selbox li > div {display: table-cell; vertical-align: middle; padding: 5px 0;}
.order_conts .payment_selbox li p {margin-top: 4px; font-size: 1.3rem;}
.order_conts .payment_selbox div > br {height: 15px; width: 100%; display: block; content: '';}
.order_conts .payment_selbox .select_box {display: inline-block; font-size: 0; background: #FFF; width: 100%;}
.order_conts .payment_selbox select {width: 100%;}
.order_conts .payment_selbox input[type=text] {width: 100%; padding-left: 5px; box-sizing: border-box;}

.order_conts .payment_selbox .voucherKinds1 {display: block; margin: 5px 0;}
.order_conts .payment_selbox .voucherKinds1 > span {width: 25%; background: #FFF; display: inline-block;}
.order_conts .payment_selbox .voucherKinds1 input {width: 25%;}
.order_conts .payment_selbox .voucherKinds2 {display: none; margin: 5px 0;}

.order_conts .payment_selbox input[name="OD_TotalBookMoneyUse"] {width: 50%;}
.order_conts .payment_selbox .money {color: #FA8F05; font-weight: 600;}

/* Ãßõµµ¼­ */
#recommEbooksLoad {overflow: hidden; padding: 15px 0;position: relative;background: #FCFCFE;border-bottom: 1px solid #DEDEDE;border-top: 1px solid #DEDEDE;}
#recommEbooksLoad h1 {color: #414143; font-size: 1.6rem; padding: 0 15px 10px;}
#recommEbooksLoad h1 strong {margin: 0 2px; color: #551A8B;}

#recommEbooksLoad .work_container {margin-bottom: 20px; max-height: 140px;}
#recommEbooksLoad .work_container .item {width: 25%; display: inline-block; text-align: center; float: left;}
#recommEbooksLoad .work_container .item .cover {width: 70px; height: 103px; position: relative; margin: 0 auto; margin-bottom: 4px;}
#recommEbooksLoad .work_container .cover > img {width: 100%; height: 100%;}
#recommEbooksLoad .work_container .item p {font-size: 1.2rem; width: 70px; text-align: left; margin: 0 auto;}
#recommEbooksLoad .work_container .swiper-pagination-bullet-active {width: 20px; border-radius: 15px; background: #551A8B;}
#recommEbooksLoad .work_container .swiper-pagination-bullet {margin: 0 3px !important;}

@media only screen and (min-width : 0px) and (max-width : 359px) {
	#recommEbooksLoad .work_container .item .cover {width: 60px; height: 88px;}
	#recommEbooksLoad .work_container .item p {width: 60px;}
}
@media only screen and (min-width : 599px) and (max-width : 1200px) {
	#recommEbooksLoad .work_container .item .cover {width: 95px; height: 140px;}
	#recommEbooksLoad .work_container .item p {width: 95px; font-size: 1.3rem;}
}