@charset "utf-8";@font-face{font-family:'Noto Serif Japanese';font-style:normal;font-weight:300;src:local('Noto Serif Japanese'),url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/fonts/NotoSerifJP-Light.woff2) format('woff2'),url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/fonts/NotoSerifJP-Light.woff) format('woff'),url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/fonts/NotoSerifJP-Light.otf) format('opentype')}img{height:auto;vertical-align:bottom}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1;}.displaynone{display:none;width:0}body{margin:0;padding:0;overflow-x:hidden;background:#fff}body,a,span,button,input[type=text],input[type=email],input[type=submit],textarea{width:100%;color:#000;line-height:1;font-family:"Noto Serif Japanese","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"リュウミン R-KL","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:300;overflow-x:hidden}li{list-style:none}#wrapper{width:100%}#header{position:fixed;top:0;width:100%;height:70px;margin:0 0 auto;background:rgba(255,255,255,.9);z-index:9999}#header #logo{position:fixed;top:0;left:20px;margin-top:18px}#header #logo img{height:12px;width:auto;padding-bottom:10px}nav #mob-menu{position:fixed;top:15px;right:10px;padding:11px 10px;cursor:pointer}.mob-close{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/img/nav/menu-close.png) no-repeat center center;background-size:20px 18px}nav #mob-menu img{height:18px}nav #menu{background:rgba(255,255,255,.9);position:fixed;top:70px;width:100%;display:none}nav #menu ul{height:auto}nav #menu ul li ul li{margin:auto;width:250px;text-align:center}nav #menu ul li a{opacity:1;transition:opacity .5s}nav #menu ul li a:hover{opacity:.3}nav #menu ul li img{height:15px;margin-bottom:15px}nav #menu ul li#nav-other{margin-bottom:20px}nav #menu ul li#instagram img{margin-bottom:0}nav #menu ul li hr{display:none}#main{margin:70px 20px 10px;background:#f5f1f2;z-index:-10;display:block}footer{margin:0 20px 5px;text-align:right}footer p{font-size:10px}@media only screen and (min-width:360px){nav #menu ul li img{margin-bottom:25px}}@media only screen and (min-width:560px){#header #logo br{display:none}#header #logo{margin-top:27px}#header #logo img{height:15px}nav #menu ul li img{height:30px;margin-bottom:30px}}@media only screen and (min-width:1040px){#header{position:static;height:170px}#header #logo{position:static;margin:0 40px 22px;padding-top:50px}#header #logo img{height:20px}nav #mob-menu{display:none}nav #menu{position:static;width:auto;margin:0 40px;display:block}nav #menu #menu-inner #menu-gallery-wrapper{width:643px;float:left}nav #menu #menu-inner #menu-other-wrapper{width:212px;float:right}nav #menu #menu-inner li ul li{width:auto;float:left;margin-right:20px}nav #menu ul li#nav-cosmetics img,nav #menu ul li#nav-cosmetics{width:93px}nav #menu ul li#nav-jewelry img,nav #menu ul li#nav-jewelry{width:73px}nav #menu ul li#nav-perfume img,nav #menu ul li#nav-perfume{width:76px}nav #menu ul li#nav-fashion img,nav #menu ul li#nav-fashion{width:70px}nav #menu ul li#nav-watch img,nav #menu ul li#nav-watch{width:57px}nav #menu ul li#nav-location img,nav #menu ul li#nav-location{width:80px}nav #menu ul li#nav-other img,nav #menu ul li#nav-other{width:54px}nav #menu ul li#nav-profile img,nav #menu ul li#nav-profile{width:66px}nav #menu ul li#nav-contact img,nav #menu ul li#nav-contact{width:74px}nav #menu #menu-inner li ul li#instagram{width:32px;margin:0}nav #menu ul li img{height:12px;margin-top:8px;margin-bottom:15px}nav #menu ul li#instagram img{width:32px;height:32px;margin:0}nav #menu ul li hr{display:block;width:40px;margin:0 auto}#main{margin:0 40px 20px}footer{margin:0 40px 10px}footer p{font-size:12px}}@media only screen and (min-width :1200px){nav #menu #menu-inner #menu-gallery-wrapper{width:782px;float:left}nav #menu #menu-inner #menu-other-wrapper{width:257px;float:right}nav #menu #menu-inner li ul li{margin-right:35px}nav #menu ul li img{height:13px}nav #menu ul li#nav-cosmetics img,nav #menu ul li#nav-cosmetics{width:98px}nav #menu ul li#nav-jewelry img,nav #menu ul li#nav-jewelry{width:78px}nav #menu ul li#nav-perfume img,nav #menu ul li#nav-perfume{width:81px}nav #menu ul li#nav-fashion img,nav #menu ul li#nav-fashion{width:75px}nav #menu ul li#nav-watch img,nav #menu ul li#nav-watch{width:62px}nav #menu ul li#nav-location img,nav #menu ul li#nav-location{width:87px}nav #menu ul li#nav-other img,nav #menu ul li#nav-other{width:56px}nav #menu ul li#nav-profile img,nav #menu ul li#nav-profile{width:76px}nav #menu ul li#nav-contact img,nav #menu ul li#nav-contact{width:79px}nav #menu #menu-inner ul li#instagram img,nav #menu #menu-inner ul li#instagram{width:32px;margin:0}}