@charset "UTF-8";
@font-face {
  font-family: 'EBGaramond';
  src: url("../../font/EBGaramond-Regular.woff"); }

@font-face {
  font-family: "yumin";
  src: url("../../font/yumin.woff"); }

#recommend_200408 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  color: #58595b; }
  #recommend_200408 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #recommend_200408 a {
    display: block; }
  #recommend_200408 img {
    width: 100%;
    display: block; }
  #recommend_200408 .pc_only {
    display: none !important; }
  #recommend_200408 .mv {
    margin-bottom: calc(70*100vw/750); }
  #recommend_200408 .introduction,
  #recommend_200408 .txt_block_02 {
    font-size: calc(26*100vw/750);
    line-height: 2;
    letter-spacing: 0.12em;
    margin: 0 calc(40*100vw/750) calc(70*100vw/750); }
  #recommend_200408 .txt_block_01 {
    font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho", "Hiragino Mincho ProN", HGS明朝E, "yumin", "メイリオ", serif;
    text-align: center;
    margin-bottom: calc(50*100vw/750); }
    #recommend_200408 .txt_block_01 .subttl {
      font-size: calc(30*100vw/750);
      border-bottom: 1px solid #58595b;
      display: inline-block;
      padding: calc(10*100vw/750) calc(15*100vw/750);
      margin-bottom: calc(30*100vw/750);
      letter-spacing: 0.06em; }
    #recommend_200408 .txt_block_01 .ttl {
      font-size: calc(40*100vw/750);
      line-height: 1.5;
      color: #000;
      letter-spacing: 0.06em; }
  #recommend_200408 .credit {
    margin: 2em calc(40*100vw/750) -1.5em;
    font-size: calc(22*100vw/750);
    line-height: 2.2;
    letter-spacing: 0.03em; }
    #recommend_200408 .credit .tax {
      font-family: 'EBGaramond';
      font-size: calc(28*100vw/750); }
    #recommend_200408 .credit a {
      line-height: 0.9;
      border-bottom: 1px solid #58595b;
      display: inline-block;
      margin-bottom: 1.3em; }
  #recommend_200408 .info_block {
    text-align: center;
    font-family: 'EBGaramond';
    letter-spacing: 0.03em; }
    #recommend_200408 .info_block .all_btn {
      display: inline-block;
      font-size: calc(40*100vw/750);
      color: #000;
      border-bottom: double 3px #c0c0c0;
      margin: 0 auto calc(150*100vw/750);
      padding-bottom: calc(16*100vw/750); }
    #recommend_200408 .info_block .staff_block {
      font-size: calc(28*100vw/750);
      line-height: 1.64;
      margin-bottom: calc(155*100vw/750); }
  #recommend_200408 .sec_01,
  #recommend_200408 .sec_02,
  #recommend_200408 .sec_03,
  #recommend_200408 .sec_04,
  #recommend_200408 .sec_05 {
    margin-bottom: calc(135*100vw/750); }
    #recommend_200408 .sec_01 .img_block_01,
    #recommend_200408 .sec_02 .img_block_01,
    #recommend_200408 .sec_03 .img_block_01,
    #recommend_200408 .sec_04 .img_block_01,
    #recommend_200408 .sec_05 .img_block_01 {
      margin-bottom: calc(70*100vw/750); }
    #recommend_200408 .sec_01 .img_block_02,
    #recommend_200408 .sec_02 .img_block_02,
    #recommend_200408 .sec_03 .img_block_02,
    #recommend_200408 .sec_04 .img_block_02,
    #recommend_200408 .sec_05 .img_block_02 {
      margin-bottom: 0; }
  #recommend_200408 .sec_01 {
    margin-top: calc(115*100vw/750); }
    #recommend_200408 .sec_01 .img_block_01 {
      margin-left: calc(40*100vw/750);
      margin-right: calc(40*100vw/750); }
    #recommend_200408 .sec_01 .img_block_02 {
      margin-left: calc(150*100vw/750); }
  #recommend_200408 .sec_02 .img_block_01 {
    margin-right: calc(75*100vw/750); }
  #recommend_200408 .sec_02 .img_block_02 {
    margin-left: calc(75*100vw/750);
    margin-right: calc(75*100vw/750); }
  #recommend_200408 .sec_03 .img_block_01 {
    margin-left: calc(40*100vw/750);
    margin-right: calc(40*100vw/750); }
  #recommend_200408 .sec_03 .img_block_02 {
    margin-left: calc(75*100vw/750); }
  #recommend_200408 .sec_04 .img_block_01 {
    margin-left: calc(40*100vw/750);
    margin-right: calc(40*100vw/750); }
  #recommend_200408 .sec_04 .img_block_02 {
    margin-left: calc(75*100vw/750);
    margin-right: calc(75*100vw/750); }
  #recommend_200408 .sec_05 {
    margin-bottom: calc(145*100vw/750); }
    #recommend_200408 .sec_05 .img_block_01 {
      margin-right: calc(75*100vw/750); }
    #recommend_200408 .sec_05 .img_block_02 {
      margin-left: calc(150*100vw/750); }