@charset "utf-8";

/*-------------------------------------

　 	インテルCPU 単品 インテルCPU搭載デスクトップPC 部門 販売実績アジアNo.1

---------------------------------------*/

/*-------------------------------------
　ページ基本設定
---------------------------------------*/

html,body{
    width: 100%;
}

.column2R #main {
	float: none;
	width: auto;
}
#lp_page {
	width: 970px;
	background-color:#FFF;
	color: #333333;
	font-size: 14px;
	margin: 0 auto;
}

h3 {
	font-weight:normal;
	color:#093e7c;
	font-size:30px;
	margin-bottom:15px;
}

.section {
	margin:30px 0 50px;
}

.section p {
	font-size:16px;
	line-height:220%;
}

/*-------------------------------------
　お客様満足度もNo.1！！
---------------------------------------*/

#satisfactionBox .satisfactionText {
	background:url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dwc52c0c2b/5info/img/intel-performance/img_kakakucom.jpg) no-repeat top right;
	padding:0 310px 50px 0;
}


/*-------------------------------------
　インテルCPU 搭載パソコン
---------------------------------------*/

#intelPcListBox p {
	line-height:160%;
}

#intelPcListBox .otherSet {
	margin-bottom: 30px;
	text-align: right;
}


#intelPcListBox .galleriaBox {
	background-color:#000;
	color:#fff;
	background:#000 url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dwc52c0c2b/5info/img/intel-performance/arrow_black.png) no-repeat top left;
  background-size: contain;
	/* height:362px; */
	padding:20px 0 20px 80px;
	margin:30px 0 30px;
	border:3px solid #000;
  position: relative;
}

#intelPcListBox .galleriaInnner {
	background-position: 420px 0;
    background-repeat: no-repeat;
    /*background-size: 80% auto;*/
}
#intelPcListBox .galleriaBox img {
   width: 85%;
   margin: 40px 0 0px;
}

#intelPcListBox .galleriaBox .saleCatch {
    border-bottom: 1px solid #f9f803;
    color: #f9f803;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 490px;
}
#intelPcListBox .galleriaBox .pcName {
	font-size: 24px;
	font-weight: bold;
	margin-bottom:15px;
}

#intelPcListBox .galleriaBox .specText {
	font-size:18px;
	margin-bottom:15px;
}

#intelPcListBox .galleriaBox .priceBox {
	font-size:30px;
	color:#ff0000;
}

#intelPcListBox .galleriaBox .priceBox span.en {
	font-size:22px;
}

#intelPcListBox .galleriaBox .priceBox span.taxkara {
	font-size:18px;
}

#intelPcListBox .galleriaBox .buyBtn {
	/* text-align:right; */
	margin:10px 0 0;
}

#intelPcListBox .galleriaBox .buyBtn a {
	background-color:#f9f803;
	color:#000;
	border-radius:5px;
	padding:5px 20px;
	margin:0 20px 0 0;
	text-decoration:none;
}

#intelPcListBox .galleriaBox .buyBtn a:hover {
	background-color: #D9D051;
}

#intelPcListBox .standardBox {
	background:#fff url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dwc52c0c2b/5info/img/intel-performance/arrow_blue.png) no-repeat top left;
  background-size: contain;
	/* height:362px; */
	padding:20px 0 20px 80px;
	margin:30px 0 30px;
	border:3px solid #1e98ed;
  position: relative;
}

#intelPcListBox .standardInnner {
	background-position: 420px -50px;
    background-repeat: no-repeat;
}

#intelPcListBox .imgBox{
	position: absolute;
  top: 0;
  right: 0;
}
#intelPcListBox .galleriaBox img{
	width:90%;
	margin-top:20px;
}
#intelPcListBox .textBox{
	width: 50%;
}

#intelPcListBox .standardBox .saleCatch {
    border-bottom: 1px solid #076bb1;
    color: #076bb1;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 466px;
}
#intelPcListBox .standardBox .fontAdjust {
	font-size: 22px;
}
#intelPcListBox .standardBox .pcName {
    font-size: 24px;
    font-weight: bold;
	margin-bottom:15px;
}

#intelPcListBox .standardBox .specText {
	font-size:18px;
	margin-bottom:15px;
}

#intelPcListBox .standardBox .priceBox {
	font-size:30px;
	color:#ff0000;
}

#intelPcListBox .standardBox .priceBox span.en {
	font-size:22px;
}

#intelPcListBox .standardBox .priceBox span.taxkara {
	font-size:18px;
}

#intelPcListBox .standardBox .buyBtn {
	/* text-align:right; */
	margin:20px 0 0;
}

#intelPcListBox .standardBox .buyBtn a {
	background-color:#075aad;
	color:#fff;
	border-radius:5px;
	padding:5px 20px;
	margin:0 20px 0 0;
	text-decoration:none;
}

#intelPcListBox .standardBox .buyBtn a:hover {
	background-color: #4692D8;
}

#intelPcListBox .jisakuBox {
	background: #FFF url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dwc52c0c2b/5info/img/intel-performance/arrow_blue02.png) no-repeat top left;
	height: 362px;
	padding: 20px 0 0 80px;
	margin: 30px 0 30px;
	border: 3px solid #0292AC;
}

#intelPcListBox .jisakuBox.bottom {
	margin-bottom: 10px !important;
}

#intelPcListBox .jisakuInnner {
	background-position: 420px -50px;
	background-repeat: no-repeat;
}

#intelPcListBox .jisakuBox .modelName {
	border-bottom: 1px solid #0292AC;
	color: #0292AC;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 466px;
}

#intelPcListBox .jisakuBox .specText {
	font-size: 16px;
	margin-bottom: 15px;
}

#intelPcListBox .jisakuBox .specList {
	margin-bottom: 10px;
	width: 481px;
	text-align: center;
}

#intelPcListBox .jisakuBox .specList li {
	margin: 0 6px 10px 0;
	display: inline-block;
	border: 1px solid #BCBCBC;
	width: 149px;
}

#intelPcListBox .jisakuBox .specList p {
	padding: 2px 0;
	font-size: 12px !important;
}

#intelPcListBox .jisakuBox .specList .specListTitle {
	background: #0292AC;
	border-bottom: 1px solid #BCBCBC;
	color: #FFF;
}

#intelPcListBox .jisakuBox .priceBox {
	font-size: 30px;
	color: #F00;
	line-height: 100%;
}

#intelPcListBox .jisakuBox .buyBtn {
	text-align: right;
	margin: -10px 0 0;
}

#intelPcListBox .jisakuBox .buyBtn a {
	background-color: #0292AC;
	color: #FFF;
	border-radius: 5px;
	padding: 5px 20px;
	margin: 0 20px 0 0;
	text-decoration: none;
}

#intelPcListBox .jisakuBox .buyBtn a:hover {
	background-color: #81C9D6;
}

#intelPcListBox .intelSection {
	margin-bottom: 10px;
}

#intelPcListBox .intelBox {
	width: 274px;
	height: 362px;
	padding: 10px;
	margin: 0 35px 0 0;
	border: 3px solid #0071C5;
	float: left;
}

#intelPcListBox .intelBox.right {
	margin-right: 0 !important;
}

#intelPcListBox .intelBox .partsName {
	border-bottom: 1px solid #0071C5;
	color: #0071C5;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 0 5px 10px 5px;
}

#intelPcListBox .intelBox .partsImage {
	text-align: center;
}

#intelPcListBox .intelBox .partsImage img {
	height: 200px;
}

#intelPcListBox .intelBox .priceBox {
	font-size: 20px;
	color: #F00;
	line-height: 130%;
}

#intelPcListBox .intelBox .buyBtn {
	text-align: right;
	margin-top: 10px;
}

#intelPcListBox .intelBox .buyBtn a {
	background-color: #0071C5;
	color: #FFF;
	border-radius: 5px;
	padding: 5px 20px;
	text-decoration: none;
}

#intelPcListBox .intelBox .buyBtn a:hover {
	background-color: #80B8E2;
}


/*-------------------------------------
　サイドバナー非表示
---------------------------------------*/

.sidebannerLeft , .sidebannerRight {
	display:none;
}

/*-------------------------------------
　ページトップへ追随設定
---------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}

.pagetop {
	display:none;
}

/*-------------------------------------
　罫線
---------------------------------------*/

.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 20px;
}

/*-------------------------------------
　clearfix
---------------------------------------*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}






		/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
		@media screen and (max-width:479px){


		/*--------------------------
		　レスポンシブ対応ヘッダ
		----------------------------*/

		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 #fff;
		}

		#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%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-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;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-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;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-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;
		}

		#fvpop_base ,
		#fvpop
		 {
			display:none!important;
		}

		/*--------------------------
		　レスポンシブ対応全体
		----------------------------*/

		#container {
			margin: -20px auto 50px;
		}


		#lp_page {
			width: 98%;
			margin: 0 auto;
			line-height: 1.6em;
		}

		.breadCrumb {
			display:none;
		}

		h2 img {
			width:100%;
		}
		.section {
			margin: 30px 0;
		}
		h3 {
			font-size: 15px;
		}

		.section p {
			font-size: 12px;
			line-height: 160%;
		}

		#satisfactionBox .satisfactionText {
			background: url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dwc52c0c2b/5info/img/intel-performance/img_kakakucom.jpg) no-repeat bottom center;
			padding: 0 0 210px 0;
		}

		#intelPcListBox .galleriaBox {
			background:none;
			background-color:#000000;
			height: auto;
			padding: 10px;
			margin: 10px 0 30px;
		}

		#intelPcListBox .galleriaBox .saleCatch {
			font-size: 14px;
			width: 100%;
		}

		#intelPcListBox .galleriaBox .pcName {
			font-size: 14px;
		}

		#intelPcListBox .galleriaBox .specText {
			font-size: 12px;
		}

		#intelPcListBox .galleriaBox .priceBox {
			font-size: 16px;
		}

		#intelPcListBox .galleriaBox .priceBox span.en {
			font-size: 12px;
		}

		#intelPcListBox .galleriaBox .priceBox span.taxkara {
			font-size: 10px;
		}

		#intelPcListBox .galleriaBox .buyBtn {
			text-align: left;
			margin: 10px 0 0;
		}

		#intelPcListBox .galleriaInnner {
			background-position: 120% 70%;
			background-size: 50% auto;
		}

		#intelPcListBox .standardBox {
			background:none;
			height: auto;
			padding: 10px;
			margin: 10px 0 30px;
		}

		#intelPcListBox .standardBox .saleCatch {
			font-size: 14px;
			width: 100%;
		}

		#intelPcListBox .standardBox .pcName {
			font-size: 14px;
		}

		#intelPcListBox .standardBox .specText {
			font-size: 12px;
		}

		#intelPcListBox .standardBox .priceBox {
			font-size: 16px;
		}

		#intelPcListBox .standardBox .priceBox span.en {
			font-size: 12px;
		}

		#intelPcListBox .standardBox .priceBox span.taxkara {
			font-size: 10px;
		}

		#intelPcListBox .standardBox .buyBtn {
			text-align: left;
			margin: 10px 0 0;
		}
		intelPcListBox .standardBox .fontAdjust {
			font-size: 100%;
		}
		#intelPcListBox .standardInnner {
			background-position: 110% 60%;
			background-size: 50% auto;
		}

		#intelPcListBox .jisakuBox {
			background: none;
			height: auto;
			padding: 10px;
			margin: 10px 0 30px;
		}

		#intelPcListBox .jisakuBox .jisakuInnner {
			background-size: 40% auto !important;
			background-position: 110% 70% !important;
		}

		#intelPcListBox .jisakuBox .modelName {
			font-size: 14px;
			width: 100%;
		}

		#intelPcListBox .jisakuBox .specText {
			font-size: 12px;
		}

		#intelPcListBox .jisakuBox .specList {
			text-align: left;
		}

		#intelPcListBox .jisakuBox .specList li {
			margin-bottom: 0;
			display: block;
			border: none;
			width: auto;
		}

		#intelPcListBox .jisakuBox .specList p {
			display: inline;
			border: none !important;
			background: none !important;
			color: #333 !important;
		}

		#intelPcListBox .jisakuBox .specList p.specListTitle {
			margin-right: 10px;
			font-weight: bold;
		}

		#intelPcListBox .jisakuBox .priceBox {
			font-size: 16px;
		}

		#intelPcListBox .jisakuBox .buyBtn {
			text-align: left;
			margin: 10px 0 0;
		}

		#intelPcListBox .jisakuInnner {
			background-position: 110% 60%;
			background-size: 50% auto;
		}

		#intelPcListBox .intelBox {
			background: none;
			height: auto;
			padding: 10px;
			margin-bottom: 30px;
			width: 93% !important;
		}

		#intelPcListBox .intelBox.right {
			margin-bottom: 0;
		}

		#intelPcListBox .intelBox .intelInnner {
			background-size: 50% auto !important;
		}

		#intelPcListBox .intelBox .partsName {
			font-size: 14px;
		}

		#intelPcListBox .intelBox .partsImage {
			text-align: center;
		}

		#intelPcListBox .intelBox .partsImage img {
			width: 50% !important;
			height: 50% !important;
		}

		#intelPcListBox .intelBox .priceBox {
			font-size: 16px;
		}

		#intelPcListBox .intelBox .buyBtn {
			text-align: left;
			margin: 10px 0 0;
		}

		#intelPcListBox .intelInnner {
			background-position: 110% 60%;
			background-size: 50% auto;
		}

	#intelPcListBox .imgBox {
    position: static;
		float: right;
		margin-top: -15px;
		width: 50%;
	}
	#intelPcListBox .imgBox img{
		width: 100%;
    	float: right;
	}

}
