body{
font-family:'メイリオ',meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif;
}


#social_bkm_wrap_top {
margin-bottom: 0;
}


.container-fluid {
padding-top: 0;
}

.hero {
position: relative;
width: 100%;
height: 350px;
background: url(/info/event/wingarc/201709/media/bg_mainvis.jpg) no-repeat center center;
}
.hero h2 {
position: absolute;
width: 70%;
top: 35%;
left: 50px;
color: #fff;
font-size: 48px;
background: none;
line-height: 1.5;
padding: 0;
}
.hero h2 span {
display: block;
font-size: 16px;
}

/* tab */
#tabs > ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
}

#tabs li {
    width: 50%;
    padding: 0.3%;
    float: left;
    border: 1px solid #ff9e8a;
    box-sizing: border-box;
}
#tabs li a {
    position: relative;
    display: block;
    padding: 15px 0;
    background: #fff;
    font-size: 140%;
    color: #ff9e8a;
    text-align: center;
    text-decoration: none;
    transition: 1s background;
}
#tabs li a:hover, #tabs li.ui-tabs-active a {
    position: relative;
    color: #fff;
    background: #ff9e8a;
    transition: 1s background;
}
#tabs li:last-child {
    border: 1px solid #a98cd2;}
#tabs li:last-child a {
    color: #a98cd2;}
#tabs li:last-child a:hover, #tabs li:last-child.ui-tabs-active a {
    color: #fff;
    background: #a98cd2;
}
#tabs dl {margin: 0 !important;}


.event_summary {
width: 80%;
margin:20px auto 35px;
line-height: 1.6;
text-align: center;
}
.event_summary p {margin-bottom: 15px;}
.event_summary p span {display: block;}


h3 {
clear: both;
margin-top:25px;
padding-top: 5px;
padding-left:12px;
border-bottom:none !important;
border-left:6px solid #444;
font-size:20px;
}

.area-tokyo,
.area-sendai {
margin-bottom: 50px;
padding: 20px;
border: 3px solid #ffc100;
}

.area-tokyo h4,
.area-sendai h4 {
margin-bottom: 20px;
padding-bottom: 20px;
color: #ffc100;
font-size: 300%;
text-align: center;
border-bottom: 1px solid #ffc100;
}
.area-tokyo h4 {color: #ff9e8a;}
.area-sendai h4 {color: #a98cd2;}
.area-sendai h4 span {
display: block;
margin-top: 15px;
font-size: 24px;
}


.area-tokyo,
.area-tokyo h4,
.area-tokyo dl,
.area-tokyo .session_open {border-color: #ff9e8a;}
.area-tokyo .sessionTable {width: 100%; table-layout: fixed;}
.area-tokyo .button {background-color: #ff9e8a !important;}
.area-sendai,
.area-sendai h4,
.area-sendai dl,
.area-sendai .session_open {border-color: #a98cd2;}
.area-sendai .button {background-color: #a98cd2 !important;}




/* session table */
.sessionTable th,
.sessionTable td {border: 1px solid #efefef; padding: 10px; vertical-align: top;}
.sessionTable td[colspan="6"] {background-color: #f5f5f5;}
.sessionTable td p {font-size: 12px;}
.sessionTable th {background-color: #fbe1db;}
.sessionTable th.time {
width: 55px;
text-align: center;
/*word-break: break-all;*/
}

.sessionTable h3 {border: none; padding: 0; margin-top: 0; font-size: 14px; color: #D41F1F;}

#tabs-2 .sessionTable h3 {color: #6029ae;}
#tabs-2 .sessionTable th {background-color: #ebe2f8;}
#tabs-2 .sessionTable td[colspan="2"] {background-color: #f5f5f5;}

.txt-present {
font-weight: bold;
color: #FF8600;
font-size: 120%;
}

/*btn default setting*/
.button{
        position: relative;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
        color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover {
        opacity: 0.7;
        color: #fff;
        text-decoration: none;
}


/*btn size setting*/
.btn-area {
text-align: center;
padding: 30px 0;
}
.large{
width: 50%;
height: 60px;
line-height:60px !important;
font-size: 160%;
}

.small{
width: 45%;
height: 60px;
font-size: 100%;
}

.button span{
display:inline-block;
padding:12px 0 3px 0;
text-align:center;
font-weight:bold;
}


.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.hero-unit {font-size: 12px;}





/*responsive*/
@media (max-width: 767px) {
.sp-hide {display: none;}
.hero {
height: 300px;
background-position: 65% 50%;
}
.hero h2 {
width: 100%;
font-size: 30px;
left: 0;
text-align: center;
}

.event_summary p span {display: inline;}
.sessionTable th,
.sessionTable td {display: block;}
.sessionTable th.time {width: auto; margin-top: 30px;}
}



@media (max-width: 480px) {
.hero {min-height: 150px;}
.event_summary {text-align: left;}
dt {
    clear: both;
    color: #000000;
    float: none;
    font-weight: bold;
    margin: 0 0 10px;
    width: auto;
    font-size:110%;
}
dd {
    margin: 0 0 10px 0;
   border-bottom:1px dotted #999;
   padding-bottom:5px;
}
.button {width: 100%;}
}