@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;
}

/*.comic{
max-width: 700px;
margin: 40px auto 0;
}
.comic1{
width: 701px;
}
.comic2{
width: 456px;
}*/

/*h3*/
.builkaraMagazine__titleH3{
font-size: 162.5%;
text-align: center;
}

/*secton1*/
/*vol.3_01*/
.comic01{
display: flex;
flex-direction: column;
gap: 10px;
max-width: 618px;
margin: 40px auto 0;
}
.magazineImage01{
max-width: 618px;
margin: 40px auto 0;
}
.magazineImage02{
max-width: 618px;
}
.magazineImage03{
max-width: 618px;
}
body .l-page .l-main div.magazineImage03Text{
max-width: 618px;
margin: 30px auto 0;
font-size: 112.50%;
font-weight: 400;
line-height: 1.75em;
}
.magazineVol4Arrow{
width: 78px;
margin: 80px auto 0;
}
/*section2*/
.comic02{
display: flex;
flex-direction: column;
gap: 10px;
max-width: 618px;
margin: 10px auto 0;
}
/*vol.3_04*/
.magazineImage04{
max-width: 454px;
width: 100%;
margin: 0 auto;
}
/*vol.3_05*/
.magazineImage05{
max-width: 454px;
width: 100%;
margin: 0 auto 0 0;
position: relative;
}
/*vol.3_06*/
.magazineImage06{
max-width: 618px;
margin: 0 auto;
}
/*vol.3_07*/
.magazineImage07{
max-width: 3618px;
margin: 0 auto;
}
/*vol.3_08*/
.magazineImage08 {
max-width: 454px;
margin: 0 auto;
}
/*vol.3_09*/
.magazineImage09 {
max-width: 454px;
margin: 0 auto 0 0;
}
body .l-page .l-main div.magazineNoteText{
max-width: 618px;
margin: 10px auto 0 0;
font-size: 87.50%;
font-weight: 400;
line-height: 1.6em;
}
/*vol.3_10*/
.magazineImage10Box{
display: flex;
max-width: 618px;
margin: 0 auto;
}
.magazineImage10{
max-width: 280px;
margin: 0 auto 0;
}
body .l-page .l-main div.magazineImage10Text{
max-width: 360px;
margin: 20px auto 0;
font-size: 112.50%;
font-weight: 400;
line-height: 1.75em;
}
.magazineImage11{
max-width: 454px;
margin: 0 auto 0;
}
.magazineLink{
width: 100%;
text-align: center;
margin-top: 56px;
}
.magazineImage12{
max-width: 528px;
margin: 0 auto 0;
}
@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{
font-size: 135.7142857%;
}
.magazineImage04+.builkaraMagazine__titleH3.mt40{
margin-top: 15px 0 0;
}
.magazineVol3Arrow{
width: 45px;
margin: 20px auto 0;
}
body > .l-page h3.mt140{
margin-top: 30px;
}
body > .l-page h3.mt40{
margin-top: 20px;
}
.comic01,
.comic02,
.magazineImage01,
.magazineImage02,
.magazineImage03,
.magazineImage04,
.magazineImage05,
.magazineImage06,
.magazineImage09,
.magazineImage10,
.magazineImage11,
.magazineImage12{
max-width: 328px;
margin: 0 auto;
}
.comic01,
.comic02{
margin-top: 30px;
gap: 16px;
}
body .l-page .l-main div.magazineImage03Text{
max-width: 328px;
}
body .l-page .l-main div.magazineImage03Text,
body .l-page .l-main div.magazineImage10Text{
font-size: 93.75%;
}
.JS #Contents .magazineImage10 img{
max-width: 175px;
}
.magazineImage10Box{
flex-direction: column-reverse;
max-width: 328px;
}
.magazineLink{
max-width: 328px;
width: 100%;
text-align: center;
margin: 40px auto 0;
}
.l-section.mt180{
margin-top: 20px;
}
}