@charset "utf-8";
/* CSS Document */

/* =========================================================== */
/* フォーマット */
/* =========================================================== */
html {
margin:0px;
padding:0px;
}
body {
	background-color:#fcfbfb;
	text-align:center;
        font-family: "メイリオ", sans-serif;

}
a{ background-position:left top;background-repeat:no-repeat; color: #f64803; }
a:link{ color: #f64803; }
a:visited{ color: #f64803; }
a:active{ color: #f64803;}
a:hover{ background-position:left bottom; color: #999999;}
a {text-decoration: none;}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form ,th {
font-weight: normal;
margin: 0px;
padding: 0px;
}
table {
border-collapse:collapse;
}
ul {
list-style:none outside;
}
img {
border:none;
vertical-align: bottom;
}
body,td,div {
	font-size:14px;
	font-family:sans-serif;
	line-height:140%;
	color:#000000;
	margin:0px;
	padding:0px;
}

.floatLeft {
float:left;
}
.floatRight {
float:right;
}
h1 a, .wdImg {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* ie6バグ対策 */
.foot-ie6 {
height:1px;
}

.titlebg-on {
	background:url(../images/common/bg_title.gif) left top repeat-x;
	display:block;
	height:38px
}
#areaPagelayout {
	width:100%;
}

h2 {
	margin:30px auto 0px auto;
}
#topPage h2 {
	margin-top:0px;
}


/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	body {
		background:url(../images/common/background-image.gif) #fcfbfb -975px top no-repeat;
	}
	 .modeSP {
		display:none;
	}
	
}
/* PC背景固定用ソース ===================== */
@media screen and (min-width: 1050px) {
	body {
		background:url(../images/common/background-image.gif) #fcfbfb center top no-repeat;
	}
	
}

/* =========================================================== */
/* ヘッダー */
/* =========================================================== */
#areaHeader {
	width:100%;
	background:#ffffff;
}
h1 {
	background-color:#0066ff;
	width:100%;
	height:60px;
}
h1 a {
	background:url(../images/common/sitelogo_sp.gif) left top no-repeat;
	width:130px;
	height:60px;
}
#areaHeader dl {
	display:none;
}
#btn_menu {
	position:absolute;
	top:15px;
	right:10px;
}
#area_headmenu {
	width:100%;
	height:0px;
	overflow:hidden;
}
ul#areaGnavi {
	clear:both;
	width:100%;
	margin:0px 0px 0px auto;
}
ul#areaGnavi li {
	background:url(../images/common/arrow_sp.gif) #ffffff right center no-repeat;
	width:100%;
}
#areaGnavi li a {
	background-image:url(../images/common/gnavi_image_sp.gif);
	width:100%;
	height:61px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#areaGnavi li#gnaviBtn01 a {
	background-position:0px 0px;
}
#areaGnavi li#gnaviBtn02 a {
	background-position:0px -61px;
}
#areaGnavi li#gnaviBtn03 a {
	background-position:0px -122px;
}
#areaGnavi li#gnaviBtn04 a {
	background-position:0px -183px;
	height:62px;
}
.container-pankuzu {
	font-size:12px;
	text-align:left;
	margin:15px 0px 0px 10px;
	padding-bottom:5px;
}
#topPage .container-pankuzu {
	height:0px;
	overflow: hidden;
	margin:0px;
	padding-bottom:0px;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaHeader {
		background:none;
		width:1050px;
		height:245px;
		margin:0px auto;
	}
		h1 {
		float:left;
		background-color:#ffffff;
		width:195px;
		height:89px;
		padding:10px 0px;
	}
	h1 a {
		background:url(../images/common/sitelogo.gif) left top no-repeat;
		width:195px;
		height:89px;
		margin:0px auto;
	}
	#areaHeader dl {
		float:right;
		display:block;
		width:661px;
		text-align:right;
		margin-top:29px;
	}
	#areaHeader dl dt {
		background:url(../images/common/txt_head01.gif) right top no-repeat;
		width:661px;
		height:32px;
		display:block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#areaHeader dl dd {
		background:url(../images/common/txt_head02.gif) left top no-repeat;
		width:661px;
		height:25px;
		display:block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	#area_headmenu {
		height:111px;
	}
	#topPage #area_headmenu {
		height:136px;
	}
	ul#areaGnavi {
		width:1000px;
		height:111px;
		margin:0px auto;
	}
	ul#areaGnavi li {
		float:left;
		background:none;
		width:203px;
		padding-top:37px;
	}
	#areaGnavi li#gnaviBtn04 {
		width:204px;
	}
	#areaGnavi li a {
		background-image:url(../images/common/gnavi_image.gif);
		width:203px;
		height:62px;
	}
	
	#areaGnavi li#gnaviBtn01 a {
		background-position:0px 0px;
	}
	#areaGnavi li#gnaviBtn02 a {
		background-position:-203px 0px;
	}
	#areaGnavi li#gnaviBtn03 a {
		background-position:-406px 0px;
	}
	#areaGnavi li#gnaviBtn04 a {
		background-position:-609px 0px;
		width:204px;
	}
	#areaGnavi li#gnaviBtn01 a:hover {
		background-position:0px bottom;
	}
	#areaGnavi li#gnaviBtn02 a:hover {
		background-position:-203px bottom;
	}
	#areaGnavi li#gnaviBtn03 a:hover {
		background-position:-406px bottom;
	}
	#areaGnavi li#gnaviBtn04 a:hover {
		background-position:-609px bottom;
		width:204px;
	}
	.container-pankuzu {
		font-size:12px;
		text-align:left;
		margin-left:25px;
	}
}





#areaGnavi li#gnaviBtn03 {
	height:0px;
}


/* =========================================================== */
/* コンテンツエリア */
/* =========================================================== */
#areaContents {
	width:100%;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaContents {
		width:1000px;
		margin:0px auto;
	}
}

/* =========================================================== */
/* H2 */
/* =========================================================== */
h2 {
	width:95%;
	height:37px;
}
#areaNewrelease h2 {
	background:url(../images/common/title_newrelease.gif) left top no-repeat;
}
#areaReleased h2 {
	background:url(../images/common/title_released.gif) left top no-repeat;
	margin-bottom:7px;
}
h2#newsTitle {
	background:url(../images/news/title_news.gif) left top no-repeat;
}
#pageContact h2 {
	background:url(../images/contact/title_contact.gif) left top no-repeat;
}
h2#seriesTitle {
	background:url(../images/series/title_published_list.gif) left top no-repeat;
}
h2#published {
	background:url(../images/common/title_published.gif) left top no-repeat !important;
}
h2#productPage {
	background:url(../images/product/title_product.gif) left top no-repeat;
}
#areaNews h2 {
	height:0px;
	overflow: hidden;
}

@media screen and (min-width: 750px) {
	h2 {
		width:1000px;
	}
	#topPage h2 {
		margin-bottom:47px;
	}
	#areaNews h2 {
		background:url(../images/common/title_news.gif) left top no-repeat;
		width:321px;
		height:38px;
		margin-bottom:0px;
	}
}

/* =========================================================== */
/* トップメインバナー */
/* =========================================================== */
#areaPickupbanner {
	width:100%;
}
#areaPickupbanner img {
	width:100%;
	max-width:634px;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaPickupbanner {
		float:left;
		width:634px;
	}
}

/* =========================================================== */
/* トップ　新着情報 */
/* =========================================================== */


/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaNews {
		float:right;
		width:321px;
		height:280px;
		margin-bottom:57px;
	}
	#areaNews dl {
		background-color:#ffffff;
		height:120px;
		text-align:left;
		border:#c6c4c4 1px solid;
		overflow:auto;
		padding:15px;
	}
	#areaNews dl dt {
		font-size:10px;
		font-weight:bold;
		color:#77797a;
		padding-bottom:0px;
	}
	#areaNews dl dd {
		font-size:14px;
		border-bottom:#c6c4c4 1px dotted;
		margin-bottom:10px;
		padding-bottom:8px;
	}
}

/* =========================================================== */
/* トップ　発売予定 */
/* =========================================================== */
#areaNewrelease {
	padding-bottom:57px;
}
#areaReleased {
	width:100%;
	margin-bottom:57px;
}

.container-bookinfo {
	clear:both;
	width:95%;
	max-width:600px;
	margin:0px auto;
	padding-top:30px;
}
.con-bookimage {
	float:left;
	width:30%;
	max-width:181px;
}
.con-bookimage img {
	width:100%;
}
.container-bookinfo dl {
	float:right;
	width:65%;
	text-align:left;
}
.container-bookinfo dl dt {
	font-size:16px;
	font-weight:bold;
	padding-right:5px;
}
.container-bookinfo dl dt span {
	font-size:12px;
	display:block;
}
.container-bookinfo dl dt strong {
	font-size:14px;
	font-weight:normal;
	display:block;
}
.container-bookinfo dl dt strong img {
	vertical-align:top;
	padding-top:2px;
}
dd.bookinfo-01 {
	font-size:12px;
	margin-top:16px;
	line-height:160%;
}
dd.bookinfo-02 {
	font-size:12px;
	margin-top:3px;
	line-height:160%;
	padding-bottom:30px;
}

dd.bookinfo-02.nopad {
	padding-bottom:0px;
}



/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaReleased {
		clear:both;
		width:1000px;
	}
	
	.container-bookinfo {
		clear:none;
		float:left;
		width:500px;
		text-align:left;
		padding-top:0px;
	}
	
	.con-bookimage {
		float:left;
		width:181px;
		height:288px;
	}
	.container-bookinfo dl {
		float:right;
		width:290px;
	}
	.container-bookinfo dl dt {
		padding-right:20px;
	}
	dd.bookinfo-01 {
		font-size:14px;
		margin-top:16px;
		line-height:160%;
	}
	dd.bookinfo-02 {
		font-size:12px;
		margin-top:3px;
		line-height:160%;
	}
	
}



/* =========================================================== */
/* 下階層　既刊一覧 */
/* =========================================================== */
.container-series h3 {
	width:95%;
	color:#0086cd ;
	font-size:20px;
	font-family:"メイリオ",Meiryo;
	line-height:1.3em;
	border-bottom:#0086cd 2px solid;
	text-align:left;
	margin:40px auto 10px;
}

.link-list {
	clear:both;
	width:95%;
	text-align:right;
	padding-top:12px;
}

/* PC用ソース ===================== */

@media screen and (min-width: 750px) {
	.container-series h3 {
		width:1000px;
		margin:55px auto 40px;
	}
	.link-list {
		width:100%;
		padding-top:0px;
	}
}


/* =========================================================== */
/* ニュース */
/* =========================================================== */
.news-container {
	width:84%;
	text-align:left;
	font-size:14px;
	border:1px solid #e1e1e1;
	margin:30px auto 30px;
	padding:20px;
}
.news-container span {
	color:#77797a;
	font-size:16px;
}
.news-container h3 {
	color:#f64803 ;
	font-size:20px ;
	font-family:"メイリオ",Meiryo ;
	line-height:1.3em;
	text-align:left;
	border-bottom:1px solid #e1e1e1;
	padding:14px 0px 12px 0px;
}
.news-info {
	line-height:1.5em;
	padding:25px 0px 0px 0px;
        font-family: "メイリオ", sans-serif;
}
.news-info p {
	padding:0px 10px 15px 10px;
        font-family: "メイリオ", sans-serif;
}
.news-cast {
	line-height:2.2em;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	.news-container {
		width:1000px;
		border:0;
		margin:48px 0px 80px 0px;
		padding:0px;
	}
	.news-container h3 {
		font-size:26px ;
	}
	.news-info {
		padding:36px 0px 0px 0px;
	}
	.news-info p {
		padding:0px 30px 18px 20px;
	}
}



/* =========================================================== */
/* お問い合わせ */
/* =========================================================== */
.contact-box {
	width:100%;
	text-align:center;
}

.contact-box p {
	font-size:14px;
	margin-bottom:100px;
}
p.btn-contact {
	width:263px;
	margin:80px auto 40px auto;
}
p.btn-contact a {
	background:url(../images/contact/contact_button.gif) left top no-repeat;
	width:263px;
	height:40px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	.contact-box {
		width:1000px;
		text-align:center;
	}
	
	p.btn-contact {
		width:407px;
	}
	p.btn-contact a {
		background:url(../images/contact/btn_contact.gif) left top no-repeat;
		width:407px;
		height:62px;
		display:block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	p.btn-contact a:hover {
		background-position:left bottom;
	}
	
	
}



/* =========================================================== */
/* 製品ページ */
/* =========================================================== */
.product-box {
	width:95%;
	text-align:left;
	margin:20px auto 0px auto;
}
.product-box dl dt {
	text-align:center;
	padding-bottom:50px;
}
.product-box dl dd {
	padding-bottom:50px;
}
.product-box dl dd.product-info {
	width:100%;
	padding-bottom:40px;
}
.product-box dl dd .product-name {
	position:relative;
	padding-top:64px;
	padding-bottom:12px;
}
.product-box dl dd .product-name h3 {
	font-size:22px;
	font-weight:bold;
	color:#f64803;
	padding-bottom:0px;
	line-height:1.2;

}
.product-box dl dd .product-name h3 span {
	font-size:16px;
	display:block;
	line-height:100%;
	padding-top:8px;
}
.product-box dl dd .product-name .product-series {
	width:100%;
	font-size:20px;
	text-align:right;
	color:#0086cd;
	border-bottom:#0086cd 2px solid;
	position:absolute;
	top:15px;
}
.product-box dl dd .product-name .product-type {
	font-size:14px;
	color:#f64803;
	padding-top:8px;
}

.product-box dl dd .product-body {
	position:relative;
}
p.product-author {
	font-size:14px;
	padding-bottom:30px;
}
.product-box dl dd .product-body ul.product-otameshi {
	width:100%;
}
.product-data {
	clear:both;
	width:100%;
}
.product-data p {
	font-size:14px;
	padding-bottom:14px;
}

ul.product-otameshi li {
	float:left;
	width:180px;
}

ul.product-otameshi li a {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

li.btn-read a {
	background:url(../images/product/read_btn.gif) left top no-repeat;
	width:171px;
	height:49px;
	margin-bottom:12px;
} 
li.btn-listen a {
	background:url(../images/product/view_btn.gif) left top no-repeat;
	width:171px;
	height:49px;
}

.product-remarks {
	clear:both;
}

.product-remarks ul.list-Itemized {
	font-size:14px;
}
.product-remarks ul.list-Itemized li {
	padding:0px 0px 12px 10px;
}
.product-remarks ul.list-Itemized li strong {
	font-size:16px;
	color: #f64803;
	padding-right:8px;
}
/* 登場人物内 ===================== */
#areaCast ul {
	width:100%;
	margin-top:5px;
}
#areaCast ul li {
	clear:both;
	width:100%;
	max-width:610px;
	margin:0px auto;
	padding-bottom:20px;
}
.cast-img {
	float:left;
	width:35%;
	max-width:180px;
	font-size:12px;
	margin:0px auto;
	padding-bottom:20px;
}
.cast-img img {
	width:100%;
}
.cast-text {
	float:right;
	width:60%;
	font-size:12px;
	line-height:140%;
	color:#666666;
	margin:0px auto;
	padding-bottom:0px;
	padding-top:20px;                         /* 後付けで追加した要素 */
}
.cast-text span.cast-name {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:0px 0px 5px 0px;
}
/* 特典 ===================== */
#areaTokuten p.text-attention {
	font-size:12px;
	color:#666666;
	margin-top:10px;
}

#areaTokuten li strong {
	display:block;
}


/* 試し読み ===================== */
.btn-back {
	text-align:right;
	padding:30px 0px 40px 0px;
}
.btn-back a {
	background:url(../images/product/btn_back.gif) left top no-repeat;
	width:171px;
	height:31px;
}

/* h4設定 ===================== */
.product-data h4 {
	color:#f64803;
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
}
.product-remarks h4 {
	clear:both;
	background-color:#0086cd;
	color:#ffffff;
	margin-bottom:20px;
	padding:8px 10px 5px 10px;
}


/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	.product-box {
		width:1000px;
		margin-top:44px;
	}
	.product-box dl dt {
		float:left;
	}
	.product-box dl dd.product-info {
		float:right;
		width:663px;
	}
	
	.product-box dl dd .product-name .product-series {
		top:0px;
	}
	.product-box dl dd .product-body ul.product-otameshi {
		float:left;
		width:171px;
	}
	.product-data {
		clear:none;
		float:right;
		width:450px;
	}
	ul.product-otameshi li {
		clear:both;
		width:171px;
	}
	
	#areaCast ul {
		width:1000px;
		margin-top:25px;
	}
	#areaCast ul li {
		clear:none;
		float:left;
		width:200px;
		padding-bottom:20px;
	}
	.cast-img {
		float:none;
		width:180px;
		font-size:12px;
		margin:0px auto;
		padding-bottom:0px;
	}
	.cast-text {
		float:none;
		width:180px;
		margin:0px auto;
		padding-bottom:0px;
		line-height: 180%;                        /* 後付けで追加した要素 */
		font-family: "メイリオ", sans-serif;      /* 後付けで追加した要素 */
	}
	.cast-text span.cast-name {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#333333;
		padding:10px 0px 5px 0px;
	}
	
	#areaTokuten li strong {
		display:inline;
	}
}





/* =========================================================== */
/* フッター */
/* =========================================================== */
#areaFooter {
	clear:both;
	width:100%;
	border-top:#c6c4c4 1px solid;
	margin-top:35px;
	padding-bottom:20px;
}
#areaFooter ul {
	width:100%;
	margin:35px auto 10px auto;
}
#areaFooter ul li {
	padding-bottom:10px;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaFooter {
		clear:both;
		width:1000px;
		margin:60px auto 0px auto;
		padding-bottom:37px;
	}
	#areaFooter ul {
		width:476px;
		margin:35px auto 20px auto;
	}
	#areaFooter ul li {
		float:left;
	}
	#areaFooter ul li a {
		padding:0px 18px;
	}
	
	p.txt-copyright {
		clear:both;
		font-size:14px;
		padding:20px 0px 0px 0px;
	}
}

/* =========================================================== */
/* 試聴 */
/* =========================================================== */
li.area-listen {
	height:0px;
	overflow:hidden;
}
.audiojs {
	width: 171px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;  
	-o-box-shadow: none;
	box-shadow: none;
	position: relative;
	overflow: visible;
}
.audiojs .scrubber {
	width:110px;
}
.audiojs .time {
	position: absolute;
	display:none;
	width:155px;
	height:30px;
	background-color:#454545;
	top:36px;
	left:0px;
	text-align:right;
	border-top:2px solid #333333;
	border-right:3px solid #333333;
	border-bottom:3px solid #333333;
	border-left:3px solid #333333;
}
.audiojs .time {
	font-size:14px;
	margin:0px;
	padding:0px 10px 0px 0px;
}

/* ここから 20170130 */
div.btn-listen {
	float:right;
	margin-top: 10px;
	margin-bottom: 20px;
}

li.area-listen .time {
	display: block;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	.audiojs .time {
		display: block;
	}
	
	div.btn-listen {
		float:none;
		margin-left:10px;
	}
}
/* ここまで 20170130 */

/* =========================================================== */
/* 後付けで追加した要素 */
/* =========================================================== */

.tameshi_btn_01 {
    font-size: 11pt;
    background: #1d0d72;
	border: 2px solid #10073e;
	color: #FFF;
	width: 300px;
    text-align: center;
	padding: 5px;
    font-family: "メイリオ", sans-serif;
}


.tameshi_btn_01:hover {
	background-color: #6c7dff;
}

.tameshi_btn_02 {
    font-size: 11pt;
    background: #0c78bd;
	border: 2px solid #0a4e79;
	color: #FFF;
	width: 300px;
    text-align: center;
	padding: 5px;
    font-family: "メイリオ", sans-serif;
}


.tameshi_btn_02:hover {
	background-color: #83c6f0;
}


.koremade {
    font-size: 12pt;
	background: #0086cd;
	color: #FFF;
	width: 200px;
    text-align: center;
	padding: 5px;
    font-family: "メイリオ", sans-serif;
}

.product-read {
        font-family: "メイリオ", sans-serif;
        line-height: 180%
}


.btn-listen02 {
	padding: 10px;
}

#twitter {
        padding: 5px;
		margin-bottom: 10px;
}

h3.twitter {
	background:url(../images/news/title_twitter.gif) left top no-repeat;
    margin-bottom:0px;
}

/* ここから 20170130 */
h3.twitter {
	width: 95%;
	height:38px;
	margin: auto;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	h3.twitter {
		width:321px;
	}
}


/* =========================================================== */
/* キャストインタビュー */
/* =========================================================== */
.cast_interview_css {
	line-height: 1.8 !important;
}

.cast_interview_css img {
	max-width: 100%;
	height: auto;
}

.cast_interview_css h5, .cast_interview_css h6 {
	color: #f64803 !important;
	font-weight: bold !important;
	display: block !important;
	line-height: 1.5 !important;
}

.cast_interview_css h5 {
	font-size: 170% !important;
	margin-top: 1.2em !important;
	margin-bottom: 0.2em !important;
}

.cast_interview_css h6 {
	font-size: 120% !important;
	margin-top: 1.44em !important;
	margin-bottom: 0.64em !important;
}
/* ここまで 20170130 */