@charset "UTF-8";
/*ギフトラッピングcss設定*/

/*スマホ用設定*/


.text-colour-red {
  color: #ff0505;
  font-size: small;
}

.message_example {
  padding: 2% 2% 2% 2%;
  /*ボックス内の余白*/
  margin: 0% 0% 5% 0%;
  border: solid 1px gray;
  /*線の種類 太さ 色*/
}

.me_li {
  line-height: 1.5;
  /*文の行高*/
  padding: 0.5em 0;
  /*前後の文との余白*/
}

.me_li::before {
  content: "";
  /* 空の要素作成 */
  width: 10px;
  /* 幅指定 */
  height: 10px;
  /* 高さ指定 */
  display: inline-block;
  /* インラインブロックにする */
  background-color: #000000;
  /* 背景色指定 */
  position: relative;
  /* 位置調整 */
  top: 3px;
  /* 位置指定 */
  border-radius: 50%;
  /* 要素を丸くする */
  margin-right: 5px;
  /* 余白指定 */
}

.noshi-box {
  border: solid 1px;
  border-color: lightgrey;
}

.noshi-list {
  font-size: 0.9rem;

}

@media screen and (min-width:1024px) {

  /*　画面サイズが1024pxからはここを読み込む　PC*/

  .gift_wrapping,
  .gift_message_flex {
    display: flex;
    padding: 0% 10% 0% 10%;
    justify-content: center;
  }

  .photo_wrap {
    max-width: 330px !important;
    width: 100%;
    margin: auto;
  }

  .noshi-list {}


}

@media screen and (min-width:768px) and (max-width:1024px) {

  /*　画面サイズが768pxから1024pxまではここを読み込む　タブレット*/
  .gift_wrapping,
  .gift_message_flex {
    display: flex;
    padding: 0% 10% 0% 10%;
    justify-content: center;
  }

  .photo_wrap {
    max-width: 330px !important;
    width: 100%;
    margin: auto;
  }


}

@media screen and (min-width:480px) {
  /*　画面サイズが480pxからはここを読み込む　SP*/

  .wrapping_img {
    max-width: 300;
    width: 100%;
    margin: 0 0 50px 0;
  }

  .gift_wrapping,
  .gift_message_flex {
    display: flex;
    justify-content: center;
    margin-top: 2% 0% 2% 0%;
  }

}