@import "../../assets/css/article.css";

#honda-magazine .mag-article-visual h3.tate{
	background: none;
	font-size: 40px;
	line-height: 1.6;
	text-shadow: 4px 4px 3px #212121; 
}
#honda-magazine .mag-article-visual .top-inner .caption .date{
	font-size: 10px;
	width: 24px; height: 90px;
	background: #D20100;
	margin-right: 25px;
}

@media screen and (max-width:768px){
	#honda-magazine .mag-article-visual h3.tate{
		font-size: 28px;
	}
}

#honda-magazine .rel .example1 {font-weight:900;color: #CC0000;}
#honda-magazine .rel .example2 {font-weight:900;color: #000;}


#honda-magazine .mag-article-visual .top-inner .caption .text > span{
	position: relative; font-size: 16px;
	text-align: left;
	text-shadow: 2px 2px 5px #212121; 
}
#honda-magazine .mag-article-visual .top-inner .caption .text > span:nth-child(1){
	font-size: 20px;
	font-weight: 800;
	text-shadow: 2px 2px 5px #212121;
}

@media screen and (max-width:768px){
    #topBgMovie video,
	#topBgMovie{
		max-width: 1024px;
    }
}


#topBgMovie{
	pointer-events: none;
	position: fixed;
	display: block; top: -10%; left: 50%;
	transform: translateX(-50%);
}

#topBgMovie .js-topBg-movie{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

#topBgMovie .js-topBg-movie video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}


@media screen and (max-width:768px){
#honda-magazine .mag-article-center .title,
	#honda-magazine .mag-article-flexBlock .article .title {
		font-size: 18px;
		font-weight: 900;
		margin-bottom: 20px;
	}
	}