@charset "utf-8";
/* CSS Document */

.Area_top .date {position:absolute;top: 878px;left: 534px;width: 20%;z-index: 8;}
.Area_top .date .TIMER_DAY span {font-size: 55px;font-weight: 900;line-height: 0;margin-left: 6px !important;color: #f97933;letter-spacing: -3px;font-family: "Century Gothic", serif;}
.Area_top .date .TIMER_DAY small {font-size: 30px;line-height:5px;margin-left: 6px;color: #ffffff;letter-spacing:0;font-family: "Century Gothic", serif;font-weight: 600;display: none;}
.Area_top .date .TIMER_DAY #sendMonth {text-align: left;display: inline-block;display: none;}
.Area_top .date .TIMER_DAY #sendToday {margin-left: 0;text-align: left; display: inline-block;}
@media screen and (max-width: 767px){
  .Area_top .date {position:absolute;top: 91.3vw;left: 31.4vw;z-index: 15;display: inline-flex;font-size: 0vw;font-weight: 800;color: #f97933;letter-spacing:0;text-align:center;align-items: baseline;justify-content: center;font-family:"Century Gothic";}
  .Area_top .date .TIMER_DAY span {font-size: 5.7vw;font-weight: 800;line-height: 0;margin-left: 0.3vw !important;color: #f97933;letter-spacing: -1px;font-family: "Century Gothic", serif;width: 0;}
  .Area_top .date .TIMER_DAY small {font-size: 4vw;font-weight: 800;line-height:10vw;margin-left: 0vw;padding-left: 4vw;color: #f97933;letter-spacing:0;font-family: "Century Gothic", serif;display: none;}
  .Area_top .date .TIMER_DAY #sendMonth {text-align: left;display: inline-block;display: none;}
  .Area_top .date .TIMER_DAY #sendToday {margin-left: 0;display: inline-block;text-align: left;padding-left: 0.5vw;}
}
@media screen and (max-width:767px){
  .Area_top { width: 778px;top: 0;}
  .title02 { animation: jello 2.6s 1.1s ease-out;}	
  .title03_L {position: absolute;top: 3vw;left: 2vw;z-index: 30;width: 50%;overflow: hidden;z-index: 0;}
  .title03_R {position: absolute;top: 3vw;left: 52vw;z-index: 30;width: 50%;;overflow: hidden;z-index: 0;}	
  .title03_L .title03.L-move img {width: 52%!important;}
  .title03_R .title03.R-move img {width: 100%!important;}
  .title03_L .title03.L-move img {position: relative;top: -3vw;left: -1.7vw;}	
  .title03_R .title03.R-move img {position: relative;top: -3vw;left: 20vw;}	
}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_into h3 {color: #f34b8a;text-align: center;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD p del {position: relative;color: #aba9a1;font-weight: 100;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD p .money, .Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD p .Price {color: #f34b8a;font-family: Arial;font-weight: 700;margin-left: 6px;}
@media screen and (max-width:767px){
.Area_drawing-area-1x1 .PD_layout.layout_item .PD p b { display: none;}
}
.Area_drawing-area-1x1 .PD_layout.layout_item[data-pd-h3="5"] .PD h3 span {background-color: rgba(218, 218, 218, 0);max-width: 100%;color: #f75994;}
@media screen and (min-width:768px){
.Area_drawing-area-1x1 .PD_layout.layout_item {margin: 1% 0% 0;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide {height: 470px;padding:0;margin: 0;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_into {width: 38%;margin: 0 auto;position: absolute;left: 301px;top: 106px;transform: translateX(56%);text-align: left;font-size: 1em;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_img img {width: 64%;margin: 0% 0% 0 22%;box-shadow: unset;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 2em;font-weight: 600;font-size: 2.9em;line-height: 1.9em;font-family: "Noto Sans CJK SC";}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2.9em;color: #373737;padding: 0;text-align: center;max-height: 1.5em;font-weight: 600;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD p del {top: -3px;left: -1px;font-size: 0.9em;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD p {padding: 1% 0;height: auto;line-height: 1em;font-size: 2em;/*transform: rotate3d(25, 55, 1, 354deg)*/text-align: center;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD p .money {font-size: 0.9em;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD .PD_logo img{width: 55%;height: auto;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD .PD_logo {position: absolute;top: -140px;left: -10px;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD p .Price {font-size: 2.2em;text-align: left;line-height: 0.9em;}
.Area_drawing-area-1x1 .PD_layout.layout_item li {left: 20px; background: url("itembg.png?t=1788233001736") center top / 80% no-repeat scroll !important;}	
}
@media screen and (max-width:767px){
.Area_drawing-area-1x1 .PD_layout.layout_item { width: 100%;position: relative; z-index: 50; }
.Area_drawing-area-1x1 .PD_layout.layout_item ul {padding: 0;margin: 1% auto;}
.Area_drawing-area-1x1 .PD_layout.layout_item ul li {width: 100%;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 0;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD .PD_logo img{width: 25%;height: auto;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_into {position: absolute;margin: 0 auto;top: 9.5vw;left: 15vw;width: 51%;transform: translateX(55%);text-align:left;display: block;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_img img {width: 87%;margin: -3% 0% 0 5%;box-shadow: unset;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;top: 1px;left: -8px;font-weight: 900 !important;font-size: 20px;text-align: center;letter-spacing: -0.2px;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;top: 0vw;left: 0vw;font-weight: 900 !important;font-size: 20px;text-align: center;letter-spacing: -0.2px;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD_into h4 {position: relative;top: 0vw;left: 2vw;color: #3b3a38;margin-bottom: 0em;font-size: 18.3px;font-weight: 700;text-align: center;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD .PD_logo img{width: 25%;height: auto;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD .PD_logo {position: absolute;top: -13.5vw;left: 0%;transform: translateX(-22%);}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD p del {top: 0px;left: 3px;font-size: 1em;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD_slide .PD p {padding: 0;line-height: 3em;height: 3em;margin-left: 2.5vw;}
.Area_drawing-area-1x1 .PD_layout.layout_item .PD p .Price {position: relative;top: 0.6vw;left: -1.5vw;;font-size: 31.5px;margin-left: 0.5vw;line-height: 7.2vw;max-height: 9.5vw;}
.Area_drawing-area-1x1 .PD_layout.layout_item li {height: 46vw;background: url("itembg.png?t=1788233001736") center top / 100% no-repeat scroll !important;}	
}
.Area_bn-grid-3x1[org="2"] .PD_layout { width: 85%; margin: 0 auto;}
.Area_bn-grid-3x1[org="2"] .PD_layout ul li { height: 240px;}
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(2) { margin-top: -30px;}
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(4),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(6),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(7),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(9),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(10),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(12) { margin-top: 30px;}
@media screen and (max-width:767px){
.Area_bn-grid-3x1[org="2"] { margin-bottom: 15px;}
.Area_bn-grid-3x1[org="2"] .PD_layout { width: 100%;}
.Area_bn-grid-3x1[org="2"] .PD_layout ul li { height: 25vw;}
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(2) { margin-top: -5vw;}
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(4),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(6),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(7),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(9),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(10),
.Area_bn-grid-3x1[org="2"] .PD_layout ul li:nth-child(12) { margin-top: 5vw;}
}
.Area_bn-grid-3x1[org="2"] .PD_layout ul li .PD_img { width: 100% !important;overflow: hidden;}
@media screen and (max-width:767px){
.Area_bn-grid-3x1[org="2"] .PD_layout ul li { width: 100%;}
}
@keyframes jello {
  from, 7%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}