body{
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', メイリオ, "ＭＳ Ｐゴシック","ＭＳ ゴシック", sans-serif;
padding: 0 2%;
/*background-color: #c6ffff;*/
font-size:0.85em;
}

body.under{
background-color:#CCC;
}

* html body{
overflow: hidden;
}

section{
margin:auto;
}

h1 {margin-bottom: 0;}

h2 {margin-bottom: 0;}

h3 {margin-bottom: 0;}

p {margin-top:0;}

img{max-width:100%;}

video{max-width:100%;}

.video{
  width: 35%;
  padding-top: 20%;
  position: relative;
  top: 0;
  left: 0;
}
.video iframe{
  position: absolute;
  top: 0;
  right: 0;
  width:100%; !important;
  height:100%; !important;
}

ul{
list-style-type:none;
padding: 0;
}

ul li{

}

ul#work li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
}

ul#work li:after {
        /* liの後に記号追加 */
        content: " / ";
}

ul#work li:last-child:after {
        /* 最後のliだけcontentを消す */
        content: none;
}

table.chara{

max-width: 100%;
}


table caption{
text-align: left;
}

.rainbow{
    font-size: 150%;
    font-weight:600;
    animation:rainbow 3s infinite;
    -webkit-animation:rainbow 3s infinite;
}
@keyframes rainbow{
    12%{color:#ff5353;}
    24%{color:#ffcf53;}
    36%{color:#e8ff53;}
    48%{color:#53ff5d;}
    60%{color:#53ffbc;}
    72%{color:#5393ff;}
    84%{color:#ca53ff;}
    100%{color:#ff53bd;}
}
@-webkit-keyframes rainbow{
    12%{color:#ff5353;}
    24%{color:#ffcf53;}
    36%{color:#e8ff53;}
    48%{color:#53ff5d;}
    60%{color:#53ffbc;}
    72%{color:#5393ff;}
    84%{color:#ca53ff;}
    100%{color:#ff53bd;}
}



.clearfix:after, body:after, header:after, .update:after, main:after, section:after, dl:after, row:after{
visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media (min-width : 768px) {
body{
padding: 0 1%;
}

}