@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

*/

									.previewMode_wrapper {
										margin: 30px 0px;
									}
									.preview_mode {
										padding:6px;
										display: flex;
										justify-content: space-between;
										background-color: rgba(84,76,252,1.00);
										color: white;
									}



	.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;
	}
	.profilepage {
	width: 86vw;
	margin: 0px auto;
	}
	.performer_image {
	margin-top: 7vw;
	width: 100%;
	}
	.performer_name {
	margin: 15px 0px 0px 0px;
	font-size: min(5vw, 28px);
	border-bottom: solid 1px rgba(0,0,0,0.30);
	display: flex;
	flex-direction: column;
	}
	.siteLink_conditions,.event_listTitle,.discoGraphy_title {
	margin: 15px 0px 0px 0px;
	font-size: min(4vw , 10px);
	border-top: solid 1px rgba(0,0,0,0.30);
	}	
	.otherNameConditions {
	font-size: min(4vw , 10px);
	color: rgba(0,0,0,0.60);
	}
	.performer_description {
	white-space: pre-wrap;
	line-height: 30px;
	}
	.performer_description{
	margin: 20px 0px 0px 0px;
	}
	.websiteLink_list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
	}
	.websiteLink_card {
	margin: 0px 20px 0px 0px;
	}
	.website_link_rogo {
	padding: 0px 0px 0px 0px;
	width: 8vw;
	height: auto;
	}
	.centeredSlider {
	width: 86vw;
	margin: 0px auto;  
	}

	.centerdSlideImage{
		aspect-ratio: 15/8;
		object-fit: cover;
		width: 100%;
	}

	.websiteLink_list,.centeredSlider,.discographySlider {
	margin: 20px 0px;
	}
	.youtubeplayer_text_wrap {
		padding: 1.5vw;
	}
	.youtube_player_description {
		margin: 1.5vw 0.5vw;
		font-size: 2.0vw;
		line-height: 5vw;
	}
	.Youtubeplayer_thumbnail {
	width:100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	}
	.topicsColumn_position{
	display: flex;
	justify-content: center;
	}	  
	.topicColumn {
	/*padding:3px 3vw;*/
	position:absolute;
	bottom: 0px;
	}
	.topicColumn, .archive-comingsoon, .eventdateInfo {
	font-size: 3.5vw;
	padding: 3px 3vw;
	}
	.archive-comingsoon {
	background-color: red;
	color: white;
	}
	.eventdateInfo {
	background-color: white;
	color: black;
	}
	.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;
	}