@charset "utf-8";

/******************************************************************************/
/***                                                                        ***/
/***                                                                        ***/
/***     column.css                                                         ***/
/***                                                                        ***/
/***    【内容】                                                            ***/
/***                                                                        ***/
/***     ・コラム専用のスタイルを記述する                                   ***/
/***                                                                        ***/
/***                                                                        ***/
/******************************************************************************/

.valentine_present {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .valentine_present {
    margin: -20px;
  }
}

.valentine_present .pc_vis {
  display: inline-block !important;
}
.valentine_present .sp_vis {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .valentine_present .pc_vis {
    display: none !important;
  }
  .valentine_present .sp_vis {
    display: inline-block !important;
  }
}

.valentine_present h3 {
  background: none;
  padding-left: 0;
}

.valentine_present h2.main_img {
  background-color: #FFFAE6;
  border-left: none;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.valentine_present .lead {
  background-color: #FFFAE6;
  display: flex;
  padding: 60px 30px 30px 30px;
  position: relative;
}
.valentine_present .lead .left_img {
  position: absolute;
  top: -20px;
  left: 48px;
}
.valentine_present .lead p {
  color: #5B260A;
  font-size: 1.08rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: -.05rem;
  margin: 0 auto;
  text-align: center;
  width: 600px;
}
.valentine_present .lead strong {
  background-color: #F25B82;
  color: #FFFFFF;
  line-height: 1.9;
  margin: 3px;
  padding: 0px 5px;
}
.valentine_present .lead .right_img {
  position: absolute;
  bottom: -45px;
  right: 25px;
}

@media screen and (max-width: 767px) {
  .valentine_present .lead {
    flex-direction: column;
    padding: 70px 20px 20px 20px;
  }
  .valentine_present .lead .left_img {
    max-width: 286px;
    top: -30px;
    left: 20px;
    width: 33%;
  }
  .valentine_present .lead p {
    font-size: 0.88rem;
    text-align: left;
    width: auto;
  }
  .valentine_present .lead .right_img {
    max-width: 446px;
    bottom: -240px;
    right: 20px;
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .valentine_present .lead {
    flex-direction: column;
    padding: 90px 20px 20px 20px;
  }
}

@media screen and (max-width: 700px) {
  .valentine_present .lead .left_img {
    top: -25px;
  }
  .valentine_present .lead .right_img {
    bottom: -220px;
  }
}

@media screen and (max-width: 640px) {
  .valentine_present .lead .left_img {
    top: -20px;
  }
  .valentine_present .lead .right_img {
    bottom: -200px;
  }
}

@media screen and (max-width: 560px) {
  .valentine_present .lead .left_img {
    top: 0px;
  }
  .valentine_present .lead .right_img {
    bottom: -180px;
  }
}

@media screen and (max-width: 375px) {
  .valentine_present .lead .right_img {
    bottom: -130px;
  }
}

@media screen and (max-width: 360px) {
  .valentine_present .lead .right_img {
    bottom: -120px;
  }
}

.valentine_present .origin {
  background: #FFFAE6 url("valentine_present_bg01.png") 0 130px no-repeat;
  padding: 80px 0;
}
.valentine_present .origin .text {
  padding: 30px 30px 30px 60px;
}
.valentine_present .origin .text p {
  color: #5A260A;
  font-size: 1.08rem;
  font-weight: bold;
  line-height: 1.8;
  margin-top: -30px;
  padding-bottom: 30px;
  text-shadow:
    3px 3px 3px #FAEFEB, -3px -3px 3px #FAEFEB,
    -3px 3px 3px #FAEFEB,  3px -3px 3px #FAEFEB,
    3px 0px 3px #FAEFEB, -3px -0px 3px #FAEFEB,
    0px 3px 3px #FAEFEB,  0px -3px 3px #FAEFEB;
  width: 500px;
}
.valentine_present .origin .text p strong {
  color: #F2456C;
}

@media screen and (max-width: 767px) {
  .valentine_present .origin {
    background: #FFFAE6;
    padding: 240px 0 0 0;
  }
  .valentine_present .origin h3 {
    margin: 0 auto;
    width: 90%;
  }
  .valentine_present .origin .text {
    padding: 20px;
  }
  .valentine_present .origin .text p {
    font-size: 0.88rem;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-shadow: none;
    width: auto;
  }
  .valentine_present .origin .text p:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 640px) {
  .valentine_present .origin {
    padding: 220px 0 0 0;
  }
}

@media screen and (max-width: 560px) {
  .valentine_present .origin {
    padding: 200px 0 0 0;
  }
}

@media screen and (max-width: 428px) {
  .valentine_present .origin {
    padding: 150px 0 0 0;
  }
}

.valentine_present .bg {
  line-height: 0;
  margin: 0;
  padding: 0 ;
}

.valentine_present .present {
  background-color: #FFE6EA;
  margin-bottom: 60px;
  padding-bottom: 40px;
}
.valentine_present .present h3 {
  line-height: 0;
  padding-top: 30px;
}
.valentine_present .present h4 {
  line-height: 0;
  margin-bottom: 0;
  text-align: center;
}
.valentine_present .present .period {
  background-color: #FFFFFF;
  margin: 0 auto;
  text-align: center;
  width: 930px;
}
.valentine_present .present .period img {
  margin-top: -10px;
}
.valentine_present .present .detail {
  background-color: #FFFFFF;
  margin: 0 auto;
  width: 930px;
}
.valentine_present .present .detail .outline {
  color: #5C260A;
  font-size: 1.12rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 0;
  padding: 30px 90px;
}
.valentine_present .present .product {
  background-color: #FFFFFF;
  margin: 0 auto;
  width: 930px;
}
.valentine_present .present .product figure {
  margin: -50px auto 20px;
  text-align: center;
}
.valentine_present .present .product figure.waraku {
  margin: -65px auto 20px;
}
.valentine_present .present .product p {
  color: #5C260A;
  font-size: 1.08rem;
  font-weight: bold;
  letter-spacing: -.05rem;
  line-height: 1.8;
  padding: 0 70px;
}
.valentine_present .present .product p strong {
  color: #F2456C;
}
.valentine_present .present .label {
  background: #FFFFFF url("valentine_present_bg03.png") center top no-repeat;
  height: 96px;
  padding: 25px 25px 0px 40px;
}
.valentine_present .present .label2 {
  background: #FFFFFF url("valentine_present_bg05.png") center top no-repeat;
  height: 132px;
  padding: 20px 20px 0px 40px;
}
.valentine_present .present .label p,
.valentine_present .present .label2 p {
  color: #5C260A;
  font-size: 0.98rem;
  font-weight: normal;
  line-height: 1.8;
  margin-bottom: 0;
}
.valentine_present .present .label p strong,
.valentine_present .present .label2 p strong {
  color: #5B260A;
  font-weight: bold;
}
.valentine_present .present .product .btn {
  text-align: center;
}
.valentine_present .present .bg2 {
  background-color: #FFFFFF;
  margin: 0 auto;
  padding: 60px 0;
  text-align: center;
  width: 930px;
}
.valentine_present .present .notes {
  background-color: #FFFFFF;
  margin: 0 auto;
  padding: 60px;
  width: 810px;
}
.valentine_present .present .notes p {
  color: #5C260A;
  font-size: 1.00rem;
  font-weight: normal;
  line-height: 1.8;
  margin-bottom: 0;
  padding-left: 1.0em;
  text-indent: -1.0em;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .valentine_present .present h3 {
    margin: 0 auto;
    width: calc(100% - 40px);
  }
  .valentine_present .present h4 {
    margin: 30px auto 0;
    width: calc(100% - 40px);
  }
  .valentine_present .present .period {
    margin: 0 20px;
    padding: 25px 25px 0 25px;
    width: calc(100% - 40px);
  }
  .valentine_present .present .detail {
    width: calc(100% - 40px);
  }
  .valentine_present .present .detail .outline {
    font-size: 0.88rem;
    padding: 20px;
  }
  .valentine_present .present .product {
    width: calc(100% - 40px);
  }
  .valentine_present .present .product h4 {
    margin: 0 auto;
    width: calc(334px / 2);
  }
  .valentine_present .present .product figure {
    margin: -20px 20px 20px;
  }
  .valentine_present .present .product figure.waraku {
    margin: -50px auto 20px;
  }
  .valentine_present .present .product p {
    font-size: 0.88rem;
    padding: 0 20px;
  }
  .valentine_present .present .label {
    background: #FFFFFF url("valentine_present_bg03-sp.png") center top no-repeat;
    background-size: cover;
    height: 139px;
    margin: 0 auto 40px;
    padding: 40px 15px;
    width: calc(100% - 40px);
  }
  .valentine_present .present .label2 {
    background: #FFFFFF url("valentine_present_bg05-sp.png") center top no-repeat;
    background-size: cover;
    height: 183px;
    margin: 0 auto 40px;
    padding: 35px 15px;
    width: calc(100% - 40px);
  }
  .valentine_present .present .label p,
  .valentine_present .present .label2 p {
    font-size: 0.8rem;
    padding: 0;
  }
  .valentine_present .present .product .btn {
    margin: 0 auto;
    width: calc(100% - 40px);
  }
  .valentine_present .present .bg2 {
    padding: 40px 0 30px;
    width: calc(100% - 40px);
  }
  .valentine_present .present .bg2 img {
    width: 75%;
  }
  .valentine_present .present .notes {
    padding: 20px;
    width: calc(100% - 40px);
  }
  .valentine_present .present .notes p {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 428px) {
  .valentine_present .present .label {
    padding: 35px 15px;
  }
  .valentine_present .present .label2 {
    padding: 30px 15px;
  }
  .valentine_present .present .label p,
  .valentine_present .present .label2 p {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 400px) {
  .valentine_present .present .label {
    padding: 35px 10px;
  }
  .valentine_present .present .label2 {
    padding: 35px 10px;
  }
  .valentine_present .present .label p,
  .valentine_present .present .label2 p {
    font-size: 0.78rem;
  }
}

@media screen and (max-width: 375px) {
  .valentine_present .present .label {
    padding: 35px 10px;
  }
  .valentine_present .present .label2 {
    padding: 35px 10px;
  }
  .valentine_present .present .label p,
  .valentine_present .present .label2 p {
    font-size: 0.74rem;
  }
}

@media screen and (max-width: 360px) {
  .valentine_present .present .label {
    padding: 40px 10px;
  }
  .valentine_present .present .label2 {
    padding: 40px 10px;
  }
  .valentine_present .present .label p,
  .valentine_present .present .label2 p {
    font-size: 0.7rem;
  }
}

.valentine_present .point_btn {
  margin-bottom: 40px;
  position: relative;
  text-align: center;
}
.valentine_present .point_btn p {
  color: #5C260A;
  font-size: 1.55rem;
  font-weight: bold;
  letter-spacing: -.05rem;
  line-height: 1.8;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.valentine_present .point_btn p::before {
  background-image: url("valentine_present_ill01.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  width: 46px;
  height: 53px;
}
.valentine_present .point_btn p::after {
  background-image: url("valentine_present_ill02.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  width: 46px;
  height: 53px;
}

@media screen and (max-width: 767px) {
  .valentine_present .point_btn {
    margin: 0 auto 60px;
    width: calc(100% - 40px);
  }
  .valentine_present .point_btn p {
    font-size: 1.1rem;
  }
  .valentine_present .point_btn p::before {
    margin-right: 10px;
    width: 23px;
    height: 27px;
  }
  .valentine_present .point_btn p::after {
    margin-left: 10px;
    width: 23px;
    height: 27px;
  }
}

.column .annotation {
  font-size: 110%;
}

@media screen and (max-width: 767px) {
  .column .annotation {
    font-size: 100%;
  }
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .sp_menu_panel,
  .page_top {
    display: none;
  }
}