.pl.walk #badge p::before,.pl.walk #badge p::after,.pl.walk .main-image .situation [class^=h],.pl.walk .btn-pb a{background-color:#31a0d9}.pl.flower #badge p::before,.pl.flower #badge p::after,.pl.flower .main-image .situation [class^=h],.pl.flower .btn-pb a{background-color:#e06834}.pl.animal #badge p::before,.pl.animal #badge p::after,.pl.animal .main-image .situation [class^=h],.pl.animal .btn-pb a{background-color:#c0e15b}.pl.food #badge p::before,.pl.food #badge p::after,.pl.food .main-image .situation [class^=h],.pl.food .btn-pb a{background-color:#e2bd67}.pl.interior #badge p::before,.pl.interior #badge p::after,.pl.interior .main-image .situation [class^=h],.pl.interior .btn-pb a{background-color:#de87de}.pl.go #badge p::before,.pl.go #badge p::after,.pl.go .main-image .situation [class^=h],.pl.go .btn-pb a{background-color:#5261e2}.pl.person #badge p::before,.pl.person #badge p::after,.pl.person .main-image .situation [class^=h],.pl.person .btn-pb a{background-color:#fd799d}.pl.event #badge p::before,.pl.event #badge p::after,.pl.event .main-image .situation [class^=h],.pl.event .btn-pb a{background-color:#eac184}.pl.nature #badge p::before,.pl.nature #badge p::after,.pl.nature .main-image .situation [class^=h],.pl.nature .btn-pb a{background-color:#20b418}.pl.walk #badge p::after,.pl.walk .point>ol>li{border-color:#31a0d9}.pl.flower #badge p::after,.pl.flower .point>ol>li{border-color:#e06834}.pl.animal #badge p::after,.pl.animal .point>ol>li{border-color:#c0e15b}.pl.food #badge p::after,.pl.food .point>ol>li{border-color:#e2bd67}.pl.interior #badge p::after,.pl.interior .point>ol>li{border-color:#de87de}.pl.go #badge p::after,.pl.go .point>ol>li{border-color:#5261e2}.pl.person #badge p::after,.pl.person .point>ol>li{border-color:#fd799d}.pl.event #badge p::after,.pl.event .point>ol>li{border-color:#eac184}.pl.nature #badge p::after,.pl.nature .point>ol>li{border-color:#20b418}.pl{position:relative}.header{margin:2.0rem 0}.header p{margin:2.0rem 0}.header .vol{margin:.5rem 0;font-size:1.2rem}.header .h1{margin:.5rem 0 1.0rem}.header .h1+p{margin:1.0rem 0;font-size:1.4rem}.point{position:relative;margin:2.0rem 0}#badge{position:absolute;top:50%;left:0;transform:translateY(-50%)}#badge br{display:inline}#badge p{line-height:1.2;box-sizing:border-box;margin:0;padding:0;text-align:center;font-size:1.6rem;color:#fff}#badge p::before,#badge p::after{display:block;content:'';position:absolute;width:150%;padding-top:150%;border:1px solid #fd8eab;border-radius:50%;background:#fd8eab;top:-120%;left:-105%;z-index:-2;transform:translate(50%, 50%)}#badge p::before{border-color:#fff;border-style:dashed;z-index:-1;transform:translate(50%, 50%) scale(0.95) rotate(-90deg)}#badge .small{font-size:1.2rem}#badge .three{font-size:2.2rem}.point>ol{list-style:none;margin:2.0rem 0;padding:0 0 0 10rem;font-size:1.2rem;counter-reset:point}.point>ol>li{padding:.5rem 0;border-bottom:1px dotted #f0f0f0}.point>ol li::before{display:block;counter-increment:point;content:"Point " counter(point) "."}.main-image{position:relative;margin-bottom:2.0rem}#canvas{position:absolute;z-index:10;top:0}.main-image .holder{position:relative;top:0;margin:0;padding:100% 0 0 0;transition:opacity 1.0s ease}.main-image .holder.loading{opacity:0}.main-image.horizontal .holder{padding-top:66.0%}.main-image .holder img{position:absolute;top:50%;transform:translateY(-50%);max-width:100%;max-height:100%;min-width:200px;min-height:200px;transition:top .5s ease}.main-image .holder.loading img{top:55%}.main-image .swipe,.main-image .sub{position:relative;z-index:100}.main-image .swipe{padding-bottom:3.0rem}.main-image h2{margin:1.5rem 0 1.0rem}.main-image .swiper-button-next,.main-image .swiper-button-prev{top:auto;bottom:5%;z-index:50}.main-image .swiper-pagination{bottom:37px}.swiper-button-next,.swiper-button-prev{position:absolute;width:27px;height:80px;margin-top:-40px;z-index:10;cursor:pointer;background:none;background-color:rgba(248,248,248,0.25)}.swiper-button-next{right:-5px}.swiper-button-prev{left:0}.swiper-button-next::after,.swiper-button-prev::after{content:'';display:block;position:absolute;top:50%;z-index:11;width:16px;height:16px;margin-top:-8px;border-top:1px solid #ccc;border-left:1px solid #ccc}.swiper-button-next::after{right:13px;transform:rotate(135deg)}.swiper-button-prev::after{left:8px;transform:rotate(-45deg)}.main-image .situation [class^=h]{display:inline-block;margin:1.0rem 0 .5rem;font-size:1.3rem;padding:.5rem;background:#333;color:#fff}.main-image .situation h3{font-size:1.2rem}.main-image .situation p{margin-top:0;font-size:1.2rem}.main-image .situation table{font-size:1.1rem}.main-image .situation table th,.main-image .situation table td{padding:.2rem}.main-image .situation table th{text-align:right}.sub-images>.col{position:relative;box-sizing:border-box;margin-bottom:4.0rem}.sub-images .holder{transition:background-color .2s ease;background-color:#fff}.sub-images .holder.loading{min-height:200px;background-color:#fafafa}.sub-images .holder img{max-width:70%;max-height:70%;transition:opacity 1.0s ease}.sub-images .holder.loading img,.column .holder.loading img{opacity:0}.sub-images>.col .h2{font-size:1.5rem}.main-image:not(.vertical) .col:not(.situation) :last-child,.sub-images .col:last-child,.column .col:last-child{margin-bottom:0}.column .holder,.pr-pb .holder{position:relative;margin:0;padding:100% 0 0 0;transition:background-color .2s ease}.column .holder{background-color:#fafafa}.column .holder img,.pr-pb .holder img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:95%;max-height:95%;max-height:220px}.column .holder.loading,.pr-pb .holder.loading{min-height:200px;background-color:#f0f0f0}.pl .column .comment [class^=h]{margin:0 0 1.0rem 0}.pl .column .comment p{margin-top:0;font-size:1.4rem}.swiper-pagination-bullet-active{background-color:#666}.pl h1,.pl h2,.pl h3,.pl h4,.pl h5{line-height:1.2}.pr-pb{margin:3.0rem -1.0rem;padding:2.0rem;border-top:2px solid #f9f2e0;border-bottom:2px solid #f9f2e0;background:#fefcf9}.pr-pb .holder{padding:66.66% 0 0 0}.pr-pb .col-set{display:flex;flex-flow:column nowrap}.pr-pb .col-set>.col:first-of-type{order:2;flex:0 0 100%}.pr-pb .col-set>.col{order:1;flex:0 0 100%}.btn-pb a{display:block;text-align:center;margin:0 2rem;padding:2.0rem;border-radius:4px}.btn-pb a:link,.btn-pb a:visited,.btn-pb a:hover,.btn-pb a:active{text-decoration:none;color:#fff}.btn-pb a:hover{opacity:.85}@media screen and (max-width: 767px){.main-image.vertical .holder img{left:20px}.main-image .col-set .col{padding:0 5px}.sub-images .holder{position:relative}.sub-images .holder.vertical{position:relative;padding-top:266px}.sub-images .holder.horizontal{position:relative;padding-top:200px}.sub-images .holder img{position:absolute;top:0;opacity:1;transition:opacity 1.0s ease, top .5s ease;-webkit-transition-delay:0, .5s;transition-delay:0, .5s}.sub-images .holder.loading img{top:5%}.sub-images .holder.vertical img{max-width:200px;max-height:266px}.sub-images .holder.horizontal img{max-width:266px;max-height:200px}.column .col:first-of-type{margin-bottom:2.0rem;background-color:#fafafa}.column .swipe{width:80%;margin-left:auto;margin-right:auto}}@media screen and (min-width: 768px){.header{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-bottom:3.0rem}.header>.titles{flex:0 0 36%}.header>.point{flex:0 0 60%;margin:0}#badge{left:30px}#badge br{display:inline}#badge p{position:static}.point>ol{margin:0;padding-left:13.0rem;font-size:1.4rem}.point>ol>li{position:relative;margin-left:0;padding-left:7.0rem}.point>ol li::before{position:absolute;left:0;display:inline-block}.main-image{position:relative}.main-image .holder{padding-top:640px}.main-image.horizontal .holder{padding-top:480px}.main-image.vertical .holder{padding-top:640px}.main-image.horizontal .holder img{max-width:96%;max-height:96%}.main-image.vertical .holder img{top:0;transform:none;max-width:420px;max-height:620px}.main-image.vertical .holder.loading img{top:10%}.main-image.horizontal .col-set{display:flex;flex-flow:row nowrap;justify-content:flex-start}.main-image.horizontal .col-set .col{flex:1 0 24%;margin-right:2%}.main-image.horizontal .col-set .col:last-of-type{flex:0 1 20%;margin-right:0}.main-image.horizontal .h2{margin-top:2.5rem;margin-bottom:1.0rem}.main-image.vertical .h2{margin:1.0rem 0}.main-image.vertical p{margin-top:0}.main-image.vertical .situation{display:flex;flex-flow:row nowrap;justify-content:space-between}.main-image.vertical .situation>div:first-of-type{flex:0 0 60%}.main-image.vertical .situation>div:last-of-type{flex:0 0 30%}.main-image.vertical .situation>div :last-child{margin-bottom:0}.main-image.vertical .swipe{position:absolute;top:0;right:0;width:50%}.swiper-button-next,.swiper-button-prev{display:none}.sub-images{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-right:-2.0rem}.sub-images .col{position:relative;box-sizing:border-box;flex:0 0 44%;margin-bottom:1.0rem;padding-right:4.0rem;padding-bottom:2.0rem}.sub-images .holder{position:relative;margin:0;padding:100% 0 0 0}.sub-images .holder img{position:absolute;top:50%;transform:translateY(-50%);max-width:90%;max-height:90%;transition:opacity 1.0s ease, top .5s ease;transition-delay:0, .5s}.sub-images .holder.loading img{top:55%}.sub-images>.col .h2{width:37.0rem;margin-top:1.0rem;margin-bottom:1.0rem;font-size:1.7rem}.sub-images .col p{width:37.0rem}.pl .column{position:relative;padding:1.5rem;border:10px solid #fafafa}.pl .column>[class^=h]{position:absolute;top:10px;right:10px;margin:0}.column .col-set{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.column .col-set>.col:first-of-type{flex:0 0 25%;overflow:hidden}.column .col-set>.comment{flex:0 0 73%}.column .comment>div{columns:2;column-gap:1.5rem}.column .holder,.pr-pb .holder{background-color:#fff}.pr-pb{margin-left:0;margin-right:0;padding:4.0rem}.pr-pb .col-set{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.pr-pb .col-set>.col:first-of-type{flex:0 0 65%;overflow:hidden;order:1}.pr-pb .col-set>.col{flex:0 0 30%;order:2}.btn-pb a{margin:0 10.0rem}}