body.parts{background-image:url("../img/bg_part.png");background-position:top right;background-repeat:no-repeat;background-size:800px auto}body.index{background-image:url("../img/bg_index.png");background-position:top center;background-repeat:no-repeat;background-size:100% 680px}@media screen and (max-width: 1200px){body.index{background-size:auto 480px}}body.index #visual{text-align:center;padding:190px 0 0;height:680px;margin-bottom:40px}@media screen and (max-width: 1200px){body.index #visual{padding:150px 0 0;height:480px}}@media screen and (max-width: 600px){body.index #visual{padding:190px 0 0}}body.index #visual h1{font-family:'Noto Sans JP', sans-serif;font-size:50px;line-height:140%;margin-bottom:20px}@media screen and (max-width: 1200px){body.index #visual h1{font-size:40px}}@media screen and (max-width: 600px){body.index #visual h1{font-size:30px}}body.index #visual a{font-family:'Noto Sans JP', sans-serif;font-size:28px;line-height:140%;display:inline-block;padding:20px 120px;background-color:#0852B7;border-radius:5px;color:#fff}@media screen and (max-width: 1200px){body.index #visual a{font-size:24px;padding:20px 70px}}@media screen and (max-width: 600px){body.index #visual a{font-size:20px;padding:20px 50px}}body.index #visual a:hover{background-color:#1775f5}body.category main,body.mypage main,body.top main{padding:100px 0}@media screen and (max-width: 1200px){body.category main,body.mypage main,body.top main{padding:100px 0 50px}}body.pages{background-color:#fff;color:#333}body.pages header{background-color:#000;height:70px}body.pages .wrapper{width:800px;padding:0 0 100px}@media screen and (max-width: 1200px){body.pages .wrapper{width:100%;padding:0 10px 50px}}body.pages .wrapper h1{font-family:'Noto Sans JP', sans-serif;font-size:28px;text-align:center;padding:60px 0}body.pages .wrapper h1 span{display:block;color:#ccc;font-size:16px;line-height:220%}body.pages .wrapper h2{font-family:'Noto Sans JP', sans-serif;padding:30px 0}body.pages .wrapper a{color:#000}body.pages .wrapper ol{margin:10px 0 10px 20px}body.pages .wrapper ol li{list-style-type:decimal;line-height:160%;padding:3px 0}body.pages .wrapper ol li li{list-style-type:disc}body.pages .wrapper table{width:100%;border-collapse:collapse;border-spacing:0}body.pages .wrapper table th{width:30%;padding:20px 20px 20px 10px;text-align:left;vertical-align:top;border-bottom:solid 1px #ccc}body.pages .wrapper table td{width:70%;padding:20px 10px 20px 20px;vertical-align:top;border-bottom:solid 1px #ccc}body.category article dl{margin-bottom:20px;overflow:hidden}body.category article dl:nth-of-type(4n){margin-right:0 !important}body.detail{background-color:#F7F7F7}body.detail header{position:absolute;top:0;left:0;right:0;background-color:#000;height:70px;z-index:1}body.detail main section#embed{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;text-align:center;background-color:#1F1F1F;text-align:center;z-index:3;display:none}@media screen and (max-width: 1200px){body.detail main section#embed{padding:0;height:auto}}body.detail main section#embed .batsu{float:right;display:block;width:40px;height:40px;margin:15px 15px 0 0;position:relative;cursor:pointer}body.detail main section#embed .batsu::after,body.detail main section#embed .batsu::before{content:"";display:block;width:100%;height:2px;background:#ccc;transform:rotate(45deg);transform-origin:0 50%;position:absolute;top:calc(14% - 5px);left:14%}body.detail main section#embed .batsu::after{transform:rotate(-45deg);transform-origin:100% 50%;left:auto;right:14%}body.detail main section#embed .video{position:relative;width:1000px;height:0;padding:0 0 50%;overflow:hidden;margin:0 auto}@media screen and (max-width: 1200px){body.detail main section#embed .video{width:100%;padding:10px 0 55%}}@media screen and (max-width: 600px){body.detail main section#embed .video{padding:10px 0 65%}}body.detail main section#embed .video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);width:100%;height:100%}@media screen and (max-width: 1200px){body.detail main section#embed .video iframe{width:95%}}body.detail main .wrapper{color:#000;overflow:hidden;padding:70px 0 0}body.detail main .wrapper #explain{width:800px;float:left}@media screen and (max-width: 1200px){body.detail main .wrapper #explain{width:100%}}body.detail main .wrapper #explain #head{border-bottom:solid 1px #ccc;margin-bottom:20px;padding:20px 40px 10px 5px}@media screen and (max-width: 1200px){body.detail main .wrapper #explain #head{padding:20px 10px 10px}}body.detail main .wrapper #explain #head dfn{background-color:rgba(0,0,0,0.8);padding:7px 10px;font-size:12px;font-style:normal;font-weight:bold;color:#00ACF2;border-radius:4px}body.detail main .wrapper #explain #head h2{font-family:'Noto Sans JP', sans-serif;font-size:24px;line-height:130%;padding:10px 0}body.detail main .wrapper #explain #head p{font-size:12px;color:#999}body.detail main .wrapper #explain #head p a{display:inline-block;padding:0 10px;border-radius:20px;background-color:#00ACF2;color:#fff}body.detail main .wrapper #explain figure{position:relative;padding:0 30px 0 0;margin:0 0 30px}@media screen and (max-width: 1200px){body.detail main .wrapper #explain figure{width:100%;padding:0 10px;margin:0 0 20px}}body.detail main .wrapper #explain figure img{width:100%}body.detail main .wrapper #explain figure figcaption{position:absolute;bottom:10px;right:40px;text-align:center;background-color:rgba(0,0,0,0.8);padding:0 5px;font-size:11px;font-weight:bold;color:#fff;border-radius:4px;width:50px}body.detail main .wrapper #explain #descs{padding:0 40px 150px 5px}@media screen and (max-width: 1200px){body.detail main .wrapper #explain #descs{padding:0 10px 50px}}body.detail main .wrapper #explain #descs a{color:#0852B7}body.detail main .wrapper #side{padding:30px 0 50px 40px;width:400px;float:left;border-left:solid 1px #ccc}@media screen and (max-width: 1200px){body.detail main .wrapper #side{padding:30px 10px 120px;width:100%;border-left:none}}body.detail main .wrapper #side h2{font-family:'Noto Sans JP', sans-serif;font-size:24px;line-height:130%;margin-bottom:20px}body.detail main .wrapper #side dl{position:relative;width:359px;margin-bottom:15px;overflow:hidden;cursor:pointer}@media screen and (max-width: 1200px){body.detail main .wrapper #side dl{width:calc(50% - 10px);margin-right:10px;float:left}}@media screen and (max-width: 600px){body.detail main .wrapper #side dl{width:100%}}body.detail main .wrapper #side dl dt{position:relative;float:left;width:180px;margin-right:19px;margin-bottom:7px}@media screen and (max-width: 1200px){body.detail main .wrapper #side dl dt{width:calc(40% - 19px)}}body.detail main .wrapper #side dl dt img{width:100%}body.detail main .wrapper #side dl dt time{position:absolute;bottom:5px;right:10px;text-align:center;background-color:rgba(0,0,0,0.8);padding:0 5px;font-size:11px;font-weight:bold;color:#fff;border-radius:4px;width:50px}body.detail main .wrapper #side dl dd{float:left;width:160px}@media screen and (max-width: 1200px){body.detail main .wrapper #side dl dd{width:60%}}body.detail main .wrapper #side dl dd.title{font-size:14px;font-weight:bold;line-height:150%}body.detail main .wrapper #side dl dd.date{font-size:12px;color:#999}body.detail main .wrapper #side 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}body.detail main .wrapper #side 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}body.detail #navi{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:rgba(0,0,0,0.8);padding:20px 0;text-align:center;z-index:2}body.detail #navi a{font-family:'Noto Sans JP', sans-serif;font-size:18px;line-height:130%;display:inline-block;background:linear-gradient(#307be2,#0852b7);padding:20px 150px;border-radius:5px;border:solid 1px #06449A}@media screen and (max-width: 600px){body.detail #navi a{width:90%;padding:20px 0}}body.detail #navi .poyopoyo{animation:poyopoyo 2s ease-out infinite;opacity:1}@keyframes poyopoyo{0%,
            40%,
            60%,
            80%{transform:scale(1)}50%,
            70%{transform:scale(0.95)}}#login .formwrap h2,#pass .formwrap h2{margin-bottom:100px}#contact .formwrap h2{margin-bottom:70px}#purchase h3{background-color:#333;padding:10px;font-size:15px;border-radius:4px;margin-bottom:10px}#purchase table{width:100%}#purchase table td,#purchase table th{padding:10px}#purchase table td img.thumbnail,#purchase table th img.thumbnail{width:75px}#purchase table .right{text-align:right;border-top:solid 1px #333}#purchase .btn{margin:20px 0 30px;overflow:hidden}#purchase #pur_cancel{display:block;text-align:center}#subsc #card-element{padding:0 0 7px 5px;border:none;border-bottom:solid 1px #888}#subsc .btn{margin:20px 0 0;overflow:hidden}#subsc .btn button{font-family:'Noto Sans JP', sans-serif;font-size:16px;line-height:150%;width:100%;padding:20px;display:block;border:none;box-shadow:0 1px 2px #666;cursor:pointer}#subsc .btn button.forward{border-radius:5px;background-color:#0852B7;color:#fff}#subsc .btn button.forward:hover{background-color:#1775f5}body.mypage .formwrap{padding:60px 0 0}body.mypage .formwrap section{padding:0}body.mypage p.notice{padding:100px 0 0;text-align:center}body.mypage #entry article dl{margin-bottom:20px}body.mypage #entry article dl:nth-of-type(4n){margin-right:0}body.mypage #control{width:600px;margin:0 auto;overflow:hidden}@media screen and (max-width: 1200px){body.mypage #control{width:100%;padding:0 10px}}body.mypage #control ul{margin:0 auto;display:block;text-align:center;letter-spacing:-.4em}body.mypage #control ul li{text-align:center;width:calc(100% / 3);display:inline-block;letter-spacing:normal;border-right:solid 1px #000}body.mypage #control ul li a{display:block;background-color:#333;padding:10px 25px;white-space:nowrap}body.mypage #control ul li:first-child a{border-top-left-radius:5px;border-bottom-left-radius:5px}body.mypage #control ul li:last-child a{border-top-right-radius:5px;border-bottom-right-radius:5px}body.mypage table.list{width:100%;border-collapse:collapse;border-spacing:0;margin:50px 0 0}body.mypage table.list thead th{background-color:#333;padding:8px 15px;text-align:left;border-right:solid 1px #000}body.mypage table.list thead th:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}body.mypage table.list thead th:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}body.mypage table.list tbody td{padding:10px 15px;border-bottom:solid 1px #333}body.mypage table.list tbody tr.invalid{color:#666}body.mypage table.list .cntr{text-align:center}body.mypage #plan table{width:100%;border-collapse:collapse;border-spacing:0;margin:0}body.mypage #plan table td,body.mypage #plan table th{font-size:18px;font-weight:normal;text-align:left;padding:15px 10px;border-bottom:solid 1px #888}body.mypage #plan #withdraw_win{margin:30px 0 0;width:100%;text-align:center;display:block;padding:15px 0;background-color:#333;border-radius:5px}body.mypage #plan #withdraw_win:hover{background-color:#595959}