@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年4月号）
------------------------------------------------- */
#aff-content #spe1-1-content-03 {
  position: relative;
  min-height: 1066px;
}

#aff-content #spe1-1-content-03 #absoluteBox01, 
#aff-content #spe1-1-content-03 #absoluteBox02, 
#aff-content #spe1-1-content-03 #absoluteBox03 {
  position: absolute;
  width: 440px;
  right: 0;
}

#aff-content #spe1-1-content-03 #absoluteBox01 {top: 0;}
#aff-content #spe1-1-content-03 #absoluteBox02 {top: 368px;}
#aff-content #spe1-1-content-03 #absoluteBox03 {top: 708px;}

#aff-content #spe1-1-content-03 #absoluteBox03 .wrap__youtube {
  margin: 20px 0 0;
}

#aff-content #spe1-1-content-03 #absoluteBox03 .wrap__youtube .inner_1column {
    width: 440px;
}

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


#aff-content #spe1-1-content-03 #absoluteBox02 .absoluteBox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#aff-content #spe1-1-content-03 #absoluteBox02 .absoluteBox__inner .absoluteBox__inner--left {
  width:49%;
}

#aff-content #spe1-1-content-03 #absoluteBox02 .absoluteBox__inner .absoluteBox__inner--right {
  width:49%;
}

@media screen and (max-width: 960px) {
  #aff-content #spe1-1-content-03 {
    position: relative;
    min-height: initial;
    min-height: auto;
  }
  
  #aff-content #spe1-1-content-03 #absoluteBox01, 
  #aff-content #spe1-1-content-03 #absoluteBox02, 
  #aff-content #spe1-1-content-03 #absoluteBox03, 
  #aff-content #spe1-1-content-03 #absoluteBox04 {
    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年4月号）
------------------------------------------------- */
#aff-content #spe1-4-content-02 {
  position: relative;
  min-height: 1204px;
}
#aff-content #spe1-4-content-02 #absoluteBox01, 
#aff-content #spe1-4-content-02 #absoluteBox02, 
#aff-content #spe1-4-content-02 #absoluteBox03{
  position: absolute;
  width: 440px;
  right: 0;
}

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

#aff-content #spe1-4-content-02 #absoluteBox01 > .figure, #aff-content #spe1-4-content-02 #absoluteBox02 > .figure {
  width:440px;
}

#aff-content #spe1-4-content-02 #absoluteBox01 > .figure img, #aff-content #spe1-4-content-02 #absoluteBox02 > .figure img {
  width:100%;
}

#aff-content #spe1-4-content-02 .absoluteBox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#aff-content #spe1-4-content-02 .absoluteBox__inner > .figure {
  width:200px;
}

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

#aff-content #spe1-4-content-02 .absoluteBox__inner p {
  width:calc(100% - 210px);
}

@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, 
  #aff-content #spe1-4-content-02 #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;
  }
  
  #aff-content #spe1-4-content-02 #absoluteBox01 > .figure, #aff-content #spe1-4-content-02 #absoluteBox02 > .figure {
    width:100%;
    text-align: center;
  }
  
  #aff-content #spe1-4-content-02 .absoluteBox__inner .figure {
    width:100%;
    text-align: center;
  }
  
  #aff-content #spe1-4-content-02 .absoluteBox__inner .figure img {
    width:auto;
  }
  
  #aff-content #spe1-4-content-02 .absoluteBox__inner p {
    width:100%;
  }
}

/* -------------------------------------------------
#spe1-6-content（2020年4月号）
------------------------------------------------- */
#aff-content #spe1-6-content-01 {
  position: relative;
  min-height: 1134px;
}
#aff-content #spe1-6-content-column .inner {
  position: relative;
}
#aff-content #spe1-6-content-01 #absoluteBox01 {
  position: absolute;
  width: 440px;
  right: 0;
}
#aff-content #spe1-6-content-01 #absoluteBox02 {
  position: absolute;
  width: 440px;
  right: 0;
}
#aff-content #spe1-6-content-01 #absoluteBox03 {
  position: absolute;
  width: 440px;
  left: 0;
}
#aff-content #spe1-6-content-01 #absoluteBox04 {
  position: absolute;
  width: 440px;
  right: 0;
}
#aff-content #spe1-6-content-column #absoluteBox01, 
#aff-content #spe1-6-content-column #absoluteBox02, 
#aff-content #spe1-6-content-column #absoluteBox03 {
  position: absolute;
  width: 440px;
  right: 0;
}

#aff-content #spe1-6-content-01 #absoluteBox01 {top: 0;}
#aff-content #spe1-6-content-01 #absoluteBox02 {top: 388px;}
#aff-content #spe1-6-content-01 #absoluteBox03 {top: 828px;}
#aff-content #spe1-6-content-01 #absoluteBox04 {top: 828px;}

#aff-content #spe1-6-content-column #absoluteBox01 {top: 20px;}
#aff-content #spe1-6-content-column #absoluteBox02 {top: 350px;}
#aff-content #spe1-6-content-column #absoluteBox03 {top: 756px;}


@media screen and (max-width: 960px) {
  #aff-content #spe1-6-content-01, 
  #aff-content #spe1-6-content-column .inner {
    position: relative;
    min-height: initial;
    min-height: auto;
  }
  #aff-content #spe1-6-content-01 #absoluteBox01, 
  #aff-content #spe1-6-content-01 #absoluteBox02, 
  #aff-content #spe1-6-content-01 #absoluteBox03, 
  #aff-content #spe1-6-content-01 #absoluteBox04, 
  #aff-content #spe1-6-content-column #absoluteBox01, 
  #aff-content #spe1-6-content-column #absoluteBox02, 
  #aff-content #spe1-6-content-column #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;
  }
}


/* -------------------------------------------------
#washoku-box-01（2020年4月号）
------------------------------------------------- */
#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年4月号）
------------------------------------------------- */
#aff-content #washoku-box-02 {
  margin-bottom: 80px;
  min-height: 680px;
}
#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 #absoluteBox02 {
  top: 360px;
}
#aff-content #washoku-box-02 #absoluteBox01 img, #aff-content #washoku-box-02 #absoluteBox01 .caption, 
#aff-content #washoku-box-02 #absoluteBox02 img, #aff-content #washoku-box-02 #absoluteBox02 .caption {
  width:360px;
}


/* -------------------------------------------------
#guinness-box-01-01（2020年4月号）
------------------------------------------------- */
#aff-content #guinness-box-01 {
  margin-bottom: 80px;
  min-height: 820px;
}
#aff-content #guinness-box-01 #absoluteBox01 {top: 0;}
#aff-content #guinness-box-01 #absoluteBox02 {top: 420px;}


/* -------------------------------------------------
#guinness-box-01-02（2020年4月号）
------------------------------------------------- */
#aff-content #guinness-box-02 {
  margin-bottom: 80px;
  min-height: 800px;
}
#aff-content #guinness-box-02 #absoluteBox01 {top: 0;}
#aff-content #guinness-box-02 #absoluteBox02 {top: 420px;}


/* -------------------------------------------------
#guinness-box-01-03（2020年4月号）
------------------------------------------------- */
#aff-content #guinness-box-03 {
  margin-bottom: 80px;
  min-height: 394px;
}
#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%;
  }
}