@charset "UTF-8";

html {
 -webkit-text-size-adjust: 100%;
}

#mainContents .cont:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#mainContents .cont {
zoom: 1;
}

@media screen and (max-width: 599px) {
	.pc {display: none;}
	.sp {display: block;}
	#headerSCT,
	#wrapperAll {
	display: none;
	}
}
@media screen and (min-width: 600px) {
	.pc {display: block;}
	.sp {display: none;}
}

.nissan-header {
display: none;
}
@media screen and (min-width: 600px) {
	.nissan-header {
	display: block;
	}
}

@keyframes scrollline {
	0%{
		height: 0;
		top: 0;
		opacity: 0;
	}
	50%{
		height: 12px;
		opacity: 1;
	}
	100%{
		height: 0;
		top: 24px;
		opacity: 0;
	}
}
@keyframes scrollarrow {
	0%{
		bottom: 0;
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		bottom: -12px;
		opacity: 0;
	}
}

#pageBottom,
#wrapperPage,
#DNM-hd {
position: relative;
z-index: 10;
}
#gn_header_area {
position: relative;
z-index: 100;
}

div#container,
div#mainContents {
width: auto !important;
}
#mainContents a::after,
#mainContents a {
transition: all 0.7s ease;
}

#mainContents {
transition: all 0.7s ease;
position: relative;
background-color: #fff;
overflow: hidden;
}
#mainContents.bg {
background-color: #f1f1f1;
}
#mainContents::before {
transition: opacity 0.7s ease;
content: '';
display: block;
position: fixed;
left: 0;
top: 0;
background: url("/IMAGES/GARAGE/PHOTOGALLERY/title_bg.png") repeat center center;
background-size: 40px auto;
width: 100%;
height: 100vh;
}
#mainContents::after {
transition: opacity 0.7s ease;
content: '';
display: block;
position: fixed;
left: 0;
top: 0;
background-image: radial-gradient(closest-corner circle at 50% 50%,transparent,#000);
width: 100%;
height: 100vh;
opacity: 0.3;
}
#mainContents.bg::after,
#mainContents.bg::before {
opacity: 0;
}
#titleSCT .cont {
box-sizing: border-box;
position: relative;
text-align: center;
z-index: 1;
}
#titleSCT .group {
height: 350px;
}
#titleSCT .group:first-child {
position: relative;
height: calc(100vh - 136px);
}
#titleSCT .group .inner {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
#titleSCT .title {
position: relative;
padding-bottom: 136px;
z-index: 3;
}
#titleSCT h1 {
margin-bottom: 24px;
font-family: ShinGoPro-Bold,sans-serif !important;
font-weight: normal;
font-size: 32px;
line-height: 1.2;
letter-spacing: 0.2em;
opacity: 0;
filter: blur(5px);
transform: translateY(50px);
color: #000;
}
.init #titleSCT h1 {
transition: opacity 2s ease 0s,filter 2s ease 0s,transform 2s ease 0s;
opacity: 1;
filter: blur(0);
transform: translateY(0);
}
#titleSCT h1 span {
font-family: ShinGoPro-Bold,sans-serif !important;
font-weight: normal;
font-size: 24px;
}
#titleSCT .en img {
display: block;
margin: 0 auto;
width: 252px;
height: auto;
opacity: 0;
filter: blur(5px);
transform: translateY(50px);
}
.init #titleSCT .en img {
transition: opacity 2s ease 0.5s,filter 2s ease 0.5s,transform 2s ease 0.5s;
opacity: 1;
filter: blur(0);
transform: translateY(0);
}
#titleSCT .lead {
position: relative;
z-index: 3;
}
#titleSCT .lead p {
transition: color 0.7s ease;
margin-bottom: 30px;
font-size: 14px;
line-height: 2.15;
color: #fff;
}
.bg #titleSCT .lead p {
color: #000;
}
#titleSCT .lead p:last-child {
margin-bottom: 0;
}
#titleSCT .icon {
transition: opacity 0.7s ease;
transform: translate(-50%,-50%);
position: fixed;
left: 50%;
top: 50vh;
z-index: -1;
}
.bg #titleSCT .icon {
opacity: 0;
}
#titleSCT .icon span {
display: block;
padding-top: 0;
}
#titleSCT .icon img {
width: 188px;
height: auto;
z-index: 0;
opacity: 0.9;
}
.init #titleSCT .icon img {
animation: camera 1s linear;
}
@keyframes camera {
00% {transform: rotate(180deg) scale(1);}
20% {transform: rotate(0) scale(0.5);}
100% {transform: rotate(-180deg) scale(1);}
}
#titleSCT .photo {
transition: opacity 0.7s ease;
position: fixed;
left: 50%;
top: 50vh;
opacity: 1;
}
.bg #titleSCT .photo {
opacity: 0;
}
#titleSCT .photo span {
position: absolute;
left: 0;
top: 0;
}
#titleSCT .photo img {
position: absolute;
left: 0;
top: 0;
height: auto;
opacity: 0;
filter: blur(5px);
}
.init #titleSCT .photo img {
opacity: 1;
filter: blur(0);
}
#titleSCT.fixed #TIT_G2 {
position: relative;
}
#titleSCT.fixed #TIT_G2 .photo {
position: absolute;
}
#titleSCT.fixed .icon {
position: absolute;
}
#titleSCT .photo li:nth-of-type(1) img {
transition: opacity 2s ease 1.4s,filter 2s ease 1.4s;
transform: translate(68px,-181px);
width: 93px;
z-index: 2;
}
#titleSCT .photo li:nth-of-type(1) span {
z-index: 2;
}
#titleSCT .photo li:nth-of-type(2) img {
transition: opacity 2s ease 1.6s,filter 2s ease 1.6s;
transform: translate(24px,140px);
width: 154px;
}
#titleSCT .photo li:nth-of-type(2) span {
z-index: 2;
}
#titleSCT .photo li:nth-of-type(3) img {
transition: opacity 2s ease 1.8s,filter 2s ease 1.8s;
transform: translate(-182px,163px);
width: 72px;
}
#titleSCT .photo li:nth-of-type(4) img {
transition: opacity 2s ease 2s,filter 2s ease 2s;
transform: translate(-177px,-212px);
width: 154px;
z-index: 2;
}
#titleSCT .photo li:nth-of-type(4) span {
z-index: 2;
}
#titleSCT .photo li:nth-of-type(5) img {
transition: opacity 2s ease 2.2s,filter 2s ease 2.2s;
transform: translate(-36px,-222px);
width: 68px;
z-index: 1;
}
#titleSCT .photo li:nth-of-type(6) img {
transition: opacity 2s ease 2.4s,filter 2s ease 2.4s;
transform: translate(-133px,205px);
width: 105px;
}
#titleSCT .photo li:nth-of-type(7) img {
transition: opacity 2s ease 2.6s,filter 2s ease 2.6s;
transform: translate(117px,-131px);
width: 63px;
z-index: 1;
}
#titleSCT .scrolldown {
transition: opacity 0.7s ease;
position: fixed;
left: 50%;
bottom: 30px;
height: 50px;
z-index: 3;
opacity: 1;
}
.scroll #titleSCT .scrolldown {
opacity: 0;
}
#titleSCT .scrolldown span {
transform: translateX(-50%);
position: absolute;
left: 0;
top: 28px;
color: #000;
font-size: 10px;
letter-spacing: 0.05em;
}
#titleSCT .scrolldown::after {
content: "";
position: absolute;
top: 0;
width: 1px;
height: 24px;
background: #000;
animation: scrollline 1.4s linear infinite;
opacity:0;
}
#titleSCT .scrolldown::before {
transform: translateX(-50%) rotate(45deg);
content: "";
position: absolute;
bottom: -5px;
left: 50%;
width: 11px;
height: 11px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
animation: scrollarrow 1.4s linear infinite;
opacity:0;
}
@media screen and (min-width: 600px) {
	#pageTop {
	background: #fff;
	height: 49px;
	}
	#mainContents::before {
	transform: translateX(-50%);
	left: 50%;
	width: 1400px;
	}
	#mainContents::after {
	transform: translateX(-50%);
	left: 50%;
	width: 1400px;
	}
	#titleSCT {
	background-size: 80px auto;
	}
	#titleSCT .group {
	height: 400px;
	}
	#titleSCT .title {
	padding-bottom: 0;
	}
	#titleSCT .icon img {
	width: 251px;
	}
	#titleSCT h1 {
	margin-bottom: 27px;
	font-size: 42px;
	}
	#titleSCT h1 span {
	font-size: 32px;
	}
	#titleSCT .en img {
	width: 268px;
	}
	#titleSCT .lead p {
	margin-bottom: 36px;
	font-size: 20px;
	}
	#titleSCT .icon span {
	display: block;
	padding-top: 136px;
	}
	#titleSCT .photo li:nth-of-type(1) img {
	transform: translate(364px,-191px);
	width: 196px;
	}
	#titleSCT .photo li:nth-of-type(2) img {
	transform: translate(280px,81px);
	width: 370px;
	}
	#titleSCT .photo li:nth-of-type(3) img {
	transform: translate(-566px,152px);
	width: 145px;
	}
	#titleSCT .photo li:nth-of-type(4) img {
	transform: translate(-670px,-158px);
	width: 375px;
	}
	#titleSCT .photo li:nth-of-type(5) img {
	transform: translate(-316px,-198px);
	width: 169px;
	}
	#titleSCT .photo li:nth-of-type(6) img {
	transform: translate(-435px,210px);
	width: 230px;
	}
	#titleSCT .photo li:nth-of-type(7) img {
	transform: translate(527px,-76px);
	width: 148px;
	}
	#titleSCT .scrolldown {
	height: 60px;
	}
	#titleSCT .scrolldown span {
	top: 33px;
	font-size: 13px;
	}
	#titleSCT .scrolldown::before {
	width: 14px;
	height: 14px;
	}
}

#listSCT {
transition: opacity 0.7s ease;
position: relative;
padding: 0 0 70px 0;
z-index: 2;
opacity: 0;
}
.bg #listSCT {
opacity: 1;
}
#listSCT .cont {
padding: 0 15px;
}
#listSCT .list {
margin: 0 -2px;
padding-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
#listSCT .block {
box-sizing: border-box;
padding: 2px 2px 12px 2px;
width: 50%;
cursor: pointer;
}
#listSCT .block .image {
position: relative;
padding-top: 100%;
overflow: hidden;
}
#listSCT .block .image img {
transition: all 0.7s ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#listSCT .block p {
position: relative;
margin-top: 5px;
padding-left: 14px;
font-size: 11px;
}
#listSCT .block p::before {
transform: translateY(-50%);
content: "";
position: absolute;
top: 50%;
left: 0;
background: url("/IMAGES/GARAGE/PHOTOGALLERY/icn_human.svg") no-repeat center center;
background-size: contain;
width: 9px;
height: 14px;
}
#listSCT .sortModal {
display: none;
}
#listSCT .more {
margin-bottom: 1px;
font-size: 12px;
line-height: 28px;
}
#listSCT .more span {
display: block;
position: relative;
background-color: #fff;
border: solid 1px #ddd;
border-radius: 3px;
text-align: center;
cursor: pointer;
color: #333;
}
#listSCT .more span::before {
transform: translateY(-50%);
content: "";
position: absolute;
top: 50%;
left: 13px;
background: url("/IMAGES/GARAGE/PHOTOGALLERY/icn_sort.svg") no-repeat center center;
background-size: contain;
width: 20px;
height: 13px;
}
#listSCT .more span::after {
transform: translateY(-50%);
content: "";
position: absolute;
top: 50%;
right: 15px;
border-right: 5px solid transparent;
border-top: 6px solid #000;
border-left: 5px solid transparent; 
}
#listSCT .pagination ul {
margin: 0 -1px;
text-align: center;
}
#listSCT .pagination li {
display: inline-block;
padding: 0 1px;
font-size: 12px;
line-height: 24px;
}
#listSCT .pagination a {
box-sizing: border-box;
display: block;
position: relative;
background-color: #fff;
border: solid 1px #ddd;
border-radius: 3px;
width: 26px;
text-align: center;
color: #333;
}
#listSCT .pagination a.active {
background-color: #c52348;
color: #fff;
}
#listSCT .pagination .prev a {
padding-left: 15px;
width: 93px;
}
#listSCT .pagination .next a {
padding-right: 15px;
width: 93px;
}
#listSCT .pagination .prev a::after {
transform: translateY(-50%);
content: "";
position: absolute;
top: 50%;
left: 7px;
border-top: 3px solid transparent;
border-right: 6px solid #333;
border-bottom: 3px solid transparent; 
}
#listSCT .pagination .next a::after {
transform: translateY(-50%);
content: "";
position: absolute;
top: 50%;
right: 7px;
border-top: 3px solid transparent;
border-left: 6px solid #333;
border-bottom: 3px solid transparent; 
}
@media screen and (max-width: 599px) {
	#listSCT .hed {
	padding-bottom: 15px;
	}
	#listSCT h3 {
	transition: all 0.7s ease;
	position: relative;
	background-color: #333;
	border: solid 1px #ddd;
	border-radius: 3px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	}
	#listSCT h3.active {
	background-color: #c52348;
	color: #fff;
	}
	#listSCT h3::after {
	transition: all 0.7s ease;
	transform: translateY(-50%);
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	border-right: 7px solid transparent;
	border-top: 9px solid #fff;
	border-left: 7px solid transparent; 
	}
	#listSCT h3.active::after {
	transform: translateY(-50%) rotate(180deg);
	border-top: 9px solid #fff;
	}
	#listSCT .cnt {
	display: none;
	}
	#listSCT .cnt ul {
	margin: 0 -1px;
	display: flex;
	flex-wrap: wrap;
	}
	#listSCT .cnt li {
	box-sizing: border-box;
	padding: 1px;
	width: 25%;
	font-size: 10px;
	line-height: 33px;
	}
	#listSCT .cnt li a {
	display: block;
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 3px;
	text-align: center;
	color: #333;
	}
	#listSCT .cnt li a.active {
	background-color: #c52348;
	color: #fff;
	}
}
@media screen and (min-width: 600px) {
	#listSCT {
	padding: 0 0 90px 0;
	}
	#listSCT .cont {
	margin: 0 auto;
	padding: 0;
	width: 1020px;
	}
	#listSCT .hed {
	position: relative;
	padding-bottom: 30px;
	}
	#listSCT h3 {
	border-bottom: solid 1px #ddd;
	margin-bottom: 23px;
	padding-bottom: 20px;
	font-size: 18px;
	}
	#listSCT .cnt {	}
	#listSCT .cnt ul {
	margin: 0 -1px;
	display: flex;
	flex-wrap: wrap;
	}
	#listSCT .cnt li {
	box-sizing: border-box;
	padding: 1px;
	width: calc(100% / 6);
	font-size: 14px;
	line-height: 48px;
	}
	#listSCT .cnt li a {
	display: block;
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 3px;
	text-align: center;
	color: #333;
	}
	#listSCT .cnt li a:hover {
	color: #c52348;
	}
	#listSCT .cnt li a.active {
	background-color: #c52348;
	color: #fff;
	}
	#listSCT .list {
	margin: 0 -2px;
	padding-bottom: 40px;
	}
	#listSCT .block {
	box-sizing: border-box;
	padding: 2px 2px 12px 2px;
	width: 25%;
	}
	#listSCT .block .image {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	}
	#listSCT .block .image img {
	transition: all 0.7s ease;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}
	#listSCT .block:hover img {
	transform: scale(1.1);
	}
	#listSCT .block p {
	transition: all 0.7s ease;
	position: relative;
	margin-top: 7px;
	padding-left: 18px;
	font-size: 14px;
	}
	#listSCT .block:hover p {
	color: #c52348;
	}
	#listSCT .block p::before {
	width: 11px;
	height: 17px;
	}
	#listSCT .sortModal {
	display: none;
	}
	#listSCT .more {
	position: absolute;
	right: 0;
	top: -6px;
	margin-bottom: 0;
	width: 140px;
	font-size: 14px;
	line-height: 34px;
	}
	#listSCT .more span {
	display: block;
	position: relative;
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	color: #333;
	}
	#listSCT .more:hover span {
	color: #c52348;
	}
	#listSCT .more span::before {
	transform: translateY(-50%);
	content: "";
	position: absolute;
	top: 50%;
	left: 13px;
	background: url("/IMAGES/GARAGE/PHOTOGALLERY/icn_sort.svg") no-repeat center center;
	background-size: contain;
	width: 20px;
	height: 13px;
	}
	#listSCT .more span::after {
	transform: translateY(-50%);
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	border-right: 5px solid transparent;
	border-top: 6px solid #000;
	border-left: 5px solid transparent; 
	}
	#listSCT .pagination ul {
	margin: 0 -2px;
	}
	#listSCT .pagination li {
	padding: 0 2px;
	font-size: 16px;
	line-height: 34px;
	}
	#listSCT .pagination a {
	width: 36px;
	}
	#listSCT .pagination a:hover {
	color: #c52348;
	}
	#listSCT .pagination .prev a {
	width: 130px;
	}
	#listSCT .pagination .next a {
	width: 130px;
	}
	#listSCT .pagination .prev a::after {
	left: 10px;
	border-top: 5px solid transparent;
	border-right: 8px solid #333;
	border-bottom: 5px solid transparent; 
	}
	#listSCT .pagination .next a::after {
	right: 10px;
	border-top: 5px solid transparent;
	border-left: 8px solid #333;
	border-bottom: 5px solid transparent; 
	}
}

#modalSCT {
position: relative;
display: none;
z-index: 100000002;
}
#modalSCT .mask {
position: fixed;
left: 0;
top: 0;
background-color: #b2b2b2;
width: 100%;
height: 100%;
z-index: 100000002;
opacity: 0.8;
}
#modalSCT .close {
position: absolute;
right: 0;
top: 0;
background-color: #c71444;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 10;
}
#modalSCT .close::before {
transform: translate(-50%,-50%) rotate(-45deg);
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
width: 14px;
height: 2px;
}
#modalSCT .close::after {
transform: translate(-50%,-50%) rotate(45deg);
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
width: 14px;
height: 2px;
}
#modalSCT .sort {
transform: translateY(-50%);
box-sizing: border-box;
position: fixed;
left: 15px;
right: 15px;
top: 50%;
background-color: #fff;
padding-bottom: 20px;
max-height: 100%;
text-align: center;
z-index: 100000003;
display: none;
}
#modalSCT.sortView .sort {
display: block;
}
#modalSCT .sort h3 {
padding: 25px 0 25px 0;
font-family: ShinGoPro-Bold,sans-serif !important;
font-weight: normal;
font-size: 18px;
}
#modalSCT .sort .select {
background-color: #f0f0f0;
margin-bottom: 20px;
padding: 30px 20px 10px 20px;
}
#modalSCT .sort .select div {
position: relative;
box-shadow: 0px 0px 5 px rgba(0,0,0,0.2);
background-color: #fff;
border-radius: 5px;
margin-bottom: 20px;
padding: 0 11px;
}
#modalSCT .sort .select div::after {
transform: translateY(-50%);
content: "";
position: absolute;
top: 50%;
right: 15px;
border-right: 5px solid transparent;
border-top: 6px solid #999;
border-left: 5px solid transparent; 
}
#modalSCT .sort select {
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
padding-right: 1em;
width: 100%;
height: 35px;
font-size: 14px;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
}
#modalSCT .sort button {
box-shadow: 0 0 5px rgba(0,0,0,0.2);
background: #c71444;
border: none;
border-radius: 5px;
width: 230px;
height: 40px;
font-size: 15px;
color: #fff;
cursor: pointer;
}
#modalSCT .detail {
transform: translateY(-50%);
box-sizing: border-box;
position: fixed;
left: 5px;
right: 5px;
top: 50%;
background-color: #fff;
padding-bottom: 20px;
max-height: 100%;
text-align: left;
z-index: 100000003;
display: none;
}
#modalSCT.detailView .detail {
display: block;
}
#modalSCT .detail .date {
padding: 20px 15px 10px 15px;
font-size: 14px;
}
#modalSCT .detail .image {
position: relative;
padding-top: 75%;
}
#modalSCT .detail .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#modalSCT .detail .credit {
margin-bottom: 7px;
padding: 10px 15px 0 15px;
font-size: 13px;
}
#modalSCT .detail .tag {
margin-bottom: 12px;
padding: 0 15px 0 15px;
}
#modalSCT .detail .tag li {
display: inline-block;
background-color: #f1f1f1;
border-radius: 12px;
margin-right: 5px;
padding: 0 12px;
font-size: 10px;
line-height: 24px;
}
#modalSCT .detail .tag li a {
color: #333;
}
#modalSCT .detail .explan {
overflow-y: scroll;
margin: 0 10px 15px 15px;
padding-right: 15px;
height: 170px;
}
#modalSCT .detail .explan::-webkit-scrollbar{
width: 4px;
}
#modalSCT .detail .explan::-webkit-scrollbar-track{
background-color: #f1f1f1;
}
#modalSCT .detail .explan::-webkit-scrollbar-thumb{
background-color: #c9c9c9;
}
#modalSCT .detail .explan h3 {
margin-bottom: 14px;
font-size: 18px;
line-height: 1.3;
}
#modalSCT .detail .explan p {
font-size: 14px;
line-height: 1.58;
}
#modalSCT .detail .link {
border-top: solid 1px #ddd;
margin: 0 15px 10px 15px;
padding-top: 8px;
font-size: 14px;
}
#modalSCT .detail .link a {
position: relative;
padding-right: 10px;
color: #333;
}
#modalSCT .detail .link a::after {
transform: translateY(-50%) rotate(45deg);
content: "";
position: absolute;
top: 50%;
right: 0;
width: 7px;
height: 7px;
border-top: 1px solid #333;
border-right: 1px solid #333;
}
#modalSCT .detail .banner {
margin: 0 15px;
}
#modalSCT .detail .banner li {
margin-bottom: 10px;
}
#modalSCT .detail .banner li a {
display: block;
position: relative;
border-radius: 5px;
font-size: 14px;
line-height: 38px;
text-align: center;
}
#modalSCT .detail .banner li:nth-of-type(1) a {
background-color: #f9f9f9;
border: solid 1px #ddd;
color: #333;
}
#modalSCT .detail .banner li:nth-of-type(2) a {
background-color: #c71444;
border: solid 1px #c71444;
color: #fff;
}
#modalSCT .detail .banner li a::after {
transform: translateY(-50%) rotate(45deg);
content: "";
position: absolute;
top: 50%;
right: 12px;
width: 7px;
height: 7px;
}
#modalSCT .detail .banner li:nth-of-type(1) a::after {
border-top: 1px solid #333;
border-right: 1px solid #333;
}
#modalSCT .detail .banner li:nth-of-type(2) a::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
#modalSCT .detail .pager .next::before {
transform: translateY(-50%) rotate(45deg);
content: "";
position: absolute;
top: 180px;
right: 12px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
drop-shadow: 0px 0px 5px rgba(0,0,0,0.2);
width: 20px;
height: 20px;
}
#modalSCT .detail .pager .prev::before {
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
top: 180px;
left: 12px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
drop-shadow: 0px 0px 5px rgba(0,0,0,0.2);
width: 20px;
height: 20px;
}
@media screen and (max-width: 599px) {
	#modalSCT .sort,
	#modalSCT .detail {
	overflow: hidden;
	overflow-y: auto;
	}
}
@media screen and (min-width: 600px) {
	#modalSCT .close {
	width: 48px;
	height: 48px;
	}
	#modalSCT .close::before {
	width: 24px;
	}
	#modalSCT .close::after {
	width: 24px;
	}
	#modalSCT .sort {
	transform: translate(-50%,-50%);
	left: 50%;
	right: inherit;
	padding-bottom: 45px;
	width: 800px;
	}
	#modalSCT .sort h3 {
	padding: 40px 0 40px 0;
	font-size: 24px;
	}
	#modalSCT .sort .select {
	margin-bottom: 30px;
	padding: 45px 50px 25px 50px;
	}
	#modalSCT .sort .select div {
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 0 22px;
	}
	#modalSCT .sort .select div::after {
	right: 17px;
	border-right: 10px solid transparent;
	border-top: 12px solid #999;
	border-left: 10px solid transparent; 
	}
	#modalSCT .sort select {
	height: 50px;
	font-size: 18px;
	}
	#modalSCT .sort button {
	width: 300px;
	height: 48px;
	font-size: 18px;
	}
	#modalSCT .detail {
	transform: translate(-50%,-50%);
	left: 50%;
	right: inherit;
	padding-bottom: 0;
	width: auto;
	min-width: 900px;
	max-width: 1200px;
	}
	#modalSCT .detail .date {
	padding: 25px 40px 15px 40px;
	font-size: 14px;
	}
	#modalSCT .detail .block {
	display: flex;
	}
	#modalSCT .detail .block .vis {
	width: 720px;
	}
	#modalSCT .detail .block .pack {
	position: relative;
	box-sizing: border-box;
	width: 480px;
	padding: 0 48px 0 42px;
	}
	#modalSCT .detail .credit {
	margin-bottom: 0;
	padding: 15px 40px 25px 40px;
	font-size: 13px;
	}
	#modalSCT .detail .tag {
	margin-bottom: 22px;
	padding: 0;
	}
	#modalSCT .detail .tag li {
	border-radius: 15px;
	margin-right: 10px;
	padding: 0 19px;
	font-size: 13px;
	line-height: 30px;
	}
	#modalSCT .detail .tag li a:hover {
	color: #c71444;
	}
	#modalSCT .detail .explan {
	position: absolute;
	left: 0;
	top: 55px;
	margin: 0 48px 0 42px;
	min-width: 374px;
	height: calc(100% - 270px);
	}
	#modalSCT .detail .explan h3 {
	margin-bottom: 14px;
	font-size: 20px;
	}
	#modalSCT .detail .explan p {
	font-size: 14px;
	line-height: 1.58;
	}
	#modalSCT .detail .linkBox {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 48px 46px 42px;
	}
	#modalSCT .detail .link {
	border-top: solid 1px #ddd;
	margin: 0 0 24px 0;
	padding-top: 10px;
	font-size: 14px;
	}
	#modalSCT .detail .link a:hover {
	color: #c71444;
	}
	#modalSCT .detail .link a:hover::after {
	border-top: 1px solid #c71444;
	border-right: 1px solid #c71444;
	}
	#modalSCT .detail .banner {
	margin: 0;
	}
	#modalSCT .detail .banner li:nth-of-type(1) a:hover {
	color: #c71444;
	}
	#modalSCT .detail .banner li:nth-of-type(1) a:hover::after {
	border-top: 1px solid #c71444;
	border-right: 1px solid #c71444;
	}
	#modalSCT .detail .banner li:nth-of-type(2) a:hover {
	background-color: #9b0212;
	border: solid 1px #9b0212;
	}
	#modalSCT .detail .pager .next::before {
	transform: translateY(-50%) rotate(45deg);
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.8));
	width: 26px;
	height: 26px;
	cursor: pointer;
	}
	#modalSCT .detail .pager .prev::before {
	transform: translateY(-50%) rotate(-45deg);
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.8));
	width: 26px;
	height: 26px;
	cursor: pointer;
	}
}

div#container {
padding-bottom: 0;
}
#gn_footer_area {
position: relative;
}