/*
 Theme Name:   女性自身SP
 Theme URI:    https://jisin.2xx.jp/
 Description:  女性自身 サイトテーマ
 Author:       Prime-Strategy
 Author URI:   https://www.prime-strategy.co.jp/
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

#contents-sp .posts-list > li .detail{
}

/* タグの頭に「#」*/
.tags-list ul li a:before{
    content:'#';
}
/* END */

/* ランキング内広告用*/
.posts-ranking .ranking-items li.add_pr:before{
    content:'PR';
    color:gray;
}
/*  END */

/* margin-bottom解除 */
.main-slider-sp .slider-thumnail li.remove_margin_bottom{
    margin-bottom:0;
}
/* END */

/* 404 */
#main{
    float:left;
    width:100%;
    margin-top:25%;
    margin-bottom:25%;
}
.policyBlock{
    padding: 28vw 42vw 7.8vw;
    border: 1px solid #C2C2C2;
    font-size:1.4rem;
}
.headline6{
    border-left: 10px solid #E6156C;
    padding: 0 0 0.7vw 2.1vw;
    line-height: 1.4;
    font-size: 3rem;
    font-weight: bold;
}
/* 404 end */

/* もとに戻るボタン */
.add-margin-top{
    margin-top:5%;
}

.pink_btn,
.mw_wp_form button[type=submit]{
    font-size: 3.3rem;
    font-weight: bold;
    line-height: 5.7vw;
    display: inline-block;
    width: 95%;    
    padding-top: 3.1vw;
    padding-right: 0px;
    padding-bottom: 3.1vw;
    padding-left: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #e6156c;
    border: 1px solid #e6156c;
    -webkit-border-radius: 4vw;
    -moz-border-radius: 4vw;
    border-radius: 0.6vw;
    -webkit-backface-visibility: hidden;
    background-color:#fff;
    margin:4.2vw 0;
}

.pink_btn:hover,
.mw_wp_form .contact_form button[type=submit]:hover{
    color: #fff;
    background-color: #e6156c;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* END */

/* SP版プライバシーポリシー修正 */

.sitepolicy{
    font-size:3.2rem;
}

/* END */

/* 固定ページCSS */

.detail-sp p.policyText {
    padding-left: 1.7vw;
    line-height: 1.75;
    margin-bottom:9vw;
}
.detail-sp .sitepolicy .policyList{
	font-size:3.2rem;
}
.detail-sp .sitepolicy .policyList dt{
    line-height:2;
    margin-top:2.3vw;
}

.detail-sp .sitepolicy .policyList dd {
    line-height: 2;
    margin-top:1.1vw;
}

.post-detail .post-content .sitepolicy p.title {
    margin-bottom: 4.3vw;
    background: #EEE;
    line-height: 1.35;
}




/* END */


/* お問い合わせフォーム */


.groupBlock {
    min-height: 92vw; 
    margin-bottom: 2.1vw; 
    padding: 2.8vw 4.1vw 4.5vw; 
}

.contactBox {
    margin-top: -3vw;
    text-align: center;
}

.contactBlock {
    margin-bottom: 4.3vw;
    padding: 0 0.3vw 0 1.8vw;
    font-size:2.8rem;
}

.contactBlock p a {
    color: #333;
    text-decoration: underline;
}

.contactBlock p.title {
    margin-bottom: 0.4vw;
    padding: 0;
    background: #EEE;
    font-weight: bold;
    line-height: 1.35;
}

.contactBlock p {
    padding-bottom: 3.7vw;
    color: #333;
    line-height: 2;
}

.detail-sp  .contactBox img{
    width:auto;
    height:auto;
    max-width:auto;
}

.pinkBox{
    display: inline-block;
    margin-top: 2.2vw;
    padding: 1.8 4.7vw 2vw 3.7vw;
    background: #FDEEF5;
}


.contactBox .pinkBox .infoBox {
    margin-top: 0.7vw;
    padding: 0.4vw 1vw 1.2vw;
    background: #FFF;
    text-align: left;
    font-size:1.2rem;
}
.contactBox .pinkBox li:first-child{
    width: 27.4vw;
    margin-left: 0;
}

.contactBox .pinkBox li {
    display: inline-block;
    width: 42.3vw;
    margin-left: 3.4vw;
}

.contactBox .pinkBox .link {
    text-align: right;
}


.contactBox .pinkBox .link li {
    width: auto;
    margin-left: 0.8vw;
}

.contactBox .pinkBox .link li a {
    padding-left: 1.4vw;
    background: url(/img/common/icon_arrow02.png) no-repeat 0 50%;
    font-size: 1.1rem;
    text-decoration: underline;
}

/* END */

/* その他　旧女性自身でよく使われているっぽいCSS */
.pl20, .ph20, .pa20 {
    padding-left: 2.8vw;
}

.ml5, .mh5, .ma5 {
    margin-left: 0.7vw;
}



/* END */

.gsc-cursor-box{
	display: block !important;
	text-align: center !important;
}
.gsc-cursor{
	display: inline-block !important;
}
.gsc-cursor-page{
	border-right: solid 1px #000 !important;
	padding: 0px 1.3vw !important;
	margin-right: 0px !important;
}

.gsc-cursor-page:last-child{
	border-right: solid 0px #000 !important;
}

.gsc-control-cse {
    font-size: 2.6rem !important;
}
.gs-bidi-start-align.gs-snippet{
    font-size: 2.6rem !important;
}

/* LINE アイコン用*/
#rwdMenuWrap ul li .social-btn .line {
    line-height: 2.7vw;
    display: inline-block;
    width: 14vw;
    height: 14vw;
    margin: 0 0.7vw;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;

}

#rwdMenuWrap ul li .social-btn .line a{
    font-size: 54px;
    font-size: 5.4rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    color: #00B900;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}
#rwdMenuWrap ul li .social-btn .line a svg{
	width:14vw;
	height:14vw;
}





/*デフォルトの見出し用*/
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
}
h2,h3,h4{
    margin-bottom:1.4vw;
}
h5,h6{
    margin-bottom:0;
}
.detail-sp {
    padding:1.4vw 3vw;
    font-size:3.2rem;
}
.detail-sp p{
    word-wrap: break-word;

}
.detail-sp h1{
   font-size:3.5rem;
}
.detail-sp h2{
    font-size:4.3rem;
    background: #f6f6f6;
    border-left: 1vw solid #e6156c;
    padding:1vw 0 0.9vw 1.4vw;
}
.detail-sp ul li h2{
    font-size:100%;
    background: none;
    border-left: none;
    padding:auto;
}

.detail-sp .list-link-sp > h2{
    margin-top: 2vw;
}
.kasou-sp .list-link-sp > h2 {
    margin-top: 4vw;
}
.detail-sp .list-link-sp h2,
.kasou-sp .list-link-sp h2 {
    background:none;
    margin-bottom:0;
    border-left:none;
    padding:1.4vw 0 1.4vw 1.4vw;
    font-size: 2.8rem;
    color:#828282;
}

.detail-sp h3{
    font-size:4.0rem;
    border-left: 1vw solid #E5156B;
    padding: .6vw 0 .6vw .7vw;
}
.detail-sp h4{
    font-size:3.8rem;
    border-bottom:0.3vw solid #e5e5e5;
    padding:0.3vw 0;
}
.detail-sp h5{
    font-size:3.5rem;
}
.detail-sp h6{
    font-size:3.2rem;
}

.list-link-sp{
    padding-top:0;
}
.detail-sp blockquote p{
    margin-bottom:0;
}

blockquote{
    background:#efefef;
    padding:3.6vw;
    position:relative;

}
blockquote:before,blockquote:after{
    font-family:FontAwesome;
    font-size:1.8rem;
    color:#999;
    position:absolute;
}
blockquote:before{
    content:"\f10d";
    top:1.4vw;
    left:1.4vw;
}
blockquote:after{
    content:"\f10e";
    right:1.4vw;
    bottom:1.4vw;

}

.post-detail .post-content blockquote p{
    margin-bottom:0;
}
.detail-sp ul,.detail-sp ol{
    font-size:3.2rem;
}
.detail-sp ul{
    margin-left:6%;
    list-style-type:disc;
}
.detail-sp ol{
    margin-left:6%;
    list-style-type:decimal;
}

.aligncenter,div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}
.post-detail .post-content .wp-caption-text{
    color: #828282;
    font-size:1.4rem;
    text-align:center;
}
.post-detail .post-content .tags-list ul,.post-detail .post-content ul.slider-thumnail,.post-detail .post-content .related-posts ul {
    list-style:none;
    margin-left:0;
}
.post-detail .post-content .related-posts ul li {
    margin-bottom:0.7vw;
}


.tags-list_center{
    justify-content: center;
}



.categories-list ul li {
    margin-top: 0px;
    margin-bottom:1.4vw;
}
.tags-list ul li {
    margin-top: 0px;
    margin-bottom:0vw;
}
.tags-list.tags-detail ul li {
    margin-top: 0px;
    margin-bottom:1.4vw;
}

.tags-list .ttl{
    margin-bottom:0vw;
}
.categories-list .ttl{
    margin-bottom:1.4vw;
}
.tags-detail ul li a{
    font-size:2.5rem;
}
#main-sidebar .tags-list .ttl{
    margin-bottom:1.4vw;
}
.detail-sp table td,.detail-sp table th {
    padding: 1.7vw;
    border: 1px solid #e5e5e5;
}
.list-link-sp ul,.shade-post ul,.tags-list ul{
    list-style:none;
    margin-left:0;
    padding-left:0;
    word-wrap: break-word;
}
.detail-sp-cont .tags-list ul {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    display: block;
    white-space: nowrap;
}
.detail-sp-cont .tags-list ul li{
    display:inline-block;
    margin-right:2.4vw;
}

/*プレゼントフォームのcss*/
a, a:link{
    color: #e6156c;
    word-wrap:break-word;
}
.detail-sp .arrow-link{
    color:#333;
}


table th{
    font-weight:bold;
}
table th,table td{
    width:100%;
    display:block;
    color:#333;
    font-size:3.2rem;
}

table.present_form,table.present_form th,table.present_form td{
    border:1px solid #fff;
}
table.present_form th{
    background:#ffe6ea;
    vertical-align: middle;
}

table.present_form tr{
    display:block;
    margin-bottom:2.8vw;
}

input[type="text"],input[type="cheakbox"],textarea,select{
    padding:1.1vw;
    border: 1px solid #ccc;
    width:100%;
    font-size: 3.2rem;
}

input[type="submit"]{
    padding:1.4vw 2.8vw;
    font-size:3.2rem;
    width:100%;
}

.require{
    color:#e00000;
}

.list-link-sp ul li a{
    color:#0000CC;
}

#contents-sp #main-sidebar .tags-list ul li a, #contents-sp #main-sidebar .categories-list ul li a,
.tags-detail ul li a{
    line-height:1;
    height:7vw;
    padding:2vw 4vw;
}

.ranking-items-sp li .post-name{
	min-height:8.5vw;
}

.list-post-sp li .detail .post-name{
    min-height:15.5vw;
}

.ranking-items-sp li:nth-child(1) .post-name,
.ranking-items-sp li:nth-child(5n+1) .post-name{
//	height:2.1vw;
}
.list-post-sp li .detail .post-datetime{
    margin-top:2.2cw;
}
.list-post-sp li .detail .post-datetime .post-sub-datetime,
.list-post-sp li .detail .post-datetime .post-sub-cate{
	display:block;
}
.list-post-sp li .detail .post-datetime .post-sub-datetime{
	text-align:left;
}
.list-post-sp li .detail .post-datetime .post-sub-cate{
	text-align:right;
}


.ad_area{
    margin:0.7vw;
}

.ad_wrap{
    display:table;
    margin:0 auto;
    /*margin-bottom:60px;*/
}

.width_100{
    width:100%;
}

.btn-move.btn-block-sp a{
    color:#333;
}

#contents-sp .posts-list.pickup-posts .detail .name{
    overflow:hidden;
}

.detail-sp em{
    font-style:italic;
}

.detail-sp strong{
    font-weight:bold;
    font-style:unset;
}

/* 画像サムネイルサイズ調整 */

.posi_center{
    overflow:hidden;
    display:flex;
    align-items: center;
    justify-content: center;
}

.bk_lightgray{
	background-color:#e6e6e6;
}

.bk_black{
    background-color:#000;
}

.posi_center img{
    display:block;
	height: auto;
	width: 100%;
}

#contents-sp .posts-list > li .img{
    width:35%;
}
#topics  .pickup-posts .img.posi_center.bk_lightgray{
	height:50vw;
}

#topics .posts-list .flex-row .img.posi_center.bk_lightgray{
	margin-bottom:1.4vw
}


.detail .img.posi_center.bk_black,
.detail .img.posi_center.bk_lightgray{
/*	height:35vw; */
}

.ranking-items-sp li:nth-child(5n+1) .detail .img.posi_center.bk_lightgray{
}

.ranking-items-sp li:nth-child(5n+1) .detail .img.posi_center.bk_lightgray img{
    width:100%;
    height:auto;
}

.flex-row .list-post-sp .detail .img.posi_center.bk_lightgray img{
    width:auto;
}

.posts-list.pickup-posts .img img{
    width:100%;
    height:auto;
}
.posts-list.pickup-posts .img img.top_no_image{
	height:28.1vw;
	width:auto;
}


div#infiniteposts div.img.posi_center,
#main-articles > div > div.clearfix > div.img.posi_center{
   /* height:473px;*/
   max-height:100%;
   height:auto;
   max-width:100%;
    overflow:hidden;
}

.flex-row .list-post-sp .detail .img.posi_center.bk_lightgray img{
    width:auto;
}

.inlead_area{
    margin-bottom:1.4vw;
}
.zoom_2 {
    -webkit-text-size-adjust: auto;
    max-height: 100%;
}
.inlead_area.zoom_2 {
    zoom:100%;
    //-webkit-text-size-adjust: auto;
    //max-height: 100%;
}
li.zoom_2,li.detail-sp{
    list-style:none;
}
.list-link-sp ul li.zoom_2 a{
    padding: 0 0 2.8vw 0;
}

.ad_wrap.zoom_2{
}

.rectangle_1{
    margin: 10vw auto 10vw auto;
}

.rectangle_2{
    margin: 42.8vw auto 21.4vw auto;
}

.zoom_2:not(.ad_wrap) + .rectangle_2{
    margin: 21.4vw auto 21.4vw auto;
}


.ad_wrap.zoom_2 div{
    margin:auto;
}

/*トップサイドバー中央寄せ*/
.main-slider-sp .slider .slider-show .btn{
    border:1px solid #e5e5e5;
    height: 28.5vw;
    line-height: 28.5vw;
}

/* 詳細記事ページレイアウト調整 */
.img.posi_center{
    margin-bottom: 2.8vw;
}

.detail-sp p{
    margin-bottom:1.4vw;
    line-height: 1.6;
}


.load-more{
    margin-bottom:0;
}

.post_bottom_ad{
    margin-bottom:5.7vw;
}


.flex-center{
    align-items:center;
}

#contents-sp .posts-list.pickup-posts .detail .name{
    margin-top:0;
}
#main-sidebar{
    margin-bottom:2.8vw;
}

.main-slider-sp .slider-thumnail{
    margin-bottom:1.4vw;
}
#top-main-articles{
    margin-top:16.5vw;
}

/*記事詳細ページ　投稿日・更新日の下の広告*/
.gunosyads-sdk-container,
div[class^=fluct_nativead_]{
 //   margin-bottom:10px;
}

.osusume_ttl{
    font-size:3.5rem;
    font-weight:bold;
    margin-bottom:0.7vw;
    clear:both;
}
.osusume_ttl{
    padding-left: 3%;
}
#contents-sp .list-link-sp .__uz__widget .__uz__articles-area .__uz__article .__uz__article-content .__uz__article-text{
    /*zoom:999%;*/
    font-size:1.6rem; !important
    max-height:100%; !important
}
#contents-sp .list-link-sp .gunosyads-sdk-container{
    font-size:1.6rem; !important
}

.detail-sp .shade-post,
.categories-list{
    margin-top:5.7vw;
}

.tags-list{
    margin-top:2vw;
}

.youtube{
    text-align: center;
}
iframe{
    display:table;
    margin:0 auto;
}

/*
#contents-sp .list-link-sp .__uz__widget .__uz__articles-area .ad_response .__uz__article-text:before{
    color:blue;
}
*/

/* 20181226 btn colored  */

.detail-sp p.btn_pink {
	text-align: center
}
.detail-sp p.btn_pink .arrow-link {
	color: #e6156c;
	border: 1px solid #e6156c;
	background: #fff;
}
.detail-sp p.btn_pink .arrow-link i {
	color: #e6156c;
}

.referrer_area {
    margin: 2vw 0;
}
.referrer_area h2 {
    display: inline-block;
    margin: 0;
    font-size: 28px;
    font-size: 2.8rem;
    background: none;
    border: none;
}
.referrer_area p
{
    display: inline-block;
    margin: 0 0.5em 0 0;
    line-height: 1.5;
    font-size: 28px;
    font-size: 2.8rem;
}
.referrer_area p a
{
    font-size: 28px;
    font-size: 2.8rem;
    color: #e6156c;
}

#distribution.detail-sp h2,
#advertisement.detail-sp h2{
    margin-bottom: 10px;
    border:0;
    font-size:3.2rem;
}
#distribution.detail-sp h3,
#advertisement.detail-sp h3{
    margin-bottom: 10px;
    border:0;
    font-size:3.2rem;
}
#advertisement.detail-sp .logo_img{
	width:100%;
}
#distribution.detail-sp ul{
	margin-left:30px;
}
#distribution.detail-sp ul li{
	padding:5px 0;
}
#distribution.detail-sp ul li a,
#distribution.detail-sp ul li a:visited{
    color: #e6156c;
}

.list-link-sp.related-link-sp{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.list-link-sp.related-link-sp ul li a{
    width: 100%;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    padding: 2.8vw 1.8vw 0vw 0vw;
    border-top: 1px solid #ccc;
}
.list-link-sp.related-link-sp ul li a .img{
    float: left;
    position: relative;
    height: 8.96rem;
    margin-right: 10px;
    width: auto;
    aspect-ratio: 100/72.34;
}
.list-link-sp.related-link-sp ul li a .img img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.list-link-sp.related-link-sp ul li a .detail{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 20231031 tag-pop  */

.tag-pop-list{
	display:none;
	border-bottom:2px solid #e5e5e5;
}
.tag-pop-list-box .tags-list ul li{
	position: relative;
	margin-bottom:1.6vw;
}
.tag-pop-list-box .tags-list ul li a{
	font-size: 2rem;
	text-align: center;
	color: #e6156c;
	border: 1px solid #e6156c;
}
.tag-pop-list-box .tags-list ul li:hover a,
.tag-pop-list-box .tags-list ul li.on a{
	color: #ffffff;
	background-color: #e6156c;
}
.tag-pop-list-box .tags-list ul li.on::before{
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-top: 7px solid #e6156c;	/* 好みで色を変えてください */ 
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}
.tag-pop-list-box .tags-list{
	margin-top:0vw;
	margin-bottom:0vw;
	padding-top:2.7vw;
	padding-bottom:1.2vw;
}
.tag-pop-list-box .tags-list ul{
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-y: hidden;
	display: block;
	white-space: nowrap;

}
.tag-pop-list-box .tags-list ul li{
	display: inline-block;
}

.author-single-box{
	display: flex;
	background-color: #f5f5f5;
	padding: 3.6vw;
	margin-top:4vw;
}
.author-single-box .author-img{
	width: 20%;
	padding-right: 4%;
}
.author-single-box .author-img img{
	width: 100%;
	border-radius: 50%;
	aspect-ratio: 1/ 1;
	border:2px solid #e6156c;
}
.author-single-box .author-name-box{
	position:relative;
	margin-bottom:4.8vw;
}
.author-single-box .author-name-box::after{
	position: absolute;
	top: 5.5vw;
	right: 5.5vw;
	width: 2vw;
	height: 2vw;
	content: '';
	-webkit-transform: rotate(132deg);
	transform: rotate(132deg);
	border-top: 0.7vw solid #e6156c;
	border-right: 0.7vw solid #e6156c;
}
.author-single-box .author-name-box.activated::after{
	transform: rotate(-42deg);
	-webkit-backface-visibility: hidden;
}
.author-single-box .author-name a{
	top: 6.5vw;
	color: #e6156c;
	font-size: 2.8rem;
}
.author-single-box .author-title{
	color: #707070;
	font-weight: normal;
	font-size: 2.4rem;
}
.author-single-box .author-info{
	width: 80%;
}
.author-single-box .author-memo-box{
	display:none;
}
.author-single-box .author-memo{
	margin-top:0;
	padding-bottom:6vw;
}
.author-single-box .author-memo{
	font-size: 2.8rem;
	color:#000;
	line-height:1.2;
}
.author-single-box .author-memo a{
	color:#e6156c;
	text-decoration:underline;
	text-decoration-color:#e6156c;
}

.author-single-box .author-link{
	padding-left: 12vw;
}
.author-single-box .author-link a{
	background-color: #e6156c;
	padding: 1vw 8vw;
	display: inline-block;
	color: #FFF;
	font-size: 3.2vw;
	border-radius: 6.3vw;
}

.ranking-period{
	display:flex;
}
.ranking-period li{
	display:inline-block;
	width:25%;
	background-color:#f5f5f5;
	text-align:center;
	font-size: 3rem;
	color:#333;
}
.ranking-period li a{
	display:inline-block;
	padding:0 4%!important;
	line-height:3;
	color:#333!important;
	width:100%;
}
.ranking-period li a:hover,
.ranking-period li a.on{
	color:#e6156c!important;
	position:relative;
}
.ranking-period li a:hover::after,
.ranking-period li a.on::after{
	content:'';
	position:absolute;
	width:60%;
	border-bottom:2px solid #e6156c;
	bottom:1.8rem;
	left:20%;
}

h2.policyTitle {
	margin-bottom:20px;
	border-left: 2vw solid #e6156c;
	padding: 1vw 0 0.9vw 3vw;
}
.policyLine{
	margin-left: 3%;
	margin-bottom: 26px;
	text-indent: -1.4em;
	padding-left: 1em;
	margin-top: -13px;
	line-height: 2;
}
.policyLine li{
	list-style: none;
}
.policyLine li .policyLine {
	margin-bottom: 0px;
	margin-top: 0px;
	text-indent: -1em;
	padding-left: 0em;
}