@charset "utf-8";

body {background-color:black; color:white; text-align: center;}
img {vertical-align:top;}
.test-flex-container {display:grid; justify-items:center; align-items:center; position:fixed; bottom:-30px; background:transparent; border:none; opacity:0.9;}

@media (min-width:801px){
body *{display:grid; justify-items:center; align-items:center;}
.resizeimage img {width:75%;}
.floatingBnr {width:75%;}
.pc:after{content:"ver.PC"; color:#ffcc99; position:absolute; right:0;}
.aiyo_pc{background:url("aiyousha.webp"); width:75%; aspect-ratio:1000/1800; background-size:cover,contain;}
.point_pc{background:url("point_pc.webp"); width:75%; aspect-ratio:1000/3600; background-size:cover,contain;}
.aiyo2_pc{background:url("aiyousha2.webp"); width:75%; aspect-ratio:1000/1613; background-size:cover,contain;}
}

@media (max-width:800px){
body *{width:99%; display:grid; justify-items:center; align-items:center;}
.resizeimage img {width:99%;}
.sp:after{content:"ver.SP"; color:#99ccff; position:absolute; right:0;}
.aiyo_sp{background:url("aiyousha_sp.webp"); aspect-ratio:1000/3600; background-size:cover,contain;}
.point_sp{background:url("point_sp.webp"); aspect-ratio:1000/6000; background-size:cover,contain;}
.aiyo2_sp{background:url("aiyousha2_sp.webp"); aspect-ratio:1000/1613; background-size:cover,contain;}
}