@charset "euc-jp";

ul {
  list-style: none; }

#content {
  padding: .2em .6em; }
  #content h1 {
    padding: .2em 0 0;
    text-align: center; }
  #content img {
    max-width: 100%;
    height: auto; }
  #content p {
    margin: 0 .3em;
    font-size: 14px;
    line-height: 1.6; }

#present {
  margin: 1em 0 0; }
  #present h2 {
    padding: .8em .9em .3em;
    background: #fff1cf;
    border-bottom: .4em #f8e58c solid;
    font-size: 18px; }
    #present h2 span {
      margin: 0 1em 0 0;
      font-size: 14px; }
  #present #spec {
    margin: .3em 0 0;
    text-align: right;
    font-size: 14px; }

#product {
  overflow: hidden;
  margin: 1em 0 0; }
  #product #item-img {
    text-align: center; }
  #product #item-txt #item-box {
    margin: 1em 0 0;
    background: #fdeff2; }
    #product #item-txt #item-box h3 {
      margin: 0 .3em .5em;
      border-bottom: 1px #e95295 dashed;
      font-size: 14px;
      line-height: 1.4; }
    #product #item-txt #item-box p.link {
      text-align: right; }

#quiz {
  margin: 1em auto; }
  #quiz h3 {
    margin: 0 0 .5em;
    padding: .7em 0 .5em;
    border-top: 2px #e63a5f solid;
    border-bottom: 2px #e63a5f solid;
    text-align: center; }
  #quiz #quiz-box {
    text-align: center; }
    #quiz #quiz-box p span {
      font-weight:bold; }
    #quiz #quiz-box #question {
      margin: .5em auto;
      padding: .8em .3em;
      background: #eebbcb;
      line-height: 1.4; }
    #quiz #quiz-box #form {
      margin: 2em 0; }
    #quiz #quiz-box #form-off {
      margin: 1em auto;
      padding: .8em 0;
      background: #f8e58c;
      border: 1px #a2915a solid; }

#facebook {
  margin: 1em auto;
  padding: .5em 0;
  background: #ffff99;
  text-align: center; }

#notice {
  margin: 1em 0;
  padding: 1em .5em;
  background: #fdeff2; }

#link {
  margin: 0 0 1em; }
  #link ul {
    text-align: center;
    font-size: 14px; }
  #link li {
    display: inline-block;
    margin: 0 0 .5em;
    line-height: 1.6; }
    #link li.prize {
      padding: 2em 0 .5em 3em;
      background: url(../../present/image/present.gif) no-repeat 0; }
    #link li.voice {
      margin: 0 0 0 .8em;
      padding: .6em 0 .3em 1.5em;
      background: url(../../present/image/bell.gif) no-repeat 0; }

#date {
  text-align: right;
  font-size: 14px; }

/* PCåᡦ¢Á */
@media print, screen and (min-width: 641px) {
  #content h1 .sp {
    display: none; }
  #product #item-img {
    float: left;
    width: 250px;
    margin: 0 .5em 0 0; }
  #product #item-txt #item-box {
    float: right;
    width: calc(100% - 290px);
    padding: 1em; }
  #quiz {
    width: 90%; }
    #quiz h3 {
      font-size: 18px; }
    #quiz #quiz-box #question {
      width: 250px; }
    #quiz #quiz-box #form-off {
      width: 80%; }
  .bl-hover {
    background: #9fd1cc; }}

/* åâ¹ã¡¦åãÖå¡çáᎿ */
@media screen and (max-width: 640px){
  #content {
    padding: .2em; }
    #content h1 .pc {
      display: none; }
  #present {
    margin: .5em 0 0;}
    #present h2 {
      padding: .5em .5em .3em;
      line-height: 1.3; }
    #present h2 span {
      display: block;
      margin: 0 0 .3em; }
  #product #item-img {
    margin: 0 0 1em; }
  #product #item-txt #item-box {
    padding: 1em 0; }
  #quiz #quiz-box p.sp {
    text-align: left; }
  #facebook p span {
    display: block;
    font-weight: normal; }
  #link ul {
    text-align: left; }}