@charset "utf-8";

html{
  font-size : 62.5%;
}

body{
  font-size: 1.6em;
  font-family : 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight : 400;
  color : #1f1f1f;
  margin : 0px;
}

@media all and (-ms-high-contrast:none) {
	body{
		font-family: メイリオ, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, Meiryo, sans-serif;
	}
}


*, *::before, *::after{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.image{
  width : 100%;
  height : auto;
  margin : 0px;
  padding : 0px;
}

.header{
  background-color : #323232;
}

.navi ul{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
}

.navi li a{
  color : white;
  text-decoration : none;
  padding-left : 0px;
  padding-right : 15px;
  display : block;
  font-weight : 500;
}

.navi li a:hover{
  color : silver;
}

.navi ul::after{
  content: "";
  clear : both;
  display : block;
}

.navi li{
  width : auto;
  float : left;
}

#pagetop{
  position : fixed;
  bottom : 50px;
  right : 30px;
}

.sns ul{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
}

.sns li a{
  text-decoration : none;
  padding-top : 10px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 10px;
  display : block;
  color : white;
  text-align : center;
}

.sns li a:hover{
  opacity : 0.8
}

.sns ul::after{
  content: "";
  clear : both;
  display : block;
}

.sns li{
  width : 33.3333%;
  float : left;
}

.twitter{
  background-color : #55acee;
}

.facebook{
  background-color : #315096;
}

.line{
  background-color : #1dcd00;
}

.sns{
  margin-top : 50px;
  margin-bottom : 10px;
}

.tel_number{
  width : 100%;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

.tel_link{
  width : 100%;
  text-align : center;
  margin-top : 20px;
  margin-bottom : 30px;
}

.tel_link a{
  text-decoration : none;
  color : #1f1f1f;
  padding-top : 7px;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom : 7px;border-width : 1px;border-style : solid;border-color : #323232;
}

.address_sns ul{
  list-style-type : none;
}

.address_sns li a{
  padding-top : 10px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 10px;
}

.address_sns li a:hover{
  opacity : 0.5
}

.address_sns ul::after{
  content: "";
  clear : both;
  display : block;
}

.address_sns li{
  float : left;
}

.copyright{
  font-size : 80%;
  text-align : center;
  clear : both;
  color : white;
  background-color : #323232;
  padding-top : 20px;
  padding-bottom : 20px;
}


/* ########## 767px以下 ########## */ 

@media (max-width: 767px) {

.title{
  width : 100%;
  text-align : center;
  padding-top : 10px;
  padding-bottom : 8px;
}

.navi{
  width : 100%;
  text-size : 1.4rem;
  font-size : 1.2rem;
  padding-top : 2px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-bottom-width : 0px;
  border-top-style : dashed;
  border-top-color : silver;
  margin-bottom : 0px;
}

.pan{
  width : 100%;
  font-size : 1.2rem;
  margin-top : 100px;
}

.sns span{
  display : inline-block;
  text-indent : -9999px;
}

.address_sns{
  width : 350px;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  padding-right : 30px;
} 

.address_img{
  width : 100%;
  text-align : center;
}

.address_text{
  width : 100%;
  text-align : center;
  margin-bottom : 20px;
  font-size : 1.2rem;
}

}



/* ########## 768px以上 ########## */ 

@media (min-width: 768px) {

.header::after{
  content : "";
  display : block;
  clear : both;
}

.title{
  float : left;
  padding-top : 10px;
  padding-left : 50px;
  padding-right : 0px;
  padding-bottom : 5px;
  box-sizing: border-box;
  }

.navi{
  float : right;
  box-sizing: border-box;
  padding-top : 15px;
  padding-right : 50px;
}

.address{
  max-width : 1000px;
  margin-left : auto;
  margin-right : auto;
}

.address::after{
  content : "";
  display : block;
  clear : both;
}

.address_sns{
  float : left;
  width : 33.3333%;
  margin-top : 10px;
} 

.address_img{
  float : left;
  width : 33.3333%;
  padding-left : 30px;
}

.address_text{
  float : left;
  width : 33.3333%;
  margin-top : 20px;
  font-size : 1.4rem;
}


}