html , body{
font-size:10vw;
margin:0;}


.layer{
position:relative;
width:100%;
margin:0 auto;
text-align:center;
padding-top:35%;}
/*
.layer-bg{
background:url("picture/T01.JPG") no-repeat 0 0;
background-size:100%;
height:600px;}
*/
.layer-in{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:50%;
height:50%;}
/*
.layer-txt{
text-shadow:5px 5px 4px rgba(0,0,0,0.4);
color:white;
letter-spacing:0.4rem;
font-size:4rem;
font-family:"ＨＧＰ行書体",cursive;}
*/
.layer-txt1{
text-shadow:5px 5px 4px rgba(0,0,0,0.4);
color:white;
letter-spacing:0.05rem;
font-size:1.1rem;
font-family:"ＭＳ 明朝",serif;}

.layer-txt2{
text-shadow:5px 5px 4px rgba(0,0,0,0.4);
color:white;
letter-spacing:0.05rem;
font-size:0.6rem;
font-family:"ＨＧＰ行書体",cursive;}


/*
.topy{
width:100%;
margin:0 0 2rem 0;
padding:0;}

.topy img{
width:100%;
margin:0;
padding:0;
vertical-align:bottom;}
*/



.topy{
position:relative;
margin:0 auto;
text-align:center;}

.topy-bg{
background:url("picture/wajima.JPG") no-repeat 0 0;
background-size:100%;
height:8rem;}

.topy-in{
position:absolute;
top:36%;
left:5%;
margin:auto;
width:50%;
height:1rem;}

.topy-txt{
color:white;
font-size:0.2rem;}




.table{
width:100%;
height:7.6rem;
margin:0;
padding:0;
clear:both;}

.table ul{
margin:0.5rem auto;}

.table li{
width:32%;
margin:0.5%;
float:left;
list-style:none;}

.table img{
width:100%;
vertical-align:bottom;}


/*
.product{
width:100%;
height:2rem;
margin-bottom:1rem;
padding:1.5% 0 0 2%;
background-color:black;
clear:both;}

.product div{
width:30%;
margin:1%;
float:left;}

.product img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
vertical-align:bottom;}
*/



.product{
width:100%;
height:5rem;
margin-bottom:1rem;
clear:both;}

.product2{
width:30%;
height:5rem;
margin:0 0 0 20%;
background-color:black;
float:left;}

.product img{
width:80%;
height:auto;
margin:5% 0 5% 5%;
float:right;
vertical-align:bottom;}

.product3{
width:50%;
height:5rem;
float:right;}

.product3 div{
width:80%;
height:27%;
margin:0 0 6% 15%;
font-size:0.3rem;
vertical-align:text-bottom;
text-decoration:underline;}


.foot{
width:100%;
height:1.8rem;
margin:0;
margin-bottom:3%;
padding:0;
clear:both;}

.foot1{
width:20%;
margin:0;
padding:0;
float:right;}

.foot1 img{
width:100%;
margin:0;
padding:0;
vertical-align:bottom;}

.foot2{
width:30%;
margin:0;
padding:0.4rem 0 0 0.3rem;
font-size:0.2rem;
float:right;}



.copyright{
width:100%;
background-color:lightgreen;
text-align:center;
font-size:0.2rem;
clear:both;}