@charset "UTF-8";

html { font-size: 62.5%; width: 100%; }
body {
  width: 100%;
  margin:0px;
  font-size: 1.2rem;
  color: #fff;
  -webkit-text-size-adjust: 100%;
  background: #FFB9F8;
  font-family: ?־??,"Yu Mincho",YuMincho,'Noto Serif JP',"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS????E,???C???I,Meiryo,serif; letter-spacing: 1px;
}
* { box-sizing: border-box; word-wrap: break-word; }
a { color: #fff; }
a:link,
a:visited,
a:active,
a:hover { overflow: hidden; outline: none; }
img { width: 100%; }
input, select, textarea { outline: none; }

section{
  width: 97%;
  margin:0px auto;
  display:block;
  text-align:center;
  font-size:2.1em;
}
ul {
  width: 100%;
  margin:0px;
  padding:0px;
  list-style: none;
}
li{
  width: 98%;
  margin:0px;
  padding:0px;
  display: block;
}
li img{
  max-width: 49%;
  height: auto;
}
h1{
  font-size: 1em;
  width: 97%;
  margin:0px auto;
  display:block;
}
h2{
  width: 97%;
  margin:0px auto;
  text-align:center;
  display:block;
}
footer{
  width: 97%;
  margin:50px auto 0px auto;
  text-align:center;
  display:block;
}
div{
  margin-top:50px;
}
div img {
  width:468px;
}

/*--- PC style ---*/
@media print, screen and (min-width: 1000px) {
  .sp_view { display: none; }
  h2{ font-size: 2em; }
  li{ width: 98%; display: block; }
}

/*--- SP style ---*/
@media print, screen and (max-width: 1000px) {
  .pc_view { display: none; }
  h2{ font-size: 1em; }
  li{ width: 100%; display: block; }
  li img{max-width: 98%;}
  section{font-size:1.2em;}
  div img {width:98%;}

}