@charset "UTF-8";

.allWrap {
  /* CSS Document */
  /*---------------------------------------共通・キティ-------------------------------------------------*/
  /*---------------------------------------マイメロ・クロミ、プラン内容-------------------------------------------------*/
  /*---------------------------------------1100px-------------------------------------------------*/
  /*---------------------------------------767px-------------------------------------------------*/
  /*---------------------------------------630px-------------------------------------------------*/
  /*---------------------------------------500px-------------------------------------------------*/
  /*---------------------------------------460px-------------------------------------------------*/
  /*---------------------------------------380px-------------------------------------------------*/
}

.allWrap header#hdr--pc {
  background: #fff;
}

.allWrap .sanrio_bg::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-image: url("../img/bg_heart.jpg");
  background-size: cover;
}

.allWrap .main-image {
  width: 100%;
  height: auto;
  margin: auto;
}

.allWrap .main-image img {
  width: 100%;
}

.allWrap .petitWD {
  width: 800px;
  margin: 50px auto;
  padding: 30px;
  outline: 1px solid #cca231;
  outline-offset: -15px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  position: sticky;
}

.allWrap .petitWD h1 {
  width: 100% !important;
  margin: auto;
}

.allWrap .bnr_box {
  width: 85%;
  margin: auto auto 30px;
  box-shadow: 3px 3px 5px #d3b2b2;
}

.allWrap .bnr_box img {
  width: 100%;
}

.allWrap .bnr_box02 {
  width: 600px;
  margin: 50px auto;
  background: rgb(124, 124, 124);
  height: 130px;
}

.allWrap .petit_p {
  width: 80%;
  margin: auto;
}

.allWrap .bg_y_text {
  width: 80%;
  margin: 20px auto;
  color: #fff;
  background: #cca231;
  padding: 5px 10px;
  border-radius: 30px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 1400px) {
  .allWrap .main-image {
    width: 115%;
    margin-left: -9%;
  }
}

@media screen and (max-width: 1200px) {
  .allWrap .main-image {
    width: 130%;
    margin-left: -15%;
  }
}

.allWrap h1,
.allWrap h3 {
  color: #a98636 !important;
}

.allWrap .lace-area {
  width: 1100px;
  margin: 0px auto;
  background: url("../img/lace.png");
  background-repeat: repeat-y;
}

.allWrap li {
  list-style: none;
}

.allWrap .flex-direction-nav .flex-next,
.allWrap .flex-direction-nav .flex-prev {
  display: none;
}

.allWrap .stripe01 {
  background: repeating-linear-gradient(90deg, #f9e9eb, #f9e9eb 20px, #fff 20px, #fff 40px);
  width: 1000px;
  margin: auto;
}

.allWrap .sanrio_title_ribbon {
  background-image: url("../img/title_ribbon01.png");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin: auto;
  height: 150px;
  position: relative;
}

.allWrap .sanrio_course_title {
  position: absolute;
  top: 40%;
}

.allWrap .course_text_box {
  text-align: center;
  margin: auto;
  width: 70%;
}

.allWrap .course_text_box img {
  width: 100%;
  margin-top: -145px;
}

.allWrap .course_text_box2 img {
  margin-top: -180px !important;
}

.allWrap .course_text_box p {
  z-index: 100;
  position: sticky;
  padding: 5px;
}

.allWrap .y_box {
  background: #cca32f;
  padding: 5px 10px;
  border-radius: 15px;
  color: #fff;
  width: 130px;
  display: block;
  text-align: center;
  margin: auto;
}

.allWrap .course_item {
  width: 90%;
  margin: auto;
}

.allWrap .course_item img {
  width: 100%;
}

.allWrap article#main--contents .detail--slide--division--wrap .detail--slide--division .detail--area .lower--area p {
  margin: 0;
}

.allWrap .menu_item::before {
  content: "";
  vertical-align: middle;
  padding-right: 10px;
  background-image: url("../img/flower_left.png");
  width: 60px;
  height: 60px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}

.allWrap .menu_item::after {
  content: "";
  vertical-align: middle;
  padding-left: 10px;
  background-image: url("../img/flower_right.png");
  width: 60px;
  height: 60px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}

.allWrap .menu_service--title {
  margin: 30px auto 0 !important;
}

.allWrap .detail--slide--division--wrap .detail--slide--division .detail--area .lower--area {
  background: rgba(255, 255, 255, 0.75);
  padding: 10px !important;
  border-top: none !important;
}

.allWrap .article section {
  margin: 0 !important;
}

.allWrap .c_g {
  color: #8f7a53;
}

.allWrap .taC_sp_taL {
  text-align: center;
}

.allWrap article#main--contents .detail--slide--division--wrap .detail--slide--division .detail--area .explain {
  line-height: 3 !important;
  text-align: center;
}

.allWrap .dotted-line {
  border-top: dotted 5px #cca330;
  margin: 30px 0;
}

.allWrap article section {
  margin: 0 !important;
}

.allWrap .ribbon_line {
  margin: 50px;
  border-top: dotted 5px #cca330;
}

.allWrap .ribbon_line_item {
  width: 100px;
  margin: -25px auto auto;
}

.allWrap .ribbon_line_item img {
  width: 100%;
}

.allWrap .stripe02 {
  background: repeating-linear-gradient(90deg, #efe8ec, #efe8ec 20px, #fff 20px, #fff 40px);
  width: 1000px;
  margin: auto;
}

.allWrap .sanrio_title_ribbon2 {
  background-image: url("../img/title_ribbon02.png") !important;
}

.allWrap .copy {
  background: #f5a6b3;
  color: #fff;
  border-radius: 50px;
  padding: 5px 10px;
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 12px;
  width: 300px;
  display: block;
  margin: 10px auto;
}

.allWrap .copy02 {
  color: #a98636;
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  margin-top: -60px;
}

.allWrap .fs--12 {
  width: 90%;
  margin: 20px auto 50px auto;
}

.allWrap .sanrio_plan_box h3 {
  margin-top: -30px;
  margin-bottom: 50px;
}

.allWrap .plan_about {
  width: 90%;
  margin: 20px auto;
  text-align: center;
  line-height: 1.8;
}

.allWrap .sanrio_plan_box {
  padding-bottom: 62px;
  margin-top: 100px;
}

.allWrap .bell_item {
  margin: -50px auto auto !important;
}

.allWrap .san_flex {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.allWrap .flex_box_k,
.allWrap .flex_box_mk {
  background: #fff;
  border-radius: 30px;
  margin: 15px;
  width: 45%;
  padding-bottom: 2rem;
}

.allWrap .flex_box_k {
  border: solid #f5e3e3 14px;
}

.allWrap .flex_box_mk {
  border: solid #ecdbea 14px;
}

.allWrap .plan_item {
  width: 120px;
  margin: 10px;
}

.allWrap .p_a_title {
  text-align: left;
  font-weight: bold;
  color: #b39040;
}

@media screen and (max-width: 1100px) {
  .allWrap .lace-area {
    width: 1000px;
    background-size: 1000px;
  }

  .allWrap article#main--contents .bodyCopy {
    width: 90% !important;
  }

  .allWrap .stripe01,
  .allWrap .stripe02 {
    width: 93%;
  }

  .allWrap article#main--contents .detail--slide--division--wrap {
    width: 100% !important;
  }

  .allWrap article#main--contents h3.service--title {
    width: 100% !important;
  }

  .allWrap .course_text_box {
    width: 80%;
  }

  .allWrap .course_text_box img {
    margin-top: -145px;
  }

  .allWrap .course_text_box2 img {
    margin-top: -185px !important;
  }

  .allWrap article#main--contents .detail--slide--division--wrap .detail--slide--division .detail--area {
    width: 420px !important;
  }

  .allWrap article#main--contents .detail--slide--division--wrap .detail--slide--division .photo--slide--area {
    float: right;
    width: 490px !important;
  }

  .allWrap .stripe02 {
    margin-bottom: -2px;
  }

  .allWrap .sanrio_plan_box {
    padding-bottom: 52px;
  }
}

.allWrap article#main--contents .breadcrumb {
  padding: 10px 0 10px 50px !important;
  width: 100% !important;
  background: #fff !important;
}

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

  .allWrap html,
  .allWrap body {
    height: auto !important;
  }

  .allWrap .sanrio_bg::before {
    /* background-image:url("../img/bg_heart_sp.jpg"); */
  }

  .allWrap .taC_sp_taL {
    text-align: left;
  }

  .allWrap .petitWD {
    width: 90%;
    padding: 15px;
    outline-offset: -7px;
  }

  .allWrap .bnr_box {
    width: 100%;
  }

  .allWrap .bnr_box02 {
    width: 100%;
  }

  .allWrap .petit_p {
    width: 100%;
  }

  .allWrap .bg_y_text {
    width: 95%;
    text-align: left;
    border-radius: 10px;
  }

  .allWrap .lace-area {
    width: 95%;
    background-size: 100%;
  }

  .allWrap header#hdr--sp {
    background: #fff;
  }

  .allWrap .stripe01,
  .allWrap .stripe02 {
    width: 92%;
  }

  .allWrap .sanrio_title_ribbon {
    height: 170px;
    background-size: 90%;
  }

  .allWrap .course_text_box {
    width: 97%;
    margin-top: -35px;
  }

  .allWrap .course_text_box img {
    height: 170px;
  }

  .allWrap .course_text_box p {
    text-align: left;
  }

  .allWrap .sp_menu_br_li {
    line-height: 1.2;
    padding: 10px 0 10px 0;
  }

  .allWrap article#main--contents .detail--slide--division--wrap .detail--slide--division .photo--slide--area {
    margin-top: 10px;
  }

  .allWrap article#main--contents .detail--slide--division--wrap .detail--slide--division .detail--area {
    width: 100% !important;
  }

  .allWrap article#main--contents .detail--slide--division--wrap .detail--slide--division .photo--slide--area {
    width: 100% !important;
  }

  .allWrap h3.service--title {
    font-size: 1.3rem !important;
  }

  .allWrap .ribbon_line {
    margin: 50px 30px;
  }

  .allWrap .slides li figure {
    margin: 1em 0;
  }

  .allWrap .plan_about .p_flex {
    flex-direction: column;
  }

  .allWrap .flex_box_k,
  .allWrap .flex_box_mk {
    margin: 10px auto;
    width: 80%;
  }
}

@media screen and (max-width: 630px) {
  .allWrap .sanrio_title_ribbon {
    height: 140px;
    background-size: 100%;
  }

  .allWrap .course_text_box {
    margin-top: -10px;
  }

  .allWrap .course_text_box img {
    width: 100%;
    margin-top: -165px;
    height: 200px;
  }
}

@media screen and (max-width: 500px) {
  .allWrap .course_text_box img {
    margin-top: -180px;
  }

  .allWrap .course_text_box2 img {
    margin-top: -210px !important;
  }

  .allWrap .ribbon_line {
    margin: 50px 20px;
  }

  .allWrap .p_title_flex {
    flex-direction: column;
  }

  .allWrap .plan_item {
    margin: 10px auto;
  }

  .allWrap .p_a_title {
    text-align: center;
    margin: -10px auto 10px auto;
  }
}

@media screen and (max-width: 460px) {
  .allWrap .sanrio_title_ribbon {
    height: 100px;
  }

  .allWrap .course_text_box img {
    margin-top: -180px;
  }

  .allWrap .course_text_box2 img {
    margin-top: -210px !important;
  }

  .allWrap h3.service--title {
    font-size: 1.1rem !important;
  }

  .allWrap .ribbon_line_item {
    width: 80px;
    margin: -20px auto auto;
  }
}

@media screen and (max-width: 380px) {
  .allWrap .course_text_box img {
    margin-top: -185px;
    height: 230px;
  }

  .allWrap .course_text_box2 img {
    margin-top: -245px !important;
  }

  .allWrap h3.service--title {
    font-size: 1rem !important;
  }
}

/*# sourceMappingURL=sanrio-wd.css.map */