#visual {
  overflow: hidden;
  position: relative; }
  @media (max-width: 480px) {
    #visual {
      min-width: 100%;
      height: auto; } }
  #visual .visual {
    width: 100%; }
    #visual .visual img {
      width: 100%;
      display: block; }
      @media (max-width: 480px) {
        #visual .visual img {
          width: 100%; } }

.section.backcolor {
  background: #eceae6; }

.fukushiyougu .pick_text img {
  vertical-align: middle;
  margin: 0 70px; }

.shopping_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start; }
  @media (max-width: 480px) {
    .shopping_list {
      display: block; } }
  .shopping_list .shopping_set {
    width: calc(90%/3); }
    @media (max-width: 480px) {
      .shopping_list .shopping_set {
        width: 100%;
        margin-bottom: 15px; } }
    .shopping_list .shopping_set a {
      background: #fff;
      height: 150px;
      border: #fff solid 4px;
      padding: 40px;
      box-sizing: content-box;
      position: relative;
      display: block;
      transition: 1s; }
      .shopping_list .shopping_set a:before {
        width: 9px;
        height: 18px;
        background: url(../img/arrow01.png) center/contain no-repeat;
        position: absolute;
        content: "";
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
        transition: 1.5s; }
      .shopping_list .shopping_set a:hover {
        border: #ef9a9a solid 4px; }
        .shopping_list .shopping_set a:hover:before {
          background: url(../img/arrow02.png) center/contain no-repeat; }
      .shopping_list .shopping_set a h2 {
        text-align: center; }
      .shopping_list .shopping_set a img {
        max-width: 100%; }
        .shopping_list .shopping_set a img.logo-yahoo {
          width: 70%; }

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