@charset "UTF-8";
/*
@mixin inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
*/
/*================================================================================
	Reset (normalize)
================================================================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

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

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

a {
  color: #00e;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #06e;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol, ul li, ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

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

td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

div, p {
  margin: 0;
  padding: 0;
}

/*--------------------------------------
	Default Settings
--------------------------------------*/
body {
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  display: block;
  margin: 0;
  padding: 0;
}

/*================================================================================
	Modules
================================================================================*/
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, #top #top_cast:before, #top .top_inside div:before, .feed_inside div:before, .pickupList:before, #character .content_box .name_box:before, #character .content_box .profile_box .sample_voice ul:before, #graphic .cg_list:before, #container2nd .column:before, #container2nd .column .inside .box:before, #container2nd #dl_icon ul:before, #container2nd #dl_wallpaper ul:before, .clearfix:after, #top #top_cast:after, #top .top_inside div:after, .feed_inside div:after, .pickupList:after, #character .content_box .name_box:after, #character .content_box .profile_box .sample_voice ul:after, #graphic .cg_list:after, #container2nd .column:after, #container2nd .column .inside .box:after, #container2nd #dl_icon ul:after, #container2nd #dl_wallpaper ul:after {
  content: "";
  display: table;
}

.clearfix:after, #top #top_cast:after, #top .top_inside div:after, .feed_inside div:after, .pickupList:after, #character .content_box .name_box:after, #character .content_box .profile_box .sample_voice ul:after, #graphic .cg_list:after, #container2nd .column:after, #container2nd .column .inside .box:after, #container2nd #dl_icon ul:after, #container2nd #dl_wallpaper ul:after {
  clear: both;
}

.clearfix, #top #top_cast, #top .top_inside div, .feed_inside div, .pickupList, #character .content_box .name_box, #character .content_box .profile_box .sample_voice ul, #graphic .cg_list, #container2nd .column, #container2nd .column .inside .box, #container2nd #dl_icon ul, #container2nd #dl_wallpaper ul {
  *zoom: 1;
}

.colorBrown, #character .content_box .profile_txt {
  color: #703C1D;
}

.size10-fix, #top .top_inside div p, #top .top_inside div span, .feed_inside div p, .feed_inside div span {
  font-size: 10px;
  line-height: 1.5;
}

/*================================================================================
	Base Formats
================================================================================*/
/*--------------------------------------
	noScript
--------------------------------------*/
#noscript {
  text-align: center;
}

/*--------------------------------------
	Header
--------------------------------------*/
/*
.sampleBox {  
    @include inline_block;  
    background: #eee;  
		@extend .clearfix;
}*/
body {
  background: url(../img/bg_body.jpg) 0 0 repeat;
}

#ie6 {
  display: none;
}

#globalNavigation {
  visibility: hidden;
  position: fixed;
  width: 202px;
  height: 273px;
  top: 112px;
  right: -15px;
  background: url(../img/bg_nav.png) 0 0 no-repeat;
}
#globalNavigation ul {
  margin-top: 48px;
}
#globalNavigation li {
  width: 130px;
  height: 34px;
  margin-left: 31px;
}
#globalNavigation a {
  text-decoration: none !important;
}

#storyNavigation {
  visibility: hidden;
  position: fixed;
  width: 192px;
  height: 170px;
  top: 470px;
  right: -10px;
  padding-top: 49px;
  background: url(../../img/story/bg_story_nav.png) 0 0 no-repeat;
}
#storyNavigation p {
  margin-left: 21px;
  margin-bottom: 3px;
}
#storyNavigation li {
  height: 24px;
  margin-left: 21px;
}

#charaNavigation {
  visibility: hidden;
  position: fixed;
  width: 241px;
  height: 446px;
  top: 400px;
  /*top:250px;*/
  right: -35px;
  padding-top: 47px;
  background: url(../../img/character/bg_character_nav.png) 0 0 no-repeat;
}
#charaNavigation p {
  margin-left: 50px;
}
#charaNavigation ul {
  margin-bottom: 21px;
}
#charaNavigation li {
  width: 125px;
  height: 21px;
  margin-left: 50px;
}

/*--------------------------------------
	Container
--------------------------------------*/
#container {
  visibility: hidden;
  width: 100%;
  position: relative;
  text-align: center;
}
#container .column {
  width: 960px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

/*--------------------------------------
	Footer
--------------------------------------*/
#btnPagetop {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 83px;
  height: 75px;
  visibility: hidden;
}

/*--------------------------------------
	Modules
--------------------------------------*/
.tCenter {
  text-align: center !important;
}

.clear {
  clear: both;
}

.mr0 {
  margin-right: 0 !important;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

/*================================================================================
	Layout Formats
================================================================================*/
/*--------------------------------------
	Top
--------------------------------------*/
#top {
  height: 1100px;
  background: url(../../img/top/img_mainVisual.png) center 0 no-repeat;
}
#top h1 {
  position: absolute;
  display: block;
  left: -73px;
  top: 459px;
}
#top h2 {
  position: absolute;
  display: block;
  left: 440px;
  top: 485px;
}
#top .img_age {
  position: absolute;
  display: block;
  left: 743px;
  top: 14px;
}
#top .img_logoFairys {
  position: absolute;
  display: block;
  left: 10px;
  top: 7px;
}
#top .info_koichoco {
  position: absolute;
  display: block;
  left: 610px;
  top: 360px;
}
#top .img_bomb {
  position: absolute;
  display: block;
  left: 780px;
  top: 310px;
}
#top .img_bomb_event {
  position: absolute;
  display: block;
  left: 770px;
  top: 315px;
}
#top #top_cast {
  position: absolute;
  display: block;
  width: 920px;
  left: 20px;
  top: 650px;
}
#top #top_cast .img_cast {
  float: left;
}
#top #top_cast .btn_cast {
  float: right;
}
#top #top_news {
  position: absolute;
  display: block;
  left: 22px;
  top: 696px;
  width: 451px;
  height: 188px;
  text-align: center;
  background: url(../../img/top/bg_news.png) 0 0 no-repeat;
}
#top #top_blog {
  position: absolute;
  display: block;
  left: 483px;
  top: 691px;
  width: 453px;
  height: 191px;
  background: url(../../img/top/bg_blog.png) 0 0 no-repeat;
}
#top #top_twitter {
  position: absolute;
  display: block;
  width: 912px;
  height: 38px;
  left: 30px;
  top: 900px;
  background: url(../../img/top/bg_twitter.png) 0 0 no-repeat;
}
#top #top_twitter .twitter_inside {
  width: 710px;
  height: 25px;
  margin-left: 185px;
  margin-top: 10px;
}
#top #top_banner {
  position: absolute;
  display: block;
  width: 930px;
  left: 30px;
  top: 960px;
}
#top #top_banner li {
  display: block;
  float: left;
  margin-right: 15px;
}
#top .top_inside {
  width: 390px;
  margin: 55px auto 0 auto;
  text-align: left;
}
#top .top_inside h3 {
  margin-bottom: 5px;
}
#top .top_inside div {
  color: #817a67;
  margin-bottom: 5px;
}
#top .top_inside div p {
  display: block;
  width: 310px;
  float: right;
}
#top .top_inside div span {
  display: block;
  width: 70px;
  float: left;
  margin-left: 5px;
}
#top .top_inside a {
  color: #817a67;
}
#top .top_inside a:link, #top .top_inside a:visited {
  text-decoration: underline;
}
#top .top_inside a:hover, #top .top_inside a:active {
  text-decoration: none;
}

/*-- News, Blog Feed --*/
#iframe_setting {
  background-image: none;
  background-color: transparent;
}

.feed_inside {
  width: 390px;
  text-align: left;
}
.feed_inside div {
  color: #875e48;
  margin-bottom: 5px;
}
.feed_inside div p {
  display: block;
  width: 310px;
  float: right;
}
.feed_inside div span {
  display: block;
  width: 70px;
  float: left;
  margin-left: 5px;
}
.feed_inside a {
  /*color:$fontColor;*/
}
.feed_inside a:link, .feed_inside a:visited {
  color: #875E48 !important;
  text-decoration: underline;
}
.feed_inside a:hover, .feed_inside a:active {
  color: #B18F80 !important;
  text-decoration: none;
}

/*-- Pickup --*/
.pickup_inside {
  margin-top: 45px !important;
}

.pickupList li {
  width: 194px;
  height: 60px;
  float: left;
  background: url(../../img/pickup/bg_pickup.png) 0 0 no-repeat;
}
.pickupList li a {
  width: 194px;
  height: 60px;
  display: block;
}
.pickupList li a:link, .pickupList li a:visited {
  text-decoration: none !important;
  color: #875E48 !important;
}
.pickupList li a:hover, .pickupList li a:active {
  color: #B18F80 !important;
}
.pickupList li span {
  display: block;
  margin: 17px 10px 0 20px !important;
  width: 164px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
.pickupList li.oneLine span {
  margin-top: 24px !important;
}

/*-- Twitter Widgets --*/
#twitter_ticker .twtr-hd {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}

#twitter_ticker .twtr-widget a img {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}

#twitter_ticker .twtr-widget .twtr-tweet-wrap {
  padding: 0 !important;
}

#twitter_ticker .twtr-timeline {
  height: 12px !important;
  margin: 0 !important;
}

#twitter_ticker .twtr-ft {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
  color: #FFFFFF !important;
  font-size: 12px !important;
  height: 12px !important;
  line-height: 12px !important;
  overflow: hidden !important;
  background: none !important;
}

/*--------------------------------------
	Story
--------------------------------------*/
#story {
  position: relative;
  overflow: hidden;
}
#story .column {
  height: 1200px;
}
#story h3 {
  position: absolute;
  display: block;
  top: 0;
  left: -223px;
}
#story h4 {
  position: absolute;
  display: block;
  top: 270px;
  left: -58px;
}
#story .content_box {
  position: absolute;
  display: block;
  top: 340px;
}
#story .content_box h5 {
  margin-left: 17px;
}
#story #story_outline h5 {
  margin-top: 15px;
}
#story .content_bg {
  position: absolute;
  display: block;
  width: 828px;
  height: 587px;
  left: -47px;
  top: 224px;
  background: url(../../img/story/bg_story_contents.png) 0 0 no-repeat;
}
#story .slide_button {
  position: absolute;
  display: block;
  left: 644px;
  top: 305px;
}
#story .slide_button li {
  float: left;
  margin-right: 36px;
}
#story .intro_ph {
  position: absolute;
  display: block;
  width: 513px;
  height: 398px;
  left: 455px;
  top: 468px;
  background: url(../../img/story/img_story_intro_ph.png) 0 0 no-repeat;
}
#story .outline_ph {
  position: absolute;
  display: block;
  width: 429px;
  height: 373px;
  left: 290px;
  top: 20px;
  background: url(../../img/story/img_story_outline_ph.png) 0 0 no-repeat;
}
#story .item_soup {
  position: absolute;
  display: block;
  width: 596px;
  height: 493px;
  left: 50%;
  top: 700px;
  margin-left: 106px;
  background: url(../../img/item/item_soup.png) 0 0 no-repeat;
}
#story .item_clip01 {
  position: absolute;
  display: block;
  width: 405px;
  height: 144px;
  left: 156px;
  top: 887px;
  background: url(../../img/item/item_clip01.png) 0 0 no-repeat;
}
#story .item_clip02 {
  position: absolute;
  display: block;
  width: 85px;
  height: 120px;
  left: 360px;
  top: 850px;
  background: url(../../img/item/item_clip02.png) 0 0 no-repeat;
}

/*--------------------------------------
	Character
--------------------------------------*/
#character {
  margin-top: -100px;
  position: relative;
  overflow: hidden;
}
#character .column {
  height: 1550px;
}
#character h3 {
  position: absolute;
  display: block;
  top: 0;
  left: -5px;
}
#character .content_bg {
  position: absolute;
  display: block;
  width: 1521px;
  height: 1042px;
  left: -755px;
  top: 26px;
  background: url(../../img/character/bg_character_contents.png) 0 0 no-repeat;
}
#character .content_box {
  position: absolute;
  display: block;
  left: 110px;
  top: 240px;
  width: 490px;
  height: 800px;
}
#character .content_box .name_box {
  margin-bottom: 30px;
}
#character .content_box .name_box h4 {
  float: left;
  margin-right: 15px;
}
#character .content_box .name_box h5 {
  float: left;
  margin-top: 52px;
}
#character .content_box h6 {
  margin-bottom: 15px;
}
#character .content_box .profile_txt {
  margin-bottom: 25px;
  width: 450px;
}
#character .content_box .profile_box {
  position: relative;
}
#character .content_box .profile_box .profile {
  position: absolute;
  display: block;
  left: 0;
  top: 15px;
}
#character .content_box .profile_box .sample_voice {
  position: absolute;
  display: block;
  left: 133px;
  top: 0;
  width: 157px;
  height: 110px;
}
#character .content_box .profile_box .sample_voice ul {
  margin: 46px 0 0 21px;
}
#character .content_box .profile_box .sample_voice li {
  float: left;
  margin-right: 2px;
}
#character .content_box .profile_box .sample_voice .voice2 {
  margin-left: 34px;
  margin-top: 10px;
}
#character .content_box .profile_box .sample_voice .voice3 {
  margin-top: 11px;
}
#character .content_box .profile_box .sd {
  float: right;
  margin-right: 30px;
}
#character .content_box .profile_box .btn_story {
  position: absolute;
  display: block;
  left: -15px;
  top: 155px;
}
#character .slide_button {
  position: absolute;
  display: block;
  left: 517px;
  top: 21px;
}
#character .slide_button li {
  float: left;
  margin-right: 2px;
}
#character .slide_button .prev {
  margin-top: 19px;
}
#character .slide_button .next {
  margin-top: 14px;
}
#character #ayumu .sample_voice {
  background: url(../../img/character/bg_character_ayumu_voice.gif) 0 0 no-repeat;
}
#character .cg_box #ayumu_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #matsuri .sample_voice {
  background: url(../../img/character/bg_character_matsuri_voice.gif) 0 0 no-repeat;
}
#character #matsuri .sd {
  margin-right: 0;
}
#character .cg_box #matsuri_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #mao .sample_voice {
  background: url(../../img/character/bg_character_mao_voice.gif) 0 0 no-repeat;
}
#character #mao .sd {
  margin-right: 0;
}
#character .cg_box #mao_cg {
  position: absolute;
  display: block;
  left: 570px;
  top: 200px;
}
#character #kimika .sample_voice {
  background: url(../../img/character/bg_character_kimika_voice.gif) 0 0 no-repeat;
}
#character .cg_box #kimika_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #miku .sample_voice {
  background: url(../../img/character/bg_character_miku_voice.gif) 0 0 no-repeat;
}
#character .cg_box #miku_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #rikuto .sample_voice {
  margin-top: 50px;
  background: url(../../img/character/bg_character_rikuto_voice.gif) 0 0 no-repeat;
}
#character .cg_box #rikuto_cg {
  position: absolute;
  display: block;
  left: 650px;
  top: 200px;
}
#character #naoma .sample_voice {
  background: url(../../img/character/bg_character_naoma_voice.gif) 0 0 no-repeat;
}
#character .cg_box #naoma_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #ryoko .sample_voice {
  background: url(../../img/character/bg_character_ryoko_voice.gif) 0 0 no-repeat;
}
#character .cg_box #ryoko_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #kanade .sample_voice {
  background: url(../../img/character/bg_character_kanade_voice.gif) 0 0 no-repeat;
}
#character .cg_box #kanade_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #shosuke .sample_voice {
  background: url(../../img/character/bg_character_shosuke_voice.gif) 0 0 no-repeat;
}
#character .cg_box #shosuke_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #chisato .sample_voice {
  background: url(../../img/character/bg_character_chisato_voice.gif) 0 0 no-repeat;
}
#character #chisato .sd {
  margin-right: 20px;
}
#character .cg_box #chisato_cg {
  position: absolute;
  display: block;
  left: 550px;
  top: 200px;
}
#character #satsuki .sample_voice {
  background: url(../../img/character/bg_character_satsuki_voice.gif) 0 0 no-repeat;
}
#character .cg_box #satsuki_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #ryugo .sample_voice {
  background: url(../../img/character/bg_character_ryugo_voice.gif) 0 0 no-repeat;
}
#character .cg_box #ryugo_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #kouzou .sample_voice {
  background: url(../../img/character/bg_character_kouzou_voice.gif) 0 0 no-repeat;
}
#character .cg_box #kouzou_cg {
  position: absolute;
  display: block;
  left: 600px;
  top: 200px;
}
#character #diagram {
  width: 983px;
  height: 819px;
}
#character .item_pen01 {
  position: absolute;
  display: block;
  width: 386px;
  height: 535px;
  left: -336px;
  top: 42px;
  background: url(../../img/item/item_pen01.png) 0 0 no-repeat;
}
#character .item_pen02 {
  position: absolute;
  display: block;
  width: 509px;
  height: 541px;
  left: -503px;
  top: 136px;
  background: url(../../img/item/item_pen02.png) 0 0 no-repeat;
}
#character .item_pen03 {
  position: absolute;
  display: block;
  width: 481px;
  height: 408px;
  left: -634px;
  top: 507px;
  background: url(../../img/item/item_pen03.png) 0 0 no-repeat;
}

/*--------------------------------------
	Character - Short Stories
--------------------------------------*/
#shortStories {
  overflow: hidden;
  line-height: 21px;
  color: #5E3412 !important;
}

#magazineWrapper {
  width: 1162px;
  height: 752px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -581px;
  margin-top: -376px;
  text-align: center;
  padding-top: 16px;
  padding-left: 40px;
  *padding-left: 0;
}
#magazineWrapper #magazine {
  width: 1084px;
  height: 711px;
  /*margin:0 0 0 40px;*/
  text-align: center;
  /*
  .pink_left02{
  	float:left;
  	border:#00F solid 1px;
  }
  .pink_right02{
  	float:right;
  	border:#0F0 solid 1px;
  }
  */
  /*
  .pink_left01,.pink_left02,.pink_right01,.pink_right02,
  .orange_left02,
  .orange_right02,
  .blue_left02,
  .blue_right02,
  .green_left02,
  .green_right02{
  	padding-top:90px;
  }
  */
}
#magazineWrapper #magazine .turn-page {
  background-size: 100% 100%;
}
#magazineWrapper #magazine .note_inside {
  width: 410px;
  height: 711px;
  /*height:595px;*/
  margin: 0 auto;
  text-align: left;
  /*padding-top:90px;*/
  /*border:#F00 solid 1px;*/
}
#magazineWrapper #magazine .note_inside .title {
  margin-bottom: 22px;
}
#magazineWrapper #magazine .note_inside .blankSpace {
  display: block;
  height: 90px;
  width: 1px;
}
#magazineWrapper #magazine #mybook {
  width: 1084px;
  height: 711px;
}
#magazineWrapper #magazine .pink_left01 {
  background: url(../../img/short_stories/bg_note_pink_left01.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .pink_left02 {
  background: url(../../img/short_stories/bg_note_pink_left02.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .pink_right01 {
  background: url(../../img/short_stories/bg_note_pink_right01.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .pink_right02 {
  background: url(../../img/short_stories/bg_note_pink_right02.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .orange_left02 {
  background: url(../../img/short_stories/bg_note_orange_left02.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .orange_right02 {
  background: url(../../img/short_stories/bg_note_orange_right02.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .blue_left02 {
  background: url(../../img/short_stories/bg_note_blue_left02.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .blue_right02 {
  background: url(../../img/short_stories/bg_note_blue_right02.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .green_left02 {
  background: url(../../img/short_stories/bg_note_green_left02.jpg) 0 0 no-repeat;
}
#magazineWrapper #magazine .green_right02 {
  background: url(../../img/short_stories/bg_note_green_right02.jpg) 0 0 no-repeat;
}

.notePink {
  background: url(../../img/short_stories/bg_note_pink_format.jpg) 0 0 no-repeat;
}

.noteOrange {
  background: url(../../img/short_stories/bg_note_orange_format.jpg) 0 0 no-repeat;
}

.noteBlue {
  background: url(../../img/short_stories/bg_note_blue_format.jpg) 0 0 no-repeat;
}

.noteGreen {
  background: url(../../img/short_stories/bg_note_green_format.jpg) 0 0 no-repeat;
}

/*--------------------------------------
	Character - Sample Voice
--------------------------------------*/
#sampleVoice {
  margin: 20px;
  text-align: center;
}
#sampleVoice .voiceColumn {
  width: 453px;
  height: 224px;
  margin: 0 auto;
}

/*--------------------------------------
	Graphic
--------------------------------------*/
#graphic {
  position: relative;
  overflow: hidden;
}
#graphic .column {
  height: 1070px;
}
#graphic h3 {
  position: absolute;
  display: block;
  top: 0;
  left: -86px;
}
#graphic .cg_list {
  position: absolute;
  display: block;
  top: 470px;
}
#graphic .cg_list li {
  width: 213px;
  height: 154px;
  float: left;
  margin: 0 15px 10px 0;
  background: url(../../img/graphic/bg_graphic_cg.png) 0 0 no-repeat;
}
#graphic .cg_list li p {
  display: block;
  width: 200px;
  height: 140px;
  margin: 6px 0 0 8px;
}
#graphic .cg_detail {
  display: none;
}
#graphic .cg_detail div {
  width: 100%;
}
#graphic .item_photo01 {
  position: absolute;
  display: block;
  left: 50%;
  width: 299px;
  height: 228px;
  margin-left: 370px;
  top: 8px;
  background: url(../../img/item/item_photo01.png) 0 0 no-repeat;
}
#graphic .item_photo02 {
  position: absolute;
  display: block;
  left: 50%;
  width: 334px;
  height: 296px;
  margin-left: 105px;
  top: 150px;
  background: url(../../img/item/item_photo02.png) 0 0 no-repeat;
}
#graphic .item_photo03 {
  position: absolute;
  display: block;
  left: 50%;
  width: 297px;
  height: 227px;
  margin-left: 373px;
  top: 300px;
  background: url(../../img/item/item_photo03.png) 0 0 no-repeat;
}
#graphic .item_photo04 {
  position: absolute;
  display: block;
  width: 321px;
  height: 266px;
  left: -280px;
  top: 617px;
  background: url(../../img/item/item_photo04.png) 0 0 no-repeat;
}
#graphic .item_photo05 {
  position: absolute;
  display: block;
  width: 314px;
  height: 256px;
  left: -364px;
  top: 804px;
  background: url(../../img/item/item_photo05.png) 0 0 no-repeat;
}

/*--------------------------------------
	Special
--------------------------------------*/
#special {
  position: relative;
  overflow: hidden;
  /*padding-top:335px;*/
  padding-top: 470px;
}
#special .column {
  height: 890px;
}
#special h3 {
  position: absolute;
  display: block;
  top: 0;
  left: -374px;
}
#special .movie_box {
  position: absolute;
  display: block;
  width: 662px;
  height: 586px;
  left: -67px;
  top: 197px;
}
#special .movie_box .movie_ui {
  width: 662px;
  height: 586px;
  background: url(../../img/special/bg_special_movie.png) 0 0 no-repeat;
}
#special .movie_box .movie_ui .movie {
  padding: 25px 0 0 85px;
  text-align: center;
}
#special .movie_box .movie_ui .movie p {
  font-weight: bold;
  color: #634C30;
}
#special .movie_box .movie_ui .movie .btnMovie {
  width: 172px;
  margin: 0 auto;
}
#special .distribute_box {
  position: absolute;
  display: block;
  width: 300px;
  left: 620px;
  top: 196px;
  text-align: center;
}
#special .distribute_box h4 {
  margin-bottom: 15px;
}
#special .distribute_box ul li {
  margin-bottom: 5px;
}
#special .item_ribbon01 {
  position: absolute;
  display: block;
  width: 826px;
  height: 389px;
  left: -498px;
  top: -335px;
  background: url(../../img/item/item_ribbon01.png) 0 0 no-repeat;
}
#special .item_ribbon02 {
  position: absolute;
  display: block;
  width: 769px;
  height: 251px;
  left: -461px;
  top: -62px;
  background: url(../../img/item/item_ribbon02.png) 0 0 no-repeat;
}
#special .item_clip03 {
  position: absolute;
  display: block;
  left: 50%;
  width: 176px;
  height: 140px;
  margin-left: 223px;
  /*top:162px;*/
  top: 347px;
  background: url(../../img/item/item_clip03.png) 0 0 no-repeat;
}
#special .item_clip04 {
  position: absolute;
  display: block;
  left: 50%;
  width: 185px;
  height: 113px;
  margin-left: 346px;
  /*top:57px;*/
  top: 242px;
  background: url(../../img/item/item_clip04.png) 0 0 no-repeat;
}
#special .item_string {
  position: absolute;
  display: block;
  left: 50%;
  width: 334px;
  height: 345px;
  margin-left: 416px;
  /*top:150px;*/
  top: 322px;
  background: url(../../img/item/item_string.png) 0 0 no-repeat;
}

/*--------------------------------------
	Spec
--------------------------------------*/
#spec {
  position: relative;
  overflow: hidden;
}
#spec .column {
  height: 1760px;
}
#spec h3 {
  position: absolute;
  display: block;
  top: 37px;
  left: -76px;
}
#spec .cast_list {
  position: absolute;
  display: block;
  width: 850px;
  height: 580px;
  left: 64px;
  top: 162px;
  background: url(../../img/spec/bg_spec_cast.png) 0 0 no-repeat;
}
#spec .cast_list ul {
  width: 848px;
  height: 513px;
  display: block;
  position: relative;
}
#spec .cast_list ul li {
  position: absolute;
  display: block;
}
#spec .cast_list ul .btn_ayumu {
  left: 137px;
  top: 77px;
}
#spec .cast_list ul .btn_matsuri {
  left: 455px;
  top: 89px;
}
#spec .cast_list ul .btn_mao {
  left: 133px;
  top: 181px;
}
#spec .cast_list ul .btn_kimika {
  left: 450px;
  top: 192px;
}
#spec .cast_list ul .btn_miku {
  left: 40px;
  top: 293px;
}
#spec .cast_list ul .btn_ryoko {
  left: 235px;
  top: 300px;
}
#spec .cast_list ul .btn_kanae {
  left: 429px;
  top: 307px;
}
#spec .cast_list ul .btn_chisato {
  left: 623px;
  top: 314px;
}
#spec .cast_list ul .btn_satsuki {
  left: 37px;
  top: 377px;
}
#spec .cast_list ul .btn_ryugo {
  left: 232px;
  top: 384px;
}
#spec .cast_list ul .btn_shosuke {
  left: 424px;
  top: 390px;
}
#spec .cast_list ul .btn_naoma {
  left: 623px;
  top: 397px;
}
#spec .cast_list ul .btn_rikuto {
  left: 34px;
  top: 461px;
}
#spec .cast_list ul .btn_kouzou {
  left: 230px;
  top: 465px;
}
#spec .img_staff {
  position: absolute;
  display: block;
  left: -32px;
  top: 740px;
}
#spec .img_spec {
  position: absolute;
  display: block;
  left: 457px;
  top: 802px;
}
#spec .img_copyright {
  position: absolute;
  display: block;
  left: 620px;
  top: 1415px;
}
#spec .content_bg {
  position: absolute;
  display: block;
  width: 1937px;
  height: 1499px;
  left: 50%;
  margin-left: -633px;
  top: 0;
  background: url(../../img/spec/bg_spec_contents.png) 0 0 no-repeat;
}
#spec .item_pin01 {
  position: absolute;
  display: block;
  width: 84px;
  height: 217px;
  left: -37px;
  top: 228px;
  background: url(../../img/item/item_pin01.png) 0 0 no-repeat;
}
#spec .item_pin02 {
  position: absolute;
  display: block;
  width: 76px;
  height: 121px;
  left: 750px;
  top: 1104px;
  background: url(../../img/item/item_pin02.png) 0 0 no-repeat;
}
#spec .item_label {
  position: absolute;
  display: block;
  width: 172px;
  height: 116px;
  left: 548px;
  top: 1101px;
  background: url(../../img/item/item_label.png) 0 0 no-repeat;
}
#spec .item_key {
  position: absolute;
  display: block;
  width: 90px;
  height: 190px;
  left: 800px;
  top: 820px;
  /*background:url(../../img/item/item_key.gif) 0 0 no-repeat;*/
  background: url(../../img/item/item_key.png) 0 0 no-repeat;
}

/*--------------------------------------
	Secondary
--------------------------------------*/
#wrapper2nd {
  width: 100%;
  min-width: 960px;
  position: relative;
  text-align: center;
  background: url(../../img/secondary/bg_2nd_header.png) 50% 0 no-repeat;
}
#wrapper2nd #header2nd {
  height: 362px;
  width: 960px;
  margin: 0 auto 20px auto;
  text-align: left;
  position: relative;
}
#wrapper2nd #header2nd #pagetop {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
}
#wrapper2nd #header2nd h1 {
  position: absolute;
  display: block;
  width: 291px;
  height: 279px;
  left: 8px;
  top: 35px;
}

#container2nd {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  /*
  .column:before,
  .column:after{
  	content:"";
  	display:block;
  	position:absolute;
  	z-index:-1;
  	width:960px;
  }
  .column:before{
  	height:5px;
  	top:0;
  	left:0;
  	background:url(../../img/secondary/bg_2nd_contents_top.png) 0 0 no-repeat;
  }
  .column:after{
  	height:5px;
  	bottom:0;
  	left:0;
  	background:url(../../img/secondary/bg_2nd_contents_bottom.png) 0 0 no-repeat;
  }
  */
}
#container2nd .copyright {
  text-align: center;
  margin-bottom: 30px;
}
#container2nd .column {
  margin-bottom: 30px;
}
#container2nd .column .bgTop {
  width: 960px;
  height: 5px;
  background: url(../../img/secondary/bg_2nd_contents_top.png) 0 0 no-repeat;
}
#container2nd .column .bgBtm {
  width: 960px;
  height: 3px;
  clear: both;
  background: url(../../img/secondary/bg_2nd_contents_bottom.png) 0 0 no-repeat;
}
#container2nd .column .inside {
  text-align: center;
  background: url(../../img/secondary/bg_2nd_contents_middle.png) 0 0 repeat-y;
}
#container2nd .column .inside h3 {
  width: 469px;
  height: 67px;
  text-align: left;
  margin-bottom: 20px;
  background: url(../../img/secondary/bg_2nd_title.png) 0 0 no-repeat;
}
#container2nd .column .inside h3 span {
  display: block;
  font-weight: bold;
  font-size: 20px;
  color: #FFF;
  padding: 17px 0 0 60px;
}
#container2nd .column .inside .box {
  width: 790px;
  margin: 0 auto;
  padding-bottom: 40px;
  text-align: left;
}

#btnClose2nd {
  position: fixed;
  right: 10px;
  top: 0;
}

/*---- 応援バナー ----*/
#container2nd .dl_banner .code {
  font-size: 10px;
  line-height: 1.4;
  color: #999;
  border: #ccc solid 1px;
  margin-bottom: 20px;
}
#container2nd .dl_banner .code pre {
  display: block;
  margin: 5px 15px;
}
#container2nd .dl_banner .list200 {
  margin-bottom: 30px;
  width: 660px;
  margin: 0 auto;
}
#container2nd .dl_banner .list200 li {
  width: 200px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
#container2nd .dl_banner .list120 {
  margin-bottom: 30px;
}
#container2nd .dl_banner .list120 li {
  width: 120px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
#container2nd .dl_banner .list300 {
  width: 620px;
  margin: 0 auto;
}
#container2nd .dl_banner .list300 li {
  width: 300px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

/*---- キャラクターアイコン ----*/
#container2nd #dl_icon ul {
  margin-bottom: 15px;
}
#container2nd #dl_icon li {
  width: 150px;
  display: block;
  float: left;
  margin-right: 8px;
  text-align: center;
}
#container2nd #dl_icon li p {
  margin-bottom: 3px;
}

/*---- 壁紙ダウンロード ----*/
#container2nd #dl_wallpaper ul {
  margin-bottom: 15px;
}
#container2nd #dl_wallpaper li {
  width: 385px;
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  text-align: center;
  color: #666;
}
#container2nd #dl_wallpaper li p {
  margin-bottom: 3px;
}

/*================================================================================
	Media Queries
================================================================================*/
/*
@media only screen and (min-width: 35em) {
	#story,
	#top{
		width:960px;
	}
}
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
  	/*
    #story,
  	#top,
  	#character,
  	#graphic,
  	#special,
  	#spec,
  	#wrapper2nd,
  	#fancybox-overlay, #fancybox-outer, #fancybox-hide-sel-frame, #fancybox-img, #fancybox-frame, #fancybox-bg-n,
  	#diagram,
  	#diagram_wrap{
  		width:960px !important;
  	}
  	*/
}
/*================================================================================
	Print Styles
================================================================================*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}