body,header,main,footer,h1,div,ul,li,dl,dt,dd{padding:0;margin:0}a{text-decoration:none}a:focus{outline:none}img{display:block;max-width:100%}body{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;font-size:16px;line-height:1.6;background-color:#f44336;color:#fff}header{background-color:#f44336}header .logo{display:flex;align-items:center;color:#fff;width:90%;padding:.5em 1em;margin:0 auto}header .logo span{padding-left:.5em;font-size:20px}header .topbanner{background-color:#fff}header .topbanner img{margin:0 auto}a{border:none}main,dl{margin:0 auto;max-width:1300px;width:90%}.title{display:flex;justify-content:space-between;align-items:baseline;padding-top:1em}@media (max-width: 500px){.title{display:block}}.title #update{text-align:right;font-size:.8em}ul{display:flex;justify-content:center}@media (max-width: 639px){ul{display:block}}ul li{background-color:#151515;list-style:none;width:95%;padding:1em 1.5% 1.5em;margin:1em 1%;border:1px solid #6d673b;border-radius:5px}ul li img{margin:0 auto}ul li a{display:block}ul li a::after{content:"動画を購入";display:block;max-width:180px;width:80%;color:#000;border-radius:5px;background-color:#fff70b;font-weight:bold;text-align:center;padding:1em;box-sizing:border-box;padding:.5em;margin:.5em auto}ul li a:hover::after{transform:translate(1px, 1px);background-color:#feee9e}footer{width:90%;border-top:1px dotted #bbb;padding:2em  0 4em;margin:2em auto 0}dl{color:#fff}dl dt{margin-bottom:1em}dl dd{margin:0 .5em .5em 2em}dl dd::before{content:"※";padding-right:.5em;margin-left:-1.5em}dl a{color:#fff;text-decoration:underline}.button{display:block;display:block;max-width:500px;width:80%;color:#000;border-radius:5px;background-color:#fff70b;font-weight:bold;text-align:center;padding:1em;box-sizing:border-box;margin:3em auto 6em}.button:hover{transform:translate(1px, 1px);background-color:#feee9e}.grow{position:relative}.grow::after{content:"";display:inline-block;height:100%;width:100%;border-radius:10rem;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .4s;transition:all .4s;animation-fill-mode:backwards}.grow::after:hover{transform:translateY(-3px);box-shadow:0.2rem 0.2rem 2rem rgba(0,0,0,0.3)}.grow:hover::after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.grow--img{display:block}.grow--img::after{border-radius:0}