/* --------------------main------------------- */
/* top */
.group-brandtop{
	margin-top: 40px;
	margin-bottom: 40px;
}
.inner-brand{
	width: 80%;
  max-width: 1250px;
  margin: 0 auto;
}
.group-brand__left{
	width: 70%;
}
.group-brandtop-ttl{
	font-size: 70px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}
.group-brandtop__sns{
	width: 25%;
	min-width: 120px;
  max-width: 150px;
	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: 200px;
	margin-right: 10px;
	text-align: right;
}
.linkflex li:last-child{
	margin-right: 0;
}
.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;
}
.linkflex__buyer a:hover{
	cursor: pointer;
}
.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%;
	max-width: 240px;
}
.group-brand-right img{
	width: 100%;
	border-radius: 50%;
	border: 3px solid #000;
}
/* story */
.story{
	margin-bottom: 40px;
}
.sec-ttl{
	font-size: 30px;
	margin-top: 30px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.story .sec-ttl,
.artist .sec-ttl  {
  padding-bottom: 30px;
}
.story__desc,
.artist__desc{
	border: 4px solid #000;
  position: relative;
	height: 150px;
	overflow: hidden;
	padding-bottom: 150px;
  box-sizing: unset;
}
.story__catch{
	padding: 40px 0 30px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.story__content{
	flex: 1;
}
.story__img,
.artist__img{
	-webkit-order: 2;
	-moz-order: 2;
	-ms-order: 2;
	-o-order: 2;
	order: 2;
	width: 25%;
	margin-left: 5%;
}
.story__img img,
.artist__img img{
	width: 100%;
	border: 3px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.story-read{
	background:url(../images/group-brand/bg-read.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 130px;
	height: 66px;
}
.story-read.active{
	background:url(../images/group-brand/bg-close.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 180px;
	height: 100px;
}

.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: auto;
	position: absolute;
	bottom: 0px;
	left: 0;
}
.story-read img,
.artist-read img{
	width: 100px;
}
.story-read img:hover,
.artist-read img:hover{
	cursor: pointer;
}
.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: 25px;
	position: relative;
	padding-left: 40px;
	margin-bottom: 30px;
}
.story__name::before,
.artist__name::before{
	position:absolute;
	left: 0;
	top: 5px;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
}
.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;
}

.thumb-item,
.slider-artist__name{
	width: 60%;
	margin: 0 auto;
}
.slider-artist__name{
	color: #acacac;
	margin-bottom: 30px;
}
.thumb-item-nav{
	width: 40%;
	margin: 0 auto;
}
.thumb-item-nav .slick-slide{
/* 	margin: 0 10px; */
}
.thumb-item-nav li:hover{
	cursor: pointer;
	opacity: 0.7;
	transition: .5s;
}
.thumb-item-nav li img{
	border: 3px solid #000;
/* 	width: 121px; */
	height: 120px;
	object-fit: cover;
}
@media screen and (max-width: 1200px) {
.thumb-item-nav{
	width: 60%;
}
}
/* post */
.post{
	margin-top: 50px;
	padding-bottom: 80px;
}
.postlist li{
	margin-top: 10px;
}
.postlist li{
	margin-bottom: 40px;
}
.postlist__img{
	width: 35%;
	margin-right: 30px;
}
.postlist__img img{
	width: 100%;
}
.postlist__txt{
	flex: 1;
}
.postlist__ttl{
	font-size: 21px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.post__date{
	font-size: 15px;
}
/* アンカー */
#anc1,
#anc2,
#g-title{
	margin-top:-86px;
	padding-top:166px;
}





