@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

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

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

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

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

input, select { vertical-align: middle; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

img { vertical-align: bottom; }

ul li { list-style: none; }

body { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background: url("../img/chara/chapter4/bg.jpg"); position: relative; }

a { text-decoration: none; }

.pc { display: none; }

.header_wrap { display: none; }

.ballBg { background: url("../img/chara/chapter4/bg.jpg") no-repeat center top; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }

#glovalnavi { position: absolute; z-index: 50; width: 100%; height: 100%; background: #000; top: 0; bottom: 0; left: -100%; }
#glovalnavi .close { padding: 25px 0 0 25px; margin-bottom: 57px; width: 66px; }
#glovalnavi .logo { position: absolute; top: 0; right: 20px; width: 60%; }
#glovalnavi .navwrap ul { border-top: 2px solid #515151; }
#glovalnavi .navwrap li { background: no-repeat center; border-bottom: 2px solid #515151; }
#glovalnavi .navwrap li a { display: block; width: 100%; height: 78px; background: url("../img/common/sp_menu/arrow_grey.png") no-repeat 95% center; -webkit-background-size: 10px; -o-background-size: 10px; background-size: 10px; }
#glovalnavi .navwrap li.top { background-image: url("../img/common/sp_menu/top.png"); -webkit-background-size: 50px; -o-background-size: 50px; background-size: 50px; }
#glovalnavi .navwrap li.news { background-image: url("../img/common/sp_menu/news.png"); -webkit-background-size: 80px; -o-background-size: 80px; background-size: 80px; }
#glovalnavi .navwrap li.about { background-image: url("../img/common/sp_menu/product_info.png"); -webkit-background-size: 84px; -o-background-size: 84px; background-size: 84px; }
#glovalnavi .navwrap li.about a { background-image: url("../img/common/sp_menu/plus.png"); -webkit-background-size: 18px; -o-background-size: 18px; background-size: 18px; }
#glovalnavi .navwrap li.chara { background-image: url("../img/common/sp_menu/character.png"); -webkit-background-size: 118px; -o-background-size: 118px; background-size: 118px; }
#glovalnavi .navwrap li.chara a { background-image: url("../img/common/sp_menu/plus.png"); -webkit-background-size: 18px; -o-background-size: 18px; background-size: 18px; }
#glovalnavi .navwrap li.story { background-image: url("../img/common/sp_menu/story.png"); -webkit-background-size: 79px; -o-background-size: 79px; background-size: 79px; }
#glovalnavi .navwrap li.story a { background-image: url("../img/common/sp_menu/plus.png"); -webkit-background-size: 18px; -o-background-size: 18px; background-size: 18px; }
#glovalnavi .navwrap li.goods { background-image: url("../img/common/sp_menu/goods.png"); -webkit-background-size: 58px; -o-background-size: 58px; background-size: 58px; }
#glovalnavi .navwrap li.goods a { background-image: url("../img/common/sp_menu/plus.png"); -webkit-background-size: 18px; -o-background-size: 18px; background-size: 18px; }
#glovalnavi .navwrap li.special { background-image: url("../img/common/sp_menu/special.png"); -webkit-background-size: 100px; -o-background-size: 100px; background-size: 100px; }
#glovalnavi .navwrap li.none { opacity: 0.5; }
#glovalnavi .navwrap .submenu { display: none; }
#glovalnavi .navwrap .submenu p { border-bottom: 2px solid #515151; text-align: center; }
#glovalnavi .navwrap .submenu p a { color: #FFF; line-height: 78px; }
#glovalnavi .sns { text-align: center; padding-top: 40px; }
#glovalnavi .sns li { display: inline-block; }
#glovalnavi .sns li.fb { margin-right: 20px; }

footer { background: url("../img/common/sp_footer_line.gif") no-repeat center top; padding-top: 40px; padding-bottom: 60px; -webkit-background-size: 430px; -o-background-size: 430px; background-size: 430px; }
footer .banner { text-align: center; padding: 0 auto 40px; }
footer .banner li { display: inline-block; margin-bottom: 20px; width: 45%; }
footer .banner ul.second li { display: inline-block; margin: 20px 0; width: 45%; }
footer .banner li img { width: 100% !important; }
footer .banner li:nth-child(odd) { margin-right: 7px; }
footer .copy { text-align: center; font-size: 10px; font-size: 0.625rem; color:#FFF;}
footer .toei { width: 80%; margin: 0 auto 40px; }
footer .toei a { display: block; background: #000; -webkit-background-size: 14px; -o-background-size: 14px; background-size: 14px; width: 100%; height: 76px; -webkit-border-radius: 38px; border-radius: 38px; color: #FFF; text-align: center; font-size: 20px; font-size: 1.25rem; line-height: 76px; }

.wrapper .title { position: relative; height: 240px; }
.wrapper .title .menu { margin-bottom: 55px; padding: 25px 0 0 25px; width: 66px; }
.wrapper .title h1 { position: absolute; top: 0; right: 25px; width: 300px; }
.wrapper .title h2 { background: no-repeat; height: 100px; text-indent: -1000px; margin-left: 25px; }
.wrapper .pageTop { width: 70px; margin: 0 auto 40px; }

article.product div.pc{display:block;}