@charset "UTF-8";

.section_news .s_line {
text-align: center;
margin-top: 0px;
margin-bottom: 10px;
}
.section_news .s_line h2 {
color: #f5639a;
letter-spacing: 6px;
width: 300px;
font-size: 24px;
display: inline-block;
}
@media screen and (max-width: 500px) {
.section_news .s_line h2 {
font-size: 20px;
}
}
.section_news .s_line .left-dot {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 23px;
color: #000;
background: #000;
border-radius: 50%;
position: relative;
width: 8px;
height: 8px;
top: -4px;
display: inline-block;
color: #f5639a;
background-color: #f5639a;
}
.section_news .s_line .left_line {
display: inline-block;
width: calc(50% - 150px - 22px);
background: #111;
height: 1px;
position: relative;
top: -7px;
margin-right: 17px;
color: #f5639a;
background-color: #f5639a;
}
.section_news .s_line .right_line {
display: inline-block;
width: calc(50% - 150px - 22px);
background: #111;
height: 1px;
position: relative;
top: -8px;
margin-left: 8px;
background-color: #f5639a;
}
.section_news .s_line .right-dot {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 23px;
color: #000;
background: #000;
border-radius: 50%;
position: relative;
width: 8px;
height: 8px;
top: -5px;
display: inline-block;
color: #f5639a;
background-color: #f5639a;
}
.section_news .news-list ul {
max-width: 96%;
display: block;
font-size: 0;
margin: 0 auto;
margin: 0 auto;
}
.section_news .news-list ul li {
font-size: 16px;
padding: 5px 0;
list-style: none;
display: inline-block;
width: 33.3%;
vertical-align: top;
padding: 0.5%;
}
.section_news .news-list ul li h3 {
font-size: 14px;
width: 80%;
margin: 0 auto;
padding: 20px 0 10px 0;
letter-spacing: 3px;
}
.section_news .news-list ul li .left-img {
position: relative;
overflow: hidden;
}
.section_news .news-list ul li .left-img .att_popteen_logo {
position: absolute;
width: 30%;
left: 1%;
bottom: 1%;
opacity: 0.7;
pointer-events: none;
}
.section_news .news-list ul li .left-img a img {
width: auto;
height: auto;
}
@media screen and (max-width: 800px) {
.section_news .sp_only.cat_date_sp_only {
display: none !important;
}
.section_news .news-list ul li {
width: 50%;
}
.section_news .news-list ul li h3 {
font-size: 14px;
}
}
@media screen and (max-width: 500px) {
.section_news .sp_only.cat_date_sp_only {
display: block !important;
}
.section_news .news-list ul li {
width: 100%;
padding-bottom: 7px;
margin-bottom: 5px;
}
.section_news .news-list ul li h3 {
width: 100%;
}
.section_news .news-list ul li .r_title {
font-size: 1.3rem;
margin-top: 1rem;
padding: 0;
font-weight: normal;
}
.section_news .s_line h2 {
width: 168px;
}
.section_news .s_line .right_line {
width: calc(50% - 85px - 22px);
}
.section_news .s_line .left_line {
width: calc(50% - 85px - 22px);
}
.section_news .s_line.s_line_what_news h2 {
width: 250px;
}
.section_news .s_line.s_line_what_news .right_line {
width: calc(50% - 125px - 22px);
}
.section_news .s_line.s_line_what_news .left_line {
width: calc(50% - 125px - 22px);
}
.section_news .left-img {
display: inline-block;
width: 38%;
vertical-align: top;
}
.section_news .right-intr {
display: inline-block;
width: 59%;
vertical-align: top;
padding: 0 0 0 1.4rem;
}
.section_news .right-intr p {
margin: 0;
line-height: 1;
}
.section_news .right-intr .r_cat {
font-size: 1.4rem;
}
.section_news .right-intr .r_date {
font-size: 1.2rem;
text-align: right;
position: absolute;
display: block;
text-align: right;
right: 0;
top: 3px;
}
}
@media screen and (max-width: 350px) {
.section_news .right-intr {
width: 59%;
}
.section_news .right-intr p {
font-size: 10px !important;
}
.section_news .right-intr span {
font-size: 10px !important;
}
.section_news .right-intr h3 {
font-size: 10px !important;
word-break: break-all;
}
}