@import url(https://fonts.googleapis.com/css?family=Poppins);

@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

body { -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'Poppins',"游ゴシック",YuGothic,"Helvetica","Arial","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.design { width: 100%; position: absolute; top: 0px; left: 0; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; z-index: 10; display: none; }

.design img { text-align: center; }

body { position: relative; background: #000; color: #fff; }

body > iframe { display: none; }

img { height: auto !important; display: block; }

br.pc { display: block; }

br.sp { display: none; }

.pc { display: block; }

.sp { display: none !important; }

.effect-top-entry .photo img { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; -webkit-transform: scale(0.995); -ms-transform: scale(0.995); transform: scale(0.995); }

.effect-top-entry .entry-btn { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transition: opacity .5s ease-in-out 0s; transition: opacity .5s ease-in-out 0s; }

.effect-top-entry:hover .photo img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.effect-top-entry:hover .entry-btn { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.effect-image-zoom .photo img { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }

.effect-image-zoom .btn__more { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transition: opacity .5s ease-in-out 0s; transition: opacity .5s ease-in-out 0s; }

.effect-image-zoom:hover .photo img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); }

.effect-image-zoom:hover .btn__more { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.effect-image-zoom-chapter .thumb img { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }

.effect-image-zoom-chapter:hover .thumb img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

header.header { min-width: 1200px; height: 90px; background: #000; }

header.header .logo__webcg { position: absolute; top: 29px; right: auto; bottom: auto; left: 42px; }

header.header h1 { display: none; position: absolute; top: 35px; right: auto; bottom: auto; left: 50%; margin-left: -296px; }

header.header .logo__gz { position: absolute; top: 30px; right: 40px; bottom: auto; left: auto; }

footer.footer { min-width: 1200px; padding: 60px 0 100px; }

footer.footer ul.link { letter-spacing: -.4em; text-align: center; }

footer.footer ul.link li { margin: auto 10px auto; display: inline-block; letter-spacing: normal; }

footer.footer .link-top { width: 68px; margin: 60px auto 0; }

footer.footer ul.sns { padding: 50px 0 23px; letter-spacing: -.4em; text-align: center; }

footer.footer ul.sns li { margin: auto 6px auto; display: inline-block; letter-spacing: normal; }

footer.footer p.copy { text-align: center; }

footer.footer p.copy small { font-size: 13px; letter-spacing: .045em; }

footer.footer p.copy small span { margin: auto 8px auto auto; padding: 2px 5px; border: 1px #fff solid; }

footer.footer .btn__pagetop { position: absolute; top: auto; right: 35px; bottom: 100px; left: auto; cursor: pointer; }

.hover { -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.hover:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

@media screen and (max-width: 768px) { img { width: 100% !important; height: auto !important; display: block; }
  .pc { display: none !important; }
  .sp { display: block !important; }
  br.pc { display: none; }
  br.sp { display: block; }
  .wrapper { min-width: 100%; }
  .effect-image-zoom .photo img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: none; transition: none; }
  .effect-image-zoom .btn__more { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: none; transition: none; }
  .effect-image-zoom-chapter .thumb img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: none; transition: none; }
  header.header { min-width: 100%; width: 100%; height: 60px; background: #000; border-bottom: 1px solid #262626; }
  header.header .logo__webcg { width: 96px; position: absolute; top: 20px; right: auto; bottom: auto; left: 20px; }
  header.header h1 { display: none; position: absolute; top: 35px; right: auto; bottom: auto; left: 50%; margin-left: -296px; }
  header.header .logo__gz { width: 38px; position: absolute; top: 17px; right: 20px; bottom: auto; left: auto; }
  header.header.header-in { min-width: 100%; width: 100%; height: 120px; background: #000; border-bottom: none; }
  header.header.header-in:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 45px; right: auto; bottom: auto; left: 0; background: #262626; }
  header.header.header-in .logo__webcg { width: 66px; position: absolute; top: 15px; right: auto; bottom: auto; left: 20px; }
  header.header.header-in h1 { width: 300px; position: absolute; top: 60px; right: auto; bottom: auto; left: 50%; margin-left: -150px; }
  header.header.header-in .logo__gz { width: 26px; position: absolute; top: 13px; right: 20px; bottom: auto; left: auto; }
  footer.footer { min-width: 100%; padding: 30px 0 100px; }
  footer.footer ul.link { letter-spacing: -.4em; text-align: center; }
  footer.footer ul.link li { width: 89%; margin: auto 10px auto; display: inline-block; letter-spacing: normal; }
  footer.footer ul.link li:first-child { margin-bottom: 5px; }
  footer.footer .link-top { width: 41px; margin: 40px auto 0; }
  footer.footer ul.sns { padding: 40px 0 17px 15px; letter-spacing: -.4em; text-align: left; }
  footer.footer ul.sns li { width: 43px; margin: auto 6px auto; display: inline-block; letter-spacing: normal; }
  footer.footer p.copy { padding: 7px 0 0 20px; text-align: left; }
  footer.footer p.copy small { font-size: 10px; letter-spacing: .045em; }
  footer.footer p.copy small span { margin: auto 8px auto auto; padding: 2px 5px; border: 1px #fff solid; }
  footer.footer .btn__pagetop { width: 30px; position: absolute; top: auto; right: 20px; bottom: 157px; left: auto; } }