@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 20px;
    background:#000;
overflow-x: hidden;
}


body {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  font-size: 24px;
  color:#ffffff;
  font-family: "Yu Gothic Medium", 'Noto Sans JP', "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


a {
  color:#0068b7;
}

a:hover {
  opacity:0.8;
}



#global ul li a {
    display:block;
    font-size:0.7rem;
    color:#fff;
    text-decoration:none;
    padding:18px 0;
  text-shadow:
    0 2px 1px rgba(0, 0, 0, 1),
    0 0 10px rgba(0, 0, 0, 1);
}

#death-stranding-2 * {
	box-sizing: border-box;
	position:relative;
}

br.sp {
	display:none;
}

span.spacer01{
  margin-left: -10px;
  background: none;
  padding:0;
  margin-right:0px;
}

@media only screen and (max-width:768px){
br.sp {
	display:block;
}

span.spacer01{
	display:none;
	margin-left: 0px;
}

}


.main-img {
	display:block;
	width: 100% ;
	margin:0 auto;
	padding:0;
	background:#000000;
	overflow: hidden;}



.main-bg {
	display: block;
	position:relative;
	width:100%;
	max-width:1920px;
	padding: 0;
	margin: 0 auto;
	opacity: 0;
	-webkit-animation: fade2 2s ease 0.5s 1 forwards;
	animation: fade2 2s ease 0.5s 1 forwards;
}

.main-bg-sp {
	display: none;
}

.monhan-copy{
	position:absolute;
	top:20px;
	left:33%;
	display: block;
	padding:0;
	margin:0 auto 0 0;
	width: 60%;
	max-width: 1079px;
	opacity: 0;
	-webkit-animation: fade1 1s ease 1.5s 1 forwards;
	animation: fade1 1s ease 1.5s 1 forwards;
}

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

.main-img {
	display:block;
	width: 100% ;
	margin:0 auto;
	padding:0;
	background:#000000;
	overflow: hidden;
}


	.main-bg {
		display: none;
	}

	.main-bg-sp {
		display: block;
		position:relative;
		width:100%;
		max-width:1920px;
		padding: 0;
		margin: 0 auto;
		opacity: 0;
		-webkit-animation: fade2 2s ease 0.5s 1 forwards;
		animation: fade2 2s ease 0.5s 1 forwards;
	}

	.monhan-copy{
		position:absolute;
		top:0px;
		left:10%;
		display: block;
		padding:0;
		margin:0 auto;
		width: 80%;
		opacity: 0;
		-webkit-animation: fade1 1s ease 1.5s 1 forwards;
		animation: fade1 1s ease 1.5s 1 forwards;
	}

}


@keyframes fade1 {
  0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@-webkit-keyframes fade1 {
  0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@keyframes fade2 {
  0% {opacity: 0; transform:scale(1.0);}
  100% {opacity: 1; transform:scale(1.0);}
}

.main-img h1{
	font-size:2.6rem;
	background:none;
	font-weight:bold;
	margin:0 0 0 0;
	color:#fff !important;
}



footer {
	display: block;
	width: 100%;
	background-color: #000;
	margin: 0 auto;
	padding: 10px 0 50px;
	color:#fff;
	text-align:center;
}

@media print, screen and (max-width: 768px) {
footer {
	display: block;
	width: 100%;
	background-color: #000;
	margin: 0 auto 60px;
	padding: 10px 0;
	color:#fff;
	text-align:center;
}
}

footer img.logo {
	width: auto;
	margin: 30px auto;
	display: block;
}

footer small {
	font-size:12px;
}

.page-top {
	position: fixed;
	bottom: 50px;
	right: 5px;
	font-size: 77%;
	z-index:9999;
	opacity: 0.7;
	text-indent:-9999px;
}

.page-top a {
	background: url(/ssp/lcd/gigacrysta/images/ds2/pagetop.png) center/80% no-repeat;
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 30px 0;
	text-align: center;
	display: block;
}

.page-top a:hover {
	text-decoration: none;
	opacity: 0.7;
}

@media print, screen and (min-width: 768px) {
	.page-top {
		bottom: 20px;
		right: 20px;
	}

	.page-top a {
		background: url(/ssp/lcd/gigacrysta/images/ds2/pagetop.png) center/80% no-repeat;
		width: 80px;
	}
	.page-top a:hover {
		text-decoration: none;
		opacity: 0.7;
	}
}

.scroll .notice{
display: none;
}

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

.scroll{
margin:0 3%;
overflow: auto;
/*white-space: nowrap;
  -webkit-overflow-scrolling: touch;*/
}

.scroll .notice{
display: block;
width: 96%;
margin:15px auto 5px;
font-size: 12px;
color:#ffffff;
}

.scroll::-webkit-scrollbar{
height: 5px;
}
.scroll::-webkit-scrollbar-track{
background: #F6F6F6;
}
.scroll::-webkit-scrollbar-thumb {
background: #C2C2C2;
}

.scroll table{
	width: 600px;
	margin:0 10px 10px;
}

}

.hdr-section {
  position: relative;
  min-height: 720px;
  background-image: url("/ssp/lcd/gigacrysta/images/ds2/hdr-bg.jpg");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
  color: #fff;
  overflow: hidden;
}

.hdr-section__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
}

.hdr-section__content {
  position: relative;
  z-index: 2;
  max-width: 1000px;
  width: 100%;
  text-align: center;

  text-shadow:
    0 3px 8px rgba(0, 0, 0, 0.75),
    0 0 16px rgba(0, 0, 0, 0.55);
}

.hdr-section__title {
  font-size: clamp(28px, 2.6vw, 36px);
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 36px;
}

.hdr-section__logo {
  margin-bottom: 54px;
}

.hdr-section__logo img {
  width: min(460px, 70vw);
  height: auto;
}

.hdr-section__lead,
.hdr-section__text {
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 700;
  line-height: 2;
  margin: 0 0 30px;
}

.hdr-section__text {
  margin-top: 38px;
}

.hdr-section__lead small{
  font-size: 65%;
  font-weight: 400;
}

.hdr-section__lead sup{
  font-size: 50%;
}



/* =========================
   max-width: 768px
========================= */
@media (max-width: 768px) {

  .hdr-section {
    min-height: 560px;
    padding: 56px 20px;
    background-position: center;
  }

  .hdr-section__overlay {
    background: rgba(0, 0, 0, 0.45);
  }

  .hdr-section__content {
    text-align: left;
  }

  .hdr-section__title {
    line-height: 1.5;
    margin-bottom: 24px;
    text-align: center;
  }

  .hdr-section__logo {
    text-align: center;
    margin-bottom: 32px;
  }

  .hdr-section__logo img {
    width: 80%;
    max-width: 360px;
  }

  .hdr-section__lead,
  .hdr-section__text {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .hdr-section__lead br,
  .hdr-section__text br {
    display: none;
  }

.hdr-section__lead small{
  font-size: 85%;
}

.hdr-section__lead sup{
  font-size: 65%;
}

  .hdr-section__text {
    margin-top: 28px;
  }

}

.gsync-section {
  position: relative;
  overflow: hidden;
  padding: 100px 40px;
  background: url("/ssp/lcd/gigacrysta/images/ds2/gsync-bg.jpg") center center / cover no-repeat;
  color: #fff;
}

.gsync-section__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
}

.gsync-section__inner {
  position: relative;
  z-index: 2;

  max-width: 1600px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.gsync-section__content {
  width: 48%;

  text-shadow:
    0 3px 8px rgba(0,0,0,0.8),
    0 0 14px rgba(0,0,0,0.5);
}


/* =========================
   タイトル
========================= */

.gsync-section__title {
  font-size: clamp(28px, 2.6vw, 36px);
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 12px;

  text-align: center;
}

.gsync-section__sub {
  font-size: clamp(18px, 1.8vw, 28px);
  font-weight: 700;
  margin: 0 0 50px;
  text-align: center;
}


/* =========================
   ロゴ
========================= */

.gsync-section__logo {
  margin-bottom: 60px;
  text-align: center;
}

.gsync-section__logo img {
  width: min(320px, 70%);
  height: auto;
}


/* =========================
   本文
========================= */

.gsync-section__text-wrap {
  max-width: 640px;
  margin: 0 auto;

  text-align: left;
}

.gsync-section__lead,
.gsync-section__text {
  font-size: clamp(18px, 1.3vw, 28px);
  line-height: 2;
  font-weight: 700;
  text-align:left;
}

.gsync-section__lead {
  margin-bottom: 40px;
}


/* =========================
   モニター
========================= */

.gsync-section__monitor {
  width: 48%;
  text-align: right;
}

.gsync-section__monitor img {
  width: 80%;
  max-width: 720px;
  height: auto;

  filter: drop-shadow(0 10px 24px rgba(0,0,0,0.5));
}


/* =========================
   max-width: 768px
========================= */

@media (max-width: 768px) {

  .gsync-section {
    padding: 70px 20px;
  }

  .gsync-section__inner {
    flex-direction: column;
    gap: 50px;
  }

  .gsync-section__content,
  .gsync-section__monitor {
    width: 100%;
  }

.gsync-section__monitor img {
  width: 100%;
}


  .gsync-section__title {
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .gsync-section__sub {
    margin-bottom: 50px;
  }

  .gsync-section__logo {
    margin-bottom: 40px;
  }

  .gsync-section__logo img {
    width: 260px;
    max-width: 100%;
  }

  .gsync-section__text-wrap {
    max-width: 100%;
  }

  .gsync-section__lead,
  .gsync-section__text {
    font-size: 16px;
    line-height: 2;
  }

  .gsync-section__lead {
    margin-bottom: 28px;
  }

  .gsync-section__monitor {
    text-align: center;
  }

}


.ahva-section {
  position: relative;
  overflow: hidden;

  /* 背景下部まで表示 */
  min-height: 980px;

  /* キャラクターに被らないよう下余白を大きく */
  padding: 80px 40px 460px;

  background: url("/ssp/lcd/gigacrysta/images/ds2/ahva-bg.jpg") center bottom / cover no-repeat;
  color: #000;
}

.ahva-section__overlay {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.02);
}

.ahva-section__inner {
  position: relative;
  z-index: 2;

  max-width: 1200px;
  margin: 0 auto;
}

.ahva-section__content {
  max-width: 1000px;
  margin: 0 auto;

  /* ボックス高さを圧縮 */
  padding: 46px 50px 42px;

  background: rgba(255,255,255,0.45);
  backdrop-filter: blur(2px);

  text-align: center;
}

.ahva-section__title {
  font-size: clamp(28px, 2.6vw, 40px);
  line-height: 1.45;
  font-weight: 700;

  margin: 0 0 10px;

  color: #000;
  text-align: center;
}

.ahva-section__sub {
  font-size: clamp(18px, 1.8vw, 28px);
  line-height: 1.6;
  font-weight: 700;

  margin: 0 0 36px;

  color: #000;
  text-align: center;
}

.ahva-section__text-wrap {
  max-width: 800px;
  margin: 0 auto;

  text-align: left;
}

.ahva-section__text-wrap p {
  font-size: clamp(18px, 1.3vw, 24px);
  line-height: 1.75;
  font-weight: 700;

  margin: 0 0 24px;

  color: #000;
}

.ahva-section__text-wrap p:last-child {
  margin-bottom: 0;
}


/* =========================
   max-width: 768px
========================= */

@media (max-width: 768px) {

  .ahva-section {
    min-height: 860px;
    background-position: 60% bottom;

    /* スマホでもキャラクターに被らないように */
    padding: 36px 20px 340px;

  }

  .ahva-section__content {
    max-width: 100%;

    padding: 28px 20px 24px;

    background: rgba(255,255,255,0.58);
  }

  .ahva-section__title {
    line-height: 1.5;
    margin-bottom: 8px;
  }

  .ahva-section__sub {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .ahva-section__text-wrap {
    max-width: 100%;
  }

  .ahva-section__text-wrap p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

}



.refresh-section {
  position: relative;
  overflow: hidden;
  min-height: 900px;
  padding: 90px 40px;
  background: url("/ssp/lcd/gigacrysta/images/ds2/refresh-bg.jpg") center center / cover no-repeat;
  color: #000;
}

.refresh-section__overlay {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.12);
}

.refresh-section__inner {
  position: relative;
  z-index: 2;
  max-width: 1600px;
  margin: 0 auto;
}

.refresh-section__content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;

  text-shadow:
    0 3px 8px rgba(255,255,255,0.85),
    0 0 14px rgba(255,255,255,0.65);
}

.refresh-section__title {
  font-size: clamp(28px, 2.6vw, 36px);
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  text-align: center;
}

.refresh-section__sub {
  font-size: clamp(18px, 1.8vw, 28px);
  font-weight: 700;
  margin: 0 0 40px;
  text-align: center;
}

.refresh-section__text-wrap {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.refresh-section__lead,
.refresh-section__text {
  font-size: clamp(18px, 1.3vw, 28px);
  line-height: 2;
  font-weight: 700;
  margin: 0;
}

.refresh-section__lead {
  margin-bottom: 20px;
}


/* =========================
   max-width: 768px
========================= */

@media (max-width: 768px) {

  .refresh-section {
    min-height: 760px;
    padding: 60px 20px 500px;
    background-position: center bottom;
  }

  .refresh-section__overlay {
    background: rgba(255,255,255,0.18);
  }

  .refresh-section__content {
    max-width: 100%;
  }

  .refresh-section__title {
    line-height: 1.5;
    margin-bottom: 12px;
  }

  .refresh-section__sub {
    margin-bottom: 20px;
  }

  .refresh-section__text-wrap {
    max-width: 100%;
    text-align: left;
  }

  .refresh-section__lead,
  .refresh-section__text {
    font-size: 16px;
    line-height: 2;
    text-align: left;
  }

  .refresh-section__lead {
    margin-bottom: 28px;
  }

  .refresh-section__text br {
    display: none;
  }

}

.night-section {
  position: relative;
  overflow: hidden;
  min-height: 900px;
  padding: 90px 40px 420px;
  background: url("/ssp/lcd/gigacrysta/images/ds2/night-bg.jpg") center center / cover no-repeat;
  color: #fff;
}

.night-section__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.18);
}

.night-section__inner {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;
}

.night-section__content {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;

  text-shadow:
    0 3px 8px rgba(0,0,0,0.85),
    0 0 14px rgba(0,0,0,0.65);
}

.night-section__title {
  font-size: clamp(28px, 2.6vw, 36px);
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
}

.night-section__sub {
  font-size: clamp(18px, 1.8vw, 28px);
  line-height: 1.6;
  font-weight: 700;
  margin: 0 0 70px;
}

.night-section__text-wrap {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.night-section__lead,
.night-section__text {
  font-size: clamp(18px, 1.3vw, 28px);
  line-height: 2;
  font-weight: 700;
  margin: 0;
}

.night-section__lead {
  margin-bottom: 34px;
}


/* =========================
   max-width: 768px
========================= */

@media (max-width: 768px) {

  .night-section {
    min-height: 760px;
    padding: 58px 20px 390px;
    background-position: center bottom;
  }

  .night-section__overlay {
    background: rgba(0,0,0,0.28);
  }

  .night-section__content {
    max-width: 100%;
  }

  .night-section__title {
    line-height: 1.5;
    margin-bottom: 12px;
  }

  .night-section__sub {
    font-size: 20px;
    margin-bottom: 42px;
  }

  .night-section__text-wrap {
    text-align: left;
  }

  .night-section__lead,
  .night-section__text {
    font-size: 16px;
    line-height: 2;
    text-align: left;
  }

  .night-section__lead {
    margin-bottom: 28px;
  }

  .night-section__text br {
    display: none;
  }

}

.comfort-section {
  background: #000;
  color: #fff;
  overflow: hidden;
}

.comfort-section__main {
  position: relative;
}

.comfort-section__title {
  position: absolute;
  z-index: 2;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);

  width: 90%;
  text-align: center;

  font-size: clamp(28px, 2.6vw, 36px);
  line-height: 1.4;
  font-weight: 700;

  text-shadow:
    0 3px 8px rgba(0,0,0,0.85),
    0 0 14px rgba(0,0,0,0.65);
}

.comfort-section__visual img {
  display: block;
  width: 100%;
  height: auto;
}

.comfort-section__body {
  max-width: 1500px;
  margin: 0 auto;
  padding: 80px 40px 110px;
  text-align: center;
}

.comfort-section__lead,
.comfort-section__text {
  font-size: clamp(16px, 1.2vw, 22px);
  line-height: 2;
  font-weight: 700;
  margin: 0;
}

.comfort-section__text {
  margin-top: 8px;
}

.comfort-section__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 80px;
}

.comfort-card {
  padding: 0 48px;
  border-left: 1px solid rgba(255,255,255,0.6);
}

.comfort-card:last-child {
  border-right: 1px solid rgba(255,255,255,0.6);
}

.comfort-card__title {
  font-size: clamp(18px, 1.3vw, 24px);
  line-height: 1.5;
  font-weight: 700;
  margin: 0 0 42px;
  text-align: center;
}

.comfort-card__image img {
  display: block;
  width: 100%;
  max-width: 330px;
  height: auto;
  margin: 0 auto;
}


/* =========================
   max-width: 768px
========================= */

@media (max-width: 768px) {

  .comfort-section__title {
    top: 7%;
    font-size: 26px;
    line-height: 1.5;
  }

  .comfort-section__visual img {
    width: 260%;
    max-width: none;
    margin-left: -80%;
  }

  .comfort-section__body {
    padding: 56px 20px 80px;
  }

  .comfort-section__lead,
  .comfort-section__text {
    font-size: 16px;
    line-height: 2;
    text-align: left;
  }

  .comfort-section__cards {
    grid-template-columns: 1fr;
    gap: 48px;
    margin-top: 56px;
  }

  .comfort-card {
    padding: 42px 20px;
    border-left: none;
    border-top: 1px solid rgba(255,255,255,0.6);
  }

  .comfort-card:last-child {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.6);
  }

  .comfort-card__title {
    font-size: 20px;
    margin-bottom: 28px;
  }

  .comfort-card__image img {
    max-width: 320px;
  }

}

.recommend-section {
  position: relative;
  overflow: hidden;
  min-height: 900px;
  padding: 90px 40px 420px;
  background: url("/ssp/lcd/gigacrysta/images/ds2/recommend-bg.jpg") center center / cover no-repeat;
  color: #fff;
}

.recommend-section__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.12);
}

.recommend-section__inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;

  text-shadow:
    0 1px 4px rgba(0,0,0,0.8),
    0 0 6px rgba(0,0,0,0.55);
}

.recommend-section__title {
  font-size: clamp(28px, 2.6vw, 40px);
  line-height: 1.45;
  font-weight: 700;
  margin: 0 0 20px;
}

.recommend-section__logo {
  margin-bottom: 20px;
}

.recommend-section__logo img {
  display: block;
  width: min(800px, 100vw);
  height: auto;
  margin: 0 auto;
}

.recommend-section__text {
  font-size: clamp(18px, 1.2vw, 22px);
  line-height: 1.6;
  font-weight: 700;
}

.recommend-section__text p {
  margin: 0 0 8px;
}


/* =========================
   max-width: 768px
========================= */

@media (max-width: 768px) {

  .recommend-section {
    min-height: 760px;
    padding: 56px 20px 380px;
    background-position: center bottom;
  }

  .recommend-section__overlay {
    background: rgba(0,0,0,0.2);
  }

  .recommend-section__inner {
    max-width: 100%;
  }

  .recommend-section__title {
    line-height: 1.5;
    margin-bottom: 34px;
  }

  .recommend-section__logo {
    margin-bottom: 34px;
  }

  .recommend-section__logo img {
    width: 100%;
    max-width: 420px;
  }

  .recommend-section__text {
    font-size: 16px;
    line-height: 2;
    text-align: left;
  }

  .recommend-section__text p {
    margin-bottom: 14px;
  }

}

.lineup-section {
  background:#000;
  padding: 100px 0;
  margin:0 auto;
  position: relative;
}

.lineup-section h2{
  font-size: clamp(28px, 2.6vw, 36px);
  text-align:center;
  margin-bottom:30px;
}

.lineup-section p{
  font-size: clamp(16px, 1.4vw, 24px);
  text-align:center;
}


.lineup-detail {
  display: block;
  width: 100%;
  max-width:1366px;
  margin:20px auto;
  padding: 0;
  text-align:center;
}
 table.spec-table {
  width: 100%;
  max-width:1366px;
  margin:0 auto;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.1);
}

 table.spec-table td {
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  font-size:1.5rem;
}

 table.spec-table td span {
  font-size:0.8rem;
}

 table.spec-table th {
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: bold;
  text-align: center;
  font-size:1rem;
}

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

.lineup-section p{
  text-align:left;
  line-height:1.6;
}
	 table.spec-table {
  	  width: 94% !important;
	  max-width: none;
  	  margin:0 auto !important;
  	  border-collapse: collapse;
  	  background: rgba(255, 255, 255, 0.1);
  	  overflow-x: hidden;
	}

	 table.spec-table td {
	  padding: 12px 16px;
  	  border: 1px solid rgba(255, 255, 255, 0.3);
  	  text-align: center;
  	  font-size:1.2rem;
  	}
	
	 table.spec-table td span {
	  font-size:0.6rem;
  	}
  	
  	 table.spec-table th {
  	  padding: 12px 16px;
	  border: 1px solid rgba(255, 255, 255, 0.3);
	  background-color: rgba(255, 255, 255, 0.2);
	  font-weight: bold;
  	  text-align: center;
  	  font-size:0.8rem;
  	}
}


 table.lineup-table {
  width: 94%;
  margin:50px auto;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.1);
}

 table.lineup-table a{
  color:#ffffff;
  text-decoration: none;
}


 table.lineup-table td {
  padding: 12px 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  font-size:1rem;
  width:20%;
}

 table.lineup-table td img{
  display: block;
  width: 80%;
  margin:20px auto;
  padding: 0;
}

 table.lineup-table td img.logo{
  display: block;
  width: 80%;
  margin:0px auto;
  padding: 0;
  max-width:320px;
}

 table.lineup-table td img.hdr10{
  display: block;
  width: 30%;
  margin:0px auto;
  padding: 0;
  max-width:120px;
}

 table.lineup-table td img.logo2{
  display: block;
  width: 40%;
  margin:0px auto;
  padding: 0;
  max-width:150px;
}

 table.lineup-table td span {
  font-size:1.5rem;
}

 table.lineup-table th {
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: bold;
  text-align: center;
  font-size:1rem;
  width:20%;
}

 table.lineup-table tr.gray {
  background-color: rgba(255, 255, 255, 0.2);
 }

@media only screen and (max-width:768px){
	  table.lineup-table {
	  width: 100%;
  	  max-width:1366px;
	  margin:50px auto;
	  border-collapse: collapse;
	  background: rgba(255, 255, 255, 0.1);
overflow-x: hidden;

	}

	 table.lineup-table a{
	  color:#ffffff;
	  text-decoration: none;
	}


	 table.lineup-table td {
	  padding: 12px 5px;
	  border: 1px solid rgba(255, 255, 255, 0.3);
	  text-align: center;
	  font-size:0.7rem;
  	  min-width:200px;
	}

	 table.lineup-table td img{
	  display: block;
	  width: 80%;
	  margin:20px auto;
	  padding: 0;
	}

	 table.lineup-table td span {
	  font-size:1.2rem;
	}

	 table.lineup-table th {
	  padding: 12px 5px;
	  border: 1px solid rgba(255, 255, 255, 0.3);
	  background-color: rgba(255, 255, 255, 0.2);
	  font-weight: bold;
	  text-align: center;
  	  font-size:0.7rem;
  	  width:300px;
	 }

	 table.lineup-table tr.gray {
	  background-color: rgba(255, 255, 255, 0.2);
	 }
}

header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:48px;
  box-sizing:border-box;
  z-index:100;
  padding:0 12px;
}

@media screen and (min-width: 768px){
  header{
    height:96px;
    padding:0 30px;
  }
}

header .io_logo {
  position:relative;
  display:block;
  width:109px;
  height:12px;
  z-index:10000;
  text-indent:102%;
  white-space:nowrap;
  overflow:hidden;
}

@media screen and (min-width: 768px){
  header .io_logo{
    width:145px;
    height:18px;
  }
}

header .io_logo svg {
  display:block;
  width:100%;
  height:auto;
}

header .io_logo svg path {
  fill:#fff;
}

header .gc_logo {
  position:relative;
  display:block;
  background:url("/ssp/lcd/gigacrysta/images/common/io_logo.png") center center/100% 100% no-repeat;
  text-indent:102%;
  white-space:nowrap;
  overflow:hidden;
  width:160px;
  height:30px;
  z-index:10000;
}

@media screen and (min-width: 768px){
  header .gc_logo{
    width:230px;
    height:40px;
  }
}

header #menu_btn {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  position:absolute;
  top:0;
  right:0;
  z-index:10000;
}

header #menu_btn div,
header #menu_btn:before,
header #menu_btn:after {
  display:block;
  transition:all .4s;
  box-sizing:border-box;
  width:32px;
  height:3px;
  background:#fff;
}

header #menu_btn:before,
header #menu_btn:after {
  content:"";
  display:block;
}

header #menu_btn:before {
  margin-bottom:6px;
}

header #menu_btn:after {
  margin-top:6px;
}

header #menu_btn.on:before {
  transform:translateY(9px) rotate(-45deg);
}

header #menu_btn.on div {
  opacity:0;
}

header #menu_btn.on:after {
  transform:translateY(-9px) rotate(45deg);
}

@media screen and (min-width: 768px){
  header #menu_btn{
    display:none;
  }
}

#global {
  display:block;
  background:rgba(0,78,162,.9);
  visibility:hidden;
  opacity:0;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9000;
  padding:48px 0;
}

@media screen and (min-width: 768px){
  #global{
    display:block;
    background:none;
    position:static;
    width:auto;
    padding:0;
    visibility:visible;
    opacity:1;
  }
}

#global.on {
  visibility:visible;
  opacity:1;
}

#global ul {
  display:flex;
  align-items:center;
  flex-direction:column;
  width:100%;
}

@media screen and (min-width: 768px){
  #global ul{
    flex-direction:row;
    width:auto;
    position:static;
  }
}

#global ul li {
  border-bottom:1px solid rgba(255,255,255,.4);
  width:calc(100% - 24px);
  text-align:center;
  position:relative;
  list-style-type:none;
}

@media screen and (min-width: 768px){
  #global ul li{
    margin-right:30px;
    border:none;
    width:auto;
  }

  #global ul li:last-of-type{
    margin-right:0;
  }
}

#global ul li a {
  display:block;
  font-size:0.8rem;
  color:#fff;
  text-decoration:none;
  padding:18px 0;
}

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

  #global ul li a{
    padding:0;
  }

  #global ul li a::after{
    content:"";
    display:block;
    width:0;
    height:1px;
    background:#fff;
    position:absolute;
    bottom:-12px;
    left:50%;
    transform:translateX(-50%);
    transition:.4s;
  }

  #global ul li a:hover::after{
    width:100%;
  }

}

.intro-section {
  position: relative;
  overflow: hidden;
  padding: 120px 40px 0;
  background: url("/ssp/lcd/gigacrysta/images/ds2/intro-bg.jpg") center center / cover no-repeat;
  color: #fff;
  max-height: 1100px;

}

.intro-section__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.38);
}

.intro-section__inner {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}

.intro-section__content {
  max-width: 1100px;
  margin: 0 auto 50px;

  font-size: clamp(18px, 1.45vw, 26px);
  line-height: 2;
  font-weight: 700;

  text-shadow:
    0 3px 8px rgba(0,0,0,0.85),
    0 0 14px rgba(0,0,0,0.6);
}

.intro-section__content p {
  margin: 0 0 30px;
}

.intro-section__monitor {
  width: min(560px, 30vw);
  margin: 0 auto 50px;
}

.intro-section__monitor img {
  display: block;
  width: 100%;
  height: auto;
}


/* =========================
   max-width: 768px
========================= */

@media (max-width: 768px) {

  .intro-section {
    padding: 60px 20px 0;
    background-position: center top;
  }

  .intro-section__overlay {
    background: rgba(0,0,0,0.48);
  }

  .intro-section__content {
    max-width: 100%;
    margin-bottom: 44px;
    font-size: 16px;
    line-height: 2;
    text-align: left;
  }

  .intro-section__content br {
    display: none;
  }

  .intro-section__content p {
    margin-bottom: 28px;
  }

  .intro-section__monitor {
    width: 100%;
    margin: 0 auto;
  }

}

.ls1 {
letter-spacing:1px;
}