﻿.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}@media screen and (min-width: 769px){h2{text-align:center}h2 object{max-width:520px;max-height:34.66px}}.top-content{background-image:url(../assets/toppage/main_visual/pc002.jpg);background-position:center top;background-size:cover}

.main-logo{
    position:absolute;
    top: 581px;
    left: 54%;
}

.catch-01{position:absolute;top:70px;left:1%}.catch-02{position:absolute;top:70px;right:1%}.catch-04{position:absolute;top:450px;left:1%}@media screen and (min-width: 769px){.top-content{padding-top:990px}}@media screen and (max-width: 768px){.main-visual{width:100%}}.info{background:rgba(0,0,0,0.7);background-image:url(../assets/common/texture/txline.png)}.info .container{padding:20px 0}.info .news{padding:20px 0 10px 0}.info .news a{position:relative;padding:0 0 50px 0;height:100%;box-sizing:border-box;background-color:#333;color:#f5f5f5;border:solid 1px #333;transition:.2s}.info .news a:hover{border:solid 1px #0cc}.info .news a:hover.tgs{border:solid 1px #e198c3}.info .news p{padding:5px;font-size:1.1rem}.info .news .date{position:absolute;display:block;bottom:5px;left:5px;color:#8f8f8f}.info .news .new{position:absolute;display:block;right:5px;bottom:5px;padding:0 10px;background:#0cc;font-size:0.9rem;font-style:normal;color:#fff}.info .news .tgs .new{background:#e198c3}.info .topics{padding:10px 0}.info .topics a{border:solid 1px #222;transition:.2s}.info .topics a img{vertical-align:bottom}.info .topics a:hover{border:solid 1px #0cc}.info .topics a:hover.tgs{border:solid 1px #e198c3}.info .news-more{padding:5px 0;text-align:center}.info .news-more a{display:inline-block;padding:0 50px;color:#f5f5f5;font-size:1.5rem;border:solid 1px #f5f5f5;transition:.3s}.info .news-more a:hover{color:#0cc;border:solid 1px #0cc}.info .important-msg{display:block;background:#0cc;color:#f5f5f5;text-align:center;transition:.2s;font-size:1.0rem}.info .important-msg:hover{opacity:0.8}.info .important-msg i{margin-right:5px}.info .important-msg .container{padding:10px;box-sizing:border-box}@media screen and (max-width: 768px){.info{background:#111;background-image:url(../assets/common/texture/txline.png)}}.prologue{position:relative;color:#f5f5f5;overflow:hidden}@media screen and (min-width: 769px){.prologue .container{padding:70px 0}}@media screen and (max-width: 768px){.prologue .container{padding:30px 0}}.prologue .prologue-text{margin-top:20px}.prologue .prologue-text p{margin:20px 0}@media screen and (min-width: 769px){.prologue .prologue-text p{font-size:1.2rem}}@media screen and (max-width: 768px){.prologue .prologue-text p{font-size:1rem}}.prologue .bg{top:0;right:0;z-index:-1}@media screen and (min-width: 769px){.prologue .bg{position:absolute;width:60%}}@media screen and (max-width: 768px){.prologue .bg{position:fixed;width:80%;opacity:0.6}}@media screen and (min-width: 769px){.prologue .block{margin:60px 0}}@media screen and (max-width: 768px){.prologue .block{margin:30px 0}}

.prologue .block .mincho{font-family:"Exo","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","sans-serif";line-height:2}@media screen and (min-width: 769px){.prologue .block .mincho{font-size:1.8rem}}@media screen and (max-width: 768px){.prologue .block .mincho{font-size:1.2rem}}.character{position:relative;overflow:hidden;background-image:url(../assets/common/texture/tx1.png);background-color:#eee;transition:.3s}.character .container{padding:40px 0 0 0}.character .container h2{margin-bottom:40px}.character .chara-swiper-container{position:relative}.character .chara-swiper-container .swiper-slide{position:relative;display:block;max-width:1200px;min-height:800px;box-sizing:border-box;opacity:0 !important;transition:.3s}@media screen and (max-width: 768px){.character .chara-swiper-container .swiper-slide{min-height:500px}}.character .chara-swiper-container .swiper-slide.swiper-slide-active{opacity:1 !important}.character .chara-swiper-container .swiper-pagination{top:-30px;z-index:2;display:block;height:5px}.character .chara-swiper-container .swiper-pagination-bullet{margin:15px;width:15px;height:15px}.character .chara-swiper-container .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{background:#d25a76}.character .chara-swiper-container .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{background:#688fc0}.character .chara-swiper-container .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{background:#8c8ac4}.character .chara-swiper-container .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{background:#809f8e}.character .chara-swiper-container .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{background:#cb6837}@media screen and (min-width: 769px){.character .intro{position:absolute;width:600px;top:250px;padding:10px;box-sizing:border-box;z-index:2}

.character .chara-name{text-shadow:1px 1px 3px #fff}.character .chara-name .top{font-family:"Exo 2","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","serif";font-size:2.5rem;font-weight:bold;border-bottom:solid 1px #000}.character .chara-name .btm{text-align:right;font-size:1.3rem}


.character .serif{
    
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    margin:20px 0;font-family:"Exo","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","serif";font-size:1.5rem;font-weight:bold;padding-left:15px;border-left:solid 6px}.character .description p{padding:8px 0;font-size:1.1rem; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}


.character .ss{position:absolute;top:50px;left:0;padding:10px;z-index:0}.character .ss a{position:relative;display:inline-block;overflow:hidden}.character .ss a:first-child{margin-right:5px}.character .ss a img{width:285px;vertical-align:bottom;transform:scale(1);transition:.5s}.character .ss a:hover img{transform:scale(1.1)}

.character .chara-illust{position:absolute;bottom:0;right:-50px;z-index:0}.character .chara-illust img{width:600px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.character #chara-wheel{position:absolute;top:-300px;right:-400px;color:#d25a76;opacity:0.15;transition:1s;animation:spin 60s linear infinite}}@media screen and (max-width: 768px){.character .chara-illust{width:90%;position:absolute;top:0;right:-15%;z-index:-1}.character #ash .chara-illust{width:105%;right:-5%}.character .ss{position:absolute;top:30px;width:55%;left:0;padding:10px;z-index:-2}.character .ss a{display:block;width:100%;margin-bottom:5px}.character .ss img{width:100%}.character .intro{margin:85% 10px 10px 10px;padding:10px 0;background:rgba(255,255,255,0.7)}.character .chara-name .top{font-family:"Exo","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","serif";font-size:1.8rem;font-weight:bold;border-bottom:solid 1px #000}.character .chara-name .btm{text-align:right;font-size:1.2rem}.character .serif{margin:10px 0;padding:5px 0 5px 10px;font-family:"Exo","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","serif";font-size:1.1rem;font-weight:bold;border-left:solid 6px}.character .description p{padding:8px 0;text-shadow:1px 1px 3px #fff}}.character #juna .serif{color:#d25a76}.character #kurt .serif{color:#688fc0}.character #altina .serif{color:#8c8ac4}.character #musse .serif{color:#809f8e}.character #ash .serif{color:#cb6837}.spec{background:#222}.spec .container{padding:40px 0}.spec .container .row{margin-top:30px}.spec .left img{display:none}.spec .left img.view{display:block}@media screen and (min-width: 1001px){.spec .tabs{border-bottom:solid 1px #666}}.spec .tabs .tab{display:inline-block;margin-right:5px;padding:5px 10px;font-size:1rem;color:#f5f5f5;border-radius:2px 2px 0 0;background:#888;transition:.2s}@media screen and (max-width: 1000px){.spec .tabs .tab{margin:4px 3px;padding:5px 10px;font-size:1rem;border-radius:2px}}.spec .tabs .tab.on{background:#555}.spec .tabs .tab:hover{background:#0cc}.spec .panel{display:none;padding:10px 0;color:#f5f5f5}.spec .panel.open{display:block}.spec .panel h4{padding:10px 0;font-size:1.8rem;text-align:center}.spec .panel .catch{margin:15px 0;padding:10px 0 10px 15px;border-left:solid 1px #0cc;font-size:1.2rem;background:#333}.spec .panel .list{margin:20px 0}.spec .panel .list h5{padding:5px 0;font-weight:bold;font-size:1.1rem;border-bottom:solid 1px #5c5c5c}.spec .panel .list p{padding:10px 15px;font-weight:normal;font-size:1rem}.spec .panel .shop{margin:20px 0 0 0;padding:20px 5px;background:#333}.spec .panel .shop .price{padding-bottom:10px;color:#fff;font-weight:normal;font-size:1.5rem;text-align:center;letter-spacing:2px}.spec .panel .shop .price strong{padding:0 5px;font-weight:normal;font-size:2.3rem}.spec .panel .shop .link{display:block;margin:10px 20px;padding:20px 0;font-size:1.2rem;font-weight:bold;text-align:center;color:#0cc;border:solid 1px #0cc;transition:.2s}.spec .panel .shop .link:hover{background:#0cc;color:#fff}.spec .panel .shop .link i{padding-left:5px;font-size:1rem}.spec ol,.spec ul{padding:15px 0 15px 20px}.spec table{font-size:1.1rem;text-align:left}.spec table tr{display:block;padding:5px 0}.spec table th{min-width:120px;font-weight:normal;vertical-align:top}.spec table img{width:auto}.spec #image-1{padding:50px 0}.series .box{background-size:cover;background-position:center center}.series .box strong{display:block;font-size:1.8rem;font-weight:normal;transform:translateY(-20px)}.series .box a{display:block;margin:10px;padding:5px;font-size:1.2rem;transition:.2s}.series .box a.white{color:#f5f5f5;border:solid 1px #f5f5f5}.series .box a.white:hover{box-shadow:0 0 10px rgba(255,255,255,0.8) inset}.series .box a.black{color:#222;border:solid 1px #222}.series .box a.black:hover{box-shadow:0 0 10px rgba(0,0,0,0.4) inset}.series .sen1{background-image:url(../assets/toppage/series/bk_sen1.jpg)}.series .sen2{background-image:url(../assets/toppage/series/bk_sen2.jpg)}.series .sen3{background-image:url(../assets/toppage/series/bk_sen3.jpg)}.series .sen3 object{position:absolute;right:10px;bottom:7%}#retweet-camp-sp .head{padding:10px 0;text-align:center;font-size:1.3rem;background:#199ff2;color:#fff;border-radius:5px 5px 0 0}#retweet-camp-sp .head svg{transform:translateY(4px)}#retweet-camp-sp .tweet-wrap{padding:5px;background:#fff;border:none;border-radius:0 0 5px 5px}#retweet-camp-pc{z-index:6;position:fixed;bottom:20px;left:20px}#retweet-camp-pc a{animation:bounce 2s ease infinite normal 0s none running}@keyframes bounce{0%, 100%, 20%, 50%, 80%{transform:translateY(0px)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.retweet-camp-pc-wrap .head{color:#fff}.retweet-camp-pc-wrap .head h3{margin:0 0 10px 0;border-bottom:solid 3px #fff;text-align:center;font-size:1.6rem}.retweet-camp-pc-wrap .head p{text-align:center}


.top-btn{
    font-family: "Exo", sans-serif;
    text-transform: uppercase;
    position: relative;
    font-size: 150%;
    margin: 15px;
    width: 280px;
    background-color: rgba(105, 105, 105, .1);
    border: 1px solid #000;
    color: #000;
    transition: .2s;
    margin-bottom: 20px;
}

.top-btn:hover{
    cursor: pointer;
	color: #fff;
	background-color: rgba(0, 48, 111, 1);
}