
#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 {
  max-width: none !important;
  margin: 20px auto;
  text-align: center;
}
.adspecial_type1 .frame_col_left_container {
  width: 970px;
  float: left;
  position: relative;
  right: 320px;
  text-align: left;
  margin-bottom: 80px;
}
.adspecial_type1 .frame_col_right_container {
  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;
}

p.more {
  margin-top: 0px;
}

.style_indexlist1 li {
  font-weight: normal;
  list-style-image: none;
  line-height: 1.3;
  background-position: 4px 7px;
}
.style_indexlist1 li a {
  line-height: 1.5;
}

.style_indexlist1 li.stronger a {
  font-weight: bold;
}

.style_indexlist1 li.largersize {
  font-size: 14px;
}

.style_indexlist1 li a img {
  border: 1px solid #666666;
  float: left;
  margin: 0 5px 5px 0;
}




#adspecial_crowdstrike_202204 {
  margin-left: -5px;
  padding: 0;
}



.adspecial_type1 .frame_header {
  position: relative;
  height: 400px;
  margin-bottom: 10px;
  padding: 0 24px;
  text-align: left;
  background: linear-gradient(to right, #7e1614 0%, #ff0000 70%);
  overflow: hidden;
}
.adspecial_type1 .frame_header::before {
    content: "";
    position: absolute;
    top: 0;
    right: -10%;
    display: block;
    width: 90%;
    height: 100%;
    background: url(/extra/crowdstrike_202204/media/security_animated.svg) no-repeat center center;
    background-size: cover;
}


.adspecial_type1 .frame_header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/extra/crowdstrike_202204/media/bg_dark.png) top left;
}
.adspecial_type1 .frame_header .wing {
    position: absolute;
    top: -120%;
    right: 30%;
    width: 600px;
    height: 1111px;
    background: url(/extra/crowdstrike_202204/media/wing.png) no-repeat center center;
    opacity: .15;
    transform: rotate(-30deg);
}

.adspecial_type1 .frame_header .frame-header-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
}

.adspecial_type1 .frame_header .frame-header-inner::before,
.adspecial_type1 .frame_header .frame-header-inner::after {
    content: "";
    position: absolute;
    top: -300px;
    right: -5%;
    display: block;
    width: 400px;
    height: 400px;
    transform: rotate(45deg);
    border-radius: 80px;
    border: 1px solid rgba(255,255,255,.7);
    background: transparent;
    box-shadow: 0 0 16px #7e1614;
    backdrop-filter: blur( 3px );
    -webkit-backdrop-filter: blur(3px );
}

.adspecial_type1 .frame_header .frame-header-inner::before {
    top: 70%;
    right: 40%;
    width: 232px;
    height: 432px;
    background: rgba(0,0,0,.6);
}


#adspecial_crowdstrike_202204.adspecial_type1 h1.adspecial {
  position: relative;
  z-index: 5;
  padding: 40px;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.5;
  font-feature-settings: "palt" 1;
}

#adspecial_crowdstrike_202204.adspecial_type1 h1.adspecial::before,
#adspecial_crowdstrike_202204.adspecial_type1 h1.adspecial::after {
    content: "";
    position: absolute;
    top: -500px;
    left: -50%;
    display: block;
    width: 400px;
    height: 600px;
    border-radius: 80px;
    background: #333;
    transform: rotate(45deg);
    z-index: -1;
    box-shadow: 0 0 16px #000;
}

#adspecial_crowdstrike_202204.adspecial_type1 h1.adspecial::before {
    top: 200px;
    left: 100%;
    width: 432px;
    height: 432px;
    background: transparent;
    border: 1px solid rgba(255,255,255,.7);
    box-shadow: 0 0 16px #333;
    background: transparent;
    box-shadow: 0 0 16px #7e1614;
    backdrop-filter: blur( 3px );
    -webkit-backdrop-filter: blur( 3px );
}

#adspecial_crowdstrike_202204.adspecial_type1 h1.adspecial span {display: inline-block;}
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;
	opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #333;
}
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

.bgappearTrigger,
.bgLRextendTrigger{
    opacity: 0;
}




#adspecial_crowdstrike_202204.adspecial_type1 h2.adspecial {
  position: relative;
  margin-top: 40px;
  color: #fff;
  line-height: 1.3;
}
#adspecial_crowdstrike_202204.adspecial_type1 h2.adspecial::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  padding: 24px;
  position: absolute;
  z-index: -1;
  top: -6px;
  right: 0;
  border-radius: 0 50px 50px 0;
  background: linear-gradient(to right, #AE100D 50%, #FA1D00 100%);
}

#adspecial_crowdstrike_202204.adspecial_type1 h5.adspecial {
  margin-top: 40px;
  padding: 16px;
  text-align: center;
  border-top: 2px solid #AE100D;
}





#adspecial_crowdstrike_202204.adspecial_type1 .frame_col_left #block_story p {
  line-height: 1.8em;
}

#adspecial_crowdstrike_202204.adspecial_type1 .frame_col_left #block_story p {
  margin: 1em 10px;
  font-size: 16px;
}

#adspecial_crowdstrike_202204.adspecial_type1 .article_leaf_paging_word {
  font-size: 12px;
  margin: 20px 0px 30px 0;
  text-align: right;
}

#adspecial_crowdstrike_202204.adspecial_type1 .frame_col_left #block_story.article_body {
  margin-top: 0;
}


footer {margin-top: 0;}

#adspecial_crowdstrike_202204.adspecial_type1 .block_sponsored {
  clear: both;
  padding: 5px 10px;
  background: #333;
  color: #fff;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_sponsored a {color: #fff;}

#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink {
  margin-bottom: 20px;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li {
  width: 300px;
  padding-bottom: 0px;
  height: 70px;
  margin-bottom: 5px;
}
#adspecial_crowdstrike_202204.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_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink1 a {
  background-position: 0 0;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink1 a:hover,
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul#on1 li.plink1 a {
  background-position: -300px 0;
}

#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink2 a {
  background-position: 0 -70px;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink2 a:hover,
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul#on2 li.plink2 a {
  background-position: -300px -70px;
}

#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink3 a {
  background-position: 0 -140px;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink3 a:hover,
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul#on3 li.plink3 a {
  background-position: -300px -140px;
}

#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink4 a {
  background-position: 0 -210px;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink4 a:hover,
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul#on4 li.plink4 a {
  background-position: -300px -210px;
}

#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink5 a {
  background-position: 0 -280px;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul li.plink5 a:hover,
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink ul#on5 li.plink5 a {
  background-position: -300px -280px;
}




#adspecial_crowdstrike_202204.adspecial_type1 .block_right_info  {
  margin-bottom: 20px;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_info .info {
  margin-bottom: 20px;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_info .info a img {
  margin: 0 auto 5px auto;
  display: block;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_info .info a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_info .info a .txt {
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_info .info a:hover .txt {
  text-decoration: underline;
}
#adspecial_crowdstrike_202204.adspecial_type1 .block_right_info .info p {
  font-size: 12px;
}

#adspecial_crowdstrike_202204.adspecial_type1 .block_sponsored address {
  font-weight: normal;
  font-style: normal;
}

@media screen and (max-width: 800px) {
  #adspecial_crowdstrike_202204.adspecial_type1,
  #adspecial_crowdstrike_202204.adspecial_type1 .frame_col_right_container,
  #adspecial_crowdstrike_202204.adspecial_type1 .frame_col_left_container,
  #adspecial_crowdstrike_202204.adspecial_type1 .frame_col_left,
  #adspecial_crowdstrike_202204.adspecial_type1 .frame_col_right {
    width: auto !important;
    float: none;
  }
  #adspecial_crowdstrike_202204.adspecial_type1 .article_body .left,
  #adspecial_crowdstrike_202204.adspecial_type1 .article_body .right,
  #adspecial_crowdstrike_202204.adspecial_type1 .article_body .center {
    float: none;
    max-width: 100%;
    text-align: center;
  }
  #adspecial_crowdstrike_202204.adspecial_type1 img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto 10px;
  }

  #adspecial_crowdstrike_202204.adspecial_type1 .block_right_plink {
    display: none;
  }
}


@media screen and (max-width: 640px) {
  .adspecial_type1 .frame_col_left_inner {padding: 0 10px;}
  #block_story {
    margin-left: 0;
  }

  .adspecial_type1 .frame_header .frame-header-inner::before,
  .adspecial_type1 .frame_header .frame-header-inner::after {
    display: none;
  }
    #adspecial_crowdstrike_202204.adspecial_type1 h1.adspecial {
      padding: 0;
      font-size: 1.25rem;
  }
    #adspecial_crowdstrike_202204.adspecial_type1 h2.adspecial {
      padding:  0 24px;
      font-size: 1rem;
  }
}

