@charset "UTF-8";
/* CSS Document */

.history {
}

.history table {
	border: none;
   border-collapse: collapse;
	line-height:1.5em;
}

.win .history table {
	border: none;
   border-collapse: collapse;
   font-size: 75%;
   letter-spacing: 0.05em;
	line-height:1.5em;
}

.history th {
	border-bottom: 1px solid #e3e3e3;
   border-left: none;
   font-weight: normal;
   text-align: center;
	vertical-align:middle;
	box-sizing:border-box;
	float:left;
	padding: 3px;
	display: none;
}

.history tr {
	border-top: 1px solid #e3e3e3;
	box-sizing:border-box;
}

.history td {
	border: none;
   text-align: left;
	vertical-align:middle;
	box-sizing:border-box;
	float:left;
	padding: 3px;
}

.history #year {
	min-width:170px;
	text-align:left;
	vertical-align: top;
	clear:both;
   width: 100%;
	background-color:#f2f2f2;
	font-weight:bold;
}

.history #month {
	min-width:50px;
	text-align:left;
	vertical-align: top;
	clear:both;
   font-size: 80%;
	font-weight: bold;
   margin-bottom: -5px;
}

.history #detail {
	clear:both;
}

.property table {
	border: none;
   border-collapse: collapse;
	line-height:1.5em;
	margin-top: -10px;
}
.property th,
.property td {
	vertical-align:middle;
}
.property th {
	text-align:center;
	display:none;
}
.property td {
	border: none;
	text-align:center;
	float:left;
	padding: 3px 0 3px 0;
}
.property #number {
	text-align:center;
	min-width:100px;
	padding-top:10px;
	font-size: 80%;
	font-weight: bold;
}
.property #number::before {
	content: "登録番号：";
	font-weight:bold;
}
.property #name {
	text-align:left;
	width: 100%;
	font-weight:bold;
}

.property #name::before {
	 content: "商品名：";
	font-weight:bold;
}
.property #detail {
	text-align:left;
	width: 100%;
}
.property #certificate {
	text-align:left;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding-bottom:10px;
}
.property #certificate::before {
	 content: "登録証：";
	font-weight:bold;
}

/*ここから下は最近のスマホで閲覧した際のデザインです*/
@media only screen and (min-width: 480px) {
.history table {
	border: 1px solid #d6d6d6;
	line-height:1.5em;
}

.win .history table {
	border: 1px solid #d6d6d6;
}

.history th {
	background: #f7f7f7 none repeat scroll 0 0;
	float:inherit;
	border-left: 1px solid #e3e3e3;
	display:inherit;
}

.history td {
	float:inherit;
}

.history #year {
	display:table-cell;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	text-align:center;
	width: inherit;
	font-weight:normal;
	background-color:inherit;
}

.history #month {
	display:table-cell;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	text-align:center;
	font-weight:normal;
	font-size:100%;	
	}

.history #detail {
	display:table-cell;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.history th#year,
.history th#month,
.history th#detail {
	display:table-cell;
}
	
}
/*ここから下はPCやタブレットで閲覧した際のデザインです*/
@media only screen and (min-width: 768px) {
	
.property table {
	border: 1px solid #d6d6d6;
	margin-top: 0;
}
.property th,
.property td {
}
.property th {
	float:inherit;
	display:table-cell;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.property td {
	border:inherit;
	float:inherit;
	padding: 5px;
}
.property #number {
	text-align:center;
	min-width:100px;
	padding-top:inherit;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	font-weight:normal;
	font-size:100%;	
}
.property #number::before {
	 content: none;
}
.property #name {
	text-align:inherit;
	width:auto;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	font-weight:normal;
}
.property #name::before {
	 content: none;
}
.property #detail {
	text-align:inherit;
	width:auto;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.property #certificate {
	text-align:inherit;
	width:auto;
	padding-bottom:inherit;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	text-align:center;
}
.property #certificate::before {
	 content: none;
}
	
}
/*ここから大画面のPCで閲覧した際のデザインです*/
@media only screen and (min-width: 1024px) {
}