border-radius: 0.3em;
margin-left: 2em;
}
.header-band--lead--link{
color: #fff;
background:#969694;
border-radius: 0.3em;
border: 2px solid #fff;
padding: 0.25em 1em 0.35em;
margin-left: 1em;
font-size: 0.6em;
font-variation-settings: "wght" 400;
font-feature-settings: "palt";
font-size: 0.6em;
}
/*.header-band--lead--link:hover{
color: #fff;
border: 2px solid #272989;
background:#969694;
font-variation-settings: "wght" 900;
transition-duration: 500ms;
}*/
.header-band--lead__trr {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
display: inline-block
}
.header-band--lead__small {
font-size: 14px;
color: #fff;
align-self: self-end;
padding-bottom: 2px
}
@media screen and (min-width: 768px) {
.header-band--lead-sp{display: none;}
}
@media screen and (max-width: 767px) {
.header-band--lead-sp{
width:100%;
max-width: 320px;
}
.header-band {
display: flex;
/*grid-template-columns: 1fr auto;*/
/*gap: .75rem;*/
place-content: center;
font-family: "Noto Sans JP",Sans-Serif;
padding: 0 0.5em;
}
.header-band--lead img {
width: 100%;
height: auto;
max-height: 40px;
margin: 0 2vw 0 0;
}
.header-band--lead__small {
font-size: 2vw;
padding-bottom: 0;
align-self: center
}
.header-band--lead-pc{
display: none;
}
.header-band--lead--link {
font-size: 13px;
/* padding: 0.3em .75em; */
margin: 0;
/* width: 7em; */
text-align: center;
}
}
Thanks to you, we are celebrating our 25th anniversaryatonbuild.com Founding Festival
atonbuild.com
For more informationHere