@charset "utf-8";

/* ------------------------------------------
  ページ
------------------------------------------ */

.main_bg{
	background: #f7f7f7;
	color:#4d4948;
	position: relative;
}
#shirankedo{
	color:#4d4948;
    /*max-width: 1960px;*/
    margin: 0 auto;
    position: relative;
	font-size:1.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
}
#shirankedo .header{
	background: #009ce7;
}
#shirankedo .header_logo{
	width: 70%;
	display: block;
	margin: 0 auto;
	/* padding: 2%; */
}
#shirankedo .contents{
	margin: 0 auto;
}
#shirankedo .contents_wrap{
	width: 80%;
	max-width:1280px;
	margin:0 auto;
	padding: 3% 0;
	text-align: center;
}
#shirankedo .intro{
	line-height: 3rem;
	margin-bottom: 6%;
}
#shirankedo .intro_top{
	font-weight: 900;
	font-size: 3rem;
	padding-bottom: 3%;
	line-height: 1.5;
}
#shirankedo .listen_wrap,.archive_wrap,.person_wrap{
	margin:0 auto 5%;
}
#shirankedo .listen_title,.archive_title,.person_title,.collabo_title{
	border-bottom:2px solid #4d4948;
	width:fit-content;
	margin:0 auto 1%;
	font-size:2.2rem;
	font-weight:900;
}
#shirankedo .listen_btn_flexWrap{
	display:flex;
	align-items:center;
	justify-content:center;
}
#shirankedo .archive_flexWrap{
	display:flex;
	align-items:start;
	justify-content:space-between;
	flex-wrap: wrap;
	gap:20px;
	margin: 2% 0;
}

#shirankedo .listen_btn,.archive_btn{
	display:block;
	color:#fff;
	width:30%;
	text-align:center;
	padding:1%;
	font-size:2rem;
	margin:1%;
	font-weight:900;
}
#shirankedo .btn_spotify{
	background:#1DB954;
	 box-shadow: 5px 5px 0px 0px rgb(156 251 190);
}
#shirankedo .btn_podcast{
	background:#842CC2;
	 box-shadow: 5px 5px 0px 0px rgb(217 164 255);
}
#shirankedo .btn_youtube{
	background:#ff0133;
	 box-shadow: 5px 5px 0px 0px rgb(255 164 164);
}
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}
#shirankedo .archive_flex_contentswrap{
	width: calc((100% - 20px) / 2);
}
#shirankedo .archive_flexWrap .archive_item:nth-child(n+5){
    display: none;
}
#shirankedo .archive_flexWrap.is-open .archive_item{
    display: block;
}
#shirankedo .archive_more_btn{
    display: block;
	margin:0 auto;
	width:300px;
	padding:1%;
	font-weight:700;
	font-size:1.5rem;
	background:#f7f7f7;
	color:#4d4948;
	border:2px solid #4d4948;
}
#shirankedo .person_flexWrap,.collabo_flexWrap{
	display:flex;
	align-items: start;
	justify-content:center;
	/* margin: 0 2%; */
}
#shirankedo .person_contentsWrap,.collabo_contentsWrap{
	width: 22%;margin: 0 1%;
}
#shirankedo .person_name,.collabo_name{
	font-weight:900;
	font-size:2.2rem;
	text-align:center;
}
#shirankedo .person_name,.person_name_sub,.collabo_name,.collabo_name_sub{
	text-align:center;
}
#shirankedo .person_contentsWrap >img,.collabo_contentsWrap >img{
	width: 90%;
	display:block;
	margin:3% auto;
	/* max-width: 500px; */
}
#shirankedo .person_contentsWrap .person_sns,.collabo_contentsWrap .collabo_sns{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:5%;
}
#shirankedo .person_contentsWrap .person_sns .sns_icon,.collabo_contentsWrap .collabo_sns .sns_icon{
	width:10%;
}
#shirankedo .person_contentsWrap .person_sns .sns_name,.collabo_contentsWrap .collabo_sns .sns_name{
	/* width:90%; */
	color:#4d4948;
	margin-left: 5px;
}
#shirankedo .btn_return{
	display:block;
	margin:5% auto 3%;
	padding:1%;
	width:30%;
	min-width:300px;
	text-align:center;
	color:#4d4948;
	border:2px solid #4d4948;
}
#shirankedo .pc_none{
	display: none;
}

/*グレーアウト　終わり*/
#footer{
	margin:0px !important;
}