@import"https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Mochiy+Pop+One&display=swap";.main-contents{background:url("../../img/bg.png") repeat center center;padding-bottom:100px}.main-contents img{display:block;width:100%}.mainvisual{max-width:1000px;width:80%;margin:0 auto;padding:50px 0 70px}@media screen and (max-width: 812px){.mainvisual{width:90%;padding:6vw 0 8vw}}.ttl{width:100%}.content__ttl{font-size:250%;font-weight:bold;align-items:center;display:flex;justify-content:center;margin-bottom:20px;text-align:center}@media screen and (max-width: 812px){.content__ttl{font-size:5vw;margin-bottom:3vw}}@media screen and (max-width: 580px){.content__ttl{font-size:4.3vw}}.content__ttl::before,.content__ttl::after{background-color:#000;content:"";height:1px;width:30px}.content__ttl::before{margin-right:15px}@media screen and (max-width: 580px){.content__ttl::before{margin-right:10px}}.content__ttl::after{margin-left:15px}@media screen and (max-width: 580px){.content__ttl::after{margin-left:10px}}.block__wrap{background-color:#fff;padding:50px 30px;border:3px #000 solid;border-radius:20px;box-shadow:3px 3px 0px 0px #000}@media screen and (max-width: 812px){.block__wrap{padding:6vw 3vw}}.overview{max-width:1000px;width:90%;margin:0 auto 80px}@media screen and (max-width: 812px){.overview{margin-bottom:10vw}}.overview .overview__txt p{text-align:center;font-size:170%;font-weight:bold}.overview .overview__txt .overview-txt__line01{line-height:1.3;margin-bottom:10px}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line01{font-size:3.8vw;margin-bottom:2vw}}@media screen and (max-width: 580px){.overview .overview__txt .overview-txt__line01{font-size:4vw}}.overview .overview__txt .overview-txt__line02{margin-bottom:20px;line-height:1.8}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line02{font-size:2.8vw;margin-bottom:2vw}}@media screen and (max-width: 580px){.overview .overview__txt .overview-txt__line02{font-size:3.9vw}}.overview .overview__txt .overview-txt__line02 .overview-txt__line02--color{display:inline;color:#0006ff;background:linear-gradient(transparent 40%, #FEF102 40%);line-height:1.2;padding:0 5px}.overview .overview__txt .overview-txt__line02 .overview-txt__line02--color .overview-txt__line02--bold{font-family:"Dela Gothic One",cursive;font-weight:normal;font-size:max(2.3vw,65px);padding:0 5px}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line02 .overview-txt__line02--color .overview-txt__line02--bold{font-size:8.1vw}}@media screen and (max-width: 580px){.overview .overview__txt .overview-txt__line02 .overview-txt__line02--color .overview-txt__line02--bold{font-size:6.2vw}}.overview .overview__txt .overview-txt__line03{line-height:1.3;margin-bottom:30px}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line03{font-size:3.8vw;margin-bottom:5vw}}@media screen and (max-width: 580px){.overview .overview__txt .overview-txt__line03{font-size:3.5vw}}.overview .overview__txt .overview-txt__line03 .overview-txt__line03--under{background:linear-gradient(transparent 70%, #ffcc00 70%);background-position-y:-5px;font-size:150%;padding:0 6px}.overview .overview__txt .overview-txt__line04{line-height:1.3;margin-bottom:50px}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line04{font-size:3.8vw;margin-bottom:7vw}}@media screen and (max-width: 580px){.overview .overview__txt .overview-txt__line04{font-size:4vw}}.overview .overview__txt .overview-txt__line05{font-size:120%;line-height:1.3}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line05{font-size:2.8vw;margin-bottom:1vw}}@media screen and (max-width: 580px){.overview .overview__txt .overview-txt__line05{font-size:3vw}}.overview .overview__txt .overview-txt__line06{font-size:180%;line-height:1.3;margin-bottom:60px}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line06{margin-bottom:7vw}}.overview .overview__txt .overview-txt__line06 .overview-txt__line06--line{font-family:"Mochiy Pop One",sans-serif;font-size:max(2.3vw,66px);color:#fe0000;vertical-align:top;font-weight:normal;background:linear-gradient(transparent 70%, #00ff06 70%)}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line06 .overview-txt__line06--line{font-size:6.3vw}}@media screen and (max-width: 580px){.overview .overview__txt .overview-txt__line06 .overview-txt__line06--line{font-size:5.9vw}}.overview .overview__txt .overview-txt__line06 .overview-txt__line06--line .overview-txt__line06--size{font-size:50%;vertical-align:middle}.overview .overview__txt .overview-txt__line07{line-height:1.3;margin-bottom:10px}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line07{font-size:3.8vw;margin-bottom:1vw}}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line07{font-size:4vw}}.overview .overview__txt .overview-txt__line08{line-height:1.5}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line08{font-size:3.8vw}}@media screen and (max-width: 812px){.overview .overview__txt .overview-txt__line08{font-size:4vw}}.overview .overview__txt .overview-txt__line08 .overview-txt__line08--line{background:linear-gradient(transparent 60%, #00ffd8 60%);padding-left:5px}.theme{max-width:1000px;width:90%;margin:0 auto 80px}@media screen and (max-width: 580px){.theme{margin:0 auto 50px}}.theme .theme__list--wrap{padding:90px 30px 40px 30px}@media screen and (max-width: 812px){.theme .theme__list--wrap{padding:11vw 3vw 4vw 3vw}}@media screen and (max-width: 580px){.theme .theme__list--wrap{padding:13vw 3vw 4vw 3vw}}.theme .theme__list--wrap li{position:relative;box-shadow:1px 1px 0px 0px #e5e5e5;margin-bottom:15px;border-radius:5px}.theme .theme__list--wrap li:first-child{box-shadow:4px 4px 0px 0px #000;margin-bottom:50px}@media screen and (max-width: 580px){.theme .theme__list--wrap li:first-child{margin-bottom:6vw}}.theme .theme__list--wrap li:first-child::before{content:"今週のお題";font-family:"Dela Gothic One",cursive;font-size:250%;color:red;display:block;position:absolute;top:-50px;left:50%;transform:translateX(-50%);-webkit-animation:blinking 1.5s step-end infinite;animation:blinking 1.5s step-end infinite}@-webkit-keyframes blinking{0%{opacity:1}20%{opacity:0}30%{opacity:1}40%{opacity:0}50%{opacity:1}}@keyframes blinking{0%{opacity:1}20%{opacity:0}30%{opacity:1}40%{opacity:0}50%{opacity:1}}@media screen and (max-width: 812px){.theme .theme__list--wrap li:first-child::before{font-size:6vw;top:-7vw}}@media screen and (max-width: 580px){.theme .theme__list--wrap li:first-child::before{font-size:7vw;top:-8vw}}.theme .theme__list--wrap li:first-child a{background-color:#feff00;padding:25px 50px 25px 75px;border:5px red solid;font-size:210%}@media screen and (max-width: 812px){.theme .theme__list--wrap li:first-child a{font-size:4.8vw;padding:15px 35px 15px 55px}}@media screen and (max-width: 580px){.theme .theme__list--wrap li:first-child a{font-size:4.3vw;padding:15px 30px 15px 45px}}.theme .theme__list--wrap li:first-child a::before{left:15px}@media screen and (max-width: 812px){.theme .theme__list--wrap li:first-child a::before{left:10px}}.theme .theme__list--wrap li:first-child a::after{right:15px}@media screen and (max-width: 812px){.theme .theme__list--wrap li:first-child a::after{right:10px}}.theme .theme__list--wrap li a{display:block;position:relative;background-color:#ffffc3;padding:20px 50px 20px 75px;font-size:140%;font-weight:bold;line-height:1.4;border-radius:5px;transition:.3s}@media screen and (max-width: 812px){.theme .theme__list--wrap li a{font-size:3vw;padding:20px 45px 20px 65px}}@media screen and (max-width: 580px){.theme .theme__list--wrap li a{padding:10px 40px 10px 60px}}.theme .theme__list--wrap li a::before{content:"";display:block;position:absolute;background:url(../../img/icon-serch.svg) no-repeat left center;width:40px;height:40px;top:50%;left:20px;transform:translateY(-50%);transition:.3s}@media screen and (max-width: 812px){.theme .theme__list--wrap li a::before{width:34px;height:34px}}@media screen and (max-width: 580px){.theme .theme__list--wrap li a::before{width:28px;height:28px}}.theme .theme__list--wrap li a::after{content:"";display:block;position:absolute;background:url(../../img/icon-arrow.svg) no-repeat right center;width:20px;height:20px;top:50%;right:20px;transform:translateY(-50%);transition:.3s}@media screen and (max-width: 812px){.theme .theme__list--wrap li a::after{right:10px}}@media screen and (max-width: 580px){.theme .theme__list--wrap li a::after{width:16px;height:16px}}.theme .theme__list--wrap li a:hover{color:#fe0000;opacity:1}@media screen and (max-width: 812px){.theme .theme__list--wrap li a:hover{color:#000;transition:unset}}.theme .theme__list--wrap li a:hover::before{transform:translate(0, -50%) scale(1.2);transition:.3s}@media screen and (max-width: 812px){.theme .theme__list--wrap li a:hover::before{transform:translate(0, -50%);transition:unset}}.theme .theme__list--wrap li a:hover::after{transform:translate(10px, -50%);transition:.3s}@media screen and (max-width: 812px){.theme .theme__list--wrap li a:hover::after{transform:translate(0, -50%);transition:unset}}.theme .theme__list--wrap li a span{display:block;font-size:80%}.theme .theme__list--wrap li a strong{font-size:120%;color:#fe0000}.main-contents .gotop{display:block;width:250px;margin:0 auto}@media screen and (max-width: 580px){.main-contents .gotop{width:200px}}.main-contents .gotop:hover{opacity:inherit}.main-contents .gotop img{width:100%}.main-contents .gotop img:hover{-webkit-animation:shake .4s ease;animation:shake .4s ease}@media screen and (max-width: 812px){.main-contents .gotop img:hover{-webkit-animation:none;animation:none}}@-webkit-keyframes shake{0%{transform:rotate(0)}16%{transform:rotate(12deg)}32%{transform:rotate(-10deg)}48%{transform:rotate(8deg)}64%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}96%{transform:rotate(-2deg)}100%{transform:rotate(0deg)}}@keyframes shake{0%{transform:rotate(0)}16%{transform:rotate(12deg)}32%{transform:rotate(-10deg)}48%{transform:rotate(8deg)}64%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}96%{transform:rotate(-2deg)}100%{transform:rotate(0deg)}}@media screen and (max-width: 812px){.main-contents .gotop img{-webkit-animation:none;animation:none}}/*# sourceMappingURL=style.css.map */