body {}div.based{position:relative;}div.leftPos{position: absolute;top: 0%;left: -12%;z-index: 1;}div.rightPos{position: absolute;width: 18vw;top: 0%;left: 70%;}div.rightPos2{position: absolute;top: 12%;left: 95%;}div.large-circle{width: 30vw;height: 30vw;border-radius: 50%;border-width: 5em !important;}div.small-circle{width: 15vw;height: 15vw;border-radius: 50%;border-width: 2.5em !important;}.iconSize2x{font-size: 130%;}.iconSize3x{font-size: 130%;}.width4c{display: inline-block;width: 4em;}.h7{}.h8{font-size: 0.5rem;}.display-7{font-size: 1.5rem;}.display-8{font-size: 1.2rem;}.display-9{font-size: 1.0rem;}span.top {vertical-align: text-top;display: inline;}span.middle {vertical-align: text-middle;display: inline;}.fs-7{font-size: 0.8rem;}.fs-8{font-size: 0.6rem;}img.logoStyle{image-rendering: -webkit-optimize-contrast;mix-blend-mode: multiply;max-height: 100px;}img.logoStyleLg{max-height: 100px;}img.iconStyle{image-rendering: -webkit-optimize-contrast;height: 45px;}img.iconStyleSmall{image-rendering: -webkit-optimize-contrast;height: 30px;}img.iconStyleTiny{image-rendering: -webkit-optimize-contrast;height: 20px;}img.iconStyleMin{image-rendering: -webkit-optimize-contrast;height: 18px;}img.shelfStylePickup{image-rendering: -webkit-optimize-contrast;object-fit: contain;max-height: 180px;}img.shelfStyle{image-rendering: -webkit-optimize-contrast;object-fit: contain;max-height: 150px;}img.bookStyle{image-rendering: -webkit-optimize-contrast;object-fit: contain;cursor: pointer;}img.fixWidth{width:100%;}img.serStyle{image-rendering: -webkit-optimize-contrast;object-fit: contain;max-height: 200px;width: 100%;}img.userStyle{image-rendering: -webkit-optimize-contrast;object-fit: contain;max-height: 150px;width: 100%;}img.landingStyle{object-fit: contain;max-height: 400px;}.icon-img {cursor: pointer;}.icon-img img {transition: transform 1s ease;}.icon-img:hover img {transform: scale(2.2);}hr.light{background-color: #c0c0c0;}hr.deep{background-color: #000000;}.bg-base{background-color: #f6f6f6;}.bg-main{background-color: #f9f9f9;}.bg-sub{background-color: #dddddd;}.bg-footer{background-color: #343A40;}.bg-disabled{background-color: #cccccc;}.bg-odd{background-color: #f9f9f9;}.bg-even{background-color: #eeeeee;}.letter_color_main{color: #14171a;}.letter_color_err{color: red;}.border-outline-button{border-color: #dfdfdf;border-width: 2px;}.border-outline-button-login{border-color: #dfdfdf;border-width: 0.5px;width: 250px;}.error_color{background-color: #ebd9d9;}.hashtagstyle{background-color: #f0f0f0;border-color: #bfbfbf;border-style: solid;border-width: 0.15em;}a{text-decoration: none;}.linkliststyle{height: 120x;}.amazonlinkbg{background-color: #FDE298;}div.shelfCard{}div.shelfCardImageArea{height: 200px;}div.shelfCardTrArea{height: 48px;}div.shelfBackImg{background-image:url(/assets/bookshelf-frame-top.png),url(/assets/bookshelf-frame-bottom.png),url(/assets/bookshelf-frame-left.png),url(/assets/bookshelf-frame-right.png),url(/assets/bookshelf-back.png);background-position:top,bottom,left,right,center;background-repeat: repeat-x,repeat-x,repeat-y,repeat-y,repeat;}div.shelfBackImgSeq{background-image:url(/assets/bookshelf-frame-top.png),url(/assets/bookshelf-frame-bottom.png),url(/assets/bookshelf-frame-left.png),url(/assets/bookshelf-frame-right.png),url(/assets/bookshelf-back-seq.png);background-position:top,bottom,left,right,center;background-repeat: repeat-x,repeat-x,repeat-y,repeat-y,repeat;}div.shelfFrame{border-bottom: 15px solid transparent;border-image-source: url(/assets/bookshelf-board.png);border-image-slice: 33%;border-image-repeat: stretch;}div.card-img-overlay{cursor: pointer;}.lh-w{line-height: 2.2;}.mes-line-height-widthx{line-height: 1.5;}.mes-font-styles{color: #050505;}.bookTrStyle{font-size: 0.8rem;color: black;}.star5_rating{position: relative;z-index: 0;display: inline-block;white-space: nowrap;color: #CCCCCC;}.star5_rating:before, .star5_rating:after{content: '★★★★★';}.star5_rating:after{position: absolute;z-index: 1;top: 0;left: 0;overflow: hidden;white-space: nowrap;color: #ffcf32;}.star5_rating[data-rate="5"]:after{ width: 100%; }.star5_rating[data-rate="4.5"]:after{ width: 90%; }.star5_rating[data-rate="4"]:after{ width: 80%; }.star5_rating[data-rate="3.5"]:after{ width: 70%; }.star5_rating[data-rate="3"]:after{ width: 60%; }.star5_rating[data-rate="2.5"]:after{ width: 50%; }.star5_rating[data-rate="2"]:after{ width: 40%; }.star5_rating[data-rate="1.5"]:after{ width: 30%; }.star5_rating[data-rate="1"]:after{ width: 20%; }.star5_rating[data-rate="0.5"]:after{ width: 10%; }.star5_rating[data-rate="0"]:after{ width: 0%; }.rounded-pill-start{border-top-left-radius:25px;border-bottom-left-radius:25px;}.rounded-pill-end{border-top-right-radius:25px;border-bottom-right-radius:25px;}.rounder {border-radius:25px;}span.headerBase {position: relative;padding-top:25px;border-bottom: solid;}.headerBase span {position: relative;z-index: 2;}span.headerBase::before {content: attr(data-en);position: absolute;top: 0px;left: 0;color: #dddcdc;font-size: calc(1.275rem + .1vw);z-index: 1;}.hdBox{position:relative;}.hdBox .box-title {position:absolute;top: -10px;left: 5px;}.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1),.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {color: red;}.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {color: blue;}.hidden{visibility: hidden;}.zbox {position: relative;margin: 2em 0;}.zbox .box-title {position: absolute;display: inline-block;top: -13px;left: 10px;padding: 0 9px;line-height: 1;background: #FFF; */font-weight: bold;}.zbox p {margin: 0;padding: 0;}.zbox .box-titleL {position: absolute;display: inline-block;top: -18px;left: 10px;padding: 0 9px;line-height: 1;}.shiftLeft {position: absolute;top: 50%;left: 50%;font-size: 0.8rem;transform: translate(-50%,-50%);}.animation{animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 1s;}.keyframe{animation-name: anim_s;transform: rotate(10deg);animation-duration: 2s;}@keyframes anim_s {50% {transform: rotate(-10deg);}100% {transform: rotate(10deg);}}.seq-img{filter: brightness(0.7);}div.hangBase{position: relative;}img.hangImage{position: absolute;right: 80px;bottom: -30px;width: 100px;}.linkedbutton{}.linkedbutton:hover {text-decoration: none;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);transition: box-shadow 0.2s ease;}