p {
  font-size: 16px!important;
}

.full-width {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}


.bg-cocoroteiki01 {
  background-image: url(../../../../img/event/cocoro-teiki/202302/cocoroteiki_back.jpg);
  background-size: cover;
}

.mincho {
  font-family: "A1明朝", "A1 Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: bold;
}

.meiryo {
  font-family: 'Meiryo';
  line-height: 1.8;
}

.wf-sawarabimincho {
  font-family: "Sawarabi Mincho";
}

.noto {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.8;
}

.notoserif {
  font-family: 'Noto Serif JP', serif;
  line-height: 1.8;
}


.rr {
  font-family: 'RocknRoll One', sans-serif;
  line-height: 1.8;
}

.kiwi {
  font-family: 'Kiwi Maru', serif;
  line-height: 1.8;
}

.color-cocoroteiki01 {
  color: #C9338E;
}

.color-cocoroteiki02 {
  color: #000000;
}

.color-cocoroteiki03 {
  color: #C9338E;
}

.h-line {
  position: relative;
  text-align: center;
  padding: 1.5rem;
  color: #C9338E;
  font-weight: bold;
}

.h-line:before {
  position: absolute;
  content: '';
  background: #C9338E;
  bottom: 0;
  left: calc(50% - 25px);
  width: 50px;
  height: 5px;
  border-radius: 5px;
}

.bgc-cocoroteiki01 {
  background-color: rgba(255, 255, 255, 0.562);
}


.shadow-cocoroteiki {
  box-shadow: 0 15px 15px 0 rgb(74 41 0 / 20%);
}

.img-kadomaru {
  border-radius: 30px;
}

.btn-cocoroteiki {
  color: #fff;
  background-color: #C9338E;
  border-color: #C9338E;
  border-radius: 40px;
  font-size: 19px!important;
  width: 100%;
}

.btn-cocoroteiki:hover {
  color: #fff;
  background-color: #C9338E;
  border-color: #C9338E;
}

.btn-check:focus+.btn-cocoroteiki,
.btn-cocoroteiki:focus {
  color: #fff;
  background-color: #C9338E;
  border-color: #C9338E;
  box-shadow: 0 0 0 .25rem #fff;
}

.btn-check:active+.btn-cocoroteiki,
.btn-check:checked+.btn-cocoroteiki,
.btn-cocoroteiki.active,
.btn-cocoroteiki:active,
.show>.btn-cocoroteiki.dropdown-toggle {
  color: #fff;
  background-color: #C9338E;
  border-color: #C9338E;
}

.btn-check:active+.btn-cocoroteiki:focus,
.btn-check:checked+.btn-cocoroteiki:focus,
.btn-cocoroteiki.active:focus,
.btn-cocoroteiki:active:focus,
.show>.btn-cocoroteiki.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem #fff;
}

.btn-cocoroteiki.disabled,
.btn-cocoroteiki:disabled {
  color: #fff;
  background-color: #C9338E;
  border-color: #C9338E;
}


/*固定する背景*/
/* .fixed-bg {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 5%;
} */


.fixed-bg {
  padding: 5%;
}

.fixed-bg::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  /* background-image: url('../../../../img/event/cocoro-teiki/202302/cocoroteiki_back2.jpg'); */
  background-size: cover;
}


.parallax-bg {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;}

/*各背景の画像*/
.img-bg-01 {
  background-image: url('../../../../img/event/cocoro-teiki/202302/cocoroteiki_back2.jpg');
}

.img-bg-02 {
  background-image: url('../../../../img/event/cocoro-teiki/202302/cocoroteiki_back1.jpg');
}

.img-bg-03 {
  background-image: url('../../../../img/event/winter-cocoroteiki/2022/bg-cocoroteiki03.png');
}

.img-bg-04 {
  background-image: url('../../../../img/event/winter-cocoroteiki/2022/test01_1440x900.jpg');
  height: 100vh;
}

.img-bg-05 {
  background-image: url('../../../../img/event/winter-cocoroteiki/2022/test02_1440x900.jpg');
}

@media only screen and (max-width: 767px){
  .img-bg-04 {
    background-image: url('../../../../img/event/winter-cocoroteiki/2022/test01_768x900.jpg');
    height: 100vh;
  }
  
  .img-bg-05 {
    background-image: url('../../../../img/event/winter-cocoroteiki/2022/test02_768x900.jpg');
  }
  
}


.test-textbox {
  position: absolute;
  right: 50%;
}
.test-vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
}


.menu-link {
  margin: auto;
  background-color: rgba(255,255,255,0.9);
  border-radius: 50px;
}

.bg-menu-link {
  background: #C9338E;
}

.lightpink-under {
  font-weight: bold;
  background: linear-gradient(transparent 80%, #E65291 80%);
}