body{font-family:'Shippori Mincho',serif;min-height:calc(var(--vh) * 100);position:relative;padding-bottom:3rem;@media screen and (max-width:800px){min-height:calc(var(--vh)*100)}}img{width:100%}html{font-size:17px;@media screen and (max-width:1400px){font-size:16px}@media screen and (max-width:1100px){font-size:14px}@media screen and (max-width:800px){font-size:12px}@media screen and (max-width:500px){font-size:10px}}.wrap{background-color:rgba(245,245,245,1)}.header{align-items:center;color:white;font-weight:bold;justify-content:space-between;z-index:99;& h1{background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(//naniwaren.com/wp-content/themes/naniwa/css/../img/header.jpg);background-position:40% 80%;background-size:cover;font-size:3rem;padding:5rem 0 7rem;text-align:center;width:100%;& span{font-size:1rem}}.right{align-items:center;background-color:rgb(35,35,35);display:flex;font-weight:bold;justify-content:center;line-height:6rem;padding:0 2rem;width:100%;@media screen and (max-width:800px){display:block}& h2{font-size:2rem;position:relative;width:40%;@media screen and (max-width:800px){width:100%}}& nav{width:100%;@media screen and (max-width:800px){background-color:#1d1d1d;line-height:3;opacity:0;position:absolute;margin-bottom:-15px;right:0;top:0;visibility:hidden;padding:5% 0;width:30rem;z-index:99}&.show{@media screen and (max-width:800px){transition:all .5s;opacity:1;visibility:visible}}& ul{display:flex;justify-content:center;gap:3rem;@media screen and (max-width:800px){align-items:center;flex-direction:column;gap:1rem}}}}}.ham{background-color:rgba(6,53,124,1);display:none;position:absolute;top:0;right:0;height:6rem;width:80px;z-index:99;@media screen and (max-width:800px){display:block}& span{display:block;height:2px;position:absolute;width:3.5rem;left:25px;background-color:white;transition:0.3s;&:nth-child(1){top:1.6rem}&:nth-child(2){top:3rem}&:nth-child(3){top:4.3rem}}&.show{span{&:nth-child(1){transform:rotate(-45deg);top:3rem}&:nth-child(2){transform:rotate(45deg);top:3rem}&:nth-child(3){transform:rotate(45deg);top:3rem}}}}.index-body{color:white;.index-header{min-height:calc(var(--vh) * 100);position:relative;text-align:center;z-index:99;& h1{align-items:center;display:flex;font-family:'Yuji Syuku',serif;font-size:8rem;height:80%;justify-content:center;text-align:center;writing-mode:vertical-rl;padding-left:6rem;width:100%;& span{font-size:3rem;position:absolute;top:10%;font-size:2rem;right:calc(46% - 5rem)}& img{height:6.5rem;width:15rem;position:relative;z-index:99}}& nav{bottom:4rem;font-size:1.3rem;left:0;margin:0 auto;position:relative;right:0;bottom:-1rem;z-index:99;top:0;@media screen and (max-width:800px){background-color:#76767600;font-size:1.5rem;bottom:auto;left:auto;opacity:0;position:absolute;right:0;margin-bottom:-15px;visibility:hidden;width:90vw;z-index:99;transition:all .5s}& ul{align-items:flex-end;display:flex;justify-content:center;gap:2rem;@media screen and (max-width:800px){gap:3rem;align-items:center;flex-direction:column;padding:30px;transition:all .5s}}& li{position:relative;transition:all 1s;&:after{content:"";background-color:#fff;display:block;height:1px;width:0;transition:all .4s}&:hover{&:after{content:"";background-color:#fff;height:1px;width:100%}}}&.show{@media screen and (max-width:800px){transition:all .5s;opacity:1;visibility:visible}}}}& main{.about{background-repeat:no-repeat;background:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)),url(//naniwaren.com/wp-content/themes/naniwa/css/../img/i-about.jpg);background-position:center;background-attachment:fixed;border-top:2px solid grey;border-bottom:2px solid grey;padding:7% 10%;text-align:left;& h2{font-size:3rem;padding:1rem 0;border-bottom:3px solid;max-width:1000px;margin:0 auto}& p{display:block;font-size:1.4rem;padding-top:1rem;max-width:1000px;margin:0 auto;line-height:2.5}}.links{& a{border:1px solid;display:inline-block;margin-top:20px;padding:1% 2%;transition:all 0.2s;&:hover{background-color:rgba(255,255,255,.184)}}.link.message{background-repeat:no-repeat;background:linear-gradient(to top,rgba(125,15,0,0.7) 0%,rgba(255,0,0,0.7) 100%),url(//naniwaren.com/wp-content/themes/naniwa/css/../img/i-links-bg.jpg);background-position:center;background-attachment:fixed;margin-bottom:1px;padding:10% 8%;width:100%;& p{font-size:3rem}& h3{font-size:1.5rem}}.sm-links{display:flex;gap:1px;.link{background-repeat:no-repeat !important;background-attachment:fixed !important;background-size:contain !important;padding:8% 2%;width:calc(100%/3);& p{font-size:2.5rem}& h3{font-size:1.2rem}&.practice{background-position:-20% !important;background:linear-gradient(rgba(0,88,118,.7),rgba(0,191,255,.7)),url(//naniwaren.com/wp-content/themes/naniwa/css/../img/i-links-practice.jpg)}&.event{background-position:50% !important;background:linear-gradient(to top,rgba(0,109,9,.7) 0%,rgba(0,255,21,.7) 100%),url(//naniwaren.com/wp-content/themes/naniwa/css/../img/i-links-event.jpg)}&.schedule{background-position:110% !important;background:linear-gradient(to top,rgba(118,125,0,.7) 0%,rgba(242,255,0,.7) 100%),url(//naniwaren.com/wp-content/themes/naniwa/css/../img/i-links-schedule.jpg)}}}}.blogs{background-repeat:no-repeat;background:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)),url(//naniwaren.com/wp-content/themes/naniwa/css/../img/i-about.jpg);background-position:center;background-attachment:fixed;padding:5% 2%;.titles{align-items:end;display:flex;gap:10px;max-width:1000px;margin:0 auto;& h3{display:inline;font-size:3rem}.sub-title{display:inline;font-size:1rem}}.blog{margin:3% auto;max-width:1000px;.content{display:flex;@media screen and (max-width:800px){flex-direction:column;margin:0 auto 1rem}& img{object-fit:cover;width:40%;height:18rem;@media screen and (max-width:800px){height:auto;width:100%}}.texts{background-color:white;padding:10% 8%;color:black;width:60%;@media screen and (max-width:800px){padding:5% 3%;width:100%}.top{align-items:center;display:flex;gap:10px}& h4{font-size:1.2rem;line-height:2}& h3{font-size:1.5rem}}}}.more-btn{display:flex;justify-content:center;padding:1rem 2rem;border:1px solid white;margin:0 auto;text-align:center;transition:all 0.3s;width:15rem;&:hover{background-color:#626262}}}}}& video{display:block;filter:brightness(.2);height:calc(var(--vh)*100);object-fit:cover;position:absolute;top:0;width:100%}.body{text-align:center;background-image:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)),url(//naniwaren.com/wp-content/themes/naniwa/css/../img/bg.jpg);background-size:cover;background-attachment:fixed;background-position:center;& article{margin:2%}.sub-title{color:white;font-size:4rem;font-weight:bold;max-width:1000px;margin:4rem auto 3rem;&.message,&.about,&.practice,&.event,&.schedule,&.blog,&.contact{&:after{display:block;margin:1rem 0;font-size:2rem}}&.message{&:after{content:"Message"}}&.about{&:after{content:"About us"}}&.practice{&:after{content:"Practice"}}&.event{&:after{content:"Event"}}&.schedule{&:after{content:"Schedule"}}&.blog{&:after{content:"Blog"}}&.contact{&:after{content:"Contact"}}}}.about-body{.sub-titles{color:#fff;line-height:1.5;font-size:2rem;font-weight:700;max-width:800px;margin:2rem auto}& dl{display:flex;flex-flow:row wrap;font-size:1.5rem;max-width:800px;margin:0 auto;width:100%;@media screen and (max-width:500px){flex-flow:column}& dt{background-color:rgb(32,32,32);color:white;flex-basis:20%;padding:1.5rem;border-bottom:1px solid rgb(55,55,55);@media screen and (max-width:500px){padding:1.2rem}}& dd{color:#fff;flex-basis:80%;padding:1.5rem;border-bottom:1px solid #373737}}}.message-body{color:white;.message{text-align:center;.texts{padding:2% 10% 5%;& h3{font-size:3rem;font-weight:700;margin:30px 0}.big{font-size:1.8rem;font-weight:700;line-height:3}& p{font-size:1.3rem;line-height:2}}& img{height:30rem;object-fit:cover;margin:0 auto;text-align:center;width:80%}}.qa{align-items:center;display:flex;text-align:left;font-size:1.2rem;@media screen and (max-width:800px){flex-direction:column}&.second{@media screen and (max-width:800px){flex-direction:column-reverse}}.texts{padding:5% 3%;width:50%;@media screen and (max-width:800px){width:100%}& h4{border-bottom:1px solid;font-size:2rem;font-weight:700;margin-bottom:2rem}& p{line-height:2}.q{font-weight:700;margin:1rem 0}}& img{height:50rem;object-fit:cover;width:50%;@media screen and (max-width:800px){width:100%}}}}.practice-body{.top{color:white;font-size:1.2rem;line-height:1.7;& span{color:rgb(255,81,81);& a{border-bottom:1px solid;color:#f10000}}}& dl{display:flex;flex-flow:row wrap;max-width:800px;margin:0 auto;width:100%;@media screen and (max-width:500px){flex-flow:column}& dt{background-color:rgb(32,32,32);color:white;flex-basis:20%;padding:1.5rem;border-bottom:1px solid rgb(55,55,55);@media screen and (max-width:500px){padding:1.2rem}}& dd{flex-basis:80%;padding:1.5rem;background-color:#fff;border-bottom:1px solid rgb(55,55,55);line-height:1.5;& span{display:block;color:#ff5151}}}}.event-body{color:white;.main{position:relative;.top{font-size:1.4rem;margin-bottom:1.5rem;line-height:1.75}& h4{background-color:rgba(0,0,0,.588);font-size:2rem;margin:3rem 0;line-height:1.17;text-align:center;margin:0 -5% 3rem;padding:5% 0}.contents{.first{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1000px;margin:2rem auto 0;.content{padding:0 1%;width:calc(100%/5 - 20px);position:relative;max-width:200px;min-width:100px;&:before{align-items:center;background-color:#181818;border-radius:50%;border:2px solid;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;position:absolute;top:-1rem;left:0;width:3rem}& img{background-color:#fff;border-radius:10px;max-width:200px;min-width:100px;width:100%}.texts{font-size:1rem;text-align:left;& h5{font-weight:700;font-size:1.5rem;margin:1rem 0 0;text-align:center}}&:nth-of-type(1){position:relative;&:before{content:"1"}}&:nth-of-type(2){position:relative;&:before{content:"2"}}&:nth-of-type(3){position:relative;&:before{content:"3"}}&:nth-of-type(4){position:relative;&:before{content:"4"}}&:nth-of-type(5){position:relative;&:before{content:"5"}}}}.second{padding:0 10px;text-align:left;margin:2rem auto 0;.content{margin-bottom:1.5rem;max-width:1000px;margin:0 auto;& h5{font-size:2rem;font-weight:700;margin-bottom:1.5rem}p{font-size:1.3rem;line-height:1.5;margin-bottom:1.5rem}}}.third{.content{max-width:1000px;margin:0 auto}margin:2rem auto 0;& p{font-size:1.5rem;line-height:1.75}}.fourth{.content{max-width:1000px;margin:0 auto}margin:2rem auto 0;& p{font-size:1.5rem;line-height:1.75;margin:2rem 0}}}}}.schedules-body{.main{& h6{color:#fff;font-size:2.5rem;text-align:left;display:flex;justify-content:center;margin-bottom:1.5rem}.years{color:white;display:flex;justify-content:center;margin:1rem 0;gap:1rem;& h6{font-size:1rem;border-bottom:1px solid}}.one-month{.days{padding-left:1rem;.month{color:white;border-top:1px solid;font-size:2rem;text-align:left;max-width:800px;margin:0 auto;padding:1rem 0 1rem 3rem;position:relative;&:before{display:inline-block;color:#fff;content:"▲";font-size:1rem;transform:rotate(90deg);left:1rem;top:40%;position:absolute}&.show{&:before{transform:rotate(180deg)}}&:last-of-type{border-bottom:1px solid}}& dl{display:flex;flex-flow:row wrap;max-width:800px;margin:0 auto;opacity:0;visibility:hidden;height:0;transition:all 0.3s;position:relative;width:100%;&.show{opacity:1;visibility:visible;height:auto;& dt,& dd{opacity:1;visibility:visible;height:auto}& dt{padding:1.5rem 1.5rem 1.5rem 2rem;@media screen and (max-width:500px){padding:1.2rem}}& dd{padding:1.5rem}}@media screen and (max-width:500px){flex-flow:column}& dt{background-color:#202020;color:#fff;flex-basis:25%;border-bottom:1px solid #373737;text-align:left;height:0;opacity:1;visibility:visible;padding:0}& dd{flex-basis:75%;background-color:#fff;border-bottom:1px solid rgb(55,55,55);line-height:1.5;height:0;opacity:1;visibility:visible;padding:0;& span{display:block;color:#ff5151}}}}}}}.blog-body{.main{display:flex;flex-wrap:wrap;justify-content:center;max-width:1300px;margin:0 auto;@media screen and (max-width:800px){flex-direction:column}.blog{margin:0rem auto 1rem;max-width:400px;.content{display:flex;flex-direction:column;margin:0rem auto 1rem;max-width:400px;@media screen and (max-width:800px){max-width:none}&:hover{filter:brightness(.5)}@media screen and (max-width:800px){flex-direction:row;max-width:1000px}& img{object-fit:cover;height:25rem;@media screen and (max-width:800px){width:40%;height:150px}}.texts{background-color:white;padding:5% 3%;color:black;min-height:13rem;@media screen and (max-width:800px){width:60%;min-height:none}& h4{font-size:1.2rem;margin:1rem 0}& h3{font-size:1.5rem;margin:1rem 0;min-height:4rem;line-height:2}}}}}}.single-body{color:white;.wp-block-image{margin:1rem 0}& img{max-height:500px;object-fit:contain;padding:0 2%;margin:1rem 0;height:auto}.texts{background-color:rgba(0,0,0,0.35);padding:2.5rem 0;text-align:center;margin:2rem 2%;padding:5% 2%;& time{font-size:2rem}.titles{align-items:flex-end;display:flex;gap:1.5rem;max-width:53rem;margin:1rem auto;@media screen and (max-width:800px){align-items:flex-start;flex-direction:column}}& h4,& h2{font-size:2rem}& h4{font-size:1.5rem}& p{font-size:1.5rem;line-height:1.7;margin:2rem 0;text-align:left;max-width:53rem;margin:0 auto}}.more-btn{display:flex;justify-content:center;padding:1rem 2rem;border:1px solid white;margin:0 auto;text-align:center;transition:all 0.3s;width:15rem;&:hover{background-color:#626262}}}.contact-body{color:white;.wpforms-field-label,.wpforms-field-label-inline{color:#fff !important;text-align:left !important}& form{text-align:left !important}div.wpforms-container-full .wpforms-form button[type=submit]{color:#fff !important;background:#070707 !important;border:1px solid;border-color:#fff !important}.wpforms-container.wpf-center{margin:0 auto !important;max-width:600px}.wpf-center .wpforms-submit-container{display:inline-block;text-align:center;width:100% !important}.wpf-center .wpforms-field-pagebreak{display:inline-block;text-align:center;width:100% !important}.wpf-center .wpforms-pagebreak-left .wpforms-page-button:before,.wpf-center .wpforms-pagebreak-left .wpforms-page-button:after{content:none}.wpf-center .wpforms-title,.wpf-center .wpforms-description,.wpf-center .wpforms-field-label,.wpf-center .wpforms-field-sublabel,.wpf-center .wpforms-field-description{text-align:center}.texts{line-height:1.5;font-size:1.1rem}}div.wpforms-container-full input[type=submit]:not(:hover):not(:active),div.wpforms-container-full button[type=submit]:not(:hover):not(:active),div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){align-items:center;display:flex;justify-content:center;margin:0 auto}div.wpforms-container-full input[type=submit]:hover,div.wpforms-container-full input[type=submit]:active,div.wpforms-container-full button[type=submit]:hover,div.wpforms-container-full button[type=submit]:active,div.wpforms-container-full .wpforms-page-button:hover,div.wpforms-container-full .wpforms-page-button:active{align-items:center;display:flex;justify-content:center;margin:0 auto}footer{background-color:rgba(12,12,12);bottom:0;color:#fff;line-height:3rem;position:absolute;text-align:center;width:100%}