body {
background:#000 url("../images/bg_room.jpg") no-repeat center top fixed;
background-size: 100% auto;
color: #EAEAEA;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-style: normal;
width: 100%;
height:100%;
font-size: 13px;
line-height:2em;
margin: 0px;
letter-spacing: 0;
}

#wrap{
width: 100%;
position: relative;
overflow-x: hidden;
}

.sp{ display: none;}
.fontS{ font-size: 80%;}
.fontB{ font-weight: 700;}
.txtSpace{ letter-spacing: -0.3vw; font-weight: 500;}
.efblock{ width: 100%;}
.txtRed{ color: #e60012;}

.txtMargin{ margin: 0 3px;}

.no-wrap { display: inline-block;}
.no-space{ letter-spacing: -0.2vw;}

.linkLabel{
padding-top: 40px;
margin-top: -40px;
text-indent: -999999px;
overflow: hidden;
}

@keyframes hurueru {
0% {transform: translate(0px, 0px);}
25% {transform: translate(1px, 0);}
50% {transform: translate(0, 1px);}
75% {transform: translate(1px, 0px);}
100% {transform: translate(0px, 1px);}
}

.huruhuru{
animation: hurueru .1s  infinite;
}

.noise{
background: url("../../images/noise.gif");
background-size: 50px auto;
width: 100%; height: 100%;
position: fixed;
top: 0; left: 0;
z-index: 2;
mix-blend-mode: overlay;
opacity: 0.5;
pointer-events: none;
}


#content{
width: 100%;
position: relative;
padding: 0 0 100px;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


/*---------------------------------------------

header

----------------------------------------------*/

header{
width: 100%;
position: relative;
overflow:hidden; 
}

#mSecret{
background: url("../images/m_shiryoshitsu.png") no-repeat center;
background-size: contain;
width: 250px; height: 34px;
margin: 0 auto;
padding: 100px 0;
}

/*---------------------------------------------

window

----------------------------------------------*/

.windowAll{
background: url("../images/bg_black.png");
width: 80%; min-width: 900px;
max-width: 1300px;
border: 1px solid #5d5c65;
margin: 0 auto 60px;
}

.windowTitle{
width: 100%;
border-bottom: 1px solid #5d5c65;
font-size: 14px;
line-height: 2.5em;
text-align: center;
}

.windowMain{
width: 100%;
padding: 20px 0;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.folderAll{
width: 120px;
margin: 30px 73.33px;
}

.folderA{
background: url("../images/i_folder.png") no-repeat center;
background-size: contain;
width: 100%;
position: relative;
}

.folderA:before{
content:"";
display: block;
padding-top: 103%;
}

.folderNM{
width: 100%;
font-size: 13px;
line-height: 1.3em;
text-align: center;
margin-top: 0.5em;
}

.folderAll a{
width: 100%; height: 100%;
display: block;
color: #EAEAEA;
}

.folderAll a:hover{ opacity: 0.7;}

.iconImg{
width: 100%;
line-height: 0;
position: relative;
overflow: hidden;
}

.iconImg:before{
content:"";
display: block;
padding-top: 103%;
}

.iconImg img{
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
border: 1px solid #9c9c9c;
box-sizing: border-box;
}


/*---------------------------------------------

file

----------------------------------------------*/

.pankuzu{
width: 800px;
margin: 0 auto 60px;
text-align: center;
}

.pankuzu a{ color: #EAEAEA; text-decoration: underline;}


.btnclose{
background: url("../images/btn_close.png") no-repeat center;
background-size: contain;
width: 58.5px; height: 58.5px;
margin: 0 auto;
}

.btnclose a{
width: 100px; height: 100%;
display: block;
}

.windowFile{
width: 100%;
padding: 20px 0;
margin: 0 auto;
}

.imgFile {
width: 90%;
margin: 0 auto;
position: relative;
line-height: 0;
pointer-events: none;
}

.imgFile2 {
width: 60%;
margin: 0 auto;
position: relative;
line-height: 0;
pointer-events: none;
}


.videoWrapperMov {
width: 50%; max-width: 400px;
margin: 0 auto;
position: relative;
line-height: 0;
border: 1px solid #404040;
border-radius: 10px;
box-sizing: border-box;
overflow: hidden;
}

.videoWrapperMov:before{
content:"";
display: block;
padding-top: 177%;
}


.videoWrapperMov iframe {
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
}

/*---------------------------------------------

secret

----------------------------------------------*/

#torii_mark{
background: url("../../secretfile/images/mark01.png") no-repeat center top;
background-size: contain;
width: 4%;
position: absolute;
bottom: 5%; left: 2%;
z-index: 5;
opacity: 0.4;
cursor: pointer;
}

#torii_mark:hover{ opacity: 1;}


/*---------------------------------------------

footer

----------------------------------------------*/

footer{
background: url("../../images/top/footer_bg_pc.jpg") no-repeat center top;
background-size: cover;
width: 100%;
padding: 3vw 0;
margin: 0;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
position: relative;
overflow: hidden;
}

#logo{
background: url("../images/logo.png") no-repeat center top;
background-size: contain;
width: 266px; height: 136px;
margin: 0 auto 100px;
}

#logo a{
width: 100%; height: 100%;
display: block;
}

#copyright{
width: 100%;
margin: 30px auto 0;
font-size: 10px;
line-height: 1.8em;
color: #e60012;
text-align: center;
}

#wb{
width: 154px;
margin: 0 auto 0;
}

#privacy{
width: 100%;
margin: 15px auto;
font-size: 10px;
line-height: 1em;
color: #e60012;
text-align: center;
}

#privacy a{
text-decoration: none;
}

#wbsns{
width: 100%;
margin: 10px auto;
text-align: center;
}

#wbsns img{
width: 30px;
margin: 0 4px;
}

/*---------------------------------------------

page top

----------------------------------------------*/


#pageTop{
background-color: #e60012;
width: 60px; height: 60px;
position: fixed;
bottom: 0; right: 0;
font-size: 18px;
text-align: center;
line-height: 60px;
z-index: 50;
}

#pageTop a{
width: 100%; height: 100%;
display: block;
color: #000;
}