@charset "utf-8";
/* ver 1.02 */

/* ここから */
#ymk-cate{ width: 800px; height: 440px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-ymk-cate { position: relative; width: 100%; padding-bottom: calc(650 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#ymk-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */
 
/* ここから */
#ymk-cate01-top1 { width: 800px; height: 440px; 　/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */}
@media screen and (max-width: 480px) {
#Wrap-ymk-cate01-top1 { position: relative; width: 100%; padding-bottom: calc(650 / 560 * 100%); 　/* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ymk-cate01-top1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ymk-cate01-top2 { width: 800px;  height: 440px;　/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */ }
@media screen and (max-width: 480px) {
#Wrap-ymk-cate01-top2 { position: relative; width: 100%; padding-bottom: calc(650 / 560 * 100%);  /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ymk-cate01-top2  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ymk-cate01-top3 { width: 800px; height: 620px;　/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    } 
@media screen and (max-width: 480px) {
#Wrap-ymk-cate01-top3 { position: relative; width: 100%; padding-bottom: calc(1060 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */    }
#ymk-cate01-top3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
}
/* ここまで */

/* ここから */
#ymk-cate01-top4 { width: 800px; height: 250px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ymk-cate01-top4 { position: relative; width: 100%; padding-bottom: calc(240 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ymk-cate01-top4 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#tfa-cate { width: 850px; height: 360px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-tfa-cate { position: relative; width: 100%; padding-bottom: calc(1000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#tfa-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-rec { width: 800px; height: 850px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-rec { position: relative; width: 100%; padding-bottom: calc(1400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-rec { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-aino { width: 800px; height: calc(1600px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-aino { position: relative; width: 100%; padding-bottom: calc(2000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-aino { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-alvar { width: 800px; height: calc(800px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-alvar { position: relative; width: 100%; padding-bottom: calc(900 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-alvar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-birds { width: 800px; height: calc(636px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-birds { position: relative; width: 100%; padding-bottom: calc(900 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-birds { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-citterio { width: 800px; height: calc(887px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-citterio { position: relative; width: 100%; padding-bottom: calc(1050 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-citterio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-essence { width: 800px; height: calc(672px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-essence { position: relative; width: 100%; padding-bottom: calc(820 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-essence { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-kartio { width: 800px; height: calc(1400px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-kartio { position: relative; width: 100%; padding-bottom: calc(1800 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-kartio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-kaste { width: 800px; height: calc(2500px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-kaste { position: relative; width: 100%; padding-bottom: calc(2500 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-kaste { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-kivi { width: 800px; height: calc(1000px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-kivi { position: relative; width: 100%; padding-bottom: calc(1180 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-kivi { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-marc { width: 800px; height: calc(406px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-marc { position: relative; width: 100%; padding-bottom: calc(600 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-marc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-origo { width: 800px; height: calc(1278px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-origo { position: relative; width: 100%; padding-bottom: calc(1700 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-origo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-raami { width: 800px; height: calc(917px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-raami { position: relative; width: 100%; padding-bottom: calc(1100 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-raami { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-sarjaton { width: 800px; height: calc(668px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-sarjaton { position: relative; width: 100%; padding-bottom: calc(830 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-sarjaton { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-sarpaneva { width: 800px; height: calc(330px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-sarpaneva { position: relative; width: 100%; padding-bottom: calc(350 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-sarpaneva { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-senta { width: 800px; height: calc(365px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-senta { position: relative; width: 100%; padding-bottom: calc(390 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-senta { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-teatowl { width: 800px; height: calc(385px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-teatowl { position: relative; width: 100%; padding-bottom: calc(500 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-teatowl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-teema { width: 800px; height: calc(7400px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-teema { position: relative; width: 100%; padding-bottom: calc(8400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-teema { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ita-ultima { width: 800px; height: calc(346px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ita-ultima { position: relative; width: 100%; padding-bottom: calc(410 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ita-ultima { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */


/* ここから */
#fuj-cate{ width: 800px; height: 1000px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fuj-cate { position: relative; width: 100%; padding-bottom: calc(1600 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fuj-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#cut-cate{ width: 800px; height: 420px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-cut-cate { position: relative; width: 100%; padding-bottom: calc(480 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#cut-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#cut-black{ width: 800px; height: 1800px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-cut-black { position: relative; width: 100%; padding-bottom: calc(2000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#cut-black { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#cut-brown{ width: 800px; height: 1550px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-cut-brown { position: relative; width: 100%; padding-bottom: calc(1700 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#cut-brown { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#cut-pink{ width: 800px; height: 700px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-cut-pink { position: relative; width: 100%; padding-bottom: calc(800 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#cut-pink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#cut-white{ width: 800px; height: 1700px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-cut-white { position: relative; width: 100%; padding-bottom: calc(1800 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#cut-white { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#cut-whitegold{ width: 800px; height: 1705px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-cut-whitegold { position: relative; width: 100%; padding-bottom: calc(1800 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#cut-whitegold { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#cut{ width: 800px; height: 940px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-cut { position: relative; width: 100%; padding-bottom: calc(1050 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#cut { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#mwa-rec{ width: 800px; height: 900px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-mwa-rec{ position: relative; width: 100%; padding-bottom: calc(1300 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#mwa-rec { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-cate{ width: 800px; height: 610px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-cate{ position: relative; width: 100%; padding-bottom: calc(900 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-24h{ width: 800px; height: 2300px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-24h{ position: relative; width: 100%; padding-bottom: calc(2650 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-24h { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-arctica{ width: 800px; height: 1000px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-arctica{ position: relative; width: 100%; padding-bottom: calc(850 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-arctica { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-blapara{ width: 800px; height: 1300px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-blapara{ position: relative; width: 100%; padding-bottom: calc(1100 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-blapara { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-fis{ width: 800px; height: 1000px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-fis{ position: relative; width: 100%; padding-bottom: calc(900 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-fis { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-keto{ width: 800px; height: 600px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-keto{ position: relative; width: 100%; padding-bottom: calc(580 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-keto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-kinen{ width: 800px; height: 1800px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-kinen{ position: relative; width: 100%; padding-bottom: calc(1950 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-kinen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-koko{ width: 800px; height: 2600px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-koko{ position: relative; width: 100%; padding-bottom: calc(3000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-koko { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-mainio{ width: 800px; height: 1200px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-mainio{ position: relative; width: 100%; padding-bottom: calc(1200 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-mainio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-moo{ width: 800px; height: 2000px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-moo{ position: relative; width: 100%; padding-bottom: calc(2000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-moo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-pur{ width: 800px; height: 1250px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-pur{ position: relative; width: 100%; padding-bottom: calc(1050 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-pur { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-sunnuntai{ width: 800px; height: 700px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-sunnuntai{ position: relative; width: 100%; padding-bottom: calc(850 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-sunnuntai { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#arb-yel{ width: 800px; height: 1400px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-yel{ position: relative; width: 100%; padding-bottom: calc(1400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-yel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */


/* ここから */
#arb-yellow{ width: 800px; height: 750px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-arb-yellow{ position: relative; width: 100%; padding-bottom: calc(400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#arb-yellow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-rec{ width: 800px; height: 120px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-rec{ position: relative; width: 100%; padding-bottom: calc(250 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-rec { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-leather{ width: 800px; height: 800px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-leather{ position: relative; width: 100%; padding-bottom: calc(800 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-leather { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-01{ width: 800px; height: 680px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-01{ position: relative; width: 100%; padding-bottom: calc(750 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-01 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-03{ width: 800px; height: 680px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-03{ position: relative; width: 100%; padding-bottom: calc(800 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-03 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-04{ width: 800px; height: 680px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-04{ position: relative; width: 100%; padding-bottom: calc(720 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-04 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-05{ width: 800px; height: 680px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-05{ position: relative; width: 100%; padding-bottom: calc(720 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-05 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-06{ width: 800px; height: 960px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-06{ position: relative; width: 100%; padding-bottom: calc(1040 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-06 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-09{ width: 800px; height: 680px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-09{ position: relative; width: 100%; padding-bottom: calc(820 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-09 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-20{ width: 800px; height: 770px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-20{ position: relative; width: 100%; padding-bottom: calc(850 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-20 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-cuir{ width: 800px; height: 700px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-cuir{ position: relative; width: 100%; padding-bottom: calc(450 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-cuir { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-neo{ width: 800px; height: 4800px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-neo{ position: relative; width: 100%; padding-bottom: calc(6100 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-neo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-penelope{ width: 800px; height: 870px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-penelope{ position: relative; width: 100%; padding-bottom: calc(1200 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-penelope { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lon-puriother{ width: 800px; height: 6100px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lon-puriother{ position: relative; width: 100%; padding-bottom: calc(7200 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lon-puriother { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel00{ width: 800px; height: 520px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel00{ position: relative; width: 100%; padding-bottom: calc(810 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel00 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */


/* ここから */
#fel03{ width: 800px; height: 5100px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel03{ position: relative; width: 100%; padding-bottom: calc(5600 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel03 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel10{ width: 800px; height: 4800px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel10{ position: relative; width: 100%; padding-bottom: calc(5400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel10 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel02{ width: 800px; height: 2100px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel02{ position: relative; width: 100%; padding-bottom: calc(2200 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel02 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel12{ width: 800px; height: 1200px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel12{ position: relative; width: 100%; padding-bottom: calc(1100 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel12 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel01{ width: 800px; height: 1400px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel01{ position: relative; width: 100%; padding-bottom: calc(1400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel01 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel09{ width: 800px; height: 400px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel09{ position: relative; width: 100%; padding-bottom: calc(400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel09 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel-baby{ width: 800px; height: 5000px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel-baby{ position: relative; width: 100%; padding-bottom: calc(5000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel-baby { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel-poti{ width: 800px; height: 2800px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel-poti{ position: relative; width: 100%; padding-bottom: calc(3000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel-poti { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel21{ width: 800px; height: 500px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-fel21{ position: relative; width: 100%; padding-bottom: calc(400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#fel21 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#fel77{ width: 800px; height: 400px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
/* ここまで */

/* ここから */
#ror-cate{ width: 800px; height: 250px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-ror-cate{ position: relative; width: 100%; padding-bottom: calc(510 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#ror-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ror-eden{ width: 800px; height: 620px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-ror-eden{ position: relative; width: 100%; padding-bottom: calc(590 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#ror-eden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ror-ku{ width: 800px; height: 780px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-ror-ku{ position: relative; width: 100%; padding-bottom: calc(850 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#ror-ku { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ror-mini{ width: 800px; height: 470px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-ror-mini{ position: relative; width: 100%; padding-bottom: calc(640 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#ror-mini { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ror-mo{ width: 800px; height: 1090px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-ror-mo{ position: relative; width: 100%; padding-bottom: calc(1130 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#ror-mo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ror-sw{ width: 800px; height: 2250px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-ror-sw{ position: relative; width: 100%; padding-bottom: calc(2350 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#ror-sw { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#hrc-cate{ width: 800px; height: 850px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-hrc-cate{ position: relative; width: 100%; padding-bottom: calc(1700 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#hrc-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#nac-rec{ width: 800px; height: 550px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-nac-rec{ position: relative; width: 100%; padding-bottom: calc(300 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#nac-rec { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#nac-bos{ width: 800px; height: 2500px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-nac-bos{ position: relative; width: 100%; padding-bottom: calc(2500 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#nac-bos { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#nac-mambo{ width: 800px; height: 610px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-nac-mambo{ position: relative; width: 100%; padding-bottom: calc(580 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#nac-mambo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#nac-base{ width: 800px; height: 560px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-nac-base{ position: relative; width: 100%; padding-bottom: calc(500 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#nac-base { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lis-cate{ width: 800px; height: 415px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-lis-cate{ position: relative; width: 100%; padding-bottom: calc(780 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#lis-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#knt-cate{ width: 800px; height: 415px;/*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */  }
@media screen and (max-width: 480px) {
#Wrap-knt-cate{ position: relative; width: 100%; padding-bottom: calc(500 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */ }  
#knt-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-cate { width: 800px; height: calc(420px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-cate { position: relative; width: 100%; padding-bottom: calc(810 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-pan { width: 800px; height: calc(2780px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-pan { position: relative; width: 100%; padding-bottom: calc(3223 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-pan { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-bub { width: 800px; height: calc(961px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-bub { position: relative; width: 100%; padding-bottom: calc(1093 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-bub { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-spe { width: 800px; height: calc(1018px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-spe { position: relative; width: 100%; padding-bottom: calc(1183 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-spe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-ara { width: 800px; height: calc(923px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-ara { position: relative; width: 100%; padding-bottom: calc(1043 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-ara { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-sag { width: 800px; height: calc(600px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-sag { position: relative; width: 100%; padding-bottom: calc(692 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-sag { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-bis { width: 800px; height: calc(600px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-bis { position: relative; width: 100%; padding-bottom: calc(749 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-bis { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-kob { width: 800px; height: calc(600px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-kob { position: relative; width: 100%; padding-bottom: calc(749 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-kob { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-kob { width: 800px; height: calc(600px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-kob { position: relative; width: 100%; padding-bottom: calc(662 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-kob { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#dan-leaf { width: 800px; height: calc(600px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-dan-leaf { position: relative; width: 100%; padding-bottom: calc(662 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#dan-leaf { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ysr-cate { width: 800px; height: calc(420px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ysr-cate { position: relative; width: 100%; padding-bottom: calc(810 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ysr-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ysr-katorari { width: 800px; height: calc(4000px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ysr-katorari { position: relative; width: 100%; padding-bottom: calc(4400 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ysr-katorari { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ysr-tool { width: 800px; height: calc(1489px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ysr-tool { position: relative; width: 100%; padding-bottom: calc(1850 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ysr-tool { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ysr-tongs { width: 800px; height: calc(680px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ysr-tongs { position: relative; width: 100%; padding-bottom: calc(800 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ysr-tongs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ysr-bowl { width: 800px; height: calc(1740px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ysr-bowl { position: relative; width: 100%; padding-bottom: calc(2070 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ysr-bowl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ysr-nabe { width: 800px; height: calc(2005px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ysr-nabe { position: relative; width: 100%; padding-bottom: calc(2250 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ysr-nabe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ysr-nanbu { width: 800px; height: calc(1278px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ysr-nanbu { position: relative; width: 100%; padding-bottom: calc(1600 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ysr-nanbu { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#kev-cate { width: 800px; height: calc(300px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-kev-cate { position: relative; width: 100%; padding-bottom: calc(500 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#kev-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#kev-board { width: 800px; height: calc(1640px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-kev-board { position: relative; width: 100%; padding-bottom: calc(1680 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#kev-board { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#kev-katorari { width: 800px; height: calc(1985px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-kev-katorari { position: relative; width: 100%; padding-bottom: calc(1960 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#kev-katorari { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#kev-mag { width: 800px; height: calc(1435px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-kev-mag { position: relative; width: 100%; padding-bottom: calc(1000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#kev-mag { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#kev-nabe { width: 800px; height: calc(1740px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-kev-nabe { position: relative; width: 100%; padding-bottom: calc(1650 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#kev-nabe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#kev-osusume { width: 800px; height: calc(830px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-kev-osusume { position: relative; width: 100%; padding-bottom: calc(960 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#kev-osusume { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#kev-sonota { width: 800px; height: calc(1635px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-kev-sonota { position: relative; width: 100%; padding-bottom: calc(1620 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#kev-sonota { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#vit-cate { width: 800px; height: calc(415px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-vit-cate { position: relative; width: 100%; padding-bottom: calc(500 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#vit-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ysk-cate { width: 800px; height: calc(650px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-ysk-cate { position: relative; width: 100%; padding-bottom: calc(1000 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#ysk-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#stb-cate { width: 800px; height: calc(650px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-stb-cate { position: relative; width: 100%; padding-bottom: calc(850 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#stb-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#stb-size-new { width: 800px; height: calc(490px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-stb-size-new { position: relative; width: 100%; padding-bottom: calc(800 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#stb-size-new { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lec-cate { width: 800px; height: calc(460px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-lec-cate { position: relative; width: 100%; padding-bottom: calc(950 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#lec-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#nod-cate { width: 800px; height: calc(280px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-nod-cate { position: relative; width: 100%; padding-bottom: calc(250 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#nod-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#alx-cate { width: 800px; height: calc(460px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-alx-cate { position: relative; width: 100%; padding-bottom: calc(490 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#alx-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#sta-freeshipping { width: 800px; height: calc(400px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-sta-freeshipping { position: relative; width: 100%; padding-bottom: calc(1100 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#sta-freeshipping { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから ※変形ver. コピペしないでね*/
#top-slider { width: 800px; height: calc(300px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#SampleiFrameName { width: 1px; min-width: 100%; *width: 100%;  overflow:auto; -webkit-overflow-scrolling:touch;}
#Wrap-top-slider { overflow: auto; position: relative; width: 100%; padding-bottom: calc(215 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }	
#top-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#topnew { width: 800px; height: calc(1600px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 560px) {
#Wrap-topnew { overflow: auto; position: relative; width: 100%; padding-bottom: calc(480 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#topnew { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#yam-cate { width: 800px; height: calc(980px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-yam-cate { position: relative; width: 100%; padding-bottom: calc(1160 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#yam-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#nic-cate { width: 800px; height: calc(420px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-nic-cate { position: relative; width: 100%; padding-bottom: calc(810 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#nic-cate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
@media screen and (min-width: 800px) and (max-width: 859px) 
#ladysfashion1600 { width: 800px; height: 380px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 414px) {
#Wrap-ladysfashion1600 { position: relative; width: 100%; padding-bottom: calc(1366 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#ladysfashion1600 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-ladysfashion1600 { position: relative; width: 100%; padding-bottom: calc(700 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#ladysfashion1600 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#ladies-fashion { width: 800px; height: 380px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 414px) {
#Wrap-ladies-fashion { position: relative; width: 100%; padding-bottom: calc(1366 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#ladies-fashion { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-ladies-fashion { position: relative; width: 100%; padding-bottom: calc(700 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#ladies-fashion { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#baby-kids { width: 800px; height: 320px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 414px) {
#Wrap-baby-kids { position: relative; width: 100%; padding-bottom: calc(820 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#baby-kids { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-baby-kids { position: relative; width: 100%; padding-bottom: calc(240 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#baby-kids { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#mens-fashion { width: 800px; height: 290px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 414px) {
#Wrap-mens-fashion { position: relative; width: 100%; padding-bottom: calc(780 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#mens-fashion { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-mens-fashion { position: relative; width: 100%; padding-bottom: calc(210 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#mens-fashion { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */


/* ここから */
#lifestyle-interior { width: 800px; height: 330px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 414px) {
#Wrap-lifestyle-interior { position: relative; width: 100%; padding-bottom: calc(840 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#lifestyle-interior { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-lifestyle-interior { position: relative; width: 100%; padding-bottom: calc(240 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#lifestyle-interior { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#lifestyle-kitchen { width: 800px; height: 170px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 414px) {
#Wrap-lifestyle-kitchen { position: relative; width: 100%; padding-bottom: calc(430 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#lifestyle-kitchen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-lifestyle-kitchen { position: relative; width: 100%; padding-bottom: calc(125 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#lifestyle-kitchen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
@media screen and (min-width: 800px) and (max-width: 800px) {
#tablewear { width: 100%; height: 600px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
}
@media screen and (max-width: 414px) {
#Wrap-tablewear { position: relative; width: 100%; padding-bottom: calc(1450 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#tablewear { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-tablewear { position: relative; width: 100%; padding-bottom: calc(1650 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#tablewear { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#kitchen { width: 800px; height: 370px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 414px) {
#Wrap-kitchen { position: relative; width: 100%; padding-bottom: calc(1550 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#kitchen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-kitchie { position: relative; width: 100%; padding-bottom: calc(850 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#kitchen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#outdoor { width: 803px; height: 250px; /*【パーツの高さ数値】にiframeもしくは画像の横幅が803px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 414px) {
#Wrap-outdoor { position: relative; width: 100%; padding-bottom: calc(750 / 414 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が414px時の高さを入力（※pxなど単位はつけないこと） */   }
#outdoor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (min-width: 415px) and (max-width: 799px) {
#Wrap-outdoor { position: relative; width: 100%; padding-bottom: calc(240 / 799 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が799px時の高さを入力（※pxなど単位はつけないこと） */   }
#outdoor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
#sptop { width: 800px; height: calc(190px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-sptop { position: relative; width: 100%; padding-bottom: calc(300 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#sptop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */

/* ここから */
.sliderbox { width: 800px; height: calc(190px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 800px) {
#Wrap-sliderbox { overflow: auto; -webkit-overflow-scrolling:touch; position: relative; width: 100%; padding-bottom: calc(400 / 800 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
.sliderbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
}
/* ここまで */

/* ここから 
#sp-footer { width: 800px; height: calc(190px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }*/
@media screen and (max-width: 800px) {
#Wrap-sp-footer { position: relative; width: 100%; padding-bottom: calc(900 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#sp-footer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */


/* ここから */
#kpa-size { width: 800px; height: calc(654px + 100px); /*【パーツの高さ数値】にiframeもしくは画像の横幅が800px時の高さを入力（※単位はpx、width: 800px;←iframeの幅） */    }
@media screen and (max-width: 480px) {
#Wrap-kpa-size { position: relative; width: 100%; padding-bottom: calc(650 / 560 * 100%); /* 【パーツの高さ数値】にiframeもしくは画像の横幅が560px時の高さを入力（※pxなど単位はつけないこと） */   }
#kpa-size { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
/* ここまで */