@charset "utf-8";

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

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

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



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

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

.xmas_cake_present h2.main_img {
  border-left: none;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.xmas_cake_present .outline {
  background: #E4DACD url("xmas_cake_present_bg01.png") 0 40px no-repeat;
  padding: 60px 0 20px;
}
.xmas_cake_present .outline p {
  color: #023852;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: 0rem;
  text-align: center;
}
.xmas_cake_present .outline p strong {
  color: #BF222C;
  font-weight: 800;
}
.xmas_cake_present .outline figure {
  margin: 0 20px;
  text-align: center;
}
.xmas_cake_present .outline .notice {
  background-color: #FFFFFF;
  border: 8px solid #D2B669;
  margin: 40px;
  padding: 20px 30px 0 40px;
}
.xmas_cake_present .outline .notice h3 {
  color: #BF222C;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: .2rem;
  margin-bottom: 5px;
  text-align: center;
}
.xmas_cake_present .outline .notice h3+img {
  display: block;
  margin: 0 auto 5px;
  text-align: center;
  width: 200px;
}
.xmas_cake_present .outline .notice ul li {
  font-size: 16px;
  letter-spacing: .05rem;
  line-height: 1.6;
  padding-left: 20px;
  position: relative;
}
.xmas_cake_present .outline .notice ul li::before {
  color: #BF222C;
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
}
.xmas_cake_present .outline .notice ul li strong {
  color: #BF222C;
  font-weight: 500;
}

.xmas_cake_present .prize_a,
.xmas_cake_present .prize_b,
.xmas_cake_present .prize_c,
.xmas_cake_present .prize_d,
.xmas_cake_present .prize_e {
  padding-bottom: 40px;
}
.xmas_cake_present .prize_a {
  background: url("xmas_cake_present_bg03.png") repeat;
}
.xmas_cake_present .prize_b {
  background: url("xmas_cake_present_bg04.png") repeat;
}
.xmas_cake_present .prize_c {
  background: url("xmas_cake_present_bg05.png") repeat;
}
.xmas_cake_present .prize_d {
  background: url("xmas_cake_present_bg06.png") repeat;
}
.xmas_cake_present .prize_e {
  background: url("xmas_cake_present_bg07.png") repeat;
}

.xmas_cake_present .prize_a h3,
.xmas_cake_present .prize_b h3,
.xmas_cake_present .prize_c h3,
.xmas_cake_present .prize_d h3,
.xmas_cake_present .prize_e h3 {
  display: block;
  margin: 0 auto;
  padding-top: 20px;
  text-align: center;
  width: 911px;
}

.xmas_cake_present .prize_a .prize_content,
.xmas_cake_present .prize_b .prize_content,
.xmas_cake_present .prize_c .prize_content,
.xmas_cake_present .prize_d .prize_content,
.xmas_cake_present .prize_e .prize_content {
  background-color: #FFFFFF;
  border: 8px solid #D2B669;
  margin: -110px 40px 0px 40px;
  padding: 130px 40px 0;
}

.xmas_cake_present .prize_a .prize_list,
.xmas_cake_present .prize_b .prize_list,
.xmas_cake_present .prize_c .prize_list,
.xmas_cake_present .prize_d .prize_list,
.xmas_cake_present .prize_e .prize_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto 10px;
}

.xmas_cake_present .prize_a .prize_list.single,
.xmas_cake_present .prize_b .prize_list.single,
.xmas_cake_present .prize_c .prize_list.single,
.xmas_cake_present .prize_d .prize_list.single,
.xmas_cake_present .prize_e .prize_list.single {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto 10px;
}

.xmas_cake_present .prize_b .prize_list .prize_detail,
.xmas_cake_present .prize_c .prize_list .prize_detail,
.xmas_cake_present .prize_d .prize_list .prize_detail {
  margin-bottom: 20px;
  width: 365px;
}
.xmas_cake_present .prize_a .prize_list .prize_detail,
.xmas_cake_present .prize_e .prize_list .prize_detail {
  margin-bottom: 20px;
  width: 730px;
}

.xmas_cake_present .prize_a .prize_list .prize_detail figure,
.xmas_cake_present .prize_b .prize_list .prize_detail figure,
.xmas_cake_present .prize_c .prize_list .prize_detail figure,
.xmas_cake_present .prize_d .prize_list .prize_detail figure,
.xmas_cake_present .prize_e .prize_list .prize_detail figure {
  margin-bottom: 15px;
  text-align: center;
}

.xmas_cake_present .prize_a .prize_list .prize_detail figure figcaption,
.xmas_cake_present .prize_b .prize_list .prize_detail figure figcaption,
.xmas_cake_present .prize_c .prize_list .prize_detail figure figcaption,
.xmas_cake_present .prize_d .prize_list .prize_detail figure figcaption,
.xmas_cake_present .prize_e .prize_list .prize_detail figure figcaption {
  padding-left: 1em;
  text-indent: -1em;
  text-align: center;
}

.xmas_cake_present .prize_a .prize_list .prize_detail .cross_section,
.xmas_cake_present .prize_b .prize_list .prize_detail .cross_section,
.xmas_cake_present .prize_c .prize_list .prize_detail .cross_section,
.xmas_cake_present .prize_d .prize_list .prize_detail .cross_section,
.xmas_cake_present .prize_e .prize_list .prize_detail .cross_section {
  margin-bottom: 15px;
}
.xmas_cake_present .prize_a .prize_list .prize_detail .cross_section,
.xmas_cake_present .prize_e .prize_list .prize_detail .cross_section {
  margin: 0 auto 20px;
  width: 365px;
}

.xmas_cake_present .prize_a .prize_list .prize_detail .cross_section .cross_section_btn,
.xmas_cake_present .prize_b .prize_list .prize_detail .cross_section .cross_section_btn,
.xmas_cake_present .prize_c .prize_list .prize_detail .cross_section .cross_section_btn,
.xmas_cake_present .prize_d .prize_list .prize_detail .cross_section .cross_section_btn,
.xmas_cake_present .prize_e .prize_list .prize_detail .cross_section .cross_section_btn {
  background-color: #FFF5D9;
  border: 2px solid #FEC283;
  margin-bottom: 0;
  width: calc(365px - 4px);
  color: #7D4317;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto 0px;
  padding: 5px 0px;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.xmas_cake_present .prize_a .prize_list .prize_detail .cross_section .cross_section_btn::after,
.xmas_cake_present .prize_b .prize_list .prize_detail .cross_section .cross_section_btn::after,
.xmas_cake_present .prize_c .prize_list .prize_detail .cross_section .cross_section_btn::after,
.xmas_cake_present .prize_d .prize_list .prize_detail .cross_section .cross_section_btn::after,
.xmas_cake_present .prize_e .prize_list .prize_detail .cross_section .cross_section_btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto 5px;
  background: url("xmas_cake_present_ico01.png") no-repeat center center / contain;
}

.xmas_cake_present .prize_a .prize_list .prize_detail .cross_section .cross_section_btn.active::after,
.xmas_cake_present .prize_b .prize_list .prize_detail .cross_section .cross_section_btn.active::after,
.xmas_cake_present .prize_c .prize_list .prize_detail .cross_section .cross_section_btn.active::after,
.xmas_cake_present .prize_d .prize_list .prize_detail .cross_section .cross_section_btn.active::after,
.xmas_cake_present .prize_e .prize_list .prize_detail .cross_section .cross_section_btn.active::after {
  background: url("xmas_cake_present_ico02.png") no-repeat center center / contain;
}

.xmas_cake_present .prize_a .prize_list .prize_detail .cross_section .cross_section_content,
.xmas_cake_present .prize_b .prize_list .prize_detail .cross_section .cross_section_content,
.xmas_cake_present .prize_c .prize_list .prize_detail .cross_section .cross_section_content,
.xmas_cake_present .prize_d .prize_list .prize_detail .cross_section .cross_section_content,
.xmas_cake_present .prize_e .prize_list .prize_detail .cross_section .cross_section_content {
  background-color: #FCFBED;
  border-left: 2px solid #FEC283;
  border-right: 2px solid #FEC283;
  border-bottom: 2px solid #FEC283;
  display: none;
  padding: 5px;
}

.xmas_cake_present .prize_a .prize_list .prize_detail .cross_section .cross_section_content figure,
.xmas_cake_present .prize_b .prize_list .prize_detail .cross_section .cross_section_content figure,
.xmas_cake_present .prize_c .prize_list .prize_detail .cross_section .cross_section_content figure,
.xmas_cake_present .prize_d .prize_list .prize_detail .cross_section .cross_section_content figure,
.xmas_cake_present .prize_e .prize_list .prize_detail .cross_section .cross_section_content figure {
  margin-bottom: 0;
}

.xmas_cake_present .prize_a .prize_content .application,
.xmas_cake_present .prize_b .prize_content .application,
.xmas_cake_present .prize_c .prize_content .application,
.xmas_cake_present .prize_d .prize_content .application,
.xmas_cake_present .prize_e .prize_content .application {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 20px;
}

.xmas_cake_present .prize_a .prize_content .application figure,
.xmas_cake_present .prize_c .prize_content .application figure,
.xmas_cake_present .prize_d .prize_content .application figure {
  width: 255px;
}
.xmas_cake_present .prize_b .prize_content .application figure,
.xmas_cake_present .prize_e .prize_content .application figure {
  width: 800px;
}

.xmas_cake_present .prize_a .prize_content .notes,
.xmas_cake_present .prize_b .prize_content .notes,
.xmas_cake_present .prize_e .prize_content .notes {
  display: block;
  text-align: left;
  margin: 0 30px 40px;
}
.xmas_cake_present .prize_c .prize_content .notes,
.xmas_cake_present .prize_d .prize_content .notes {
  display: block;
  text-align: center;
  margin: 0 auto 20px;
}

.xmas_cake_present .prize_a .prize_content .notes p,
.xmas_cake_present .prize_b .prize_content .notes p,
.xmas_cake_present .prize_c .prize_content .notes p,
.xmas_cake_present .prize_d .prize_content .notes p,
.xmas_cake_present .prize_e .prize_content .notes p {
  color: #333333;
  display: inline-block;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  padding-left: 1.0em;
  text-align: left;
  text-indent: -1.0em;
}
.xmas_cake_present .prize_e .prize_content .notes p {
  margin-bottom: 0;
}
.xmas_cake_present .prize_e .prize_content .notes p:last-child {
  margin-bottom: 40px;
}
.xmas_cake_present .prize_a .prize_content .notes p strong,
.xmas_cake_present .prize_b .prize_content .notes p strong,
.xmas_cake_present .prize_c .prize_content .notes p strong,
.xmas_cake_present .prize_d .prize_content .notes p strong,
.xmas_cake_present .prize_e .prize_content .notes p strong {
  color: #BE1919;
  font-weight: 800;
}
.xmas_cake_present .prize_e .prize_content .prize_detail {
  margin: 0 auto 40px;
  width: 640px;
}
.xmas_cake_present .prize_e .prize_content .prize_detail p {
  font-size: 18px;
}
.xmas_cake_present .prize_e .prize_content .prize_detail p.kiramake_logo {
  text-align: center;
}

.xmas_cake_present+.annotation {
  font-size: 100%;
  margin-top: 20px;
}



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

  .xmas_cake_present {
    margin: auto -20px;
  }
  .xmas_cake_present .outline {
    background: #E4DACD url("xmas_cake_present_bg01-sp.png") 0 0px no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 35px 0 20px;
  }

  .xmas_cake_present .outline p {
    font-size: 16px;
  }

  .xmas_cake_present .outline .notice {
    margin: 20px;
    padding: 20px 15px 0 15px;
  }

  .xmas_cake_present .outline .notice ul li {
    margin-bottom: 15px;
  }

  .xmas_cake_present .prize_a h3,
  .xmas_cake_present .prize_b h3,
  .xmas_cake_present .prize_c h3,
  .xmas_cake_present .prize_d h3,
  .xmas_cake_present .prize_e h3 {
    width: 96%;
  }

  .xmas_cake_present .prize_a .prize_content,
  .xmas_cake_present .prize_b .prize_content,
  .xmas_cake_present .prize_c .prize_content,
  .xmas_cake_present .prize_d .prize_content,
  .xmas_cake_present .prize_e .prize_content {
    margin: -70px 15px 0px 15px;
    padding: 80px 15px 0;
  }

  .xmas_cake_present .prize_a .prize_list,
  .xmas_cake_present .prize_b .prize_list,
  .xmas_cake_present .prize_c .prize_list,
  .xmas_cake_present .prize_d .prize_list,
  .xmas_cake_present .prize_e .prize_list {
    flex-flow: column;
    margin: auto 0px;
  }

  .xmas_cake_present .prize_a .prize_list .prize_detail,
  .xmas_cake_present .prize_b .prize_list .prize_detail,
  .xmas_cake_present .prize_c .prize_list .prize_detail,
  .xmas_cake_present .prize_d .prize_list .prize_detail,
  .xmas_cake_present .prize_e .prize_list .prize_detail {
    width: 100%;
    margin-bottom: 40px;
  }

  .xmas_cake_present .prize_a .prize_list .prize_detail:last-child,
  .xmas_cake_present .prize_b .prize_list .prize_detail:nth-child(6),
  .xmas_cake_present .prize_c .prize_list .prize_detail:nth-child(4),
  .xmas_cake_present .prize_d .prize_list .prize_detail:nth-child(4),
  .xmas_cake_present .prize_e .prize_list .prize_detail:last-child {
    margin-bottom: 10px;
  }
 
  .xmas_cake_present .prize_a .prize_list .prize_detail figure figcaption,
  .xmas_cake_present .prize_b .prize_list .prize_detail figure figcaption,
  .xmas_cake_present .prize_c .prize_list .prize_detail figure figcaption,
  .xmas_cake_present .prize_d .prize_list .prize_detail figure figcaption,
  .xmas_cake_present .prize_e .prize_list .prize_detail figure figcaption {
    text-align: left;
  }

  .xmas_cake_present .prize_a .prize_list .prize_detail .cross_section,
  .xmas_cake_present .prize_e .prize_list .prize_detail .cross_section {
    width: 100%;
  }

  .xmas_cake_present .prize_a .prize_list .prize_detail .cross_section .cross_section_btn,
  .xmas_cake_present .prize_b .prize_list .prize_detail .cross_section .cross_section_btn,
  .xmas_cake_present .prize_c .prize_list .prize_detail .cross_section .cross_section_btn,
  .xmas_cake_present .prize_d .prize_list .prize_detail .cross_section .cross_section_btn,
  .xmas_cake_present .prize_e .prize_list .prize_detail .cross_section .cross_section_btn {
    width: auto;
    max-width: 365px;
  }

  .xmas_cake_present .prize_a .prize_list .prize_detail .cross_section .cross_section_content,
  .xmas_cake_present .prize_b .prize_list .prize_detail .cross_section .cross_section_content,
  .xmas_cake_present .prize_c .prize_list .prize_detail .cross_section .cross_section_content,
  .xmas_cake_present .prize_d .prize_list .prize_detail .cross_section .cross_section_content,
  .xmas_cake_present .prize_e .prize_list .prize_detail .cross_section .cross_section_content {
    margin: auto;
    max-width: 365px;
  }

  .xmas_cake_present .prize_a .prize_content .application,
  .xmas_cake_present .prize_b .prize_content .application,
  .xmas_cake_present .prize_c .prize_content .application,
  .xmas_cake_present .prize_d .prize_content .application,
  .xmas_cake_present .prize_e .prize_content .application {
    flex-flow: column;
    margin: 20px auto 10px;
  }

  .xmas_cake_present .prize_a .prize_content .application figure,
  .xmas_cake_present .prize_b .prize_content .application figure {
    width: auto;
    margin-bottom: 30px;
  }
  .xmas_cake_present .prize_c .prize_content .application figure,
  .xmas_cake_present .prize_d .prize_content .application figure {
    width: auto;
    margin-bottom: 10px;
  }
  .xmas_cake_present .prize_e .prize_content .application figure {
    width: auto;
  }

  .xmas_cake_present .prize_a .prize_content .application figure:last-child,
  .xmas_cake_present .prize_b .prize_content .application figure:last-child {
    margin-bottom: 10px;
  }

  .xmas_cake_present .prize_a .prize_content .notes,
  .xmas_cake_present .prize_b .prize_content .notes,
  .xmas_cake_present .prize_e .prize_content .notes {
    margin: 0 auto 20px;
  }

  .xmas_cake_present .prize_a .prize_content .notes p,
  .xmas_cake_present .prize_b .prize_content .notes p,
  .xmas_cake_present .prize_c .prize_content .notes p,
  .xmas_cake_present .prize_d .prize_content .notes p,
  .xmas_cake_present .prize_e .prize_content .notes p {
    font-size: 16px;
    width: 100%;
  }
  .xmas_cake_present .prize_e .prize_content .prize_detail {
    margin: 0 auto 40px;
    width: 100%;
  }
  .xmas_cake_present .prize_e .prize_content .prize_detail p {
    font-size: 16px;
  }
}



@media print {
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .sp_menu_panel,
  .page_top {
    display: none;
  }
  .xmas_cake_present h2.main_img img {
    width: 100%;
  }
  .xmas_cake_present .prize_b .prize_content .application figure img,
  .xmas_cake_present .prize_e .prize_content .application figure img {
    text-align: center;
    width: 800px;
  }
}