*{
font-family: tsukushimarugothic,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;
}
html, body{
line-height: 150%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
font-family: tsukushimarugothic,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;
}
.width_96p{
width: 96%;
}
.content .wrap{
width: 100%;
max-width: inherit;
}
.twitter_color{
color: #000;
}
.fb_color{
color: #3b5998;
}
.youtube_color{
color: #c4302b;
}
.tiktok_color{
color: #000;
}
section {
max-width: 100%;
margin: 0 auto;
margin-bottom: 45px;
}
@media screen and (max-width:500px){
section {
margin-bottom: 40px;
}
}
.btn_more a{
font-size: 16px;
outline: none;
font-weight: 100;
text-decoration: none;
color: #fff;
font-weight: bold;
display: block;
width: 50%;
max-width: 300px;
margin: 30px auto 0 auto;
text-align: center;
padding: 10px 20px;
border: 1px solid #fba1c2;
background: #ffffff;
color: #fba1c2;
border-radius: 6px;
background: linear-gradient(to left, #fff 50%, #fba1c2 50%) right;
background-size: 200%;
transition: .2s ease-out;
}
@media screen and (min-width:500px){
.btn_more a:hover {
background-position: left;
color: #fff;
}
}
.btn_more a i{
text-decoration: underline;
}
.instagram_color{
color: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.blog #content{
padding: 0;
} .slick-dots li.slick-active button:before{
color: #fe7998;
}
a:not(.youtube_icon) img{
transition-duration: .5s;
width: 100%;
}
a:not(.youtube_icon):hover img{
-webkit-transform: scale(1);
transform: scale(1);
transition-duration: .5s;
z-index: 4;
}
a:not(.youtube_icon):hover img{
-webkit-transform: scale(1);
transform: scale(1);
transition-duration:0;
} #breadcrumbs{
margin: 0 auto;
width: 97%;  
color: #fe7998;
margin: 0 auto 10px auto;
}
#breadcrumbs span,
#breadcrumbs span a{
color: #fe7998;
}
#breadcrumbs{
width: 96%;
}
.top-header{
z-index: 3;
}
.logo-bar .wrap #site-branding{
position: relative;
}
#masthead{
position: relative;
margin: 0 auto;
text-align: center;
left: 0;
right: 0;
max-width: 100%;
}
#masthead.masthead-top{ }
#site-branding{
width: 100%;
max-width: 100%;
}
#masthead #site-detail{
max-width: 50%;
}  .main_content .content{
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
vertical-align: top;
}
.main_content .sidebar{
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
vertical-align: top;
}
.main_content mark {
background: linear-gradient(transparent 50%, rgba(198, 163, 86, 0.5) 50%);
}
.main_content .box_s01 {
width: 100%;
background: #e8f2ff; padding: 25px;
margin: 0 auto 30px;
line-height: 1.92;
}
.main_content .box_s01 ol{
}
.main_content .box_s01_e6fffd {
width: 100%;
background: #e6fffd; padding: 25px;
margin: 0 auto 30px;
line-height: 1.92;
}
.main_content .underline-y {
color: #440205;
margin-bottom: 0.5em;
background: linear-gradient(transparent 50%,#ff0 50%);
}
.main_content .underline-y-fcf4a7 {
color: #440205;
margin-bottom: 0.5em;
background: linear-gradient(transparent 50%,#fcf4a7 50%);
}
@media screen and (max-width:800px){
.blog #content,
#content{
padding-top: 0;
}
.main_content .content{
width: 100%;
display: block;
margin: 0 auto;
position: relative;
}
.main_content .sp_content{
width: 96%;
display: block;
margin: 0 auto;
}
.main_content.main_content_cat .content{
width: 96%;
}
.main_content  section{
width: 100%;
max-width: 100%;
content-visibility: auto;
contain-intrinsic-size: 500px;
}
.main_content .sidebar{
width: 86%;
display: block;
margin: 0 auto;
}
.main_content .section_goods{
width: 86%;
}
}
.index_new_post_title .up_text {
line-height: 1.5;
}
.index_new_post_title h1 span.up_text, .index_new_post_title h2 span.up_text, .index_new_post_title h3 span.up_text {
display: inline-block;
border-bottom: 4px solid #f17390;
padding: 0 10px;
}
.index_new_post_title h1 span.down_text, .index_new_post_title h2 span.down_text, .index_new_post_title h3 span.down_text {
font-size: 14px;
padding: 0 10px;
display: block;
}
#comments{
margin: 0 auto;
width: 88%;
}
#comments .comments-title{
display: none;
}
#respond form .comment-form-cookies-consent input{
display: inline-block;
}
#respond form .comment-form-cookies-consent label{
display: inline-block;
}
#respond form input[type="text"], #respond form textarea{
font-size: 16px;
}
#comments ol.children{
padding-left: 20px;
}
@media screen and (max-width:800px){
.main_content .content{
display: block;
width: 100%;
}
.main_content .sp_content{
display: block;
width: 96%;
}
.main_content .sidebar{
display: block;
width: 96%;
}
.sp_only.cat_date_sp_only{
display: none !important;
}
}
@media screen and (max-width:500px){
.sp_only.cat_date_sp_only{
display: block !important;
}
}
.entry-header .entry-title,
.entry-title,
.entry-title, 
.entry-title a{
font-size: 1.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;
}
.entry-content ul{
list-style: inherit;
}
.entry-content ol{
list-style: decimal;
} .entry-content p:has(span.popteen_magzine_img_group),
.entry-content div:has(span.popteen_magzine_img_group){
text-align: center;
padding: 0;
margin: 0;
}
.popteen_magzine_img_group{
position: relative;
display: inline-block;
}
.popteen_magzine_img_group > img{
position: relative;
}
.popteen_magzine_img_group .att_popteen_logo{
position: absolute;
bottom: 10%;
left: 5px;
width: 25%;
max-width: 60px;
opacity: 0.6;
pointer-events: none;
}
.post-featured-image{
position: relative;
}   
.post-featured-image .att_popteen_logo{
position: absolute;
bottom: 2%;
left: 1%;
width: 25%;
max-width: 120px;
opacity: 0.6;
pointer-events: none;
} .new_tag{
font-weight:bold;
font-family:'Helvetica', 'sans-serif';
position:relative;
display:block;
overflow:visible;
font-size: 10px;
opacity: 0.8;
}
.new_tag:before,
.new_tag:after{
display:block;
position:absolute;
left:-10px;
opacity: 0.7;
}
.new_tag:before{
content:"";
border:6px solid transparent;
border-top-color:#f5639a;
border-right-color:#f5639a;
top:32px;
}
.new_tag:after{
content:"new!";
background:#f5639a;
color:#fff;
padding:0 24px;
height:24px;
line-height:24px;
top:8px;
z-index:10;
} .mw_wp_form ul{
display: block;
position: relative;
list-style: none;
font-size: 0;
padding: 0;
}
.mw_wp_form ul li{
font-size: 18px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
width: 48%;
margin: 1% 0;
font-family: var(--list--font-family);
}
.mw_wp_form ul li:first-child{
width: 40%;
margin-right: 5%;
text-align: right;
}
.mw_wp_form ul li input {
vertical-align: middle;
}
.mw_wp_form ul li.horizontal_dd_input_text input{
margin-bottom: 5px;
}
.mw_wp_form .confirm_button{
text-align: center;
}
.mw_wp_form .confirm_button{
display: block;
}
.mw_wp_form p{
margin: 0;
}
.mw_wp_form ul.resizeable_dl{
margin-bottom: 0;
}
.mw_wp_form  input[type="reset"], 
.mw_wp_form input[type="button"], 
.mw_wp_form input[type="submit"]{
background: #f4639b;
text-align: center;
margin: 0 auto;
font-size: 20px;
}
@media screen and (max-width:800px){
.mw_wp_form ul{
margin-left: 0;
}
.mw_wp_form ul li {
width: 59%;
font-weight: bold;
}
.mw_wp_form ul li:first-child{
width: 35%;
font-size: 11px;
}
.mwform-tel-field input[type="text"]{
width: calc(100%/3 - 16px);
}
.mwform-checkbox-field label, .mwform-radio-field label{
font-size: 12px;
}
.mw_wp_form ul li.horizontal_dd_input_text input{
margin-bottom: 5px;
font-size: 12px;
padding: 4px;
}
.mw_wp_form ul li textarea{
font-size: 13px;
}
.mw_wp_form  input[type="reset"], 
.mw_wp_form input[type="button"], 
.mw_wp_form input[type="submit"]{
font-size: 16px;
}
}
.pagination li, .page-links li{
margin: 0px 5px !important;
line-height: 3;
}
.pagination .current.post-page-numbers{
background-color : #fff;
border: none;
}
.pagination .current.post-page-numbers span{
background-color : #f5639a;
color: #fff;
}
.pagination > a{
border: none;
} .twitter_color{
color: #000;
}
.fb_color{
color: #3b5998;
}
.youtube_color{
color: #c4302b;
}
.tiktok_color{
color: #000;
}
.fab.fa-tiktok {
color: #111111;
filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
.instagram_color{
color: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.line_color{
color: #00B900;
} .entry-meta{
position: relative;
}
.entry-meta .sns_link{
margin: 0 auto;
display: inline-block;
position: absolute;
right: 2%;
}
.entry-meta .sns_link a i{
font-size: 30px;
padding: 0 5px;
}
@media screen and (max-width:500px){
.entry-meta .sns_link {
margin: 0 auto;
display: block;
position: relative;
text-align: right;
}
}
.iframe-container{
position: relative; 
overflow: hidden; 
width: 100%; 
padding-top: 56.25%;
}
.iframe-container .responsive-iframe{
position: absolute; 
top: 0; 
left: 0; 
bottom: 0; 
right: 0; 
width: 100%; 
height: 100%;
} .s_line{
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
}
.s_line h2{
color: #ed689f;
letter-spacing: 1rem;
width: 300px;
font-size: 21px;
}
@media screen and (max-width: 360px){
.s_line h2{
max-width: 318px;
width: 82%;
}
}
.s_line .left-dot{
content: "\f111";
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: #ed689f;
background-color: #ed689f;
}
.s_line .left_line{
display: inline-block;
width: calc( 50% - 150px - 22px);
background: #111;
height: 1px;
position: relative;
top: -7px;  
margin-right: 17px;
color: #ed689f;
background-color: #ed689f;
}
.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: #ed689f;
}
.s_line .right-dot{
content: "\f111";
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: #ed689f;
background-color: #ed689f;
}
.s_line h2{
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width:500px){
.s_line h2{
font-size: 2.1rem;
}
}
.modal-wrapper {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0.5);
pointer-events: none;
opacity: 0;
transition: 0.25s ease-out;
} .modal-wrapper.show {
opacity: 1;
pointer-events: all;
z-index: 4;
}
.modal-image {
position: absolute;
max-width: 100%;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
opacity: 0;
transition: 0.5s ease-out;
}
.modal-image.show {
opacity: 1;
}
.entry-content iframe:not(.instagram-media) {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
text-align: center;
display: block;
margin: 0 auto;
}
.entry-content iframe.wp-embedded-content{
aspect-ratio: 6 / 1;
}
@media screen and (max-width: 500px){
.entry-content iframe.wp-embedded-content{
aspect-ratio: 5 / 1.3;
}
}
@media screen and (max-width: 400px){
.entry-content iframe.wp-embedded-content{
aspect-ratio: 5 / 1.66;
}
}
.yyi-rinker-info .yyi-rinker-title{
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.yyi-rinker-detail .price-box .price_at{
display: none;
}
.yyi-rinker-detail .price-box span:nth-child(3){
display: none;
}
div.yyi-rinker-contents{
border: 1px solid #f48294;
border-radius: 0; }
div.yyi-rinker-contents div.yyi-rinker-box{ background: #fff;   
}
div.yyi-rinker-contents div.yyi-rinker-box .price{
color: #111;
}
@media screen and (max-width:750px){
.entry-content iframe {
width: 100%;
}
.entry-content iframe.wp-embedded-content{
height: auto;   
min-height: auto;
width: 99%;
}
div.yyi-rinker-contents div.yyi-rinker-detail{
padding-left: 0px;
}
div.yyi-rinker-contents ul.yyi-rinker-links{
display: block;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a{
font-size: 0.9em;
padding: 0;
text-align: center;
}
.yyi-rinker-links .amazonlink, 
.yyi-rinker-links .rakutenlink{
width: calc(50% - 14px);
display: inline-block;
box-shadow: 3px 2px 3px 0px #d6a6a6;
}
div.yyi-rinker-contents div.yyi-rinker-image{
overflow-y: hidden;
max-height: 125px;
}
}
.relate_people .rp_left img{
width: 100%;
}
.btn_more_more {
margin: 10px 0;
padding: 0px 0;
text-align: right;
color: #ed689f;
text-decoration: none;
position: absolute;
right:3%;
bottom: -15px;
}
.btn_more_more a {
margin: 10px 0;
padding: 0 0 5px 0;
color: #ed689f; 
border-bottom: 1px solid;
}
@media screen and (max-width:499px){
.btn_more_more{
top: 35px;
}
.btn_more_more.sp_only{
text-align: center; padding: 15px 0 0 ;
margin-top: 0px;
display: block !important;
font-size: 16px;
text-decoration: none;
border-bottom: none;
position: relative;
left: auto;
top : auto;
right: auto;
bottom: auto;
margin-bottom: 0;
}
.btn_more_more.sp_only a{
border-bottom: none;
}
}
.slick-dots li button:before{
font-size: 9px;
}
.slick-dots li{
margin: 0 2px;
}
.keep_img_size{
width: auto !important;
height: auto !important;
}
.keep_img_size img{
width: auto !important;
height: auto !important;
} .supervisor_card{
display: block;
margin: 3rem auto;
max-width: 800px;
background: #ffffff4a;
}
.supervisor_card p{
margin: 0;
padding: 4px;
}
.supervisor_card p.sc_intro{
padding: 0;
font-size: 12px;
}
.supervisor_card .sc_left{
text-align: center;
vertical-align: middle;
width: 20%;
display: inline-grid;
}
.supervisor_card .sc_left img{
width: 100%;
vertical-align: middle;
display: table;
width: 90%;
margin: 0 auto;
margin-bottom: 10px;
}
.supervisor_card .sc_right{
display: inline-grid;
vertical-align: middle;
width: 79%  ;
}
@media screen and (max-width:700px){
.supervisor_card{
border: 1px solid #000;
padding: 1%;
}
.supervisor_card .sc_left{
width: 46%;
}
.supervisor_card .sc_right{
width: 52%;
}
}