@charset "utf-8";

/*--- Slick slidderのドットの調整 --- */
.htImg li button:before{
	font-size:20px!important;
}

/*--------------2026年版ヒーロー画像---------------- */
.hottopics .htHeader h1{
	position:relative;
	width:100%;
	height:calc((95vw * 524) / 680);
	margin:16px 0;
	background-image:url("../img/2026/title2026_sp.webp");
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain
  }
/*TB以上*/
@media screen and (min-width:600px){
	.hottopics .htHeader::after{
	  bottom:-20px;
	  height:20px;
	}
	.hottopics .htHeader h1{
	  width:90%;
	  height:calc((90vw * 514) / 1134);
	  max-height:514px;
	  margin:24px auto;
	  background-image:url("../img/2026/title2026_pc.webp")
	}
}

/*---------------　「インデックスに戻る」ボタン　--------------- */
.htToIndex {
	display: block;
	width: min(70vw, 14em);
	padding: .5em 1.5em;
	margin: 0 auto min(5vw, 40px);
	background-color: #FFF;
	border: 1px solid #7d9097;
	border-radius: 8px;
	text-align: center;
	color: #7d9097;
	font-weight: bold;
	text-decoration: none;
	transition: none;
	}
.htToIndex a:hover {
	background-color:rgba(72,187,229,.15)
	}