@charset "shift_jis";
/*==============================================
common
============================================= */
.forSp,
.bnr .item {
display:none;
}
#header {
border-bottom: #ededed solid 1px;
}
.headerIn,
.footerIn {
width: 930px;
margin: 0 auto;
}
.copyRight { border-top: 1px solid #ededed; }
#footer { margin-top: 10px; }
.pageTop { border-radius: 50%; }

/*==============================================
看板
============================================= */
.mainTitleWrap {
width: 100%;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/bg.webp) center top no-repeat;
}
h1 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/title.webp) left top no-repeat;
width: 1105px;
height: 843px;
box-sizing: border-box;
margin: 0 auto;
text-indent: -999em;
font-size: 0;
z-index: 1;
}
.lead {
  color: #f1f1f1;
  width: 930px;
  margin: 65px auto 0;
  font-size: 16px;
  line-height: 2;
}
.lead a:link,
.lead a:visited {
color: #0054ee;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #699dfc;
}

/*---- menu ----*/
.menu {
    background: #202020;
    width: 100%;
    padding: 50px 0 30px;
}
.menu ul {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/menu_bg.png) left top 8px no-repeat;
    box-sizing: border-box;
    width: 930px;
    margin: 0 auto;
    padding: 0 0 0 160px;
}
.menu li a {
    display: inline-block;
    font-size: 14px;
    color: #bdbdbd;
    margin-bottom: 13px;
    text-decoration: none;
    padding: 5px 0;
}
.menu li a b {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/menu_icon.gif) left top no-repeat;
    box-sizing: border-box;;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: 245px;
    padding-left: 15px;
}
.menu li a:hover {
opacity: 0.6;
}
/*==============================================
 .noto
============================================= */
#mainContents {
    background: #000;
    font-family: "noto", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Arial", sans-serif;
	letter-spacing: 0.08em;
    font-feature-settings: "palt" 1;
	overflow: hidden;
}
/* regular */
@font-face {
    font-family: 'noto';
    src: url(https://img1.kakaku.k-img.com/images/fonts/noto-sans/NotoSansJP-Regular.woff);
    font-weight: normal;
}
/* medium */
@font-face {
    font-family: 'noto';
    src: url(https://img1.kakaku.k-img.com/images/fonts/noto-sans/NotoSansJP-Medium.woff);
    font-weight: 500;
}
/* bold */
@font-face {
    font-family: 'noto';
    src: url(https://img1.kakaku.k-img.com/images/fonts/noto-sans/NotoSansJP-Bold.woff);
    font-weight: 700;
}

/*==============================================
bnr
============================================= */
.topbnr {
width: 796px;
margin: 35px auto 65px;
}

.topbnr .bnr01 a {
display: block;
width: 796px;
height: 100px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/top_bnr01.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.topbnr .bnr01  {
width: 796px;
height: 100px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/top_bnr01_over.webp) no-repeat;
margin: 0 auto;
}
.topbnr .bnr02 a {
display: block;
width: 796px;
height: 100px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/top_bnr02.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.topbnr .bnr02  {
width: 796px;
height: 100px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/top_bnr02_over.webp) no-repeat;
margin: 15px auto 0;
}
.topbnr .bnr03 a {
display: block;
width: 796px;
height: 100px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/top_bnr03.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.topbnr .bnr03  {
width: 796px;
height: 100px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/top_bnr03_over.webp) no-repeat;
margin: 15px auto 0;
}
.topbnr .bnr04 a {
display: block;
width: 796px;
height: 100px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/top_bnr04.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.topbnr .bnr04  {
width: 796px;
height: 100px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/top_bnr04_over.webp) no-repeat;
margin: 15px auto 0;
}

.innerbnr {
    background: #131313;
width: 100%;
margin: 70px auto 0;
padding: 60px 0;
}

.innerbnr .bnr01 a {
display: block;
width: 889px;
height: 115px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/inn_bnr01.jpg) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.innerbnr .bnr01  {
width: 889px;
height: 115px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/inn_bnr01_over.jpg) no-repeat;
margin: 0 auto;
}
.innerbnr .bnr02 a {
display: block;
width: 889px;
height: 115px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/inn_bnr02.jpg) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.innerbnr .bnr02  {
width: 889px;
height: 115px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/inn_bnr02_over.jpg) no-repeat;
margin: 15px auto 0;
}
.innerbnr .bnr03 a {
display: block;
width: 889px;
height: 115px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/inn_bnr03.jpg) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.innerbnr .bnr03  {
width: 889px;
height: 115px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/inn_bnr03_over.jpg) no-repeat;
margin: 15px auto 0;
}
.innerbnr .bnr04 a {
display: block;
width: 889px;
height: 115px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/inn_bnr04.jpg) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.innerbnr .bnr04  {
width: 889px;
height: 115px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/inn_bnr04_over.jpg) no-repeat;
margin: 15px auto 0;
}
.topbnr a:hover,
.innerbnr a:hover {
opacity: 0;
}

.txtLink {
    text-align: center;
    margin: 50px 0 0;
}
.txtLink a {
    color: #4db6ff;
    font-size: 18px;
    text-decoration: underline;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.paragraphIn p a {
    color: #e229b8;
    text-decoration: underline;
}
.paragraphIn p a:hover,
.txtLink a:hover {
opacity: 0.6;
}

/*==============================================
#mainContents
============================================= */
#mainContents {
  background-color: #000;
}
.productBoxIn,
.paragraphIn {
width: 900px;
margin: -10px auto 0;
}
.productBoxIn p,
.paragraph p {
color: #f1f1f1;
font-size: 17px;
line-height: 1.9;
margin-top: 60px;
}
.paragraph p em {
    display: block;
    font-size: 17px;
    font-weight: bold;
}
em.kakaku {
    color: #be6cff;
    font-style: normal;
}
em.asus {
    color: #e229b8;
    font-style: normal;
}
em.nvidia {
    color: #4180ff;
    font-style: normal;
}

.paragraph p.mTop30 {
    margin-top: 30px;
}

/*---- h2 ----*/
.paragraph h2 b {
    background: linear-gradient(90deg, #2415c3 0%, #c2259e 100%);
    color: #fff;
    display: block;
    font-size: 28px ;
    /* グラデーションは背景に残しておく場合は下記2行を削除 */
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-clip: initial;
    padding: 7px 0;
}
.paragraph h2 {
box-sizing: border-box;
    color: #fff;
font-weight: bold;
font-size: 38px;
line-height: 1.4;
text-align: center;
width: 930px;
margin: 110px auto 0;
}
#article01.paragraph h2 b {
width: 245px;
margin: 0 auto 25px;
}
#article02.paragraph h2 b {
width: 400px;
margin: 0 auto 25px;
}
#article03.paragraph h2 b {
width: 380px;
margin: 0 auto 25px;
}
#matome.paragraph h2 b {
width: 120px;
margin: 0 auto 25px;
}

/*---- talbe ----*/
.table01 {
    margin-top: 70px;
}
.table01 strong {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.table01 table {
    border: solid #000000;
    border-width: 1px 1px 1px 0;
    width: 930px;
    border-collapse: collapse;
    margin: 10px auto;
}
.table01 th,
.table01 td {
    border: solid #000000;
    border-width: 1px;
    padding: 16px 0;
    text-align: center;
    color: #fff;
}
.table01 th {
    background-color: #292929;
    font-weight: bold;
    font-size: 14px;
}
.table01 td {
    background-color: #363636;
}


/*---- img ----*/
.imgBoxB {
    width: 600px;
    margin: 70px auto 0;
}
p.cap {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
}
.imgBoxB a + a {
    display: block;
    margin-top: 15px;
}
.imgBox02 {
    width: 930px;
    margin: 70px auto 0;
}
.imgBox02 a {
    display: block;
    float: left;
    width: 49%;
}
.imgBoxMatome {
    width: 778px;
    margin: 70px auto 0;
}
.leftimg,
.imgBox02 a + a {
    display: block;
    float: right;
        width: 49%;
}
.movTit {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/mov_icon.gif) no-repeat;
background-size: 40px;
box-sizing: border-box;
padding-left: 55px;
}
.movTit,
.photoName {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;
}
.imgBoxMatome img,
.leftimg img,
.imgBox02 img,
.imgBoxB img,
.imgBox img {
width: 100%;
}
.imagesClear + p {
    margin-top: 15px;
}
.imagesClear {
overflow: hidden;
}
/*----　動画 ----*/
video { 
outline: none;
}
.movTxt {
font-size: 13px;
line-height: 1.5;
color: #666;
text-align: center;
}

/*----　動画2x1 ----*/
.movBox2 {
width: 930px;
margin: 70px auto 0;
}
.movWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.movWrap .mov {
width: 470px;
height: 246px;
margin-bottom:10px;
}

/*----　productBox ----*/
.productBox {
border-top: #4d4d4d solid 1px;
width: 100%;
margin: 190px auto 0;
padding: 100px 0 0;
}
.productTitle {
    text-align: center;
    padding-bottom: 60px;
}
.productTitle strong {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
}
.productBoxIn02 {
    overflow: hidden;
    width: 778px;
    margin: 0 auto 30px;
}
.itemInfo,
.itemName {
    color: #fff;
    text-align: center;
}
.itemInfo {
    font-size: 12px;
    margin-bottom: 15px;
}
.itemName {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.itemName span {
    font-size: 15px;;
}
.productBoxIn02 dl {
    width: 290px;
    margin: 0 auto;
}
.item01, .item02, .item03, .item04 {
background: #232323 url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/product_bg.jpg) top center no-repeat;
    width: 351px;
    padding: 45px 0 35px;
}
.item01,
.item03 {
    float: left;
}
.item02,
.item04 {
    float: right;
}

.imgBoxPro {
    text-align: center;
    height: 180px;
}
.itemBnr span {
display: block;
width: 290px;
height: 46px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/product_bnr.jpg) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.itemBnr  {
width: 290px;
height: 46px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/product_bnr_over.jpg) no-repeat;
margin: 15px auto 0;
}
.itemBnr span:hover {
opacity: 0;
}

/*----　other ----*/
.otherTitle {
    width: 900px;
    margin: 60px auto 40px;
    text-align: center;
}
.otherItemDl {
    border-left: #4d4d4d solid 1px;
    box-sizing: border-box;
    padding-left: 50px;
}
.otherItemDl + .otherItemDl {
    margin-left: 50px;
}
.otherTitle strong {
    background: linear-gradient(90deg, #3285ff 0%, #fa04ed 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
    font-size: 23px;
}
.otherItemIn {
    width: 900px;
    margin: 0 auto;
    padding-bottom: 30px;
    overflow: hidden;
}
.otherItemIn dl {
    width: 280px;
    float: left;
}
.otherItemIn dt {
    color: #ff48d5;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
}
.otherItemIn a {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/txt_link.gif) left no-repeat;
background-size: 15px;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-size: 15px;
margin-bottom: 15px;
padding-left: 25px;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.otherItemIn a:hover {
opacity: 0.6;
}


/*----　#campaignBox ----*/
#campaignBox {
background: #000;
border-bottom: #c2259e solid 3px;
border-left: #c2259e solid 3px;
border-right: #c2259e solid 3px;
border-top: #c2259e solid 80px;
box-sizing: border-box;
margin: 70px 0 0;
padding-bottom: 70px;
}

.campaignTitle {
color: #fff;
text-align: center;
font-size: 27px;
font-weight: bold;
margin: -53px 0 70px;
}
.campaignTxt {
    color: #fff;
    text-align: center;
}
.databox {
    color: #fff;
    font-size: 17px;;
}
.databox ul {
    width: 490px;
    margin: 40px auto;
}
.databox li {
    margin-bottom: 15px;
}
.databox li span {
    background: #c2259e;
    display: inline-block;
    color: #fff;
    width: 110px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    margin-right: 15px;
    padding: 7px;
}
.databox li strong {
    color: #ff5dda;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    top: 5px;
}
.campaign_bnr a {
background: #c2259e url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_rog/txt_link.gif) center right 10px no-repeat;
background-size: 25px;
        border-radius: 60px;
display: block;
color: #fff;
width: 530px;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
text-align: center;
font-size: 17px;
margin: 20px auto 0;
padding: 10px 0;
}
.campaign_bnr a:hover {
opacity: 0.6;
}

.campaignbnr {
width: 900px;
margin: 80px auto 40px;
}
.campaignbnr02 {
    overflow: hidden;
width: 930px;
margin: 80px auto 40px;
}
.campaignbnr02 img {
    display: block;
    width: 48%;
    float: left;
}
.campaignbnr02 img + img {
    display: block;
    width: 48%;
    float: right;
}

.campaignbnr img {
    width: 100%;
}

/*==============================================
.releasedate
============================================= */
.releasedate {
font-size: 11px; 
color: #fff;
width: 900px; 
margin: 0 auto 130px; 
text-align: right;
}