@font-face {
font-family: 'lunch_time';
src: url(//popteen.co.jp/media/wp-content/themes/magazine_theme/data/fonts/LUNCN___.TTF) format("truetype");
}
body,
#page,
#content{
background-color : inherit;
background-size: 10px 10px !important;
background-position: 50% 50%  !important;
background-image:
repeating-linear-gradient(
90deg,
#F0F0F0 ,
#F0F0F0 1px,
transparent 1px,
transparent 32px
),
repeating-linear-gradient(
0deg,
#F0F0F0 ,
#F0F0F0 1px,
#fff 1px,
#fff 32px
)  !important;
}
.main_content_new{
background: none !important;
}
section.new_section {
background-image: none !important;
background-size: auto !important;
}
section.new_block{
padding-top: 3rem;
position: relative;
}
section.new_block .left-triangle {
width: 0px;
height: 0px;
border-style: solid;
border-width: 15vw 0 15vw 24vw;
border-color: transparent transparent transparent #f4c5b0;
transform: rotate(0deg);
position: absolute;
z-index: 1;
margin-left: -6%;
margin-top: -5rem;
}
section.new_block .right-triangle {
width: 0px;
height: 0px;
border-style: solid;
border-width: 25vw 25vw 25vw 0;
border-color: transparent #ecc9a3 transparent transparent;
transform: rotate(0deg);
position: absolute;
z-index: 1;
margin-left: -6%;    
right: 0;
margin-top: 30%;
}
section.new_block .sicon_,
section.new_section .sicon_{
border: 1px solid #000;
background: #fff;
padding: 2%;
border-radius: 20px;
aspect-ratio: 1;
position: relative;
margin-bottom: 1rem;
}
}
@media screen and (min-width: 600px){
section.new_block .right-triangle {
border-width: 20rem 20rem 20rem 0;
}
section.new_block .heart_2 {
right: 20%; top: 52%;
width: 80px;
height: 80px;   
}
}
section.new_block h2,
section.new_block h2 *{
color: #261b1a;
font-weight: 100;
font-size: 2.6rem;
}
section.new_block h2 span{
font-size: 1.6rem;
z-index: 2;
position: relative;
color: #261b1a;
font-weight: 100;
}
section.new_block .bs_table{
display: table;
width: 100%;
border: none;
margin: 0;
z-index: 2;
position: relative;
margin-bottom: -2.8rem;
position: relative;
}
section.new_block img{
width: 100%;
border-radius: 15px;
}
section.new_block .bs_table td{
border: none;
padding: 1px;
}
section.new_block .bs_table td.small_cell{
width: 35%;
padding-left: 2%;
width: calc(35% - 5px);
vertical-align: text-top;
} 
section.new_block .bs_table td.small_cell img{
margin-left-left: 5%;
width: 96%;
}
section.new_block .bs_table td.small_cell_last img{
position: relative;
top : -7px;
}
section.new_block .new_main_big{
width: 65%;
}
section.new_block .new_b_tag{
margin-top: 0px;
margin-bottom: 10px;
background: #f6eef0;
padding: 1px 8px;
display: inline-block;
border-radius: 5px;
color: #545454;
z-index: 3;
position: relative;
color: #fff;
background: #E35FAB;
text-overflow: ellipsis !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1;
overflow: hidden !important;
padding-bottom: 6px !important;
display: -webkit-box !important;
max-height: 30px;
max-width: 75%;
margin-bottom: 0;
position: absolute;
left: -2%;
bottom: -2%;
padding: 2px 10px;
}
section.new_block .bs_table td.small_cell .new_date,
section.new_block .bs_table td.small_cell .new_date_month{
font-family: "lunch_time", "lovelo_lb";
color: #e484ae;
font-size: 6rem;
line-height: 1.1;
text-align: center;
text-shadow: #e884ae 1px 0 10px;
}
@media screen and (max-width: 600px){
section.new_block .bs_table td.small_cell .new_date,
section.new_block .bs_table td.small_cell .new_date_month{
font-size: 8vw;
}
}
section.new_block h3.new_big_h3{
font-size: 13px;
border-radius: 5px;
padding: 8px 10px;
display: inline;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;  
color:#fff;
}
section.new_block h3.new_big_h3{
}
section.new_block .m2m{
padding: 0;
width: 100%;
margin: 0 auto;
margin-top: 1.5rem;
text-align: center;
font-size: 0;
}
section.new_block .m2m .new_main_mid{
display: inline-block;
width: 48%;
margin: 0;
padding: 0;
margin: 0 auto;
vertical-align: top;
margin-left: 0.15%;
margin-right: 0.15%;
text-align: left;
}
section.new_block .m2m .new_main_mid:first-child{
margin: 0;
margin-right: 2%;
}
section.new_block .m2m .new_main_mid:last-child{
margin: 0;
margin-left: 2%;
}
section .m2m .new_main_mid .new_m_tag{
margin-top: .5rem;
display: inline-block;
padding: 2px 8px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;  
display: inline-block !important;
position: absolute;
left: -2%;
bottom: -2%;
margin: 0;
border-radius: 5px;
padding: 2px 10px;
max-height: 25px;
text-overflow: ellipsis !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1;
overflow: hidden !important;
padding-bottom: 6px !important;
display: -webkit-box !important;
max-height: 25px;
max-width: 77%;
margin-bottom: 0;
position: absolute;
left: -2%;
bottom: -2%;
}
section.new_block .new_b_title{
display: block; margin-top: 10px;
}
section.new_block .m2m .new_main_mid h3{
-webkit-box-decoration-break: inherit;
box-decoration-break: clone;  
display: inline;
border-radius: 3px;
padding: 6px 5%;
color: #fff;
margin-bottom: 0;
line-height: 1.8;
}
section.month_posts .m2m .new_main_mid:nth-child(3n+1) h3{
background: #c5a01d;
color: #fffefe;
}
section.month_posts .m2m .new_main_mid:nth-child(3n+2) h3{
background: #a25050;
color: #fffefe;
}
section.month_posts .m2m .new_main_mid:nth-child(3n+3) h3{
background: #0497b2;
color: #fffefe;
} body,
section.new_section h1, 
section.new_section h2, 
section.new_section h3, 
section.new_section h4, 
section.new_section h5, 
section.new_section h6,
p,
div{
font-family: 'Noto Sans JP', sans-serif, serif;
font-weight: 600;
}
section.new_section h2{
font-family: "Kaisei Opti", 'Noto Sans JP', sans-serif, serif;
}
section.new_section *,
p,
div{
font-family: 'Noto Sans JP', sans-serif, serif;
font-weight: 400;
}
section.new_block .m2m{
padding-top: 3rem;
}
.main_content section.new_block h3.new_big_h3{
line-height: 1.65;
font-size: 17px;
-webkit-box-decoration-break: inherit;
box-decoration-break: inherit;
display: inline-block;
border-radius: 3px;
border: 1px solid #000;
padding: 6px;
color: #000;
background: #fff;
margin-left: auto;
margin-right: auto;
text-overflow: ellipsis ;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
max-height: 74px;
padding: 2% 5%;
margin-bottom: 0;
}
.main_content section.new_section .new_big_date,
.main_content section.new_block .new_big_date{
margin-top: 0 !important; 
text-align: left;
font-size: 14px;
}
.main_content section.new_section .width_88,
.main_content section.new_section .width_94{
width: 94%;
}
:root{
--box_4_type : polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}
section .box_parent {
border: 1px solid #000;
background: #fff;
padding: 2%;
border-radius: 16px;
position: relative;
margin-bottom: 1rem;
}
section .box_parent img{
border-radius: 16px;
}
section .box_text{
position: relative;
}
section .box_text .new_m_tag{
margin-top: 0px !important;
margin-bottom: 10px !important;
padding: 1px 8px !important;
display: inline-block !important;
border-radius: 5px !important;
color: #fff;
z-index: 3;
position: absolute;
background: #E35FAB;
text-overflow: ellipsis !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1;
overflow: hidden !important;
padding-bottom: 6px !important;
display: -webkit-box !important;
max-height: 25px;
max-width: 75%;
margin-bottom: 0;
position: absolute !important;
left: -2% !important;
top: -35px !important;
padding: 2px 18px;
}
section .m2m .new_main_mid:nth-child(4n+1) .box_parent{
border-radius: 50%;
}
section .m2m .new_main_mid:nth-child(4n+1) .box_parent img{
border-radius: 50%;         
}
section .m2m .new_main_mid:nth-child(4n+2) .box_parent{ position: relative;
border: none;
padding: 2%;
border-radius: 20px;
border: 1px solid #000;
}
section.f_b_block .m2m .new_main_mid:nth-child(4n+2) img{
clip-path: none !important;
border-radius: 16px;
}
section .m2m .new_main_mid:nth-child(4n+3) .box_parent{
border-radius: 0%;
}
section .m2m .new_main_mid:nth-child(4n+3) .box_parent img{
border-radius: 0%;
}
section .m2m .new_main_mid:nth-child(4n) .box_parent{
border-radius: 0%;
clip-path: var(--box_4_type);
position: relative;
border: none;
padding: 2.5%;
}
section .m2m .new_main_mid:nth-child(4n) .box_parent img{
clip-path: var(--box_4_type);
}
section .m2m .new_main_mid:nth-child(4n) .box_parent:before{
content: "";
position: absolute;
inset:0px;
background-color: #000;
clip-path: var(--box_4_type);
z-index: -1;
padding: 0;
}
section .m2m .new_main_mid:nth-child(4n) .box_parent:after{
content: "";
position: absolute;
inset:1px;
background-color: #fff;
clip-path: var(--box_4_type);
z-index: -1;
padding: 0;
}
section .new_main_mid .new_m_tag{
color: #fff;
background: #E35FAB;
-webkit-box-decoration-break: inherit;
box-decoration-break: inherit;
font-size: 12px;
text-overflow: ellipsis !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1;
overflow: hidden !important;
padding-bottom: 4px !important;
margin: 0 !important;
display: -webkit-box !important;
}
section .m2m .new_main_mid h3{
-webkit-box-decoration-break: inherit;
box-decoration-break: inherit;
background: #fff !important;
display: block !important;
color: #000 !important;
padding: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #000;
border-radius: 5px;
font-size: 15px;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden;
padding-bottom: 6px;
display: -webkit-box;
max-height: 64px;
}
section .swiper-slide h3{
background: #fff !important;
display: block !important;
color: #000 !important;
border-radius: 5px !important;
padding: 10px !important;
color: #000 !important;
text-align: left;
margin: 0 auto;
width: 70%;
z-index: 2;
border: 1px solid #000;
position: relative;
font-size: 15px;
text-overflow: ellipsis !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2; overflow: hidden !important;
padding-bottom: 6px !important;
display: -webkit-box !important;
max-height: 70px:
}
section.ljk_block .h3_text_color ,
section.jk_pop_block .h3_text_color {
text-overflow: ellipsis !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2; overflow: hidden !important;
padding-bottom: 6px !important;
display: -webkit-box !important;
max-height: 70px:
}
section.new_block .bs_table td.small_cell .new_date, section.new_block .bs_table td.small_cell .new_date_month{
font-size: 44px;
color: transparent;
-webkit-text-stroke: 1px #4d9bc1;
text-shadow: none;
letter-spacing: 2px;
font-style: normal;
}
@media screen and (max-width:740px){
section.new_block .bs_table td.small_cell .new_date, section.new_block .bs_table td.small_cell .new_date_month{
font-size: 5vw;
}
}
section.new_block .popteen_ext_log{
z-index: 3;
}
section.new_block .popteen_ext_log:before {
position: absolute;
display: inline-block;
content: "";
background: url(//popteen.co.jp/media/wp-content/themes/magazine_theme/data/img/new/tri_1.png) no-repeat;
background-size: contain;
width: 50%;
height: auto;
top : 37.74%;
left: 0;
aspect-ratio: 621 / 866;
z-index: 1;
}
section.new_block .popteen_ext_log:after {
position: absolute;
display: inline-block;
content: "";
background: url(//popteen.co.jp/media/wp-content/themes/magazine_theme/data/img/new/tri_2.png) no-repeat;
background-size: contain;
width: 36.3333%;
height: auto;
top : 0.14673913043%;
left: 65.5%;
z-index: 1;
aspect-ratio: 436 / 866;
}
.new_fortune,
.new_taro {
position: relative;
}
.new_fortune .s_inside{
position: absolute;
top: 0%;
width: 100%;
height: auto;
}
.new_taro .s_inside{
position: absolute;
top: 0%;
width: 100%;
height: auto;
}
.new_fortune .s_outside img{
-webkit-animation: rotate 30s infinite linear;
-moz-animation: rotate 30s infinite linear;
-o-animation: rotate 30s infinite linear;
-ms-animation: rotate 30s infinite linear;
animation: rotate 30s infinite linear;
}
.new_taro .s_outside img{
-webkit-animation: rev_rotate 30s infinite linear;
-moz-animation: rev_rotate 30s infinite linear;
-o-animation: rev_rotate 30s infinite linear;
-ms-animation: rev_rotate 30s infinite linear;
animation: rev_rotate 30s infinite linear;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rev_rotate {
0% {
transform: rotate(-0deg);
}
100% {
transform: rotate(-360deg);
}
}
@media screen and (max-width: 600px) {
section.new_block .bs_table td.small_cell .new_date, section.new_block .bs_table td.small_cell .new_date_month {
font-size: 5vw;
}
}