:root {
    --bk:#77716d;
    --opk:#e2b8bb;
    --be:#f9e6e2;
    --pk:#fadada;

    --bk2:#6b7485;
    --pr:#ad96de;
    --lpr:#e2e2fc;
    --lv:#bebff8;
}

img {width:100%;height: auto;}
header {background:#fff;width:100%;height:50px;padding:2px 0;text-align: center;}
header a {display: inline-block;margin:0 auto;}
header a img {height: 44px;width: auto;}


.wrapper {background:var(--be);position:relative;text-align: center;width: 100%;overflow-x: hidden;transition:all 1s;}
.wrapper:before,
.wrapper:after {content:"";display: block;position:absolute;left:0;top:0;bottom:0;width:150px;background: url(https://saysweety.com/img/backimg_left.jpg);background-size:100% auto;z-index:1;}
.wrapper:after {left:auto;right:0;background: url(https://saysweety.com/img/backimg_right.jpg);background-size: 100% auto;}
.wrapper > * {position: relative;z-index:3;-webkit-font-smoothing: antialiased;}
.wrapper h2 {position:relative;width:200px;font-family: "adobe-garamond-pro", serif;color:#fff;letter-spacing:1px;font-weight:400;background:var(--opk);margin:20px auto 10px;border-radius:20px;padding:8px 0 4px;}
.wrapper h2:before,
.wrapper h2:after {content:"";display: inline-block;width:0;height: 0;border-top:6px solid var(--lv);border-left:4px solid transparent;border-right:4px solid transparent;margin:0 10px;}


.first_view {position:relative;}
.first_view p {position:relative;font-family: "adobe-garamond-pro", serif;text-align:left;padding:6px 0 2px 70px;line-height: 1em;font-size:30px;color:var(--bk);}
.first_view p img {position:absolute;width:55px;z-index:5;left:8px;top:6px;}
.first_view > img {position:absolute;width:94px;right:10px;bottom:-40px;}
@media screen and (min-width:750px) {
    .first_view p {width:750px;margin:0 auto;}
    .first_view > img {left:325px;right:0;margin:0 auto;}
}

.copy {text-align: center;position:relative;padding:10px 2em 40px;z-index:5;max-width:750px;margin: 0 auto;}
.copy .logo {width:200px;margin:40px auto;}
.copy dt {color:var(--bk);font-family: "adobe-garamond-pro", serif;}
.copy dd {color:var(--bk);font-size:10px;font-family: "Kaisei Opti", serif;}
.copy img.bear {position:absolute;bottom:-10px;left:10px;width:60px;}


.item_area {position:relative;padding:10px 0;text-align: center;max-width:750px;margin:0 auto;}
.item_area .comment {background:var(--be);font-size: 10px;color: var(--bk);text-align: justify;white-space:pre-line;opacity:.8;padding:4px;}
.item_area .item_lineup {background: var(--bk);z-index:3;display:flex;flex-wrap: wrap;padding:2px;}
.item_area .item_lineup .item_wrap {width:calc(100% / 3);padding:2px;font-family: "adobe-garamond-pro", serif;}
.item_area .item_lineup .item_wrap .name {color:#fff;font-size: 10px;margin:4px auto 0;line-height:1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-align: left;}
.item_area .item_lineup .item_wrap .price {color:#fff;font-size:14px;}
.item_area .item_lineup .item_wrap .price:before {content:"￥";font-size:10px;}
.item_area .item_lineup .item_wrap .price:after {content:"税込";font-size:10px;}

.item_area .item_image .item_products {background: var(--opk);margin:0 auto;padding:20px 0;}
.item_area .item_image .item_products:nth-child(2) {background:transparent;}


.andmore {margin:1em auto;text-align: center;}
.andmore a {display:block;font-family: "adobe-garamond-pro", serif;position:relative;width:200px;margin:0 auto;font-size:18px;letter-spacing:2px;text-decoration: none;background: var(--opk);color:var(--bk);padding:6px 0;border-radius: 20px;}
.andmore a:before {content:"";display:block;width:30px;aspect-ratio:36/53;background-image:url(https://saysweety.com/img/kazari_ribbon.png);background-size:100% auto;position:absolute;top:6px;left:14px;}
.andmore a:after {content:"";display:block;width:8px;height:8px;border-top:2px solid var(--opk);border-right:2px solid var(--opk);transform: rotate(45deg);position:absolute;right:14px;top:calc(50% - 4px);}


.vsm-tile {max-width:750px;margin:0 auto;}
.vsm-tile .ecbn-selection-page-wrapper h2 {display:none;}
.grid_one .ecbn-selection-snap {display: grid;grid-template-columns: 1fr 1fr 1fr;width:100% !important;height:auto !important;}
.grid_one .ecbn-selection-snap .ecbn-selection-item:nth-child(1) {grid-column: 3 / 4;grid-row: 1 / 2;}
.grid_one .ecbn-selection-snap .ecbn-selection-item:nth-child(2) {grid-column: 1 / 3;grid-row: 1 / 3;}
.grid_one .ecbn-selection-snap .ecbn-selection-item:nth-child(3) {grid-column: 3 / 4;grid-row: 2 / 3;}
.grid_one .ecbn-selection-snap .ecbn-selection-item:nth-child(7) {grid-column: 1 / 2;grid-row: 4 / 5;}
.grid_one .ecbn-selection-snap .ecbn-selection-item:nth-child(4) {grid-column: 2 / 4;grid-row: 4 / 6;}
.grid_one .ecbn-selection-snap .ecbn-selection-item {position: relative !important;width:100% !important;aspect-ratio: 1 / 1;top:auto !important;left:auto !important;overflow: hidden;}
.grid_one .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item>div>a {padding-top:0 !important;}
.grid_one .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-item img {position: relative !important;transform: none !important;top:0 !important;left:0 !important;aspect-ratio: 1 / 1;object-fit: cover;}


.profile {padding:10px 20px;max-width: 400px;margin:20px auto;background:var(--pk);border-radius:20px;}
.profile h3 {font-size: 14px;color:var(--bk);font-weight: 100;text-align: center;}
.profile h3 img {display:inline-block;width:200px;aspect-ratio: 1/1;overflow: hidden;border-radius: 50px;object-fit: cover;object-position: 50% 20%;vertical-align: middle;}
.profile h3 p {display:inline-block;vertical-align: middle;font-size: 14px;color:var(--bk);}
.profile h3 p::before {content:"selected by";display:block;padding:4px 10px;margin:0 4px;font-size:14px;font-family: "adobe-garamond-pro", serif;}
.profile > p {font-size:10px;color:var(--bk);padding:10px 0;text-align: center;}

.profile .sns {text-align: center;}
.profile .sns > div {display:flex;width:90%;margin:10px auto;text-align: left;align-items: center;}
.profile .sns > div i {width:46px;}
.profile .sns > div p {width:20%;text-align:center;font-size:10px;color:var(--bk);}
.profile .sns > div a {display:block;position:relative;width:60%;margin:10px auto;text-align: center;background:var(--bk);border-radius: 30px;color:var(--be);padding:10px;font-size:10px;text-decoration: none;}
.profile .sns > div a:after {content:"";display: block;width:0;height: 0;border-left:10px solid var(--pk);border-top:7px solid transparent;border-bottom:7px solid transparent;position:absolute;top:11px;right:10px;}
.profile .sns div i {font-size:40px;color:var(--bk);}
.profile .sns div:first-child i {font-size:46px;}



.official_sns {text-align: center;padding:20px 0;width:90%;max-width: 400px;margin:0 auto;}
.official_sns h4 {font-size:10px;letter-spacing: 4px;margin:0 auto 1em;border-bottom: 1px solid var(--bk);color:var(--bk);padding-bottom:2px;}
.official_sns a {display: flex;justify-content:flex-start;align-items:center;text-decoration:none;color: #000;width: 400px;padding:4px 0;margin:2px auto;}
.official_sns a i {font-size:20px;}
.official_sns a p {font-size: 10px;padding:0 10px;letter-spacing: 2px;}
.official_sns a p.account {font-size:10px;background: var(--pk);color:var(--bk);}
.official_sns .inst_story {width:100%;margin:10px auto 20px;}
.official_sns .inst_story a {padding:0 5px;}
.official_sns .inst_story .slick-next {right:10px;z-index: 10;}
.official_sns .inst_story .slick-prev {left:10px;z-index: 10;}



.footer_info {text-align: center;background: var(--be);}
.footer_info a {font-size:10px;display:inline-block;color:var(--bk);}
.copylights {text-align: center;background: var(--opk);font-size:10px;padding:10px 0;color:#fff;}


.iv_it.todw {opacity: 0;transform:translateY(-30px);transition:all 1s ease;}
.iv_it.todw.is-show {opacity: 1;transform:translateY(0px);}
.iv_it.toR {opacity: 0;transform:translateX(30px);transition:all 1s ease;}
.iv_it.toR.is-show {opacity: 1;transform:translateX(0px);}
.iv_it.toL {opacity: 0;transform:translateX(-30px);transition:all 1s ease;}
.iv_it.toL.is-show {opacity: 1;transform:translateX(0px);}


.iv_it.item_list .item_wrap {opacity: 0;top:-30px;position: relative;transition:all .9s ease;}
.iv_it.item_list.is-show .item_wrap {opacity: 1;top:0;}
.iv_it.item_list .item_wrap:nth-child(2) {transition-delay: .2s;}
.iv_it.item_list .item_wrap:nth-child(3) {transition-delay: .4s;}
.iv_it.item_list .item_wrap:nth-child(4) {transition-delay: .6s;}
.iv_it.item_list .item_wrap:nth-child(5) {transition-delay: .8s;}
.iv_it.item_list .item_wrap:nth-child(6) {transition-delay: 1.0s;}
.iv_it.item_list .item_wrap:nth-child(7) {transition-delay: 1.2s;}
.iv_it.item_list .item_wrap:nth-child(8) {transition-delay: 1.4s;}
.iv_it.item_list .item_wrap:nth-child(9) {transition-delay: 1.6s;}






/*image - first_collection*/
.item_image {position:relative;max-width:750px;margin:0 auto;}
.item_image .item_products {width:100%;margin:0 auto;}
.item_image .item_products a {position:relative;display:block;}
.item_image .item_products a img {position: relative;}
.item_image .kadomaru {border-radius: 30px;}
.item_image .maru {border-radius: 50%;aspect-ratio: 1/1;}



/*lineup - first_collection*/
.lineup .item_lineup {display: flex;flex-wrap: wrap;padding:4px;max-width:750px;margin:0 auto;}
.lineup .item_lineup .item_wrap {width: calc(100% / 3);padding:4px;}
.lineup .item_lineup .item_wrap .price,.lineup .item_lineup .item_wrap .name {display: none;}


/*image - second_collection*/
.item_products a {text-decoration: none;}
.item_image2 .item_products {position: relative;}
.item_image2 .item_products:before {content:"";display:block;width:80%;height: 75%;left:0;right:0;bottom:0;margin:0 auto;background: var(--lv);position:absolute;z-index:-1;border-radius: 20px;opacity: .9;}
.item_image2 .item_products .image_flex {display: flex;justify-content: space-between;margin:10px auto;}
.item_image2 .item_products .image_flex img.iv_it {width:calc(100% / 3 - 4px);}
.item_image2 .item_products .image_flex img.iv_it:nth-child(2) {transition-delay: .2s;}
.item_image2 .item_products .image_flex img.iv_it:nth-child(3) {transition-delay: .4s;}
.item_image2 .item_products img.drop-shadow {filter:drop-shadow(6px 10px 3px #514d9ed2);margin-bottom: 20px;padding:0 10px 6px 0;}
.item_image2 .comment {background: transparent;color: #fff;font-weight:600;font-family: "Kaisei Opti", serif;}
.item_image2 .comment:before {content:"Seina's Comment";display:block;margin-bottom:4px;font-size:14px;line-height:1em;color:#fff;font-weight:bold;font-family: "adobe-garamond-pro", serif;}
.item_image2 .item_products .kazari {position: absolute;width:35%;top:12%;left:3%;filter:drop-shadow(0 6px 5px #514d9e42);padding:0 6px 6px 0;}
.item_image2 .item_products .cart-in {display: block;width:160px;color: #fff;background-color: var(--pr);margin:0 auto;border-radius: 20px;font-size:14px;padding:4px 0;}

.item_image2 .ss-uwj1005pr .comment {position:absolute;width:28%;top:50%;transform:translateY(-70%);left:12%;margin:auto;}

.item_image2 .ss-uwj1005sx:before {height: 80%;}
.item_image2 .ss-uwj1005sx .kazari {width:25%;left:auto;right:2%;top:10%;}
.item_image2 .ss-uwj1005sx .comment {position:absolute;width:35%;top:50%;transform:translateY(-90%);right:14%;}

.item_image2 .ss-uwj1009cr > div {display: flex;align-items: flex-end;}
.item_image2 .ss-uwj1009cr > div a {display: inline-block;width:66%;}
.item_image2 .ss-uwj1009cr > div a.image_tate {display: inline-block;width:32%;}
.item_image2 .image_tate {margin-bottom: -30px;}
.item_image2 .image_tate img {filter:drop-shadow(4px 3px 2px #514d9ed2);margin-top:10px;padding:0 3px 4px 0;}
.item_image2 .ss-uwj1009cr .comment {width:80%;margin:20px auto 20px 18%;}
.item_image2 .ss-uwj1009cr .cart-in {margin-left:27%;}
.item_image2 .ss-uwj1009cr .kazari {width:30%;left:auto;right:6%;top:10%;}

.item_image2 .ss-uwj1009bk > div {display: flex;align-items: flex-end;justify-content: flex-end;}
.item_image2 .ss-uwj1009bk > div a {display: inline-block;width:66%;}
.item_image2 .ss-uwj1009bk > div a.image_tate {display: inline-block;width:32%;}
.item_image2 .ss-uwj1009bk .comment {width:70%;margin:20px 18% 20px auto;}
.item_image2 .ss-uwj1009bk .cart-in {margin-right:26%;}
.item_image2 .ss-uwj1009bk .kazari {right:6%;top:5%;}

.item_area .item_image2 .ss-uwj1008wh {margin-top:50px;}
.item_image2 .ss-uwj1008wh .kazari:nth-child(1) {top:-30px;z-index:3;}
.item_image2 .ss-uwj1008wh .kazari:nth-child(2) {width:25%;top:auto;bottom:-40px;left:auto;right:0;z-index:3;}
.item_image2 .ss-uwj1008wh a img:nth-child(1) {position:relative;width:calc(80% - 40px);margin:0 auto;z-index:1;}
.item_image2 .ss-uwj1008wh a img:nth-child(2) {position:absolute;width:60%;top:0;right:-10%;z-index:2;filter:drop-shadow(4px 3px 2px #514d9ed2);}
.item_image2 .ss-uwj1008wh .comment {width:70%;margin:10px auto;}
.item_image2 .ss-uwj1008wh:before {height: 100%;}

.item_area .item_image2 .ss-uwj1008dpk {margin-top: 50px;}
.item_image2 .ss-uwj1008dpk .kazari {top:40%;left:auto;right:calc(10% + 20px);z-index:3;}
.item_image2 .ss-uwj1008dpk a img:nth-child(1) {position:relative;width:calc(80% - 20px);margin:0 auto;z-index:1;}
.item_image2 .ss-uwj1008dpk a img:nth-child(2) {position:absolute;width:19%;bottom:-20px;left:12%;z-index:2;}
.item_image2 .ss-uwj1008dpk .comment {width:50%;transform:translateX(20%);margin:10px auto;}
.item_image2 .ss-uwj1008dpk:before {height: 100%;}

@media screen and (min-width:450px) {
    .item_image2 .ss-uwj1009bk > div a,
    .item_image2 .ss-uwj1009cr > div a {padding-top:100px;}
    
}