﻿.font-default,#characters #mainchara .block .text-wrap .name .cv{font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}.font-newcomen-regular,#characters #mainchara .combi .info .properties dl,#characters #subchara .sub-wrap .name span{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:400;font-style:normal}.font-newcomen-bold,#characters #mainchara .combi .info .name .en,#characters #mainchara .block .text-wrap .en{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:700;font-style:normal}.font-newcomen-black,#characters h2{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:800;font-style:normal}.font-mincho,#characters h2 span,#characters #mainchara .combi .info .name .jp,#characters #mainchara .block .text-wrap .name,#characters #mainchara .block .text-wrap .name .cv,#characters #mainchara .block .text-wrap .note .serif,#characters #mainchara .block .xs-serif,#characters #subchara .sub-wrap .name,#characters #subchara .sub-wrap .name span.cv,#characters #subchara .sub-wrap .serif{font-family:a-otf-midashi-mi-ma31-pr6n, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", sans-serif;font-weight:600;font-style:normal}.clearfix::after{content:"";display:block;clear:both}.clear-img{width:auto;height:auto;max-width:100%;max-height:100%}.giza-line-common,#characters #mainchara .combi .giza-line,#characters #subchara .sub-chara-top .giza-line-top,#characters #subchara .sub-chara-top .giza-line-bottom{content:"";background-repeat:repeat-x;background-size:300px 20px;width:100%;height:20px}#characters h2{padding:0 10px;font-size:4rem;text-align:center;color:#efefef}@media screen and (max-width: 599px){#characters h2{font-size:2.4rem}}#characters h2 span{display:block;font-size:1.4rem}@media screen and (max-width: 599px){#characters h2 span{font-size:1.2rem}}#characters #mainchara{position:relative;width:100%;height:100%;padding:0 0 300px 0;color:#1a0606;overflow:hidden}@media screen and (max-width: 599px){#characters #mainchara{padding:0 0 150px 0}}#characters #mainchara::before{position:fixed;z-index:-1;content:"";top:0;left:0;width:100%;height:100%;background-image:url(../assets/characters/bg.jpg);background-position:center center;background-size:cover}#characters #mainchara .combi{position:relative;padding:80px 0;margin-bottom:200px;background:#b50000}@media screen and (max-width: 599px){#characters #mainchara .combi{margin-bottom:50px}}#characters #mainchara .combi .row>div{position:relative}#characters #mainchara .combi .info{position:absolute;top:200px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi .info{top:100px}}#characters #mainchara .combi .info .name{position:relative;color:#efefef;border-bottom:solid 1px #efefef}#characters #mainchara .combi .info .name .en{font-size:1.8rem;line-height:1}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi .info .name .en{font-size:1.5rem}}@media screen and (max-width: 599px){#characters #mainchara .combi .info .name .en{font-size:1.6rem}}#characters #mainchara .combi .info .name .jp{font-size:4.5rem;line-height:1.25}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi .info .name .jp{font-size:3rem}}@media screen and (max-width: 599px){#characters #mainchara .combi .info .name .jp{font-size:3.4rem}}#characters #mainchara .combi .info .properties{margin-top:30px}#characters #mainchara .combi .info .properties dl{color:#efefef}#characters #mainchara .combi .info .properties dl dt{margin-top:20px;line-height:1}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi .info .properties dl dt{font-size:0.8rem}}@media screen and (max-width: 599px){#characters #mainchara .combi .info .properties dl dt{font-size:0.8rem}}#characters #mainchara .combi .info .properties dl dd{font-size:2rem;line-height:1.5}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi .info .properties dl dd{font-size:1.5rem}}@media screen and (max-width: 599px){#characters #mainchara .combi .info .properties dl dd{font-size:1.5rem}}#characters #mainchara .combi #adol .info{right:40px}@media screen and (max-width: 599px){#characters #mainchara .combi #adol .info{text-align:right}}#characters #mainchara .combi #adol .info .name::after{position:absolute;content:"";bottom:-4px;right:-4px;width:7px;height:7px;background:#efefef;border-radius:50%}#characters #mainchara .combi #adol .info .name,#characters #mainchara .combi #adol .info .properties{padding-left:200px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi #adol .info .name,#characters #mainchara .combi #adol .info .properties{padding-left:100px}}@media screen and (max-width: 599px){#characters #mainchara .combi #adol .info .name,#characters #mainchara .combi #adol .info .properties{width:100%;padding-left:0}}@media screen and (min-width: 1280px){#characters #mainchara .combi #adol .illust{transform:translateX(-50px) scale(1.05)}}@media screen and (min-width: 960px) and (max-width: 1279px){#characters #mainchara .combi #adol .illust{transform:translateX(-50px) scale(1.05)}}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi #adol .illust{transform:translateX(-100px) scale(1)}}@media screen and (max-width: 599px){#characters #mainchara .combi #adol .illust{transform:translateX(-75px)}}#characters #mainchara .combi #dogi .info{left:40px}#characters #mainchara .combi #dogi .info .name::after{position:absolute;content:"";bottom:-4px;left:-4px;width:7px;height:7px;background:#efefef;border-radius:50%}#characters #mainchara .combi #dogi .info .name,#characters #mainchara .combi #dogi .info .properties{padding-right:200px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi #dogi .info .name,#characters #mainchara .combi #dogi .info .properties{padding-right:100px}}@media screen and (max-width: 599px){#characters #mainchara .combi #dogi .info .name,#characters #mainchara .combi #dogi .info .properties{padding-right:0}}@media screen and (min-width: 1280px){#characters #mainchara .combi #dogi .illust{transform:translateX(120px) scale(1.05)}}@media screen and (min-width: 960px) and (max-width: 1279px){#characters #mainchara .combi #dogi .illust{transform:translateX(120px) scale(1.05)}}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .combi #dogi .illust{transform:translateX(75px) scale(1)}}#characters #mainchara .combi .note{padding:5%;box-sizing:border-box}#characters #mainchara .combi .note p{margin:20px 0;color:#efefef;font-size:1.2rem;line-height:2}@media screen and (max-width: 599px){#characters #mainchara .combi .note p{font-size:1rem}}#characters #mainchara .combi .giza-line{position:absolute;bottom:-15px;left:0;background-image:url(../assets/common/decoration/giza_line/accent_top.svg)}#characters #mainchara .monstrum{position:relative;padding-bottom:100px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .monstrum{padding-top:10%}}@media screen and (max-width: 599px){#characters #mainchara .monstrum{padding-bottom:0}}#characters #mainchara .monstrum .what{z-index:10;position:absolute;top:-270px;left:0;width:40%}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .monstrum .what{width:60%}}@media screen and (max-width: 599px){#characters #mainchara .monstrum .what{top:-130px;width:80%;left:10%}}#characters #mainchara .block{position:relative}#characters #mainchara .block .text-wrap .en{padding:0 20px;color:#efefef;font-size:2.8rem}#characters #mainchara .block .text-wrap .name{position:relative;display:inline-block;min-width:500px;padding:0 20px;background:#1a0606;color:#b50000;font-size:4rem;box-sizing:border-box}#characters #mainchara .block .text-wrap .name::before{position:absolute;content:"";top:0;width:1000px;height:100%;background:#1a0606}#characters #mainchara .block .text-wrap .name .cv{position:absolute;bottom:-30px;display:block;padding:5px 15px;background:#b50000;color:#efefef;font-size:1.6rem;box-shadow:5px 5px 0 #1a0606;font-weight:normal}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block .text-wrap .name .cv{font-size:1.2rem}}#characters #mainchara .block .text-wrap .note{width:60%;margin-top:20px;padding:20px;box-sizing:border-box;text-shadow:1px 1px 2px #000}#characters #mainchara .block .text-wrap .note p{margin:20px 0;color:#efefef;font-size:1.2rem;line-height:2}#characters #mainchara .block .text-wrap .note .serif{margin:20px 0;color:#efefef;font-size:2rem}#characters #mainchara .block img.illust{z-index:9;width:60%;pointer-events:none}#characters #mainchara .block img.serif{pointer-events:none}#characters #mainchara .block#chr02{margin-top:50px}#characters #mainchara .block#chr02 .text-wrap{padding:20% 0 0 0;margin-left:10%;transform:rotate(-2.5deg)}#characters #mainchara .block#chr02 .text-wrap .name{position:relative}#characters #mainchara .block#chr02 .text-wrap .name::before{right:-1000px}#characters #mainchara .block#chr02 .text-wrap .cv{right:-20px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr02 .text-wrap .cv{right:30%;bottom:-15px}}#characters #mainchara .block#chr02 .text-wrap .bat{z-index:-1;position:absolute;top:-40px;left:-130px;transform:rotate(-25deg)}#characters #mainchara .block#chr02 img.illust{position:absolute;top:-10%;right:-10%}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr02 img.illust{top:0%;width:65%}}#characters #mainchara .block#chr02 img.serif{position:absolute;top:-10%;right:-12%;width:45%;transform:rotate(-2.5deg)}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr02 img.serif{top:-5%;right:-5%;width:50%}}#characters #mainchara .block#chr03{margin-top:100px}#characters #mainchara .block#chr03 .text-wrap{padding:15% 0 0 35%;transform:rotate(2.5deg)}#characters #mainchara .block#chr03 .text-wrap .name::before{left:-1000px}#characters #mainchara .block#chr03 .text-wrap .cv{right:-20px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr03 .text-wrap .cv{right:40%;bottom:-15px}}#characters #mainchara .block#chr03 .text-wrap .bat{z-index:-1;position:absolute;top:-40px;left:-130px;transform:rotate(-25deg)}#characters #mainchara .block#chr03 .text-wrap .note{width:70%}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr03 .text-wrap .note{width:100%}}#characters #mainchara .block#chr03 img.illust{position:absolute;top:-15%;left:-15%}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr03 img.illust{top:0%;width:65%}}#characters #mainchara .block#chr03 img.serif{position:absolute;top:-5%;left:30%;width:45%;transform:rotate(2.5deg)}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr03 img.serif{width:50%}}#characters #mainchara .block#chr04{margin-top:50px}#characters #mainchara .block#chr04 .text-wrap{padding:20% 0 0 0;margin-left:3%;transform:rotate(-2.5deg)}#characters #mainchara .block#chr04 .text-wrap .name{position:relative}#characters #mainchara .block#chr04 .text-wrap .name::before{right:-1000px}#characters #mainchara .block#chr04 .text-wrap .cv{right:-20px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr04 .text-wrap .cv{right:140px;bottom:-15px}}#characters #mainchara .block#chr04 .text-wrap .bat{z-index:-1;position:absolute;top:-40px;left:-130px;transform:rotate(-25deg)}#characters #mainchara .block#chr04 img.illust{position:absolute;top:-10%;right:-15%}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr04 img.illust{top:0%;width:65%}}#characters #mainchara .block#chr04 img.serif{z-index:10;position:absolute;top:7%;left:25%;width:45%;transform:rotate(-2.5deg)}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr04 img.serif{width:50%}}#characters #mainchara .block#chr05{margin-top:150px}#characters #mainchara .block#chr05 .text-wrap{padding:15% 0 0 35%;transform:rotate(2.5deg)}#characters #mainchara .block#chr05 .text-wrap .name{min-width:550px}#characters #mainchara .block#chr05 .text-wrap .name::before{left:-1000px}#characters #mainchara .block#chr05 .text-wrap .cv{right:-20px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr05 .text-wrap .cv{right:40%;bottom:-15px}}#characters #mainchara .block#chr05 .text-wrap .bat{z-index:-1;position:absolute;top:-40px;left:-130px;transform:rotate(-25deg)}#characters #mainchara .block#chr05 .text-wrap .note{width:75%}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr05 .text-wrap .note{width:100%}}#characters #mainchara .block#chr05 img.illust{position:absolute;top:-15%;left:-15%}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr05 img.illust{top:0%;width:65%}}#characters #mainchara .block#chr05 img.serif{position:absolute;top:-5%;left:30%;width:45%;transform:rotate(2.5deg)}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr05 img.serif{width:50%}}#characters #mainchara .block#chr06{margin-top:50px}#characters #mainchara .block#chr06 .text-wrap{padding:20% 0 0 0;margin-left:3%;transform:rotate(-2.5deg)}#characters #mainchara .block#chr06 .text-wrap .name{position:relative}#characters #mainchara .block#chr06 .text-wrap .name::before{right:-1000px}#characters #mainchara .block#chr06 .text-wrap .cv{right:-20px}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr06 .text-wrap .cv{right:140px;bottom:-15px}}#characters #mainchara .block#chr06 .text-wrap .bat{z-index:-1;position:absolute;top:-40px;left:-130px;transform:rotate(-25deg)}#characters #mainchara .block#chr06 img.illust{position:absolute;top:-10%;right:-15%}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr06 img.illust{top:0%;width:65%}}#characters #mainchara .block#chr06 img.serif{z-index:10;position:absolute;top:8.5%;left:35%;width:45%;transform:rotate(-2.5deg)}@media screen and (min-width: 600px) and (max-width: 959px){#characters #mainchara .block#chr06 img.serif{width:50%}}@media screen and (max-width: 599px){#characters #mainchara .block{margin-top:0 !important}#characters #mainchara .block .text-wrap{padding:15% 0 5% 0 !important;margin:0 !important;transform:rotate(0) !important}#characters #mainchara .block .text-wrap .en{font-size:1.8rem;text-align:center;color:#b50000}#characters #mainchara .block .text-wrap .name{width:100% !important;min-width:0 !important;font-size:4rem;text-align:center}#characters #mainchara .block .text-wrap .cv{position:relative !important;margin:0 0 10px 0;right:0 !important;bottom:0 !important;left:0 !important;top:!important;box-shadow:none;font-size:1.2rem !important}#characters #mainchara .block .text-wrap .note{width:100% !important;margin-top:0 !important;padding:0 20px;background:#1a0606;overflow:hidden}#characters #mainchara .block .text-wrap .note p{font-size:1rem !important}#characters #mainchara .block img.illust{position:relative !important;width:100% !important;left:0 !important;right:0 !important;top:0 !important;border:0 !important;transform:scale(1.2)}#characters #mainchara .block#chr02{padding-top:170px}#characters #mainchara .block#chr02 img.illust{transform:scale(1.2) translateX(30px)}}#characters #mainchara .block .xs-serif{padding-top:15px;color:#b50000;font-size:1.4rem;text-align:center}#characters #subchara{position:relative;width:100%;height:100%;padding:80px 0 300px 0;color:#1a0606;overflow:hidden;background:#b50000}@media screen and (max-width: 599px){#characters #subchara{padding:80px 0 150px 0}}#characters #subchara .sub-chara-top{position:relative;margin-top:50px}#characters #subchara .sub-chara-top .giza-line-top{position:absolute;top:0;left:0;background-image:url(../assets/common/decoration/giza_line/accent_top.svg);z-index:9}#characters #subchara .sub-chara-top .giza-line-bottom{position:absolute;bottom:0px;left:0;background-image:url(../assets/common/decoration/giza_line/accent_bottom.svg);z-index:9}#characters #subchara .row>div{padding:0}#characters #subchara .sub-wrap{position:relative;box-sizing:border-box;min-height:500px;color:#efefef;text-shadow:1px 1px 3px rgba(0,0,0,0.8);background-size:cover;background-position:right center}@media screen and (max-width: 599px){#characters #subchara .sub-wrap{background-position:80% center}}#characters #subchara .sub-wrap .info{position:absolute;width:100%;left:0;bottom:0;padding:20px 20px 40px 20px;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.8))}@media screen and (max-width: 599px){#characters #subchara .sub-wrap .info{padding:10px 10px 20px 10px}}@media screen and (min-width: 1280px){#characters #subchara .sub-wrap#aprilis .info{left:10%;bottom:10%;background:none}}@media screen and (min-width: 960px) and (max-width: 1279px){#characters #subchara .sub-wrap#aprilis .info{left:10%;bottom:10%;background:none}}#characters #subchara .sub-wrap .name{padding:5px 0 5px 15px;font-size:2.0rem;border-left:solid 1px #efefef}@media screen and (max-width: 599px){#characters #subchara .sub-wrap .name{font-size:1.6rem}}#characters #subchara .sub-wrap .name span{font-size:1rem;margin-left:10px}#characters #subchara .sub-wrap .serif{margin:20px 0 10px 0;font-size:1.4rem}@media screen and (max-width: 599px){#characters #subchara .sub-wrap .serif{font-size:1.2rem}}#characters #subchara .sub-wrap .note p{padding:5px 0}#characters #subchara #aprilis{background-image:url(../assets/characters/sub/aprilis.jpg)}@media screen and (max-width: 599px){#characters #subchara #aprilis{background-image:url(../assets/characters/sub/aprilis_sp.jpg)}}#characters #subchara #carla{background-image:url(../assets/characters/sub/carla.jpg)}#characters #subchara #kilysha{background-image:url(../assets/characters/sub/kilysha.jpg)}#characters #subchara #riche{background-image:url(../assets/characters/sub/riche.jpg)}#characters #subchara #parks{background-image:url(../assets/characters/sub/parks.jpg)}#characters #subchara #yufa{background-image:url(../assets/characters/sub/yufa.jpg)}#characters #subchara #chante{background-image:url(../assets/characters/sub/chante.jpg)}#characters #subchara #chatelard{background-image:url(../assets/characters/sub/chatelard.jpg)}#characters #subchara #berger{background-image:url(../assets/characters/sub/berger.jpg)}#characters #subchara #ingrid{background-image:url(../assets/characters/sub/ingrid.jpg)}#characters #subchara #marious{background-image:url(../assets/characters/sub/marious.jpg)}#characters #subchara #margot{background-image:url(../assets/characters/sub/margot.jpg)}#characters #subchara #maxim{background-image:url(../assets/characters/sub/maxim.jpg)}#characters #subchara #salady{background-image:url(../assets/characters/sub/salady.jpg)}#characters #subchara #silhouette{background-image:url(../assets/characters/sub/silhouette.jpg)}#characters #subchara #tito{background-image:url(../assets/characters/sub/tito.jpg)}#characters #subchara #xavier{background-image:url(../assets/characters/sub/xavier.jpg)}#characters .chara-nav{margin:50px 0 20px 0;text-align:center}#characters .chara-nav a{display:inline-block;padding:5px 20px;margin:10px;min-width:150px;color:#efefef;text-decoration:none;border:solid 1px #efefef;transition:.3s}@media screen and (min-width: 600px) and (max-width: 959px){#characters .chara-nav a{min-width:200px}}#characters .chara-nav a.active,#characters .chara-nav a:hover{background:#efefef;color:#b50000}#characters .chara-nav a i{margin-right:5px}
