/* フレーム設定-------------------------------------------------------------------------------- */

#adspecial_ibm_2020{
padding: 0;
}

#adspecial_ibm_2020.adspecial_type1{
max-width:100% !important;
width:100% !important;
}



.block_sponsored {
    padding: 40px 0;
    text-align: center;
}




/* 0615追加-------------------------------------------------------------------------------- */

#content{
background:#dfdfdf;
}

.frame_col_left_inner{
padding:0;
}

.adspecial_type1 .main-visual{

height:auto;
position:relative;
z-index:auto;
padding:5% 0 0 0;

}

.adspecial_type1 .main-visual:before{
content:"";
width:100%;
height:50%;
background:#0f6dff;
position:absolute;
top:0;
left:0;
z-index:0;
    animation: leftSlideIn  .45s forwards;

}

@keyframes leftSlideIn {
    from {
        width:0;
    }
    to {
        width:100%;
    }
}


.adspecial_type1 .main-visual .main-visual__photo{
background:url(/extra/ibm_2020/media/screen-bg.jpg) no-repeat top;
background-size:cover;
width:95%;
min-height:90%;
position:relative;
z-index:1;
margin:0 0 5% 5%;
padding:25% 0 5% 15%;
    animation: rightSlideIn  .5s .5s forwards;
opacity:0;
}

@keyframes rightSlideIn {
    from {
        transform: translateX(10%);
opacity:0;
    }
    to {
        transform: translateX(0);
opacity:1;
    }
}



.adspecial_type1 h1{
background:rgba(255,255,255,.95);
position:relative;
z-index:1;
padding:5%;
font-size:3vw;
opacity:0;
    animation: slideUp  .5s 1s forwards;
position:relative;
border-top:15px solid #0f6dff;
border-left:15px solid #0f6dff;
}
@keyframes slideUp {
    from {
        transform: translateY(10%);
opacity:0;
    }
    to {
        transform: translateY(0);
opacity:1;
    }
}

.adspecial_type1 h1::before{
content:"";
width:60%;
padding-top:12%;
background:url(/extra/ibm_2020/media/top-screen-text.png) no-repeat;
background-size:contain;
display:inline-block;
position:absolute;
top:0;
left:0;
transform: translateY(-90%) translateX(-10%);
}

.adspecial_type1 h1 span{
color:#0B4CB2;
}
.adspecial_type1 .lead-content{
width:100%;
margin:0 auto;
background:#fff;
padding: 5% 10% calc(5% + 40px) 10%;
position:relative;
z-index:auto;
}


.lead-content__text{
width:90%;
position:relative;
z-index:2;
font-size:18px;
border:7px solid #0f6dff;
border-right:7px solid #0B4CB2;
border-bottom:7px solid #0B4CB2;
padding:3%;
}

.lead-content__text__inner{
background:rgba(255,255,255,1);
padding:10px;
width:90%;
}

.lead-content__text p{
margin-bottom:20px;
opacity:0;
transform:translateX(-20px);
transition: all .5s .5s ease-out;
}

.lead-content__text.is-show p{
opacity:1;
transform:translateX(0);
transition: all .5s .5s ease-out;
}

.lead-content__text p span{

}

.lead-content__text span.blue-bg{
color:#0f6dff;
text-shadow: 0 1px 2px rgba(0,0,0,0.18);
boder-bottom:#0f6dff solid 2px;
}

.lead-content__photo{
background:url(/extra/ibm_2020/media/small-screen.jpg) no-repeat center center;
background-size:cover;
opacity:0;
width:20%;
padding-top:25%;
margin-left:-5%;
margin-top:20px;
z-index:1;

transition: all .5s 1s ease-out;
position:absolute;
bottom:5%;
right:5%;
width:30%;
}

.lead-content__photo.is-show{
opacity:1;
transition: all .5s 1s ease-out;

}

.adspecial_type1 .inner-content{
width:1000px;
margin:0 auto;
padding:50px 20px;
}


.adspecial_type1 .inner-content h2.adspecial{
background:#0f6dff;
color:#fff;
padding: 20px 15px;
margin-bottom:20px;
font-size:20px;
border-top:7px solid rgba(255,255,255,0.2);
border-left:7px solid rgba(255,255,255,0.2);
}


.adspecial_type1 .inner-content .content-link{
width:100%;
margin:0 auto 40px;
}

.adspecial_type1 .inner-content .content-link__list{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
align-items: stretch;
}

.adspecial_type1 .inner-content .content-link__list li{
width:32%;
display:flex;
align-items: stretch;
margin-bottom:20px;
box-shadow: 15px 15px 20px  rgba(0,0,0,0.2);
border:7px solid #0f6dff ;
border-right: 7px solid #0B4CB2;
border-bottom: 7px solid #0B4CB2;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content05{

margin-right:auto;
margin-right:34%;

}


.adspecial_type1 .inner-content .content-link__list.list01 li.content01{
background:url(/extra/ibm_2020/media/list01_content01.jpg) no-repeat #000;
background-size:contain;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content02{
background:url(/extra/ibm_2020/media/list01_content02.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content03{
background:url(/extra/ibm_2020/media/list01_content03.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content04{
background:url(/extra/ibm_2020/media/list01_content04.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content05{
background:url(/extra/ibm_2020/media/list01_content05.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content06{
background:url(/extra/ibm_2020/media/list01_content06.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content07{
background:url(/extra/ibm_2020/media/list01_content06.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content08{
background:url(/extra/ibm_2020/media/list01_content07.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content09{
background:url(/extra/ibm_2020/media/list01_content09.jpg) no-repeat;
background-size:cover;
}


.adspecial_type1 .inner-content .content-link__list.list02 li.content01{
background:url(/extra/ibm_2020/media/list02_content01.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list.list03 li.content01{
background:url(/extra/ibm_2020/media/ibm.jpg) no-repeat;
background-size:cover;
}

.adspecial_type1 .inner-content .content-link__list li a{
display:flex;
flex-direction: column;
align-items: stretch;
padding-top:55%;
}

.adspecial_type1 .inner-content .content-link__list li a .photo-booth{
display:flex;
justify-content: center; 
align-items: center;
width:100%;
margin-bottom:20px;

height:150px;
padding:10px;
}

.adspecial_type1 .inner-content .content-link__list li a .photo-booth img{
height:100%;
box-shadow:10px 10px 15px rgba(0,0,0,0.2);
}

.adspecial_type1 .inner-content .content-link__list li img{
display:block;
margin:auto;
border:1px solid #efefef;
}
.adspecial_type1 .inner-content .content-link__list li a p.title{
font-size:16px;
min-height:75px;
margin-top:auto;
padding:10px 7px;
background: -webkit-linear-gradient(15deg, rgba(15, 109, 255,1), rgba(11, 76, 178,0.4));
background: linear-gradient(15deg, rgba(15, 109, 255,1), rgba(11, 76, 178,0.4));
color:#fff;
text-shadow: 0 1px 2px rgba(0,0,0,0.18);
line-height:1.4;
}

.adspecial_type1 .inner-content .content-link__list__movie{
  display:flex;
   justify-content: space-between;
flex-wrap:wrap;
margin-bottom:40px;
}

.adspecial_type1 .inner-content .content-link__list__movie li{
width:48%;
}
.adspecial_type1 .inner-content .content-link__list__movie li.movie_settings{

}
.adspecial_type1 .inner-content .content-link__list__movie li.movie_settings .movie_settings__inner{
 padding-top: 56.25%;
position:relative;
}

.adspecial_type1 .inner-content .content-link__list__movie li a{
display:block;
}
.adspecial_type1 .inner-content .content-link__list__movie li p{
margin-top:10px;
}

.adspecial_type1 .inner-content .content-link__list__movie li p img{
margin-right:10px;
}


.adspecial_type1 .inner-content .content-link__list__movie li iframe{
position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.adspecial_type1 .inner-content .content-col2{
display:flex;
 justify-content: space-between;
}

.adspecial_type1 .inner-content .content-col2 .inner-col{
width:48%;
background:#fff;
padding:2.5%;
border:solid 5px #0f6dff;
}

.adspecial_type1 .inner-content .content-col2 .inner-col h3.adspecial{
background:#0f6dff;
color:#fff;
padding:2%;
margin-bottom:20px;
}

.adspecial_type1  h4.adspecial{
border-bottom:2px solid #333;
color:#333;
text-align:center;
margin-bottom:20px;
}


.adspecial_type1 .inner-content .content-col2 .inner-col .list-company-info li{
border-bottom:2px solid #0f6dff;
padding-bottom:10px;
}

.adspecial_type1 .inner-content .content-col2 .inner-col .list-company-info li .date{
color:#0f6dff;
font-size:80%;
font-weight:bold;
}

.block_sponsored{
background:#fff;
}
a.event-bn{
font-size:90%;
}
a.event-bn img{
width:100%;
}


h3.sub{
border:7px solid #0f6dff;
padding:5px;
text-align:center;
margin-bottom:20px;
}


.terminal_settings{
margin-top:-20px;
margin-bottom:40px;
}

.terminal_settings li+li{
margin-top:20px;
}

.terminal_settings li a{
background:rgba(15,109,255,0.1);
padding:20px;
display:flex;
align-items: center;  
position:relative;
box-shadow: 0 2px 4px rgba(0,0,0,.18);
}

.terminal_settings li a::after{
content:"";
width:10px;
height:10px;
border-right:3px solid rgba(15,109,255,1);
border-bottom:3px solid rgba(15,109,255,1);
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
transform: rotate(-45deg);
}


.terminal_settings li a img{
height:32px;
margin-right:10px;
}
.mb20{
margin-bottom:20px;
}
/* headline設定-------------------------------------------------------------------------------- */




/* responsive -------------------------------------------------------------------------------- */

@media screen and (max-width:800px){
.terminal_settings{
margin-top:0;
}

.adspecial_type1 .main-visual .main-visual__photo{
padding-left:7.5%;
}
.adspecial_type1 h1{
font-size:3.3vw;
}

.adspecial_type1 .inner-content .content-link__list.list01 li.content01{
background:url(/extra/ibm_2020/media/list01_content01.jpg) no-repeat #000;
background-size:cover;
}

.adspecial_type1 .lead-content{
padding:5%;
flex-direction: column;
}

.adspecial_type1 .inner-content h2.adspecial {
font-size:16px;
}

.lead-content__text{
width:100%;
background:#fff;
}

.lead-content__text__inner{
width:100%;
}

.lead-content__photo{
padding-top:75%;
width:100%;
margin-left:0;
transform: translateX(0) translateY(-30%);
margin-bottom:-20%;
}
.lead-content__photo.is-show{
transform: translateX(5%) translateY(-30%);
}

.adspecial_type1 .inner-content{
width:100%;
padding-top:0;
}

.adspecial_type1 .inner-content .content-link__list li{
width:100%;
}

.adspecial_type1 .inner-content .content-link__list li a{
width:100%;
padding:0;
padding-top: 55%;
}

.adspecial_type1 .inner-content .content-link__list li img{
margin:0;
height:125px;
}


.adspecial_type1 .inner-content .content-link__list.list01 li.content05{
margin-left:0;
margin-right:0;

}
.adspecial_type1 .inner-content .content-link__list li a .photo-booth {
width:100%;
}

.adspecial_type1 .inner-content .content-link__list li a p.title {
min-height:0;
width:100%;
}

.content-link__list__movie{
    flex-direction: column;

}
.adspecial_type1 .inner-content .content-link__list__movie li{
    margin-bottom: 20px;
    width: 100%;
}



.adspecial_type1 .inner-content h2.adspecial {
margin-top:40px;
}

.adspecial_type1 .inner-content .content-col2 {
flex-direction: column;
}

.adspecial_type1 .inner-content .content-col2 .inner-col {
width:100%;
margin-bottom:20px;
}

.lead-content__photo{
position:static;
}

}




@media screen and (max-width:480px){
}