@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);
}

/* 記事本文 */
.article_content{
	padding:5px;
}

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

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

/* 中古パソコンスペック表  */
.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:97%;
	text-align:left;
	border-bottom-style:solid;
	padding:0px;
	padding-bottom:1px;
	margin-left:16px;
	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;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

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

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

/* 販売価格 テーブル */
.pricetable{
	width:100%;
	border: 0;
	margin-left: auto;
	margin-right: auto;
}

/* 販売価格 タイトル */
.pricetable th{
	width:100%;
	text-align:left; 
	padding:5px;
	color:#5BB431;
	font-weight:normal;
	border-bottom-style:solid;
	border-width:0px;
	padding-top:20px;
	border-color:#d3d3d3;
}

/* 販売価格 金額 */
.pricetable td{
	width:100%;
	text-align:left;
	padding:5px;
	color:red;
	border-bottom-style:solid;
	border-width:0px;
	border-color:#d3d3d3;
	padding-left:25px;
}

.post_info{
	margin-bottom:10px;
}

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

/* 記事閲覧数 */
.post_views{
	text-align:right;
	font-size:10px;
}

/* 投稿者名 */
.autohername{
	text-align:right;
	font-size:10px;
}

/* 販売価格 */
.price_box{
	text-align:right;
	font-size:20px;
	margin-top:14px;
	margin-bottom:14px;
	padding-right:1%;
}

/* 価格 */
.price_box p{
	margin:0;
	padding:0;
}

/* 商品の状態 */
.notices_box p + p{
	margin-top:0px;
}

/* 保証期間 */
.notices_box p:last-child {
	margin-top:16px;
}

/* Windows11 サポート Start */
.win11_support{
	width:99%;
	border:0;
	margin-left:auto;
	margin-right:auto;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 値下げ商品 */
.pricedown{
	color:red;
	font-weight:bold;
}

/* 総額表示 */
.tax_in{
	color:red;
	font-weight:bold;
	font-style:italic;
}

/* 税別価格 */
.without_tax{
	font-size:10px;
	font-style:italic;
}

.caution p{
	line-height:1.5;
	font-size:12px;
}

/* 商品の状態 */
.caution p + p{
	margin:0px;
	padding:0px;
}

/* 店長のオススメ */
.shop_manager{
	color:red;
}

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

/* 他の機種 ランダム表示 */
.choices{
	padding:10px;
	border:solid 1px #A9A9A9;
}

/* 他の機種 ランダム表示 見出し */
.choices h2{
	font-size:14px;
}

/* 他の機種 個別表示 */
.random_box{
	margin-top:10px;
	margin-bottom:10px;
	border:solid 1px #A9A9A9;
	padding:10px;
	padding-bottom:55px;
	position:relative;
}

/* アイキャッチ画像 */
.random_thumbnail{
	width:30%;
	padding:5px;
}

/* アイキャッチ画像 JPGイメージ */
.articleimage{
	max-width:100%;
	height:auto;
}

/* ランダム機種 概要 */
.randam_machinespec{
	width:70%;
	padding:5px;
}
/* ランダムオススメ機種 スペックリスト */
.random_spec{
	font-size:14px;
}

/* ランダムオススメ機種 販売価格 */
.random_price_box{
	text-align:right;
	position:absolute;
	bottom:10px;
	right:10px;
}

/* ランダムオススメ機種 販売価格 */
.random_price_box p{
	margin:0;
	padding:0;
	font-style:italic;
}

/* 総額表示 */
.random_tax_in{
	color:red;
	font-weight:bold;
	font-size:16px;
	line-height:0.6;
}

/* 税別価格 */
.random_without_tax{
	font-size:10px;
}

/* ランダムオススメ機種 縦一列表示 */
.random_post_columns{
	display:flex;
	justify-content:flex-start;
	flex-direction:row;
	align-items:flex-start;
	flex-grow:1;
}

main .fa-ul{
	margin:0;
	padding;0;
	padding-left:30px;
}

.random_spec li{
	margin-top:6px;
	margin-bottom:6px;
	padding:0px;
	list-style:none;
}

/* スペック 各アイコン Start */

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

/* Windows10 */
.fa-windows{
	color:#5BB431;
}

/* CPU */
.fa-microchip{
	color:#5BB431;
}

/* メモリ */
.fa-memory{
	color:#5BB431;
}

/* ストレージ */
.fa-database{
	color:#5BB431;
}

/* office */
.fa-file{
	color:#5BB431;
}

/* スペック 各アイコン End */

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

/* ログインユーザーのみ表示 Start */
.page_info{
	margin-top:20px;
	margin-bottom:20px;
	padding:5px;
	background-color:#e6e6fa;
	border:1px solid #b0c4de;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 抜粋未入力 */
.excerpt_empty{
	color:red;
}
/* ログインユーザーのみ表示 End */

/*for mobile design END */

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

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

/* 記事カテゴリ */
.post_category{
	font-size:12px;
}

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

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

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

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

/* ログインユーザーのみ表示 Start */
.page_info{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
}

/* アイキャッチ画像 */
.page_thumbnai{
	padding:5px;
	flex-basis:30%;
}

/* 抜粋 */
.excerpt{
	padding:5px;
	flex-basis:70%;
}

/* ログインユーザーのみ表示 End */

} /* 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;
}

/* 特記事項 */
.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 */