@charset "utf-8";

/* device
---------------------------------------------------------------------------*/
body#pc .sp_view { display: none !important; }
body#pc #nav-sp, body#pc #btn-nav-sp { display: none; }


/* base
---------------------------------------------------------------------------*/
html {
	min-width: 1000px;
	background-color: #202D40;
  background-image: linear-gradient(-180deg, #202D40 0%, #323F47 52%, #1B2C3D 98%);
}

body {
	min-width: 1000px;
	max-width: 100%;
	background-color: #202D40;
  background-image: linear-gradient(-180deg, #202D40 0%, #323F47 52%, #1B2C3D 98%);
	color: #FFFFFF;
	font-family: 'Helvetica Neue', 'HelveticaNeue-Medium', 'HelveticaNeue-Light', 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.noscroll { overflow-y: scroll; position: fixed; width: 100%; }

::-moz-selection { background: rgba(255,255,255,0.2); color: #FFFFFF; }
::selection { background: rgba(255,255,255,0.2); color: #FFFFFF; }
.clearfix:after { content: ''; display: block; clear:both; }


/* text
---------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	line-height: 1.45;
	letter-spacing: 0.02em;
}

p {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.04em;
}

.txt-s { font-size: 13px !important; letter-spacing: 0.12em; }

figcaption {
	padding-top: 8px;
	font-size: 13px;
	line-height: 1.45;
	letter-spacing: 0.05em;
}

.line-btm { display: inline; border-bottom: 1px solid rgba(255,255,255,0.5); }


/* font
---------------------------------------------------------------------------*/
#footer-global .copyright, #top-main-attention div {
	font-family: 'Helvetica Neue', 'HelveticaNeue-Medium', 'HelveticaNeue-Light', 'Roboto', sans-serif;
}

#title-page, #products-title h1 strong, .news-title-top h2 {
	font-family: 'HelveticaNeue-Light', 'Roboto', sans-serif;
	font-weight: 300;
}

#top-main-attention time, .news-other time {
	font-family: 'Roboto', sans-serif;
}

#top-main .title-sub, #products-main .title-sub, .products-contents h2 {
	font-family: 'Roboto Condensed', sans-serif;
}


/* lang:ja
------------------------------------*/
body:lang(ja) {
	font-family: 'Helvetica Neue', 'HelveticaNeue-Medium', 'Roboto', 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-size: 14px;
	font-feature-settings: 'palt' 1;
}

body:lang(ja) #title-page .category-select h2,
body:lang(ja) #top-main .link,
body:lang(ja) .news-list-top .link,
body:lang(ja) .nav-top,
body:lang(ja) .list-num dt i,
body:lang(ja) .news-article .news-title time,
body:lang(ja) .products-contents h3 strong,
body:lang(ja) .products-contents .platform,
body:lang(ja) .products-contents time,
body:lang(ja) .products-contents .link,
body:lang(ja) #products-main .link,
body:lang(ja) .products-detail .list-column3 h3 i,
body:lang(ja) .page-nav {
	font-family: 'Helvetica Neue', 'HelveticaNeue-Medium', 'HelveticaNeue-Light', 'Roboto', sans-serif;
}

body:lang(ja) #title-page strong {
	font-family: 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

body:lang(ja) h1,body:lang(ja) h2,body:lang(ja) h3,body:lang(ja) h4,body:lang(ja) h5,body:lang(ja) h6 {
	line-height: 1.6;
	letter-spacing: 0.12em;
}

body:lang(ja) p {
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: 0.12em;
}

body:lang(ja) figcaption {
	letter-spacing: 0.08em;
	font-size: 12px;
}

/* lang:ar
------------------------------------*/
body:lang(ar) {
  direction: rtl;
  font-family: 'Helvetica Neue', 'HelveticaNeue-Medium', -apple-system, BlinkMacSystemFont, 'Noto Kufi Arabic', sans-serif;
}

body:lang(ar) #top-main .title-sub,
body:lang(ar) .news-title-top h2,
body:lang(ar) #title-page,
body:lang(ar) #products-main .title-sub,
body:lang(ar) .products-contents h2 {
  font-family: 'Helvetica Neue', 'HelveticaNeue-Medium', -apple-system, BlinkMacSystemFont, 'Noto Kufi Arabic', sans-serif;
}

body:lang(ar) .locale-window,
body:lang(ar) .bnr-wrap,
body:lang(ar) .slider-wrap,
body:lang(ar) #colorbox {
	direction: ltr;
}


/* link
---------------------------------------------------------------------------*/
a { color: #FFFFFF; text-decoration: none; transition: .15s linear; -webkit-transform: translateZ(0); }
a:hover { color: #FFFFFF;  text-decoration: none; opacity: 0.5; }
p a { text-decoration: underline; }
p a:hover { text-decoration: underline; }

.thum-link a:hover, a.modal-img:hover { opacity: 1; }
.thum-link a img, a.modal-img img { width: 100%; height: auto; transition: .2s linear; -webkit-transform: perspective(0); }
.thum-link a:hover img, a.modal-img:hover img { opacity: 0.5; }


/* wrap
---------------------------------------------------------------------------*/
#wrap {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #202D40;
  background-image: linear-gradient(-180deg, #202D40 0%, #323F47 50%, #1B2C3D 100%);
	width: 100%;
	height: 100%;
	min-height: 100%;
	z-index: 999999;
}

#wrap-gradient {
	background-color: #202D40;
  background-image: linear-gradient(-180deg, #202D40 0%, #323F47 50%, #1B2C3D 100%);
	padding-bottom: 10px;
}

body.news #wrap-gradient.has-img { padding-top: 65px; }
body.products #wrap-gradient.has-img { padding-top: 30px; }


/* header
---------------------------------------------------------------------------*/
#header-global {
	background-color: #202D40;
	width: 100%;
	height: 215px;
	margin: 0;
	padding: 0;
}

body.top #header-global {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	height: auto;
	z-index: 999;
}

#header-global .inner {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 37px 0 145px;
}

body.top #header-global .inner {
	padding: 90px 0 0;
}

#header-global .logo-gt {
	position: absolute;
	top: 36px;
	left: 35px;
	width: 58px;
}

body.top #header-global .logo-gt {
	top: 28px;
	left: 35px;
}

#header-global .logo-gt img { width: 100%; height: auto; }

/* lang:ar
------------------------------------*/
body:lang(ar) #header-global .logo-gt { right: 35px; }
body:lang(ar) body.top #header-global .logo-gt { right: 35px; }


/* #header-user
--------------------------------------------------------*/
body.top #header-user {
	top: 33px;
	right: 35px;
}

/* lang:ar
------------------------------------*/
body:lang(ar).top #header-user { left: 35px; right: inherit; }


/* nav
---------------------------------------------------------------------------*/
#header-nav {
	overflow: hidden;
	position: absolute;
	top: 40px;
	left: 165px;
}

body.top #header-nav {
	top: 30px;
	left: 135px;
}

#nav-global {
	font-family: 'HelveticaNeue-Medium', 'Roboto', sans-serif;
	font-weight: 500;
	float: left;
	margin: 8px 0 0;
}

#nav-global ul { overflow: hidden; }
#nav-global li { float: left; }

#nav-global li a {
	display: block;
	padding: 0 6px;
}

#nav-global li a span {
	position: relative;
	display: block;
	padding: 0 0 4px 1px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

#nav-global li a span:after {
	overflow: hidden;
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #FFFFFF;
	width: 0;
	height: 1px;
	transition: .15s ease-out;
}

body.products_gt7 #nav-products_gt7 a span:after,
body.products_gt7 #nav-products_gt7 a span:hover:after,
body.gtsport #nav-gtsport a span:after,
body.gtsport #nav-gtsport a span:hover:after,
body.news #nav-news a span:after,
body.news #nav-news a span:hover:after,
body.products #nav-products a span:after,
body.products #nav-products a span:hover:after,
body.academy #nav-academy a span:after,
body.academy #nav-academy a span:hover:after,
body.vgt #nav-vgt a span:after,
body.vgt #nav-vgt a span:hover:after {
	width: 100%;
	opacity: 1;
	animation: inherit;
}

/* desktop only
------------------------------------*/
html.desktop #nav-global li a:hover { opacity: 1; }
html.desktop #nav-global li a:hover span:after { width: 100%; }

/* lang:ar
------------------------------------*/
body:lang(ar) #header-nav { left: inherit; right: 165px; }
body:lang(ar).top #header-nav { left: inherit; right: 135px; }
body:lang(ar) #nav-global{ font-family: 'Helvetica Neue', 'HelveticaNeue-Medium', -apple-system, BlinkMacSystemFont, 'Noto Kufi Arabic', sans-serif;}
body:lang(ar) #nav-global,
body:lang(ar) #nav-global li { float: right; }
body:lang(ar) #nav-global li a span { padding: 0 1px 4px 0; }
body:lang(ar) #nav-global li a span:after { left: inherit; right: 0; transform-origin: 100% 0%; }


/* .sns-list
--------------------------------------------------------*/
.sns-list { overflow: hidden; }
#header-global .sns-list { display: inline-block; padding: 1px 0 0 32px; }
#footer-global .sns-list { margin: 0 0 28px -2px; }

.sns-list li { float: left; }
#header-global .sns-list li { margin-right: 10px; }
#footer-global .sns-list li { margin-right: 4px; }
.sns-list li img { width: 31px; height: 31px; }

/* lang:ar
------------------------------------*/
body:lang(ar) #header-global .sns-list { padding-right: 32px; padding-left: 32px; }
body:lang(ar) #footer-global .sns-list { margin-right: -2px; margin-left: 0; }
body:lang(ar) .sns-list li { float: right; }
body:lang(ar) #header-global .sns-list li { margin-right: 0; margin-left: 10px; }
body:lang(ar) #footer-global .sns-list li { margin-right: 0; margin-right: 4px; }

/* #header-global - media query
-----------------------------------*/
@media (max-width: 1199px) {
	#header-nav,
	body.top #header-nav { left: 11.5%; }
	#nav-global { margin-top: 10px; }
	#nav-global li a { padding: 0 5px; font-size: 15px; }
	#header-global .sns-list { padding: 3px 0 0 14px; }
	#header-global .sns-list li { margin-right: 3px; }
	.sns-list li img { width: 28px; height: 28px; }
	#header-user,
	body.top #header-user { right: 25px; }
	#user-alert { margin-left: 14px; }
	#user-lang { margin-left: 4px; }
	body:lang(ar) #header-nav,
	body:lang(ar).top #header-nav { right: 11.5%; }
	body:lang(ar) #header-global .sns-list { padding: 0px 6px 0 0; right: calc(5.5% + 53px); }
	body:lang(ar) #header-global .sns-list li { margin-left: 3px; }
	body:lang(ar) #header-user { left: 30px; }
	body:lang(ar) #user-alert { margin-right: 14px; }
	body:lang(ar) #user-lang { margin-right: 4px; }
}


/* footer
---------------------------------------------------------------------------*/
#footer-global {
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	background: #1B2C3D url(https://www.gran-turismo.com/common/front/img/global/logo-gt-footer.svg) no-repeat right -48px bottom -77px;
	background-size: 568px 350px;
	width: 100%;
	min-width: 1000px;
	min-height: 350px;
	padding: 120px 42px 40px;
}

#footer-global .logo-pdi {
	margin-bottom: 30px;
}

#footer-global ul { overflow: hidden; }
#footer-global li { float: left; }
#footer-global li a { display: block; }

#nav-footer { margin: 0 0 18px -2px; }
#nav-footer li { margin-right: 24px; }

#nav-footer li a {
	display: block;
	position: relative;
	font-size: 14px;
	letter-spacing: 0.06em;
}

#nav-footer li a:after {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	right: -11px;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow-s.svg) no-repeat;
	width: 5px;
	height: 6px;
	opacity: 0.7;
}

.link-footer {
	margin: 0 0 18px;
}

.link-footer li {
	height: 20px;
	margin-right: 16px;
}

.link-footer li:first-of-type { margin-top: 2px; }
.link-footer li:nth-of-type(1) img { width: 102px; height: 20px; }
.link-footer li:nth-of-type(2) img { width: 164px; height: 20px; }

#footer-global .rating {
	position: absolute;
	bottom: 43px;
	left: 558px;
}

#footer-global .copyright {
	display: block;
	width: 500px;
	font-size: 10px;
	line-height: 1.35;
	letter-spacing: 0.02em;
}

#footer-global .logo-gt-type {
	display: block;
	position: absolute;
	bottom: 35px;
	right: 30px;
	width: 185px;
	height: auto;
}

#footer-global .logo-gt-type a { display: block; }

/* lang:ar
------------------------------------*/
body:lang(ar) #footer-global { background-position: left -48px bottom -77px; }
body:lang(ar) #footer-global li { float: right; }
body:lang(ar) #nav-footer ul { margin-right: 5px; }
body:lang(ar) #nav-footer li { margin-right: 0; margin-left: 24px; }
body:lang(ar) #nav-footer li a:after {
	left: -11px;
	right: inherit;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
body:lang(ar) .link-footer li { margin-right: 0; margin-left: 16px; }
body:lang(ar) #footer-global .logo-gt-type { right: inherit; left: 40px; }


/* contents
---------------------------------------------------------------------------*/
#contents-main {
	position: relative;
	width: 1120px;
	min-width: 1000px;
	margin: 0 auto;
}

/* #contents-main - media query
-----------------------------------*/
@media (max-width: 1199px) {
	#contents-main {
		box-sizing: border-box;
		width: 100%;
		padding: 0 40px;
	}
}

#contents-s {
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
	padding-right: 60px;
}

/* .txt-link .link-list
--------------------------------------------------------*/
.link-list li {
	margin-bottom: 2px;
	padding-left: 32px;
}

.link-list li:last-of-type { margin-bottom: 0; }

.txt-link { padding-left: 32px; }
.txt-link-right { padding-right: 32px; }

.txt-link a,
.txt-link-right a,
.txt-link-right-span span,
.link-list li a {
	position: relative;
	display: inline;
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0.05em;
}

.txt-link a:before,
.txt-link-right a:before,
.txt-link-right-span span:before,
.link-list li a:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: -32px;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow.svg) no-repeat;
	background-size: 20px 10px;
	width: 20px;
	height: 10px;
	margin-top: -5px;
	transition: .1s ease-in-out;
}

.txt-link-right a:before,
.txt-link-right-span span:before {
	left: inherit;
	right: -28px;
}

.txt-link a:hover:before,
.txt-link-right a:hover:before,
.txt-link-right-span a:hover span:before,
.link-list li a:hover:before {
	-webkit-transform: translateX(6px);
	-ms-transform: translateX(6px);
	transform: translateX(6px);
}

/* lang:ja
------------------------------------*/
body:lang(ja) .link-list li { margin-bottom: 5px; }
body:lang(ja) .txt-link a, body:lang(ja) .link-list li a { letter-spacing: 0.1em; }

/* lang:ar
------------------------------------*/
body:lang(ar) .link-list li { padding-right: 32px; padding-left: 0; }
body:lang(ar) .txt-link { padding-right: 32px; padding-left: 0; }
body:lang(ar) .txt-link-right,
body:lang(ar) .txt-link-right-span { padding-right: 0; padding-left: 32px; }
body:lang(ar) .txt-link a:before,
body:lang(ar) .txt-link-right a:before,
body:lang(ar) .txt-link-right-span span:before,
body:lang(ar) .link-list li a:before {
	left: inherit;
	right: -32px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
body:lang(ar) .txt-link-right a:before,
body:lang(ar) .txt-link-right-span span:before { left: -28px; right: inherit; }
body:lang(ar) .txt-link a:hover:before,
body:lang(ar) .txt-link-right a:hover:before,
body:lang(ar) .txt-link-right-span a:hover span:before,
body:lang(ar) .link-list li a:hover:before {
	-webkit-transform: translateX(-6px) scaleX(-1);
	-ms-transform: translateX(-6px) scaleX(-1);
	transform: translateX(-6px) scaleX(-1);
}


/* .btn-link
--------------------------------------------------------*/
.btn-link {
	margin-bottom: 60px;
}

.btn-link a {
	display: block;
	background-color: rgba(255,255,255,0.1);
	box-shadow: 0 3px 2px rgba(255,255,255,0.05) inset;
	border-radius: 4px;
	box-sizing: border-box;
	margin-bottom: 13px;
	padding: 16px;
	text-align: center;
	line-height: 1.8;
}
.btn-link a:last-of-type { margin-bottom: 0; }

.btn-link a span {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.btn-link-column2 {	overflow: hidden; }
.btn-link-column2 a {
	float: left;
	width: 49.5%;
	margin: 0 1% 1% 0;
}
.btn-link-column2 a:nth-of-type(even) { margin-right: 0; }

/* lang:ja
------------------------------------*/
body:lang(ja) .btn-link a { padding-top: 15px; padding-bottom: 18px; }
body:lang(ja) .btn-link a span { letter-spacing: 0.1em; }

/* lang:ar
------------------------------------*/
body:lang(ar) .btn-link-column2 a { float: right; margin-right: 0; margin-left: 1%; }
body:lang(ar) .btn-link-column2 a:nth-of-type(even) { margin-left: 0; }


/* .btn-index
--------------------------------------------------------*/
.btn-index a {
	position: relative;
	padding: 0 0 0 35px;
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.btn-index a:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-index.svg) no-repeat;
	background-size: 18px 14px;
	width: 18px;
	height: 14px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* lang:ja
------------------------------------*/
body:lang(ja) .btn-index a { font-size: 16px; letter-spacing: 0.15em; }
body:lang(ja) .btn-index a:before { margin-top: 1px; }

/* lang:ar
------------------------------------*/
body:lang(ar) .btn-index a { padding-right: 35px; padding-left: 0; }
body:lang(ar) .btn-index a:before { left: inherit; right: 0; }


/* .btn-movie-thum
--------------------------------------------------------*/
.btn-movie-thum a {
	display: block;
	position: relative;
}

.btn-movie-thum a:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(../png/btn-movie-thum.png) no-repeat;
	background-size: 80px 80px;
	width: 80px;
	height: 80px;
	z-index: 1;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: .15s linear;
}

.btn-movie-thum a:hover:before { opacity: 0.5; }

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.btn-movie-thum a:before { background-image: url(../png/btn-movie-thum%402x.png); }
}

/* .btn-movie-thum - media query
-----------------------------------*/
@media (max-width: 1199px) {
	.btn-movie-thum a:before { background-size: 60px 60px; width: 60px; height: 60px; }
}


/* .thum-none
--------------------------------------------------------*/
.thum-none {
	position: relative;
	display: block;
	background-color: rgba(255,255,255,0.1);
}

.thum-none:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(https://www.gran-turismo.com/common/front/img/global/logo-gt.svg) no-repeat;
	background-size: 58px 38px;
	width: 58px;
	height: 38px;
	margin-top: 2px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0.2;
}


/* title
--------------------------------------------------------*/
#title-page {
	margin: 0 0 110px;
	font-size: 38px;
	font-weight: 300;
	letter-spacing: 0.04em;
/* 	font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'HelveticaNeue-Medium', 'Roboto', sans-serif; */
}

#title-page strong {
	display: block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
}


/* .news-list
--------------------------------------------------------*/
.news-list { overflow: hidden; }

.news-list li {
	float: left;
	width: 33.3%;
	margin: 0 0 40px;
}
.news-list li:last-of-type { margin: 0; }

.news-list li figure a {
	display: block;
	overflow: hidden;
	background: #000000;
}

.news-list li .inner { padding: 35px 28px 40px; }
.news-list li:nth-of-type(odd) .inner { background-color: rgba(255,255,255,0.1); }
.news-list li:nth-of-type(even) .inner { background-color: rgba(0,0,0,0.1); }

.news-list li .category, .news-list-top li .category {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.news-list li .category a, .news-list-top li .category a {
	position: relative;
	display: inline-block;
	margin-bottom: 6px;
	white-space: nowrap;
}

.news-list li .category a:last-of-type,
.news-list-top li .category a:last-of-type { margin-right: 12px; }

.news-list li .category a:last-of-type:after {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	right: -15px;
	background: #FFFFFF;
	width: 14px;
	height: 1px;
	-webkit-transform: rotate(-75deg);
	-ms-transform: rotate(-75deg);
	transform: rotate(-75deg);
	opacity: 0.5;
}

.news-list li time, .news-list-top li time {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.news-list li h2 {
	margin-bottom: 15px;
	padding-top: 8px;
	font-size: 17px;
	line-height: 1.4;
	letter-spacing: 0.03em;
}

.news-list li .category a:hover,
.news-list-top li .category a:hover,
.news-list li h2 a:hover,
.news-list-top li h2 a:hover { opacity: 0.5; }

.news-list li p {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .news-list li .category { letter-spacing: 0.08em; }
body:lang(ja) .news-list li h2 {
	margin-bottom: 18px;
	padding-top: 7px;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.08em;
}
body:lang(ja) .news-list li p {
	font-size: 13px;
	line-height: 1.65;
	letter-spacing: 0.04em;
	text-align: justify;
}
body:lang(ja) .news-list li .category a:last-of-type:after { right: -14px; }

/* lang:ar
------------------------------------*/
body:lang(ar) .news-list li .category a:last-of-type,
body:lang(ar) .news-list-top li .category a:last-of-type { margin-right: 0; margin-left: 12px; }
body:lang(ar) .news-list li { float: right; }
body:lang(ar) .news-list li .category a:last-of-type,
body:lang(ar) .news-list-top li .category a:last-of-type { margin-right: 0; margin-left: 12px; }
body:lang(ar) .news-list li .category a:last-of-type:after { left: -15px; right: inherit; }

body:lang(ar) .news-list li p {
  font-size: 13px;
}

/* .news-list - media query
-----------------------------------*/
@media (max-width: 1199px) {
	.news-list li { width: 50%; }
	.news-list li:nth-child(4n) .inner,
	.news-list li:nth-child(4n+1) .inner { background-color: rgba(255,255,255,0.1); }
	.news-list li:nth-child(4n-1) .inner,
	.news-list li:nth-child(4n-2) .inner { background-color: rgba(0,0,0,0.1); }
}


/* .list-num
--------------------------------------------------------*/
.list-num dt {
	position: relative;
	margin-bottom: 12px;
}

.list-num dt h3 {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.15em;
}

.list-num dt i {
	position: absolute;
	top: 1px;
	left: -70px;
}

.list-num dd {
	position: relative;
	margin: 0 0 40px;
}
.list-num dd:last-of-type { margin-bottom: 0; }
.list-num dd p { font-size: 14px; }


/* .list-num-s
--------------------------------------------------------*/
.list-num-s {
	margin-top: 25px;
}

.list-num-s li {
	position: relative;
	margin-bottom: 10px;
	padding: 0 0 0 25px;
	font-size: 13px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.15em;
}
.list-num-s li:last-of-type { margin-bottom: 0; }

.list-num-s li i {
	position: absolute;
	top: 0;
	left: 0;
}

.list-num-s li p {
	font-size: 13px;
	line-height: 2;
	letter-spacing: 0.1em;
}


/* .list-dot
--------------------------------------------------------*/
.list-dot, .list-dot-s {
	margin-left: 5px;
}

.list-dot li p, .list-dot-s li p {
	position: relative;
	padding-left: 20px;
}

.list-dot li p {
	margin-bottom: 8px;
	line-height: 1.5;
}

.list-dot li p:before, .list-dot-s li p:before {
	display: block;
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
.list-dot li p:before { top: 3px; }

/* lang:ja
------------------------------------*/
body:lang(ja) .list-dot li p { margin-bottom: 7px; line-height: 1.7; }

/* lang:ar
------------------------------------*/
body:lang(ar) .list-dot,
body:lang(ar) .list-dot-s { margin-right: 5px; margin-left: 0; }
body:lang(ar) .list-dot li p,
body:lang(ar) .list-dot-s li p { padding-right: 25px; padding-left: 0; }
body:lang(ar) .list-dot li p:before,
body:lang(ar) .list-dot-s li p:before { left: inherit; right: 0; }


/* .list-attention
--------------------------------------------------------*/
.list-attention li p {
	margin-bottom: 0;
	font-size: 13px;
}


/* .section-txt
--------------------------------------------------------*/
.section-txt {
	margin-bottom: 75px;
	padding-left: 70px;
}

.section-txt .section-title {
	margin: 0 0 30px -70px;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.12em;
}

.section-txt p {
	margin-bottom: 10px;
	text-align: justify;
}

.section-txt p.txt-s {
	margin-top: 18px;
}

.section-txt .list-num .txt-left {
	margin: 0 0 0 -70px;
}

.section-txt h4 {
	margin: 55px 0 35px;
	font-size: 14px;
	letter-spacing: 0.15em;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .section-txt p { text-align: justify; }


/* .table-common
--------------------------------------------------------*/
.table-common {
	width: 100%;
	margin-bottom: 30px;
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.table-common th {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 0 20px 10px;
	font-weight: 500;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	letter-spacing: 0.2em;
}
.table-common tr th:first-of-type { padding-right: 30px; }

.table-common td {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 15px 20px;
}


/* #slider
--------------------------------------------------------*/
.slider-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.slider-bnr, #slider-products {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.bx-wrapper { width: 100% !important; max-width: 100% !important; }
.bx-viewport { overflow: inherit !important; }

.bx-prev, .bx-next {
	display: block;
	position: absolute;
	top: auto;
	background: url(https://www.gran-turismo.com/common/front/img/global/btn-slide.svg) no-repeat 1px 1px;
	background-size: 54px 54px;
	width: 56px;
	height: 56px;
	text-indent: -9999px;
	z-index: 999;
}

.bx-prev { left: 30px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
.bx-next { right: 30px; }

/* lang:ar
------------------------------------*/
body:lang(ar) .bx-prev { left: inherit; right: 30px; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
body:lang(ar) .bx-next { left: 30px; right: inherit; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }


/* page - top
---------------------------------------------------------------------------*/
/* ▼▼▼▼▼ 追加：スライドショー ▼▼▼▼▼ */
body.top .header-user {
	top: 33px;
	right: 33px;
}

#top-main-wrap {
	position: relative;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	min-height: 100vh;
}
/* ▲▲▲▲▲ 追加：スライドショー ▲▲▲▲▲ */

#top-main {
	position: relative;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	min-height: 100vh;
	opacity: 0;
}

/* ▼▼▼▼▼ 変更（class名のみ）：スライドショー ▼▼▼▼▼ */
#top-main .slide-inner.black, #top-main .slide-inner.black a, #top-main .slide-inner.black h1 {
	color: #000000 !important;
}
/* ▲▲▲▲▲ 変更（class名のみ）：スライドショー ▲▲▲▲▲ */

/* ▼▼▼▼▼ 追加：スライドショー ▼▼▼▼▼ */
#top-main .slide-inner {
	position: relative;
}
/* ▲▲▲▲▲ 追加：スライドショー ▲▲▲▲▲ */

/* ▼▼▼▼▼ 変更（class名のみ）：スライドショー ▼▼▼▼▼ */
#top-main .slide-inner.shadow-top:before,
#top-main .slide-inner.shadow-both:before,
#top-main .slide-inner.shadow-btm:after,
#top-main .slide-inner.shadow-both:after,
#top-main .slide-inner.black:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 365px;
	z-index: 10;
}

#top-main .slide-inner.shadow-top:before,
#top-main .slide-inner.shadow-both:before {
	top: 0; background-image: linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.00) 85%);
}
#top-main .slide-inner.shadow-btm:after,
#top-main .slide-inner.shadow-both:after {
	bottom: 0; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.42) 85%);
}
#top-main .slide-inner.black:before {
	background-color: rgba(0,0,0,0.3); background-image: none; height: 92px;
}
/* ▲▲▲▲▲ 変更（class名のみ）：スライドショー ▲▲▲▲▲ */

#top-main figure {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 100vh;
}

#top-main figure.img-test1 { background-image: url(../img-main1.html); }
#top-main figure.img-test2 { background-image: url(../img-main2.html); }
#top-main figure.img-test3 { background-image: url(../img-main3.html); }
#top-main figure.img-test4 { background-image: url(../img-main4.html); }

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#top-main figure.img-test1 { background-image: url(../img-main1%402x.html); }
	#top-main figure.img-test2 { background-image: url(../img-main2%402x.html); }
	#top-main figure.img-test3 { background-image: url(../img-main3%402x.html); }
	#top-main figure.img-test4 { background-image: url(../img-main4%402x.html); }
}

#top-main figure img { display: none; }

#top-main figure a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	z-index: 11;
}

#top-main .inner {
	position: absolute;
	bottom: 10%;
	left: 6%;
	box-sizing: border-box;
	z-index: 12;
	opacity: 0;
}

/* ▼▼▼▼▼ 変更：スライドショー ▼▼▼▼▼ */
#top-main .slide-inner.left .inner { bottom: 10%; left: 6%; }
#top-main .slide-inner.center .inner { bottom: 10%; left: 0; width: 100%; text-align: center; }
#top-main .slide-inner.right .inner { bottom: 10%; right: 6%; text-align: right; }
/* ▲▲▲▲▲ 変更：スライドショー ▲▲▲▲▲ */

#top-main .logo {
	width: 310px;
	margin: 0 0 35px -10px;
}

/* ▼▼▼▼▼ 変更（class名のみ）：スライドショー ▼▼▼▼▼ */
#top-main .slide-inner.center .logo { margin: 0 auto 25px; }
#top-main .slide-inner.right .logo { float: right; }
/* ▲▲▲▲▲ 変更（class名のみ）：スライドショー ▲▲▲▲▲ */

#top-main .logo img { width: 100%; height: auto; }

#top-main .title-sub {
	clear: both;
	margin: 0 0 12px;
	font-size: 16px;
	letter-spacing: 0.12em;
}

#top-main .title-main {
	clear: both;
	margin: 0;
	font-size: 70px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}

#top-main .link {
	margin: 25px 0 0 2px;
	opacity: 0;
}

/* ▼▼▼▼▼ 変更（class名のみ）：スライドショー ▼▼▼▼▼ */
#top-main .slide-inner.right .link { margin-right: 2px; }
/* ▲▲▲▲▲ 変更（class名のみ）：スライドショー ▲▲▲▲▲ */

#top-main .link a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 55px;
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

#top-main .link a:before {
	display: block;
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow.svg) no-repeat;
	background-size: 34px 19px;
	width: 34px;
	height: 19px;
	transition: .1s ease-out;
}

/* ▼▼▼▼▼ 変更（class名のみ）：スライドショー ▼▼▼▼▼ */
#top-main .slide-inner.black .link a:before { background-image: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow-black.svg); }
/* ▲▲▲▲▲ 変更（class名のみ）：スライドショー ▲▲▲▲▲ */

#top-main .link a:hover:before {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}

/* ▼▼▼▼▼ 追加：スライドショー ▼▼▼▼▼ */
/* .bx-controls
------------------------------------*/
#top-main-wrap .bx-controls {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	opacity: 0;
}

#top-main-wrap .bx-pager-item {
	display: inline-block;
}

#top-main-wrap .bx-pager-item a {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
}

#top-main-wrap .bx-pager-item a:before {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	background: rgba(220,220,220,0.4);
	border-radius: 50%;
	width: 8px;
	height: 8px;
	transition: .15s linear;
}

#top-main-wrap .bx-pager-item a:hover {
	opacity: 1;
}

#top-main-wrap .bx-pager-item a:hover:before,
#top-main-wrap .bx-pager-item a.active:before {
	background: rgba(220,220,220,1);
}
/* ▲▲▲▲▲ 追加：スライドショー ▲▲▲▲▲ */

/* lang:ja
------------------------------------*/
body:lang(ja) #top-main .title-main {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-feature-settings: 'palt' 1;
}

/* lang:ar
------------------------------------*/
/* ▼▼▼▼▼ 変更（class名のみ）：スライドショー ▼▼▼▼▼ */
body:lang(ar) #top-main .slide-inner.left .inner { right: 6%; left: inherit; }
/* ▲▲▲▲▲ 変更（class名のみ）：スライドショー ▲▲▲▲▲ */
body:lang(ar) #top-main .link a { padding-right: 55px; padding-left: 0; }
body:lang(ar) #top-main .link a:before {
	left: 0;
	right: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
body:lang(ar) #top-main .link a:hover:before {
	-webkit-transform: translateX(-10px) scaleX(-1);
	-ms-transform: translateX(-10px) scaleX(-1);
	transform: translateX(-10px) scaleX(-1);
}


/* #top-main-attention
--------------------------------------------------------*/
#top-main-attention {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	background: #2E3641;
	width: 100%;
	min-width: 1000px;
	min-height: 50px;
	padding: 15px 0 15px 200px;
	z-index: 999;
}

#top-main-attention:before {
	display: block;
	content: '';
	position: absolute;
	top: 13px;
	left: 16px;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-attention.svg) no-repeat;
	background-size: 26px 26px;
	width: 26px;
	height: 26px;
}

#top-main-attention div {
	position: absolute;
	top: 18px;
	left: 55px;
	color: #C4C1B1;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	opacity: 0;
}

#top-main-attention div strong {
	padding: 0 6px;
	font-weight: 500;
}

#top-main-attention div span {
	letter-spacing: 0.04em;
}

#top-main-attention ul { opacity: 0; }

#top-main-attention li {
	position: relative;
	margin-bottom: 8px;
	padding: 0 20px 0 90px;
}
#top-main-attention li:last-of-type { margin-bottom: 0px; }

#top-main-attention time {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 15px;
	letter-spacing: 0.02em;
}

#top-main-attention a {
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-decoration: none;
}

@media all and (-ms-high-contrast:none){
	#top-main-attention time { top: 4px; }
}
@-moz-document url-prefix() {
	#top-main-attention time { top: 4px; }
}

/* lang:ja
------------------------------------*/
body:lang(ja) #top-main-attention a { padding-top: 1px; font-size: 14px; letter-spacing: 0.08em; }

/* lang:ar
------------------------------------*/
body:lang(ar) #top-main-attention { padding-left: 0; padding-right: 200px; }
body:lang(ar) #top-main-attention:before { left: inherit; right: 16px; }
body:lang(ar) #top-main-attention div { left: inherit; right: 55px; }
body:lang(ar) #top-main-attention li { padding: 0 90px 0 20px; }
body:lang(ar) #top-main-attention time { left: inherit; right: 0; }


/* .top-contents
--------------------------------------------------------*/
.top-contents {
	box-sizing: border-box;
	width: 100%;
	min-width: 1000px;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 60px;
}


/* #bnr-top
--------------------------------------------------------*/
.bnr-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto 80px;
	padding-top: 70px;
}

.slider-bnr { margin-left: -240px; }
.bnr-wrap .bx-prev, .bnr-wrap .bx-next { top: 175px; }

#bnr-top {
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
}

#bnr-top li {
	float: left;
	box-sizing: border-box;
	width: 460px;
	height: auto;
	padding: 0 10px;
}

#bnr-top li a {
	display: block;
	width: 100%;
	height: 100%;
}

#bnr-top li figure {
	background-color: #000000;
}

#bnr-top li figure img {
	width: 100%;
	height: auto;
	transition: .15s linear;
}

#bnr-top li h2 {
	position: relative;
	display: inline-block;
	margin: 14px 10px 0 0;
	padding-right: 30px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.04em;
	transition: .15s linear;
	font-feature-settings: 'pkna' 0;
}

#bnr-top li h2:before {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	right: 0;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow.svg) no-repeat;
	background-size: 20px 10px;
	width: 20px;
	height: 10px;
	transition: .1s ease-in-out;
}

#bnr-top li a:hover h2:before {
	-webkit-transform: translateX(6px);
	-ms-transform: translateX(6px);
	transform: translateX(6px);
}

#bnr-top li a:hover { opacity: 1; }
#bnr-top li a:hover figure img, #bnr-top li a:hover h2 { opacity: 0.5; }

/* .not-slider
------------------------------------*/
#bnr-top.not-slider {
	box-sizing: border-box;
	max-width: 1400px;
	padding: 0 60px;
}

#bnr-top.not-slider li {
	width: 49%;
	margin-right: 2%;
	padding: 0;
}

#bnr-top.not-slider li:last-of-type { margin-right: 0; }

/* lang:ja
------------------------------------*/
body:lang(ja) #bnr-top li h2 { font-size: 16px; font-weight: 500; line-height: 1.5; }
body:lang(ja) #bnr-top li h2:before { top: 7px; }

/* lang:ar
------------------------------------*/
body:lang(ar) #bnr-top li { direction: rtl; float: right !important; text-align: right; }
body:lang(ar) #bnr-top li h2 { margin-right: 0; margin-left: 10px; padding-right: 0; padding-left: 30px; }
body:lang(ar) #bnr-top li h2:before {
	left: 0;
	right: inherit;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
body:lang(ar) #bnr-top li a:hover h2:before {
	-webkit-transform: translateX(-6px) scaleX(-1);
	-ms-transform: translateX(-6px) scaleX(-1);
	transform: translateX(-6px) scaleX(-1);
}


/* .news-top
--------------------------------------------------------*/
.news-top {
	margin-bottom: 100px;
}

.news-title-top {
	overflow: hidden;
	margin-bottom: 22px;
}

.news-title-top h2 {
	display: inline-block;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: 0.02em !important;
}

.news-title-top .txt-link-right {
	display: inline-block;
	margin-left: 20px;
	font-size: 12px;
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
	white-space: nowrap;
}

.news-list-top { overflow: hidden; }

.news-list-top li {
	float: left;
	display: -webkit-box;
	display: flex;
	width: 31%;
	margin: 4% 3.5% 0 0;
}

.news-list-top li:nth-of-type(1),
.news-list-top li:nth-of-type(2),
.news-list-top li:nth-of-type(3) { margin-top: 0; }
.news-list-top li:nth-of-type(3n) { margin-right: 0; }

.news-list-top .img-wrap {
	width: 40%;
}

.news-list-top figure {
	box-sizing: border-box;
	background: #000000;
}

.news-list-top figure img { width: 100%; height: auto; }

.news-list-top .inner {
	box-sizing: border-box;
	width: 60%;
	padding-left: 22px;
}

.news-list-top li .category a {
	margin-bottom: 4px;
	font-size: 12px;
	letter-spacing: 0.09em;
}

.news-list-top li time {
	display: block;
	margin: 1px 0 10px;
	font-size: 11px;
}

.news-list-top h3 {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.4 !important;
	letter-spacing: 0.04em;
	font-weight: 500;
}

.news-list-top { overflow: hidden; }

.news-list-top .link {
	position: relative;
	display: inline-block;
	padding: 0 30px 7px 0;
	font-size: 14px;
	letter-spacing: 0.08em;
}

.news-list-top .link:before {
	display: block;
	content: '';
	position: absolute;
	top: 2px;
	right: 0;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow.svg) no-repeat;
	background-size: 20px 12px;
	width: 20px;
	height: 12px;
	transition: .1s ease-out;
}

.news-list-top .link:hover:before {
	-webkit-transform: translateX(6px);
	-ms-transform: translateX(6px);
	transform: translateX(6px);
}

/* lang:ja
------------------------------------*/
body:lang(ja) .news-title-top .txt-link-right { font-weight: 500; }
body:lang(ja) .news-list-top li time {
  margin: 2px 0 12px;
	font-family: 'Helvetica Neue', 'HelveticaNeue-Medium', 'HelveticaNeue-Light', 'Roboto', sans-serif;
}

/* lang:ar
------------------------------------*/
body:lang(ar) .news-title-top .txt-link-right { margin-right: 20px; }
body:lang(ar) .news-list-top li { float: right; margin-right: 0; margin-left: 3.5%; }
body:lang(ar) .news-list-top li:nth-of-type(3n) { margin-left: 0; }
body:lang(ar) .news-list-top .inner { padding-right: 22px; padding-left: 0; }
body:lang(ar) .news-list-top .link { padding-right: 0; padding-left: 30px; }
body:lang(ar) .news-list-top .link:before {
	right: inherit;
	left: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
body:lang(ar) .news-list-top .link:hover:before {
	-webkit-transform: translateX(-6px) scaleX(-1);
	-ms-transform: translateX(-6px) scaleX(-1);
	transform: translateX(-6px) scaleX(-1);
}

/* .news-list-top - media query
-----------------------------------*/
@media (max-width: 1120px) {
	.news-list-top li { width: 47%; margin-right: 6%; }
	.news-list-top li:nth-of-type(3) { margin-top: 4%; }
	.news-list-top li:nth-of-type(3n) { margin-right: 6%; }
	.news-list-top li:nth-of-type(2n) { margin-right: 0; }
	body:lang(ar) .news-list-top li { margin-right: 0; margin-left: 6%; }
	body:lang(ar) .news-list-top li:nth-of-type(3n) { margin-right: 0; margin-left: 6%; }
	body:lang(ar) .news-list-top li:nth-of-type(2n) { margin-right: 0; margin-left: 0; }
}


/* .news-other
--------------------------------------------------------*/
.news-other {
	margin-bottom: 80px;
}

.news-other li {
	background: rgba(255,255,255,0.1);
	margin-bottom: 2px;
}

.news-other li a {
	display: block;
	position: relative;
	padding: 14px 50px 14px 125px;
}

.news-other time {
	display: block;
	position: absolute;
	top: 20px;
	left: 25px;
	padding-right: 20px;
	font-size: 15px;
	letter-spacing: 0.04em;
}

.news-other span {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.04em;
	text-decoration: none;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .news-other time { top: 18px; }
body:lang(ja) .news-other span { font-size: 14px; letter-spacing: 0.08em; }

/* lang:ar
------------------------------------*/
body:lang(ar) .news-other li a { padding-right: 125px; padding-left: 50px; }
body:lang(ar) .news-other time { left: inherit; right: 25px; padding-right: 0; padding-left: 20px; }


/* .nav-top
--------------------------------------------------------*/
.nav-top ul { overflow: hidden; }

.nav-top li {
	float: left;
	box-sizing: border-box;
	width: 33.3%;
}

.nav-top li:nth-of-type(2) {
	border-right: 1px solid rgba(255,255,255,0.2);
	border-left: 1px solid rgba(255,255,255,0.2);
	width: 33.4%;
}

.nav-top li a {
	display: block;
	background: rgba(255,255,255,0.1);
	padding: 25px;
	color: #FFFFFF;
	font-size: 17px;
	text-align: center;
	letter-spacing: 0.06em;
}

.nav-top li a:hover {
	opacity: 1;
	background: rgba(0,0,0,0.1);
}


/* page - news
---------------------------------------------------------------------------*/
body.news h1#title-page {
	margin-bottom: 40px;
}

body.news .category-select {
	position: absolute;
	top: 4px;
	right: 1px;
	box-sizing: border-box;
	width: 240px;
	border: 1px solid #5D707E;
	z-index: 999;
}

body.news .category-select h2 {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 12px 32px 13px 35px;
	text-align: center;
	letter-spacing: 0.12em;
	cursor: pointer;
	transition: .15s linear;
	white-space: nowrap;
}
body.news .category-select h2:hover { opacity: 0.5; }

body.news .category-list {
	background-color: #202D40;
  border-top: 1px solid #5D707E;
	padding: 15px 0 15px;
	display: none;
}

body.news .category-list li a {
	position: relative;
	display: block;
	padding: 7px 40px 7px 22px;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-weight: 600;
}

body.news .category-list li a:before {
	display: block;
	content: '';
	position: absolute;
	top: 15px;
	right: 18px;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow-s.svg) no-repeat;
	background-size: 5px 6px;
	width: 5px;
	height: 6px;
}

body.news .category-list li a:hover {
	background: rgba(0,0,0,0.3);
	opacity: 1;
}

/* lang:ar
------------------------------------*/
body:lang(ar).news .category-select { left: 1px; right: inherit; }
body:lang(ar).news .category-list li a { padding-right: 22px; padding-left: 40px; }
body:lang(ar).news .category-list li a:before {
	left: 18px;
	right: inherit;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

/* body.news - media query
-----------------------------------*/
@media (max-width: 1199px) {
	body.news .category-select { right: 41px; }
	body:lang(ar).news .category-select { left: 41px; right: inherit; }
}


/* .#news-main
--------------------------------------------------------*/
#news-main {
	background-color: #202D40;
	width: 100%;
	min-width: 1000px;
	margin: -105px 0 0;
}

#news-main .inner {
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	opacity: 0;
}

#news-main figure img { width: 100%; height: auto; }

#news-btn-movie {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: .2s linear;
}

#title-movie {
	position: absolute;
	top: 35px;
	left: 25px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.06em;
	z-index: 999;
	opacity: 0;
	transition: .12s ease-in-out;
}

#news-main .inner:hover #title-movie {
	left: 35px;
	opacity: 1;
}

#news-main a:hover { opacity: 1; }
#news-main a:hover #news-btn-movie { background-color: rgba(0,0,0,0.5); }

#news-btn-movie img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* lang:ar
------------------------------------*/
body:lang(ar) #title-movie { left: inherit; right: 25px; }
body:lang(ar) #news-main:hover #title-movie { left: inherit; right: 35px; }


/* .news-article
--------------------------------------------------------*/
.news-article {
	width: 990px;
	margin: 0 auto;
}

/* body.news - media query
-----------------------------------*/
@media (max-width: 1049px) {
	.news-article { width: 100%; }
}

.news-article .news-title {
	position: relative;
	margin-bottom: 35px;
	padding-right: 200px;
	letter-spacing: 0.1em;
}

.news-article .news-title .category {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.news-article .news-title .category:after {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	right: -1px;
	background: rgba(255,255,255,0.5);
	width: 18px;
	height: 1px;
	-webkit-transform: rotate(-75deg);
	-ms-transform: rotate(-75deg);
	transform: rotate(-75deg);
}

.news-article .news-title time {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
}

.news-article .news-title h1 {
	padding-top: 8px;
	font-size: 28px;
	font-weight: 500;
}

.news-article .news-title .btn-share {
	overflow: hidden;
	position: absolute;
	top: -2px;
	right: 0;
}

.news-article .news-title .btn-share li {
	float: left;
	margin-left: 10px;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .news-article .news-title .category { letter-spacing: 0.07em; }
body:lang(ja) .news-article .news-title h1 {
	padding-top: 10px;
	font-size: 23px;
	font-weight: 400;
}

/* lang:ar
------------------------------------*/
body:lang(ar) .news-article .news-title .btn-share { left: 0; right: inherit; }
body:lang(ar) .news-article .news-title .btn-share li { float: right; margin-right: 10px; margin-left: 0; }
body:lang(ar) .news-article .news-title { padding-right: 0; padding-left: 200px; }
body:lang(ar) .news-article .news-title .category { padding-right: 0; padding-left: 20px; }
body:lang(ar) .news-article .news-title .category:after { left: -2px; right: inherit; }


/* .news-article .txt-area
--------------------------------------------------------*/
.news-article .txt-area {
	margin-bottom: 60px;
}

.news-article .txt-area h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.015em;
}

.news-article .txt-area p {
	margin-bottom: 16px;
	font-size: 16px;
}
.news-article .txt-area p:last-of-type { margin-bottom: 0; }

/* lang:ja
------------------------------------*/
body:lang(ja) .news-article .txt-area h2 { letter-spacing: 0.1em; }
body:lang(ja) .news-article .txt-area p {
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 1.85;
	letter-spacing: 0.07em;
	text-align: justify;
}


/* .news-article .img-column
--------------------------------------------------------*/
.news-article .img-column1 { margin-bottom: 45px; }

.news-article .img-column2, .news-article .img-column3 {
	margin-bottom: 50px;
	overflow: hidden;
}

.news-article .img-column2 .inner {
	float: left;
	width: calc(50% - 9px);
	margin: 0 18px 25px 0;
}

.news-article .img-column3 .inner {
	float: left;
	width: 32%;
	margin: 0 2% 17px 0;
}

.news-article .img-column2 .inner:nth-of-type(even),
.news-article .img-column3 .inner:nth-of-type(3n) { margin-right: 0; }

.news-article .img-column1 a, .news-article .img-column2 a, .news-article .img-column3 a {
	display: block;
	overflow: hidden;
	background: #000000;
}

.news-article .img-column2 h3, .news-article .img-column3 h3 {
	margin-bottom: -5px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.06em;
}

.news-article .img-column2 h3 {
	margin-top: 16px;
	font-size: 17px;
	letter-spacing: 0.05em;
}

.news-article .img-column3 h3 {
	margin-top: 16px;
	font-size: 15px;
}

.news-article .img-column2 p, .news-article .img-column3 p {
	padding-right: 10px;
	margin: 12px 0;
	line-height: 1.35;
	letter-spacing: 0.04em;
	font-size: 13px;
}

.news-article .img-column3 p {
	font-size: 13px;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .news-article .img-column2 p, body:lang(ja) .news-article .img-column3 p {
	margin-top: 15px;
	line-height: 1.6;
	text-align: justify;
	letter-spacing: 0.1em;
}
body:lang(ja) .news-article figcaption {
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 0.15em;
	font-weight: 500;
}

/* lang:ar
------------------------------------*/
body:lang(ar) .news-article .img-column2 .inner { float: right; margin-right: 0; margin-left: 18px; }
body:lang(ar) .news-article .img-column3 .inner { float: right; margin-right: 0; margin-left: 2%; }
body:lang(ar) .news-article .img-column2 .inner:nth-of-type(even),
body:lang(ar) .news-article .img-column3 .inner:nth-of-type(3n) { margin-left: 0; }

/* .news-article .img-column - media query
-----------------------------------*/
@media (max-width: 1049px) {
	.news-article .img-column1 img { width: 100%; height: auto; }
}


/* .news-article .movie-inner
--------------------------------------------------------*/
.news-article .movie-inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 45px;
}

.news-article .movie-inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* .news-article .gallery
--------------------------------------------------------*/
.news-article .gallery {
	overflow: hidden;
	margin-bottom: 60px;
}

.news-article .gallery figure {
	overflow: hidden;
	float: left;
	width: 23.8%;
	margin: 0 1.6% 1.6% 0;
}
.news-article .gallery figure:nth-of-type(4n) { margin-right: 0; }

.news-article .gallery figure a {
	display: block;
	overflow: hidden;
	background: #000000;
}

/* lang:ar
------------------------------------*/
body:lang(ar) .news-article .gallery figure { float: right; margin-right: 0; margin-left: 1.6%; }
body:lang(ar) .news-article .gallery figure:nth-of-type(4n) { margin-left: 0; }


/* .blockquote
--------------------------------------------------------*/
.blockquote {
	background-color: rgba(0,0,0,0.1);
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 80px;
	padding: 45px 50px 42px 80px;
}

.blockquote .title-sub {
	display: inline-block;
	margin: 0 0 25px -40px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.14em;
}

.blockquote .title-sub .line-btm {
	border-bottom: none;
}

.blockquote .title-main {
	margin-bottom: 14px;
	font-size: 22px;
	font-weight: 500;
}

.blockquote .link-list {
	margin-top: 20px;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .blockquote {
	padding: 45px 50px 42px 50px;
}

body:lang(ja) .blockquote .title-sub {
	margin-left: 0;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.08em;
}

body:lang(ja) .blockquote .title-sub .line-btm {
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

body:lang(ja) .blockquote .title-main {
	margin-bottom: 12px;
	font-size: 20px;
}

body:lang(ja) .blockquote p {
  font-size: 14px;
  text-align: justify;
  line-height: 1.8;
}


/* .related-area
--------------------------------------------------------*/
.related-area {
	background-color: rgba(0,0,0,0.1);
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	padding: 45px 45px 50px;
}

.related-area dt {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.04em;
}

.related-area dd { margin-bottom: 40px; }
.related-area dd:last-of-type { margin-bottom: 0; }

/* lang:ja
------------------------------------*/
body:lang(ja) .related-area dt {
	margin-bottom: 15px;
	font-size: 15px;
	letter-spacing: 0.1em;
}


/* other-news
--------------------------------------------------------*/
.other-news {
	position: relative;
	margin-top: 100px;
	padding-top: 60px;
}

.other-news .btn-index {
	position: absolute;
	top: 0;
	right: 0;
	white-space: nowrap;
}

/* lang:ar
------------------------------------*/
/*
body:lang(ar) .other-news .btn-index { left: 0; right: inherit; }
*/

/* .page-nav
--------------------------------------------------------*/
.page-nav {
	margin-top: 60px;
	text-align: center;
	font-weight: 500;
}

.page-nav li { display: inline-block; }

.page-nav li a {
	display: block;
	padding: 10px 5px;
	font-size: 18px;
	line-height: 1;
}

.page-nav li a span { padding: 0 2px; }
.page-nav li.current a span { border-bottom: 1px solid #FFFFFF; }

.page-nav li.prev {
	margin-right: 20px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
.page-nav li.next {	margin-left: 15px; }
.page-nav li.prev img, .page-nav li.next img { width: 20px; height: 15px; }

/* lang:ar
------------------------------------*/
body:lang(ar) .page-nav li.prev {
	margin-right: 0;
	margin-left: 15px;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
body:lang(ar) .page-nav li.next {
	margin-right: 15px;
	margin-left: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}


/* page - products
---------------------------------------------------------------------------*/
#products-main {
	position: relative;
	overflow: hidden;
	background-color: #202D40;
	width: 100%;
	min-width: 1000px;
	margin: -105px 0 0;
	padding-bottom: 75px;
}

#products-main figure { opacity: 0; }
#products-main figure img { width: 100%; height: auto; }

#products-main .platform-logo {
	position: absolute;
	top: 47px;
	right: 47px;
	min-width: 300px;
	text-align: right;
	opacity: 0;
}
#products-main .platform-logo img { width: auto; height: 30px; }

#products-main .pkg {
	display: inline-block;
	position: absolute;
	bottom: -75px;
	right: 95px;
	text-align: right;
}

#products-main .pkg a {
	display: inline-block;
	position: relative;
	z-index: 2;
}

#products-main .pkg a:hover { opacity: 1; }

#products-main .inner {
	position: absolute;
	bottom: 75px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 65px 80px;
	opacity: 0;
}

#products-main .logo { margin: 0 0 45px -10px; }
#products-main .logo img { width: auto; height: 60px; }

#products-main .title-sub {
	margin: 0 0 12px;
	font-size: 18px;
	letter-spacing: 0.12em;
}

#products-main .title-main {
	margin: 0;
	font-size: 70px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}

#products-main .link {
	margin: 25px 0 0 2px;
	opacity: 0;
}

#products-main .link a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 55px;
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

#products-main .link a:before {
	display: block;
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow.svg) no-repeat;
	background-size: 34px 19px;
	width: 34px;
	height: 19px;
	transition: .1s ease-out;
}

#products-main .link a:hover:before {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}

#products-main .logo,
#products-main .title-sub,
#products-main .title-main,
#products-main .link {
	position: relative;
	z-index: 2;
}

/* lang:ja
------------------------------------*/
body:lang(ja) #products-main .title-main {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.12em;
}

/* lang:ar
------------------------------------*/
body:lang(ar) #products-main .platform-logo { left: 47px; right: inherit; text-align: left; }
body:lang(ar) #products-main .pkg { right: inherit; left: 95px; text-align: left; }
body:lang(ar) #products-main .inner { left: inherit; right: 0; padding-right: 80px; padding-left: 0; }
body:lang(ar) #products-main .logo { margin-right: -10px; margin-left: 0; }
body:lang(ar) #products-main .link a { padding-right: 55px; padding-left: 0; }
body:lang(ar) #products-main .link a:before {
	left: inherit;
	right: 0;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
body:lang(ar) #products-main .link a:hover:before {
	-webkit-transform: translateX(-10px) scaleX(-1);
	-ms-transform: translateX(-10px) scaleX(-1);
	transform: translateX(-10px) scaleX(-1);
}

/* #products-main .pkg - media query
-----------------------------------*/
@media (max-width: 1199px) {
	#products-main .inner { padding: 0 0 45px 55px; }
	#products-main .platform-logo { top: 40px; right: 40px; }
	#products-main .platform-logo img { height: 25px; }
	#products-main .logo { margin-bottom: 35px; }
	#products-main .logo img { width: auto; height: 45px; }
	#products-main .pkg { margin-right: -50px; }
	#products-main .pkg img { width: 240px; height: auto; }
	body:lang(ar) #products-main .pkg { margin-right: 0; margin-left: -50px; }
}


/* .products-contents
--------------------------------------------------------*/
.products-contents {
	min-width: 1000px;
}

.products-contents h2 {
	margin-bottom: 65px;
	text-align: center;
}

.products-contents h2 span {
	display: inline-block;
	padding: 0 45px 12px;
	font-size: 19px;
	letter-spacing: 0.09em;
}

.products2 { margin-top: 100px; }
.products2 h2 { margin-bottom: 0; }

.products2 .slider-wrap {
	background-color: rgba(0,0,0,0.08);
	padding: 70px 0;
}

#slider-products { margin-left: -177px; }
.products2 .bx-prev, .products2 .bx-next { top: 250px; }


/* .products-list
--------------------------------------------------------*/
.products-list {
	width: 1080px;
	margin: 0 auto;
}

.products-list li {
	float: left;
	width: 310px;
	margin: 0 75px 80px 0;
}

.products-list li:nth-of-type(3n) { margin-right: 0; }

.products-list figure {
	margin-bottom: 25px;
	transform-origin: center bottom;
}

.products-list li figure a {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: center;
	-webkit-box-align: flex-end;
	align-items: flex-end;
}

.products-list figure img {
	box-shadow: 3px 5px 8px rgba(0,0,0,1);
}

.products-list .pkg-height figure img {
	width: auto;
	height: 100%;
}

.products-list .platform, .products-list2 .platform {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.07em;
	margin-bottom: 2px;
	word-break: break-all;
}

.products-list time {
	padding-top: 2px;
	font-size: 14px;
	letter-spacing: 0.08em;
}

.products-list h3 {
	margin: 13px 0 10px;
}

.products-list h3 strong, .products-list2 h3 strong {
	display: block;
	font-size: 23px;
	line-height: 1.2;
	letter-spacing: 0.02em;
}

.products-list h3 em, .products-list2 h3 em {
	display: block;
	padding-top: 4px;
	font-size: 13px;
	line-height: 1.5;
	font-weight: 500;
}

.products-list .link, .products-list2 .link {
	position: relative;
	display: inline-block;
	padding-right: 28px;
	font-size: 15px;
	letter-spacing: 0.08em;
}

.products-list .link:before, .products-list2 .link:before {
	display: block;
	content: '';
	position: absolute;
	top: 2px;
	right: 0;
	background: url(https://www.gran-turismo.com/common/front/img/global/icon-arrow.svg) no-repeat;
	background-size: 20px 12px;
	width: 20px;
	height: 12px;
	transition: .1s ease-out;
}

.products-list .link:hover:before, .products-list2 .link:hover:before {
	-webkit-transform: translateX(6px);
	-ms-transform: translateX(6px);
	transform: translateX(6px);
}

.products-list .link span {
	padding-bottom: 2px;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .products-list h3 { margin: 13px 0 14px; }

/* lang:ar
------------------------------------*/
body:lang(ar) .products-list li { float: right; margin-right: 0; margin-left: 75px; }
body:lang(ar) .products-list li:nth-of-type(3n) { margin-left: 0; }
body:lang(ar) .products-list .link,
body:lang(ar) .products-list2 .link { padding-right: 0; padding-left: 28px; }
body:lang(ar) .products-list .link:before,
body:lang(ar) .products-list2 .link:before {
	left: 0;
	right: inherit;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
body:lang(ar) .products-list .link:hover:before,
body:lang(ar) .products-list2 .link:hover:before {
	-webkit-transform: translateX(-6px) scaleX(-1);
	-ms-transform: translateX(-6px) scaleX(-1);
	transform: translateX(-6px) scaleX(-1);
}

/* .products-list - media query
-----------------------------------*/
@media (max-width: 1199px) {
	.products-list { box-sizing: border-box; width: 100%; padding: 0 40px; }
	.products-list li { width: 30%; margin: 0 5% 70px 0; }
	body:lang(ar) .products-list li { margin-left: 5%; }
}
@media (max-width: 1100px) {
	.products-list figure a { height: 300px !important; }
	.products-list figure img { max-width: 100%; max-height: 100%; }
}


/* .products-list2
--------------------------------------------------------*/
.products-list2 {
	width: 100%;
}

.products-list2 li {
	float: left;
	width: 310px;
	padding: 0 22px;
}

.products-list2 figure { margin-bottom: 30px; }
.products-list2 .inner { margin-bottom: 22px; }

.products-list2 h3 { margin-top: 8px; }
.products-list2 h3 em { padding-top: 8px; }

.products-list2 .link:before { top: 2px; }
.products-list2 .link span { padding-bottom: 1px; }

/* lang:ar
------------------------------------*/
body:lang(ar) .products-list2 li {
	float: right !important;
	text-align: right;
	direction: rtl !important;
}


/* products detail
---------------------------------------------------------------------------*/
#products-title {
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
	padding-left: 15px;
}

.products-old #products-title {
	width: 1040px;
	margin: 0 auto 65px;
	padding-left: 0;
}

#products-title .title {
	margin-bottom: 18px;
	font-size: 14px;
	letter-spacing: 0.2em;
	font-weight: 500;
}

#products-title h1 {
	margin-bottom: 18px;
	padding-right: 240px;
}

#products-title h1 strong {
	display: block;
	margin-left: -2px;
	font-size: 40px;
	font-weight: 300;
	line-height: 1.05;
	letter-spacing: 0.02em;
}

#products-title h1 em {
	display: block;
	padding-top: 8px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.09em;
}

#products-title time {
	display: block;
	padding-right: 300px;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.08em;
}

#products-title .platform-logo {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 300px;
	text-align: right;
}

#products-title .platform-logo img {
	width: auto;
	height: 29px;
}

/* lang:ja
------------------------------------*/
body:lang(ja) #products-title h1 em { letter-spacing: 0.13em; }
body:lang(ja) #products-title time { font-size: 14px; letter-spacing: 0.12em; }

/* lang:ar
------------------------------------*/
body:lang(ar) #products-title { padding-left: 0; padding-right: 15px; }
body:lang(ar) #products-title h1 { padding-right: 0; padding-left: 240px; }
body:lang(ar) #products-title h1 strong { margin-right: -2px; }
body:lang(ar) #products-title time { padding-right: 0; padding-left: 300px; }
body:lang(ar) #products-title .platform-logo { left: 0; right: inherit; text-align: left; }

/* #products-title - media query
-----------------------------------*/
@media (max-width: 1119px) {
	.products-old #products-title { width: 920px; }
}


/* #products-img
--------------------------------------------------------*/
#products-img {
	position: relative;
	width: 100%;
	margin-bottom: 75px;
	padding: 0;
	opacity: 0;
}

#slider-products-img img {
	display: block;
	width: 100%;
	height: auto;
}

#products-img .products-pkg {
	position: absolute;
	bottom: -40px;
	right: 60px;
	z-index: 999;
	text-align: right;
}

#products-img .bx-pager {
	display: inline-block;
	padding: 2px 0 0 5px;
}

#products-img .bx-pager-item {
	display: inline-block;
}

#products-img .bx-pager-item a {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
}

#products-img .bx-pager-item a:before {
	display: block;
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 50%;
	background: #FFFFFF;
	width: 5px;
	height: 5px;
}

#products-img .bx-pager-item a.active:before {
	opacity: 0.3;
}

/* lang:ar
------------------------------------*/
body:lang(ar) #products-img .products-pkg { right: inherit; left: 60px; text-align: left; }
body:lang(ar) #products-img .bx-pager { padding-right: 5px; }

/* #products-img - media query
-----------------------------------*/
@media (max-width: 1199px) {
	#products-img .products-pkg { right: 45px; width: 25%; }
	#products-img .products-pkg img { width: 100%; height: auto; }
}


/* .products-old
--------------------------------------------------------*/
.products-old #products-img {
	position: relative;
	overflow: hidden;
	width: 1040px;
	margin: 0 auto 75px;
	opacity: 0;
}

.products-old .bx-wrapper {
	float: left;
	width: 640px !important;
}

.products-old #products-img .products-pkg {
	position: inherit;
	bottom: 0;
	right: 0;
	float: right;
	width: 340px;
	height: 480px;
	text-align: center;
}

.products-old #products-img .products-pkg img {
	position: absolute;
	bottom: 0;
	left: 0;
}

.products-old #products-img .bx-pager { padding-left: 0; }

/* lang:ar
------------------------------------*/
body:lang(ar) .products-old .bx-wrapper { float: right; }
body:lang(ar) .products-old #products-img .products-pkg { right: inherit; left: 0; float: left; }

/* .products-old - media query
-----------------------------------*/
@media (max-width: 1119px) {
	.products-old #products-img { width: 920px; }
	.products-old .bx-wrapper { width: 573px !important; }
	.products-old #products-img .products-pkg { width: 305px; height: 430px; }
	.products-old #products-img .products-pkg img { width: 100%; height: auto; }
	.products-old #products-img .bx-pager { padding-left: 5px; }
}


/* .products-detail
--------------------------------------------------------*/
.products-detail-logo { margin: 0 0 45px 11px; }
.products-detail-logo img { width: auto; height: 60px; }

.products-detail {
	position: relative;
	margin-bottom: 80px;
	padding-left: 225px;
}
.products-detail:last-of-type { margin-bottom: 0; }

.products-detail h2 {
	position: absolute;
	top: 0;
	left: 12px;
	width: 180px;
}

.products-detail h2 strong {
	display: block;
	font-size: 20px;
	letter-spacing: 0.035em;
}

.products-detail h2 em {
	display: block;
	padding-top: 4px;
	font-size: 14px;
	letter-spacing: 0.1em;
	font-weight: 500;
}

.products-detail .txt-area h3 {
	margin-bottom: 14px;
	font-size: 28px;
	line-height: 1.24;
}

.products-detail p:first-of-type {
	padding-top: 3px;
}

.products-detail p.attention {
	font-size: 13px;
}

.products-detail .txt-area {
	margin-bottom: 30px;
}

.products-detail .txt-area p {
	margin-bottom: 18px;
	font-size: 16px;
	letter-spacing: 0.02em;
}
.products-detail .txt-area p:last-of-type { margin-bottom: 8px; }

.products-detail dl {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.04em;
	box-sizing: border-box;
	padding-right: 60px;
}

.products-detail dt {
	border-top: 1px solid rgba(255,255,255,0.2);
	margin-bottom: 2px;
	padding: 13px 0 3px;
}

.products-detail dd {
	margin-bottom: 20px;
	color: #C6C6C6;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: 0.05em;
}

.products-detail .link-list {
	padding-top: 8px;
	font-weight: 500;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .products-detail .txt-area h3 {
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.6;
}

body:lang(ja) .products-detail p { line-height: 1.85; }

body:lang(ja) .products-detail .txt-area p {
	text-align: justify;
	line-height: 1.8;
	letter-spacing: 0.1em;
	font-size: 15px;
}

body:lang(ja) .products-detail .txt-area .txt-link { padding-top: 3px; }

body:lang(ja) .products-detail p.attention,
body:lang(ja) .products-detail .txt-area p.attention {
	line-height: 1.8;
	font-weight: 500;
	font-size: 12px;
}

body:lang(ja) .products-detail dl { font-size: 14px; letter-spacing: 0.08em; }
body:lang(ja) .products-detail dt { margin-bottom: 2px; }
body:lang(ja) .products-detail dd { line-height: 1.6; margin-bottom: 20px; }

/* lang:ar
------------------------------------*/
body:lang(ar) .products-detail-logo { margin-right: 11px; }
body:lang(ar) .products-detail { padding-right: 225px; padding-left: 0; }
body:lang(ar) .products-detail h2 { left: inherit; right: 12px; }
body:lang(ar) .products-detail dl { padding-right: 0; padding-left: 60px; }


/* .products-detail .img-set
--------------------------------------------------------*/
.products-detail .img-column2 { overflow: hidden; }
.products-detail .img-column2 figure {
	float: left;
	width: calc(50% - 7px);
	margin: 0 14px 14px 0;
}

.products-detail .img-column2 figure:nth-of-type(even) { margin-right: 0; }

.products-detail .img-column2 a {
	display: block;
	overflow: hidden;
	background: #000000;
}

.products-detail .img-column2 figcaption { display: block; }

/* lang:ar
------------------------------------*/
body:lang(ar) .products-detail .img-column2 figure { float: right; margin-right: 0; margin-left: 14px; }
body:lang(ar) .products-detail .img-column2 figure:nth-of-type(even) { margin-left: 0; }


/* .products-detail .list-column3
--------------------------------------------------------*/
.products-detail .list-column3 { overflow: hidden; }

.products-detail .list-column3 li {
	float: left;
	box-sizing: border-box;
	width: 284px;
	margin: 40px 18px 0 0;
}

.products-detail .list-column3 li:nth-of-type(1),
.products-detail .list-column3 li:nth-of-type(2),
.products-detail .list-column3 li:nth-of-type(3) { margin-top: 0; }
.products-detail .list-column3 li:nth-of-type(3n) { margin-right: 0; }

.products-detail .list-column3 figure {
	margin-bottom: 18px;
}

.products-detail .list-column3 figure a {
	display: block;
	overflow: hidden;
	background: #000000;
}

.products-detail .list-column3 h3 {
	position: relative;
	margin-bottom: 8px;
	padding-left: 40px;
	font-size: 16px;
	font-weight: 500;
}

.products-detail .list-column3 h3 i {
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.products-detail .list-column3 h3 i span {
	padding-left: 1px;
	line-height: 1.3;
}

.products-detail .list-column3 p {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 13px;
	line-height: 1.4;
}

/* lang:ja
------------------------------------*/
body:lang(ja) .products-detail .list-column3 h3 { letter-spacing: 0.14em; }
body:lang(ja) .products-detail .list-column3 p {
	font-size: 13px;
	line-height: 1.7;
	text-align: justify;
}

/* lang:ar
------------------------------------*/
body:lang(ar) .products-detail .list-column3 li { float: right; margin-right: 0; margin-left: 18px; }
body:lang(ar) .products-detail .list-column3 li:nth-of-type(3n) { margin-left: 0; }
body:lang(ar) .products-detail .list-column3 h3 { padding-right: 40px; padding-left: 0; }
body:lang(ar) .products-detail .list-column3 h3 i { right: 0; left: inherit; }
body:lang(ar) .products-detail .list-column3 p { padding-right: 40px; padding-left: 0; }

/* .products-detail .list-column3 - media query
-----------------------------------*/
@media (max-width: 1199px) {
	.products-detail .list-column3 li { width: 31.8%; margin: 35px 2.3% 0 0; }
	.products-detail .list-column3 li figure img { width: 100%; height: auto; }
	.products-detail .list-column3 li:nth-of-type(3n) { margin-right: 0; }
	body:lang(ar) .products-detail .list-column3 li { margin-left: 2.3%; }
	body:lang(ar) .products-detail .list-column3 li:nth-of-type(3n) { margin-left: 0; }
}


/* .products-detail .gallery
--------------------------------------------------------*/
.products-detail .gallery { overflow: hidden; }

.products-detail .gallery figure {
	overflow: hidden;
	float: left;
	width: 223px;
	height: 135px;
	margin: 0 1px 1px 0;
}

.products-detail .gallery figure:nth-of-type(4n) { margin-right: 0; }

.products-detail .gallery div a {
	display: block;
	overflow: hidden;
	background: #000000;
}

/* lang:ar
------------------------------------*/
body:lang(ar) .products-detail .gallery figure { float: right; margin-right: 0; margin-left: 1px; }
body:lang(ar) .products-detail .gallery figure:nth-of-type(4n) { margin-left: 0; }

/* .products-detail .gallery - media query
-----------------------------------*/
@media (max-width: 1199px) {
	.products-detail .gallery figure { float: left; width: calc(25% - 1px); height: inherit; }
	.products-detail .gallery img { width: 100%; height: auto; }
}


/* page - site policy
---------------------------------------------------------------------------*/
body.sitepolicy p a { text-decoration: underline; }
body.sitepolicy .list-num dt { margin-bottom: 22px; }
body.sitepolicy .list-num dt h3 { font-size: 18px; }
body.sitepolicy .section-txt h4 { margin-bottom: 18px; font-size: 15px; font-weight: 500; }
body.sitepolicy .section-txt h4.ms { margin: 35px 0 12px; }
body.sitepolicy .section-txt p { margin-bottom: 20px; }
body.sitepolicy .section-txt .list-num { margin-top: 60px; }
body.sitepolicy .list-num dd { margin-bottom: 60px; }
body.sitepolicy .list-num dd p { margin-bottom: 12px; }
body.sitepolicy .list-dot li p { margin-bottom: 3px; }
body.sitepolicy .list-num-s { margin-top: 15px; }
body.sitepolicy .list-num-s li,
body.sitepolicy .list-num-s li p { margin-bottom: 0; }


/* page - privacy policy
---------------------------------------------------------------------------*/
body.privacy .signature {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0.12em;
}

body.privacy .section-txt .list-num { margin-top: 60px; }
body.privacy .list-num tr:first-of-type th:last-of-type { width: 380px; }
body.privacy .section-txt .list-num li p { margin: 0; font-size: 13px; }
body.privacy .section-txt p.txt-left { margin: 50px 0 0 -70px; }

/* lang:ja
------------------------------------*/
body.privacy:lang(ja) .signature { top: 30px; }

/* body.privacy .signature - media query
-----------------------------------*/
@media (max-width: 1199px) {
	body.privacy .signature { right: 40px; }
}