﻿.text-center-sp{text-align:center}@media (min-width: 1024px){.text-center-sp{text-align:left}}.text-center-pc{text-align:left}@media (min-width: 1024px){.text-center-pc{text-align:center}}.text-left{text-align:left}@media (min-width: 1024px){.br-sp{display:none}}.br-pc{display:none}@media (min-width: 1024px){.br-pc{display:block}}html{font-size:100%;overflow-x:hidden}body{font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.7;letter-spacing:5;color:#000;position:relative;overflow:hidden}.nav-en{font-family:'Montserrat', sans-serif;letter-spacing:0.18em;font-weight:bold;font-size:18px}.nav-ja{font-size:12px;font-family:fot-tsukuardgothic-std, sans-serif;font-style:normal;font-weight:700;letter-spacing:0.18em}.l-wrap{width:100%;height:100%}.l-main{width:100%;display:flex;position:relative;z-index:1;padding-bottom:1px;flex-grow:1}.l-main:before{content:none}@media (min-width: 1024px){.l-main:before{content:'';width:20%;max-width:250px;min-width:180px;flex-shrink:0;display:block;flex-grow:1}}.l-main__inner{width:80%;flex-grow:1}.l-container{width:100%;padding:0 1rem}.contents{padding:3rem 0;width:100%}@media (min-width: 1024px){.contents{padding:4rem 0;max-width:1000px;margin:0 auto;width:100%}}.contents-2{padding:.5rem 0 3rem;width:100%}@media (min-width: 1024px){.contents-2{padding:4rem 0;max-width:1000px;margin:0 auto;width:100%}}.contents-other{padding:1rem 0 0;width:100%}@media (min-width: 1024px){.contents-other{padding:1rem 0 4rem}}.col{display:flex;flex-wrap:wrap}.col-1{width:1.4rem}.col-2{width:100%}@media (min-width: 680px){.col-2{width:50%}}@media (min-width: 1024px){.col-2{width:50%}}.col-3{width:50%;padding:0 1rem;margin-top:2rem}.col-3:nth-child(-n+2){margin-top:0}@media (min-width: 680px){.col-3{width:33.333%}.col-3:nth-child(-n+3){margin-top:0}}@media (min-width: 1024px){.col-3{width:33.333%}.col-3:nth-child(-n+3){margin-top:0}}.col-4{width:50%;padding:0 1rem;margin-top:2rem}.col-4:nth-child(-n+2){margin-top:0}@media (min-width: 680px){.col-4{width:33.333%}.col-4:nth-child(-n+3){margin-top:0}}@media (min-width: 1024px){.col-4{width:25%}.col-4:nth-child(-n+4){margin-top:0}}img{width:100%;vertical-align:bottom}li{list-style:none;color:#365B56}ul a{color:#365B56}a{outline:none;color:#4D4D4D;text-decoration:none}a:hover{color:#DB8489}span{display:block}p{color:#4D4D4D;text-align:center;letter-spacing:0.18em}p::selection{background:#FCECE2}h1{font-size:34px}h2{font-family:'Montserrat', sans-serif;font-size:34px;text-align:center;color:#365B56;letter-spacing:0.18em;margin-bottom:1rem}@media (min-width: 1024px){h2{margin-bottom:20px}}.title-ja{font-size:14px;font-family:fot-tsukuardgothic-std, sans-serif;font-style:normal;font-weight:700}.title-ja-bg{font-size:20px;line-height:1.4}@media (min-width: 1024px){.title-ja-bg{font-size:24px}}.title-ja-min{font-size:14px;line-height:1.4;display:inline-block}@media (min-width: 1024px){.title-ja-min{font-size:14px}}.text-min{font-size:12px}@media (min-width: 1024px){.text-min{font-size:14px}}.font-green{color:#365B56}.text-bottom{margin-bottom:.5rem}.text-bg-pink{background-color:#FCECE2;padding:1rem}.line-pink{background:linear-gradient(transparent 70%, #FCECE2 70%);display:inline;padding:0 2px 4px}.bg-pink{background-color:#FCECE2}.bg-green{background-color:#365B56}.bg-right{padding:1rem 1rem 0;margin:0 auto}@media (min-width: 1024px){.bg-right{padding:0 0 0 3rem;margin:auto}}.bg-right-other{padding:1rem 1rem 0;margin:0 auto}@media (min-width: 1024px){.bg-right-other{padding:0 0 0 3rem;margin:auto}}.button-area{margin:1.5rem 0 0}@media (min-width: 1024px){.button-area{margin:50px 0 0}}.button-area a{background:#FFFAF5;padding:15px;text-align:center;width:230px;height:65px;margin:0 auto 20px;color:#365B56;border-radius:70px;position:relative;display:block;z-index:30;border:solid 1px;font-size:14px;padding:20px}.button-area a:after{content:'';display:inline-block;width:22px;height:18px;background-image:url(https://sukoyaka-kissa.com/asset/image/common/icon_arrow.svg);background-repeat:no-repeat;background-size:contain;vertical-align:middle;position:absolute;overflow:hidden;top:53%;margin-top:-7px;right:20px}.button-area a:hover{background:#DB8489;color:#FFFAF5}.button-area a:hover:after{content:'';background-image:url(https://sukoyaka-kissa.com/asset/image/common/icon_arrow_w.svg)}@media (min-width: 1024px){.button-area-left a{margin:0 0 20px}}.button-area{margin:1.5rem 0 0}@media (min-width: 1024px){.button-area{margin:50px 0 0}}.button-area input{background:#FFFAF5;padding:15px;text-align:center;width:230px;height:65px;margin:0 auto 20px;color:#365B56;border-radius:70px;position:relative;display:block;z-index:30;border:solid 1px;font-size:14px;padding:20px}.button-area input:after{content:'';display:inline-block;width:22px;height:18px;background-image:url(https://sukoyaka-kissa.com/asset/image/letter/icon_mail.svg);background-repeat:no-repeat;background-size:contain;vertical-align:middle;position:absolute;overflow:hidden;top:53%;margin-top:-7px;right:20px}.button-area input:hover{background:#DB8489;color:#FFFAF5}.button-area input:hover:after{content:'';background-image:url(https://sukoyaka-kissa.com/asset/image/common/icon_arrow_w.svg)}header{display:none}@media (min-width: 1024px){header{background-color:#FFFAF5;position:fixed;flex-direction:column;top:0;left:0;height:100%;width:20%;max-width:250px;display:flex;z-index:100}header .logo{width:60%;position:absolute;top:4%;left:50%;transform:translate(-50%, 0)}header .left-nav{display:flex;font-size:18px;margin-top:105%;list-style:none;flex-direction:column;text-align:center;line-height:2;z-index:300}header .left-nav li{margin-bottom:2.5rem}header .left-nav li a{color:#365B56}header .left-nav li a:hover{color:#DB8489}header .left-nav li .nav-en{font-family:'Montserrat', sans-serif;letter-spacing:0.18em;font-weight:bold;font-size:18px}header .left-nav li .nav-ja{font-size:12px;font-family:fot-tsukuardgothic-std, sans-serif;font-style:normal;font-weight:700;letter-spacing:0.18em}}.header-sp{background-color:#fff;height:140px}.header-sp h1{width:130px;padding:1rem 1rem 1.5rem}@media (min-width: 1024px){.header-sp{display:none}}.sns{line-height:0;display:none}@media (min-width: 1024px){.sns{display:block}}.sns .col{justify-content:flex-start;margin:1rem auto}@media (min-width: 1024px){.sns .col{justify-content:flex-end;margin:1.5rem 1.5rem 1.5rem 0}}.svg{fill:#365B56}.svg:hover{fill:#DB8489}.svg-w{fill:#FCECE2}.svg-w:hover{fill:#DB8489}.include-svg{display:none}.c-extnav>li>.c-extnav__instagram{margin-right:1rem;display:block;width:35px;height:35px;padding:5px}.c-svg{text-align:left;display:block;width:100%}.c-svg>span{display:block;width:100%;padding-bottom:100%;margin-left:auto;margin-right:auto;position:relative}.c-svg>span>svg{width:100%;height:100%;position:absolute}body.loading{overflow:hidden;height:100%}.loading-animation{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#FCECE2;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:opacity 0.5s ease-out}.loading-animation.hidden{opacity:0;pointer-events:none}.loading-image img{width:auto;height:100px;object-fit:contain;animation:rotate 2s infinite linear}.loading-text{margin-top:10px;font-size:24px;font-family:'Montserrat', sans-serif;color:#365B56}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.nan-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.nan-container img{position:absolute;width:100px;height:auto;animation:floatAndFade 2s ease-out forwards}@keyframes floatAndFade{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-100px) scale(0.5)}}.ripple-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}.ripple{position:absolute;width:80px;height:80px;background:rgba(255,0,212,0.5);transform:scale(0);transform-origin:center;animation:ripple-effect 1s ease-out forwards;clip-path:path("M40,20 C40,0 72,0 72,20 C72,40 40,80 40,80 C40,80 8,40 8,20 C8,0 40,0 40,20 Z")}.ripple.secondary{animation-delay:0.3s;background:rgba(255,0,212,0.3)}@keyframes ripple-effect{0%{transform:scale(0);opacity:1}100%{transform:scale(10);opacity:0}}.text-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}.text{position:absolute;font-size:40px;font-weight:bold;color:#ffd000;animation:text-scatter 1s ease-out forwards;font-family:fot-tsukuardgothic-std, sans-serif}@keyframes text-scatter{0%{transform:translate(0, 0) scale(1);opacity:1}100%{transform:translate(calc(-100px + 200px * var(--x)), calc(-100px + 200px * var(--y))) scale(0.5);opacity:0}}.top-main .contents{margin:10px auto 0}.fade{width:100%;margin:0 auto 50px;padding:0;height:auto}.fade img{width:100%;height:70vw;object-fit:cover}@media (min-width: 1024px){.fade img{height:40vw}}.top-about .button-area{position:relative}.top-about .circle1{position:absolute;height:auto;animation:fuwafuwa 2s infinite ease-in-out;pointer-events:auto;cursor:pointer;top:4rem;width:13rem;right:-1rem}@media (min-width: 1024px){.top-about .circle1{top:3rem;width:18rem;right:-4rem}}.top-letter .contents{margin-bottom:0}.top-letter .button-area{position:relative}footer .footer-area{max-width:500px;margin:0 auto;text-align:center}footer img{width:20%}@media (min-width: 1024px){footer img{width:13%}}footer .col{margin-bottom:2rem;justify-content:center}footer .col-footer{width:30%}footer .col-2{width:30%}@media (min-width: 1024px){footer .col-2{width:35%}}footer p{color:#FCECE2}footer a{color:#FCECE2}footer .h-subnav .c-extnav__instagram{margin:0 2rem}.gallery ul.header-dropmenu{list-style:none;width:15rem;height:40px;margin:0 auto 2rem;padding-bottom:0;display:table;table-layout:fixed;position:relative;z-index:1000000}@media (min-width: 1024px){.gallery ul.header-dropmenu{margin:0 0 2rem auto}}.gallery ul.header-dropmenu>li{position:relative;display:table-cell;vertical-align:middle;border:1px solid #365B56}.gallery ul.header-dropmenu li a{display:block;text-align:center;line-height:40px;text-decoration:none;font-size:14px}.gallery ul.header-dropmenu li ul{visibility:hidden;width:15rem;list-style:none;position:absolute;top:100%;left:-1px;margin:0;padding:0;border:1px solid #365B56;border-top:#fff}.gallery ul.header-dropmenu li:hover ul{visibility:visible}.gallery ul.header-dropmenu li ul li{background:#fff;transition:all .2s ease}.gallery ul.header-dropmenu>li:hover{background:#fff;border:1px solid #365B56}.gallery ul.header-dropmenu li:hover ul li:hover{background:#FCECE2}.gallery .header-dropmenu .arrow{text-align:left;color:#365B56;margin-left:1rem}.gallery .header-dropmenu .arrow:after{content:'';width:8px;height:8px;border:0px;border-bottom:solid 1px #365B56;border-right:solid 1px #365B56;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:1rem;margin-top:-7px}.global-nav{position:fixed;right:-480px;top:0;width:300px;height:100vh;padding-top:60px;background-color:#FFFAF5;transition:all .6s;z-index:200;overflow-y:auto}.hamburger{position:fixed;right:0;top:0;width:60px;height:60px;cursor:pointer;z-index:300}.global-nav__list{display:block;margin:0;padding:0;list-style:none}.global-nav__item{text-align:center;padding:0 14px;font-size:16px}.global-nav__item a{display:block;padding:20px 0;text-decoration:none;color:#365B56;font-weight:500}.global-nav__item a:hover{color:#DB8489}.hamburger__line{position:absolute;left:15px;width:27px;height:2px;background-color:#365B56;transition:all .6s}.hamburger__line--1{top:18px}.hamburger__line--2{top:28px}.hamburger__line--3{top:38px}.black-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:100;background-color:#fff;opacity:.7;visibility:hidden;transition:all .6s;cursor:pointer}.nav-open .global-nav{right:0}.nav-open .black-bg{opacity:.7;visibility:visible}.nav-open .hamburger__line--1{transform:rotate(45deg);top:30px}.nav-open .hamburger__line--2{width:0;left:50%}.nav-open .hamburger__line--3{transform:rotate(-45deg);top:30px}.global-nav__item-sns{display:block;margin-top:30px;text-align:center}.global-nav__item-sns .col{justify-content:center}.global-nav__item-sns a{margin:0 1.5rem}.sns-icon{margin:0 30px}.twi img{width:30px}.ins img{width:30px}@keyframes fuwafuwa{0%{transform:translate(0, 0)}50%{transform:translate(0, -20px)}100%{transform:translate(0, 0)}}.zoom{width:100%;overflow:hidden}.zoom img{transition:1s all}@media (min-width: 1024px){.zoom img:hover{transform:scale(1.1, 1.1)}}@media (min-width: 680px){.letter form{width:80%;margin:0 auto}}.letter dd input{width:100%;height:40px;border:solid 1px #365B56;caret-color:#DB8489;border-radius:0;color:#4D4D4D;padding:5px}.letter dd input:focus{background-color:#FCECE2}.letter dt{margin-top:1.5rem}.letter textarea{width:100%;height:130px;border:solid 1px #365B56;caret-color:#DB8489;border-radius:0;color:#4D4D4D;padding:5px}.letter textarea:focus{background-color:#FCECE2;outline:0}input[type="text"]:focus{outline:0}.circle1{position:absolute;height:auto;animation:fuwafuwa 2s infinite ease-in-out;pointer-events:none;top:4rem;width:13rem;right:-1rem}@media (min-width: 1024px){.circle1{top:3rem;width:18rem;right:-4rem}}.pyon{position:absolute;height:auto;animation:pyonpyon 3s infinite ease;cursor:pointer;top:4rem;width:9rem;left:.5rem}@media (min-width: 1024px){.pyon{top:-4rem;width:14rem;left:8rem}}@keyframes pyonpyon{0%{transform:translate(0, 0)}5%{transform:translate(0, 0)}10%{transform:translate(0, 0)}20%{transform:translate(0, -15px)}25%{transform:translate(0, 0)}30%{transform:translate(0, -15px)}50%{transform:translate(0, 0)}}
