@media only screen and (min-width:750px) {
	/* main */
	.ar_main {
		width: 100%;
	}
	.ar_main_inner {
		display: flex;
		align-items: center;
		width: 1100px;
		height: 700px;
		margin: 0 auto;
	}
	.ar_main_inner div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 550px;
		padding: 0 0 50px 0;
	}
	.ar_main_inner picture {
		position: relative;
		z-index: 2;
	}
	.ar_main_num {
		margin: 0 0 25px 0;
		position: relative;
		z-index: 2;
	}
	.ar_main_num svg {
		position: absolute;
		top: -12px;
		left: -22px;
		z-index: -1;
	}
	.ar_main_num,
	.ar_main_date {
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 1.8px;
	}
	.ar_main_inner div h1 {
		margin: 0 0 25px 0;
		font-size: 100px;
		line-height: 110px;
		letter-spacing: 2.5px;
	}
	/* shoplink */
	.ar_link {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin: 0 0 95px 0;
		padding: 25px 0;
	}
	.ar_link 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;
	}
	.ar_link a svg {
		transition: all 0.3s;
	}
	.ar_link li:nth-child(1) a {
		background: #1ed760;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.ar_link li:nth-child(1) a svg {
		fill: #FFF;
	}
	.ar_link li:nth-child(1) a:hover {
		background: #FFF;
		border: 1px solid #1ed760;
		color: #1ed760;
	}
	.ar_link li:nth-child(1) a:hover svg {
		fill: #1ed760;
	}
	.ar_link li:nth-child(2) a {
		background: #fa243c;
		border: 1px solid #FFF;
		color: #fff;
	}
	.ar_link li:nth-child(2) a svg {
		fill: #fff;
	}
	.ar_link li:nth-child(2) a:hover {
		background: #FFF;
		border: 1px solid #fa243c;
		color: #fa243c;
	}
	.ar_link li:nth-child(2) a:hover svg {
		fill: #fa243c;
	}
	.ar_link li:nth-child(3) a {
		background: #1da0c3;
		border: 1px solid #FFF;
		color: #fff;
	}
	.ar_link li:nth-child(3) a svg {
		fill: #fff;
	}
	.ar_link li:nth-child(3) a:hover {
		background: #FFF;
		border: 1px solid #1da0c3;
		color: #1da0c3;
	}
	.ar_link li:nth-child(3) a:hover svg {
		fill: #1da0c3;
	}
	.ar_link li:nth-child(4) a {
		background: #FFF;
		border: 1px solid #fc4d50;
		color: #fc4d50;
	}
	.ar_link li:nth-child(4) a svg {
		fill: #fc4d50;
	}
	.ar_link li:nth-child(4) a:hover {
		background: #fc4d50;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.ar_link li:nth-child(4) a:hover svg {
		fill: #FFF;
	}
	.ar_link li:nth-child(5) a {
		padding: 0;
		background: #333;
		border: 1px solid #FFF;
		color: #fff;
	}
	.ar_link li:nth-child(5) a:hover {
		background: #FFF;
		border: 1px solid #333;
		color: #333;
	}
	.ar_link li:nth-child(6) a {
		padding: 0 0 0 10px;
		border: 1px solid #FFF;
		font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Arial';
		color: #fff;
	}
	.ar_link li:nth-child(6) a svg {
		fill: #FFF;
	}
	/* tracklist */
	#ar_track div {
		width: 800px;
		box-sizing: border-box;
		margin: 0 auto 95px auto;
		padding: 60px 50px 70px 50px;
		background: RGBA(255, 255, 255, 0.7);
		position: relative;
	}
	#ar_track h2 {
		margin: 0 0 60px 0;
	}
	#ar_track ul li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-family: 'Ubuntu', '游ゴシック', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Arial';
		font-weight: bold;
	}
	#ar_track ul li:not(:last-child) {
		margin: 0 0 35px 0;
	}
	#ar_track ul li .ar_track_title {
		font-size: 24px;
		line-height: 30px;
		letter-spacing: 0.6px;
	}
	#ar_track ul li .ar_track_title span {
		margin: 0 10px 0 0;
		font-size: 20px;
		letter-spacing: 0.5px;
	}
	#ar_track ul li .sr_track_name {
		font-size: 18px;
		line-height: 20px;
		letter-spacing: 0.45px;
	}
	#ar_track ul li.ar_track_noflex .sr_track_name {
		text-align: right;
	}
	/** artist **/
	#ar_artist {
		width: 1100px;
		margin: 0 auto 100px auto;
		padding: 30px 0 0 0;
		position: relative;
	}
	#ar_artist h2 {
		margin: 0 0 25px 0;
		position: relative;
		z-index: 2;
	}
	.l-inner {
		display: flex;
		box-sizing: border-box;
	}
	.sc_slide .swiper {
		width: 800px;
		height: 400px;
		box-sizing: border-box;
		padding: 0 0 0 80px;
		background: #f5f5f5;
		position: absolute;
		top: 0;
		right: 20px;
	}
	.sc_slide .swiper:after {
		content: "";
		width: 800px;
		height: 400px;
		background: url(/archive/motto06/img/artist_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.swiper-slide {
		transition-property: opacity !important;
	}
	.sc_slide .swiper-wrapper .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.sc_slide .swiper-slide ul {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 40px;
		width: 100%;
	}
	.sc_slide .swiper-slide ul li {
		width: 220px;
		padding: 13px 0 0 0;
		position: relative;
	}
	.sc_slide .swiper-slide ul li .ar_artist_role {
		font-family: 'Ubuntu', sans-serif;
		font-size: 16px;
		line-height: 16px;
		letter-spacing: 0.8px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.sc_slide .swiper-slide ul li div {
		width: 220px;
		height: 220px;
		margin: 0 0 10px 0;
	}
	.sc_slide .swiper-slide ul li div img {
		width: 220px;
		height: 220px;
		object-fit: cover;
	}
	.sc_slide .swiper-slide ul li .ar_artist_name {
		font-size: 18px;
		line-height: 22px;
		font-weight: bold;
		letter-spacing: 0.9px;
	}
	.sc_slide .swiper-slide ul li .ar_artist_name::first-letter {
		color: #ff47d6;
	}
	.thumb-wrapper {
		width: 360px;
		position: relative;
		z-index: 2;
	}
	.thumb-wrapper li {
		box-sizing: border-box;
		background: #FFF;
		padding: 10px 0;
		border-radius: 5px;
		font-family: 'Ubuntu', '游ゴシック', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Arial';
		font-size: 19px;
		line-height: 24px;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		transition: all 0.3s;
	}
	.thumb-wrapper li:not(:last-child) {
		margin: 0 0 8px 0;
	}
	.thumb-wrapper li span {
		margin: 0 7px 0 0;
		font-size: 17px;
	}
	/* 3名参加楽曲用CSS */
	.sc_slide03 {
		gap: 0 20px !important;
	}
	.sc_slide03 li {
		width: 180px !important;
	}
	.sc_slide03 li div {
		width: 180px !important;
		height: 180px !important;
	}
	.sc_slide03 li div img {
		width: 180px !important;
		height: 180px !important;
	}
	.sc_slide03 .ar_artist_name {
		font-size: 16px !important;
		letter-spacing: 0.8px !important;
	}
	/* xfd */
	#sr_xfd {
		width: 1100px;
		margin: 0 auto;
		padding: 0 0 280px 0;
	}
	#sr_xfd h2 {
		margin: 0 0 60px 0;
	}
	#sr_xfd div {
		width: 900px;
		margin: 0 auto;
		position: relative;
	}
	/* floatbtn */
	.fl_shop_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		position: fixed;
		bottom: 220px;
		right: 20px;
	}
	/* motto01 */
	.ar_m01 {
		position: relative;
	}
	.ar_m01 .ar_main {
		background: #f0aaac;
	}
	.ar_m01 .ar_main h1 {
		font-size: 90px;
		line-height: 100px;
	}
	.ar_m01 .ar_main_num svg {
		fill: #aee5e1;
	}
	.ar_m01 .ar_main_inner div {
		color: #fff;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
	}
	.ar_m01 .ar_main_inner picture:before {
		content: "";
		width: 550px;
		height: 550px;
		background: url(/archive/motto01/img/main_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_m01 .ar_link {
		background: #aee5e1;
	}
	.ar_m01 .ar_link li:nth-child(6) a {
		background: #f0aaac;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.ar_m01 .ar_link li:nth-child(6) a svg {
		fill: #FFF;
	}
	.ar_m01 .ar_link li:nth-child(6) a:hover {
		background: #FFF;
		color: #f0aaac;
		border: 1px solid #f0aaac;
	}
	.ar_m01 .ar_link li:nth-child(6) a:hover svg {
		fill: #f0aaac;
	}
	.ar_m01 #ar_track div {
		border: 3px solid #f0aaac;
	}
	.ar_m01 #ar_track div:before {
		content: "";
		width: 160px;
		height: 160px;
		background: url(/archive/motto01/img/tr_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: -1;
	}
	.ar_m01 #ar_track div:after {
		content: "";
		width: 372px;
		height: 696px;
		background: url(/archive/motto01/img/tr_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: -1;
	}
	.ar_m01 #ar_track ul li {
		color: #f0aaac;
	}
	.ar_m01 .sc_slide .swiper-slide ul li div {
		border: 1px solid #f0aaac;
	}
	.ar_m01 .thumb-wrapper li {
		color: #f0aaac;
		border: 1px solid #f0aaac;
	}
	.ar_m01 .thumb-media-active {
		background: #f0aaac;
		color: #FFF !important;
	}
	.ar_m01 .sc_slide .swiper-slide ul li .ar_artist_role {
		color: #f0aaac;
	}
	.ar_m01 .sc_slide .swiper-slide ul li .ar_artist_name::first-letter {
		color: #f0aaac;
	}
	.ar_m01 #sr_xfd div:before {
		content: "";
		width: 352px;
		height: 352px;
		background: url(/archive/motto01/img/xfd_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -110px;
		right: -165px;
		z-index: -1;
	}
	.ar_m01 #sr_xfd div:after {
		content: "";
		width: 732px;
		height: 456px;
		background: url(/archive/motto01/img/xfd_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -285px;
		left: -210px;
		z-index: -1;
	}
	.ar_m01 #sr_xfd div iframe {
		border: 3px solid #aee5e1;
	}
	.ar_m01 .fl_shop_btn {
		background: #f0aaac;
		border: 2px solid #FFF;
		transition: box-shadow 0.3s;
	}
	.ar_m01 .fl_shop_btn svg .cls-2 {
		stroke: #FFF;
	}
	.ar_m01 .fl_shop_btn:before,
	.ar_m01 .fl_shop_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #f0aaac;
		border-radius: 50%;
		box-sizing: border-box;
		pointer-events: none;
	}
	.ar_m01 .fl_shop_btn:hover {
		box-shadow: 0 0 20px #f0aaac;
	}
	.ar_m01 .fl_shop_btn:hover:before,
	.ar_m01 .fl_shop_btn:hover:after {
		animation: pulsate 2s linear infinite;
	}
	.ar_m01 .fl_shop_btn:hover:after {
		animation-delay: 1s;
	}
	@keyframes pulsate {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(2);
			opacity: 0;
		}
	}
	/* motto02 */
	.ar_m02 {
		position: relative;
	}
	.ar_m02 .ar_main {
		background: #0f499b;
	}
	.ar_m02 .ar_main_num svg {
		fill: #e7c6d5;
	}
	.ar_m02 .ar_main_inner div {
		color: #fff;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
	}
	.ar_m02 .ar_main_inner picture:before {
		content: "";
		width: 550px;
		height: 550px;
		background: url(/archive/motto02/img/main_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_m02 .ar_link {
		background: #e7c6d5;
	}
	.ar_m02 .ar_link li:nth-child(6) a {
		background: #0f499b;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.ar_m02 .ar_link li:nth-child(6) a svg {
		fill: #FFF;
	}
	.ar_m02 .ar_link li:nth-child(6) a:hover {
		background: #FFF;
		color: #0f499b;
		border: 1px solid #0f499b;
	}
	.ar_m02 .ar_link li:nth-child(6) a:hover svg {
		fill: #0f499b;
	}
	.ar_m02 #ar_track div {
		border: 3px solid #0f499b;
	}
	.ar_m02 #ar_track div:before {
		content: "";
		width: 160px;
		height: 160px;
		background: url(/archive/motto02/img/tr_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: -1;
	}
	.ar_m02 #ar_track div:after {
		content: "";
		width: 372px;
		height: 696px;
		background: url(/archive/motto02/img/tr_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: -1;
	}
	.ar_m02 #ar_track ul li {
		color: #0f499b;
	}
	.ar_m02 .sc_slide .swiper-slide ul li div {
		border: 1px solid #0f499b;
	}
	.ar_m02 .thumb-wrapper li {
		color: #0f499b;
		border: 1px solid #0f499b;
	}
	.ar_m02 .thumb-media-active {
		background: #0f499b;
		color: #FFF !important;
	}
	.ar_m02 .sc_slide .swiper-slide ul li .ar_artist_role {
		color: #0f499b;
	}
	.ar_m02 .sc_slide .swiper-slide ul li .ar_artist_name::first-letter {
		color: #0f499b;
	}
	.ar_m02 #sr_xfd div:before {
		content: "";
		width: 352px;
		height: 352px;
		background: url(/archive/motto02/img/xfd_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -110px;
		right: -165px;
		z-index: -1;
	}
	.ar_m02 #sr_xfd div:after {
		content: "";
		width: 732px;
		height: 456px;
		background: url(/archive/motto02/img/xfd_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -285px;
		left: -210px;
		z-index: -1;
	}
	.ar_m02 #sr_xfd div iframe {
		border: 3px solid #e7c6d5;
	}
	.ar_m02 .fl_shop_btn {
		background: #0f499b;
		border: 2px solid #FFF;
		transition: box-shadow 0.3s;
	}
	.ar_m02 .fl_shop_btn svg .cls-2 {
		stroke: #FFF;
	}
	.ar_m02 .fl_shop_btn:before,
	.ar_m02 .fl_shop_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #0f499b;
		border-radius: 50%;
		box-sizing: border-box;
		pointer-events: none;
	}
	.ar_m02 .fl_shop_btn:hover {
		box-shadow: 0 0 20px #0f499b;
	}
	.ar_m02 .fl_shop_btn:hover:before,
	.ar_m02 .fl_shop_btn:hover:after {
		animation: pulsate 2s linear infinite;
	}
	.ar_m02 .fl_shop_btn:hover:after {
		animation-delay: 1s;
	}
	@keyframes pulsate {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(2);
			opacity: 0;
		}
	}
	/* motto03 */
	.ar_m03 {
		position: relative;
	}
	.ar_m03 .ar_main {
		background: #fff100;
	}
	.ar_m03 .ar_main_num svg {
		fill: #fe6792;
	}
	.ar_m03 .ar_main_inner div {
		color: #333;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
	}
	.ar_m03 .ar_main_inner picture:before {
		content: "";
		width: 550px;
		height: 550px;
		background: url(/archive/motto03/img/main_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_m03 .ar_link {
		background: #fe6792;
	}
	.ar_m03 #ar_track div {
		border: 3px solid #fe6792;
	}
	.ar_m03 #ar_track div:before {
		content: "";
		width: 160px;
		height: 160px;
		background: url(/archive/motto03/img/tr_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: -1;
	}
	.ar_m03 #ar_track div:after {
		content: "";
		width: 372px;
		height: 696px;
		background: url(/archive/motto03/img/tr_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: -1;
	}
	.ar_m03 #ar_track ul li {
		color: #fe6792;
	}
	.ar_m03 .sc_slide .swiper-slide ul li div {
		border: 1px solid #fe6792;
	}
	.ar_m03 .thumb-wrapper li {
		color: #fe6792;
		border: 1px solid #fe6792;
	}
	.ar_m03 .thumb-media-active {
		background: #fe6792;
		color: #FFF !important;
	}
	.ar_m03 .sc_slide .swiper-slide ul li .ar_artist_role {
		color: #fe6792;
	}
	.ar_m03 #sr_xfd div:before {
		content: "";
		width: 352px;
		height: 352px;
		background: url(/archive/motto03/img/xfd_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -110px;
		right: -165px;
		z-index: -1;
	}
	.ar_m03 #sr_xfd div:after {
		content: "";
		width: 732px;
		height: 456px;
		background: url(/archive/motto03/img/xfd_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -285px;
		left: -210px;
		z-index: -1;
	}
	.ar_m03 #sr_xfd div iframe {
		border: 3px solid #fff100;
	}
	.ar_m03 .fl_shop_btn {
		background: #fff100;
		border: 2px solid #FFF;
		transition: box-shadow 0.3s;
	}
	.ar_m03 .fl_shop_btn svg .cls-2 {
		stroke: #000;
	}
	.ar_m03 .fl_shop_btn:before,
	.ar_m03 .fl_shop_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #fff100;
		border-radius: 50%;
		box-sizing: border-box;
		pointer-events: none;
	}
	.ar_m03 .fl_shop_btn:hover {
		box-shadow: 0 0 20px #fff100;
	}
	.ar_m03 .fl_shop_btn:hover:before,
	.ar_m03 .fl_shop_btn:hover:after {
		animation: pulsate 2s linear infinite;
	}
	.ar_m03 .fl_shop_btn:hover:after {
		animation-delay: 1s;
	}
	@keyframes pulsate {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(2);
			opacity: 0;
		}
	}
	/* motto04 */
	.ar_m04 {
		position: relative;
	}
	.ar_m04 .ar_main {
		background: #7be1d5;
	}
	.ar_m04 .ar_main_num svg {
		fill: #ffa9ad;
	}
	.ar_m04 .ar_main_inner div {
		color: #fff;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
	}
	.ar_m04 .ar_main_inner picture:before {
		content: "";
		width: 550px;
		height: 550px;
		background: url(/archive/motto04/img/main_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_m04 .ar_link {
		background: #ffa9ad;
	}
	.ar_m04 .ar_link li:nth-child(6) a {
		background: #7be1d5;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.ar_m04 .ar_link li:nth-child(6) a svg {
		fill: #FFF;
	}
	.ar_m04 .ar_link li:nth-child(6) a:hover {
		background: #FFF;
		color: #7be1d5;
		border: 1px solid #7be1d5;
	}
	.ar_m04 .ar_link li:nth-child(6) a:hover svg {
		fill: #7be1d5;
	}
	.ar_m04 #ar_track div {
		border: 3px solid #7be1d5;
	}
	.ar_m04 #ar_track div:before {
		content: "";
		width: 160px;
		height: 160px;
		background: url(/archive/motto04/img/tr_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: -1;
	}
	.ar_m04 #ar_track div:after {
		content: "";
		width: 372px;
		height: 696px;
		background: url(/archive/motto04/img/tr_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: -1;
	}
	.ar_m04 #ar_track ul li {
		color: #7be1d5;
	}
	.ar_m04 .sc_slide .swiper-slide ul li div {
		border: 1px solid #7be1d5;
	}
	.ar_m04 .thumb-wrapper li {
		color: #7be1d5;
		border: 1px solid #7be1d5;
	}
	.ar_m04 .thumb-media-active {
		background: #7be1d5;
		color: #FFF !important;
	}
	.ar_m04 .sc_slide .swiper-slide ul li .ar_artist_role {
		color: #7be1d5;
	}
	.ar_m04 .sc_slide .swiper-slide ul li .ar_artist_name::first-letter {
		color: #7be1d5;
	}
	.ar_m04 #sr_xfd div:before {
		content: "";
		width: 352px;
		height: 352px;
		background: url(/archive/motto04/img/xfd_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -110px;
		right: -165px;
		z-index: -1;
	}
	.ar_m04 #sr_xfd div:after {
		content: "";
		width: 732px;
		height: 456px;
		background: url(/archive/motto04/img/xfd_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -285px;
		left: -210px;
		z-index: -1;
	}
	.ar_m04 #sr_xfd div iframe {
		border: 3px solid #ffa9ad;
	}
	.ar_m04 .fl_shop_btn {
		background: #7be1d5;
		border: 2px solid #FFF;
		transition: box-shadow 0.3s;
	}
	.ar_m04 .fl_shop_btn svg .cls-2 {
		stroke: #FFF;
	}
	.ar_m04 .fl_shop_btn:before,
	.ar_m04 .fl_shop_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #7be1d5;
		border-radius: 50%;
		box-sizing: border-box;
		pointer-events: none;
	}
	.ar_m04 .fl_shop_btn:hover {
		box-shadow: 0 0 20px #7be1d5;
	}
	.ar_m04 .fl_shop_btn:hover:before,
	.ar_m04 .fl_shop_btn:hover:after {
		animation: pulsate 2s linear infinite;
	}
	.ar_m04 .fl_shop_btn:hover:after {
		animation-delay: 1s;
	}
	@keyframes pulsate {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(2);
			opacity: 0;
		}
	}
	/* motto05 */
	.ar_m05 {
		position: relative;
	}
	.ar_m05 .ar_main {
		background: #e6e6e6;
	}
	.ar_m05 .ar_main picture:after {
		content: "";
		width: 100%;
		height: 100%;
		border: 2px solid #FFF;
		position: absolute;
		top: 0;
		left: 0;
	}
	.ar_m05 .ar_main_num svg {
		fill: #ff99bc;
	}
	.ar_m05 .ar_main_inner div {
		color: #fff;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
	}
	.ar_m05 .ar_main_inner picture:before {
		content: "";
		width: 550px;
		height: 550px;
		background: url(/archive/motto05/img/main_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_m05 .ar_link {
		background: #ff99bc;
	}
	.ar_m05 .ar_link li:nth-child(6) a {
		background: #FFF;
		color: #ff99bc;
		border: 1px solid #ff99bc;
	}
	.ar_m05 .ar_link li:nth-child(6) a svg {
		fill: #ff99bc;
	}
	.ar_m05 .ar_link li:nth-child(6) a:hover {
		background: #ff99bc;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.ar_m05 .ar_link li:nth-child(6) a:hover svg {
		fill: #FFF;
	}
	.ar_m05 #ar_track div {
		border: 3px solid #ff99bc;
	}
	.ar_m05 #ar_track div:before {
		content: "";
		width: 160px;
		height: 160px;
		background: url(/archive/motto05/img/tr_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: -1;
	}
	.ar_m05 #ar_track div:after {
		content: "";
		width: 372px;
		height: 696px;
		background: url(/archive/motto05/img/tr_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: -1;
	}
	.ar_m05 #ar_track ul li {
		color: #ff99bc;
	}
	.ar_m05 .sc_slide .swiper-slide ul li div {
		border: 1px solid #ff99bc;
	}
	.ar_m05 .thumb-wrapper li {
		color: #ff99bc;
		border: 1px solid #ff99bc;
	}
	.ar_m05 .thumb-media-active {
		background: #ff99bc;
		color: #FFF !important;
	}
	.ar_m05 .sc_slide .swiper-slide ul li .ar_artist_role {
		color: #ff99bc;
	}
	.ar_m05 .sc_slide .swiper-slide ul li .ar_artist_name::first-letter {
		color: #ff99bc;
	}
	.ar_m05 #sr_xfd div:before {
		content: "";
		width: 352px;
		height: 352px;
		background: url(/archive/motto05/img/xfd_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -110px;
		right: -165px;
		z-index: -1;
	}
	.ar_m05 #sr_xfd div:after {
		content: "";
		width: 732px;
		height: 456px;
		background: url(/archive/motto05/img/xfd_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -285px;
		left: -210px;
		z-index: -1;
	}
	.ar_m05 #sr_xfd div iframe {
		border: 3px solid #b3dad7;
	}
	.ar_m05 .fl_shop_btn {
		background: #ff99bc;
		border: 2px solid #FFF;
		transition: box-shadow 0.3s;
	}
	.ar_m05 .fl_shop_btn svg .cls-2 {
		stroke: #FFF;
	}
	.ar_m05 .fl_shop_btn:before,
	.ar_m05 .fl_shop_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #ff99bc;
		border-radius: 50%;
		box-sizing: border-box;
		pointer-events: none;
	}
	.ar_m05 .fl_shop_btn:hover {
		box-shadow: 0 0 20px #ff99bc;
	}
	.ar_m05 .fl_shop_btn:hover:before,
	.ar_m05 .fl_shop_btn:hover:after {
		animation: pulsate 2s linear infinite;
	}
	.ar_m05 .fl_shop_btn:hover:after {
		animation-delay: 1s;
	}
	@keyframes pulsate {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(2);
			opacity: 0;
		}
	}
	/* motto06 */
	.ar_m06 .ar_main {
		background: #2bb1e7;
	}
	.ar_m06 .ar_main_num svg {
		fill: #92e0ff;
	}
	.ar_m06 .ar_main_inner div {
		color: #fff;
		text-shadow: 2px 2px 0px rgba(54, 101, 120, 0.25);
	}
	.ar_m06 .ar_main_inner picture:before {
		content: "";
		width: 550px;
		height: 550px;
		background: url(/archive/motto06/img/main_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_m06 .ar_link {
		background: #fbfea7;
	}
	.ar_m06 .ar_link li:nth-child(6) a {
		background: #2bb1e7;
	}
	.ar_m06 .ar_link li:nth-child(6) a:hover {
		background: #FFF;
		border: 1px solid #2bb1e7;
		color: #2bb1e7;
	}
	.ar_m06 .ar_link li:nth-child(6) a:hover svg {
		fill: #2bb1e7;
	}
	.ar_m06 #ar_track div {
		border: 3px solid #2bb1e7;
	}
	.ar_m06 #ar_track div:before {
		content: "";
		width: 160px;
		height: 160px;
		background: url(/archive/motto06/img/tr_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: -1;
	}
	.ar_m06 #ar_track div:after {
		content: "";
		width: 372px;
		height: 696px;
		background: url(/archive/motto06/img/tr_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: -1;
	}
	.ar_m06 #ar_track ul li {
		color: #2bb1e7;
	}
	.ar_m06 .sc_slide .swiper-slide ul li div {
		border: 1px solid #2bb1e7;
	}
	.ar_m06 .thumb-wrapper li {
		color: #2bb1e7;
		border: 1px solid #2bb1e7;
	}
	.ar_m06 .thumb-media-active {
		background: #2bb1e7;
		color: #FFF !important;
	}
	.ar_m06 .sc_slide .swiper-slide ul li .ar_artist_role {
		color: #2bb1e7;
	}
	.ar_m06 .sc_slide .swiper-slide ul li .ar_artist_name::first-letter {
		color: #2bb1e7;
	}
	.ar_m06 #sr_xfd div:before {
		content: "";
		width: 352px;
		height: 352px;
		background: url(/archive/motto06/img/xfd_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -110px;
		right: -165px;
		z-index: -1;
	}
	.ar_m06 #sr_xfd div:after {
		content: "";
		width: 732px;
		height: 456px;
		background: url(/archive/motto06/img/xfd_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -285px;
		left: -210px;
		z-index: -1;
	}
	.ar_m06 #sr_xfd div iframe {
		border: 3px solid #ffff00;
	}
	.ar_m06 .fl_shop_btn {
		background: #2bb1e7;
		border: 2px solid #FFF;
		transition: box-shadow 0.3s;
	}
	.ar_m06 .fl_shop_btn svg .cls-2 {
		stroke: #FFF;
	}
	.ar_m06 .fl_shop_btn:before,
	.ar_m06 .fl_shop_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #2bb1e7;
		border-radius: 50%;
		box-sizing: border-box;
		pointer-events: none;
	}
	.ar_m06 .fl_shop_btn:hover {
		box-shadow: 0 0 20px #2bb1e7;
	}
	.ar_m06 .fl_shop_btn:hover:before,
	.ar_m06 .fl_shop_btn:hover:after {
		animation: pulsate 2s linear infinite;
	}
	.ar_m06 .fl_shop_btn:hover:after {
		animation-delay: 1s;
	}
	@keyframes pulsate {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(2);
			opacity: 0;
		}
	}
	/* motto07 */
	.ar_m07 .ar_main {
		background: #e7e7e7;
	}
	.ar_m07 .ar_main_num svg {
		fill: #fffae1;
	}
	.ar_m07 .ar_main_inner div {
		color: #fff;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
	}
	.ar_m07 .ar_main_inner picture:before {
		content: "";
		width: 550px;
		height: 550px;
		background: url(/archive/motto07/img/main_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_m07 .ar_link {
		background: #ffe051;
	}
	.ar_m07 .ar_link li:nth-child(6) a {
		background: #b9b9b9;
	}
	.ar_m07 .ar_link li:nth-child(6) a:hover {
		background: #FFF;
		border: 1px solid #b9b9b9;
		color: #b9b9b9;
	}
	.ar_m07 .ar_link li:nth-child(6) a:hover svg {
		fill: #b9b9b9;
	}
	.ar_m07 #ar_track div {
		border: 3px solid #a5a5a5;
	}
	.ar_m07 #ar_track div:before {
		content: "";
		width: 160px;
		height: 160px;
		background: url(/archive/motto07/img/tr_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: -1;
	}
	.ar_m07 #ar_track div:after {
		content: "";
		width: 372px;
		height: 696px;
		background: url(/archive/motto07/img/tr_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: -1;
	}
	.ar_m07 #ar_track ul li {
		color: #a5a5a5;
	}
	.ar_m07 .sc_slide .swiper-slide ul li div {
		border: 1px solid #a5a5a5;
	}
	.ar_m07 .thumb-wrapper li {
		color: #a5a5a5;
		border: 1px solid #a5a5a5;
	}
	.ar_m07 .thumb-media-active {
		background: #a5a5a5;
		color: #FFF !important;
	}
	.ar_m07 .sc_slide .swiper-slide ul li .ar_artist_role {
		color: #a5a5a5;
	}
	.ar_m07 .sc_slide .swiper-slide ul li .ar_artist_name::first-letter {
		color: #a5a5a5;
	}
	.ar_m07 #sr_xfd div:before {
		content: "";
		width: 352px;
		height: 352px;
		background: url(/archive/motto07/img/xfd_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -110px;
		right: -165px;
		z-index: -1;
	}
	.ar_m07 #sr_xfd div:after {
		content: "";
		width: 732px;
		height: 456px;
		background: url(/archive/motto07/img/xfd_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -285px;
		left: -210px;
		z-index: -1;
	}
	.ar_m07 #sr_xfd div iframe {
		border: 3px solid #ffe051;
	}
	.ar_m07 .fl_shop_btn {
		background: #ffd100;
		border: 2px solid #FFF;
		transition: box-shadow 0.3s;
	}
	.ar_m07 .fl_shop_btn svg .cls-2 {
		stroke: #FFF;
	}
	.ar_m07 .fl_shop_btn:before,
	.ar_m07 .fl_shop_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #ffd100;
		border-radius: 50%;
		box-sizing: border-box;
		pointer-events: none;
	}
	.ar_m07 .fl_shop_btn:hover {
		box-shadow: 0 0 20px #ffd100;
	}
	.ar_m07 .fl_shop_btn:hover:before,
	.ar_m07 .fl_shop_btn:hover:after {
		animation: pulsate 2s linear infinite;
	}
	.ar_m07 .fl_shop_btn:hover:after {
		animation-delay: 1s;
	}
	/* motto08 */
	.ar_m09 .ar_main {
		background: #ffe0f0;
	}
	.ar_m09 .ar_main_num svg {
		fill: #90e6d9;
	}
	.ar_m09 .ar_main_inner div {
		color: #fff;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
	}
	.ar_m09 .ar_main_inner picture:before {
		content: "";
		width: 550px;
		height: 550px;
		background: url(/archive/motto09/img/main_bg.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_m09 .ar_link {
		background: #FFACD8;
	}
	.ar_m09 .ar_link li:nth-child(6) a {
		background: #90e6d9;
	}
	.ar_m09 .ar_link li:nth-child(6) a:hover {
		background: #FFF;
		border: 1px solid #90e6d9;
		color: #90e6d9;
	}
	.ar_m09 .ar_link li:nth-child(6) a:hover svg {
		fill: #90e6d9;
	}
	.ar_m09 #ar_track div {
		border: 3px solid #FFACD8;
	}
	.ar_m09 #ar_track div:before {
		content: "";
		width: 160px;
		height: 160px;
		background: url(/archive/motto09/img/tr_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: -1;
	}
	.ar_m09 #ar_track div:after {
		content: "";
		width: 372px;
		height: 696px;
		background: url(/archive/motto09/img/tr_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -15px;
		left: -15px;
		z-index: -1;
	}
	.ar_m09 #ar_track ul li {
		color: #FFACD8;
	}
	.ar_m09 .sc_slide .swiper-slide ul li div {
		border: 1px solid #FFACD8;
	}
	.ar_m09 .thumb-wrapper li {
		color: #90e6d9;
		border: 1px solid #90e6d9;
	}
	.ar_m09 .thumb-media-active {
		background: #90e6d9;
		color: #FFF !important;
	}
	.ar_m09 .sc_slide .swiper-slide ul li .ar_artist_role {
		color: #FFACD8;
	}
	.ar_m09 .sc_slide .swiper-slide ul li .ar_artist_name::first-letter {
		color: #FFACD8;
	}
	.ar_m09 #sr_xfd div:before {
		content: "";
		width: 352px;
		height: 352px;
		background: url(/archive/motto09/img/xfd_img01.png);
		background-repeat: no-repeat;
		position: absolute;
		top: -110px;
		right: -165px;
		z-index: -1;
	}
	.ar_m09 #sr_xfd div:after {
		content: "";
		width: 732px;
		height: 456px;
		background: url(/archive/motto09/img/xfd_img02.png);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -285px;
		left: -210px;
		z-index: -1;
	}
	.ar_m09 #sr_xfd div iframe {
		border: 3px solid #ffe0f0;
	}
	.ar_m09 .fl_shop_btn {
		background: #FFACD8;
		border: 2px solid #FFF;
		transition: box-shadow 0.3s;
	}
	.ar_m09 .fl_shop_btn svg .cls-2 {
		stroke: #FFF;
	}
	.ar_m09 .fl_shop_btn:before,
	.ar_m09 .fl_shop_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #FFACD8;
		border-radius: 50%;
		box-sizing: border-box;
		pointer-events: none;
	}
	.ar_m09 .fl_shop_btn:hover {
		box-shadow: 0 0 20px #FFACD8;
	}
	.ar_m09 .fl_shop_btn:hover:before,
	.ar_m09 .fl_shop_btn:hover:after {
		animation: pulsate 2s linear infinite;
	}
	.ar_m09 .fl_shop_btn:hover:after {
		animation-delay: 1s;
	}
}
@media only screen and (min-width:750px) and (max-width:1199px) {
	/* main */
	.ar_main_inner {
		width: 950px;
		box-sizing: border-box;
		justify-content: space-between;
	}
	.ar_main_inner picture {
		width: 500px;
	}
	.ar_m06 .ar_main_inner picture:before {
		content: "";
		width: 500px;
		height: 500px;
		background: url(/archive/motto06/img/main_bg.webp);
		background-repeat: no-repeat;
		position: absolute;
		bottom: -20px;
		right: -20px;
		z-index: -1;
	}
	.ar_main_inner div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 400px;
		padding: 0 0 50px 0;
	}
	.ar_main_inner div h1 {
		font-size: 80px;
		line-height: 85px;
		letter-spacing: 1.5px;
	}
	.ar_m01 .ar_main_inner div h1 {
		font-size: 70px;
		line-height: 75px;
	}
	#ar_artist {
		width: 950px;
	}
	.sc_slide .swiper {
		padding: 0 0 0 150px;
	}
	.sc_slide .swiper-slide ul li {
		width: 200px;
		padding: 13px 0 0 0;
	}
	.sc_slide .swiper-slide ul li div {
		width: 200px;
		height: 200px;
	}
	.sc_slide .swiper-slide ul li div img {
		width: 200px;
		height: 200px;
	}
	.sc_slide03 li {
		width: 160px !important;
	}
	.sc_slide03 li div {
		width: 160px !important;
		height: 160px !important;
	}
	.sc_slide03 li div img {
		width: 160px !important;
		height: 160px !important;
	}
	.thumb-wrapper {
		width: 300px;
	}
	.thumb-wrapper li {
		padding: 8px 0;
		font-size: 16px;
		line-height: 20px;
	}
	#sr_xfd {
		width: 950px;
	}
	#sr_xfd div {
		width: 700px;
	}
	#sr_xfd div iframe {
		height: 400px;
	}
}