@charset "utf-8";

/*-------------------------------------
Kabylake特集 1612~ レスポンシブ
---------------------------------------*/

/*-------------------------------------
ウィンドウ幅が480px～の場合に適用するCSS
---------------------------------------*/
@media screen and (min-width:480px){
.kabylake_inner{
	width:900px;
	margin:auto;
	padding:40px 0;
}
.kabylake_inner h2{
	font-size:30px;
	font-weight:normal;
	border-left:6px solid #00aeef;
	color:#00aeef;
	padding:2px 0 2px 10px;
	margin:20px auto;
}
.kabylake_inner h3{
	font-size:20px;
	font-weight:bold;
	margin:20px auto;
}
.kabylake_inner h4{
	font-size:18px;
	color:#0060AC;
	font-weight:bold;
	margin:20px auto 10px;
}
.kabylake_inner p{
	font-size:16px;
	margin:auto auto 20px;
}
.kabylake_inner a{
}
.kabylake_inner a.textlink{
	font-size:16px;
	margin:auto auto 20px 40px;
	background:url(/5info/img/kabylake_cpu/kabylake_arrow.gif) left 50% no-repeat;
	padding:2px 0 0 16px;
}
.kabylake_inner .btn{
	display:block;
	padding:0;
	background:none;
}
.kabylake_inner .btn a{
	width:300px;
	height:80px;
	border:1px solid #ccc;
	padding:0;
	line-height:80px;
	font-size:16px;
	text-align:center;
	background:url(/5info/img/kabylake_cpu/kabylake_btn.jpg);
	color:#fff;
	transition:.3s;
	display:block;
	text-decoration:none;
}
.kabylake_inner .btn_left a{
	float:right;
}
.kabylake_inner .btn_side{
	width:700px;
	margin:auto;
}
.kabylake_inner .btn_side a:first-child{
	float:left;
}
.kabylake_inner .btn_side a:last-child{
	float:right;
}
.kabylake_inner a:hover{
	opacity:.8;
}

.blue_bg{
    background-color: #00aeef;
    color: #FFF;
    margin: 0 -500%;
    padding: 40px 500%;
    width: 100%;
}
.blue_bg h2{
	border-left:6px solid #fff;
	color:#fff;
}
#boxSpec h2{
	border-left:6px solid #fff;
	color:#fff;
}

/*-------------------------------------
index.html
---------------------------------------*/

.professor_num{
	width:650px;
	border:1px solid #ccc;
	padding:15px 0;
	margin:auto auto 20px;
	background-color:#f8f8f8;
	font-size:20px;
	font-weight:bold;
	color:#666;
	text-align:center;
}
.color01{
	color:#89021A;
}
.color02{
	color:#03206E;
}
.color03{
	color:#036021;
}
.safix_box{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:auto auto 20px;
}
ul.safix{
	float:left;
	width:448px;
	border-right:1px solid #ccc;
}
ul.safix li{
	float:left;
	border-bottom:1px solid #ccc;
}
ul.safix li.title{
	width:433px;
	background:#00aeef;
	font-size:20px;
	height:50px;
	line-height:50px;
	padding-left:15px;
	color:#fff;
}
ul.safix li.symbol{
	width:47px;
	border-right:1px solid #ccc;
	font-weight:bold;
	font-size:18px;
	color:#03206E;
	background:#f8f8f8;
	text-align:center;
	height:50px;
	line-height:50px;
}
ul.safix li.text{
	width:390px;
	height:42px;
	font-size:12px;
	padding:8px 0 0 10px;
}

.kabylake_inner ul.bnr_col3,.kabylake_inner ul.bnr_col2{
	margin:auto auto 20px;
}
.kabylake_inner ul.bnr_col3 li{
	float:left;
	width:290px;
	margin-right:15px;
	margin-bottom:10px;
}
.kabylake_inner ul.bnr_col3 li:nth-child(3n){
	margin-right:0;
}

.kabylake_inner ul.bnr_col3 li .bnr_img,.kabylake_inner ul.bnr_col2 li .bnr_img{
	margin-bottom:5px;
}
.kabylake_inner ul.bnr_col3 li .bnr_img img{
	width:290px;
	height:auto;
}
.kabylake_inner ul.bnr_col3 li .bnr_img a{
	transition:.4s;
}
.kabylake_inner ul.bnr_col3 li .title,.kabylake_inner ul.bnr_col2 li .title{
	font-size:16px;
	background:url(/5info/img/kabylake_cpu/kabylake_arrow.gif) left 50% no-repeat;
	padding:2px 0 0 16px;
}
.kabylake_inner ul.bnr_col3 li .text,.kabylake_inner ul.bnr_col2 li .text{
	font-size:12px;
}
.kabylake_inner ul.bnr_col3 li .text a,.kabylake_inner ul.bnr_col2 li .text a{
	text-decoration:none;
	color:#000;
}
.kabylake_inner ul.bnr_col2 li{
	float:left;
	width:442px;
	margin-right:15px;
}
.kabylake_inner ul.bnr_col2 li:nth-child(even){
	margin-right:0;
}


/*-------------------------------------
feature.html
---------------------------------------*/
.kabylake_inner ul.feature{
}

.kabylake_inner ul.codename{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:auto auto 10px;
}
.kabylake_inner ul.codename li{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:30px;
	line-height:30px;
	padding-left:15px;
	float:left;
}
.kabylake_inner ul.codename li.th{
	background:#f8f8f8 !important;
}
.kabylake_inner ul.codename li.col1{
	background:#00aeef;
	width:120px;
	font-weight:bold;
	color:#fff;
}
.kabylake_inner ul.codename li.col2{
	width:120px;
}
.kabylake_inner ul.codename li.col3{
	width:120px;
}
.kabylake_inner ul.codename li.col4{
	width:475px;
}


.kabylake_inner ul.ddr4_ul{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:auto auto 20px;
}
.kabylake_inner ul.ddr4_ul li{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:30px;
	line-height:30px;
	padding-left:15px;
	float:left;
}
.kabylake_inner ul.ddr4_ul li.th{
	background:#f8f8f8 !important;
}
.kabylake_inner ul.ddr4_ul li.col1{
	width:150px;
}
.kabylake_inner ul.ddr4_ul li.col2{
	width:150px;
}
.kabylake_inner ul.ddr4_ul li.col3{
	width:150px;
}
.kabylake_inner ul.ddr4_ul li.col4{
	width:385px;
}

table.kabylake_lineup{
	box-sizing:border-box;
	margin:auto auto 20px;
}
table.kabylake_lineup th{
	width:20%;
	box-sizing:border-box;
	padding:4px 10px;
	font-size:12px;
	border:1px solid #ccc;
	background:#0060AC;
	color:#fff;
}
table.kabylake_lineup td{
	width:16%;
	box-sizing:border-box;
	padding:6px 10px;
	font-size:12px;
	background:#fff;
	color:#000;
	border:1px solid #ccc;
}
table.kabylake_lineup th.row1,table.kabylake_lineup td.row1{
	background:#000;
	color:#fff;
}

/*-------------------------------------
spec.html
---------------------------------------*/
ul.cpu_gene{
}
ul.cpu_gene li{
	float:left;
	width:290px;
	margin-right:15px;
	margin-bottom:10px;
}
ul.cpu_gene li:nth-child(3n){
	margin-right:0;
}
ul.cpu_gene li table.gene_box{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
ul.cpu_gene li table.gene_box td,ul.cpu_gene li table.gene_box th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px 0;
}
#container ul.cpu_gene li table.gene_box th{
	text-align:center;
	background:#0060AC;
	color:#fff;
}
ul.cpu_gene li table.gene_box td{
	padding:2px 5px;
	box-sizing:border-box;
}
ul.cpu_gene li table.gene_box td.row2{
	background:#00aeef;
	color:#fff;
	width:40%;
}
ul.cpu_gene li table.gene_box td.th{
	background:#f8f8f8;
	color:#000;
}
ul.cpu_gene li table.gene_box td.text{
	font-size:12px;
}

table.compare{
	box-sizing:border-box;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:auto auto 20px;
}
table.compare td,table.compare th{
	box-sizing:border-box;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px 10px;
}
table.compare td.compare6,table.compare th.compare6{
    background: #00aeef;
    font-weight: bold;
    color: #fff;
}
table.compare th{
	background:#f8f8f8;
	width:16%;
}
table.compare th.row1{
	background:#000;
	color:#fff;
}
table.compare td.row1{
	background:#000;
	color:#fff;
}
table.compare_cpu td{
	width:42%;
}
table.compare_3d td{
	width:14%;
}
table.compare_wat td{
	width:21%;
}

/*-------------------------------------
chipset.html
---------------------------------------*/
table.intel200{
	box-sizing:border-box;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:auto auto 20px;
}
table.intel200 td,table.intel200 th{
	box-sizing:border-box;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px 10px;
}
table.intel200 th{
	background:#f8f8f8;
	width:16%;
	font-size:12px;
}
table.intel200 td{
	background:#f8f8f8;
	width:21%;
	font-size:12px;
}
table.intel200 th.row1{
	background:#000;
	color:#fff;
	font-size:16px;
}
table.intel200 td.row1{
	background:#000;
	color:#fff;
	font-size:16px;
}
/*-------------------------------------
faq.html
---------------------------------------*/
ul.kabylake_faq{
}
ul.kabylake_faq li{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
ul.kabylake_faq li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
ul.kabylake_faq li .qa_q{
	background:url(/5info/img/kabylake_cpu/qa_q.gif) left 50% no-repeat;
	padding:4px 0 2px 32px;
	font-weight:bold;
}
ul.kabylake_faq li .qa_a{
	background:url(/5info/img/kabylake_cpu/qa_a.gif) left 10px no-repeat;
	padding:12px 0 0 32px;
	border-top:1px dotted #ccc;
	margin-top:10px;
}
}

/*-------------------------------------
ウィンウィンドウ幅が0〜479pxの場合に適用するCSS
---------------------------------------*/
@media screen and (max-width:479px){
.kabylake_inner{
	width:97%;
	margin:auto;
	padding:20px 0;
}
.kabylake_inner h2{
	font-size:120%;
	font-weight:normal;
	border-left:6px solid #00aeef;
	color:#00aeef;
	padding:2px 0 2px 10px;
	margin:15px auto;
}
.kabylake_inner h3{
	font-size:110%;
	font-weight:bold;
	margin:15px auto;
}
.kabylake_inner h4{
	font-size:110%;
	color:#0060AC;
	font-weight:bold;
	margin:15px auto 10px;
}
.kabylake_inner p{
	font-size:100%;
	margin:auto auto 15px;
}
.kabylake_inner a{
}
.kabylake_inner a.textlink{
	font-size:100%;
	margin:auto auto 15px 15px;
	background:url(/5info/img/kabylake_cpu/kabylake_arrow.gif) left 50% no-repeat;
	padding:2px 0 0 16px;
}
.kabylake_inner .btn{
	display:block;
	padding:0;
	background:none;
}
.kabylake_inner .btn a{
	width:300px;
	height:80px;
	border:1px solid #ccc;
	padding:0;
	margin:auto;
	line-height:80px;
	font-size:90%;
	text-align:center;
	background:url(/5info/img/kabylake_cpu/kabylake_btn.jpg);
	color:#fff;
	transition:.3s;
	display:block;
	text-decoration:none;
}
.kabylake_inner .btn_left a{
}
.kabylake_inner .btn_side{
	margin:auto;
}
.kabylake_inner .btn_side a:first-child{
	margin:auto auto 10px;
}
.kabylake_inner .btn_side a:last-child{
	margin:auto;
}
.kabylake_inner a:hover{
	opacity:.8;
}

.blue_bg{
    background-color: #00aeef;
    color: #FFF;
    margin: 0 -500%;
    padding: 20px 500%;
    width: 100%;
}
.blue_bg h2{
	border-left:6px solid #fff;
	color:#fff;
}
#boxSpec h2{
	border-left:6px solid #fff;
	color:#fff;
}

.kabylake_inner table td.width30{
	width:30%;
}
.kabylake_inner table td.width40{
	width:40%;
}
.kabylake_inner table td.width50{
	width:50%;
}
.kabylake_inner table td.width70{
	width:70%;
}
/*-------------------------------------
index.html
---------------------------------------*/

.professor_num{
	width:100%;
	border:1px solid #ccc;
	padding:10px 0;
	margin:auto auto 20px;
	background-color:#f8f8f8;
	font-size:80%;
	font-weight:bold;
	color:#666;
	text-align:center;
}
.color01{
	color:#89021A;
}
.color02{
	color:#03206E;
}
.color03{
	color:#036021;
}
.safix_box{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:auto auto 15px;
}
ul.safix{
	width:100%;
	box-sizing:border-box;
	border-right:1px solid #ccc;
}
ul.safix li{
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #ccc;
}
ul.safix li.title{
	width:100%;
	background:#00aeef;
	font-size:110%;
	padding:5px 0 5px 15px;
	color:#fff;
	text-align:center;
}
ul.safix li.symbol{
	width:100%;
	font-weight:bold;
	font-size:110%;
	color:#03206E;
	background:#f8f8f8;
	text-align:center;
	padding:4px 0;
}
ul.safix li.text{
	width:100%;
	font-size:90%;
	padding:4px 10px;
}

.kabylake_inner ul.bnr_col3,.kabylake_inner ul.bnr_col2{
	margin:auto auto 15px;
}
.kabylake_inner ul.bnr_col3 li{
	width:100%;
	margin-bottom:10px;
}
.kabylake_inner ul.bnr_col3 li:nth-child(3n){
}

.kabylake_inner ul.bnr_col3 li .bnr_img,.kabylake_inner ul.bnr_col2 li .bnr_img{
	margin-bottom:5px;
}
.kabylake_inner ul.bnr_col3 li .bnr_img img{
	width:100%;
	height:auto;
}
.kabylake_inner ul.bnr_col3 li .bnr_img a{
}
.kabylake_inner ul.bnr_col3 li .title,.kabylake_inner ul.bnr_col2 li .title{
	font-size:110%;
	background:url(/5info/img/kabylake_cpu/kabylake_arrow.gif) left 50% no-repeat;
	padding:2px 0 0 16px;
}
.kabylake_inner ul.bnr_col3 li .text,.kabylake_inner ul.bnr_col2 li .text{
	font-size:90%;
}
.kabylake_inner ul.bnr_col3 li .text a,.kabylake_inner ul.bnr_col2 li .text a{
	text-decoration:none;
	color:#000;
}

.kabylake_inner ul.bnr_col2{
    background-color:#f8f8f8;
    color: #FFF;
    margin: 0 -500%;
    padding: 20px 500%;
    width: 100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-sizing: unset;
}


.kabylake_inner ul.bnr_col2 li{
	width:100%;
	margin-bottom:10px;
}
.kabylake_inner ul.bnr_col2 li:last-child{
	margin-bottom:0;
}


/*-------------------------------------
feature.html
---------------------------------------*/
.kabylake_inner ul.feature{
}

.kabylake_inner ul.codename{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:auto auto 10px;
	box-sizing:border-box;
}
.kabylake_inner ul.codename li{
	border-bottom:1px solid #ccc;
	padding:4px 10px;
}
.kabylake_inner ul.codename li.th{
	display:none;
	padding:0;
	border-bottom:none;
}
.kabylake_inner ul.codename li.col1{
	background:#00aeef;
	font-weight:bold;
	text-align:center;
	font-size:110%;
	color:#fff;
}
.kabylake_inner ul.codename li.col2{
}
.kabylake_inner ul.codename li.col3{
}
.kabylake_inner ul.codename li.col4{
}


.kabylake_inner ul.ddr4_ul{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:auto auto 10px;
	box-sizing:border-box;
}
.kabylake_inner ul.ddr4_ul li{
	border-bottom:1px solid #ccc;
	padding:4px 10px;
}
.kabylake_inner ul.ddr4_ul li.th{
	display:none;
	padding:0;
	border-bottom:none;
}
.kabylake_inner ul.ddr4_ul li.col1{
	background:#00aeef;
	font-weight:bold;
	text-align:center;
	font-size:110%;
	color:#fff;
}
.kabylake_inner ul.ddr4_ul li.col2{
}
.kabylake_inner ul.ddr4_ul li.col3{
}
.kabylake_inner ul.ddr4_ul li.col4{
}

table.kabylake_lineup{
	box-sizing:border-box;
	margin:auto auto 15px;
}
table.kabylake_lineup th{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:4px 10px;
	font-size:120%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#0060AC;
	color:#fff;
}
table.kabylake_lineup td{
	display:inline-block;
	box-sizing:border-box;
	padding:6px 4px;
	font-size:90%;
	background:#fff;
	color:#000;
	border:1px solid #ccc;
}
table.kabylake_lineup th.row1,table.kabylake_lineup td.row1{
	display:none;
	padding:0;
	border:0;
}

/*-------------------------------------
spec.html
---------------------------------------*/
ul.cpu_gene{
	margin-bottom:15px;
}
ul.cpu_gene li{
	width:100%;
	margin-bottom:15px;
}
ul.cpu_gene li:last-child{
	margin-bottom:0;
}
ul.cpu_gene li table.gene_box{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	box-sizing:border-box;
}
ul.cpu_gene li table.gene_box td,ul.cpu_gene li table.gene_box th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px;
}
#container ul.cpu_gene li table.gene_box th{
	text-align:center;
	background:#0060AC;
	color:#fff;
}
ul.cpu_gene li table.gene_box td{
	box-sizing:border-box;
	font-size:80%;
}
ul.cpu_gene li table.gene_box td.row2{
	background:#00aeef;
	color:#fff;
	width:40%;
	font-size:80%;
}
ul.cpu_gene li table.gene_box td.th{
	background:#f8f8f8;
	color:#000;
}
ul.cpu_gene li table.gene_box td.text{
	font-size:90%;
}

table.compare{
	box-sizing:border-box;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:auto auto 15px;
	font-size:90%;
}
table.compare td,table.compare th{
	box-sizing:border-box;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px 10px;
}
table.compare td.compare6,table.compare th.compare6{
    background: #00aeef;
    font-weight: bold;
    color: #fff;
}
table.compare th{
	background:#f8f8f8;
	width:100%;
	display:inline-block;
	text-align:center;
	font-size:110%;
}
table.compare th.row1{
	display:none;
}
table.compare td.row1{
	background:#000;
	color:#fff;
}
table.compare_cpu td{
	width:50%;
	display:inline-block;
}
table.compare_3d td{
	display:inline-block;
	width:50%;

}
table.compare_3d td.row1{
	display:none;

}
table.compare_wat td{
	display:inline-block;
	width:25%;
}

/*-------------------------------------
chipset.html
---------------------------------------*/
table.intel200{
	box-sizing:border-box;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:auto auto 15px;
}
table.intel200 td,table.intel200 th{
	box-sizing:border-box;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px;
}
table.intel200{
	font-size:80%;
}
table.intel200 th{
	background:#f8f8f8;
	width:16%;
}
table.intel200 td{
	background:#f8f8f8;
	width:21%;
}
table.intel200 th.row1{
	background:#000;
	color:#fff;
}
table.intel200 td.row1{
	background:#000;
	color:#fff;
	font-size:100%;
}
/*-------------------------------------
faq.html
---------------------------------------*/
ul.kabylake_faq{
}
ul.kabylake_faq li{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
ul.kabylake_faq li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
ul.kabylake_faq li .qa_q{
	background:url(/5info/img/kabylake_cpu/qa_q.gif) left 50% no-repeat;
	padding:4px 0 2px 32px;
	font-weight:bold;
}
ul.kabylake_faq li .qa_a{
	background:url(/5info/img/kabylake_cpu/qa_a.gif) left 10px no-repeat;
	padding:12px 0 0 32px;
	border-top:1px dotted #ccc;
	margin-top:10px;
}
}

/*-------------------------------------
ウィンウィンドウ幅が0〜479pxの場合に適用するCSS
---------------------------------------*/
/*-------------------------------------
　その他のおすすめキャンペーン・特集
---------------------------------------*/
@media screen and (max-width:479px){
.otherCamp {
    width: 98%;
    margin: 0 auto;
}
}