@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@100..900&display=swap');
.contents_inner {
width: 100%;
max-width: calc(880px + 7rem);
height: 100%;
margin: 0 auto;
padding: 60px 10px 60px;
text-align: center;
}
.news-box01 {
margin: auto;
height: auto;
padding: 40px 40px;
background-color: #ffffff;
max-width: calc(780px + 7rem);
border: 1px solid #3db6c6;
}
.news-title01 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 3.0rem;
margin-bottom: 3rem;
letter-spacing: .24em;
line-height: 1.8;
text-align: center;
color: #e5b8ef;
}
.news-topic01 {
font-weight: 600;
font-size: 2.4rem;
letter-spacing: .24em;
display: block;
text-align: center;
color: #3db6c6;
}
.news-topic01-s {
font-weight: 500;
font-size: 2.4rem;
letter-spacing: .24em;
display: block;
text-align: center;
color: #3db6c6;
}
.news-topic02 {
font-weight: 500;
font-size: 3rem;
letter-spacing: .24em;
display: block;
font-family: var(--font-family--en);
text-align: center;
color: #e5b8ef;
}
.news-profile {
font-weight: 600;
letter-spacing: .24em;
line-height: 1.8;
font-size: 2.4rem;
margin-bottom: 3rem;
text-align: center;
}
.news-profile span{
font-weight: 300;
letter-spacing: .24em;
line-height: 1.8;
font-size: 1.7rem;
margin-bottom: 3rem;
text-align: center;
}
.news .block-catch-bg {
font-family: 'Montserrat';
font-size: 2.0rem;
}
.news .block-catch-bg strong{
font-weight: 500;
}
.news-limited{
font-weight: 600;
letter-spacing: .24em;
line-height: 1.8;
font-size: 1.7rem;
text-align: center;
color: #e84e95;
}
.special .ui-button[data-design="default"]{
border-color: #fff;
color: #fff;
background-color: #06C755;
}
@media (max-width: 767px){
.contents_inner {
width: auto;
padding: 40px 10px 40px;
}
.news-box01 {
padding: 20px 0px;
width: 90%;
}
.news-title01 {
font-size: 4.2rem;
margin-bottom: calc((30 / var(--vw-base-width))* 100vh);
}
.news-topic01 {
font-size: 3.6rem;
}
.news-topic01-s {
font-size: 3.6rem;
}
.news-topic02 {
font-size: 4.0rem;
}
.news-profile {
font-size: 3.2rem;
margin-bottom: calc((30 / var(--vw-base-width))* 100vh);
}
.news-profile span{
font-size: 2.5rem;
margin-bottom: calc((30 / var(--vw-base-width))* 100vh);
}
.news .block-catch-bg {
font-size: 3.0rem;
}
.news-limited{
font-size: 2.5rem;
}
}
IGNIS iO × Riko Ishino
スペシャルムービー公開！
Credits
ABOUT ARTIST
石野 理子 Riko Ishino