@charset "utf-8";

@media screen and (max-width: 1024px) {
  .gre_sub {
  	padding: 0 80px 60px;
  }
  .page-id-1500 .bg-color_text p:nth-child(2) {
  	padding-right: 80px;
  }
  .denwa_column_text{ padding: 0; font-weight: none;}
}


@media screen and (min-width: 768px) {
  body{ font-size: 2.5vw;}
  #content,.breadcrumbs{ width: 100%; margin: 0 auto;}
  header{ height: auto;}
  header > .inner{ padding: .5em 0;}

  /*お問い合わせ*/
  .form label{ display: flex; flex-direction: column;}
  .form input, .form textarea{ width: 100%;}
  .content.thanks #page_wrap{ min-height: 68vh;}

  /*追加*/
  .main-column .ranking-list dd{ padding: 1.5em 0;}
  .main-column .site-deta > a{ position: inherit; display: block; padding-right: 0;}
  .main-column .site-deta > a::after{ content: none; }
	  .column-key p.intxt{ display: inherit;}


}
@media screen and (min-width: 769px) {
    body{ font-size: 15px;}
    #content,.breadcrumbs{ width: 960px; margin: 0 auto;}
    footer{ width: 100%; text-align: center; font-size: 10px; padding: 1em 0;}
    img{ width: auto;}

    /*パンくずリスト*/
    .breadcrumbs{ padding: .5em 0;}

    .sp-dsp{ display: none !important;}
    .pc-dsp{display: inherit !important;;}

    /*.inner{ width: 1100px;}*/

    /*キービジュアル*/
    .top-vis{ margin-bottom: 2.5vh;}
    .top-vis > .inner{ width: 960px; background: url("../images/index/key.jpg") no-repeat center top/100%; flex-direction: column-reverse;}
    .top-vis .inttl{ background: none;}
    .top-vis .inttl{ font-size: 2.45em; padding: 1em;}
    .top-vis .intxt{ width: 60%; padding-bottom: 5%;}
    .top-vis .intxt p{ padding: 0 2em; line-height: 1.8; letter-spacing: .05em;}


    /*口コミ*/
  body.single div.wpcr3_item_name{ width: 100%; margin: auto;}
  .wpcr3_review{ padding: 1em;}
  .wpcr3_item_name{ min-width: auto;}
  .wpcr3_review_datePublished{ padding: 0 1em; font-size: .9em;}
  .wpcr3_review div.wpcr3_review_author{font-size: .9em;}
    /*.wpcr3_review{ min-height: 180px;}
    .wpcr3_review div.wpcr3_content{ padding-left: 10%;}*/

    /**/
    .main-column h3{ font-size: 1.25em;}

    /*占いサイトランキング*/

  .rank-entry .site-thum{ width: 25%;}
  .rank-entry > .site-deta{ width:  37.5%; padding: 0 1em;}
  body.home .rank-entry > .site-deta > a{pointer-events: none;}
  .rank-entry > .rank-cmnt{ font-size: .88em; text-align: justify; width: 37.5%; padding: 3em 1em 4em;}

  .rank-entry .rank-deta{ padding-top: 1em;}
  .rank-entry .deta-head{ display: flex; justify-content: space-between; margin-right: -110%;}
  .site-point{ position: absolute; top: 0; right: 0;}
/*	.bs-entry.site-point{ margin-left: 0;}*/
  .rank-entry > .link{ position: absolute; bottom: 0; right: 0; width: 75%;}
  body.home .site-ranking .rank-entry > .link{ display: flex;}
  .site-point p.star{ width: auto;}

  .btn-lanking{ padding: 60px 0}
  .btn-lanking a{ width: 60%;}

  /*new　占いサイトランキング*/
  .rank-entry-box > a{ display: none;}
  .rank-entry-head{ padding-bottom: 20px;}
  .rank-entry-head p.pic-tag{ margin-left: 1em;}

  .rank-entry-body .rank-thum{ width: 25%;}
  .rank-site-deta{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 75%; padding-left: 20px;}

  .rank-site-deta .indeta{
    width: 50%;
  }
  .rank-site-deta .intxt{
    width: 50%;
    padding-top: 0;
    font-size: .95em;
    padding-left: 20px;
  }
  .rank-site-deta .instar{
    justify-content: flex-end;
  }
  .rank-site-deta .inprice{
    margin-top: 20px;
  }
  .rank-site-deta .inprice > span{
    font-weight: bold;
    font-size: 1.12em;
    line-height: 1.6;
  }
  .rank-site-deta .inprice span + p{
    margin-top: 1em;
  }
  .rank-site-deta .fst-cam span{
    font-size: .92em;
  }
  .rank-entry-link{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    margin-top: 20px;

  }

  /*占い師ランキング*/
    .genre-nav{ flex-wrap: nowrap;}
    .kts-rank-incmnt.inner{ width: 90%;}
    .kts-rank-incmnt{ padding: 1.5em 0 1em;}
  .kts-rank .acv-post{ width: 100%;}

  .jmp-kts{ width: 100%;}
    .jmp-kts a{ width: 50%;}
    .jmp-kts a p{ padding: 1em 0;}


    /*サイドバー*/
    #side-column{ width: 25%; padding-left: 2em;}

    #sidebar .wpcr3_review{ min-height: inherit; padding: 1em 0;}
  #sidebar .wpcr3_review_datePublished{ padding-left: 0; font-size: .9em;}
  #sidebar .wpcr3_review div.wpcr3_review_author{font-size: .9em;}
    #sidebar .wpcr3_review div.wpcr3_content{ width: 100%;}
    #sideber .wpcr3_review div.wpcr3_content::before{ width: 35px; height: 35px; top: 1em;}
  #sidebar .wpcr3_content p{ padding: .5em 0!important;}
    /*#side-column .wpcr3_review div.wpcr3_content p{ font-size: .82em;}*/

    #sidebar .pickup-banner p.inttl{padding: .5em 0; font-weight: normal; font-size: 1em;}
    #sidebar .pickup-banner > ul{ width: 95%; margin: 0 auto; padding-bottom: 0;}

  /*検索フォーム*/
  .sec-search{}
  .sec-search h3{ display: flex; align-items: center; padding-bottom: .25em;}
  .sec-search h3 > p{ display: flex;}
  .sec-search h3 span{ width: 1.88em; padding-right: .5em;}
  .sec-search p.intxt{ padding:2em 1em; text-align: center;}

  #feas-searchform-0{ width: 90%; margin: 0 auto; padding: 2em 5%; background: #f1ecf3;}
  #feas-searchform-0 p{ background: none; border-bottom: 1px dotted #ccc; font-weight: bold;}
  #feas-searchform-0 label{ width: auto; display: inline-block; padding: .5em 1em 0; margin: 0;}
  #feas-searchform-0 input{ margin: 1.5em .5em 1.5em 0; padding: .5em;}
   #feas-searchform-0 input.feas-submit-button{width: 50%;}
  .form-pra{ width: 100%;}
  #feas-searchform-0 input[type="text"]{ width: 20%; margin-right: .25em;}
  #feas-searchform-0 .form-free input{ width: 60%; margin: 0;}
  #feas-searchform-0 input.feas-submit-button{ margin-bottom: 0;}

    /*============================================================
      投稿ページ・個別ページ・アーカイブ・search
    ==============================================================*/

  #content.under h1{ font-size: 2em; margin-bottom: 1em;}
  #content.under h1.inner{ width: 100%;}

  .acv-post{ padding: 2em 0;}
/*  .acv-post:first-of-type{ padding-top: 0;}*/


    /*個別ページ*/
    #content{ display: flex; flex-wrap: wrap; margin-bottom: 80px;}
    .main-column{ width: 75%;}
    .review p.thum{ width: 22%;}
    .review-rank{ width: 38%; padding: 0 0 0 1em;}
    .review-rank .point { padding-top: .5em;}
    .review-rank .point > p{ font-size: 1em;}
    .review-graph{ display: block; width: 40%;}

  /*キャンペーンバナー*/
  .cam_banner_box.inner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
  }
  .cam_banner_box + .post_site_deta{ margin-top: 2em;}

  /*運営情報*/
  .post_site_deta{ margin-top: 2em;}

  /*おすすめポイント*/
  .post_pick{ display: flex; flex-direction: column; align-items: center;}
  p.pic-ttl{ font-size: 1.6em;}
  .post_pick ul li p{ font-size: 1.25em;}
  div.page-about{ padding-top: 0;}


  /*占い師紹介*/
  .bs-thum{ width: 25%;}
  .bs_deta{ width: 37%; padding: 0 1em; font-size: .95em;}
  .bs_deta .site-point{ right: -110%;}
  .post_bs_deta{ margin: 5% auto;}
  .bs01 p + p, .bs02 p + p{ margin-top: 1em;}
  /*.bs01,.bs02{ font-size: .95em;}*/
  .bs01{ margin-top: 1em;}
  .bs02{ margin-top: 2em;}
  .bs01 p:nth-child(3){ display: flex; align-items: baseline;}
  .bs01 p span:nth-child(1){ width: 8em;}
  .bs01 p span:nth-child(2){ width: calc(100% - 8em);
    padding-left: 1em;
  }
  .bs02 p:nth-child(1){ display: none;}
    .bs01 p{ font-size: 1rem;}

  .bs_deta2{ width: 37%; font-size: .95em; margin-top: 1.5em;}

  .bs-entry > .link a{ width: 60%;}

  .foot_acv{ width: 95%; margin: 0 auto;}
  .post-archives{ justify-content: flex-start; flex-wrap: wrap;}

  .foot_acv h3 p{ padding: .25em .88em;}

  .post-archives > div.acv-thum{ width: 25%;}
  .post-archives > div.acv-thum span{ font-size: .88em;}
  .post-archives > div + div{ margin-left: 1em;}

  .entry_main .post-banner a{ width: 50%;}

  /*検索結果*/
	dl.site-result dd > div{ font-size: .9em;}
  #feas-sort-menu { display: flex; margin-top: 2em; background: #f1ecf3;}
  #feas-sort-menu > p{ display: block; width: 16.6%; text-align: center; font-size: .9em; padding: .85em 0 .5em;}
  #feas-sort-menu > p + p{border-left: 1px solid #ccc;}
  dl.site-result dd{ padding: 0; flex-wrap: nowrap;}
  dl.site-result dd > div{ display: flex;flex-direction: column; justify-content: center; width: 16.6%; padding:1em; text-align: center; font-size: .8em;}
  dl.site-result dd > div + div{ border-left: 1px solid #ccc;}

  dl.site-result div.list-kantei p::after,dl.site-result div.list-price p::before,dl.site-result div.list-nop p::before,dl.site-result div.list-star p.star::before{
    content: none;
  }

  dl.site-result div.list-thum img{ height: auto; border: 1px solid #efefef;}
  dl.site-result div.list-thum p.name{ width: auto; font-size: 1em;}
  dl.site-result div.list-kantei p{ display: flex; flex-direction: column; align-items: center;}
  dl.site-result div.list-star{ width: 16.6%; margin: 0; flex-direction: column-reverse; align-items: center;}
  dl.site-result div.list-star p.star img{ width: auto;}
  dl.site-result div.list-star p:nth-child(1){ font-weight: normal; font-size: 1em;}
  dl.site-result div.list-btn{ width: 16.6%; margin: 0;}
    dl.site-result div.list-btn a{
    background: #7a4d8f;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 4px #57087c;}

  dl.site-result div.list-btn a p{ line-height: 1; padding: 1em 0 .65em;}

    /*チャート*/
    #site-chart{ width: 100%!important; height: auto!important;}
    .review-graph p.inttl{ text-align: center; font-size: .88em; font-weight: bold; padding-bottom: .5em;}

    /*投稿ページ*/
    .post-head .review{ display: flex;}
    .entry .review.inner{ width: 100%; padding: 1em; margin-left: 0;}

  body.single #content{ padding-top: 2em;}
    body.single h1{ font-size: 1.8em;}
    .entry_main h2{ font-size: 1.66em;}
    .entry_main h3{ font-size: 1.4em; padding: 0 .5em;}
    .entry_main h4{ padding: 1em 0; font-size: 1.25em;}

  .entry_main table tbody tr:nth-child(1) > td:nth-child(1){ width: auto!important; max-width: 180px;}

    /*投稿ページ内口コミ*/
    .in-voice .img{ width: 15%;}
    .in-voice .comment{ width: 85%;}
    .in-voice__content > div,.in-voice__deta{ width: 100%;}

  /**/
  #content.under .column-key { display: flex; align-items: center; background: none; margin-bottom: 50px; margin-top: -2.5vh;}
  #content.under .column-key > img{ display: block; width: 100%;}
   #content.under .column-key > div{ position: absolute; width: 60%;}
  #content.under .column-key h1.inttl{ padding: 0 20px; font-size: 36px; text-align: left;}
  /*#content.under .column-key p.intxt{ color: #000;}*/

  .main-column .blog-card{ padding: 0;}

  .column-archive .entry:first-of-type{ padding-top: 50px; margin-top: 0;}
  .column-archive .entry{ padding: 20px 0;}
  .post-block .entry{ padding: 0;}
  .post-block .post-head{ border-bottom: 1px solid #57087c;}
  .column-archive{ margin-top: 0;}

  div.page-about dl{ margin-bottom: 50px;}
  div.page-about dl dd p.flx{ align-items: center;}
  div.page-about dl dd p.flx .mark{ width: 8%; margin-right: 1em;}
  div.page-about dl dd p.flx span a{ display: block;}

  div.page-about > div + div{ margin-top: 50px;}

  /*お問い合わせ*/
  .form{ width: 90%; margin: 50px auto;}
  .form input[type="submit"]{ width: 200px; margin: 0 auto;}
  .form .wpcf7c-btn-back{ width: auto; padding: .5em 2em;}

  .content.thanks #page_wrap #title_page{ padding: 20px; font-size: 1.15em;}
  .content.thanks #page_wrap{ min-height: 55vh;}

  /*追加*/
  /* front-page カテゴリ別ランキング */
  .cat_rank a img{
    width: 15%;
  }

  .bs-entry-body{ margin-top: 0;}

  .bs_deta {
    margin-top: 0;
    width: 72%;
  }



  .bs01 p {
    display: flex;
    justify-content: space-between;
  }
  .bs01 p:nth-child(1) {
    display: block;
  }

  .bs-thum {
    float: none;
    margin-right: 2%;
    width: 25%;
  }

  .bs-thum img {
    height: auto;
    width: 80%;
}

  .bs_deta2 {
    width: 36%;
  }

 　.bs02 p:nth-child(1) {
    display: block;
  }
  .bs02 p > span:nth-child(1) {
    border-left: none;
    margin-bottom: .5em;
    font-weight: bold;
  }
    .bs02 p:nth-child(1) > span:nth-child(1),
    .bs02 p:nth-child(2) > span:nth-child(1){ font-size: 1rem;}


  .bs02 p > span {
    padding-left: 0;
  }




  .bs01 p:nth-child(2) {
    display: flex;
    align-items: baseline;
  }
  .bs01 p:nth-child(1) {
    display: flex;
  }
  .bs01 p:nth-child(3),
　　.bs01 p:nth-child(4){
    display: flex!important;
    align-items: baseline;
}



  .bs01,
  .bs02{
    padding-top: 0;
    margin-top: 0;
  }
  .bs-entry-head,

  .bs_deta2 .bs02 p {
    display: block;
  }



 .bs_deta2 {
    width: 100%;
    margin: 0 1em 2em;
  }

  /* .post-type-archive-uranaishi .site-point {
      display: none;
  } */

.site-point {

    position: initial;
}


  .cat_rank {
  padding: 1em .5em 0 1em;
  }

  .cat_rank a span.cat_rank_ttl {
      font-size: 1.24em;
  }
  .cat_rank_sub {
    display: block;
  }

  /* 0804追加　コラムまわり改修 */

  .category-shippai .cate_thum { width: 15%;}

  .post-template-single-shippai .rank-entry-body .rank-thum a img {
    height: auto;
  }
  .post-template-single-shippai .post_pick {
    padding: .5em;
}
  .post-template-single-shippai p.pic-ttl {
    font-size: 1em;
}
.post-template-single-shippai #sidebar .side_new-post .post_pick ul li p {
    font-size: 1em;
}
.post-template-single-shippai .site_link_btn a {
    font-size: 1em;
}
	/*＝＝＝220629詳細ページ改修＝＝＝*/
	.single-denwauranai #content,.breadcrumbs{
	max-width: 1000px;
    margin: 0 auto;
    padding: 10px 20px 0;
	}
	.single-denwauranai .main-column {
    width: 100%;
    max-width: 580px;
    box-sizing: border-box;
	}
	.single-denwauranai #side-column {
    max-width: calc(100% - 600px);
    width: 100%;
	}
	.entry_main .post-banner a{
		width: 100%;
	}
	.repair-head .rankicon > img, .repair-head .mini-logo > img{
		width: 50px; 
	}
	.repair-head{
		grid-template-columns: 1fr 1fr 8fr;
	}
	.repair-mv{
		height: 300px;
		padding: 2em;
		column-gap: 1em;
	}
	.repair-ttl{
		font-size: 1.2em;
	}
	.repair-mv_img{
		padding: 5em 0 0;
	}
	.repair-table td, .repair-table th{
		font-size: 1em;
	}
	.rank-entry-body .rank-thum{
		height: 200px;
	}
}

/*＝＝＝追加css＝＝＝*/
@media screen and (min-width: 769px){
	.in-voice{ padding: 20px;}
	.in-voice .img{ width: 100%;}
	.in-voice .img > p{ width: 12%;}
	.in-voice .comment{ width: 100%;}
	
	.rank-entry-body{ padding-bottom: 20px;}
	.rank-entry-body > a::after{ display: none;}	
	
	/*＝＝＝221107TOP改修追加css＝＝＝*/
	.repair-mv_img{
        width: 75%;
    margin: 0 auto;
    padding-top: 5%;
    }
	.repair-list{ width: 60%;}
	.repair.top-pick{ padding: 1em 1em 2em; margin: 1em;}
	.repair.top-pick .repair-list{ zoom: .8;}
	.repair.top-pick .repair-mv{ height: 400px;}
    
    /*＝＝＝ピックアップ追加css＝＝＝*/
    .pickup-list .ranking-list{
    margin: 1em 0;
    border-radius: 20px;
    }
    .single-pickup .repair-mv_img {
    width: 75%;
    margin: 0 auto;
    padding-top: 25%;
    }
    .single-pickup .repair-head {
    grid-template-columns: 1fr 9fr;
    }
    .single-pickup .repair-mv{
        height: 400px;
    }
    .hide-detail .rank-entry-head{
        flex-direction: row;
    justify-content: space-between;
    }
    .rank-entry-head p.pic-tag.pc_02 span{
    font-size: 1em;
    }
    /*202504改修
=====================================*/
    .single-feelpick .repair.top-pick .repair-mv{
        height: auto;
    }
}

@media screen and (max-width: 769px){
	.post-type-archive-uranaishi #content.under,.tax-soudan #content.under{ padding-top: 0;}
    
    .footer_txt > .content > div{
        display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: baseline;
    width: 100%;
    gap: 10px;
    }
    .footer_txt > .content > div > a:not(:last-child){
        width: 100%;
    }
    .footer_txt{
        padding: 1em;
    }
}

@media screen and (min-width: 1024px){
	  /* 0407追加　各鑑定TOP */
	.lower_mv{ max-width: 1100px; margin: 0 auto 1em;}
	.lower_mv .top-img::before{ padding-top: 350px;}
	.lower_mv .top-img > div img.top_movie_img{ width: 360px; right: 8%;}
	.lower_mv .top-img > div img.mv-pr{ width: 100px; height: auto;}
	.tag-header-image:before{ padding-top: 65px;}
	.tag-header-image ul{ font-size: 24px; width: 62%; padding: 10px 0;}
	.tag-header-image li{ background-size: auto 37%; background-position: 0px 73%;}
	
	.lower_mv .top-img > div img.top-catch.fukuen{ height: 128%; left: 13%;}
	.lower_mv .top-img > div img.top-catch.spi{ height: 130%; left: 12%;}
	.lower_mv .top-img > div img.top-catch.reisi{ height: 120%; left: 15%;}
	.lower_mv .top-img > div img.top-catch.renai{ left: 16%; height: 112%;}
	.lower_mv .top-img > div img.top-catch.tarot{ height: 127%; left: 15%;}
	.lower_mv .top-img > div img.top-catch.furin{ left: 14%; height: 132%;}

	
}

@media(min-width: 600px){
.modal-container {
    width: 500px;
    height: 600px;
	}
	
	.modal-inner ul{
	   max-width: 430px;
		width: 100%;
    top: 130px;
	}	
	
	button.modal_button{ right: 10px; top: 10px;}
	
}