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


#social_bkm_wrap_top {
margin-bottom: 0;
}

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

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

.special_seminar .table {
width: 48%;
float: left;
margin: 0 1%;
}
.special_seminar .table td {
height: 215px;
}


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


.event_summary{
margin:20px 0 35px 0;
}


/* title smartphone */
#img_title_s {
display: none;
margin: 0 -10px;
background: url(/info/event/workstyle/201706/media/head_title_s.jpg) no-repeat top center;
background-size: cover;
height: 200px;
text-indent: -9999px;
}

.title_seminar {
display: none;
margin: 0 -10px;
padding: 5px;
background-color:#03A6C5;
color:#fff;
line-height: 1.3;
text-align: center;
}
.info_date {
padding: 7px 20px;
margin-bottom:0;
background-color:#03A6C5;
color: #ffffff;
border-top: 1px solid #ffffff;
text-align:center;
}

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


/*infomation*/
dl.infomation{
background:#f0f0f0;
padding:15px;
max-width:100%;
/*border:1px solid #ccc;*/
}
dl.infomation dt{color:#444;}



/*btn default setting*/
.button{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin:25px auto;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/*btn color action setting*/
.button_red {
	position: relative;
	border-radius: 6px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	background-color:#bd362f;
	box-shadow: 0 3px 0 #891a14;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button_red:hover {
	background-color: #e14d46;
	box-shadow: 0 3px 0 #9b2924;
	text-decoration:none;
	color: #fff;
}
.button_red:active {
	top: 3px;
	box-shadow: none;
}




.button_green {
	position: relative;
	border-radius: 6px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	background-color:#56AC56;
	box-shadow: 0 3px 0 #348734;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button_green:hover {
	background-color: #6cc76c;
	box-shadow: 0 3px 0 #47a147;
	text-decoration:none;
	color: #fff;
}
.button_green:active {
	top: 3px;
	box-shadow: none;
}




/*btn size setting*/
.large{
width: 80%;
height: 60px;
line-height:60px !important;
font-size: 160%;
}

.small{
width: 45%;
height: 60px;
/*line-height:60px !important;*/
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;
/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
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);
}

.btn-green {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] {
color: #ffffff!important;
background-color: #51a351;
}

.hero-unit {font-size: 85%;}





/*　最新情報更新枠　*/
.latest_info {
border: 1px solid white;
background: #f4f4f4;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#f4f4f4,EndColorStr=#dddddd);
background: -moz-linear-gradient(top, #f4f4f4, #dddddd 85%, #dddddd);
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4),color-stop(0.85,#dddddd),to(#dddddd));
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
padding: 10px;
margin-bottom: 10px;
}

.latest_info li {
margin: 0 0 10px 20px;
list-style-type: square;
font-size: 95%;
font-weight: bold;
color: #D70A2F;
}

.latest_info th,.latest_info td { 
vertical-align: top; 
padding-bottom: 10px;
line-height: 1.3;
}

.latest_info span {
margin-right: 10px;
font-size: 85%;
font-weight: normal;
color: #777777;
}

.latest_info .category {
padding-right: 10px;
font-size: 95%;
font-weight: bold;
color: #D70A2F;
white-space: nowrap;
}

.summary {
letter-spacing: 0;
}

.sponsored dd {
margin-bottom: 20px;
border-bottom: 1px dotted #cccccc;
text-align: center;
font-size:12px;
padding-bottom:10px;
}

.sponsored dd.last{
border-bottom:none;
}


.table td .title {
margin:5px 0 10px 0;
padding:0 0 5px 0 !important;
border-bottom:1px solid #c8c8c8;
color: #03A6C5;
line-height:1.4;
font-size:20px;
}
.table td .title span {
display: block;
font-size: 85%;
font-weight: normal;
}


td.session .profile_open{
    color: #0066A0;
    cursor: pointer;
}


td.session .profile_detail{
    margin:10px 0 10px 110px;
}


td.session .name{
font-weight:bold;
color:#454545;
}


td.session .talk{
background-color:#f5f5f5;
margin-top:10px;
padding:15px;
/*border-top:1px dotted #ccc;*/
}


/*present*/

div.present{
width:100%;
margin:20px auto 30px;
padding:10px 0 15px 0;
background-color:#f6e915;
color:#333;
text-align:center;
font-weight:bold;
font-size:18px;
border-radius:5px;
border:2px solid #f6e915;

/*Other Browser*/
background: #f6e915;
/*For Old WebKit*/
background: -webkit-linear-gradient(top, #fbf436 0%, #f6e915 100%);
/*For Modern Browser*/
background: linear-gradient(to bottom, #fbf436 0%, #f6e915 100%);

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); 
}

div.present span{
color:#c51300;
font-weight:bold;
}




/*responsive*/

@media (max-width: 767px) {
/* img */
.img_title {
display: none;
}
#img_title_s {
display: block;
height:150px;
}
/* text */
.title_seminar {
display: block;
padding:10px;
font-size: 100%;
}
.title_seminar span {display: block;}

.info_date {
text-align: center;
margin: 0 -10px;
border-top: none;
}
.info_date span {display: none;}

.large, .small{
width:100% !important;
height:auto;
}

.small{margin:10px auto !important;}

.table th{
text-align:center;
}


}






@media (max-width: 480px) {
.container-fluid {margin: 0;}
.special_seminar .table {
width: 100%;
}

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



.table th.time{
   width:4%;
   font-size:90%;
}

.table th, .table td img{
   max-width:80px;
}

td.session .title, td.session .summary, td.session .profile_open, td.session .profile_detail, td.session p{
margin:7px;
}

td.session img{
margin-left:7px;
}


}