.intro{border-radius:3px;padding:10px}.intro .section{margin:10px 0 0 0;padding:0;display:flex;align-items:stretch;height:100%}.intro .section:first-child{margin-top:0}.intro .section.satori{border:solid 1px #e18c33}.intro .section.bunsuke{border:solid 1px #b1b0b5}.intro .section.kanshudo{border:solid 1px #d05891}.intro .section.kanekoindex{border:solid 1px #e6c38b}.intro .section .intro-image{flex-basis:20%;max-width:200px}.intro .section .intro-image.satori{background-color:#f29837}.intro .section .intro-image.bunsuke{background-color:#f8f6fc}.intro .section .intro-image.kanshudo{background-color:#F4E2EB}.intro .section .intro-image.kaneko{display:flex;align-items:center;background-color:#fbe4bf}.intro .section .intro-image img{width:100%}.intro .section .intro-text{flex-basis:80%;padding:20px;background-color:white}@media only screen and (max-width: 889px){.intro .section .intro-text{padding:10px;line-height:20px;font-size:16px}}.rdg_notlive{position:absolute;color:white;background-color:#428bca;width:100%;text-align:center;top:20px;left:0;z-index:2}.rdg_container{width:100%;display:grid;background-color:#eaeaea;grid-row-gap:20px;grid-column-gap:10px;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr))}.rdg_container .rdg,.rdg_container .rdg_noimage{background:white;position:relative}.rdg_container .rdg:hover,.rdg_container .rdg_noimage:hover{cursor:pointer}.rdg_container .rdg .rdg_image,.rdg_container .rdg_noimage .rdg_image{position:absolute;top:0;left:0;z-index:1;width:100%}.rdg_container .rdg .rdg_image img,.rdg_container .rdg_noimage .rdg_image img{width:100%}.rdg_container .rdg .rdg_title,.rdg_container .rdg_noimage .rdg_title{padding:10px;color:#504e4e;font-weight:500}.rdg_container .rdg .rdg_title .f_container,.rdg_container .rdg_noimage .rdg_title .f_container{line-height:20px}.rdg_container .rdg .rdg_title .furigana,.rdg_container .rdg_noimage .rdg_title .furigana{font-size:11px;line-height:6px}.rdg_container .rdg .rdg_flag,.rdg_container .rdg_noimage .rdg_flag{background-color:#ec1d29;color:white;position:absolute;top:0;right:0;z-index:2;line-height:20px;height:18px;padding:0 3px}.rdg_container .rdg .rdg_status,.rdg_container .rdg_noimage .rdg_status{position:absolute;right:2px;bottom:0;color:#888787;font-size:15px}.rdg_container .rdg:before{content:"";display:block;height:0;width:0;padding-bottom:calc(9/16 * 100%)}.readingintro-body{padding:15px;display:block;border:solid 1px #d3d3d3;border-radius:5px;background-color:#fafafa}@media only screen and (min-width: 500px){.readingintro-body{display:flex}}.readingintro-body .furigana{font-size:11px;line-height:8px}.readingintro-head{padding:15px;border:solid 1px gray;border-radius:5px;background-color:#ededed}.readingintro-image{flex-basis:150px;flex-shrink:0}.readingintro-image img{width:100%}h4{width:104%;margin-left:-2%;color:#12156b;background-color:#dedff9;border-radius:3px;font-weight:bold;padding:5px 10px 2px}.r_details{padding:20px;background-color:#f3ecec;border:solid 1px #f1dcdc;border-radius:5px;display:none}.r_title{font-weight:bold;font-size:24px;margin-bottom:6px}.r_title_en{font-size:24px;margin-bottom:6px}.r_image{float:right;margin-right:20px;margin-top:10px}#r_extract,.r_source,.r_sentences,.r_level,.r_genre{color:darkgray;font-size:16px}.rsubtitle{clear:both;font-weight:bold;padding-top:20px;margin-bottom:10px}#successMessage{position:absolute;z-index:1000;background:#dfd;border:2px solid #333;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);-webkit-box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);padding:20px;display:none;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;left:0;top:-500px;width:500px;height:200px}.hide{display:block;position:absolute;top:6px;right:5px;color:black;height:30px;width:35px;font-size:30px;text-decoration:none;text-align:center;font-weight:bold;cursor:pointer}#finished{display:none;color:#9F6000;background-color:#FEEFB3;border:solid 1px #9F6000;border-radius:4px;padding:10px;z-index:1000;box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8)}.rc-outer{margin-top:20px;box-shadow:0px 0px 32px -5px rgba(0,0,0,0.47);padding:3px}.rc-outer .reading-container.partial{overflow-y:auto;max-height:42vh}.reading{box-sizing:border-box}.rg-status{font-style:italic;display:inline-block}@media only screen and (max-width: 889px){.rg-status{font-size:16px;line-height:20px}}.reading-nav{text-align:center}@media only screen and (min-width: 890px){.reading-nav{float:right;width:30px}}.reading-nav div{display:inline-block}.switchreading{display:flex;width:100%;justify-content:space-around}.switchreading .citem{border:solid 1px #b71a5d;border-radius:3px;padding:5px;flex-basis:calc(20% - 4px);flex-grow:1;text-align:center;margin:2px;transition:all 0.2s;background-color:#e7448a;color:white;font-size:14px;line-height:18px}.switchreading .citem .show-med-big{display:none}@media only screen and (min-width: 500px){.switchreading .citem .show-med-big{display:inline-block}}@media only screen and (min-width: 500px){.switchreading .citem{font-size:16px;line-height:22px}}.switchreading .citem a{display:block;width:100%;height:100%;color:white}.switchreading .citem a:hover,.switchreading .citem a:focus,.switchreading .citem a:visited,.switchreading .citem a:active{border-bottom-color:transparent}.switchreading .citem a:hover{color:white}.switchreading .citem:hover,.switchreading .citem:visited,.switchreading .citem:active{cursor:pointer;background-color:#3d1121;border-color:#3d1121}.switchreading .citem.selected{background-color:#f3d3e1;color:#b71a5d;border-color:#f3acca}.switchreading .citem.unavailable{border-color:#616161;background-color:#858585;cursor:default}.switchreading .citem.half{flex:0.5}.dropDowns{max-width:90%;font-size:15px;margin:6px}.btn-active{padding:1px 3px;color:#e7448a;border:solid 1px transparent;border-radius:2px;transition:all 0.2s}.btn-active:hover{background-color:#e7448a;color:white}.btn-inactive{padding:1px 3px;color:#FBDDEA;border:solid 1px transparent;border-radius:2px}.btn-box{padding:1px 3px;color:#e7448a;border:solid 1px #e7448a;border-radius:2px}.tat-rdg{border:solid 1px #ffea00;padding:10px;border-radius:5px;background-color:#ffff8d}.tatvoc-bare,.tatvoc-stop{margin-right:10px}.tat{border:solid 1px;padding:5px;line-height:40px;border-radius:2px}.tat:hover{border-color:#FFB300;cursor:pointer}.tat_inactive{background-color:#f9ecce;border-color:#f9ecce}.tat_active{border-color:#ffea00;background-color:#ffff8d;box-shadow:0 0 13px -6px #fdaa04}.tat_read{border-color:#d5eea6;background-color:#d5eea6}.detail{padding:0}@media only screen and (min-width: 500px){.detail{padding:20px}}.tatjpn{line-height:30px}.r_ctr{border:solid 1px #b71a5d;border-radius:3px;padding:10px;background-color:#e7448a;color:white;transition:all 0.2s}.r_ctr:hover{cursor:pointer}.r_blocktitle{display:flex;justify-content:space-between}.r_icon{display:flex;align-items:center;font-size:26px}.r_click{color:white;font-size:14px;font-style:italic}.r_quick{display:none;background-color:#f3d3e1;color:#b71a5d;border-radius:3px;position:relative;padding:10px}.m_ctr{border:solid 1px #216974;border-radius:3px;padding:10px;background-color:#00a1b9;color:white;transition:all 0.2s}.m_ctr:hover{cursor:pointer}.m_blocktitle{display:flex;justify-content:space-between}.m_icon{display:flex;align-items:center;font-size:30px}.m_click{color:white;font-size:14px;font-style:italic}.m_quick{display:none;background-color:#d0e5e8;color:#216974;border-radius:3px;position:relative;padding:10px}@media only screen and (min-width: 500px){.player_rc_ctr{display:flex;justify-content:center}}.player_rc_ctr .rc-outer{margin:1vw;padding:1vw}.player{text-align:center}@media only screen and (min-width: 500px){.player{width:44vw;height:25vw;padding:1vw}}.player iframe{border:0;width:42vw;height:24vw}.m_controls{margin-top:20px}.m_controls .m_option{background-color:#eaf0fa;padding:3px;border-radius:5px;white-space:nowrap;margin-top:5px;line-height:30px;font-size:smaller}.timestop{background-color:#dde9f6;border-radius:50%;color:#202124;display:block;font-family:arial, sans-serif;font-size:16px;font-weight:normal;height:14px;opacity:1;position:absolute;visibility:visible;width:14px;top:-4px}.timestop_inner{background-color:#1967d2;border-radius:50%;color:#202124;display:block;font-family:arial, sans-serif;font-size:16px;font-weight:normal;height:6px;opacity:1;position:absolute;transform:matrix(1, 0, 0, 1, 0, 0);visibility:visible;width:6px;will-change:opacity, transform;z-index:1;top:4px;left:4px}.timebar{align-items:center;background-color:#d5e4fd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;color:#202124;display:block;font-family:arial, sans-serif;font-size:16px;font-weight:normal;height:6px;margin-top:8px;outline-color:#202124;outline-style:none;outline-width:0px;position:relative;visibility:visible;width:100%}.timebar-completed{align-items:center;background-color:#eed5fd;border-radius:4px;color:#202124;display:block;height:6px;margin-top:8px;outline-color:#202124;outline-style:none;outline-width:0;visibility:visible;width:0}.minable2 .theme-kaneko,.intro .section .theme-kaneko{background-color:#fbe4bf}.minable2 .theme-kaneko-h{background-color:#404e7d}