/*
Theme Name: aircon-hellonet
Theme URI: https://aircon-hellonet.com/
Description: This is for hellonet.com
Version: 1.0
Author: Alicexdesign
Author URI: https://aircon-hellonet.com/
Tags: white
*/


body {
  font-family: "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	margin:0;
	padding:0;
	background-image : url(./bg-b.gif);
}

TABLE{
  background-color : #ffffff;
}

img {
	border: none;
}
.contents { padding:8px;
}

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

H1{
	font-size : medium;color : gray;
}
H2{
	font-size :  22px;color : gray;
}
td,th {
	padding: 0px;
	empty-cells: show;
  	font-size : 20px;
}
td {
	font-size : 22px;
}
strong{
	color : gray;
}
A{
	color : black;
}
A:hover{
	color : gray;
}
TABLE2{
	line-height : 30px;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

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

@media (max-width: 1040px) {
H1{
    color : gray;
  }
H2{
    color : gray;
  }
TD{
    font-size : large;
   }
   
table {
 width: 100%;
   table-layout: fixed;
   }
th {
     display: block;
     width: 100%;
     empty-cells: show;
   
   }
   
td {
     empty-cells: show;
     line-height:150%;
   }
   

.p27 {
	width:33%;
	height:auto;}
.p20 {
	width:20%;
	height:auto;}
.p90 {
	width:90%;
height: auto;
    display: block;
    margin: 0 auto;}
.p80 {
	width:80%;
height: auto;
    display: block;
    margin: 0 auto;}
 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: 14px;
  }

h2 {
font-size: 14px;

  }

TD{
font-size: 14px;

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

th {

  width: 100%;
  empty-cells: show;

}

td {
  width: 100%;
  empty-cells: show;
  font-size: 14px;
    line-height: 150%;
    font-weight: 500;
/*letter-spacing: 0.1em; */
}
.menu-f {

}
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: 14px;
}

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: 13px;
}
.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;
  }
.footer-logo {
	max-width:100%;
	width:60%;
	height:auto;}
}


	
/* smt用下部お問い合わせボタン */


@media (min-width: 768px) {
   .for-sp{
      display:none !important;
    }
}

@media screen and (max-width: 767px){
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;

   z-index: 99;
    background-color: rgb(0 0 0 / 80%);
	text-align:center;
	padding:2% 0 2%;
}


/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:1% 0 0 0;
   width:100%;

}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 47%;
   padding:0;
   margin-left:2%;
}
#sp-fixed-menu li:last-child{
	  margin-right:2%;
}
#sp-fixed-menu li a{
   text-align: center;
   display:block;
   opacity: 1;
}

.contents { margin-bottom:100px;
}	
}



#pattern1 {
    font-size : 80%;
}



.Estilo1 {color: #0000FF}
.Estilo2 {
	color: #000000;
	font-weight: bold;
}