/*★★★共通部分★★★*/

header{
    margin: 0;
    padding: 0;
}
body{
    background-color: black;
    color: gold;
    margin: 0;
    padding: 0;
}
article{
    margin-bottom: 30px;
}
.logo{
    text-align: center;
}
ul{
    list-style-type: none;
    text-align: center;
}
header nav ul li{
    display: inline-block;
    margin-bottom: 10px
}

header nav li img{
    height:80%;
    clear: both;
}
nav:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.Videosnav ul li img{
    width:241.5px auto;
    height:173px auto;
    padding: 10px;
}
.Videosnav{
    font-size: 120%;
    font-family: 'Sawarabi Mincho', sans-serif;
    text-align: center;
}
h1{
    text-align: center;
    font-family: 'Italianno', cursive;
    font-size: 300%;
}
h2{
    text-align: center;
    font-family: 'Sawarabi Mincho', sans-serif;
}
.breadList{
    font-style: italic;
    font-family: 'Sawarabi Mincho', sans-serif;
    margin-left: 100px;
    font-size: 160%;
}
.breadList a{
    font-style: italic;
    font-family: 'Sawarabi Mincho', sans-serif;
    text-decoration: none;
    color: #ffd700;
}
.breadList a:hover{
    font-style: italic;
    font-family: 'Sawarabi Mincho', sans-serif;
    color: aqua;
}
.breadList a:active{
    font-style: italic;
    font-family: 'Sawarabi Mincho', sans-serif;
    color: gold;
    position: relative;
    top:5px;
}
/*動画*/
h2 a{
    text-decoration: none;
    color: #ffd700;
}
h2 a:hover{
    font-family: 'Sawarabi Mincho', sans-serif;
    color: aqua;
}
h2 a:active{
    font-family: 'Sawarabi Mincho', sans-serif;
    color: gold;
    position: relative;
    top:5px;
}
.LINE{
    border-top: 5px solid;
    border-image: linear-gradient(to right, #00ffff,#0000ff,#00ffff);
    border-image-slice: 1;
}
.LINE2{
    border-top: 5px solid;
    border-image: linear-gradient(to right, gold,yellow,gold);
    border-image-slice: 1;
    margin-bottom: 5px;
    margin-top: 5px;
}
.LINE3{
    border-top: 5px solid;
    border-image: linear-gradient(to right, red,orange,yellow,#00ff00,aqua,blue,purple,#ff00ff);
    border-image-slice: 1;
    margin-bottom: 5px;
    margin-top: 5px;
}
.LINE4{
    border-top: 5px solid;
    border-image: linear-gradient(to right,aqua,blue,aqua,blue,aqua,blue,aqua,blue,aqua);
    border-image-slice: 1;
    margin-bottom: 5px;
    margin-top: 5px;
}
.toparticle{
    text-align: center;
    font-size: 170%;
    font-family: 'Sawarabi Mincho', sans-serif;
}
iframe{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.introduce p{
    color: yellow;
    text-align: center;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-size: 110%;
    font-weight: bold;
}
.videotitle{
    text-align: center;
    font-family: 'Italianno', cursive;
    font-size: 400%;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
}
/*動画ページ内のリンク*/
.linkin{
    text-align: center;
}
.linkin a{
    text-align: center;
    font-family: 'Sawarabi Mincho', sans-serif;
    color: #00ff00;
    text-decoration: none;
}
/*★★★LINK★★★*/
.linkimg img{
    width: 30%;
    height: 30%;
}
.linkimg{
    text-align: center;
}
.linkp{
    margin-top: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 200%;
    font-family: 'Sawarabi Mincho', sans-serif;
}
@media(max-width:500px){
    .linkp{
        font-size: 150%;
    }
}
/*★★★PhotoStudio★★★*/

.nameh1{
    text-align: center;
}

.nameh1 a{
    font-size: 250%;
    font-family: 'Sawarabi Mincho', sans-serif;
    color: gold;
    font-weight:bold;
    margin-top: 80px;
    margin-bottom: 20px;
    text-decoration: none;
}

.nameh1 a:hover{
    font-family: 'Sawarabi Mincho', sans-serif;
    color: aqua;
}

.nameh1 a:active{
    font-family: 'Sawarabi Mincho', sans-serif;
    color: gold;
    position: relative;
    top:5px;
}

.psp>p{
    text-align: center;
    font-family: 'Sawarabi Mincho', sans-serif;
}

.FAimg{
    max-width: 70%;
    height: 70%;
    width: 50%;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

/*★★★News★★★*/
.newsul{
    display: block;
    text-align: center;
    font-size:120%;
    font-family: serif;
    font-weight: bold;
}
ul time{
    border-radius: 20px;
    background-color: blue;
    color: aqua;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-top: 5px;
    margin-right: 10px;
}
/*★★★News★★★*/
.blogp{
    text-align: center;
    font-family: serif;
    margin-bottom: 100px;
}
.blogp p{
    font-size: 120%;
    font-weight: bold;
}
.blogp a{
    text-decoration: none;
    font-size: 200%;
    color: aqua;
    font-family: serif;
}
.blogp a:hover{
    color: aquamarine;
}
.blogp a:active{
    color: gold;
    position: relative;
    top:5px;
}


/*★★★Comingsoon img★★★*/

.CS{
    margin-top: 50px;
    text-align: center;
}

/*★★★Profile Page★★★*/
caption{
    padding: 10px;
    padding-top: 100px;
    font-family: 'Italianno', cursive;
    font-weight: bold;
    font-size: 700%;
}
.acletitl{
    text-align: center;
    font-family: 'Italianno', cursive;
    font-weight: bold;
    font-size: 700%;
}
table{
    border:2px groove #00ffff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
th{
    border: 2px groove #00ffff;
    background-color:blue;
    color: white;
    padding: 20px;
    font-size: 150%;
    font-family: 'Sawarabi Mincho', sans-serif;
}
td{
    border: 2px groove #00ffff;
    padding: 20px;
    background-color: blue;
    color: white;
    font-size: 150%;
    font-family: 'Sawarabi Mincho', sans-serif;
}
.clbtbl{
    text-align: center;
}
.clbtbl a{
    color: white;
    text-decoration: none;
}
.clbtbl a:hover{
    color: aqua;
}
.clbtbl a:active{
    color: gold;
    position: relative;
    top:5px;
}
.center {
    font-family: 'Sawarabi Mincho', sans-serif;
    text-align: center;
} 
.center2 ul{
    font-family: 'Sawarabi Mincho', sans-serif;
    text-align: left;
    width: 500px;
    margin-left: auto; 
    margin-right: auto;
}
.center3{
    font-family: 'Sawarabi Mincho', sans-serif;
    text-align: center;
    margin-top: 50px;
}

.red{
    color: #ff6f00;
}

/*フッター*/

footer nav>ul>li>ul>li{
    display: block;
    text-align: left;
    padding-bottom:10px; 
}
footer>nav>ul>li{
    text-align: center;
}

footer nav>ul{
    margin-left: auto;
    margin-right: auto;
}
footer a{
    color: gold;
    text-decoration: none;
}
footer a:hover{
    color: aquamarine;
}
footer a:active{
    color: yellow;
    position: relative;
    top:5px;
}
/*上揃え*/
footer nav>ul{
    display: flex;
    align-items:stretch;
    justify-content: center;
    
}
footer nav>ul>li{
    align-self: start;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px
    width: auto;
}

/*テキストの装飾*/

footer{
    font-family: 'Sawarabi Mincho', sans-serif;
}
footer　a:hover{
    color: aqua;
}
footer　a:active{
    color: yellow;
    position: relative;
    top:5px;
}

/*フォーム*/

form{
    text-align: center;
}
.textin input{
    width: 500px;
}
button{
    font-weight: bold;
    color: #00aa00;
    background-color: aqua;
    width: 180px;
    padding: 10px;
}

/*★★ASIDE★★*/
aside h1{
    font-family: 'Sawarabi Mincho', sans-serif;
    font-size: 140%;
    border-bottom: 2px dotted #0000ff;
    padding-left: 5px;
    margin: 0;
}
aside li{
    border-bottom: 1px dotted #00ffff;
    font-family: 'Sawarabi Mincho', sans-serif;
}
aside ul{
    margin: 0;
}
aside a{
    display: block;
    color: gold;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}
aside a:hover{
    background-color: #0000cc;
}
.lcvart{
    float: left;
    width: 75%;
}
aside{
    float:right;
    width: 25%;
    margin-top: 30px;
    margin-bottom: 20px;
}
/*FOOTER*/
footer{
    clear: both;
}
.h22{
    font-size: 200%;
    border-bottom: 2px dotted #00ff00;
    padding-left: 5px;
    margin: 0;
    font-weight: bold;
    font-family: 'Italianno', cursive;
}
.CS2{
    margin: 10px;
}
.selected{
    background-color: #0000aa;
}
/*Manner*/
.mnrul{
    font-family: 'Sawarabi Mincho', sans-serif;
}
.center2>ul>li{
    list-style-type:disc;
}
.mnrul a{
    text-decoration: none;
    color: gold;
}
.mnrul a:hover{
    text-decoration: none;
    color: aqua;
}

/*★★★★画面の大きさによる拡縮★★★★*/

@media(max-width:1138px){
    .clbtbl th{
        font-size: 110%;
    }
    .clbtbl td{
        font-size: 110%;
    }
}
@media(max-width:956px){
    .clbtbl th{
        font-size: 90%;
    }
    .clbtbl td{
        font-size: 90%;
    }
    footer nav>ul{
        margin-left: 0;
    }
    footer nav ul{
        display: block;
    }
    footer nav>ul>li{
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    footer nav>ul>li>ul{
        width: fit-content;       /* 子リストの幅を内容に合わせる */
        margin-left: auto;        /* 親の中で中央に */
        margin-right: auto;       /* 親の中で中央に */
        text-align: left;         /* 中のテキストは左揃え */
    }
    .lcvart{
        float: none;
        width: 100%;
    }
    aside{
        float:none;
        width: 100%;
    }
    iframe{
        width: 100%;
        height: 100%;
    }
}
@media(max-width:776px){
    .clbtbl th{
        font-size: 70%;
    }
    .clbtbl td{
        font-size: 70%;
    }
}
@media(max-width:500px){
    li{
        display: block;
    }
    nav li img{
        width:70%;
        height:70%;
    }
    .Videosnav li img{
        width:70%;
        height:70%;
    }
    table{
    border:2px groove #00ffff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    }
    caption{
        font-size: 400%;
    }
    th{
        border: 2px groove #00ffff;
        background-color:blue;
        color: white;
        padding: 10px;
        font-size: 100%;
    }
    td{
        border: 2px groove #00ffff;
        padding: 10px;
        background-color: blue;
        color: white;
        font-size: 100%;
    }
    .center2 ul{
        width: 80%;
    }
    .breadList{
    margin-left: 50px;
    font-size: 150%;
    }
    .clbtbl th{
        font-size: 50%;
    }
    .clbtbl td{
        font-size: 50%;
    }
    h1{
        text-align: center;
    }
}

/*画面幅?px以下の際に適応される*/