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

.span8 {
padding-right: 30px;
border-right: 1px solid #ddd;
}

#social_bkm_wrap_top {
margin-bottom: 0;
}

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




/* HEADING */
h3 {
clear: both;
margin:80px 0 25px;
color: #666;
text-align: center;
font-size:30px;
border-color: #FF9901;
}


/* TITLE */
.head-title {
position: relative;
height: 300px;
background: rgb(255,153,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(250,175,52,1) 50%, rgba(255,153,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%,rgba(250,175,52,1) 50%,rgba(255,153,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,153,0,1) 0%,rgba(250,175,52,1) 50%,rgba(255,153,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
text-align: center;
}
.head-title::before,
.head-title::after {
position: absolute;
display: block;
content: "";
bottom: 0;
left: 0;
width: 328px;
height: 200px;
background: url(/info/event/aws_2017/media/cube_l.png) no-repeat bottom left;
opacity: 0.7;
}
.head-title::after {
bottom: auto;
top: 0;
left: auto;
right: 0;
width: 275px;
height: 300px;
background: url(/info/event/aws_2017/media/cube_r.png) no-repeat bottom left;
}

.t-series {
    padding: 5px 0;
    background: #444;
    color: #fff;
    font-size: 140%;
    text-align: center;
}
.t-series img {
  height: 60px;
}
.t-series .sp-show {display: none;}

.head-title h2 {
position: relative;
z-index: 10;
clear: both;
width: 525px;
margin: 0 auto 15px;
padding-top: 70px;
color: #fff;
font-size: 250%;
background: none;
}
.head-title h2 span {display: block;}
.head-title h2 span.label {
margin-bottom: 15px;
padding: 3px 0;
font-size: 18px;
font-weight: normal;
}

.head-title.security h2 span.label {background-color: #C03B5E;}
.head-title.iot h2 span.label {background-color: #217CCA;}
.head-title.enterprise h2 span.label {background-color: #6F349C;}
.head-title.bigdata h2 span.label {background-color: #0DB2B4;}
.head-title.database h2 span.label {background-color: #72AA00;}



.head-title small {
color: #fff;
font-size: 150%;
font-weight: bold;
line-height: 1.5;
}


.event_summary {
position: relative;
margin-top: 15px;
padding: 30px 30px 15px;
line-height: 1.8;
background-color: #f5f5f5;
}
.event_summary::before,
.event_summary::after {
position: absolute;
top: -2px;
left: -2px;
content: "";
display: block;
width: 150px;
height: 150px;
border-top: 3px solid #FF9901;
border-left: 3px solid #FF9901;
}
.event_summary::after {
top: auto;
left: auto;
bottom: -2px;
right: -2px;
border: none;
border-bottom: 3px solid #FF9901;
border-right: 3px solid #FF9901;
}



/* event detail */
.information dd span.t-event {
display: block;
margin: 0 0 30px;
color: #666;
font-size: 120%;
font-weight: bold;
line-height: 1.5;
}
.information dd span.label {
display: block;
margin: 10px 0;
color: #666;
font-size: 100%;
font-weight: bold;
}




/* seminar box */
.seminar-box {
display: flex;
flex-wrap: wrap;
}
.box {
width: 45%;
float: left;
margin: 0 2.5% 30px;
padding: 0 15px;
box-shadow: 0 0 3px #999;
border-radius: 3px;
box-sizing: border-box;
transition: 0.5s;
}
.box a {
display: block;
color: #666;
}
.box:hover {box-shadow: 0 0 15px #999;}
.box a:hover {
text-decoration: none;
}

.box .badge {
margin: 0 -15px 15px;
padding: 15px 0;
border-bottom: 1px solid #ccc;
font-size: 150%;
font-weight: bold;
text-align: center;
line-height: 1.3;
}

.box .date {margin-top: 30px;}
.box .date span {
font-size: 200%;
font-weight: bold;
}

.box .icon {
margin: 0 -15px;
text-align: center;
border-radius: 3px 3px 0 0;
}
.box.security .icon,
.head-title.security {
background: rgb(192,59,94); /* Old browsers */
background: -moz-linear-gradient(left, rgba(192,59,94,1) 0%, rgba(231,123,143,1) 50%, rgba(192,59,94,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(192,59,94,1) 0%,rgba(231,123,143,1) 50%,rgba(192,59,94,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(192,59,94,1) 0%,rgba(231,123,143,1) 50%,rgba(192,59,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.box.database .icon,
.head-title.database {
background: rgb(114,170,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(114,170,0,1) 0%, rgba(158,203,45,1) 50%, rgba(114,170,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(114,170,0,1) 0%,rgba(158,203,45,1) 50%,rgba(114,170,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(114,170,0,1) 0%,rgba(158,203,45,1) 50%,rgba(114,170,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.box.bigdata .icon,
.head-title.bigdata {
background: rgb(13,178,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(13,178,180,1) 0%, rgba(128,207,210,1) 50%, rgba(13,178,180,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(13,178,180,1) 0%,rgba(128,207,210,1) 50%,rgba(13,178,180,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(13,178,180,1) 0%,rgba(128,207,210,1) 50%,rgba(13,178,180,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.box.enterprise .icon,
.head-title.enterprise {
background: rgb(111,52,156); /* Old browsers */
background: -moz-linear-gradient(left, rgba(111,52,156,1) 0%, rgba(144,108,197,1) 50%, rgba(111,52,156,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(111,52,156,1) 0%,rgba(144,108,197,1) 50%,rgba(111,52,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(111,52,156,1) 0%,rgba(144,108,197,1) 50%,rgba(111,52,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.box.iot .icon,
.head-title.iot {
background: rgb(32,124,202); /* Old browsers */
background: -moz-linear-gradient(left, rgba(32,124,202,1) 0%, rgba(125,185,232,1) 50%, rgba(32,124,202,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(32,124,202,1) 0%,rgba(125,185,232,1) 50%,rgba(32,124,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(32,124,202,1) 0%,rgba(125,185,232,1) 50%,rgba(32,124,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* LIST */
.list-report {
margin-bottom: 15px;
padding: 15px;
background-color: #f5f5f5;
}

.list-report dt,
.list-report dd {
font-size: 16px;
}
.list-report dt {
float: none;
width: 100%;
padding-left: 15px;
border-left: 5px  solid #C13D5F;
color: #C13D5F;
}
dl.list-report:nth-of-type(2) dt {border-left: 5px solid #217DCA; color: #217DCA;}
dl.list-report:nth-of-type(3) dt {border-left: 5px solid #70359D; color: #70359D;}
dl.list-report:nth-of-type(4) dt {border-left: 5px solid #12B3B5; color: #12B3B5;}
dl.list-report:nth-of-type(5) dt {border-left: 5px solid #73AB01; color: #73AB01;}
.list-report dd {
margin: 5px 0 5px 20px;
display: list-item;
list-style: disc;
}


/* TABLE */
.table {margin-top: -1px;}
.table th{
font-size:115%;
color:#666;
}
.table td .title {
margin:5px 0 10px 0;
padding:0 0 5px 0 !important;
border-bottom:1px solid #c8c8c8;
color: #E47911;
/*color: #FF9901;*/
line-height:1.4;
font-size:18px;
}
.table td .title span {
display: block;
font-size: 85%;
font-weight: normal;
}
.table td .summary {letter-spacing: 0;}

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

td.session .profile_detail{
    margin:10px 0 10px 110px;
}
td.session .box-speaker {
clear: both;
overflow: hidden;
margin-top: 15px;
padding-top: 15px;
border-top: 1px dotted #ccc;
}



/* LOGO */
.logo-main-sponsor table {
width: 100%;
margin-top: 50px;
table-layout: fixed;
text-align: center;
}
.logo-main-sponsor table .sp-show {display: none; margin-bottom: 15px;}
.logo-main-sponsor table th,
.logo-main-sponsor table .sp-show {
    color: #666;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 5px solid #fff;
    background-color: #f5f5f5;
}
.logo-main-sponsor table td {
padding: 15px 0;
vertical-align: bottom;
font-size: 11px;
}
.logo-main-sponsor table td img {margin-bottom: 15px;}

.logo-sponsor {text-align: center;}
.logo-sponsor ul {margin: 0 0 15px 0;}
.logo-sponsor li {
display: inline-block;
width: 30%;
text-align: center;
list-style: none;
font-size: 11px;
vertical-align: top;
}
.logo-sponsor li img {
width: auto;
max-width: 100%;
}


.privacy-area {
margin: 30px 0 50px;
padding: 15px;
font-size: 12px;
background-color: #f5f5f5;
}


/* BUTTON */
.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;
}




/* RIGHT COLUMN */
.sponsored {margin: 0;}
.sponsored dt {
color: #666;
border-color: #ddd;
background-color: #f5f5f5;
}
.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;
}

.sponsor-logo {
margin: 0;
}
.sponsor-logo li {
list-style: none;
margin-bottom: 15px;
padding: 15px 0;
border-bottom: 1px dotted #ccc;
}
.sponsor-logo li:last-child {
border: none;
}



/* EVENT PAGE */
.btn-seminar-all {
display: block;
margin: 80px 0;
padding: 15px;
font-size: 140%;
color: #FF9901;
border: 2px solid #FF9901;
border-radius: 5px;
transition: 0.5s;
}
.btn-seminar-all:hover {
text-decoration: none;
color: #FF9901;
background-color: #f5f5f5;
}

.btn-middle {text-align: right;}

.btn-middle .btn-seminar-all {
display: inline-block;
margin: 20px 0 0;
padding: 5px 10px;
font-size: 120%;
}




/* RESPONSIVE */

@media (max-width: 800px) {
.container-fluid {padding: 0 30px;}
.container-fluid.nopadding {padding: 0 !important;}

.span8 {
padding-right: 0;
border-right: none;
}

.t-series span {
display: block;
margin-top: 5px;
}

.head-title {
padding-left: 15px;
text-align: left;
background-position: bottom right;
background-size: cover;
}
.head-title::before {display: none;}
.head-title .t-series {margin-left: 0;}
.head-title h2 {width: 100%;}
.head-title h2 span.label {
background-color: transparent !important;
}


/* text */
.title_seminar {
display: block;
padding:10px;
font-size: 100%;
}
.title_seminar span {display: block;}

.info_date {
text-align: center;
margin: 0 -10px;
}
.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;}

.t-series {font-size: 85%;}
.t-series img {
display: none;
}
.t-series .sp-show {display: inline;}

.head-title {height: 230px;}
.head-title h2 {
font-size: 140%;
}
.head-title::after {
opacity: 0.4;
}
.head-title small {font-size: 100%;}
.special_seminar .table {
width: 100%;
}


.box {
width: 100%;
float: none;
margin: 0 0 15px;
}

.span3 {margin-top: 80px;}

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;
}
td.session .profile_open {clear: both;}

.logo-main-sponsor table th,
.logo-main-sponsor table td {
display: block;
}
.logo-main-sponsor table th {
display: none;
}
.logo-main-sponsor table .sp-show {
display: block;
}

.logo-sponsor li {
width: 48%;
}

}