@charset "UTF-8";
  body{
color: #522200;
font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W5", "Hiragino maru Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, sans-serif;
font-weight: 400;
line-height: 1.8;
width: 100%;
margin: 0 auto;
background: #FFF url(https://treehouse-nara.com/wp-content/themes/xeory_extension_child/img/bg.png) repeat border-box left top/contain content-box;
}
h2,h3{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
text-align: center;
font-size: 1.5rem;
text-shadow: 2px 2px 5px rgba(255, 255, 255, 1), -2px -3px 5px rgba(255, 255, 255, 1);
}
h2{
font-size: 2rem;
}
h1,h4,h5 {
font-family: 'M PLUS Rounded 1c', sans-serif;
line-height: 1.8;
font-size: 1.2rem;
font-weight: 600;
}
.elementor-heading-title{
line-height: 1.8 !important;
}
h2 span{
padding-top: 0.25em;
border-top:1px solid #006837;
} #header {
position: fixed;
background: url(https://treehouse-nara.com/wp-content/themes/xeory_extension_child/img/headerbg.png) no-repeat top/cover;
z-index: 999;
width: 100vw;
height: 18vh;
top: 0;
}  section#area-1 {
padding: 0;
padding-top: 50px;
} #header.UpMove {
animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100px);
}
} #header.DownMove {
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}  #header #logo {
width: 20%;
}
#gnav {
background: transparent;
z-index: 100;
text-align: center;
}
#gnav ul li.current-menu-item a,
#gnav ul li a {
background: transparent;
color: #522200;
padding: 1em 0.3em;
}
#gnav ul li a {
display: block;
line-height: 1.5;
text-decoration: none;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
font-weight: 800;
}
#gnav ul li a span {
border-top:#522200 1px solid;
padding: 0.2em 0.25em;
font-size: 0.8rem;
}
#gnav ul li a:hover{
color: #006837;
background: none;
transition:.3s ease-in-out;
}
.btn-member{
transition: 0.3s ease-in-out;
font-weight: 600;
background: #E85513;
}
#gnav ul li.btn-member a {
color: #FFF;
}
#gnav ul li.navtaiken {
display: none;
}
@media screen and (max-width: 991px) {
.navtaiken{
display:inherit;
}
}
@media screen and (max-width: 991px){
#header-nav-btn{
width:5.8em;
margin-top: 1em;
}
#header-nav-btn a{
background:#006837;
border-radius: 50px;
}
}    .mv-pic{
z-index: -20;
height: 100vh;
max-width: 1260px;
margin: 0 auto;
left: 0 !important;
}
.mv-tree img{
width: 100%;
}
.tree{
margin-top: -17em;
margin-bottom: -17em;
}
.mv-tt {
margin-bottom: -80vh;
}
.mv-foot{
width: max-content;
top: 8em;
}
.mvtt2{
margin-bottom: -97vh;
}
@media screen and (min-width: 1300px) {
.mv-tt {
margin-bottom: -97vh;
}
}
@media (min-width: 561px) {.elementor-8 .elementor-element.elementor-element-38ea5a6,
.elementor-957 .elementor-element.elementor-element-4cae673,
.elementor-742 .elementor-element.elementor-element-0d85f21,
.elementor-1730 .elementor-element.elementor-element-adae64c
{
width: 30%;
}} #intro{
width: 100%;
max-width: 1260px;
margin: 0 auto;
left: 0 !important;
}
#int h4,#end h4{
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1em;
padding: 2em;
max-width: 1260px;
}
#int h4 span{
font-weight: 800;
font-size: larger;
color: #E85513;
}
.intbg{
max-width: 1100px;
margin: 0 auto;
}
.intbg img{
width: 27vw;
margin-top: 50%;
}
@media screen and (max-width: 960px) {
.mv-foot{
top: -10em;
}
#intro {
margin-top: 10%;
}
.tree{
margin-top: 0;
margin-bottom: -43em;
}
.mv-tt {
margin-bottom: -32vh;
}
}
@media screen and (max-width: 888px) {
#int h4 {
font-size: 1rem;
width: 80%;
}
.mv-foot {
top: -9em;
}
}
@media screen and (max-width: 611px) {
#int h4 {
width: 80%;
padding: 0 1em 1em 1em;
}
.intbg img {
width: 35vw;
}
}
@media screen and (max-width: 560px) {
#header #logo {
width: 35%;
}
.mv-pic{
height: 80vh;
}
.mv-tt {
margin-bottom: -41vh;
}
}
@media screen and (max-width: 455px) {
#intro {
margin-top: -30%;
}
.mv-tt {
margin-bottom: -34em;
}
}
@media screen and (max-width: 396px) {
.elementor-8 .elementor-element.elementor-element-1f6f306 .elementor-heading-title{
font-size: 1.3rem;
}
}
@media screen and (max-width: 375px) {
br.pc {
display: none;
}
#int h4 {
width: 85%;
padding: 0;
margin-bottom: 1em;
margin-top: 4em;
}
#intro {
margin-top: -15%;
}
.mv-tt {
margin-bottom: -30em;
}
}
@media screen and (max-width: 375px) {
.mv-pic {
height: 70vh;
}
#intro {
margin-top: 10%;
}
} .linetxt p{
background-color: #BADA79;
border-radius: 20px;
text-align: center;
margin: 0;
}
.imgtt{
max-width: 850px;
margin: 0 auto;
}
.feat,.feat2{
margin: 1em 5%;
}
.feat h3,.feat2 h3{
font-size: 1.25rem;
color: #E85513;
text-align: left;
line-height: 1.5;
}
.feat-bg{
position: relative;
background-color: rgba(186, 218, 121, 0.3);
margin: 2em 3em 2em -3em;
padding: 2em 2em 0em 5em;
}
.feat-bg2{
margin: 2em -3em 2em 3em;
padding: 2em 5em 0em 2em;
}
#features1 .elementor-container,
#features2 .elementor-container,
#features3 .elementor-container
{
width: 90%;
max-width: 1360px;
}
#features .nb {
width: auto;
margin: 0 auto;
}
#field{
width: 100%;
}
#f-lesson img{
width: 80%;
}
#f-lesson img,#f-lesson p{
margin: 0 auto;
}
.insta{
padding-bottom: 8em;
}
.info{
padding-bottom: 8em;
z-index: -50;
} footer{
background-image: none;
background-color: transparent;
}
.foot-ad{
width: 85% !important;
margin: 0 auto;
margin-top: 2em;
}
.foot-ad h1{
font-weight: bold;
}
.foot-ad a{
color: #522200;
}
iframe .map{
border: 1px solid #006837;
}
@media screen and (max-width: 968px) {
#features1 .elementor-container,
#features2 .elementor-container,
#features3 .elementor-container {
width: 98%;
}
}
@media screen and (max-width: 768px) {
.feat-bg {
margin: 0 auto;
padding: 2em;
}
.elementor-heading-title {
font-size: 1.2rem;
}
#features .nb{
width: 30%;
margin: 0 auto;
}
}
@media screen and (max-width: 565px) {
.feat,
.feat2 {
margin: 1em 0;
}
} .cs-cls{
max-width: 1260px;
margin: 0 auto;
}
#dtl p {
margin: 0 0 1em;
}
#dtl span{
border: 1px solid #522200;
border-radius: 20px;
padding: 0 0.25em;
margin-right: 1em;
}
.mokumoku{
z-index: -49;
}
.waribiki{
z-index: -50;
}
.waribiki img,.btnmuryo img{
width: 80%;
}
.btnmuryo{
padding: 2em 3em 13em 2em;
background: #FFF;
margin-top: 3em;
margin-bottom: -9em;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated
{padding: 0;} .abt{
max-width: 1260px;
margin: 0 auto;
}
.abt dl{
color: #006837;
font-size: 0.8rem;
text-align: center;
}
.abt dt {
padding: 0.25em;
border: #006837 1px solid;
color: #FFF;
background-color: #006837;
border-radius: 20px;
}
.abt dd{
margin: 0.5em;
} form input[type="submit"],
form button{
background: #E85513;
}
.btn-send{
margin-left: 45%;
}
form textarea {
width: 100%;} #footer{
color: #522200;
border-top: none;
}
.footer-01{
background: none;
}
#footer-brand-area{
margin-top: 8em;
}
#ct-btn{
width: 100%;
background: #006837;
}
#footer a.tel{
color: #522200;
font-weight: 800;
} .pagetop {
bottom: 20px;
right: 10px;
}
.pagetop span{
background:#006837;
}
#footer i.fa {
margin-right: 0;
}
.btn-taiken {
display: block;
position: fixed;
width: 200px;
height: 200px;
top: 9em;
right: 0;
border: none;
color: transparent;
} #footer iframe {
height: fit-content;
}
@media screen and (max-width: 991px) {
.btn-taiken{
display: none;
}
} @media screen and (max-width: 991px){
#gnav-sp{
background: rgba(255, 255, 255, 0.8);;
top: 2em !important;
font-weight: 800;
}
#gnav-sp .wrap a{
color: #006837;
}
#gnav-sp #header-cont-content ul {
margin-top: 10%;
}
#gnav-sp #header-cont-content li{
width: auto;
}
#gnav-container-sp ul{
font-weight: 800;
}
.btn-member {
background: none;
color: #E85513;
}
}
@media screen and (max-width: 767px) {#header-nav-btn {
width:92px;
line-height: 92px;
float: right;
margin-top: -4em;
}
#header-nav-btn a{
font-size: 20px;
line-height: 2.2;
width: 60px;
}
} #content{
margin-bottom: -8em;
}
.post-content h2{
text-shadow: none;
border-left: none;
background: #006837;
margin: 5%;
}
.post-content ul,.post-content ol, .post-content p{
margin-left: 6%;
margin-right: 6%;
}
h1.post-title{
margin: 1em 5%;
padding-top: 3em;
}
@media screen and (max-width: 768px) {
.post-content h2 {
margin: 0.5em;
font-size: 1.2rem;
}
.post-content ul,
.post-content ol,
.post-content p {
margin-left: 1.5em;
margin-right: 1.5em;
}
h1.post-title {
width: 90%;
margin: 0 auto;
}
} .post-header{
margin-top: 3em;
} .post-content h3 {
border-bottom: 1px solid #006837;
}
.one-column #content .wrap #main .main-inner
{
background-color: #FFF;
padding-bottom: 5em;
margin-bottom: -5em;
}
.post-title a{
color: #006837;
}
.post-loop-wrap .post-footer a.morelink {
background: #8CC11F;
width: 50%;
margin: 0 auto;
}
.post-header .cat-name{
text-align: center;
}
.post-header {
padding:0;
border-bottom: none;
}
.post-meta-area,.post-meta-area,.cat-content,.post-loop-wrap .post-footer,
article.post,
article.page  {
border: none;
}
.post-loop-wrap .post-footer{
padding-bottom: 2em;
}
.post-meta-area .post-meta{
width: 50%;
float: none;
margin: 0 auto;
text-align: center;
padding-left: 0;
} .s_head{
padding: 3em 0 0 4em;
}
.s_head .cat-name{
text-align: left;
margin-left: 5%;
}
.post-content{
padding: 5% 11%;
}
@media screen and (max-width: 991px) {
.post-meta-area .post-meta .date {
text-align: center;
}
.s_head{
padding: 0;
}
article.page .post-content {
padding: 5% 11% ;
}}
@media screen and (max-width: 376px) {
.post-loop-wrap .post-footer a.morelink {
width:100%;
}
} .swpm-login-form-inner{
margin-left: 8%;
}
.non h1.post-title,#post-2115 h1.post-title,#post-3 h1.post-title{
text-align: center;
}
.wp-block-button__link {
margin-top: 1em;
background-color: #8CC11F;
}
.swpm-logged-logout-link{
margin: 1em 0;
}
.swpm-edit-profile-link a{
color: #FFF;
}
.swpm-logged-logout-link a{
background-color: #E85513;
padding: 1em;
color: #FFF;
}