@charset "utf-8";

/**magazine vol.3**/
.l-main .l-section-title.builkaraMagazine__titleH2{
font-size: 262.5%;
text-align: center;
border-bottom: none;
margin-bottom: 0;
}
.l-main .l-section-title.builkaraMagazine__titleH2::after{
display: none;
}
body > .l-page h3.builkaraMagazine__titleH3,
body > .l-page h3.magazineTitleH3{
font-size: 212.5%;
color: #222222;
}
.mt40,
body > .l-page h3.mt40{
margin-top: 40px;
}
.mt110,
body > .l-page h3.mt110{
margin-top: 110px;
}
.mt180,
body > .l-page h3.mt180{
margin-top: 180px;
}
.mt190,
body > .l-page h3.mt190{
margin-top: 190px;
}
.mt140,
body > .l-page h3.mt140{
margin-top: 140px;
}

/*h3*/
.builkaraMagazine__titleH3{
font-size: 162.5%;
text-align: center;
}
/*vol.3_01*/
.magazineImage01{
max-width: 618px;
margin: 40px auto 0;
}
/*vol.3_02*/
.magazineImage02Box{
max-width: 700px;
width: 100%;
display: flex;
margin: 27px auto 0;
}
.magazineImage02{
max-width: 454px;
}
.magazineImage02Text{
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 212.5%;
font-weight: 700;
padding: 20px;
}
/*vol.3_03*/
.magazineImage03Box{
max-width: 700px;
width: 100%;
display: flex;
justify-content: right;
margin: 27px auto 0;
}
.magazineImage03{
max-width: 454px;
}
.magazineImage03Text{
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 212.5%;
font-weight: 700;
padding: 20px;
}
/*vol.3_04*/
.magazineImage04{
max-width: 454px;
width: 100%;
margin: 27px auto 0;
}
body .l-page .l-main div.magazineImage04Text{
max-width: 468px;
margin: 30px auto 0;
font-size: 125%;
font-weight: 400;
line-height: 1.6em;
}
.magazineVol3Arrow{
width: 78px;
margin: 80px auto 0;
}
/*vol.3_05*/
.magazineImage05{
max-width: 618px;
width: 100%;
margin: 30px auto 0;
position: relative;
}
.magazineImage05 #linkText05{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.magazineImage05 #linkText05sp{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.magazineImage05 #linkText05 text{
font-size: 87.50%;
font-weight: 700;
text-decoration: underline;
fill: #222222;
cursor: pointer;
}
.magazineImage05 #linkText05sp text{
font-size: 56.25%;
font-weight: 700;
text-decoration: underline;
fill: #222222;
cursor: pointer;
}
.magazineImage05 #linkText05 text:hover,
.magazineImage05 #linkText05sp text:hover{
fill: #CC0000;
}
.modaal-container{
text-align: center;
max-width: 560px;
width: 100%;
}
.heliosDriveText01{
font-size: 187.50%;
font-weight: 900;
margin-bottom: 20px;
}
.textRed{
color: #FA000F;
}
.heliosDriveText01 sup{
font-size: 70%;
}
.heliosDriveImage img{
width: 100%;
margin-bottom: 10px;
}
.heliosDriveText02{
font-size: 112.50%;
font-weight: 700;
margin-bottom: 20px;
text-align: left;
}
.heliosDriveText02 sup{
font-size: 70%;
}
.heliosDriveNoteList ul{
margin-left: 2em;
}
.heliosDriveNoteList li{
font-size: 87.50%;
font-weight: 400;
text-align: left;
text-indent: -2.2em;
font-feature-settings: "plat";
}
.heliosDriveNoteList li span{
display: inline-block;
width: 2em;
text-indent: 0;
}

@media screen and (max-width: 768px) {
.heliosDriveText01 {
font-size: 18px;
margin-bottom: 10px;
}
.heliosDriveText02 {
font-size: 128.57%;
margin-bottom: 10px;
}
.heliosDriveNoteList li{
font-size: 85.71%;
}
}

body .l-page .l-main div.magazineImage05Text{
max-width: 446px;
margin: 20px auto 0;
font-size: 125%;
font-weight: 400;
line-height: 1.6em;
}
.magazineText{
max-width: 618px;
margin: 30px auto 0;
font-size: 125%;
font-weight: 400;
}
/*vol.3_06*/
.magazineImage06{
max-width: 446px;
margin: 20px auto 0;
}
body .l-page .l-main div.magazineImage06Text{
max-width: 446px;
margin: 20px auto 0;
font-size: 125%;
font-weight: 400;
line-height: 1.6em;
}
.magazineImage06Text+.magazineImage06Text{
margin: 47px auto 0;
}

/*.textRed{
color: #FA000F;
}*/
/*vol.3_07*/
.magazineImage07{
max-width: 384px;
margin: 40px auto 0;
}
/*vol.3_08*/
.magazineImage08 {
max-width: 401px;
margin: 80px auto 0;
}
/*vol.3_10*/
.magazineImage10{
max-width: 528px;
margin: 0 auto 0;
}
.magazineLink{
width: 100%;
text-align: center;
margin-top: 56px;
}

@media screen and (max-width: 990px) {
.magazineImage02Box{
flex-direction: column-reverse;
align-items: center;
}
.magazineImage03Box{
flex-direction: column;
align-items: center;
}
}
@media screen and (max-width: 768px) {
.l-main .l-section + .l-section{
margin-top: 20px;
}
.l-main .l-section-title.builkaraMagazine__titleH2{
font-size: 157.1428571%;
padding-bottom: 10px;
margin-bottom: 0;
}
body > .l-page h3.builkaraMagazine__titleH3,
body > .l-page h3.magazineTitleH3{
font-size: 157.1428571%;
margin-bottom: 10px;
}
body > .l-page .builkaraMagazine__titleH2+h3.builkaraMagazine__titleH3,
body > .l-page .builkaraMagazine__titleH2+h3.h3.magazineTitleH3,
.magazineImage02Text,
.magazineImage03Text{
font-size: 135.7142857%;
}

body .l-page .l-main div.magazineImage04Text,
body .l-page .l-main div.magazineImage05Text,
body .l-page .l-main div.magazineImage06Text{
font-size: 107.1428571%;
}

.magazineImage02Text,
.magazineImage03Text{
padding: 0 0 10px;
}
.magazineImage04+.builkaraMagazine__titleH3.mt40{
margin-top: 15px 0 0;
}
body .l-page .l-main div.magazineImage04Text{
margin-top: 10px;
}
.magazineVol3Arrow{
width: 45px;
margin: 20px auto 0;
}

body > .l-page h3.mt110{
margin-top: 80px;
}

.mt190,
body > .l-page h3.mt190{
margin-top: 100px;
}
body > .l-page h3.mt140{
margin-top: 30px;
}
body > .l-page h3.mt40{
margin-top: 20px;
}

.magazineImage01,
.magazineImage02,
.magazineImage03,
.magazineImage04,
.magazineImage05,
.magazineImage06,
.magazineImage09{
max-width: 328px;
margin: 0 auto 10px;
}
.magazineImage05,
.magazineImage06{
margin: 20px auto 0px;
}
.magazineImage07{
max-width: 328px;
margin: 40px auto 10px;
}
.magazineImage08{
max-width: 290px;
margin: 60px auto 0;
}
.magazineLink{
width: 100%;
text-align: center;
margin-top: 40px;
}
.magazineImage10{
max-width: 328px;
margin: -5px auto 10px;
}
.l-section.mt180{
margin-top: 20px;
}

}