#loader-bg{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;z-index:1000}#loader{display:none;position:fixed;top:50%;left:50%;width:200px;height:200px;margin-top:-100px;margin-left:-100px;text-align:center;color:#fff;z-index:1001}.main-visual{width:100%;height:auto;text-align:center;position:relative;color:#fff;z-index:1;overflow:hidden}.main-visual:before{position:relative;display:block;content:'';padding-top:56.25%;width:100%}.main-visual video{position:absolute;top:0;left:0;width:auto;height:auto;max-width:100%}.main-visual .pattern{position:absolute;top:-80px;left:0;width:100%;height:calc(100% + 80px);background:url("/wp-content/themes/tatamikurisaki/img/top/pat.png")}.main-visual .title-block{position:absolute;height:200px;width:500px;top:0;bottom:0;left:0;right:0;margin:auto}.main-visual p:first-of-type{position:relative;font-size:2.25em;line-height:1em;margin-bottom:6px;opacity:.8}.main-visual h1{font-size:4.5em;line-height:1em;margin-bottom:6px;font-weight:700;opacity:.8}.main-visual p:last-of-type{font-size:2.25em;opacity:.8}@media screen and (max-width:640px){.main-visual video{position:absolute;height:500px;width:auto;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.main-visual .title-block{width:80%;height:auto;position:absolute;display:block;margin:0;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.main-visual .title-block p:first-of-type{font-size:1.2em}.main-visual .title-block h1{font-size:2em}.main-visual .title-block p:last-of-type{font-size:1.2em;opacity:.8}}.post{background:url("/wp-content/themes/tatamikurisaki/img/top/bg-tatami.png") repeat;padding:60px 0 80px;color:#fff;z-index:10;position:relative}.post .width>div{width:240px;float:left;padding-top:100px;margin-right:90px;text-align:center}.post .width>div:first-of-type h1{font-size:48px;font-weight:700;margin-bottom:10px;color:#fff;text-align:center}.post .width>section{width:310px;float:left}.post .width>section+section{margin-left:40px}.post .width>section h1{font-size:1.125em;margin-bottom:20px}.post .width>section article{font-size:.875em;padding-bottom:5px;border-bottom:solid 1px rgba(255,255,255,.5)}.post .width>section article div{float:right;width:calc(100% - 100px);color:#fff;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.post .width>section article div time{line-height:1em;letter-spacing:.1em;font-size:.8em;font-weight:400}.post .width>section article div h2{margin-bottom:6px}.post .width>section article div p{line-height:1.2em;letter-spacing:.05em;font-size:.9em;font-weight:400;color:#eee}.post .width>section article img{float:left;width:100px;height:80px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:"object-fit: cover; object-position: center center;"}.post .width>section article+article{margin-top:28px}.post .btn{margin:0 auto}.post .btn+.btn{margin-top:10px}@media screen and (max-width:1024px){.post{padding:0}.post .width{-ms-flex-wrap:wrap;flex-wrap:wrap}.post .width>div{width:100%;float:left;padding-top:0;margin-right:0;margin-bottom:50px;text-align:center}.post .width>div:first-of-type h1{font-size:20px}.post .width>section{width:50%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.post .width>section+section{margin-left:0}.post .width>section h1{font-size:1.125em;margin-bottom:10px}.post .width>section article{font-size:13px}.post .width>section article h2{font-size:15px;font-weight:500;margin-bottom:6px}.post .width>section article time{font-size:11px;letter-spacing:.2em;margin-bottom:6px}.post .width>section article div{width:100%;color:#fff}.post .width>section article img{width:100%;height:120px}.post .width>section article+article{margin-top:20px}}@media screen and (max-width:640px){.post .width>section article img{height:80px}}.menu-block{background:#fff;position:relative;z-index:10}.menu-block article{width:calc(50% - 1px);float:left;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;height:330px;padding-top:80px;background-size:cover;position:relative}.menu-block article h2{font-size:2.25em}.menu-block article p{font-size:.875em;line-height:1.72em;margin-bottom:20px}.menu-block article.pet{background:#bdccd4 url("/wp-content/themes/tatamikurisaki/img/top/top-pet.jpg") right center no-repeat;background-size:cover}.menu-block article.pet:before{content:'';display:block;width:100%;height:100%;background-color:#bdccd4;opacity:.7;position:absolute;top:0;left:0;z-index:1}@media screen and (max-width:1024px){.menu-block article.pet{background-position:right center}}.menu-block article.child{background:#ff7bac url("/wp-content/themes/tatamikurisaki/img/top/top-child.jpg") left center no-repeat;background-size:cover}.menu-block article.child:before{content:'';display:block;width:100%;height:100%;background-color:#ff7bac;opacity:.7;position:absolute;top:0;left:0;z-index:1}@media screen and (max-width:1024px){.menu-block article.child{background-position:center center}}.menu-block article.timing{background:#8cc63f url("/wp-content/themes/tatamikurisaki/img/top/top-timing.jpg") right center no-repeat;background-size:cover}.menu-block article.timing:before{content:'';display:block;width:100%;height:100%;background-color:#8cc63f;opacity:.7;position:absolute;top:0;left:0;z-index:1}@media screen and (max-width:1024px){.menu-block article.timing{background-position:center center}}.menu-block article.flow{background:#3fa9f5 url("/wp-content/themes/tatamikurisaki/img/top/top-flow.jpg") center center no-repeat;background-size:cover}.menu-block article.flow:before{content:'';display:block;width:100%;height:100%;background-color:#3fa9f5;opacity:.7;position:absolute;top:0;left:0;z-index:1}@media screen and (max-width:1024px){.menu-block article.flow{background-position:right center}}.menu-block article:nth-child(1){width:100%;height:660px}@media screen and (max-width:1024px){.menu-block article:nth-child(1){height:auto}}.menu-block article:nth-child(2){margin-bottom:2px}.menu-block article:nth-child(3){margin-bottom:2px;float:right;margin-left:2px}.menu-block article:nth-child(4){margin-bottom:2px;float:left}.menu-block article:nth-child(5){float:right;margin-left:2px}@media screen and (max-width:1024px){.menu-block article{width:100%;height:auto;padding:50px 15px}.menu-block article h2{font-size:1.8em}}.menu-block article .width-right{width:511px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 100px 0 15px;float:right;z-index:2;position:relative}.menu-block article .width-right .btn{float:right}@media screen and (max-width:1024px){.menu-block article .width-right{width:auto;padding:0 15px}.menu-block article .width-right .btn{float:left}}.menu-block article .width-left{width:511px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px 0 100px;float:left;z-index:2;position:relative}.menu-block article .width-left .btn{float:left}@media screen and (max-width:1024px){.menu-block article .width-left{width:auto;padding:0}.menu-block article .width-left .btn{float:left}}.menu-block .concept{width:100%;padding-top:250px;background:#fff url("/wp-content/themes/tatamikurisaki/img/top/top-concept.jpg") center center no-repeat;background-size:auto 100%;color:#fff;margin-bottom:2px}.menu-block .concept:before{content:'';display:block;width:100%;height:100%;background-color:#333;opacity:.7;position:absolute;top:0;left:0;z-index:1}.menu-block .concept .btn{margin:0 auto}.menu-block .concept .btn+.btn{margin-top:10px}@media screen and (max-width:1024px){.menu-block .concept{padding-top:50px;padding-bottom:60px;background-position:center top 30px;background-size:cover}}.concept .width>div:first-of-type{width:240px;float:left;margin-right:90px;text-align:center;position:relative;z-index:1}@media screen and (max-width:1024px){.concept .width>div:first-of-type{width:100%;margin-right:0;margin-bottom:30px}}.concept .width>div:first-of-type h1{font-size:3em;font-weight:700;margin-bottom:10px;color:#fff;text-align:center}@media screen and (max-width:1024px){.concept .width>div:first-of-type h1{font-size:1.5em}}.concept .width>div+div{width:660px;float:right;position:relative;z-index:1}@media screen and (max-width:1024px){.concept .width>div+div{width:100%;margin-right:0;text-align:center}}.concept .width>div+div h2{font-size:3em;font-weight:700}@media screen and (max-width:1024px){.concept .width>div+div h2{font-size:1.4em;font-weight:700}}