﻿*{box-sizing:border-box;margin:0;padding:0;word-wrap:break-word;outline:none}::-webkit-input-placeholder{color:#666}:-ms-input-placeholder{color:#666}::placeholder{color:#666}img{vertical-align:top;font-size:0;line-height:0}li,ol,ul{list-style-type:none;margin:0;padding:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}a{text-decoration:none;color:#fff}body{font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:14px;line-height:170%;letter-spacing:0.5px;background-color:#000;color:#fff;-webkit-appearance:none}@media screen and (max-width: 1200px){body{background-color:#030303}}.wrapper{width:1200px;min-height:calc(100vh - 128px);margin:0 auto}@media screen and (max-width: 1200px){.wrapper{width:100%;padding:0 10px}}#loading{position:fixed;top:50%;left:50%;width:60px;height:15px;transform:translate(-50%, -50%);background-image:url("../img/three-dots.svg");z-index:999;display:none}@media screen and (max-width: 1200px){#loading{left:50%}}header h1{margin:20px 0 10px 20px;float:left;width:100px;height:45px;text-indent:-9999px;background-image:url("../img/logo.png");background-position:top left;background-repeat:no-repeat;background-size:100px auto}@media screen and (max-width: 1200px){header h1{margin:15px 0 10px 10px}}header h1 a{display:block;width:100px;height:45px}header ul{float:right;padding:28px 30px 0 0}header ul li{position:relative;font-family:'Noto Sans JP', sans-serif;font-size:15px;line-height:150%;margin-left:30px;display:inline-block}@media screen and (max-width: 1200px){header ul li{margin-left:15px}}header ul li em{display:inline-block;background-color:#00ACF2;color:#fff;padding:3px 15px 3px 30px;font-style:normal;background-image:url("../img/ico_star.png");background-position:top left;background-repeat:no-repeat;background-size:30px auto;border-radius:5px;margin-left:10px}header ul li ul{position:absolute;top:0;left:-140px;padding:10px 0 10px 15px;width:230px;float:none;background-color:#333;border-radius:5px;display:none;z-index:2}@media screen and (max-width: 1200px){header ul li ul{display:block}}header ul li ul li{margin:0;padding:0;line-height:220%;display:block}header ul li ul li a:hover{color:#00ACF2}header ul li.category{padding-right:25px;background-image:url("../img/open.svg");background-position:top 1px right;background-repeat:no-repeat;background-size:20px auto}@media screen and (max-width: 1200px){header ul li.category{text-indent:-9999px;background-image:none;padding:0;margin:0}}@media screen and (max-width: 1200px){header ul li.category ul{text-indent:10px;position:absolute;top:8px;right:-50px;padding:20px 10px;left:auto;display:none}header ul li.category ul li{line-height:260%}}header ul li.category ul li.m_logout{display:none}@media screen and (max-width: 1200px){header ul li.category ul li.m_logout{display:block}}header #toggle{display:none}@media screen and (max-width: 1200px){header #toggle{display:block;position:absolute;width:36px;height:23px;top:22px;right:15px}}header #toggle .menu-trigger,header #toggle .menu-trigger span{display:inline-block;transition:all 0.4s;box-sizing:border-box}header #toggle .menu-trigger{position:relative;width:36px;height:23px}header #toggle .menu-trigger span{position:absolute;left:0;width:100%;height:2px;background-color:#fff;border-radius:4px}header #toggle .menu-trigger span:nth-of-type(1){top:0}header #toggle .menu-trigger span:nth-of-type(2){top:10px}header #toggle .menu-trigger span:nth-of-type(3){bottom:0}header #toggle .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(15px) rotate(-45deg);transform:translateY(15px) rotate(-45deg)}header #toggle .menu-trigger.active span:nth-of-type(2){opacity:0}header #toggle .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg)}@media screen and (max-width: 1200px){header.guest ul{padding:20px 15px 0 0}}@media screen and (max-width: 1200px){header.member ul{padding:20px 65px 0 0}}header.member ul li.logout{display:inline-block}@media screen and (max-width: 1200px){header.member ul li.logout{display:none}}footer{background-color:#000;padding:20px 30px;font-size:13px;overflow:hidden}@media screen and (max-width: 1200px){footer{padding:0}}footer ul{float:left}@media screen and (max-width: 1200px){footer ul{border-top:solid 1px #333;float:none}}footer ul li{display:inline-block;margin-right:15px}@media screen and (max-width: 1200px){footer ul li{display:block;margin-right:0}}@media screen and (max-width: 1200px){footer ul li a{display:block;padding:10px;border-bottom:solid 1px #333}}footer dfn{font-style:normal;display:block;float:right;color:#fff}@media screen and (max-width: 1200px){footer dfn{font-size:12px;padding:20px 0 10px;text-align:center;float:none}}.formwrap{width:600px;min-height:calc(100vh - 58px);margin:0 auto;padding:70px 0 0}@media screen and (max-width: 600px){.formwrap{width:95%;padding:90px 0 50px}}.formwrap section{padding:50px;background-color:rgba(0,0,0,0.8)}@media screen and (max-width: 600px){.formwrap section{padding:30px 20px}}.formwrap section h2{font-family:'Noto Sans JP', sans-serif;font-size:24px;text-align:center;margin-bottom:40px}@media screen and (max-width: 600px){.formwrap section h2{font-size:20px}}.formwrap section h3{background-color:#AD0000;font-family:'Noto Sans JP', sans-serif;font-size:18px;line-height:170%;color:#FFF;text-align:center;border-radius:5px;padding:10px 20px;margin-bottom:10px}.formwrap section p{background-color:#E3B800;font-family:'Noto Sans JP', sans-serif;font-size:18px;line-height:170%;color:#000;text-align:center;border-radius:5px;padding:20px;margin-bottom:40px}@media screen and (max-width: 600px){.formwrap section p br{display:none}}.formwrap section form dl{width:100%;margin-bottom:30px}.formwrap section form dl dt{display:none}.formwrap section form dl dd span.txt{display:block;padding-bottom:5px;border-bottom:solid 1px #888;color:#fff;font-size:18px}.formwrap section form dl dd input{width:100%;background-color:transparent;padding:0 0 7px 5px;margin-bottom:5px;border:none;border-bottom:solid 1px #888;border-radius:0;color:#fff;font-size:20px;letter-spacing:1px}.formwrap section form dl dd select{width:100%;background-color:transparent;padding:0 0 7px;margin-bottom:5px;border:none;border-bottom:solid 1px #888;color:#fff;font-size:20px;letter-spacing:1px}.formwrap section form dl dd textarea{width:100%;height:300px;padding:15px;background-color:#333;margin-bottom:5px;border:none;color:#fff;font-size:18px;letter-spacing:1px;border-radius:3px}.formwrap section form dl dd input:disabled{color:#bbb}.formwrap section form label.error{display:block;padding:0 0 0 5px}.formwrap section form .btn{text-align:center}.formwrap section form .btn li input{font-family:'Noto Sans JP', sans-serif;font-size:16px;line-height:150%;width:100%;padding:20px;display:block;border:none;cursor:pointer;-webkit-appearance:none}.formwrap section form .btn li a{font-family:'Noto Sans JP', sans-serif;font-size:16px;line-height:150%;width:100%;padding:20px;display:block;border:none;cursor:pointer}.formwrap section form .btn li button{font-family:'Noto Sans JP', sans-serif;font-size:16px;line-height:150%;width:100%;padding:20px;display:block;border:none;cursor:pointer;-webkit-appearance:none}.formwrap section form .btn li .forward{border-radius:5px;background-color:#0852B7;color:#fff}.formwrap section form .btn li .forward:hover{background-color:#1775f5}.formwrap section form span.link{display:block;text-align:center;padding:40px 0 0}.formwrap section form span.link a{color:#999}#entry h2{font-family:'Noto Sans JP', sans-serif;font-size:24px;margin-bottom:30px}@media screen and (max-width: 1200px){#entry h2{font-size:20px}}#entry h2 a{background-image:url("../img/ico_basketball.png");background-repeat:no-repeat;background-position:top 5px right;background-size:25px auto;padding-right:35px}#entry article{margin-bottom:50px;overflow:hidden}#entry article p.notice{padding:100px 0 0;text-align:center}#entry article dl{position:relative;width:270px;height:235px;padding:0 0 2%;margin-right:40px;float:left;cursor:pointer}@media screen and (max-width: 1200px){#entry article dl{width:calc(25% - 17px);margin:0 20px 10px 0}}@media screen and (max-width: 600px){#entry article dl{width:calc(50% - 5px);margin:0 10px 10px 0;height:auto}}#entry article dl dt{position:relative;margin-bottom:7px}#entry article dl dt img{width:100%}#entry article dl dt time{position:absolute;bottom:5px;right:10px;background-color:rgba(0,0,0,0.8);padding:0 5px;font-size:11px;font-weight:bold;color:#fff;border-radius:4px}#entry article dl dd.title{font-size:14px;font-weight:bold;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}#entry article dl dd.date{font-size:12px;color:#999}@media screen and (max-width: 600px){#entry article dl:nth-child(even){margin-right:0}}#entry article dl:last-child{margin-right:0}#entry article dl.purchased:before{position:absolute;top:5px;left:6px;content:"";display:block;width:26px;height:26px;background-image:url("../img/ico_star.png");background-repeat:no-repeat;background-position:top left;background-size:26px auto;z-index:1}#entry article dl.bought:before{position:absolute;top:5px;left:6px;content:"";display:block;width:26px;height:26px;background-image:url("../img/bought.png");background-repeat:no-repeat;background-position:top left;background-size:26px auto;z-index:1}#entry p.link{float:right;margin-top:-50px}@media screen and (max-width: 1200px){#entry p.link{margin-top:-80px}}@media screen and (max-width: 600px){#entry p.link{margin-top:-50px}}#entry p.link a{display:inline-block;background-color:#333;padding:3px 15px;font-size:13px;border-radius:20px}section#thumb{position:absolute;top:740px;left:60px;z-index:2;box-shadow:0 1px 10px #333;background-color:#333;border-radius:3px;display:none;cursor:pointer}section#thumb dl{position:relative;width:360px;padding:20px}section#thumb dl dt{position:relative;margin-bottom:7px}section#thumb dl dt img{width:100%}section#thumb dl dt time{position:absolute;bottom:5px;right:10px;background-color:rgba(0,0,0,0.8);padding:0 5px;font-size:11px;font-weight:bold;color:#fff;border-radius:4px}section#thumb dl dd.title{font-size:14px;font-weight:bold}section#thumb dl dd.date{font-size:12px;color:#999}section#thumb dl dd.action a{margin-top:5px;display:inline-block;padding:5px 15px;border-radius:4px;background-color:#0852B7;color:#fff}#failure,#notice,#success{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;padding:10px 30px;border-radius:20px;box-shadow:0 1px 10px #333}#success{background-color:#0852B7}#failure{background-color:#C70000}#notice{background-color:#C70000}.comfirmwin{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:300px;border-radius:5px;background-color:rgba(255,255,255,0.95);box-shadow:2px 2px 5px #999;border:solid 1px #ccc;color:#000;display:none;z-index:3}.comfirmwin h1{font-size:15px;padding:30px 0 10px;text-align:center;font-weight:bold}.comfirmwin p{font-size:13px;line-height:170%;text-align:center;padding:0 10px 20px}.comfirmwin ul.comfirmbtn{text-align:center;width:100%;display:table;table-layout:fixed;border-top:solid 1px #ccc}.comfirmwin ul.comfirmbtn li{display:table-cell}.comfirmwin ul.comfirmbtn li a{display:block;padding:12px 0;color:#00ACF2;font-weight:bold;text-decoration:none}.comfirmwin ul.comfirmbtn li:first-child{border-right:solid 1px #ccc}
