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

footer{/*余白調整*/
margin-top:0;
}

#social_bkm_wrap_top{/*調整*/
overflow:visible !important;
}


a{
color:#d8660c;
transition:0.5s ease !important;
}

a:hover{
color:#050505 !important;
transition:0.5s ease !important;
}

.row-fluid .span8,
.row-fluid .span3 {
width: 100%;
float: none;
margin: 0;
padding: 0;
}

.container-fluid{
padding:0;
position:relative;
}

#social_bkm_wrap_top {
overflow: hidden;
border: none;
}
#social_bkm_wrap_top li {margin-right: 8px;}
.container-fluid {
padding-top: 0;
}

.inner_block{
padding:3% 5% !important;
}


.sns_block{
background-color:#000;
padding:20px 20px 5px 20px;
}

#social_bkm_wrap_top{
margin:0 0 15px 0;
}



/* 2019 key_color */

.key_blue{
color:#4bb3df !important;
}

.key_green{
color:#70c546 !important;
}

.key_red{
color:#df5555 !important;
}

.key_purple{
color:#9f69e1 !important;
}





/* series */
.t-series{
    padding: 5px 0;
    background: #000;
    color: #fff;
    font-size: 140%;
text-align:center;
}
.t-series .t-logo img {
height: 40px;
}
.t-series span {display: none;}



/* title */

.title_block {
position: relative;
height:650px;
background-size:cover;
width:100%;
}

.title_main{
background: url(/info/event/aws_2019/media/head_title.jpg) no-repeat top center;
}

.title_seminar{
background: url(/info/event/aws_2019/media/head_title_seminar.jpg) no-repeat top center;
}


.title_main img{
margin:0 auto;
padding:15% 0 0;
text-align:center;
animation: fadein 0.3s linear 0.5s forwards;
opacity:0;
display:block;
}

.title_seminar img{
margin:0 auto;
padding:1% 0 0;
text-align:center;
animation: fadein 0.3s linear 0.5s forwards;
opacity:0;
display:block;
}


.title_block h2 {
color: #fff;
font-size: 250%;
margin-top:-5px;
background:none;
opacity:0;
animation: fadein 0.3s linear 0.8s forwards;
}


.title_block h2.main{
padding-top:5%;
text-align:center;
}

.title_block h2.seminar{
padding:2% 4% 0; 
text-align:center;
line-height:1.4;
}

.title_block h2.seminar span{
display:block;
font-size:80%;
opacity:0;
animation: fadein 0.3s linear 1.2s forwards;
}

.title_block .nooperations{/*第3回目用*/
font-size:220%;
}
.title_block .nooperations span{/*第3回目用*/
font-size:70% !important;
}



.title_block .event_date{
font-size:150%;
text-align:center;
display:block;
margin:0 auto 15px;
font-weight:normal;
opacity:0;
animation: fadein_date 0.3s linear 1.8s forwards;
font-family:arial black;
}


.title_block .event_date span{
font-size:150%;
}


/* anime */

@keyframes fadein{
0% {
    opacity: 0;/* 透明 */
    transform: translateY(-20px);
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);
}
}

@keyframes fadein_date{
0% {
    opacity: 0;/* 透明 */
}
100% {
    opacity: 1;/* 不透明 */
}
}







/* summary */

.event_summary{
background-color:#000;
color: #fff;
line-height: 1.8;
/*background:rgba(35,47,62,0.7);*/
font-size:110%;
}


.gift{
background-color:#ffd114;
margin:0 auto 30px;
padding:1% 0;
text-align:center;
color:#d32323;
font-size:130%;
font-weight:bold;
border-radius:5px;
}

.gift span{
font-size:70%;
display:block;
}




/* infomation */

.event_infomation dl{
margin:0;
}

.event_infomation dt,
.event_infomation dd{
font-size:110%;
}

.event_infomation dt {
width:20%;
text-align:center;
color:#455870;
background-color:#f0f0f0;
margin:0;
padding:3% 0;
border-bottom:1px dotted #ccc;
}

.event_infomation dt.name{
padding:5% 0;
}

.event_infomation dd {
text-align:left;
margin:0;
padding:3% 0 3% 22%;
border-bottom:1px dotted #ccc;
}


.event_infomation dd.name{
padding:3% 3% 3% 22%;
}

.event_infomation dd.date{
padding:3% 0 2.5% 22%;
}

.event_infomation dd.access{
padding:2% 0 2% 22%;
}



.event_infomation dd span.t-event {
display: block;
margin: 0;
color:#666;
font-size: 120%;
font-weight: bold;
}


.event_infomation dd span.label {
display: block;
margin: 10px 0;
color: #666;
font-size: 100%;
font-weight: bold;
}



/* h3 */

h3{
background-color:#ec912d;
border-bottom:none;
/*color:#253343;*/
color:#1c2633;
font-size:220%;
margin:0;
padding:1.5%;
text-align:center;
}

h3 span{
font-size:16px;
display:block;
}



/* h4 */

h4{
font-size:150%;
line-height:1.6;
}
h4.nooperations{
font-size:140%;
}


/* seminar list */

.seminar_list{
margin:0;
padding:0;
/*background-color:#232f3e;*/
background-color:#1c2633;
}


.seminar_list_item {
margin:3% 0;
background-color:#fff;
position:relative;
z-index:1;
}


.seminar_list_item a,
.seminar_list_item .coming_box,
.seminar_list_item .finish_box{
display:block;
color:#15293f;
line-height:1.4;
position:relative;
overflow:hidden;
}

.seminar_list_item .coming_box,
.seminar_list_item .finish_box{
opacity:0.4;
}


.seminar_list_item a:hover{
text-decoration:none;
transition:0.3s ease;
background-color:#050505;
color:#ec912d !important;
}

.seminar_list_item a:hover{
color:#ec912d;
}

.seminar_list_item a:before{
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
transition:0.3s ease;
border:7px solid #fff;
opacity:0;
}


.key_blue a:before{
border:8px solid #4bb3df;
}

.key_green a:before{
border:8px solid #70c546;
}

.key_red a:before{
border:8px solid #df5555;
}

.key_purple a:before{
border:8px solid #9f69e1;
}


.seminar_list_item a:hover:before{
opacity:1.0;
cursor:pointer;
}


.seminar_list_item .badge{
margin-bottom:20px;
padding:1%;
font-size:180%;
font-weight:bold;
text-align:center;
width:20%;
color:#fff;
}

.seminar_list .key_blue .badge{
/*color:#4bb3df;*/
/*border-bottom:1px solid #4bb3df;*/
background-color:#4bb3df;
}

.seminar_list .key_green .badge{
/*color:#57c81f;*/
/*border-bottom:1px solid #70c546;*/
background-color:#70c546;
}

.seminar_list .key_red .badge{
/*color:#df5555;*/
/*border-bottom:1px solid #df5555;*/
background-color:#df5555;
}

.seminar_list .key_purple .badge{
/*color:#9f69e1;*/
/*border-bottom:1px solid #9f69e1;*/
background-color:#9f69e1;
}


.seminar_list_item img,
.seminar_list_item .seminar_list_info{
float:left;
}

.seminar_list_item img{
max-width:100%;
}

.seminar_list_item .seminar_list_info{
width:60%;
padding:0 2%;
}


.seminar_list .date{
font-size:140%;
font-weight:bold;
}

.seminar_list .date span{
font-size:150%;
}




.finish_ttl,
.coming_ttl{
margin: 0 auto;
position: absolute;
top:20%;
left:35%;
padding:4% 0;
color:#fff;
width:30%;
/*height:25px;*/
text-align:center;
font-size:180%;
opacity:1;
z-index:100;
border-radius:2px;
}



.finish_ttl{
background:rgba(168,28,28,0.8);
}
.coming_ttl{
background:rgba(0,0,0,0.8);
}






/* session page */

.event_session{
background:#1c2633;
padding:5%;
/*padding-bottom:3%;*/
background-image:url(/info/event/aws_2019/media/parts_illust_bottom.png);
background-position:right bottom;
background-repeat:no-repeat;
}


.event_session table {
margin-bottom:15px;
border:5px solid #fff;
box-sizing:border-box;
}

.event_session table th{
font-size:130%;
color:#fff;
/*background-color: #EEBA38;*/
background-color:#ffca2a;
border:none !important;
padding:10px 0;
overflow:hidden;
font-weight:normal;
}

.event_session table td {
border:none;
padding:3%;
background:url(/info/event/aws_2019/media/icon_time.png);
background-position:right bottom;
background-repeat:no-repeat;
background-color: #fffbe1;
}

.event_session table span.time{
/*background-color:#151515;*/
background-color:#ec912d;
color:#fff;
width:15%;
padding:15px;
}

.event_session table span.info{
padding-left:10px;
color:#1c3554;
font-weight:bold;
}

.event_session table td .title {
margin:5px 0 10px 0;
padding:0 0 5px 0 !important;
border-bottom:1px dotted #999;
color: #E47911;
line-height:1.4;
font-size:160%;
}

.event_session table td .title span {
display: block;
font-size: 80%;
font-weight: normal;
}

.event_session table td .summary{
letter-spacing:0;
margin-bottom:15px;
}


.event_session table td .summary .comment{
display:block;
font-size:85%;
margin:10px 0;
padding:10px 0;
color:#666;
background-color:#fcf5c7;

}

.event_session table td .summary .comment span{
padding:0 10px 0 50px;
text-indent:-2.5em;
display:block;
}






td.session .company{
font-size:110%;
margin-bottom:10px;
line-height:1.4;
}

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

td.session img{
width:120px;
float:left;
margin-bottom:10px;
margin-right:10px;
}

td.session img.main{
width:150px !important;
}

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

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

td.session .speaker{
overflow: hidden;
padding:15px 0;
border-bottom: 1px dotted #ffca2a;
}
td.session .speaker:last-child{
border-bottom:none;
}



/* 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%;
margin-bottom: 15px;
text-align: center;
list-style: none;
font-size: 11px;
vertical-align: top;
}
.logo-sponsor li img {
width: auto;
max-width: 100%;
margin-bottom: 15px;
}


.event-holder {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.event-holder dl {
width: 32%;
text-align: center;
}
.event-holder dt {
float: none;
width: 100%;
color: #666;
border-bottom: 1px solid #FF9901;
}
.event-holder dd {margin: 0; font-size: 11px;}


.list-report {
margin: 0 0 30px;
border-bottom: 1px dotted #ccc;
overflow: hidden;
}

.list-report li {
width: 48%;
float: left;
overflow: hidden;
list-style: none;
padding: 15px 0;
}
.list-report li:nth-of-type(2) {margin-left: 2%;}
.list-report li img {
float: left;
width: 80px;
margin: 0 10px 0 0;}


/* 個人情報 */
.privacy-area {
margin: 0;
padding: 40px;
font-size: 12px;
background-color: #f5f5f5;
}




/* button */
.button{
display: block;
text-align: center;
text-decoration: none;
outline: none;
margin:30px 10px;
padding:10px 0;
width:45%;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}

.button,
.button::before,
.button::after {
box-sizing: border-box;
transition: all .3s;
}




/*btn color action setting*/


.button_red {
position:relative;
border-radius:5px;
color: #fff;
border:8px solid #a81c1c;
background-color:#a81c1c;
display:inline-block;
}
.button_red:hover {
border:8px solid #a81c1c;
background-color: #d83535;
text-decoration:none;
color: #fff !important;
}



.button_green {
position: relative;
border-radius: 5px;
border:8px solid #1f8a1f;
background-color:#1f8a1f;
color: #fff;
display:inline-block;
}
.button_green:hover {
border:8px solid #1f8a1f;
background-color:#46a746;
text-decoration:none;
color: #fff !important;
}


.button span{
display:inline-block;
padding:12px 0;
text-align:center;
font-weight:bold;
font-size:80%;
line-height:1.4;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}










/* sponsor */

.sponsor-logo,
.sponsorship-logo,
.seminar-logo {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin:30px auto !important;
}

.sponsorship-logo{
border-bottom:1px dotted #ccc;
padding-bottom:20px;
}

.sponsor-logo li,
.sponsorship-logo li,
.seminar-logo li {
width: 25%;
margin-bottom: 15px;
padding: 15px;
text-align: center;
list-style: none;
font-size: 13px;
}

.sponsor-logo li span,
.sponsorship-logo li span,
.seminar-logo li span{
display:block;
padding:5px 0;
background-color:#151515;
color:#fff;
text-align:center;
font-size:14px;
}

.sponsor-logo li img,
.sponsorship-logo li img,
.seminar-logo li img {
margin-bottom: 15px;
}


.btn_block{
font-size:180%;
font-weight:bold;
padding:30px 0;
text-align:center;
}

.btn-seminar-all,
.btn-seminar-order{
display:block;
width:40%;
text-align:center;
padding:4% 3%;
border-radius:4px;
color: #fff;
transition:0.3s ease;
margin:30px auto;
}


.btn-seminar-all {
background-color:#35516d;
border:8px solid #35516d;
}

.btn-seminar-all:hover {
text-decoration: none;
color:#feb830;
background-color:#fef5df;
border:8px solid #feb830;
}



.btn-seminar-order{/*お申込み*/
background-color:#a81c1c;
border:8px solid #a81c1c;
}

.btn-seminar-order:hover{
text-decoration: none;
color:#a81c1c !important;
background-color:#fff;
border:8px solid #a81c1c;
}





/* inquery */

.inquiry_item{
/*background-color:#232f3e;*/
background-color:#1c2633;
color:#ffffff;
}



/* closing */

.closing{
color:#cc0000;
margin:25px auto;
text-align:center;
font-size:120%;
font-weight:bold;
}



/* responsive ************************************************************************************/



@media (max-width:1000px){


.seminar_list_item img{
margin:1%;
}
.seminar_list_item .seminar_list_info{
width:50%;
padding:0 2%;
}

}



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

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

.t-series .t-logo {display: none;}
.t-series span {
display: block;
font-size: 0.85rem;
text-align:center;
}


/* title */

.title_block h2{
font-size:200%;
}

.title_block h2.main{
padding-top:8%;
}

.title_main img{
padding:20% 0 0;
}

.title_block .nooperations{/*第3回目用*/
font-size:180%;
}



/* infomation */

.event_infomation dl{
margin:0;
}

.event_infomation dt,
.event_infomation dd{
height:auto;
line-height:auto;
text-align:center;
width:100%;
}

.event_infomation dt {
padding:15px 0;
float:none;
}

.event_infomation dd{
padding:15px 0;
}


.event_infomation dd.name{
padding:3% 0 3% 0;
}

.event_infomation dd.date{
padding:3% 0 2.5% 0;
}

.event_infomation dd.access{
padding:2% 0 2% 0;
}

.event_infomation dd span.t-event {
display: block;
margin: 0;
color:#666;
font-size: 110%;
font-weight: bold;
}




.gift{
background-color:#ffd114;
margin:15px auto;
padding:4%;
line-height:1.4;
}




/* seminar list */

.seminar_list .key_blue{
border:3px solid #4bb3df;
}

.seminar_list  .key_green{
border:3px solid #70c546;
}

.seminar_list  .key_red{
border:3px solid #df5555;
}

.seminar_list  .key_purple{
border:3px solid #9f69e1;
}

.seminar_list_item a:before{
display:none;
}


.seminar_list_item .seminar_list_info{
width:100%;
padding:2% 5%;
}

.seminar_list_item img{
margin:5% auto 2%;
display:block;
float:none;
}

.seminar_list_item .badge{
width:100%;
padding:1% 0;
}


.finish_ttl,
.coming_ttl{
margin: 0 auto;
position: absolute;
top:20%;
left:15%;
padding:6% 0;
color:#fff;
width:70%;
text-align:center;
font-size:140%;
opacity:1;
z-index:100;
border-radius:2px;
}



.finish_ttl{
background:rgba(168,28,28,0.8);
}
.coming_ttl{
background:rgba(0,0,0,0.8);
}



/* btn */

.btn_block{
font-size:150%;
}
.btn-seminar-all,
.btn-seminar-order,
.button{
width:90%;
}


}


@media (max-width: 640px) {


/* title */


.title_block{
background-size:cover;
width:100%;
height:400px;
}

.title_main img{
padding:20% 0 0;
max-width:80%;
}

.title_seminar img{
width:30%;
}


.title_block h2{
font-size:130%;
}

.title_block h2.main{
padding-top:5%;
font-size:140%;
}


/* sponcer logo */

.sponsor-logo li,
.sponsorship-logo li,
.seminar-logo li {
width: 50%;
}






}



@media (max-width: 480px) {

/*.container-fluid {margin: 0; padding: 0 15px;}*/

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



/* title */

.title_main img{
padding:25% 0 0;
max-width:80%;
}

.title_block h2.main{
padding-top:15%;
font-size:140%;
}

.title_block .event_date span{
font-size:120%;
}


h3{
font-size:140%;
padding:4%;
}

h4{
font-size:120%;
}


.special_seminar .table {
width: 100%;
}

.event_summary {padding: 5px 20px;}



.information dt {
width: 100%;
padding-top: 15px;
}
.information dd {
margin: 0;}







/* seminar list */

.seminar_list_item{
margin:5% auto;
}


.finish_ttl,
.coming_ttl{
margin: 0 auto;
position: absolute;
top:40%;
left:10%;
padding:10% 0;
color:#fff;
width:80%;
text-align:center;
font-size:140%;
opacity:1;
z-index:100;
border-radius:2px;
}



.finish_ttl{
background:rgba(168,28,28,0.8);
}
.coming_ttl{
background:rgba(0,0,0,0.8);
}




/* session table */

.event_session{
background-image:url(/info/event/aws_2019/media/parts_illust_bottom.png);
background-position:center bottom;
background-repeat:no-repeat;
background-size:40%;
padding-bottom:25%;
}

.event_session table td{
padding:4%;
}

.event_session table th{
text-align:center;
}

.event_session table span.time{
margin-top:-10px;
margin-bottom:5px;
padding:3px 0;
width:100%;
display:block;
font-size:90%;
}

.event_session table span.info{
font-size:90%;
padding:0;
}

.event_session table td .title{
font-size:130%;
}




td.session .profile_open{
clear:both;
padding-top:5px;
}

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



/* sponcer logo */

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

.sponsor-logo li,
.sponsorship-logo li,
.seminar-logo li {
width: 100%;
}


/* privacy */

.privacy-area{
padding:15px;
}

.event-holder {display: block;}
.event-holder dl {
width: 100%;
}
.event-holder dd {border-bottom: none; margin-bottom: 30px;}
}