﻿.protect,.content-title{position:relative}.protect::before,.content-title::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}.opa{transition:all .2s ease-out}.opa:hover{opacity:.6}.margin05{margin-top:min(2vw,.5em) !important}.margin1{margin-top:min(4vw,1em) !important}.margin2{margin-top:min(6vw,2em) !important}.margin3{margin-top:min(8vw,3em) !important}.center{margin-left:auto;margin-right:auto;text-align:center}.minitxt{line-height:1.5;font-size:86%}.listitem li{position:relative;padding-left:1.1em}.listitem li::before{position:absolute;left:0;top:0}.listitem.list1 li::before{content:"※"}@media screen and (min-width: 48.0625em){.pcNone{display:none}}@media screen and (max-width: 48em){.spNone{display:none}}*:has(>.visually-hidden){position:relative}*:has(>.visually-hidden) .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.fadeinitem{opacity:0;transform:translateY(1.5em)}.fadeinitem.visible{animation:fadeinitem .4s linear 0s both}@keyframes fadeinitem{0%{opacity:0;transform:translateY(1.5em)}100%{opacity:1;transform:translateY(0)}}.movie{overflow:hidden;box-sizing:border-box;border-radius:1em}.movie>div{position:relative;width:100%}.movie>div iframe{position:absolute;inset:0;width:100%;height:100%}.movie.short>div{aspect-ratio:9/16}.movie:not(.short)>div{aspect-ratio:16/9}#Loading{z-index:200;position:fixed;width:100%;height:100%;left:0;top:0;background-color:#ffe600;display:flex;justify-content:center;align-items:center}#Loading p{overflow:hidden;width:min(50vw,300px);aspect-ratio:1/1;background-image:url(../img/loading.jpg);background-position:0 0;background-repeat:no-repeat;background-size:100% auto;border-radius:50%;animation:moveitem .8s linear 0s infinite}@media screen and (max-width: 48em){#Loading p{width:60vw}}@keyframes moveitem{0%{transform:translateY(0)}70%{transform:translateY(0.5em)}100%{transform:translateY(0)}}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:"游ゴシック",YuGothic,"Helvetica","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Helvetica Neue",Arial,sans-serif}body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd,div,ul,li,ol{margin:0;padding:0}ul,ol{list-style:none}body{min-height:100vh;line-height:1.7;font-size:clamp(.938rem,.915rem + .11vw,1rem);color:#111;background-color:#fff}h1,h2,h3,h4,h5,input,label{line-height:1.4}a{text-decoration:none;outline:none;color:#111;overflow-wrap:break-word}a:hover{color:#111}a:focus,a:visited{outline:none;color:#111}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,svg,figure,iframe{width:100%;display:block;border:none}button{padding:0;background-color:rgba(0,0,0,0);border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}::selection{background-color:#cdcdcd}::-moz-selection{background-color:#cdcdcd}.webp-support .backimg{background-image:url(../img/backimg.webp)}.webp-support .wrap::after{background-image:url(../img/mainbase.webp)}.backimg{z-index:-1;position:fixed;left:0;top:0;width:100%;height:100%;background-image:url(../img/backimg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.wrap{position:relative;width:min(96vw,900px);margin-inline:auto;opacity:0}.wrap::after{content:"";position:fixed;left:50%;top:0;transform:translateX(-50%);width:min(96vw,900px);height:100vh;background-image:url(../img/mainbase.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.wrap>*{position:relative;z-index:2}.wrap.fadein{animation:wrapfadein .6s linear .8s both}@keyframes wrapfadein{0%{opacity:0}100%{opacity:1}}.header h1 img{aspect-ratio:900/1100;background-image:url(../img/mainimg.jpg);height:auto;background-position:center center;background-repeat:no-repeat;background-size:100% auto}.header-btn{z-index:10;display:block;position:absolute;right:2%;top:27%;width:min(20vw,160px)}.main{padding:min(6vw,2em) 0 min(12vw,4em)}.main-link a{position:relative;display:block;border-radius:5px;line-height:1.4;text-align:center;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-weight:600;color:#fff;background-color:#ff328c;transition:all .2s ease-out}.main-link a::after{content:"";position:absolute;right:3%;top:0;bottom:0;margin:auto;width:.6em;height:.6em;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:all .2s ease-out}.main-link .new::before{content:"NEW";position:absolute;left:0;top:-0.8em;width:5em;padding:.1em 0;text-align:center;font-size:90%;color:#ff328c;background-color:#ffe600;border-radius:9999px}@media(hover: none){.main-link a:active{background-color:#111}.main-link a:active::after{transform:translateY(3px) rotate(45deg)}}@media(hover: hover){.main-link a:hover{background-color:#111}.main-link a:hover::after{transform:translateY(3px) rotate(45deg)}}@media screen and (min-width: 48.0625em){.main-link{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:.5em;margin-inline:1em}.main-link a{display:flex;justify-content:center;align-items:center;padding:.7em 0}}@media screen and (max-width: 48em){.main-link{margin-inline:6vw}.main-link a{margin-top:2vw;padding:1em 0}}.content{position:relative;margin-top:min(6vw,3em);padding:min(8vw,3em) min(5vw,3em);border-radius:3em 3em 0 0}.content.new::before{content:"NEW";z-index:3;position:absolute;left:1em;top:-1em;width:4em;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-size:110%;font-weight:700;color:#ff328c;background-color:#ffe600;border-radius:50%}.content-title2{width:6em;margin-inline:auto;margin-bottom:.3em;padding:.2em 0;letter-spacing:.1em;text-align:center;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-size:130%;font-weight:800;color:#fff;background-color:#111;border-radius:9999px}.content-title{text-align:center}.content-title img{display:inline-block;width:min(100%,500px)}.content-catch{line-height:1.4;text-align:center;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-size:130%;font-weight:800}.content-jk{width:min(76vw,500px);margin-inline:auto;border:3px solid #fff}.content-jk img{aspect-ratio:1/1;height:auto;background-position:center center;background-repeat:no-repeat;background-size:100% auto}.content-btn{position:relative;display:block;width:min(70vw,400px);margin-inline:auto;border-radius:9999px}.content-btn::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:9999px;background-color:#111;transform:translateY(3px)}.content-btn span{z-index:3;display:block;position:relative;padding:1em 0;letter-spacing:.06em;text-align:center;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-weight:600;color:#fff;background-color:#ff328c;border-radius:9999px;transition:all .2s ease-out}.content-btn span::after{content:"";position:absolute;right:6%;top:0;bottom:0;margin:auto;width:.8em;height:.8em;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);transition:all .2s ease-out}.content-shuroku{box-sizing:border-box;width:min(100%,600px);margin-inline:auto;padding-bottom:.1em;padding-left:.5em;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-size:130%;font-weight:700;color:#fff}.content-music{width:min(100%,600px);margin-inline:auto;padding:min(3vw,1em);background-color:#fff;border-radius:1em}.content-music li{position:relative;margin-top:.4em;padding-top:.1em;padding-left:1.8em;line-height:1.4;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-size:120%;font-weight:800}.content-music li::before{content:"";position:absolute;left:0;top:.2em;width:1.4em;height:1.4em;background-position:center center;background-repeat:no-repeat;background-size:100% auto}.content-music li:not(.talk){color:#188ad6}.content-music li:not(.talk)::before{background-image:url(../img/music-icon1.svg)}.content-music li.talk{padding-top:1.5em;color:#e52080}.content-music li.talk::before{background-image:url(../img/music-icon2.svg)}.content-music li.talk::after{position:absolute;left:1.8em;top:.2em;text-align:center;font-size:86%;color:#fff;background-color:#e52080;border-radius:9999px}.content .movie.short{width:min(100%,400px);margin-inline:auto}@media(hover: none){.content-btn:active span{color:#111;background-color:#fff;transform:translateY(3px)}.content-btn:active span::after{border-right-color:#111;border-bottom-color:#111;transform:translateX(3px) rotate(-45deg)}}@media(hover: hover){.content-btn:hover span{color:#111;background-color:#fff;transform:translateY(3px)}.content-btn:hover span::after{border-right-color:#111;border-bottom-color:#111;transform:translateX(3px) rotate(-45deg)}}@media screen and (max-width: 48em){.content.new::before{left:-2vw}.content-catch{font-size:120%}.content-music li{font-size:110%}}#secondEd{background-color:rgba(94,223,228,.7)}#secondEd .content-jk img{background-image:url(../img/second_jk.jpg)}#secondEd .content-music li.talk::after{content:"けけちゃまのおはなし&おたより紹介";width:20em}#firstEd{background-color:rgba(237,122,147,.7)}#firstEd .content-jk img{background-image:url(../img/first_jk.jpg)}#firstEd .content-music li.talk::after{content:"けけちゃまのおはなし";width:12.5em}#Newsletter{margin-inline:min(3vw,3em);background-color:#fff;border:3px solid #ffe600;border-radius:1em}#Newsletter.close{pointer-events:none}#Newsletter.close::before{content:"準備中！";position:absolute;z-index:10;left:50%;width:6em;padding-left:.6em;text-align:center;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-size:150%;font-weight:700;color:#fff;background-color:#111;border-radius:.5em;transform:translateX(-50%) rotate(-10deg)}#Newsletter.close::after{content:"";position:absolute;opacity:.6;z-index:9;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);background-color:#fff;border-radius:1em}#Newsletter .title{text-align:center;font-family:"Noto Sans JP",sans-serif;font-style:normal;font-size:140%;font-weight:800;color:#ff328c}#Newsletter .title span{position:relative;padding:0 1.2em;display:inline-block}#Newsletter .title span::before,#Newsletter .title span::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1em;height:1em;background-color:#ff328c;border-radius:50%}#Newsletter .title span::before{left:0}#Newsletter .title span::after{right:0}#Newsletter .content-btn span{color:#111;background-color:#ffe600}#Newsletter .content-btn span::after{border-right-color:#111;border-bottom-color:#111}@media screen and (max-width: 48em){#Newsletter .content-catch{font-size:110%}}/*# sourceMappingURL=style.css.map */