@charset "utf-8";

#al8 a{
    text-decoration: none;
}

.bg{
background: url(../img/230912/bg.jpg?$staticlink$) no-repeat;
background-attachment: fixed;
  background-size: cover;
  background-position: center center;

}

#al8 .fvBnr .fvText, #al8 .copy, #al8 .boxlink, #al8 .boxlink_sold, #al8 .more, #al8 .category {
	font-family: 'Noto Serif JP', serif!important;
}

#al8 .fvBnr{
margin-bottom: 8rem;
}
	
#al8 .pcBnr {
    margin-bottom: 4rem;
}	
	
#al8 .fvBnr .fvText {
	line-height: 2.2!important;
}

#al8 .pickupItem {
margin-bottom: 15%;
}

#al8 .pickupItem:nth-of-type(odd) {
    background-color: #e7e1db;
    padding: 10% 0;
}



#al8 .eyeCatch{
font-family: 'GFS Didot', serif;
writing-mode:vertical-rl;
white-space: nowrap;
color: #807271;
}

#al8 .text{
top: 10px;
left: -100px;
}

#al8 .text3{
top: 200px;
left: 170px;
}

#al8 .text4{
top: 10px;
left: -140px;
}

#al8 .other{
margin: 15% 0;
}

#al8 .category img{
background-color: #e7e1db;
}

#al8 .subTitle{
font-family: 'GFS Didot', serif;
}


/*------横幅が520px以下CSS（SP用記述記載）------*/
@media screen and (max-width: 520px) {

#al8 .pickupItem:nth-of-type(odd) {
    padding:  20% 0 15%;
}

#al8 .pickupItem:nth-of-type(even) {
    padding: 5% 0;
}

 #al8 .pickupItem {
margin-bottom: 20%!important;
}


#al8 .eyeCatch{
margin: 0px;
}

#al8 .text{
top: 11.3vw;
left: 0vw;
}

#al8 .text3{
top: 26vw;
left: 0vw;
}

#al8 .text4{
top: 35vw;
left: 0vw;
color: #ffffff;
}

#al8 .text5{
top: 60vw;
left: 0vw;
}

}