@charset "utf-8";
/* CSS Document */

/* 20200226追加　load_bar */
#att_head *{ box-sizing: border-box;}
#att_head img{ max-width: 100%;}
#att_head{ background: #fff0f4; padding: 40px 20px; text-align: center; box-sizing: border-box;}
@media screen and (max-width:640px){
#att_head{ padding:6% 3%; text-align: center;}
}
.load_num{ text-align:center; font-weight: bold;}
.load_bar{ width: 100%; max-width: 640px; margin: 5px auto 20px; height: 40px; background: #c1e5f6; border-radius: 4px; overflow: hidden;}
@media screen and (max-width:640px){
.load_bar{ margin:0.5vw auto 4.5vw; height:6vw; border-radius:1.5vw;}
}
.load_bar span{ display: block; width: 50%; height: 100%; background: #28a7e1; background-image: linear-gradient(-45deg, transparent, transparent 25%, #c1e5f6 26%, #c1e5f6 50%, transparent 51%, transparent 75%, #c1e5f6 76%, #c1e5f6 100%); background-size: 20px 20px; animation: loading 10s linear infinite;}
@keyframes loading{
0%{ background-position: 100% 100%;}
100%{ background-position: 0 0;}
}