@charset "utf-8";
@media screen and (min-width:0px) {
	
	a {
		text-decoration: none;
		color: inherit;
	}
	
	html{
		scroll-behavior:smooth;
	}
	
	
	body {
		font-family: serif;
		color:#4B4B4B;
  		margin: 0;
	}
	
	.table03{
		width:85%;
	}
	
	.table03 td{
		width: 100%;
		display: block;
	}
	
	.menu01{
		display:none;
	}
	
	.menu02{
		display: inline;
		position: fixed;
		bottom:5px;
		left:5px;
	}
	
	.table02{
		width:100%;
	}
	
	.img04{
		width:27%;
	}
	
	.img05{
		width:60%;
	}
	
	
	.img06{
		width:14%;
	}
	
	.img07{
		width:25%;
	}
	
	.img08{
		width:45%;
	}
	
	.img09{
		width:85%;
	}
	
	.img11{
		width:45%;
	}
	
	.img12{
		width:100%;
	}
	
	.price00{
		width:90%;
	}
	
	.font01{
		font-size:30px;
		font-weight:bold;
	}
	
	.font02{
		font-size:15px;
		font-weight:bold;
	}
	
	.free01{
		width:80%;
	}
	
	
	
	
}



@media screen and (min-width : 768px ){
	
	.menu01{
		display: inline;
		position: fixed;
		z-index: 100;
		bottom:0px;
		left:15px;
		right:15px;
	}
	
	.menu02{
		display:none;
	}
	
	.table01{
		width:100%;
	}
	
	.table03{
		width:95%;
	}
	
	.table03 td{
		display: table-cell;
		width: 50%;
	}
	
	.td01{
		width:20%
	}
	
	.td02{
		width:75%
	}
	
	.img00{
		width:7%;
	}
	
	
	.img01{
		width:30%;
	}
	
	.img02{
		width:60%;
	}
	
	.img03{
		width:14%;
	}
	
	.img08{
		width:25%;
	}
	
	.img09{
		width:70%;
	}

	.img11{
		width:22%;
	}
	
	.img12{
		width:70%;
	}
	
	.price00{
		width:90%;
	}
	
	.font02{
		font-size:20px;
		font-weight:bold;
	}
	
	.free01{
		width:60%;
	}
	

	
}


@media screen and (min-width : 960px ){
	
	.table03{
		width:75%;
	}
	
	.td01{
		width:10%
	}
	
	.td02{
		width:50%
	}
	
	.font01{
		font-size:40px;
		font-weight:bold;
	}
	
	.font02{
		font-size:22px;
		font-weight:bold;
	}
	
	.img01{
		width:25%;
	}
	
	.img02{
		width:47%;
	}
	.img08{
		width:15%;
	}
	
	.img09{
		width:50%;
	}
	
	.img11{
		width:15%;
	}
	
	.img12{
		width:55%;
	}
	
	.price00{
		width:65%;
	}
	
	.free01{
		width:50%;
	}
	
	

}