.step-bar{display:inline-block;width:100%;margin-bottom:15px;margin-top:45px;text-align:center;z-index:998;position:relative}.step-bar.--product,.step-bar.--product-en{margin-bottom:32px}.step-bar.--mybook-create{width:100%;background:none}@media screen and (max-width: 768.98px){.step-bar{width:100%;background:var(--color-background, #f8f8f8);margin-top:0;margin-bottom:auto;padding-bottom:30px;padding-top:45px}.step-bar.--product-list{margin-left:-15px;margin-right:-15px}.step-bar.--product-feature{margin-left:-15px}.step-bar.--product-filter{display:none!important}.step-bar.--mybook-edit{background:none}.step-bar.--register-en{background:--color-background,#f8f8f8}.step-bar.--product-en{margin-bottom:0;background:--color-background,#f8f8f8}}.step-bar .progressbar{counter-reset:step;padding:0;min-width:300px;display:inline-flex;width:615px}@media screen and (max-width: 768.98px){.step-bar .progressbar{max-width:100%}}.step-bar .progressbar li{list-style:none;position:relative;width:33.3333333333%;display:flex!important;align-items:center;justify-content:center}.step-bar .progressbar li:after{background:#ccc;content:"";height:3px;left:-50%;position:absolute;top:10px;width:100%;z-index:-2}.step-bar .progressbar p{margin-bottom:0;position:absolute;width:100%;font-size:12px;color:#8c8c8c}@media screen and (min-width: 769px){.step-bar .progressbar p{top:-20px}}@media screen and (max-width: 768.98px){.step-bar .progressbar p{top:-30px;font-size:10px!important;font-weight:400}}.step-bar .progressbar span:before{content:"";width:14px;height:14px;display:block;background:#ccc;border-radius:50px}.step-bar .progressbar li:first-child:after{content:none}.step-bar .progressbar li.enable,.step-bar .progressbar li.enable p{color:var(--color-primary, #ff8053);font-weight:700;font-size:12px}@media screen and (max-width: 768.98px){.step-bar .progressbar li.enable p{font-size:10px!important}}.step-bar .progressbar li.enable:before{background:var(--color-primary, #ff8053);border:2px solid var(--color-primary, #ff8053)}.step-bar .progressbar li.enable span{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;border:2px solid var(--color-primary, #ff8053);width:24px;height:24px}.step-bar .progressbar li.enable span:before{content:"";width:14px;height:14px;display:block;background:var(--color-primary, #ff8053);border-radius:50px}.step-bar.step-bar--forbiz .progressbar li.enable,.step-bar.step-bar--forbiz .progressbar li.enable p{color:var(--color-primary-forbiz, #5ab0bd)}.step-bar.step-bar--forbiz .progressbar li.enable:before{background:var(--color-primary-forbiz, #5ab0bd);border-color:var(--color-primary-forbiz, #5ab0bd)}.step-bar.step-bar--forbiz .progressbar li.enable span{border-color:var(--color-primary-forbiz, #5ab0bd)}.step-bar.step-bar--forbiz .progressbar li.enable span:before{background:var(--color-primary-forbiz, #5ab0bd)}.step-bar.step-bar--forfandom .progressbar li.enable,.step-bar.step-bar--forfandom .progressbar li.enable p{color:var(--color-primary-forfandom, #f55b79)}.step-bar.step-bar--forfandom .progressbar li.enable:before{background:var(--color-primary-forfandom, #f55b79);border-color:var(--color-primary-forfandom, #f55b79)}.step-bar.step-bar--forfandom .progressbar li.enable span{border-color:var(--color-primary-forfandom, #f55b79)}.step-bar.step-bar--forfandom .progressbar li.enable span:before{background:var(--color-primary-forfandom, #f55b79)}.locale_en #gl-main .slider-book,.locale_en .swiper-slide:not(.scenes .swiper-slide) a{padding:30px 33px!important;background:var(--color-background, #fff);margin:0;overflow:hidden}.locale_en #gl-main .slider-book:not(#page-003 a),.locale_en .swiper-slide:not(.scenes .swiper-slide) a:not(#page-003 a){margin-left:5px;margin-right:5px}@media screen and (max-width: 768.98px){.locale_en #gl-main .slider-book,.locale_en .swiper-slide:not(.scenes .swiper-slide) a{margin-left:0;margin-right:0;margin-bottom:6px;padding-left:30px!important;padding-right:30px!important}.locale_en #gl-main .slider-book:not(#page-003 a),.locale_en .swiper-slide:not(.scenes .swiper-slide) a:not(#page-003 a){margin-left:3px;margin-right:3px}}.locale_en #gl-main .slider-book .image,.locale_en .swiper-slide:not(.scenes .swiper-slide) a .image{z-index:2}@media screen and (min-width: 769px){.locale_en #gl-main .slider-book .image:not(.sec-recommend .swiper-slide .image),.locale_en .swiper-slide:not(.scenes .swiper-slide) a .image:not(.sec-recommend .swiper-slide .image){max-width:70%;margin:0 auto}}@media screen and (max-width: 768.98px){.locale_en #gl-main .slider-book .image,.locale_en .swiper-slide:not(.scenes .swiper-slide) a .image{padding-top:10px;padding-bottom:15px!important}}.locale_en #gl-main .slider-book .image:before,.locale_en .swiper-slide:not(.scenes .swiper-slide) a .image:before{width:80%!important;height:16%!important;left:-30px}@media screen and (max-width: 768.98px){.locale_en #gl-main .slider-book .image:before,.locale_en .swiper-slide:not(.scenes .swiper-slide) a .image:before{bottom:16px}}.locale_en .prev-book,.locale_en .next-book,.locale_en .cmn-carousel .swiper-button-prev,.locale_en .cmn-carousel .swiper-button-next{border-radius:3px;background:#fff;width:50px;height:64px;display:flex;align-items:center;justify-content:center}.locale_en .prev-book:not(.next-book):before,.locale_en .next-book:not(.next-book):before,.locale_en .cmn-carousel .swiper-button-prev:not(.next-book):before,.locale_en .cmn-carousel .swiper-button-next:not(.next-book):before{content:"";display:block;width:10px;height:10px;border-right:2px solid var(--color-primary, #dc0025);border-bottom:2px solid var(--color-primary, #dc0025);transform:rotate(135deg)}@media screen and (max-width: 768.98px){.locale_en .prev-book:not(.next-book):before,.locale_en .next-book:not(.next-book):before,.locale_en .cmn-carousel .swiper-button-prev:not(.next-book):before,.locale_en .cmn-carousel .swiper-button-next:not(.next-book):before{margin-left:-6px}}.locale_en .prev-book:not(.prev-book):before,.locale_en .next-book:not(.prev-book):before,.locale_en .cmn-carousel .swiper-button-prev:not(.prev-book):before,.locale_en .cmn-carousel .swiper-button-next:not(.prev-book):before{content:"";display:block;width:10px;height:10px;border-right:2px solid var(--color-primary, #dc0025);border-bottom:2px solid var(--color-primary, #dc0025);transform:rotate(-45deg)}@media screen and (max-width: 768.98px){.locale_en .prev-book:not(.prev-book):before,.locale_en .next-book:not(.prev-book):before,.locale_en .cmn-carousel .swiper-button-prev:not(.prev-book):before,.locale_en .cmn-carousel .swiper-button-next:not(.prev-book):before{margin-left:-6px}}@media screen and (max-width: 768.98px){.locale_en .prev-book,.locale_en .next-book,.locale_en .cmn-carousel .swiper-button-prev,.locale_en .cmn-carousel .swiper-button-next{width:30px;height:36px}}.locale_en .header-list-book .action a,.locale_en .cmn-headline a{font-size:12px;text-decoration:underline!important}.locale_en .content-product .main .list-book-product{width:calc(20% - 10px);margin-bottom:10px!important}.locale_en .content-product .main .list-book-product:not(.list-book-filter .list-book-product){margin-bottom:5px!important}@media screen and (max-width: 768.98px){.locale_en .content-product .main .list-book-product{width:calc(50% - 6px);margin-bottom:6px!important}}.locale_en .list-product-flex .slider-book{margin-bottom:10px}@media screen and (max-width: 768.98px){.locale_en .list-product-flex .slider-book{margin-bottom:6px}}.locale_en .slick-dots .slick-active{background-image:url(https://assets.sugoyose.jp/storage/images/locale/en/icon/flow_enable.svg)!important}.locale_en main{background-color:var(--color-background, #fff)}.locale_en .cmn-tag-list .plane a,.locale_en .cmn-tag-list .plane span{border-radius:5px}.locale_en .cmn-tag-list .plane a:hover,.locale_en .cmn-tag-list .plane span:hover{background:var(--color-primary, #dc0025)}.locale_en .h3-title{font-size:30px}@media screen and (max-width: 768.98px){.locale_en .h3-title{font-size:22px}}#page-003 #gallery-top{-webkit-user-select:none;user-select:none;margin:118px 0 10px;display:flex;align-items:center;text-align:center}#page-003 #gallery-top #image-active{box-shadow:1px 3px 6px #0000001a;display:flex;justify-content:center;align-items:center}#page-003 #gallery-top #image-active img{object-fit:cover;pointer-events:none;max-width:50%;max-height:50%}#page-003 #gallery-bottom{-webkit-user-select:none;user-select:none;height:64px;width:100%;display:flex}#page-003 #gallery-bottom>div{cursor:pointer;width:33.3333333333%;display:flex;align-items:center;justify-content:center}#page-003 #gallery-bottom>div>img{pointer-events:none;display:inline-block;max-width:calc(50% - 2px);max-height:calc(100% - 4px);object-fit:cover}#page-003 #gallery-bottom>div.active{opacity:.7}#page-003 #gallery-bottom>div.active>img{border:2px solid var(--color-primary, #ff8053);max-width:50%;max-height:100%}#page-003 #gallery-bottom>div.active img:first-child{border-right:none}#page-003 #gallery-bottom>div.active img:last-child{border-left:none}#page-003 .change-design-header{background-color:#fff}#page-003 .change-design-header a{color:var(--color-text, #333)}#page-003 .change-design-header a:hover{opacity:.7;color:var(--color-text, #333);text-decoration:unset}#page-003 .change-design-header .change-design-button{background-color:#fff;border:none;line-height:60px;padding:0 30px;display:flex;align-items:center;font-size:14px;font-weight:700;letter-spacing:.8px}#page-003 .change-design-header .change-design-button img{margin-right:10px;width:7px}#page-003 .change-design-mode{padding:30px 0 0!important}#page-003 .change-design-mode h1.title-change-design{line-height:1;font-size:28px;margin-bottom:40px;font-weight:700}#page-003 .gallery{overflow:visible!important}#page-003 .gallery__att{margin-bottom:40px}#page-003 .gallery__att small{color:#666}@media screen and (max-width: 768.98px){#page-003 .gallery__imagebottom{display:flex;justify-content:space-between}#page-003 .gallery__imagebottom .zoom{order:2}#page-003 .gallery__imagebottom .gallery__att{order:1}}#page-003 .gallery__imagebottom small{text-indent:-1em;margin-left:1em;line-height:1.5;display:block}@media screen and (min-width: 769px){#page-003 .gallery__imagebottom small br{display:none}}#page-003 #gallery-top,#page-003 #gl-modal .image{position:relative}#page-003 #gallery-top .gallery__barcode,#page-003 #gl-modal .image .gallery__barcode{position:absolute;bottom:0;left:0;width:100%;height:100%;max-width:700px;display:none;place-content:center;pointer-events:none}#page-003 #gallery-top .gallery__barcode img,#page-003 #gl-modal .image .gallery__barcode img{width:100%;max-width:inherit!important}@media screen and (max-width: 768.98px){#page-003 #gallery-top .gallery__barcode--pc,#page-003 #gl-modal .image .gallery__barcode--pc{display:none}}@media screen and (min-width: 769px){#page-003 #gallery-top .gallery__barcode--sp,#page-003 #gl-modal .image .gallery__barcode--sp{display:none}}#page-003 #gallery-top .gallery__barcode--active,#page-003 #gl-modal .image .gallery__barcode--active{display:grid}#page-003 .zoom{position:relative;z-index:3}.biz-remain-page-alert{font-weight:700;font-size:14px;letter-spacing:.02em;text-align:center}@media screen and (max-width: 768.98px){.biz-remain-page-alert{margin:30px}}.biz-remain-page-alert .close_icon{cursor:pointer;width:28px;height:28px;position:absolute;top:15px;right:30px}.biz-remain-page-alert .message{line-height:24px;margin-bottom:40px}.biz-remain-page-alert .message .title{font-size:20px;line-height:32px;margin-bottom:25px}.biz-remain-page-alert .message .title span{color:var(--color-primary-forbiz, #5ab0bd)}@media screen and (max-width: 768.98px){#page-003 #gallery-top{margin:0 0 10px}#page-003 #gallery-bottom{margin:0 auto;width:288px}#page-003 .change-design-mode h1.title-change-design{margin-bottom:-15px;margin-top:20px;font-size:20px}}.h3-title{font-size:24px}.h3-title:after{top:2px}
