@charset "UTF-8";
/* CSS Document */
body {width: 100%; overflow-x: hidden; font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif, Meiryo, sans-serif; line-height: 1.6;}
a:link {color: #FFF;}
a:hover {color: #999;}
ul, li { margin: 0; padding:0; list-style: none;  }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #CCC; }

.jumbotron{ margin: 0;}
.navbar {position: fixed; top: 0; left: 50%; margin-left: -50%; z-index: 500; width:100%; border-radius: 0;}
.navbar-nav li a.btn { border: none; border-radius: 0;}
.navbar-nav li a:hover.btn { background: #449d44;}
.navbar-nav li a:active.btn { background: #398439; box-shadow: 0 2px -2px rgba(0,0,0,0.6) inset;}
.navbar-collapse { padding-right: 0; }
.navbar-brand {font-family:'Oswald', sans-serif;}
.navbar-brand:hover { color: #CCC !important; }
.navbar-default {background: rgba(10,9,42,0.8); border: none;}
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a {color: #FFF;}
.navbar-default .navbar-toggle { border: none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFF;}

.page-header { margin: 0;}
.page-header { border: none; }
.page-header h2 { line-height: 1.4; }
.page-header h2 span {display: block; font-size: 22px; font-weight: normal;}

.mainVisual h2 { color: #FFF; margin-bottom: 20px; text-align: center; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.mainVisual p.eventDate { color: #FFF; font-family:'Oswald', sans-serif; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.mainVisual p.leadText{ color: #FFF; background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 20px; margin: 50px 10px 30px 10px; line-height: 1.6;}

.mainVisual .snsShare { text-align: center;}
.mainVisual .snsShare li { display: inline-block; margin: 0 10px 0 10px; text-align: center;}
.mainVisual .snsShare li a { line-height: 40px; width: 120px; height: 40px; display: block; font-size: 16px; font-weight: normal; color: #FFF; text-decoration: none;}
.mainVisual .snsShare li a:hover { text-decoration: none; opacity: 0.7;}
.mainVisual .snsShare li .shareFB { background: #3b579d url(../img/iconFB.png) no-repeat 5px 5px; background-size: 30px; padding-left:40px; }
.mainVisual .snsShare li .shareTW { background: #55acee url(../img/iconTW.png) no-repeat 5px 5px; background-size: 30px; padding-left:40px; }

.outline .container { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); color: #FFF; padding: 20px 10px 50px 10px;}
.outline h3 { font-size: 20px; }
.outline h4 { font-size: 15px; font-weight: normal;}
.outlineLead { padding: 0 20px; }

.eventOutline .container { background: rgba(0,0,0,0.2); color: #FFF; border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 20px 0 50px 0;}

.eventAgenda  .container { background: rgba(0,0,0,0.2); color: #FFF; border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); padding-top: 20px; padding-bottom: 50px;}
.eventAgenda h2 { color: #FFF;}
.eventAgenda table { margin: 0 auto; border-collapse:separate; border-spacing:5px;}
.eventAgenda table.break { margin: 20px auto;}
.eventAgenda th.department { font-size: 24px; background:rgba(0,0,0,0.8); font-weight: normal;}
.eventAgenda td h3 { font-weight: bold; margin: 0;}
.eventAgenda td.keynote h3 span { background: #f38181;}
.eventAgenda td.discussion h3 span { background: #ffc437;}
.eventAgenda td.pannelDiscussion h3 span { background: #699ee0;}
.eventAgenda td.versusInfluencer h3 span { background: #7dcc66;}
.eventAgenda td.speach h3 span { background: #f38181;}
.eventAgenda td h4 { font-size: 17px; font-weight: bold; }
.eventAgenda td h4 span { font-size: 13px;}
.eventAgenda td small { color: #FFF; }
.eventAgenda .speakerInfo, .eventAgenda .influencerInfo { float: left;}
.eventAgenda .versusInfluencer .clearfix { margin: -20px 0 15px 0; border-bottom: 1px solid rgba(255,255,255,0.2); }
.eventAgenda .versusInfluencer .lastSection { border-bottom: none; }

.access { background: #ececec; box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5) inset; padding: 50px 0 0 0;}
.access .accessLead p { font-size: 14px; }

.entry {  background: url(../img/bg_common.png); box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5) inset; padding: 50px 0 30px 0; color: #FFF;}

footer { background: #000; padding: 20px 0;}
footer ul { margin: 0 0 20px 0; }
footer ul li { list-style: none; display: inline-block; text-align: center; margin: 0 20px; }
footer ul li a, footer ul li a:hover, footer ul li a:visited { color: #EEE; }
footer .copyright { color: #EEE;}

@media (max-width:767px) {
	.navbar-brand { padding: 20px 0 0 25px; }
	.navbar-nav { margin:0;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }
	.container-fluid{ padding: 0;}
	.container { margin: 0 15px;}
	.mainVisual { background: url(../img/bg_mvSP.jpg); background-size: cover; height: 100%; }
	.mainVisual h2 { font-size: 16px; margin:10px; font-weight: bold;}
	.mainVisual h2 span { font-size: 12px;}
	.mainVisual p.eventDate { font-size: 24px; margin:20px 0 0 0;}
	.mainVisual p.leadText { font-size: 14px; }
	.mainVisual .partnerLogo { text-align: center; margin: 40px 0 0 0;; }
	.mainVisual .partnerLogo li { display: inline-block; margin: 0 10px; }
	.mainVisual .partnerLogo li img { width: 70px; }
	.supportedby h2, .supportedby ul {display: block;}
	.supportedby h2 { font-size: 14px; color: #999; font-weight: normal;}
	.supportedby ul { width: 100%; margin-bottom: 20px;}
	.supportedby ul li { list-style: none; display: inline-block; min-width: 88px; margin: 0 5px 5px 0; padding: 0;}
	.supportedby ul li img { height: 35px; }
	.supportedby ul li img.topklout { height: 25px; }
	.outline { background: url(../img/bg_outlineSP.jpg) top center; background-size: cover;}
	.outlineLead { text-align: left; margin: 0 auto 50px;}
	.outlineLead p { font-size: 14px;}
	.outlineLead p b { font-size: 16px; font-weight: normal;}
	.outline .attend h3 { margin-bottom: 15px; line-height: 1.3; }
	.outline .attend h3 span { font-size: 14px; }
	.outline .attend h4 { font-size: 14px; margin-bottom: 15px; }
	.outline .attendLead { font-size: 13px; margin: 10px 30px;}
/*	.outline .attend .col-sm-10 img { width: 100px; height: 100px;}*/
	.outline .attend .col-sm-8 img { width: 100px; height: 100px;}
	.outline .postscript { font-size: 13px; margin-top: 0;}
	.eventOutline { background: rgba(10,9,42,1.0) url(../img/bg_eventOutlineSP.png) top right; background-size: cover;}
	.eventOutline table { width: 85%; margin: 0 auto 40px auto; font-size: 16px;}
	.eventOutline th { border-bottom: 1px dotted #CCC; font-weight: normal; padding:10px; white-space:nowrap; }
	.eventOutline td { border-bottom: 1px dotted #CCC; font-size: 16px; padding: 10px;}
	.eventOutline td span { font-size: 14px; }
	.eventOutline td span a { color: #FFF; text-decoration: underline; }
	.eventOutline .postscript { font-size: 13px; text-align: left; margin:20px 40px 20px 40px; }
	.eventAgenda { background: url(../img/bg_eventAgendaSP.jpg); background-size: cover;}
	.eventAgenda .postscript { text-align: left; font-size: 13px; margin:10px; }
	.eventAgenda table { width: 95%; margin: 0 auto; border-collapse:separate; border-spacing:5px;}
	.eventAgenda th { display: block; width: 100%;color: #FFF; border: 1px solid rgba(255,255,255,0.3); font-size: 16px; padding: 10px; background:rgba(0,0,0,0.4); font-weight: normal; }
	.eventAgenda td { display: block; width: 100%;color: #FFF; font-weight: normal; padding: 10px;}
	.eventAgenda td h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; line-height: 1.7;}
	.eventAgenda td h3 span { font-size: 13px; color: #FFF; padding: 3px 10px;}
	.eventAgenda .speakerInfo .speakerPhoto { width: 80px; height: 80px; float: left; margin-right: 10px;}
	.eventAgenda .speakerInfo .speakerPhoto img { width: 80px; height: 80px;}
	.eventAgenda .speakerInfo .speakerTitle { font-size: 13px; }
	.eventAgenda .influencerInfo h4 { padding-top: 20px;}
	.eventAgenda .influencerInfo h4 span { font-size: 14px; font-weight: normal; display: block;}
	.eventAgenda .influencerInfo .influencerPhoto { width: 80px; height: 80px; float: left; margin-right: 10px;}
	.eventAgenda .influencerInfo .influencerPhoto img { width: 80px; height: 80px; }
	.eventAgenda .aboutVstar { width: 90%; margin:30px auto 0 auto; padding: 20px; background: rgba(255,255,255,0.15);}
	.eventAgenda .aboutVstar h3 { font-size:16px;}
	.eventAgenda .aboutVstar p { font-size:13px;}
	.eventAgenda .andMore { font-size:13px; }
/*	.attend .col-sm-10 { width: 49.9%; min-height: 310px;  float: left; margin-bottom: 10px;}*/
	.attend .col-sm-8 { width: 49.9%; min-height: 310px;  float: left; margin-bottom: 10px;}
	.attend .andMore { min-height: 150px !important;}
	.access { width: 100%; overflow-x: hidden; box-sizing: border-box; } 
	.access h3 { font-size: 18px; font-weight: bold; text-align: center; margin: 0 auto 10px;}
	.access .accessLead p { text-align: left; font-size: 11px; margin: 0 auto 10px; padding: 0 40px;}
	.access #map_canvas{ width: 98%; height: 350px; margin:0 auto; padding: 0; text-align: center; overflow-x: hidden; box-sizing: border-box;}
	.entry .btnLarge { width: calc(100% - 30px); height: 60px; font-size: 28px; font-weight: normal; line-height: 45px;}
	.entry .entryLead p { font-size: 13px; text-align: left; margin-top: 20px;}
}
@media (min-width: 768px) {
	.container-fluid { max-width: 1200px; padding: 0;}
	.navbar-nav {float: right;}
	.navbar-brand { padding-left: 15px;}
	.mainVisual { background: url(../img/bg_mv.jpg) top center no-repeat; background-size: cover; height: 100%; }
	.mainVisual .container { background: url(../img/bg_mvTitle.png) no-repeat center top;  }
	.mainVisual h2 { font-size: 26px; font-weight: bold;}
	.mainVisual h2 span { font-size: 18px;}
	.mainVisual p.eventDate{ font-size: 40px;}
	.mainVisual p.leadText{ max-width: 900px; text-align: center; font-size: 18px; padding: 20px; margin: 0 auto 30px auto;}
	.mainVisual .partnerLogo { text-align: center; margin: 20px auto 0 auto; padding: 10px; }
	.mainVisual .partnerLogo li { display: inline-block; margin: 0 20px; }
	.mainVisual .partnerLogo li img { width: 190px; }
	.supportedby { width: 100%; margin: 20px auto; }
	.supportedby h2 { font-size: 14px; color: #999; font-weight: normal;}
	.supportedby ul li { display: inline-block; margin: 10px 20px 10px; }
	.supportedby ul li img { height: : 45px; }
	.outline { background: url(../img/bg_outline.jpg); background-size: cover;}
	.outlineLead { text-align: left; margin: 0 auto 50px; max-width: 940px;}
	.outlineLead p { font-size: 18px; }
	.outlineLead p b { font-size: 24px; font-weight: normal;}
	.outline .attend { max-width: 1030px; margin:0 auto;}
	.outline .attend h3 { margin-bottom: 15px; line-height: 1.3; }
	.outline .attend h3 span { font-size: 14px; }
	.outline .attend h4 { font-size: 14px; margin-bottom: 15px; }
	.outline .attendLead { font-size: 13px; margin: 10px;}
	.outline .attend .attendLead { text-align: left; }
/*	.outline .attend .col-sm-10 { width: 19.999%;}
	.outline .attend .col-sm-10 img { width: 120px;}*/
	.outline .attend .col-sm-8 { width: 24.9999%;}
	.outline .attend .col-sm-8 img { width: 120px;}
	.outline .postscript { font-size: 13px; margin-top: 30px;}
	.eventOutline { background: rgba(10,9,42,1.0) url(../img/bg_eventOutline.png) -200px -250px; background-size: 2000px;}
	.eventOutline table { width: 90%; max-width: 768px;  margin: 0 auto 20px; font-size: 20px;}
	.eventOutline th { width: 5em; padding: 10px; border-bottom: 1px dotted #CCC; font-weight: normal;}
	.eventOutline td { margin-left: 5em; padding: 10px 10px 10px 50px; border-bottom: 1px dotted #CCC;}
	.eventOutline td span { font-size: 16px; }
	.eventOutline td span a { color: #FFF;}
	.eventOutline .postscript { font-size: 13px; }
	.eventAgenda { background: url(../img/bg_eventAgenda.jpg); background-size: cover;}
	.eventAgenda .postscript { width: 90%; max-width: 1000px; margin: 0 auto; text-align:  left; font-size: 13px; }
	.eventAgenda table { width: 90%; max-width: 1000px; margin: 0 auto; border-collapse:separate; border-spacing:5px;}
	.eventAgenda th { width: 10em;}
	.eventAgenda th, .eventAgenda td { color: #FFF; border: 1px solid rgba(255,255,255,0.3); font-size: 16px; padding: 5px 20px; background:rgba(0,0,0,0.4); font-weight: normal; }
	.eventAgenda td h3 { font-size: 20px; line-height: 1.8; font-weight: bold; margin: 0;}
	.eventAgenda td h3 span { font-size: 13px; color: #FFF; padding: 4px 10px;}
	.eventAgenda td .postscript { text-align:  left; font-size: 13px; margin:0; }
	.eventAgenda .speakerInfo .speakerPhoto { width: 100px; height: 100px; float: left; margin-right: 10px;}
	.eventAgenda .speakerInfo .speakerPhoto img { width: 100px; height: 100px;}
	.eventAgenda .speakerInfo .speakerTitle { font-size: 13px;}
	.eventAgenda .influencerInfo h4 { padding-top: 20px;}
	.eventAgenda .influencerInfo h4 span { font-size: 14px; font-weight: normal; display: block;}
	.eventAgenda .influencerInfo .influencerPhoto { width: 100px; height: 100px; float: left; margin-right: 10px;}
	.eventAgenda .influencerInfo .influencerPhoto img { width: 100px; height: 100px; }
	.eventAgenda .aboutVstar { width: 90%; max-width: 800px; margin: 60px auto 0 auto; padding: 2px 20px;   background: rgba(255,255,255,0.15);}
	.eventAgenda .aboutVstar h3 { font-size:18px;}
	.eventAgenda .aboutVstar p { font-size:16px;}
	.eventAgenda .andMore { font-size:16px; text-align: center; height: 100px; line-height: 90px;}
	.eventOutline dl { width: 700px; margin: 0 auto 20px; font-size: 20px;}
	.access h3 { font-size: 22px; font-weight: bold; text-align: center; margin: 20px auto 10px;}
	.access .accessLead { text-align: center; margin: 0 auto 30px; padding: 0 40px;}
	#map_canvas{ width: 98%; height: 600px; margin:0 auto; overflow-x: hidden; padding: 0; text-align: center;}
	.entry .btnLarge { width: 400px; height: 80px; font-size: 28px; font-weight: normal; line-height: 60px;}
	.entry .entryLead p { font-size: 14px; margin-top: 30px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.mainVisual h1 { margin: 30px auto; }
	.mainVisual h1 img { width: 650px; }
	.eventAgenda .speakerInfo { width: 230px; margin: margin-right: 20px;;}
	.eventAgenda .keynote .speakerInfo, .eventAgenda .speach .speakerInfo { width: 100%;}
	.eventAgenda .influencerInfo { width: 280px; margin:0;}
	.navbar-brand { padding-left: 35px;}
	.container { margin:0 20px; min-width: calc(100% - 40px); padding: 20px;}
}
@media (min-width: 1200px) {
	.mainVisual h1 { margin: 30px auto; }
	.mainVisual h1 img { width: 650px; }
	.eventAgenda .speakerInfo { margin:15px 0 0 0;}
	.eventAgenda .keynote .speakerInfo, .eventAgenda .speach .speakerInfo { width: 100%;}
	.eventAgenda .pannelDiscussion .speakerInfo { width: 230px; margin-right: 20px;}
	.eventAgenda .influencerInfo { width: 230px; margin:15px 0 0 0;;}
	.navbar-brand { padding-left: 15px;}
	.container { margin:0 auto; width: 1200px;}
}
@media (max-width: 480px) {
	.navbar-brand img { width: 250px; }
	.mainVisual h1 img { width: 90%; margin: 20px 0; }
	.mainVisual .container { background: url(../img/bg_mvTitle.png) no-repeat center 20px; background-size: 80%; margin:0; padding:0 20px; }
	.eventAgenda .speakerInfo { width: 100%; margin:10px 0 0 0;}
	.eventAgenda .influencerInfo { width: 100%; margin:10px 0 0 0;}
/*	.attend .col-sm-10 { width: 99.9%; float: left;}*/
	.attend .col-sm-8 { width: 99.9%; float: left;}
}
@media (min-width: 481px) and (max-width: 767px) {
	.navbar-brand img { width: 250px; }
	.mainVisual h1 img { width: 80%; margin: 10px 0 20px 0; }
	.mainVisual .container { background: url(../img/bg_mvTitle.png) no-repeat center 30px; background-size: 60%; margin:0; padding:0 20px; }
	.eventAgenda .keynote .speakerInfo, .eventAgenda .speach .speakerInfo { width: 100%;}
	.eventAgenda .pannelDiscussion .speakerInfo { width: 47.9999%; float: left;}
	.eventAgenda .speakerInfo { width: 47.9999%; margin:0 10px 0 0; float: left;}
	.eventAgenda .influencerInfo { width: 47.9999%; margin:0; float: left;}
}
@media (min-width: 768px) and (max-width: 899px) {
	.navbar-brand img { width: 250px; padding: 3px 0 0 0;}
}
@media (min-width: 900px) {
	.navbar-brand img { width: 400px; padding: 2px 0 0 0; }
}