@charset "utf-8";
/* CSS Document */
/*
Theme Name: freestylebar-rin
Theme URI: freestylerin.php.xdomain.jp/
Author: ichiro
Author URI: none/
Description:豊橋にあるフリースタイルバー輪の公式webサイトです。
Version: 0.01
*/



											.preview_mode {
											/*2024/11/14削除OKstyle_type.cssに移動済み*/
											padding:6px;
											background-color:rgba(84,76,252,1.00);
											color: white;
											display: flex;
											justify-content: space-between;
											}

	.slick-prev:before,
	.slick-next:before {
	color: black;
	}
	.slick-slide {
	height:auto;
	transition: all ease-in-out .3s;
	margin: 0px 5px;/*固定値にしないと不安定になるっぽい*/
	opacity: .3;
	}    
	.slick-active {
	opacity: .5;
	}
	.slick-current {
	opacity: 1;
	}

.mainwrapper {
    display: flex;
	margin:0px auto;
	}
	.profilepage {
	margin: 0px auto;
	width: 1000px;
	/* background-color: gray; */
	}
	.performer_image, .performer_name,.performer_othername{
	margin:0px auto;
	width: 720px;
	}
	.siteLink_wrapper,.perfomerdescription_wrapper,.siteLink_wrapper,
	.discoGraphy_title,.event_listTitle,.discographySlider,.centeredSlider,
	.siteLink_wrapper{
	margin:35px auto 30px;
	width: 720px;
	}

	.performer_name {
	font-size: 28px;
	border-bottom: solid 1px rgba(0,0,0,1.00);
	}	
	.performer_othername {
	font-size: 14px;
	color: rgba(0,0,0,0.45);
	}
	.performer_description {
	line-height: 30px;
	margin: 35px 0px 0px 0px;
	white-space: pre-wrap;
	}
	.siteLink_conditions,.discoGraphy_title,.event_listTitle {
	border-top: solid 1px rgba(0,0,0,1.00);
	}
	.website_link_rogo {
	width: 45px;
	}
	.websiteLink_card {
	padding: 0px 10px;
	}
	.websiteLink_list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 0px 0px;
	}
	.website_link_url {
	display: inline-block;
	}
	.discoGraphy_wrap,.event_list_wrapper {
	width: 100%;
	}
	/*.discographySlider,.centeredSlider  {
	width: 720px;
	margin: 30px auto 30px;
	}*/
	.centerdSlideImage {
	aspect-ratio: 15/8;
	object-fit: cover;
	width: 100%;
	/* padding: 15px; */
	}
	.topicsColumn_position {
		display: flex;
		justify-content: center;
	}
	.Youtubeplayer_list,.eventList_card {
	padding: 0px 20px;
	}
	.Youtubeplayer_thumbnail {
	width:100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	}
	.youtubeplayer_text_wrap {
	margin: 20px 2.5px 0px;
	}
	.topicColumn, .archive-comingsoon, .eventdateInfo {
	font-size: 12px;
	padding: 3px 3px;
	}	
	.topicColumn {
	position: absolute;
	bottom: 0px;
	}
	.slick-slide{
	margin:0px 15px;
	}	
	.slick-initialized .slick-slide {
	display: block;
	height: inherit;
	}
	.archive-comingsoon {
	background-color: red;
	color: white;
	}
	.eventdateInfo {
	background-color: white;
	color: black;
	}
.navigation {
    background-color: cornflowerblue;
    width: 400px;
}
	.sampleImage {width: 100%;font-size:1.5vw;}
	.sampleImage_card{width:25%;}
	legend {font-size: 2vw;background-color: rgba(0,0,0,1.00);color: white;padding: 1vw;}
	.upcomingEvent_thumbnail {
	width: 90vw;
	height: 50vw;
	object-fit: cover;
	}