/*!
 * Photocollection Top v1.0.0
 */#content::before,#content::after{content:none}#content::after{content:"";display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-image:url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/flare.png"),url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/flare.png"),url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/flare.png");background-repeat:no-repeat;background-position:calc(100% + 250px) -280px,calc(0% - 320px) 8.5%,calc(100% + 330px) 81.5%;background-size:510px}@media screen and (min-width: 768px),print{#content::after{background-image:url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/flare_wide.png"),url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/flare_wide.png"),url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/flare_wide.png");background-repeat:no-repeat;background-position:calc(50% + 640px) -500px,calc(50% - 700px) 3400px,calc(50% + 720px) 4100px;background-size:1020px,1020px,769px}}.mod--photocollection-overview{display:block;margin-bottom:60px}@media screen and (min-width: 768px),print{.mod--photocollection-overview{margin-bottom:80px}}.mod--photocollection-overview__title{display:block;margin:40px 0 30px;font-size:3.2rem;font-weight:700;line-height:1.5;text-align:center}@media screen and (min-width: 768px),print{.mod--photocollection-overview__title{margin:60px 0 47px;font-size:4rem}}.mod--photocollection-overview__title span{display:inline-block}.mod--photocollection-overview__showcase{position:relative;width:100%;aspect-ratio:335/358}.mod--photocollection-overview__showcase [class^=showcase_]{position:absolute;width:auto;height:auto;-webkit-transform:translateY(3%);transform:translateY(3%);-webkit-transition:opacity 1.2s ease-out,-webkit-transform .8s ease-out;transition:opacity 1.2s ease-out,-webkit-transform .8s ease-out;transition:transform .8s ease-out,opacity 1.2s ease-out;transition:transform .8s ease-out,opacity 1.2s ease-out,-webkit-transform .8s ease-out;opacity:0}.mod--photocollection-overview__showcase .showcase_01{top:36.312849162%;left:2.6865671642%;width:24.776119403%}.mod--photocollection-overview__showcase .showcase_02{top:70.3910614525%;left:65.3731343284%;width:28.3582089552%}.mod--photocollection-overview__showcase .showcase_03{top:7.8212290503%;left:6.2686567164%;width:31.0447761194%}.mod--photocollection-overview__showcase .showcase_04{top:46.0893854749%;left:70.7462686567%;width:28.6567164179%}.mod--photocollection-overview__showcase .showcase_05{top:64.8044692737%;left:.5970149254%;width:28.0597014925%}.mod--photocollection-overview__showcase .showcase_06{top:0;left:42.0895522388%;width:25.671641791%}.mod--photocollection-overview__showcase .showcase_07{top:65.6424581006%;left:33.4328358209%;width:27.1641791045%}.mod--photocollection-overview__showcase .showcase_08{top:18.156424581%;left:72.2388059701%;width:25.9701492537%}.mod--photocollection-overview__showcase .showcase_09{top:38.5474860335%;left:31.0447761194%;width:35.223880597%}@media screen and (min-width: 768px),print{.mod--photocollection-overview__showcase{aspect-ratio:1120/506}.mod--photocollection-overview__showcase .showcase_01{top:19.1699604743%;left:3.6607142857%;width:16.6071428571%}.mod--photocollection-overview__showcase .showcase_02{top:0;left:23.3928571429%;width:23.125%}.mod--photocollection-overview__showcase .showcase_03{top:5.9288537549%;left:49.6428571429%;width:21.1607142857%}.mod--photocollection-overview__showcase .showcase_04{top:15.4150197628%;left:73.9285714286%;width:17.5892857143%}.mod--photocollection-overview__showcase .showcase_05{top:62.8458498024%;left:1.4285714286%;width:18.8392857143%}.mod--photocollection-overview__showcase .showcase_06{top:45.256916996%;left:23.3928571429%;width:13.8392857143%}.mod--photocollection-overview__showcase .showcase_07{top:53.7549407115%;left:40.3571428571%;width:15.2678571429%}.mod--photocollection-overview__showcase .showcase_08{top:51.581027668%;left:58.75%;width:17.8571428571%}.mod--photocollection-overview__showcase .showcase_09{top:51.581027668%;left:79.7321428571%;width:18.8392857143%}}html[data-script-enabled=true] .mod--photocollection-overview__showcase [class^=showcase_].is-visible{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}html:not([data-script-enabled]) .mod--photocollection-overview__showcase [class^=showcase_]{-webkit-transform:none;transform:none;opacity:1}.mod--photocollection-overview__description{max-width:52em;margin-top:32px;margin-inline:auto;font-size:1.6rem;line-height:1.8;text-align:center}.mod--photocollection-overview__description.--line-break-wrap span{display:inline-block}@media screen and (min-width: 768px),print{.mod--photocollection-overview__description{font-size:1.8rem;line-height:2}}.mod-pnl-04{margin-bottom:100px}@media screen and (min-width: 768px),print{.mod-pnl-04{margin-bottom:100px}}.mod-pnl-04>.list{margin-top:-50px}@media screen and (min-width: 768px),print{.mod-pnl-04>.list{margin-top:-95px}}.mod-pnl-04>.list>li{padding-top:50px}@media screen and (min-width: 768px),print{.mod-pnl-04>.list>li{padding-top:95px}}.mod-pnl-04>.list>li>.pnl,.mod-pnl-04>.list>li>div .pnl{gap:10px;color:#fff}@media screen and (min-width: 768px),print{.mod-pnl-04>.list>li>.pnl,.mod-pnl-04>.list>li>div .pnl{gap:15px}}.mod-pnl-04>.list>li>.pnl>.image,.mod-pnl-04>.list>li>div .pnl>.image{isolation:isolate;background:-webkit-gradient(linear, left top, left bottom, from(#323e5f), to(#1f2750));background:linear-gradient(180deg, #323e5f 0%, #1f2750 100%);background-size:contain;aspect-ratio:1/1}.mod-pnl-04>.list>li>.pnl>.image::before,.mod-pnl-04>.list>li>div .pnl>.image::before{content:"";position:absolute;inset:0;margin:auto;background:no-repeat 0 0;background-image:url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/mask-noise.svg");background-size:contain}.mod-pnl-04>.list>li>.pnl>.image img,.mod-pnl-04>.list>li>div .pnl>.image img{-webkit-transform:scale(1);transform:scale(1)}.mod-pnl-04>.list>li>.pnl:hover>.image img,.mod-pnl-04>.list>li>div .pnl:hover>.image img,.mod-pnl-04>.list>li>.pnl:focus>.image img,.mod-pnl-04>.list>li>div .pnl:focus>.image img{-webkit-transform:scale(0.9286);transform:scale(0.9286)}.mod-pnl-04>.list>li>.pnl>.title,.mod-pnl-04>.list>li>div .pnl>.title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:60px;padding:12px 30px;background-color:#020202}@media screen and (min-width: 768px),print{.mod-pnl-04>.list>li>.pnl>.title,.mod-pnl-04>.list>li>div .pnl>.title{min-height:50px;padding:12px 20px}}.mod-pnl-04>.list>li>.pnl>.title::before,.mod-pnl-04>.list>li>.pnl>.title::after,.mod-pnl-04>.list>li>div .pnl>.title::before,.mod-pnl-04>.list>li>div .pnl>.title::after{all:unset}.mod-pnl-04>.list>li>.pnl>.title::before,.mod-pnl-04>.list>li>.pnl>.title::after,.mod-pnl-04>.list>li>.pnl>.title>span::before,.mod-pnl-04>.list>li>.pnl>.title>span::after,.mod-pnl-04>.list>li>div .pnl>.title::before,.mod-pnl-04>.list>li>div .pnl>.title::after,.mod-pnl-04>.list>li>div .pnl>.title>span::before,.mod-pnl-04>.list>li>div .pnl>.title>span::after{content:"";position:absolute;width:14px;height:14px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;background-repeat:no-repeat;background-size:14px}.mod-pnl-04>.list>li>.pnl>.title::before,.mod-pnl-04>.list>li>div .pnl>.title::before{top:0;left:0;background-image:url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/label_corner_tl.svg")}.mod-pnl-04>.list>li>.pnl>.title::after,.mod-pnl-04>.list>li>div .pnl>.title::after{top:0;right:0;background-image:url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/label_corner_tr.svg")}.mod-pnl-04>.list>li>.pnl>.title>span::before,.mod-pnl-04>.list>li>div .pnl>.title>span::before{bottom:0;left:0;background-image:url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/label_corner_bl.svg")}.mod-pnl-04>.list>li>.pnl>.title>span::after,.mod-pnl-04>.list>li>div .pnl>.title>span::after{right:0;bottom:0;background-image:url("/-/media/Project/Canon/CanonJP/personal/showroom/gallery/photocollection/common/image/label_corner_br.svg")}.mod-pnl-04>.list>li>.pnl>.title .text-wrapper,.mod-pnl-04>.list>li>div .pnl>.title .text-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-perspective:600px;perspective:600px;white-space:nowrap}@media(hover: hover)and (pointer: fine){.mod-pnl-04>.list>li>.pnl>.title .char,.mod-pnl-04>.list>li>div .pnl>.title .char{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:translateY(-12px) rotateX(-60deg);transform:translateY(-12px) rotateX(-60deg);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out;opacity:0}.mod-pnl-04>.list>li>.pnl>.title .char.is-visible,.mod-pnl-04>.list>li>div .pnl>.title .char.is-visible{-webkit-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0deg);opacity:1}}.mod-pnl-04>.list>li>.pnl:hover>.title,.mod-pnl-04>.list>li>div .pnl:hover>.title,.mod-pnl-04>.list>li>.pnl:focus>.title,.mod-pnl-04>.list>li>div .pnl:focus>.title{background-color:#020202;text-decoration:none}.mod-pnl-04>.list>li>.pnl:hover>.title::before,.mod-pnl-04>.list>li>div .pnl:hover>.title::before,.mod-pnl-04>.list>li>.pnl:focus>.title::before,.mod-pnl-04>.list>li>div .pnl:focus>.title::before{-webkit-transform:translate(7px, 7px) translateZ(0);transform:translate(7px, 7px) translateZ(0)}.mod-pnl-04>.list>li>.pnl:hover>.title::after,.mod-pnl-04>.list>li>div .pnl:hover>.title::after,.mod-pnl-04>.list>li>.pnl:focus>.title::after,.mod-pnl-04>.list>li>div .pnl:focus>.title::after{-webkit-transform:translate(-7px, 7px) translateZ(0);transform:translate(-7px, 7px) translateZ(0)}.mod-pnl-04>.list>li>.pnl:hover>.title>span::before,.mod-pnl-04>.list>li>div .pnl:hover>.title>span::before,.mod-pnl-04>.list>li>.pnl:focus>.title>span::before,.mod-pnl-04>.list>li>div .pnl:focus>.title>span::before{-webkit-transform:translate(7px, -7px) translateZ(0);transform:translate(7px, -7px) translateZ(0)}.mod-pnl-04>.list>li>.pnl:hover>.title>span::after,.mod-pnl-04>.list>li>div .pnl:hover>.title>span::after,.mod-pnl-04>.list>li>.pnl:focus>.title>span::after,.mod-pnl-04>.list>li>div .pnl:focus>.title>span::after{-webkit-transform:translate(-7px, -7px) translateZ(0);transform:translate(-7px, -7px) translateZ(0)}.mod-list>.list>li{font-size:1.8rem;font-weight:500;line-height:1.65}.mod-list>.list>li>span:first-child{padding-left:18px}.mod-list>.list>li>span:first-child::before{content:"";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:absolute;top:.4em;left:1px;width:16px;height:1lh;margin-left:0;border:none;border-radius:0;background:rgba(0,0,0,0) no-repeat 0 0;background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8.00011%206.07227c.384%200%20.732.096%201.044.288s.564.444.756.756c.192.3.28799.648.28799%201.044%200%20.372-.09599.71999-.28799%201.04399-.192.312-.444.56401-.756.75601-.3.19203-.648.28803-1.044.28803-.372%200-.72-.09-1.044-.27003-.312-.192-.564-.444-.756-.756-.192-.324-.288-.678-.288-1.062s.09-.732.27-1.044c.192-.312.444-.564.756-.756.324-.192.678-.288%201.062-.288z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")}.mod-list[data-col]>.list{margin-top:-20px}.mod-list[data-col]>.list>li{padding-top:20px}@media screen and (max-width: 767px),print{.mod-list[data-col]>.list>li{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:100%;max-width:100%}}