@charset "UTF-8";

.topic-container,
.content-wrap {
	width: 100;
	margin: 0 auto;
	overflow: hidden;
}
.pc {
	display: block;
}
.sp {
	display: none;
}

.artist-button_PC{
	display: block;
}

.artist-button_SP{
	display: none;
}

.topic-container img,
.content-wrap img {
	width: 100%;
}
.btn_wrap {
	position: relative;
    display: inline-block;
}
.base {
    display: block;
}
.btn_pc {
	position: absolute;
    left: 50%;
    bottom: 240px;
    transform: translateX(-50%);
}

.artist-button_PC{
		position: relative;
}


.artist-button_PC1{
position: absolute;
    left: 20%;
    bottom: 150px;
    

}

.artist-button_PC1 img{
	width: 240px;
}

.artist-button_PC2{
position: absolute;
    left: 55%;
    bottom: 150px;
   
}

.artist-button_PC2 img{
	width: 240px;
}


.artist-button_PC3{
position: absolute;
    left: 20%;
    top: 290px;
    

}

.artist-button_PC3 img{
	width: 240px;
}

.artist-button_PC4{
position: absolute;
    left: 55%;
    top: 290px;
   
}

.artist-button_PC4 img{
	width: 240px;
}

.artist-button_SP{
		position: relative;
}


.artist-button_SP1{
position: absolute;
    left: 8%;
    top: 18%;
   
}

.artist-button_SP1 img{
	width: 140px;
}


.artist-button_SP2{
position: absolute;
    left: 55%;
    top: 18%;
   
}

.artist-button_SP2 img{
	width: 140px;
}

.artist-button_SP3{
position: absolute;
    left: 8%;
    top: 42%;
   
}

.artist-button_SP3 img{
	width: 140px;
}


.artist-button_SP4{
position: absolute;
    left: 55%;
    top: 42%;
   
}

.artist-button_SP4 img{
	width: 140px;
}

@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.btn_wrap_sp {
		position: relative;
		display: inline-block;
	}
	.btn_sp {
		position: absolute;
		left: 50%;
		bottom: 140px;
		transform: translateX(-50%);
	}

	.artist-button_PC{
		display: none;
	}

	.artist-button_SP{
	display: block;
}
}