@charset "utf-8";
/* CSS Document */

/*汎用*/

.p-head {
	width:100%;
	max-width: 500px;
	margin:0 auto 72px;
}

a.p-link-bt {
	width:100%;
	max-width:550px;
	display: block;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	position: relative;
	color:#fff;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 2.2rem;
	margin:0 auto;
	transition: all 0.1s;
}

a.p-link-bt:hover {
	text-decoration: none;
	transform: translateY(7px);
}

.p-link-youtube { background: #ff0000; box-shadow: 0 7px 0 #7f0000;}
.p-link-x { background: #000000; box-shadow: 0 7px 0 #373737;}
.p-link-event {background: linear-gradient(to right,  #fd0673 0%,#9f2685 100%); box-shadow: 0 7px 0 #630563;}
.p-link-contact {background: linear-gradient(to right,  #63d8ff 0%,#4168cc 100%); box-shadow: 0 7px 0 #19284e;}

.p-link-youtube:hover { background: #ff0000; box-shadow: 0 0 0 #7f0000;}
.p-link-x:hover { background: #000000; box-shadow: 0 0 0 #373737;}
.p-link-event:hover {background: linear-gradient(to right,  #fd0673 0%,#9f2685 100%); box-shadow: 0 0 0 #630563;}
.p-link-contact:hover {background: linear-gradient(to right,  #63d8ff 0%,#4168cc 100%); box-shadow: 0 0 0 #19284e;}

a.p-link-bt:before {
	content: "";
	width:60px;
	height:60px;
	display: block;
	position: absolute;
	left:0;
	top:0;
}

a.p-link-youtube:before {background:url("../img/icon-youtube.png") center center no-repeat;background-size: cover;}
a.p-link-x:before {background:url("../img/icon-x.png") center center no-repeat;background-size: cover;}
a.p-link-event:before {background:url("../img/icon-ticket.png") center center no-repeat;background-size: cover;}
a.p-link-contact:before {background:url("../img/icon-contact.png") center center no-repeat;background-size: cover;}

/*メインビジュアル*/

.p-mainvisual {
	position: relative;
}

@media screen and (min-width:961px) { /*PC*/
	.p-mainvisual {
		background:url("../img/mainvisual-pc.jpg") center top no-repeat;
		width:100%;
		height:650px;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-mainvisual {
		background:url("../img/mainvisual-mobile.jpg") center top no-repeat;
		background-size: cover;
		width:100%;
		padding-top:150%;
	}
}

/*アバウト*/

.p-about-text {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 2.8rem;
	color:#19284e;
	line-height: 1.6;
}

@media screen and (min-width:961px) { /*PC*/
	.p-about-text {
		text-align: center;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-about-text {
		text-align: left;
	}
}

.p-about-link-wrap {
	display: flex;
	justify-content: center;
	gap:24px;
	flex-wrap: wrap;
}

.p-about-link-wrap a {
	display: block;
	margin:0!important;
}

/*フォーマット*/

.p-format-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
	gap:24px;
}

.p-format-list li {
	position: relative;
}

@media screen and (min-width:961px) { /*PC*/
	.p-format-list li {
		width:calc((100% - 24px) / 2);
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-format-list li {
		width:100%;
	}
}

/*イベント*/

.p-event-text {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 2rem;
	color:#19284e;
	line-height: 1.6;
	text-align: left;
}

.p-event-outline {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 1.6;
	text-align: left;
	display: flex;
	gap:12px;
	flex-wrap: wrap;
	flex-direction: column;
}

.p-event-outline dl {
	border-bottom:1px solid rgba(181,181,181,1.00);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom:12px;
	position: relative;
}

.p-event-outline dl dt {
	box-sizing: border-box;
	padding:0 12px;
	color:#676767;
}

.p-event-outline dl dd {
	box-sizing: border-box;
	padding:0 12px;
	color:#19284e;
}

/*パーソナリティ*/

.p-personality-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap:24px;
}

.p-personality-single {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.p-personality-icon {
	width:100%;
	max-width: 220px;
}

.p-personality-exp {
	width:100%;
	text-align: left;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding:24px;
}

@media screen and (min-width:961px) { /*PC*/
	.p-personality-icon {
	}
	.p-personality-exp {
		max-width: calc(100% - 220px);
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-personality-icon {
		margin:0 auto;
	}
	.p-personality-exp {
		max-width: 100%;
	}
}

.p-personality-name {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 2.8rem;
	color:#19284e;
	line-height: 1.6;
}

.p-personality-text {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 400;
	font-size: 1.8rem;
	color:#19284e;
	line-height: 1.6;
}

/*ブランドリスト*/

.p-bland-list {
	width:100%;
}

.p-bland-list ul {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	gap:24px;
}

.p-bland-list ul li {
	width:100%;
	display: block;
	position: relative;
}

@media screen and (min-width:961px) { /*PC*/
	.p-bland-list ul li {
		max-width:calc((100% - 72px) / 4);
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-bland-list ul li {
		max-width:calc((100% - 24px) / 2);
	}
}

.p-bland-list ul li a {
	display: block;
	width:100%;
	position: relative;
	border:1px solid #19284e;
	background-color:#fff;
}

.p-bland-list ul li a img {
	width:100%;
}

/*フッター*/

.p-foot-logo {
	width:100%;
	max-width: 400px;
	margin:0 auto;
}

.p-copyright {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 400;
	font-size: 1.7rem;
	color:#19284e;
}

.p-partners-head {
	width:100%;
	max-width: 266px;
	margin:0 auto;
}

.p-partners-list {
	width:100%;
}

.p-partners-list ul {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	gap:24px;
}

.p-partners-list ul li {
	width:100%;
	display: block;
	position: relative;
}

@media screen and (min-width:961px) { /*PC*/
	.p-partners-list ul li {
		max-width:calc((100% - 72px) / 4);
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-partners-list ul li {
		max-width:calc((100% - 24px) / 2);
	}
}

.p-partners-list ul li a {
	display: block;
	width:100%;
	position: relative;
	border:1px solid #19284e;
	background-color:#fff;
}

.p-partners-list ul li a img {
	width:100%;
}