body{background-color:#F4F1ED;}
#mainimg{justify-content: center;}
section{width: 87%;max-width: 1200px;margin: 0 auto;}
h2{
font-family: 'Merriweather', serif;
font-size: 36px;
color: #644536;
letter-spacing: 0.2em;
margin-bottom: 2rem;
}
h2 span{
display:block;
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.08em;
}
.span__reverse{
display: inline;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-size: 42px;
font-weight: 600;
color: #644536;
letter-spacing: 0.2em;
}
p{font-size: 14px;letter-spacing: 0.08em;color: #644536;}
.text{width: 90%;}

* {min-height:0;min-width : 0;}

.img__sp{display: none;}

.right figure{text-align: right;}
.left figure{text-align: left;}

.section-flex,
.toys-flex,
.news-flex,
section{
display: flex;
justify-content: space-between;
margin-bottom: 120px;
flex-shrink: 0;
align-items: center;
padding-top: 80px;
margin-top: -80px;
}

.news-flex{padding-top: 40px;margin-top: -80px;}

section#mainimg{padding-top: 0;margin-top: 0;}

.flex-reverse{flex-direction: row-reverse;}
.toy.flex-reverse .image{flex-basis: 45%;}
.toy.flex-reverse .text{flex-basis: 48%;}
.section-flex.tourism .text{flex-basis: 47%;}
.section-flex.tourism .image{flex-basis: 45%;}

#mainimg{position: relative;overflow-x: clip;max-height: 605px;}

#text h2{
font-family: 'Zen Kaku Gothic New', sans-serif;
font-size: 42px;
letter-spacing: 0.1em;
line-height: 5rem;
}

.TOP__imagetxt{
position: absolute;
top: 23%;
left: 0%;
z-index: 1;
}

.height:before{content: "";display: block;padding-top: 57%;}

.image img{width: 100%;height: auto;}
.concept-background .text{flex-basis: 40%;}
.concept-background .image{flex-basis: 52%;}
.concept-background::before{
content: '';
position: absolute;
width: 30%;
height: 362px;
left: 0;
background-color: #fff;
z-index: -1;
}

.about-background{position: relative;align-items: center;}
.about-background::before{
content: '';
position: absolute;
width: 72%;
height: 50%;
top: 13%;
right: 0;
margin: 0 calc(50% - 50vw);
background-color: #EDE8E1;
z-index: -1;
}
.about-background .image{flex-basis: 48%;}
.about-background .text{flex-basis: 48%;}

.detail{display: flex;justify-content: space-around;}

/* カレンダー */
.detail .detail__table,.detail .event_calendar{margin: 0 1rem;}
.detail__table{
display: block;
width:100%;
padding: 2rem 3rem;
background-color: #fff;
border-radius: 18px;
border-collapse:collapse;
color: #644536;
}
.detail__table tr{border-bottom:1px solid #CBBFBA;text-align: left;}
.detail__table th{
white-space: nowrap;
letter-spacing: 0.12em;
font-weight: 700;
}
.detail__table td{padding: 1rem;letter-spacing: 0.08em;}
.detail__table .wp-element-caption,caption {caption-side: bottom;text-align: left;padding-top: 1rem;}

.tourism{position: relative;align-items:center;max-width: 997px;}
.tourism::before{
content: '';
position: absolute;
width: 30%;
height: 366px;
top: 35%;
left: 0;
margin: 0 calc(50% - 50vw);
background-color: #fff;
z-index: -1;
}

.toy{position: relative;max-width: 1100px;}
.toy::before{
content: '';
position: absolute;
width: 45%;
height: 275px;
top: 10%;
right: 0;
margin: 0 calc(50% - 50vw);
background-color: #EDE8E1;
z-index: -1;
}

.TOP-toys{text-align: center;margin: 0 auto;}

.TOP-tourism__p{font-weight: 500;font-size: 16px;}

.slick-initialized .slick-slide{text-align: left;}

.toys__wrap figure{
object-fit: cover;
max-width: 292px;
width: 100%;
max-height: 292px;
height: 100%;
}
.toys__wrap img{
width: 100%;
height: 100%;
font-size: 0;
object-fit: contain;
}
.toys__wrap figure{font-size: 0;}
.toys__wrap a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: .3s;
}
.toys__wrap a:hover{box-shadow: 0px 0px 20px #957B6F;}
.slick-initialized .slick-slide p{margin: 0;}

.toys-flex__txt__wrap{margin-top:18px;}
.toys-flex__txt__wrap .toys-flex__txt{margin-top: 6px;}
.toys-flex__day,.TOP-news__day{font-family: 'Montserrat', sans-serif;color: #AC9A92;font-weight: bold;}

.slick-track{padding-top: 20px;padding-bottom: 20px;}
.toys__wrap{
width: 100%;
height: 445px;
background-color: #fff;
padding: 40px 40px 26px 40px;
margin: 0 auto;
margin-left: 1rem;
margin-right: 1rem;
text-align: center;
position: relative;
box-sizing: border-box;
max-width: 372px;
}
.toys__wrap{width: 292px;}
.slick-initialized .slick-slide p{text-align: left;}
.toys-flex__txt{font-size: 16px;font-weight: 600;}

.news-flex{margin-bottom: 0;}
.TOP-news{position: relative;margin-bottom: 0;}
.TOP-news::before{
content: '';
height: 100%;
position: absolute;
top: 0%;
left: 57%;
transform: translateX(-50%);
background-color: #fff;
z-index: -1;
width: 120vw;
margin: 0 -50px;
}
.TOP-news__background{position: relative;padding-top: 50px;}
.TOP-news__background:before{
content: "";
position: absolute;
display: block;
left: 60%;
background-image: url("../images/information_img.png");
background-repeat: no-repeat;
background-size: contain;
width: 30%;
height: 100px;
z-index: 1;
}
.TOP-news__contents{
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3rem;
padding-bottom: 90px;
}
.TOP-news__wrap{
width: 48%;
display: flex;
margin-bottom: 45px;
align-items: center;
justify-content: left;
position: relative;
transition: .4s;
}
.TOP-news__wrap figure{width: 50%;max-width: 172px;}
.TOP-news__wrap figure img{cursor: pointer;}
.TOP-news__wrap figure:hover{opacity: 0.8;}
.TOP-news__link{
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
}
.TOP-news__wrap:hover figure::after{
content:'';
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.3;
cursor: pointer;
}
.TOP-news__wrap:hover .TOP-news__ttl{text-decoration:underline;}
.TOP-news__wrap figure{margin: 0;margin-right: 22px;}
.TOP-news__wrap img{width: 100%;}

section h2 .span_reverse{
display: inline;
font-family: 'Merriweather', serif;
font-size: 36px;
font-weight:600;
}

.TOP-news__txt{display: flex;align-items: baseline;}
.TOP-news__txt ul{padding-left: 10px;}
.TOP-news__txt p{font-size: 10px;}

.TOP-news__day{margin-right: 1rem;font-family: 'Montserrat', sans-serif;}

.TOP-news__tag{
border: 1px #644536 solid;
border-radius: 2px;
display: inline-block;
margin: 0 5px 5px 0;
padding: 3px 15px;
font-size: 10px;
}

.TOP-news__ttl{
margin-top: 1rem;
font-weight: 600;
font-size: 16px;;
cursor: pointer;
}
.TOP-news__ttl a{text-decoration: none;color: inherit;}

.TOP-news__wrap a:hover .TOP-news__ttl{text-decoration: underline;}
.TOP-news__wrap figure img{
vertical-align: bottom;
object-fit: cover;
height: 100%;
width: 100%;
aspect-ratio: 4 / 2.6;
}

/* TOPスライダー */
.slider .slider div {height: 100vh;}
.slider{width: 100%;height: 100%;margin: 0 calc(50% - 50vw);}
.slider div{width: 100%;height: 100%;}
.slider img{
position: absolute;right: 0;
top: 0;
width: 90%;
object-fit: cover;
}

/* 木のおもちゃ紹介スライダー */
.slide-items {
display: flex;
width: 100vw;
height: auto;
margin: 0 calc(50% - 50vw);
}
.slide-items .slider div {height: 500px;}
.slider img {width: 88%;height: auto;max-height: 605px;}

ul{list-style-type: none;}

.slick-next{right: 25px;}
.slick-prev{left: 25px;z-index: 1;}
.slick-prev:before, .slick-next:before {color: #644536;opacity: 1;}

.section-instagram{justify-content: center;}
section.section-instagram{margin-bottom: 0;}
.TOP-insta{margin-top: 100px;}

.TOP-insta__wrap{margin: 0 auto;text-align: center;}
.TOP-under-page__wrap{text-align: center;}
.section-flex.TOP-under-page__wrap{padding-top: 180px;}

.TOP-under-page{width: 50%;height: 260px;}
.TOP-under-page h2,.TOP-under-page p{color: #fff;}
.TOP-under-page a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: .2s;
}
.TOP-under-page a:hover{box-shadow: 0px 0px 20px #957B6F;}
.TOP-under-page>div{
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: block;
width: 100%;
}

.TOP-under-page__recruit{
position: relative;
padding: 2rem 1rem;
margin: 0 1rem;
background-image: url("../images/home_bnr_bg1.jpg");
background-size: cover;
z-index: 0;
}
.TOP-under-page__recruit::before{
content: '';
position: absolute;
top: 5%;
left: 3%;
background: rgba(100,69,54,0.6);
display: inline-block;
width: 94%;
height: 90%;
z-index: -1;
}

.TOP-under-page__bussiness{
position: relative;
padding: 2rem 1rem;
margin: 0 1rem;
background-image: url("../images/home_bnr_bg2.jpg");
background-size: cover;
z-index: 0;
}
.TOP-under-page__bussiness::before{
content: '';
position: absolute;
top: 5%;
left: 3%;
background: rgba(100,69,54,0.6);
display: inline-block;
width: 94%;
height: 90%;
z-index: -1;
}

/* instagram */
.section-instagram{display: block;}
.sb_instagram_header,#sbi_load,.fa-clone{display: none;}
#sb_instagram svg:not(:root).svg-inline--fa{height: 0!important;}
.TOP-insta__detail{width: 100%;}
#sb_instagram .sbi_photo{width: 14vw;height: 14vw;margin: 0 auto;}

@media (max-width:1700px) {
    #sb_instagram .sbi_photo{width: 18vw;height: 18vw;}
}

@media (max-width: 1200px) {
    #text h2,.span__reverse {font-size: 36px;line-height: 4rem;}
    .slider img{left: 0;width: 100%;}
    .TOP__imagetxt {left: 5%;}
    #sb_instagram .sbi_photo{width: 20vw;height: 18vw;}
}

@media (max-width: 1000px) {
    .section-flex,.toys-flex,section{padding-top: 60px;margin-top: -60px;}
    .news-flex{padding-top: 30px;margin-top: 0px;align-items: flex-start;}
    .TOP-news__contents{padding-bottom: 40px;}
    #mainimg{
    width: 100%;
    max-height: 100%;
    padding-bottom: 593px;
    position: relative;
    }
    .slider{position: absolute;top:50px;}
    .TOP__imagetxt{top: 50%;transform: translatey(-50%);}
    #text h2, .span__reverse {font-size: 30px;line-height: 3rem;}
    .slider div{
    width: 100%;
    height: 543px;
    left: 11.1%!important;
    margin: 0 calc(50% - 50vw);
    }
    .TOP-news__background:before{left: 70%;top: 3%;}
}

@media (max-width: 900px) {
    .TOP-news__background:before {top: 8%;height: 77px;left: 70%;}
}

@media (max-width: 960px) {
    .detail {display: block;}
    .detail__table,.event_calendar{width: 100%;max-width: 100%;}
    .detail .event_calendar{margin-top: 60px;}
    /*  news */
    .TOP-news__wrap,.TOP-news__txt{flex-direction: column;align-items: baseline;}
    .TOP-news__wrap figure{max-width: 100%;width: 100%;}
    .TOP-news__txt{padding-top: 14px;}
    .TOP-news__txt ul{padding-left: 0;}
    .TOP-news__wrap{margin-bottom: 20px;}
}

@media (max-width: 767px) {
    section {padding: 0 20px;width: 100%;box-sizing: border-box;}
    .img__sp{display: block;}
    .img__pc{display: none;}
    #text h2{font-size: 26px;}
    .text {width: 100%;}
    .slider{min-height: 543px;}
    .slider img{height: 100%;}
    .image figure{margin-top: 2rem;}
    .image .wood-image{margin-top: 0;}
    .image figure.sp{margin-top: 35px;margin-bottom: 35px;}
    .image img {width: 100%;}
    #mainimg{position: relative;}
    .TOP__imagetxt{
    top: 50%;
    left: 3%;
    z-index: 1;
    transform: translateY(-70%);
    }
    .about-background::before{width: 90%;top: 41%;}
    .span__reverse{font-size: 26px;font-family: 'Zen Kaku Gothic New', sans-serif;font-weight: 600;}
    .concept-background{position: relative;}
    .concept-background::before {
    width: 30%;
    height: 86px;
    top: 4%;
    left: 0;
    margin: 0 calc(50% - 50vw);
    }
    section h2{font-size: 29px;}
    section h2 .span_reverse{font-size: 29px;}
    .section-flex,section,.detail,.TOP-news__txt,.TOP-news__wrap{display: block;}
    .detail__table{padding: 2rem 20px;}
    .detail .detail__table, .detail .event_calendar {margin: 0;}
    .TOP-news__wrap figure {width: 100%;}
    .TOP-news__tag{text-align: center;padding: 3px 12px;}
    .TOP-news__background:before {top: 5%;left: 390px;height: 65px;}
    .calender__title {margin-top: 3rem;}
    .tourism{margin-bottom:35px;}
    .tourism::before{width: 60%;height: 30%;top: 8%;}
    .TOP-toys__section{margin-bottom: 80px;}
    .toy::before {width: 90%;height: 30%;top: 22%;}
    .toys__wrap{height: 420px;padding: 30px;}
    .TOP-news::before{left: 50%;}
    .toys__wrap a:hover{box-shadow: none;}
    .TOP-news__day{margin-bottom: 0.5rem;}
    .TOP-under-page{width: 100%;}
    .TOP-under-page__recruit,.TOP-under-page__bussiness{margin: 0;}
    .TOP-under-page__recruit{margin-bottom: 2rem;}
    .TOP-news__wrap {width: 48%;}
    h2.sp{margin-bottom: 0;}
    .sp__margin{margin-bottom: 160px;}
    .TOP-news__ttl{font-size: 14px;}
    .TOP-news__txt p{margin-bottom: 0.5rem;}
    #sb_instagram .sbi_photo {width: 42vw;height: 42vw!important;}
}

@media (max-width: 605px) {
    section h2 .span_reverse{display: block;}
    .TOP-news__background:before {
    width: 30%;
    top: 15%;
    left: 152px;
    height: 75px;
    }
}

@media (max-width: 500px) {
    .span__reverse{
    display: block;
    font-size: 26px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight:600;
    }
    .TOP-news__background:before {width: 40%;}
}