#siteHeader {
width: 100%;
padding: 10px 0;
background: #fff;
position: fixed;
top: 0;
left: 0;
border-bottom: 1px solid #eee;
z-index: 10;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.logged-in #siteHeader {
top: 32px;
}
#siteHeader .catch h1 {
padding-top: 2px;
margin-right: auto;
font-size: 11px;
font-size: 1.1rem;
color: #888;
}
#siteHeader #headerUtil {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#siteHeader .logo_nav {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#siteHeader .logo_nav .logo {
margin: -4px auto 0 0;
position: relative;
top: -4px;
}
#siteHeader .logo_nav .logo a {
width: 190px;
margin-top: 13px;
display: block;
}
#siteHeader .logo_nav .logo a:hover {
opacity: .7;
}
#siteHeader .logo_nav .logo img {
width: 100%;
}
#siteHeader .logo_nav ul {
padding-bottom: 5px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#siteHeader .logo_nav li {
position: relative;
}
#siteHeader .logo_nav li:before {
content: "";
width: 1px;
height: 100%;
background: #ddd;
position: absolute;
top: 0;
left: 0;
}
#siteHeader .logo_nav li:last-child:after {
content: "";
width: 1px;
height: 100%;
background: #ddd;
position: absolute;
top: 0;
right: 0;
}
#siteHeader .logo_nav li a {
display: block;
padding: 0 2.5vw;
font-family: "NotoSansJP", sans-serif;
font-weight: 500;
position: relative;
}
#siteHeader .logo_nav li a.current, #siteHeader .logo_nav li a:hover {
color: #11a5d3;
}
#siteHeader .logo_nav li a.current:before, #siteHeader .logo_nav li a:hover:before {
background: #11a5d3;
}
#siteHeader .logo_nav li a:before {
content: "";
width: calc(100% - 2px);
height: 3px;
background: #eee;
position: absolute;
bottom: -15px;
left: 1px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#siteHeader.smaller {
padding: 5px 0;
}
#siteHeader.smaller #headerUtil .tel {
font-size: 26px;
font-size: 2.6rem;
}
#siteHeader.smaller #headerUtil .tel span {
letter-spacing: 2.2px;
}
#siteHeader.smaller .logo_nav .logo {
margin-top: 0;
}
#siteHeader.smaller .logo_nav .logo a {
width: 160px;
}
#siteHeader.smaller .logo_nav li a:before {
bottom: -10px;
} #siteFooter {
padding: 30px 0 28px;
}
#siteFooter .flex.inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#siteFooter .info {
margin-right: 50px;
}
#siteFooter .info .logo a {
width: 190px;
display: block;
margin-bottom: 20px;
}
#siteFooter .info .logo a:hover {
opacity: .7;
}
#siteFooter .info .logo a img {
width: 100%;
}
#siteFooter .info .adr {
font-family: "NotoSansJP", sans-serif;
font-size: 14px;
font-size: 1.4rem;
}
#siteFooter #footerUtil .goContact {
margin: 5px 0 0;
}
#siteFooter #footerSns {
margin: 43px 0 0 50px;
}
#siteFooter #footerSns li {
width: 36px;
margin-right: 10px;
}
#siteFooter #footerSns a:hover {
opacity: .7;
}
#siteFooter nav {
margin-left: auto;
}
#siteFooter nav li {
margin-left: 65px;
}
#siteFooter nav li a {
font-size: 14px;
font-size: 1.4rem;
font-family: "NotoSansJP", sans-serif;
position: relative;
}
#siteFooter nav li a:hover {
color: #11a5d3;
}
#siteFooter nav li a:before {
content: "";
width: 5px;
height: 5px;
border-right: 2px solid #11a5d3;
border-top: 2px solid #11a5d3;
position: absolute;
top: 50%;
left: -15px;
margin-top: -2px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#siteFooter #copy {
position: absolute;
right: 0;
bottom: 0;
}
#siteFooter #copy small {
font-family: "Roboto", "NotoSansJP", sans-serif;
font-size: 12px;
font-size: 1.2rem;
color: #aaa;
} #pageTop {
width: 60px;
height: 60px;
z-index: 100;
position: fixed;
bottom: 0;
right: 0;
}
#pageTop a {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
display: block;
}
#pageTop a:hover {
background: #fff;
}
#pageTop a:hover:before {
margin-top: -5px;
}
#pageTop a:before {
content: "";
width: 20px;
height: 20px;
border-left: 1px solid #11a5d3;
border-top: 1px solid #11a5d3;
position: absolute;
left: 50%;
top: 50%;
margin: 0 0 0 -10px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}