@media (min-width: 1500px) {
   /* 表示領域が1500px以上の場合に適用するスタイル */
  .raimon_top {
    width: 70%;
    margin: 0 auto;
    padding: 270px 0 130px 0;
    background-image: url(https://img21.shop-pro.jp/PA01454/450/etc/top_250px.png?cmsp_timestamp=20200731173536);
    background-repeat: no-repeat;
    background-position: top center;
  }
  .raimon_top_readme {
    width: 85%;
    margin: 0 auto;
    line-height: 1.5em;
    padding-bottom: 130px;
  }
  .raimon_top_item img {
    float: left;
    margin-right: 60px;
  }
  .raimon_item_colmun {
    overflow: hidden;
  }
  .raimon_item_order-button {
    margin: 10px 0 0 23px;
    width: 90%;
  }
}
@media (max-width: 1499px) {
   /* 表示領域が1500px未満の場合に適用するスタイル */
  .raimon_top {
    width: 100%;
    margin: 0 auto;
    padding: 270px 0 130px 0;
    background-image: url(https://img21.shop-pro.jp/PA01454/450/etc/top_250px.png?cmsp_timestamp=20200731173536);
    background-repeat: no-repeat;
    background-position: top center;
  }
  .raimon_top_readme {
    width: 90%;
    margin: 0 auto;
    line-height: 1.5em;
    padding-bottom: 130px;
  }
  .raimon_top_item img {
    float: left;
    margin-right: 40px;
  }
  .raimon_item_colmun {
    overflow: hidden;
  }
  .raimon_item_order-button {
    margin: 10px 0 0 23px;
    width: 90%;
  }
}
@media (max-width: 1099px) {
   /* 表示領域が1100px未満の場合に適用するスタイル */
  .raimon_top {
    width: 100%;
    margin: 0 auto;
    padding: 270px 0 130px 0;
    background-image: url(https://img21.shop-pro.jp/PA01454/450/etc/top_250px.png?cmsp_timestamp=20200731173536);
    background-repeat: no-repeat;
    background-position: top center;
  }
  .raimon_top_readme {
    width: 95%;
    margin: 0 auto;
    line-height: 1.5em;
    padding-bottom: 130px;
  }
  .raimon_top_item img {
    clear: both;
    margin-bottom: 50px;
  }
  .raimon_item_colmun {
    clear: both;
  }
  .raimon_item_order-button {
    margin: 10px 0 0 23px;
  }
}
.raimon_top_h1 {
  font-size: 170%;
  width: 40%;
  margin: 40px auto 30px auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #777;
  text-align: center;
}
#raimon_top_h1_item {
  font-size: 170%;
  width: 40%;
  margin: 40px auto 30px auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #777;
  text-align: center;
}
.raimon_top_shop {
  width: 63%;
  margin: 0 auto;
}
.raimon_top_shop ul {
  clear: both;
}
.raimon_top_shop li {
  float: left;
  padding: 7px 0;
}
.shop_left {
  width: 11em;
}
.raimon_top_vacation {
  font-size: 150%;
  width: 50%;
  margin: 90px auto 30px auto;
  padding: 20px;
  border: 2px solid #f00;
  color: red;
  text-align: center;
  line-height: 30px;
}
.raimon_top_vacation p {
  font-size: 90%;
  width: 100%;
  margin: 30px auto auto auto;
  color: #777;
  text-align: center;
  font-weight: normal;
}
.raimon_top_instagram {
  clear: both;
  width: 30px;
  margin: 0 auto;
  padding: 30px 0;
}
.raimon_top_text-reimen {
  width: 70%;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5em;
}
.raimon_top_text {
  width: 85%;
  margin: 0 auto 30px auto;
  line-height: 2em;
}
.raimon_top_order-kochira {
  width: 240px;
  height: 40px;
  font-size: 130%;
  line-height: 40px;
  text-align: center;
  margin: 30px auto 80px auto;
}
.raimon_top_order-kochira a {
  display: block;
  text-decoration: none;
  color: #666;
  border: 1px solid #666;
}
.raimon_top_order-kochira a:hover {
  color: #FFF;
  border: 1px solid #f08080;
  background-color: #f08080;
}
.raimon_top_readme ul {
  clear: both;
}
.raimon_top_readme li {
  float: left;
  padding: 15px 0;
}
.readme_left {
  width: 14em;
}
.raimon_top_item {
  clear: both;
  width: 100%;
  margin: 50px 0 10px 0;
}
.raimon_reimen_img {
  width: 350px;
}
.raimon_item_name {
  font-size: 170%;
  margin: 0 0 15px 23px;
}
.raimon_item_text {
  line-height: 1.5em;
  margin: 0 0 30px 23px;
}
.raimon_item_cool {
  margin-left: 23px;
  padding-bottom: 50px;
}
.raimon_zaikogire {
  width: 200px;
  height: 40px;
  font-size: 130%;
  line-height: 40px;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #FFF;
  background-color: #F00;
  margin: 20px auto 100px auto;
}
.raimon_item_order-block {
  width: 45%;
  margin: 20px 0 60px 0;
}
.raimon_item_setname {
  font-size: 140%;
  font-weight: bold;
  margin: 0 0 8px 23px;
}
.raimon_item_order-block img {
  margin-left: 23px;
}
.raimon_item_price {
  font-size: 200%;
  font-weight: bold;
  color: #F00;
  margin-left: 23px;
}
.raimon_item_quality {
  margin-left: 23px;
}
.raimon_item_quality ul {
  clear: both;
}
.raimon_item_quality li {
  padding: 3px 0;
  line-height: 1.5em;
}
.raimon_item_left {
  float: left;
  width: 10em;
}
.raimon_item_space {
  height: 60px;
}
.raimon_online {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}
.onlineholiday {
  width: 30px;
  height: 30px;
  background-color: #ffcbc6;
  border-radius: 50%;
  float: left;
}
.onlineholiday_text {
  line-height: 30px;
}
.raimon_onlinecalendar {
  margin-bottom: 100px;
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.calendar {
  width: 252px;
  float: left;
}
.month {
  width: 234px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 10px 0;
  border-bottom: 1px dotted #666;
}
.day {
  clear: both;
}
.day li {
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: 3px;
}
.holiday {
  background-color: #ffcbc6;
  border-radius: 50%;
}
table, tr, th, td {
  border: 0px none !important;
  font-size: 110% !important;
}
.raimon_yasumi {
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  color: #F00;
  padding-bottom: 100px;
}