@charset "utf-8";
/**********
pc
**********/
body{
	position:relative;
	width:100%;
	background:#fff;
	min-width: 1200px;
}
#container{
	overflow: hidden;
}

.visual_fade{
	position: relative;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
	z-index: 1;
	min-width: 1000px;

}
.visual{
	position: absolute;
    z-index: 1;
    height: 94%;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.visual_close{
	position: absolute;
    top:0;
	width: 60px;
    cursor: pointer;
    transition: 0.2s;
	right: -70px;
}

.visual_close:hover{
	opacity: 0.8;
}

/*logo nameエリア*/
#main_wrap{
	position:relative;
	top: 0;
	width:994px;
  margin: 30px auto 0;
}
.logo{
  margin-top:90px;
	width: 994px;
}
.name_wrap1{
	width: 450px; /*出演２名*/
	width: 570px; /*出演3名*/
    display: flex;
    margin: 50px auto 0;
    justify-content: space-evenly;
}
.name_wrap2{
	width: 450px;
    display: flex;
    margin: 20px auto 0;
    justify-content: space-evenly;
}
.day{
	width: 366px;
	margin: 40px auto 0;
}
.copyllight{
	font-size: 12px;
	text-align: center;
	margin-bottom: 30px;
}

.share{
	display: flex;
	justify-content: space-between;
	position: relative;
	left: 50%;
	transform: translateX(-50%);	
	width: 180px!important;
	height: 29px!important;
  margin-bottom:30px;
}
.share li{
	width: 29px!important;
}
.share_txt{
	margin-top: 10px;
	width: 38px;
}


#main_r{
  position: relative;
  width: 100%;
  height: 860px;
}
.main_rotation{
  position: absolute;
  left: 0;
  top:0;
  width:100%;
  height: 100%;
}
.bg_gray{
  background: url("../img/repeat_x.jpg") repeat-x left top;
  background-size:auto 100%;
}
.bg_grad{
  background: url("../img/repeat_xg.jpg") repeat-x left top;
  background-size:auto 100%;
}
.main_visual{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
}
.main_visual .visual_patern{
  position: absolute;
  left: 0;
  top:0;
  opacity: 0;
  transition:0.5s;
}
.main_cn .visual_active{
  opacity: 1;
  transition:1s;
}

.main_visual .visual_patern:nth-child(1){
  width:816px;
  height: 860px;
  background: url("../img/va1_img.png") no-repeat left top;
  background-size:816px auto;
}
.main_visual .visual_patern:nth-child(2){
  width:765px;
  height: 860px;
  background: url("../img/va2_img.png") no-repeat left top;
  background-size:765px auto;  
}
.main_visual .visual_patern:nth-child(3){
  width:816px;
  height: 860px;
  background: url("../img/va3_img.png") no-repeat left top;
  background-size:816px auto;  
}
.main_visual .visual_patern:nth-child(4){
  width:885px;
  height: 860px;
  background: url("../img/va4_img.png") no-repeat left top;
  background-size:885px auto;  
}



.main_copy{
  position: absolute;
  left: 0;
  top:0;
  z-index: 1;
  opacity: 0;
  transition:0.5s;
}
.main_copy_g .main_copy:nth-child(1){
  background: url("../img/va1_copy.png") no-repeat left top;
  background-size:112px auto;
  width:112px;
  height: 245px;
}
.main_copy_g .main_copy:nth-child(2){
  background: url("../img/va2_copy.png") no-repeat left top;
  background-size:111px auto;
  width:111px;
  height: 249px;  
}
.main_copy_g .main_copy:nth-child(3){
  background: url("../img/va3_copy.png") no-repeat left top;
  background-size:113px auto;
  width:113px;
  height: 233px;  
}
/*
.main_copy_g .main_copy:nth-child(7){
  background: url("../img/va0_copy.png") no-repeat left top;
  background-size:90px auto;
  width:90px;
  height: 177px;
  left: 20px;
  top:20px;
}
*/
.n_text{
  text-indent: -9999px;
  overflow: hidden;
}
h1{
  position: absolute;
  background: url("../img/logo_img_open.png") no-repeat left top;
  background-size:606px auto;
  width:606px;
  height: 257px;
  right:94px;
  top: 200px;
  z-index: 1;
}
.bg_grad h1{
  position: absolute;
  background: url("../img/logo_img_open_w.png") no-repeat left top;
  background-size:606px auto;
  width:606px;
  height: 257px;
  right:94px;
  top: 200px;
  z-index: 1;
}

.belling{
  position: absolute;
  background: url(../img/cast_text3_r.png) no-repeat left top;
  background-size:494px auto;
  width:494px;
  height: 297px;
  right:250px;
  top:530px;
}
.app{
  position: absolute;
  background: url(../img/app_bnr.png) no-repeat left top;
  background-size:200px auto;
  width:200px;
  height: 270px;
  right:30px;
  top:560px;
}
/*CPバナー*/
.cp{
  position: absolute;
  background: url(../img/cp_bnr.png) no-repeat left top;
  background-size:200px auto;
  width:200px;
  height: 270px;
  right:2.5%;
  top:420px;
}
.cp_link{
	position: absolute;
    width: 14.3%;
    height: 15.2%;
    right: 2.4%;
    top: 48.8%;
    z-index: 10;
    transition: 0.2s;
    border-radius: 7%;
}
.cp_link:hover{
	background: rgba(255,255,255,0.1);
}

.main_cn{
  position: absolute;
  max-width: 1400px;
  width:100%;
  height: 100%;
  left: 50%;
  top:0;
  transform:translateX(-50%);
  transform-origin: center top;
}


.bg_white .main_visual .visual_patern,
.bg_grad .main_visual .visual_patern{
  position: absolute;
  right: 0;
  bottom:0;
  left: auto;
}

.bg_white h1,
.bg_grad h1{
  right:auto;
  left: 100px;
/*  top: 205px;*/
}
.bg_white .belling{
  background: url(../img/cast_text3.png) no-repeat left top;
  background-size:494px auto;
  right:auto;
  left: 250px;
}
.bg_grad .belling{
  background: url(../img/cast_text3_w.png) no-repeat left top;
  background-size:494px auto;
  right:auto;
  left: 250px;
}
.bg_white .app,
.bg_grad .app{
  right:auto;
  left: 30px;
}
/*CPバナー*/
.bg_white .cp,
.bg_grad .cp{
  right:auto;
  left: 30px;
}
.bg_white .cp_link,
.bg_grad .cp_link{
  right:auto;
  left: 2.1%;
}

.main_visual .visual_patern:nth-child(5){
  width:695px;
  height: 860px;
  background: url("../img/va5_img.jpg") no-repeat left top;
  background-size:695px auto;  
}
.main_visual .visual_patern:nth-child(6){
  width:673px;
  height: 860px;
  background: url("../img/va6_img.jpg") no-repeat left top;
  background-size:673px auto;  
}
.main_visual .visual_patern:nth-child(7){
  width:632px;
  height: 860px;
  background: url("../img/va0_img.jpg") no-repeat left top;
  background-size:632px auto;
}
.main_visual .visual_patern:nth-child(8){
  width:738px;
  height: 860px;
  background: url("../img/va7_img.jpg") no-repeat left top;
  background-size:738px auto;
}


.bg_white_anim{
  position: absolute;
  left: 0;
  top:0;
  width:100%;
  height: 100%;
  background: rgba(255,255,255,1);
  opacity: 0;
  z-index: 1;
  transition:0.5s;
}
.change_active{
  transition:1s;
}


#barrierfree{
  max-width: 290px;
  margin: 30px auto;
}