@charset "utf-8";@charset "utf-8";

/* CSS Document */

body{
	background-color:  #fff; 
}

/* センター寄せ */
.tenlook {
height: 100%;
  margin: 0;
  display: grid;
  place-items: center;
}

/*フォント */
.p {
	font-family:"游ゴシック体, 游ゴシック Medium, Yu Gothic Medium, Yu Gothic, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif"
}



/* 20％ほど透明にする */
a:hover img{
    opacity: 0.8;
}


/* ボタン */
.btn-gradient-radius {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-color: #be9593;
  transition: .4s;
}

.btn-gradient-radius:hover {
  background-color: #ae8886;
}



/* レスポンシブ */
/* スマホ用のCSSはメディアクエリの外に記述する */
.tenlook img {
  width: 100%;
}

@media screen and (min-width: 960px) {
img {
    max-width: 900px;
  }
}
@media screen and (min-width: 481px) {
	/* 481px以上に適用されるCSS（タブレット用） */
	body{background-color: #FFF;
}
@media screen and (min-width: 960px) {
	/* 960px以上に適用されるCSS（PC用） */
	bod{background-color: #FFF;
}