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

/* CSS Document */

body{
	background-color:  #fff; 
}

/* センター寄せ */
.rpstyle {
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-flat-double-border {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #999;
  border: double 4px #999;
  border-radius: 3px;
  transition: .4s;
}
.btn-flat-double-border:hover {
  background: #e6e6e6;
}


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

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