@charset "utf-8";
/*-------------------------------------

JACCS48回無料キャンペーン特集ページ

---------------------------------------*/

/*-------------------------------------
ページ基本設定
---------------------------------------*/

#container {
	width: 100%;
}
.column2R #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 {
}
td, th {
    vertical-align: middle;
    border-width: 1px;
}
/*-------------------------------------
その他設定
---------------------------------------*/

.smallTxt {
	font-size: 34px;
}
.emphasisTxt {
	font-size: 64px;
}
.emphasisTxt2 {
	font-size: 52px;
	font-weight: bold;
}
.red {
	color: #c30d23;
}
.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;
}
/*
.bg01 {
background: url(/5info/img/jaccs_camp_48/bg01.jpg) no-repeat center;
}

.bg02 {
background: url(/5info/img/jaccs_camp_48/bg02.jpg) no-repeat center;
}
.bg03 {
background: url(/5info/img/jaccs_camp_48/bg03.jpg) no-repeat center;
}
.bg04 {
background: url(/5info/img/jaccs_camp_48/bg04.jpg) no-repeat center;
}
*/

#commonQuestion .qaBox ul {
	margin-left: 1em;
}
/*-------------------------------------
メインタイトル
---------------------------------------*/

#boxTitle {
	width: 100%;
}
/*-------------------------------------
見出し
---------------------------------------*/
.h3Box {
	text-align: center;
	padding-left: 45px;
}
h3 {
	display: inline-block;
	position: relative;
    margin-top: 50px;
	font-weight: bold;
	font-size: 46px;
	color: #e83829;
}
h3.gray {
    color: #666666;
}
h3.gray:before {
 content: none;
}
h3:before {
	background: #e83829;
	content: "";
	height: 45px;
	width: 45px;
	top: 11px;
	left: -55px;
	rotate: 5px;
	position: absolute;
	border-radius: 10px;
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.h4Box {
	text-align: center;
	background: #e83829;
	width: 75%;
	color: #FFF !important;
	margin: 0 auto;
	font-size: 36px;
	font-weight: bold;
	line-height: 150%;
	margin-top: 45px;
	margin-bottom: 30px;
}
h5 {
	font-size: 36px;
	text-align: center;
	color: #333;
	font-weight: bold;
    line-height: 1.4;
}
.recList + h5 {
    margin: 50px 0 20px;
}
/*-------------------------------------
その他ボックス
---------------------------------------*/
.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:hover {
	background: #0a3292;
	color: white !important;
	opacity: 1.0 !important;
}
/*-------------------------------------
グラフ
---------------------------------------*/

.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: 32px;
}
.commentsList {
	display: inline-block;
	text-align: left;
	font-size: 14px;
}
.commentsList2 {
	margin-top: -140px;
	margin-left: 120px;
	text-align: left;
	font-size: 14px;
}
#container table.interestRate {
	font-size: 16px;
	text-align: center;
}
.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 auto;
	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(/5info/img/jaccs_camp_48/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(/5info/img/jaccs_camp_48/icon_a.png) no-repeat left top;
}
.interestRateSp {
	display: none;
}
.titleSub {
    width: 100px;
	background: #333;
	color: #FFFFFF;
	font-weight: bold;
}

.titleSub_yellow {
    width: 100px;
    background: #f7e75b;
    color: #F44336;
    font-weight: bold;
}
.boxInside table tbody {
	border: 1px solid #808080;
}
.jaccs_pc_table {
 width: 695px;
 display: block;
 margin: auto;
}


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

.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%;
    padding-top: 0px;
    padding-bottom: 0px;
	width: 100%;
}
.section2 {
	margin: 160px -500% 0px;
	padding: 10px 500%;
	width: 100%;
}
.section3 {
	margin: 100px -500% 0px;
	padding: 10px 500%;
	width: 100%;
}
.section .boxInside, .section2 .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 {
  display: block;
	padding: 20px 16px 20px 16px;
	border-radius: 4px;
	font-size: 22px;
	text-decoration: none;
	transition: all .3s;
	background-color: #0a3292;
	color: #fff;
}
/*-------------------------------------
モデル
---------------------------------------*/

.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: #c30d23;
}
.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;
}
#pagetop a {
	color: #333;
	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;
}
.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;
}
/*---------------------------
ページTOPへ
---------------------------*/

#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #FFFFFF;
	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;
}
/*---------------------------
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: #e83829;
	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;
}
/*-------------------------------------
170827追加
---------------------------------------*/
.reviews_box .reviews_item {
  border-left: 10px solid #e83829;
}
.reviews_box .reviews_item a {
  color: #e83829;
}
.reviews_box .reviews_txt p.person span {
  color: #e83829;
}

@media screen and (min-width:480px) {
.pc_display_none {
	display: none;
}
}
/*---------------------------
スマホ対応
---------------------------*/


/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
.h3Box {
	text-align: center;
	padding-left: 20px;
}
h3:before {
	content: "";
	height: 6vw;
	width: 6vw;
	top: 0vh;
	left: -4vh;
	position: absolute;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.h4Box {
	width: 100%;
	font-size: 5.5vw;
	padding: 10px 0;
	margin: 0 0 20px 0;
}
h5 {
	font-size: 5.5vw;
	margin-bottom: 20px;
    line-height: 1.4;
}
.etcBox {
	margin-top: -80px;
	margin-bottom: 90px;
	width: 90%;
	padding: 15px 0;
	font-size: 5.5vw;
	box-sizing: border-box;
}
/*--------------------------
レスポンシブ対応ヘッダ
----------------------------*/

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%;
	-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;
}
/*--------------------------
レスポンシブ対応全体
----------------------------*/

#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;
	padding: 10px;
}
.section .boxInside, .section2 .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;
}
h3 {
	font-size: 5.5vw;
	padding-bottom: 8px;
	margin-bottom: 10px !important;
	font-weight: bold;
	line-height: 130%;
}
.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 0 0;
	padding: 0;
}
.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;
}
.targetList {
	font-size: 130%;
	margin-left: 0px;
}
.commentsList {
	width: 95%;
	font-size: 110%;
	margin-left: 0;
}
.commentsList2 {
	font-size: 110%;
	margin: -50px 20px 40px;
}
.iconBox ul.button li {
	text-align: center;
}
.graphBox .graph {
	margin-top: 20px;
}
.targetList li {
	font-size: 110%;
	margin-bottom: 10px;
}
.interestRateSp {
	display: inline-table;
	font-size: 120%;
}
.interestRateSp td {
	padding: 6px 0;
	text-align: center;
}
/*--------------------------
レスポンシブ対応性能
----------------------------*/

#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;
}
/*-------------------------------------
レスポンシブ時性能性能横スクロール対応
---------------------------------------*/
.SideScrollBar {
	overflow: auto;/*tableをスクロールさせる*/
}
.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;
}
.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;
}
}
/*-------------------------------------
キャンペーン重複非表示
---------------------------------------*/
.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;
}
.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;
}
#installmentSimulator ul li.arrowDown {
	position: relative;
}
#installmentSimulator ul li.arrowDown:after {
	display: block;
	content: ' ';
	background: url("/5info/img/jaccs_camp_48/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: #c30d23;
	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 !important;
	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;
	text-align: left;
}
.moreLinks {
	margin: 20px 0 0 auto;
	width: 28%;
	text-align: left;
}
.moreLinks li a {
	font-size: 19px;
}
/*.iconBox ul.button.plist li.moreLinksIn {
  border: none;
  display: block;
  float: right;
  width: 28%;
  position: relative;
}
.iconBox ul.button.plist li.moreLinksIn .moreLinksBox {
  position: absolute;
  bottom: 0;
}
.iconBox ul.button.plist li.moreLinksIn a {
  display: block;
  font-size: 19px;
  font-weight: normal;
  text-decoration: underline;
}*/

@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% !important;
	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;
}
 .sp_display_none {
  display: none;
 }
}
/* ----------------------------------------
   追加：2018.02.16
---------------------------------------- */
#ultraHighendPC48 {
  margin: 20px 0 0;
}

#ultraHighendPC48 p {}

#ultraHighendPC48 p a {
  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;
}

#ultraHighendPC48 p a::after {
  content: '»';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -0.525em;
  font-size: 1.4em;
}

.style48 {
  padding: 30px 0;
  background: #c81b2f;
}

.style48 * {
  color: #fff!important;
}

.style48 .price {
  margin-top: 14px;
}

.style48 .price span {
  display: inline;
  font-size: 22px;
}
.style48 .price span span {
    font-size: 32px;
    font-weight: bold;
}

@media screen and (max-width:479px) {
  #ultraHighendPC48 p a {
    padding: 10px 0 7px;
    font-size: 5.5vw;
  }
  
  #ultraHighendPC48 p a::after { right: 10px; }
  
  .style48 {
    padding: 15px 10px 0;
  }
  .style48 h5 { line-height: 1.5; }
  
  .style48 .price span { font-size: 130%; }
  .style48 .price span 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(/5info/img/jaccs_camp_24/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(/5info/img/jaccs_camp_24/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(/5info/img/jaccs_camp_24/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(/5info/img/jaccs_camp_24/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: '» '; }

@media screen and (max-width:479px) {
	.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; }
  .iconBox ul.button.plist li.moreLinksIn {
    position: static;
    width: auto;
    display: table;
    height: auto;
  }
/*  .iconBox ul.button.plist li.moreLinksIn .moreLinksBox {
    position: static;
  }
  .iconBox ul.button.plist li.moreLinksIn a {
    text-align: left;
  }
*/}

/*-------------------------------------
　.recArea
---------------------------------------*/
.recArea {
  padding: 80px 0;
  background: linear-gradient(90deg, #fffdc7 0%, #fffff5 30%, #fffff5 70%, #fffdc7 100%);
}
.recTtl {
  font-size: 34px;
  text-align: center;
  color: #e31e2f;
  margin: 50px 0 20px;
  font-weight: 600;
}
.recTtl span {
  font-size: 44px;
}
.recTtl span:first-child {
  font-size: 64px;
  font-weight: 600;
  display: inline-block;
  margin: 0 3px;
}
.recTtl2 {
  font-size: 34px;
  text-align: center;
  color: #e31e2f;
  margin: 150px 0 0;
  font-weight: 600;
  line-height: 44px;
}
.recNote {
  font-size: 16px;
  color: #e31e2f;
  text-align: center;
  margin-bottom: 50px;
}
.recList {
  display: flex;
  justify-content: space-around;
}
.recList + .recList {
    margin-top: 20px;
}
.recItem {
  width: 48%;
  background: #fff;
  border: 2px solid #e31e2f;
  box-sizing: border-box;
  position: relative;
}
.column3 {
  width: 28%;
}

.recModel .recItem:hover {
  transform: scale(1.04);
  transition: 0.3s;
}
.setModel .recItem img {
  display: block;
  margin: 20px auto 20px;
}
.recItem ul {
  padding: 10px;
  height: 410px;
}
.column3 ul {
  padding: 10px;
  height: 270px;
}
.recItemTtl {
  font-size: 26px;
  background: #e83829;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
  line-height: 32px;
}
.recParts .recItemTtl {
  font-size: 21px;
}
.recItemName {
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 10px;
  font-weight: 500;
}
.recParts .recItemName {
  font-size: 16px;
}
.recItemSpec {
  font-size: 18px;
  font-weight: 300;
}
.recItemSpec span {
  font-weight: 600;
  margin-right:1em;
  display: inline-block;
}
.recItemIcon {
  background: #e83829;
  font-size: 24px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 0 5px;
  position: absolute;
  bottom: 90px;
}
.recItemPrice {
  font-size: 35px;
  color: #e83829;
  line-height: 75px;
  text-shadow: 2px 2px 0 #fff;
  position: absolute;
  z-index: 1;
  bottom: 0;
}
.column3 .recItemPrice {
    font-size: 32px;
}
.recItemPrice span {
  font-size: 70px;
  font-weight: 600;
}
.column3 .recItemPrice span {
  font-size: 50px;
  font-weight: 600;
}
.recItemImg {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 65%;
}
.column3 .recItemImg {
  position: absolute;
　bottom: 10px;
  left: 50%;
  width: 50%;
  transform: translateX( -50% );
}
.recItemImg img {
  width: 70%;
  height: 70%;
}
.recParts {
  margin-bottom: 50px;
}
.recParts .recItem ul {
  height: auto;
  text-align: center;
}
.recParts .recItemImg {
  position: static;
  display: block;
  margin: 0 auto;
  padding: 10px;
}
.recParts .recItemImg img {
  max-width: 300px;
}
.recParts .recItemPrice {
  position: static;
}
.recTxt {
  font-size: 22px;
  margin: 90px 0 20px;
}
.recItemLink {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 3;
}
.recItemLink:hover {
  opacity: 0!important;
  background: #fff;
  z-index: 2;
}
._partsList {
	flex-wrap: wrap;
	margin-top: 0;
}
._partsList .recItem {
	margin-bottom: 20px;
}
/*1アイテム*/
.recItem1L {
  width: 96%;
  background: #fff;
  border: 2px solid #e31e2f;
  box-sizing: border-box;
  position: relative;
}
.recItem1L:hover {
  transform: scale(1.04);
  transition: 0.3s;
}
.recItem1L ul {
  padding: 10px;
  height: 410px;
}
.recItemImg1L {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 400px;
}
.imgFull .recItemImg1L {
  bottom: 22px;
  right: 6px;
}

@media screen and (max-width: 479px) {
      .recTtl {
    font-size: 18px;
    margin: 25px 0 20px;
  }
  .recTtl span {
    font-size: 22px;
  }
  .recTtl span:first-child {
    font-size: 40px;
  }
  .recList {
    display: block;
  }
  .recItem, .recItem1L {
    width: 100%;
    margin-bottom: 20px;
  }
  .recModel .recItem {
    box-shadow: 2px 2px 4px #666;
  }
  .recItem ul, .column3 ul {
    height: 280px;
  }
  .recItem1L ul {
    height: 350px;
  }
  .imgFull ul {
    height: 280px;
  }
  .recItemTtl {
    font-size: 20px;
    line-height: 30px;
  }
  .recItemName {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 24px;
  }
  .recParts .recItemName {
    text-align: left;
  }
  .recItemSpec {
    font-size: 16px;
    line-height: 20px;
  }
  .recItemIcon {
    font-size: 16px;
    bottom: 60px;
  }
  .recItemPrice, .column3 .recItemPrice {
    font-size: 30px;
    line-height: 50px;
  }
  .recItemPrice span, .column3 .recItemPrice span {
    font-size: 50px;
    line-height: 50px;
  }
  .recItemImg, .recItemImg1L {
    width: 50%;
    height: auto;
  }
	.imgFull .recItemImg1L {
		width: 100%;
		bottom: auto;
		right: 10px;
		top: 40px;
	}
  .recTtl2 {
    font-size: 22px;
    margin: 50px 0 0;
    line-height: 32px;
  }
  .recNote {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .recTxt {
    font-size: 18px;
    margin: 50px 0 20px;
  }
  .recImgSp {
    width: 80%;
    margin: 0 auto;
  }
}