@charset "utf-8";

.otameshi_my {
  background-color: #a61f33;
  color: #231815;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  -webkit-font-variant-ligatures: no-common-ligatures;
  font-variant-ligatures: no-common-ligatures;
  line-height: 1;
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.otameshi-wrap_my {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  max-width: 755px;
  padding-bottom: 120px;
  padding-top: 50px;
}

.otameshi_my * {
  color: #000;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.otameshi_my a {
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.otameshi_my a:hover {
  text-decoration: none;
}

.otameshi_my a:hover img {
  opacity: 0.7;
}

.otameshi_my img {
  height: auto;
  max-width: 100%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.otameshi_my figure {
  position: relative;
}

.otameshi-title_my {
  margin-left: auto;
  margin-right: auto;
  width: 55.629139072%;
}

.otameshi-header_my {
  margin-top: 30px;
  padding-top: 60px;
  position: relative;
}

.otameshi-header_title_my {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.otameshi-header_picts_my {
  margin-bottom: 36px;
  margin-left: auto;
  margin-right: auto;
  width: 85.827814569%;
}

.otameshi-header_kakaku_my {
  margin-top: -25px;
}

.otameshi-header_comment {
  background-color: #f0efea;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 85.827814569%;
}

.otameshi-header_comment::before,
.otameshi-header_comment::after {
  background-color: #fff;
  border-radius: 50%;
  content: '';
  height: 30px;
  position: absolute;
  top: -15px;
  width: 30px;
}

.otameshi-header_comment::before {
  left: -15px;
}

.otameshi-header_comment::after {
  right: -15px;
}

.otameshi-header_captions {
  padding-bottom: 45px;
  padding-top: 50px;
  position: relative;
}

.otameshi-header_captions::before,
.otameshi-header_captions::after {
  background-color: #fff;
  border-radius: 50%;
  content: '';
  height: 30px;
  position: absolute;
  bottom: -15px;
  width: 30px;
}

.otameshi-header_captions::before {
  left: -15px;
}

.otameshi-header_captions::after {
  right: -15px;
}

.otameshi-header_caption {
  margin-left: auto;
  margin-right: auto;
  max-width: 308px;
  text-align: center;
}

.otameshi-header_text {
  font-size: 20px;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: justify;
  width: 78.086419753%;
}

.otameshi-contents_my {
  margin-top: 100px;
}

.otameshi-content_my:not(:last-child) {
  margin-bottom: 70px;
}

.otameshi-content_header_my {
  margin-left: auto;
  margin-right: auto;
  width: 85.827814569%;
}

.otameshi-content_caption_my {
  margin-left: auto;
  margin-right: auto;
  margin-top: -90px;
  width: 92.901234567%;
}

.otameshi-content_text_my {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 40px;
  padding-left: 18px;
  padding-right: 18px;
  text-align: justify;
}

.otameshi-content_picts_my {
  margin-top: 55px;
}

.otameshi-content_picts_my.picts_01_my {
  margin-left: auto;
  width: 73.245033112%;
}

.otameshi-content_picts_my.picts_02_my {
  width: 80.397350993%;
}

.otameshi-content_picts_my.picts_03_my {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 85.827814569%;
}

.otameshi-content_picts_my.picts_03_my .otameshi-content_pict_my {
  width: 50.462962962%;
}

.otameshi-content_picts_my.picts_03_my .otameshi-content_pict_my:not(:first-child) {
  width: 47.067901234%;
}

.otameshi-content_picts_my.picts_04_my {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 85.827814569%;
}

.otameshi-content_picts_my.picts_04_my .otameshi-content_pict_my {
  width: 46.296296296%;
}

.otameshi-content_picts_my.picts_04_my .otameshi-content_pict_my:not(:first-child) {
  width: 51.234567901%;
}

.otameshi-content_picts_my.picts_05_my {
  margin-left: auto;
  margin-right: auto;
  width: 85.827814569%;
}

.otameshi-planners_my {
  background-color: #f0efea;
  margin-left: auto;
  margin-right: auto;
  margin-top: 130px;
  padding-bottom: 50px;
  width: 85.827814569%;
}

.otameshi-planners_title_my {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -55px;
  width: 66.358024691%;
}

.otameshi-planners_item_my {
  margin-left: auto;
  margin-right: auto;
  width: 88.734567901%;
}

.otameshi-planners_item_my:not(:last-child) {
  border-bottom: 2px solid #fff;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

.otameshi-planners_caption_my {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.otameshi-planners_picts_my {
  width: 41.739130434%;
}

.otameshi-planners_text_my {
  font-size: 1rem;
  line-height: 1.8;
  text-align: justify;
  width: 44.695652173%;
}

.otameshi-planners_link_my {
  display: block;
}

.otameshi-planners_buy_my {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 220px;
}

.otameshi-item_my {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 66.225165562%;
}

.otameshi-item_buy_my {
  margin-top: 30px;
}

.pagetop {
  background-image: url(../images/pagetop.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 62px;
  width: 48px;
  position: fixed;
  bottom: 10%;
  right: 2%;
}

.pagetop:hover {
  background-image: url(../images/pagetop_f2.svg);
}

.sp {
  display: none;
}

.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.fadein.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.js {
  display: none;
}

.scroll {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.scroll1 {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.scroll2 {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.scroll3 {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

@media not all and (min-width: 768px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .js {
    display: block;
  }

  .otameshi_my {
    overflow: hidden;
  }

  .otameshi-wrap_my {
    max-width: 100%;
    padding-bottom: 70px;
    padding-top: 0;
    width: 100%;
  }

  .otameshi-title_my {
    width: 70%;
  }

  .otameshi-header_my {
    margin-top: 15px;
    padding-top: 35px;
  }

  .otameshi-header_picts_my {
    margin-bottom: 20px;
    width: 100%;
  }

  .otameshi-header_comment {
    width: 100%;
  }

  .otameshi-header_captions {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .otameshi-header_caption {
    max-width: 100%;
    width: 56.133333333333%;
  }

  .otameshi-header_text {
    font-size: 15px;
    margin-top: 20px;
    width: 83.333333333333%;
  }

  .otameshi-contents_my {
    margin-top: 45px;
  }

  .otameshi-content_my:not(:last-child) {
    margin-bottom: 35px;
  }

  .otameshi-content_header_my {
    width: 100%;
  }

  .otameshi-content_caption_my {
    margin-top: -45px;
    width: 90.0666666666667%;
  }

  .otameshi-content_text_my {
    font-size: 15px;
    margin-top: 30px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .otameshi-content_picts_my {
    margin-top: 30px;
  }

  .otameshi-content_picts_my.picts_01_my {
    width: 73.7333333333333%;
  }

  .otameshi-content_picts_my.picts_02_my {
    width: 84.5333333333333%;
  }

  .otameshi-content_picts_my.picts_03_my {
    width: 100%;
  }

  .otameshi-content_picts_my.picts_04_my {
    width: 100%;
  }

  .otameshi-content_picts_my.picts_05_my {
    width: 100%;
  }

  .otameshi-planners_my {
    margin-top: 65px;
    padding-bottom: 35px;
    width: 87.6%;
  }

  .otameshi-planners_title_my {
    top: -35px;
    width: 59.3607305936073%;
  }

  .otameshi-planners_item_my {
    width: 87.9756468797565%;
  }

  .otameshi-planners_item_my:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .otameshi-planners_caption_my {
    display: block;
  }

  .otameshi-planners_picts_my {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 43.2525951557093%;
  }

  .otameshi-planners_text_my {
    font-size: 12px;
    margin-top: 20px;
    width: 100%;
  }

  .otameshi-planners_buy_my {
    max-width: 150px;
  }

  .otameshi-item_my {
    margin-top: 20px;
    width: 100%;
  }

  .otameshi-item_buy_my {
    margin-top: 20px;
  }
}