@charset "utf-8";
/*-------------------------------------
　ページ基本設定
---------------------------------------*/

#container {
  width: 100%;
}
#main {
  float: none;
  width: auto;
	padding-bottom:20px;
	color:#333333;
}
html {
  overflow: auto;
}
* html {
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
body {
  min-width: 970px;
  overflow-x: hidden;
  position: relative;
}
* html body {
  height: 100%;
  overflow-y: auto;
}
#lp_page {
	width: 970px;
	margin: 0 auto;
	padding-top:24px;
}
.breadCrumb {
    padding: 0px 0 4px;
}
.breadCrumbMb30 {
    padding: 0px 0 26px;
}
#lp_page a:hover {
	opacity:0.7;
}
#container a {
}

/*-------------------------------------
　その他設定
---------------------------------------*/

.smallTxt {
	font-size:34px;
}

.emphasisTxt {
	font-size:64px;
}
.emphasisTxt2 {
	font-size:52px;
	font-weight:bold;
}

.red {
	color:#FF4200;
}
.detailTxt {
    font-size: 26px;
    text-align: center;
}

.under {
	text-decoration:underline;
}
.pcNone {
	display:none;
}
.mark {
    font-size: 60% !important;
    vertical-align: text-top;
    margin-left: 3px;
}

#commonQuestion .qaBox ul{
	margin-left:1em;

}

/*-------------------------------------
　メインタイトル
---------------------------------------*/

#boxTitle {
	width: 100%;
}
/*-------------------------------------
　見出し
---------------------------------------*/
.h3Box {
	text-align:center;
	padding-left: 45px;
}

#container h3 {
	display: inline-block;
	position: relative;
    font-weight: bold;
    font-size: 46px;
    color: #FF4200;
	margin-bottom:20px;
}

#container h3:before {
  background: #FF4200;
  content: "";
  height: 45px;
  width: 45px;
  top: 11px;
  left: -55px;
  rotate: 5px;
  position: absolute;
  border-radius: 10px;
}

#container h4 {
  font-size: 36px;
  text-align: center;
  color: #333;
  line-height:150%;
  font-weight: bold;
}

/*-------------------------------------
　グラフ
---------------------------------------*/

.graphTitle {
	font-size:18px;
}
.graphBox .graph {
    position: relative; /* IE is dumb */
    width: 300px;
    padding: 2px;
	margin-top:45px;
}
.graphBox .graph .bar {
    display: block;
    position: relative;
    text-align: center;
    color: #f0ffff;
    height: 1.7em;
    line-height: 1.7em;
    font-size: 40px;
	float:left;
}
.graphBox .graph .gray {
    background: #808080;
}
.graphBox .graph .sky {
    background: #40c5ec;
}
.graphBox.graph .bar span {
	position: absolute; left: 1em;
}
.graphBox .graphTxt {
  padding-left: 14px;
  width: 180px;
  float: left;
  font-size: 16px;
  /*margin-top: 0px;*/
  line-height: 24px;
  margin-top: -4px;
}
.graphBox .graphTxt span{
    font-size: 23px;
}
.boxInside .summaryTxt {
	font-size:18px;
	text-align:center;
}

.targetListArea {
	text-align:center;
}

.targetList {
	margin: 20px 0;
	display: inline-block;
	text-align:left;
    font-size: 36px;
}
.commentsList {
	display: inline-block;
	text-align:left;
	font-size:14px;
}

.commentsList2 {
	margin-left:90px;
	text-align:left;
	font-size:14px;
}

#container table.interestRate {
	font-size: 16px;
	text-align: center;
}
#container table.interestRate th,
#container table.interestRate td {
  border: 1px solid ;
  vertical-align: middle;
}
.interestRate span{
	font-size:20px;
}

.SimulatorBox {
	text-align:center;
}

.stepBox {
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.SimulatorBox .stepBox p.arrow {
    width: 100%;
    overflow: hidden;
    text-align: center;
    clear: both;
    margin: 0 0 40px 0;
    padding: 20px 0 0 0;
}


.detailBox {
    margin: 15px 10px;
    font-size: 17px;
    line-height: 1.6em;
    overflow: hidden;
}

.detailBox ul {
	display:inline-block;
	text-align:left;
}

.detailBox dl.qaBox {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0 0 5px;
}


.detailBox dl.qaBox dt {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
    background: url(../images/icon_q.png) no-repeat left 4px;
    padding: 7px 0 5px 35px;
}

.detailBox dl.qaBox dd {
    overflow: hidden;
    margin-top: 10px;
    padding: 2px 0 20px 35px;
    background: url(../images/icon_a.png) no-repeat left top;
}
.interestRateSp {
  display:none;
}
.titleSub {
 width: 100px;
    background: #333;
    color: #FFFFFF;
    font-weight: bold;
}
.boxInside table tbody{
	border:1px solid #808080;
}

/*-------------------------------------
　カテゴリ別ボタン
---------------------------------------*/

.iconBox {
    margin: 15px 10px;
    font-size: 1.2em;
    line-height: 1.6em;
}
.iconBox ul.button {
    max-width: 800px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0!important;
}
.iconBox ul.button li {
    float: left;
    list-style: none;
    margin: 0;
}

/*-------------------------------------
　各項目の共通
---------------------------------------*/

.section {
    margin: 30px -500%;
    padding: 100px 500%;
    /*width: 100%;*/
}
.section2 {
    margin: 160px -500% 0px;
    padding: 10px 500%;
    width: 100%;
}
.section3 {
    margin: 100px -500% 0px;
    padding: 10px 500%;
    width: 100%;
}
.section .boxInside {
    margin: 0 auto;
    overflow: hidden;
    width: 970px;
}
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
/* ボタン */
.pcItemGoBtn a {
  background-color:#0a3292;
  border-radius: 4px;
  color:#fff;
  display: block;
  padding: 20px 16px 20px 16px;
  font-size: 22px;
  text-decoration: none;
  transition: all .3s;
  text-align: center;
}

/*-------------------------------------
　モデル
---------------------------------------*/

.boxInside .detailText {
	font-size:16px;
	width:800px;
	margin:50px auto;
}
.boxInside .photoBox {
    float: left;
    margin: 20px 0 0;
    text-align: center;
    width: 500px;
}
.boxInside .photoBox img {
    width: 410px;
}
.boxInside .pcItemDetailBox {
    float: left;
    font-size: 20px;
    margin: 40px 0 0;
    width: 400px;
	color:#333;
}
.boxInside .pcItemDetailBox a {
	text-decoration:none;
}
.boxInside .pcName {
	font-size:26px;
	font-weight:bold;
}
.boxInside .pcPrice {
    font-size: 22px;
    margin-top: 14px;
    color:#FF4200;
}
.boxInside .pcPrice span {
    font-size: 32px;
    font-weight: bold;
}

.boxInside .pcPrice .mark {
	color: #000;
}

.boxInside .pcItemGoBtn {
	/* text-align:center; */
	margin-top:50px;
}
.boxInside .pcAllGoBtn {
    margin: 20px auto 0;
    text-align: right;
}
.boxInside .pcAllGoBtn a {
    color: #9bdb23;
	padding:0;
	font-size:13px;
}

.boxInside .explanatoryTxt {
    float: left;
    font-size: 16px;
    margin: 40px 0 0;
    width: 490px;
	color:#333;
}
.boxInside .explanatoryTxt ul{
    font-size: 14px;
}
.boxInside .explanatoryTxt dl {
	font-size:22px;
}
.boxInside .explanatoryTxt dl span {
	font-size:38px;
}

.boxInside .explanatoryPhoto {
    float: left;
    margin: 20px 0 0;
    text-align: center;
    width: 480px;
}
.boxInside .explanatoryPhoto img {
    width: 410px;
}
/*-------------------------------------
　ページトップへ追随設定
---------------------------------------*/

#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
  z-index: 100;
}
#pagetop a {
	color: #fff!important;
	background-color: #333;
	border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none!important;
}
.pageLink {
  clear: both;
  margin: 125px 0 20px 0;
  text-align: right;
}
.pageLink a {
  background: url(../../5img/iconArrowDBlue2.gif) no-repeat scroll left center rgba(0, 0, 0, 0);
  color: #333FFF;
  padding-left: 14px;
}
.pagetop {
	display: none;
}


/*---------------------------
　clearfix
---------------------------*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*---------------------------
　サイドバナー
---------------------------*/

.sidebannerLeft {
	display: none;
}
.sidebannerRight {
	display: none;
}

/*---------------------------
　コピーライト
---------------------------*/

#copyright {
    font-size: 10px;
    padding: 20px 110px 0 0;
    word-break: break-all;
}
/*-------------------------------------
　170823追加
---------------------------------------*/
.back-yellow {
	color: #FF4200;
	font-size: 32px;
	padding: 15px;
	text-align: center;
}

/*font*/
.fs36 {
	font-size: 36px;
	font-weight: bold;
}
/*クーポン*/
#coupon {
	width: 90%;
	margin: 15px 5%;
	padding: 10px;
	box-sizing: border-box;
}
.code {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size: 150%;
	color: #ed7d31;
	font-weight: bold;
	border: 3px solid #ed7d31;
	padding: 15px;
}
.coupon-text {
	margin: 0 auto;
	 width: 70%;
	display: block;
}
.coupon-text p{
	display: inline-block;
	margin:15px 0px;

}
.coupon-text p a{
	color: #00A8A8!important;
	margin-left: 30px;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

/*---------------------------
　181026追加
---------------------------*/
.point_button{
  background:#FF4200;
  display:block;
  width:420px;
  font-size:20px;
  margin:30px auto;
  padding:14px 0;
  text-align:center;
  color:#fff;
  text-decoration:none;
  border-radius:10px;
  box-sizing:border-box;
}
.point_camp_detail dl{
  font-size:17px;
  margin-top:30px;
}
.point_camp_detail dl dt{
  border-bottom:1px solid #CCC;
  font-size:130%;
}
.point_camp_detail dl dt::before{
  content: '';
  display: inline-block;
  background: #FF4200;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  margin-right: 0.5em;
}
.point_camp_detail dl dd{
  padding-top:8px;
}
.point_camp_detail dl dd .attention{
  text-indent:-1em;
  margin-left:1em;
}
.point_camp_detail dl dd .attention::before{
  content:'※';
}

/*---------------------------
　スマホ対応
---------------------------*/


		/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
		@media screen and (max-width:479px){
		.pc {
			display: none;
		}

		.sp {
			display: block;
		}

		.h3Box {
			text-align:center;
			padding-left: 20px;
		}

		#container h3:before {
      content: "";
			height: 6vw;
			width: 6vw;
			top: 0vh;
			left: -6vh;
			position: absolute;
			border-radius: 5px;
		}

		/*--------------------------
		　レスポンシブ対応ヘッダ
		----------------------------*/

		body {
			min-width: 100% !important;
			-webkit-text-size-adjust: 100%;
		}

		#Globalnavi,
		#Header #head_navi_menu,
		#Header #head_navi_menu_g,
		#Header .keyword,
		#Header #headsearchBox,
		#Header .wishBtn,
		#Header .btn,
		.leadSection .recomWin_black,
		.leadSectionInner {
			display: none;
		}

		#Header,
		#Header .inner,
		#Header h1 {
			width: 100%;
			height: auto;
		}

		#Header {
			width: 100%;
			min-width: 100%;
			overflow: hidden;
			border-bottom: 3px solid #333;
		}

		#Header .logo {
			width: 90%;
			position: relative;
			top: 0px;
			padding: 0px 0px 12px 3px;
		}

		#Header h1 {
			display: none;
		}

		#container {
			width: 100%;
			padding-top: 0px !important;
		}

		#wrapper_premium_member .topicPath,
		#wrapper_premium_member .breadCrumb {
			display: none;
		}

		/*--------------------------
		　レスポンシブ対応フッタ
		----------------------------*/
		#pagetop {
			bottom: 10px;
			right: 10px;
		}

		.footerTagline {
			margin-bottom: 4px;
			padding: 0% 2%;
			text-align: left;
			font-size: 90%;
			line-height: 140%;
      box-sizing: border-box;
		}

		.footerTagline,
		#footer,
		#footerNav2,
		#footerLinks #footerLinks_Nav,
		#footerLinks #footerLinks_NavParts,
		#footerCopy,
		#footerCopy p.copyright {
			width: 100%;
			min-width: 100%;
			font-size:12px;
		}

		#footer {
			padding: 9px 0px 7px 0px;
		}

		#footerLinks {
			display: none;
		}
		#footerLinks ul {
			float: none;
		}

		#footerCopy p.copyright a {
			display: block;
			margin-bottom: 7px;
		}

		#footerLinks ul {
			margin: 12px 0px 0px 5px;
		}

		#footerLinks ul li {
			display: inline-table;
			width: 45%;
			box-sizing: border-box;
		}

		#footerLinks ul li.catName,
		#footerLinks ul li.noLink {
				width: 90%;
		}

		#footerNav2 ul {
			margin: 0% 4%;
		}

		body #footerNav2 li {
			display: inline-table;
			width: 49%;
			margin: 0px 0px 9px 0px;
			padding: 0px;
			border-left: none;
      box-sizing: border-box;
		}

		#footerNav2 li:first-of-type {
			margin-bottom: 9px !important;
		}

		#splink_footer {
			display: none !important;
		}

		#footerCopy p.copyright {
			text-align: center;
			font-size: 80%;
		}
		body #footerCopy {
			min-width: 100%;
		}
		.pageLink {
			margin: 0;
			padding:0;
		}

		/*--------------------------
		　レスポンシブ対応全体
		----------------------------*/

		#container {
			margin: 0 auto 20px;
			padding-top: 0;
			width: 100%;
		}


		#lp_page {
			width: 100%;
			margin: 50px auto 0;
			color: #333;
			line-height: 1.6em;
		}

		.breadCrumb {
			display:none;
		}

		.section {
			margin: 0 -10%;
			padding: 10px 10%;
		}

		.section .boxInside {
			margin: 20px auto;
			width: 98%;
			overflow:visible;
		}
		.section3 {
			margin: 40px -500% 0px;
		}
		.pcItemGoBtn a {
			padding: 16px 16px 16px 16px;
		}
		.boxInside .explanatoryTxt {
			width:100%;
			font-size:120%;
		}
		.boxInside .explanatoryTxt dl {
   			font-size: 100%;
		}
		.boxInside .explanatoryTxt dl span {
			font-size:150%;
		}
		.emphasisTxt2 {
			font-size: 150%;
		}

		/*--------------------------
		　レスポンシブ対応タイトル
		----------------------------*/
		#boxTitle img{
			width: 100%;
		}
		/*--------------------------
		　レスポンシブ対応メニュー
		----------------------------*/
		#menuListBox {
			    margin: 0;
				padding: 0;
				width: 100%;
				/*display: none;*/
		}
		#menuListBox .boxInside {
				width: 100%;
		}
		#menuListBox .boxInside li {
             font-size: 10.5px;
             background: url(../../5info/img/intel-x/sp_menu_arrow.png) no-repeat 0 50%;
             padding: 0 0 0 10px;
             margin: 0 0 0 5px;
             width: auto;
		}
		#menuListBox .boxInside li img {
			display:none;
		}
		#menuListBox .boxInside li span.benchMark {
			padding: 12px 0;
		}
		#menuListBox .boxInside li span.deskTop, #menuListBox .boxInside li span.intelCpu {
			padding: 5px 0;
		}
		#menuListBox .boxInside li:hover {
			background-color:#10103e;
		}

        #menu_chouseil{padding-left:-5px !important;}
		#menu_chouseir{padding-right:30px !important;}
		#menu-wrap {
			margin: 0;
			padding: 0;
			width: 100%;
			display: none;
		}
		#menu-wrap .boxInside {
				width: 100%;
		}
		#menu-wrap .boxInside li {
			font-size: 11px;
			background: url(../../5info/img/amd-ryzen/sp_menu_arrow.png) no-repeat 0 50%;
			padding: 0 0 0 10px;
			margin: 0 0 0 5px;
			width: auto;
		}
		#menu-wrap .boxInside li img {
			display:none;
		}
		#menu-wrap .boxInside li span.benchMark {
			padding: 12px 0;
		}
		#menu-wrap .boxInside li span.deskTop, #menuListBox .boxInside li span.intelCpu {
			padding: 5px 0;
		}
		#menu-wrap .boxInside li:hover {
			background-color:#10103e;
		}

		.fadein {
			opacity : 1;
			transform : translate(0, 0);
		}
		.mlr {
			margin:0 20px;
			text-align:left;
		}
		#container h3 {
			font-size: 5.5vw;
			padding-bottom: 8px;
			margin-bottom: 10px !important;
			font-weight:bold;
			line-height:130%;
		}
		#container h4 {
			font-size: 125%;
			padding-bottom: 8px;
			margin-bottom: 10px
		}
		.catchText {
			font-size: 16px;
		}
		.smallTxt {
			font-size:90%;
		}
		.emphasisTxt {
			font-size:140%;
		}
		.detailTxt {
			font-size:120%;
		}
		.spNone {
			display:none;
		}
		.pcNone {
			display:block;
		}
		.boxInside .explanatoryPhoto {
			width:100%;
		}
		.boxInside .explanatoryPhoto img {
			width:70%;
		}
		.section2 {
			margin: 80px -500% 0px;
		}
		.detailTxt span {
			font-size: 150%;
		}
		.graphBox .graph .bar {
			font-size: 30px;
			float: none;
		}
		.graphBox .graph .sky {
			width:80% !important;
		}
		.graphBox .graph .gray {
			width:100% !important;
		}

		.graphBox .graphTxt {
			float: none;
			font-size: 120%;
			margin-top: 5px;
			padding-left:5px;
		}
		.graphBox .graphTxt span {
			font-size: 150%;
		}
		.boxInside .summaryTxt {
			font-size: 120%;
			text-align:left;
		}
		#container .targetList {
			font-size: 130%;
			margin-left: 0px;
		}
		#container .commentsList {
			width: 95%;
			font-size: 110%;
			margin-left: 0;
			color:#888;
		}
		.commentsList2 {
			font-size: 110%;
			margin: 0 20px;
		}
		.iconBox ul.button li {
			text-align:center;
		}
		.graphBox .graph {
			margin-top:20px;
		}
		.targetList li {
			font-size: 110%;
			margin-bottom: 10px;
		}
		#container .interestRateSp {
			display:inline-table;
			font-size:120%;
		}
		#container .interestRateSp td {
			padding:6px 0 ;
			text-align:center;
      vertical-align: middle;
      border: 1px solid;
		}

		/*--------------------------
		　レスポンシブ対応性能
		----------------------------*/

		#performanceBox {
			background-size:100%;
		}
		#performanceBox table {
			width: 100%;
			margin: 10px auto;
			white-space:nowrap;
		}

		#performanceBox table tr {
			font-size: 10px;
		}
		#performanceBox table th {
			padding: 2px;
		}
		#performanceBox table td {
			padding: 2px 10px 2px 2px;;
		}
		#performanceBox table .greenStrong {
			font-size: 12px;
		}
		#performanceBox table .whiteStrong {
			font-size: 12px;
		}
		#performanceBox table .greenStrong br , #performanceBox table .whiteStrong br {
			display:inline;
		}


		/*-------------------------------------
		　レスポンシブ時性能性能横スクロール対応
		---------------------------------------*/

      /*tableをスクロールさせる*/
		.SideScrollBar {
			overflow: auto;
		}

		.SideScrollBar::-webkit-scrollbar {
			width:3px;
			height:3px;
		}
		.SideScrollBar::-webkit-scrollbar-thumb {
		}


		/*-------------------------------------
		　intel X シリーズCPU
		---------------------------------------*/

		/*.cpuBox {
			background: url("/5info/img/geforce-gtx-1080/back_item_fire4.jpg") no-repeat scroll 0 10% / 280% auto;
		}*/

		.cpuBox img.comingsoon {
			width:100%;
		}

		.cpuBox .boxInside .detailText {
			font-size: 12px;
			width: 98%;
			margin: 20px auto;
		}

		.cpuBox .boxInside .photoBox {
			float: none;
			margin: 0;
			width: 98%;
		}

		.cpuBox .boxInside .photoBox img {
			width: 300px;
		}

		.cpuBox .boxInside .pcItemDetailBox {
			float: none;
			font-size: 12px;
			margin: 10px auto;
			text-align: center;
			width: 90%;
		}

		.cpuBox .boxInside .pcName {
			font-size: 20px;
			margin: 0 0 20px 0;
		}

		.cpuBox .boxInside .price {
			font-size: 20px;
			margin: 16px 0 0;
		}

		.cpuBox .boxInside .pcItemGoBtn {
			margin: 20px 0;
			text-align:center;
		}

		.cpuBox .boxInside .pcItemGoBtn img {
			width:100%;
		}


		/*-------------------------------------
		　intel X シリーズCPU
		---------------------------------------*/

		/*.cpuBox2 {
			background: url("/5info/img/geforce-gtx-1080/back_item_fire4.jpg") no-repeat scroll 0 10% / 280% auto;
		}*/

		.cpuBox2 img.comingsoon {
			width:100%;
		}

		.cpuBox2 .boxInside .detailText {
			font-size: 12px;
			width: 98%;
			margin: 20px auto;
		}

		.cpuBox2 .boxInside .photoBox {
			float: none;
			margin: 0;
			width: 98%;
		}

		.cpuBox2 .boxInside .photoBox img {
			width: 300px;
		}

		.cpuBox2 .boxInside .pcItemDetailBox {
			float: none;
			font-size: 12px;
			margin: 10px auto;
			text-align: center;
			width: 90%;
		}

		.cpuBox2 .boxInside .pcName {
			font-size: 20px;
			margin: 0 0 20px 0;
		}

		.cpuBox2 .boxInside .price {
			font-size: 20px;
			margin: 16px 0 0;
		}

		.cpuBox2 .boxInside .pcItemGoBtn {
			margin: 20px 0;
			text-align:center;
		}

		.cpuBox2 .boxInside .pcItemGoBtn img {
			width:100%;
		}
		.boxInside .pcPrice {
			font-size: 130%;
			margin-top: 14px;
		}
		.boxInside .pcPrice span {
			font-size: 150%;
		}
		.iconBox ul.button img {
			width:95%;
		}
		.stepBox img {
			width:100%;
		}
		.arrow img {
			width:20%;
		}
		.detailBox {
			font-size:120%;
		}
		.detailBox dl.qaBox dt {
			padding: 7px 0 15px 35px;
		}
		.detailBox ul li {
			margin-bottom:10px;
		}
		#commonQuestion .qaBox ul li{
			margin-bottom:0;
		}
		/*--------------------------
		　レスポンシブ対応パソコン一覧
		----------------------------*/

		.pcItemListBox .boxInside .detailText {
			font-size: 12px;
			width: 98%;
			margin: 20px auto;
		}

		/*.pcItemListBox {
			background-size:400%;
			background: url(../../5info/img/geforce-gtx-1080/back_item_fire.jpg) no-repeat 103% 10%;
		}*/

		.pcItemListBox .boxInside .photoBox {
			float: none;
			margin: 0;
			width: 98%;
		}

		.pcItemListBox .boxInside .photoBox img {
			width: 70%;
		}

		.pcItemListBox .boxInside .pcItemDetailBox {
			float: none;
			font-size: 12px;
			margin: 10px auto;
			text-align: center;
			width: 90%;
		}

		.pcItemListBox .boxInside .pcItemGoBtn {
			text-align:center;
		}

		.pcItemListBox .boxInside .pcItemGoBtn img {
			width:100%;
		}

		.pcItemListBox .boxInside .pcName {
			font-size: 20px;
			margin: 0 0 20px 0;
		}


		.pcItemListBox .prdctInfoBox {
			width: 94%;
			padding: 2%;
		}

		#container .pcItemListBox .reviewArea p.infoBoxTtl {
			font-size:14px;
		}

		.reviewArea .totalRates .satisfy {
			font-size: 12px;
		}

		.reviewArea .totalRates .satisfy img {
			width:12px;
			height:15px;
			margin: 0 1px;
		}

		.reviewArea .totalRates .totalRatesDetail dt {
			font-size: 12px;
			padding-top: 4px;
		}
		.reviewArea .totalRates .totalRatesDetail dd img {
			margin: 0 2px;
			width:12px;
			height:15px;
		}
		.reviewArea .totalRates .totalRatesDetail dd {
			float: left;
		}
		.reviewArea .totalRates .totalRatesDetail dd span {
			font-size: 14px;
		}

		.reviewArea .totalRates .totalRatesDetail dl {
			margin-right: 12px;
			margin: 0;
			width: 50%;
		}
		.reviewArea .totalRates {
			margin-bottom: 10px;
		}
		.reviewArea .personalReview .perReviewCtsL .perRatingBox .perRatingDetail span img {
			width:12px;
			height:15px;
		}
		#container .reviewArea .personalReview .perReviewCtsL .reviewDate {
			font-size:12px;
		}

		.reviewArea .personalReview .perReviewBox .perReviewCtsR {
			float: left;
			width: 100%;
			padding: 0;
			margin: 20px 0 0;
		}

		.perReviewCtsTitle {
			font-size: 14px;
		}

		.reviewArea .mb30 {
			margin-bottom: 15px;
		}

		.pcItemListBox .reviewArea .personalReview .perReviewCtsR .perReviewCtsTxt {
			font-size: 12px;
		}

		.reviewArea .personalReview {
			height: 320px;
		}

		.pcItemListBox .boxInside .pcAllGoBtn {
			width: 100%;
		}

		.pcItemListBox .boxInside a.pcReviewGo {
			margin:0 0 0 5px;
			font-size:12px;
		}

		.pcItemListBox .boxInside .pcItemDetailBox .satisfy img {
			height: 15px;
			width: 12px;
		}

		.pcItemListBox .boxInside .satisfy {
			margin: 10px 0 0;
		}
		.pcItemListBox .boxInside .price {
			margin:20px 0 10px;
		}

		.pcItemListBox .boxInside .pcList li {
			background-position: 120% 10px;
			background-size: 58% auto;
			margin: 0 0 15px;
			width: 99%;
		}

		.pcItemListBox .boxInside .pcList li .saleText {
			font-size: 12px;
		}

		.pcItemListBox .boxInside .pcList li .modelName {
			font-size: 12px;
		}
		.pcItemListBox .boxInside .pcList li .modelSpec {
			font-size: 12px;
		}
		.pcItemListBox .boxInside .pcList a li .modelPrice span {
			font-size: 16px;
		}
		.pcItemListBox .boxInside .pcList a li .modelPrice span.priceStrike {
			font-size: 12px;
		}
		.pcItemListBox .boxInside .pcList a li .modelGoBtn img {
			width:150px;
		}
		.pcItemListBox .boxInside .pcList li.rightBox {
			float: left;
		}
		.pcItemListBox .boxInside .pcList li .modelNouki {
			padding:0 0 5px;
			font-size:12px;
		}
		.boxInside .explanatoryTxt ul{
			font-size: 80%;
		}


		/*--------------------------
		　レスポンシブ対応cpu プレリリース一覧
		----------------------------*/
		#preBox {
            background: url(../../5info/img/intel-x/corei9-x.png) no-repeat center;
            background-x: 4986px;
            background-position-x: 50%;
            background-position-y: -8%;
		}
		#preBox .boxInside ul {
			width:100%;
		}
		#preBox .boxInside ul li {
			width:100%;
		}
		#preBox .boxInside ul li .preImg, .preName {
			text-align:center !important;
			padding:0 !important;
		}


		#preBox .boxInside ul li .preBtn span {
			padding:18px 50px;
		}


		/*--------------------------
		　レスポンシブ対応マザーボード一覧
		----------------------------*/

		#motherBordBox .boxInside ul li {
			float:none;
			margin-right:0;
			padding: 30px 0;
			text-align:center;
		}

		/*#motherBordBox .boxInside ul li .motherBordBtn {
			margin-bottom:80px;
		}*/

		#motherBordBox .boxInside ul li .motherBordName {
			margin: 20px 0 30px 0;
			font-size:18px;
		}
		#motherBordBox .boxInside ul li .motherBordBtn span {
			font-size: 16px;
			padding: 17px 15px;
			width: 200px;
		}
		#motherBordBox .motherBordImg img {
			width: 70%;
			height: auto;
		}
		#motherBordBox .boxInside ul li:nth-child(even) {
			background: #111111;
		}


		/*--------------------------
		　レスポンシブ対応レビュー
		----------------------------*/

		#reviewBox .btnReview {
			margin: 10px 0;
		}
		#reviewBox .btnReview img {
			width:100%;
		}
		#reviewBox .detailText {
			font-size: 11px;
			text-align: left;
		}




		/*--------------------------
		　レスポンシブ対応その他セール
		----------------------------*/

		.otherCamp h4 {
			margin: 0 0 20px 0;
			font-size: 14px;
			font-weight: normal;
		}

		.otherCamp #camp_banner {
			width: 98%;
			margin: 0 auto 30px;
		}

		#fvpop_base ,
		#fvpop {
		   display:none!important;
		}

		/*--------------------------
		　レスポンシブ対応詳細はこちらボタン
		----------------------------*/
		.pcItemGoBtn a {
			font-size:130%;
            background-position-y: 50%;		}
		.pcItemListBox .boxInside .pcItemDetailBox {
			margin:50px auto;
		}
		.cpuBox .boxInside .pcItemGoBtn {
			padding:40px 0;
		}
		.cpuBox2 .boxInside .pcItemGoBtn {
			padding:40px 0;
		}
		/*--------------------------
		　ショップ
		----------------------------*/
		.shopTxt a {
			font-size:31px !important;
　　　　　　line-height: 43px !important;
            line-height:43px !important;
        }
		.shopTxt {
			padding:0 !important;
		}
		.pcItemGoBtn span {
            padding: 25px 20px 20px 0px !important;
		}
		.shopTxt a {
		    font-weight: normal;
            font-size: 42px;
            text-align: center;
            margin-bottom: 50px;
            color: #333;
            text-shadow: 0 0 25px #9191e2, 0 0 20px #150776, 0 0 0.4px #150776;
            text-decoration: underline;
		}
        .shopTxt {
            margin-top: 40px;
            text-align: center;
            padding: 10px !important;
            margin: 0px 0px !important;
			background:none !important;
		}
		.back-yellow {
			font-size: 20px;
			padding: 15px;
			text-align: center;
			line-height: 150%;
			white-space: pre-wrap;
		}
		/*---------------------------
		　181026追加
		---------------------------*/
		.point_button{
		  width:96vw;
		  font-size:5vw;
		}
		.point_camp_detail dl dt{
		  font-size:17px;
		}
		.point_camp_detail dl dd{
		  font-size:15px;
		  line-height:1.5;
		}
		.point_camp_detail dl dd .attention:nth-of-type(n+2){
		  margin-top:0.5em;
		}
		.point_camp_detail dl dt::before{
		  width:13px;
		  height:13px;
		}
}

/*-------------------------------------
　キャンペーン重複非表示
---------------------------------------*/
.campbnr_amd-ryzen {
	display:  none;
}

/*-------------------------------------
　プレリリース時非表示
---------------------------------------*/

.pcItemGoBtn span {
  /*padding: 25px 20px 25px 20px;
  border-radius: 4px;
  border: 2px solid #34258a;
  background-color: rgba(26, 26, 100, 0.56);
  box-shadow: 0px 0px 20px 6px #1a1a64;
  font-size: 22px;
  text-decoration: none;
  background: url(../../5info/img/intel-x/btn-x.png) no-repeat center;
  background-position-x: -2%;
  background-position-y: 100%;
  transition: all .3s;*/
  color: #fff;
}
.shopTxt {
  margin-top: 40px;
  /* margin-bottom: 90px; */
  background: url(../../5info/img/intel-x/tenji.png) no-repeat center;
  background-x: 4986px;
  background-position-x: 54%;
  background-position-y: 44%;
  /*padding: 90px;*/
  background-size: 5%;
  margin: 0px -500%;
  padding: 200px 500% 200px 500%;
}
.shopTxt a {
  font-weight: normal;
  font-size: 42px;
  text-align: center;
  margin-bottom: 50px;
  color: #333;
  text-shadow: 0 0 25px #9191e2, 0 0 20px #150776, 0 0 0.4px #150776;
	text-decoration:underline;
}
.shopTxt a:hover {
	text-decoration:underline;
}

/*-------------------------------------
　シミュレータ用
---------------------------------------*/
#installmentSimulator{
	display:table;
	width:50%;
	margin:0 auto;
	border-collapse: separate;
	border-spacing: 15px 15px;
	font-size:32px;
}
#installmentSimulator ul{
	display:table-row;
}
#installmentSimulator ul li{
	display:table-cell;
	width:62%;
}
#installmentSimulator ul>li:nth-child(1){
/*	background:#000;*/
/*	color:#fff;*/
	border-radius: 9px 0 0 9px;
	width:38%;

}
#installmentSimulator ul li select{
	width:100%;
	height:60px;
	padding:0 0.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 3px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  border-width: 1px;
  border-color: #000;
  text-align: left;
}
#installmentSimulator ul li.arrowDown{
	position:relative;
}
#installmentSimulator ul li.arrowDown:after{
	display:block;
	content:' ';
	background:url(../images/icon_arrow_down.gif) 0 0 no-repeat;
	position:absolute;
	top:50%;
	right:10px;
	width:25px;
	height:25px;
	background-size:25px;
	margin-top:-13px;
	pointer-events:none;
}
#installmentSimulator .rstArea{
	width:205%;
	font-size:80%;
	margin-top:1em;
}
#installmentSimulator .rstArea .installmentAmt{
	color: #FF4200;
	font-size:150%;
	font-weight: bold;
}
#installmentSimulator .commentsList{
	text-align:left;
	text-indent:1em;
	color:#888;
}


/*--------------------------
　シミュレータ_スマホ表示
----------------------------*/
@media screen and (max-width:479px){

	#installmentSimulator{
		display:block;
		width:96%;
		font-size:150%;
	}
	#installmentSimulator ul{
		display:block;
	}
	#installmentSimulator ul li{
		display:block;
		width:100%;
	}
	#installmentSimulator .rstArea{
		width:100%;
		line-height: 1.3;
	}
	#installmentSimulator ul>li:nth-child(1){
		border-radius:0;
		padding:0.6em 0;
		margin-top:1em;
		background:#000;
		color:#fff;
		width:100%;
	}
	#installmentSimulator ul li select{
		height:50px;
		border-radius:0;
	}
	#installmentSimulator .rstArea .installmentAmt{
		font-weight:bold;
		font-size:160%;
	}
	#installmentSimulator .commentsList{
		text-indent:0;
		font-size:82%;
		margin-bottom:1em;
	}
	#installmentSimulator .rstArea{
		font-size:110%;
		margin-bottom:1em;
	}
}


/*--------------------------
　24回追加分
----------------------------*/
.iconBox ul.button.plist li{
  display:table;
  width:390px;
  height:185px;
  position:relative;
  border:1px solid #ccc;
  box-sizing:border-box;
  margin-bottom:10px;
}

ul.button.plist li:nth-child(2n){
  margin-left:10px;
}

ul.button.plist li a{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  font-weight:bold;
  font-size:23px;
  line-height:1.4;
  padding-left:30px;
}

ul.button.plist li a img{
  height:90%;
  top:5%;
  float:right;
  position:absolute;
  right:8px;
  z-index:-999;
}
ul.button.plist li a>p{
  text-indent:-0.5em;
  margin-left:1em;
}
.moreLinks{
  margin:20px 0 0 auto;
  width:28%;
}
.moreLinks li a{
  font-size:19px;
}

@media screen and (max-width:479px){
  .iconBox ul.button.plist{
    width:90%;
  }
  .iconBox ul.button.plist li{
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  ul.button.plist li:nth-child(2n){
    margin-left:auto;
    margin-right:auto;
  }
  ul.button.plist li a img{
    width:auto;
    height:70%;
    top:15%;
  }
  ul.button.plist li a>p{
    text-align:left;
    font-size:17px;
  }
  .moreLinks{
    width:auto;
    float:right;
  }
  .subTxt_01 span {
	  font-size: 24px!important;
	  }
}

/*--------------------------
　C4 LAN
----------------------------*/
#c4LanCamp{
  text-align: center;
  background: #111;
  color: #fff;
  font-size: 38px;
  padding: 5px 0;
}

@media screen and (max-width:479px){
  #c4LanCamp{
    font-size: 19px;
    font-weight: bold;
    padding: 10px 0;
  }
}
/* ----------------------------------------
   追加：2018.02.16
---------------------------------------- */
/*-------------------------------------
その他ボックス
---------------------------------------*/
.etcBox {
	display: block;
	width: 75%;
	border: 4px solid #0a3292;
	text-align: center;
	margin: 0 auto 180px auto;
}
.etcBox {
	font-size: 40px;
	font-weight: bold;
	padding: 5px 0px;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
	color: #0a3292;
}
.etcBox.type60 {
	font-size:33px;
}
.etcBox:hover {
	background: #0a3292;
	color: white !important;
	opacity: 1.0 !important;
}
.etcBox:last-child{
	margin-bottom:30px;
}
.style24 {
  margin-top: 40px;
}

.style24 h3 {
  font-size: 48px;
  /*color: #e73828;*/
  color:#FF4200;
}

.style24 h3:before {
  /*background: #e73828;*/
  background:#FF4200;
}

.pcCategory {
  display: block;
  width: 75%;
  margin: 0 auto 20px;
  padding: 8px 0 5px;
  /*background: #e73828;*/
  background:#FF4200;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}

.style24 .priceStyle {
  font-size: 22px;
  margin-top: 14px;
  color: #FF4200;
}

.style24 .priceStyle span {
  font-size: 32px;
  font-weight: bold;
}

.style24 .priceStyle .mark {
  color: #000;
}

@media screen and (max-width:479px) {
  .etcBox,
  .etcBox.type60 {
    margin-top: -80px;
    margin-bottom: 90px;
    width: 90%;
    padding: 15px 0;
    font-size: 5.5vw;
    box-sizing: border-box;
  }
  .etcBox.type60 {
    line-height:1.3;
  }
  .etcBox:last-child{
    margin-bottom:40px;
  }
  .style24 {
    margin-top: 0;
  }
  .style24 h3 {
    font-size: 5.5vw;
  }
  .style24 h3:before {
    height: 6vw;
    width: 6vw;
    top: 0vh;
    left: -4vh;
  }
  .style24 .pcCategory {
    font-size: 5.5vw;
  }
  .style24 .priceStyle {
  font-size: 130%;
  }
  .style24 .priceStyle span {
    font-size: 150%;
  }
}

/* ----------------------------------------
   追加：2018.06.12
---------------------------------------- */
.whatJsc {
	display:none;
	margin-top: 20px;
	padding-bottom: 12px;
	text-align: center;
}

.whatJsc a {
	display: inline-block;
	position: relative;
	padding-left: 52px;
	line-height: 1.3;
	font-size: 28px;
}

.whatJsc a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	height: 57px;
	margin-top: -28px;
	background: url(../images/icon_beginner.png) no-repeat center center;
	background-size: 100% auto;
}


.rankingProducts_AB_A { display:block; }
.rankingProducts_AB_B { display:none; }

.rankingBlock {
	display: flex;
	justify-content: center;
	margin-bottom: 90px;
	text-align: center;
}

.rankingBlock .product {
	position: relative;
	flex-basis: 33%;
	margin-left: 2%;
	padding-bottom: 70px;
}

.rankingBlock .product:first-child { margin-left: 0; }

.rankingBlock .product.rank1 .img a::before {
	content: '';
	position: absolute;
	right: 0;
	top: 180px;
	width: 90px;
	height: 90px;
	background: url(../images/icon_ranking_01.png) no-repeat center center;
	background-size: 100% auto;
	z-index: 10;
}

.rankingBlock .product.rank2 .img a::before {
	content: '';
	position: absolute;
	right: 0;
	top: 180px;
	width: 90px;
	height: 90px;
	background: url(../images/icon_ranking_02.png) no-repeat center center;
	background-size: 100% auto;
	z-index: 10;
}

.rankingBlock .product.rank3 .img a::before {
	content: '';
	position: absolute;
	right: 0;
	top: 180px;
	width: 90px;
	height: 90px;
	background: url(../images/icon_ranking_03.png) no-repeat center center;
	background-size: 100% auto;
	z-index: 10;
}

.rankingBlock .product a { transition: all .3s; }
.rankingBlock .product a:hover { opacity: 0.8; }

.rankingBlock .product .img { margin-bottom: 20px; }

.rankingBlock .product .img img {
	position: relative;
	max-width: 100%;
	height: auto;
}

.rankingBlock .product .img img.position_t40 { top: 40px; }

.rankingBlock .product .name {
	margin-bottom: 10px;
	line-height: 1.2;
	font-size: 26px;
	font-weight: bold;
}

.rankingBlock .product .doc {
	display: inline-block;
	width: auto;
	margin: 0 auto;
	text-align: left;
	font-size: 16px;
}

.rankingBlock .product .pcPrice { margin-top: 5px; }

.rankingBlock .product .detailBtn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.rankingBlock .product .detailBtn a {
	display: block;
	padding: 20px 0 17px;
	background: #0a3292;
	border-radius: 4px;
	line-height: 1.1;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
}

.rankingBlock .product .detailBtn a::before { content: '» '; }

.interest_rate{
	text-align:center;
}
.interest_rate .commentsList{
	margin-top:30px;
}

.reviews_box .reviews_item{
    border-color:#FF4200;
}
.reviews_box .reviews_item a
,.reviews_box .reviews_txt p.person span{
	color:#ff4200;
}

.pcItemListBox .h3Box:nth-of-type(n+2){
    margin-top:250px;
}

@media screen and (min-width:480px) {
 .display_none_pc {
  display: none;
 }
}

@media screen and (max-width:479px) {
	.attention { color:#888; }
	.attention li br{ display:none; }
	.whatJsc { text-align: left; }
	.whatJsc a { font-size: 18px; }
	.rankingBlock { display: block; }
	.rankingBlock .product {
		margin-top: 30px;
		padding-bottom: 0;
	}
	.rankingBlock .product:first-child { margin-top: 0; }
	.rankingBlock .product .img { margin-bottom: 10px; }
	.rankingBlock .product .img img { width: 70%; }
	.rankingBlock .product.rank1 .img a::before,
	.rankingBlock .product.rank2 .img a::before,
	.rankingBlock .product.rank3 .img a::before { top: 0; left: 10px; }
	.rankingBlock .product .name {
		margin-bottom: 5px;
		font-size: 20px;
	}
	.rankingBlock .product .doc { font-size: 14px; }
	.rankingBlock .product .pcPrice { margin-top: 10px; }
	.rankingBlock .product .detailBtn {
		position: relative;
		margin-top: 10px;
	}
	.rankingBlock .product .detailBtn a {
		padding: 15px 0 12px;
		font-size: 16px;
	}
	.rankingBlock .product .img img.position_t40 { top: 0; }
	.commentsList2{ color:#888; }

 .sp_display_none {
  display: none;
 }
}

.width_1050 {
  margin: 10px -506%;
  padding-top: 0px;
  padding-bottom: 50px;
  width: 100%;
  font-size: 14px;
}

.width_1050 .interestRate span {
    font-size: 16px;
}

.titleSub_yellow {
  width: 100px;
    background: #f7e75b;
    color: #F44336;
    font-weight: bold;
}

.titleSub_yellow_camp{
 width: 250px;
    background: #f7e75b;
    color: #F44336;
    font-weight: bold;
}

#container h3.gray {
 color: #666666;
}

#container h3.gray:before {
 content: none;
 background: #666666;
}

/* ----------------------------------------
   追加：2019.01.25
---------------------------------------- */

a.induction_for48 {
  display: block;
  position: relative;
  padding: 19px 0 15px;
  background: #c81b2f;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
}