@charset 'utf-8';.monthly{width:100%;margin:0 auto;background-color:#fff;padding:0 0 3em;line-height:1.5}.monthly em{font-weight:700;font-style:normal;color:#333}.monthly .white-space span:not(.eccetto){display:inline-block;white-space:nowrap}.monthly .for-mobile{display:block}@media screen and (min-width:769px){.monthly .for-mobile{display:none}}.monthly .for-pc{display:none}@media screen and (min-width:769px){.monthly .for-pc{display:block}}.monthly img{max-width:100%}.monthly header h1 img{display:block;margin:0 auto}.monthly .en-text{letter-spacing:8px;font-size:1em;margin:2em auto;text-align:center;font-weight:700;color:#d7ecc4}.monthly .intro{width:100%;max-width:1080px;margin:0 auto;padding:1.5em}@media screen and (min-width:569px){.monthly .intro{padding:1.5em 3em}}@media screen and (min-width:769px){.monthly .intro{width:90%}.monthly .intro:lang(en){padding:4em 3em}}@media screen and (min-width:1080px){.monthly .intro{width:70%}}.monthly .intro h3{font-size:1em;font-weight:400;margin:0 0 1.5em;line-height:1.5}@media screen and (min-width:769px){.monthly .intro h3{text-align:center;line-height:2;font-size:1.05em}}.monthly .intro h3 br{display:none}@media screen and (min-width:769px){.monthly .intro h3 br{display:block}}.monthly .intro p{width:100%;max-width:569px;margin:0 auto 1em;font-size:.9em;letter-spacing:1px}.monthly .intro .intro-menu{margin:1em 0 3em;justify-content:center;display:flex;flex-wrap:wrap}.monthly .intro .intro-menu a{font-weight:700;text-align:center;padding:.7em 1em;color:#524336;background-color:#d7ecc4;position:relative;font-size:1.3em;margin:.3em}@media screen and (min-width:569px){.monthly .intro .intro-menu a{font-size:1.3em}}.monthly .intro .intro-menu a:lang(en){font-size:1.15em}.monthly .intro .intro-menu a:lang(ja){font-size:1.15em}.monthly .intro .intro-menu a:hover{position:relative;top:1px;box-shadow:0 1px 1px #ccc}.monthly .intro .note{margin:0 auto}@media screen and (min-width:769px){.monthly .intro .note{text-align:center;width:70%;background-color:rgba(255,255,255,.8)}}.monthly .cat-lesson{width:100%;max-width:1080px;margin:0 auto;padding:1em}@media screen and (min-width:769px){.monthly .cat-lesson{margin:3em auto}}.monthly .cat-lesson .icona{display:block;margin:2em auto 0;width:64px}.monthly .cat-lesson [class*=lesson-wrap-]{width:100%;margin:0 auto;max-width:1000px;padding:0 .5em}.monthly .cat-lesson .singolo .inner{position:relative;background-color:#fbeed6;margin:.5em .25em .5em}.monthly .cat-lesson .singolo a{display:block;color:#555}.monthly .cat-lesson .lesson-wrap h2{text-align:center;margin:1em 0;color:#5bac74;font-size:1.45em}.monthly .cat-lesson .lesson-wrap .singolo:nth-of-type(8n) .inner{background-color:#f3ebee}.monthly .cat-lesson .lesson-wrap .singolo:nth-of-type(8n+1) .inner{background-color:#e9f5f4}.monthly .cat-lesson .lesson-wrap .singolo:nth-of-type(8n+2) .inner{background-color:#f9f2f6}.monthly .cat-lesson .lesson-wrap .singolo:nth-of-type(8n+3) .inner{background-color:#f3f4fd}.monthly .cat-lesson .lesson-wrap .singolo:nth-of-type(8n+4) .inner{background-color:#f0f7f3}.monthly .cat-lesson .lesson-wrap .singolo:nth-of-type(8n+5) .inner{background-color:#f7f4eb}.monthly .cat-lesson .lesson-wrap .singolo:nth-of-type(8n+6) .inner{background-color:#e1efee}.monthly .cat-lesson .lesson-wrap .singolo:nth-of-type(8n+7) .inner{background-color:#e6f3f5}.monthly .cat-lesson .lesson-title{position:relative;padding:1em;overflow:hidden;height:40vw}@media screen and (min-width:569px){.monthly .cat-lesson .lesson-title{height:30vw}}@media screen and (min-width:769px){.monthly .cat-lesson .lesson-title{height:20vw;max-height:180px}}.monthly .cat-lesson .lesson-title:after{content:"";position:absolute;top:1em;left:1em;width:calc(100% - 2em);height:calc(100% - 1em);background-color:rgba(0,0,0,.4)}.monthly .cat-lesson .lesson-title .title{padding:1.5em;letter-spacing:-1px;color:#fff;z-index:10;position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.monthly .cat-lesson .cup{position:absolute;bottom:0;right:3px;width:35px;z-index:10;height:40px}@media screen and (min-width:769px){.monthly .cat-lesson .cup{width:40px}}.monthly .cat-lesson .pro-img{padding:0 0 5px 1em}.monthly .cat-lesson .pro-img img{width:25px;border-radius:50px}@media screen and (min-width:569px){.monthly .cat-lesson .pro-img img{width:40px}}@media screen and (min-width:769px){.monthly .cat-lesson .pro-img img{width:35px}}.monthly .cat-lesson .pro-img span{font-size:.7em;font-weight:700}@media screen and (min-width:569px){.monthly .cat-lesson .pro-img span{font-size:.85em}}.monthly .cat-lesson .pts{padding:.5em;background-color:#fff;display:inline-block;margin:.5em 1em;line-height:1;border-radius:20px;font-size:.8em}@media screen and (min-width:769px){.monthly .cat-lesson .pts{font-size:.95em}}.monthly .feedback h2{letter-spacing:3px;text-transform:uppercase;text-align:center;margin:3em 0;color:#777;font-size:.9em}.monthly .feedback h2:lang(ja){letter-spacing:14px}@media screen and (min-width:769px){.monthly .feedback h2:lang(en){letter-spacing:14px}}.monthly .feedback .comment-inner .user-review{font-size:.9em}.monthly .feedback .comment-inner .user-review small{font-size:.7em}.monthly .feedback .comment-inner .feedback-comment-wrap .feedback-comment{font-size:.9em}.monthly .more-link{text-align:center;margin:2em auto}.monthly .more-link a{color:#fff;font-weight:700;background-color:#4fc493;padding:1.6em 2em}.monthly .banner-box{padding:1em 1em 3em}.monthly .banner-box h2{font-size:1.4em;line-height:1.2;text-align:center;padding:2em 0 1em 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:400;padding:1em 0}.monthly .banner-box .fl-container{padding:2em 1em}.monthly .banner-box .fl-container a{display:block}.monthly .banner-box .fl-container a img{display:block;margin:0 auto;max-width:360px}#page-top{position:fixed;z-index:10;right:20px;bottom:150px}#page-top a{font-size:12px;display:block;width:100px;height:77px;padding:30px 0;text-align:center;text-decoration:none;color:#fff!important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#8e7b87;-o-border-radius:5px;-khtml-border-radius:5px}#page-top a:hover{text-decoration:none;background:#c0bbac}