@charset "utf-8";

header{width: calc(100% - 40px);
	height: 0px;
	padding-left: 40px;
	position:inherit; top: -50; left: 0;
	z-index: 2;}

.font_w_b{font-weight: 700;}

.textcolor1{color:rgba(81,0,255,1.00);}

.pc_menu_btn3{display: inline-block;height: 30px;	
	margin-right: 10px;
	border-bottom: rgba(255,255,255,1.00) solid 2px;
	background:rgba(255,0,4,0.90);
	float: left;}
	
.pc_menu_btn4{display: inline-block;height: 30px;	
	margin-right: 5px;
	border-bottom: rgba(255,255,255,1.00) solid 2px;
	background:rgba(255,142,0,1.00);
	float: right;}

.pc_menu_btn3:hover,.pc_menu_btn4:hover{border-bottom:rgba(255,221,0,1.00) solid 2px;}

.pc_menu_btn3 img,.pc_menu_btn4 img{margin: 5px 10px;}

.live_menu_btns{width: 600px;
	margin-left: -280px;
	position: absolute;top: 5px; left: 50%;
	overflow: hidden;}
	
.pc_menu_btn5{width: 98px;
	line-height: 38px;
	margin: 0 1px;
	font-size: 14px;
	background: rgba(0,0,0,1.00);
	text-align: center;
	border-bottom: rgba(209,43,45,1.00) solid 2px;
	float: left;}

.pc_menu_btn5:hover{border-bottom:rgba(255,221,0,1.00) solid 2px;}

.pc_menu_btn5 a,.pc_menu_btn5 a:hover{color: rgba(255,255,255,1.00);}

a{color: rgba(39,211,255,1.00);}

a:hover{color: rgba(255,192,56,1.00);}

.live_main_img{width: calc(100% - 30px);
	padding-left: 30px;
	margin-top: 50px;
	background: url("../img/top_bg1.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	position: relative;}
	
.live_main_img_filter{width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;}
	
.live_main_img_filter img{width: 100%;
	height: 100%;}
	
.live_main_img1,.live_main_img2,.live_main_img3{float: left;}

.live_main_img1,.live_main_img3{width: 30%;}

.live_main_img2{width: 40%;}

.live_main_img1 img,.live_main_img2 img,.live_main_img3 img{width: 100%;}

.live_con1{width: calc(100% - 30px);
	padding:50px 0 50px 30px;
	text-align: center;
	position: relative;}
	
.bg_blue{background: url("../img/bg_blue1.png");
	background-repeat: repeat;
	border-top: rgba(0,124,255,1.00) solid 5px;}
	
.bg_purple{background: url("../img/bg_purple1.png");
	background-repeat: repeat;
	border-top:rgba(255,0,142,1.00) solid 5px;}
	
.bg_black{background: rgba(0,0,0,0.60);}
	
.live_con_title1{width: 35%;
	padding-bottom: 30px;
	margin: 0 auto;}

.live_con_title1 img{width: 100%;}

.live_text1{font-size: 1.4vw;
	line-height: 150%;
	font-weight: 700;
	color: rgba(255,255,255,1.00);}

.live_text1 table{width: 700px;
	margin: 0 auto;}

.fw_300{font-weight: 300;}

.date_caution{padding-top: 15px;
	font-size: 1.0vw;
	font-weight: 300;
	color: rgba(255,255,255,1.00);}

.guest_td0{padding: 5px;
	background:rgba(0,0,0,0.60);}
	
.guest_td1{width: 20%;
	padding: 5px 0;
	border-right: rgba(255,255,255,0.50) solid 1px;}
	
.guest_td2{padding: 5px 0 5px 10px;
	text-align: left;}

.live_text2{font-size: 1.2vw;
	line-height: 150%;
	font-weight: 500;
	color: rgba(255,255,255,1.00);}

.live_text3{font-size: 1.2vw;
	line-height: 150%;
	font-weight: 300;
	color: rgba(255,255,255,1.00);}

.staff_name1{font-size: 1.0vw;
	color: rgba(191,191,191,1.00);}

.staff_name2{font-weight: 500;}

.staff_name3{font-weight: 200;}

.live_map{width: 600px;
	height: 280px;
	margin: 0 auto;}
	
.live_map iframe{width: 100%;
	height: 100%;}

.map_link{width: 600px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 0.8vw;
	text-align: left;
	color: rgba(255,255,255,1.00);}

/* QA > */

.qa_block1{width:800px;
	margin:0 auto;
	text-align:left;}

.q{width:calc(100% - 10px);
	padding:10px 5px;
	font-size:16px;
	line-height:20px;
	color:rgba(255,255,255,1.00);
	background:rgba(0,0,0,0.70);
	overflow:hidden;
	cursor:pointer;}

.a{width:calc(100% - 10px);
	padding:10px 5px;
	font-size:14px;
	font-weight: 400;
	line-height:25px;
	color: rgba(0,0,0,1.00);
	background:rgba(255,255,255,0.70);
	overflow:hidden;
	display:none;}

.qa_amrk{width:25px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	float:left;}

.qa_text_q{width:calc(100% - 65px);
	float:left;}
	
.qa_text_a{width:calc(100% - 25px);
	float:left;}

.qa_text_a a{color:rgba(0,116,255,1.00);}

.qa_text_a a:hover{color:rgba(255,150,0,1.00);}

.qa_button{width:20px;
	height:20px;
	float:right;
	border:rgba(255,255,255,0.50) solid 1px;
	background:url(../img/qa_button_open_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.p_m{background:url(../img/qa_button_close_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

/* < QA */

/* gotop */
.gotop{width:60px;
	height:60px;
	color:rgba(255,255,255,1.00);
	text-align:center;
	font-size:12px;
	background:rgba(0,0,0,1.00);
	border-bottom: rgba(209,43,45,1.00) solid 2px;
	position:fixed; bottom:10px; right:10px;
	z-index:3;}

.gotop:hover{border-bottom:rgba(255,221,0,1.00) solid 2px;}

.gotop_bar_left{width:21px;
	height:2px;
	position:absolute; top:20px; left:12px;
	-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	background:rgba(255,255,255,1.00);}
	
.gotop_bar_right{width:21px;
	height:2px;
	position:absolute; top:20px; right:12px;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	background:rgba(255,255,255,1.00);}

.gotop_text{width:60px;
	position:absolute; top:40px;
	text-align:center;}

@media screen and ( max-width:1280px )
{
.live_text1{font-size: 18px;}

.date_caution{font-size: 12px;}

.live_text2{font-size: 14px;}

.live_text3{font-size: 14px;}

.map_link{font-size: 12px;}
}


@media screen and ( max-width:736px )
{
.drawer-menu li a {
    display: block;
    line-height: 30px;
	padding-bottom: 5px;
    font-size: 15px;
	font-weight: bold;
    color: #fff;
    -webkit-transition: all .8s;
    transition: all .8s;}

.live_main_img{width: 100%;
	padding-left: 0;
	margin-top: 0;}

.live_main_img1{width: 100%;
	float: none;}

.live_main_img2{width: 100%;
	margin: 0 auto;
	float: none;}

.live_con1{width: 100%;
	padding:50px 0 ;}

.live_con_title1{width: 80%;
	padding-bottom: 30px;
	margin: 0 auto;}
	
.live_text1{font-size: 16px;}

.live_text1 table{width: 90%;
	max-width: 420px;}

.date_caution{font-size: 10px;}

.guest_td1{width: 22%;
	font-size: 14px;}

.guest_td2{font-size: 14px;}

.live_text2{font-size: 12px;}

.live_text3{font-size: 12px;}

.staff_name1{font-size: 11px;}

.live_map{width: 80%;
	max-width: 420px;}
	
.map_link{width: 80%;
	max-width: 420px;
	font-size: 10px;}
	
/* QA > */

.qa_block1{width:95%;
	max-width: 400px;}

.q{width:calc(100% - 10px);
	font-size:12px;}

.a{width:calc(100% - 10px);
	font-size:12px;
	line-height:20px;}

.qa_amrk{font-size:16px;}

.qa_text_q{width:calc(100% - 65px);
	float:left;}
	
.qa_text_a{width:calc(100% - 25px);
	float:left;}

.qa_text_a a:hover{color:rgba(0,116,255,1.00);}

.qa_button{background:url(../img/qa_button_open.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.p_m{background:url(../img/qa_button_close.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

/* < QA */
}