@charset "utf-8";

/*****************************
------------------------------
@media
------------------------------
*****************************/


@media all and (min-width: 601px) {
	.btn01:has(span):hover {
		opacity: 1;
	}

	.btn01:has(span):hover span:before {
		opacity: 0.4;
	}

	.top_btns {
		display: flex;
		justify-content: center;
		gap: 30px;
	}

	.top_btns .btn {
		min-width: auto;
		max-width: var(--btn-width);
		flex: 1;
		margin: 0;
	}

	.pc_tac,
	table.pc_tac tr>* {
		text-align: center;
	}

}

@media all and (max-width: 600px) {
	html {
		font-size: 2.3vw;
	}

	.tb_only,
	.sp_none {
		display: none !important;
	}

	.inner,
	.inner_sp {
		width: 100%;
		padding: 0 5vw;
	}

	.hamburger {
		/* right: 0 !important; */
	}

	.js_side_open {
		overflow: hidden !important;
	}

	.side_nav_wrap {
		right: 0 !important;
	}

	.table_scroll:before {
		content: "※横スクロールで全体を見ることができます。";
	}

	.table_scroll table {
		width: 200vw;
	}

	#sb_instagram.sbi_mob_col_5 #sbi_images {
		grid-template-columns: repeat(3, 1fr) !important;
		padding: 0 10px;
	}

	#sb_instagram.sbi_mob_col_5 #sbi_images .sbi_item:nth-of-type(10) {
		display: none !important;
	}
	
	.sp_tac{
		text-align: center;
	}
	body:not(.home_page) .btn_col02 .btn + .btn {
		margin-top: 2vw;
	}
}

@media all and (min-width: 601px) and (max-width: 1510px) {
	header .h_info {
		padding-left: 50px;
	}

	.header_logo,.js_header_move .m_header .header_logo {
		width: 360px;
	}

	.header03 {
		padding-left: 10px;
	}

	.list_parent {
		font-size: 1.5rem;
	}

	#top_message {
		background-position: right 60% center;
	}
	.mv_pick {
		width: 781px;
	}

	.m_mv_wrap {
		height: auto;
		grid-template-columns: 1fr 781px;
	}

	.mv_pick >li a {
		height: 100px;
		overflow: hidden;
	}

	.m_mv_news {
		height: 100%;
		padding-top: 10px;
	}
}