@font-face {
          font-family: 'lunch_time';
          src: url(/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%;
            /* margin-top: 67%; */
            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;
                /* width: 75%; */
                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;
        }


/*新規追加CSS*/


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{
/*             clip-path: polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%); */
            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;
            /* max-height: 24px; */
            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;
        /* max-height: 24px; */
        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;
        /* max-height: 24px; */
        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(/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(/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;
    }
}