@charset "UTF-8";
/* CSS Document */
html .fiveyearpages{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background: #fff;
}
header, footer, main, nav, section, article, figure, figcaption {
	display: block;
}
header, footer, main, nav, section, article, figure, figcaption,
div, p, ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6, strong{
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.body .fiveyearpages{
	line-height: 1;
	/* color: #fff; */
	font-family: "Hiragino Ka ku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
a{
	/* color: #fff; */
	text-decoration: none;
}
li{
	list-style-type: none;
}
i {
	font-style: normal;
}
img {
	vertical-align: bottom;
	border: none;
}
video {
	vertical-align: bottom;
}
.no-scroll{
	overflow: hidden;
}
body {
  font-size: 16px;
}
img{
  max-width: 100%;
  vertical-align: top;
}
*,
::before,
::after{
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

::selection {
	color: #fff;
	background: #1D1D1D;
	opacity: 1;
}
.list-item__label span.name{
	margin-top: 0.2em;
	display: block;
}
.world__list-item h3,
.world__detail-text h3{
	font-family: "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}



.factories__list-item .list-item__label span,
.world__list-item .list-item__label span,
.emblem__list-text span,
.factories-header__inner h3 span,
.world__detail-text-title-country span{
/*	font-family: "UD新ゴNT H", sans-serif;
*/}


.motor-cs h2,
.motor-kv h2,
.sec-header h2,
.sec-header-top h2,
.news-list__item .news-list__item-label span,
.motor-global-header__nav-main > li > a,
.news__detail-title-date,
.motor-global-header__button-txt{
	font-family: "VibeMO Compressed Pro Light", sans-serif;
}
.list-item__label span,
.work__list-item .work-item__label{
	font-family: "VibeMO Compressed Pro Medium", sans-serif;
}

.news-list__item .news-list__item-label i,
.list-item__label i,
.list-item .list-item__blank-img span{
	font-family: "VibeMO Compressed Pro Medium", sans-serif;
}
.article-header h3,
.models__list-item-year,
.models__detail-year,
.tab-nav ul li a,
.link__arrow--l,
.link__arrow--r,
.detail-header h2,
.flex-bnr-col_txt-header .flex-bnr-col-country,
.sec-header-counry{
/*	font-family: "UD新ゴNT M", sans-serif;
*/	font-family: "VibeMO Compressed Pro Light", sans-serif;
}
.models__list-item h3{
	font-family: "VibeMO Compressed Pro Light", sans-serif;
}
.motor-global-header__nav-lower > li > a{
	font-family: "UD新ゴNT R", sans-serif;
}
.work__list-item .list-item__label + h3,
.sec-header p,
.flex-bnr-col_txt-header h3,
.contents-bnr-col .article-header h3{
	 font-family: "リュウミン H-KL", sans-serif;
}
.list-item__label span.name,
.sec-header p.sub-title,
.gw50th-statemant-txt__title{
	 font-family: "リュウミン M-KL", sans-serif;
}


.motor-main{
	display: block;
}
.motor-contents{
	line-height: 1;
	overflow: hidden;
	background: #1D1D1D;
}

#l-header .l-header__inner {
	position: relative !important;
	top: 0;
	left: 0;
}
#l-header .l-header__inner__mobile {
	position: relative !important;
	top: 0;
	left: 0;
}

#other-world {
	position: relative;
	background: #1D1D1D;
}

.sec-slide{
	overflow: hidden;
}

.gw50th-bg-movie{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.gw50th-bg-movie figure{
	position: absolute;
	width: 100%;
	height: 100%;
	transition: opacity 6000ms ease, transform 20000ms ease;
	opacity: 0;
	transform: scale(1);
}
.gw50th-bg-movie figure.on{
	opacity: 1;
}
.gw50th-bg-movie figure.on-scale{
	transform: scale(1.2);
}
.gw50th-bg-movie video,
.gw50th-bg-movie img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gw50th-bg-movie:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 10;
}
body.is-show-bg .gw50th-bg-movie{
	transition: opacity 2000ms ease;
	opacity: 1;
}





/* ====================================================================
/202408 add cointents */

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

	.motor-cs{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 430px;
	}
	.motor-cs h2{
		font-size: 36px;
		text-align: center;
	}


	.sec-header.sec-header--s{
		margin: 0 0 40px;
	}
	.sec-header.sec-header--s h2{
		font-size: 36px;
		text-align: left;
	}
	.news__list-top-item.new a,
	.list-item.new a{
		position: relative;
		overflow: hidden;
	}
	.news__list-top-item.new a:after,
	.list-item.new a:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: min(6.4vw,110px);
		height: min(6.4vw,110px);
		background: #1D1D1D;
		z-index: 30;
		transform: translate(-50%,-50%) rotate(45deg);
		z-index: 10;
	}
	.news__list-top-item.new a:before,
	.list-item.new a:before{
		content: "NEW";
		position: absolute;
		top: min(0.7vw,12px);
		left: min(0.7vw,12px);
		display: block;
		z-index: 30;
		color: #fff;
		font-weight: bold;
		font-size: min(0.7vw,12px);
	}



	/* news__list-top
	* =================================*/

	.news__list-top{
		display: flex;
		justify-content: space-between;
	}
	.news__list-top-item{
		width: calc(50% - 2%);
	}
	.news__list-top-item a{
		display: flex;
	}
	.news__list-top-item a{
		display: flex;
		transition: opacity 400ms ease;
	}
	.news__list-top-item a:hover{
		opacity: 0.7;
	}
	.news__list-top-item a figure{
		position: relative;
		width: 41%;
	}
	.news__list-top-item a figure div{
		position: relative;
	}
	.news__list-top-item .list-item__text{
		margin: 0 0 0 20px;
		width: 59%;
	}
	.news__list-top-item .list-item__text h3{
		font-size: 16px;
	}
	.link__box-arrow--s{
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 36px;
		height: 36px;
		background: #1D1D1D;
		z-index: 30;
	}
	.link__box-arrow--s:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left:  0;
		bottom: 0;
		right: 0;
		width: 8px;
		height: 14px;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.news__list-top-link{
		display: none;
	}

	.gw50th-statemant-logo + .gw50th-statemant-txt{
		margin-top: 65px;
	}

	/* gw50th-statemant
	====================================================================*/

	.gw50th-statemant{
		position: relative;
		padding: 80px 0 0;
		z-index: 10;		
	}
	.motor-contents__top .gw50th-statemant{
		position: relative;
		padding: 120px 0;
		z-index: 10;		
	}
	.gw50th-statemant-logo{
		margin: auto;
		width: 450px;
	}
	.gw50th-statemant-txt{
		margin: auto;
	}
	.gw50th-statemant-txt__title{
		text-align: center;
		font-size: 32px;
		line-height: calc(48/32);
	}
	.gw50th-statemant-txt__lead{
		margin: 40px 0 0;
	}
	.gw50th-statemant-txt__lead p{
		text-align: center;
		font-size: 14px;
		line-height: calc(30/14);
	}
	.gw50th-statemant-txt__lead p + p{
		margin-top: 1.5em;
	}
	.gw50th-statemant .button-link{
		max-width: 450px;
	}

	/*flex-bnr-col
	* =================================*/

	.flex-bnr-col{
		display: flex;
		align-items: center;
	}
	.flex-bnr-col-full{
		margin: 0 -80px;
	}
	.flex-bnr-col:nth-child(even){
		flex-direction: row-reverse;
	}
	.flex-bnr-col +.flex-bnr-col{
		margin-top: 80px;
	}

	.flex-bnr-col figure{
		width: calc(82000% / 1480);
	}
	.flex-bnr-col figure img{
		width: 100%;
	}
	.flex-bnr-col .flex-bnr-col_txt{
		width: calc(66000% / 1480);
	}
	.flex-bnr-col_txt-header .flex-bnr-col-country{
		display: flex;
		align-items: center;
		font-size: 32px;
	}
	.flex-bnr-col_txt-header .flex-bnr-col-country strong{
		margin: 0 0 0 16px;
	}
	.flex-bnr-col_txt{
		padding: 0 75px;
	}
	.flex-bnr-col_txt-header .flex-bnr-col-country + h3{
		margin: 30px 0 0;
	}
	.flex-bnr-col_txt-header h3{
		font-size: 20px;
	}
	.flex-bnr-col_txt-lead{
		margin: 30px 0 0;
	}
	.flex-bnr-col_txt-lead p{
		line-height: calc(30/14);
	}

	/*full-bnr-col
	* =================================*/

	.full-bnr-col a{
		position: relative;
		display: block;
		width: 100%;
		height: 520px;
		overflow: hidden;
	}
	.full-bnr-col figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.full-bnr-col figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 1000ms ease;
	}
	.full-bnr-col .sec-header{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.full-bnr-col a:hover img{
		transform: scale(1.1);
	}
	.full-bnr-col a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 80px;
		bottom: 0;
		width: 14px;
		height: 24px;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;

	}


	/* footer
	* =================================*/

	.motor-global-footer{
		padding: 80px 0 0;
		position: relative;
		overflow: hidden;
		background: #1D1D1D;
	}
	.motor-contents__top .motor-global-footer{
		padding: 0;
	}
	.motor-global-footer-nav{
		height: 100px;
		background: #fff;
	}
	.motor-global-footer-nav li{
		width: 246px;
		height: 100px;
	}
	.motor-global-footer-nav a{
		display: block;
		width: 246px;
		height: 100px;		
	}
	.swiper-button-disabled{
		display: none;
	}
	.footer__button--next,
	.footer__button--prev{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 30px;
		height: 30px;
		background: rgba(255,255,255,0.7);
		z-index: 100;
	}
	.footer__button--next{
		right: 10px;
	}
	.footer__button--prev{
		left: 10px;
	}
	.footer__button--next:after,
	.footer__button--prev:after {
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 8px;
		height: 13px;
		background-size: 100% 100%;
	}
	.footer__button--next:after{
		background: url(../img/arrow_bl_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}
	.footer__button--prev:after{
		background: url(../img/arrow_bl_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__cub a{
		background: url(../logos/logo_cub_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
		transition: background-color 400ms ease;
	}
	.footer-nav__cub a:hover,
	.footer-nav__cub.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_cub_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__cb a{
		background: url(../logos/logo_cb_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
		transition: background-color 400ms ease;
	}
	.footer-nav__cb a:hover,
	.footer-nav__cb.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_cb_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__africatwin a{
		background: url(../logos/logo_africatwin_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
		transition: background-color 400ms ease;
	}
	.footer-nav__africatwin a:hover,
	.footer-nav__africatwin.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_africatwin_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__cbr a{
		background: url(../logos/logo_cbr_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
		transition: background-color 400ms ease;
	}
	.footer-nav__cbr a:hover,
	.footer-nav__cbr.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_cbr_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__goldwing a{
		background: url(../logos/logo_goldwing_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
		transition: background-color 400ms ease;
	}
	.footer-nav__goldwing a:hover,
	.footer-nav__goldwing.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_goldwing_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__monkey a{
		background: url(../logos/logo_monkey_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
		transition: background-color 400ms ease;
	}
	.footer-nav__monkey a:hover,
	.footer-nav__monkey.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_monkey_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}
	.motor-breadcrumb{
		background: #242424;
	}


}

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

	.news__list-top{
		display: block;
		margin: 60px 0 0;
		justify-content: space-between;
	}
	.news__list-top-item{
		width: 100%;
	}
	.news__list-top-item + .news__list-top-item{
		margin-top: 30px;
	}


}

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

	.motor-cs{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 130px;
	}
	.motor-cs h2{
		font-size: 24px;
		text-align: center;
	}


	.sec-header.sec-header--s{
		margin: 0 0 30px;
	}
	.sec-header.sec-header--s h2{
		font-size: 18px;
	}
	.news__list-top-item.new a{
		position: relative;
		overflow: hidden;
	}
	.news__list-top-item.new a:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 60px;
		height: 60px;
		background: #1D1D1D;
		z-index: 30;
		transform: translate(-50%,-50%) rotate(45deg);
		z-index: 10;
	}
	.news__list-top-item.new a:before{
		content: "NEW";
		position: absolute;
		top: 6px;
		left: 2px;
		display: block;
		z-index: 30;
		color: #fff;
		font-weight: bold;
		font-size: 10px;
		transform: scale(0.7);
	}

	.list-item.new a{
		position: relative;
		overflow: hidden;
		display: block;
	}
	.list-item.new a:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 80px;
		height: 80px;
		background: #1D1D1D;
		z-index: 30;
		transform: translate(-50%,-50%) rotate(45deg);
		z-index: 10;
	}
	.list-item.new a:before{
		content: "NEW";
		position: absolute;
		top: 8px;
		left: 6px;
		display: block;
		z-index: 30;
		color: #fff;
		font-weight: bold;
		font-size: 10px;
	}

	/* news__list-top
	* =================================*/

	.news__list-top{
		display: block;
		justify-content: space-between;
	}
	.news__list-top-item{
		width: 100%;
	}
	.news__list-top-item + .news__list-top-item{
		margin-top: 30px;
	}
	.news__list-top-item a{
		display: flex;
	}
	.news__list-top-item a figure{
		position: relative;
		width: 41%;
	}
	.news__list-top-item a figure div{
		position: relative;
	}
	.news__list-top-item .list-item__text{
		margin: 0 0 0 20px;
		width: 59%;
	}
	.news__list-top-item .list-item__text .list-item__label span,
	.news__list-top-item .list-item__text .list-item__label i{
		font-size: 16px;
	}
	.news__list-top-item .list-item__text h3{
		font-size: 12px;
	}
	.link__box-arrow--s{
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 26px;
		height: 26px;
		background: #1D1D1D;
		z-index: 30;
	}
	.link__box-arrow--s:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left:  0;
		bottom: 0;
		right: 0;
		width: 6px;
		height: 12px;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.news__list-top-link{
		position: relative;
		margin: 30px 0 0;
		text-align: right;
	}
	.news__list-top-link a{
		position: relative;
	}


	/* gw50th-statemant
	====================================================================*/

	.gw50th-statemant{
		position: relative;
		z-index: 10;		
	}
	.motor-contents__top .gw50th-statemant{
		position: relative;
		padding: 120px 15px;
		z-index: 10;		
	}
	.gw50th-statemant-logo{
		margin: auto;
		max-width: 310px;
	}
	.gw50th-statemant-txt{
		margin: auto;
		max-width: 450px;
	}
	.gw50th-statemant-txt__title{
		text-align: center;
		font-size: 20px;
		line-height: calc(36/20);
	}
	.gw50th-statemant-txt__lead{
		margin: 40px 0 0;
	}
	.gw50th-statemant-txt__lead p{
		text-align: center;
		font-size: 12px;
		line-height: calc(30/12);
	}
	.gw50th-statemant-logo + .gw50th-statemant-txt{
		margin-top: 45px;
	}
	.gw50th-statemant-txt__lead p + p{
		margin-top: 1.5em;
	}

	/*flex-bnr-col
	* =================================*/

	.flex-bnr-col +.flex-bnr-col{
		margin-top: 40px;
	}
	.flex-bnr-col figure img{
		width: 100%;
	}
	.flex-bnr-col_txt-header .flex-bnr-col-country{
		display: flex;
		align-items: center;
		font-size: 20px;
	}
	.flex-bnr-col_txt-header .flex-bnr-col-country img{
		width: 25px;
	}
	.flex-bnr-col_txt-header .flex-bnr-col-country strong{
		margin: 0 0 0 16px;
	}
	.flex-bnr-col_txt{
		margin: 30px 0 0;
	}
	.flex-bnr-col_txt-header .flex-bnr-col-country + h3{
		margin: 20px 0 0;
	}
	.flex-bnr-col_txt-header h3{
		font-size: 16px;
	}
	.flex-bnr-col_txt-lead{
		margin: 15px 0 0;
	}
	.flex-bnr-col_txt-lead p{
		font-size: 12px;
		line-height: calc(22/12);
	}

	/*full-bnr-col
	* =================================*/

	.full-bnr-col a{
		position: relative;
		padding: 0 16px;
		display: block;
		width: 100%;
		height: 264px;
		overflow: hidden;
	}
	.full-bnr-col figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.full-bnr-col figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 1000ms ease;
	}
	.full-bnr-col .sec-header{
		/* display: flex;
		width: 100%;
		height: 100%;
		align-items: center; */
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.full-bnr-col a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 16px;
		bottom: 0;
		width: 8px;
		height: 14px;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;

	}



	/* footer
	* =================================*/

	.motor-global-footer{
		padding: 40px 0 0;
		position: relative;
		overflow: hidden;
		background: #1D1D1D;
	}
	.motor-contents__top .motor-global-footer{
		padding: 0;
	}
	.motor-global-footer-nav{
		border-top: 1px solid #EEE;
		height: 45px;
		background: #fff;
	}
	.motor-global-footer-nav li{
		width: 110px;
	}
	.motor-global-footer-nav a{
		display: block;
		width: 110px;
		height: 45px;		
	}
	.swiper-button-disabled{
		display: none;
	}
	.footer__button--next,
	.footer__button--prev{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 30px;
		height: 30px;
		background: rgba(255,255,255,0.7);
		z-index: 100;
	}
	.footer__button--next{
		right: 10px;
	}
	.footer__button--prev{
		left: 10px;
	}
	.footer__button--next:after,
	.footer__button--prev:after {
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 8px;
		height: 13px;
		background-size: 100% 100%;
	}
	.footer__button--next:after{
		background: url(../img/arrow_bl_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}
	.footer__button--prev:after{
		background: url(../img/arrow_bl_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__cub a{
		background: url(../logos/logo_cub_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}
	.footer-nav__cub.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_cub_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__cb a{
		background: url(../logos/logo_cb_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}
	.footer-nav__cb.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_cb_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__africatwin a{
		background: url(../logos/logo_africatwin_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}
	.footer-nav__africatwin.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_africatwin_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__cbr a{
		background: url(../logos/logo_cbr_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}
	.footer-nav__cbr.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_cbr_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__goldwing a{
		background: url(../logos/logo_goldwing_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}
	.footer-nav__goldwing.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_goldwing_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}

	.footer-nav__monkey a{
		background: url(../logos/logo_monkey_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}
	.footer-nav__monkey.active a{
		opacity: 1;
		background: #041D41 url(../logos/logo_monkey_nv.svg) 50% 50% no-repeat;
		background-size: 100% 100%;		
	}
	.motor-breadcrumb{
		background: #242424;
	}



}

/* /202408 add cointents
====================================================================*/




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

	body {
		font-size: 14px;
		width: 100%;
	}
	.ignore-pc{
		display: none;
	}
	#wrap{
		position: relative;
		width: 100%;
		overflow: hidden;
	}


/* breadcrumb
====================================================================*/

	.motor-breadcrumb{
		position: relative;
		padding: 20px 80px 10px;
	}
	.motor-breadcrumb ul{
		margin: auto;
		max-width: 1680px;
		display: flex;
	}
	.motor-breadcrumb ul li{
		margin-bottom: 10px;
	}
	.motor-breadcrumb ul li a{
		font-size: 0.8em;
		text-decoration: underline;
	}
	.motor-breadcrumb ul li span{
		font-size: 0.8em;
	}
	.motor-breadcrumb ul li a:hover{
		text-decoration: none;
	}
	.motor-breadcrumb ul li + li:before{
		content: "＞";
		display: inline-block;
		margin: 0 1em;
		font-size: 0.8em;
	}



/* motor-global-header
====================================================================*/

	.motor-global-header{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 86px;
		border-bottom: 1px solid #444;
		background: #1D1D1D;
		z-index: 100;
	}
	.motor-global-header a{
			color: #fff;
	}
	.motor-global-header .motor-global-header_logo{
		margin: 0 0 0 2%;
		width: min(228px,22.8vw);
	}
	.motor-global-header__nav-main{
		display: flex;
		align-items: center;
		height: 86px;
	}
	.motor-global-header__nav-main > li{
		height: 100%;
	}
	.motor-global-header__nav-main > li > a{
		position: relative;
		display: flex;
		padding: 0 16px;
		align-items: center;
		font-size: min(24px,2.4vw);
		letter-spacing: 0.05em;
		height: 100%;
	}
	.motor-global-header__nav-main > li > a:hover{
		background: #000;
	}
	.motor-global-header__nav-main > li.active > a{
		color: #CEAF68;
	}

	.motor-global-header__nav-lower{
		position: absolute;
		top: 80px;
		left: 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		height: 65px;
		background: #000;
		border-bottom: 1px solid #444;
		opacity: 0;
		visibility: hidden;
		transition: all 400ms ease;
	}
	.motor-global-header__nav-lower > li{
		height: 100%;
	}
	.motor-global-header__nav-lower > li > a{
		display: flex;
		padding: 0 30px;
		align-items: center;
		height: 100%;
		transition: background 400ms ease;
	}
	.motor-global-header__nav-lower > li > a:hover{
		background: #1D1D1D;
	}



	/*top*/
	.motor-contents__top .motor-global-header{
		position: absolute;
		top: 0;
		width: 100%;
	}
	.icon__pulldown{
		position: relative;
		display: inline-block;
		margin: 0 0 0 10px;
		width: 12px;
		height: 12px;
	}
	.icon__pulldown:before,
	.icon__pulldown:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -1px 0 0 -5px;
		display: block;
		width: 10px;
		height: 2px;
		background: #fff;
		transition: transform 400ms ease;
	}
	.icon__pulldown:after{
		transform: rotate(-90deg);
	}

	.motor-global-header__nav-pulldown a:hover .icon__pulldown:after{
		transform: rotate(0deg);
	}
	.motor-global-header__nav-pulldown:hover .motor-global-header__nav-lower{
		opacity: 1;
		visibility: visible;
	}

	.motor-global-header__button-menu{
		display: none;
	}


/* tab-nav
====================================================================*/
	
	.tab-nav{
		margin: 0 0 60px;
	}

	.tab-nav ul{
		display: flex;
		border-bottom: 1px solid #041D41;
	}
	.tab-nav ul li{
		width: 50%;
	}
	.tab-nav ul li a{
		position: relative;
		padding: 0 0 20px;
		display: block;
		text-align: center;
		font-size: 20px;
		color: #fff;
	}
	.tab-nav ul li a:after{
		content: "";
		left: 0;
		position: absolute;
		bottom: 0;
		display: block;
		width: 100%;
		height: 8px;
		background: #1D1D1D;
		opacity: 0;
		transition: opacity 400ms ease;
	}
	.tab-nav ul li a:hover:after,
	.tab-nav ul li a.active:after{
		opacity: 1;
	}

/* other-history
====================================================================*/

	#other-models{
		position: relative;
		background: #1D1D1D;
	}
	#other-history{
		position: relative;
		background: #242424;
	}
	.other-contents__list{
		position: relative;
	}
	.other-contents__list figure{
		position: relative;
	}
	.other-contents__list-item a{
		display: block;
		transition: opacity 600ms ease;
	}
	.other-contents__list-item a:hover{
		opacity: 0.7;
	}
	.other-contents__list-pager{
		display: none;
	}



/* news-list__item
====================================================================*/

	.news__list-item-wrap{
		display: flex;
		margin: 60px -20px 0;
	}
	.latest-news__list-item-wrap{
		display: flex;
		margin: 0 -20px;
	}

	.news__list-item,
	.latest-news__list-item{
		padding: 0 20px;
		width: calc(99.999% / 3);
	}
	.news__list-item figure,
	.latest-news__list-item figure{
		position: relative;
	}

	.news-list-index{
		display: flex;
		flex-wrap: wrap;
		margin: 60px -20px 0;		
	}
	.news-list-index .news__list-item:nth-child(n+4){
		margin-top: 40px;
	}

	#latest-news{
		position: relative;
		background: #1D1D1D;
	}
	.news__list-pager.list-pager{
		display: none;
	}



/* work
====================================================================*/

	.work__list-index{
		display: flex;
		flex-wrap: wrap;
		margin: 60px -20px 0;		
	}
	.work__list-index .list-item{
		padding: 0 20px;
		width: calc(99.999% / 3);
	}
	.work__list-item .list-item figure{
		position: relative;
	}
	.work__list-item .work-item__label{
		display: flex;
		align-items: center;
	}
	.work__list-item .work-item__label strong{
		padding: 0 0 0 15px;
		font-size: 20px;
	}


/* list-item
====================================================================*/

	.list-item a{
		display: block;
		transition: opacity 600ms ease;
	}
	.list-item a:hover{
		opacity: 0.6;
	}
	.list-item__text--wh{
		color: #fff;
	}
	.list-item__text{
		margin: 25px 0 0;
	}
	.list-item__text h3{
		font-size: 18px;
		line-height: 1.5;
	}
	.list-item__label span{
		font-size: 20px;
		color: #fff;
		line-height: 1.3;
	}
	.list-item__text--wh .list-item__label span,
	.list-item__text--wh .list-item__label i{
		color: #fff;
	}
	.list-item__label i{
		position: relative;
		margin: 0 0 0 16px;
		padding: 0 0 0 16px;
		font-size: 18px;
		color: #fff;
	}

	.list-item__label i:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 18px;
		background: #CCC;
	}
	.list-item__label + h3{
		margin: 15px 0 0;
		line-height: 1.5;
	}

	.list-item__img--border{
		border: 1px solid #eee;
	}
	.list-item .list-item__blank-img{
		background: rgba(0,0,0,0.1);
	}
	.list-item .list-item__blank-img span{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		transform: translateY(-50%);
		font-size: 22px;
		font-size: min(1.71vw,22px);
		color: #fff;
	}

	.stories__list-item .list-item__text h3{
		font-size: 14px;
	}


/* history-list__item
====================================================================*/


	.models__list{
		position: relative;
		z-index: 50;
	}
	header + .models__list{
		margin: 80px 0 0;
	}
	.models__list-slide-box{
		margin: 80px calc(50% - 50vw) 0 calc(50% - 50vw);		
	}
	.models__list-slide{
		position: relative;
		margin: auto;
		max-width: 1720px;
		width: 100%;
		padding: 0 80px;
	}
	.models__list-item{
		position: relative;
	}
	.models__list-item a{
		position: relative;
		padding: 25px 0 0;
		display: block;
		text-align: center;
	}
	.models__list-item-year{
		position: relative;
		width: 100%;
		font-size: 110px;
		letter-spacing: 0.05em;
		color: #CEAF68;
		z-index: 10;
		transition: color 400ms ease;
	}
	.models__list-slide .models__list-item + .models__list-item .models__list-item-year:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: -25px;
		bottom: 0;
		display: block;
		width: min(172px,11.62vw);
		height: 1px;
		border-top: 1px dotted #CEAF68;
		transform: translateX(-50%);
	}
	.models__list-item-year i{
		position: relative;
	}
	.models__list-item figure{
		position: relative;
		z-index: 30;
	}
	.models__list-item h3{
		position: relative;
		margin: 25px 0 0;
/*		font-size: 18px;
*/		font-size: 28px;
		line-height: 1.5;
		z-index: 30;
		transition: color 400ms ease;
	}

/* list-button
====================================================================*/

	.list-button--prev{
		left: -42px;
	}
	.list-button--next{
		right: -42px;
	}
	.list-button--next,
	.list-button--prev{
		position: absolute;
		width: 50px;
		height: 50px;
		z-index: 500;
		transition: opacity 600ms ease;
	}
	.list-button--prev:hover,
	.list-button--next:hover{
		opacity: 0.6;
	}
	.list-button--next:after,
	.list-button--prev:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 13px;
		height: 22px;
		background-size: 100% 100%;
	}
	.list-button--next:after {
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.list-button--prev:after {
		background: url(../img/arrow_wh_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.list-button--next.swiper-button-disabled,
	.list-button--prev.swiper-button-disabled{
		opacity: 0.2;
		cursor: default;
	}



/* list-pager
====================================================================*/

	.list-pager{
		position: relative;
		margin: 60px 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		z-index: 20;
	}
	.list-pager span{
		display: inline-block;
		margin: 0 6px;
		width: 12px;
		height: 12px;
		border-radius: 6px;
		border: 1px solid #CCC;
		opacity: 1;
		transition: all 400ms ease;
		background: none;
	}
	.list-pager span:hover{
		background: #fff;
		border: 1px solid #fff;
	}
	.list-pager .swiper-pagination-bullet-active,
	.list-pager span.active{
		background: #fff;
		border: 1px solid #fff;		
	}

/* top emblem
====================================================================*/

	.emblem__col{
		display: flex;
		margin: 0 -80px;
		padding: 100px 0 0;
		border-top: 1px solid #ccc;		
	}
	.emblem__col-inner{
		width: 50%;
	}

	.emblem__col figure{
		height: 100%;
	}
	.emblem__col figure img{
		width: 920px;
		height: 523px;
		object-fit: cover;
	}

	.emblem__col-inner--02{
		display: flex;
		padding: 0 80px;
		align-items: center;
		background: #F4F4F4;
	}
	.emblem__col-inner-box{
		width: 100%;
	}
	.motor-contents__top .emblem__col-inner--02{
		background: #fff;
	}


/* top factories
====================================================================*/
	
	.factories__list{
		position: relative;
	}

	.factories__list-slide{
		position: relative;
	}
	.factories__list-item-wrap{
		margin: 50px 0 0;
	}

	.factories__list-index{
		margin: 50px -18px 0;
		display: flex;
		flex-wrap: wrap;		
	}
	.factories__list-index .factories__list-item{
		padding: 0 18px;
		width: calc(99.999% / 3);
	}
	.factories__list-index .factories__list-item:nth-child(n+4){
		margin-top: 40px;
	}
	.factories__list-item figure{
		position: relative;
	}
	.factories__list-item figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 30px solid #041D41;
		z-index: 30;
		opacity: 0;
	}
	.factories__list-item.active figure:after{
		opacity: 1;
	}
	.factories__list-item.active .link__box-arrow{
		display: none;
	}

	.factories__list-item figure img{
		position: relative;
		z-index: 20;
	}
	.factories__list-item figure .list-item_flag{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: min(5.71vw,96px);
		z-index: 50;
	}

/* top world
====================================================================*/

	.article-world{
		position: relative;
		padding: 100px 0;
	}
	.article-world:after{
		content: "";
		top: 0;
		left: -80px;
		position: absolute;
		display: block;
		width: calc(100% + 160px);
		height: 100%;
		background: #F4F4F4;
		z-index: 10;
	}
	.article-world .article-header,
	.article-world .world__list,
	.article-world .button{
		position: relative;
		z-index: 20;
	}

	.world__list{
		position: relative;
	}
	.world__list-slide-box-wrap{
		position: relative;
		margin: 80px calc(50% - 50vw) 0 calc(50% - 50vw);
		z-index: 50;
	}
	.world__list-slide-box{
		margin: auto;
		max-width: 2300px;		
	}
	.world__list-slide{
		position: relative;
		margin: auto;
		padding: 0 calc(100% * (590 / 1920));
	}
	.world__list-item{
		position: relative;
	}
	.world__list-item figure{
		position: relative;
		border: 1px solid #CCC;
	}
	.world__list-item figure img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 20;
	}
	.world__list-item figure .list-item_flag{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
   	width: min(5.71vw,96px);
		z-index: 50;
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}


/* world index
====================================================================*/

	.world__list-index{
		display: flex;
		flex-wrap: wrap;
		margin: 60px -20px 0;
	}
	.world__list-index .world__list-item{
		padding: 0 20px;
		width: 33.3333%;
	}
	.world__list-index .world__list-item figure{
		position: relative;
	}
	.world__list-index .world__list-item figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 30px solid #041D41;
		z-index: 30;
		opacity: 0;
	}
	.world__list-index .world__list-item.active figure:after{
		opacity: 1;
	}
	.world__list-index .world__list-item.active .link__box-arrow{
		display: none;
	}
	.world__list-index .world__list-item:nth-child(n+4){
		margin-top: 40px;
	}

/* stories
====================================================================*/
	
	.stories__list{
		position: relative;
		margin: 60px 0 0;
		z-index: 50;		
	}
	.stories__list-index{
		margin: 60px -18px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.stories__list-index .stories__list-item{
		padding: 0 18px;
		width: calc(99.999% / 3);
	}
	.stories__list-index .stories__list-item:nth-child(n+4){
		margin-top: 40px;
	}

	.stories__list-item figure{
		position: relative;
	}


/* top movies
====================================================================*/


	.movies__list-item-wrap{
		margin: 80px -18px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.movies__list-index{
		margin: 60px -18px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.movies__list-item{
		padding: 0 18px;
		width: calc(99.999% / 3);
	}
	.movies__list-item:nth-child(n+4){
		margin-top: 40px;
	}
	.movies__list-item a{
		position: relative;
		display: block;
	}
	.movies__list-item figure{
		position: relative;
	}
	.movies__icon-play{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 96px;
		height: 96px;
		background: #1D1D1D;
		border-radius: 48px;
	}
	.movies__icon-play:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -16px 0 0 -16px;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 16px 0 16px 32px;
		border-color: transparent transparent transparent #fff;
	}

/* this-is-honda
====================================================================*/

	#this-is-honda{
		display: flex;
		padding: 100px 0;
		margin: 0;
	}
	.this-is-honda-col{
		width: 50%;
	}
	.this-is-honda-col figure{
		height: 100%;
	}
	.this-is-honda-col figure img{
		width: 840px;
		height: 476px;
		object-fit: cover;
	}
	.this-is-honda-col__02{
		display: flex;
		padding: 0 80px;
		align-items: center;
		background: #F4F4F4;
	}
	.this-is-honda-col__inner{
		width: 100%;
	}


/* contents-bnr
====================================================================*/

	.contents-bnr{
		display: flex;
		margin: 0;
	}
	.contents-bnr-col{
		width: 50%;
	}
	.contents-bnr-col figure{
		height: 100%;
	}
	.contents-bnr-col figure img{
		width: 840px;
		height: 476px;
		object-fit: cover;
	}
	.contents-bnr-col__02{
		display: flex;
		padding: 0 80px;
		align-items: center;
		background: #242424;
	}
	.motor-contents__top .contents-bnr-col__02{
		background: #1D1D1D;
	}
	.contents-bnr-col__inner{
		width: 100%;
	}

/* top banner
====================================================================*/

	.banner__col{
		display: flex;
		margin: auto;
		max-width: 1280px;
	}
	.banner__col + .banner__col{
		margin-top: 40px;
	}
	.banner__col-inner{
		width: 50%;
	}
	.banner__col figure{
		height: 100%;
	}
	.banner__col figure img{
		width: 640px;
		height: 346px;
		object-fit: cover;
	}
	.banner__col-inner--02{
		display: flex;
		padding: 0 60px;
		align-items: center;
		background: #1D1D1D;
	}
	.banner__col-inner-box{
		width: 100%;
	}
	.banner__col .article-header h3 {
		line-height: 1.3;
		font-size: min(2.43vw,36px)
	}


/* sec-header-counry
====================================================================*/

	.sec-header-counry{
		margin: 50px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 32px;
	}
	.sec-header-counry strong{
		margin: 0 0 0 16px;
	}

/* sec-header
====================================================================*/
	.sec-header{
		position: relative;
		margin: 0 auto 80px;
		max-width: 1680px;
	}
	.sec-header h2{
		text-align: center;
		font-size: 64px;
		color: #fff;
		letter-spacing: 0.05em;
	}
	.sec-header p{
		text-align: center;
		margin: 20px 0 0;
		font-size: 20px;
		color: #fff;
	}
	.sec-header p.sub-title{
		text-align: center;
		font-size: 32px;
		color: #fff;
	}
	.sec-header h2 +  p.sub-title{
		margin: 40px 0 0;
	}

	.sec-header-top{
		position: relative;
		display: flex;
		align-items: center;
		margin: 0 auto 80px;
		max-width: 1680px;
	}
	.sec-header-top h2{
		margin: 0 50px 0 0;
		font-size: 64px;
		color: #fff;
		letter-spacing: 0.05em;
	}
	.sec-header-top p{
		text-align: center;
		margin: 40px 0 0;
		font-weight: bold;
		color: #fff;
	}
	.sec-header h2 span,
	.sec-header-top h2 span{
		position: relative;
		padding: 0 44px 0 0;
		font-size: 32px;
	}
	.sec-header h2 span:after,
	.sec-header-top h2 span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 22px;
		display: block;
		width: 1px;
		height: 26px;
		background: #fff;
		transform: rotate(20deg);
	}
	.sec{
		padding: 80px;
	}
	.sec-full-w{
		padding: 80px 0;
	}
	.sec-full-wh{
		padding: 0;
	}

	.sec-inner{
		margin: auto;
		max-width: 1680px;
	}


	.sec:nth-child(even){
		background: #242424;
	}
	.article-header{
		color: #fff;		
	}
	.article-header--wh{
		color: #fff;
	}
	.article-header h3{
		position: relative;
		padding: 0 80px 0 0;
		display: inline-block;
		font-size: 36px;
		line-height: 1.3;
	}

	.article-header h3:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 60px;
		height: 1px;
		background: #1D1D1D;
	}
	.article-header h3:after{
		background: #1D1D1D;
	}
	.article-header--wh h3:after{
		background: #fff;
	}

	.article-header p{
		margin: 15px 0 0;
		font-weight: bold;
		line-height: 1.5;
	}
	.article-header .article-header__caution{
		display: block;
		margin: 5px 0 0;
		font-size: 14px;
		line-height: 1.5;
	}
	.article-col + .article-col{
		margin-top: 100px;
	}

	.contents-bnr-col .article-header h3{
		font-size: 20px;
	}
	.contents-bnr-col .article-header p{
		margin: 20px 0 0;
	}	

/* detail-header
====================================================================*/

	.detail-header{
		position: relative;
		padding: 30px 0;
		display: flex;
		justify-content: flex-end;
	}
	.detail-header h2{
		font-size: 20px;
		color: #fff;
	}
	.motor-detail__inner{
		margin: auto;
		padding: 0 80px 80px;
		max-width: 1280px;
	}
	.detail-pager{
		display: flex;
		justify-content: space-between;
		margin: 30px 0 60px;
		position: relative;
		z-index: 50;
	}
	.detail-pager a{
		position: relative;
	}
	.detail-pager a.disabled{
		opacity: 0.2;
		cursor: default;
		
	}
	.detail-pager__bottom{
		margin: 60px 0 0;
		padding: 60px 0 0;
		border-top: 1px solid #444;
	}



/* button
====================================================================*/

	.button-link{
		position: relative;
		margin: 30px auto 0;
		width: 100%;
		max-width: 745px;
		z-index: 100;
	}
	.button-link a{
		position: relative;
		display: flex;
		height: 52px;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		text-align: center;
		font-size: 14px;
	}
	.button-link a:hover{
		opacity: 0.7;
		transition: opacity 600ms ease;
	}

	.button-box__btm{
		display: flex;
		justify-content: flex-end;
	}
	.entry__detail-column-wrap + .button-box__btm .button-link-s{
		margin: 60px 0 0;
	}
	.button-link-s{
		position: relative;
		margin: 30px 0 0;
		width: 100%;
		max-width: 300px;
		z-index: 100;
	}
	.button-link-s a{
		position: relative;
		display: block;
		height: 60px;
		font-weight: bold;
		text-align: center;
		line-height: 60px;
		font-size: 15px;
	}
	.button-link-s a:hover{
		opacity: 0.7;
		transition: opacity 600ms ease;
	}

	.button-link__blank--bl a,
	.button-link--bl a{
		color: #fff;
		border: 1px solid #fff;
	}
	.button-link__blank--wh a,
	.button-link--wh a{
		color: #fff;
		background: #fff;
	}
	.button-link--bl a:after,
	.button-link--wh a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 25px;
		bottom: 0;
		width: 8px;
		height: 14px;
	}
	.button-link--bl a:after{
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}
	.button-link--wh a:after{
		background: url(../img/arrow_bl_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.button-link__blank--bl a:after,
	.button-link__blank--wh a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 25px;
		bottom: 0;
		width: 14px;
		height: 14px;
	}
	.button-link__blank--bl a:after{
		background: url(../img/icon_blank_wh.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}

/* link__arrow
====================================================================*/

	.sec-header__link-r{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 200px;
		height: 40px;
		border: 1px solid #fff;
		font-size: 14px;
	}
	.sec-header__link-r:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 16px;
		bottom: 0;
		width: 6px;
		height: 12px;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	



	.link__arrow--r-jp,
	.link__arrow--l-jp{
		font-weight: bold;
	}

	.link__arrow--r,
	.link__arrow--r-jp{
		position: absolute;
		padding: 0 20px 0 0;
		top: 50%;
		right: 0;
		color: #fff;
		transform: translateY(-50%);
		transition: opacity 600ms ease;
	}
	.link__arrow--l,
	.link__arrow--l-jp{
		position: absolute;
		padding: 0 0 0 20px;
		top: 50%;
		left: 0;
		color: #fff;
		transform: translateY(-50%);
		transition: opacity 600ms ease;
	}

	.link__arrow--l:after,
	.link__arrow--r:after,
	.link__arrow--l-jp:after,
	.link__arrow--r-jp:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 8px;
		height: 14px;
	}
	.link__arrow--l:after,
	.link__arrow--l-jp:after{
		left: 0;
		background: url(../img/arrow_wh_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.link__arrow--r:after,
	.link__arrow--r-jp:after{
		right: 0;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.link__arrow--l:hover,
	.link__arrow--r:hover,
	.link__arrow--l-jp:hover,
	.link__arrow--r-jp:hover{
		opacity: 0.7;
	}

	.link__box-arrow{
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: min(3.5vw,30px);
		height: min(3.5vw,30px);
		background: #1D1D1D;
		z-index: 30;
	}
	.link__box-arrow:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left:  0;
		bottom: 0;
		right: 0;
		width: 6px;
		height: 12px;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.link__box-arrow--wh{
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: min(3.5vw,30px);
		height: min(3.5vw,30px);
		background: #fff;
		z-index: 30;
	}
	.link__box-arrow--wh:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left:  0;
		bottom: 0;
		right: 0;
		width: 6px;
		height: 12px;
		background: url(../img/arrow_bl_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}



}

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


	.emblem__col-inner--02{
		padding: 0 20px;
	}
	.emblem__col {
		display: flex;
		margin: 0 -20px;
	}
	.this-is-honda-col__02 {
		padding: 0 20px;
	}
	.contents-bnr-col__02 {
		padding: 0 20px;
	}

}

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

	.article-header h3 {
		font-size: 32px;
	}

	.emblem__col {
		display: block;
		margin: 100px 0;
	}
	.emblem__col-inner{
		width: 100%;
	}
	.emblem__col-inner--02 {
		padding: 40px 20px;
	}

	#this-is-honda {
		display: block;
	}
	.this-is-honda-col {
		width: 100%;
	}
	.this-is-honda-col__02 {
		padding: 40px 20px;
	}

	.banner__col{
		display: block;
		max-width: 640px;
	}
	.banner__col figure img{
		width: 100%;
		height: auto;
		object-fit: none;
	}
	.banner__col-inner{
		width: 100%;
	}
	.banner__col-inner--02 {
		padding: 40px 20px;
	}
	.banner__col .article-header h3 {
		font-size: 32px;
	}

	.contents-bnr {
		display: block;
	}
	.contents-bnr-col {
		width: 100%;
	}
	.contents-bnr-col__02 {
		padding: 40px 20px;
	}
	.contents-bnr-col figure img{
		width: 100%;
		height: auto;
		object-fit: unset;
	}



}


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

	.sec {
		padding: 80px 40px;
	}

	.list-button--prev{
		left: -34px;
	}
	.list-button--next{
		right: -34px;
	}

	.world__list-index{
		display: flex;
		flex-wrap: wrap;
		margin: 60px -10px 0;
	}
	.world__list-index .world__list-item{
		padding: 0 10px;
	}

	.movies__list-index{
		display: flex;
		flex-wrap: wrap;
		margin: 60px -10px 0;
	}
	.movies__list-item-wrap{
		display: flex;
		flex-wrap: wrap;	
		margin: 60px -10px 0;	
	}
	.movies__list-item{
		padding: 0 10px;
	}


	.factories__list-index{
		display: flex;
		flex-wrap: wrap;
		margin: 60px -10px 0;
	}

	.other-contents__list-item-wrap{
		display: flex;
		flex-wrap: wrap;
		margin: 60px -10px 0;
	}
	.other-contents__list-item{
		padding: 0 10px;
	}


	.models__list-item h3 {
		font-size: 14px;
	}

	.news__list-item-wrap,
	.latest-news__list-item-wrap{
		display: flex;
		margin: 60px -10px 0;
	}
	.latest-news__list-item,
	.news__list-item{
		padding: 0 10px;
	}

}


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

	body {
		width: 100%;
		font-size: 14px;
	}
	.ignore-sp{
		display: none;
	}
	#wrap{
		position: relative;
		width: 100%;
		overflow: hidden;
	}


/* breadcrumb
====================================================================*/

	.motor-breadcrumb{
		position: relative;
		padding: 20px 15px 10px;
	}
	.motor-breadcrumb ul{
		display: flex;
		flex-wrap: wrap;
	}
	.motor-breadcrumb ul li{
		margin-bottom: 10px;
	}
	.motor-breadcrumb ul li a{
		font-size: 0.8em;
		text-decoration: underline;
	}
	.motor-breadcrumb ul li span{
		font-size: 0.8em;
	}
	.motor-breadcrumb ul li + li:before{
		content: "＞";
		display: inline-block;
		margin: 0 1em;
		font-size: 0.8em;
	}
	

/* motor-global-header
====================================================================*/

	.motor-global-header{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #1D1D1D;
		z-index: 10000;
	}

	.motor-global-header a{
			color: #fff;
	}
	.motor-global-header .motor-global-header_logo{
		margin: 0 0 0 2%;
		width: 90px;
	}
	.motor-global-header__nav-main{
		position: fixed;
		left: 0;
		bottom: 60px;
		padding: 0 15px;
		width: 100%;
		background: #000;
		visibility: hidden;
		opacity: 0;
		transition: all 400ms ease;
	}
	body.is-menu-open .motor-global-header__nav-main{
		visibility: visible;
		opacity: 1;
	}
	.motor-global-header__nav-main > li + li{
		border-top: 1px solid #EEE;
	}
	.motor-global-header__nav-main > li > a{
		position: relative;
		padding: 0 15px;
		display: flex;
		align-items: center;
		font-size: 18px;
		letter-spacing: 0.05em;
		height: 56px;
	}
	.motor-global-header__nav-main > li > a:before{
		content: "";
		position: absolute;
		visibility: hidden;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		width: 4px;
		background: #CEAF68;
	}
	.motor-global-header__nav-main > li.active > a:before{
		visibility: visible;
	}

	.motor-global-header__nav-lower{
		padding: 0 0 20px 25px;
	}
	.motor-global-header__nav-lower > li{
		height: 100%;
	}
	.motor-global-header__nav-lower > li + li{
		margin-top: 20px;
	}
	.motor-global-header__nav-lower > li > a{
		position: relative;
		padding: 0 0 0 20px;
	}
	.motor-global-header__nav-lower > li > a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 12px;
		height: 1px;
		background: #fff;
	}


	.icon__pulldown{
		display: none;
	}
	.motor-global-header__button-menu{
		margin: 0 2% 0 0;
		height: 100%;
	}
	.motor-global-header__button-menu a{
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
	}
	.motor-global-header__button-txt{
		color: #fff;
		letter-spacing: 3px;
	}
	.motor-global-header__button-txt span:nth-child(2){
		display: none;
	}
	.motor-global-header__button-icon{
		position: relative;
		margin: 0 0 0 10px;
		width: 12px;
		height: 12px;
		background: #000;
	}
	.motor-global-header__button-icon i{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -1px 0 0 -6px;
		display: block;
		width: 12px;
		height: 2px;
		background: #fff;
	}
	.motor-global-header__button-icon i:nth-child(1){
		transform: rotate(90deg);
		transition: transform 400ms ease;
	}

	body.is-menu-open .motor-global-header__button-menu a .motor-global-header__button-txt span:nth-child(1){
		display: none;
	}
	body.is-menu-open .motor-global-header__button-menu a .motor-global-header__button-txt span:nth-child(2){
		display: block;
	}
	body.is-menu-open .motor-global-header__button-menu a .motor-global-header__button-icon i:nth-child(1){
		transform: rotate(0);
	}



/* tab-nav
====================================================================*/
	
	.tab-nav{
		margin: 0 0 30px;
		border-bottom: 1px solid #041D41;
		overflow: hidden;
	}

	.tab-nav ul{
		display: flex;
	}
	.tab-nav--2columns ul li{
		width: 50%;
	}
	.tab-nav--3columns ul li{
		width: 33.333%;
		min-width: 140px;
	}
	.tab-nav ul li a{
		position: relative;
		padding: 0 0 18px;
		display: block;
		text-align: center;
		color: #fff;
	}
	.tab-nav ul li a:after{
		content: "";
		left: 0;
		position: absolute;
		bottom: 0;
		display: block;
		width: 100%;
		height: 4px;
		background: #1D1D1D;
		opacity: 0;
		transition: opacity 600ms ease;
	}
	.tab-nav ul li a.active:after{
		opacity: 1;
	}

/* other-history
====================================================================*/

	#other-models{
		position: relative;
		background: #1D1D1D;
	}
	#other-history{
		position: relative;
		background: #242424;
	}
	.other-contents__list-slide{
		padding: 0 15px;
	}
	.other-contents__list figure{
		position: relative;
	}



/* news-list__item
====================================================================*/
	.news__list-item figure{
		position: relative;
	}
	.news__list-slide{
		padding: 0 15px;
	}
	.news-list-index{
		margin: 30px 0 0;		
	}
	.news-list-index .news__list-item + .news__list-item{
		margin-top: 40px;
	}
	#latest-news{
		position: relative;
		background: #1D1D1D;
	}
	.news__list-item-wrap,
	.latest-news__list-item-wrap{
		margin: 30px 0 0;
	}
	.news__list-item figure,
	.latest-news__list-item figure{
		position: relative;
	}
	.latest-news__list-slide{
		margin: 0 15px;
	}


/* work
====================================================================*/

	.work__list-index .list-item + .list-item{
		margin-top: 40px;
	}
	.work__list-index .list-item figure{
		position: relative;
	}
	.work__list-item .work-item__label{
		display: flex;
		align-items: center;
	}
	.work__list-item .work-item__label img{
		width: 25px;
	}
	.work__list-item .work-item__label strong{
		padding: 0 0 0 10px;
		font-size: 20px;
	}
	


/* list-item
====================================================================*/

	.list-item__text--wh{
		color: #fff;
	}
	.list-item__text{
		margin: 15px 0 0;
	}
	.list-item__text h3{
		font-size: 16px;
		line-height: 1.5;
	}
	.list-item__label span{
		font-size: 18px;
		color: #fff;
		line-height: 1.3;
	}
	.list-item__text--wh .list-item__label span,
	.list-item__text--wh .list-item__label i{
		color: #fff;
	}
	.list-item__label i{
		position: relative;
		margin: 0 0 0 15px;
		padding: 0 0 0 15px;
		font-size: 18px;
		color: #fff;
	}
	.list-item__label i:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 18px;
		background: #CCC;
	}
	.list-item__label + h3{
		margin: 10px 0 0;
/*		font-size: 12px;
*/		font-size: 16px;
		line-height: 1.5;
	}
	.list-item__img--border{
		border: 1px solid #eee;
	}
	.list-item .list-item__blank-img{
		background: rgba(0,0,0,0.1);
	}
	.list-item .list-item__blank-img span{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		transform: translateY(-50%);
		font-size: 16px;
		color: #fff;
	}
	.stories__list-item .list-item__text h3{
		font-size: 12px;
	}


/* history-list__item
====================================================================*/


	.models__list{
		position: relative;
		z-index: 50;
	}
	header + .models__list{
		margin: 30px 0 0;
	}

	.models__list-slide{
		margin: auto;
		max-width: 1720px;
		width: 100%;
		padding: 0 40px;
	}
	.models__list-item{
		position: relative;
	}
	.models__list-item a{
		position: relative;
		padding: 25px 0 0;
		display: block;
		text-align: center;
	}
	.models__list-item-year{
		position: relative;
		width: 100%;
		font-size: 75px;
		letter-spacing: 0.05em;
		color: #CEAF68;
		z-index: 10;
		transition: color 400ms ease;
	}

	.models__list-item-year i{
		position: relative;
	}
	.models__list-item figure{
		position: relative;
		z-index: 30;
	}
	.models__list-item h3{
		position: relative;
		margin: 0 0 0;
		font-size: 16px;
		line-height: 1.5;
		z-index: 30;
		transition: color 400ms ease;
	}
	.models__list-slide .models__list-item + .models__list-item .models__list-item-year:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 26vw; 
		height: 1px;
		border-top: 1px dotted #CEAF68;
		transform: translateX(-50%);
	}

/* list-button
====================================================================*/

	.list-button--prev,
	.list-button--next{
		display: none;
	}



/* list-pager
====================================================================*/

	.list-pager,
	.list-pager--wh{
		position: relative;
		margin: 30px 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		z-index: 20;
	}
	.list-pager span{
		display: inline-block;
		margin: 0 4px 8px !important;
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: none;
		border: 1px solid #CCC;
		opacity: 1;
	}
	.list-pager .swiper-pagination-bullet-active,
	.list-pager span.active{
		background: #fff;
		border: 1px solid #fff;		
	}


	.list-pager--wh span{
		display: inline-block;
		margin: 0 4px;
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #1D1D1D;
		border: 1px solid #fff;
		opacity: 1;
	}
	.list-pager--wh span:hover{
		background: #fff;
		border: 1px solid #fff;
	}
	.list-pager--wh .swiper-pagination-bullet-active,
	.list-pager--wh span.active{
		background: #fff;
		border: 1px solid #fff;		
	}




/* top emblem
====================================================================*/

	.emblem__col{
		padding: 50px 0 0;
		border-top: 1px solid #ccc;		
	}
	.emblem__col-inner--02{
		display: flex;
		padding: 25px 15px;
		align-items: center;
		background: #F4F4F4;
	}
	.emblem__col-inner-box{
		width: 100%;
	}
	.motor-contents__top .emblem__col-inner--02{
		background: #fff;
	}





/* top factories
====================================================================*/
	.factories__list{
		margin: 30px 0 0;
	}
	.factories__list-slide{
		padding: 0 15px;
	}
	.factories__list-item figure{
		position: relative;
	}
	.factories__list-item figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 15px solid #041D41;
		z-index: 30;
		opacity: 0;
	}
	.factories__list-item.active figure:after{
		opacity: 1;
	}
	.factories__list-item.active .link__box-arrow{
		display: none;
	}
	.factories__list-index{
		margin: 30px 0 0;
	}
	.factories__list-index .factories__list-item + .factories__list-item{
		margin-top: 40px;
	}
	.factories__list-item figure .list-item_flag{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 60px;
		z-index: 50;
	}

/* top world
====================================================================*/

	.article-world{
		position: relative;
		padding: 50px 15px;
	}
	.article-world:after{
		content: "";
		top: 0;
		left: 0;
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background: #F4F4F4;
		z-index: 10;
	}
	.article-world .article-header,
	.article-world .world__list,
	.article-world .button{
		position: relative;
		z-index: 20;
	}

	.world__list{
		position: relative;
		margin: 30px 0 0;
		z-index: 50;
	}
	.world__list-slide-box{
		margin: auto;
	}
	.world__list-slide{
		margin: auto;
	}
	.world__list-item{
		position: relative;
	}
	.world__list-item figure{
		position: relative;
		border: 1px solid #CCC;
	}
	.world__list-item figure img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 20;
	}
	.world__list-item figure .list-item_flag{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 60px;
		z-index: 50;
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}


/* world index
====================================================================*/

	.world__list-index{
		display: flex;
		flex-wrap: wrap;
		margin: 30px -6px 0;
	}
	.world__list-index .world__list-item{
		padding: 0 6px;
		width: 50%;
	}
	.world__list-index .world__list-item figure{
		position: relative;
	}
	.world__list-index .world__list-item figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 15px solid #041D41;
		z-index: 30;
		opacity: 0;
	}
	.world__list-index .world__list-item.active figure:after{
		opacity: 1;
	}
	.world__list-index .world__list-item.active .link__box-arrow{
		display: none;
	}

	.world__list-index .world__list-item:nth-child(n+3){
		margin-top: 40px;
	}
	.world__list-index .world__list-item figure .list-item_flag{
		width: 30px;
	}

/* stories
====================================================================*/
	
	.stories__list{
		position: relative;
		margin: 30px 16px 0;
		z-index: 50;		
	}
	.stories__list-index{
		margin: 30px 0 0;
	}
	.stories__list-index .stories__list-item + .stories__list-item{
		margin-top: 40px;
	}

	.stories__list-item figure{
		position: relative;
	}

/* top movies
====================================================================*/

	.movies__list{
		margin: 40px 0 0;
	}
	.movies__list-slide{
		margin: 0 15px;
	}
	.movies__list-item a{
		position: relative;
		display: block;
	}
	.movies__list-item figure{
		position: relative;
	}
	.movies__icon-play{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 56px;
		height: 56px;
		background: #1D1D1D;
		border-radius: 28px;
	}
	.movies__icon-play:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -9px 0 0 -9px;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 9px 16px;
		border-color: transparent transparent transparent #fff;
	}

/* movies index
====================================================================*/

	.movies__list-index{
		margin: 30px 0 0;
	}
	.movies__list-index .movies__list-item + .movies__list-item{
		margin-top: 40px;
	}


/* this-is-honda
====================================================================*/

	.this-is-honda-col__02{
		display: flex;
		padding: 25px 15px;
		align-items: center;
		background: #F4F4F4;
	}
	.this-is-honda-col__inner{
		width: 100%;
	}

/* contents-bnr
====================================================================*/


	.contents-bnr-col__02{
		display: flex;
		padding: 25px 15px;
		align-items: center;
		background: #242424;
	}
	.motor-contents__top .contents-bnr-col__02{
		background: #1D1D1D;
	}
	.contents-bnr-col__inner{
		width: 100%;
	}


/* top banner
====================================================================*/

	.banner__col{
		display: block;
		margin: auto;
		max-width: 1280px;
	}
	.banner__col + .banner__col{
		margin-top: 20px;
	}
	.banner__col figure{
		height: 100%;
	}
	.banner__col-inner--02{
		display: flex;
		padding: 25px 15px;
		align-items: center;
		background: #1D1D1D;
	}
	.banner__col-inner-box{
		width: 100%;
	}
	.banner__col .article-header h3 {
		line-height: 1.3;
	}

/* sec-header-counry
====================================================================*/

	.sec-header-counry{
		margin: 35px 0 0;
		display: flex;
		align-items: center;
		font-size: 20px;
	}
	.sec-header-counry img{
		width: 25px;
	}
	.sec-header-counry strong{
		margin: 0 0 0 12px;
	}


/* sec-header
====================================================================*/
	.sec-header{
		position: relative;
		margin: 0 0 35px;
	}
	.sec-header h2{
		font-size: 36px;
		color: #fff;
	}
	.sec-header p{
		margin: 10px 0 0;
		font-weight: bold;
		color: #fff;
		font-size: 16px;
	}

	.sec-header-top{
		position: relative;
		margin: 0 0 35px !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.sec-header-top h2{
		font-size: 36px;
		color: #fff;
		letter-spacing: 0.05em;
	}
	.sec-header-top p{
		margin: 20px 0 0;
		font-weight: bold;
		color: #fff;
	}
	.sec-header h2 span,
	.sec-header-top h2 span{
		position: relative;
		padding: 0 12px 0 0;
		margin: 0 0 10px;
		font-size: 20px;
		display: inline-block;
	}
	.sec-header h2 span:after,
	.sec-header-top h2 span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 1px;
		height: 20px;
		background: #fff;
		transform: rotate(20deg);
	}


	.sec{
		padding: 40px 15px;
	}
	.sec-full-w{
		padding: 80px 0;
	}
	.sec-full-wh{
		padding: 0;
	}
	.sec-inner{
		margin: auto;
		max-width: 1560px;
	}


	.sec:nth-child(even){
		background: #242424;
	}
	.article-header{
		color: #fff;		
	}
	.article-header--wh{
		color: #fff;
	}
	.article-header h3{
		position: relative;
		padding: 0 45px 0 0;
		display: inline-block;
		font-size: 18px;
		line-height: 1.3;
	}
	.article-header h3:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 36px;
		height: 1px;
		background: #1D1D1D;
	}
	.article-header h3:after{
		background: #1D1D1D;
	}
	.article-header--wh h3:after{
		background: #fff;
	}

	.article-header p{
		margin: 15px 0 0;
		font-weight: bold;
		line-height: 1.5;
	}
	.article-header .article-header__caution{
		display: block;
		margin: 5px 0 0;
		font-size: 12px;
		line-height: 1.5;
	}

	.sec-header + .article-col{
		margin-top: 35px;
	}
	.article-col + .article-col{
		margin-top: 50px;
	}

/* detail-header
====================================================================*/

	.detail-header{
		position: relative;
		padding: 30px 0;
		display: flex;
		justify-content: flex-end;
	}
	.detail-header h2{
		font-size: 14px;
		color: #fff;
	}
	.motor-detail__inner{
		margin: auto;
		padding: 0 15px 40px;
		max-width: 1280px;
	}
	.detail-pager{
		display: flex;
		justify-content: space-between;
		margin: 30px 0;
		position: relative;
		z-index: 50;
	}
	.detail-pager a{
		position: relative;
	}
	.detail-pager a.disabled{
		opacity: 0.2;
		cursor: default;
		
	}
	.detail-pager__bottom{
		margin: 30px 0 0;
		padding: 30px 0 0;
		border-top: 1px solid #CCC;
	}




/* button
====================================================================*/

	.button-link{
		position: relative;
		margin: 25px auto 0;
		width: 100%;
		max-width: 745px;
		z-index: 100;
	}
	.button-link a{
		position: relative;
		display: flex;
		height: 52px;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		text-align: center;
		font-size: 12px;
	}
	.button-link-s{
		position: relative;
		margin: 25px auto 0;
		width: 75%;
		z-index: 100;
	}
	.button-link-s a{
		position: relative;
		display: block;
		height: 50px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 50px;
	}


	.button-link__blank--bl a,
	.button-link--bl a{
		color: #fff;
		border: 1px solid #fff;
	}
	.button-link__blank--wh a,
	.button-link--wh a{
		color: #fff;
		background: #fff;
	}
	.button-link--bl a:after,
	.button-link--wh a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 15px;
		bottom: 0;
		width: 8px;
		height: 14px;
	}
	.button-link--bl a:after{
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}
	.button-link--wh a:after{
		background: url(../img/arrow_bl_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.button-link__blank--bl a:after,
	.button-link__blank--wh a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 15px;
		bottom: 0;
		width: 14px;
		height: 14px;
	}
	.button-link__blank--bl a:after{
		background: url(../img/icon_blank_wh.svg) 0 0 no-repeat;
		background-size: 100% 100%;		
	}

/* link__arrow
====================================================================*/

	.sec-header__link-r{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 110px;
		height: 30px;
		border: 1px solid #fff;
		font-size: 12px;
	}
	.sec-header__link-r:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 16px;
		bottom: 0;
		width: 6px;
		height: 12px;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	



	.link__arrow--r-jp,
	.link__arrow--l-jp{
		font-weight: bold;
	}

	.link__arrow--r,
	.link__arrow--r-jp{
		position: absolute;
		padding: 0 20px 0 0;
		top: 50%;
		right: 0;
		font-size: 14px;
		color: #fff;
		transform: translateY(-50%);
	}
	.link__arrow--l,
	.link__arrow--l-jp{
		position: absolute;
		padding: 0 0 0 20px;
		top: 50%;
		left: 0;
		font-size: 14px;
		color: #fff;
		transform: translateY(-50%);
	}

	.link__arrow--l:after,
	.link__arrow--r:after,
	.link__arrow--l-jp:after,
	.link__arrow--r-jp:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 8px;
		height: 14px;
	}
	.link__arrow--l:after,
	.link__arrow--l-jp:after{
		left: 0;
		background: url(../img/arrow_bl_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.link__arrow--r:after,
	.link__arrow--r-jp:after{
		right: 0;
		background: url(../img/arrow_bl_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}


	.link__box-arrow{
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #1D1D1D;
		z-index: 30;
	}
	.link__box-arrow:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left:  0;
		bottom: 0;
		right: 0;
		width: 6px;
		height: 12px;
		background: url(../img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.link__box-arrow--wh{
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #fff;
		z-index: 30;
	}
	.link__box-arrow--wh:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left:  0;
		bottom: 0;
		right: 0;
		width: 6px;
		height: 12px;
		background: url(../img/arrow_bl_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}




}


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


}




.sec{
	overflow: hidden;
}
.gw50th-history-col-detail-inner p{
	color: #fff;
}
.models__list-slide-box h3{
	color: #fff;
}
.stories__list h3{
	color: #fff;
}
.gw50th-statemant-txt{
	color: #fff;
}
.models__detail-text{
	color: #fff;
}