:root {
--default-red-text: #db4a75;
--main-header-color: #db4a75;
--main-header_border-color: #db4a75;
--sline-header-color: #db4a75;  
--max-body-width : 768px;
--box_4_type : polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}
@font-face {
font-family: 'lovelo_lb';
src: url(//popteen.co.jp/media/media/wp-content/themes/magazine_theme/data/css/fonts/Lovelo_Line_Bold.otf) format("opentype");
}
@font-face {
font-family: 'lovelo_ll';
src: url(//popteen.co.jp/media/media/wp-content/themes/magazine_theme/data/css/fonts/Lovelo_Line_Light.otf) format("opentype");
}
@font-face {
font-family: 'jackyFont';
src: url(//popteen.co.jp/media/media/wp-content/themes/magazine_theme/data/css/fonts/JackeyFont.ttf) format("truetype");
}
@font-face {
font-family: 'gridFont';
src: url(//popteen.co.jp/media/media/wp-content/themes/magazine_theme/data/css/fonts/CHI_Grid_free-R.otf) format("opentype");
}
@font-face {
font-family: 'ロゴたいぷゴシック';
src: url(//popteen.co.jp/media/media/wp-content/themes/magazine_theme/data/css/fonts/ロゴたいぷゴシック.otf) format("opentype");
} @keyframes scroll-left-pop {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes scroll-right-pop {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0%);
}
}
#breadcrumbs span, 
#breadcrumbs span a{
color: var(--main-header-color);
}
section.new_section *{
font-family: "Yomogi", cursive;
}
section.new_section h1,
section.new_section h2,
section.new_section h3,
section.new_section h4,
section.new_section h5,
section.new_section h6{
font-family: "Kaisei Opti", serif;
font-weight: 700;
font-style: normal;
word-break: break-all;
}
section.new_section h2{
font-size: 14px;
}
section.new_section h3{
font-size: 13px;
}
section .new_m_tag{
font-size: 12px;
font-weight: bold;
color: #666;
}
@media screen and (max-width:500px){
} .courgette-regular {
font-family: "Courgette", cursive;
font-weight: 400;
font-style: normal;
}
.new_m_tag_color{
color: #545454;
background: #f6eef0;
}
.text_3n_1_color{
background: #c5a01d;
color: #fffefe;
}
.text_3n_2_color{
background: #a25050;
color: #fffefe;
}
.text_3n_3_color{
background: #0497b2;
color: #fffefe;
}
#content,
.footer_root{
max-width: var(--max-body-width);
} .main_content .content article h1,
.main_content .content article h2,
.main_content .content article h3,
.main_content .content article h4,
.main_content .content article h5, 
.main_content .content article h6 {
color: var(--main-header-color);
border-color: var(--main-header_border-color);
font-family: "Kaisei Opti", serif;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
padding: .5em .5em;
margin-top: 3rem;
}
.entry-content h2{
border-bottom: 4px solid #ff7a98;
color: #ff7a98;
font-size: 1.8rem;
}
.entry-content h3 {
margin: 1.5rem 0;
color: #ff7a98;  border-bottom: 2px dashed #ff7a98;
font-size: 1.6rem;
padding: 0.5em 0.5em;
}
.entry-content h4 {
margin: 1.5rem 0;
color: #ff7a98;  border-left: 5px solid #ff7a98;
border-bottom: none;
font-size: 1.3rem;
padding: 0.5em 0.5em;
}
.entry-content h5 {
margin: 1.5rem 0;
position: relative;
display: inline-block;
padding: 0 55px;
color: #ff7a98;
font-size: 1.1em;
}
.entry-content h5:before, .entry-content h5:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #ff7a98;
}
.entry-content h5:before {
left:0;
}
.entry-content h5:after {
right: 0;
} .main_content section.new_section{
overflow-x: hidden;
overflow-y: hidden;
width: 100%;
}
.main_content section.new_section.tag_list_block{
width: 100%;
margin-bottom: 0;
margin: 0 auto;
padding-top: 0;
overflow-x: hidden;
overflow-y: hidden;
}
.main_content section.new_section .width_88, 
.main_content section.new_section .width_94,
.width_88,
.width_94{
width: 94%;
margin: 0rem auto 0rem auto;
z-index: 2;
position: relative;
}
.main_content section.new_section .width_80,
.width_80{
width: 80%;
margin: 0rem auto 0rem auto;
z-index: 2;
position: relative;
}
.main_content section.new_section .width_70,
.width_70{
width: 70%;
margin: 0rem auto 0rem auto;
z-index: 2;
position: relative;
}
.main_content section.new_section .width_80,
.width_80{
width: 80%;
margin: 0rem auto 0rem auto;
z-index: 2;
position: relative;
}
.main_content section.new_section .width_94,
.width_94{
width: 94%;
margin: 0rem auto 0rem auto;
z-index: 2;
position: relative;
}
.main_content section.new_section .width_96,
.width_96{
width: 96%;
margin: 0rem auto 0rem auto;
z-index: 2;
position: relative;
}
.main_content section.new_section.tag_list_block .new_page{
display: block;
font-size: 25px;
padding: 10px;
text-align: right;
margin-top: 5px;
}
.main_content section.new_section.tag_list_block .new_page a{
text-align: right;
position: relative;
font-size: 30px;
padding: 5px;
}
.blog #content, #content{
padding-bottom: 0;
margin-bottom: -1px;
}
#colophon{
background: #e4dad9;
}
section.new_section.tag_list_block h2 {
width: 100%;
margin: .7em auto;
overflow: hidden;
text-align: center;
font-weight:300;
color: #000;
word-break: break-word;
}
section.new_section.tag_list_block h2.tag_h2{
font-size: 2.6rem
}
section.new_section.tag_list_block h2:before,
section.new_section.tag_list_block h2:after {
content: "";
display: inline-block;
width: 50%;
margin: 0 .5em 0 -55%;
vertical-align: middle;
border-bottom: 1px solid; 
}
section.new_section.tag_list_block h2:after {
margin: 0 -55% 0 .5em;
}
.s_line .left-dot,
.s_line .left_line,
.s_line .right_line,
.s_line .right-dot{
color: var(--sline-header-color);
background-color: var(--sline-header-color);
}
.s_line h2{
color: var(--sline-header-color);
width: 340px;
}
.s_line .left_line,
.s_line .right_line {
width: calc(50% - 150px - 46px);
}
.entry-content iframe.wp-embedded-content {
aspect-ratio: 4.8 / 1;
}
@media screen and (max-width: 500px) {
.entry-content iframe.wp-embedded-content {
aspect-ratio: 4.1 / 1.3;
}
}
.main_content section.new_section .bg_image{
width: 100%;
height: auto;
background-repeat: no-repeat;
background-size: 100% auto;
} section.tag_list_block .m2m .new_main_mid:nth-child(4n+1) img{
}
section.tag_list_block .m2m .new_main_mid:nth-child(4n+2) img{
clip-path: polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%) ;
}
section.tag_list_block .m2m .new_main_mid:nth-child(4n+3) img{
border-radius: 50%;
}
section.tag_list_block .m2m .new_main_mid:nth-child(4n) img{
border-radius: 0;
}