@charset "UTF-8";
/* CSS Document 2022*/
@media screen and (max-width: 1018px) {

/*tablet*/
@media screen and (max-width: 900px) {
	.main_bk {
		flex-wrap: wrap;
		gap: 2em;
	}
	.main_column,.side_column{
		max-width: 100%;
	}

}
/*smartphon*/
@media screen and (max-width: 768px) {
  body {
    font-size: 3.8vw;
  }
  .spView {
    display: block;
  }
  .pcView {
    display: none;
  }
  img {
    width: 100%;
  }
  .inner {
    padding: 0;
  }
  .main_bk {
    padding: 4vw 2vw 8vw;
    margin: -1vw 0 0;
  }
	
  /*header/nav  
===============================================================*/
  #fix_btn {
    width: 15vw;
    height: 15vw;
  }
  header {
    padding: 2vw 3vw;
  }
  header .inner {
    padding-left: 2.5vw;
  }
  .head_logo {
    width: 93%;
  }
  .head_logo .logo {
    width: 16vw;
  }
  .head_logo .txt {
    width: 100%;
    font-size: 2.2vw;
  }
  .head_logo .txt br.pcView {
    display: none !important;
  }
  .head_logo .txt span.noto {
    font-size: 2.44em;
  }
  /*toppage*/
  .key_bloc.top_key .key_inner {
    width: 100%;
    top: 60%;
  }
  .key_bloc.top_key {
    height: 55vw;
  }
  /*絞り込み検索
===============================================================*/
	select, input[type="text"]{
		font-size: 4vw;
	}
	.search-ttl{
		font-size: .8em;
	}
	input[type="text"]{
		font-size: 17px;
	}
	.search-item{
		padding: 1vw 2vw;
	}

  /*バナー部分
===============================================================*/
	.banner-list{
		width: 220%;
	}
  /*サイトランキング部分
===============================================================*/
	.good-voice_icon,
	.bad-voice_icon{
		width: 75px;
		height: 75px;
		padding: .85em;
	}
	
  /*トップページ占い師ランキング
===============================================================*/
	.sensei-rank-deta .scr {
		font-size: 5vw;
		margin-left: 0
	}
	.sensei-rank-deta .instar > p:nth-child(1){
		width: inherit;
	}
	.sensei-rank-deta .instar{
		justify-content: space-between;
	}
    .sensei_ranking-list > li:not(:last-child){
        padding: 0 0 8vw;
    }
  /*ピックアップサイト
===============================================================*/
	.flower{
		top: -17vw;
		left: -28vw;
	}
	.pickicon{
		top: 0;
		left: 0;
		width: 20vw;
	}

	
  /*相談内容別占い師
===============================================================*/
	h3.deco-frame{
		font-size: 4.5vw;
	}
	.main_column h2{
		font-size: 4.5vw;
	}
	.small{
	    font-size: 3vw;
		margin-bottom: 1.5vw;
}
	h3.deco-frame::after{
		bottom: 0;
	}
	h3.deco-frame::before{
		top: 1vw;
	}
	.soudan-list_inner > a{
		column-gap: 2vw;
	}
	.soudan-list_icon{
		width: 14vw;
	}
	.soudan-list_txt{
		width: 100%;
	}
	.soudan-list_inner{
		padding: 3vw 2vw;
	}
    ul.sensei_list li:not(:last-child){
        padding: 0 0 8vw;
    }
  /*ピックいップサイト
===============================================================*/
	.main_column h2.deco_pickup::before{
		left: .5em;
	}
	.main_column h2.deco_pickup::after{
		right: .5em;
	}

  /*占術別占い師
===============================================================*/
	.senjyutu-list_inner > a{
		padding: 2vw;
		gap: 2vw;
	}
	.senjyutu-list_txt p{
		font-size: .95em;
	}
	.senjyutu-list_icon img{
		max-width: 15vw;
		max-height: 13vw;
	}
  /*詳細ページ
===============================================================*/
	h4.deco-underline{
		font-size: 4.5vw;
	}
    .pickup-uranaishi_img img{
	height: 130px;
	}
	ul.sensei_list li.is-hidden{
        padding: 0;
    }

	
  /*下層ページ
===============================================================*/
  #title_page h1 {
    font-size: 1.85em;
    padding: 8vw;
  }
	.under-page_block{
		padding: 4vw;
	}
  /*footer
===============================================================*/
  .footer_txt .content a + a {
    margin-left: 1em;
  }
  .footer_txt {
    font-size: .9em;
    padding: 4vw;
  }
  .footer_txt .content.flex a::before {
    top: 4px;
  }
	
	
	
	/*年末年始
===============================================================*/
	.mizuhiki{
	z-index: 1;
    width: 100%;
    position: absolute;
    top: 0.5em;
    left: 0em;
    right: 0em;
	}
	.newyear-list_inner .site_link_btn.orange_grd{
	    width: 100%;
    margin: 4vw 0 0 0;
	}
	.newyear-list_icon img{
	    max-width: 100%;
	}
	.newyear_title img{
	width: 82%;
    top: -1.9em;
    margin-bottom: -1.1em;

	}
}

@media screen and (max-width: 480px) {
	  .key_bloc.top_key .key_inner {
    width: 100%;
    top: 47vw;
  }
	.top-content_box{
		padding: 6vw 4vw;
	}
	.sec-search{
		padding: 3vw 2vw 4vw;
	}
	.site_link_btn + .site_link_btn{
		margin-top: 3vw;
	}


	
}