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

/* DEFAULT */
.notice {
	line-height: 150%;
	font-size: 12px;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
a {
	transition: 0.5s ease 0s;
}
a:hover {
	opacity: 0.6;
}


/* BODY */
body {
	margin: 0;
	padding: 0;
	background: #f5bfbf;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


/* HEADER */
header {
	min-width: 1095px;
    margin: 0 0 30px 0;
    padding: 0;
	text-align: center;
}


/* FOOTER */
footer {
	margin: auto 0 20px 0;
	color: #000;
	font-size: 12px;
	text-align: center;
}


/* HEADER GRANDMENU */
.grandMenu {
	width: 100%;
	height: 44px;
	background: #000;
}
.grandMenu span {
	margin: 0 40px 0 0;
	line-height: 44px;
}
.grandMenu span:last-child {
	margin: 0;
}
.grandMenu span a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}


.siteTitle {
	margin: 30px 0;
}


.publicityShot {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.wrapper {
	width: 80%;
	margin: 0 auto;
	text-align: center;	
}


.topicsList ul {
	padding: 0;
}
.topicsList li {
	list-style: none;
	padding: 10px 6px;
	border-bottom: solid 1px #000;
	text-align: left;
}
.topicsList li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.topicsList .date {
	display: inline-block;
	color: #000;
	font-size: 13px;
	vertical-align: top;
}
.topicsList .cat {
	display: inline-block;
	width: 60px;
	margin: 0 10px;
	padding: 2px 0;
	background: #000;
	color: #fff;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
}
.topicsList a {
	width: 420px;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	vertical-align: top;
}
.topicsList .content {
	display: none;
}


/* HEADER POST_TYPE NAVI */
.informationNavi h2,
.liveNavi h2,
.eventNavi h2,
.discographyNavi h2,
.blogNavi h2,
.staffblogNavi h2 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 0;
}
.informationNavi span,
.liveNavi span,
.eventNavi span,
.discographyNavi span,
.blogNavi span,
.staffblogNavi span {
    margin: 0 40px 0 0;
    padding: 0;
    font-size: 0;
}
.informationNavi span a,
.liveNavi span a,
.eventNavi span a,
.discographyNavi span a,
.blogNavi span a,
.staffblogNavi span a {
    font-size: 16px;
}


.informationList,
.liveList,
.eventList,
.blogList,
.staffblogList {
	margin: 0 0 20px 0;
	text-align: left;
}
.informationList div.content,
.liveList div.content,
.eventList div.content,
.blogList div.content,
.staffblogList div.content {
	display: none;
}
.discographyItem {
	display: inline-block;
	margin: 20px;
}
.wp-pagenavi {
	text-align: center;
}



/* INSTAGRAM */
#sb_instagram {
	position: relative;
	height: auto !important;
}
#sb_instagram .sbi_header_text {
	padding-top: 0 !important;
	color: #000;
}
#sb_instagram .sbi_header_img {
	width: 45px !important;
	height: 45px;
}
#sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3 {
	margin: 0 0 0 52px !important;
}
#sb_instagram .sb_instagram_header h3.sbi_no_bio {
	margin-top: 0 !important;
	padding: 0 !important;
	color: #000;
}
#sb_instagram .sbi_follow_btn {
	position: absolute;
	top: 15px;
	left: 60px;
	margin-left: 0 !important;
}
#sb_instagram .sbi_follow_btn a {
	padding: 7px 0 !important;
	background: transparent !important;
	color: #4BA7CF !important;
	font-size: 13px !important;
	font-weight: bold;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n+1),
#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n+2) {
	width: 31%;
	margin: 0 3.5% 3.5% 0 !important;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n) {
	width: 31%;
	margin: 0 0 3.5% !important;
}


/* FOOTER LINK AREA */
.footerLinkArea {
	margin: 0 0 30px 0;
	text-align: center;
}
.footerLinkArea > div {
	display: inline-block;
	margin: 0 10px 0 0;
}
.footerLinkArea > div:last-child {
	margin: 0;
}


/* 404 NOT FOUND */
.notFound {
	display: flex;
	flex-direction: column;
	min-width: 1095px;
	min-height: 80vh;
	margin: 0 0 20px 0;
	background: url(../img/404.svg) #D0D0D0 center top no-repeat;
	text-align: center;
}
.notFound img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.notFound .message {
	position: absolute;
	top: 50%;
	left: 30%
}




/* smartphone settings */
@media screen and (max-width: 640px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}


	/* HEADER */
	header {
		min-width: initial;
		margin: 0;
		background: url(../img/background_smartphone.jpg) #9C8169 center top no-repeat;
		background-size: auto 100%;
	}
	.siteTitle {
		width: 90%;
		margin: 0;
		padding: 60vw 5% 0;
	}

	/* FOOTER */
	footer {
		margin: 0 0 3%;
		padding: 0;
	}


	/* HEADER NAVIGATION */
	.menu-trigger, .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		display: table-cell;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 9999;
		width: 40px;
		height: 38px;
		vertical-align: middle;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #4F646F;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(22px) rotate(-45deg);
		transform: translateY(22px) rotate(-45deg);
	}
	.menu-trigger span:nth-of-type(2) {
		top: 18px;
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-14px) rotate(45deg);
		transform: translateY(-14px) rotate(45deg);
	}
	header .sidebar.sidebar-header {
		min-width: auto;
		background: none;
		background-blend-mode: normal;
	}
	.grandMenu {
		position: fixed;
		top: 0;
		left: 0;
		overflow: hidden;
		height: 0%;
		background-color: rgba(0, 0, 0, 0.85);
		background-blend-mode: multiply;
		transition: all .4s;
	}
	header .sidebar.sidebar-header nav.sp {
		display: block;
		transition: all .4s;
		height: 100%;
	}
	.grandMenu span {
		display: block;
		list-style: none;
		margin: 0;
		letter-spacing: 0.15em;
		line-height: 10vw;
		font-size: 3vw;
		transform: scale(0.9, 1);
	}
	header nav span a {
		margin: 0;
		padding: 0;
		color: #191E2C;
		font-size: 13px;
		text-decoration: none;
	}


	/* AD AREA */
	.adArea {
		width: 92%;
		margin: 0 auto;
	}


	/* CONTENTS AREA */
	.topicsList li {
		width: 96%;
		padding: 2%;
		border-bottom: dashed 1px rgba(200, 202, 220, 0.28);
	}
	.topicsList .date {
		width: 5.25em;
	}
	.topicsList .cat {
		width: 6em;
		background: rgba(173, 153, 150, 0.38);
	}


	/* INSTAGRAM */
	#sb_instagram {
		width: 100% !important;
		background: none;
	}
	#sb_instagram .sb_instagram_header {
		position: relative;
		left: 50%;
		float: none !important;
		width: 260px !important;
		margin: 0 0 15px -130px !important;
		background: url(../img/logo_instagram.png) right top no-repeat;
		overflow: hidden;
	}
	#sb_instagram .sbi_follow_btn {
		position: absolute;
		left: 50%;
		margin: 0 0 0 -90px !important;
	}
	#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n+1), #sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n+2) {
		width: 32%;
		margin: 0 2% 2% 0 !important;
	}
	#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n) {
		width: 32%;
		margin: 0 0 2% !important;
	}
}