@charset "UTF-8";
#contents {
  background: none; }
  @media (max-width: 640px) {
    #contents .inner {
      width: 100%; } }

.look_wrap img {
  vertical-align: bottom; }
  @media (max-width: 640px) {
    .look_wrap img {
      width: 100%; } }

.mv {
  padding-bottom: 80px;
  background: url(../img/look/bg_pc.gif) repeat center top;
  text-align: center; }
  @media (max-width: 640px) {
    .mv {
      padding-bottom: 12.5%;
      background: url(../img/look/bg_sp.gif) repeat center top;
      background-size: 100%; } }
  .mv .mv_tit {
    position: relative; }
    .mv .mv_tit:before {
      content: "";
      background-image: url(../img/look/mv_kakitane_pc.png);
      background-position: center top;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto; }
      @media (max-width: 640px) {
        .mv .mv_tit:before {
          content: none; } }
  .mv .mv_comic {
    margin-top: -2px;
    position: relative;
    z-index: 1; }
    @media (max-width: 640px) {
      .mv .mv_comic {
        width: 93.75%;
        margin: 0 auto; } }

.present {
  position: relative;
  padding: 60px 0 55px;
  text-align: center;
  background-image: url(../img/look/present_bg_pc.jpg); }
  @media (max-width: 640px) {
    .present {
      padding: 12.5% 0 10.16%; } }
  .present:before {
    background: url(../img/look/baloon.png) no-repeat center top;
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -148px;
    width: 296px;
    height: 84px; }
    @media (max-width: 640px) {
      .present:before {
        background: url(../img/look/baloon_sp.png) no-repeat center top;
        background-size: 100%;
        width: 60.63%;
        left: 0;
        right: 0;
        margin: auto;
        top: -4.25%; } }
  .present .present_btn {
    margin-top: 39px; }
    @media (max-width: 640px) {
      .present .present_btn {
        width: 81.25%;
        margin: 6.15% auto 0; } }

/* #linkarea */
#linkarea {
  background: #fcf4de; }

#linkarea .inner {
  width: 1000px; }

#linkarea .bnr_block {
  padding: 35px 80px 40px 80px; }

#linkarea .bnr_block .net_shop {
  float: left; }

#linkarea .bnr_block .bnr_right {
  float: right; }

#linkarea .bnr_block .bnr_right .lohaco {
  margin: 0 0 10px; }

/*バナーエリア*/
.bnr_area {
  background: #fffce2;
  padding: 52px 0 80px; }

.bnr_area ul {
  width: 920px;
  margin: auto; }

.bnr_area ul li.bnr01 {
  float: left; }

.bnr_area ul li.bnr02 {
  float: right; }

/* sp
================================================================================================================== */
@media screen and (max-width: 640px) {
  #contents {
    padding: 0; }
  /* #linkarea */
  #linkarea {
    background: #fff;
    padding: 9.5% 0 9.5%; }
  #linkarea .inner {
    width: 93.75%; }
  #linkarea .bnr_block {
    background: #fcf4de;
    padding: 35px 80px 40px 80px; }
  #linkarea .bnr_block .net_shop {
    float: left; }
  #linkarea .bnr_block .bnr_right {
    float: right; }
  #linkarea .bnr_block .bnr_right .lohaco {
    margin: 0 0 10px; }
  #linkarea .bnr_block {
    padding: 5%; }
  #linkarea .bnr_block .net_shop {
    float: none; }
  #linkarea .bnr_block .net_shop .btn {
    margin: 0 0 3.7%; }
  #linkarea .bnr_block .bnr_right {
    float: none; }
  #linkarea .bnr_block .bnr_right .lohaco {
    width: 48%;
    float: left;
    margin: 0 0 10px; }
  #linkarea .bnr_block .bnr_right .amazon {
    width: 48%;
    float: right;
    margin: 0 0 10px; }
  /*バナーエリア*/
  .bnr_area {
    padding: 6.25% 0; }
  .bnr_area ul {
    width: 80%;
    margin: auto; }
  .bnr_area ul li.bnr01 {
    margin: 0;
    float: none; }
  .bnr_area ul li.bnr02 {
    margin: 4% 0 0;
    float: none; } }