.ic-mail_w{background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-mail_w.png)}.ic-tel_w{background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-tel_w.png)}.ic-mail_g{background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-mail_g.png)}.ic-tel_g{background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-tel_g.png)}@media screen and (max-width:768px){header{width:100%;height:80px;display:block;position:fixed;top:0;left:0;z-index:18000;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.hrbody{width:100%;height:auto;display:block}header figure{width:250px;height:80px;display:block;position:fixed;top:0;left:20px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header figure a{width:100%;height:60px;display:block}header figure img{width:100%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}header figure img.logo_m{display:none}.menubody{width:100%;height:auto;display:block;position:fixed;top:0;left:0;z-index:19200}p.menubn{width:60px;height:60px;display:block;position:fixed!important;top:10px;right:2%;z-index:21500!important;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}a.menu-link{width:60px;height:60px;display:block;cursor:pointer;text-indent:-9999px;background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-menu.png);background-position:center center;background-repeat:no-repeat;background-size:50px 50px}a.menu-link.active{background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-menu_c.png)}nav[role=navigation]{width:100%;height:100%;min-height:100%;position:fixed;top:0;left:-100%;z-index:19000;clear:both;transition:all .3s ease-out}.js nav[role=navigation]{overflow:hidden;background-color:rgba(255,255,255,.95);padding:20% 5% 60px;overflow-y:scroll}nav[role=navigation].active{transform:translateX(100%)}nav[role=navigation] ul{width:100%;height:auto;display:block;margin:0;padding:0}nav[role=navigation] li{width:100%;height:auto;display:block;margin-bottom:10px}nav[role=navigation] li:last-child{border-bottom:none}nav[role=navigation] li a{width:100%;height:auto;display:block;text-decoration:none;text-align:center;padding:15px 10px;color:var(--color-white);font-size:14px;font-weight:700;letter-spacing:0px;background-color:var(--color-primary);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}header.smaller{width:100%;height:60px;display:block;position:fixed;top:0;left:0;z-index:18000;background-color:var(--color-white);box-shadow:0px 2px 10px rgba(0,0,0,.2);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header.smaller figure{width:200px;height:60px;display:block;position:fixed;top:0;left:20px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header.smaller figure img{width:100%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}header.smaller p.menubn{width:60px;height:60px;display:block;position:fixed!important;top:0;right:2%;z-index:21500!important}header.smaller a.menu-link{width:60px;height:60px;display:block;cursor:pointer;text-indent:-9999px;background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-menu.png);background-position:center center;background-repeat:no-repeat;background-size:50px 50px}p.menubn.mbactive{top:0}.contactbox{width:100%;height:70px;display:block;padding:0;position:fixed;bottom:-90px;left:0;z-index:19250;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.contactbox li{width:100%;height:70px;display:block;float:left}.contactbox li a{width:100%;height:70px;display:block;font-size:24px;font-weight:400;line-height:70px;padding-right:40px;letter-spacing:0px;color:var(--color-white);letter-spacing:0px;text-align:right;text-decoration:none;background-repeat:no-repeat;background-position:20px center;background-size:60px 60px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.contactbox li:first-child a{background-color:var(--color-secondary)}.contactbox li:last-child a{background-color:var(--color-tertiary)}.contactbox li a:hover{background-color:var(--color-primary)}.contactbox.cbactive{bottom:0}footer{width:100%;height:auto;display:block;padding:50px 5% 100px}footer ul{margin-bottom:20px}footer ul li{width:100%;height:auto;display:block;margin:0 0 5px;padding:0;float:left}footer ul li a{width:100%;height:50px;display:block;text-align:center;font-size:14px;color:var(--color-white);line-height:48px;text-decoration:none;border:1px solid var(--color-white);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}footer ul li a:hover{color:#fff;background-color:rgba(255,255,255,.05)}footer p{width:100%;height:40px;display:block;font-size:12px;font-weight:400;line-height:40px;color:var(--color-white);text-align:center}}@media screen and (min-width:769px) and (max-width:1024px){header{width:100%;height:80px;display:block;position:fixed;top:0;left:0;z-index:18000;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.hrbody{width:100%;height:auto;display:block}header figure{width:200px;height:60px;display:block;position:fixed;top:10px;left:20px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header figure a{width:100%;height:60px;display:block}header figure img{width:100%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}header figure img.logo_m{display:none}.menubody{width:100%;height:auto;display:block;position:fixed;top:0;left:0;z-index:19200}p.menubn{width:60px;height:60px;display:block;position:fixed!important;top:10px;right:2%;z-index:21500!important;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}a.menu-link{width:60px;height:60px;display:block;cursor:pointer;text-indent:-9999px;background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-menu.png);background-position:center center;background-repeat:no-repeat;background-size:50px 50px}a.menu-link.active{background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-menu_c.png)}nav[role=navigation]{width:100%;height:100%;min-height:100%;position:fixed;top:0;left:-100%;z-index:19000;clear:both;transform:translateX(0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.js nav[role=navigation]{overflow:hidden;left:-100%;background-color:rgba(255,255,255,.95);padding:20% 5% 60px}nav[role=navigation].active{transform:translateX(100%)}nav[role=navigation] ul{width:100%;height:auto;display:block;margin:0;padding:0;overflow-y:scroll}nav[role=navigation] li{width:100%;height:auto;display:block;margin-bottom:10px}nav[role=navigation] li:last-child{border-bottom:none}nav[role=navigation] li a{width:100%;height:auto;display:block;text-decoration:none;text-align:center;padding:25px 10px;color:var(--color-white);font-size:16px;font-weight:400;letter-spacing:0px;background-color:var(--color-primary);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}header.smaller{width:100%;height:60px;display:block;position:fixed;top:0;left:0;z-index:18000;background-color:var(--color-white);box-shadow:0px 2px 10px rgba(0,0,0,.2);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header.smaller figure{width:200px;height:60px;display:block;position:fixed;top:0;left:20px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header.smaller figure img{width:100%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}header.smaller p.menubn{width:60px;height:60px;display:block;position:fixed!important;top:0;right:2%;z-index:21500!important}header.smaller a.menu-link{width:60px;height:60px;display:block;cursor:pointer;text-indent:-9999px;background-image:url(//yagi-dcl.jp/wp/wp-content/themes/yagi_dental_style/css/../img/header/ic-menu.png);background-position:center center;background-repeat:no-repeat;background-size:50px 50px}p.menubn.mbactive{top:0}.contactbox{width:100%;height:70px;display:block;padding:0;position:fixed;bottom:-90px;left:0;z-index:19250;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.contactbox li{width:100%;height:70px;display:block;float:left}.contactbox li a{width:100%;height:70px;display:block;font-size:24px;font-weight:400;line-height:70px;padding-right:40px;letter-spacing:0px;color:var(--color-white);letter-spacing:0px;text-align:right;text-decoration:none;background-repeat:no-repeat;background-position:20px center;background-size:60px 60px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.contactbox li:first-child a{background-color:var(--color-secondary)}.contactbox li:last-child a{background-color:var(--color-tertiary)}.contactbox li a:hover{background-color:var(--color-primary)}.contactbox.cbactive{bottom:0}footer{width:100%;height:auto;display:block;padding:50px 5% 100px}footer ul{margin-bottom:20px}footer ul li{width:50%;height:auto;display:block;margin:0;padding:.5%;float:left}footer ul li a{width:100%;height:50px;display:block;text-align:center;font-size:14px;color:var(--color-white);line-height:48px;text-decoration:none;border:1px solid var(--color-white);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}footer ul li a:hover{color:#fff;background-color:rgba(255,255,255,.05)}footer p{width:100%;height:40px;display:block;font-size:12px;font-weight:400;line-height:40px;color:var(--color-white);text-align:center}}@media screen and (min-width:1025px){header{width:100%;height:140px;display:block;position:fixed;top:0;left:0;z-index:18000;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.hrbody{width:100%;height:auto;display:block}header figure{width:250px;height:60px;display:block;position:fixed;top:80px;left:20px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header figure a{width:100%;height:60px;display:block}header figure img{width:100%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}header figure img.logo_m{display:none}.menubody{width:60%;height:40px;display:block;position:fixed;top:90px;right:20px;z-index:19200;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.menubn{display:none}.navmenu{width:100%;height:40px;display:block}.navmenu ul li{width:20%;height:40px;display:block;text-align:center;float:left;font-size:14px;line-height:10px;color:var(--color-black);letter-spacing:0px}.navmenu ul li a{width:100%;height:40px;display:block;line-height:40px;text-decoration:none;color:var(--color-black);padding:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.navmenu ul li a:hover{background-color:var(--color-primary);color:#fff}header.smaller{width:100%;height:50px;display:block;position:fixed;top:0;left:0;z-index:18000;background-color:var(--color-white);box-shadow:0px 5px 10px rgba(0,0,0,.4)}header.smaller figure{width:200px;height:40px;display:block;position:fixed;top:5px;left:10px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header.smaller figure a{width:100%;height:40px;display:block}header.smaller figure img{width:100%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}header.smaller figure img.logo_m{display:none}.menubody.msmall{width:70%;height:50px;display:block;padding:0;position:fixed;top:0;right:0;z-index:19500}.menubody.msmall .navmenu{width:100%;height:50px;display:block}.menubody.msmall .navmenu ul li{width:20%;height:50px;display:block;text-align:center;float:left}.menubody.msmall .navmenu ul li a{width:100%;height:50px;display:block;font-size:14px;line-height:50px;text-decoration:none;color:var(--color-black);padding:0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.menubody.msmall .navmenu ul li a:hover{background-color:var(--color-primary);color:#fff}.contactbox{width:120px;height:222px;display:block;padding:10px;position:fixed;top:25%;right:-140px;z-index:19250;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.contactbox li{width:100px;height:100px;display:block;margin-bottom:1px;box-shadow:0px 2px 10px rgba(0,0,0,.4)}.contactbox li a{width:100px;height:100px;display:block;padding:65px 5px 5px;font-size:.8em;font-weight:700;text-align:center;line-height:12px;letter-spacing:-1px;color:var(--color-white);background-color:var(--color-primary);letter-spacing:0px;text-decoration:none;background-repeat:no-repeat;background-position:center 5px;background-size:60px 60px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.contactbox li a:hover{background-color:var(--color-tertiary)}.contactbox.cbactive{right:-10px}footer{width:100%;height:auto;display:block;padding:50px 5%}footer h3{font-size:16px;text-align:center;font-weight:300;line-height:1.25em;margin-bottom:5px;color:rgba(146,209,234,1)}footer ul{text-align:center;margin-bottom:10px}footer ul li{display:-moz-inline-box;display:inline-block;display:inline;zoom:1;padding-right:10px;font-size:.8em;line-height:2em}footer ul li a{color:#fff;line-height:1.25em;text-decoration:none}footer ul li a:hover{color:#fff}footer p{width:100%;height:40px;display:block;font-size:.8em;font-weight:200;line-height:40px;color:#fff;text-align:center}}