@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600&display=swap');

#width {
  width: 990px;
}
.adspecial_type1 h1, .adspecial_type1 h2, .adspecial_type1 h3, .adspecial_type1 h4, .adspecial_type1 h5, .adspecial_type1 h6 {
display:block;
}
.adspecial_type1 {
  margin: 20px auto;
  text-align: center;
  max-width: none !important;
}
.adspecial_type1 .frame_col_left_container {
  width: 970px;
  float: left;
  position: relative;
  background: #fafafa;
  right: 320px;
  text-align: left;
}
.adspecial_type1 .frame_col_right_container {
  overflow: hidden;
  width: 970px;
  position: relative;
  margin: 0 auto;
}
.adspecial_type1 .frame_col_left {
  float: left;
  width: 650px;
  position: relative;
  left: 320px;
}
.adspecial_type1 .frame_col_left_inner {
  padding: 0 10px 0 0;
}
.adspecial_type1 .frame_col_right {
  float: left;
  width: 320px;
  position: relative;
  left: 320px;
}
.adspecial_type1 .frame_col_right_inner {
  padding: 0 10px;
}
* html .adspecial_type1 .frame_col_right_inner {
  width: 300px;
}
* html .adspecial_type1 .frame_col_left {
  overflow: hidden;
}
* html .adspecial_type1 .frame_col_right  {
  overflow: hidden;
}



.adspecial_type1 {
  margin-top: 0;
  padding-top: 20px;
}

#block_story {
  margin-left: 10px;
}

.style_block1 {
  margin-left: 10px;
}






#adspecial_vmware_20210701 {
  margin-left: -5px;
  padding: 0;
}
#adspecial_vmware_20210701.adspecial_type1 .frame_col_left_container {
  background: #ffffff;
}
#adspecial_vmware_20210701.adspecial_type1 .frame_col_right_container {
  background: #ffffff;
}

.adspecial_type1 .frame_header {
  position: relative;
  display: flex;
  align-items: center;
  height: 400px;
  margin-bottom: 48px;
  text-align: left;
    background: linear-gradient(to right, #1B2D32 0%,#308AD5 100%);
}
.adspecial_type1 .frame_header::before {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    display: block;
    width: 70%;
    height: 100%;
    background: url(/extra/vmware_20210701/media/head_title.png) no-repeat center right;
    background-size: cover;
  opacity: .3;
}
.adspecial_type1 .frame_header::after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(5,171,224,1) 100%); 
    opacity: .8;
    width: 30%;
    right: 0;
}

.adspecial_type1 .frame_header.sbcs {
    background: linear-gradient(to right, #1B2D32 0%,#308AD5 100%);
}
.adspecial_type1 .frame_header.sbcs::after {
    background: linear-gradient(to bottom, #999 0%,#efefef 100%);
}


.adspecial_type1 .frame_header.nos {
    background: linear-gradient(to right, #02326b 0%, #1F5AA5 100%);
}

.adspecial_type1 .frame_header.ctc {
    background: linear-gradient(to right, #173E86 0%,#2A60D3 100%);
}
.adspecial_type1 .frame_header.ctc::after {
    background: linear-gradient(to bottom, #E7EDF4 0%, #3097E5 100%);
}

.adspecial_type1 .frame_header.uni {
    background: linear-gradient(to right, #354E9A 0%,#2D96D7 100%);
}
.adspecial_type1 .frame_header.uni::after {
    background: linear-gradient(to bottom, #2D96D7 0%,#55DBC2 100%);
}

.adspecial_type1 .frame_header.hisol,
.adspecial_type1 .frame_header.hitachi {
    background: linear-gradient(to right, #6b0007 0%,#E61A27 100%);
}
.adspecial_type1 .frame_header.hisol::after,
.adspecial_type1 .frame_header.hitachi::after {
    background: linear-gradient(to bottom, #da8181 0%,#2b0404 100%);
  opacity: .5;
}

.adspecial_type1 .frame_header.miki {
    background: linear-gradient(to right, #2F316E 0%,#2792BF 100%);
}
.adspecial_type1 .frame_header.miki::after {
    background: linear-gradient(to bottom, #1D8D94 0%,#1D7198 100%);
  opacity: 1;
}



.adspecial_type1 .frame_header > span {
  position: absolute;
  z-index: 7;
  top: 5%;
  right: 40%;
  width: 160px;
  height: 160px;
  border-radius: 16px;
    backdrop-filter: blur(2px);
    background-color: rgba(0,191,255, 0.025);
    box-shadow: rgba(0, 0, 0, 0.1) 2px 8px 8px;
    border: 1px rgba(255,255,255,0.2) solid;
    border-bottom: 1px rgba(40,40,40,0.35) solid;
    border-right: 1px rgba(40,40,40,0.35) solid;
}
.adspecial_type1 .frame_header > span:nth-of-type(2) {
  top: 64%;
  right: 24%;
  width: 120px;
  height: 120px;
}
.adspecial_type1 .frame_header > span:nth-of-type(3) {
  top: 86%;
  right: 30%;
  width: 80px;
  height: 80px;
}
.adspecial_type1 .frame_header > span:nth-of-type(4) {
  top: 16%;
  right: 2%;
  width: 240px;
  height: 240px;
}

#adspecial_vmware_20210701.adspecial_type1 h1.adspecial {
  position: relative;
  z-index: 10;
  margin-left: 10%;
  color: #fff;
  font-size: 2rem;
  font-feature-settings: "palt" 1;
}
#adspecial_vmware_20210701.adspecial_type1 h1.adspecial::before {
  content: "VMware Modern App Days";
  position: absolute;
  top: -64px;
  left: 0;
  color: #fff;
  font-size: 2rem;
  font-family: 'Rajdhani', sans-serif;
  font-feature-settings: "palt" 1;
  opacity: .2;
  white-space: nowrap;
}
#adspecial_vmware_20210701.adspecial_type1 h1.adspecial::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  background: #fff;
  opacity: .2;
  white-space: nowrap;
}

#adspecial_vmware_20210701.adspecial_type1 h1.adspecial span {
    display: block;
}

#adspecial_vmware_20210701.adspecial_type1 h2.adspecial {
    clear: both;
    position: relative;
    margin-bottom: 32px;
    padding-bottom: 16px;
    color: #444;
  line-height: 1.3;
}
#adspecial_vmware_20210701.adspecial_type1 h2.adspecial::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    background: #2D91DA;
}

#adspecial_vmware_20210701.adspecial_type1 h5.adspecial {
    position: relative;
    margin-bottom: 16px;
    padding: 24px 0 8px;
    color: #444;
    font-size: 1rem;
    text-align: center;
}
#adspecial_vmware_20210701.adspecial_type1 h5.adspecial::before {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 20px);
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #2D91DA;
}


#adspecial_vmware_20210701.adspecial_type1 .frame_col_left #block_story p {
  line-height: 1.8em;
}

#adspecial_vmware_20210701.adspecial_type1 .frame_col_left #block_story p {
  margin: 1em 10px;
  font-size: 16px;
}

#adspecial_vmware_20210701.adspecial_type1 .article_leaf_paging_word {
  font-size: 12px;
  margin: 20px 0px 30px 0;
  text-align: right;
}

#adspecial_vmware_20210701.adspecial_type1 .frame_col_left #block_story.article_body {
  margin-top: 0;
}


footer {margin-top: 0;}
#adspecial_vmware_20210701.adspecial_type1 .block_sponsored {
  clear: both;
  border-top: 1px solid #ccc;
  padding: 5px 10px;
}

#adspecial_vmware_20210701.adspecial_type1 .block_right_plink {
  margin-bottom: 20px;
}
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li {
  width: 300px;
  padding-bottom: 0px;
  height: 70px;
  margin-bottom: 5px;
}
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li a {
  display: block;
  height: 70px;
  margin-bottom: 5px;
  overflow: hidden;
  text-indent: -9999px;
  width: 300px;
  background-repeat: no-repeat;
}

#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink1 a {
  background-position: 0 0;
}
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink1 a:hover,
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul#on1 li.plink1 a {
  background-position: -300px 0;
}

#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink2 a {
  background-position: 0 -70px;
}
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink2 a:hover,
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul#on2 li.plink2 a {
  background-position: -300px -70px;
}

#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink3 a {
  background-position: 0 -140px;
}
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink3 a:hover,
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul#on3 li.plink3 a {
  background-position: -300px -140px;
}

#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink4 a {
  background-position: 0 -210px;
}
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink4 a:hover,
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul#on4 li.plink4 a {
  background-position: -300px -210px;
}

#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink5 a {
  background-position: 0 -280px;
}
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul li.plink5 a:hover,
#adspecial_vmware_20210701.adspecial_type1 .block_right_plink ul#on5 li.plink5 a {
  background-position: -300px -280px;
}

.webinar {
  position: relative;
  margin: 48px 0;
  font-family: 'Rajdhani', Arial, "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  background: #1B2B32;
  border: 8px solid rgba(255,255,255,.1);
}
.webinar::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 70%;
    height: 100%;
    background: url(/extra/vmware_20210701/media/head_title.png) no-repeat center right;
    background-size: cover;
  opacity: .3;
}
.webinar .contents-inner {
    padding: 24px;
    color: #fff;
}
.webinar .webinar-text strong {
    font-size: 1.6rem;
}
.webinar .webinar-text strong span {
    font-size: 2rem;
}
.btn-border {
    display: inline-block;
    min-width: 240px;
    margin: 24px auto 0;
    padding: 8px 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: 2px solid #ccc;
    border-radius: 5px;
}
.btn-border:hover {background: rgba(255,255,255,.8);}


.article-item a {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px;
  font-size: .75rem;
  box-shadow: 0 1px 5px #ccc;
  background: #fff;
}
.article-item a.comingsoon {pointer-events: none;}
.article-item a img {width: 80px !important; margin: 0 8px 0 0 !important; flex-shrink: 0;}

.article-item.special-item a {
  display: block;
  background: #1B2C32;
  text-align: center;
  font-size: 1.25rem;
  font-family: 'Rajdhani', sans-serif;
  border: 16px solid #fff;
}
.article-item.special-item a span {
  color: transparent;
background:linear-gradient(to right, #00dcff 0%, #8dff00 100%);
   -webkit-background-clip: text;
}





@media screen and (max-width:960px) {
  #adspecial_vmware_20210701.adspecial_type1,
  #adspecial_vmware_20210701.adspecial_type1 .frame_col_right_container,
  #adspecial_vmware_20210701.adspecial_type1 .frame_col_left_container,
  #adspecial_vmware_20210701.adspecial_type1 .frame_col_left,
  #adspecial_vmware_20210701.adspecial_type1 .frame_col_right {
    width: auto !important;
    float: none;
  }
.adspecial_type1 .frame_col_left_inner {
    padding: 0 16px;
}
  #adspecial_vmware_20210701.adspecial_type1 .article_body .left,
  #adspecial_vmware_20210701.adspecial_type1 .article_body .right,
  #adspecial_vmware_20210701.adspecial_type1 .article_body .center {
    float: none;
    max-width: 100%;
    text-align: center;
  }
  #adspecial_vmware_20210701.adspecial_type1 img {
    display: block;
    width: auto;
    max-width: 100%
    height: auto;
    margin: 0 auto 10px;
  }

  #adspecial_vmware_20210701.adspecial_type1 .block_right_plink {
    display: none;
  }
}


@media screen and (max-width: 640px) {
.adspecial_type1 .frame_header > span:nth-of-type(2) {
  right: -10%;
}

  #adspecial_vmware_20210701.adspecial_type1 h1.adspecial {
  margin-left: 0;
  padding: 0 24px;
  font-size: 1.5rem;
  }

#adspecial_vmware_20210701.adspecial_type1 h1.adspecial::before,
#adspecial_vmware_20210701.adspecial_type1 h1.adspecial::after {
  left: 24px;
  }
}


@media screen and (max-width: 480px) {
  #adspecial_vmware_20210701.adspecial_type1 h1.adspecial {
  font-size: 1.25rem;
  }
  #adspecial_vmware_20210701.adspecial_type1 h1.adspecial span {display: inline;}
  #adspecial_vmware_20210701.adspecial_type1 h1.adspecial::before {font-size: 1.5rem; top: -48px;}

  .webinar .contents-inner {padding: 16px;}
  .webinar .webinar-text strong {
    line-height: 1.2;
    font-size: 1.5rem;
  }
  .webinar .webinar-text strong span {
    font-size: 1.6rem;
  }
}