/*
 Theme Name:   女性自身
 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
*/

/* TOPページ 修正CSS  */
.style02 .flex-row{
    width:100%;
}

.pagination .dots{
    display: block;
    font-weight: bold;
    padding-top: 7px;
}

/* single-post 修正CSS */
.none-border{
    border:none;
}

.none-margin{
    margin:auto;
}

.add-left-right-margin-15px{
    margin: 15px 0;
}

/* single-post 修正CSS END */

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

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



/*  END */

#main-header .top-menu .container .right-tools .social-btn-group .instagram,
#main-header .top-menu #contents .right-tools .social-btn-group .instagram
{
    font-size: 20px;
    font-size: 2rem;
    line-height: 38px;

    display: block;

    width: 38px;
    height: 38px;
    margin: 0 5px;

    -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;

    color: white;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;

    -webkit-backface-visibility: hidden;
}

#main-header .top-menu .container .right-tools .social-btn-group .instagram:hover,
#main-header .top-menu #contents .right-tools .social-btn-group .instagram:hover
{
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: .6;

    -webkit-backface-visibility: hidden;
}

#main-header .top-menu .container .right-tools .social-btn-group .instagram a,
#main-header .top-menu #contents .right-tools .social-btn-group .instagram a
{
    display: block;
}

#main-header .top-menu .container .right-tools .social-btn-group .instagram,
#main-header .top-menu #contents .right-tools .social-btn-group .instagram
{
    background-color: #eb348e;
}

.pagination li span.current
{
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 30px;
    display: block;
    width: 30px;
    height: 30px;
    -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;
    border: 1px solid #e8e0e0;
    -webkit-backface-visibility: hidden;
}
.pagination li a.active,
.pagination li a:hover,
.pagination li span.current
{
    -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: white;
    background-color: #e6156c;
    -webkit-backface-visibility: hidden;
}

.pagination li span.current{
    font-size: 15px;
    font-size: 1.5rem;
    width:100%;
    padding:0 9px 5px 9px;
}

.pagination li span.current{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.pagination li a.next.page-numbers,
.pagination li a.prev.page-numbers{
    width: 65px;
    margin: 0 10px;
}

.post-detail .post-content .post-excerpt .content{
    width: 100%;
}

.post-detail .social-btn-group .instagram
{
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 30px;

    display: block;

    width: 90px;
    height: 30px;
    margin-right: 15px;

    text-align: center;

    color: white;
}

.post-detail .social-btn-group .instagram
{
    background-color: #eb348e;
}
.posts-list > div >li{
    width: 50%;
    margin-bottom: -1px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

    -webkit-backface-visibility: hidden;
}

.posts-list > div > li:nth-of-type(2n){
    border-right: none;
}

.posts-list > div > li .img{
    width: 80px;
}

.posts-list > div > li .detail{
    width: calc(100% - 80px);
    padding-left: 12px;
}

.posts-list > div > li .detail .name{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    -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: #000;

    -webkit-backface-visibility: hidden;
}

.posts-list > div > li .detail .info{
    font-size: 13px;
    font-size: 1.3rem;

    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    margin-top: 10px;

    text-align: right;

    color: #828282;

    -webkit-justify-content: flex-end;
       -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
            justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

.posts-list > div > li .detail .info .category{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
            align-items: center;
}

.posts-list > div > li .detail .info .category:before{
    display: block;

    width: 1px;
    height: 15px;
    margin-right: 10px;
    margin-left: 15px;

    content: '';

    background-color: #bebebe;;
}

.posts-list > div > li a{
    display: -webkit-box;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;

    padding: 15px;

    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.posts-list > div > li:hover{
    background-color: #f3f3f3;
}

.posts-list > div > li:hover .detail .name{
    font-weight: bold;

    -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-decoration: underline;

    color: #e6156c;

    -webkit-backface-visibility: hidden;
}

.posts-list > div > li:hover .notice-img{
    -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-decoration: underline;

    color: #e6156c;

    -webkit-backface-visibility: hidden;
}

.alm-reveal{
    margin-top: 15px;
    width: 100%;
}


/* 404 */
#main{
    float:left;
    width:100%;
}
.policyBlock{
    padding: 20px 30px 55px;
    border: 1px solid #C2C2C2;
    font-size:16px;
}
.headline6{
    border-left: 10px solid #E6156C;
    margin-bottom: 10px;
    padding: 0 0 5px 15px;
    line-height: 1.4;
    font-size: 30px;
    font-weight: bold;
}
/* 404 end */

/* 固定ページCSS */

.post-content .detail-sp p.policyText {
    margin-bottom: 26px;
    padding-left: 12px;
    line-height: 2;
}

.detail-sp .sitepolicy .policyList dt{
    line-height:2;
    margin-top:8px;
}

.detail-sp .sitepolicy .policyList dd {
    line-height: 1.8;
}

.post-detail .post-content p.title {
    margin-bottom: 30px;
    background: #EEE;
    line-height: 1.35;
    padding:10px 0 10px 10px;
}

p.policyText a:hover{
    -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;
    text-decoration:underline;
}


/* END */

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

.pink_btn,
.mw_wp_form button[type=submit]{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 26px;
    display: inline-block;
    height: 35px;
    padding: 0 25px;
    -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: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-backface-visibility: hidden;
    background-color:#fff;
    width:25%;
}
.mw_wp_form .contact_form button[type=submit]{
    width:32%;
}
.pink_btn:hover,
.mw_wp_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 */

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


.groupBlock {
    min-height: 646px; 
    margin-bottom: 15px; 
    padding: 20px 29px 32px; 
}

.contactBox {
    margin-top: -21px;
    text-align: center;
}

.contactBlock {
    margin-bottom: 30px;
    padding: 0 2px 0 13px;
    font-size:14px;
}

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

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

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

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

.pinkBox{
    display: inline-block;
    margin-top: 16px;
    padding: 13px 33px 14px 26px;
    background: #FDEEF5;
}


.contactBox .pinkBox .infoBox {
    margin-top: 5px;
    padding: 3px 7px 9px;
    background: #FFF;
    text-align: left;
    font-size:12px;
}
.contactBox .pinkBox li:first-child{
    width: 192px;
    margin-left: 0;
}

.contactBox .pinkBox li {
    display: inline-block;
    width: 296px;
    margin-left: 24px;
}

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


.contactBox .pinkBox .link li {
    width: auto;
    margin-left: 6px;
}

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

/* END */

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

.ml5, .mh5, .ma5 {
    margin-left: 5px;
}

/* 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 9px !important;
	margin-right: 0px !important;
}

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


/*ページネーション3桁の時に余白なしなので修正*/

.pagination li a{
    width:100%;
    line-height: 1;
    padding:7px 9px 5px 9px;
}


.headline2 {
    background-position: 0 0px;
    width: auto;
    height: auto;
    margin: 13px 0 10px;
    padding: 3px 10px;
    border-left: 7px solid #E5156B;
    color: #E5156B;
    font-size: 18px;
    font-weight: bold;
}

strong, .bold {
    font-weight: bold;
}

.post-detail .post-content p,.post-detail .post-content div{
    line-height:1.8;
    font-size:16px;
}


.post-detail .post-content p{
    margin-bottom:10px;
}

.slider-show .txt{
    padding-bottom:15px;
}

hr{
    border:none;
    border-top: 1px solid #e5e5e5;
    margin:15px 0;
}
.section-content a,.section-content a:link{
    color: #e6156c
}
.section-content a:hover{
    text-decoration:underline;
}
.section-content .detail-sp a.arrow-link{
    color:#333;
    font-size: 16px;
}
.section-content .detail-sp a.arrow-link:hover{
    opacity: 0.6;
}

.detail-sp .arrow-link i{
    top:10px;
}

.detail-sp img{
    width:auto;
    display:block;
}

.infoPink {
    border: 2px solid #E5156B;
    padding: 15px;
    margin-bottom:10px;
}
.headline3 {
    font-size:16px;
    font-weight: bold;
}
.post-content a{
    word-wrap: break-word;
}


.section-content table,.section-content table th,.section-content table td{
    padding:10px;
    border:1px solid #e5e5e5;
}

.section-content table th{
    width:35%;
}
body .post-content{
    word-wrap: break-word;
}

/* PC 詳細記事 関連タグ調整 */
.tags-list .clear-width{
    width:auto;
}
/* END */

/* PC 一覧ページ 要約部分調整 */
/*.posts-list.style03 li a .detail .excerpt{
    height:4.3rem;
    overflow:hidden;
    position:relative;
}
.posts-list.style03 li a .detail .excerpt:before,.posts-list.style03 li a .detail .excerpt:after{
    position: absolute;
    background: #fff;
}
.posts-list.style03 li a .detail .excerpt:before{
    content: "...";
    bottom: 0;
    right: 0;
}
.posts-list.style03 li a .detail .excerpt:after{
    content: "";
    width: 100%;
    height: 100%;
}
*/
#main-articles .pagination li a.next.page-numbers,
#main-articles .pagination li a.prev.page-numbers{
    width:auto;
}


/*デフォルトの見出し用*/
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
}
h2,h3,h4{
    margin-bottom:10px;
}
h5,h6{
    margin-bottom:0;
}

.detail-sp h1{
   font-size:28px; 
}
.detail-sp h1:first-letter{
   color:#e6156c;
}
.detail-sp h2{
    font-size:25px;
    background: #f6f6f6;
    border-left: 7px solid #e6156c;
    padding:4px 0 4px 10px;
}
.detail-sp h3{
    font-size:23px;
    border-left: 7px solid #E5156B;
    padding: 4px 0 4px 10px;
}
.detail-sp h4{
    font-size:20px;
    border-bottom:2px solid #e5e5e5;
    padding:2px 0;
}
.detail-sp h5{
    font-size:18px;
}
.detail-sp h6{
    font-size:16px;
}
blockquote{
    background:#efefef;
    padding:20px;
    position:relative;

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

}

.post-detail .post-content blockquote p{
    margin-bottom:0;
}

.post-detail .post-content ul,
.post-detail .post-content ol{
    margin-left:18px;
}

.post-detail .post-content ul{
    list-style-type:disc;
}
.post-detail .post-content ol{
    list-style-type:decimal;
}

.aligncenter,div.aligncenter {
   display: block;
   margin:15px auto;
}

.alignleft {
   float: left;
   margin:0 15px 15px 0!important;
}

.alignright {
   float: right;
   margin:0px 0px 15px 15px!important;
}


img[class*="wp-image"],
img[class*="attachment"]{
    height:auto;
    max-width:100%;
}


.small_txt{
    font-size:14px;
}

.post-detail .post-content .wp-caption-text{
    color: #828282;
    font-size:14px;
    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 .ttl{
    margin-bottom:5px;
}
.post-detail .post-content .related-posts ul li {
    margin-bottom:0px;
}

.tags-list, .categories-list{
    margin-top:10px;
}
.tags-list ul li, .categories-list ul li {
    margin-top: 0px;
    margin-bottom:10px;
    margin-right: 10px;
	list-style:none;
}
.tags-list ul li a, .categories-list ul li a{
    padding:5px 15px;
    line-height:1;
    height:100%;
}

.tags-list .ttl, .categories-list .ttl{
    margin-bottom:5px;
}

.tags-detail ul li a{
    font-size:1.4rem;
}
.tags-detail ul li a:hover{
    text-decoration:none;
}
.categories-list .ttl{
	float:left;
	margin-right: 20px;
}
.section-content .categories-list a{
	color:#000000;
	text-decoration:none;
}

/*サイドバーのタグのタイトル余白*/
#main-sidebar .tags-list .ttl{
    margin-bottom:10px;
}
#main-sidebar .posts-ranking{
    margin-top:20px;
}

#main-sidebar .posts-ranking,#main-sidebar .tags-list, #main-sidebar .categories-list{
    width:300px;
}


/*トップの枠　タイトルが一行の時の最低高さ指定*/
.posts-list.single-row li{
    min-height:96px;
}

/*プレゼントフォームのcss*/
table.present_form,table.present_form th,table.present_form td{
    border:1px solid #fff;
}
table.present_form th{
    background:#ffe6ea;
    width:25%;
    vertical-align: middle;
}


input[type="text"],input[type="cheakbox"],textarea{
    padding:4px;
    border: 1px solid #ccc;
}
select{
    padding:3px;
}

input[type="submit"]{
    padding:5px 20px;
    font-size:16px;
}

.require{
    color:#e00000;
}

.posts-list.style03 li a .detail .hashtag li{
    margin-bottom:0;
}

.posts-list.style03 li a .detail .hashtag li:hover{
    color: #e6156c;
}

.section-content .btn-move a{
    color:#333;
}

.section-content .btn-move a:hover,.slider-show a.btn-prev:hover,.slider-show a.btn-next:hover,
.section-content .detail-sp a.arrow-link:hover{
    text-decoration:none;
}

#main-header .bottom-menu{
    min-width:auto;
}

span.tag_pr{
    padding-right:10px;
}
span.tag_pr_back{
    padding-left:10px;
}

.add_overflow{
    overflow:hidden;
}

.posts-list.style03 li a .detail .name{
    height:56px;
}

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

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

#topics .posts-list > li .detail div.h_44px{
    height:44px;
}

.align_r{
    text-align:right;
}

.w_100{
    width:100%;
}

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

.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;
    max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}

/* PC版 各サムネイルdiv 調整 */
/* TOP */
#topics .posts-list.pickup-posts .img {
    height:284px;
}

#topics .posts-list.pickup-posts .img {
    height:284px;
}

#topics ul.style02 li .img {
    height:79px;
}

#posts-list li a .img.posi_center.bk_lightgray,
#topics ul:not(.style02) li .img,
#main-articles .post-group .single-row li div.img{
    height:63px;
}

/* sidebar */
.posts-ranking .ranking-items li a .bk_lightgray{
    margin-right:8px;
    padding:unset;
    height:50px;
}

/* 一覧 */
.posts-list.style03 li a .img.bk_lightgray{
    height:119px;
}

/* 高さ調整 */
.detail-sp .post_thumbnail.posi_center{
    /*width:540px;
    height:360px;*/
    max-height:100%;
    height:auto;
    max-width:100%;
    margin:0px auto 15px;
}

/* その他高さ調整 */

.posts-list.pickup-posts .img.posi_center img,
.posts-list.style02 li a .img.posi_center img,
.posts-ranking .ranking-items li a .img.posi_center img{
    width:auto;
}

/* 広告 */
.inlead_area{
    margin-bottom:10px;
}

.center_box .ad_area div{
    margin: 0 5px;
}

/*ナビゲーション項目が増減しても均等幅にする*/
.dis_flex{
    display:flex;
    justify-content:space-around;
    position:relative;
}

#main-header .bottom-menu .main-nav > ul > li{
    width:100%;
    float:none;
}




/* table タグ 修正 */
.section-content table, .section-content table th, .section-content table td{
    vertical-align:middle;
    text-align:left;
}

.detail-sp img:nth-child(1){
   margin:0 auto;
}


.pickup-posts:hover{
    background:#f3f3f3;
}

.pickup-posts:hover .detail .name{
    color:#e6156c;
    text-decoration:underline;
}



.posts-list.pickup-posts .detail .cta a.cta_btn,
.posts-list.pickup-posts .detail .cta div.cta_btn{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 26px;
    display: inline-block;
    height: 28px;
    padding: 0 25px;
    -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: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-backface-visibility: hidden;
}

.pickup-posts:hover .detail .cta a.cta_btn,
.pickup-posts:hover .detail .cta div.cta_btn{
    background:#e6156c;
    color:#fff;
}

.posts-list.pickup-posts .detail .cta a{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 26px;
    display: block;
    height: 100%;
    padding: 0 10px;
    -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: #000;
    border: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-backface-visibility: hidden;
}


.post-detail .post-content .related-posts ul li a{
    color:#00f;
}

.posts-list.pickup-posts{
 //   padding:0;
}
.pick_post_link{
     display:block;
}

.posts-ranking .ranking-items li:before:hover{
    color:#e6156c;
}

.post-detail .post-content{
    margin-top:20px;
}

#contents section {
    margin-bottom: 0px;
}
#contents section.post-group,#contents .section-content {
    margin-bottom:40px;
}

.nav_wrap{
    display:none;
    height:101%;
}

#main-header .bottom-menu .main-nav > ul > li:hover > .nav_wrap{
    display:block;
}

/* 管理画面側ACF 調整用 */
#acf-group_5a8288ae0cbce > div > div > div.acf-input > div > div.acf-field.acf-field-group{
    padding:10px 12px;
}
#acf-group_5a8288ae0cbce > div > div > div.acf-input > div > div.acf-field.acf-field-group div.acf-input div[data-key^="field_"]{
    padding:8px 12px;
}

/* style.cssが空いたらそこに移動する */
#menu_bk{
    height:100%;
}

#main-header .bottom-menu .main-nav > ul > li:hover > #menu_bk{
  visibility: visible;
  opacity: 1;
}

.nav_wrap{
    right:0;
    left:unset;
    max-width:1170px;
    width:100%;
    z-index:100;
}

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

/* span[class $= "_sponsor_name"]{
    color:blue;
}*/

#main-articles  section.post-group  div.flex-row  div.ttl > a:hover{
    text-decoration: underline;
    color: #e6156c;
}


/* 20181226 btn colored */
.detail-sp div.btn_pink {
	text-align: center;
}
.detail-sp div.btn_pink .arrow-link {
	color: #e6156c;
	border: 1px solid #e6156c;
	background: #fff;
}
.detail-sp div.btn_pink .arrow-link i{
	color: #e6156c;
}