/**
* YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
* http://cssreset.com
* Copyright 2012 Yahoo! Inc. All rights reserved.
* http://yuilibrary.com/license/
*/
/*
TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
  color: #000;
  background: #FFF;
}
/*
TODO remove settings on BODY since we can't namespace it.
*/
/*
TODO test putting a class on HEAD.
- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
  color: #000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none;
}
a {
  outline: none;
}
.mt0 {
  margin-top: 0px !important;
}
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt-80 {
  margin-top: -80px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb05 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml05 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml-05em {
  margin-left: -0.5em !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr05 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pt05 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 70px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pb05 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pl05 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pr05 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.alt,
.hide {
  display: none;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.img_left {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.img_right {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
.margin_center {
  margin-left: auto !important;
  margin-right: auto !important;
}
.centerimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cols {
  display: table;
  margin-left: -20px;
}
.cols:after {
  content: '';
  clear: both;
  float: none;
  display: block;
  height: 0;
}
.cols > .col {
  display: table-cell;
  border-left: 20px solid transparent;
  background-clip: padding-box;
}
body {
  background-image: url(images/102b72_shade.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-color: #ffffff;
  min-width: 1018px;
  font-size: 14px;
  color: #333333;
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  zoom: 1;
}
body.index {
  background-image: url(images/bg-index.jpg);
}
body.page01 {
  background-image: url(images/bg-page01.jpg);
}
body.page02 {
  background-image: url(images/bg-page02.jpg);
}
body.page03 {
  background-image: url(images/bg-page03.jpg);
}
body.page04 {
  background-image: url(images/bg-page04.jpg);
}
body.page05 {
  background-image: url(images/bg-page05.jpg);
}
body.page06 {
  background-image: url(images/bg-page06.jpg);
}
body.page07 {
  background-image: url(images/bg-page07.jpg);
}
body.page08 {
  background-image: url(images/bg-page08.jpg);
}
body.page09,
body.page09_bridge {
  background-image: url(images/bg-page09.jpg);
}
body.page10 {
  background-image: url(images/bg-page10.jpg);
}
body.page_interview {
  background-image: url(images/bg-interview.jpg);
}
@media screen and (max-width: 1300px) {
  body {
    background-size: 1400px auto;
  }
}
@media screen and (max-width: 1080px) {
  body {
    background-size: 1200px auto;
  }
}
a {
  color: #006fd6;
  outline: none;
}
a:hover {
  color: #004e98;
}
strong {
  font-weight: bold;
}
p {
  line-height: 1.4;
}
.red {
  color: #c52525 !important;
}
.orange {
  color: #f57100 !important;
}
.yellow {
  color: #eacc18 !important;
}
.green {
  color: #4faa28 !important;
}
.sky {
  color: #00b9ef !important;
}
.blue {
  color: #006fd6 !important;
}
.purple {
  color: #6139c6 !important;
}
.area {
  min-width: 1018px;
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
}
.area:after {
  content: '';
  clear: both;
  float: none;
  display: block;
  height: 0;
}
.container {
  width: 960px;
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
}
.container:after {
  content: '';
  clear: both;
  float: none;
  display: block;
  height: 0;
}
.inner {
  position: relative;
}
.inner:after {
  content: '';
  clear: both;
  float: none;
  display: block;
  height: 0;
}
.col2 {
  overflow: hidden;
}
small {
  font-size: 71.43%;
}
.attention {
  color: #c52525;
}
.btn_gotop {
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 10px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  background-color: #f3f3f1;
  background-image: -moz-linear-gradient(top, #ebebe8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebe8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ebebe8, #ffffff);
  background-image: -o-linear-gradient(top, #ebebe8, #ffffff);
  background-image: linear-gradient(to bottom, #ebebe8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebe8', endColorstr='#ffffffff', GradientType=0);
  color: #333333;
}
.btn_gotop:hover {
  background-color: #ecd02b;
  background-image: -moz-linear-gradient(top, #eacc18, #eed647);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eacc18), to(#eed647));
  background-image: -webkit-linear-gradient(top, #eacc18, #eed647);
  background-image: -o-linear-gradient(top, #eacc18, #eed647);
  background-image: linear-gradient(to bottom, #eacc18, #eed647);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeacc18', endColorstr='#ffeed647', GradientType=0);
}
.notes {
  color: #999999;
  font-size: 78.57%;
}
.notes.sub {
  text-align: right;
}
.blocktxt,
p.blocktxt {
  text-align: justify;
  text-justify: inter-ideograph;
  -webkit-text-justify: inter-ideograph;
  line-height: 1.7;
}
/* =================================================================== */
/* ブックマーク＋SNS */
/* =================================================================== */
#bkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  padding-top: 2px;
  padding-bottom: 3px;
  background-color: rgba(59, 65, 79, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#663b414f', endColorstr='#663b414f', GradientType=1);
}
#bkmark .container {
  width: 940px;
  padding-right: 39px;
  padding-left: 39px;
}
#bkmark #famicom {
  float: left;
  margin-top: 5px;
}
#bkmark ul {
  margin-top: 4px;
}
#bkmark li {
  float: right;
  padding-right: 10px;
}
#bkmark .gplus {
  width: 60px;
  padding-right: 0;
}
#bkmark .twitter {
  width: 98px;
}
/* =================================================================== */
/* footer */
/* =================================================================== */
#sp_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
#sp_footer .container {
  width: 940px;
  padding-right: 39px;
  padding-left: 39px;
}
#foot-controls {
  margin-top: 10px;
  padding: 12px 0;
  background-color: rgba(255, 255, 255, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff', GradientType=1);
}
#foot-controls .rights {
  font-size: 78.57%;
  color: #999999;
  text-align: center;
}
.novelpage #foot-controls {
  border-top: 1px solid #d6e1f1;
}
/* アルバム表示  */
#album {
  float: left;
}
#album img {
  display: inline-block;
}
#album .jacket {
  border: 1px solid #e4eaf4;
  margin-right: 6px;
}
/* 音声  */
#soundcontrol {
  float: right;
  padding-top: 13px;
}
/* FAMITSU.com copyright */
.footer-area #footer {
  padding: 30px 0 20px 0;
  float: none;
  clear: both;
  background: #fff;
  color: #333;
  text-align: center;
}
/* =================================================================== */
/* index */
/* =================================================================== */
.index {
  padding-top: 80px;
  min-height: 550px;
}
.index #gnav {
  height: 550px;
}
.index #gnav h1 {
  position: absolute;
  top: 360px;
  left: -7px;
}
.index #gnav .go_official {
  padding-top: 7px;
}
.index #gnav .go_official a img {
  transition: opacity 0.2s linear ;
}
.index #gnav .go_official a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.index #gnav .notes {
  padding-top: 15px;
}
.index #gnav .btn-interview {
  position: absolute;
  top: 541px;
  left: 335px;
  padding: 3px 6px 0px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.index #gnav .btn-interview:hover {
  background-color: rgba(255, 255, 255, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ffffff', GradientType=1);
}
.index #gnav p {
  text-align: right;
  margin-bottom: 1px;
}
.index #gnav .menu {
  background-image: url(images/btn.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 190px;
  height: 110px;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  margin-left: 1px;
}
.index #gnav a.menu01 {
  background-position: 0 0 ;
}
.index #gnav a.menu01:hover {
  background-position: 0 -110px;
}
.index #gnav a.menu02 {
  background-position: -190px 0;
}
.index #gnav a.menu02:hover {
  background-position: -190px -110px;
}
.index #gnav a.menu03 {
  background-position: -380px 0;
}
.index #gnav a.menu03:hover {
  background-position: -380px -110px;
}
.index #gnav a.menu04 {
  background-position: -570px 0;
}
.index #gnav a.menu04:hover {
  background-position: -570px -110px;
}
.index #gnav a.menu05 {
  background-position: -760px 0;
}
.index #gnav a.menu05:hover {
  background-position: -760px -110px;
}
.index #gnav a.menu06 {
  background-position: -950px 0;
}
.index #gnav a.menu06:hover {
  background-position: -950px -110px;
}
.index #gnav a.menu07 {
  background-position: -1140px 0;
}
.index #gnav a.menu07:hover {
  background-position: -1140px -110px;
}
.index #gnav a.menu08 {
  background-position: -1330px 0;
}
.index #gnav a.menu08:hover {
  background-position: -1330px -110px;
}
.index #gnav a.menu09 {
  background-position: -1520px 0;
}
.index #gnav a.menu09:hover {
  background-position: -1520px -110px;
}
.index #gnav a.menu10 {
  background-position: -1710px 0;
}
.index #gnav a.menu10:hover {
  background-position: -1710px -110px;
}
.index #gnav span.menu01 {
  background-position: 0 -220px;
}
.index #gnav span.menu02 {
  background-position: -190px -220px;
}
.index #gnav span.menu03 {
  background-position: -380px -220px;
}
.index #gnav span.menu04 {
  background-position: -570px -220px;
}
.index #gnav span.menu05 {
  background-position: -760px -220px;
}
.index #gnav span.menu06 {
  background-position: -950px -220px;
}
.index #gnav span.menu07 {
  background-position: -1140px -220px;
}
.index #gnav span.menu08 {
  background-position: -1330px -220px;
}
.index #gnav span.menu09 {
  background-position: -1520px -220px;
}
.index #gnav span.menu10 {
  background-position: -1710px -220px;
}
.index .catch {
  margin: 300px 0;
  text-align: center;
}
.index .footer-area {
  margin-top: 200px;
  padding-bottom: 40px;
}
/* =================================================================== */
/* 小説ページ */
/* =================================================================== */
#article-novel {
  padding: 0 29px;
  background: url(images/bg-novel.png) repeat-y top center;
  z-index: 0;
  position: relative;
  min-height: 590px;
}
.novelpage h1 {
  padding: 70px 0 30px;
  margin: 0 40px;
  border-bottom: 1px solid #d6e1f1;
  text-align: center;
  position: relative;
}
.novelpage h1 .txt-author {
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.novelpage #block-novel {
  margin: 30px 0 30px 60px ;
  width: 660px;
  padding-bottom: 200px;
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: 0 0;
  zoom: 1;
}
.page01.novelpage #block-novel {
  background-image: url(images/body-page01.png);
  height: 5318px;
}
.page02.novelpage #block-novel {
  background-image: url(images/body-page02.png);
  height: 5558px;
}
.page03.novelpage #block-novel {
  background-image: url(images/body-page03.png);
  height: 3808px;
}
.page04.novelpage #block-novel {
  background-image: url(images/body-page04.png);
  height: 3788px;
}
.page05.novelpage #block-novel {
  background-image: url(images/body-page05.png);
  height: 6058px;
}
.page06.novelpage #block-novel {
  background-image: url(images/body-page06.png);
  height: 6728px;
}
.page07.novelpage #block-novel {
  background-image: url(images/body-page07.png);
  height: 5808px;
}
.page08.novelpage #block-novel {
  background-image: url(images/body-page08.png);
  height: 5588px;
}
.page09.novelpage #block-novel {
  background-image: url(images/body-page09.png);
  height: 6214px;
}
.page09_bridge.novelpage #block-novel {
  background-image: url(images/body-page09_bridge.png);
  height: 694px;
}
.page10.novelpage #block-novel {
  background-image: url(images/body-page10.png);
  height: 3840px;
}
.page10.novelpage #block-novel img{
  margin-top: 3468px;
}
.page_interview.novelpage #block-novel {
  background-image: url(images/body-interview.png);
  height: 4908px;
}
.novelpage #gnav {
  margin-right: 68px;
  width: 145px;
  height: 300px;
  position: absolute;
  top: 236px;
  right: 0;
}
.novelpage #gnav li {
  display: block;
}
.novelpage #gnav a,
.novelpage #gnav span {
  background-image: url(images/menu-novelpage.png);
  background-repeat: no-repeat;
  display: block;
  width: 145px;
  height: 17px;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
}
.novelpage #gnav a.menu06,
.novelpage #gnav a.menu07 {
  height: 30px;
}
.novelpage #gnav a.menu01 {
  background-position: 0 0 ;
}
.page01.novelpage #gnav a.menu01,
.novelpage #gnav a.menu01:hover {
  background-position: -145px 0;
}
.novelpage #gnav span.menu01 {
  background-position: -290px 0;
}
.novelpage #gnav a.menu02 {
  background-position: 0 -17px;
}
.page02.novelpage #gnav a.menu02,
.novelpage #gnav a.menu02:hover {
  background-position: -145px -17px;
}
.novelpage #gnav span.menu02 {
  background-position: -290px -17px;
}
.novelpage #gnav a.menu03 {
  background-position: 0 -34px;
}
.page03.novelpage #gnav a.menu03,
.novelpage #gnav a.menu03:hover {
  background-position: -145px -34px;
}
.novelpage #gnav span.menu03 {
  background-position: -290px -34px;
}
.novelpage #gnav a.menu04 {
  background-position: 0 -51px;
}
.page04.novelpage #gnav a.menu04,
.novelpage #gnav a.menu04:hover {
  background-position: -145px -51px;
}
.novelpage #gnav span.menu04 {
  background-position: -290px -51px;
}
.novelpage #gnav a.menu05 {
  background-position: 0 -68px;
}
.page05.novelpage #gnav a.menu05,
.novelpage #gnav a.menu05:hover {
  background-position: -145px -68px;
}
.novelpage #gnav span.menu05 {
  background-position: -290px -68px;
}
.novelpage #gnav a.menu06 {
  background-position: 0 -85px;
}
.page06.novelpage #gnav a.menu06,
.novelpage #gnav a.menu06:hover {
  background-position: -145px -85px;
}
.novelpage #gnav span.menu06 {
  background-position: -290px -85px;
}
.novelpage #gnav a.menu07 {
  background-position: 0 -115px;
}
.page07.novelpage #gnav a.menu07,
.novelpage #gnav a.menu07:hover {
  background-position: -145px -115px;
}
.novelpage #gnav span.menu07 {
  background-position: -290px -115px;
}
.novelpage #gnav a.menu08 {
  background-position: 0 -145px;
}
.page08.novelpage #gnav a.menu08,
.novelpage #gnav a.menu08:hover {
  background-position: -145px -145px;
}
.novelpage #gnav span.menu08 {
  background-position: -290px -145px;
}
.novelpage #gnav a.menu09 {
  background-position: 0 -162px;
}
.page09.novelpage #gnav a.menu09,
.page09_bridge.novelpage #gnav a.menu09,
.novelpage #gnav a.menu09:hover {
  background-position: -145px -162px;
}
.novelpage #gnav span.menu09 {
  background-position: -290px -162px;
}
.novelpage #gnav a.menu10 {
  background-position: 0 -179px;
}
.page10.novelpage #gnav a.menu10,
.novelpage #gnav a.menu10:hover {
  background-position: -145px -179px;
}
.novelpage #gnav span.menu10 {
  background-position: -290px -179px;
}
.novelpage #gnav a.menu11 {
  background-position: 0 -196px;
}
.novelpage #gnav a.menu11:hover {
  background-position: -145px -196px;
}
.novelpage #gnav span.menu11 {
  background-position: -290px -196px;
}
.novelpage #gnav a.menu_interview {
  background-position: 0 -213px;
}
.page_interview.novelpage #gnav a.menu_interview,
.novelpage #gnav a.menu_interview:hover {
  background-position: -145px -213px;
}
.novelpage #gnav span.menu_interview {
  background-position: -290px -213px;
}