@charset "shift_jis";
/*==============================================
common
============================================= */

#header {
border-bottom: #ededed solid 1px;
}
.headerIn,
.footerIn {
width: 930px;
margin: 0 auto;}

.sponly{
display:none;}

.copyRight { border-top: 1px solid #ededed; }
#footer { margin-top: 10px; }
.pageTop { border-radius: 50%; }


#mainContents {
background-color: #000;
}

/*---- •ΆŽš@ ----*/
#mainContents .paragraph,
#mainContents .mainTitleWrap,
#mainContents .lead,
table th,table td,
.productBoxIn{
font-family:"ƒqƒ‰ƒMƒmŠpƒS ProN W3", Hiragino Kaku Gothic ProN, 'ŸΰƒSƒVƒbƒN Medium', 'ŸΰƒSƒVƒbƒN‘Μ', 'Yu Gothic Medium', YuGothic, Arial, "ƒƒCƒŠƒI", Meiryo, sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: 0.03em;
color: #fff;}

#mainContents p {
font-size:  124%;
line-height: 2;
}

#mainContents .cap{
font-size: 100%;
line-height: 1.9;}

#mainContents .capS {
font-size: 82%;
margin-top: 5px !important;
}

#mainContents p + p {
margin-top: 20px;}

sup {
font-size: 60%;
vertical-align: top;
position: relative;
top: 0.3em;
}

/*==============================================
effect
============================================= */

[data-effect] {
opacity: 0;
transition: transform .6s, opacity .6s;
}
[data-effect="top"] {
transform: translateY(-60px);
}
[data-effect="bottom"] {
transform: translateY(60px);
}
[data-effect="left"] {
transform: translateX(60px);
}
[data-effect="right"] {
transform: translateX(-60px);
}
[data-effect].ended {
transform: translateY(0);
opacity: 1;
}


/*==============================================
ŠΕ”Β
============================================= */
.mainTitleWrap {
width: 100%;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/top_bg.jpg) center top no-repeat;
}

.windowslogo {
width: 930px;
margin: 0 auto;}

.mainTitle {
width: 1180px;
margin: 0 auto;
padding: 45px 0 0;}

.mainTitle .title{
display: table;}

.mainTitle .title h1,
.mainTitle .title .topimg{
display: table-cell;}

h1 {
width: 609px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/pc_tit.png) 60px 66px no-repeat;
text-indent: -999em;
font-size: 0;
z-index: 1;}

.xbox {
width: 930px;
margin: 25px auto 0;
display: table;
padding-bottom: 50px;}

.xbox .img,
.xbox .text {
display: table-cell;
vertical-align: middle;}

.xbox .img {width: 255px;}

.xbox .text p{font-size: 13px !important;
line-height: 1.6 !important;}
.xbox .text p.fontL {font-size: 16px !important;}
.xbox .text p + p {
margin-top: 5px !important;}

.xbox a:link,
.xbox a:visited {
color: #fff;
}
.xbox a:hover,
.xbox a:active {
color: #fff;
text-decoration: underline;}

.lead {
width: 930px;
margin: 50px auto 0;
color: #fff;}

.lead a:link,
.lead a:visited {
color: #0054ee;
text-decoration: underline;}

.lead a:hover,
.lead a:active {
color: #699dfc;}

.contentsNavi {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/anchor_bg.png) center top no-repeat;
min-height: 218px;
color: #fff;
font-size: 16px;
margin-top: 80px;}

.contentsNavi div {
width: 930px;
margin: 0 auto;
display: table;
padding: 45px 0;}

.contentsNavi p,
.contentsNavi ul{
display: table-cell;
vertical-align: top;}

.contentsNavi p {
width: 140px;
text-indent: -999em;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/anchor_tit.png) left top no-repeat;	}

.contentsNavi li + li{
margin-top: 20px;	}

.contentsNavi a {
display: block;
color: #fff;
padding-left: 30px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/anchor_arrow.png) left 50% no-repeat;
transition: 0.2s ease-in-out;}

.contentsNavi a:hover {color: #10cddb;}

.contentsNavi a span {
display: inline-block;
font-weight: bold;
padding-right: 15px;}

/*==============================================
ƒoƒi[
============================================= */
.topbnr {
margin-top: 60px;}

.topbnr a{
display: block;
width: 930px;
height: 97px;
text-indent: -999em;
background-color: #333;
margin: 10px auto 0;
overflow: hidden;
transition: 0.2s ease-in-out;}

.topbnr a:hover{
opacity: 0;}

.topbnr .bnr{
width: 930px;
height: 97px;
margin: 10px auto 0;}

.topbnr .bnr.item01 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/topbnr01.png) left top no-repeat;}
.topbnr .bnr.item01{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/topbnr01_over.png) left top no-repeat;}

.topbnr .bnr.item02 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/topbnr02.png) left top no-repeat;}
.topbnr .bnr.item02{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/topbnr02_over.png) left top no-repeat;}

.topbnr .bnr.item03 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/topbnr03.png) left top no-repeat;}
.topbnr .bnr.item03{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/topbnr03_over.png) left top no-repeat;}


.innerbnr .bnr.item01 a{
display: block;
width: 930px;
height: 207px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/innerbnr01.jpg) left top no-repeat;
text-indent: -999em;
margin: 90px auto 0;
overflow: hidden;
transition: 0.2s ease-in-out;}

.innerbnr a:hover{
opacity: 0;}

.innerbnr .bnr.item01 {
width: 930px;
height: 207px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/innerbnr01_over.jpg) left top no-repeat;
margin: 90px auto 0;}

.innerbnr .bnrcol2 {overflow: hidden;
margin-top: 10px;}

.innerbnr .bnrcol2 .bnr.item02 a,
.innerbnr .bnrcol2 .bnr.item03 a{
display: block;
width: 460px;
height: 195px;
text-indent: -999em;
overflow: hidden;
transition: 0.2s ease-in-out;}

.innerbnr .bnrcol2 .bnr.item02,
.innerbnr .bnrcol2 .bnr.item03{
width: 460px;
height: 195px;}

.innerbnr .bnrcol2 .bnr.item02{float: left;}
.innerbnr .bnrcol2 .bnr.item03{float: right;}

.innerbnr .bnrcol2 .bnr.item02 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/innerbnr02.jpg) left top no-repeat;}
.innerbnr .bnrcol2 .bnr.item02{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/innerbnr02_over.jpg) left top no-repeat;}

.innerbnr .bnrcol2 .bnr.item03 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/innerbnr03.jpg) left top no-repeat;}
.innerbnr .bnrcol2 .bnr.item03{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/innerbnr03_over.jpg) left top no-repeat;}


.innerbnr .bnr.item04 a{
display: block;
width: 810px;
height: 197px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/innerbnr04.jpg) left top no-repeat;
text-indent: -999em;
margin: 90px auto 0;
overflow: hidden;
transition: 0.2s ease-in-out;}

.innerbnr a:hover{
opacity: 0;}

.innerbnr .bnr.item04 {
width: 810px;
height: 197px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/innerbnr04_over.jpg) left top no-repeat;
margin: 90px auto 0;}


/*==============================================
#mainContents
============================================= */
.paragraph {
width: 930px;
margin: 120px auto 0;}

.spAccordion {
margin-top: 60px;}

#article01 h2,
#article02 h2,
#article03 h2 {
font-size: 29px;
line-height: 1.7;
font-weight: bold;
}

#article01 h2 .icon,
#article02 h2 .icon,
#article03 h2 .icon{
font-size: 26px;
line-height: 1;
padding: 10px 25px;
display: inline-block;
border: 2px solid;
border-image: linear-gradient(90deg, #1ee3ff, #eb1bfe);
border-image-slice: 1;
color: transparent;
background: repeating-linear-gradient( 90deg, #1ee3ff 0, #eb1bfe 100% );
-webkit-background-clip: text;
}

#article01 h2 .text,
#article02 h2 .text,
#article03 h2 .text{
display: block;
margin-top: 25px;
}


/*column*/
#article04 h2 .icon {display: none;}
#article04 h2  {text-align: center;
font-weight: bold;
font-size: 25px;
line-height: 1.7;}

#article04 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/column_bg01.png) center top no-repeat;
padding-top: 70px;}

#article04 .paragraphIn {
width: 810px;
margin: 0 auto;}

#article04 .imgBox {
width:  540px;
margin: 60px auto 0;
background-color: #000 !important;
padding: 0;}

#article04 .spAccordion {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/column_bg02.png) center bottom no-repeat;
padding-bottom: 80px;
}


.paragraphIn h3 {
font-size: 23px;
line-height: 1.7;
padding-left: 15px;
font-weight: bold;
border-image: linear-gradient(to bottom, #1ee3ff 0%, #eb1bfe 100%) 1/0 0 0 2px;
border-style: solid;
margin-top: 90px;}

.paragraphIn h3 + p{
margin-top: 50px;}

.blue{color: #02ffff;}
.pink{color: #ff08fe;}



/*----@‰ζ‘œ@----*/
.imgBox {
width:930px;
background-color: #222;
padding: 30px;
box-sizing: border-box;
margin:70px auto 0;}

.imgBox .blue,
.imgBox .pink{
font-weight: bold;
padding-bottom: 8px;}

.imgBox div {overflow: hidden;}

.imgBox.w700 div,
.imgBox.w700 .cap{
width: 700px;
margin: 15px auto 0;}

.imgBox.w340 .floatL {
width: 340px;}
.imgBox.w340 .floatR {
width: 510px;}

.imgBox.w360 .floatL {
width: 360px;}
.imgBox.w360 .floatR {
width: 490px;}

.imgBox.w430 .floatL {
width: 430px;}
.imgBox.w430 .floatR {
width: 420px;}

.imgBox.w455 .floatL {
width: 455px;}
.imgBox.w455 .floatR {
width: 395px;}

.imgBox .floatL,
.imgBox .floatR {width:425px;}
.imgBox img {width: 100%;}

.imgBox a {
font-size: 0;
display: block;
cursor: zoom-in;}

.imgBox a img{
transition: 0.2s ease-in-out;}

.imgBox a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);}

.imgBox .cap a {
font-size: 100% !important;
display: inline-block !important;
color: #5a7ddd;
text-decoration: underline;}

.imgBox div + .cap,
.imgBox a + .cap{
margin-top: 15px;}

a.floatL + .cap,
a.floatR + .cap{
margin-top: 0;}

.imgBox + .imgBox {
margin: 50px auto 0;}

.imgBox + p {
margin-top: 70px;
}

#matome {
padding: 80px 0;
width: 100%;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/matome_bg.jpg) center top no-repeat;}

#matome h2 {
width: 930px;
text-align: center;
font-weight: bold;
font-size: 30px;
margin: 0 auto;}

#matome h2 .icon {
display: none;
}

#matome .paragraphIn {
width: 930px;
margin: 60px auto 0;
}



/*==============================================
.productBox
============================================= */
.toggleBtn {
display: none;
}

.prdtit {
font-size: 18px;
font-weight: bold;
color: #fff;
width: 1170px;
margin: 90px auto 0;
}

/*----@table@----*/
.w1170 {
width: 1170px;
margin: 30px auto 0;
}


table{
width: 1170px;
border-collapse:separate;
border-spacing:0;
box-sizing: border-box;
border: #474747 1px solid;
margin: 30px auto 0;}

table.w922 {width: 922px;
margin: 0 0;}

table th,
table td{
padding: 10px 12px;
box-sizing: border-box;
font-size: 15px;
line-height: 1.7;}


table th{
width: 198px;
font-weight: bold;
text-align: left;
border-right:#474747 1px solid;
border-bottom: #474747 1px solid;
background-color: #2e2e2e;}

table td {
width: 243px;
border-bottom: #474747 1px solid;}

table td + td {
border-left:#404040 1px solid;}


table .end{border-bottom: none;}

table .center {text-align: center;}

table td a{
display: block;
width: 223px;
height: 290px;
text-indent: -999em;
background-color: #333;
overflow: hidden;
transition: 0.2s ease-in-out;}

table td a:hover{
opacity: 0;}

table td div{
width: 223px;
height: 290px;}

table td.item01 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo01.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item01 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo01_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item02 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo02.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item02 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo02_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item03 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo03.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item03 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo03_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item04 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo04.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item04 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo04_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item05 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo05.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item05 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo05_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item06 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo06.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item06 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo06_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item07 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo07.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item07 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo07_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item08 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo08.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item08 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo08_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item09 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo09.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item09 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo09_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item10 a{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo10.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item10 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo10_over.jpg) left 50% no-repeat;
background-size: 100%;}

table td.item11 a{
background: url(https://img1.kakaku.k-img.com/images//article/tieup/23/03_asus/prd_photo11.jpg) left 50% no-repeat;
background-size: 100%;}
table td.item11 div{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/03_asus/prd_photo11_over.jpg) left 50% no-repeat;
background-size: 100%;}


/*==============================================
.releasedate
============================================= */
.releasedate {
font-size: 11px; 
color: #fff;
width: 1170px; 
margin: 40px auto 0; 
padding-bottom: 100px;
text-align: right;}