.product_block img { max-width: 100%; }

@media print,all and (min-width: 768px) {

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



  .product_block {
  	position: relative;
  	width: 100%;
  	background: #f7f7f7;
  }
  .product_block p {
  	margin: 0;
  	padding: 0;
  }

  .block01 .text {
  	position: absolute;
  	top: 76.6%;
  	left: 0;
  	width: 100%;
  	text-align: center;
  	color: #111111;
  	font-size: 18px;
  }

  .block01 .btn {
  	position: absolute;
  	top: 88.8%;
	padding: 0 44%;
  }

  .block03 {
  	padding-top: 181.83%;
  }
  .block03 .block03-01 .message {
  	position: absolute;
  	top: 9.14%;
  	left: 53.97%;
	width: 24.4%;
  }
  .block03 .block03-01 .img {
  	position: absolute;
  	top: 6%;
  	left: 18.97%;
	width: 29.38%;
  }
  .block03 .block03-02 .message {
  	position: absolute;
  	top: 32.94%;
  	left: 20.3%;
	width: 22.14%;
  }
  .block03 .block03-02 .img {
  	position: absolute;
  	top: 26.37%;
  	left: 52%;
	width: 36.73%;
  }
  .block03 .block03-03 .message {
  	position: absolute;
  	top: 54.76%;
  	left: 53.97%;
	width: 32.959%;
  }
  .block03 .block03-03 .img {
  	position: absolute;
  	top: 51.4%;
  	left: 15.81%;
	width: 35.1%;
  }
  .block03 .block03-04 .message {
  	position: absolute;
  	top: 78.9%;
  	left: 20.3%;
	width: 24.387%;
  }
  .block03 .block03-04 .img {
  	position: absolute;
  	top: 73.45%;
  	left: 50.1%;
	width: 32.95%;
  }

  .block05 {
  	padding-top: 224.69%;
  }
  .block05 .block05-01 .message {
  	position: absolute;
  	top: 9.17%;
  	left: 53.97%;
    width: 29.183%;
  }
  .block05 .block05-01 .img {
  	position: absolute;
  	top: 4.76%;
  	left: 15.3%;
    width: 35.5%;
  }
  .block05 .block05-02 .message {
  	position: absolute;
  	top: 26.61%;
  	left: 20.4%;
    width: 23.97%;
  }
  .block05 .block05-02 .img {
  	position: absolute;
  	top: 20.2%;
  	left: 49.8%;
    width: 34.48%;
  }
  .block05 .block05-03 .message {
  	position: absolute;
  	top: 44.32%;
  	left: 54.2%;
    width: 26.42%;
  }
  .block05 .block05-03 .img {
  	position: absolute;
  	top: 38.73%;
  	left: 8.775%;
    width: 55.1%;
  }
  .block05 .block05-04 .message {
  	position: absolute;
  	top: 65.44%;
  	left: 20.3%;
    width: 20.2%;
  }
  .block05 .block05-04 .img {
  	position: absolute;
  	top: 56.99%;
  	left: 42%;
    width: 53.26%;
  }
  .block05 .block05-05 .message {
  	position: absolute;
  	top: 81.92%;
  	left: 54.3%;
    width: 30.1%;
  }
  .block05 .block05-05 .img {
  	position: absolute;
  	top: 78.247%;
  	left: 12.551%;
    width: 35.81%;
  }

  .block07 {
  	padding-top: 171%;
  }
  .block07 .block07-01 .message {
  	position: absolute;
  	top: 10%;
  	left: 20.2%;
    width: 25.91%;
  }
  .block07 .block07-01 .img {
  	position: absolute;
  	top: 6%;
  	left: 51.22%;
    width: 34.69%;
  }
  .block07 .block07-02 .message {
  	position: absolute;
  	top: 33.65%;
  	left: 54%;
    width: 30.1%;
  }
  .block07 .block07-02 .img {
  	position: absolute;
  	top: 25.83%;
  	left: 14.59%;
    width: 36.42%;
  }
  .block07 .block07-03 .message {
  	position: absolute;
  	top: 54.11%;
  	left: 20.3%;
    width: 24.59%;
  }
  .block07 .block07-03 .img {
  	position: absolute;
  	top: 48.9%;
  	left: 49.8%;
    width: 35.71%;
  }
  .block07 .block07-04 .message {
  	position: absolute;
  	top: 79.7%;
  	left: 54.2%;
    width: 24%;
  }
  .block07 .block07-04 .img {
  	position: absolute;
  	top: 72.73%;
  	left: 16.12%;
    width: 33%;
  }

  .block09 {
  	padding-top: 181.3%;
  }
  .block09 .block09-01 .message {
  	position: absolute;
  	top: 9.17%;
  	left: 20.2%;
    width: 24%;
  }
  .block09 .block09-01 .img {
  	position: absolute;
  	top: 4.44%;
  	left: 50%;
    width: 35.91%;
  }
  .block09 .block09-02 .message {
  	position: absolute;
  	top: 31.3%;
  	left: 54.2%;
    width: 20.4%;
  }
  .block09 .block09-02 .img {
  	position: absolute;
  	top: 25.3%;
  	left: 14.2%;
    width: 36%;
  }
  .block09 .block09-03 .message {
  	position: absolute;
  	top: 50.87%;
  	left: 20.3%;
    width: 26.12%;
  }
  .block09 .block09-03 .img {
  	position: absolute;
  	top: 45.52%;
  	left: 50.61%;
    width: 31.73%;
  }
  .block09 .block09-04 .message {
  	position: absolute;
  	top: 73.77%;
  	left: 54%;
    width: 28.46%;
  }
  .block09 .block09-04 .img {
  	position: absolute;
  	top: 66.9%;
  	left: 8.2%;
    width: 42.34%;
  }

  .block11 {
  	padding-top: 179.38%;
  }
  .block11 .block11-01 .message {
  	position: absolute;
  	top: 7.39%;
  	left: 20.3%;
    width: 23.46%;
  }
  .block11 .block11-01 .img {
  	position: absolute;
  	top: 5.91%;
  	left: 54.59%;
    width: 34.28%;
  }
  .block11 .block11-02 .message {
  	position: absolute;
  	top: 31.56%;
  	left: 53.97%;
    width: 23.67%;
  }
  .block11 .block11-02 .img {
  	position: absolute;
  	top: 21.78%;
  	left: 5.81%;
    width: 46.22%;
  }
  .block11 .block11-03 .message {
  	position: absolute;
  	top: 56.2%;
  	left: 20.2%;
    width: 25.1%;
  }
  .block11 .block11-03 .img {
  	position: absolute;
  	top: 51.59%;
  	left: 49.18%;
    width: 36.12%;
  }
  .block11 .block11-04 .message {
  	position: absolute;
  	top: 79%;
  	left: 53.97%;
    width: 17%;
  }
  .block11 .block11-04 .img {
  	position: absolute;
  	top: 72.52%;
  	left: 17%;
    width: 29.38%;
  }
  .block12 {
  	padding-top: 55.1%;
	background: #f2f2f2;
  }
  .block12 .img{
  	position: absolute;
  	top: 15.1%;
  	left: 0;
	width: 100%;
	text-align: center;
  }
  .block12 .img img {
	width: 71.83%;
  }
  .block12 .img-btn {
  	position: absolute;
  	top: 25%;
  	left: 0;
	width: 100%;
	text-align: center;
  }
  .block12 .img-btn a {
	margin:0 auto;
    width: 11.8%;
    display: block;
  }
  .block12 .item{
  	position: absolute;
    padding-left: 0;
  	top: 40.7%;
  	left: 0;
  	width: 100%;
  	text-align: center;
  }
  .block12 .item li{
  	display: inline-block;
  	width: 15%;
  	height: auto;
  	margin: 0 2%;
  }
  .block12 .item li a { 
    width: 78.9%;
    display: block;
	margin: 0 auto;
  }

  .product_block.box-note { padding:2%; text-align:left; font-size: 12px; background: #f2f2f2; color:#777; line-height: 1.5; }
}

@media screen and (min-width: 768px) and ( max-width:979px) {

  .block01 .text {
    font-size: 1.8vw;
  }
}


@media screen and (max-width:767px) {
  .floC{clear:both !important;}

  .product_block {
  	position: relative;
  	width: 100%;
  	background: #f7f7f7;
  }
  .product_block img{
  	width: 100%;
	height: auto;
}
  .product_block p {
  	margin: 0;
  	padding: 0;
  }
  .block01 {
	background: #f2f2f2;
  }

  .block01 .text {
  	position: absolute;
  	top: 63.82%;
  	left: 6vw;
  	width: 84.5%;
  	text-align: left;
  	color: #111111;
  	font-size: 4.5vw;
    line-height: 1.5;
  }
  .block01 .btn {
  	position: absolute;
  	top: 88.55%;
  	left: 6vw;
  	width: 37.5%;
  	text-align: left;
  	color: #888888;
  	font-size: 4.8vw;
  }

  .block05-04 {
	position: relative;
  }

  .block05-04 .message{
	position: absolute;
	top: 0;
	left: 0;
  }

.block12 {
  	padding-top: 180.78%;
 	background: #f2f2f2;
  }
  .block12 .img{
  	position: absolute;
  	top: 15.21%;
  	left: 0;
	text-align: center;
	width: 100%;
  }
  .block12 .img img{
  	width: 74.84%;
  }
  .block12 .img-btn {
  	position: absolute;
  	top: 33.88%;
  	left: 30%;
  	width: 37.5%;
  	text-align: center;
  	color: #888888;
  	font-size: 4.8vw;
  }



  .block12 .item{
  	position: absolute;
  	top: 47.79%;
  	left: 0;
  	width: 100%;
	margin: 0;
	padding: 0 4.3vw;
	display: table;
  }
  .block12 .item li{
  	display: inline-block;
  	height: auto;
  	padding: 0 4vw;
    text-align: center;
	display: table-cell;
  }

  .block12 .item li .img-prod01,
  .block12 .item li .img-prod02 {
    width: 95.8%;
  }

  .block12 .item li a {
    display: block;
  }

  .product_block.box-note { padding: 20px 4%; background-color: #f2f2f2; font-size: 12px; color:#777; }
  .product_block.box-note p { font-size: 12px !important; line-height: 1.5 !important; }

}