@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */





.path-title{max-width:1200px; margin:0 auto; padding:50px 15px 60px 15px; text-align:center;}
.path-title .path{margin-bottom:30px; display:none;}

.path-title .titleArea{}
.path-title .titleArea h2{position:relative; color:#333; font-size:19px; margin-bottom:20px; font-weight:600; letter-spacing:2px;}
.path-title .tabArea{}
.path-title .tabArea ul{}
.path-title .tabArea ul li{}
.path-title .tabArea ul li:after{top:6px; height:8px; transform:rotate(15deg);}
.path-title .tabArea ul li + li{margin-left:10px; padding-left:10px;}
.path-title .tabArea ul li a{color:#666;}
.path-title .tabArea ul li.on a{font-weight:600; color:#333;}

[class*="sub"]{}
[class*="sub"]>.in{max-width:1200px; margin:0 auto; padding:0 15px;}
[class*="sub"].max-1000>.in{max-width:1000px;}
[class*="sub"].max-800>.in{max-width:800px;}
[class*="sub"] h2.top-title{padding-left:50px; position:relative; font-size:20px; font-weight:600; margin-bottom:20px;}
[class*="sub"] h2.top-title span{display:block; position:absolute; top:50%; left:0; width:30px; height:1px; background:#999;}
[class*="sub"] .cont{font-size:14px; margin-bottom:50px; line-height:1.8;}
[class*="sub"] .cont h3.title{font-size:18px; margin-bottom:15px;}
[class*="sub"] .cont h4.title{font-size:14px;}
[class*="sub"] .cont .in-cont1{font-size:14px; padding-left:15px; box-sizing:border-box;}
[class*="sub"] .o-max-800{max-width:800px; margin-right:auto; margin-left:auto;}

@media all and (min-width:768px){
  [class*="sub"] h2.top-title{padding-left:70px; font-size:27px; margin-bottom:40px;}
  [class*="sub"] h2.top-title span{width:50px;}
  [class*="sub"] .cont{font-size:16px; margin-bottom:100px;}
  [class*="sub"] .cont h3.title{font-size:22px; margin-bottom:25px;}
  [class*="sub"] .cont h4.title{font-size:19px;}
  [class*="sub"] .cont .in-cont1{font-size:16px; padding-left:20px;}
}

@media all and (min-width:768px){
  .path-title{padding:70px 15px 100px 15px;}
  .path-title .titleArea h2{font-size:28px; letter-spacing:8px;}
  .path-title .tabArea ul li{font-size:16px;}
}




.tableArea{}
.tableArea + .tableArea{margin-top:100px;}
.tableArea h2.title{font-size:25px; margin-bottom:20px;}
.tableArea h2.title i{display:inline-block; font-style:normal; font-size:15px; margin-left:40px; font-weight:normal;}
.tableArea table{}
.tableArea table tr{}
.tableArea table tr th{padding:5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle;}
.tableArea table tr td{padding:10px 5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle;}
.tableArea table thead{background:#f9f9f9;}
.tableArea table thead tr{}
.tableArea table thead tr th{}
.tableArea table tbody{}
.tableArea table tbody tr{}
.tableArea table tbody tr th{}
.tableArea table tbody tr td{}

.tableArea table.type1 th{border:1px solid #ddd;}
.tableArea table.type1 th:first-child{border-left:0;}
.tableArea table.type1 th:last-child{border-right:0;}
.tableArea table.type1 td{border:1px solid #ddd;}
.tableArea table.type1 td:first-child{border-left:0;}
.tableArea table.type1 td:last-child{border-right:0;}

.tableArea table.top-border{border-top:2px solid #333;}
.tableArea table.border{border:1px solid #ddd;}
.tableArea table.center{text-align:center;}
.tableArea table.left{text-align:left;}
.tableArea table .center{text-align:center;}
.tableArea table .left{text-align:left;}

@media all and (min-width:768px){
  .tableArea h2.title{font-size:35px;}
  .tableArea table tr th{padding:10px 10px; font-size:16px;}
  .tableArea table tr td{padding:15px 10px;}
}


span.dot.bottom{position:relative;}
span.dot.bottom:after{position:absolute; bottom:10px; right:-15px; width:3px; height:3px; border-radius:50%; content:""; background:#c61065;}

@media all and (min-width:768px){
  span.dot.bottom:after{width:6px; height:6px;}
}




.top-tabArea{display:none; margin-bottom:40px;}
.top-tabArea.display{display:block;}
.top-tabArea ul{}
.top-tabArea ul li{font-size:12px; padding:0 20px; height:30px; line-height:28px; background:#f9f9f9; color:#999; border:1px solid #ddd; border-bottom-color:#333; cursor:pointer; margin-left:-1px; position:relative; z-index:10;}
.top-tabArea ul li:hover{}
.top-tabArea ul li.on{border-color:#333; color:#000; z-index:11; border-bottom:0; font-weight:500; background:#fff;}

.make-tab .tableArea{display:none;}
.make-tab .tableArea.on{display:block; margin-top:0;}

@media all and (min-width:768px){
  .top-tabArea{margin-bottom:60px;}
  .top-tabArea ul li{font-size:17px; height:50px; line-height:48px; padding:0 60px;}
}























/* intro 01 */
.sub-intro-01{}
.sub-intro-01>.in{}
.sub-intro-01 .cont{}
.sub-intro-01 .cont .sign_font{display:inline-block; margin-left:15px; font-size:15px;}


@media all and (min-width:768px){
  .sub-intro-01 .cont .sign_font{font-size:24px;}
}


/* intro 02 */
.sub-intro-02{}
.sub-intro-02>.in{}
.sub-intro-02 .cont{}
.sub-intro-02 .cont>.in{}

@media all and (min-width:768px){
  .sub-intro-02>.in{}

}


/* speakers */
.sub-speaker{}
.sub-speaker>.in{}
.sub-speaker .cont{}
.sub-speaker .cont>.in{}
.sub-speaker .cont .person{padding:10px; background:#fff; border:1px solid #ddd; margin-bottom:10px; transition:0.3s;}
.sub-speaker .cont ul{position:relative;}
.sub-speaker .cont ul li{}
.sub-speaker .cont ul li.img{width:35%;}
.sub-speaker .cont ul li.img img{}
.sub-speaker .cont ul li.txt{width:65%; box-sizing:border-box; padding-left:5%; padding-bottom:35px; }
.sub-speaker .cont ul li.txt b{margin-bottom:10px;}
.sub-speaker .cont ul li.txt b span{font-weight:normal; margin-left:5px;}
.sub-speaker .cont ul li.txt .title{margin-top:20px; position:relative; padding-left:35px;}
.sub-speaker .cont ul li.txt .title:after{position:absolute; top:-10px; left:0; width:10px; height:2px; background:#999; content:"";}
.sub-speaker .cont ul li.txt .title span{position:absolute; top:0; left:0;}
.sub-speaker .cont ul li.txt .title strong{line-height:1.3; display:inline-block; font-weight:normal;}
.sub-speaker .cont .btnArea{ position:absolute; bottom:0; right:0;}
.sub-speaker .cont .btnArea a{ transition:0.2s;}
.sub-speaker .cont .btnArea a:hover{ }
.sub-speaker .cont .btnArea a i{position:relative; top:1px; margin-left:5px; font-size:10px;}

@media all and (min-width:768px){
  .sub-speaker>.in{}
  .sub-speaker .cont .person{margin-bottom:20px; padding:20px;}
  .sub-speaker .cont .person:hover{_box-shadow:0 25px 25px -25px rgba(0,0,0,0.05);}
  .sub-speaker .cont ul li.img{width:25%;}
  .sub-speaker .cont ul li.txt{width:75%; font-size:15px; padding-bottom:45px;}
  .sub-speaker .cont ul li.txt b{font-size:17px; margin-bottom:20px;}
  .sub-speaker .cont ul li.txt .title{margin-top:40px; padding-left:40px;}
  .sub-speaker .cont ul li.txt .title:after{top:-20px;}
  .sub-speaker .cont .btnArea{ }
  .sub-speaker .cont .btnArea a{font-size:14px; padding:5px 15px;}
  .sub-speaker .cont .btnArea a i{margin-left:9px; font-size:12px;}
}





/* program */
.sub-program{}
.sub-program>.in{}
.sub-program .top-title b{font-weight:normal; font-size:15px; margin-left:10px; color:#999;}
.sub-program .top-title i{font-weight:normal; font-size:15px; margin-left:10px;   ; color:#999;}
.sub-program th{width:100px; display:none;}
.sub-program td.time{width:80px; text-align:center;}
.sub-program td.con{width:auto;}
.sub-program td b{font-size:10px; font-weight:normal; color:#999;}
.sub-program td strong{text-decoration:underline; display:inline-block;}
.sub-program td i.keynote{display:inline-block; margin-left:10px; font-style:normal; font-weight:500; color:#760000;}
.sub-program tr{ }
.sub-program tr:hover{ }
.sub-program tbody.session{background:#f4f8f4;}
.sub-program .mobile{font-weight:bold; text-align:center;}
.sub-program .mobile td.time{}
.sub-program .mobile td.con{}
.sub-program tbody.session{position:relative;}
.sub-program tbody.poster{background:#f6e9ef;}
.sub-program a{margin-left:5px;}
/*
.sub-program tbody.session:hover{border-right:1px solid #333; border-left:1px solid #333;}
.sub-program tbody.session:hover:before{position:absolute; top:0; left:0; width:100%; height:1px; background:#333; content:""; }
.sub-program tbody.session:hover:after{position:absolute; bottom:0; left:0; width:100%; height:1px; background:#333; content:""; }
*/
.sub-program tbody.session th{}


@media all and (min-width:768px){
  .sub-program>.in{}
  .sub-program .top-title b{font-weight:normal; font-size:18px; margin-left:30px;}
  .sub-program .tableArea{}
  .sub-program th{width:200px;}
  .sub-program th{display:table-cell;}
  .sub-program td.time{width:180px;}
  .sub-program td.con{width:auto;}
  .sub-program td b{font-size:12px;}
  .sub-program td br{display:none;}
  .sub-program tbody.session:hover{}
  .sub-program .mobile{display:none;}
}





/* program */
.sub-poster{}
.sub-poster>.in{}
.sub-poster .img{}
.sub-poster .img img{border:1px solid #ddd;}

@media all and (min-width:768px){
}


/* program */
.sub-program.t2 td.time{text-align:left;}
.sub-program.t2 td br{display:block;}
.sub-program.t2 td span{display:inline-block; margin:0 1px; font-size:10px; position:relative; top:-5px; color:#999;}

@media all and (min-width:768px){
  .sub-program.t2 td span{font-size:12px; margin:0 3px; }

}










/* sponsor */
.sub-sponsor{text-align:left;}
.sub-sponsor>.in{}
.sub-sponsor>.in h2.top-title{padding:0;}
.sub-sponsor>.in h2.top-title span{display:none;}
.sub-sponsor .cont{}
.sub-sponsor .cont ul{}
.sub-sponsor .cont ul li{position:relative; width:100%; margin:0 4px 4px 0; transition:0.2s;}
.sub-sponsor .cont ul li a{display:inline-block; padding:5px;  }
.sub-sponsor .cont ul li a:hover{border-color:#999;}
.sub-sponsor .cont ul li img{max-height:40px;}
.sub-sponsor .cont ul li .video{width:150px; text-align:center; box-sizing:border-box; background:#999; color:#fff; padding:3px 5px; margin-top:2px; margin-bottom:5px; cursor:pointer;}
.sub-sponsor .cont ul li .video:hover{background:#444;}
.sub-sponsor .cont ul li .video span{font-size:11px;}
.sub-sponsor .cont ul li .video i{line-height:inherit;  margin-right:3px; position:relative; top:1px;}
.sub-sponsor .cont ul li .video:hover{}
.sub-sponsor .cont2{max-width:800px; margin:0 auto;}
.sub-sponsor .cont2 ul{}
.sub-sponsor .cont2 ul li{position:relative; width:100%; margin:0 4px 20px 0;  transition:0.2s;}
.sub-sponsor .cont2 ul li a{display:inline-block; padding:5px; border:1px solid #ddd; background:#fff;}
.sub-sponsor .cont2 ul li a:hover{border-color:#999;}
.sub-sponsor .cont2 ul li img{max-height:100px;}
.sub-sponsor .cont2 ul li .video{display:inline-block;  margin-bottom:5px; cursor:pointer;}
.sub-sponsor .cont2 ul li .video:hover{ }
.sub-sponsor .cont2 ul li .video span{font-size:11px;}
.sub-sponsor .cont2 ul li .video i{line-height:inherit;  margin-right:3px; position:relative; top:1px;}
.sub-sponsor .cont2 ul li .video:hover{}



.greeting-v{position:fixed; top:50%; left:5%; width:90%; height:auto; transform:translateY(-50%); background:#000; z-index:120;}
.greeting-v i.close{position:absolute; top:-50px; right:0; font-size:50px; color:#fff; cursor:pointer; z-index:111; transition:0.2s;}
.greeting-v i.close:hover{color:#eee; transform: rotate(180deg);}
.greeting-v i.spin{position:absolute; top:50%; left:50%; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; z-index:111; margin:-25px 0 0 -25px; font-size:50px;}
.greeting-v iframe{ z-index:112;}
.greeting-bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:110; cursor:pointer;}


@media all and (min-width:768px){
  .sub-sponsor{text-align:center;}
  .sub-sponsor>.in{}
  .sub-sponsor .cont ul li{display:inline-block; width:auto;}
  .sub-sponsor .cont ul li a{padding:8px 15px;  }
  .sub-sponsor .cont ul li img{max-height:60px;}
  .sub-sponsor .cont ul li .video{width:100%; margin-top:5px; padding:5px 10px; }
  .sub-sponsor .cont ul li .video i{line-height:inherit; margin-right:10px; font-size:17px;}
  .sub-sponsor .cont ul li .video span{font-size:15px;}
  .sub-sponsor .cont ul li .video:hover{background:#;}

  .sub-sponsor .cont2 ul li{display:inline-block; width:48%; margin:0 1% 80px 1% ;}
  .sub-sponsor .cont2 ul li.long{width:96%;}
  .sub-sponsor .cont2 ul li a{padding:15px 30px;  }
  .sub-sponsor .cont2 ul li img{max-height:150px;}
  .sub-sponsor .cont2 ul li .video{width:160px; margin:5px auto; padding:5px 10px; }
  .sub-sponsor .cont2 ul li .video i{line-height:inherit; margin-right:10px; font-size:17px;}
  .sub-sponsor .cont2 ul li .video span{font-size:15px;}
  .sub-sponsor .cont2 ul li .video:hover{background:#;}


  .greeting-v i.close{ top:-50px; right:-50px; font-size:50px; }
}

@media all and (min-width:1300px){
  .greeting-v{background:transparent; width:1200px; left:50%; margin-left:-600px;}
  .greeting-v>div{}
}







/* registraion */
.sub-reg{}
.sub-reg>.in{}
.sub-reg .cont{}
.sub-reg .cont .link-btn{}
.sub-reg .cont .link-btn ul{}
.sub-reg .cont .link-btn ul li{margin-bottom:4px;  line-height:1.2; background-position:center; background-size:cover; text-align:center;}
.sub-reg .cont .link-btn ul li:nth-child(1){margin-right:30px;}
.sub-reg .cont .link-btn ul li:nth-child(2){margin-left:30px;}
.sub-reg .cont .link-btn ul li a{position:relative; display:block; padding:25px 10px; width:100%; height:100%; color:#fff; font-size:20px; box-sizing:border-box;}
.sub-reg .cont .link-btn ul li a:after{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; content:""; z-index:10; transition:0.3s;}
.sub-reg .cont .link-btn ul li a:hover:after{opacity:0.7; }
.sub-reg .cont .link-btn ul li a span{position:relative;  z-index:11;}
.sub-reg .cont .link-btn ul li a span b{font-weight:normal; font-size:13px;}
.sub-reg .cont .link-btn ul li a span strong{font-weight:600; font-size:25px;}
.sub-reg .cont .link-btn ul li a i{}



@media all and (min-width:768px){
  .sub-reg>.in{}
  .sub-reg .cont .link-btn ul li{}
  .sub-reg .cont .link-btn ul li a{padding:40px 10px; font-size:35px;}
  .sub-reg .cont .link-btn ul li a span b{ font-size:17px;}
  .sub-reg .cont .link-btn ul li a span strong{font-weight:600; font-size:29px;}
}








/* gallery */
.sub-gallery{}
.sub-gallery .grid-sizer,
.sub-gallery .grid-item{width:50%; padding:0.5%; box-sizing:border-box;}
.sub-gallery .grid-item.on{width:100%;}
.sub-gallery .gutter-sizer{width:0;}
.sub-gallery .item h3{display:none;}










/* map */
.sub-travel{}
.sub-travel>.in{}
.sub-travel .cont{}
.sub-travel .cont .map{}
.sub-travel .cont .map iframe{width:100% !important;}
.sub-travel .cont .box + .box{margin-top:10px;}
.sub-travel .cont .in-cont1{color:#666;}
.sub-travel .cont .small-circle{width:5px; height:5px; border:1px solid #999;  display:inline-block; position:relative; margin-left:-10px; left:-6px; border-radius:50%;}

@media all and (min-width:768px){
  .sub-travel>.in{}
  .sub-travel .cont .box + .box{margin-top:20px;}
  .sub-travel .cont .small-circle{left:-10px; top:-2px;}
}












/* contact */
.JS-form_mail{ }
.JS-form_mail>.in{position:relative; padding:0;  max-width:600px; }
.JS-form_mail .input-box{margin-bottom:10px;}
.JS-form_mail h3{ font-size:14px; line-height:30px; font-weight:500;}
.JS-form_mail h3 span{font-weight:normal; font-size:12px; display:inline-block; margin-left:10px;}
.JS-form_mail input.input{border:1px solid #ddd; width:100%; height:34px; line-height:34px; padding:10px;}
.JS-form_mail input.input:focus{border-color:#333;}
.JS-form_mail input.send-this{display:block; border:0;   width:100%; margin:20px 0 0 0; line-height:40px; cursor:pointer;}
.JS-form_mail input[type="number"]::-webkit-outer-spin-button,
.JS-form_mail input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.JS-form_mail textarea{min-height:50px; max-height:300px; width:100%; padding:10px;}



@media all and (min-width:768px){

  .JS-form_mail .input-box{margin-bottom:15px;}
  .JS-form_mail h3{font-size:17px;}
  .JS-form_mail h3 span{font-size:15px; margin-left:15px;}
  .JS-form_mail input.send-this{width:50%;}

}




#contents>.register{max-width:600px; margin:30px auto;}
#contents #fregister p{background:#333; font-weight:normal;}
#contents #fregister p:before{display:none;}
#contents .register .btn_confirm{}
#contents .register .btn_confirm a,
#contents .register .btn_confirm button{box-sizing:border-box;}













/**/