@charset "utf-8";
#maisonDeDolce {
  box-sizing: border-box;
  width: 100%;
  font-family: "Yu Gothic", "游ゴシック",  YuGothic, "Yu Gothic Medium", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: 10px;
}
#maisonDeDolce img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#maisonDeDolce p, h3{
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  color: #4f4543;
}
#maisonDeDolce span {
  line-height: 1.5;
}
#maisonDeDolce i{
  font-style: inherit;;
}
#maisonDeDolce small, sub, sup{
  font-size: .8em;
}
#maisonDeDolce a{
  text-decoration: none;
  transition: .6s;
}
#maisonDeDolce .flex_rvs{
  flex-direction: row-reverse;
}
#maisonDeDolce .forpc{
  display: none;
}
#maisonDeDolce .forsp{
  display: block;
}
#maisonDeDolce * {
  box-sizing: border-box;
}
#maisonDeDolce>span {
  display: block;
  text-align: center;
}
/* contents */
/* slider */
#maisonDeDolce .slider { 
  opacity: 0; 
  transition: opacity .1s linear; 
}
#maisonDeDolce .slider.slick-initialized { 
  opacity: 1;
}
#maisonDeDolce .slick-slide { 
  width: 100%;
}
#maisonDeDolce .slider .slick-dots { 
  bottom: -4%; 
  z-index: 5;
  text-align: center;
}
#maisonDeDolce .sliderKanban .slick-dots {
  margin-left: 1%;
  bottom: 6% !important;
  text-align: left !important;
}
#maisonDeDolce .slick-dots li { 
  margin: 0 1%; 
  text-align: center; 
  line-height: 1; 
  border: none; 
  width: 4px;
  height: 4px;
}
#maisonDeDolce .sliderKanban .slick-dots li {
  margin: 0 0.5%!important;
}
#maisonDeDolce .slick-dots li button { 
  width: 7px; 
  height: 7px; 
  margin: auto;
}
#maisonDeDolce .slick-dots li button:hover:before,
#maisonDeDolce .slick-dots li button:focus:before { 
  opacity: 1;
}
#maisonDeDolce .slick-dots li button:before { 
  content: ""; 
  width: 6px; 
  height: 6px; 
  display: inline-block; 
  position: absolute; 
  top: 0; 
  left: 0;
  border-radius: 50%; 
  background: #eedfde;
  opacity: 1;
}
#maisonDeDolce .sliderKanban .slick-dots li button:before {
  background: #ffffff;
}
#maisonDeDolce .slick-dots li.slick-active button:before,
#maisonDeDolce .sliderKanban .slick-dots li.slick-active button:before { 
  background: #d8adb2;
}
#maisonDeDolce .slick-arrow { 
  width: 3.6vw; 
  height: auto; 
  aspect-ratio: 19/29; 
  margin: 0; 
  position: absolute; 
  top: 44%; 
  z-index: 8; 
  background-repeat: no-repeat; 
  background-position: 50% 50%; 
  background-size: 100% auto;
}
@media screen and (min-width:721px) {
  #maisonDeDolce .slick-dots li button { 
    width: 8px; 
    height: 8px;
  }
  #maisonDeDolce .slick-dots li button:before { 
    width: 8px; 
    height: 8px;
  }
  #maisonDeDolce .slick-arrow { 
    width: min(15px, 1.26vw);
  }
}
/* END slider */
#maisonDeDolce {
  font-size: 3.8vw;
  overflow: hidden;
}
#maisonDeDolce span {
  display: block;
}
#maisonDeDolce .kanban {
  position: relative;
  padding: 6% 0 18%;
}
#maisonDeDolce .kanban::before,
#maisonDeDolce .kanban::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  z-index: 2;
}
#maisonDeDolce .kanban::before {
  top: 0;
  background: url("/img/interior/maisondedolce/kanbanline01.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 750/75;
}
#maisonDeDolce .kanban::after {
  bottom: 0;
  background: url("/img/interior/maisondedolce/kanbanline02.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 750/311;
}
#maisonDeDolce .kanbanTxt {
  position: relative;
  margin-top: -20%;
  padding: 10% 0;
  background:url("/img/interior/maisondedolce/bg02.jpg") 50% 50%/ 100% no-repeat;
  text-shadow: -1px -1px 0 #ffeff2, 1px -1px 0 #ffeff2, -1px 1px 0 #ffeff2, 1px 1px 0 #ffeff2, -1px 0 0 #ffeff2, 1px 0 0 #ffeff2, 0 -1px 0 #ffeff2, 0 1px 0 #ffeff2, -2px -2px 1px #ffeff2, 2px -2px 1px #ffeff2, -2px 2px 1px #ffeff2, 2px 2px 1px #ffeff2, -2px 0 1px #ffeff2, 2px 0 1px #ffeff2, 0 -2px 1px #ffeff2, 0 2px 1px #ffeff2;
} 
#maisonDeDolce .kanbanTxt::after,
#maisonDeDolce div.plateWrap01::after,
#maisonDeDolce div.plateWrap02::before,
#maisonDeDolce div.plateWrap02::after,
#maisonDeDolce .video::after,
#maisonDeDolce .sliderBox03::after,
#maisonDeDolce .sliderBox04::after,
#maisonDeDolce .video01::after,
#maisonDeDolce div.plateWrap05::after,
#maisonDeDolce #nav04 .subImg::after,
#maisonDeDolce div.plateWrap06::after,
#maisonDeDolce .sliderBox06::after {
  content:"";
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#maisonDeDolce .kanbanTxt::after {
  width: 24%;
  aspect-ratio: 177/235;
  top: 0;
  right: 0;
  background-image: url("/img/interior/maisondedolce/cake01.png");
}
#maisonDeDolce .kanbanTxt p {
  line-height: 2;
}
#maisonDeDolce .navTtl {
  position: relative;
  margin: -6% auto 0;
  padding-bottom: 2%;
  background: url("/img/interior/maisondedolce/navttl_bg.png") 50% 100% / 100% no-repeat;
  z-index: 1;
}
#maisonDeDolce .navTtl::before {
  content: "";
  position: absolute;
  background: url("/img/interior/maisondedolce/whipped01.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 123/126;
  width: 15%;
  top: 0%;
  right: -2%;
}
#maisonDeDolce .navTtl img {
  width: 62%;
}
#maisonDeDolce nav {
  margin-top: -3%;
}
#maisonDeDolce nav li a {
  position: relative;
  display: flex;
  padding: 0 6% 0 12%;
  align-items: center;
  text-align: left;
  aspect-ratio: 750/200;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
#maisonDeDolce nav li a::before,
#maisonDeDolce nav li a::after {
  position: absolute;
  content: "";
  transform: translateY(-50%);
}
#maisonDeDolce nav li a::before {
  background: url("/img/interior/maisondedolce/nav_ichido.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 88/121;
  width: 11%;
  top: 56%;
  left: 2%;
}
#maisonDeDolce nav li a::after {
  background: url("/img/interior/maisondedolce/arw_pink.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 24/14;
  top: 50%;
  right: 2%;
  width: 3%;
}
#maisonDeDolce nav li {
  position: relative;
}
#maisonDeDolce nav li::after {
  content: "";
  position: absolute;
  background: url("/img/interior/maisondedolce/whipped_line.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 750/54;
  width: 100%;
  bottom: -12%;
  left: 0;
  z-index: 2;
}
#maisonDeDolce nav li:last-child::after {
  background: url("/img/interior/maisondedolce/whipped2line.png") 50% 50%/ contain no-repeat;
  aspect-ratio: 750/86;
  width: 100%;
  bottom: -34%;
}
#maisonDeDolce nav li .navImg {
  width: 26%;
  margin: 0 auto;
  display: flex;
}
#maisonDeDolce nav li .navTxt {
  width: 62%;
  text-align: left;
  font-weight: 500;
  text-shadow: -1px -1px 3px #f9f3d0, 1px -1px 3px #f9f3d0, -1px 1px 3px #f9f3d0, 1px 1px 3px #f9f3d0, -2px -2px 5px #f9f3d0, 2px -2px 5px #f9f3d0, -2px 2px 5px #f9f3d0, 2px 2px 5px #f9f3d0, -3px -3px 6px #f9f3d0, 3px -3px 6px #f9f3d0, -3px 3px 6px #f9f3d0, 3px 3px 6px #f9f3d0, -4px -4px 8px #f9f3d0, 4px -4px 8px #f9f3d0, -4px 4px 8px #f9f3d0, 4px 4px 8px #f9f3d0;
}
#maisonDeDolce nav li:nth-child(even) .navTxt {
  text-shadow: -1px -1px 3px #ffeff2, 1px -1px 3px #ffeff2, -1px 1px 3px #ffeff2, 1px 1px 3px #ffeff2, -2px -2px 5px #ffeff2, 2px -2px 5px #ffeff2, -2px 2px 5px #ffeff2, 2px 2px 5px #ffeff2, -3px -3px 6px #ffeff2, 3px -3px 6px #ffeff2, -3px 3px 6px #ffeff2, 3px 3px 6px #ffeff2, -4px -4px 8px #ffeff2, 4px -4px 8px #ffeff2, -4px 4px 8px #ffeff2, 4px 4px 8px #ffeff2;
}
#maisonDeDolce .nav01 {
  background-image: url("/img/interior/maisondedolce/bg_nav01.jpg");
}
#maisonDeDolce .nav02 {
  background-image: url("/img/interior/maisondedolce/bg_nav02.jpg");
}
#maisonDeDolce nav .nav02 .navImg {
  width: 30%;
}
#maisonDeDolce .nav03 {
  background-image: url("/img/interior/maisondedolce/bg_nav03.jpg");
}
#maisonDeDolce nav .nav03 .navImg {
  width: 21%;
}
#maisonDeDolce .nav04 {
  background-image: url("/img/interior/maisondedolce/bg_nav04.jpg");
}
#maisonDeDolce nav .nav04 .navImg {
  width: 14%;
}
#maisonDeDolce .nav05 {
  background-image: url("/img/interior/maisondedolce/bg_nav05.jpg");
}
#maisonDeDolce nav .nav05 .navImg {
  width: 15%;
}
#maisonDeDolce .container {
  padding: 8% 0 0;
  background: url("/img/interior/maisondedolce/bg.jpg") 50% 50%/ 100% repeat;
}
#maisonDeDolce #nav01 {
  background-image: url("/img/interior/maisondedolce/lace01.png"), url("/img/interior/maisondedolce/lace01.png");
  background-position: 6% 47%, 85% 79%;
  background-size: 77%, 77%;
  background-repeat: no-repeat;
}
#maisonDeDolce #nav01 {
  margin: 10% 0 0;
}
#maisonDeDolce h2 {
  position: relative;
  z-index: 2;
}
#maisonDeDolce #nav01 h2 {
  width: 59%;
}
#maisonDeDolce section[id^="video0"]>.videoframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#maisonDeDolce .sliderBox {
  width: 89%;
  margin: 10% auto 0;
  position: relative;
}
#maisonDeDolce .frameSlider {
  width: 100%;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}
#maisonDeDolce .sliderBox .slider {
  position: absolute;
  width: 78%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
}
#maisonDeDolce div[class^="plateWrap0"] {
  position: relative;
  width: 75%;
  margin: 8% 4% 5% auto;
  aspect-ratio: 1;
}
#maisonDeDolce div.plateWrap01 {
  background: url("/img/interior/maisondedolce/plate01.png") no-repeat center / contain;
}
#maisonDeDolce div.plateWrap01::after {
  width: 34%;
  aspect-ratio: 204 / 177;
  bottom: -6%;
  left: -21%;
  background-image: url("/img/interior/maisondedolce/cake02.png");
}
#maisonDeDolce div[class^="plateWrap0"] .plateText {
  position: absolute;
  inset: 0;               
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 12% 0 2%;
  z-index: 2; 
  line-height: 1.8;
}
#maisonDeDolce .plateWrap01 .plateText::before {
  position: absolute;
  content: "";
  background: url("/img/interior/maisondedolce/fork.png") no-repeat center / contain;
  aspect-ratio: 258/288;
  width: 37%;
  top: -23%;
  right: 9%;
}
#maisonDeDolce .plateText span {
  font-size: 142%;
  color: #b37d82;
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
#maisonDeDolce .sliderBox02 {
  width: 82%;
  margin: 0 auto 0 4%;
}
#maisonDeDolce .size {
  width: 100%;
  position: relative;
  margin: 8% auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
#maisonDeDolce .size img { 
  width: 46%;
}
#maisonDeDolce .size::before,
#maisonDeDolce .size::after {
  content: "";
  height: 6px;
  border-top: 1px solid #d4a5a5;
  border-bottom: 1px solid #d4a5a5;
  flex: 1;
}
#maisonDeDolce .size::before,
#maisonDeDolce .size::after {
  margin: 0 .5em;
}
#maisonDeDolce .size + ul {
  width: 94%;
  margin: 5% auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px 5px;
}
#maisonDeDolce .size + ul li {
  width: 48.5%;
}
#maisonDeDolce .size + ul li a {
  display: block;
  aspect-ratio: 340/260;
  text-align: center;
  background: url("/img/interior/maisondedolce/fNn_bg.png") 50% 50%/100% no-repeat;
}
#maisonDeDolce .size + ul li:nth-child(2) a,
#maisonDeDolce #nav01 .size + ul li:nth-child(3) a {
  background: url("/img/interior/maisondedolce/fNs_bg.png") 50% 50%/100% no-repeat;
}
#maisonDeDolce .size + ul li img {
  transition: 0.3s ease-in-out;
  width: 76.5%;
}
/* 動画 */
#maisonDeDolce .videoframe {
  padding: 3% 0;
  position: relative;
}
#maisonDeDolce h2 +.videoframe {
  margin-top: -5%;
  z-index: 1;
}
#maisonDeDolce #nav01 .videoframe::before,
#maisonDeDolce #nav01 .videoframe::after,
#maisonDeDolce #nav02 .videoframe::before,
#maisonDeDolce #nav02 .videoframe::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  aspect-ratio: 786/62;
  background: url("/img/interior/maisondedolce/video_line.png") 50% 50%/100% no-repeat;
  z-index: 100;
}
#maisonDeDolce .videoframe::before {
  top: 0;
}
#maisonDeDolce .videoframe::after {
  bottom: 0;
}
/* END動画 */
#maisonDeDolce #nav02 {
  margin-top: 24%;
}
#maisonDeDolce #nav02 h2 {
  width: 64%;
  margin: 0 0 0 auto;
}
#maisonDeDolce div.plateWrap02 {
  position: relative;
  width: 76%;
  margin: 8% auto 5% 4%;
}
#maisonDeDolce div.plateWrap02 a {
  position: relative;
  display: block;
  aspect-ratio: 569 / 568;
  clip-path: url(#plateClip);
}
#maisonDeDolce div.plateWrap02::before {
  width: 29%;
  aspect-ratio: 174 / 121;
  top: -10%;
  right: -21%;
  background-image: url("/img/interior/maisondedolce/ichig03.png");
  z-index: 10;
}
#maisonDeDolce div.plateWrap02::after {
  width: 46%;
  aspect-ratio: 292 / 258;
  bottom: -21%;
  right: -13%;
  background-image: url("/img/interior/maisondedolce/spoon.png");
}
#maisonDeDolce div.plateWrap02 a::after {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  aspect-ratio: 569/568;
  background: url("/img/interior/maisondedolce/plate02.png") no-repeat center / contain;
}
#maisonDeDolce .plateWrap02 .plateText {
  padding: 12%;
}
#maisonDeDolce .plateWrap02 .plateText::after,
#maisonDeDolce .plateWrap03 .plateText::after,
#maisonDeDolce .plateWrap04 .plateText::after,
#maisonDeDolce .plateWrap05 .plateText::after{
  content: "";
  position: absolute;
  background: url("/img/interior/maisondedolce/arw_white.png") no-repeat center / 32%;
  width: 7%;
  aspect-ratio: 1;
  left: 50%;
  bottom: 7%;
  border-radius: 50%;
  background-color: #d4a5a5;
  transform: translateX(-50%);
  z-index: 2;
}
#maisonDeDolce #nav03 {
  margin-top: 11%;
  background: url("/img/interior/maisondedolce/lace01.png") 31% 41% / 70% no-repeat, url("/img/interior/maisondedolce/lace02.png") 69% 88.5% / 62% no-repeat;
}
#maisonDeDolce #nav03 h2 {
  width: 59%;
  position: relative;
  margin: 0 auto 0 0;
  z-index: 2;
}
#maisonDeDolce #nav03 .mainImg,
#maisonDeDolce #nav04 .mainImg{
  margin: -12% auto 0;
}
#maisonDeDolce .mainImg img {
  width: 100%;
}
#maisonDeDolce .video {
  position: relative;
  width: 67%;
  aspect-ratio: 499/812;
  margin: 5% auto 6%;
}
#maisonDeDolce .video .frameVideo {
  z-index: 2;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
#maisonDeDolce .videoframe01 {
  position: absolute;
  object-fit: cover;
  margin: 0 auto;
  width: 84%;
  top: 50%;
  left: 50%;
  aspect-ratio: 365/600;
  transform: translate(-50%, -50%);
  -webkit-mask-image: url(" data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 379 615'>\ <path fill='white' d='M189.5 7 C290.292 7 371 88.708 371 189.5 V424.499 C371 525.291 290.292 607 189.5 607 C88.708 607 7 525.291 7 424.499 V189.5 C7 88.708 88.708 7 189.5 7Z'/>\ </svg>");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
#maisonDeDolce .video::before {
  content: "";
  position: absolute;
  width: 35%;
  aspect-ratio: 240 / 430;
  background: url("/img/interior/maisondedolce/knifeset.png") 50% 50% / 100% no-repeat;
  top: 2%;
  right: -11%;
  z-index: 100;
}
#maisonDeDolce .video:not(.video01)::after {
  width: 35%;
  aspect-ratio: 181/132;
  bottom: -10%;
  left: -15%;
  background-image: url("/img/interior/maisondedolce/cup.png");
}
#maisonDeDolce .video01::after {
  width: 16%;
  aspect-ratio: 86 / 87;
  bottom: -3%;
  right: -11%;
  background-image: url("/img/interior/maisondedolce/ichigo01.png");
}
#maisonDeDolce div.plateWrap03{
  width: 86%;
  margin: 0 4% 0 auto;
  aspect-ratio: 640/580;
  line-height: 1.7;
}
#maisonDeDolce div.plateWrap03 .plateText {
  padding: 0;
  letter-spacing: -0.1em;
}
#maisonDeDolce div.plateWrap03 a,
#maisonDeDolce div.plateWrap04 a{
  display: block;
  aspect-ratio: 640/580;
  clip-path: circle(50% at 50% 50%);
}
#maisonDeDolce div.plateWrap03 a::after,
#maisonDeDolce div.plateWrap04 a::after {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  aspect-ratio: 640/580;
  background: url("/img/interior/maisondedolce/plate03.png") no-repeat center / contain;
}
#maisonDeDolce .plateWrap03 .plateText::after {
  bottom: 2%;
}
#maisonDeDolce .sliderBox03,
#maisonDeDolce .sliderBox05 {
  width: 71%;
  margin: 0 auto 0 4%;
}
#maisonDeDolce .sliderBox03::after {
  width: 28%;
  aspect-ratio: 162 / 150;
  bottom: 5%;
  right: -25%;
  background-image: url("/img/interior/maisondedolce/cake04.png");
}
#maisonDeDolce .sliderBox04,
#maisonDeDolce .subImg  {
  width: 76%;
  margin: 0 4% 0 auto;
}
#maisonDeDolce .sliderBox04 {
  margin-top: 3%;
}
#maisonDeDolce .sliderBox04::after {
  width: 22%;
  aspect-ratio: 120 / 126;
  bottom: -12%;
  left: -15%;
  background-image: url("/img/interior/maisondedolce/whipped03.png");
}
#maisonDeDolce .sliderBox04 .slider {
  width: 82%;
  top: 52%;
}
#maisonDeDolce .video01::before {
  content: unset;
}
#maisonDeDolce div.plateWrap04 {
  width: 86%;
  aspect-ratio: 640 / 580;
}
#maisonDeDolce div.plateWrap04 .plateText {
  padding: 0;
  letter-spacing: -0.1em;
}
#maisonDeDolce .plateWrap04 .plateText::after {
  bottom: 4%;
}
#maisonDeDolce #nav04 {
  margin-top: 9%;
  padding-bottom: 13%;
}
#maisonDeDolce #nav04 h2 {
  width: 42%;
  position: relative;
  margin: 0 0 0 auto;
  z-index: 2;
}
#maisonDeDolce #nav05 h2 + .slider {
  position: relative;
  padding: 3% 0;
  margin: -6% auto 0;
  z-index: 1;
}
#maisonDeDolce #nav05 h2 + .slider .slick-dots {
  bottom: 7%;
  text-align: left;
  margin-left: 1%;
}
#maisonDeDolce #nav05 h2 + .slider::after,
#maisonDeDolce #nav05 h2 + .slider::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  aspect-ratio: 786 / 62;
  background: url("/img/interior/maisondedolce/video_line.png") 50% 50% / 100% no-repeat;
  z-index: 100;
}
#maisonDeDolce #nav05 h2 + .slider::before {
  top: -3%;
}
#maisonDeDolce #nav05 h2 + .slider::after {
  bottom: -3%;
}
#maisonDeDolce div.plateWrap05::after {
  width: 22%;
  aspect-ratio: 134 / 203;
  top: 15%;
  right: -24%;
  background-image: url("/img/interior/maisondedolce/bin.png");
}
#maisonDeDolce div.plateWrap05 .plateText {
 padding: 0 12%;
}
#maisonDeDolce div.plateWrap05 {
  width: 72%;
  margin: 0 auto 0 4%;
}
#maisonDeDolce div.plateWrap05 a {
  position: relative;
  display: block;
  aspect-ratio: 569 / 568;
  clip-path: url(#plateClip);
}
#maisonDeDolce div.plateWrap05 a::after {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  aspect-ratio: 569 / 568;
  background: url("/img/interior/maisondedolce/plate05.png") no-repeat center / contain;
  z-index: -1;
}
#maisonDeDolce #nav04 .subImg {
  position: relative;
  width: 73%;
}
#maisonDeDolce #nav04 .subImg::after {
  width: 45%;
  aspect-ratio: 258 / 288;
  bottom: -19%;
  left: -24%;
  background-image: url("/img/interior/maisondedolce/fork02.png");
}
#maisonDeDolce #nav05 {
  margin-top: 8%;
}
#maisonDeDolce #nav05 h2 {
  width: 42%;
  position: relative;
  margin: 0 auto 0 0;
  z-index: 2;
}
#maisonDeDolce div.plateWrap06 {
  width: 75%;
  aspect-ratio: 1;
}
#maisonDeDolce div.plateWrap06::after {
  width: 59%;
  aspect-ratio: 292 / 258;
  bottom: -4%;
  left: -26%;
  background-image: url("/img/interior/maisondedolce/spoon02.png");
}
#maisonDeDolce .sliderBox06::after {
  width: 13%;
  aspect-ratio: 86 / 87;
  top: -1%;
  right: -1%;
  background-image: url("/img/interior/maisondedolce/ichigo01.png");
}
/* #maisonDeDolce div.plateWrap06 a {
  display: block;
  aspect-ratio: 1;
  clip-path: circle(50% at 50% 50%);
} */
#maisonDeDolce div.plateWrap06 {
  aspect-ratio: 1;
  background: url("/img/interior/maisondedolce/plate01.png") no-repeat center / contain;
}
#maisonDeDolce div.plateWrap06 .plateText span {
  margin-bottom: 5%;
}
#maisonDeDolce #nav05 .size + ul {
 justify-content: center;
}
#maisonDeDolce .otherItems {
  margin-top: 20%;
}
#maisonDeDolce .otherItems h2 {
  margin: -6% auto 0;
  padding-bottom: 4%;
  background: url("/img/interior/maisondedolce/other_bg.png") 50% 100% / 100% no-repeat;
  text-align: center;
}
#maisonDeDolce .otherItems h2 img {
  width: 60%;
}
#maisonDeDolce .otherItems .othrlst {
  padding-bottom: 15%;
  background: url("/img/interior/maisondedolce/bg_other.jpg") center 0 / 100% repeat-y;
}
#maisonDeDolce .otherItems .othrlst ul {
  justify-content: space-evenly;
}
#maisonDeDolce .otherItems .othrlst ul>li {
  width: 47%;
  padding: 0;
  margin: 8% 0 0;
}
#maisonDeDolce .otherItems .btn_ot {
  color: #7f454b;
  font-weight: bold;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, -2px -2px 1px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff, 2px 2px 1px #fff, -2px 0 1px #fff, 2px 0 1px #fff, 0 -2px 1px #fff, 0 2px 1px #fff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
#maisonDeDolce .otherItems .btn_ot span {
  display: block;
}
#maisonDeDolce .btnLast {
  width: 68%;
  margin: 7% auto 0;
}
#maisonDeDolce .btnLast a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
#maisonDeDolce .btnLast a img {
  width: 100%;
}
#maisonDeDolce .btnLast a::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 5%;
  right: 5%;
  top: 47%;
  transform: translateY(-50%);
  background: url("/img/interior/maisondedolce/arw_brw.png") 50% 90%/contain no-repeat;
  transition: 0.3s ease-in-out;
}
/* contents */
@media screen and (min-width: 768px){
#maisonDeDolce p{
  font-size: min(20px,1.68vw);
}
#maisonDeDolce .forsp {
  display: none;
}
#maisonDeDolce .forpc {
  display: block;
}
#maisonDeDolce .kanban::before {
  background: url("/img/interior/maisondedolce/kanbanline01_pc.png") 50% 50% / contain no-repeat;
  aspect-ratio: 1020/90;
}
#maisonDeDolce .kanban::after {
  background: url("/img/interior/maisondedolce/kanbanline02_pc.png") 50% 50% / contain no-repeat;
  aspect-ratio: 1020/349;
}
#maisonDeDolce .slick-dots {
  bottom: 4%;
}
#maisonDeDolce .kanbanTxt::after {
  width: 12%;
  top: 25%;
  right: 17%;
}
#maisonDeDolce .navTtl img {
  width: 45%;
}
#maisonDeDolce .navTtl {
  background: url("/img/interior/maisondedolce/navttl_bg_pc.png") 50% 100% / 100% no-repeat;
}
#maisonDeDolce .navTtl::before {
  width: 8%;
  top: 0%;
  right: 1%;
}
#maisonDeDolce nav li .navTxt {
  font-size: min(22px,1.8vw);
}
#maisonDeDolce nav li .navImg {
  margin: 0;
}
#maisonDeDolce nav li a {
  padding: 0 6% 0 18%;
  aspect-ratio: 1020 / 141;
  justify-content: space-around;
}
#maisonDeDolce nav li a:hover::after {
  transform: translateY(5px);
}
#maisonDeDolce .nav01 {
  background-image: url("/img/interior/maisondedolce/bg_nav01_pc.jpg");
}
#maisonDeDolce .nav02 {
  background-image: url("/img/interior/maisondedolce/bg_nav02_pc.jpg");
}
#maisonDeDolce .nav03 {
  background-image: url("/img/interior/maisondedolce/bg_nav03_pc.jpg");
}
#maisonDeDolce .nav04 {
  background-image: url("/img/interior/maisondedolce/bg_nav04_pc.jpg");
}
#maisonDeDolce .nav05 {
  background-image: url("/img/interior/maisondedolce/bg_nav05_pc.jpg");
}
#maisonDeDolce nav li a::before {
  width: 6%;
  left: 5%;
}
#maisonDeDolce nav li a::after {
  width: 2%;
  right: 3%;
  transition: 0.3s ease-in-out;
}
#maisonDeDolce nav li::after {
  background: url("/img/interior/maisondedolce/whipped_line_pc.png") 50% 50% / contain no-repeat;
  aspect-ratio: 1020/44;
  bottom: -15%;
}
#maisonDeDolce nav li:last-child::after {
  background: url("/img/interior/maisondedolce/whipped2line_pc.png") 50% 50% / contain no-repeat;
  aspect-ratio: 1020/86;
  bottom: -50%;
}
#maisonDeDolce #nav01 {
  margin: 8% 0 0;
}
#maisonDeDolce #nav01 h2 {
  width: 35%;
  margin-left: 3%;
}
#maisonDeDolce .sliderBox {
  width: 58%;
  margin: 5% auto 0;
}
#maisonDeDolce .slider .slick-dots {
  bottom: -1.5%;
}
#maisonDeDolce div[class^="plateWrap0"] {
  width: 42%;
  margin: 2% 6% 5% auto;
}
#maisonDeDolce div.plateWrap01::after {
  width: 29%;
  bottom: 1%;
  left: -30%;
}
#maisonDeDolce .sliderBox02 {
  margin: 5% auto 0 15%;
}
#maisonDeDolce .size img {
  width: 26%;
}
#maisonDeDolce #nav01 {
  background-position: 36% 60%, 61% 89%;
  background-size: 48%, 51%;
}
#maisonDeDolce .size + ul {
  width: 100%;
  margin: 3% auto 0;
  gap: unset;
  justify-content: space-evenly;
}
#maisonDeDolce .size + ul li {
  width: 23%;
}
#maisonDeDolce .size + ul li a:hover img {
  transform: translateY(-5px);
}
#maisonDeDolce div[class^="plateWrap0"] .plateText {
  padding: 2% 0;
}
#maisonDeDolce .plateText span {
  font-size: min(32px,2.7vw);
}
#maisonDeDolce #nav02 {
  margin-top: 8%;
}
#maisonDeDolce #nav02 h2 {
  width: 39%;
  margin: 0 3% 0 auto;
}
#maisonDeDolce div.plateWrap02::before {
  width: 31%;
  top: -20%;
  right: -56%;
}
#maisonDeDolce div.plateWrap02 {
  width: 52%;
  margin: 0 auto 0 13%;
}
#maisonDeDolce #nav03 {
  background: url("/img/interior/maisondedolce/lace01.png") 42% 41% / 60% no-repeat, url("/img/interior/maisondedolce/lace02.png") 60% 88% / 52% no-repeat;
}
#maisonDeDolce #nav03 .mainImg, #maisonDeDolce #nav04 .mainImg{
  margin-top: -6%;
}
#maisonDeDolce #nav03 h2 {
  width: 37%;
  margin-left: 3%;
}
#maisonDeDolce .video::before {
  width: 28%;
  top: 6%;
  right: 9%;
}
#maisonDeDolce .video:not(.video01)::after {
  width: 26%;
  bottom: 0%;
  left: -6%;
}
#maisonDeDolce .videoframe01 {
  width: 60%;
}
#maisonDeDolce .video {
  margin: 3% auto 0;
  aspect-ratio: 365 / 440;
}
#maisonDeDolce div.plateWrap03 {
  width: 56%;
  margin: 0 6% 0 auto;
}
#maisonDeDolce div.plateWrap03 .plateText {
  padding: 0 0 5% 0;
  letter-spacing: normal;
}
#maisonDeDolce .sliderBox03, #maisonDeDolce .sliderBox05 {
  width: 60%;
  margin: 0 auto 0 9%;
}
#maisonDeDolce .plateWrap03 .plateText::after,
#maisonDeDolce .plateWrap04 .plateText::after,
#maisonDeDolce div.plateWrap05 .plateText::after{
  bottom: 7%;
  transition: 0.3s ease-in-out;
}
#maisonDeDolce div.plateWrap03 a:hover .plateText::after,
#maisonDeDolce div.plateWrap04 a:hover .plateText::after,
#maisonDeDolce div.plateWrap05 a:hover .plateText::after {
  background: url("/img/interior/maisondedolce/arw_white.png") no-repeat 60% 50% / 32%;
  background-color: #9b6a6a;
}
#maisonDeDolce .sliderBox03::after {
  width: 23%;
  bottom: 7%;
  right: -26%;
}
#maisonDeDolce .sliderBox04 {
  width: 63%;
  margin: 3% 6% 0 auto;
}
#maisonDeDolce .sliderBox04::after {
  width: 19%;
  bottom: -4%;
  left: -19%;
}
#maisonDeDolce .sliderBox04 .slider {
  width: 80%;
}
#maisonDeDolce .sliderBox04 .slider .slick-dots {
  bottom: -3%;
}
#maisonDeDolce div.plateWrap04 {
  width: 55%;
  margin-right: 8%;
}
#maisonDeDolce .subImg {
  width: 58%;
  margin: 3% 0% 0 auto;
}
#maisonDeDolce #nav04 {
  margin-top: 5%;
}
#maisonDeDolce #nav04 h2 {
  width: 32%;
  margin-right: 3%;
}
#maisonDeDolce #nav04 .mainImg {
  margin-top: -10%;
}
#maisonDeDolce div.plateWrap05 {
  width: 60%;
  margin: 2% auto 0 8%;
}
#maisonDeDolce div.plateWrap05::after {
  width: 17%;
  top: 2%;
  right: -26%;
}
#maisonDeDolce #nav04 .subImg {
  width: 52%;
  margin: 0 6% 0 auto;
}
#maisonDeDolce #nav05 {
  margin-top: 0;
}
#maisonDeDolce #nav05 h2 {
  width: 28%;
  margin-left: 3%;
}
#maisonDeDolce div.plateWrap06 {
  width: 50%;
  margin-top: 5%;
}
#maisonDeDolce .sliderBox06 {
  width: 60%;
  margin: 0 auto;
}
#maisonDeDolce #nav05 .size + ul {
  column-gap: 20px;
}
#maisonDeDolce #nav05 h2 + .slider .slick-dots {
  bottom: 9%;
}
#maisonDeDolce .otherItems {
  margin-top: 15%;
}
#maisonDeDolce .otherItems h2 img {
  width: 46%;
}
#maisonDeDolce .otherItems h2 {
  background: url("/img/interior/maisondedolce/other_bg_pc.png") 50% 100% / 100% no-repeat;
}
#maisonDeDolce .otherItems .othrlst {
  padding: 6% 0;
  background: url("/img/interior/maisondedolce/bg_other_pc.jpg") center 0 / 100% repeat-y;
}
#maisonDeDolce .otherItems .othrlst ul {
  width: 91%;
  margin: 0 auto;
  justify-content: flex-start;
  gap: 18px 18px;
}
#maisonDeDolce .otherItems .othrlst ul>li {
  width: 32%;
  margin: 0;
}
#maisonDeDolce .otherItems .btn_ot {
  transition: 0.3s ease-in-out;
}
#maisonDeDolce .btnOther a:hover .btn_ot{
  text-shadow: -1px -1px 0 #f1cfd7, 1px -1px 0 #f1cfd7, -1px 1px 0 #f1cfd7, 1px 1px 0 #f1cfd7, -1px 0 0 #f1cfd7, 1px 0 0 #f1cfd7, 0 -1px 0 #f1cfd7, 0 1px 0 #f1cfd7, -2px -2px 1px #f1cfd7, 2px -2px 1px #f1cfd7, -2px 2px 1px #f1cfd7, 2px 2px 1px #f1cfd7, -2px 0 1px #f1cfd7, 2px 0 1px #f1cfd7, 0 -2px 1px #f1cfd7, 0 2px 1px #f1cfd7;
}
#maisonDeDolce .btnLast {
  width: 40%;
  margin: 5% auto 0;
}
#maisonDeDolce .btnLast a:hover::after {
  right: 3%;
}
}
/*///// animation /////*/
.anmt, .at-anmt1, .at-anmt2{
  position: relative;
  height: 100%;
}
.anmt, .anmt > div, .at-anmt1, .at-anmt2{
  opacity: 0;
}
.at-anmt1.animated{
  animation: mainshow1 .8s ease-in-out 0s forwards;
}
@keyframes mainshow1{
  10%{
    opacity: 0;
    transform: translateY(100px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}
.at-anmt2.animated{
  animation: mainshow2 .8s ease-in-out .5s forwards;
}
@keyframes mainshow2{
  40%{
    opacity: 0;
    transform: translateY(100px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}
.anmt.animated, .anmt.animated > div{
  animation: boxshow .5s ease-in-out 0s forwards;
}
@keyframes boxshow{
  0%{
    opacity: 0;
    transform: translateY(70px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}
.anim-box.poyopoyo {
  animation: poyopoyo 3s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}