
/*------------------------------------------------
temp original
-------------------------------------------------*/

.conteBox{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding:30px 0;
	letter-spacing: 0.02em;
}

/*------------------------------------------------
layout grit system
-------------------------------------------------*/
@media screen and (max-width:767px) {
	.conteBox {
		width:100%;
	}
}

@media screen and (max-width:960px) {
	.conteBox{
		width:90%;
	}
}

.keyimgBox {
	margin-bottom:0 !important;
	background:#3149d1;
}




/*------------------------------------------------
テキスト装飾
-------------------------------------------------*/

.linerPen{
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;
}

.linerPen02{
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #7FA875 0%) repeat scroll 0 0;
}

.underLine{
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0; 
	padding:0.6em 0 0 0.5em; 
	margin-right:0.2em;
}

.ttl02{
	font-size: 2em; 
	color: #19457a; 
	text-align:center; 
	font-weight:bold;
	padding: 20px 10px;
}

.ttl03{
	font-size: 2em; 
	color: #f4fe66;
	text-align:center; 
	font-weight:bold; 
	margin:0 0 30px;
}

.txtOrange{
	color: #f4ff51;
}

.txtBlack{
	color: #333333; 
}

.txtWhite{
	color: #fff; 
}

.txtRed{
	color: #ff5e49; 
}

/*------------------------------------------------
btnLink
-------------------------------------------------*/

.btnArea{
	width:90%;
	margin:auto;
}

.btnArea a.btn01,.btnArea a.btn02{
	background: #48d6b9;
	padding: 20px;
	text-align: center;
	border-radius:10px;
	text-shadow: 1px 1px 1px #30b398;
	transition: all .3s;
	box-shadow: 0px 10px 5px rgb(0 0 0 / 20%);
}

.btnArea a.btn02{
	background:#ffa707;
	text-shadow: 1px 1px 1px #d28c10;
}


.btnArea a.btn01:hover,
.btnArea a.btn02:hover{
	background:#00ffcd;
	text-decoration:none;
	box-shadow: none;
}

.btnArea a.btn02:hover{
	background: #FFC107;
}

@media screen and (max-width:767px) {
/*スマホ*/
	ul.btnArea{
	
	}
}


.btnArea a{
	color: #fff!important;
	text-align: center;
	font-weight: 700;
	font-size: 22px;
}

.mgB60{
	margin-bottom:60px !important;	
}

.conteBox h2{
	font-size: 2.2em;
	color: #fff;
	font-weight:bold;
	margin-bottom:30px;
	padding: 20px 0 5px 0;
	border-bottom: 3px solid;
	letter-spacing: 0.08em;
}

.conteBox h2:before {
}

.conteBox h3{
	font-size: 1.8em;
	color: #fff;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:none;
	padding-top: 30px;
	letter-spacing: 0.08em;
}

@media screen and (max-width:767px) {
    .conteBox h2{
	font-size: 1.9em;
	margin-bottom:10px;
	padding: 20px 0 0px 0;
	border-bottom: 3px solid;
    }

    .conteBox h3{
	font-size: 1.4em;
	padding-top: 10px;
    }

    .eventcode{
	width : 30%;
    }
}
.conteBox h2:after,
.conteBox h3:after{
	background: none;
}


.bgBlue{
	background: #358be2;
	color:#fff;
	border-top: solid 3px #fff;
	margin-top : 0 !important;
}

.bgBlue h2{
	/* background: #fff !important; */
	/* color: #111; */
}

.bgBlue h2:before {
	content:none !important;
}

.bgGreen{
	background:#48ae95;
	margin-top : 0 !important;
}

.bgGray{
	background:#f4f4f4;
}

.bgWhite{
	background:#fff;
	border-radius:10px;
	padding:30px;
	margin-top : 0 !important;
}



a.btnB{
	position: relative;
	text-decoration: none;
	color:#fff!important;

}


.btnB{
	background: #1ac4c5;
	transition: all  0.3s ease;
	font-size: 1.4em;
	font-size: 1.4rem;
	background: #6db3f2; /* Old browsers */
	background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); 
}

.btnB:hover{
  background: linear-gradient(to bottom,  #328de0 0%,#518bc1 50%,#1d5fa5 51%,#2e548e 100%); 
}

@media screen and (max-width:767px) {
/*スマホ*/
	.btnB{
	font-size: 18px;
	display:block;
	margin-bottom:20px;
	text-align: center;
	font-weight: 700;
	}

	.btnB{
	width: 90%;
	margin: 0 auto;
	}
	.btnGN:after{
	top: calc(60% - 0.6em);
	}

}


/*---------------
tabelの上書き
---------------*/

table.detail {
	border-top:2px solid #1662ca;
	border-bottom: 3px solid #1662ca;
	border-left:2px solid #1662ca;
}

@media screen and (max-width:767px) {
/*スマホ*/
	table.detail {
	border-right:2px solid #1662ca;
	}
}


table.detail th{
	background:#1662ca;
	text-align:center;
	width: 5em;
	vertical-align: middle;
	font-weight: 700;
	font-size: 20px;
	border-bottom:solid 2px #348be2;
}

table.detail td {
	background: #3580df;
	text-align:left;
	font-weight: 700;
	font-size: 20px;
	padding: 10px 20px;
	border-bottom:2px solid #1662ca;
	border-bottom:2px solid #1662ca;
}

table.detail th, table.detail td {
	border-right:none;
}

table.detail th.ladt, table.detail td.last{
	border-right:none;
}


table.detail tdspan.day{
	font-size:28px;
}

@media screen and (max-width:767px) {
/*スマホ*/
	table.detail td span.Speaker{
	font-size:14px;
	white-space: nowrap;
	}
}


 aside{
	margin:20px auto;
	padding:1.5em 5%;
	background:#ededed;
	border-radius: 5px;
	color: #444;
}

 aside h3{
 color: #1562ca!important;
 
 }

/*コンバージョンエリア*/
.cvArea .conteBox {
	background: url("/event/emerging/images/imgCV.jpg") center top no-repeat;
	background-position: right 0% bottom -1%;
	background-size: 37% auto;
	height: 360px;
}


.cvArea{
	margin : 0 !important;

	}
	
.cvArea h3{
	color:#358be2;
}



/*アーカイブエリア*/
.archive{
	background:#fff;
	padding-bottom : 1em;
	position : relative;
}

.archive p{
margin-top : 2em;
position : absolute;
bottom : 1em;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
}

div.youtube iframe{
width:100% !important;
}
.youtube{
padding-top : 0 !important;

}

@media screen and (max-width:767px) {
.youtube{
margin:30px auto 20px;
}
}

.standby{
width : 100%;
padding : 1.85em;
font-size : 2em;
font-weight : bold;
text-align  : center;
color : #fff;
background : #000;
}


