@charset "utf-8";

/*
	File Name   : content.css
	Description : コンテンツエリア関係 他
*/


/* 共通
----------------------------------------------------------- */

/* ↑iphoneアプリが認可されたのち削除 ここから↑ */
/*.forApp {
	display: none;
}*/
/* ↑iphoneアプリが認可されたのち削除 ここまで↑ */


.mb20 {
	margin-bottom: 20px !important;
}

/* image hover */
/*a.over:hover img,
a:hover img.over{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}*/


/* SP用ボタン　PC時非表示 */
.spMagBtn {
	display: none;
}

.spViewBtn{
	display: none;
}

/* 汎用リンクボタン */
.linkBtn {
}

.linkBtn a {
	color: #fff;
	display: block;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

/*.linkBtn a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}*/

.linkBtn a:before {
	content: " ";
	padding-left: 19px;
	background: url(../img/arrow1_w.png) 0 50% no-repeat;
}

.linkBtn.bgBlue {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #003399;
}

.linkBtn.bgPink {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #cc0033;
}

.linkBtn.bgGreen {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #2C883A;
}

#sideContents .linkBtn a {
	font-size: 140%;
}


/* サイドheadingタイトル */
.sideHeadingImgP {
	background: url(../img/title_line_p.png) 0 100% repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #cc0033;
}

.sideHeadingImgP img {
	height: 15px;
	width: auto;
}

.sideHeadingImgB {
	background: url(../img/title_line_b.png) 0 100% repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.sideHeadingImgB img {
	height: 15px;
	width: auto;
}


/* メインheadingタイトル */
.headingImgB {
	border-bottom: 1px solid #003399;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.headingImgB img {
	height: 20px;
	width: auto;
}

.headingImgP {
	background: url(../img/title_line_p.png) 0 100% repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #cc0033;
}

.headingImgP img {
	height: 20px;
	width: auto;
}



/* トップページ
----------------------------------------------------------- */
.sliderOuter{
	width: 690px;
	height: 280px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	position:relative;
}

.flex-viewport {
	border: 1px solid #003399;
	height: 278px;
	width: 688px;
	overflow: hidden;
}

.sliderOuter .slides {
	height: 278px;
	width: 688px;
	overflow: hidden;
	z-index: 10000;
}

.sliderOuter img {
	width: 688px;
	height: auto;
}

/* Direction Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 9px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
	cursor:pointer;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	background: #003399;
	margin: 0;
	outline: 0;
	width:14px;
	height:14px;
	padding:0;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	text-align:center;
	text-indent: -9999px;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
	background: #cc0033;
	text-decoration:none;
	cursor: default;
}


/* 作品リスト */

#main .magazineList {
	overflow: hidden;
}

#main .magazineList ul {
	margin-bottom: 20px;
}

#main .magazineList p{
	margin-bottom: 0;
	font-size: 11px;
}
.magazineList ul{
	overflow:hidden;
	margin-left: -6px;
	background: url(../../magazine/img/tet_standby.png) 0 0 no-repeat;
	min-height: 55px;
}

.magazineList li{
	width:224px;
	float:left;
	margin: 0 0 6px 6px;
	border: 1px solid #dde2e6;
	background-color: #fff;
}

.magazineList li img{
	width:100%;
	height: auto;
}

.magazineList li a {
	display: block;
}

.magazineList .newsInner{
	margin:1px;
}

/*漫画一覧ジャンルアイコン*/
.genreIcon {
	overflow: hidden;
}

.genreIcon span.genre {
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 22px;
	height: 22px;
	font-size: 14px;
	padding: 0 20px;
	min-width: 55px;
}

.magazineList .genreIcon {
	text-align:right;
	overflow:hidden;
	border-bottom: 1px solid #dde2e6;
	padding: 1px 0;
}

.magazineList .genreIcon span.genre {
	width: 85px;
	float: left;
	text-align: center;
	color: #fff;
	line-height: 15px;
	height: 15px;
	font-size: 10px;
	padding: 0;
}

.magazineList .genreIcon span.media {
	display: inline-block;
	text-align: right;
	line-height: 15px;
	height: 15px;
	font-size: 10px;
}

.magazineList .media .genreIcon span.genre {
	border: 1px solid #003399;
	color: #003399;
}

.magazineList .comedy .genreIcon span.genre {
	border: 1px solid #fecb31;
	background-color: #fecb31;
}

.magazineList .love .genreIcon span.genre {
	border: 1px solid #ff8ad2;
	background-color: #ff8ad2;
}

.magazineList .impressed .genreIcon span.genre {
	border: 1px solid #ff8416;
	background-color: #ff8416;
}

.magazineList .fantasy .genreIcon span.genre {
	border: 1px solid #ff2c2c;
	background-color: #ff2c2c;
}

.magazineList .trial .genreIcon span.genre {
	border: 1px solid #599cf8;
	background-color: #599cf8;
}

.magazineList .other .genreIcon span.genre {
	border: 1px solid #74bc2e;
	background-color: #74bc2e;
}

.magazineList .honobono .genreIcon span.genre {
	border: 1px solid #D28139;
	background-color: #D28139;
}

.magazineList .school .genreIcon span.genre {
	border: 1px solid #2C883A;
	background-color: #2C883A;

}

.magazineList .essay .genreIcon span.genre {
	border: 1px solid #00479D;
	background-color: #00479D;
}

.newsUpdate{
	overflow:hidden;
	font-size:78%;
	margin:0 0 1px 0;
}

.newsUpdate .newsDay{
	display:block;
	float:left;
}

.newsUpdate .newsCom{
	display:block;
	float:right;
}

.magazineList p a {
	display: block;
	background-color: #f19587;
	padding: 5px;
	color: #fff;
	font-size: 127%;
	text-align: center;
	text-decoration: none;
}

.magazineList p a:before {
	content: " ";
	background: url(../img/icon_book.png) 0 50% no-repeat;
	padding-left: 22px;
}

/*.magazineList p a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}*/


/* TOPランキング */
.rankingList {
	padding: 10px 0;
}

.rankingList li a {
	display: block;
}

/*.rankingList li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color: #fff;
}*/

.rankingList li {
	margin-bottom: 6px;
	overflow: hidden;
}

.rankingList li a {
	background-color: #fff;
}

.rankingList li figure {
	overflow: hidden;
}

.rankingList li figure img {
	width: 100px;
	height: auto;
	float: left;
}

.rankingList li figcaption {
	width: 120px;
	float: right;
	font-size: 83%;
}

.rankingList li figcaption h3 {
	color: #3c3c3c;
}

.rankingList li figcaption p {
	color: #727171;
}

.rankingList li figure:before {
	content: " ";
	width: 20px;
	height: 80px;
	text-align: center;
	float: left;
	margin-right: 4px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	display: table-cell;
	vertical-align: middle;
}

.rankingList li.rank4 figure img,
.rankingList li.rank5 figure img,
.rankingList li.rank6 figure img,
.rankingList li.rank7 figure img,
.rankingList li.rank8 figure img,
.rankingList li.rank9 figure img,
.rankingList li.rank10 figure img {
	width: 80px;
	float: left;
}

.rankingList li.rank4 figcaption,
.rankingList li.rank5 figcaption,
.rankingList li.rank6 figcaption,
.rankingList li.rank7 figcaption,
.rankingList li.rank8 figcaption,
.rankingList li.rank9 figcaption,
.rankingList li.rank10 figcaption {
	width: 140px;
	float: right;
}

.rankingList li.rank1 figure:before {
/*	background: url(../img/top/rank_no1.png) 50% 50% no-repeat #cc0033;*/
	content: "1";
	background-color: #cc0033;
}

.rankingList li.rank2 figure:before {
	content: "2";
	background-color: #cc0033;
}

.rankingList li.rank3 figure:before {
	content: "3";
	background-color: #cc0033;
}

.rankingList li.rank4 figure:before {
	content: "4";
	background-color: #96a9b3;
	height: 64px;
}

.rankingList li.rank5 figure:before {
	content: "5";
	background-color: #96a9b3;
	height: 64px;
}

.rankingList li.rank6 figure:before {
	content: "6";
	background-color: #96a9b3;
	height: 64px;
}

.rankingList li.rank7 figure:before {
	content: "7";
	background-color: #96a9b3;
	height: 64px;
}

.rankingList li.rank8 figure:before {
	content: "8";
	background-color: #96a9b3;
	height: 64px;
}

.rankingList li.rank9 figure:before {
	content: "9";
	background-color: #96a9b3;
	height: 64px;
}

.rankingList li.rank10 figure:before {
	content: "10";
	background-color: #96a9b3;
	height: 64px;
}


/* 作品更新予定*/
.openBtn{
	display:none;
}

.updateList {
	border: 1px solid #dde2e6;
	padding:10px 0 10px 10px;
}

.updateList .sideHeadingImgB {
	background: url(../img/title_line_b.png) 0 100% repeat-x;
	padding-bottom: 10px;
	margin: 0 10px 10px 0;
}

.updateInner {
	overflow: hidden;
	max-height:450px;
}

.overBox{
	overflow: auto;
	max-height:460px;
}

.overBox dl{
	padding-right: 15px;
}

.overBox dt{
	font-size:120%;
	padding:5px 0;
	position: relative;
	border-bottom: 1px solid #3c3c3c;
}
.overBox ul li{
	border-top: 1px solid #dde2e6;
	background: url(../../img/top/work_line.png) repeat-x;
	padding:10px 0 !important;
	font-size:88%;
}

.overBox ul li div {
	color: #727171;
}

.overBox ul li:first-child{
	border: none;
}

.overBox ul li p{
	font-weight:bold;
	margin:0 !important;
}

.overBox ul li p a{
	color:#38acb6;
}

/*.overBox dd p ruby > rt{
	font-size:70%;
}*/

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right:0px;
	width:10px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #a2d6d3;
	position: relative;
}

.jspDrag
{
	background: #0e5b7c;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

* html .jspCorner
{
	margin: 0 -3px 0 0;
}

#sideBnr {
}

#sideBnr li {
	margin-bottom: 10px;
}

#sideBnr li img {
	width: 250px;
	height: auto;
}

#sideBnrAppli {

}

#sideBnrAppli li {
	margin-bottom: 10px;
	text-align: center;
}

#sideBnrAppli li img {
	height: 40px;
	width: auto;
}

#sideContents section#sideOfficial {
	margin-bottom: 0;
}

#sideOfficial li {
	margin-bottom: 6px;
	overflow: hidden;
}

#sideOfficial li a {
	display: block;
	background-color: #fff;
}

#sideOfficial li figure {
	overflow: hidden;
}

#sideOfficial li figure img {
	width: 58px;
	height: 58px;
	border: 1px solid #dde2e6;
	float: left;
}

#sideOfficial li figcaption {
	width: 185px;
	float: right;
	font-size: 83%;
}

#sideOfficial li figcaption h3 {
	color: #3c3c3c;
}

#sideOfficial li figcaption p {
	color: #727171;
}


/* マガジン詳細ページ
----------------------------------------------------------- */
.detailBox{
	position: relative;
}

.detailBox .detailLeft {
	width: 270px;
	float: left;
}

.detailBox .detailLeft figure {
	margin-bottom: 20px;
}

.detailBox .detailLeft figure img {
	width: 270px;
	height: auto;
}


.snsList li{
	float:left;
	height:auto;
	margin-right: 15px;
}

.snsList li:first-child{
	height:auto;
	font-size:100% !important;
}

.detailBox .snsList {
	position: absolute;
	left: 0;
	top: 225px;
}

.detailBox .detailRight {
	width: 360px;
	float: right;
}

.detailBox .detailRight h2 {
	color: #cc0033;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 10px;
}

.detailBox .detailRight h2 span {
	color:#000;
	display:block;
	font-size:65% !important;
}

.mb80 {
	margin-bottom: 80px;
}


/*刀剣乱舞学園 20150819追加*/
div.touken .snsList {
	overflow: hidden;
	margin-bottom: 20px;
}

.toukenBox h3 {
	font-size: 2.1em;
	font-weight: bold;
	color: #cc0033;
	margin-bottom: 8px;
	margin-left: -15px;
}

.toukenBox p.fontRed {
	font-size: 1.4em;
	color: #cc0033;
	margin-bottom: 20px;
}

.toukenBox p.fontBlack {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.toukenBox .fontSmall {
	font-size: 0.8em;
}

.toukenList {
	overflow: hidden;
}

.toukenList li {
	width: 450px;
	float: left;
	margin-bottom: 40px;
}

.toukenList li p {
	float: right;
}

.toukenList li .mb10 {
	margin-bottom: 10px;
}

.toukenList li:nth-child(odd) {
	margin-right: 50px;
}


.pageLink {
	text-align: center;
	margin-bottom: 25px;
}

.pageLink li {
	font-size: 1.3em;
	font-weight: bold;
	display: inline;
	margin-left: 30px;
	padding-left: 16px;
	background:url(../../magazine/img/magazine61/icon_01.png) 0 6px no-repeat;
}

.pageLink li:first-child {
	margin-left: 0;
}



/*ジャンルアイコン*/
.detailBox .genreIcon span,
.comicInfo .genreIcon span {
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 22px;
	height: 22px;
	font-size: 14px;
	padding: 0 18px;
	min-width: 55px;
}

.detailBox .genreIcon span.media,
.comicInfo .genreIcon span.media {
	border: 1px solid #003399;
	color: #003399;
}

.detailBox .genreIcon span.genre,
.comicInfo .genreIcon span.genre {
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 22px;
	height: 22px;
	font-size: 14px;
	padding: 0 20px;
	min-width: 55px;
}

.detailBox .genreIcon span.media,
.comicInfo .genreIcon span.media {
	border: 1px solid #003399;
	color: #003399;
}

.detailBox .genreIcon span.comedy,
.comicInfo .genreIcon span.comedy {
	border: 1px solid #fecb31;
	background-color: #fecb31;
}

.detailBox .genreIcon span.love,
.comicInfo .genreIcon span.love {
	border: 1px solid #ff8ad2;
	background-color: #ff8ad2;
}

.detailBox .genreIcon span.impressed,
.comicInfo .genreIcon span.impressed {
	border: 1px solid #ff8416;
	background-color: #ff8416;
}

.detailBox .genreIcon span.fantasy,
.comicInfo .genreIcon span.fantasy {
	border: 1px solid #ff2c2c;
	background-color: #ff2c2c;
}

.detailBox .genreIcon span.trial,
.comicInfo .genreIcon span.trial {
	border: 1px solid #599cf8;
	background-color: #599cf8;
}

.detailBox .genreIcon span.other,
.comicInfo .genreIcon span.other {
	border: 1px solid #74bc2e;
	background-color: #74bc2e;
}

.detailBox .genreIcon span.honobono,
.comicInfo .genreIcon span.honobono {
	border: 1px solid #D28139;
	background-color: #D28139;
}

.detailBox .genreIcon span.school,
.comicInfo .genreIcon span.school {
	border: 1px solid #2C883A;
	background-color: #2C883A;

}

.detailBox .genreIcon span.essay,
.comicInfo .genreIcon span.essay {
	border: 1px solid #00479D;
	background-color: #00479D;
}

.detailBox .detailRight .authorName {
	color: #003399;
	font-size: 142%;
	margin-bottom: 10px;
}

.detailBox .detailRight .authorName span {
	font-size: 71%;
	color: #3c3c3c;
}

.detailBox .detailRight .comicLinkBox {
	width: 330px;
	margin: 0 auto 30px;
}

.detailBox .tokushu table td .comicLinkBox_2 {
	width: 280px;
	margin: 0 auto -10px;
	float: right;
}

.detailBox .detailRight .linkBtn {
	margin-bottom: 10px;
}

.detailBox .detailRight .genreIcon {
	margin-bottom: 20px;
}

.detailBox .detailRight .detailText {
	font-size: 85%;
	margin-bottom: 20px;
}

.detailBox .detailRight .profile {
	border-top: 1px dashed #cccccc;
	padding-top: 30px;
	margin-bottom: 30px;
	font-size: 85%;
	overflow: hidden;
}

.detailBox .detailRight .profile figure img {
	border: 1px solid #cccccc;
	width: 66px;
	height: auto;
	float: left;
}

.detailBox .detailRight .profile figcaption {
	float: right;
	width: 270px;
}

.detailBox .detailRight .profile figcaption span {
	color: #1040a0;
	display: block;
	font-weight: bold;
}

.storyList {
	border-top: 2px solid #cccccc;
	overflow: hidden;
	padding: 30px 0;
	clear: both;
}

.update {
	float: left;
	background: url(../../magazine/img/bg_new.png) 0 0 no-repeat;
	width: 74px;
	height: 34px;
	padding-top: 40px;
	text-align: center;
	font-size: 10px;
	line-height: 1.5;
	color: #fff;
}

.newBook{
	width: 560px;
	min-height: 65px;
	float: right;
	padding-top: 12px;
	margin-bottom: 20px;
	position: relative;
}

.newBook .storyUrl {
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 71%;
	position: absolute;
	top: 15px;
	right: 0;
	color: #fff;
	display: block;
	text-align: center;
	font-weight: bold;
	background: url(../img/icon_chip.png) 100% 100% no-repeat #003399;
	text-decoration: none;
}

.newBook .storyUrl:before {
	content: " ";
	padding-left: 19px;
	background: url(../img/arrow1_w.png) 0 50% no-repeat;
}

.latestdate {
	float: left;
	font-size: 85%;
}

.latestdate p.storyNum {
	color: #cc0033;
	font-weight: bold;
	font-size: 233%;
}

.bookLinkWrap .note {
	font-size: 85%;
	clear: both;
	padding-top: 25px;
}

.bookLinkWrap .note a {
	text-decoration: underline;
}

.storyList table {
	clear: both;
	width: 100%;
	font-size: 14px;
}
.storyList table th {
	padding: 15px 0 15px 1em;
	border-bottom: 1px dashed #ccc;
}

.tokushu .storyList table th {
	padding: 15px 15px 15px 1em;
	vertical-align: top;
}

.storyList table th a {
	padding-right: 1em;
	text-decoration: underline;
}

.storyList table th a:hover {
	text-decoration: none;
}

.bookLinkWrap .storyNum {
	margin-bottom: 0;
}

.bookLinkWrap .storyNum span {
	display: none;
}

.storyList table td {
	padding: 15px 0;
	border-bottom: 1px dashed #ccc;
	text-align: right;
}

.tokushu .storyList table td {
	padding: 15px 0 20px 0;
	text-align: left;
	font-size: 0.85em;
}

.tokushu .storyList table td.icon{
	padding: 10px 0 0;
	border-bottom: none;
}

.tokushu .storyList table td.icon ul{
	overflow: hidden;
	
}

.tokushu .storyList table td.icon li{
	float: left;
	width: 45px;
	height: 45px;
	margin: 5px 10px 0 0;
	display: table;
	text-align:center;
	background: #fecb31;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}


.tokushu .storyList table td.icon li span{
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-size:0.8em;
}

.tokushu .storyList table td.none {
	padding-bottom: 0;
	border-bottom: none;
}

.tokushuList {
	overflow: hidden;
	margin-bottom: -30px;
}
.tokushuList + .tokushuList{
	margin-top: 15px;
	margin-bottom:-22px;
}

.tokushuList li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.tokushuList li.pt15 {
	padding-top: 15px;
}

.tokushuList li.pt20 {
	padding-top: 20px;
}

.tokushuList li.txRight {
	padding-top: 5px;
}

.tokushuList li p a {
	font-size: 1.3em;
	font-weight: bold;
}

td.chara {
	vertical-align: top;
}

/*マガジンサイド　作品更新履歴*/
#updateList {
}

#updateList dl.first {
	border-top: none;
}

#updateList dl.first dt:before {
	position: absolute;
	content: url(../../magazine/img/icon_new.png);
	top: 50%;
	right: 10px;
	margin-top: -21px;
}

#updateList dt {
	position: relative;
	background-color: #003399;
	color: #fff;
	padding: 6px 10px;
	margin-bottom: 5px;
	font-size: 140%;
}

#updateList dd {
	border-top: 1px dashed #cccccc;
	padding: 10px 0;
}

#updateList dt:first-child + dd {
	border-top: none;
}

#updateList dd a {
	background-color: #fff;
	display: block;
}

#updateList dd a:hover {

}

#updateList dd figure {
	overflow: hidden;
}

#updateList dd figure img {
	width: 58px;
	height: 58px;
	border: 1px solid #dde2e6;
	float: left;
}

#updateList dd figcaption {
	width: 185px;
	float: right;
	font-size: 83%;
}

#updateList dd figcaption h3 {
	color: #cc0033;
}

#updateList dd figcaption p {
	color: #727171;
}

.campaignBox {
	position: absolute;
	top: 260px;
	left: 0;
	border-top: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 220px;
}

.campaignBox p {
	margin-bottom: 5px;
}

.campaignBox .mb10 {
	margin-bottom: 10px;
}

.campaignBox p strong {
	font-weight: bold;
	font-size: 125%;
	color: #63361b;
}

.campaignBox a {
	text-decoration: underline;
	background: url(../../img/howto/icon_arrow.gif) left no-repeat;
	padding-left: 10px;
}



/* ポップアップウィンドウ
----------------------------------------------------------- */

#anyWindow #header{
	overflow:hidden;
	padding-bottom:10px;
}

#anyWindow #main{
	padding:0;
}

#anyWindow .mainInner{
	width:860px;
	padding-top:20px;
}

#anyWindow .closeBtn{
	position:absolute;
	right:10px;
	top:20px;
}

#anyWindow .closeBtnSP,
#anyWindow .closeBtnSP2{
	display:none;
}

#anyWindow .comicsInfo{
	overflow:hidden;
}

#anyWindow .comicsInfo > dt{
	background-color:#63361b;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
	position: relative;
	behavior: url("/pie/PIE.htc");
}

#anyWindow .comicsInfo > dt ul{
	overflow:hidden;
}

#anyWindow .comicsInfo > dt ul li{
	float:left;
	width:135px;
	margin:10px 0 0 5px;
}

#anyWindow .comicsInfo > dt ul li img{
	width:100%;
}

#anyWindow .comicsInfo > dt ul li:first-child{
	width:30px;
	margin:5px;
}

#anyWindow .comicsInfo > dd{
	background-color:#fff;
	border-right:2px solid #63361b;
	border-left:2px solid #63361b;
	border-bottom:2px solid #63361b;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	position: relative;
	behavior: url("/pie/PIE.htc");
}

#anyWindow .comicsInfo > dd > div{
	padding:20px;
}

#anyWindow .comicsInfo > dd > div dl{
	overflow:hidden;
}

#anyWindow .comicsInfo > dd > div dl dt{
	float:left;
	width:118px;
}

#anyWindow .comicsInfo > dd > div dl dt img{
	width:100%;
}

#anyWindow .comicsInfo > dd > div dl dd{
	margin-left:130px;
}

#anyWindow .comicsInfo > dd > div dl dd h2{
	color:#e95378;
	font-size:160%;
	margin-bottom:0.5em;
}

#anyWindow .comicsInfo > dd > div dl dd h2 span{
	display:block;
	color:#000;
	font-size:80%;
}

#anyWindow .comicsInfo > dd > div dl dd p strong{
	color:#38acb6;
	display:block;
}

#anyWindow .price{
	font-weight:bold;
	color:#000;
}

#anyWindow .comicsInfo > dd > div dl dd > div{
	border-top:1px dashed #ccc;
	padding:15px 0 0;
	margin-top:20px;
}

#anyWindow .comicsInfo > dd > dl{
	border-top:2px solid #e9e9e9;
	padding:20px;
}

#anyWindow .comicsInfo > dd > dl dt{
	width:90px;
}

#anyWindow .comicsInfo > dd > dl dt img{
	width:100%;
}

#anyWindow .comicsInfo > dd > dl dd ul{
	overflow:hidden;
	text-align:center;
}

#anyWindow .comicsInfo > dd > dl dd ul li{
	display:inline-block;
	width:130px;
	margin:15px 10px 0 10px;
}

#anyWindow .comicsInfo > dd > dl dd ul li img{
	width:100%;
	border:1px solid #ccc;
}

#anyWindow .footerInner{
	width:680px;
}

#anyWindow .closeBtn2{
	text-align:center;
	padding:50px 0 30px;
}

/* マンガ作品一覧
----------------------------------------------------------- */
#magazine .leftContents h2 {
	margin-bottom: 20px;
}

.magazineGenre {
	overflow: hidden;
	margin: 0 0 30px -7px;
	overflow: hidden;
}

.magazineGenre a {
	float: left;
	color: #fff;
	width: 215px;
	text-align: center;
	margin: 0 0 5px 7px;
	padding: 8px 5px;
	font-size: 121%;
	display: inline-block;
	text-decoration: none;
}

.magazineGenre a.love {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #ff8ad2;
}

.magazineGenre a.impressed {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #ff8416;
}

.magazineGenre a.fantasy {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #ff2c2c;
}

.magazineGenre a.comedy {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #fecb31;
}

.magazineGenre a.trial {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #599cf8;
}

.magazineGenre a.other {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #74bc2e;
}

.magazineGenre a.honobono {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #D28139;
}

.magazineGenre a.school {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #2C883A;
}

.magazineGenre a.essay {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #00479D;
}


/* お知らせ
----------------------------------------------------------- */
#info h2 {
	margin-bottom: 40px;
}

.infoBox{
	border: 1px solid #d1d1d1;
 	padding:30px;
	margin-bottom:50px;
}

.infoBox h3 {
	margin-bottom: 20px;
}

.infoBox p {
	margin-bottom: 15px;
	line-height: 1.8;
}

.infoBox strong {
	color: #cc0033;
	font-size: 135%;
	display: block;
}

.infoBox .linkBtn {
	width: 170px;
	margin-bottom: 0;
	font-size: 121%;
}


/* コミックス
----------------------------------------------------------- */
#comic h2 {
	margin-bottom: 40px;
}

.comicCtsBox{
	position: relative;
}

.comicCtsBox figure {
	float:left;
	width:170px;
	min-height:240px;
	padding-left: 30px;
}

.comicCtsBox figure img {
	width: 100%;
	height: auto;
}

.comicCtsBox li .comicInfo {
	width:235px;
	float: right;
	padding-right: 20px;
}

.comicCtsBox .txt {
	font-size: 115%;
	font-weight: bold;
	color: #63361b;
}

.comicCtsBox .date {
	color: #af802e;
	font-weight: bold;
}

.comicCtsBox .date span {
	color: #ff0000;
}

.comicCtsBox li{
	float:left;
	width:49.5%;
	border-bottom:1px dashed #ccc;
	padding: 20px 0;
	position:relative;
}

.comicCtsBox li.comicCtsLeft{
	float:left;
	border-right:1px dashed #ccc;
}

.comicCtsBox .genreIcon {
	margin-bottom: 10px;
	padding-top: 10px;
}

.comicCtsBox p{
	color: #003399;

}

.comicCtsBox .catch{
	font-size:85%;
	margin-bottom: 10px;
	color: #3c3c3c;
}

.comicCtsBox h3 {
	font-size:185%;
	color:#cc0033;
	line-height:120%;
	display: block;
	margin-bottom: 15px;
}

.comicCtsBox h3 span {
	color: #000;
	display: block;
	font-size: 65% !important;
}

.comicCtsBox .linkBtn {
	margin-bottom: 10px;
}

.comicCtsBox .linkBtn a {
	padding: 5px 3px;
	font-size: 95%;
}


/* 漫画の読み方
----------------------------------------------------------- */
#howto h2 {
	margin-bottom: 30px;
}

.howToHl{
	overflow:hidden;
	padding: 10px;
	background-color:#003387;
	color:#fff;
	font-size:150%;
	line-height:120%;
	font-weight: bold;
}

.howToListBox{
	background-color:#fff;
	border:2px solid #003387;
	border-top: none;
	padding: 15px;
	margin-bottom:20px;
	position: relative;
}

.howToListBox p {
	margin-bottom: 0;
}

.howToListBox ul.basic {
	overflow:hidden;
}

.howToListBox ul.basic li{
	float:left;
	width:49%;
	margin-bottom:20px;
}

.howToListBox ul.basic li.howToListRight{
	float:right;
}

.howToListBox ul.basic li dl dt{
	background-color: #003387;
	padding:5px 10px;
	margin-bottom: 20px;
	color:#FFF;
	font-size:130%;
	font-weight:bold;
	position: relative;
}

.howToListBox ul.basic li dl dd {
	overflow: hidden;
	margin-bottom: 15px;
}

.howToListBox ul.basic li dl dd p:first-child {
	float: left;
	margin-right: 15px;
}

.rightClickBox{
	margin-bottom:15px;
	text-align: center;
}

.rightClickBox p{
	border-left:5px solid #003387;
	font-size:150%;
	padding:5px 0 5px 10px;
	margin-bottom: 15px;
	line-height:100%;
	color:#454545;
	font-weight:bold;
	text-align: left;
}

.rightClickBox ul{
	text-align:center;
}

.rightClickBox ul li{
	display:inline;
	width: auto;
}

.appriInfo > p{
	font-weight:bold;
	font-size:120%;
}

.appriInfo div dl dt{
	border-left:5px solid #003387;
	color:#003387;
	line-height:1.2;
	font-size:100%;
	padding:5px;
	font-weight:bold;
	margin-top:15px;
}

.howOperating {
	overflow:hidden;
	margin-top:15px;
}

.howOperating  dt{
	float:left;
	width:auto;
	font-weight:bold;
	font-size: 114%;
	background: url(../../howto/img/icon_arrow.gif) left 50% no-repeat;
	padding-left:10px;
}

.howOperating  dd{
	margin-left:170px;
	line-height:180%;
}

.howOperating  dd p {
	margin-bottom: 1em;
}

.howOperating  dd p strong{
	margin-left:-1em;
}

.howOperating  dd p span{
/*	padding: 1px 3px 0;
	font-size: 85%;
	color: #FF0000;
	line-height: 1;
	border: 1px solid #FF0000;
	margin-left:5px;*/
}


/* 検索結果ページ
----------------------------------------------------------- */
.searchCtsBox{
}

#cse-search-results iframe {
	height: auto;
	min-height: 500px;
}


/* ランキングページ
----------------------------------------------------------- */
#ranking #main h2 {
	margin-bottom: 20px;
}

#rankingValue {
	width: 460px;
	padding-right: 30px;
	float: left;
}

#rankingValue h3,
#rankingView h3 {
	font-size: 120%;
	padding: 8px 3px;
	position: relative;
}

#rankingValue h3 span,
#rankingView h3 span {
	font-size: 77%;
	position: absolute;
	right: 0;
	bottom: 10px;
}

#rankingValue h3 + p,
#rankingView h3 + p {
	padding: 0 3px;
	font-size: 85%;
}

#rankingView {
	width: 460px;
	float: right;
	min-height: 500px;
}

.proList {
	padding: 20px 0 30px 0;
	border-bottom: dotted 1px #cccccc;
	overflow: hidden;
}

.proList figure {
	border: solid 1px #dde2e6;
	width: 178px;
	float: left;
}

.proList figure img {
	width: 100%;
	height: auto;
}

.proDetail {
	width: 265px;
	float: right;
}

.proList .title,
.proList .titleNone {
	padding: 0;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.4;
	display: table;
}

.proList.rank1 .title:before,
.proList.rank2 .title:before,
.proList.rank3 .title:before,
.proList.rank4 .title:before,
.proList.rank5 .title:before,
.proList.rank6 .title:before,
.proList.rank7 .title:before,
.proList.rank8 .title:before,
.proList.rank9 .title:before,
.proList.rank10 .title:before,
.proList.rank10 .titleNone:before {
	height: 74px;
	width: 74px;
	content: " ";
	display: block;
}

.proList .title:before,
.proList .titleNone:before {
	height: 74px;
	width: 74px;
	content: " ";
	display: block;
}

.proList .title a,
.proList .titleNone a {
	color: #3c3c3c;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 15px;
}

.proList .titleNone a:hover {
	text-decoration: none;
}

.proList .title a:hover {
	text-decoration: underline;
}

.proList .title span,
.proList .titleNone span {
	font-size: 142%;
	display: block;
	color: #cc0033;
}

.proList.rank1 .title:before {
	background: url(../../ranking/img/rank_icon1.png) 0 50% no-repeat;
}

.proList.rank2 .title:before {
	background: url(../../ranking/img/rank_icon2.png) 0 50% no-repeat;
}

.proList.rank3 .title:before {
	background: url(../../ranking/img/rank_icon3.png) 0 50% no-repeat;
}

.proList.rank4 .title:before {
	background: url(../../ranking/img/rank_icon4.png) 15px 50% no-repeat;
}

.proList.rank5 .title:before {
	background: url(../../ranking/img/rank_icon5.png) 15px 50% no-repeat;
}

.proList.rank6 .title:before {
	background: url(../../ranking/img/rank_icon6.png) 15px 50% no-repeat;
}

.proList.rank7 .title:before {
	background: url(../../ranking/img/rank_icon7.png) 15px 50% no-repeat;
}

.proList.rank8 .title:before {
	background: url(../../ranking/img/rank_icon8.png) 15px 50% no-repeat;
}

.proList.rank9 .title:before {
	background: url(../../ranking/img/rank_icon9.png) 15px 50% no-repeat;
}

.proList.rank10 .title:before {
	background: url(../../ranking/img/rank_icon10.png) 15px 50% no-repeat;
}

.proList.rank10 .titleNone:before {
	background: url(../../ranking/img/rank_icon10.png) 15px 50% no-repeat;
}

.proList .linkBtn {
	width: 150px;
	margin-bottom: 0;
}

.proList.rank1 .linkBtn,
.proList.rank2 .linkBtn,
.proList.rank3 .linkBtn {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #cc0033;
}

.proList.rank4 .linkBtn,
.proList.rank5 .linkBtn,
.proList.rank6 .linkBtn,
.proList.rank7 .linkBtn,
.proList.rank8 .linkBtn,
.proList.rank9 .linkBtn,
.proList.rank10 .linkBtn {
	background: url(../img/icon_chip.png) 100% 100% no-repeat #ce9228;
}


/* サイトマップ
----------------------------------------------------------- */
#sitemap h2 {
  margin-bottom: 30px;
}

.sitemapLeft {
	float: left;
}

.sitemapLeft div {
	width: 290px;
	padding-right: 20px;
	float: left;
}

.sitemapLeft div p {
	margin-bottom: 0;
	font-weight: bold;
}

.sitemapLeft div ul,
.sitemapRight ul {
	padding-left: 1em;
	margin-bottom: 20px;
}

.sitemapLeft div ul li,
.sitemapRight ul li {
	list-style-type: disc;
	list-style-position:inside;
	text-indent: -1em;
	padding-left: 1em;
}

#sitemap .contents a {
	color: #3c3c3c;
}

#sitemap .contents h3 {
	background: url(../img/arrow1_bl.png) 0 50% no-repeat;
	padding-left: 15px;
	margin: 20px 0 5px;
}

.sitemapRight {
	width: 310px;
	float: right;
}


/*　刀剣乱舞学園　コミックス告知　*/

#touken_comic {
	overflow:hidden;
	clear: both;	
}
#touken_comic .touken_left {
	width: 270px;
	float: left;
}
#touken_comic .touken_left img {
	width: 270px;
	height: auto;
}
#touken_comic .toukenRight {
	width: 360px;
	float: right;	
}
#touken_comic .toukenRight h2 {
	color: #cc0033;
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 10px;
}
#touken_comic .touken_box{
	clear: both;		
}
#touken_comic .touken_box span.media {
	border: 1px solid #003399;
	color: #003399;
	padding: 5px 20px;
	margin: 15px 0 0 0;
	line-height: 1.5;
}

#touken_comic .touken_box dl dt {
	float: left;
	width: 5em;
}
#touken_comic .touken_box dl dd {
	padding: 0 0 0 5em;
}

#touken_comic p.touken_spOnly {
	display: none;
}
.fs {
	font-size: 75%;	
}
.fss {
	font-size: 60%;	
}


/*---------------------------------------------------
 広告
---------------------------------------------------*/

/* TOP */
#index #main .leftContents{	margin-bottom:0px !important;
}

#index #footer #imobileAdFrame_recbig{
	display:none;
}

#index .imob_sphide{
	margin-bottom:30px;
}

/* footer */
.leftContents{
	margin-bottom:280px;
}

#comic #main,
#sitemap #main,
#howto #main,
#ranking #main{
	margin-bottom:280px;
}

#footer .footerBnr {
	position:relative;
	overflow:inherit;
}
#footer .footerBnr:after{
	content:'';
	display:block;
	clear:both;
}
#footer .footerBnr #imobileAdFrame_recbig{
	position:absolute;
	left:0;	
	top:-280px;	
}
/* magazine */	
#sideContents #imobileAdFrame_squea{
	width:0;
	height:0;
	margin-bottom:10px;
	padding:0;
}
/*-----------------------------------------------*/
.linkBtn_sp a{
	padding:10px 5px;
}


/* 自社広告追加
--------------------------------------------------*/
#addBanner_pc li {
	margin-bottom: 10px;
}

#addBanner_sp {
	display: none;
}