@charset "UTF-8";

/* -------------------------------------------------
ブロック要素の並び順関連
------------------------------------------------- */
#aff-content .tileBox {
  position: relative;
}

#aff-content .tileBox .paragraph {
  width:calc(100% - 480px);
}

#aff-content .tileBox .caption {
  margin:0;
  padding-top: 5px;
  font-size: 0.9em;
  line-height: 1.4;
  text-indent: 0;
}

#aff-content .tileBox .figure {
  position: absolute;
  width:440px;
  right:0;
}

/* -------------------------------------------------
#spe1-3-content（2019年12月号）
------------------------------------------------- */
#aff-content #spe1-3-content .wrapTileBox {
  margin-bottom:120px;
}

/* -------------------------------------------------
#spe1-3-content-01（2019年12月号）
------------------------------------------------- */
#aff-content #spe1-3-content-01 {
  min-height: 1230px;
}

#aff-content #spe1-3-content-01 #absoluteBox01 {
  top: 0;
}

#aff-content #spe1-3-content-01 #absoluteBox02 {
  top: 412px;
}

#aff-content #spe1-3-content-01 #absoluteBox03 {
  top: 824px;
}

/* -------------------------------------------------
#spe1-3-content-02（2019年12月号）
------------------------------------------------- */
#aff-content #spe1-3-content-02 {
  min-height: 1258px;
}

#aff-content #spe1-3-content-02 #absoluteBox01 {
  top: 0;
}

#aff-content #spe1-3-content-02 #absoluteBox02 {
  top: 410px;
}

#aff-content #spe1-3-content-02 #absoluteBox03 {
  top: 836px;
}

/* -------------------------------------------------
#spe1-3-content-03（2019年12月号）
------------------------------------------------- */
#aff-content #spe1-3-content-03 {
  min-height: 1200px;
}

#aff-content #spe1-3-content-03 #absoluteBox01 {
  top: 0;
}

#aff-content #spe1-3-content-03 #absoluteBox02 {
  top: 410px;
}

#aff-content #spe1-3-content-03 #absoluteBox03 {
  top: 816px;
}

/* -------------------------------------------------
#spe1-3-content-04（2019年12月号）
------------------------------------------------- */
#aff-content #spe1-3-content-04 {
  min-height: 1116px;
}

#aff-content #spe1-3-content-04 #absoluteBox01 {
  top: 0;
}

#aff-content #spe1-3-content-04 #absoluteBox02 {
  top: 324px;
}

#aff-content #spe1-3-content-04 #absoluteBox03 {
  top: 648px;
}

/* -------------------------------------------------
#spe1-4-content-05（2019年12月号）
------------------------------------------------- */
#aff-content #spe1-4-content-05 {
  margin-bottom: 80px;
  min-height: 788px;
}

#aff-content #spe1-4-content-05 #absoluteBox01 {
  top: 0;
}

#aff-content #spe1-4-content-05 #absoluteBox02 {
  top: 386px;
}

/* -------------------------------------------------
#washoku-box-01（2019年12月号）
------------------------------------------------- */
#aff-content.washoku .tileBox {
  margin-bottom: 80px;
}

#aff-content #washoku-box-01 {
  min-height: 1124px;
}

#aff-content #washoku-box-01 .tileBox .title-box {
  width:calc(100% - 480px);
}

#aff-content #washoku-box-01 #absoluteBox01 {
  top: 0;
}

#aff-content #washoku-box-01 #absoluteBox02 {
  top: 528px;
}

#aff-content #washoku-box-01 #absoluteBox03 {
  top: 834px;
}

#aff-content #washoku-box-01 #absoluteBox01 img {
  width: 440px;
}


#aff-content #washoku-box-01 #absoluteBox02 img, #aff-content #washoku-box-01 #absoluteBox02 .caption {
  width: 270px;
}

#aff-content #washoku-box-01 #absoluteBox03 img, #aff-content #washoku-box-01 #absoluteBox03 .caption {
  width: 270px;
}

/* -------------------------------------------------
#washoku-box-02（2019年12月号）
------------------------------------------------- */
#aff-content #washoku-box-02 {
}

#aff-content #washoku-box-02 .tileBox .title-box {
  width:calc(100% - 480px);
}

#aff-content #washoku-box-02 #absoluteBox01 {
  top: 80px;
}

#aff-content #washoku-box-02 #absoluteBox01 img, #aff-content #washoku-box-02 #absoluteBox01 .caption {
  width: 200px;
}

/* -------------------------------------------------
#washoku-box-03（2019年12月号）
------------------------------------------------- */
#aff-content #washoku-box-03 {
  min-height: 416px;
}

#aff-content #washoku-box-03 .tileBox .title-box {
  width:calc(100% - 480px);
}

#aff-content #washoku-box-03 #absoluteBox01 {
  top: 80px;
}

#aff-content #washoku-box-03 #absoluteBox01 img, #aff-content #washoku-box-03 #absoluteBox01 .caption {
  width: 200px;
}

/* -------------------------------------------------
#guinness-box-01-01（2019年12月号）
------------------------------------------------- */
#aff-content.guinness .tileBox {
  margin-bottom: 80px;
}

#aff-content #guinness-box-01 {
  min-height: 712px;
}

#aff-content #guinness-box-01 #absoluteBox01 {
  top: 0;
}

#aff-content #guinness-box-01 #absoluteBox02 {
  top: 384px;
}

/* -------------------------------------------------
#guinness-box-01-02（2019年12月号）
------------------------------------------------- */
#aff-content #guinness-box-02 {
  min-height: 480px;
}

#aff-content #guinness-box-02 #absoluteBox01 {
  top: 0;
}

/* -------------------------------------------------
#guinness-box-01-03（2019年12月号）
------------------------------------------------- */
#aff-content #guinness-box-03 {
  min-height: 714px;
}

#aff-content #guinness-box-03 #absoluteBox01 {
  top: 0;
}

#aff-content #guinness-box-03 #absoluteBox02 {
  top: 386px;
}






/* -------------------------------------------------
960px以下
------------------------------------------------- */
@media screen and (max-width: 960px) {
  #aff-content #spe1-3-content .wrapTileBox {
    margin-bottom:60px;
  }
  
  #aff-content.washoku .tileBox {
    margin-bottom:60px;
  }
  
  #aff-content.guinness .tileBox {
    margin-bottom:60px;
  }
  
  #aff-content .tileBox .paragraph {
    margin-bottom:20px;
    width:100%;
  }
  
  #aff-content .tileBox .title-box {
    margin-bottom:20px;
    width:100%;
  }
  
  #aff-content .tileBox .figure {
    position: relative;
    margin-bottom:20px;
    width:100%;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
  }
  
  #aff-content .tileBox .figure {
    top:unset !important;
    right:unset !important;
    bottom:unset !important;
    left:unset !important;
  }
  
  #aff-content .tileBox {
    margin-bottom:60px;
  }
}