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


#social_bkm_wrap_top {
margin-bottom: 0;
}

h2 {
margin: 0 !important;
padding:0;
font-size: 120%;
line-height: 1.8;
color: #000000;
border: none;
background: none;
}

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

.hero {
width: 100%;
height: 333px;
background: url(/info/event/wingarc/201610/media/main_vis.jpg) no-repeat top center;
background-size: cover;
text-indent: -9999px;
}

.table th{
font-size:115%;
color:#666;
}

.event_summary {
margin:20px 0 35px 0;
font-size: 140%;
line-height: 1.6;
text-align: center;
}
.event_summary p {margin-bottom: 15px;}
.event_summary .present {
padding: 15px;
color: #FF8600;
font-weight: bold;
background-color: #fffce7;
border-radius: 15px;
}

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

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

.area-fukuoka h4,
.area-tokyo h4,
.area-sendai h4,
.area-sapporo 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-sapporo h4 {color: #b9a173;}

.area-fukuoka dl {border-bottom: 1px dotted #ffc100;}
.area-fukuoka .button {background-color: #FF8600 !important;}
.session_open {
padding: 15px;
font-size: 120%;
border: 1px solid #ffc100;
}
.session_open:hover {cursor: pointer; background-color: #efefef;}

.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;}
.area-sapporo,
.area-sapporo h4,
.area-sapporo dl,
.area-sapporo .session_open {border-color: #b9a173;}
.area-sapporo .button {background-color: #b9a173 !important;}




/* session table */
.sessionTable th,
.sessionTable td {border: 1px solid #ccc; padding: 10px; vertical-align: top;}
.sessionTable th {background-color: #efefef;}
.sessionTable h3 {border: none; padding: 0; margin-top: 0; font-size: 16px;}

.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-top: 30px;
}
.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: auto;
min-height: 200px;
background-size: cover;
}
.sessionTable th,
.sessionTable td {display: block;}
}



@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%;}
}