@keyframes expandWidth{0%{width:0}to{width:100%}}new-common-image-layout{display:block;overflow:hidden}.new-common-img-layout .item{position:relative}.new-common-img-layout img{width:100%;height:auto}.new-common-img-layout .text-container{position:absolute;top:0;left:0;width:100%;height:100%}.new-common-img-layout .img-video-container .image-element__wrap img{border-radius:16px}.new-common-img-layout .text-container>div{display:table;width:100%;height:100%}.new-common-img-layout .text-position{display:table-cell;position:relative}.settomgs-layout .pc-layout .item-cell-1 .item{height:100%}.settomgs-layout .pc-layout .item-cell-1 .item>div{height:100%}.settomgs-layout .pc-layout .item-cell-1 .item .img-video-container,.settomgs-layout .pc-layout .item-cell-1 .item .img-video-container .image-element__wrap{height:100%}.settomgs-layout .pc-layout .item-cell-1 .item .img-video-container .image-element__wrap img{width:100%!important;height:100%!important;object-fit:cover;object-position:center}.settomgs-layout{background-color:#0d0d0d}.common-title{font-size:clamp(15px,2.5vw,40px);font-weight:600;color:#fff}.common-title .text5{font-size:clamp(20px,2.5vw,48px)}.common-title .text6{font-size:clamp(10px,2.5vw,20px)}.settomgs-layout .text2{color:#ffffffb3}.settomgs-layout .pc-layout .item-cell-1{width:100%;display:grid;grid:"item1 item3" auto "item2 item3" auto / 51% 49%;gap:16px}.settomgs-layout .text2{color:#555}@media(max-width:850px){.settomgs-layout .item-cell-1{width:100%;display:grid;grid:"item3" auto / 100% "item1" auto "item2" auto;gap:16px}.settomgs-layout .common-title{line-height:30px!important}.settomgs-layout .text2{font-size:clamp(12px,1.25vw,24px)!important}.new_common_image_layout .text2{font-family:var(--rany-regular)}.settomgs-layout .common-title .text5,.settomgs-layout .common-title{font-size:clamp(24px,1.25vw,40px)!important}.settomgs-layout .common-header{text-align:left}.settomgs-layout .common-header .common-title+.common-subtitle{margin-top:0}.settomgs-layout .common-header .common-subtitle .pc-left-box{font-size:clamp(20px,1.25vw,40px)!important;color:#000!important}.settomgs-layout .common-header .common-title{font-size:clamp(8px,1.25vw,16px)!important}.settomgs-layout .common-subtitle{font-size:clamp(20px,1.25vw,40px)!important;color:#fff}.settomgs-layout .common-header .common-title .common-subtitle{margin-top:0}.settomgs-layout .common-subtitle{line-height:35px}.settomgs-layout .pc-right-box{line-height:15px}.new_common_image_layout .common-wrapper{padding:0 10px}}.settomgs-layout .common-subtitle{font-family:Rany,sans-serif}@media(min-width:850px){.settomgs-layout .common-header{margin-bottom:clamp(30px,2vw,40px)}.settomgs-layout .common-wrapper .common-subtitle{display:flex;justify-content:space-between;margin-top:8px}.settomgs-layout .common-subtitle>*{font-size:clamp(8px,2.5vw,16px);font-family:var(--rany-regular)}.settomgs-layout .pc-left-box{width:60%;text-align:left}.settomgs-layout .pc-right-box{text-align:left}.settomgs-layout .pc-left-box{font-size:clamp(18px,2.5vw,36px);color:#000;font-weight:500}}.settomgs-layout .common-title{padding:16px;margin-bottom:0}.settomgs-layout .common-title .text5,.settomgs-layout .common-title .text1{font-family:Rany,sans-serif;font-weight:500}.settomgs-layout .common-header .common-title{text-align:left;color:#9b7648;font-size:clamp(8px,1.25vw,16px);font-weight:700;padding:0;font-family:Rany,sans-serif}.common-title .text2{font-family:Noto Sans JP,sans-serif;font-size:clamp(8px,1.25vw,16px);font-weight:400;color:#ffffffb3}.settomgs-layout .common-section-container{padding:clamp(60px,6.25vw,120px) 0}.settomgs-layout .pc-layout .item-cell-1 .item-1{grid-area:item1}.settomgs-layout .pc-layout .item-cell-1 .item-2{grid-area:item2}.settomgs-layout .pc-layout .item-cell-1 .item-3{grid-area:item3}.new-common-img-layout .vertical-top{vertical-align:top}.new-common-img-layout .vertical-bottom{vertical-align:bottom}.new-common-img-layout .vertical-middle{vertical-align:middle}.new-common-img-layout .text-position.horizontal-left .text-width{margin-right:auto}.new-common-img-layout .text-position.horizontal-center .text-width{margin-left:auto;margin-right:auto}.new-common-img-layout .text-position.horizontal-right .text-width{margin-left:auto}.new-img-layout-mb{position:relative}.new-common-img-layout .swiper-pagination{margin-top:0}.new-common-image-layout .swiper-pagination-bullet-active:before{animation:expandWidth var(--swiper-autoplay-speed) linear forwards}.new-common-image-layout.progress-paused .swiper-pagination-bullet-active:before{animation-play-state:paused}.new-common-image-layout[data-button-status=paused] .bottom-btn-container .swiper-btn .icon-pause,.new-common-image-layout[data-button-status=playing] .bottom-btn-container .swiper-btn .icon-play,.new-common-image-layout[data-button-status=restart] .bottom-btn-container .swiper-btn .icon-restart{display:block!important}.settomgs-layout .common-header{margin-bottom:clamp(30px,2vw,40px)}@media only screen and (min-width:769px)and (max-width:989px){.new-common-img-layout .img-video-container .image-element__wrap img{border-radius:12px}}@media only screen and (max-width:850px){.settomgs-layout .common-title{padding:10px}.new-common-img-layout .common-section-container-inner .item-container .item .text-width{max-width:100%}.new-common-img-layout .mb_vertical-top{vertical-align:top}.new-common-img-layout .mb_vertical-bottom{vertical-align:bottom}.new-common-img-layout .mb_vertical-middle{vertical-align:middle}.new-common-img-layout .text-position.mb_horizontal-left .text-width{margin-left:0}.new-common-img-layout .text-position.mb_horizontal-center .text-width{margin-left:auto;margin-right:auto}.new-common-img-layout .text-position.mb_horizontal-right .text-width{margin-left:auto}}@media screen and (max-width:850.1px){.main-content .new-common-img-layout-style{overflow:hidden}.main-content .new-common-img-layout-style .swiper-container{overflow:visible}.main-content .new-common-img-layout-style .swiper-pagination{width:fit-content;background:#7a7a7a66;position:relative;border-radius:50px;padding:20px;display:flex;justify-content:center;gap:8px}.main-content .new-common-img-layout-style .swiper-pagination .swiper-pagination-bullet{width:12px;height:6px;border-radius:50px;background:#999;position:relative;opacity:1}.main-content .new-common-img-layout-style .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:24px}.main-content .new-common-img-layout-style .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content:"";position:absolute;left:0;top:0;width:16px;height:100%;background:#fff;border-radius:50px}.main-content .new-common-img-layout-style .bottom-btn-container{display:flex;align-items:center;margin-top:10%;gap:8px;justify-content:center}.main-content .new-common-img-layout-style .bottom-btn-container .swiper-btn{width:48px;height:48px;background:#7a7a7a66;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.main-content .new-common-img-layout-style .bottom-btn-container .swiper-btn svg{width:100%;position:absolute;left:0;bottom:0;right:0;top:0;width:fit-content;height:fit-content;margin:auto}.main-content .new-common-img-layout-style .new-img-item{order:8}.main-content .new-common-img-layout-style .new-img-item.order-1{order:1}.main-content .new-common-img-layout-style .new-img-item.order-2{order:2}.main-content .new-common-img-layout-style .new-img-item.order-3{order:3}.main-content .new-common-img-layout-style .new-img-item.order-4{order:4}.main-content .new-common-img-layout-style .new-img-item.order-5{order:5}.main-content .new-common-img-layout-style .new-img-item{position:relative}.main-content .new-common-img-layout-style .new-img-item .text{position:absolute;left:0;top:0;right:0;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-new-common-image-layout-settings.css.map */