diff --git a/resources/css/stylesheet.css b/resources/css/stylesheet.css index 8a5340b..74a6a21 100644 --- a/resources/css/stylesheet.css +++ b/resources/css/stylesheet.css @@ -1378,7 +1378,7 @@ ruby rt { /* ADS */ .ad-container { text-align:center; - margin:20px 0; + margin:25px 0; } diff --git a/resources/css/stylesheet.min.css b/resources/css/stylesheet.min.css index 000ae27..e658368 100644 --- a/resources/css/stylesheet.min.css +++ b/resources/css/stylesheet.min.css @@ -1 +1 @@ -@font-face{font-family:FontAwesomeWeb;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesomeWeb,FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lesson-exercises{display:none}.main-color{color:#c33}.example{border:1px solid #ccc;border-left:3px solid #c33;margin:10px 5px;padding:5px;background:#fff}.example .line .name:after{content:":"}.example .line .name{font-weight:700;text-align:right;float:left;width:25%;padding-right:5px;word-wrap:break-word}.example .line .text{float:left;width:72%}.hidden{visibility:hidden}#appendix-tool .workbook-title{color:#c33}#appendix-tool li a{display:inline-block;padding:3px}#appendix-tool .lesson-title{margin-bottom:20px}#appendix-tool .workbook-title{margin-bottom:10px;margin-left:0}.table.grammar-table td{font-size:15px}.table td,.table.grammar-table>tbody>tr>td:nth-child(2){background:#f7f7f7}.table .table-head td,.table.grammar-table>tbody>tr>td:first-child{width:50px;font-weight:700;text-align:center;background:#eee}.dark-mode .table .table-head td,.dark-mode .table.grammar-table>tbody>tr>td:first-child{background:#222!important}.dark-mode .table td,.dark-mode .table.grammar-table>tbody>tr>td:nth-child(2){background:#1a1a1a}.table ol,.table ul,.table.grammar-table ol,.table.grammar-table ul{margin:0;padding-left:30px}.grammar-toggler{margin-bottom:10px}.page-data{font-size:12px;color:#fff;background:#c33;border:1px solid #a11;padding:3px 6px;border-radius:30px}#index-list .page-data{display:none}#quick-search-results,.workbook-title{position:relative}.workbook-title .page-data{position:absolute;right:30px}#quick-search-results .page-data{position:absolute;right:3px}.text-block{font-size:15px;background:#f7f7f7;border:1px solid #ccc;margin:30px auto;padding:15px;overflow-x:auto}.text-block .sub-section{background-color:#fff;border:1px solid #ddd;padding:6px}.text-block .sub-section .sub-section{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08)}.text-block p{margin:0 0 25px 0}::selection{color:#fff;background-color:#c33}::-moz-selection{color:#fff;background-color:#c33}body{color:#333;background:#fff;font-size:15px;font-family:'メイリオ',Meiryo,Osaka,'MS Pゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;padding:0;margin:0;display:flex;min-height:100vh;flex-direction:column}p{font-size:15px}ul{padding-left:40px}hr{border:none;border-bottom:1px solid #999}a{color:#a00;text-decoration:none;outline:0}a:focus,a:hover{text-decoration:underline}img{max-width:100%}a:focus img{outline:1px solid #c33}code{color:#c33;background:#eee;border:1px solid #ccc;padding:3px}.nopad{padding:0!important}.button,a.button{color:#fff;background:#c33;font-size:15px;font-family:'メイリオ',Meiryo,Osaka,'MS Pゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;text-decoration:none;border:none;font-weight:700;display:inline-block;padding:6px 12px;margin:3px;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover,a.button:hover{background:#b22}.button:focus,a.button:focus{background:#a11}.button .fa{font-size:18px;vertical-align:middle;margin-right:6px}.button.icon-only{height:25px;width:25px;padding:0;margin:3px}.button.icon-only i{margin:0}input[type=number],input[type=text],select,textarea{font-size:15px;font-family:'メイリオ',Meiryo,Osaka,'MS Pゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;background:#fff;border:1px solid #ccc;padding:6px;outline:0}select{cursor:pointer}input[type=number]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled{color:#333}input[type=number]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#bbb}input[type=number]:hover,input[type=text]:hover,select:hover,textarea:hover{border-color:#999}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#c33}.center{text-align:center}.right{text-align:right}.left{text-align:left}.ul{text-decoration:underline}.ul-double,.ul-single{text-decoration:none;position:relative}.ul-double:after,.ul-double:before,.ul-single:after{content:"";position:absolute;left:0;right:0;bottom:2px;border-bottom:1px solid #333}.ul-double:before{bottom:0}.inline{display:inline-block}.t-valign-top{vertical-align:top}.t-red{color:red}.t-green{color:#080}.t-blue{color:#09f}.t-orange{color:#c33}.t-bold{font-weight:700}.nomargin{margin:0!important}.clearfix{clear:both}.clear:after,.line:after{content:"";display:table;clear:both}.vertical-text{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-align:left!important;max-height:300px}.spoiler{color:#444;background:#444;display:inline-block;padding:0 3px}.spoiler:hover{color:#fff}.problem-hint .spoiler{margin-top:2px}.table{width:100%;border-collapse:collapse}.table td{background:#fff;border:1px solid #ddd;padding:3px}.table-head{font-size:16px;font-weight:700}.sub-table{width:100%;border-collapse:collapse}.sub-table td{border-left:0;border-top:0}.example-row td{vertical-align:top}.example-row div{margin:10px 0}.define{font-size:11px;font-style:normal;font-weight:700;vertical-align:super}.lesson-num{font-size:12px;font-style:normal;vertical-align:top}.lesson-image img{max-width:100%}header{color:#fff;background:url(../images/kansai.png) no-repeat 10px 50% #c33;padding:15px 15px 15px 140px;position:relative;overflow:hidden}#home-link:before{content:"";position:absolute;height:100px;width:110px;left:14px;top:50%;margin-top:-50px}header h1{font-size:32px}header h1 a{color:#fff}h2{margin:30px 0 0 0}a#fork-me{color:#fff;background:#333;font-size:16px;font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none;line-height:30px;height:30px;width:200px;transform:rotate(45deg);position:absolute;right:-55px;top:30px;transition-property:color,background;transition-duration:.3s}a#fork-me:focus,a#fork-me:hover{color:#333;background:#fff}#announcement{color:#fff;background:#c33;border:1px solid #900;border-right:none;border-left:none;height:110px}#announce-inner{max-width:1000px;margin:0 auto;padding:0 30px}#announcement .fa{font-size:24px;vertical-align:middle}#announcement a{color:#ff0;font-weight:700}#announcement h3{margin:10px 0 0 0}#announcement .announcement{font-size:16px;height:75px;box-sizing:border-box;padding:3px 6px;overflow-y:auto}#announcement .announcement.announce-hidden{display:none}#announcement .announcement .date{color:#fff;font-size:13px;font-weight:400;background:#b22;border:1px solid #a11;border-radius:3px;padding:1px;margin-right:3px}#announce-list{position:relative;margin:0 20px}#announcement .announce-controls{background:rgba(0,0,0,.3);text-align:center;position:absolute;top:50%;margin:-15px 0 0 0;height:30px;width:20px;padding:0;opacity:.5}#announcement .announce-controls i.fa{font-size:18px;line-height:26px;margin:0}#announcement .announce-controls:focus,#announcement .announce-controls:hover{opacity:1}#announcement .announce-controls.button-left{left:-20px}#announcement .announce-controls.button-right{right:-20px}#content{flex:1 0 auto}.content-block{max-width:1000px;margin:0 auto;padding:30px}a.anchor{color:#666;font-size:16px;font-weight:400;text-decoration:none;text-align:center;vertical-align:middle;display:inline-block;width:25px;margin:0 0 0 -25px}.anchor-icon{display:inline-block;transform:rotate(-45deg);visibility:hidden}.anchor:focus .anchor-icon,h1:hover .anchor-icon,h2:hover .anchor-icon,h3:hover .anchor-icon,h4:hover .anchor-icon,h5:hover .anchor-icon,h6:hover .anchor-icon{visibility:visible}#page-links{margin:15px 0 0 0}#link-list{font-size:0}#link-list div{font-size:15px}#link-list a,#link-list button{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);font-weight:700;text-decoration:none;display:inline-block;padding:3px 6px;margin:10px 10px 0 0}.helper-present #link-list .button.furigana-toggler{border-bottom:2px solid #a11}#link-home{background-color:#05c;border-bottom:2px solid #03a}#link-settings{background-color:#39c;border-bottom:2px solid #17a}#link-report{background-color:#f66;border-bottom:2px solid #d44}#link-download{background-color:#9c6;border-bottom:2px solid #7a4}#link-donate{background-color:#c6c;border-bottom:2px solid #a4a}#link-github{background-color:#96f;border-bottom:2px solid #74d}.helper-hidden #link-list .button.furigana-toggler{background-color:#666;border-bottom:2px solid #444}#link-home:hover{background-color:#04b}#link-settings:hover{background-color:#28b}#link-report:hover{background-color:#e55}#link-download:hover{background-color:#8b5}#link-donate:hover{background-color:#b5b}#link-github:hover{background-color:#85e}.helper-hidden #link-list .button.furigana-toggler:hover{background-color:#555}#link-home:active,#link-home:focus{background-color:#03a}#link-settings:active,#link-settings:focus{background-color:#17a}#link-report:active,#link-report:focus{background-color:#d44}#link-download:active,#link-download:focus{background-color:#7a4}#link-donate:active,#link-donate:focus{background-color:#a4a}#link-github:active,#link-github:focus{background-color:#74d}.helper-hidden #link-list .button.furigana-toggler:active,.helper-hidden #link-list .button.furigana-toggler:focus{background-color:#444}#link-list i{font-size:16px;vertical-align:middle;margin-right:6px}#link-github i,#link-help i{font-size:18px}#quick-actions>div{margin:0}#quick-actions h2{font-size:20px;margin-top:15px}#quick-search{width:100%;box-sizing:border-box;margin-top:1em}#quick-search-results{border:1px solid #ccc}#quick-search-results{height:300px;padding:3px;overflow:auto}#quick-search-results li{white-space:nowrap;overflow:hidden}#quick-search-results a{font-weight:700}#quick-search-results:empty{display:none}#index-list li{position:relative;list-style-type:none}#index-list li:before{content:".";font-size:0;display:block;height:6px;width:6px;background:#c33;border-radius:100%;position:absolute;top:10px;left:-16px}#index-list li ul{padding-left:20px}#index-list li ul li:before{background:0 0;border:2px solid #c33;height:4px;width:4px}#index-list li.noBullet:before{display:none}#index-list li a{font-size:16px;font-weight:700}#index-list a.sub-section-button{color:#fff;background:#c33;font-size:11px;text-align:center;text-decoration:none;display:inline-block;height:18px;width:18px;line-height:20px;padding:0;border-radius:100%;position:absolute;top:4px;left:-22px}#index-list a.sub-section-button:focus,#index-list a.sub-section-button:hover{background-color:#a11}a.sub-section-button[data-open=true]:after{content:"\f078"}a.sub-section-button[data-open=false]:after{content:"\f054";letter-spacing:-2px}a.jump-arrow{color:#c33;text-decoration:none;float:right;margin:6px 3px 0 0}a.jump-arrow:focus,a.jump-arrow:hover{color:#900}#quick-search-results li[data-lesson]:before{content:attr(data-lesson);color:#fff;font-size:11px;background:#c33;border:1px solid #b22;border-radius:3px;padding:0 2px;margin-right:3px;display:none}.lesson-title{color:#c33;font-size:20px;border-bottom:2px solid #c33;padding-bottom:3px}.sub-lesson-title,.workbook-title{font-size:16px;margin:0 0 0 20px}.normal-block{font-size:15px}.title{color:#c33;font-size:28px;margin:20px 0}.title-desc{font-size:16px}.title-med{font-size:18px;margin:10px 0}.section-title{color:#c33;font-size:24px;border-bottom:2px solid #c33;margin:0;padding-bottom:6px}.sub-title{font-size:18px;margin:16px 0}footer{color:#fff;background:#333;text-align:center;padding:15px}#light-switch-label,footer a{color:#ccc}#light-switch-label:hover,footer a:hover{color:#fff}footer ul{list-style-type:none;margin:0;padding:0}footer li{float:left}footer li:before{content:"\f111";font-family:FontAwesomeWeb,FontAwesome;font-size:6px;margin:0 5px;vertical-align:middle}footer li:first-child:before{display:none}.footer-left{float:left}.footer-right{float:right}#related-projects img{height:120px;margin:5px}#related-projects h3{margin-top:20px;margin-bottom:5px}#quick-nav,#toggle-navigation,#toggle-navigation:after,#toggle-navigation:before{transition-duration:.3s}#quick-nav{background:#eee;border-right:1px solid #ccc;position:fixed;top:0;left:-301px;bottom:0;width:300px;visibility:hidden;z-index:10}.list-open+#quick-nav{left:0;visibility:visible}#toggle-navigation{background:#900;text-decoration:none;text-align:center;line-height:32px;height:32px;width:32px;position:fixed;top:0;left:0;z-index:11;cursor:pointer;transition-property:left}#toggle-navigation:hover{background:#a11}#toggle-navigation:focus{background:#b22}#toggle-navigation:after,#toggle-navigation:before{color:#fff;font-size:28px;font-family:FontAwesomeWeb,FontAwesome;position:absolute;left:0;right:0;transition-property:opacity}#toggle-navigation:after{content:"\f0c9"}#toggle-navigation:before{content:"\f00d";opacity:0}#toggle-navigation.list-open{left:268px}#toggle-navigation.list-open:after{opacity:0}#toggle-navigation.list-open:before{opacity:1}#lessons-list{overflow-y:auto;overflow-x:hidden;height:95%;height:calc(100% - 32px)}#quick-nav .main-title{color:#fff;background:#c33;font-size:18px;text-align:center;line-height:32px;margin:0}.menu-item-list{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}#quick-nav .lesson-title{color:#333;font-size:15px;border-bottom:1px solid #ccc;margin:0;padding:3px;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#quick-nav .lesson-title:focus,#quick-nav .lesson-title:hover{color:#c33}#quick-nav .lesson-title:before{content:"\f054";font-family:FontAwesomeWeb,FontAwesome;margin-right:3px}#quick-nav .lesson-title.lesson-open:before{content:"\f078"}#quick-nav .sub-lesson-title{font-size:15px;margin:12px 0 0 12px}#quick-nav ul{border-bottom:1px solid #ccc;margin:0;padding:3px 3px 12px 3px;list-style-type:none}#quick-nav .lesson-title.lesson-open+ul{display:block}.furigana,.inline-furi i{color:#777;font-size:11px;margin-top:-3px}.helper-hidden .furigana-hide{display:none}.helper-present .furigana-show{display:none}.helper-hidden .button.furigana-toggler{background:#666}.helper-hidden .button.furigana-toggler:hover{background:#555}.helper-hidden .button.furigana-toggler:focus{background:#444}ruby{text-align:center;display:inline-block;vertical-align:top}.helper-hidden ruby{display:inline;position:static;vertical-align:baseline}ruby rt{color:#777;font-size:11px;display:block;margin-top:-1px;padding:0 2px}#index-list li a ruby rt,#quick-search-results ruby rt,.main-color ruby rt,.section-title ruby rt,.workbook-title ruby rt,a ruby rt{color:#933}.slim-ruby ruby{width:10px}.ruby-always-visible ruby{display:inline-block!important;position:relative!important}.ruby-always-visible rt{display:block!important}.helper-hidden .furigana,.helper-hidden .inline-furi i,.helper-hidden ruby rt{display:none}.inline-furi{position:relative;display:inline-block;margin-bottom:15px}.helper-hidden .inline-furi{margin-bottom:0}.inline-furi .furigana,.inline-furi i{text-align:left;font-style:normal;white-space:nowrap;position:absolute;bottom:-15px;left:0}.columns-2>div{width:50%;margin:0 0 25px 0;float:left}.columns-2.nomargin>div{margin:0}.columns-2>div.example{width:47%;margin:10px 5px}.valign-top.inline-columns>div{vertical-align:top}.inline-columns>div{display:inline-block;margin:0 10px 30px 0}.indent-block{margin-left:20px}#genki-modal-overlay{background:#000 no-repeat center;position:fixed;top:0;left:0;right:0;bottom:0;opacity:.5;z-index:9999}#genki-modal-body{background:#fff;border:1px solid #c33;position:fixed;top:10%;left:25%;right:25%;bottom:40%;z-index:99999}#genki-modal-header{color:#fff;background:#c33;margin:0;padding:0 6px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#genki-modal-content{font-size:15px;padding:6px;position:absolute;top:40px;left:0;right:0;bottom:40px;overflow-y:auto}#genki-modal-buttons{height:40px;line-height:40px;position:absolute;bottom:0;left:0;right:0}#genki-modal-buttons .button{line-height:normal;margin:0 6px 0 6px}#genki-site-settings{font-size:26px;display:inline-block;height:20px;line-height:20px;margin-left:15px}#genki-site-settings:focus{color:#c33}#genki-site-settings i{vertical-align:-5px}.genki-settings-list{list-style-type:none}.genki-settings-list li{margin:10px 0}.big-label,.label,.med-label,.sm-label{display:inline-block;width:120px;max-width:100%}.label[title]:after{content:attr(title);font-size:13px;font-weight:400;display:block}.sm-label{width:80px}.med-label{width:200px}.big-label{width:300px}.genki-settings-list .label{width:40%;margin-right:10px;text-align:right;font-weight:700;vertical-align:top;cursor:help}#page-custom-css{width:50%;height:100px}.button.opt-off{background-color:#999}.button.opt-off:hover{background-color:#888}.button.opt-off:focus{background-color:#777}#light-switch-container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#light-switch-label{vertical-align:middle;cursor:pointer}#light-switch{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.25);vertical-align:middle;display:inline-block;position:relative;height:26px;width:60px;border-radius:20px;cursor:pointer;overflow:hidden}#light-switch:focus{border:1px solid #c33;outline:0}#light-switch>input{display:none}#light-switch>div{background-color:rgba(255,255,255,.5);position:absolute;top:3px;left:3px;height:20px;width:20px;border-radius:20px;transition:.4s;font-size:13px;font-weight:700;line-height:22px}#light-switch>div:before{content:'ON';margin-left:-27px;color:transparent;transition:.4s}#light-switch>div:after{content:'OFF';margin-left:30px;color:rgba(255,255,255,.5);transition:.4s}#light-switch>input:checked+div{background-color:#fff;left:37px}#light-switch>input:checked+div:before{color:#fff}#light-switch>input:checked+div:after{color:transparent}.dict-block{margin-top:50px}.dict-hidden{display:none}.dict-desc{padding:3px}.leg-desc{font-size:12px;vertical-align:top}#dict-legend .text-block{margin:3px}#dict-legend .text-block div{margin:3px 0}.dictionary-index{margin:5px;padding:3px;display:inline-block}.dictionary-index ul{float:left;padding:3px;margin:0}.dictionary-index ul.dict-index-split{margin-left:10px}.dictionary-index li{list-style-type:none;margin:0 3px;float:left}.dictionary-index li{font-weight:700;font-size:18px}.dictionary-index li a{color:#c33}.dictionary-index li a:hover{color:#900}.dict-index-disabled{opacity:.5;cursor:default}.dictionary-index.dict-alpha li{margin:0 6px}.definition{font-size:15px;list-style-type:none;margin:6px 0;overflow:hidden}.def-ja.def-furi{position:relative;display:inline-block;margin-bottom:15px}.def-ja.def-furi i{color:#777;font-size:11px;font-style:normal;white-space:nowrap;position:absolute;bottom:-15px;left:0}.def-ja{margin-right:5px;padding-right:5px;border-right:3px solid #c33}#english-japanese .def-en,#japanese-english .def-ja{margin-right:8px}.def-label{float:right}.def-vtype{font-size:0}.def-vtype i{font-size:12px;font-style:normal;color:#fff;background:#c33;border:1px solid #b22;border-radius:3px;display:inline-block;line-height:12px;padding:3px}#quick-jisho-toggle{color:#fff;font-size:18px;text-align:center;line-height:32px;background:#c33;height:30px;width:30px;border-radius:100%;position:fixed;right:5px;bottom:5px;cursor:pointer}#quick-jisho-toggle:focus,#quick-jisho-toggle:hover{opacity:.7;outline:0}#quick-jisho-window{background:#fff;border:1px solid #ccc;box-shadow:0 0 6px rgba(0,0,0,.25);height:300px;width:500px;max-height:85%;max-width:90%;position:fixed;right:5px;bottom:40px;opacity:1;transition-duration:.3s;transition-property:opacity,bottom}#quick-jisho-window.quick-jisho-hidden{bottom:-310px;opacity:0}#quick-jisho-title{color:#fff;background:#c33;font-size:18px;text-align:center;line-height:32px;margin:-1px -1px 0 -1px}.quick-jisho-row{padding:3px}.quick-jisho-row:first-child{padding-bottom:0}#quick-jisho-search{width:100%;height:35px;box-sizing:border-box}#quick-jisho-results{height:219px;padding:3px;margin:0;overflow-y:auto}#quick-jisho-results .definition:focus{color:#c33;outline:0}#quick-jisho-selector{border-radius:15px;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.25);padding:3px 9px;margin:0;position:absolute;z-index:9999}.info-box{color:#333;background:#eff;border:1px solid #17a;position:relative;padding:5px;padding-left:35px;margin:5px auto;text-align:left;width:80%;max-width:600px}.info-icon{color:#eff;background:#17a;font-size:20px;width:30px;text-align:center;position:absolute;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}.ad-container{text-align:center;margin:20px 0}@media (max-width:1000px){.content-block{padding:30px 0}#announce-inner{padding:0 6px}footer li{float:none;display:inline-block}footer li:before{margin-left:0}.footer-left,.footer-right{float:none;text-align:center;margin-bottom:10px}#light-switch-container{height:auto;margin-top:0}#quick-search-wrapper,.normal-block,h2,h3,h4,p{padding:0 6px}a.anchor{margin:0 0 0 -5px}.center a.anchor,.sub-lesson-title a.anchor,.workbook-title a.anchor{margin:0 0 0 -25px}.text-passage{width:90%}#genki-modal-header{font-size:16px}#genki-modal-content{font-size:15px}#genki-modal-body{left:5%!important;right:5%!important;bottom:10%!important}.columns-2>div,.columns-2>div.example,.dictionary-group{float:none;width:auto}}@media (max-width:820px){header{padding:100px 0 0 0;text-align:center;background-position:50% 00px}header h1{font-size:24px}#home-link:before{content:"";position:absolute;height:100px;width:120px;top:60px;left:50%;margin-left:-60px}.inline-columns>div,.lesson-summary .inline-columns>div{margin-right:5px}#lessons .lesson-title{font-size:18px}#quick-jisho-window{width:300px}}@media (pointer:coarse){#lessons li a,#quick-nav .lesson-title,#quick-nav .sub-lesson-title,#quick-nav li a{font-size:15px}#lessons li a,#quick-nav li a{padding:6px 0}#quick-nav .lesson-title{padding:6px}} \ No newline at end of file +@font-face{font-family:FontAwesomeWeb;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesomeWeb,FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lesson-exercises{display:none}.main-color{color:#c33}.example{border:1px solid #ccc;border-left:3px solid #c33;margin:10px 5px;padding:5px;background:#fff}.example .line .name:after{content:":"}.example .line .name{font-weight:700;text-align:right;float:left;width:25%;padding-right:5px;word-wrap:break-word}.example .line .text{float:left;width:72%}.hidden{visibility:hidden}#appendix-tool .workbook-title{color:#c33}#appendix-tool li a{display:inline-block;padding:3px}#appendix-tool .lesson-title{margin-bottom:20px}#appendix-tool .workbook-title{margin-bottom:10px;margin-left:0}.table.grammar-table td{font-size:15px}.table td,.table.grammar-table>tbody>tr>td:nth-child(2){background:#f7f7f7}.table .table-head td,.table.grammar-table>tbody>tr>td:first-child{width:50px;font-weight:700;text-align:center;background:#eee}.dark-mode .table .table-head td,.dark-mode .table.grammar-table>tbody>tr>td:first-child{background:#222!important}.dark-mode .table td,.dark-mode .table.grammar-table>tbody>tr>td:nth-child(2){background:#1a1a1a}.table ol,.table ul,.table.grammar-table ol,.table.grammar-table ul{margin:0;padding-left:30px}.grammar-toggler{margin-bottom:10px}.page-data{font-size:12px;color:#fff;background:#c33;border:1px solid #a11;padding:3px 6px;border-radius:30px}#index-list .page-data{display:none}#quick-search-results,.workbook-title{position:relative}.workbook-title .page-data{position:absolute;right:30px}#quick-search-results .page-data{position:absolute;right:3px}.text-block{font-size:15px;background:#f7f7f7;border:1px solid #ccc;margin:30px auto;padding:15px;overflow-x:auto}.text-block .sub-section{background-color:#fff;border:1px solid #ddd;padding:6px}.text-block .sub-section .sub-section{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08)}.text-block p{margin:0 0 25px 0}::selection{color:#fff;background-color:#c33}::-moz-selection{color:#fff;background-color:#c33}body{color:#333;background:#fff;font-size:15px;font-family:'メイリオ',Meiryo,Osaka,'MS Pゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;padding:0;margin:0;display:flex;min-height:100vh;flex-direction:column}p{font-size:15px}ul{padding-left:40px}hr{border:none;border-bottom:1px solid #999}a{color:#a00;text-decoration:none;outline:0}a:focus,a:hover{text-decoration:underline}img{max-width:100%}a:focus img{outline:1px solid #c33}code{color:#c33;background:#eee;border:1px solid #ccc;padding:3px}.nopad{padding:0!important}.button,a.button{color:#fff;background:#c33;font-size:15px;font-family:'メイリオ',Meiryo,Osaka,'MS Pゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;text-decoration:none;border:none;font-weight:700;display:inline-block;padding:6px 12px;margin:3px;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover,a.button:hover{background:#b22}.button:focus,a.button:focus{background:#a11}.button .fa{font-size:18px;vertical-align:middle;margin-right:6px}.button.icon-only{height:25px;width:25px;padding:0;margin:3px}.button.icon-only i{margin:0}input[type=number],input[type=text],select,textarea{font-size:15px;font-family:'メイリオ',Meiryo,Osaka,'MS Pゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;background:#fff;border:1px solid #ccc;padding:6px;outline:0}select{cursor:pointer}input[type=number]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled{color:#333}input[type=number]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#bbb}input[type=number]:hover,input[type=text]:hover,select:hover,textarea:hover{border-color:#999}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#c33}.center{text-align:center}.right{text-align:right}.left{text-align:left}.ul{text-decoration:underline}.ul-double,.ul-single{text-decoration:none;position:relative}.ul-double:after,.ul-double:before,.ul-single:after{content:"";position:absolute;left:0;right:0;bottom:2px;border-bottom:1px solid #333}.ul-double:before{bottom:0}.inline{display:inline-block}.t-valign-top{vertical-align:top}.t-red{color:red}.t-green{color:#080}.t-blue{color:#09f}.t-orange{color:#c33}.t-bold{font-weight:700}.nomargin{margin:0!important}.clearfix{clear:both}.clear:after,.line:after{content:"";display:table;clear:both}.vertical-text{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-align:left!important;max-height:300px}.spoiler{color:#444;background:#444;display:inline-block;padding:0 3px}.spoiler:hover{color:#fff}.problem-hint .spoiler{margin-top:2px}.table{width:100%;border-collapse:collapse}.table td{background:#fff;border:1px solid #ddd;padding:3px}.table-head{font-size:16px;font-weight:700}.sub-table{width:100%;border-collapse:collapse}.sub-table td{border-left:0;border-top:0}.example-row td{vertical-align:top}.example-row div{margin:10px 0}.define{font-size:11px;font-style:normal;font-weight:700;vertical-align:super}.lesson-num{font-size:12px;font-style:normal;vertical-align:top}.lesson-image img{max-width:100%}header{color:#fff;background:url(../images/kansai.png) no-repeat 10px 50% #c33;padding:15px 15px 15px 140px;position:relative;overflow:hidden}#home-link:before{content:"";position:absolute;height:100px;width:110px;left:14px;top:50%;margin-top:-50px}header h1{font-size:32px}header h1 a{color:#fff}h2{margin:30px 0 0 0}a#fork-me{color:#fff;background:#333;font-size:16px;font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none;line-height:30px;height:30px;width:200px;transform:rotate(45deg);position:absolute;right:-55px;top:30px;transition-property:color,background;transition-duration:.3s}a#fork-me:focus,a#fork-me:hover{color:#333;background:#fff}#announcement{color:#fff;background:#c33;border:1px solid #900;border-right:none;border-left:none;height:110px}#announce-inner{max-width:1000px;margin:0 auto;padding:0 30px}#announcement .fa{font-size:24px;vertical-align:middle}#announcement a{color:#ff0;font-weight:700}#announcement h3{margin:10px 0 0 0}#announcement .announcement{font-size:16px;height:75px;box-sizing:border-box;padding:3px 6px;overflow-y:auto}#announcement .announcement.announce-hidden{display:none}#announcement .announcement .date{color:#fff;font-size:13px;font-weight:400;background:#b22;border:1px solid #a11;border-radius:3px;padding:1px;margin-right:3px}#announce-list{position:relative;margin:0 20px}#announcement .announce-controls{background:rgba(0,0,0,.3);text-align:center;position:absolute;top:50%;margin:-15px 0 0 0;height:30px;width:20px;padding:0;opacity:.5}#announcement .announce-controls i.fa{font-size:18px;line-height:26px;margin:0}#announcement .announce-controls:focus,#announcement .announce-controls:hover{opacity:1}#announcement .announce-controls.button-left{left:-20px}#announcement .announce-controls.button-right{right:-20px}#content{flex:1 0 auto}.content-block{max-width:1000px;margin:0 auto;padding:30px}a.anchor{color:#666;font-size:16px;font-weight:400;text-decoration:none;text-align:center;vertical-align:middle;display:inline-block;width:25px;margin:0 0 0 -25px}.anchor-icon{display:inline-block;transform:rotate(-45deg);visibility:hidden}.anchor:focus .anchor-icon,h1:hover .anchor-icon,h2:hover .anchor-icon,h3:hover .anchor-icon,h4:hover .anchor-icon,h5:hover .anchor-icon,h6:hover .anchor-icon{visibility:visible}#page-links{margin:15px 0 0 0}#link-list{font-size:0}#link-list div{font-size:15px}#link-list a,#link-list button{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);font-weight:700;text-decoration:none;display:inline-block;padding:3px 6px;margin:10px 10px 0 0}.helper-present #link-list .button.furigana-toggler{border-bottom:2px solid #a11}#link-home{background-color:#05c;border-bottom:2px solid #03a}#link-settings{background-color:#39c;border-bottom:2px solid #17a}#link-report{background-color:#f66;border-bottom:2px solid #d44}#link-download{background-color:#9c6;border-bottom:2px solid #7a4}#link-donate{background-color:#c6c;border-bottom:2px solid #a4a}#link-github{background-color:#96f;border-bottom:2px solid #74d}.helper-hidden #link-list .button.furigana-toggler{background-color:#666;border-bottom:2px solid #444}#link-home:hover{background-color:#04b}#link-settings:hover{background-color:#28b}#link-report:hover{background-color:#e55}#link-download:hover{background-color:#8b5}#link-donate:hover{background-color:#b5b}#link-github:hover{background-color:#85e}.helper-hidden #link-list .button.furigana-toggler:hover{background-color:#555}#link-home:active,#link-home:focus{background-color:#03a}#link-settings:active,#link-settings:focus{background-color:#17a}#link-report:active,#link-report:focus{background-color:#d44}#link-download:active,#link-download:focus{background-color:#7a4}#link-donate:active,#link-donate:focus{background-color:#a4a}#link-github:active,#link-github:focus{background-color:#74d}.helper-hidden #link-list .button.furigana-toggler:active,.helper-hidden #link-list .button.furigana-toggler:focus{background-color:#444}#link-list i{font-size:16px;vertical-align:middle;margin-right:6px}#link-github i,#link-help i{font-size:18px}#quick-actions>div{margin:0}#quick-actions h2{font-size:20px;margin-top:15px}#quick-search{width:100%;box-sizing:border-box;margin-top:1em}#quick-search-results{border:1px solid #ccc}#quick-search-results{height:300px;padding:3px;overflow:auto}#quick-search-results li{white-space:nowrap;overflow:hidden}#quick-search-results a{font-weight:700}#quick-search-results:empty{display:none}#index-list li{position:relative;list-style-type:none}#index-list li:before{content:".";font-size:0;display:block;height:6px;width:6px;background:#c33;border-radius:100%;position:absolute;top:10px;left:-16px}#index-list li ul{padding-left:20px}#index-list li ul li:before{background:0 0;border:2px solid #c33;height:4px;width:4px}#index-list li.noBullet:before{display:none}#index-list li a{font-size:16px;font-weight:700}#index-list a.sub-section-button{color:#fff;background:#c33;font-size:11px;text-align:center;text-decoration:none;display:inline-block;height:18px;width:18px;line-height:20px;padding:0;border-radius:100%;position:absolute;top:4px;left:-22px}#index-list a.sub-section-button:focus,#index-list a.sub-section-button:hover{background-color:#a11}a.sub-section-button[data-open=true]:after{content:"\f078"}a.sub-section-button[data-open=false]:after{content:"\f054";letter-spacing:-2px}a.jump-arrow{color:#c33;text-decoration:none;float:right;margin:6px 3px 0 0}a.jump-arrow:focus,a.jump-arrow:hover{color:#900}#quick-search-results li[data-lesson]:before{content:attr(data-lesson);color:#fff;font-size:11px;background:#c33;border:1px solid #b22;border-radius:3px;padding:0 2px;margin-right:3px;display:none}.lesson-title{color:#c33;font-size:20px;border-bottom:2px solid #c33;padding-bottom:3px}.sub-lesson-title,.workbook-title{font-size:16px;margin:0 0 0 20px}.normal-block{font-size:15px}.title{color:#c33;font-size:28px;margin:20px 0}.title-desc{font-size:16px}.title-med{font-size:18px;margin:10px 0}.section-title{color:#c33;font-size:24px;border-bottom:2px solid #c33;margin:0;padding-bottom:6px}.sub-title{font-size:18px;margin:16px 0}footer{color:#fff;background:#333;text-align:center;padding:15px}#light-switch-label,footer a{color:#ccc}#light-switch-label:hover,footer a:hover{color:#fff}footer ul{list-style-type:none;margin:0;padding:0}footer li{float:left}footer li:before{content:"\f111";font-family:FontAwesomeWeb,FontAwesome;font-size:6px;margin:0 5px;vertical-align:middle}footer li:first-child:before{display:none}.footer-left{float:left}.footer-right{float:right}#related-projects img{height:120px;margin:5px}#related-projects h3{margin-top:20px;margin-bottom:5px}#quick-nav,#toggle-navigation,#toggle-navigation:after,#toggle-navigation:before{transition-duration:.3s}#quick-nav{background:#eee;border-right:1px solid #ccc;position:fixed;top:0;left:-301px;bottom:0;width:300px;visibility:hidden;z-index:10}.list-open+#quick-nav{left:0;visibility:visible}#toggle-navigation{background:#900;text-decoration:none;text-align:center;line-height:32px;height:32px;width:32px;position:fixed;top:0;left:0;z-index:11;cursor:pointer;transition-property:left}#toggle-navigation:hover{background:#a11}#toggle-navigation:focus{background:#b22}#toggle-navigation:after,#toggle-navigation:before{color:#fff;font-size:28px;font-family:FontAwesomeWeb,FontAwesome;position:absolute;left:0;right:0;transition-property:opacity}#toggle-navigation:after{content:"\f0c9"}#toggle-navigation:before{content:"\f00d";opacity:0}#toggle-navigation.list-open{left:268px}#toggle-navigation.list-open:after{opacity:0}#toggle-navigation.list-open:before{opacity:1}#lessons-list{overflow-y:auto;overflow-x:hidden;height:95%;height:calc(100% - 32px)}#quick-nav .main-title{color:#fff;background:#c33;font-size:18px;text-align:center;line-height:32px;margin:0}.menu-item-list{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}#quick-nav .lesson-title{color:#333;font-size:15px;border-bottom:1px solid #ccc;margin:0;padding:3px;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#quick-nav .lesson-title:focus,#quick-nav .lesson-title:hover{color:#c33}#quick-nav .lesson-title:before{content:"\f054";font-family:FontAwesomeWeb,FontAwesome;margin-right:3px}#quick-nav .lesson-title.lesson-open:before{content:"\f078"}#quick-nav .sub-lesson-title{font-size:15px;margin:12px 0 0 12px}#quick-nav ul{border-bottom:1px solid #ccc;margin:0;padding:3px 3px 12px 3px;list-style-type:none}#quick-nav .lesson-title.lesson-open+ul{display:block}.furigana,.inline-furi i{color:#777;font-size:11px;margin-top:-3px}.helper-hidden .furigana-hide{display:none}.helper-present .furigana-show{display:none}.helper-hidden .button.furigana-toggler{background:#666}.helper-hidden .button.furigana-toggler:hover{background:#555}.helper-hidden .button.furigana-toggler:focus{background:#444}ruby{text-align:center;display:inline-block;vertical-align:top}.helper-hidden ruby{display:inline;position:static;vertical-align:baseline}ruby rt{color:#777;font-size:11px;display:block;margin-top:-1px;padding:0 2px}#index-list li a ruby rt,#quick-search-results ruby rt,.main-color ruby rt,.section-title ruby rt,.workbook-title ruby rt,a ruby rt{color:#933}.slim-ruby ruby{width:10px}.ruby-always-visible ruby{display:inline-block!important;position:relative!important}.ruby-always-visible rt{display:block!important}.helper-hidden .furigana,.helper-hidden .inline-furi i,.helper-hidden ruby rt{display:none}.inline-furi{position:relative;display:inline-block;margin-bottom:15px}.helper-hidden .inline-furi{margin-bottom:0}.inline-furi .furigana,.inline-furi i{text-align:left;font-style:normal;white-space:nowrap;position:absolute;bottom:-15px;left:0}.columns-2>div{width:50%;margin:0 0 25px 0;float:left}.columns-2.nomargin>div{margin:0}.columns-2>div.example{width:47%;margin:10px 5px}.valign-top.inline-columns>div{vertical-align:top}.inline-columns>div{display:inline-block;margin:0 10px 30px 0}.indent-block{margin-left:20px}#genki-modal-overlay{background:#000 no-repeat center;position:fixed;top:0;left:0;right:0;bottom:0;opacity:.5;z-index:9999}#genki-modal-body{background:#fff;border:1px solid #c33;position:fixed;top:10%;left:25%;right:25%;bottom:40%;z-index:99999}#genki-modal-header{color:#fff;background:#c33;margin:0;padding:0 6px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#genki-modal-content{font-size:15px;padding:6px;position:absolute;top:40px;left:0;right:0;bottom:40px;overflow-y:auto}#genki-modal-buttons{height:40px;line-height:40px;position:absolute;bottom:0;left:0;right:0}#genki-modal-buttons .button{line-height:normal;margin:0 6px 0 6px}#genki-site-settings{font-size:26px;display:inline-block;height:20px;line-height:20px;margin-left:15px}#genki-site-settings:focus{color:#c33}#genki-site-settings i{vertical-align:-5px}.genki-settings-list{list-style-type:none}.genki-settings-list li{margin:10px 0}.big-label,.label,.med-label,.sm-label{display:inline-block;width:120px;max-width:100%}.label[title]:after{content:attr(title);font-size:13px;font-weight:400;display:block}.sm-label{width:80px}.med-label{width:200px}.big-label{width:300px}.genki-settings-list .label{width:40%;margin-right:10px;text-align:right;font-weight:700;vertical-align:top;cursor:help}#page-custom-css{width:50%;height:100px}.button.opt-off{background-color:#999}.button.opt-off:hover{background-color:#888}.button.opt-off:focus{background-color:#777}#light-switch-container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#light-switch-label{vertical-align:middle;cursor:pointer}#light-switch{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.25);vertical-align:middle;display:inline-block;position:relative;height:26px;width:60px;border-radius:20px;cursor:pointer;overflow:hidden}#light-switch:focus{border:1px solid #c33;outline:0}#light-switch>input{display:none}#light-switch>div{background-color:rgba(255,255,255,.5);position:absolute;top:3px;left:3px;height:20px;width:20px;border-radius:20px;transition:.4s;font-size:13px;font-weight:700;line-height:22px}#light-switch>div:before{content:'ON';margin-left:-27px;color:transparent;transition:.4s}#light-switch>div:after{content:'OFF';margin-left:30px;color:rgba(255,255,255,.5);transition:.4s}#light-switch>input:checked+div{background-color:#fff;left:37px}#light-switch>input:checked+div:before{color:#fff}#light-switch>input:checked+div:after{color:transparent}.dict-block{margin-top:50px}.dict-hidden{display:none}.dict-desc{padding:3px}.leg-desc{font-size:12px;vertical-align:top}#dict-legend .text-block{margin:3px}#dict-legend .text-block div{margin:3px 0}.dictionary-index{margin:5px;padding:3px;display:inline-block}.dictionary-index ul{float:left;padding:3px;margin:0}.dictionary-index ul.dict-index-split{margin-left:10px}.dictionary-index li{list-style-type:none;margin:0 3px;float:left}.dictionary-index li{font-weight:700;font-size:18px}.dictionary-index li a{color:#c33}.dictionary-index li a:hover{color:#900}.dict-index-disabled{opacity:.5;cursor:default}.dictionary-index.dict-alpha li{margin:0 6px}.definition{font-size:15px;list-style-type:none;margin:6px 0;overflow:hidden}.def-ja.def-furi{position:relative;display:inline-block;margin-bottom:15px}.def-ja.def-furi i{color:#777;font-size:11px;font-style:normal;white-space:nowrap;position:absolute;bottom:-15px;left:0}.def-ja{margin-right:5px;padding-right:5px;border-right:3px solid #c33}#english-japanese .def-en,#japanese-english .def-ja{margin-right:8px}.def-label{float:right}.def-vtype{font-size:0}.def-vtype i{font-size:12px;font-style:normal;color:#fff;background:#c33;border:1px solid #b22;border-radius:3px;display:inline-block;line-height:12px;padding:3px}#quick-jisho-toggle{color:#fff;font-size:18px;text-align:center;line-height:32px;background:#c33;height:30px;width:30px;border-radius:100%;position:fixed;right:5px;bottom:5px;cursor:pointer}#quick-jisho-toggle:focus,#quick-jisho-toggle:hover{opacity:.7;outline:0}#quick-jisho-window{background:#fff;border:1px solid #ccc;box-shadow:0 0 6px rgba(0,0,0,.25);height:300px;width:500px;max-height:85%;max-width:90%;position:fixed;right:5px;bottom:40px;opacity:1;transition-duration:.3s;transition-property:opacity,bottom}#quick-jisho-window.quick-jisho-hidden{bottom:-310px;opacity:0}#quick-jisho-title{color:#fff;background:#c33;font-size:18px;text-align:center;line-height:32px;margin:-1px -1px 0 -1px}.quick-jisho-row{padding:3px}.quick-jisho-row:first-child{padding-bottom:0}#quick-jisho-search{width:100%;height:35px;box-sizing:border-box}#quick-jisho-results{height:219px;padding:3px;margin:0;overflow-y:auto}#quick-jisho-results .definition:focus{color:#c33;outline:0}#quick-jisho-selector{border-radius:15px;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.25);padding:3px 9px;margin:0;position:absolute;z-index:9999}.info-box{color:#333;background:#eff;border:1px solid #17a;position:relative;padding:5px;padding-left:35px;margin:5px auto;text-align:left;width:80%;max-width:600px}.info-icon{color:#eff;background:#17a;font-size:20px;width:30px;text-align:center;position:absolute;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}.ad-container{text-align:center;margin:25px 0}@media (max-width:1000px){.content-block{padding:30px 0}#announce-inner{padding:0 6px}footer li{float:none;display:inline-block}footer li:before{margin-left:0}.footer-left,.footer-right{float:none;text-align:center;margin-bottom:10px}#light-switch-container{height:auto;margin-top:0}#quick-search-wrapper,.normal-block,h2,h3,h4,p{padding:0 6px}a.anchor{margin:0 0 0 -5px}.center a.anchor,.sub-lesson-title a.anchor,.workbook-title a.anchor{margin:0 0 0 -25px}.text-passage{width:90%}#genki-modal-header{font-size:16px}#genki-modal-content{font-size:15px}#genki-modal-body{left:5%!important;right:5%!important;bottom:10%!important}.columns-2>div,.columns-2>div.example,.dictionary-group{float:none;width:auto}}@media (max-width:820px){header{padding:100px 0 0 0;text-align:center;background-position:50% 00px}header h1{font-size:24px}#home-link:before{content:"";position:absolute;height:100px;width:120px;top:60px;left:50%;margin-left:-60px}.inline-columns>div,.lesson-summary .inline-columns>div{margin-right:5px}#lessons .lesson-title{font-size:18px}#quick-jisho-window{width:300px}}@media (pointer:coarse){#lessons li a,#quick-nav .lesson-title,#quick-nav .sub-lesson-title,#quick-nav li a{font-size:15px}#lessons li a,#quick-nav li a{padding:6px 0}#quick-nav .lesson-title{padding:6px}} \ No newline at end of file