@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;900&display=swap");body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0}img{vertical-align:top;border:0}a img{border:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0}*,*:before,*:after{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.pointR{color:#dc0000}header{background:url(../images/top/mv_pc.png) no-repeat top center;height:737px;position:relative}header h1{width:1000px;margin:auto;position:relative}header h1 img{position:absolute;left:0;top:10px}header .arm{-webkit-animation:2.5s ease 1s infinite swing;animation:2.5s ease 1s infinite swing;position:absolute;top:281px;left:-460px;right:0;margin:auto}.pagetop{position:fixed;bottom:10px;right:10px;z-index:99}main nav{width:800px;margin:0 auto 40px}main nav ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}main nav ul li{border-radius:10px;width:190px;border:solid 2px #2a2a2a;background:linear-gradient(180deg, #fff 0%, #fff 80%, #ffea00 80%);position:relative;margin-top:10px;margin-bottom:9px;margin-left:10px;transition:0.1s}main nav ul li:nth-child(4n+1){margin-left:0}main nav ul li a{display:block}main nav ul li a img{width:100%;padding:5px 25px 30px}main nav ul li::before{content:"";position:absolute;background:#2a2a2a;width:100%;height:100%;z-index:-1;border-radius:20px;top:10px;left:0;transition:0.1s}main nav ul li::after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:8px 8px 0 8px;border-color:#000000 transparent transparent transparent;bottom:6%;left:45%}main nav ul li:hover{margin-top:14px;margin-bottom:5px}main nav ul li:hover::before{border-radius:15px;top:5px;left:0}main section{width:1000px;margin:20px auto;border:solid 2px;background:url(../images/top/bg_cont_top.png) no-repeat top left,url(../images/top/bg_cont_bottom.png) no-repeat bottom right,#fff;background-size:100%;position:relative;padding:40px 50px}main section::before{content:"";width:100%;height:100%;position:absolute;background:repeating-linear-gradient(-45deg, transparent, transparent 5px, #2a2a2a 5px, #2a2a2a 6.4px);top:10px;left:10px;z-index:-1}main section h2{text-align:center}main section .prodCol{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}main section .prodCol .prodImg{width:250px;border:solid 1px #000}main section .prodCol .prodTxt{width:650px;margin-left:20px}main section .prodCol .prodTxt .day{font-weight:bold;font-size:28px}main section .prodCol .prodTxt .day em{font-size:34px;font-weight:bold}main section .prodCol .prodTxt .name{font-size:18px;font-weight:bold;margin-top:5px}main section .prodCol .prodTxt .txt{font-size:16px;margin-top:20px}main section .btnLinup{width:620px;display:block;margin:30px auto;position:relative;z-index:10;transition:0.1s}main section .btnLinup::before{content:"";position:absolute;background:#2a2a2a;width:100%;height:100%;z-index:-1;border-radius:25px;top:8px;left:0;transition:0.1s}main section .btnLinup:hover{margin:36px auto 24px}main section .btnLinup:hover::before{border-radius:15px;top:2px}main section+section{margin-top:30px}@media screen and (max-width: 999px){header{background:url(../images/top/mv_sp.png) no-repeat top left;background-size:100%;width:100vw;height:94vw}header h1 img{width:13vw;top:2vw;left:2vw}header .arm{top:37.5vw;left:-62vw;width:22vw}.pagetop{bottom:0.8vw;right:1vw}.pagetop img{width:13vw}main nav{width:95vw;margin:2vw auto 4vw}main nav ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}main nav ul li{border-radius:5px;width:22.5vw;background:linear-gradient(180deg, #fff 0%, #fff 80%, #ffea00 80%);position:relative;margin-top:1vw;margin-bottom:6px;margin-left:1.5vw}main nav ul li a img{padding:0.5vw 0.5vw 4vw}main nav ul li::before{border-radius:10px;top:6px}main nav ul li::after{border-width:1.2vw 1.2vw 0 1.2vw;left:44%}main section{width:95vw;margin:2vw auto;padding:4vw}main section::before{background:repeating-linear-gradient(-45deg, transparent, transparent 2px, #7b7b7b 4.1px, #7b7b7b 3px);top:2vw;left:1.8vw}main section h2{padding-bottom:0}main section h2 img{width:35vw}main section .prodCol{display:-webkit-flex;display:flex;-webkit-align-items:normal;align-items:normal;-webkit-flex-direction:column;flex-direction:column}main section .prodCol .prodImg{width:40vw;height:40vw;-webkit-order:2;order:2}main section .prodCol .prodTxt{width:100%;margin-left:0;-webkit-order:1;order:1}main section .prodCol .prodTxt .day{font-weight:bold;font-size:4vw;text-align:center}main section .prodCol .prodTxt .day em{font-size:5.5vw;font-weight:bold;text-align:center}main section .prodCol .prodTxt .name{font-size:3.5vw;text-align:center;margin-top:0.5vw;margin-bottom:4vw}main section .prodCol .prodTxt .txt{font-size:3.5vw;margin-top:0;position:absolute;width:43vw;height:40vw;right:4.5vw;display:table}main section .prodCol .prodTxt .txt span{display:table-cell;vertical-align:middle}main section .btnLinup{width:100%;margin:3vw auto}main section .btnLinup img{width:100%}main section .btnLinup::before{border-radius:10px;top:4px}main section+section{margin-top:4vw}}

/*# sourceMappingURL=maps/top.css.map */
