@charset "UTF-8";

/* gaming-correction */
body{ background: #000; color: #fff;}
header,
.megaDropDown,
.Breadcrumb,
.head_line_area{ background-color:#000; border-bottom: 1px solid #333; }
#menu_header,
.Breadcrumb li,
.Breadcrumb a,
#footer_sitemap h3 { color: #ccc; }
#menu_header a:hover,
#menu_glo li:hover { color: #82ba00; }
#menu_glo li#gnav_product,
#menu_glo li#gnav_support { border-color: #000; }
.megaDropDown .megaDropDown_innder .block_txt .box_03{ border-color:#333; }
#menu_glo li.mega_glo{ border-image: linear-gradient(to top, rgba(51, 51, 51, 1), rgba(0, 0, 0, 0)) 1 100%; }
#menu_glo li span,
.spec_area_wrap,
.fot_cover{ background: #000; }
.megaDropDown,
.megaDropDown .megaDropDown_innder .block_txt .box_03,
.footer_box { border-top: 1px solid #333; }
.megaDropDown .megaDropDown_innder .block_txt a::after { content: ""; position: absolute; width: 5px; height: 7px; top: 30%; right: -16px; background: url(../../assets/images/common/ico_arrow_right_white.png) no-repeat; }
#menu_header a[target="_blank"] { background: url(../../assets/images/common/ico_blank_gray.png) no-repeat center right; }
#header_search input[type=text] { color: #fff; border: 1px solid #272727; background: #333; }
#header_search input[type=submit] { background: url(../../assets/images/common/ico_search_gm.png) no-repeat center center; }
#menu_glo li#gnav_product::before,
#menu_glo li#gnav_support::before { border-color: #fff transparent transparent transparent; }
#menu_glo li#gnav_product:hover::before,
#menu_glo li#gnav_support:hover::before,
#menu_glo li#gnav_product.active::before,
#menu_glo li#gnav_support.active::before { border-color: #82ba00 transparent transparent transparent; }
#menu_glo li#gnav_product.active,
#menu_glo li#gnav_support.active { color: #fff; }
.head_line_area .head_line_area_innder ul li .triangle.bottom { background: url(../../assets/images/common/ico_arrow_bottom_white.png) left top; }
.head_line_area .head_line_area_innder ul li .triangle.right { background: url(../../assets/images/common/ico_arrow_right_white.png) left top; }
.main_visual { margin: 0; } 
.sub_visual > .laser_wrap{ position:absolute; bottom:0; width:100%; }
.laser { width: 100%; height: 3px; color: #fff; background: linear-gradient(-45deg, #023f55, #023f55, #08c6d2, #023f55, #023f55); background-size: 300% 300%; -webkit-animation: Gradient 6.0s linear infinite; -moz-animation: Gradient 6.0s linear infinite; animation: Gradient 6.0s linear infinite; }
@-webkit-keyframes Gradient {
	0% { background-position: 0% 50% }
	30% { background-position: 70% 30% }
	50% { background-position: 100% 50% }
	70% { background-position: 30% 70% }
	100% { background-position: 0% 50% }
}
@-moz-keyframes Gradient {
	0% { background-position: 0% 50% }
	30% { background-position: 0% 30% }
	50% { background-position: 100% 50% }
	70% { background-position: 30% 70% }
	100% { background-position: 0% 50% }
}
@keyframes Gradient { 
	0% { background-position: 0% 50% }
	30% { background-position: 70% 30% }
	50% { background-position: 100% 50% }
	70% { background-position: 30% 70% }
	100% { background-position: 0% 50% }
}
.history_box_tab .history_box_tab_innder { background: #1e1e1e; border: 1px solid #2d2d2d; border-bottom: none; }
.history_box_tab .history_box_tab_innder span::before { background: url(../../assets/images/common/ico_history_gm.svg) no-repeat right bottom; }
.history_box_tab .history_box_tab_innder span::after { border-color: transparent transparent #ccc transparent; }
#history_box { color: #ccc; background: #1e1e1e; border-top: 1px solid #2d2d2d; }
#footer_sitemap,
#footer_link li,
#footer_copy p { color: #999; }

/* common */
.gnb_cont *{ box-sizing:border-box; }
.gnb_cont img{ width:auto; max-width:100%; height:auto; }
.gnb_cont figure{ margin:0; }

.gnb_cont sup{font-size:0.6em;}

.gnb_cont a,
.gnb_cont a:link,
.gnb_cont a:visited,
.gnb_cont a:hover,
.gnb_cont a:active{ text-decoration:none; }
.gnb_cont a,
.gnb_cont a img{ transition: all 0.3s ease; }
.gnb_cont a:hover img{ opacity:0.7; }

.gnb_cont h1,
.gnb_cont h2{ font-size:32px; line-height: 1.6; text-align:center; }
.gnb_block p,
.gnb_block li{ line-height:2; }

/* layout */
.gnb_cont{ width: 982px; margin-left:auto; margin-right:auto; padding:0 0 60px; box-sizing:border-box; }
.gnb_block{ margin-top: -100px; padding-top: 100px; margin-bottom:80px; }
.gnb_block p,
.gnb_img{ margin-bottom:40px; font-size:1.2em; }

/* content */
.gnb_ttl{ margin-right: calc(50% - 50vw + 8.5px); margin-left: calc(50% - 50vw + 8.5px); margin-bottom:60px; position:relative; text-align:center; max-height:500px; overflow:hidden; }
.gnb_ttl img{ z-index:1; width:100%; max-width:none; height:100%; object-fit: cover; }

.gnb_lineup{ display: flex; flex-wrap: wrap; }
.gnb_lineup > li{ display: flex; width:30%; margin:0 5% 30px 0; padding-bottom:60px; position:relative;  }
.gnb_lineup > li:nth-child(3n){ margin:0 0 30px;}
.gnb_lineup > li > a{ display: flex; flex-direction: column; width:100%; /* IE11のバグ対策 */}
.gnb_lineup > li > a:hover{ text-decoration:underline; }
/*.gnb_lineup > li > a > span{ margin-top: auto; text-align: right; }*/
.gnb_lineup > li > a:last-child{ display:block;position:absolute;bottom:0; width:100%; text-align:center; padding:5px 0; border:solid 1px #888;  background-color: #000;  background-image: radial-gradient(#333 28%, transparent 35%), radial-gradient(#333 28%, transparent 35%); background-size: 4px 4px; background-position: 0 0, 2px 2px; }
.gnb_lineup > li > a:last-child:hover{ background-color:#444; text-decoration:none; }
.thumbnail{ margin-bottom:5px; height:220px; transition: all 0.4s ease; }
.gnb_block .model_name{ text-align:center; font-weight:bold; font-size:22px; margin-bottom:5px; }
.gnb_block .other_list{ margin-bottom:0;font-size:0.8em; }

/* mobile */
@media screen and (min-width:768px) and (max-width: 982px){
	/* correction */
	main,
	header,
	.footer_box,
	#footer_sitemap{ min-width: auto; }
	#header_inner,
	.Breadcrumb ul,
	.history_box_tab,
	.history_box_inner{ width: auto; }
	.footer_sitemap02,
	.footer_sitemap03{ margin-top:30px; }
	
	/* layout */
	.gnb_ttl{ margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); }
	.gnb_cont{ width: 100%; padding:0 20px 60px; }
}

/* mobile */
@media screen and (max-width: 768px){
	/* gaming-correction */
	.header_menu.sp{ background-color: #000; border-color:#333; }
	.header_menu.sp .logo_area .search_action{ background: url(../../assets/images/common/ico_search_gm.png) no-repeat right 10px top 16px; }
	.header_menu.sp .logo_area .menu_action .border{ background-color: #fff; }
	.header_menu.sp .other form #searchWord_sp{ background: url(../../assets/images/common/ico_search_header_gm.svg) no-repeat 10px 50% #333; background-size: 18px;	border-color:#272727; }
	
	/* common */
	.gnb_cont h1,
	.gnb_cont h2{ font-size: 140%; }
	.gnb_cont h2{ text-align:left; }
	.gnb_cont p,
	.gnb_cont li{ font-size: 88.75%; line-height: 1.8; }
	
	/* layout */
	.gnb_cont{ width: 100%; padding:0 20px 40px; }
	.gnb_block{ padding-bottom:0; margin-bottom:60px; }
	.gnb_cont p,
	.gnb_img{ margin-bottom:20px; }

	/* content */
	.gnb_ttl{ margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); max-height:none; height:400px; }
	
	.gnb_lineup > li{ width:50%; margin:0 0 20px 0; }
	.gnb_lineup > li:nth-child(3n){ margin:0 0 20px 0;}
	.gnb_lineup > li:nth-child(odd){ padding:0 10px 45px 0;}
	.gnb_lineup > li:nth-child(even){ padding:0 0 45px 10px;}
	.gnb_block .model_name {font-size: 90.75%;}
	.gnb_block .other_list{ line-height:1.6; }
	.gnb_lineup > li > a:last-child{ padding:3px 0; }
	.thumbnail{ height:auto; }
}