/* --------------------main------------------- */
/* top */
.group-brandtop{
	margin-top: 40px;
	margin-bottom: 40px;
}
.inner-brand{
	margin: 14px 3% 10px;
}
.group-brand__left{
	width: 70%;
	padding-left: 2%;
}
.group-brandtop-ttl{
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}
.group-brandtop__sns{
	width: 65%;
	margin-bottom: 10px;
	justify-content: flex-start !important;
}
.group-brandtop__sns li{
	font-size: 35px;
	line-height: 1;
	margin-right: 10px;
}
.group-brandtop__sns li:last-child{
	margin-right: 0;
}
.group-brand-link{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}
.linkflex{
	width: 100%;
}
.linkflex li{
	width: 193px;
	margin: 0 0 10px;
	text-align: right;
}
.linkflex__item a,
.linkflex__buyer a{
	display: block;
	border: 2px solid #000;
	padding: 10px 30px 10px 0;
	position: relative;
}
.linkflex__item a::before {
	position:absolute;
	left:10%;
	top: 30%;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../images/group-brand/allitem.png) no-repeat;
	background-size:contain;
}
.linkflex__buyer a::before {
	position:absolute;
	left:10%;
	top: 20%;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../images/group-brand/buyer.svg) no-repeat;
	background-size:contain;
}
.buyer-link{
	width: 50%;
	text-align: right;
}
.buyer-link a{
	display: block;
	border: 2px solid #000;
	padding: 10px 30px 10px 0;
	position: relative;
}
.buyer-link a::before {
	position:absolute;
	left:15%;
	top: 20%;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../images/group-brand/buyer.svg) no-repeat;
	background-size:contain;
}
.group-brand-right{
	width: 25%;
	padding-right: 2%;
}
.group-brand-right img{
	width: 100%;
	border-radius: 50%;
	border: 3px solid #000;
}
/* story */
.story{
	margin-bottom: 40px;
}
.sec-ttl{
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
}
.story__desc,
.artist__desc{
	border: 4px solid #000;
	padding: 40px 7% 30px;
  text-align: justify;
  margin: 0 auto;
  position: relative;
	height: 240px;
	overflow: hidden;
	box-sizing: unset;
  padding-bottom: 120px;
}
.story__img,
.artist__img{
	width: 100%;
	margin-bottom: 10px;
}
.story__img img,
.artist__img img{
	width: 100%;
	height: 44vw;
	object-fit: cover;
	border: 3px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.story-read-bg,
.artist-read-bg{
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;;
	text-align: center;
}
.story-read-ps,
.artist-read-ps{
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: 0px;
	left: 0;
}
.story-read img,
.artist-read img{
	width: 100px;
}
.story-read img:hover,
{
	cursor: pointer;
}
.story-read{
	background:url(../images/group-brand/bg-read.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 100px;
	height: 51px;
}
.story-read.active{
	background:url(../images/group-brand/bg-close.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 120px;
	height: 43px;
}
.story-read-bg,
.artist-read-bg{
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;;
	text-align: center;
}
.btn{
	text-align: center;
	border: 3px solid #000;
	width: 120px;
	margin: 40px auto 0;
}
.btn a{
	display: block;
	padding: 10px 0px 8px;
	font-weight: bold;
}
.btn a:hover{
	background: #000;
	color: #fff;
}
.story__name,
.artist__name{
	font-size: 18px;
	position: relative;
	padding-left: 10%;
	margin-bottom: 30px;
}
.story__name::before,
.artist__name::before{
	position:absolute;
	left: 0;
	top: 5px;
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
}
.story__name::before{
	background:url(../images/group-brand/namedeco.svg) no-repeat;
	background-size:contain;
}
.artist__name::before{
	background:url(../images/group-brand/namedeco.png) no-repeat;
	background-size:contain;
}

.slider.thumb-item {
  margin-top: 30px;
}
.thumb-item,
.slider-artist__name{
	width: 80%;
	margin: 0 auto;
}
.slider-artist__name{
	color: #acacac;
	margin-bottom: 30px;
}
.thumb-item-nav{
	width: 80%;
	margin: 0 auto;
}
.thumb-item-nav li:hover{
	cursor: pointer;
	opacity: 0.7;
	transition: .5s;
}
.thumb-item-nav li img{
	border: 3px solid #000;
/* 	width: 121px; */
	height: 160px;
	object-fit: cover;
}
/* post */
.post{
	margin-top: 50px;
	padding-bottom: 80px;
}
.postlist li{
	margin-bottom: 40px;
}
.postlist__img{
	width: 100%;
}
.postlist__img img{
	width: 100%;
}
.postlist__ttl{
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.post__date{
	font-size: 15px;
}
/* アンカー */
#anc1,
#anc2,
#g-title{
	margin-top:-50px;
	padding-top:80px;
}