@charset "UTF-8";

/* single-usedpc.css */
/* 中古パソコン販売実績 個別記事ページ に適用 */

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

/* 画像の縦横比を維持 */
.contents figure{
	max-width:100%;
	height:auto;
}

/* 画像の縦横比を維持 */
.contents img{
	max-width:100%;
	height:auto;
}

.contents{
	margin-top:15px;
	margin-bottom:15px;
	padding:10px;
	border:solid 1px #A9A9A9;
}

/* 区切り線 */
.hr_g{
	background-color:#fff;
	border-top:2px dotted #8c8b8b;
}

/* 見出し */
h2{
	font-size:14px;
	font-weight:normal;
	margin:0px;
	padding:5px;
	padding:0.4em 0.5em;			/* 文字の上下 左右の余白 */
	color:#494949;				/* 文字色 */
	background:#f4f4f4;			/* 背景色 */
	border-left:solid 5px #5BB431;		/* 左線 */
	border-bottom:solid 3px #d7d7d7;	/* 下線 */
	margin-bottom:5px;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 記事カテゴリ */
.post_category{
	text-align:right;
	font-size:12px;
	color:#555555;
	margin-bottom:10px;
}

/* 画像にテキストを重ねる */
.machine_image{
	position:relative;
}

/* 重ねるテキスト */
.soldout{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#a9a9a9;
	font-size:30px;
}

/* 本体画像 中央揃え */
.machine_img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #d7d7d7;
	opacity:0.3;
}

/* CPU世代 */
.cpu_generation{
	text-align:center;
}

.fa-microsoft{
	color:#5BB431;
}

/* 中古パソコンスペック表 */
.spectable{
	width:99%;
	border:0;
	margin-left:auto;
	margin-right:auto;
}

/* 中古パソコンスペック表 項目 */
.spectable th{
	width:100%;
	border-bottom-style:solid;
	border-width:0px;
	padding:0px;
	padding-bottom:2px;
	text-align:left;
	display:block;
	margin-bottom:5px;
	color:#5BB431;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 中古パソコンスペック表 内容 */
.spectable td{
	width:100%;
	text-align:left;
	border-bottom-style:solid;
	padding:0px;
	padding-bottom:2px;
	margin-left:0px;
	border-width:1px;
	display: block;
	margin-bottom:10px;
	border-color:#d3d3d3;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* th td アンダーライン 隙間0 */
.spectable{
	border-collapse:collapse;
}

/* 特記事項 */
.notices_box{
	width:99%;
	border:0;
	margin-left:auto;
	margin-right:auto;
}

/* 特記事項 */
.noticestable{
	width:100%;
	border:0;
	margin-left:auto;
	margin-right:auto;
}

/* 新品SSD */
.unused{
	background-color:red;
	color:snow;
	padding: 0px 2px;
	margin-right:2px;
	border-radius:2px;
}

/* 保証期間 アイコンの色 */
.fa-heart{
	color:#5BB431;
}

/* 販売価格 */
.price_box{
	width:99%;
	border:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/* 販売価格 */
.price_box{
	text-align:right;
	color:red;
	font-weight:bold;
	font-size:20px;
	margin-top:14px;
	margin-bottom:14px;
}

/* 販売価格に打消し線 */
.strikethrough{
	text-decoration:line-through;		/* 線を引く */
	text-decoration-style: double;		/* 二重線 */
	text-decoration-thickness: 1px;		/* 線の太さ */
}

/* 見出し マシンスペック 商品の状態 */
h3{
	margin:1.4em 0;
	padding-left:0.2em;
	border-bottom:1px dotted gray;
	font-size:18px;
	color:#5BB431;
}

/* 売れた日 */
.sold_date{
	text-align:right;
	font-size:10px;
	color:#555555;
}

/*for mobile design END */

/* ------------------------------------ */
/* ▼タブレット用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media only screen and (min-width: 600px) {

/* 見出し */
h2{
	font-size:16px;
}

/* 重ねるテキスト */
.soldout{
	font-size:50px;
}

/* ランダムオススメ機種 段組表示*/
.random{
	display:flex;
	justify-content:space-between;
}

/* ランダムオススメ機種 個別表示*/
.random_box{
	flex-basis: 49%;
}

} /* for Tablet design END */

/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media (min-width: 1024px) {

/* 見出し */
h2{
	font-size:18px;
}

/* スペック表 2列表示用幅 */
.spec_box{
	width:49%;
	border:0;
	margin-left:auto;
	margin-right:auto;
}

/* 中古パソコンスペック表 項目 */
.spectable th{
	width:30%;
	text-align:left; 
	padding:5px;
	color:#5BB431;
	font-weight:normal;
	border-bottom-style:solid;
	border-width:1px;
	padding-top:20px;
	border-color:#d3d3d3;
	display:table-cell;
}

/* 中古パソコンスペック表 内容 */
.spectable td{
	width:70%;
	text-align:right;
	padding:5px;
	border-bottom-style:solid;
	border-width:1px;
	padding-top:20px;
	border-color:#d3d3d3;
	display:table-cell;
}

/* 中古パソコンスペック 段組表示 */
.machinespec{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:flex-start;
	flex-grow:1;
	margin-left:5px;
	margin-right:5px;
}

/* 特記事項 */
.noticetable{
	width:99%;
	border:0;
	margin-left:auto;
	margin-right:auto;
}

/* 販売価格 */
.pricetable{
	width:99%;
	border:0;
	margin-left:auto;
	margin-right:auto;
}

}/*for PC design END */