/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/






.support_image_wide{
	width : 100% ;
	margin : 50px auto 50px ;
}
.ul_title_image.follow{
	margin-top : 0px ;
	margin-bottom: 0px ;
}



.support_hr{
	width : 100% ;
	height : 1px ;
	background-color: #808080 ;
	margin : 132px auto ;
}


.support_image_50vw{
	float : right ;
	width : calc( 50vw - 40px );
	max-width: 1920px  ;
	margin : 80px auto 0px ;
}

.support_left_image{
	width : auto ;
	max-width : 100% ;
}


.art_youtube_stage{
	width : 100% ;
	overflow: hidden ;
}
.art_youtube_dummy{
	width : 100% ;
	z-index: 1 ;
}
.art_youtube_item{
	width : 1120px ;
	height : 630px ;
	z-index: 4 ;
}
.art_youtube_item iframe{
	width : 1120px ;
	height : 630px ;
}


.art_youtube_linkbox{
	position: absolute ;
	top : 50%;
	right : 0% ;
	width : calc( 100% - 1120px ) ;
	text-align: center ;
	font-size : 16px ;
	line-height: 1.2;
	font-weight : 700 ;
	transform: translate(0%,-50%);
}

.art_youtube_linkbox img{
	width : 55px ;
	margin : 10px auto 0px ;
}



.ul_right_story_jp .art_story_name{
	text-align: right ;
}


.art_otto_slide_superbox{
	width : 100% ;
	margin : 50px auto 0px ;
}

.art_otto_slide_tn_arrowbox{
	position: absolute ;
	top : 50% ;
	right : 40px ;
	width : 55px ;
	height : 55px ;
	z-index: 14 ;
	cursor: pointer ;
	transform: translate(0%,-50%);
}
.art_otto_slide_tn_arrowbox:hover{
	opacity : 0.7 ;
}


.art_otto_slidestage{
	/** width : 1120px ; **/
	width : 80% ;
	height : 726px ;
	overflow: hidden ;
}
.art_otto_slide_dummy{
	width : 100% ;
	z-index: 1 ;
	opacity: 0.01 ;
}

.art_otto_slide_item{
	position: absolute;
	top : 0% ;
	left : 100% ;
	width : 100% ;
	height : 100% ;
	overflow: hidden ;
	z-index: 4 ;
}

.art_otto_slide_item img{
	width : 100% ;
	height : 100% ;
	/** object-fit: cover ; **/
	object-fit: contain;
}

.art_otto_slide_tn_superbox{
	position: absolute;
	top : 0% ;
	right : 0% ;
	width : calc( 100% - 1120px );
	display: none ;
}


.art_otto_slide_tn{
	width : 100% ;
	height : 66px ;
	opacity: 0.4 ;
}
.art_otto_slide_tn img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	cursor: pointer;
}

.art_otto_slide_tn:hover,
.art_otto_slide_tn.active{
	opacity: 1.0 !important;
}





.art_image_50vw{
	float : right ;
	width : calc( 50vw - 40px );
	max-width: 1920px  ;
	margin : 0px auto 0px ;
}




.art_artist_flex{
	width : 100% ;
	margin : 50px auto 0px ;
	justify-content: space-between !important;
}


.art_artist_item{
	width : 50% ;
	height : 440px ;
	overflow: hidden ;
	margin-bottom : 40px ;
}
.art_artist_item_dummy{
	width : 50% ;
	height : 1px ;
}

.art_artist_item_wrap{
	width : 100% ;
	height : 440px ;
	z-index: 1 ;
	overflow: hidden ;
}

.art_artist_item_image{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 1 ;
}

.art_artist_next_arrow{
	position: absolute ;
	top : 50% ;
	right : 20px ;
	transform: translate(0%,-50%);
	z-index: 2 ;
}

.art_artist_item_title{
	position: absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 100% ;
	height : 52px ;
	line-height : 52px ;
	background-color: rgba(0,0,0,0.5);
	color : #FFFFFF ;
	text-align: center ;
	font-size : 18px ;
	z-index: 4 ;
}




.artist_spacer{
	width : 100% ;
	height : 200px ;
}

.artist_slide_stage{
	width : 100% ;
	height : auto ;
	overflow: hidden ;
}

.artist_slide_dummy{
	width : 100% ;
	height : auto ;
	z-index: 1 ;
	opacity: 0.01;
}
.artist_slide_item{
	position: absolute;
	top : 0% ;
	left : 100% ;
	width : 100% ;
	height : 100% ;
	z-index: 4 ;
}
.artist_slide_item img{
	width : 100% ;
	height : 100% ;
	object-fit: contain;
	background-color: #d3d2d2 ;
}

.artist_slide_tn_superbox{
	width : 100% ;
	margin-top : 10px ;
	justify-content: space-between; !important;
}

.artist_slide_tnbox{
	width : 80px ;
	height : 45px ;
	opacity: 0.4 ;
	cursor: pointer;
	margin-bottom : 8px ;
}
.artist_slide_tnbox img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.artist_slide_tn_dummy{
	width : 80px ;
	height : 1px ;
}

.artist_slide_tnbox:hover,
.artist_slide_tnbox.active{
	opacity: 1.0 !important;
}

.artist_project{
	font-size : 20px ;
	letter-spacing: 2px ;
	color : #808080 ;
}

.artist_story{
	border-top : 1px solid #212529 ;
	margin-top : 20px ;
	padding-top : 20px ;
}





.artist_backindex{
	text-align: center ;
	margin-top : 120px ;
}





































@media screen and (max-width: 1280px) {






.art_youtube_stage{
}
.art_youtube_dummy{
}
.art_youtube_item{
	width : 800px ;
	height : 450px ;
	margin : 0px auto ;
}
.art_youtube_item iframe{
	width : 800px ;
	height : 450px ;
}


.art_youtube_linkbox{
	position: relative ;
	top : auto;
	right : auto ;
	width : 100% ;
	text-align: center ;
	transform: translate(0%,0%);
	margin-top : 30px ;
}

.art_youtube_linkbox img{
	width : 55px ;
	margin : 10px auto 0px ;
}



.ul_right_story_jp .art_story_name{
}


.art_otto_slide_superbox{
	width : calc( 100% - 80px );
}


.art_otto_slidestage{
	
	height : 468px ;
}
.art_otto_slide_dummy{
}

.art_otto_slide_item{
}

.art_otto_slide_item img{
	object-fit: contain;
}


.art_otto_slide_tn_superbox{
	position: relative;
	top : auto ;
	right : auto ;
	width : 100%;
	/** display: flex; **/
	display: none ;
	/** justify-content: space-between; **/
	justify-content: center ;
	flex-wrap : wrap;
}

.art_otto_slide_tn{
	width : 15% ;
	height : 100px ;
	opacity: 0.4 ;
}
.art_otto_slide_tn img{
}

.art_otto_slide_tn:hover,
.art_otto_slide_tn.active{
	opacity: 1.0 !important;
}









}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1000px) {








.support_image_wide{
}
.ul_title_image.follow{
}

.support_ul_title_image{
	width : 200px ;
}


.support_hr{
	margin: 80px auto ;
}


.support_image_50vw{
	float : none ;
	width : auto;
	max-width : 100% ;
	margin : 40px auto 0px ;
}

.support_left_image{
}



.ul_right{
	margin-top : 40px ;
}


.art_image_50vw{
	float : none ;
	width : auto;
	max-width : 100% ;
	margin : 40px auto 0px ;
}







.art_youtube_stage{
}
.art_youtube_dummy{
}
.art_youtube_item{
	width : 300px ;
	height : 169px ;
	margin : 0px auto ;
}
.art_youtube_item iframe{
	width : 300px ;
	height : 169px ;
}


.art_youtube_linkbox{
	position: relative ;
	top : auto;
	right : auto ;
	width : 100% ;
	text-align: center ;
	transform: translate(0%,0%);
	margin-top : 30px ;
}

.art_youtube_linkbox img{
	width : 20px ;
	margin : 10px auto 0px ;
}



.ul_right_story_jp .art_story_name{
}


.art_otto_slide_superbox{
}

.art_otto_slide_tn_arrowbox{
	right : 0px ;
}

.art_otto_slidestage{
	width : 100% ;
	height : 204px ;
}
.art_otto_slide_dummy{
}

.art_otto_slide_item{
}

.art_otto_slide_item img{
}

.art_otto_slide_tn_superbox{
	position: relative;
	top : auto ;
	right : auto ;
	width : 100%;
	/** display: flex; **/
	display: none ;
	/** justify-content: space-between; **/
	justify-content: center ;
	flex-wrap : wrap;
}

.art_otto_slide_tn{
	width : 15% ;
	height : 66px ;
	opacity: 0.4 ;
}
.art_otto_slide_tn img{
}

.art_otto_slide_tn:hover,
.art_otto_slide_tn.active{
	opacity: 1.0 !important;
}





.art_image_50vw{
	float : none ;
	width : auto;
	max-width : 100% ;
	margin : 0px auto 0px ;
}




.art_artist_flex{
}


.art_artist_item{
	width : 100% ;
	height : 200px ;
}
.art_artist_item_dummy{
	width : 100% ;
}

.art_artist_item_wrap{
	height : 200px ;
}

.art_artist_item_image{
}

.art_artist_next_arrow{
}

.art_artist_item_title{
	height : 36px ;
	line-height : 36px ;
	font-size : 14px ;
}






.artist_spacer{
	height : 0px ;
}

.artist_slide_stage{
	margin-top : 40px ;
}

.artist_slide_dummy{
}
.artist_slide_item{
}
.artist_slide_item img{
}

.artist_slide_tn_superbox{
}

.artist_slide_tnbox{
	width : 60px ;
	height : 40px ;
	margin-bottom : 8px ;
}
.artist_slide_tnbox img{
}

.artist_slide_tn_dummy{
	width : 60px ;
}

.artist_slide_tnbox:hover,
.artist_slide_tnbox.active{
}

.artist_project{
}

.artist_story{
}





.artist_backindex{
	text-align: center ;
	margin-top : 120px ;
}






}