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

.modal_opening .remodal_in .close_btn {right:5px;}
.openarea .box {border-radius: 10px;padding: 5%;}
.openarea .box2 {border-radius: 10px;overflow:hidden;}
.openarea .slick-slide {padding:0 10px;}

.openarea {position:relative;}
.openarea .slick-list {overflow:unset !important;}
.openarea .slick-dots {text-align:center;margin-top: 1em;}
.openarea .slick-dots li {display:inline-block;margin:5px;}
.openarea .slick-dots li button {font-size: 0;background:none;border:none;outline:none;padding:0;}
.openarea .slick-dots li button:before {content:"";width: 4vw;height: 4vw;background:#ddd;display:block;border-radius:50%;}
.openarea .slick-dots li.slick-active button:before {background:#e41395;}

.release_make_you_happy {background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);border: 1px solid #eee;}
.release_make_you_happy .logo {width: 30%;margin: 1em auto;max-width: 200px;}
.release_make_you_happy .jacket span {background-repeat: no-repeat;background-position: center;background-size: cover;display: block;padding-top: 100%;}
.release_make_you_happy .details {margin:1em 0;}
.release_make_you_happy .details p {margin-bottom:1em;}
.release_make_you_happy .details h3 {text-align: center;font-size: 1.1em;}
.release_make_you_happy .details h3 span {display: block;font-size: 2em;line-height: 1.2;}
.release_make_you_happy .details .release_date {font-size: 1.2em;text-align: center;margin: 1em 0;}

.release_btn {margin:2em 0 1em;}
.release_btn .btn {display:block;color:#fff;font-weight:600;letter-spacing:.3em;padding:0 1em;text-align:center;line-height:3.5;background: -webkit-linear-gradient(left, #ff758c 0%, #ff7eb3 100%);background : linear-gradient(to left, #ff758c 0%, #ff7eb3 100%);border-radius:30px;position:relative;overflow: hidden;}
.release_btn .btn span {font-style:normal;display:block;width:1.2em;position:absolute;left:1.5em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-top: .5em;}
.release_btn .btn span svg {fill:#fff;}
.release_btn .btn:after {content:"\f3d3";font-family:"ionicons";position: absolute;right:1em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.release_btn .btn:before {-webkit-animation: is-reflection 4s ease-in-out infinite;-webkit-transform: rotate(45deg);animation: is-reflection 4s ease-in-out infinite;background-color:rgba(255,255,255,.4);content: " ";height: 100%;left: 0;opacity: 0;position: absolute;top: -180px;transform: rotate(45deg);width: 30px;}
.release_btn + .release_btn .btn:before {-webkit-animation-delay: .3s;animation-delay: .3s;}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
.release_btn .btn {box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,.0);transition: .3s;}
.release_btn .btn:hover {box-shadow: 0 10px 10px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);transform: translateY(-3px);}


@media screen and (min-width:375px) {
}

@media screen and (min-width:568px) {
}

@media screen and (min-width:768px) {
.openarea .box {padding: 30px;}
.openarea .slick-dots li button:before {width: 20px;height: 20px;}


.release_make_you_happy .logo {max-width: 120px;margin: 0 auto 2em;}
.release_make_you_happy .jacket {width:48%;float:left;}
.release_make_you_happy .details {margin:0;width: 48%;float: right;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1600px) {
}

@media screen and (max-height:880px) {
}

@media only screen
    and (min-device-width:320px)
    and (max-device-width:767px) {
}