@charset "UTF-8";

body{
font-size:max(.97vw,12px);
background:black;
overflow-x: hidden;
overflow-y: auto;
} _::content, _:future, body { 
font-size:.97vw;
} @-moz-document url-prefix() {
body {
font-size:max(.966vw,12px);
}
}
body::-webkit-scrollbar {
display:none;
} #wrap{
min-width:1000px;
}  #shareheader{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 9999;
}
#headlogo{
position: absolute;
left:0;
top:0;
width:10em;
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:#1f1d15;
transition-duration:1s;
}
.shareheaderh:before{
height:4em !important;
}
#shareheader nav{
margin-left:auto;
}
#shareheader ul{
padding-top:.8em;
}
#shareheader li a{
display: block;
padding:.4em 0;
margin:0 1em;
color:#DEDEDE;
}
#shareheader li a:hover,
#shareheader li a.ns{
color:white;
text-decoration:underline;
}  #slide{
background:black;
}
#slide ul{
height:100%;
position: relative;
}
#slide ul:after{
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
mix-blend-mode: overlay;
background: linear-gradient(black,#9e9565 30%,#797148 50%,#cbc3a7);
}
#pc_slider,
#home{
width:100%;
height:75vh;
}
#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;
background-attachment: fixed;
width:100vw;
height:100vh;
opacity: 0;
}
#pc_slider li:nth-of-type(1) div{
background-image:url(//shidukaonsen.com/wp-content/themes/original/images/front/slide2-2.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/slide1-2.jpg);
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/slide3-2.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(5em,0) scale(1.2);}
100%{opacity:0;transform:translate(5em,0) 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(5em,0) scale(1.2);}
100%{opacity:0;transform:translate(5em,0) 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:8em 0;
}
#frontpage>section:nth-of-type(odd){
background:white;
color:black;
}
#message{
width:100%;
}
#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 ul{
}
#message li{
width:100%;
}
#message li:nth-of-type(2){
margin:4em 0;
padding:4em 0;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
#message li p{
height:20em;
margin:0 3em;
line-height:180%;
}
.messageimg{
height:20em;
}
.messageimg img{
height:100%;
width:auto;
}
#kounou h2{
margin: 0em 3em 0 5em;
}
#kounou th{
color:white;
}
#kounou td{
padding-left: 1em;
}
#kounouimg{
padding-right:3em;
}
#kounouimg img{
height: 25em;
width: auto;
margin-left: 5em;
}
#kb{
position:absolute;
bottom:-100vh;
right:2em;
height:100%;
width:1px;
background:#ff6a00;
z-index: 1;
}
#riyou{
width:100%;
}
#riyou h2{
display: inline-block;
margin-top: -2em;
}
#riyou h2+p{
height:25em;
}
#riyou h2+p strong{
margin-left:2em;
}
#riyouimg{
height: 30em;
margin-right:3em;
}
#riyouimg img{
height:100%;
width:auto;
}
#riyouimg:hover{
opacity: .7;
}
#kazoku{
background: linear-gradient(90deg,black,#191400);
}
#kazoku>div:nth-of-type(1){
padding-left: 2em;
}
#kazoku h2{
margin-top:1em;
margin-right:3em;
}
#kazokuimg{
margin-top:3em;
}
#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:30em;
height:auto;
position:absolute;
bottom:9em;
left:0;
}
#kazoku>div>div>p{
margin-left:3em;
}
#kazoku th{
color:white;
}
#kazoku td{
padding-left:1em;
}
#cv ul{
margin-right:3em;
}
#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;
}
#cv{
width:100%;
}  #access>div>div:nth-of-type(1){
width:50%;
}
#access>div>div:nth-of-type(2){
width:50%;
}
#access h2{
margin: 0 auto 4em;
}
#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 a{
color: #1074a5;
border-radius: .5em;
display: inline-block;
margin-left: 1em;
}
#loot a:hover span{
text-decoration:underline;
}
#loot>div>div:nth-of-type(1){
padding-right:2em;
}  #shuhen{
}
#shuhen h2{
margin: 0 0 5em 8em;
}
#shuhen>ul li{
width:24%;
margin:0 .5%;
}
#shuhen>ul li a{
color:#b9ac98;
}
#shuhen>ul li img{
transition-duration:1s;
}
#shuhen>ul li img:hover{
transform:scale(.9);
}
#shuhen>div h3{
font-size:140%;
font-weight: bold;
}
#shuhen>div h3 span{
font-size:70%;
margin-left:2em;
}
#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){
padding: 0 .5em;
margin: .8em 1em 0;
border-top: 1px solid white;
font-size: 80%;
}  #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:2em 0;
}
#copyright{
color:white;
} #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;
}
.m1{
opacity:0;
transition: 3s;
transform: translate(0,2em) scale(2);
}
.minwidth6{min-width:600px;width:60%;margin:0 auto;}
.minwidth7{min-width:600px;width:70%;margin:0 auto;}
.minwidth8{min-width:680px;width:80%;margin:0 auto;}
.minwidth9{min-width:700px;width:90%;margin:0 auto;}
.ddn{display:none;}
.txl{text-align:left !important;}
.txc{text-align: center !important;}
.txr{text-align: right !important;}
.flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.itemstart{align-items: flex-start;}
.itemcenter{align-items: center;}
.itemend{align-items: flex-end;}
.justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.justifyaround{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.justifycenter{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}
.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;
}
.rl{-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}