body{
    background-color:skyblue;
    color:brown;
    font-size:30px;
    font-weight: bold;

}

.pageTitle{
    font-size:44px;
    background-color:darkblue;
    color:white;
    /*padding: 5px 15px;*/
    text-align:center;
    width:300px;
    margin:0 auto;


}

h2{
    padding:1rem 2rem;
    color:#fff;
    background-image:-webkit-gradient(linear, left top, right top, from(#0a53be), to(#fee140));
    background-image:-webkit-linear-gradient(left, #0a53be 0%, #fee140 100%);
    background-image: linear-gradient(to right, #0a53be 0%, #fee140 100%)
}

.figure {
  display:flex;
    justify-content: center;

}
/*.movie iframe{*/
/*    width:100%;*/
/*}*/

/*.box .youtube iframe{*/
/*    !*position:absolute;*!*/
/*    !*top:0;*!*/
/*    !*right:0;*!*/
/*    width:100%;*/
/*    !*text-align:center;*!*/
/*    !*margin:0 auto;*!*/
/*}*/
/*.box{*/
/*    display:flex;*/
/*    flex-wrap: wrap;*/
/*}*/
ul li{
    list-style: none;
}
.menu span{
    font-weight:bold;
}
/*iPad版で絵の大きさ調節*/
@media (min-width: 600px) {
    .movie iframe {
        width: 100%;
        padding-bottom: 50px;
    }
    .youtube iframe{
        width:100%;
        padding-bottom:20px;
    }
}
.button a img{
    display:block;
    margin:auto 0;
}
.figure-w a img{
    /*text-align:center;*/
    margin:0 auto;
    display:block;
    vertical-align:middle;
    padding:0;
    /*margin-bottom:20px;*/
    /*padding-bottom:20px;*/
}
@media (min-width: 400px) {
    .movie iframe {
        width: 100%;
        padding-bottom: 50px;
    }
    .youtube iframe{
        width:100%;
        padding-bottom:20px;
    }
}
@media (min-width: 1080px) {
    .movie iframe {
        width: 100%;
        padding-bottom: 50px;
    }
    .youtube iframe{
        width:100%;
        padding-bottom:20px;
    }
}