.adspecial_type1 {
  max-width: none !important;
  margin-top: 0;
  background: url(/extra/lenovo_202203/media/head_title.jpg) no-repeat top center;
  background-size: contain;
}

.frame_col_left {max-width: 960px; margin: 0 auto;}


#adspecial_lenovo_202203.adspecial_type1 h1.adspecial {
  height: 480px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  line-height: 1.3;
  font-size: 2rem;
  font-feature-settings: "palt" 1;
  text-shadow: 0 0 5px #04061C;
}
#adspecial_lenovo_202203.adspecial_type1 h1.adspecial small {font-size: 1rem;}
#adspecial_lenovo_202203.adspecial_type1 h1.adspecial span {
  opacity: 0;
  transform: translateY(50px);
  animation: fadeup .8s ease .5s 1 forwards;
}
#adspecial_lenovo_202203.adspecial_type1 h1.adspecial span:nth-of-type(2) {animation: fadeup .8s ease .8s 1 forwards;}
#adspecial_lenovo_202203.adspecial_type1 h1.adspecial span:nth-of-type(3) {animation: fadeup .8s ease 1.2s 1 forwards;}

@keyframes fadeup {
  from {opacity: 0; transform: translateY(50px);}
  to {opacity: 1; transform: translateY(0);}
}

#adspecial_lenovo_202203.adspecial_type1 .title {
  position: relative;
	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: linear-gradient(to right, #AE1D20 0%, #2E0F50 100%);
}
@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);
	}
}

#adspecial_lenovo_202203.adspecial_type1 .title.
.bgappearTrigger {
    opacity: 0;
}


#adspecial_lenovo_202203.adspecial_type1 h2.adspecial {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px;
  background: #fff;
}


#adspecial_lenovo_202203.adspecial_type1 .frame_col_left #block_story p {
  line-height: 1.8em;
  text-indent: 1em;
  margin: 1em 10px;
}

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

#adspecial_lenovo_202203.adspecial_type1 .frame_col_left #block_story.article_body {
  margin-top: 0;
  padding: 24px;
  background: #fff;
}

.testimony {
  position: relative;
  margin: 0 10px 40px;
  padding: 40px 24px 16px 40px;
  color: #fff;
  font-weight: bold;
  box-shadow: 3px 5px 16px #aaa;
  border-radius: 5px;
  background: linear-gradient(45deg, #AE1D20 0%, #2E0F50 100%);
}
.testimony::before {
  content: "”";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10rem;
  font-family: century, serif;
  font-weight: normal;
  color: #eee;
  line-height: 1;
}
.testimony span {
  position: relative;
  display: block;
  margin-top: 16px;
  padding-left: 3em;
  text-indent: 0;
}
.testimony span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 2em;
  height: 1px;
  background: #fff;
}

.article-contents .img-xxxl {padding-bottom: 0;}
.article-contents .center img {margin-bottom: 0;}

.link-relative {padding: 0 0 80px; text-align: center;}
.link-relative a {
  position: relative;
  display: inline-block;
  width: 80%;
  padding: 16px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-feature-settings: "palt" 1;  
  background: linear-gradient(45deg, #AE1D20 0%, #2E0F50 100%);
  border-radius: 50px;
}
.link-relative a::before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 32px;
  display: block;
  width: 16px;
  height: 16px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  border-radius: 4px;
  transform: rotate(45deg);
}
.link-relative a:hover {
  color: #fff !important;
  background:  linear-gradient(45deg, #AE1D20 0%, #AE1D20 100%);
}

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


@media screen and (max-width: 960px) {
  #adspecial_lenovo_202203.adspecial_type1 h1.adspecial {
  height: 300px;
  }
  .link-relative {padding: 0 16px 80px;}
  .link-relative a {
  width: 100%;
  padding: 16px 40px 16px 16px;
  font-size: 1rem;
}

  #adspecial_lenovo_202203.adspecial_type1,
  #adspecial_lenovo_202203.adspecial_type1 .frame_col_right_container,
  #adspecial_lenovo_202203.adspecial_type1 .frame_col_left_container,
  #adspecial_lenovo_202203.adspecial_type1 .frame_col_left,
  #adspecial_lenovo_202203.adspecial_type1 .frame_col_right {
    width: auto !important;
    float: none;
  }
  #adspecial_lenovo_202203.adspecial_type1 .article_body .left,
  #adspecial_lenovo_202203.adspecial_type1 .article_body .right,
  #adspecial_lenovo_202203.adspecial_type1 .article_body .center {
    float: none;
    max-width: 100%;
    text-align: center;
  }
  #adspecial_lenovo_202203.adspecial_type1 img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto 10px;
  }

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

 
}


@media screen and (max-width: 640px) {
  #adspecial_lenovo_202203.adspecial_type1 h1.adspecial {
  height: 240px;
  font-size: 1.25rem;
  }
}

@media screen and (max-width: 480px) {
  #adspecial_lenovo_202203.adspecial_type1 .frame_col_left #block_story.article_body {
  padding: 0px;
  }

  #adspecial_lenovo_202203.adspecial_type1 h1.adspecial {
  height: auto;
  padding: 100px 0 0;
  }
  #adspecial_lenovo_202203.adspecial_type1 h1.adspecial span {
  padding: 4px 16px;
  font-size: 1rem;
  background: #04061B;
  animation: none !important;
  transform: translateY(0);
  opacity: 1;
  }
  

  #adspecial_lenovo_202203.adspecial_type1 h2.adspecial {
  padding: 16px;
  max-width: 90%;
  font-size: 1rem;
  line-height: 1.3;
  }

  .testimony {
    padding: 16px 16px 0;
    box-shadow: none;
  }
  .testimony::before {
    font-size: 5rem;
  }
  .testimony span {padding-left: 0;}
  .testimony span::before {display: none;}

  
  .link-relative a {
  border-radius: 0;  
  }
  .link-relative a::before {
    right: 16px;
  }
}