img {
	border: none;
}

/* tableのセル同士の重複で線が重なって太くなるの回避する場合使用
table {
border-collapse: collapse;
border-spacing: 0px;
}
*/

H1{
  font-size : medium;
}
H2{
  font-size : medium;
}

td,th {
	padding: 0px;
	empty-cells: show;
  	font-size : 20px;
}

/* PCで電話番号リンクを無効に */
@media (min-width: 768px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/* タブレット　768px以上1196px以下 */
@media screen and (min-width: 768px) and (max-width: 1196px) {
  H1{
    font-size : large;color : gray;
  }
  H2{
    font-size : large;color : gray;
  }
  TD{
    font-size : large;
   }
   
   table {
     width: 100%;
   table-layout: fixed;
   }
   
   th {
     display: block;
     width: 100%;
     empty-cells: show;
   
   }
   
   td {
     display: block;
     width: 100%;
     empty-cells: show;
     line-height:150%;
   }
   
   td.va1 {
     width: 100%;
   }
   
   table.w1{
     width: 640px;
   }
   table.w2{
     width: 680px;
   }
   
   /* 水平方向真ん中に設置するためのclass */
   .va2 {
     vertical-align: -0.35em;
   }
   
   th.pict01 {
     display: block;
     width: 100%;
   }
   
   td.pict01 {
     display: block;
     width: 100%;
   }
   
   img.pict01 {
       width: 100%;
       height: auto;
     }
   img.pict02 {
   
       width: 70%;
       height: auto;
   }
   img.pict03 {
   
       width: 50%;
       height: auto;
   }
   img.pict04
   {
       width: 35%;
       height: auto;
   }
   img.pict05
   {
       width: 25%;
       height: auto;
   }
   img.pict06
   {
     width: 15%;
     height: auto;
   }
   table.w1{
     width: 70%;
   }
   table.w2{
     width: 75%;
   }
   table.w3{
     width: 90%;
   }
   p{
     font-size: 10px;
   }
   .ggmap {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
   }
    
   .ggmap iframe,
   .ggmap object,
   .ggmap embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   }
   
   ul.menu{
     padding:0 10px;
     }
     ul.menu li{
     padding:0px;
     }

}  

/* スマホ　767px以下 */
@media screen and (max-width: 767px){

/* レスポンシブ化する際スマホで改行消したいのでbrタグを消す */
br.br-sp { display : none ; }

/* 画面サイズによってフォントサイズを変える */
H1{
  font-size : x-small;color : gray;
}
H2{
  font-size : x-small;color : gray;
}
TD{
 font-size : small;
}

table {
	width: 100%;
table-layout: fixed;
}

th {
  display: block;
  width: 100%;
  empty-cells: show;

}

td {
  display: block;
  width: 100%;
  empty-cells: show;
  font-size : 10px;
  line-height:150%;
}

td.va1 {
  width: 100%;
}

table.w1{
  width: 640px;
}
table.w2{
  width: 680px;
}

/* 水平方向真ん中に設置するためのclass */
.va2 {
  vertical-align: -0.35em;
}

th.pict01 {
  display: block;
  width: 100%;
}

td.pict01 {
  display: block;
  width: 100%;
}
td.w3 {
  font-size: 8px;
}

img.pict01 {
		width: 100%;
		height: auto;
	}
img.pict02 {

		width: 70%;
		height: auto;
}
img.pict03 {

		width: 50%;
		height: auto;
}
img.pict04
{
		width: 35%;
		height: auto;
}
img.pict05
{
		width: 25%;
		height: auto;
}
img.pict06
{
  width: 15%;
  height: auto;
}
table.w1{
  width: 70%;
}
table.w2{
  width: 75%;
}
table.w3{
  width: 90%;
}
p{
  font-size: 10px;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul.menu{
  padding:0 10px;
  }
  ul.menu li{
  padding:0px;
  }

}

/*pc　768px以上 
@media only screen and (min-width: 768px), print {
	img{
		width: 100%;
		height: 100%;
	}
}
*/