@charset "utf-8";#cosmetics nav #nav-cosmetics,#perfume nav #nav-perfume,#jewelry nav #nav-jewelry,#fashion nav #nav-fashion,#watch nav #nav-watch,#location nav #nav-location,#other nav #nav-other,#profile nav #nav-profile,#contact nav #nav-contact{opacity:.3}html,body{position:relative}.swiper-container{width:100%;height:;margin-left:auto;margin-right:auto}.swiper-slide{background-size:cover;background-position:center}.swiper-button-next,.swiper-button-prev{opacity:0;transition:opacity .5s;animation:slider-nav 1s ease 1s none}.swiper-button-next:hover,.swiper-button-prev:hover{opacity:.5}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0}article{padding:0}article header h2,article hr{display:none}#content-wrapper{position:relative}#img_slider{padding:20px;box-sizing:border-box;font-size:10px}#img_slider .swiper-img{width:100%;background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom:20px}#img_slider .swiper-text-wrapper{width:80%;width:-webkit-calc(100%-40px);width:calc(100%-40px);min-height:85px}#img_slider .swiper-text-wrapper h3{margin-bottom:15px}#img_slider .swiper-text-wrapper p{line-height:2}.swiper-button-next,.swiper-button-prev{top:20px;width:46px;height:66px;z-index:50;margin-top:0}.swiper-button-next{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/portfolio/arrow-next.svg) right center no-repeat;background-size:66px 46px;right:0;margin-right:-10px}.swiper-button-prev{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/portfolio/arrow-prev.svg) left center no-repeat;background-size:66px 46px;left:0;margin-left:-10px}.swiper-pagination{top:auto;right:0;bottom:50px;left:auto;margin:auto;text-align:right;width:50px;padding:20px 22px 10px 0;font-size:10px}.swiper-pagination,#thumbs-open{background:#f5f1f2}#thumbs-open,#thumbs-close{position:absolute;width:32px;height:28px;top:auto;bottom:20px;right:0;margin:auto;padding:0 20px;z-index:4999}#thumbs-close{display:none;z-index:9000}#thumbs_wrapper{display:none;background-color:rgba(249,247,248,.95);position:absolute;top:0;left:0;width:100%;z-index:5000;height:100%}#thumbs_wrapper ul{margin:20px 20px 10px;min-height:}#thumbs_wrapper ul li{float:left;width:24vw;height:24vw;background-size:cover;background-position:center;cursor:pointer;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}#thumbs_wrapper ul li:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}#thumbs_wrapper ul li.active{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}#pagination{text-align:center;z-index:90}#pagination *{display:inline-block;width:25px;padding-bottom:10px;font-size:16px;background:0 0;cursor:pointer}#pagination .p-active{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/portfolio/underline.svg) center bottom no-repeat;background-size:16px 22px;visibility:visible;cursor:default}#pagination img{width:12px;height:16px;padding-bottom:0}@media only screen and (min-width:700px) and (orientation:portrait){#img_slider{padding:40px 20px;font-size:12px}#img_slider .swiper-img{margin-bottom:40px}.swiper-button-next,.swiper-button-prev{top:40px}.swiper-button-next{margin-right:30px}.swiper-button-prev{margin-left:30px}#thumbs_wrapper ul{margin-top:150px}#thumbs_wrapper ul li{width:20vw;height:20vw;float:left;background-size:cover;background-position:center}}@media (min-width:700px) and (orientation:landscape){#main{padding:50px 35px}article header{height:24px;width:190px;margin:0 0 0 auto}article header h2,article header hr{display:block}article header h2{margin-bottom:5px}article header h2 img{height:15px}article header hr{margin:0;height:0;border-width:1px 0 0;border-color:#000}.swiper-button-next,.swiper-button-prev{top:0}.swiper-button-next{margin-right:25px}.swiper-button-prev{margin-left:25px}#thumbs-open,#thumbs-close{display:none}#content-wrapper{display:flex;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}#img_slider{width:400px;width:-webkit-calc(100%-225px);width:calc(100% - 225px);padding:0 30px 0}#img_slider .swiper-img{margin-bottom:50px}.swiper-pagination{right:0;bottom:auto;left:auto;margin:auto;text-align:right;width:50px;padding:0 30px 10px 0;font-size:10px;background:0 0}#thumbs_wrapper{position:static;width:225px;display:block;background:0 0}#thumbs_wrapper ul{margin:25px 0 25px 35px;height:600px;display:block}#thumbs_wrapper ul li{width:90px;height:90px;margin-bottom:10px;float:left}#thumbs_wrapper ul li:nth-child(odd){margin-right:10px}#pagination{width:190px;margin-left:35px}#pagination *{width:27px}}