@charset "utf-8";

html{
font-size:62.5%;
font-family:'Noto Sans JP', sans-serif;
}

body{
width:100%;
color:#000;
font-size:1.5rem;
margin:0;
background:#ffffff;
}

img, img[class*="wp-image-"], img[class*="attachment-"] {
height:auto;
max-width:100%;
vertical-align:bottom;
image-rendering:crisp-edges;
backface-visibility:hidden;
}

img.scaled-image {
border:0;
margin:0;
}

h1{
color:#000;
font-size:5rem;
font-weight:200;
line-height:1;
margin:0 auto;
display:table;
}

ul{list-style:none;padding:0;}

.inv-a{
display:table;
}

.inv-b{
display:none;
}

a{
color:#333;
text-decoration:none;
transition:1s;
}

a:hover{
color:#333;
text-decoration:none;
opacity:0.8;
transition:1s;
}

p{
font-size:1.7rem;
font-weight:360;
line-height:2;
margin:0;
}

#wrapper{
margin:0 auto;
width:100%;
overflow: hidden;
}

#content{
width:100%;
}

#home-sec{
width:90%;
max-width:1400px;
height:auto;
padding:100px 0;
margin:0 auto;
display:block;
}

#common-sec{
width:90%;
max-width:1200px;
height:auto;
padding:100px 0;
margin:0 auto;
display:block;
}

#hd-image-box{
width:100%;
aspect-ratio:16/9;
position:relative;
overflow:hidden;
}

#hd-title-box{
width:280px;
padding:30px 0 10px 0;
margin:0;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:absolute;
top:0;
left:50%;
transform:translatex(-50%);
z-index:1;
}
#hd-title-box dt{
width:195px;
font-family:"Hina Mincho", serif;
font-size:6.5rem;
line-height:1;
padding:0;
margin:0 auto;
}
#hd-title-box dt span{
width:100%;
font-size:2rem;
line-height:1;
margin-top:6px;
display:table;
}

#hd-title-box dd{
width:160px;
padding:10px 0 0 0;
margin:0 auto;
display:flex;
justify-content:center;
}
#hd-title-box dd a{
font-size:1.2rem;
text-align:center;
margin:10px auto;
}
#hd-title-box dd a img{
display:table;
}

#hd-scroll{
position:absolute;
bottom:5%;
left:50%;
transform:translatex(-50%);
z-index:1;
}

#head-main-image{
width:110%;
max-width:inherit;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}


#home-content-box{
width:100%;
display:flex;
justify-content:space-between;
}

.home-content-catch{
position:relative;
}

.home-content-catch dt{
width:auto;
color:#fff;
font-family:"Noto Serif JP", serif;
font-size:1.8rem;
line-height:2;
writing-mode:vertical-rl;
padding:10px 10px 30px 10px;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:absolute;
top:-80px;
left:50%;
transform:translatex(-50%);
}
.home-content-catch dd{
width:48%;
padding:0;
}


.anchor{
padding-top:160px;
margin-top:-160px;
position:absolute;
z-index:-1;
display:block;
}

#common-lnk{
width:auto;
color:#fff;
font-size:1.5rem;
line-height:1.5;
text-align:center;
padding:8px 40px;
margin:40px auto 0 auto;
background:#b3b3b3;
border-radius:20px;
display:table;
}
#common-lnk img{
margin:auto 10px auto auto;
}

.home-style-box, .home-concept-box, .home-lineup-box{
margin-top:60px !important;
position:relative;
}

.home-style-box dd, .home-concept-box dd, .home-lineup-box dd{
width:86% !important;
}
.home-style-box dd{
margin:0 0 0 auto;
}
.home-concept-box dd{
margin:0 auto 0 0;
}
.home-lineup-box dd{
margin:0 0 0 auto;
}

.home-style-box dt, .home-concept-box dt, .home-lineup-box dt{
width:auto;
height:auto;
color:#000;
font-family:"Noto Serif JP", serif;
font-size:1.8rem;
font-weight:500;
letter-spacing:1px;
line-height:2;
writing-mode: vertical-rl;
padding:10px;
position:absolute;
}
.home-style-box dt{
bottom:-50px;
left:4%;
}
.home-concept-box dt{
top:-50px;
right:4%;
}
.home-lineup-box dt{
top:-50px;
left:8%;
}

#footer-box{
width:90%;
max-width:1400px;
padding:30px 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#footer-map{
width:45%;
height:240px;
margin:auto 0;
border:0;
display:table;
}

#footer-box div{
width:420px;
color:#fff;
font-size:1.4rem;
margin:auto 0;
display:table;
}
#footer-box div table{
width:auto;
margin:0 0 20px 0;
border-collapse:collapse;
}
#footer-box div table th{
width:auto;
font-family:"Hina Mincho", serif;
font-size:2rem;
font-weight:300;
text-align:left;
padding:0 40px 0 0;
}
#footer-box div table th dl{
width:100%;
font-size:6rem;
line-height:1;
margin:0 0 0px 0;
display:table;
}

#footer-box div table td{
width:60px;
font-size:1rem;
text-align:center;
vertical-align:bottom;
}
#footer-box div span{
font-size:2rem;
display:table;
}

#top-logo{
width:140px;
color:#fff;
font-family:"Hina Mincho", serif;
font-size:3rem;
line-height:1;
text-align:center;
padding:0px 10px 10px 10px;
background:#000;
border-radius:0 30px 30px 0;
display:table;
position:fixed;
top:20px;
left:0;
z-index:10;
}

#grobal-navi{
width:auto;
text-align:center;
padding:10px 20px;
background:#000;
border-radius:30px 0px 0px 30px;
display:table;
position:fixed;
top:20px;
right:0;
z-index:10;
}
#grobal-navi a{
color:#fff;
font-size:1.2rem;
line-height:1;
padding:0 15px;
border-left:1px solid #fff;
}

#post-box{
width:90%;
color:#fff;
font-family:"Noto Serif JP", serif;
font-size:2.4rem;
font-weight:300;
line-height:1.5;
margin:50px auto;
display:table;
}
#post-box div{
width:100%;
font-family:'Noto Sans JP', sans-serif;
font-size:1.4rem;
margin-bottom:6px;
display:table;
}
#post-box div span{
color:#ff0000;
padding:0 0 0 10px;
}

#common-head-box{
width:100%;
height:240px;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
}
#common-head-box div{
width:200px;
color:#000;
font-family:"Hina Mincho", serif;
font-size:7rem;
line-height:1;
padding:40px;
position:absolute;
top:0;
left:50%;
transform:translatex(-50%);
}
#common-head-box div span{
font-size:2.6rem;
margin-top:4px;
display:table;
}

#tel-box{
font-size:4rem;
font-weight:900;
line-height:1;
margin:80px auto;
display:table;
}
#tel-box a{
font-size:6rem;
border-bottom:3px solid #000;
}

#schedule{
width:48%;
height:680px;
display:table;
}

#common-box{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#wpcf7-f5-o1{
width:48%;
display:table;
}
#contact-box{
width:100%;
border-collapse:collapse;
}
#contact-box th{
width:35%;
text-align:left;
padding:10px;
}
#contact-box-span{
color:#fff;
font-size:1.2rem;
font-weight:500;
line-height:1;
padding:4px 10px;
margin:auto 5px 0 0;
background:#7986cb;
border-radius:6px;
display:inline-block;
}
#contact-box th p{
font-size:1.5rem;
font-weight:500;
line-height:1;
}
#contact-box td{
width:auto;
padding:6px 10px;
}

input[type="text"]{
width:90%;
height:auto;
font-size:1.5rem;
padding:15px 10px;
margin:0 auto 0 auto;
border:1px dashed #eee;
}

textarea{
width:95%;
height:110px;
font-size:1.5rem;
padding:15px 10px;
margin:10px auto 0 auto;
border:1px dashed #eee;
}

input[type="submit"]{
width:320px;
height:auto;
color:#c2c2c2;
font-size:1.5rem;
line-height:3;
text-align:center;
padding:0 40px;
margin:10px auto 0 auto;
background:#333;
border:0px;
border-radius:30px;
display:table;
}

#policy-box{
width:100%;
height:600px;
margin-top:100px;
overflow-y:scroll;
overflow-x:hidden;
}
#policy-box div{
font-size:2.2rem;
font-weight:700;
margin:60px 0 10px 0;
display:block;
}
#policy-box span{
font-size:1.8rem;
font-weight:500;
line-height:4;
}
#policy-box p{
font-size:1.45rem;
}

#scene-box{
width:92%;
margin:50px auto 0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#scene-lnk-box{
width:30%;
max-width:420px;
margin:0 1.5% 40px 1.5%;
}
#scene-lnk-box span{
width:100%;
color:#fff;
font-size:1.4rem;
line-height:1;
display:table;
}
#scene-lnk-box div{
width:100%;
aspect-ratio:16/9;
margin:10px 0;
position:relative;
overflow:hidden;
}
#scene-lnk-box div img{
width:115%;
max-width:inherit;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}


#gallery-box {
max-width:90%;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
padding:10px;
}

#gallery-box a{
width:30%;
margin:1.5%;
}

#gallery-box img{
width:100%;
aspect-ratio:4/3;
object-fit:cover;
}

#scene-single-box{
width:90%;
margin:60px auto;
display:block;
}
#scene-single-box p{
font-size:1.5rem;
line-height:1.5;
}

#scene-single-box div{
width:100%;
font-size:1.2rem;
display:block;
}
#scene-single-box span{
width:100%;
font-size:2rem;
font-weight:500;
line-height:1.5;
margin:20px 0;
display:block;
}


.pager{
width:100%;
text-align:center;
margin:60px auto;
display:table;
}
.pager a{
color:#000;
text-decoration:underline;
}

a.page-numbers, a.post-page-numbers, .pager .current{
font-size:1.4rem;
font-weight:390;
line-height:1.6;
padding:0 10px;
margin:0 6px;
}
.pager .current{
color:#999;
display:inline-block;
}

#breadcrumb-box{
width:90%;
font-size:1.2rem;
margin:40px auto 0 auto;
ddisplay:table;
}
#breadcrumb-box a{
border-bottom:1px solid #000;
}