@charset "utf-8";
/*!
 * ress.css • v3.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
 html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}
/**/
*{box-sizing:border-box}
:focus{outline:none}
:root{--bs-textcolor:#39240a;--bs-brown:#5d4222;--bs-cyan:#2bbdb9;--bs-water:#7db7ff;--bs-perple:#d7a3cb;--bs-orange:#f7ab2d;--bs-yellow:#ffd800;--bs-green:#87c97f;--bs-font-sans-serif:YakuHanRP,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3",Hiragino Kaku Gothic ProN,Arial,\30E1\30A4\30EA\30AA,Meiryo,sans-serif;--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0))}
ol,ul{list-style:none}
button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none}
.p-font{font-family:'Poppins','Noto Sans JP',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
.sanserif-font{font-family:'Noto Sans JP',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
.serif-font{font-family:'Noto Serif JP',"游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}
.f-color-p{color:#f87a9e}
.f-color-y{color:#ffdb3a}
.f-color-c{color:#4bc8d2}
.f-color-pur{color:#d195c3}
.f-color-b{color:#44cff5}
.f-size-9{font-size:.5625rem}
.f-size-11{font-size:.6875rem}
.f-size-12{font-size:.75rem}
.f-size-13{font-size:.8125rem}
.f-size-14{font-size:.875rem}
.f-size-15{font-size:.9375rem}
.f-size-16{font-size:1rem}
.f-size-18{font-size:1.125rem}
.f-size-18-16{font-size:1.125rem}
.f-size-21{font-size:1.3125rem}
.f-size-24{font-size:1.5rem}
.f-size-28{font-size:1.75rem}
.f-size-32{font-size:2rem}
.f-size-32-24{font-size:2rem}
.f-size-38{font-size:2.375rem}
.f-size-40{font-size:2.5rem}
.f-size-56{font-size:3.5rem}
.f-size-64{font-size:4rem}
@media(max-width:768px) {
.f-size-13{font-size:calc(0.7109375rem + ((1vw - 3.6px) * 0.3983))}
.f-size-14{font-size:calc(0.765625rem + ((1vw - 3.6px) * 0.4289))}
.f-size-15{font-size:calc(0.8203125rem + ((1vw - 3.6px) * 0.4596))}
.f-size-16{font-size:calc(0.875rem + ((1vw - 3.6px) * 0.4902))}
.f-size-18-16{font-size:calc(0.875rem + ((1vw - 3.6px) * 0.4902))}
.f-size-18{font-size:calc(0.984375rem + ((1vw - 3.6px) * 0.5515))}
.f-size-21{font-size:calc(1.125rem + ((1vw - 3.6px) * 0.7353))}
.f-size-24{font-size:calc(1.3125rem + ((1vw - 3.6px) * 0.7353))}
.f-size-32{font-size:calc(1.625rem + ((1vw - 3.6px) * 1.4706))}
.f-size-32-24{font-size:calc(1.5rem + ((1vw - 0.225rem) * 1.9608))}
.f-size-38{font-size:calc(2rem + ((1vw - 3.6px) * 1.9608))}
.f-size-40{font-size:calc(2rem + ((1vw - 3.6px) * 1.9608))}
.f-size-56{font-size:calc(2.5rem + ((1vw - 3.6px) * 1.9608))}
.f-size-64{font-size:calc(3rem + ((1vw - 3.6px) * 3.4314))}
}
.only-sp{display:none!important;pointer-events:none}
@media(max-width:768px) {
.only-pc{display:none!important}
.only-sp{display:unset!important;pointer-events:auto}
}
.fill-line{padding:0 .25em;background:linear-gradient(#4d3a2e 60%,#4d3a2e 60%);background-repeat:no-repeat}
.fill-line-cy{padding:0 .25em;background:linear-gradient(#4bc8d2 60%,#4bc8d2 60%);background-repeat:no-repeat}
.fill-line-y{padding:0 .25em;background:linear-gradient(#ffd800 60%,#ffd800 60%);background-repeat:no-repeat}
.fill-line-p{padding:0 .25em;background:linear-gradient(#f98ab6 60%,#f98ab6 60%);background-repeat:no-repeat}
.under-harfline-p{padding:0 .2em;background:linear-gradient(transparent 60%,#ffb8ce 60%);background-repeat:no-repeat}
.under-line{padding:0 .1em 5px;background:linear-gradient(transparent 90%,#4d3a2e 0%);background-repeat:no-repeat}
.under-line-p{padding:0 .1em 5px;background:linear-gradient(transparent 90%,#f87a9e 0%);background-repeat:no-repeat}
.under-line-y{padding:0 .1em 5px;background:linear-gradient(transparent 90%,#ffc426 0%);background-repeat:no-repeat}
.text-under{border-bottom:1px solid var(--bs-textcolor)}
.news-tag{color:red}
body{color:var(--bs-textcolor);background-image:url(../img/bg.png);background-repeat:repeat;background-position:center top;font-family:'Poppins','Noto Sans JP',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
.header{position:sticky;top:0;left:0;right:0;z-index:100;width:100%;min-width:1080px;height:82px;padding:10px 20px 0;border-bottom:1px solid #eee;background-color:#FFF;box-shadow:0 4px 7px -5px rgba(165,165,165,0.8)}
@media(max-width:768px) {
.header{min-width:auto;border-bottom:none;background-color:inherit;box-shadow:none}
}
.header-wrap{position:relative;display:flex;justify-content:space-between}
.header-logo{padding-top:7px;z-index:10}
.header-logo a{transition:all ease .2s}
.header-logo a:hover{opacity:.75}
.header-logo img{width:auto;max-width:100%;height:54px;vertical-align:middle}
@media(max-width:768px) {
.header-logo{width:42%}
.header-logo img{height:auto}
}
.header-gnav-list{padding-top:14px;display:flex}
.header-gnav-inner{display:flex;align-items:center;justify-content:center;height:40px;padding:0 1.30208vw;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-decoration:none;transform:translate(0px,0px);transition:all ease .1s}
.header-gnav-inner:active{opacity:.5;transform:translate(0px,2px)}
.header-gnav-icon{margin:0 1.30208vw;width:40px;height:40px;line-height:39px;text-align:center;display:block;border-radius:8px;background-color:#b2a08a;color:#FFF;text-decoration:none;transition:all ease .2s}
.header-gnav-icon:hover{background-color:#e8d2b7}
.ttl{font-family:'Poppins',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:var(--bs-brown);transition:all ease .14s}
.ttl_jp{font-size:.5625rem;color:var(--bs-brown)}
.top-nav:hover .ttl{color:red}
.intro-nav:hover .ttl{color:#79b8e7}
.point-nav:hover .ttl{color:#d7a3cb}
.chara-nav:hover .ttl{color:#ffdb3a}
.special-nav:hover .ttl{color:#7fcdcc}
.download-nav:hover .ttl{color:#c0e462}
.sp-nav,.dl-nav{opacity:.4}
.home-nav{color:#FFF}
.home-nav:hover span{color:#FFF}
.header-line{position:absolute;width:100%;height:4px;top:-24px;z-index:10}
.header-line-item{display:inline-block;width:6%;height:100%;margin:0 5px 0 0;background-color:#79b8e7}
.header-line-item:nth-of-type(1){background:#f08eaa}
.header-line-item:nth-of-type(2){background:#ffdb3a}
.header-line-item:nth-of-type(3){background:#8ef8f7}
.header-line-item:nth-of-type(4){background:#e89ed7}
@media(max-width:768px) {
.header-line-item{display:inline-block;width:calc(20% - 3px);height:100%;margin:0 5px 0 0;background-color:#79b8e7}
}
.header-gnav-item{position:relative}
.nav-newtag::before{content:"NEW!";display:block;position:absolute;text-align:center;top:-13px;left:0;right:0;font-size:.6875rem;color:red}
#switchbtn{position:fixed;top:22px;right:15px;margin-left:-11px;width:45px;height:45px;cursor:pointer;z-index:100}
.btnHamburger .line{position:absolute;top:0;left:0;display:block;width:35px;height:2px;background:#3e2b14;border-radius:2px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.btnHamburger .line_01{top:8px}
.btnHamburger .line_02{top:21px}
.btnHamburger .line_03{top:34px}
.btnHamburger.is-active .line_01{top:21px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.btnHamburger.is-active .line_02{opacity:0}
.btnHamburger.is-active .line_03{top:21px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.header-info{display:block;position:fixed;top:68%;left:-5px;width:57px;padding:20px 15px 16px;text-align:center;background-color:#13b5b1;border-radius:0 10px 10px 0;z-index:10;background:repeating-linear-gradient(45deg,#2bbdb9,#2bbdb9 10px,#13b5b1 0,#13b5b1 20px);transition:all ease .2s}
.header-infoB{display:block;position:fixed;top:calc(68% - 160px);left:-5px;width:57px;padding:20px 15px 16px;text-align:center;background-color:#00a0e9;border-radius:0 10px 10px 0;z-index:10;background:repeating-linear-gradient(45deg,#33b3ed,#33b3ed 10px,#00a0e9 0,#00a0e9 20px);transition:all ease .2s}
.header-infoB:hover,.header-info:hover{left:0}
.header-sp-menu{width:100%;height:100%;position:fixed;top:0;right:0;z-index:9;padding:80px 20px 40px 22px;pointer-events:none;opacity:1;background-color:rgba(255,254,240,0.8);transform:translateX(-100%);transition:all ease .4s}
.is-open{transform:translateX(0%);opacity:1;pointer-events:all}
.header-sp-logo{display:block;width:65%;display:none}
.header-sp-logo img{max-width:100%}
.header-gnav-list-sp{display:flex;flex-direction:column}
.header-gnav-item-sp{display:inline-block;margin-top:1.5em;opacity:0;transition:all cubic-bezier(0.45,0,0.55,1) .6s}
.set-active{opacity:1}
.header-gnav-item-sp a{text-decoration:none;letter-spacing:.08em;color:#5d4222}
.header-gnav-item-sp a:active{opacity:.6}
.ttl_jp_sp{font-size:67.85%}
.cls-1{fill:#5d4222}
#toppage{display:none;position:fixed;width:18vw;max-width:69px;bottom:80px;right:20px;z-index:12;transition:opacity .2s ease}
#toppage a:hover{opacity:.65}
#share{position:fixed;right:0;top:44.5%;transform:translateY(-50%);padding-top:68px;padding:68px 18px 16px;z-index:10;background-color:#FFF;border-top:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #eee}
.share-ttl{font-size:.625rem;font-weight:700;letter-spacing:.06em;line-height:0;white-space:nowrap;transform-origin:0 0;position:absolute;left:18px;top:18px;transform:rotate(90deg) translate(0px,-12px)}
.share__list li{margin-bottom:5px}
.share__list li path{fill:var(--bs-textcolor)}
.share__list li a{transition:all ease .2s}
.share__list li a:hover{opacity:.65}
/**material-icons**/
.material-icons{display:inline-flex;vertical-align:middle}
.material-icons.md-14{font-size:.875rem;line-height: 11px;}
.material-icons.md-16{font-size:1rem}
.material-icons.md-17{font-size:1.0625rem}
.material-icons.md-18{font-size:1.125rem}
.material-icons.md-21{font-size:1.3125rem}
.material-icons.md-24{font-size:1.5rem}
.material-icons.md-36{font-size:2.25rem}
.material-icons.md-48{font-size:3rem}
@media(max-width:768px) {
    .material-icons.md-48{font-size:calc(2rem + ((1vw - 3.6px) * 3.9216))}
}
.material-icons.md-dark{color:rgba(0,0,0,0.54)}
.material-icons.md-dark.md-inactive{color:rgba(0,0,0,0.26)}
.material-icons.md-light{color:rgba(255,255,255,1)}
.material-icons.md-light.md-inactive{color:rgba(255,255,255,0.3)}