#other-history{
	overflow: hidden;
}

.portal__nav-header strong,
.portal__era-nav ul li button,
.portal__nav-list-title span,
.portal__nav-list li .portal__nav-list-txt span,
.portal__nav-list li .portal__nav-list-txt strong,
.portal-slide__list-txt span,
.portal-slide__list-txt strong{
	font-family: "UD新ゴNT M", sans-serif;
}
.report-title h3,
.entry__column-number,
.entry__column-nav div,
.entry__detail-pager ul li a{
	font-family: "UD新ゴNT M", sans-serif;
	color: #35363B;
}
.entry__column-nav-special div,
.entry__column-nav-button a div,
.entry__column-nav-button a{
	font-family: "UD新ゴNT DB", sans-serif;	
}
.entry__column-label{
	font-family: "UD新ゴNT R", sans-serif;		
}
.entry__detail img{
	width: 100%;
	height: auto;
}
.motor-contents{
	overflow: inherit;
}
.entry__column-number {
	color: #35363B;
}
.entry__detail-caption p .sup,
.entry__detail-txt p .sup{
	font-size: 0.8em;
	vertical-align: top;
}
.entry__detail-txt strong{
	font-weight: 600;
}
.column-nav-pd,
.entry__column-nav-box{
	display: none;
}

/*.motor-main{
	position: relative;
}*/
.entry__column-main{
	position: relative;
}
.entry__detail-mainimg,
.entry__detail-title,
.entry__detail-column-wrap{
	position: relative;
	z-index: 5;
}
.header-area{
	position: relative;
	z-index: 10;
}
.pd-layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.portal__nav-overlay{
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100%;
	z-index: 50;
}

@media screen and (min-width: 768px) {


/* portal__nav
====================================================================*/

	.is-portal-nav-open{
		overflow: hidden;
	}
	.portal__nav-wrap{
		position: absolute;
		top: 0;
		right: 0;
		width: 500px;
		z-index: 9999999;
		height: 100%;
		visibility: hidden;
		opacity: 0;
	}
	.is-portal-nav-visible .portal__nav-wrap{
		visibility: visible;
		opacity: 1;
	}

	.portal__nav-header{
		transform: translateX(100%);
		transition: transform 600ms ease;
	}
	.is-portal-nav-open .portal__nav-header{
		transform: translateX(0);
	}
	.portal__era-nav{
		transform: translateX(100%);
		transition: transform 600ms ease;
	}
	.is-portal-nav-open .portal__era-nav{
		transform: translateX(0);
	}
	.portal__nav{
		transform: translateX(100%);
		transition: transform 600ms ease;
	}
	.is-portal-nav-open .portal__nav{
		transform: translateX(0);
	}
	.portal__nav-header{
		position: fixed;
		top: 0;
		right: 0;
		width: 500px;
		background: #fff;
		z-index: 10;
		height: 60px;
		border-left: 1px solid #eee;
		z-index: 110;
	}
	.portal__nav-header strong{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
	}


	.portal__era-nav{
		position: fixed;
		top: 60px;
		right: 0;
		width: 500px;
		height: 60px;
		border-left: 1px solid #eee;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		background: #fff;
		z-index: 110;
	}
	.portal__era-nav ul{
		display: flex;
		height: 60px;
		align-items: center;
		justify-content: center;
	}
	.portal__era-nav ul li{
	}
	.portal__era-nav ul li + li{
		margin-left: 20px;
	}
	.portal__era-nav ul li button{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 14px;
		color: #363636;
	}
	.portal__era-nav-jp ul li button span{
		position: relative;
		padding: 0 20px 0 0;
	}
	.portal__era-nav-jp ul li button span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		width: 14px;
		height: 8px;
		background: url(../../../shared/img/arrow_gr_d.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}

	.portal__era-nav-en ul li button span{
		position: relative;
		display: block;
		padding: 0 0 15px;
	}
	.portal__era-nav-en ul li button span:after{
		content: "";
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: 14px;
		height: 8px;
		background: url(../../../shared/img/arrow_gr_d.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}

	.portal__nav{
		position: fixed;
		top: 0;
		padding: 120px 20px 20px;
		overflow: auto;
		width: 500px;
		height: 100%;
		right: 0;
		background: #fff;
		border-left: 1px solid #eee;
		z-index: 100;
	}
	.portal__nav-col{
		padding-top: 25px;
	}

	.portal__nav-list-title{
		overflow: hidden;
	}
	.portal__nav-list-title span{
		position: relative;
		padding: 0 10px 0 0;
		font-size: 10px;
	}
	.portal__nav-list-title span:after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 100%;
		margin: auto;
		display: block;
		height: 1px;
		width: 100vw;
		border-top: 1px dotted rgba(54,54,54,0.3);
	}

	.portal__nav-list{
		margin-top: 10px;
	}
	.portal__nav-list li + li{
		margin-top: 12px;
	}
	.portal__nav-list li a{
		display: flex;
		width: 100%;
		border: 1px solid #ccc;
		transition: background 600ms ease;
	}
	.portal__nav-list li.active a{
		background: #363636;
		border: 1px solid #363636;
		color: #fff;
	}
	.portal__nav-list li a:hover{
		background: #363636;
		color: #fff;
	}


	.portal__nav-list li figure{
		width: 120px;
	}
	.portal__nav-list li figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.portal__nav-list li .portal__nav-list-txt{
		min-height: 80px;
		width: calc(100% - 120px);
		padding: 20px 16px;
		display: flex;
		align-items: center;
	}
	.portal__nav-list li .portal__nav-list-txt div{
		width: 100%;
	}
	.portal__nav-list li .portal__nav-list-txt span,
	.portal__nav-list li .portal__nav-list-txt strong{
		display: block;
		word-wrap: break-word;
		line-height: 1.5;
		font-size: 12px;
	}


	.portal__nav-header .portal__nav-close{
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
	}
	.portal__nav-header .portal__nav-close span{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 18px;
		height: 18px;
	}
	.portal__nav-header .portal__nav-close span:before,
	.portal__nav-header .portal__nav-close span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 16px;
		height: 2px;
		background: #363636;
	}
	.portal__nav-header .portal__nav-close span:before{
		transform: rotate(45deg);
	}
	.portal__nav-header .portal__nav-close span:after{
		transform: rotate(-45deg);
	}

	.portal__nav-open{
		position: absolute;
		top: 65px;
		right: 15px;
		width: 200px;
		height: 40px;
		z-index: 4000;
	}
	.is-btn-fixed .portal__nav-open{
		position: fixed;
		top: 15px;
	}
	.is-kv-loaded .portal__nav-open{
		transition: transform 400ms ease;
	}

	.portal__nav-open button{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background: #fff;
		color: #363636;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
	body.is-hide-header .portal__nav-open {
		transform: translateY(0) !important;
	}
	.portal__nav-open button span{
		position: absolute;
		margin: auto;
		top: 0;
		right: 12px;
		bottom: 0;
		display: block;
		width: 12px;
		height: 12px;
	}
	.portal__nav-open button span:before,
	.portal__nav-open button span:after{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		content: "";
		display: block;
		width: 12px;
		height: 2px;
		background: #363636;
	}
	.portal__nav-open button span:after{
		transform: rotate(90deg);
	}


/* portal-slide__nav
====================================================================*/

	.portal-slide__nav-wrap{
		margin: auto;
		max-width: 940px;
	}
	.portal-slide__img {
	  height: 100%;
	}
	.portal-slide__img img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
	.portal-slide__list-txt{
		padding: 15px 5px 0;
		font-size: 14px;
		line-height: 1.5;
	}
	.portal-slide__list-txt span{
		display: block;
	}
	.portal-slide__list-txt strong{
		display: block;
	}
	.portal-slide__list-item figure{
		position: relative;
	}
	.portal-slide__list-item figure:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		display: block;
		border: 2px solid #fff;
		opacity: 0;
		transition: opacity 600ms ease;
	}
	.portal-slide__list-item a:hover figure:before,
	.portal-slide__list-item.active figure:before{
		opacity: 1;
	}
	.portal-slide__scrollbar-wrap{
		margin: 50px 0 0;
		display: flex;
	}
	.portal-slide__scrollbar {
		margin: 0 10px;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.portal-slide__scrollbar::before {
	  content: "";
	  display: block;
	  width: 100%;
	  height: 2px;
	  background: #fff;
	  border-radius: 8px;
	  position: absolute;
	  top: 50%;
	  left: 0;
	  transform: translateY(-50%);
	}
	.portal-slide__btn {
		width: 15px !important;
		height: 15px !important;
		 background-color: #DC0018;
		border-radius: 50%;
		cursor: pointer;
	}
	.portal-slide__next{
		content: "";
		display: block;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
		text-indent: -9999px;
	}
	.portal-slide__prev{
		content: "";
		display: block;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
		text-indent: -9999px;
	}



/* header
====================================================================*/

	.report-title-sp{
		display: none;
	}

	.site-attention{
		margin: 20px 0 0;
	}
	.site-attention p{
		font-size: 12px;
	}

	.header-area{
		position: relative;
		margin: auto;
		max-width: 1320px;		
	}
	.report-lead{
		margin: 0 0 40px;
		padding: 30px;
		background: #F6F6F6;
	}
	.report-lead p{
		line-height: 2;
	}
	.report-lead p + p{
		margin-top: 20px;
	}

	.detail-report-header{
		padding: 0;
		margin: 0 auto 40px;
	}
	.report-title + .entry__column{
		margin-top: 40px;
	}
	.report-title{
		position: relative;
		margin: auto;
		max-width: 1260px;
	}
	.report-title h3{
		padding: 30px;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		font-size: 52px;
		background: #fff;
	}
	.report-title figure{
		height: 188px;
	}
	.report-title figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.entry__detail-credit{
		margin: 30px 0 0;
	}
	.entry__detail-credit p{
		text-align: center;
		font-size: 14px;
	}

/* entry__detail-table
====================================================================*/

	.entry__detail-table{
		width: 100%;
		border: 1px solid #eee;
	}
	.entry__detail-table strong{
		font-weight: 600;
	}
	.entry__detail-table td{
		padding: 10px;
		width: 50%;
		line-height: 1.5;
	}
	.entry__detail-table tr + tr td{
		border-top: 1px solid #eee;
	}
	.entry__detail-table td + td{
		border-left: 1px solid #eee;
	}


/* entry__toggle
====================================================================*/

	.entry__detail-toggle{
		position: relative;
		height: 60px;
		overflow: hidden;
		transition: height 400ms ease;
	}
	.entry__detail-toggle:before{
		content: "";
		display: block;
		background: linear-gradient(transparent, #fff);
		position: absolute;
		width: 100%;
		height: 60px;
	}
	.entry__detail-toggle.is-open:before{
		display: none;
	}




/* entry__column
====================================================================*/

	.entry__column{
		position: relative;
		margin: auto;
		max-width: 900px;
	}
	.entry__column-nav nav ul + ul{
		display: block !important;
	}
	.entry__column-main .detail-header{
		padding: 0;
		margin: 0 0 60px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.entry__column-main .detail-header .link__arrow--l-jp{
		position: relative;
		top: 0;
		position: ;
		transform: translate(0);
	}
	.detail-header-sp-stories{
		display: none;
	}

	.entry-mainimg + .entry__column{
		margin-top: 50px;
	}



/* entry__detail-title
====================================================================*/

	.entry__detail-title{
		margin: auto;
		max-width: 900px;
	}
	.entry__detail-title .entry__column-year{
		font-size: 24px;
		font-weight: 600;
	}
	.entry__detail-title h3{
		font-size: 60px;
		font-weight: 600;
		line-height: 1.6;
	}
	.entry__detail-title h3 strong{
		font-size: 60px;
		font-weight: 600;
		color: #DC0018;
	}
	.entry__detail-title h4{
		font-size: 28px;
		font-weight: 600;
		line-height: 1.6;
	}
	.entry-mainimg{
		margin: -85px auto 0;
		max-width: 1100px;
	}
	.entry-mainimg img{
		width: 100%;
		height: auto;
	}


/* news__detail-column-wrap
====================================================================*/

	.entry__detail-mainimg{
		margin: auto;
		max-width: 1320px;
	}
	.entry__detail-mainimg img{
		width: 100%;
		height: auto;
	}
	.entry__detail-mainimg + .entry__detail-column-wrap{
		margin-top: 60px;
	}
	.entry__column-main .detail-pager{
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}


	.entry__detail-column-title{
		margin: 0 0 30px;
		position: relative;
		padding: 0 0 0 20px;
	}
	.entry__detail-column-title:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 5px;
		height: 90%;
		background: #333;
	}
	.sec-bg-grd .entry__detail-column-title:before{
		background: #fff;
	}
	.entry__detail-column-title h3{
		font-size: 24px;
		font-weight: 600;
		line-height: 1.6;
	}
	.entry__detail-column-title span{
		margin: 10px 0 0;
		display: inline-block;
		font-size: 18px;
		line-height: 1.4;
		font-weight: 600;
		
	}
	.entry__detail-column-subtitle{
		margin: 0 0 10px;
	}
	.entry__detail-column-subtitle i{
	    position: relative;
	    margin: 0 23px 0 0;
	    padding: 0 23px 0 0;
	}
	.entry__detail-column-subtitle i:after{
	    content: "";
	    position: absolute;
	    top: 50%;
	    right: 0;
	    display: inline-block;
	    width: 1px;
	    height: 18px;
	    background: #aeaeb2;
	    transform: translateY(-50%);
	}

	.entry__detail-column-subtitle h4{
		font-size: 20px;
		line-height: 1.8;
		font-weight: 600;
	}
	.entry__detail-column-subtitle h4 i{
		font-weight: 600;
	}
	.entry__detail-column-subtitle p{
		margin: 5px 0 0;
		line-height: 1.6;
		font-weight: 600;
	}
	.entry__detail-column-subtitle h4 span{
		border-bottom: 2px solid #35363B;
		padding: 0 0 2px;
		font-weight: 600;
	}

	div + .entry__detail-column-title{
		margin: 50px 0 0;
	}

	.entry__detail-column-title + div{
		margin: 20px 0 0;
	}

	.entry__detail-column + .entry__detail-column{
		margin-top: 60px;
	}
	.entry__detail-column > div + div{
		margin-top: 12px;
	}

	/* layout--1  */
	.entry__detail-layout--full > div + div{
		margin-top: 20px;
	}
	/* layout--2  */
	.entry__detail-layout--flex2{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -6px;
	}
	.entry__detail-layout--flex2 > div{
		padding: 0 6px;
		width: 50%;
	}
	.entry__detail-layout--flex2 > div:nth-child(n+3){
		margin-top: 12px;
	}
	.entry__detail-layout--flex2-s{
		margin: auto;
		max-width: 420px;
		align-items: center;
	}
	.entry__detail-layout--flex2-s + .entry__detail-caption{
		margin: 15px auto 0;
		max-width: 420px;
	}


	/* layout--4  */
	.entry__detail-layout--flex3{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -6px;
	}
	.entry__detail-layout--flex3 > div{
		padding: 0 6px;
		width: 33.333%;
	}

	/* layout--5 */
	.entry__detail-layout--grid1{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}
	.entry__detail-layout--grid1 .entry__detail-figure:nth-child(1){
		grid-row: 1/3;
		grid-column: 1/2;
	}
	.entry__detail-layout--grid1 .entry__detail-figure:nth-child(2){
		grid-row: 1/2;
		grid-column: 2/3;
	}
	.entry__detail-layout--grid1 .entry__detail-figure:nth-child(3){
		grid-row: 2/2;
		grid-column: 2/3;
	}

	/* layout--6 */
	.entry__detail-layout--float1:after{
		content: "";
		display: block;
		clear: both;
	}
	.entry__detail-layout--float1 .entry__detail-figure{
		float: left;
		width: 50%;
		padding: 0 12px 12px 0;
	}

	/* layout--7 */
	.entry__detail-layout--float2:after{
		content: "";
		display: block;
		clear: both;
	}
	.entry__detail-layout--float2 .entry__detail-figure{
		float: right;
		width: 50%;
		padding: 0 0 12px 12px;
	}
	.entry__detail-layout--center{
		padding: 0 25%;
	}
	.entry__detail-layout--float-s .entry__detail-figure{
		width: 30%;
	}

	.entry__detail-txt p{
		line-height: 2;
	}
	.entry__detail-column-box-jp p,
	.entry__detail-column-box-en p{
		text-indent: 0;
	}
	.entry__detail-txt li{
		text-indent: -1em;
		padding: 0 0 0 1em;
		line-height: 2;
	}
	.entry__detail-txt-lead p{
		font-weight: 600;
		line-height: 2;
	}
	.entry__detail-txt-box{
		padding: 50px 40px;
		border: 1px solid #707070;
		background: #FCFCFC;
	}
	.entry__detail-txt-box p{
		line-height: 2;
	}
	.entry__detail-txt + .entry__detail-txt{
		margin-top: 20px;
	}
	.entry__detail-figure figure{
		position: relative;
	}
	.entry__detail-figure figure img{
		width: 100%;
		height: auto;
	}
	.entry__detail-figure figure + figure{
		margin-top: 20px;
	}

	.entry__detail-movie{
		aspect-ratio: 16/9;
	}
	.entry__detail-movie iframe{
		width: 100%;
		height: 100%;
	}


	.entry__detail-caption{
		margin: 15px auto 0;
		font-size: 12px;
		line-height: 2;	
		max-width: 900px;	
	}
	.entry__detail-caption p + p{
		margin-top: 5px;
	}
	.entry__detail-caption strong{
		font-weight: 600;
	}
	.entry__detail-caption--center{
		text-align: center;
	}
	.entry__detail-slide-caption-box{
		margin: 15px 0 0;
		padding: 0 50px;
		font-size: 12px;
		line-height: 2;			
	}
	.entry__detail-slide-caption-txt{
	    position: relative; 
	}
	.entry__detail-slide-caption-txt p{
	    position: absolute; 
	}
	
	.entry__detail-slide-caption{
		padding: 0 50px;
	}
	.entry__detail-figure-movie figure{
		padding-top: 56.25%;
	}
	.entry__detail-figure-movie figure iframe{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.entry__detail-txt * + p,
	.entry__detail-txt p + *,
	.entry__detail-txt p + p{
		margin-top: 20px;
	}
	.entry__detail-txt-lead p + p{
		margin-top: 20px;
	}

	.entry__detail-txt a{
		text-decoration: underline;
	}
	.entry__detail-txt a:hover{
		text-decoration: none;
	}
	.entry__detail-figure-credit--wh{
		position: absolute;
		font-size: 11px;
		font-weight: 600;
		bottom: 10px;
		right: 10px;
		color: #fff;
	}
	.entry__detail-figure-credit--bk{
		position: absolute;
		font-size: 11px;
		font-weight: 600;
		bottom: 10px;
		right: 10px;
	}

	.entry__detail-slide-wrap{
		position: relative;
		padding: 0 50px;
	}
	.entry__detail-slide{
		overflow: hidden;
	}


	.entry__detail-slide figure img{
		width: 100%;
		height: auto;
	}
	.entry__detail-slide-button--next{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.entry__detail-slide-button--prev{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.entry__detail-slide-pager{
		text-align: center;
		bottom: 0 !important;
		
	}


	.entry__detail-pager{
		margin: 60px 0 0;
		display: flex;
		justify-content: center;		
	}
	.entry__detail-pager ul{
		display: flex;
		border: 1px solid #35363B;
	}
	.entry__detail-pager ul li{
		width: 120px;
	}
	.entry__detail-pager ul li + li{
		border-left: 1px solid #35363B;
	}

	.entry__detail-pager ul li a{
		display: block;
		width: 100%;
		line-height: 40px;
		text-align: center;
		transition: all 400ms ease;
	}
	.entry__detail-pager ul li a:hover,
	.entry__detail-pager ul li a.active{
		color: #fff;
		background: #35363B;
	}


	.supported_by_honda{
/*		border-top: 1px solid #35363B;
*/		padding: 15px 0 0;
	}


}



@media screen and (min-width: 768px) and (max-width: 1480px){

	.stories-special-col__02{
		padding: 0 20px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1080px){

	.stories-special-box{
		display: block;
	}
	.stories-special-col__01{
		width: 100%;
	}
	.stories-special-col__02{
		width: 100%;
		padding: 40px 20px;
	}
	.stories-special-col__01 figure {
		width: 100%;
	}
	.stories-special-col__01 figure img{
		width: 100%;
		height: auto;
	}
	.stories-special-col__02 p span{
		position: relative;
		margin: 15px 0 0;
	}
	.entry__detail-pager ul{
		display: flex;
		width: 100%;
		border: 1px solid #35363B;
	}
	.entry__detail-pager ul li{
		max-width: 120px;
		width: 33.3333%;
	}
}


@media screen and (min-width: 768px) and (max-width: 980px){

	.entry__column-main {
		padding: 0 2% 0 0;
	}
	.entry__column-nav-sublink{
		margin: 0 15px;
	}

}



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



/* portal__nav
====================================================================*/

	.is-portal-nav-open{
		overflow: hidden;
	}
	.portal__nav-wrap{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		z-index: 9999999;
		height: 100%;
		visibility: hidden;
		opacity: 0;
	}
	.is-portal-nav-visible .portal__nav-wrap{
		visibility: visible;
		opacity: 1;
	}

	.portal__nav-header{
		transform: translateX(100%);
		transition: transform 600ms ease;
	}
	.is-portal-nav-open .portal__nav-header{
		transform: translateX(0);
	}
	.portal__era-nav{
		transform: translateX(100%);
		transition: transform 600ms ease;
	}
	.is-portal-nav-open .portal__era-nav{
		transform: translateX(0);
	}
	.portal__nav{
		transform: translateX(100%);
		transition: transform 600ms ease;
	}
	.is-portal-nav-open .portal__nav{
		transform: translateX(0);
	}

	.portal__nav-header{
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		background: #fff;
		z-index: 10;
		height: 50px;
		border-left: 1px solid #eee;
		z-index: 110;
	}
	.portal__nav-header strong{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		font-size: 12px;
	}


	.portal__era-nav{
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: 50px;
		border-left: 1px solid #eee;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		background: #fff;
		z-index: 110;
	}
	.portal__era-nav ul{
		display: flex;
		height: 50px;
		align-items: center;
		justify-content: center;
	}
	.portal__era-nav ul li{
		padding: 0 5px;
	}
	.portal__era-nav ul li button{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 11px;
		color: #363636;
	}

	.portal__era-nav-jp ul li button span{
		position: relative;
		padding: 0 15px 0 0;
	}
	.portal__era-nav-jp ul li button span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		width: 12px;
		height: 6px;
		background: url(../../../shared/img/arrow_gr_d.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}

	.portal__era-nav-en ul li button span{
		position: relative;
		display: block;
		padding: 0 0 13px;
	}
	.portal__era-nav-en ul li button span:after{
		content: "";
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: 12px;
		height: 6px;
		background: url(../../../shared/img/arrow_gr_d.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}

	.portal__nav{
		position: fixed;
		top: 0;
		padding: 100px 20px 20px;
		overflow: auto;
		width: 100%;
		height: 100%;
		right: 0;
		background: #fff;
		border-left: 1px solid #eee;
		z-index: 100;
	}
	.portal__nav-col{
		padding-top: 25px;
	}

	.portal__nav-list-title{
		overflow: hidden;
	}
	.portal__nav-list-title span{
		position: relative;
		padding: 0 10px 0 0;
		font-size: 10px;
	}
	.portal__nav-list-title span:after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 100%;
		margin: auto;
		display: block;
		height: 1px;
		width: 100vw;
		border-top: 1px dotted rgba(54,54,54,0.3);
	}

	.portal__nav-list{
		margin-top: 10px;
	}
	.portal__nav-list li + li{
		margin-top: 12px;
	}
	.portal__nav-list li a{
		display: flex;
		width: 100%;
		border: 1px solid #ccc;
		transition: background 600ms ease;
	}
	.portal__nav-list li.active a{
		background: #363636;
		border: 1px solid #363636;
		color: #fff;
	}

	.portal__nav-list li figure{
		width: 100px;
	}
	.portal__nav-list li figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.portal__nav-list li .portal__nav-list-txt{
		min-height: 67px;
		width: calc(100% - 100px);
		padding: 15px 12px;
		display: flex;
		align-items: center;
	}
	.portal__nav-list li .portal__nav-list-txt div{
		width: 100%;
	}
	.portal__nav-list li .portal__nav-list-txt span,
	.portal__nav-list li .portal__nav-list-txt strong{
		display: block;
		word-wrap: break-word;
		line-height: 1.5;
		font-size: 12px;
	}


	.portal__nav-header .portal__nav-close{
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
	}
	.portal__nav-header .portal__nav-close span{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 18px;
		height: 18px;
	}
	.portal__nav-header .portal__nav-close span:before,
	.portal__nav-header .portal__nav-close span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 16px;
		height: 2px;
		background: #363636;
	}
	.portal__nav-header .portal__nav-close span:before{
		transform: rotate(45deg);
	}
	.portal__nav-header .portal__nav-close span:after{
		transform: rotate(-45deg);
	}

	.portal__nav-open{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 120px;
		height: 30px;
		z-index: 4000;
		transform: translateY(0) !important;
	}
	.is-btn-fixed .portal__nav-open{
		position: fixed;
		top: 15px;
	}
	.is-kv-loaded .portal__nav-open{
		transition: transform 400ms ease;
	}

	.portal__nav-open button{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background: #fff;
		color: #363636;
		font-size: 11px;
		font-weight: 600;
		line-height: 1;
	}

	.portal__nav-open button span{
		position: absolute;
		margin: auto;
		top: 0;
		right: 7px;
		bottom: 0;
		display: block;
		width: 10px;
		height: 10px;
	}
	.portal__nav-open button span:before,
	.portal__nav-open button span:after{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		content: "";
		display: block;
		width: 10px;
		height: 2px;
		background: #363636;
	}
	.portal__nav-open button span:after{
		transform: rotate(90deg);
	}



/* portal-slide__nav
====================================================================*/

	.portal-slide__nav-wrap{
		margin: auto;
		max-width: 940px;
	}
	.portal-slide__img {
	  height: 100%;
	}
	.portal-slide__img img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
	.portal-slide__list-txt{
		padding: 15px 5px 0;
		font-size: 12px;
		line-height: 1.5;
	}
	.portal-slide__list-txt span{
		display: block;
	}
	.portal-slide__list-txt strong{
		display: block;
	}
	.portal-slide__list-item figure{
		position: relative;
	}
	.portal-slide__list-item figure:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		display: block;
		border: 2px solid #fff;
		opacity: 0;
		transition: opacity 600ms ease;
	}
	.portal-slide__list-item.active figure:before{
		opacity: 1;
	}
	.portal-slide__scrollbar-wrap{
		margin: 20px 0 0;
		display: flex;
	}
	.portal-slide__scrollbar {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.portal-slide__scrollbar::before {
	  content: "";
	  display: block;
	  width: 100%;
	  height: 2px;
	  background: #fff;
	  border-radius: 8px;
	  position: absolute;
	  top: 50%;
	  left: 0;
	  transform: translateY(-50%);
	}
	.portal-slide__btn {
		width: 15px !important;
		height: 15px !important;
		background-color: #DC0018;
		border-radius: 50%;
		cursor: pointer;
	}
/*	.portal-slide__next{
		content: "";
		display: block;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
		text-indent: -9999px;
	}
	.portal-slide__prev{
		content: "";
		display: block;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
		text-indent: -9999px;
	}*/
	.portal-slide__next,
	.portal-slide__prev{
		display: none;
	}


/* header
====================================================================*/

	.header-area .report-title-box{
		display: none;
	}
	.site-attention{
		margin: 20px 0 0;
	}
	.site-attention p{
		font-size: 12px;
		line-height: 1.5;
	}
	.header-area{
		margin: 0 0 40px;
	}
	.report-lead{
		margin: 0 0 40px;
		padding: 15px;
		background: #F6F6F6;
	}
	.report-lead p{
		line-height: 1.8;
	}
	.report-lead p + p{
		margin-top: 20px;
	}

	.detail-report-header{
		padding: 0;
		margin: 0 0 30px;
	}
	.report-title{
		margin: 40px 0 0;
	}
	.report-title{
		position: relative;
	}
	.report-title h3{
		margin: 0 15px;
		padding: 15px 25px;
		position: absolute;
		width: calc(100% - 30px);
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		font-size: 30px;
		text-align: center;
		background: #fff;
	}
	.report-title figure{
		height: 188px;
	}
	.report-title figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.entry__detail-credit{
		margin: 20px 0 0;
	}
	.entry__detail-credit p{
		text-align: left;
	}


/* entry__detail-table
====================================================================*/

	.entry__detail-table{
		width: 100%;
		border: 1px solid #eee;
	}
	.entry__detail-table strong{
		font-weight: 600;
	}
	.entry__detail-table td{
		padding: 10px;
		width: 50%;
		line-height: 1.5;
	}
	.entry__detail-table tr + tr td{
		border-top: 1px solid #eee;
	}
	.entry__detail-table td + td{
		border-left: 1px solid #eee;
	}



/* entry__toggle
====================================================================*/

	.entry__detail-toggle{
		position: relative;
		height: 50px;
		overflow: hidden;
	}
	.entry__detail-toggle:before{
		content: "";
		display: block;
		background: linear-gradient(transparent, #fff);
		position: absolute;
		width: 100%;
		height: 60px;
	}
	.entry__detail-toggle.is-open:before{
		display: none;
	}



/* entry__column
====================================================================*/

	.entry__column-main{
		margin: 40px 0 0;
	}
	.detail-header-sp-stories{
	}
	.entry__column-main .detail-header{
		display: none;
	}
	.report-title-sp .detail-header{
		padding: 0;
		margin: 0 0 30px;
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
	}
	.report-title-sp .detail-header .link__arrow--l-jp{
		position: relative;
		top: 0;
		position: ;
		transform: translate(0);
	}
	.detail-header-sp-stories{
		display: none;
	}
	.entry-mainimg + .entry__column{
		margin-top: 50px;
	}


/* entry__detail-title
====================================================================*/

	.entry__detail-title{
		margin: auto;
		max-width: 900px;
	}
	.entry__detail-title .entry__column-year{
		font-size: 16px;
		font-weight: 600;
	}
	.entry__detail-title h3{
		font-size: 30px;
		font-weight: 600;
		line-height: 1.6;
	}
	.entry__detail-title h3 strong{
		font-size: 30px;
		font-weight: 600;
		color: #DC0018;
	}
	.entry__detail-title h4{
		font-size: 16px;
		font-weight: 600;
		line-height: 1.6;
	}
	.entry-mainimg{
		margin: -45px -30px 0;

	}
	.entry-mainimg img{
		width: 100%;
		height: auto;
	}


/* news__detail-column-wrap
====================================================================*/

	.entry__detail-mainimg{
		margin: auto;
		max-width: 1320px;
	}
	.entry__detail-mainimg img{
		width: 100%;
		height: auto;
	}
	.entry__detail-mainimg + .entry__detail-column-wrap{
		margin-top: 30px;
	}

	.entry__detail-column-title{
		margin: 0 0 10px;
		position: relative;
		padding: 0 0 0 15px;
	}
	.entry__detail-column-title:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 3px;
		height: 90%;
		background: #333;
	}
	.sec-bg-grd .entry__detail-column-title:before{
		background: #fff;
	}

	.entry__detail-column-title h3{
		font-size: 18px;
		font-weight: 600;
		line-height: 1.4;
	}
	.entry__detail-column-title span{
		margin: 10px 0 0;
		display: inline-block;
		font-size: 14px;
		line-height: 1.4;
		font-weight: 600;
	}
	.entry__detail-column-subtitle{
		margin: 0 0 10px;
	}
	.entry__detail-column-subtitle__top {
		padding-top: 15px;
	}
	.entry__detail-column-subtitle h4{
		font-size: 16px;
		line-height: 1.8;
		font-weight: 600;
	}
	.entry__detail-column-subtitle h4 i{
		font-weight: 600;
	}
	.entry__detail-column-subtitle p{
		margin: 5px 0 0;
		line-height: 1.6;
		font-weight: 600;
		font-size: 12px;
	}
	.entry__detail-column-subtitle i{
	    position: relative;
	    margin: 0 12px 0 0;
	    padding: 0 12px 0 0;
	}
	.entry__detail-column-subtitle h4 span{
		border-bottom: 2px solid #35363B;
		padding: 0 0 2px;
		font-weight: 600;
	}
	.entry__detail-column-subtitle i:after{
	    content: "";
	    position: absolute;
	    top: 50%;
	    right: 0;
	    display: inline-block;
	    width: 1px;
	    height: 14px;
	    background: #aeaeb2;
	    transform: translateY(-50%);
	}



	div + .entry__detail-column-title{
		margin: 50px 0 0;
	}
	.entry__detail-column-title + div{
		margin: 20px 0 0;
	}
	.entry__detail-column-title h4{
		font-size: 16px;
		font-weight: 600;
		line-height: 1.8;
	}
	.entry__detail-column + .entry__detail-column{
		margin-top: 30px;
	}
	.entry__detail-column > div + div{
		margin-top: 12px;
	}

	/* layout--1  */
	.entry__detail-layout--full > div + div{
		margin-top: 20px;
	}
	/* layout--2  */
	.entry__detail-layout--flex2{
	}
	.entry__detail-layout--flex2 div + div{
		margin-top: 20px;
	}

	.entry__detail-layout--flex2-s{
		margin: auto;
		max-width: 420px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.entry__detail-layout--flex2-s > div{
		width: calc(50% - 6px);
	}
	.entry__detail-layout--flex2-s > div + div{
		margin-top: 0;
	}


	/* layout--4  */
	.entry__detail-layout--flex3 div + div{
		margin-top: 20px;
	}
	/* layout--5 */
	.entry__detail-layout--grid1 .entry__detail-figure + .entry__detail-figure{
		margin-top: 20px;
	}


	.entry__detail-layout--float1 .entry__detail-txt{
		margin-top: 20px;
	}
	.entry__detail-layout--float2 .entry__detail-txt{
		margin-top: 20px;
	}
	.entry__detail-layout--float-s .entry__detail-figure{
		margin: auto;
		width: 100%;
		max-width: 375px;
	}

	.entry__detail-txt p{
		line-height: 2;
	}
	.entry__detail-column-box-jp p,
	.entry__detail-column-box-en p{
		text-indent: 0;
	}
	.entry__detail-txt li{
		line-height: 2;
		text-indent: -1em;
		padding: 0 0 0 1em;
	}
	.entry__detail-txt-lead p{
		font-weight: 600;
		line-height: 2;
	}
	.entry__detail-txt-box{
		padding: 50px 40px;
		border: 1px solid #707070;
		background: #FCFCFC;
	}
	.entry__detail-txt-box p{
		line-height: 2;
	}
	.entry__detail-txt + .entry__detail-txt{
		margin-top: 20px;
	}
	.entry__detail-figure figure{
		position: relative;
	}
	.entry__detail-figure figure img{
		width: 100%;
		height: auto;
	}
	.entry__detail-figure figure + figure{
		margin-top: 20px;
	}


	.entry__detail-movie{
		aspect-ratio: 16/9;
	}
	.entry__detail-movie iframe{
		width: 100%;
		height: 100%;
	}
	
	.entry__detail-caption{
		margin: 10px 0 0;
		font-size: 12px;
		line-height: 1.8;		
	}
	.entry-mainimg .entry__detail-caption{
		padding: 0 30px;
	}

	.entry__detail-caption p + p{
		margin-top: 5px;
	}
	.entry__detail-caption strong{
		font-weight: 600;
	}
	.entry__detail-caption--center{
		margin: 10px 0 0;
	}
	.entry__detail-slide-caption-box{
		margin: 10px 0 0;
		font-size: 12px;
		line-height: 1.8;			
	}
	.entry__detail-slide-caption-txt{
	    position: relative; 
	}
	.entry__detail-slide-caption-txt p{
	    position: absolute; 
	}


	.entry__detail-figure-movie figure{
		padding-top: 56.25%;
	}
	.entry__detail-figure-movie figure iframe{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.entry__detail-txt * + p,
	.entry__detail-txt p + *,
	.entry__detail-txt p + p{
		margin-top: 20px;
	}
	.entry__detail-txt-lead p + p{
		margin-top: 20px;
	}


	.entry__detail-txt a{
		text-decoration: underline;
	}
	.entry__detail-txt a:hover{
		text-decoration: none;
	}
	.entry__detail-figure-credit--wh{
		position: absolute;
		font-size: 11px;
		font-weight: 600;
		bottom: 10px;
		right: 10px;
		color: #fff;
	}
	.entry__detail-figure-credit--bk{
		position: absolute;
		font-size: 11px;
		font-weight: 600;
		bottom: 10px;
		right: 10px;
	}

	.entry__detail-slide-wrap{
		position: relative;
	}
	.entry__detail-slide{
		overflow: hidden;
	}


	.entry__detail-slide figure img{
		width: 100%;
		height: auto;
	}
	.entry__detail-slide-button--next{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.entry__detail-slide-button--prev{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.entry__detail-slide-pager{
		text-align: center;
		bottom: 0 !important;
		
	}


	.entry__detail-pager{
		margin: 40px 0 0;
		display: flex;
		justify-content: center;		
	}
	.entry__detail-pager ul{
		display: flex;
		margin: auto;
		width: 100%;
		max-width: 300px;
		border: 1px solid #35363B;
	}
	.entry__detail-pager ul li{
	    max-width: 100px;
	    width: 33.3333%;
	}
	.entry__detail-pager ul li + li{
		border-left: 1px solid #35363B;
	}

	.entry__detail-pager ul li a{
		display: block;
		width: 100%;
		line-height: 30px;
		font-size: 16px;
		text-align: center;
		transition: all 400ms ease;
	}
	.entry__detail-pager ul li a.active{
		color: #fff;
		background: #35363B;
	}



/* popup
========================================================*/

/*	.popup{
		position: fixed;
		top: 50%;
		left: 50%;
		width: 100%;
		max-width: 900px;
		transform: translate(-50%,-50%);
		z-index: 5000;
		opacity: 0;
		visibility: hidden;

	}
	.is-popup-ease .popup{
		transition: opacity 400ms ease,visibility 400ms ease;
	}
	.is-popup .popup{
		opacity: 1;
		visibility: visible;
	}

	.popup-movie{
		position: relative;
		padding-top: 56.25%;
		overflow: hidden;
	}
	.popup-movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.popup-photo{
		position: relative;
		padding-top: 66.6%;
		background: #000;
		overflow: hidden;
	}
	.popup-photo figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: opacity 400ms ease;
		text-align: center;
		
	}
	.popup-photo figure img{
	    width:auto;
	    height:auto;
	    max-width:100%;
	    max-height:100%;
	}
	.popup-contents{
		position: relative;
		padding: 40px;
	}
	.popup-contents p{
		margin: 30px 0 0;
		font-weight: 500;
		line-height: 1.6;
	}
	.popup-close{
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
	}
	.popup-close a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 400ms ease;
	}
	.popup-close a:after,
	.popup-close a:before{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 25px;
		height: 1px;
		background: #fff;
	}
	.popup-close a:before{
		transform: rotate(45deg);
	}
	.popup-close a:after{
		transform: rotate(-45deg);
	}

	.popup-overlay{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.75);
		z-index: 4000;
		opacity: 0;
		visibility: hidden;
	}
	.is-popup-ease .popup-overlay{
		transition: opacity 400ms ease,visibility 400ms ease;
	}
	.is-popup .popup-overlay{
		opacity: 1;
		visibility: visible;
	}
*/

	.supported_by_honda{
		border-top: 1px solid #35363B;
		margin: 10px 0 0;
	}


}



@media screen and (max-width: 736px) and (max-width: 360px){



}