body {font-size: 16px;}

@media screen and (max-device-width: 699px), screen and (max-width: 699px) {
	td[class="fluid"]{
		display: block !important;
		width: 100% !important;
		margin:3px 0;
		clear: both;
	}
	#spwd {
		width:99% !important;
		box-sizing:border-box;
	}
}

img {max-width:100%; display:block; margin: 0 auto; border: 0;}

@media screen and (min-width: 800px) {
	.smp{display:none;}
}

@media screen and (max-width: 800px) {
	.pc{display:none;}
}

.f-container {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
}

.f-item {
	display:flex;
	box-sizing: border-box;
	width: 380px;
	margin: 5px;
	padding: 10px;
}

.ttl-1{
	width: 100%;
	max-width: 780px;
	background-color: #004885;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: 600;
	text-align: left;
	padding: 7px 10px 5px 10px;
	margin: 30px 0 15px 0;
}

.ttl-2{
	width: 100%;
	max-width: 780px;
	background-color: #c6e5f9;
	box-sizing: border-box;
	color: #004885;
	font-size: 1.2em;
	font-weight: 600;
	text-align: left;
	padding: 7px 10px 5px 10px;
	margin: 30px 0 15px 0;
}

.ttl-3{
	width: 100%;
	max-width: 780px;
	box-sizing: border-box;
	border-bottom:double 5px #004885;
	border-left: solid 8px #004885; 
	color: #004885;
	font-size: 1.1em;
	font-weight: 600;
	text-align: left;
	padding: 5px;
	margin: 30px 0 15px 0;
}

.price{color: #f00; font-size: 1.6em;}

.tax{color: #f00; font-weight: 600;}

.clb {border: none; clear: both;}

.dot-line {border: none; border-top: dotted 1px #666; height: 1px; color: #fff;}

.detail_btn{width: 94px; border: 0; margin-top: 20px;}

a:hover img {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}