@media only screen and (min-width:750px) {
	/* main */
	#t_main {
		width: 100%;
		overflow: hidden;
		margin: 0 0 90px 0;
		/*　最新作のジャケットカラーに合わせてカラーコード変更　*/
		background: #ffe0f0;
	}
	.t_main_inner {
		width: 100%;
		max-width: 1540px;
		height: 800px;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 105px 0 0 0;
		position: relative;
	}
	.t_main_inner div {
		width: 1100px;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 5;
	}
	.t_main_inner picture {
		width: 873px;
		position: absolute;
		right: 30px;
		z-index: 2;
		animation-name: Floating;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		animation-direction: alternate;
	}
	.t_main_inner img {
		width: 873px;
	}
	@keyframes Floating {
		0% {
			bottom: -60px;
		}
		100% {
			bottom: -30px;
		}
	}
	.t_main_inner #t_main_logo {
		/*　最新作のイラストカラーに合わせてカラーコード変更　*/
		fill: #FFF;
		position: absolute;
		left: 30px;
		bottom: -160px;
		z-index: 1;
	}
	.t_main_inner div p {
		width: 330px;
		margin: 0 0 20px 4px;
		padding: 15px 0;
		font-size: 34px;
		line-height: 40px;
		color: #fff;
		text-align: center;
		position: relative;
	}
	.t_main_inner div p:before,
	.t_main_inner div p:after {
		content: "";
		width: 330px;
		height: 70px;
		box-sizing: border-box;
		border: 1px solid #fff;
		position: absolute;
	}
	.t_main_inner div p:before {
		left: -4px;
		bottom: -4px;
	}
	.t_main_inner div p:after {
		top: -4px;
		right: -4px;
	}
	.t_main_inner div h2 {
		margin: 0 0 20px 0;
		font-size: 120px;
		line-height: 130px;
		color: #fff;
		letter-spacing: 3px;
	}
	.t_main_inner ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		width: 470px;
	}
	.t_main_inner ul a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 10px;
		width: 150px;
		height: 50px;
		box-sizing: border-box;
		padding: 0 10px 0 0;
		border-radius: 5px;
		font-size: 14px;
		line-height: 18px;
		transition: all 0.3s;
	}
	.t_main_inner ul a svg {
		transition: all 0.3s;
	}
	.t_main_inner ul li:nth-child(1) a {
		background: #1ed760;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.t_main_inner ul li:nth-child(1) a svg {
		fill: #FFF;
	}
	.t_main_inner ul li:nth-child(1) a:hover {
		background: #FFF;
		border: 1px solid #1ed760;
		color: #1ed760;
	}
	.t_main_inner ul li:nth-child(1) a:hover svg {
		fill: #1ed760;
	}
	.t_main_inner ul li:nth-child(2) a {
		background: #fa243c;
		border: 1px solid #FFF;
		color: #fff;
	}
	.t_main_inner ul li:nth-child(2) a svg {
		fill: #fff;
	}
	.t_main_inner ul li:nth-child(2) a:hover {
		background: #FFF;
		border: 1px solid #fa243c;
		color: #fa243c;
	}
	.t_main_inner ul li:nth-child(2) a:hover svg {
		fill: #fa243c;
	}
	.t_main_inner ul li:nth-child(3) a {
		background: #1da0c3;
		border: 1px solid #FFF;
		color: #fff;
	}
	.t_main_inner ul li:nth-child(3) a svg {
		fill: #fff;
	}
	.t_main_inner ul li:nth-child(3) a:hover {
		background: #FFF;
		border: 1px solid #1da0c3;
		color: #1da0c3;
	}
	.t_main_inner ul li:nth-child(3) a:hover svg {
		fill: #1da0c3;
	}
	.t_main_inner ul li:nth-child(4) a {
		background: #FFF;
		border: 1px solid #fc4d50;
		color: #fc4d50;
	}
	.t_main_inner ul li:nth-child(4) a svg {
		fill: #fc4d50;
	}
	.t_main_inner ul li:nth-child(4) a:hover {
		background: #fc4d50;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.t_main_inner ul li:nth-child(4) a:hover svg {
		fill: #FFF;
	}
	.t_main_inner ul li:nth-child(5) a {
		padding: 0;
		background: #333;
		border: 1px solid #FFF;
		color: #fff;
	}
	.t_main_inner ul li:nth-child(5) a:hover {
		background: #FFF;
		border: 1px solid #333;
		color: #333;
	}
	/* release */
	#t_rel {
		width: 1100px;
		margin: 0 auto 120px auto;
	}
	.t_rel_tl {
		display: flex;
		justify-content: space-between;
		margin: 0 0 30px 0;
	}
	.t_rel_tl .t_btn_more {
		border: 1px solid #ff47d6;
	}
	.t_rel_tl .t_btn_more:before {
		background: #ff47d6;
	}
	.t_rel_tl .t_btn_more .t_btn_more_inner:before {
		background: #ff47d6;
	}
	.t_rel_tl .t_btn_more:hover:before {
		background: #FFF;
	}
	.t_rel_tl .t_btn_more:hover:after {
		border-top: 2px solid #ff47d6;
		border-right: 2px solid #ff47d6;
	}
	#t_rel ul {
		display: flex;
		flex-wrap: wrap;
		gap: 45px 33.33px;
	}
	#t_rel ul li {
		position: relative;
	}
	#t_rel ul li div {
		width: 250px;
		height: 250px;
		overflow: hidden;
		margin: 0 0 10px 0;
	}
	#t_rel ul li div img {
		transition: all 0.3s;
	}
	#t_rel ul li a:hover div img {
		transform: scale(1.1, 1.1);
		opacity: 0.8;
	}
	#t_rel ul li a p {
		display: flex;
		align-items: center;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 0.45px;
	}
	#t_rel ul li a p span:first-letter {
		color: #0000ff;
	}
	#t_rel ul li a p:before {
		content: "";
		width: 100%;
		height: 1px;
		margin: 0 10px 0 0;
		background: #333333;
	}
	#t_rel ul li:last-child:before {
		content: "";
		width: 78px;
		height: 52px;
		background: url(../img/top/icon_new.png);
		position: absolute;
		z-index: 1;
		top: -18px;
		left: -15px;
	}
	/* about */
	#t_ab_wrap {
		margin: 0 0 160px 0;
	}
	#t_ab,
	#t_ab_01 {
		width: 100%;
		height: 600px;
		position: relative;
	}
	#t_ab:before {
		content: "";
		width: 100%;
		height: 100%;
		background: url(../img/top/monitor-bg.png);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	}
	#t_ab:after {
		content: "";
		width: 100%;
		height: 100%;
		background: RGBA(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.t_ab_01_box {
		width: 1100px;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 155px 0 0 0;
		color: #fff;
		text-align: center;
		position: relative;
		z-index: 4;
	}
	.t_ab_01_box h2 {
		margin: 0 0 40px 0;
	}
	.t_ab_01_txt {
		margin: 0 0 25px 0;
		font-size: 24px;
		line-height: 40px;
		font-weight: bold;
		letter-spacing: 0.6px;
	}
	.t_ab_01_txt span {
		color: #70e6ff;
	}
	.t_ab_01_mail {
		width: 330px;
		margin: 0 auto;
		padding: 10px 0;
		border-radius: 3px;
		background: #ff47d6;
		font-size: 18px;
		line-height: 20px;
		letter-spacing: 0.45px;
	}
	#t_ab_logo {
		margin: auto;
		fill: #fff;
		opacity: 0.15;
		position: absolute;
		top: 5px;
		right: 20px;
		z-index: -1;
	}
	.t_ab_02 {
		padding: 140px 0 0 0;
		position: relative;
	}
	.t_ab_02:before {
		content: "";
		width: 3px;
		height: 200px;
		background: linear-gradient(#70e6ff, #ff47d6);
		position: absolute;
		left: 0;
		right: 0;
		top: -100px;
		margin: auto;
		z-index: 10;
	}
	.t_ab_02 p {
		margin: 0 0 35px 0;
		font-size: 24px;
		line-height: 45px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 1.2px;
	}
	.t_ab_02 p span {
		position: relative;
	}
	.t_ab_02 p span:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 3px;
		width: 0%;
		height: 5px;
		background: #70e6ff;
		z-index: -1;
		transition: all 0.8s;
		transition-delay: 0.5s;
	}
	.t_ab_02 p span.fade_line:after {
		width: 100%;
	}
	.t_ab_02 .t_btn_more {
		margin: 0 auto;
	}
	.t_ab_02 .t_btn_more {
		border: 1px solid #ff47d6;
	}
	.t_ab_02 .t_btn_more:before {
		background: #ff47d6;
	}
	.t_ab_02 .t_btn_more .t_btn_more_inner:before {
		background: #ff47d6;
	}
	.t_ab_02 .t_btn_more:hover:before {
		background: #FFF;
	}
	.t_ab_02 .t_btn_more:hover:after {
		border-top: 2px solid #ff47d6;
		border-right: 2px solid #ff47d6;
	}
	/* playlist */
	#t_pl {
		width: 1100px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 5px;
		border: 4px solid #fffe00;
		position: relative;
	}
	#t_pl:before,
	#t_pl:after {
		content: "";
		box-sizing: border-box;
		width: 65px;
		height: 65px;
		border: 65px solid transparent;
		border-left: 65px solid #fffe00;
		position: absolute;
	}
	#t_pl:before {
		bottom: -65px;
		left: -65px;
		transform: rotate(-225deg);
	}
	#t_pl:after {
		top: -65px;
		right: -65px;
		transform: rotate(315deg);
	}
	.t_pl_inner {
		box-sizing: border-box;
		padding: 45px;
		border: 2px solid #fffe00;
		position: relative;
	}
	.t_pl_inner:before,
	.t_pl_inner:after {
		content: "";
		width: 80px;
		height: 80px;
		position: absolute;
		z-index: 2;
	}
	.t_pl_inner:before {
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
		bottom: 0;
		left: 0;
	}
	.t_pl_inner:after {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		top: 0;
		right: 0;
	}
	#t_pl h2 {
		margin: 0 0 25px 0;
	}
	.t_pl_box {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.t_pl_box img {
		width: 450px;
	}
	.t_pl_spotify {
		display: block;
		width: 480px;
		box-sizing: border-box;
		margin: 0 0 20px 0;
		padding: 35px 0 20px 45px;
		border: 3px solid #70e6ff;
		border-radius: 5px;
		position: relative;
	}
	.t_pl_spotify:before {
		content: "";
		position: absolute;
		top: 70px;
		left: -24px;
		margin-top: -12px;
		border: 12px solid transparent;
		border-right: 12px solid #FFF;
		z-index: 2;
	}
	.t_pl_spotify:after {
		content: "";
		position: absolute;
		top: 70px;
		left: -30px;
		margin-top: -14px;
		border: 14px solid transparent;
		border-right: 14px solid #70e6ff;
		z-index: 1;
	}
	.t_pl_spotify p {
		margin: 0 0 15px 0;
		font-size: 26px;
		line-height: 42px;
		font-weight: bold;
		letter-spacing: 2.6px;
	}
	.t_pl_spotify p span {
		font-size: 28px;
		color: #484848;
	}
	.t_pl_spotify .t_btn_more svg {
		width: 22px;
		margin: 0 0 0 10px;
		fill: #333;
	}
	.t_pl_spotify .t_btn_more {
		margin: 0 0 0 210px;
		border: 1px solid #1ed760;
	}
	.t_pl_spotify .t_btn_more .t_btn_more_inner {
		justify-content: flex-start;
		gap: 0 13px;
	}
	.t_pl_spotify .t_btn_more:before {
		background: #1ed760;
	}
	.t_pl_spotify .t_btn_more .t_btn_more_inner:before {
		background: #1ed760;
	}
	.t_pl_spotify .t_btn_more:hover svg {
		fill: #FFF;
	}
	.t_pl_spotify .t_btn_more:hover:before {
		background: #FFF;
	}
	.t_pl_spotify .t_btn_more:hover:after {
		border-top: 2px solid #1ed760;
		border-right: 2px solid #1ed760;
	}
	.t_pl_discord {
		display: block;
		width: 480px;
		box-sizing: border-box;
		padding: 25px 0 20px 45px;
		border: 3px solid #ff47d6;
		border-radius: 5px;
		position: relative;
	}
	.t_pl_discord p {
		margin: 0 0 15px 0;
		font-size: 20px;
		line-height: 36px;
		font-weight: bold;
		letter-spacing: 2px;
	}
	.t_pl_discord p span {
		font-size: 22px;
		color: #484848;
	}
	.t_pl_discord .t_btn_more .t_pl_discord_icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		margin: 0 0 0 10px;
		border-radius: 50%;
		background: #333;
	}
	.t_pl_discord .t_btn_more svg {
		width: 14px;
		fill: #FFF;
	}
	.t_pl_discord .t_btn_more {
		margin: 0 0 0 210px;
		border: 1px solid #5865f2;
	}
	.t_pl_discord .t_btn_more .t_btn_more_inner {
		justify-content: flex-start;
		gap: 0 7px;
		letter-spacing: 0;
	}
	.t_pl_discord .t_btn_more:before {
		background: #5865f2;
	}
	.t_pl_discord .t_btn_more:hover .t_pl_discord_icon {
		background: #FFF;
	}
	.t_pl_discord .t_btn_more:hover svg {
		fill: #5865f2;
	}
	.t_pl_discord .t_btn_more .t_btn_more_inner:before {
		background: #5865f2;
	}
	.t_pl_discord .t_btn_more:hover:before {
		background: #FFF;
	}
	.t_pl_discord .t_btn_more:hover:after {
		border-top: 2px solid #5865f2;
		border-right: 2px solid #5865f2;
	}
	/* 2024 new_top */
	#re_t_main {
		width: 100%;
		background: #0000ff;
	}
	#re_t_main h1 {
		width: 100%;
		max-width: 1500px;
		height: 650px;
		margin: 0 auto;
	}
	#re_t_main h1 picture,
	#re_t_main h1 img {
		display: block;
		width: 100%;
		height: 650px;
		object-fit: contain;
	}
	#re_t_shop {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-end;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 140px 0;
		padding: 12px 12px;
		background: #0000ff;
		position: relative;
	}
	#re_t_shop:before {
		content: "";
		width: 100%;
		height: 5px;
		background: #FFF;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	#re_t_shop ul {
		display: flex;
		gap: 0 12px;
		background: #FFF;
		padding: 15px 15px;
		border-radius: 5px;
		position: relative;
		z-index: 2;
	}
	#re_t_shop ul a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 10px;
		width: 150px;
		height: 50px;
		box-sizing: border-box;
		padding: 0 10px 0 0;
		border-radius: 5px;
		font-size: 14px;
		line-height: 18px;
		transition: all 0.3s;
	}
	#re_t_shop ul a svg {
		transition: all 0.3s;
	}
	#re_t_shop ul li:nth-child(1) a {
		background: #1ed760;
		border: 1px solid #FFF;
		color: #FFF;
	}
	#re_t_shop ul li:nth-child(1) a svg {
		fill: #FFF;
	}
	#re_t_shop ul li:nth-child(1) a:hover {
		background: #FFF;
		border: 1px solid #1ed760;
		color: #1ed760;
	}
	#re_t_shop ul li:nth-child(1) a:hover svg {
		fill: #1ed760;
	}
	#re_t_shop ul li:nth-child(2) a {
		background: #fa243c;
		border: 1px solid #FFF;
		color: #fff;
	}
	#re_t_shop ul li:nth-child(2) a svg {
		fill: #fff;
	}
	#re_t_shop ul li:nth-child(2) a:hover {
		background: #FFF;
		border: 1px solid #fa243c;
		color: #fa243c;
	}
	#re_t_shop ul li:nth-child(2) a:hover svg {
		fill: #fa243c;
	}
	#re_t_shop ul li:nth-child(3) a {
		background: #ff0000;
		border: 1px solid #FFF;
		color: #fff;
	}
	#re_t_shop ul li:nth-child(3) a svg {
		fill: #fff;
	}
	#re_t_shop ul li:nth-child(3) a:hover {
		background: #FFF;
		border: 1px solid #ff0000;
		color: #ff0000;
	}
	#re_t_shop ul li:nth-child(3) a:hover svg {
		fill: #ff0000;
	}
	#re_t_shop ul li:nth-child(4) a {
		background: #FFF;
		border: 1px solid #fc4d50;
		color: #fc4d50;
	}
	#re_t_shop ul li:nth-child(4) a svg {
		fill: #fc4d50;
	}
	#re_t_shop ul li:nth-child(4) a:hover {
		background: #fc4d50;
		border: 1px solid #FFF;
		color: #FFF;
	}
	#re_t_shop ul li:nth-child(4) a:hover svg {
		fill: #FFF;
	}
	#re_t_shop ul li:nth-child(5) a {
		padding: 0;
		background: #333;
		border: 1px solid #FFF;
		color: #fff;
	}
	#re_t_shop ul li:nth-child(5) a:hover {
		background: #FFF;
		border: 1px solid #333;
		color: #333;
	}
	#re_t_ab_wrap {
		width: 1200px;
		margin: 0 auto 100px auto;
		padding: 0 0 25px 0;
		font-family: toppan-bunkyu-midashi-go-std, sans-serif;
		position: relative;
	}
	#re_t_ab_wrap:before {
		content: "";
		display: block;
		width: 666px;
		height: 251px;
		background: url(/img/top/re/ab_img.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	#re_t_ab_wrap h2 {
		margin: 0 0 40px 0;
		font-size: 45px;
		line-height: 90px;
		letter-spacing: 0.05em;
	}
	#re_t_ab_wrap h2 span.re_t_ab_b,
	#re_t_ab_wrap h2 span.re_t_ab_p {
		display: inline-block;
		padding: 0 25px;
	}
	#re_t_ab_wrap h2 span.re_t_ab_b {
		margin: 0 70px 0 0;
		color: #0000ff;
		border: 5px solid #0000ff;
		position: relative;
	}
	#re_t_ab_wrap h2 span.re_t_ab_b:after {
		content: "";
		display: block;
		width: 36px;
		height: 36px;
		margin: auto;
		background: url(/img/top/re/ab_x.png);
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -58px;
	}
	#re_t_ab_wrap h2 span.re_t_ab_p {
		color: #ff47d6;
		border: 5px solid #ff47d6;
	}
	#re_t_ab_wrap p {
		margin: 0 0 50px 10px;
		font-size: 20px;
		line-height: 36px;
		font-weight: bold;
		letter-spacing: 0.05em;
	}
	#re_t_ab_wrap .t_btn_more {
		margin: 0 0 0 10px;
		border: 1px solid #ff47d6;
	}
	#re_t_ab_wrap .t_btn_more:before {
		background: #ff47d6;
	}
	#re_t_ab_wrap .t_btn_more .t_btn_more_inner:before {
		background: #ff47d6;
	}
	#re_t_ab_wrap .t_btn_more:hover:before {
		background: #FFF;
	}
	#re_t_ab_wrap .t_btn_more:hover:after {
		border-top: 2px solid #ff47d6;
		border-right: 2px solid #ff47d6;
	}
}
@media only screen and (min-width:750px) and (max-width:1199px) {
	/* main */
	.t_main_inner {
		height: 700px;
		box-sizing: border-box;
		padding-left: 30px;
		padding-right: 30px;
	}
	.t_main_inner div {
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 5;
	}
	.t_main_inner picture {
		width: 750px;
	}
	#t_rel {
		width: 90%;
		margin: 0 auto 70px auto;
	}
	#t_rel ul {
		gap: 25px 4%;
	}
	#t_rel li {
		width: 22%;
	}
	#t_rel li a {
		width: 100%;
	}
	#t_rel li a div {
		width: 100%;
		height: auto;
	}
	#t_rel ul li a:hover div img {
		transform: scale(1.0, 1.0);
	}
	.t_ab_01_box {
		width: 90%;
	}
	#t_ab_logo {
		width: 100%;
	}
	/* playlist */
	#t_pl {
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 5px;
		border: 4px solid #ffff00;
		position: relative;
		overflow: hidden;
	}
	.t_pl_box img {
		width: calc(100% - 520px);
	}
}