/*------------------------------------------------------------------

BUSINESS

------------------------------------------------------------------*/

/*---- MAIN CONTENTS ----*/
.pressBtnList01{ width: 1220px; margin: 0 auto; position: relative; z-index: 2; box-sizing: border-box; padding: 60px; background: #fff; min-height: 250px; display: flex; justify-content: space-between;}
.pressBtnList01 li{ width: 510px;}
.pressBtnList01 li a{ padding: 40px 40px 35px; text-decoration: none; font-size: 26px; box-sizing: border-box; border: 1px solid #333333; line-height: 1.6; color: #333333; position: relative; transition: all 0.3s; font-weight: 500; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center;}
.pressBtnList01 li a .small{ font-size: 20px; position: absolute; right: 90px; top: calc(50% - 15px);}
.pressBtnList01 li a::after{ content: ""; display: block; width: 15px; height: 15px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); position: absolute; right: 55px; top: calc(50% - 7px); transition: all 0.3s; }
.pressBtnList01 li a:hover{ border: 1px solid #CC0000; color: #CC0000; }
.pressBtnList01 li a:hover::after{ border-top: 2px solid #CC0000; border-right: 2px solid #CC0000; right: 45px;}

/*---- COMMON ----*/
#articlesList ul li{ width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #DFDFDF; font-size: 16px; color: #666666; font-weight: 400; line-height: 2; position: relative;}
#articlesList ul li a{ color: #333333; text-decoration: underline; transition: color 0.5s;}
#articlesList ul li a:hover{ color: #CC0000; }
#articlesList ul li .style1{ color: #333333; }

.backNumBtn{ text-align: right; box-sizing: border-box; font-size: 16px !important;}
.backNumBtn a{ display: inline-block; padding-right: 35px; position: relative; text-decoration: none; transition: color 0.5s; margin-right: 40px; color: #333;}
.backNumBtn a:last-child{ margin-right: 0;}
.backNumBtn a::after{ content: ""; display: block; width: 7px; height: 7px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); position: absolute; right: 10px; top: calc(50% - 3px); transition: all 0.5s;}
.backNumBtn a:hover{ color: #CC0000;}
.backNumBtn a:hover::after{ right: 0; border-top: 1px solid #CC0000; border-right: 1px solid #CC0000;}


/*
SUZUKA
------------------------------------------------*/
.selectCate{ margin-bottom: 60px;}
.selectCate span{ display: inline-block; text-decoration: none; margin-right: 30px;font-size: 14px; box-sizing: border-box; padding: 15px 20px; line-height: 1; font-weight: 400; transition: all 0.5s; cursor: pointer;}
.selectCate span:nth-child(1){ border: 1px solid #000; color: #000; background: #fff;}
.selectCate span:nth-child(2){ border: 1px solid #CC0000; color: #fff; background: #CC0000}
.selectCate span:nth-child(3){ border: 1px solid #000000; color: #fff; background: #000000}
.selectCate span:nth-child(4){ border: 1px solid #666666; color: #fff; background: #666666; margin-right: 0;}
.selectCate span:hover{ opacity: 0.7;}
.selectCate span:hover:nth-child(1){ border: 1px solid #CC0000; color: #CC0000; background: #fff; opacity: 1;}

#articlesList ul li::after{ display: inline-block; width: 132px; color: #fff; font-size: 14px; box-sizing: border-box; text-align: center; padding: 5px 0 5px; line-height: 1; position: absolute; top: 5px; left: 140px;}
#articlesList ul li.motorsports::after{ background: #CC0000; content: "\30E2\30FC\30BF\30FC\30B9\30DD\30FC\30C4"}
#articlesList ul li.park::after{ background: #000; content: "\30D1\30FC\30AF"}
#articlesList ul li.other::after{ background: #666666; content: "\305D\306E\4ED6\4E00\822C"}