@charset "UTF-8";
/* CSS Document======================================
*
*	hina2026
*
*	Site Name : ANNIVERSARY
====================================================*/
/*===================================================
		2026 ひなまつりケーキ
===================================================*/
.hina2026 #mainContents { border-bottom: 1px dotted #cac4b1; padding-top: 80px; padding-bottom: 100px; background: #fff5f8; overflow: hidden; position: relative; z-index: 0; }
@media screen and (max-width: 740px) { .hina2026 #mainContents { padding-bottom: 50px; } }

.hina2026 #mainContents::before { content: ""; display: inline-block; width: 100%; height: 100%; background: url("../img/special/hina2026/bg.png") repeat-y 50% 0/100%; position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none; animation: hina2026-bg 30s linear infinite; }
@media screen and (max-width: 740px) { .hina2026 #mainContents::before { background-size: 800px; } }

@keyframes hina2026-bg { 0% { background-position: -100px -100px; opacity: 0; }
  1% { opacity: 1; }
  25% { background-position: 0px 200px; opacity: 1; }
  95% { opacity: 1; }
  100% { background-position: 100px 500px; opacity: 0; } }
.hina2026-title { font-size: 5.2rem; line-height: 1.2; text-align: center; margin: 0 0 0.5em; padding: 0 0 0 4vw; }
.hina2026-title img { width: 1000px; }
@media screen and (max-width: 740px) { .hina2026-title { margin: 0 -7vw 1.5em 0; } }

/* hina2026-cakelist */
.hina2026-cakelist { max-width: 1100px; margin: 0 auto; padding: 0 4vw; position: relative; z-index: 10; }
.hina2026-cakelist > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; }
.hina2026-cakelist > li:first-child { margin-top: 0; }
.hina2026-cakelist > li:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.hina2026-cakelist > li:nth-child(2n) .hina2026-cakelist__text { padding-left: 0; padding-right: 80px; }
.hina2026-cakelist__image { width: 50%; flex-shrink: 0; text-align: center; position: relative; }
.hina2026-cakelist__image img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.hina2026-cakelist__image img:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-filter: brightness(110%); filter: brightness(110%); }
.hina2026-cakelist__text { width: auto; padding-left: 80px; }
.hina2026-cakelist__title { font-size: 3.8rem; text-shadow: 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF; white-space: nowrap; color: #e65f88; line-height: 1.4; margin-bottom: 20px; }
.hina2026-cakelist__summary .summary-notes { margin-top: 1em; color: #b30000; }
.hina2026-cakelist__price { line-height: 1.4; margin-top: 20px; }
.hina2026-cakelist__price .price { display: inline-block; vertical-align: middle; }
.hina2026-cakelist__price .price .size { margin-right: 1em; }
.hina2026-cakelist__price .price .number { font-size: 2.8rem; }
.hina2026-cakelist__price .price .yen { font-size: 1.8rem; }
.hina2026-cakelist__price .price .tax { font-size: 1.3rem; }
.hina2026-cakelist__price .price-notes { font-size: 1.3rem; margin-top: 1em; }
@media screen and (max-width: 1000px) { .hina2026-cakelist__title { font-size: 2.4rem; white-space: normal; }
  .hina2026-cakelist__price .price .number { font-size: 2.4rem; } }
@media screen and (max-width: 740px) { .hina2026-cakelist > li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 80px; }
  .hina2026-cakelist > li:nth-child(2n) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .hina2026-cakelist__image { -ms-flex-item-align: start; align-self: flex-start; width: 100%; max-width: 420px; }
  .hina2026-cakelist__text { -ms-flex-item-align: end; align-self: flex-end; width: 100%; max-width: 320px; padding: 0 !important; margin-top: 10px; position: relative; z-index: 10; }
  .hina2026-cakelist__title { margin-bottom: 10px; }
  .hina2026-cakelist__price { margin-top: 10px; } }
@media screen and (max-width: 500px) { .hina2026-cakelist__image { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .hina2026-cakelist__image img { max-width: 320px; max-height: 320px; }
  .hina2026-cakelist__text { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } }