@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:0;
    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: min(25vw,200px);
}
  .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;
	}
	

	
  /*相談内容別占い師
===============================================================*/
	h3.deco-frame{
		font-size: 4.5vw;
	}
	.main_column h2{
		font-size: 4.5vw;
	}
.small {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.2;
}
	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;
  }
	
	
	.senjutsu-section .fortune-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
	
	

}

@media screen and (max-width: 480px) {
	  .key_bloc.top_key .key_inner {
    width: 100%;
    top: 47vw;
  }

	.sec-search{
		padding: 3vw 2vw 4vw;
	}
	.site_link_btn + .site_link_btn{
		margin-top: 3vw;
	}
	
	.teller-list .teller-meta {
    flex-wrap: wrap; /* 折り返しで縦並びに */
  }

  .teller-list .badge {
    width: 100%; /* フル幅 */
    flex: none; /* flex:1; を無効化 */
  }
.site-ranking {
    padding: 2%;
}
	
	.teller-list .teller-card {
    padding: 1.5em 1em 1.5em 1em;
}
	figure.icon_div {
    width: 2em;
}
	
	.teller-list .teller-header h2 {
    font-size: 26px;
}

	
}