/* A Modern CSS Reset */
*,*::before,*::after{
    box-sizing:border-box;
}
html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{
    margin:0;
    padding:0;
    border:0;
    font-weight:normal;
    font-size:100%;
    vertical-align:baseline;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    word-wrap:break-word;
    overflow-wrap:break-word;
}
ul[role="list"],ol[role="list"]{
    list-style:none;
}
html:focus-within{
    scroll-behavior:smooth;
}
a:not([class]){
    text-decoration-skip-ink:auto;
}
img,picture{
    max-width:100%;
    display:block;
}
input,button,textarea,select{
    font:inherit;
}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
/* my css */
ol,ul{
    margin:1em 0em 1em 0em;
    padding-left:2em;
}
li{
    margin:15px 0 15px 0;
    letter-spacing:0.07em;
}
li:first-child{
    margin-top:0;
}
li:last-child{
    margin-bottom:0;
}
body{
    background-color:#FFFFFF;
    color:#313131;
    font-size:16px;
    text-align:center;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
p{
    margin-top:10px;
    margin-bottom:10px;
    text-indent:0;
    letter-spacing:0.07em;
    line-height:1.7em;
}
.voteLayer{
    position:fixed;
    width:100%;
    height:100vh;
    background-color:rgba(0,0,0,0.8);
    z-index:2;
    display:flex;
    align-items:center;
    display:none;
}
    .voteLayer > div{
        background-color:#FFFFFF;
        color:#000000;
        margin:auto;
        padding:20px;
        width:90%;
        max-width:600px;
        border-radius:20px;
    }
        .voteLayer > div > .memberList{
            background-color:#FFFFFF;
            margin:0;
        }
            .voteLayer > div > .memberList > .memberLow{
                background-color:transparent;
            }
.resultLayer{
    position:fixed;
    width:100%;
    height:100vh;
    background-color:rgba(0,0,0,0.8);
    z-index:2;
    display:flex;
    align-items:center;
    display:none;
}
    .resultLayer > div{
        background-color:#FFFFFF;
        color:#000000;
        margin:auto;
        padding:20px;
        width:90%;
        max-width:600px;
        border-radius:20px;
    }
        .resultLayer > div > div:first-child{
            text-align:left;
        }
        .resultLayer > div > div:nth-child(2){
            display:flex;
            flex-direction:row-reverse;
            padding:10px 0 15px 0 ;
        }
            .resultLayer > div > div:nth-child(2) > .buttonVote{
                padding:10px 20px 10px 20px;
                background-color:#FE7165;
                color:#FFFFFF;
                margin-right:15px;
                min-width:90px;
                transition:0.2s linear;
            }
            .resultLayer > div > div:nth-child(2) > .buttonVote:hover{
                background-color:#FF0000;
                cursor:pointer;
            }
        .resultLayer > div a:defined{
            color:#F8A330;
            text-decoration:none;
        }
.movie{
    border-radius:10px;
    padding:10px;
    background-color:#000000;
    margin-bottom:20px;
}
    .movie > video{
        width:100%;
    }
.memberList{
    display:flex;
    flex-direction:column;
    margin-bottom:20px;
    border-radius:10px;
}
    .memberList .memberRow{
        background-color:#282828;
        display:flex;
        flex-direction:column;
        margin-bottom:10px;
        border-radius:10px;
    }
        /*メンバー名*/
        .memberList .memberRow > div:first-child{
            background-color:#080808;
            color:#F4F4F4;
            font-size:1.7rem;
            padding:3px 10px 0 10px;
            border-radius:10px;
        }
        .memberList .memberRow > div:nth-child(2){
            display:flex;
            flex-direction:row;
        }
            .memberList .memberRow > div:nth-child(2) > div:first-child{
                width:50%;
                padding:10px 0 10px 10px;
            }
                .memberList .memberRow > div:nth-child(2) > div:first-child > .photo{
                    width:100%;
                    /* background-color:#555555; */
                    background-image:url(image/members/bg.jpg);
                    background-size:cover;
                }
                .memberList .memberRow > div:nth-child(2) > div:first-child > .votingPhoto{
                    background-image:none;
                }
            .memberList .memberRow > div:nth-child(2) > div:nth-child(2){
                width:50%;
                padding:10px 0 10px 0;
                margin:0 10px 0 10px;
                color:#F7F7F7;
            }
                /*紹介文*/
                .memberList .memberRow > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){
                    padding:0 0 0 10px;
                    text-align:left;
                }
        .memberList .memberRow > div:nth-child(3){
            display:flex;
            flex-direction:row-reverse;
            padding:10px 0 15px 0 ;
        }
            .memberList .memberRow > div:nth-child(3) > .buttonVote{
                padding:10px 20px 10px 20px;
                background-color:#FE7165;
                color:#FFFFFF;
                margin-right:15px;
                min-width:120px;
                transition:0.2s linear;
                text-align:center;
            }
            .memberList .memberRow > div:nth-child(3) > .buttonVote:hover{
                background-color:#FF0000;
                cursor:pointer;
            }
        .memberList .memberRow a:defined{
            color:#F8A330;
            text-decoration:none;
        }
    .memberList .memberRow:last-child{
        margin-bottom:0;
    }
.page{
    /* background-color:#FFFFFF; */
    width:100%;
    max-width:1000px;
    margin:0 auto 0 auto;
    padding:0;
}
    .page .header{
        background:#000000;
        padding:5px;
        display:flex;
        justify-content:center;
        flex-direction:column;
        align-items:center;
    }
        .page .header .hamburgerMenu{
            display:none;
        }
        .page .header .subTitle{
            /* width:80%; */
            margin-bottom:20px;
        }
            .page .header .subTitle img{
                width:200px;
            }
    .page .center{
        background-color:;
        padding:0;
        display:flex;
    }
        .page .center .layerGroup{
            position:relative;
        }
            .page .center .layerGroup .layer1{
                position:absolute;
                z-index:-1;
                width:100%;
                height:100%;
            }
                .page .center .layerGroup .layer1 > .space{
                }
                    .page .center .layerGroup .layer1 > .space > svg{
                        max-height:150px;
                    }
                .page .center .layerGroup .layer1 > .silhouette{
                    width:50%;
                    margin:0 0 0 0;
                    float:right;
                }
        .page .center .contents{
            width:calc(100% - 200px);
            padding:0 10px 0 10px;
            text-align:left;
        }
            .page .center .contents .message{
                padding:10px 20px 10px 20px;
                background-color:#FA5138;
                color:#FFFFFF;
                margin-bottom:20px;
                display:none;
            }
            .page .center .contents .spidersStageLogo{
                width:100%;
                padding:20px 10px 20px 10px;
                margin-bottom:15px;
                max-width:700px;
            }
            .page .center .contents .datePlace{
                margin-bottom:30px;
                font-size:2.5rem;
                margin-left:15px;
                color:#000000;
            }
                .page .center .contents .datePlace p{
                    line-height:1.3em;
                    text-shadow:0 0 7px  #FFFFFF;
                }
                .page .center .contents .datePlace .place{
                    font-weight:bold;
                    font-size:2rem;
                }
            .page .center .contents .panel{
                background-color:rgba(0,0,0,0.6);
                margin:0 10% 30px 10%;
                color:#FFFFFF;
                padding:30px;
            }
                .page .center .contents .panel > *:first-child{
                    margin-top:0;
                }
                .page .center .contents .panel > *:last-child{
                    margin-bottom:0;
                }
            .page .center .contents .updateInfo{
                display:flex;
                flex-direction:column;
            }
                .page .center .contents .updateInfo div:first-child{
                    text-align:center;
                    margin-bottom:10px;
                }
                .page .center .contents .updateInfo > .updateInfoList{
                    display:flex;
                    flex-direction:column;
                    background-color:rgba(255,255,255,0.1);
                    padding:20px;
                    border-radius:20px;
                }
                    .page .center .contents .updateInfo > .updateInfoList > .updateInfoRow{
                        display:flex;
                        flex-direction:row;
                    }
                        .page .center .contents .updateInfo > .updateInfoList > .updateInfoRow > div:first-child{
                            width:100px;
                            text-align:left;
                        }
                        .page .center .contents .updateInfo > .updateInfoList > .updateInfoRow > div:last-child{
                            width:calc(100% - 100px);
                            text-align:left;
                        }
                            .page .center .contents .updateInfo > .updateInfoList > .updateInfoRow > div:last-child *:first-child{
                                margin-top:0;
                            }
                            .page .center .contents .updateInfo > .updateInfoList > .updateInfoRow > div:last-child *:last-child{
                                margin-bottom:0;
                            }
            .page .center .contents .contentsPhoto{
                margin:15px 0 15px 0;
            }
                .page .center .contents .contentsPhoto img{
                    border-radius:7px;
                }
            .page .center .contents .bgImage{
                background-image:url(image/スパステ221.jpg);
                background-size:625px;
            }
            .page .center .contents .banner{
                display:flex;
                margin-bottom:30px;
                justify-content:center;
                margin:0 10% 30px 10%;
            }
                .page .center .contents .banner img{
                    border-radius:10px;
                    width:100%;
                }
        .page .center .subContents{
            width:200px;
            background-color:#E7E7E7;
            padding:10px;
            /* display:none; */
        }
            .page .center .subContents .menu{
                display:flex;
                flex-direction:column;
                width:100%;
                text-align:left;
            }
                .page .center .subContents .menu a:defined{
                    color:#E9E9E9;
                    text-decoration:none;
                }
                .page .center .subContents .menu > .menuItem{
                    padding:10px 0 10px 10px;
                    margin-bottom:1px;
                    background-color:#000000;
                    color:#E9E9E9;
                    transition:0.2s linear;
                    min-height:44px;
                }
                .page .center .subContents .menu .menuItem:hover{
                    background-color:#757575;
                    padding-left:20px;
                }
        .page .center .nav-unshown{
            display:none;
        }
    .page .footer{
        background-color:#D2D2D2;
        color:#2B2B2B;
        padding:30px 10px 10px 10px;
    }
    .page .linkList{
        display:flex;
        /* flex-direction:column; */
        align-items:center;
        justify-content:space-between;
        margin-bottom:20px;
        padding:0 20px 0 20px;
    }
        .page .linkList > .linkPart{
            display:flex;
            flex-direction:column;
            text-align:center;
            width:33%;
            max-width:170px;
        }
            .page .linkList > .linkPart .qrRink{
                width:100%;
                display:flex;
                flex-direction:row;
                align-items:center;
                justify-content:center;
            }
                .page .linkList > .linkPart .qrRink > div{
                    width:100%;
                    margin-right:30px;
                }
                    .page .linkList > .linkPart .qrRink > div > svg{
                        margin-bottom:-7px;
                    }
                .page .linkList > .linkPart .qrRink > div:last-child{
                    margin-right:0;
                }
            .page .linkList > .linkPart > div{
                text-align:center;
            }
                .page .linkList > .linkPart > div > a:defined{
                    color:#000000;
                }
                .page .linkList > .linkPart > div > a{
                    text-align:center;
                }
        .page .linkList .linkPart:last-child{
            margin-right:0;
        }
    .page .linkList.bgdark{
    }
        .page .linkList.bgdark > .linkPart{
        }
            .page .linkList.bgdark > .linkPart > div{
            }
                .page .linkList.bgdark > .linkPart > div > a:defined{
                    color:#FFFFFF;
                }
            .page .linkList.bgdark > .linkPart .qrRink{
            }
                .page .linkList.bgdark > .linkPart .qrRink .qr{
                    background-color:#FFFFFF;
                    padding:3px;
                }
    .page .linkList.center{
        justify-content:center;
    }
/*汎用CSS*/
.kinsokuJp{
    word-break:keep-all;
    line-break:strict;
}
.flexColumn{
    display:flex;
    flex-direction:column;
}
.flexCenter{
    display:flex;
    justify-content:center;
}
.textCenter{
    text-align:center;
}
.pageTitleJp{
    font-size:2rem;
    text-align:center;
    margin:20px 0 20px 0;
    color:#090909;
    font-weight:bold;
}
.pageTitle{
    font-family:'Goldman', cursive;
    font-size:3rem;
    text-align:center;
    margin:20px 0 20px 0;
    color:#090909;
}
.largeTitle{
    font-size:33px;
    margin:20px 0 10px 0;
    color:#FFFFFF;
}
.articleTitle{
    font-size:33px;
    margin:20px 0 20px 0;
    color:#FFFFFF;
    line-height:1.3em;
}
.fontStrong{
    color:#FFA67B;
}
.borderRadius{
    border-radius:20px;
}
.fontLarge{
    font-size:2em;
}
p.lineHeigthNormal{
    line-height:1.3em;
}
.textLineHeightTall:where(p){
    line-height:2em;
    margin:20px 0 20px 0;
}