/* CSS Document */

#detail{}
/*	#detail figure+div,
	#detail div+div{
		margin-top: 1em;
		}*/
	#detail section>div{
		margin-top: 2em;
		}
	#detail .fr-view table{
		width: 100%;
		}
		#detail .fr-view table th,
		#detail .fr-view table td{
			margin-top: 1px;
			padding: 0.8em;
			line-height: 1.4em;
			border: 1px solid #ccc;
			}
		#detail .fr-view table th{
			width: 30%;
			background: #f2f0f1;
			font-weight: inherit;
			}
		#detail .fr-view table td{
			width: calc(100% - 30%);
			}
		#detail .fr-view table tr td:first-child{
			width: 10em;
			background: #f2f0f1;
			}

#price{
	display: none;
	}

#purchase{}
	#purchase ul{
		display: flex;
		justify-content: space-between;
		margin-top: 1em;
		list-style: none;
		}
	#purchase li{
		width: calc(50% - 0.5em);
		}
	#purchase a[target="_blank"]{}
		#purchase a[target="_blank"]:after{
			display: none;
			}

/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
#detail{}
	#detail header+section h4{
		padding-top: 0;
		}
	#detail div+footer{
		margin-top: 2em;
		}
	#detail .fr-view table{}
		#detail .fr-view table th,
		#detail .fr-view table td{
			display: block;
			width: 100%;
			margin-top: 0;
			}
		#detail .fr-view tablee tr  th,
		#detail .fr-view table tr td:first-child{
			width: 100%;
			border-bottom: none;
			}
		#detail .fr-view table tr td:last-child{
			width: 100%;
			border-bottom: none;
			}
		#detail .fr-view table tr:last-child td:last-child{
			width: 100%;
			border-bottom: 1px solid #fff;
			}
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
#detail{}
	#detail div+footer{
		margin-top: 4em;
		}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}

/* ie */
@media all and (-ms-high-contrast: none){}