@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-1-content（2020年3月号）
------------------------------------------------- */
#aff-content #spe1-1-content-02 {
  position: relative;
  min-height: 3304px;
}

#aff-content #spe1-1-content-02 #absoluteBox01, 
#aff-content #spe1-1-content-02 #absoluteBox02, 
#aff-content #spe1-1-content-02 #absoluteBox03, 
#aff-content #spe1-1-content-02 #absoluteBox04, 
#aff-content #spe1-1-content-02 #absoluteBox05,
#aff-content #spe1-1-content-02 #absoluteBox06, 
#aff-content #spe1-1-content-02 #absoluteBox07, 
#aff-content #spe1-1-content-02 #absoluteBox08{
  position: absolute;
  width: 440px;
  right: 0;
}

#aff-content #spe1-1-content-02 #absoluteBox01 {top: 0;}
#aff-content #spe1-1-content-02 #absoluteBox02 {top: 440px;}
#aff-content #spe1-1-content-02 #absoluteBox03 {top: 880px;}
#aff-content #spe1-1-content-02 #absoluteBox04 {top: 1320px;}
#aff-content #spe1-1-content-02 #absoluteBox05 {top: 1760px;}
#aff-content #spe1-1-content-02 #absoluteBox06 {top: 2600px;}
#aff-content #spe1-1-content-02 #absoluteBox07 {top: 2210px;}
#aff-content #spe1-1-content-02 #absoluteBox08 {top: 2990px;}

#aff-content #spe1-1-content-02 .figure img {
  width: 100%;
}


@media screen and (max-width: 960px) {
  #aff-content #spe1-1-content-02 {
    position: relative;
    min-height: initial;
    min-height: auto;
  }
  
  #aff-content #spe1-1-content-02 #absoluteBox01, 
  #aff-content #spe1-1-content-02 #absoluteBox02, 
  #aff-content #spe1-1-content-02 #absoluteBox03, 
  #aff-content #spe1-1-content-02 #absoluteBox04, 
  #aff-content #spe1-1-content-02 #absoluteBox05,
  #aff-content #spe1-1-content-02 #absoluteBox06, 
  #aff-content #spe1-1-content-02 #absoluteBox07, 
  #aff-content #spe1-1-content-02 #absoluteBox08{
    position: relative;
    width:100%;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    top:unset !important;
    right:unset !important;
    bottom:unset !important;
    left:unset !important;
  }
}


/* -------------------------------------------------
#spe1-3-content（2020年3月号）
------------------------------------------------- */
#aff-content #spe1-3-content-02 {
  position: relative;
  min-height: 1300px;
}

#aff-content #spe1-3-content-04 {min-height: 1200px;}
#aff-content #spe1-3-content-02 #absoluteBox01, 
#aff-content #spe1-3-content-02 #absoluteBox02,
#aff-content #spe1-3-content-02 #absoluteBox03,
#aff-content #spe1-3-content-02 #absoluteBox04{
  position: absolute;
  width: 440px;
  right: 0;
}

#aff-content #spe1-3-content-04 {min-height: 1200px;}
#aff-content #spe1-3-content-03 #absoluteBox01, 
#aff-content #spe1-3-content-03 #absoluteBox02, 
#aff-content #spe1-3-content-03 #absoluteBox03{
  position: absolute;
  width: 400px;
  right: 0;
}

#aff-content #spe1-3-content-04 {min-height: 1200px;}

#aff-content #spe1-3-content-03 #absoluteBox01 .caption, 
#aff-content #spe1-3-content-03 #absoluteBox02 .caption,
#aff-content #spe1-3-content-03 #absoluteBox03 .caption{
  width: 100%;
}


#aff-content #spe1-3-content-02 #absoluteBox01 {top: 0;}
#aff-content #spe1-3-content-02 #absoluteBox02 {top: 400px;}
#aff-content #spe1-3-content-02 #absoluteBox03 {
  top: 916px; left:0;
}
#aff-content #spe1-3-content-02 #absoluteBox04 {top: 916px;}
#aff-content #spe1-3-content-03 #absoluteBox01 {top: 0;}
#aff-content #spe1-3-content-03 #absoluteBox02 {top: 400px;}
#aff-content #spe1-3-content-03 #absoluteBox03 {top: 800px;}


@media screen and (max-width: 960px) {
  #aff-content #spe1-3-content-02, 
  #aff-content #spe1-3-content-03 {
    position: relative;
    min-height: initial;
    min-height: auto;
  }
  #aff-content #spe1-3-content-02 #absoluteBox01, 
  #aff-content #spe1-3-content-02 #absoluteBox02,
  #aff-content #spe1-3-content-02 #absoluteBox03, 
  #aff-content #spe1-3-content-02 #absoluteBox04,
  #aff-content #spe1-3-content-03 #absoluteBox01, 
  #aff-content #spe1-3-content-03 #absoluteBox02, 
  #aff-content #spe1-3-content-03 #absoluteBox03{
  position: relative;
  width:100%;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    top:unset !important;
    right:unset !important;
    bottom:unset !important;
    left:unset !important;
  }
}

/* -------------------------------------------------
#spe1-4-content（2020年3月号）
------------------------------------------------- */
#aff-content #spe1-4-content-02 {
  position: relative;
  min-height: 770px;
}
#aff-content #spe1-4-content-02 #absoluteBox01, 
#aff-content #spe1-4-content-02 #absoluteBox02{
  position: absolute;
  width: 440px;
  right: 0;
}

#aff-content #spe1-4-content-02 #absoluteBox01 {top: 0;}
#aff-content #spe1-4-content-02 #absoluteBox02 {top: 422px;}


@media screen and (max-width: 960px) {
  #aff-content #spe1-4-content-02 {
    position: relative;
    min-height: initial;
    min-height: auto;
  }
  #aff-content #spe1-4-content-02 #absoluteBox01, 
  #aff-content #spe1-4-content-02 #absoluteBox02{
  position: relative;
  width:100%;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    top:unset !important;
    right:unset !important;
    bottom:unset !important;
    left:unset !important;
  }
}

/* -------------------------------------------------
#spe1-5-content（2020年3月号）
------------------------------------------------- */
#aff-content #spe1-5-content-01 {
  position: relative;
}

#aff-content #spe1-5-content #spe1-5-content-01 .innerWrap__2column {
  min-height: 1410px;
}

#aff-content #spe1-5-content-01 #absoluteBox01{
  position: absolute;
  width: 440px;
  top:1730px;
  left: 0;
}

@media screen and (max-width: 960px) {
  #aff-content #spe1-5-content-01 {
    position: relative;
    min-height: initial;
    min-height: auto;
  }
  #aff-content #spe1-5-content-01 #absoluteBox01{
  position: relative;
  width:100%;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    top:unset !important;
    right:unset !important;
    bottom:unset !important;
    left:unset !important;
  }
}


/* -------------------------------------------------
#washoku-box-01（2020年3月号）
------------------------------------------------- */
#aff-content #washoku-box-01 {
  margin-bottom: 80px;
  min-height: 1230px;
}

#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: 508px;
}

#aff-content #washoku-box-01 #absoluteBox03 {
  top: 872px;
}
#aff-content #washoku-box-01 #absoluteBox01 img, #aff-content #washoku-box-01 #absoluteBox01 .caption {
  width: 440px;
}
#aff-content #washoku-box-01 #absoluteBox02 img, #aff-content #washoku-box-01 #absoluteBox02 .caption {
  width: 
    360px;
}

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

/* -------------------------------------------------
#washoku-box-02（2020年3月号）
------------------------------------------------- */
#aff-content #washoku-box-02 {
  margin-bottom: 80px;
}

#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:360px;
}



/* -------------------------------------------------
#guinness-box-01-01（2020年3月号）
------------------------------------------------- */
#aff-content #guinness-box-01 {
  margin-bottom: 80px;
  min-height: 480px;
}

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


/* -------------------------------------------------
#guinness-box-01-02（2020年3月号）
------------------------------------------------- */
#aff-content #guinness-box-02 {
  margin-bottom: 80px;
  min-height: 450px;
}

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


/* -------------------------------------------------
#guinness-box-01-03（2020年3月号）
------------------------------------------------- */
#aff-content #guinness-box-03 {
  margin-bottom: 80px;
  min-height: 800px;
}

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

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





/* -------------------------------------------------
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 .figure img {
    width:100% !important;
  }
  
  #aff-content .tileBox .figure .caption {
    width:100% !important;
  }
  
  #aff-content .tileBox {
    margin-bottom:60px;
  }

  #aff-content #washoku-box-01 #absoluteBox01 img,
  #aff-content #washoku-box-01 #absoluteBox01 .caption {
    width: 100%;
  }
}

/* -------------------------------------------------
320px以下
------------------------------------------------- */
@media screen and (max-width: 320px) {
  #aff-content #washoku-box-01 #absoluteBox01 img, #aff-content #washoku-box-01 #absoluteBox01 .caption {
    width: 100%;
  }
}