<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
*{
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	text-align: center;
	background:url(../images/bgTop.png) top repeat-x #E7E7E7;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
img {
	border: none;
}
#worksbanner ul:after,
.clearfix:after {
    display: block;
    clear: both;
    content: "";
}
a {
	color:#C00;}
a:hover{
	color:#F00;}

h1 a:hover,
a:hover img {
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.mb5px { margin-bottom:5px;}
.mb10px { margin-bottom:10px;}
.mb20px { margin-bottom:20px;}
.mb30px { margin-bottom:30px;}
.mb40px { margin-bottom:40px;}
.mb50px { margin-bottom:50px;}
.mb60px { margin-bottom:60px;}
.mb70px { margin-bottom:70px;}
.mb80px { margin-bottom:80px;}
#pc-header{
	display: block;
}
#sp-header{
	display: none;
}
.fb_iframe_widget{
	line-height: 0;
}
/*--------------------  wrapper  --------------------*/
div#wrapper{
	margin: 0 auto;
	padding-bottom: 1px;
	text-align: left;
	width: 935px;
	display: inline-block;
}
div#wrapper:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.popup-movie{
	max-width: 960px;
	max-width: 360px\9;
	margin: 0 auto;
	text-align: center;
}
.popup-movie video,
.top-movie video{
	width: 100%;
}
.top-movie{
	max-width: 640px;
	margin: 0 auto 20px auto;
	text-align: center;
}
/*--------------------  header  --------------------*/
div#header{
	width: 100%;
	/*height: 115px;*/
	background:url(../images/bgTop.png) top repeat-x;
	margin:0 auto 5px auto;
	padding: 0;
	text-align:left;
}
div#header #headerPosition{
	position: relative;
	width: 935px;
	height: 115px;
	padding: 0;
	margin: 0 auto;
}
/*  ロゴ  */
div#header #logo a,
div#header h1 a{
	width: 201px;
	height: 0px;
	padding-top: 98px;
	background: url(../images/logo_main.png) no-repeat;
	position:absolute;
	top: 4px;
	text-indent:-9999px;
	color: #F6F6F6;
	display:block;
	left: 13px;
}
/*  発売日  */
div#header #releaseDate {
	font-size: 14px;
	line-height:128%;
	font-weight:bold;
	position:absolute;
	top: 10px;
	left: 220px;
}
.next-banner{
	margin: 5px 0 0 0;
}
/*  メインメニュー  */
div#header #mainMenu {
	width: 692px;
	text-align: right;
	height: 42px;
	margin: 0;
	padding: 0;
	position:absolute;
	right: -1px;
	top: 53px;
}
div#header #mainMenu li {
	list-style:none;
	float:left;
}
div#header #mainMenu a {
	display:block;
	height:0;
	font-size:0px;
	padding-top:42px;
	overflow:hidden;
	background-image:url(../images/mainMenu.png);
	/*float:left;*/
}
#nextIssue a {background-position:0 0; width: 112px;}
#newsEvent a {background-position:-112px 0; width: 128px;}
#comics a {background-position:-240px 0; width: 108px;}
#firstIssue a {background-position:-348px 0; width: 128px;}
#grandPrix a {background-position:-476px 0px; width: 102px;}
#enquete a {background-position:-578px 0; width: 114px;}
#thisPageNextIssue #nextIssue a, #nextIssue a:hover {background-position:0px -43px;}
#thisPageNewsEvent #newsEvent a, #newsEvent a:hover {background-position:-112px -43px;}
#thisPageComics #comics a, #comics a:hover {background-position:-240px -43px;}
#thisPageFirstIssue #firstIssue a, #firstIssue a:hover {background-position:-348px -43px;}
#thisPageGrandPrix #grandPrix a, #grandPrix a:hover {background-position:-476px -43px;}
#thisPageNextEnquete #enquete a, #enquete a:hover {background-position:-578px -43px;}
/*  ソーシャルメニュー  */
div#header #socialMenu {
	margin: 0;
	padding: 0;
	position:absolute;
	left:113px;
	top: 13px;
	width:505px;
}
div#header #socialMenu ul{
	clear:both;
	padding-bottom:3px;
}
div#header #socialMenu li {
	float:right;
	list-style:none;
	height:25px;
	display:inline;
}

/* wrapper hd
---------------------------------------------------------------------------------------------*/
#wrapper .hd { width:930px; margin-bottom:20px;}
#wrapper .hd:after
 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper .hd
 { display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html #wrapper .hd
 { height: 1%; }
#wrapper .hd
 { display: block; }
/* End hide from IE-mac */

div#wrapper #socialMenu {
	margin: 0;
	padding: 5px 0 0 0;
	float:right;
	width:530px;
}
div#wrapper #socialMenu li {
	float:right;
	list-style:none;
}
iframe.twitter-share-button {
    width: 110px!important;
}
/*  言語切り替え  */
#changeLang{
	margin: 0;
	padding: 0;
	position:absolute;
	right: 0px;
	top: 0px;
	width:214px;
	list-style:none;
	}
#changeLang li {
	float:left;
	width:106px;
}
#changeLang li a{
	margin-right:1px;
	list-style:none;
	/*float:left;*/
	width:105px;
	height:0;
	font-size:0px;
	padding-top:43px;
	overflow:hidden;
	display:block;
	background-image:url(../images/changeLang.png);
	}
#changeLang #en a{
	background-position:0px -43px;}
#changeLang #en a:hover{
	background-position:0px -0px;}
/*#changeLang #ja a{
	background-position:-105px 0;}
#changeLang #ja a:hover{
	background-position:-105px -43px;}*/
#changeLang #ja a{
	background-position:-105px -43px;}
/*--------------------  Contents（その他ページ）  --------------------*/
#contents{
	clear:both;
	width:935px;
	background:url("../images/contentsBg.png") repeat-y;
	}
#contents .contentsHBg,
#contents .contentsFBg{
	margin:0;
	padding:0;
	width:935px;
	height:13px;}
#contents .contentsHBg{
	background:url("../images/contentsHeader.png") no-repeat top;}
#contents .contentsFBg{
	clear:both;
	background:url("../images/contentsFooter.png") no-repeat bottom;}
#contents .Inner{
	margin:5px 12px;}

#worksbanner{
	/*clear:both;*/
	margin:20px 0 30px 0;}
#worksbanner ul{
	list-style:none;
	margin:0;
	padding:0;}
#worksbanner ul li{
	float:left;
	/*display:inline;*/
	margin:0px 1px 4px 4px;}
#worksbanner li a{
	list-style:none;
	display:block;
	width:225px;
	height:0px;
	padding-top:75px;
	overflow:hidden;
	border:#CCC 1px solid;}
#worksbanner li a:hover{
	border:#C00 1px solid;}
#worksbanner .banner01 a{
	background:url("../images/banner001.png");}
#worksbanner .banner02 a{
	background:url("../images/banner002.png");}
#worksbanner .banner03 a{
	background:url("../images/banner003.png");}
#worksbanner .banner04 a{
	background:url("../images/banner004.png");}
#worksbanner .banner05 a{
	background:url("../images/banner005.png");}
#worksbanner .banner06 a{
	background:url("../images/banner006.png");}
#worksbanner .banner07 a{
	background:url("../images/banner007.png");}
#worksbanner .banner08 a{
	background:url("../images/banner008.png");}
#worksbanner .banner09 a{
	background:url("../images/banner009.png");}
#worksbanner .banner10 a{
	background:url("../images/banner010.png");}
#worksbanner .banner11 a{
	background:url("../images/banner011.png");}
#worksbanner .banner12 a{
	background:url("../images/banner012.png");}
#worksbanner .banner13 a{
	background:url("../images/banner013.png");}
#worksbanner .banner14 a{
	background:url("../images/banner014.png");}
#worksbanner .banner15 a{
	background:url("../images/banner015.png");}
#worksbanner .banner16 a{
	background:url("../images/banner016.png");}
#worksbanner .banner17 a{
	background:url("../images/banner017.png");}
#worksbanner .banner18 a{
	background:url("../images/banner018.png");}
#worksbanner .banner19 a{
	background:url("../images/banner019.png");}
#worksbanner .banner20 a{
	background:url("../images/banner020.png");}
#worksbanner .banner21 a{
	background:url("../images/banner021.png");}
#worksbanner .banner22 a{
	background:url("../images/banner022.png");}
#worksbanner .banner23 a{
	background:url("../images/banner023.png");}
#worksbanner .banner24 a{
	background:url("../images/banner024.png");}
#worksbanner .banner25 a{
	background:url("../images/banner025.png");}
#worksbanner .banner26 a{
	background:url("../images/banner026.png");}
#worksbanner .banner27 a{
	background:url("../images/banner027.png");}
#worksbanner .banner28 a{
	background:url("../images/banner028.png");}
#worksbanner .banner29 a{
	background:url("../images/banner029.png");}
#worksbanner .banner30 a{
	background:url("../images/banner030.png");}
#worksbanner .banner31 a{
	background:url("../images/banner031.png");}
#worksbanner .banner32 a{
	background:url("../images/banner032.png");}
#worksbanner .banner33 a{
	background:url("../images/banner033.png");}
#worksbanner .banner34 a{
	background:url("../images/banner034.png");}
#worksbanner .banner35 a{
	background:url("../images/banner035.png");}
#worksbanner .banner36 a{
	background:url("../images/banner036.png");}
#worksbanner .banner37 a{
	background:url("../images/banner037.png");}
#worksbanner .banner38 a{
	background:url("../images/banner038.png");}
#worksbanner .banner39 a{
	background:url("../images/banner039.png");}
#worksbanner .banner40 a{
	background:url("../images/banner040.png");}
#worksbanner .banner41 a{
	background:url("../images/banner041.png");}
#worksbanner .banner42 a{
	background:url("../images/banner042.png");}
#worksbanner .banner43 a{
	background:url("../images/banner043.png");}
#worksbanner .banner44 a{
	background:url("../images/banner044.png");}
#worksbanner .banner45 a{
	background:url("../images/banner045.png");}
        
.newsTitle,
.aboutTitle,
.contactTitle,
.sitemapTitle,
.privacyTitle,
.socialTitle
{
	margin:20px;
	border-bottom:#000 5px solid;
	padding:15px 0;
	font-size:20px;}

/*--------------------  container（作品ページ）  --------------------*/
#footprint {
	float:left;
	width: 400px;
	margin: 4px auto 10px;
	color: #000;
	font-size:12px;
}
#footprint a {
	color: #000;
}
/*  作品ビジュアル  */
#mainBox {
	clear: both;
	width: 924px;
	height: 346px;
	margin: 0px auto;
}
#imgMain {
	width: 870px;
	height: 338px;
	border: solid 4px;
	margin: 0px;
	float: left;
}
#imgMain ul,
#imgMain li{
	list-style:none;}
#imgMain h1 {
	width: 857px;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding-left: 13px;
	font-size: 14px;
	font-weight: normal;
}
/*  戻る・進むボタン  */
#btnPrev,#btnNext {
	width: 23px;
	height: 346px;
	margin: 0px;
	float: left;
}

/*  ニュース  */
#thisPageWorks #newsBox{
	width: 856px;
	margin: 11px auto 0 auto;
	padding-left: 70px;
	clear: both;
}
#thisPageWorks #newsBox:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
ul#news{
	display: block;
	padding-left: 10px;
	border-left: solid 1px #333;
	min-height:70px;
    height: auto !important;
    height: 70px;
}
ul#news li{
	list-style: none;
	margin-bottom: 3px;
}
ul#news li,ul#news li a{
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	padding-top:5px;
}

ul#news .news-date{
	float: left;
	margin-right:1em;
}
ul#news .news-text{
	overflow:hidden;
	margin:5px;
}
#btnTry {
}
#worksNavi{
	clear:both;
	height:71px;
	margin-left:0px;
}
#worksNavi li{
	float:left;
	list-style:none;
	margin-right:7px;
}
#worksNavi li.last{
	margin-right:0px !important;
}
#worksNavi li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*--------------------  mainContent（作品ページ）  --------------------*/
#thisPageWorks #mainContent {
	width: 924px;
	margin: 0px auto;
	clear: both;
	position:relative;
}
#thisPageWorks .worksIcon{
	float:left;
	padding-right:5px;
	vertical-align:middle;}
#btnRead{
	clear:both;
	padding-top:11px;
	text-align:center;
	margin-bottom:15px;}
#btnRead a{
    text-decoration: none;
}
/*  朗読ムービー  */
#akbReadBox{
	width:824px;
	height:400px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 3px 50px 0px;
	background:url("../works/images/movieBg.png") no-repeat;
}
#akbReadBox h2 {
	width: 660px;
	margin: 0px auto 3px;
	padding: 0;
	text-align: center;
}
div#movie {
	width: 486px;
	margin: 0px;
	text-align: center;
	float: left;
}
div#movie h3 {
	width: 486px;
	margin: 0;
	padding: 0;
}
div#movie h2 img {
	display: block;
	margin: 0px auto;
}
div#slider{
	width: 870px;
	height: 298px;
	overflow: hidden;}
/*  音声  */
div#sound {
	width: 305px;
	margin: 0 auto 10px 0;
	text-align: center;
	float: right;
}
div#sound h3 {
	width: 305px;
	margin:0;
	padding: 0;
}
/*  コスプレムービー  */
div#costume {
	width: 660px;
	margin: 0 auto 10px 0;
	padding-top: 5px;
	padding-bottom:7px;
	text-align: center;
	background:#000;
}
div#costume h2 {
	width: 660px;
	margin: 0 0 3px 0;
	padding: 0;
}
div#costume .comingsoon{
	color:#FFF;
	font-weight:bold;
	padding:50px 0;
}

#worksMovie h4{
	margin-top:10px;
	color:#FFFFFF;
	padding:10px;
	text-align:left;
	border-bottom:#999 3px solid;
	margin-bottom:10px;}
#worksMovie{
	text-align:center;}
#worksMovie p{
	margin:10px;}

#worksMovie .in { width:640px; margin:0 auto 20px;}
#worksMovie .in:after { content: "."; clear: both; height: 0; display: block; visibility: hidden;}
#worksMovie .in .mv { width:320px; float:left; text-align:center;}

.top-movie .in { width:620px; margin:0 auto 20px;}
.top-movie .in:after { content: "."; clear: both; height: 0; display: block; visibility: hidden;}
.top-movie .in .mv { margin: 0 20px 0 0;width:300px; float:left; text-align:center;}
.top-movie .in .mv:last-child{
	margin: 0;
}
.in .mv video{
	width: 100%;
	max-width: 300px;
}
.top-movie .caption{
	margin: 0 0 20px 0;
	font-size: 150%;
	font-size: 125%\9;
	color: #FF0000;
}
.top-movie .sentence{
	margin: 0 0 10px 0;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: center;
}
/*  あらすじ・作者プロフィール  */
div#informationBox {
	width: 924px;
	margin: 15px auto 0 auto;
	clear: both;
}
div#informationBox:after  {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#storyBox {
	width: 508px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div#profileBox {
	width: 405px;
	margin: 0px;
	padding: 0px;
	float: right;
}
h3#titStory img,h3#titProfile img {
	display: block;
	margin: 0px;
}
p#textStory,p.textProfile {
	padding: 5px 25px 2px;
	font-size: 12px;
	/*font-weight: bold;*/
	line-height: 160%;
}
p#imgStory,p#btnStory {
	width: 488px;
	text-align: center;
	margin: 5px auto 13px;
}
#profileBox h4 {
	margin: 0px 20px;
	padding: 5px 5px 2px 5px;
	font-size: 16px;
	font-weight: bold;
}
#profileBox h4.border {
	border-top: solid 2px;
	padding-top:12px;
	margin-top: 13px;
}
#profileBox h4.borderBtm {
	border-bottom: solid 2px;
	padding-bottom:12px;
	margin-bottom: 12px;
}
p.btnProfile {
	text-align: right;
	margin: 5px 15px 0px;
}
/*  キャラクター相関図  */
.character{
	position:absolute;
}
/*  バナー  */
#bannerBox {
	width: 932px;
	margin: 23px auto;
	clear: both;
}
#bannerBox:after  {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#bannerBox a {
	border: none;
}
#bannerBox .bnr {
	width:223px;
	margin: 3px;
	padding: 0px;
	border: solid 2px #FFFFFF;
	float:left;
}
#bannerBox2 {
	width: 932px;
	margin: -20px auto 23px auto;
	clear: both;
}
#bannerBox2:after  {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#bannerBox2 a {
	border: none;
}
#bannerBox2 .bnr {
	width:223px;
	margin: 3px;
	padding: 0px;
	border: solid 2px #FFFFFF;
	float:left;
}
.bnrComics{
	clear:both;
	margin:15px 0 5px 0;}
.btnComics{
	width:930px;
	margin:0px 0 25px 0;
	text-align:center;}
/*  作品一覧  */
#worksList {
	width: 932px;
	margin: 0px auto;
	clear: both;
}
#worksList h3 {
	font-size:14px;
	font-weight: bold;
	padding-left:4px;
	margin-bottom:0px;
}
#worksList .bnr {
	margin: 3px 3px 8px 3px;
	padding: 0px;
	border: solid 1px #CCC;
	float:left;
}
/*--コミックス--*/
.comics .comicsBox{
	position:relative;
	background:#FFF;
	margin-top:10px;
	padding:10px 0 20px 0;}
.comics .comicsBox .comicsWorksTitle{
	background:#000;
	color:#FFF;
	padding:10px 30px;
	margin:0 0 10px 0;
	font-weight:bold;}
.comics .comicsBox .comicsWorksTitle span{
	font-size:90%;
	margin-left:30px;}
.comics .comicsBox .worksMain{
	float:left;
	margin:0 auto 10px 20px;
	display:inline;}
.comics .comicsBox .storyBox{
	margin-right:20px;
	width:700px;
	float:right;
	font-size:12px;
	line-height:150%;
	}
.comics .comicsBox .infoBox{
	margin-left:30px;
	width:150px;
	float:left;
	font-size:12px;
	line-height:150%;
	}
.comics .comicsBtn{
	font-size:12px;
	line-height:150%;
	width:548px;
	float:right;
	list-style:none;
	margin-right:20px;
}
.comics .comicsBox .storyBox h3,
.comics .comicsBox .infoBox h3,
.comics .comicsBox .comicsBtn h3{
	background:#666;
	color:#FFF;
	padding:3px 10px;
	margin-bottom:5px;
	}
.comics .comicsBox .storyBox{
	margin-bottom:10px;
	}
.comics .comicsBox .storyBox h3,
.comics .comicsBox .infoBox h3{
	margin-bottom:5px;
	}

.comics .comicsBtn li{
	float:right;
	margin-right:5px;
	font-size: 10px;
	line-height: 130%;
	display:inline;
}
.comics .comicsBtn li img{
	width:130px;
}
.comics .TrialBtn{
	margin-left:15px;
	list-style:none;
}

/*--------------------  footer  --------------------*/
div#footer {
	clear: both;
	width: 100%;
	background: #FFF;
}
div#footer #footerMenu {
	margin: 0 auto;
	padding: 21px 0 0;
	text-align: left;
	width: 935px;
	height: 38px;
}
#footerMenu ul {
	list-style:none;
	display:inline;
}
#footerMenu li {
	float:left;
}
#footerMenu ul a {
	display: block;
	font-size:11px;
	color: #666;
	text-decoration: none;
}
#footerMenu p {
	float: right;
	margin: 0;
	font-size: 10px;
	color: #666;
}
#footerCompany a {
	padding-right:10px;
	border-right: 1px solid #666;
}
#footerSitemap a {
	padding: 0 10px;
	border-right: 1px solid #666;
}
#footerContact a {
	padding: 0 10px;
	border-right: 1px solid #666;
}
#footerPrivacy a {
	padding: 0 10px;
	border-right: 1px solid #666;}

#footerSocial a {
	padding: 0 10px;
	border-right: 1px solid #666;}

#footerRecruit a {
	padding-left:10px;
}
</pre></body></html>