@charset "UTF-8";

/* single-originalpc_case.css */
/* オリジナルパソコン 記事ページ に適用 */

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

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

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

.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:10px;
	
	/* ジャギー対策 */
	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;
	margin-top:16px;
	border:2px solid #d7d7d7;
}

/* 本体画像 */
.machine_image{
	margin-bottom:20px;
}

/* 本体スペック */
.machinespec{
	margin-top:10px;
}

/* スペック表 定義 */
.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:98%;
	text-align:left;
	border-bottom-style:solid;
	padding:0px;
	padding-bottom:2px;
	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;
}

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

/* 特記事項 タイトル  */
.noticestable 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;
	
	/* ジャギー対策 */
	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 td{
	width:100%;
	text-align:left;
	padding:5px;
	border-bottom-style:solid;
	border-width:1px;
	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);
}

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

/* 販売価格 テーブル */
.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{
	font-size:12px;
	margin-bottom:0px;
	color:#555555;
}

.post_info p{
	margin:0;
	padding:0;
}

/* 記事公開日/更新日 */
.post_date_lastupdate{
	text-align:right;
}

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

/* カテゴリー名表示 リンク色 Start */

.post_category a {
	font-weight:bold;
	text-decoration:none;
}

.post_category a:link {
	color:#004d25;
}

.post_category a:visited {
	color:#004d25;
}

.post_category a:hover {
	color:#FF7F00;
}

.post_category a:active {
	color:#FF7F00;
}

/* カテゴリー名表示 リンク色 End */

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

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

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

/* 価格 */
.price_box p{
	margin:0;
	padding:0;
	font-style:italic;
}

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

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

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

/* お客様ご要望 */
.customer_order{
	margin:0;
	padding:5px;
}

/* 製作にあたって */
.shop_comment{
	margin:0;
	padding:5px;
}

/* ログインユーザーのみ表示 Start */
.page_info{
	margin-top:20px;
	margin-bottom:20px;
	padding:5px;
	background-color:#e6e6fa;
	border:1px solid #b0c4de;
}

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

/* 区切り線 */
hr{
	border-top:1px dashed #bbb;
	margin:0;
	margin-top:12px;
	margin-bottom:5px;
	padding:0;
}

/*for Mobile design END */

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

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

/* ログインユーザーのみ表示 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 print, screen and (min-width: 1024px) {

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

h3{
	font-size:18px;
}

/* 本体スペック */
.machinespec{
	margin-top:0px;
}

/* スペック表 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;
	margin-left:0px;
	margin-right:0px;
	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 */