@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/
/*.num5.non .cont::before,
.num6.non .cont::before{
display:none;
}*/

.btn_ap{
	width:94%;
	border-radius:5px;
	border:2px solid #d00;
	display:block;
	text-align:center;
	padding:1% 3%;
	background-color:rgba(255,255,255,0.3);
	font-weight:800;
	font-size:16px;
	margin-top:5%;
}

	@media screen and (min-width: 481px){

	body.event #menu li.menu_event{background:transparent url('../img/common/menu_event_on.png');}

/*--------visual---------*/

body{

}

/*--------visualbnr---------*/

#headline{
	position:relative;
	padding:10px 0;
	border-bottom:1px solid #fff;
}

#headline .inner{
	width:950px;
	margin:0 auto 0;
}


.inner_ac{
	background-color:rgba(255,255,255,0.7);
}

.window_ac{
	border-radius:25px;
	margin-bottom:20px!important;
	box-shadow:1px 1px 4px rgba(1,200,255,0.2);
}

.non .inner_ac{
	background-color:rgba(224,224,224,0.7);
}


.headline2{
	width:100%;
	text-align:center;
	padding:20px 0;
}

.headline2 img{
	width:600px;
	display:inline-block;
}


.readText{
display: block;
width: 100%;
text-align: center;
padding: 10px 0 20px;
color: #555;
font-size: 16px;
font-weight: bold;
}

.readText span{
color:#0C82B7;
display:inline-block;
font-size:13px;
line-height:1.3;
margin-top:15px;
}

p.text{
	width:100%;
	color:#666;
	display:block;
	text-align:center;
	font-size:20px;
	line-height:1.5;
}


.block_p{
	width:42.5%;
	float:left;
	border-radius:8px;
	/*background-color:rgba(255,255,255,0.9);*/
	padding:0% 3% 2%;
	color:#333;
	margin:40px 0 0px;
	font-size:14px;
	line-height:1.5;
		text-align:center;
	/*box-shadow:1px 1px 6px rgba(0,0,0,0.2);*/
}

.block_n{
	width:42.5%;
	float:left;
	/*background-color:rgba(255,255,255,0.9);*/
	border-radius:8px;
	padding:0% 3% 2%;
	color:#333;
	margin:40px 0 0px;
	margin-left:1%;
	font-size:14px;
	line-height:1.5;
	text-align:center;
	/*box-shadow:1px 1px 6px rgba(0,0,0,0.2);*/

}

.block_p .icon,
.block_n .icon{
text-align:center;
	width:200px;
	display:block;
	margin:5px auto 10px;
}

.icon img{width:100%;}

.block_p a{
	text-decoration:underline;
}

.block_p span{
	display:inline!important;
}

.block_p span,
.block_n span{
font-size:13px;
color:#09d;
display:block;
line-height:1.3;
}



.block_n .ss,
.block_p .ss{
	width:100%;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px;
}

.block_n .ss img,
.block_p .ss img{
	display:block;
	width:100%;
}

.ss img{
width:100%;
}

.attention{
	color:#09d;
	display:block;
	padding:0 0 45px;
	text-align:center;
	font-size:12px;
	line-height:1.4;
}

.non .cont::before{
	content:'';
	background-image:url('../img/event/zack.png');
	background-size:100%;
	padding-top:23.8%;
	display:block;
	margin:1% auto -20px;
	position:relative;
	width:50%;
}



/*--------contents---------*/

.contents{
	position:relative;
	z-index:60;
	background-color:rgba(255,255,255,0.8);
}

.contents_inner{
	margin:0;padding:0;
	width:865px;
	margin:0 auto 0;
	padding:50px 0 80px;
	position:relative;
}

.contents_inner .li.window_ac{
	margin-bottom:8px;
}

#background{
	background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
	background-attachment:fixed;
	min-width:1000px;
	padding-bottom:100px;
}



.head{
font-size:24px;
font-weight:800;
color:#09d;
background-color:#09d;
padding:10px 25px;
border-radius:100px;
}

.head.el{
background-color:#28dec2;
}

.head.el .date{
color:#fff;
}

.head .icon{
width:108px;
display:block;
float:left;
}

.head:hover{
background-color:#FA1D8F;
}

.head:hover span{
color:#fff!important;
}

.head .title{
font-size:20px;
font-weight:800;
color:#fff;
margin-left:12px;
margin-top:3px;
}

.head .state{
font-size:14px;
font-weight:400;
color:#FFEA3E;
margin-right:20px;
font-weight:800!important;
}

.head .date{
font-size:14px;
float:right;
line-height:1;
margin-top:10px;
display:block;
color:#D7EEFF;
}

.head div{
float:left;
}

.cont{
	display:block;
	color:#09d;
	padding:0px 40px 60px;
}

h3{
	font-size:22px;
	font-weight:800!important;
	display:block;
	margin:0 0 30px;
}

.cont h3:nth-of-type(2){
	margin-top:60px;
}


.box{
	width:100%;
	margin:0 auto 0;
	position:relative;
}

.box .tit{
	width:100%;
	display:block;
	font-size:24px;
	font-weight:800;
	line-height:1;
	margin-bottom:16px;
	margin-top:40px;
	padding-top:5px;
	padding-bottom:8px;
	border-bottom:1px solid #09d;
}

.box .tit p{
	width:70%;
	display:block;
	font-size:27px;
	font-weight:800;
	line-height:1;
	padding-top:3px;
	float:left;
	padding-left:20px;
}

.box .tit img{
float:left;
display:block;
width:160px;
margin-left:-5px;
}

.box .tit{
	width:auto;
}

.box .tit span{
	font-weight:400;
	font-size:20px;
}

.box .ss{width:100%;}
.box.twoline .ss{width:49.5%;display:block;float:left;}
.box.twoline .ss:nth-of-type(2){margin-left:1%;}



.update{
	color:#666;
	text-align:center;
	font-size:18px;
	line-height:1.6;
	margin-top:40px;
}


.getnow{
	width:100%;
	background-color:rgba(255,255,255,0.6);
	padding:20px 0;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #ddd;
}

#twitter{
	width:100%;
	max-width:500px;
	margin:0 auto 0;
}

#twitter .twitter-timeline{
	width:100%!important;
}

.timeline-Widget{
	background-color:transparent!important;
}


.getnow_img img{
	width:100%;
}



.getnow .getnow_text{
	width:48%;
	float:left;
	padding:20px 0;
	text-align:center;
}

.getnow .getnow_img{
	width:48%;
	float:right;
}

.getnow .txtimg{
	width:90%;
}

.getnow .getnow_img .flexslider_min{
	width:100%;
}

.getnow .flex-control-nav{
	display:none;
}

/**/

.getnow_inner{
	width:96%;
	max-width:800px;
	margin:0 auto 0;
	display:flex;
}

.getnow .leftside{
	width:50%;
	text-align:center;
}

.getnow #twitter{
	width:40%;
		border:2px solid #09d;
		border-radius:7px;
		padding:10px;
		background-color:#fff;
}


.zack{
	text-align:center;
	padding:20px 0 25px;
}

.exp_icon{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}


.flexslider_min img{
	display:block;
}

.flexslider_min_window{
	border-radius:8px;
	overflow:hidden;
	position:relative;
}

.link{
text-align:right;
position:absolute;
top:1em;
right:0px;
font-size:13px;
}

.link a{
	background-color:#09d;
	border-radius:30px;
	color:#fff;
	padding:3px 10px;
	margin-left:5px;
	font-size:12px;
}

.catalog{
	padding:40px 0;
	border-bottom:1px solid #ddd;
}

.catalog p{
	font-size:14px;
	color:#666;
	text-align:center;
}

.catalog .tit{
	font-weight:800;
	color:#09d;
	text-align:center;

	font-size:22px;
	padding-bottom:10px;
}

.flex-caption{
	text-align:right;
	color:#666;
	padding-top:4px;
	font-size:12px!important;
}


/**/



.block_twoline .box{
display:block;
width:49%;
float:left;
}

.block_twoline .box .img{
display:block;
width:100%;
}

.block_twoline .box:nth-child(2n+2){
margin-left:2%;
}

.box_top3{
	padding-top:15px;
	color:#fc41a2;
}

.box_top3 .box_top3_i{
	display:block;
	float:left;
	width:32.6%;
		margin-left:1%;
}
.box_top3 .box_top3_i:nth-of-type(1){
margin-left:0px;
}

.box_top3 a{
	display:block;
	background-color:#ddd;
	padding:1px;
}

.box_top3 p{
	display:block;
	text-align:center;
	color:#aaa;
}

.box_top3 a img{
	display:block;
	width:100%;
}


.block_twoline .tit img{
width:120px;
margin-top:5px;
}

.block_twoline .tit p{
width:auto;
padding-left:5px;
}


#btn_twitter{
	width:287px;
	display:block;
	margin:0 auto 20px;
}






}

/*----------------------------------------
	for SP
----------------------------------------*/

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

body.event #menu li.menu_event{background:transparent url('../img/common/menu_event_on.png');}
/*--------visual---------*/

body{

}

/*--------visualbnr---------*/

#headline{
	position:relative;
	padding:10px 0 0;
	border-bottom:1px solid #fff;
	z-index:100;
}

#headline .inner{
	width:96%;
	margin:0 auto 0;
	padding:0 2%;
}

/*--------contents---------*/





.contents{
	position:relative;
	z-index:60;
	background-color:rgba(255,255,255,0.7);

}

.contents_inner{
	margin:0;padding:0;
	width:92%;
	margin:0 auto 0;
	padding:6% 0 80px;
	position:relative;
}

.contents_inner .li.window_ac{
	margin-bottom:8px;
}

#background{
	overflow:hidden;
}

#background::after{
	display:block;
	position:fixed;top:0px;left:0px;
	background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
	min-width:100%;
	height:100%;
	z-index:-50;
}


.inner_ac{
	background-color:rgba(255,255,255,0.7);
}

.window_ac{
	border-radius:10px;
	margin-bottom:20px!important;
	box-shadow:1px 1px 4px rgba(1,200,255,0.2);
}

.non .inner_ac{
	background-color:rgba(224,224,224,0.7);
}


.headline2{
	width:100%;
	text-align:center;
	padding:20px 0;

}

.headline2 img{
	width:90%;
	display:inline-block;
}


.readText{
display: block;
width: 90%;
text-align: left;
padding: 10px 0 20px;
margin:0 auto 0;
color: #555;
font-size: 16px;
font-weight: bold;
}

.readText span{
color:#0C82B7;
display:inline-block;
font-size:12px;
line-height:1.3;
margin-top:15px;
}

p.text{
	width:100%;
	color:#666;
	display:block;
	text-align:center;
	font-size:20px;
	line-height:1.5;
}


.block_p{
	width:48%;
	float:left;
	border-radius:8px;
	/*background-color:rgba(255,255,255,0.9);*/
	padding:0% 0% 2%;
	color:#333;
	margin:0px 0 0px;
	font-size:14px;
	line-height:1.5;
		text-align:left;
	/*box-shadow:1px 1px 6px rgba(0,0,0,0.2);*/
}

.block_n{
	width:48%;
	float:left;
	/*background-color:rgba(255,255,255,0.9);*/
	border-radius:8px;
	padding:0% 0% 2%;
	color:#333;
	margin:0px 0 0px;
	margin-left:4%;
	font-size:14px;
	line-height:1.5;
	text-align:left;
	/*box-shadow:1px 1px 6px rgba(0,0,0,0.2);*/

}

.block_p .icon,
.block_n .icon{
text-align:center;
	width:100%;
	display:block;
	margin:5px auto 10px;
}

.icon img{width:100%;}

.block_p a{
	text-decoration:underline;
}

.block_p span{
	display:inline!important;
}

.block_p span,
.block_n span{
font-size:13px;
color:#09d;
display:block;
line-height:1.3;
margin-top:10px;
}



.block_n .ss,
.block_p .ss{
	width:100%;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px;
}

.block_n .ss img,
.block_p .ss img{
	display:block;
	width:100%;
}

.ss img{
width:100%;
}

.attention{
	color:#09d;
	display:block;
	padding:10px 0 45px;
	text-align:center;
	font-size:12px;
	line-height:1.4;
}

.non .cont::before{
	content:'';
	background-image:url('../img/event/zack.png');
	background-size:100%;
	background-repeat:no-repeat;
	padding-top:38.8%;
	display:block;
	margin:1% auto -20px;
	position:relative;
	width:80%;
}


/*--------contents---------*/

.contents{
	position:relative;
	z-index:60;
	background-color:rgba(255,255,255,0.8);
}

.contents_inner{
	margin:0;padding:0;
	width:90%;
	margin:0 auto 0;
	padding:50px 0 80px;
	position:relative;
}

.contents_inner .li.window_ac{
	margin-bottom:8px;
}




.head{
font-size:24px;
font-weight:800;
color:#09d;
background-color:#09d;
padding:4% 5%;
border-radius:10px;
}

.head .icon{
width:25%;
display:block;
float:left;
margin-left:-1%;
}

.head:hover{
background-color:#FA1D8F;
}

.head .title{
font-size:18px;
font-weight:800;
color:#fff;
margin-top:3px;
}


.head .date{
font-size:12px;
float:right;
line-height:1;
margin-top:10px;
display:block;
color:#D7EEFF;
}

.head div{
float:left;
}

.head.el{
background-color:#28dec2;
}

.head.el .date{
color:#fff;
}

.cont{
	display:block;
	color:#09d;
	padding:0px 4% 60px;
}

h3{
	font-size:22px;
	font-weight:800!important;
	display:block;
	margin:0 0 30px;
}

.cont h3:nth-of-type(2){
	margin-top:60px;
}


.box{
	width:100%;
	margin:0 auto 0;
}

.box .tit{
	width:100%;
	display:block;
	font-size:24px;
	font-weight:800;
	line-height:1;
	margin-bottom:13px;
	margin-top:10%;
	padding-top:5px;
	padding-bottom:8px;
	border-bottom:1px solid #09d;
}

.box .tit p{
	display:block;
	font-size:21px;
	font-weight:800;
	line-height:1;
	padding-top:3px;
}

.box .tit img{
display:block;
width:34%;
margin-left:-1%;
margin-bottom:2%;
}

.box .tit{
	width:auto;
}

.box .tit span{
	font-weight:400;
	font-size:15px;
}

.box .ss{width:100%;}
.box.twoline .ss{width:49.5%;display:block;float:left;}
.box.twoline .ss:nth-of-type(2){margin-left:1%;}

.update{
	color:#666;
	text-align:left;
	font-size:16px;
	line-height:1.6;
	margin-top:40px;
}
.flex-direction-nav{
	display:none;
}

#btn_twitter{
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:20px;
}

.getnow{
	width:100%;
	background-color:rgba(255,255,255,0.6);
	padding:20px 0 20px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #ddd;
}


.getnow_img img{
	width:100%;
}

.getnow .getnow_inner{
	width:92%;
	margin:0 auto 0;
}

.getnow .getnow_text{
	width:48%;
	float:left;
	padding:20px 0;
	text-align:center;
}

.getnow .getnow_text {
	width:48%;
	float:left;
	padding:1% 0 ;
	text-align:center;
}

.getnow .btn_check{
	width:80%;
	display:block;
	margin:0 auto 0;
}
.getnow .btn_check img{
	width:100%;
}

.getnow .getnow_img{
	width:48%;
	float:right;
}

.getnow .txtimg{
	width:90%;
}

.getnow .leftside{
	text-align:center;
}

.getnow .getnow_img .flexslider_min{
	width:100%;
}

.getnow .flex-control-nav{
	display:none;
}

#twitter{
	width:100%;
	margin:0 auto 0;
}

#twitter .twitter-timeline{
	width:100%!important;
}

.getnow #twitter{
		border:2px solid #09d;
		border-radius:7px;
		box-sizing:border-box;
		padding:2%;
		width:96%;
		background-color:#fff;
}

.getnow .img{
	width:90%;
}


.timeline-Widget{
	background-color:transparent!important;
}


.zack{
	text-align:center;
	padding:3% 0 8%;
	margin:0 auto 0;
	width:80%;
}

.zack img{
	display:block;
	width:100%;
}

.link{
font-size:12px;
padding:0 0 12px;
}

.link a{
	background-color:#09d;
	border-radius:30px;
	color:#fff;
	padding:3px 10px;
	margin-left:5px;
	font-size:10px;
}

.catalog{
	padding:40px 0;
	border-bottom:1px solid #ddd;
}

.catalog p{
	font-size:14px;
	color:#666;
	text-align:center;
}

.catalog .tit{
	font-weight:800;
	color:#09d;
	text-align:center;

	font-size:22px;
	padding-bottom:10px;
}

.flex-caption{
	text-align:right;
	color:#666;

	font-size:11px!important;
}

/**/




.block_twoline .box{
display:block;
width:100%;
}

.block_twoline .box .img{
display:block;
width:100%;
}


.box_top3{
	padding-top:15px;
	color:#fc3fa2;
}

.box_top3 .box_top3_i{
	display:block;
	float:left;
	width:32.6%;
		margin-left:1%;
}
.box_top3 .box_top3_i:nth-of-type(1){
margin-left:0px;
}

.box_top3 a{
	display:block;
	background-color:#ddd;
	padding:1px;
}

.box_top3 p{
	display:block;
	text-align:center;
	color:#aaa;
}

.box_top3 a img{
	display:block;
	width:100%;
}




.block_twoline .tit p{
width:auto;
padding-left:5px;
}

}



/*20161019*/

.flexslider_off img{
	width:100%;
}