@charset "UTF-8";

body{
font-size:12pt;
background:black;
overflow-x: hidden;
overflow-y: auto;
}  #shareheader{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 9999;
}
#headlogo{
position: absolute;
left:0;
top:.5em;
width:15em;
height:auto;
-ms-filter: blur(6px);
filter: blur(6px);
display: none;
}  #shareheader>div:before{
content:"";
width:100%;
height:0;
position: absolute;
left:0;
top:0;
background:#171511;
transition-duration:1s;
}
.shareheaderh:before{
height:6em !important;
}
#shareheader nav{
margin-left:auto;
}
#shareheader ul{
padding-top: calc(10% + 6em);
text-align: center;
}
#shareheader li a{
display: block;
padding: .4em 0;
margin: 1em auto;
color: #DEDEDE;
text-decoration: underline;
}
#shareheader li a:hover,
#shareheader li a.ns{
color:white;
text-decoration:underline;
}  #wrap{
padding-bottom:4em;
}
#slide{
background:black;
}
#slide ul{
height:100%;
position: relative;
}
#slide ul:after{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.8)),rgb(88 65 12 / 38%);
}
#pc_slider,
#home{
width:100%;
height:100vh;
}
#pc_slider li{
position:absolute;
left:0;
top:0;
width:100%;
min-height:100vh;
overflow: hidden;
}
#pc_slider li div{
background-size:cover;
background-repeat:no-repeat;
background-position: center;
width:110vw;
height:110vh;
opacity: 0;
}
#pc_slider li:nth-of-type(1) div{
background-image:url(//shidukaonsen.com/wp-content/themes/original/images/front/m_slide2.jpg);
animation:slider1 19s infinite;
}
@-webkit-keyframes slider1{
0%{opacity:0;transform:translate(0,0) scale(1.2);}
13.64%{opacity:1;}
36.36%{opacity:1;transform:translate(0,-5em) scale(1.2);}
45.45%{opacity:0;}
100%{}
}
@keyframes slider1{
0%{opacity:0;transform:translate(0,0) scale(1.2);}
13.64%{opacity:1;}
36.36%{opacity:1;transform:translate(0,-5em) scale(1.2);}
45.45%{opacity:0;}
100%{}
}
#pc_slider li:nth-of-type(2) div{
background-image:url(//shidukaonsen.com/wp-content/themes/original/images/front/m_slide1.jpg);
background-position:right center;
animation:slider2 19s infinite;
}
@-webkit-keyframes slider2{
36.36%{opacity:0;transform:translate(0,0) scale(1.2);}
40.91%{opacity:1;}
63.64%{opacity:1;transform:translate(-5em,0) scale(1.2);}
77.27%{opacity:0;transform:translate(-5em,0) scale(1.2);}
}
@keyframes slider2{
36.36%{opacity:0;transform:translate(0,0) scale(1.2);}
40.91%{opacity:1;}
63.64%{opacity:1;transform:translate(-5em,0) scale(1.2);}
77.27%{opacity:0;transform:translate(-5em,0) scale(1.2);}
}
#pc_slider li:nth-of-type(3) div{
background-image:url(//shidukaonsen.com/wp-content/themes/original/images/front/message3.jpg);
background-position: center bottom;
animation:slider3 19s infinite;
}
@-webkit-keyframes slider3{
68.18%{opacity:0;transform:translate(0,0) scale(1.2);}
77.27%{opacity:1;}
95.45%{opacity:1;transform:translate(0,-5em) scale(1.2);}
100%{opacity:0;transform:translate(0,-5em) scale(1.2);}
}
@keyframes slider3{
68.18%{opacity:0;transform:translate(0,0) scale(1.2);}
77.27%{opacity:1;}
95.45%{opacity:1;transform:translate(0,-5em) scale(1.2);}
100%{opacity:0;transform:translate(0,-5em) scale(1.2);}
}
#toplogo{
position:absolute;
left:50%;
top:50%;
width:10em;
height:10em;
transform:translate(-50%,-45%);
}
#darr{
position: absolute;
left: 50%;
bottom: 5em;
width: 1.5em;
height: auto;
transform: translate(-50%,-50%);
}
#frontpage{
background:#191400;
}
#frontpage>section{
padding:5em 0;
}
#frontpage>section:nth-of-type(odd){
background:white;
color:black;
}  #message{
width:100%;
padding-bottom: 0 !important;
}
#message h2{
position: absolute;
right: .5em;
margin: 0;
}
#message h2:before{
content:none;
}
#message h2>span>span:nth-of-type(2){
font-size:50%;
}
#message li:nth-of-type(1) h2>span>span:nth-of-type(2){
display: block;
}
#message li p{
height: 23em;
padding-left: 2em;
margin-bottom: 3em;
}
#message li:nth-of-type(2){
padding:4em 0;
}
#message li:nth-of-type(2) h2{
position: relative;
-webkit-order:-1;-ms-flex-order:-1;order: -1;
margin-left: 2em;
}
#message li:nth-of-type(2)>div{
width:100%;
}
#message li:nth-of-type(3) h2{
right: 1.5em;
}
#message li:nth-of-type(3) p{
padding-left: 4em;
height: 16em;
}
#message li:nth-of-type(3) .messageimg{
padding-top: 2em;
height: 23em;
overflow: hidden;
}  #kounou h2{
margin:0 auto 1em;
}
#kounouimg img{
height: 25em;
width: auto;
margin: 2em auto 0 !important;
}
#kounou .m_rl{
width:100%;
}
#kounouimg{
width:100%;
}
#kounou h2+div{
width:90%;
margin:0 auto;
}
#kounou th,
#kounou td{
display: block;
width:100%;
padding:0;
}
#kounou th{
border-bottom: 1px solid #aaa;
color: white;
margin-bottom: 0.3em;
}
#kounou td{
margin-bottom:1em;
}  #riyou{
}
#riyou h2{
display: inline-block;
margin:-1em -2em 0 .5em;
}
#riyou>div>div:nth-of-type(1) p{
column-count: 2;
height: 34em;
}
#riyouimg{
width:100%;
margin:2em auto 0;
}
#riyouimg p{
}
#riyouimg img{
height:20em;
width:auto;
margin:0 auto;
}  #kazoku{
background: linear-gradient(90deg,black,#191400);
overflow: hidden;
}
#kazoku .m_rl{
width:100%;
}
#kazoku table{
width:calc(100% - 2em);
margin:0 auto;
}
#kazoku th,
#kazoku td{
display: block;
width:100%;
padding:0;
}
#kazoku th{
border-bottom: 1px solid #aaa;
color: white;
margin-bottom: 0.3em;
}
#kazoku td{
margin-bottom:1em;
}
#kazoku table+p{
padding:1em;
}
#kazoku h2{
margin:0 auto 2em;
}
#kazokuimg{
margin:3em auto 0;
width:90%;
}
#kazokuimg p:nth-of-type(2){
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
animation:kazokuimg 12s infinite;
}
@-webkit-keyframes kazokuimg{
31%{opacity:1;}
50%{opacity:0;}
82%{opacity:0;}
100%{opacity:1;}
}
@keyframes kazokuimg{
31%{opacity:1;}
50%{opacity:0;}
82%{opacity:0;}
100%{opacity:1;}
}
#kazokushine{
width: 12em;
height: auto;
position: absolute;
bottom: 2em;
left: -2em;
}  #cv{
width:100%;
}
#cv>div{
column-count:1 !important;
}
#cv h2{
margin: 0 0 0 .5em;
}
#cv ul{
margin-right:1em;
}
#cv li:before{
content:"・";
margin-bottom:1em;
}  #gallery>div{
margin-top:5em;
}
#gallery h2{
margin:0 auto !important;
}
#gallery h2:before{
left:auto !important;
right:0;
}  #access h2{
position: absolute;
left: 1em;
top: -1em;
margin: 0;
}
#access h2:before{
left:0;
right:auto !important;
}
#access>div>div:nth-of-type(1){
position: absolute;
left: 7em;
width: calc(100% - 9em);
height: 20em;
}
#access>div>div:nth-of-type(2){
padding-top:24em;
}
#access h2+div:before{
content: "";
width: 90%;
height: 1px;
position: absolute;
left: 5%;
top: -2em;
background: #ddd;
}
#access h3{
font-weight: bold;
color: black;
margin-top:3em;
}
#loot{
font-size:80%;
}
#loot a{
color: #1074a5;
border-radius: .5em;
display: inline-block;
margin-left: 1em;
}
#loot a:hover span{
text-decoration:underline;
}  #shuhen{
overflow: hidden;
width:100vw;
padding-bottom: 0 !important;
}
#shuhen h2{
margin: 0 auto 2em;
}
#shuhen>ul li{
width:24%;
margin:0 .5%;
font-size:80%;
}
#shuhen>ul li a{
color:#b9ac98;
}
#shuhen>div{
padding:1em;
}
#shuhen h3 span{
font-size:80%;
display: block;
}
#shuhen>div li{
border-top: 1px solid #8b8b8b;
margin-top: 1em;
padding-top: 1em;
}
#shuhen>div li>p{
margin-bottom:1em;
color:white;
font-weight: bold;
}
#shuhen>div li>div p:nth-of-type(odd) a{
color: #d19b62;
font-weight: bold;
}
#shuhen>div li>div p:nth-of-type(odd) a:hover{
text-decoration:underline;
color:white;
}
#shuhen>div li>div p:nth-of-type(even){
border-top: 1px solid white;
font-size: 60%;
margin: 4em .6em 0;
padding-top: 1em;
}
#shuhen>div li p:not(:nth-of-type(1)) span{
display: inline-block;
transform: rotate(270deg);
padding: .5em 0;
}
#shuhen>div li p:nth-of-type(1) span{
color:white;
}  #contact h2{
margin:0 auto;
}
#contact h3{
color: black !important;
margin: 7em auto 2em;
}
#contact>div p:nth-of-type(2) span{
font-size:150%;
font-weight: bold;
}  #sharefooter{
background:#1f1d15;
padding:1em 0;
}
#copyright{
color:white;
padding-right: 2em;
} #notfound{
padding:0 10%;
min-height:90vh;
}
#notfound a{
color:white;
}
#notfound header{
margin-bottom:2em;
}
#notfound>div:not(#breadcrumb){
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;
}
#notfound>div>div:nth-of-type(1){
margin-right:3em;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(1){
font-size: 800%;
line-height: 100%;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(2){
font-size:300%;
}
#notfound>div>div:nth-of-type(2) p:nth-of-type(1){
margin-bottom:3em;
} .menu-trigger {
position: absolute;
height: 3.6em;
width: 3.6em;
border-radius: .5em;
margin-top: .5em;
right: 1em;
top: 1em;
z-index: 9000;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger span {
position: absolute;
left: .3em;
width: calc(100% - .6em);
height: .2em;
background-color: #fff;
border-radius: .1em;
}
.menu-trigger span:nth-of-type(1) {
top: 12%;
}
.menu-trigger span:nth-of-type(2) {
top: 46%;
}
.menu-trigger span:nth-of-type(3) {
bottom: 12%;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(1.3em) rotate(-315deg);
transform: translateY(1.3em) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-1.25em) rotate(315deg);
transform: translateY(-1.25em) rotate(315deg);
}
.menu-trigger+ul{
position: fixed;
width: 100vw;
height:100vh;
background: black;
top: 0;
left: 0;
} #mbtn{
position: fixed;
z-index: 9999;
width:100vw;
height:4em;
bottom:0;
left:0;
background:#1B1904;
}
#mbtn li{
width:50%;
border-top:1px solid white;
}
#mbtn li:nth-of-type(1){
border-right:1px solid white;
}
#mbtn a{
line-height:4em;
color:white;
}
#mbtn a p:nth-of-type(1){
width:2em;
margin-right:1em;
}
#mbtn a:before{
content:"";
position: absolute;
bottom:.8em;
left:25%;
width:50%;
height:1px;
background:#ff6a00;
} .m1{transition: 2s;}
.mdn{display:none;}
.m_txl{text-align:left !important;}
.m_txc{text-align: center !important;}
.m_txr{text-align: right !important;}
.m_flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.m_flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.m_itemcenter{align-items: center;}
.m_itemstart{align-items:flex-start;}
.m_itemend{align-items: flex-end;}
.m_justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.m_justifyaround{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.m_justifycenter{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}
.m_flexcenter{
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
align-items: center;
-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;
}
.m_rl{-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.m_lr{-ms-writing-mode: tb-lr;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;}