@charset "UTF-8";

/*共通部分
------------------*/
html{
     font-size:100%;
}
body{
     font-family: "Yu Gothic Medium", "游ゴシック Medium","游ゴシック体","ヒラギノ角ゴ Pro W3", sans-serif;
     line-height: 1.7;
}

a{
  text-decoration: none;
}

img{
  max-width: 100%
}
/*header
-------------*/
.page-header{
  display: flex;
  flex-direction: column;
}
.page-header a{
  font-size: 1.3rem;
  color: blue;
}
.page-header a:hover{
  color:#ffffff;
 }
.wrapper{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 4%;
}
/*大きな背景画像*/
.big-bg{
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
#home{
  background-image: url(../images/miyako.JPG);
  width: 100vw;
  min-height: 100vh;
}
.btn-navi1{
  display: inline-block;
	width:300px;
	height: 50px;
  margin-top: 5rem;
  text-decoration: none;
	text-align: center;
	background: skyblue;
  border: solid 2px skyblue;
  border-radius:5px;
  transition: .4s;
}


/*モバイル版
ーーーーーーーーーーーーーーーーー*/
@media (max-width:600px){

.page-header{
    display: flex;
    flex-direction: column;
    margin: 1vw auto;
  }
.btn-navi1{
  width:90vw;
  font-size: 1rem;
  margin-top: 1vw;
}
   }