@charset "UTF-8";
#anpanman {
  /* 共通 */
  /* play_mv */
  /* play_cont */
  /* link_box */ }
  #anpanman .play_mv h1, #anpanman .play_mv h2, #anpanman .play_mv h3, #anpanman .play_mv p,
  #anpanman .play_cont h1,
  #anpanman .play_cont h2,
  #anpanman .play_cont h3,
  #anpanman .play_cont p {
    margin: 0; }
  #anpanman .play_mv img,
  #anpanman .play_cont img {
    display: block; }
  #anpanman .play_mv a,
  #anpanman .play_cont a {
    color: #000;
    display: block;
    outline: none;
    text-decoration: none; }
    #anpanman .play_mv a:hover,
    #anpanman .play_cont a:hover {
      opacity: 0.8; }
  #anpanman .play_mv ul,
  #anpanman .play_cont ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  #anpanman .play_mv span,
  #anpanman .play_cont span {
    display: inline-block; }
  #anpanman .play_mv {
    background-color: #e0f6ec;
    background-image: url(../img/play/mv_bg.png); }
    @media screen and (max-width: 768px) {
      #anpanman .play_mv {
        background-image: url(../img/play/mv_bg_sp.png); } }
  @media screen and (max-width: 768px) {
    #anpanman .play_cont:before {
      background-color: #f3f1fa; } }
  #anpanman .play_cont > div {
    padding: 55px 0 65px;
    background: #f3f1fa url(../img/play/bg.png) no-repeat;
    background-size: 1280px;
    background-position: top 30px center; }
    @media screen and (max-width: 768px) {
      #anpanman .play_cont > div {
        padding: 0 0 4vw;
        background-image: none; } }
    #anpanman .play_cont > div ul {
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 768px) {
        #anpanman .play_cont > div ul li {
          margin-bottom: 5vw !important; } }
      #anpanman .play_cont > div ul li .link_btn2 {
        margin-top: 25px; }
        @media screen and (max-width: 768px) {
          #anpanman .play_cont > div ul li .link_btn2 {
            width: 81.5%;
            margin-top: 3vw; } }
  #anpanman .link_box {
    background-color: #e0f6ec; }

/*# sourceMappingURL=play.css.map */