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

*/

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

/*	--	▽▽	整理して削除するCSS	▽▽	--*/
section.ex2{
	display:none;
}

.ex3,
#front_page_update,
.front_page_update_title{
	display:none;	
}
/*	--	△△	整理して削除するCSS　△△	--*/

.RinS_update_header{
    margin: 5px auto 5px;
}

.RinS_update_header,
#upcomming-soon-header,
.businessday_change_notice{
    width: 98vw;
    font-weight: 100;
    text-align: center;
    border-bottom: solid 0.1px;
}

#upcomming-soon-header {
    margin: 5px auto 15px;
}


#upcomming-soon-header span:nth-child(2) {
    display: none;
}

.upcomming-soon.display_none {
    margin: 0px 0px 30px 0px;
}

.upcomming-soon_event_wrap li:nth-child(1) {
    margin: 0px 0px 0px 0px;
}

.upcomming-soon_event_wrap li {
    margin: 0px 0px 20px 0px;
}

.content_event span {
    display: block;
}

.upcomming-soon_event_wrap {
    margin: 0px auto;
    width: 98vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.eventdate_list_wrap {
    display: flex;
    flex-direction: column;
}

.eventdate_list_card_datetxt {
    order: 1;
}

.eventdate_list_card_titletxt {
    order: 3;
}

.eventdate_list_card_image {
    order: 2;
}

.attachment-post-thumbnail.size-post-thumbnail.wp-post-image , 
.eventdate_list_wrap {
    width: 30vw;
}

.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: auto;
}

.event_start_date {
    color: rgba(255,8,12,1.00);
    font-size: 20px;
    font-weight: 400;
	line-height: 19px;
}

.businessday_change {
    width: 98vw;
    margin: 0px auto;
    display: block; 
}

.changebusinessday_wrapper {
    padding: 4px 0px 0px 0px;
}

.change_businessday {
    display: flex;
}
.change_businessdate {
	font-family: 'Outfit','ZenMaru';
	font-weight: 400;
	margin: 0px 2vw 0px 2vw;
}

.color-new_year,
.color-temp_close {
    background-color: red;
    color: white;
    padding: 0 15px;
    line-height: 30px;
}

.color-reserved {
    background-color: #9b51e0;
    color: white;
    padding: 0 15px;
    line-height: 30px;
}

.color-temp_open{
	border:solid 0.5px #000000;
    padding: 0 14px;
    line-height: 28px;
}




/*---------------------------------------------------------------------------------------------------------------------------------------------------------
								更新用テストｃｓｓ
---------------------------------------------------------------------------------------------------------------------------------------------------------*/


#upcomming-soon_pc{
	display:none;
}

.aside.Announcement{
	display:flex;
}

.top_coment {
    color: white;
    font-weight: 100;
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding: 3vw 0vw;
    text-align: center;
    width: 40vw;
    margin: 0 30vw;
    font-size: 1.5vw;
    text-shadow: 0px 0px 3px #ffffff;
}

.manenboushi_smartphone {
    display: none;
}

#front_page_update {
	margin: 0px auto 2.5vw;
	font-family: sans-serif;
    height: 30vh;
    overflow: scroll;
	-ms-overflow-style: none;    /* IE、Edge用 */
  	scrollbar-width: none;    /* Firefox用 */
	
}
#front_page_update {
    height: 30vh;
    overflow: scroll;

}

#front_page_update::-webkit-scrollbar {    /* Chrome、Safari用 */
  display:none;
}
.front_page_update_contents dt {
    float: left;
	color:rgba(238,24,27,1.00);
	text-shadow: 0px 0px 1px rgb(229 29 28);
	font-size:2.4vw;
}

.front_page_update_contents dd {
    margin-left: 1vw;
	text-shadow:0px 0px 1px #000000;
	font-size:2.4vw;
}

dl.front_page_update_contents {
	width: 50vw;
    margin: 0px auto;
    font-size: 1.2em;
    display: flex;
}

div#covid19_changetime h2 {
    font-size: 4em;
}

p.front_page_update_title {
    margin: 1vw auto;
    font-family: 'Cutive Mono';
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 2em;
    text-align: center;
}

li.upcomming_title {
    display: none;
}

/*----------------------------------------------------------------
		□□　PC用サイト　screen and (min-width:1000px)のcss　□□
----------------------------------------------------------------*/
section#top_movie_area {
    width: 100%;
    height: 100%;
    overflow: hidden;
	background-color: black;
}

#top_movie_area{
	position:static;
}
#top_movie_area video:nth-child(1) {
	display:none;
}

video.top_movie_pc{
    width: 80vw;
    height: auto;
    margin: 0px auto;
	/*display:none;*/
}	



div#top_movie_area_object {
    position: absolute;
	left: -1.4vw;
    top: 10vw;
}


.top_svg_animetion {
	z-index: 1;
    height: 30vh;
    margin: 2vw auto;
}


.preface_list_image001_space,.preface_list_002{
	position: relative;
    bottom: 7px;
	/*margin:2vw;*/
	}
	
.preface_list_image001_space{
	width:56vw;
	overflow: hidden;
	}	
	
.preface_list_001 img{
    width: 56vw;
	transition:0.5s;
}
	
.introduction_image_space{
	width:44vw;
	margin-left:4vw;
	overflow: hidden;
	}
	
.introduction_page_image{
	transition:0.5s;
}
	
	

	
.preface_list_001 img:hover,
.introduction_page_image:hover{
	-webkit-transform: scale3d(1.1,1.1,1.1);
	transform: scale3d(1.1,1.1,1.1);
}
			
li.preface_list_002 {
    width: 32vw;
    font-size: 2vw;
    white-space: pre;
    padding-top: 10vw;
    font-family: serif;
    background-color: rgb(255 255 255 / 92%);
    box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
    margin-left: -6vw;
    padding: 1vw;
}
.preface_list_txt{
	transition:0.5s;
}
	
.preface_list_txt-color{
	color:rgba(255,8,12,1.00);
	transition:0.5s;
	}
	
.preface_list{
	display:flex;
	align-items: flex-end;
}
	
.preface_txt/*:nth-child(2.3.4.5)*/{
	white-space: pre-wrap;
}
	
#preface{
	margin:2vw 9vw;
}


	
.introduction_page_ul{
	clear:both;
	display: flex;
    flex-wrap: wrap;
}
	
.introduction_page_image{
	width:44vw;
	
}

p.introduction_page_list{
	font-size: 2.3vw;
    margin-left: 4vw;
    width: 44vw;
}
	
.introduction_page_list2{
	width: 44vw;
    margin-left: 4vw;
	font-size:1.3vw;
    /* height: 7vw; */
    /* white-space: pre; */
    /*line-height: 52px;*/
}

img .attachment-large.size-large.wp-post-image:nth-child(1){
	/*width:80vw;*/
}

ol#event_schedule{
	display: flex;
    flex-wrap: wrap;
	justify-content:center;
}

/*----------------------------------------------------------------
	▼▼【PC用】upcomming.php▼▼
----------------------------------------------------------------*/

.upcomming_title {
    border-bottom: 1px solid rgba(0,0,0,1.00);
}

.xo-event-list.type-custom ul{
	transition:0.5s;
}

.xo-event-list.type-custom ul img{
	transition: 0.5s;
}

li.upcomming_event_start_date{
	color:rgba(255,8,12,1.00);
	font-size: 1.7vw;
    text-shadow: 0px 0px 1px rgba(255,8,12,1.00);
    font-family: sans-serif;
}

li.upcomming_eventlist_thumbnail{
	overflow: hidden;
	margin:0vw 1vw 1vw 1vw;
}

/*2021_04_11*/

img.attachment-large.size-large.wp-post-image{
	width:30vw;
	height:auto;
}

li.upcomming_event_start_date,
li.upcomming_title,
li.upcomming_excerpt{
	margin-left:1vw;
	width:18vw;
}

.xo-event-list.type-custom{
	width: 96vw;
    display: flex;
    flex-wrap: wrap;
	margin:0px auto;
}

/*----------------------------------------------------------------
	▲▲upcomming.php▲▲
----------------------------------------------------------------*/

/*----------------------------------------------------------------
	☆☆彡evnt list☆☆彡　☆超テスト☆
----------------------------------------------------------------*/
#event_schedule li{
	font-size: 2vw;
    font-weight: bold;
    color: rgba(152,6,1,1.00);
    background-color: white;
    width: 40vw;
    margin: 1vw 4vw;
    line-height: 4vw;
    text-align: center;
    border: solid 2px rgba(152,6,1,1.00);
    border-radius: 0.3vw;
    transition: 0.8s;
    position: relative;
}
/*追加*/#event_schedule li{
	
}

#event_schedule li:hover{
	color: white;
    background-color: rgba(152,6,1,1.00);
}

event_schedule li::after {
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------------
layer_board_area
------------------------------------------------------------------*/
layer_board_area{
	display:none;
}

#display_none{
	display:none;
}