h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd{padding:0;margin:0}ol,ul{list-style-type:none}html{overflow-y:scroll}body{overflow:hidden;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-weight:400}html{overflow-x:hidden;font-size:medium}body{min-width:1200px;font-size:62.5%}div{line-height:0;box-sizing:border-box}dt,dd,li,caption,th,td,input,button,textarea,select,h1,h2,h3,h4,h5,h6,address{line-height:0;font-size:140%;margin:0;padding:0}p{line-height:1.5;font-size:140%;margin:0;padding:0}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,p input,p button,p select,li h1,li h2,li h3,li h4,li h5,li h6,li p,li dt,li dd,li li,li th,li td,li input,li button,li textarea,li select,dd h1,dd h2,dd h3,dd h4,dd h5,dd h6,dd p,dd dt,dd dd,dd li,dd th,dd td,dd input,dd button,dd textarea,dd select,tr h1,tr h2,tr h3,tr h4,tr h5,tr h6,tr p,tr dt,tr dd,tr li,tr input,tr button,tr textarea,tr select{font-size:100%}input,button,select,option,textarea{font-size:14px}figure{margin:0}a,a:link,a:visited{color:#000;text-decoration:none}a:hover{text-decoration:underline}section{position:relative;box-sizing:border-box}@media only screen and (max-width: 768px){body{min-width:0}}.clearfix{min-height:1px}.clearfix::after{content:" ";display:block;clear:both;height:0;visibility:hidden}* html .clearfix{height:1px}.hover :hover{opacity:0.8;animation:btn 0.5s;-webkit-animation:btn 0.5s;-moz-animation:btn 0.5s}@keyframes btn{0%{opacity:1}10%{opacity:0.4}100%{opacity:0.8}}@-webkit-keyframes btn{0%{opacity:1}10%{opacity:0.4}100%{opacity:0.8}}body{background:url("../img/global/bg.png") repeat-y top center;background-attachment:local}@media only screen and (max-width: 768px){body{background-image:none}}#keyvisual{background:url("../img/keyvisual/bg02.png") no-repeat top center}#keyvisual .logo{position:absolute;z-index:10;top:11px;left:35px}#keyvisual .bg{position:absolute;top:0;left:0;width:1200px;height:652px;background:url("../img/keyvisual/bg.png") no-repeat top center;margin:0 auto;opacity:0;z-index:-1}#keyvisual .line{background:url("../img/keyvisual/bg-bottom.png") repeat-x bottom center;position:absolute;bottom:0;left:0;z-index:20;width:100%;height:18px}#keyvisual .inner{position:relative;width:1200px;height:652px;margin:0 auto;z-index:10}#keyvisual .inner h1{position:absolute;top:240px;left:162px;opacity:0}#keyvisual .inner .author{position:absolute;top:406px;left:86px;opacity:0}#keyvisual .inner .kv-image{position:absolute;opacity:0;bottom:0;right:176px;z-index:2}#keyvisual .inner .catch01{position:absolute;top:0px;right:70px;height:0;z-index:5;opacity:0;background:url("../img/keyvisual/catch1-bg.png") top center no-repeat}#keyvisual .inner .catch01 img{opacity:0}#keyvisual .inner .catch02{position:absolute;top:126px;left:2px;z-index:5;opacity:0}@media only screen and (max-width: 768px){#keyvisual{background:none}#keyvisual img{width:100%}#keyvisual .logo{top:1.5%;left:2%;width:28%}#keyvisual .bg{position:inherit;width:100%;background:url("../img/keyvisual/bg-sp.png") no-repeat top center;background-size:contain}#keyvisual .line{background:url("../img/keyvisual/bg-bottom-sp.png") repeat-x bottom center}#keyvisual .inner{width:auto;height:101vw}#keyvisual .inner h1{top:40%;left:1%;width:45.3%}#keyvisual .inner h1 img{width:100%}#keyvisual .inner .author{width:28.2%;top:83%;left:3%;z-index:5}#keyvisual .inner .catch01{width:11.9%;top:0;right:2%;background:url("../img/keyvisual/catch1-bg-sp.png") no-repeat top center;background-size:cover}#keyvisual .inner .catch01 img{width:100%}#keyvisual .inner .catch02{width:57.2%;top:3.5%;left:0}#keyvisual .inner .catch02 img{width:100%}#keyvisual .inner .kv-image{width:100%;right:0}}#contents{background:url("../img/global/bg.png") repeat-x top center,url("../img/global/bg-repeat.png") repeat top center #fff}@media only screen and (max-width: 768px){#contents{background:url("../img/global/bg-sp.png") no-repeat top center,url("../img/global/bg-repeat-sp.png") repeat top center #fff}#contents img{width:100%}}#pv{margin-bottom:80px;text-align:center}#pv h2{text-align:center;margin-bottom:20px}#pv p{text-align:center;margin-bottom:20px}#pv .youtube iframe{width:742px;height:417px;margin:0 auto}@media only screen and (max-width:768px) {#pv h2 img{width:100%}#pv p img {width:100%}#pv .youtube iframe {width:92.8%;height:52.2vw}}#information{padding-top:35px;margin-bottom:52px}#information .inner{width:1200px;margin:0 auto}#information .inner h2{text-align:center}#information .inner .info-list{position:relative;background:url("../img/information/bg.png") top center no-repeat;width:100%;height:413px}#information .inner .info-list ul{position:absolute;left:98px;top:95px;width:970px;height:180px;padding:0 22px;overflow-y:scroll}#information .inner .info-list ul li{line-height:1.2;margin-bottom:32px}#information .inner .info-list ul li time{position:relative;display:block;font-size:14px;font-weight:bold;padding-left:1em;margin-bottom:6px}#information .inner .info-list ul li time::before{content:"◆";font-size:14px;font-weight:bold;position:absolute;top:0;left:0}#information .inner .info-list ul li p{font-size:16px}@media only screen and (max-width: 768px){#information{padding-top:5.5%;margin-bottom:8%}#information .inner{width:auto}#information .inner h2{margin-bottom:1%}#information .inner h2 img{width:100%}#information .inner .info-list{background:url("../img/information/bg-sp.png") top center no-repeat;background-size:contain;height:61.5vw}#information .inner .info-list ul{width:79%;height:31vw;top:20%;left:6.5%;padding:0 2% 0 6%;z-index:20}#information .inner .info-list ul li{margin-bottom:5%}#information .inner .info-list ul li time{font-size:2.5vw}#information .inner .info-list ul li time::before{font-size:2.5vw}#information .inner .info-list ul li p{font-size:2.5vw}::-webkit-scrollbar{-webkit-appearance:none;width:7px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,0.2);box-shadow:0 0 1px rgba(255,255,255,0.5)}}#about .inner{width:1200px;height:751px;margin:0 auto;background:url("../img/about/bg.png") no-repeat top center}#about .inner p{padding-top:75px;text-align:center}@media only screen and (max-width: 768px){#about .inner{width:auto;height:120vw;background:url("../img/about/bg-sp.png") no-repeat top center;background-size:contain}#about .inner p{padding-top:6%}}#character{padding-top:45px;margin-bottom:105px}#character .sp{display:none}#character .inner{position:relative;width:1200px;margin:0 auto}#character .inner::after{content:"";background:url("../img/character/kumo.png") no-repeat top center;display:block;position:absolute;top:407px;left:0;width:1200px;height:705px}#character .inner h2{text-align:center;margin-bottom:-10px}#character .inner .list1{position:relative;font-size:0;text-align:center;margin-bottom:40px}#character .inner .list1::after{content:"";background:url("../img/character/relationship01-pc.png") no-repeat top center;display:block;position:absolute;top:172px;left:552px;width:100px;height:100px}#character .inner .list1 li{display:inline-block;margin:0 20px}#character .inner .list1 li p{font-size:15px;line-height:1.8;text-align:center}#character .inner .list2{position:relative;font-size:0;text-align:center;margin-bottom:12px}#character .inner .list2::after{content:"";background:url("../img/character/relationship02-pc.png") no-repeat top center;display:block;position:absolute;top:236px;left:532px;width:134px;height:134px}#character .inner .list2 li{display:inline-block;margin:0 20px 40px}#character .inner .list2 li p{font-size:15px;line-height:1.8;text-align:center}#character .inner #relationship{padding-top:40px}@media only screen and (max-width: 768px){#character{padding-top:6%;margin-top:-6%;margin-bottom:16%}#character .sp{display:block}#character .pc{display:none}#character .inner{width:auto}#character .inner::after{background:url("../img/character/kumo-sp.png") no-repeat top center;background-size:contain;top:40.7%;left:0;width:100%;height:148.6vw}#character .inner h2{margin-bottom:4%}#character .inner h2 img{width:100%}#character .inner .list1{margin-bottom:8%}#character .inner .list1 li{display:block;width:100%;margin:0 0 3%}#character .inner .list1 li p{font-size:18px;font-size:2.34375vw}#character .inner .list1 li img{width:100%}#character .inner .list1::after{background:url("../img/character/relationship01-sp.png") no-repeat top center;background-size:contain;top:46%;left:39%;width:22.4%;height:17%}#character .inner .list2{margin-bottom:7%}#character .inner .list2 li{width:45.8%;margin:0 1.5% 2.5%}#character .inner .list2 li img{width:100%}#character .inner .list2::after{background:url("../img/character/relationship02-sp.png") no-repeat top center;background-size:contain;top:41%;left:39%;width:22.4%;height:17.3%}#character .inner #relationship{padding-top:6.4%}}#books{padding:38px 0 140px;background:url("../img/books/bg.png") no-repeat top center}#books .inner{width:1200px;margin:0 auto}#books .inner h2{text-align:center;margin-bottom:28px}#books .inner .book{width:1100px;margin:0 auto 40px}#books .inner .book .cover{float:left;width:318px;border:1px solid #d1a612}#books .inner .book .cover img{max-width:100%}#books .inner .book .detail{float:right;width:760px}#books .inner .book .detail h3{font-size:48px;line-height:1.2}#books .inner .book .detail .subtitle{font-size:26px;font-weight:bold;padding-bottom:25px;border-bottom:1px solid #000;margin-bottom:28px}#books .inner .book .detail .author{margin-top:20px;margin-bottom:20px;background-image:url(../img/books/line.png);background-repeat:repeat-x;background-position:center bottom}#books .inner .book .detail .author li{display:inline-block;margin-right:40px;padding-bottom:20px;font-size:16px;line-height:1.5}#books .inner .book .detail .story{margin-bottom:20px;font-size:18px}#books .inner .book .detail .links{font-size:0}#books .inner .book .detail .links li{display:inline-block;position:relative;margin-right:10px;line-height:1}#books .inner .book .detail .links li a{display:block;padding:15px 60px;border-radius:10px;background-color:#c18939;font-size:28px;text-decoration:none;color:#fff;box-shadow:0 3px #adadad;transition:all 0.3s ease}#books .inner .book .detail .links li a:hover{background-color:rgba(173,173,173,0.8)}#books .inner .book .detail .links li a::before{content:'▶︎';position:absolute;top:50%;left:10px;margin-top:-6px;font-size:12px}#books .inner .store{width:1100px;margin:0 auto 40px;padding:20px 0 0;border:1px solid #d70928;background-color:#f6f3eb}#books .inner .store h3{position:relative;cursor:pointer;margin-bottom:20px;font-size:28px;line-height:1.2;text-align:center;color:#d70928}#books .inner .store h3::before{content:"";background:url("../img/books/before-icon.png") no-repeat top center;display:block;position:absolute;top:4px;left:420px;width:27px;height:27px}#books .inner .store h3::after{content:"";background:url("../img/books/after-icon1.png") no-repeat top center;display:block;position:absolute;top:10px;right:30px;width:26px;height:17px}#books .inner .store h3.active::after{background:url("../img/books/after-icon2.png") no-repeat top center}#books .inner .store .storeLinks{display:none}#books .inner .store .storeLinks .banner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 10px 10px;padding:0;list-style:none}#books .inner .store .storeLinks .banner li{width:20%;margin:0 0 15px 0;padding:0 10px;box-sizing:border-box}#books .inner .store .storeLinks .banner li a{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:60px;background:#fff;border:1px solid #ccc}#books .inner .store .storeLinks .banner li a img{max-width:100%;height:auto}@media only screen and (max-width: 768px){#books{padding:6% 0 7%}#books .inner{width:auto}#books .inner h2{margin-bottom:4.5%;padding:5px 0;font-size:36px;font-size:4.6875vw}#books .inner .book{width:auto;margin-bottom:0}#books .inner .book .cover{float:none;width:60%;margin:0 auto 30px}#books .inner .book .cover img{width:100%}#books .inner .book .detail{float:none;width:auto;margin:0 20px}#books .inner .book .detail h3{font-size:48px;font-size:6.25vw}#books .inner .book .detail .subtitle{font-weight:bold;padding-bottom:3%;margin-bottom:3%;font-size:32px;font-size:4.1666666667vw}#books .inner .book .detail .catch{font-size:23px;font-size:2.9947916667vw}#books .inner .book .detail .story{font-size:20px;font-size:2.6041666667vw}#books .inner .book .detail .links{width:auto}#books .inner .book .detail .links li{display:block;margin-bottom:4%}#books .inner .book .detail .links li a{width:100%;padding:3% 0;font-size:4.38vw;font-weight:bold;border-radius:4px;text-align:center}#books .inner .book .detail .links li a::before{top:50%;left:3%}#books .inner .store{width:auto;margin:0 20px 6.4%}#books .inner .store h3{padding-left:3%;font-size:28px;font-size:3.6458333333vw}#books .inner .store h3::before{top:2%;left:34%;width:4.5%;height:100%;background-size:contain}#books .inner .store h3::after{top:32%;right:5%;width:2.5%;height:38%;background-size:contain}#books .inner .store h3.active::after{top:32%;right:5%;width:2.5%;height:38%;background-size:contain}#books .inner .store .storeLinks .banner li{width:50%}}#comic{background:url("../img/comic/bg.png") no-repeat top center,url("../img/comic/bg-repeat.png") repeat-x bottom center;margin-bottom:50px;height:680px}#comic .inner{position:relative;width:1200px;margin:0 auto}#comic .inner h2{text-align:center}#comic .inner h2 img{margin-top:-38px}#comic .inner .btn{position:absolute;top:516px;left:623px}@media only screen and (max-width: 768px){#comic{background:url("../img/comic/bg-sp.png") no-repeat top center;background-size:cover;height:181.2vw;margin-bottom:4%}#comic .inner{width:auto}#comic .inner h2{position:relative;z-index:5}#comic .inner h2 img{margin-top:-6vw}#comic .inner .btn{width:42%;top:143.2vw;left:7.4%}}#footer{padding:1px 0 100px;background-color:#ccb694}#footer .banner{margin-bottom:20px;background-color:#fff;font-size:0;text-align:center}#footer .banner li{display:inline-block}#footer small{display:block;font-size:12px;line-height:1.5;text-align:center;color:#fff}@media only screen and (max-width: 768px){#footer{padding:1px 0 80px}#footer .banner li{width:50%}#footer .banner li img{width:100%}#footer small{font-size:24px;font-size:3.125vw}}#navigation{position:fixed;z-index:20;bottom:0;width:100%;background:url("../img/navigation/bg.png")}#navigation .inner{position:relative;width:1200px;margin:0 auto;padding:5px 0;text-align:right}#navigation .inner .logo{position:absolute;bottom:0;left:100px}#navigation .inner .gnav{display:inline-block;margin-right:5px;vertical-align:top}#navigation .inner .gnav li{display:inline-block;border-right:1px solid #bb082a;font-size:16px;font-weight:bold;text-align:center;line-height:1.3;padding:24px 0;vertical-align:middle}#navigation .inner .gnav li:nth-child(2),#navigation .inner .gnav li:nth-child(4){padding:14px 0}#navigation .inner .gnav li a{display:block;padding:0 20px;color:#bb082a}#navigation .inner .gnav li:first-child{border-left:1px solid #bb082a}#navigation .inner .sns{display:inline-block;font-size:0;vertical-align:top}#navigation .inner .sns li{display:inline-block;padding:12px 4px 0}#navigation .inner .menu{display:none}@media only screen and (max-width: 768px){#navigation .inner{width:100%;padding:0 0 45px 0}#navigation .inner .logo{width:18.3%;left:3%}#navigation .inner .logo img{width:100%}#navigation .inner .gnav{display:none;margin-right:0}#navigation .inner .gnav li{display:block;text-align:center;border-right:none;border-bottom:1px solid #bb082a;padding:0;font-size:24px;font-size:3.125vw;line-height:1.4}#navigation .inner .gnav li a{padding:10px 0}#navigation .inner .gnav li:first-child{border-left:none}#navigation .inner .gnav li:nth-child(2),#navigation .inner .gnav li:nth-child(4){padding:0}#navigation .inner .sns{display:none;text-align:center;padding:10px 0}#navigation .inner .sns li{padding:0 4px}#navigation .inner #menu{display:block;position:absolute;right:0;bottom:0;width:45px;height:45px;background-image:url(../img/navigation/menu.png);background-size:45px}#navigation .inner #close{display:block;position:absolute;right:0;bottom:-100px;width:45px;height:45px;background-image:url(../img/navigation/close.png);background-size:45px}}