﻿body{animation:fadeIn 2s ease 0s 1 normal;-webkit-animation:fadeIn 2s ease 0s 1 normal}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}html,body{width:100%;height:100%}body,br{letter-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:400}ol,ul{list-style:none}fieldset,img{border:0}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}img{border:none;vertical-align:middle;max-width:100% !important}a{text-decoration:none;transition-property:background,border,color;transition-duration:.2s;transition-timing-function:ease-in-out}@font-face{font-family:'MyFont';src:url("../font/Med/Futura-Med.eot");src:local("myfont Regular"),url("../font/Med/Futura-Med.eot?#iefix") format("embedded-opentype"),url("../font/Med/Futura-Med.woff") format("woff"),url("../font/Med/Futura-Med.ttf") format("truetype"),url("../font/Med/Futura-Med.svg#svgFontName") format("svg");font-weight:400;font-style:normal}@font-face{font-family:'MyFont';src:url("../font/Dem/Futura-Dem.eot");src:local("myfont Regular"),url("../font/Dem/Futura-Dem.eot?#iefix") format("embedded-opentype"),url("../font/Dem/Futura-Dem.woff") format("woff"),url("../font/Dem/Futura-Dem.ttf") format("truetype"),url("../font/Dem/Futura-Dem.svg#svgFontName") format("svg");font-weight:700;font-style:normal}body{background:#010101;color:#fff;font-family:'MyFont', "Hiragino Kaku Gothic ProN", meiryo, メイリオ, "ms pgothic", "ms pゴシック", osaka, sans-serif, TakaoPGothic, "Sazanami Gothic"}html{height:100%}body{height:100%;margin:0}#wrap{width:100%;min-height:100%;overflow:hidden}#content{padding:3.375rem 0 7rem}#content p{letter-spacing:0.025rem;margin-bottom:1rem}a.grd{background:url(../images/common/bg-link.png);background-repeat:no-repeat;background-size:100% 1em;background-position:0 0.75em}a.grd:hover{background-position:0}a{color:#fff}a img{-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}a:hover img{filter:grayscale(30%);opacity:0.8}h2{font-size:3.75rem;line-height:3.75rem}.btn{display:inline-block;border-radius:3px;position:relative;overflow:hidden;color:white;text-align:center;z-index:5}.btn:after{position:absolute;content:'';display:inline-block;background:#3bade3;background:linear-gradient(45deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);height:80px;width:460px;z-index:-1;transform:translateX(-280px);transition:transform 200ms ease-in;margin-top:-10px}.btn:hover{box-shadow:0 0 15px #7659cf}.btn:hover:after{transform:translateX(-200px)}.btn span{position:relative;top:16px}.btn-min{height:36px;width:180px;line-height:40px;max-width:100%;overflow:hidden;font-size:0.9em}.inner{width:1180px;margin:0 auto;overflow:hidden;box-sizing:border-box;padding:0 50px 0}.l_inner{width:100%;max-width:1400px;min-width:1180px;margin:0 auto;position:relative;box-sizing:border-box;padding:0 50px 0}#load_footer{overflow:hidden;background-repeat:no-repeat;width:100%;height:300px;background-size:280px;background-position:bottom left;display:block !important}#footer{overflow:hidden;text-align:center;float:right;padding:18px}#footer #mail_btn{margin-bottom:6rem}#footer #mail_btn h2{font-size:1.875rem}#footer #footer_nav{overflow:hidden;display:block}#footer #footer_nav li{float:left;margin-left:24px}#footer #footer_nav li a:hover{background:url(../images/common/bg-link.png);background-repeat:no-repeat;background-size:100% 1em;background-position:0 0.75em}.btn_circle{height:90px;width:90px;padding:16px;border:2px solid #999;border-radius:100%;display:inline-block;box-sizing:border-box;-webkit-animation:BorderWave 2s infinite;animation:BorderWave 2s infinite;-webkit-transition:.1s border-color, .1s color, .1s fill;transition:.1s border-color, .1s color, .1s fill;color:#999}.btn_circle img{margin-top:30%;height:22px}.btn_circle:hover{border-color:#f83682;color:#f83682}.copyright{font-size:0.6875rem;position:fixed;transform:rotate(90deg);-webkit-transform:rotate(90deg);left:-35px;top:50%;z-index:105}@media only screen and (min-width: 601px){:root,body{font-size:16px}}@media screen and (max-width: 700px){:root,body{font-size:14px}.inner{padding:0 5%;width:100%}.l_inner{padding:0 5%;width:100%;min-width:90%}#load_footer{padding-bottom:140px;height:auto;background-size:240px}#footer{padding:5%;width:100%;margin:0 auto;float:none;box-sizing:border-box}#footer #footer_nav li{margin-left:0;width:50%;margin:0 0 2rem;font-size:1.5rem}#footer #footer_nav li:last-child{float:right}.copyright{left:-39px}}.content_block{position:relative;padding:2.5rem 0 5rem}.content_block:after{content:"";display:block;width:80vmax;background:#0f1112;height:11.25rem;position:absolute;left:0;top:0;z-index:-10}.row_tit h1{font-weight:700;font-size:7.5rem;margin-top:3rem;letter-spacing:-5px}.row_tit h2{font-size:30px;margin:1rem 0 1rem}@media screen and (max-width: 700px){.content_block{padding:1.5rem 0 3rem}.content_block:after{left:-14%;width:100%}.row_tit h1{font-size:4.4rem;margin-top:2rem;letter-spacing:-4px}}@keyframes BorderWave{0%{-webkit-box-shadow:0 0;box-shadow:0 0}70%{-webkit-box-shadow:0 0 5px 10px rgba(255,255,255,0);box-shadow:0 0 5px 10px rgba(255,255,255,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}}#main{position:relative}#main:after{content:"";display:block;width:80vmax;background:#0f1112;height:11.25rem;position:absolute;left:0;bottom:10%;z-index:-10}#main .tit{line-height:8rem;margin-top:-2rem;width:58%;margin-left:-1px}#topics_area{padding-bottom:3.75rem;position:relative;margin-top:8rem}#topics_area .top_block{width:100%;position:relative}#topics_area .top_block h2{margin:2rem 0 -2.5rem 2.5rem}#topics_area .top_block .bnr_area{position:absolute;right:0;top:0;z-index:2;width:480px}#topics_area .news_area{padding:2rem 0 2.5rem 2.5rem;width:calc(100% - (480px + 2.5rem * 2));border-right:100vmax solid #0f1112;background:#0f1112}#topics_area .news_area #load_news{padding:2.5rem 0 3rem;height:9rem;overflow-y:scroll;margin-bottom:1rem}#topics_area .news_area #load_news dd{line-height:1.6rem}#topics_area .news_area #load_news dl{padding-bottom:1.8rem;font-size:0.925rem}#topics_area .news_area #load_news dl:last-child{padding-bottom:0}#topics_area .news_area #load_news dt{font-size:0.75rem;color:#757575}#topics_area .news_area #load_news a{background:url(../images/common/bg-link.png);background-repeat:no-repeat;background-size:100% 1em;background-position:0 0.75em}#topics_area .news_area #load_news a:hover{background-position:0}.slide_wrap:after{content:"";display:block;width:80vmax;background:#0f1112;height:70%;position:absolute;left:0;top:1rem;z-index:-10}#slide_area{padding:4rem 2.5rem 0;width:100%;box-sizing:border-box}#tile_list a{-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}#tile_list .tile{position:relative;text-align:center;display:inline-block}#tile_list .tile h2{position:absolute;width:100%;z-index:10;top:calc(50% - 1rem);letter-spacing:-1px}#tile_list .left{width:580px;text-align:right;float:left;padding-right:10px}#tile_list .right{width:480px;float:left;padding-left:10px}#tile_list .tile_works{float:left;margin-bottom:20px}#tile_list .tile_profile{float:right;margin-bottom:20px}#tile_list .tile_profile .bg{position:absolute;left:0;top:-60px;z-index:-1}#tile_list .tile_works img,#tile_list .tile_store img,#tile_list .tile_download img{opacity:0.6}#tile_list a:hover img{opacity:0.9}#tile_list .tile_profile a:hover .bg{z-index:1}@media screen and (max-width: 700px){#main .tit{margin-top:-1rem;width:90%}#topics_area{padding-bottom:6rem;position:relative;margin-top:5rem}#topics_area .top_block{float:left;margin-bottom:1rem}#topics_area .top_block h2{margin:0;font-size:3.25rem;padding:0 0 0 5%;float:left;margin-top:-1.5rem}#topics_area .top_block .bnr_area{position:relative;width:44%;float:right;margin-top:-3rem;max-width:250px}#topics_area .news_area{padding:0 0 5% 5%;width:calc(100% - 5%)}#topics_area .news_area #load_news{padding:0rem 0 3rem;height:8rem;overflow-y:scroll;margin-bottom:2rem;width:100%}.slide_wrap{position:relative}.slide_wrap .top_block{margin-bottom:0 !important}.slide_wrap h2{margin-top:0 !important}.slide_wrap:after{content:"";display:block;width:80vmax;background:#0f1112;height:70%;position:absolute;left:0;top:1rem;z-index:-10}#slide_area{padding:4rem 0 0;width:100%;box-sizing:border-box}#tile_list .tile h2{top:calc(50% - 1.8rem);font-size:1.8rem}#tile_list .left{width:52%;padding-right:3%}#tile_list .right{width:45%;float:left;padding-left:0}#tile_list .tile_works{float:left;margin-bottom:5%}#tile_list .tile_profile{margin-bottom:5%}#tile_list .tile_profile h2{top:calc(50% - 0.8rem)}#tile_list .tile_profile .bg{top:0}}.modal_wrap{max-width:700px;margin:0 auto}.modal_wrap img{margin:0 auto}.modal_wrap h2{position:relative;font-size:1.4rem;text-align:center;padding:2rem 0;margin-top:1rem;line-height:1.6rem}.modal_wrap h2:after{position:absolute;content:"";display:block;width:100%;height:5rem;background:url(../images/profile/h2_bg.png);background-repeat:no-repeat;background-position:top;top:0.5rem;z-index:-1}.modal_wrap .txt{padding:1rem 0;line-height:1.6rem;margin:0 auto;max-width:100%}.modal_wrap .txt p{padding-bottom:1rem}.modal_wrap .center{text-align:center}
