.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{*zoom:1}
#hg-global-header{position:fixed;top:0;left:0;right:0;width:1280px;margin:0 auto}
#hg-global-header .container{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:absolute;top:0;left:0;width:200px;height:747px;height:100vh;max-height:747px;padding-top:40px;-webkit-box-sizing:border-box;box-sizing:border-box}
#hg-global-header h1{-ms-flex-positive:0;-webkit-box-flex:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:127px;height:88px;margin:0 auto}
#hg-global-header h1 img{width: 100%}
#hg-global-header .btn-menu{display:none}
#hg-global-nav{-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin-top:30px}
#hg-global-nav .menu{border-right:solid 1px transparent}
#hg-global-nav .menu>li{min-height:50px}
#hg-global-nav .menu>li>a{display:-ms-flexbox;display:-webkit-box;display:flex;font-size:.8375em;font-weight:bold}
#hg-global-nav .menu>li>a span{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;height:50px}
#hg-global-nav .menu>li.onlineshop>a span{-webkit-transform: translateY(7px);transform: translateY(7px);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align:left;-ms-flex-align:left;align-items:left;-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
#hg-global-nav .menu>li.onlineshop>a span::after{content: "~まごころコメール便~";margin: 0px 1px;font-size: smaller;color: #000;display: block;}
#hg-global-nav .menu>li.accordion>a span::after{content:"";display:block;width:10px;height:17px;margin-left:8px;background-image:url(/img/common/header_nav_icon_products_accordion.png);transition:-webkit-transform 0.2s ease-out;-webkit-transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out;transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out}
#hg-global-nav .menu>li.accordion .submenu{display:none;padding-bottom:25px}
#hg-global-nav .menu>li.accordion .submenu>li>a{display:block;height:39px;padding-left:59px;font-size:.9375em;font-weight:bold;line-height:39px;background:-webkit-gradient(linear, left top, right top, from(#024098), to(#b8cae2));background:linear-gradient(to right, #024098, #b8cae2);color:#fff;margin:2px 0;-webkit-transition:none 0.2s ease-out;transition:none 0.2s ease-out;-webkit-transition-property:opacity;transition-property:opacity}
#hg-global-nav .menu>li.accordion .submenu>li>a:hover{opacity:0.5}
#hg-global-nav .menu>li.accordion .submenu>li.current>a{color:#fff;background-color:#003f98}
#hg-global-nav .menu>li.accordion .submenu>li+li{margin-top:1px}
#hg-global-nav .menu>li.accordion.open>a span::after{-webkit-transform:translateX(2px) rotate(90deg);transform:translateX(2px) rotate(90deg)}
#hg-global-nav .menu>li.accordion.current .submenu{display:block}
#hg-global-nav .menu .icon{width: 35px;height:45px;margin:0px 10px 0px 20px;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;}
#hg-global-nav .menu .icon .cls-1{fill:#003f98}
#hg-global-nav .menu>.current a{color:#fff;background-color:#003f98}
#hg-global-nav .menu>.current a .icon .cls-1{fill:#fff}
#hg-global-nav .search{margin-top:auto;margin-bottom:0}
#hg-global-nav .search form{display:-ms-flexbox;display:-webkit-box;display:flex}
#hg-global-nav .search form input[type="search"]{width:152px;height:48px;padding:5px;border:solid 1px transparent;outline:none;background-color:#f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box}
#hg-global-nav .search form input[type="search"]:focus{border-color:#003f98}
#hg-global-nav .search form button[type="submit"]{display:block;width:48px;height:48px;border:none;outline:none;background-color:#003f98;background-image:url(/img/common/header_icon_search.png);background-position:center center;background-repeat:no-repeat;cursor:pointer;overflow:hidden}
#hg-global-nav .logo-norton{display:none}
#breadcrumbs{display:-ms-flexbox;display:-webkit-box;display:flex;margin-top:20px;margin-left:20px;font-size:1em}
#breadcrumbs>p::after{content:"　＞　"}
#breadcrumbs>p:last-child::after{content:none}
#breadcrumbs a:hover{text-decoration:underline}
@media all and (max-width: 1294px){#hg-global-header .container{height:747px;height:100vh;height:calc(100vh - 15px)}
}
@media all and (min-width: 641px){body{position:relative;min-width:1280px}
br.sp{display:none}
#hg-common-wrapper{max-width:1280px;margin:0 auto}
#hg-global-nav .menu>li.accordion.open.current{border-top:solid 1px #003f97}
#hg-global-nav .menu>li>a:hover span{opacity:0.6}
#hg-global-nav .menu a:hover .icon{-webkit-animation: bururu 0.7s;animation: bururu 0.7s}
@-webkit-keyframes bururu{0%{-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%)}
5%{ -webkit-transform: translate(10%, 0%) rotate(10deg); transform: translate(10%, 0%) rotate(10deg)}
25%{-webkit-transform:translate(20%, 0%) rotate(20deg);transform:translate(20%, 0%) rotate(20deg)}
30%{-webkit-transform:translate(-10%, 0%) rotate(-10deg);transform:translate(-10%, 0%) rotate(-10deg)}
35%{-webkit-transform:translate(-15%, 0%) rotate(-15deg);transform:translate(-15%, 0%) rotate(-15deg)}
45%{-webkit-transform:translate(10%, 0%) rotate(10deg);transform:translate(10%, 0%) rotate(10deg)}
50%{-webkit-transform:translate(15%, 0%) rotate(15deg);transform:translate(15%, 0%) rotate(15deg)}
60%{-webkit-transform:translate(-5%, 0%) rotate(-5deg);transform:translate(-5%, 0%) rotate(-5deg)}
65%{-webkit-transform:translate(-7%, 0%) rotate(-7deg);transform:translate(-7%, 0%) rotate(-7deg)}
75%{-webkit-transform:translate(0%, 0%) rotate(0deg);transform:translate(0%, 0%) rotate(0deg)}
100%{-webkit-transform: translate(0%, 0%) rotate(0deg);transform: translate(0%, 0%) rotate(0deg)}
}
@keyframes bururu{0%{-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%)}
5%{ -webkit-transform: translate(10%, 0%) rotate(10deg); transform: translate(10%, 0%) rotate(10deg)}
25%{-webkit-transform:translate(20%, 0%) rotate(20deg);transform:translate(20%, 0%) rotate(20deg)}
30%{-webkit-transform:translate(-10%, 0%) rotate(-10deg);transform:translate(-10%, 0%) rotate(-10deg)}
35%{-webkit-transform:translate(-15%, 0%) rotate(-15deg);transform:translate(-15%, 0%) rotate(-15deg)}
45%{-webkit-transform:translate(10%, 0%) rotate(10deg);transform:translate(10%, 0%) rotate(10deg)}
50%{-webkit-transform:translate(15%, 0%) rotate(15deg);transform:translate(15%, 0%) rotate(15deg)}
60%{-webkit-transform:translate(-5%, 0%) rotate(-5deg);transform:translate(-5%, 0%) rotate(-5deg)}
65%{-webkit-transform:translate(-7%, 0%) rotate(-7deg);transform:translate(-7%, 0%) rotate(-7deg)}
75%{-webkit-transform:translate(0%, 0%) rotate(0deg);transform:translate(0%, 0%) rotate(0deg)}
100%{-webkit-transform: translate(0%, 0%) rotate(0deg);transform: translate(0%, 0%) rotate(0deg)}
}
#hg-contents{width:1080px;margin-left:200px}
#hg-global-footer{padding-bottom:52px;background-color:#003f98}
#hg-global-footer .btn-pagetop{padding:5px 0 4px;line-height:0;background-color:#f1f1f1;text-align:center}
#hg-global-footer .btn-pagetop a{display:inline-block;padding:20px}
#hg-global-footer .btn-pagetop a{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}
#hg-global-footer .btn-pagetop a:hover{opacity:0.6}
#hg-global-footer h1{width:208px;margin:41px auto 0}
#hg-global-footer h1 img{width: 100%}
#hg-global-footer #hg-footer-nav{margin-top:21px}
#hg-global-footer #hg-footer-nav .menu{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}
#hg-global-footer #hg-footer-nav .menu li a{color:#fff;font-size:.875em;line-height:1}
#hg-global-footer #hg-footer-nav .menu li a:hover{text-decoration:underline}
#hg-global-footer #hg-footer-nav .menu li+li{margin-left:46px}
#hg-global-footer #hg-footer-nav .others{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;margin-top:35px}
#hg-global-footer #hg-footer-nav .others a{color:#fff;font-size:.8125em;line-height:1;text-decoration:underline}
#hg-global-footer #hg-footer-nav .others a:hover{text-decoration:none}
#hg-global-footer #hg-footer-nav .others a+a{margin-left:26px}
#hg-global-footer .logo-norton{position:absolute;margin-left:840px;bottom:15px;}
#hg-global-footer .copyright{display:block;margin-top:14px;color:#fff;font-size:.6875em;line-height:1;text-align:center}
}
@media all and (max-width: 640px){body{position:relative}
img{width:100%;max-width:100%;height:auto}
br.pc{display:none}
#hg-global-header{width:100%;z-index:2}
#hg-global-header .container{display:block;width:100%;height:auto;max-height:none;padding-top:0;background-color:#fff;-webkit-transition:-webkit-box-shadow 0.3s ease-out;transition:-webkit-box-shadow 0.3s ease-out;transition:box-shadow 0.3s ease-out;transition:box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out}
#hg-global-header h1{width:37.5%;height:auto;margin-left:4.6875%;padding:5.46875% 0 4.84375%;line-height:0}
#hg-global-header .btn-menu{display:block;position:absolute;top:0;right:0;width:14.53125%;padding-bottom:14.53125%}
#hg-global-header .btn-menu a{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#003f98}
#hg-global-header .btn-menu a img{width:24px;height:23px}
#hg-global-header.floating .container{-webkit-box-shadow:0px 3px 7px rgba(0,0,0,0.35);box-shadow:0px 3px 7px rgba(0,0,0,0.35)}
#hg-global-nav{display:none;margin-top:0;padding-bottom:12px;background-color:#fff;-webkit-box-shadow:0px 3px 7px rgba(0,0,0,0.35);box-shadow:0px 3px 7px rgba(0,0,0,0.35)}
#hg-global-nav .menu{border-top:solid 1px #003e98}
#hg-global-nav .menu>li{border-bottom:solid 1px #003e98}
#hg-global-nav .menu>li>a span{width:220px;margin:0 auto}
#hg-global-nav .menu>li.accordion .submenu{padding-bottom:0;border-top:1px solid #003e98}
#hg-global-nav .menu>li.accordion .submenu>li>a{padding-left:0}
#hg-global-nav .menu>li.accordion .submenu>li>a span{display:block;width:90px;margin:0 auto}
#hg-global-nav .menu .icon{margin:0px 15px 0px 30vw}
#hg-global-nav .search{display:none}
#hg-global-nav .logo-norton{display:block;width:112px;margin-top:10px;margin-right:17px;margin-left:auto}
#hg-contents{padding-top:14.53125%;overflow:hidden}
#breadcrumbs{margin-top:3.125%;margin-left:3.125%;font-size:2.5vw}
#breadcrumbs>p.ellipsis{display:block}
#breadcrumbs>p:nth-child(n+2):not(:last-child){display:none}
#breadcrumbs>p:last-child::before{content:"･･･　＞　"}
#breadcrumbs>p:nth-child(2):last-child::before{content:none}
#hg-global-footer{padding-bottom:15.625%;background-color:#003f98}
#hg-global-footer .btn-pagetop{line-height:0;background-color:#f1f1f1;text-align:center}
#hg-global-footer .btn-pagetop a{display:block;padding:6.25% 0;text-align:center}
#hg-global-footer .btn-pagetop a{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}
#hg-global-footer .btn-pagetop a:hover{opacity:0.6}
#hg-global-footer .btn-pagetop a img{width:5.46875%;height:auto}
#hg-global-footer h1{width:208px;margin:9.375% auto 0}
#hg-global-footer #hg-footer-nav{margin-top:9.375%}
#hg-global-footer #hg-footer-nav .menu{display:block;width:87.5%;margin:0 auto;border-top:solid 1px #4d79b7}
#hg-global-footer #hg-footer-nav .menu li{border-bottom:solid 1px #4d79b7}
#hg-global-footer #hg-footer-nav .menu li a{display:block;padding:4.46429% 0;color:#fff;font-size:3.4375vw;line-height:1}
#hg-global-footer #hg-footer-nav .menu li a:hover{text-decoration:underline}
#hg-global-footer #hg-footer-nav .others{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;margin-top:9.375%}
#hg-global-footer #hg-footer-nav .others a{color:#fff;font-size:3.125vw;line-height:1;text-decoration:underline}
#hg-global-footer #hg-footer-nav .others a:hover{text-decoration:none}
#hg-global-footer #hg-footer-nav .others a+a{margin-left:26px}
#hg-global-footer .logo-norton{display:none}
#hg-global-footer .copyright{display:block;margin-top:14px;color:#fff;font-size:2.5vw;line-height:1.75;text-align:center}
}