@charset "UTF-8";

/*
========================================================
BASEspeciallink
========================================================
*/

#cts_wrap {
	margin				: 50px auto 20px auto;
	max-width			: 940px;
	width				: 940px;
}
	h4 {
		background			: #fff;
		border-bottom		: 3px dotted #ccc;
		border-top			: 3px dotted #ccc;
		font-size			: 1.4rem;
		height				: 40px;
		line-height			: 40px;
		margin				: 0 0 20px 0;
		padding				: 5px 0 0 0;
		text-align			: left;
	}
	h4 i {
		color			: #025bc0;
		display			: inline-block;
		margin			: 0 5px;
		font-size		: 1.4rem;
	}
	#cts_wrap hr,
	#cts_wrap p {
		margin			: 10px 0;
	}

	/* main image */
	#cts-main {
		position			: relative;
		margin				: 0 auto 20px auto;
	}
		.mainimg_pc {
			display			: block;
		}
		.mainimg_sp {
			display			: none;
		}

	/* SNS シェア*/
	.share_box {
		margin				: 0 auto 20px 0;
		max-width			: 940px;
		overflow			: hidden;
		width				: 100%;
	}
	.share_box ul {
		width				:100%;
	}
	.share_box ul li {
		float				: left;
		font-size			: 1.3rem;
		font-weight			: bold;
		margin-right		: 5px;
		width				: 310px;
	}
	.share_box ul li:last-child {
		margin-right		: 0;
	}
	.share_box ul li a {
		color				: #fff;
		height				: 30px;
		line-height			: 30px;
		margin				: 0;
		padding				: 10px 0;
		text-align			: center;
		text-decoration		: none;
	}
	.share_box ul li a:hover {
		opacity				: 0.75;
			filter			: alpha(opacity=75);
			-moz-opacity	: 0.75;
	}
		.share_box ul li i {
			font-size			: 2rem;
			margin				: 0 5px 0 -10px;
		}
		.fb_share,
		.tw_share,
		.line_share {
			display				: block;
			height				: 20px;
		}
		.fb_share {
			background			: #3b5998;
		}
		.tw_share {
			background			: #00acee;
		}
		.line_share{
			background			: #00c300; /*25af00*/
		}


	/* 特設バナー*/
	#bnr_area {
		margin					: 0;
		padding					: 0;
		text-align				: center;
		width					: 100%;
	}
		#bnr_area a img {
			height					: 70px;
			width					: 940px;
		}
	#bnr_area_480 {
		display					: none;
	}
		#bnr_area_480 a img {
			height					: 100px;
			width					: 300px;
		}

	/* Content, フリーエリア */
	#CtsSpace,
	#freeArea,
	#freeArea-b {
		margin				: 20px 0;
		height				: auto!important;
		width				: 100%;
	}
		#CtsSpace iframe,
		#freeArea iframe,
		#freeArea-b iframe {
			max-width			: 100%;
		}
		#CtsSpace p,
		#freeArea p,
		#freeArea-b p {
			text-align			: left;
		}

		#CtsSpace .img_pc,
		#freeArea .img_pc,
		#freeArea-b .img_pc {
			display			: block;
		}
		#CtsSpace .img_sp,
		#freeArea .img_sp,
		#freeArea-b .img_sp {
			display			: none;
		}

	/* 動画エリア */
	.movArea {
		display				: block;
		padding				: 10px 0;
		text-align			: center;
		width				: 100%;
	}
		.movArea:after {
			clear			: both;
			content			: ".";
			display			: block;
			height			: 0;
			visibility		: hidden;
		}
		.movArea iframe {
			display				: inline-block;
			margin	 			: 10px;
			vertical-align		: top;
		}
			iframe.iframeSS { /*4L*/
				height			: 124px;
				width			: 220px;
			}
			iframe.iframeS { /*3L*/
				height			: 169px;
				width			: 300px;
			}
			iframe.iframeM { /*2L*/
				height			: 194px;
				width			: 345px;
			}
			iframe.iframeL { /*1L*/
				height			: 360px;
				width			: 640px;
			}
			iframe.iframeLL { /*1L-MAX*/
				height			: 480px;
				width			: 853px;
			}
	/* 作品Twitter */
	#cts_twitterMA {
			display			: block;
			padding			: 0;
			margin			: 0 auto;
			width			: 640px;
	}
		#cts_twitterMA:after {
			clear			: both;
			content			: ".";
			display			: block;
			height			: 0;
			visibility		: hidden;
		}
		#cts_twitterMA .twitter-timeline {
			display			: block;
			height			: 200px;
			margin			: 0;
			padding			: 0;
			width			: 640px !important;
		}
		#c_tw_hdr {
			background		: #000;
			height			: 40px;
			position		: relative;
		}
			#c_tw_hdr span {
				color			: #fff;
				display			: block;
				left			: 10px;
				position		: absolute;
				top				: 10px;
			}
			#c_tw_hdr .followBtn {
				position		: absolute;
				right			: 10px;
				top				: 10px;
			}

	#cts-yt_ttl {
		background			: #025bc0;
		box-shadow			: 10px 0 0 0 #025bc0,
							  -10px 0 0 0 #025bc0,
							  0 3px 3px 0 rgba(0,0,0,0.1);
		color				: #fff;
		font-weight			: bold;
		height				: 16px;
		line-height			: 16px;
		margin				: 0;
		position			: relative;
		padding				: 2px;
		text-align			: center;
	}
	#cts-yt_ttl:before {
		border-width		: 10px 0 0 10px;
		border-style		: solid;
		border-color		: transparent;
		border-top-color	: #003572;
		content				: " ";
		height				: 0;
		left				: -10px;
		position			: absolute;
		top					: 100%;
		width				: 0;
	}
	#cts-yt_ttl:after {
		border-width		: 10px 10px 0 0;
		border-style		: solid;
		border-color		: transparent;
		border-top-color	: #003572;
		content				: " ";
		height				: 0;
		left				: 100%;
		position			: absolute;
		top					: 100%;
		width				: 0;
	}
	#cts-yt_ttl a {
		color				: #555;
		text-decoration		: underline;
	}
	#cts-yt_ttl a:hover {
		opacity				: 0.75;
			filter			: alpha(opacity=75);
			-moz-opacity	: 0.75;
	}

	#cts-youtube iframe {
		border				: 1px solid #888;
		padding				: 0;
	}
	.cts-youtube1 {
		margin-bottom		: 5px;
	}

	/* 単行本 */
	#newKC {
		/* background			: #ffa; CHK */
		float				: left;
		margin				: 0 20px 0 0;
		min-height			: 200px;
		padding				: 0;
		position			: relative;
		width				: 560px;
	}
		.cmc_list {
			display				: inline-block;
			float				: right;
			margin				: 0;
			padding				: 0 10px 0 0;
			position			: absolute;
			right				: 0;
			top					: 20px;
			width				: auto;
			font-size			: 10px;
		}
			.cmc_list a {
				color				: #025bc0;
			}
		.newKC-img {
			float			: left;
			margin			: 0 10px 0 0;
		}
		.newKC-img img {
			border			: 1px solid #ccc;
			height			: auto;
			padding			: 4px;
			width			: 190px;
		}
		.newKC-spec {
			/* background		: rgba(240,220,180,.5); CHK */
			float			: left;
			text-align		: left;
			width			: 350px;
		}
			#newKCTag {
				background		 	: #f2e725;/*#f2e725*/
				color				: #000;
				display				: block;
				font-weight			: bold;
				height				: 22px;
				left				: -15px;
				line-height			: 22px;
				margin				: 0 0 5px 0;
				padding				: 0 5px 0 0;
				position			: relative;
				text-align			: center;
				width				: 60px;
			}
				.l-arw_ylw-ll {
					bottom				: 0;
					height				: 0;
					left				: -10px;
					border-top			: 13px solid transparent;
					border-right		: 10px solid #f2e725;
					border-bottom		: 13px solid transparent;
					position			: absolute;
					width				: 0;
				}
			.newKC-title {
				font-size		: 1.4rem;
				font-weight		: bold;
			}
			.newKC-author {
				font-size		: 1.2rem;
				font-weight		: bold;
			}

	/* 単行本スライダー */
		/* [OWL CAROUSEL] */
		.owl-carousel .owl-wrapper:after {
			clear				: both;
			content				: ".";
			display				: block;
			height				: 0;
			line-height			: 0;
			visibility			: hidden;
		}
		/* display none until init */
		.owl-carousel {
			display				: none;
			position			: relative;
			-ms-touch-action	: pan-y;
		}
		.owl-carousel .owl-wrapper {
			display				: none;
			position			: relative;
			-webkit-transform	: translate3d(0px, 0px, 0px);
		}
		.owl-carousel .owl-wrapper-outer {
			background			: #fff;
			overflow			: hidden;
			position			: relative;
		}
		.owl-carousel .owl-wrapper-outer.autoHeight {
			-webkit-transition	: height 500ms ease-in-out;
			-moz-transition		: height 500ms ease-in-out;
			-ms-transition		: height 500ms ease-in-out;
			-o-transition		: height 500ms ease-in-out;
			transition			: height 500ms ease-in-out;
		}
		.owl-carousel .owl-item{
			float				: left;
		}
		.owl-controls .owl-page,
		.owl-controls .owl-buttons div {
			cursor				: pointer;
		}
		.owl-controls {
			-webkit-user-select				: none;
			-khtml-user-select				: none;
			-moz-user-select				: none;
			-ms-user-select					: none;
			user-select						: none;
			-webkit-tap-highlight-color		: rgba(0, 0, 0, 0);
		}
		/* mouse grab icon */
		.grabbing { 
		    cursor				: url("grabbing.png") 8 8, move;
		}
		/* fix */
		.owl-carousel  .owl-wrapper,
		.owl-carousel  .owl-item{
			-webkit-backface-visibility		: hidden;
			-moz-backface-visibility		: hidden;
			-ms-backface-visibility			: hidden;
			-webkit-transform				: translate3d(0,0,0);
			-moz-transform					: translate3d(0,0,0);
			-ms-transform					: translate3d(0,0,0);
		}
		.owl-theme .owl-controls{
			text-align						: center;
		}
		/* Styling Next and Prev buttons */
		.owl-theme .owl-controls .owl-buttons div {
			display					: inline-block;
			*display				: inline;/*IE7 life-saver */
			font-size				: 12px;
			margin					: 0;
			padding					: 3px 5px;
			zoom					: 1;
		}
		/* Clickable class fix problem with hover on touch devices */
		/* Use it for non-touch hover action */
		.owl-theme .owl-controls.clickable .owl-buttons div:hover {
			opacity					: 0.8;
				filter				: Alpha(Opacity=80);/*IE7 fix*/
			text-decoration			: none;
		}
		/* Styling Pagination*/
		.owl-theme .owl-controls .owl-page{
			display					: inline-block;
			*display				: inline;/*IE7 life-saver */
			zoom					: 1;
		}
		.owl-theme .owl-controls .owl-page span {
			background					: #ccc;
			border-radius				: 15px;
				-moz-border-radius		: 15px;
				-webkit-border-radius	: 15px;
			display						: block;
			height						: 10px;
			margin						: 4px;
			opacity						: 0.5;
				filter					: Alpha(Opacity=50);/*IE7 fix*/
			width						: 10px;
		}
		.owl-theme .owl-controls .owl-page.active span,
		.owl-theme .owl-controls.clickable .owl-page:hover span {
			opacity					: 1;
				filter					: Alpha(Opacity=100);/*IE7 fix*/
		}
		/* If PaginationNumbers is true */
		.owl-theme .owl-controls .owl-page span.owl-numbers {
			border-radius				: 30px;
				-moz-border-radius		: 30px;
				-webkit-border-radius	: 30px;
			color						: #fff;
			font-size					: 10px;
			height						: auto;
			padding						: 2px 5px;
			width						: auto;
		}
		/* preloading images */
		.owl-item.loading {
			background				: url("AjaxLoader.gif") no-repeat center center
		}
			/* 単行本スライダーORG */
			#cts_comic-slider {
				background			: url("/img/bg_cts_comic-slider_fill.png") no-repeat left top;
				bottom				: 0;
				float				: left;
				right				: 0;
				margin				: 0;
				position			: absolute;
				width				: 350px;                                                  
			}
				#ComicSlider-R {
					/* background			: rgba(250,200,150,.5); CHK */
					display				: block;
					height				: auto;
					margin				: 0;
					padding				: 10px 20px 30px;
					position			: relative;
				}
					#cts_comic-slider #ComicSlider-R .item {
						/* background			: rgba(150,200,150,.2); CHK */
						border-right		: 1px dotted #ccc;
						display				: block;
						float				: left;
						margin				: 0;
						padding				: 10px 19px;
					}
						#cts_comic-slider #ComicSlider-R .item img {
							border			: 1px solid #ccc;
						}
			#cts_comic-slider .owl-prev,
			#cts_comic-slider .owl-next {
				height			: 18px;
				margin			: 0;
				padding			: 0;
				overflow		: hidden;
				text-indent		: -999px;
				width			: 10px;
			}
			#cts_comic-slider .owl-prev {
				background		: url(/img/arrow_left02.png) no-repeat;
				background-size	: 10px 18px;
				left			: 4px;
				position		: absolute;
				bottom			: 70px;
			}
			#cts_comic-slider .owl-next {
				background		: url(/img/arrow_right02.png) no-repeat;
				background-size	: 10px 18px;
				position		: absolute;
				right			: 4px;
				bottom			: 70px;
			}
			#cts_comic-slider .owl-controls {
				/* background		: #ddf; CHK */
				left			: 0;
				position		: absolute;
				bottom			: 0;
				margin			: 0 auto;
				width			: 100%;
			}



	/* ボタンエリア */
	#btnArea {
		display				: table-cell;
		float				: left;
		margin				: 0;
		padding				: 10px 0;
		width				: 360px;
		vertical-align		: middle;
	}
		#btnArea:after {
			clear				: both;
			content				: ".";
			display				: block;
			height				: 0;
			line-height			: 0;
			visibility			: hidden;
		}
			.trialBtn_Cts a,
			.buylBtn_Cts a {
				border-radius			: 5px;
				color					: #fff;
				display					: block;
				font-size				: 1.8rem;
				font-weight				: bold;
				margin					: 10px auto;
				padding					: 0;
				text-align				: center;
				width					: 90%;
			}
			.trialBtn_Cts a {
				background				: #30b8a6;
				height					: 40px;
				line-height				: 40px;
			}
			.buylBtn_Cts a {
				background				: #ef7c42;
				height					: 60px;
				line-height				: 60px;
			}
			.trialBtn_Cts a:hover,
			.buylBtn_Cts a:hover {
				text-decoration			: none;
				opacity				: 0.75;
					filter			: alpha(opacity=75);
					-moz-opacity	: 0.75;
			}
				.trialBtn_Cts a i,
				.buylBtn_Cts a i {
					font-size				: 2rem;
					margin					: 0 10px 0 0;
				}

	#CmcFlag-B,
	#infoArea {
		height				: auto;
		margin				: 0 auto;
		width				: 940px;
	}
	#CmcFlag-B #btnArea {
		width				: 100%;
	}

		



/* 作品紹介・著者紹介 */
#cts-atr {
		/* background			: #ffe; CHK */
		float				: left;
		width				: 460px;
}
	#ctsDscr, 
	#authorDscr {
		/* background			: #ff0; CHK */
		line-height			: 1.8;
		padding				: 0;
		position			: relative;
		text-align			: left;
		width				: 460px;
	}
	#ctsDscr {
		margin				: 0 20px 20px 0;
	}
	#authorDscr {
		margin				: 0 0 20px 0;
	}
	#cmc_area_CL {
		float				: left;
		margin				: 0 20px 0 0;
		width				: 460px;
	}
	#cmc_area_CR {
		/* background			: rgba(100,200,150,.5); CHK */
		float				: left;
		min-height			: 400px;
		margin				: 0;
		width				: 460px;
	}
		#cmc_area_CL #ctsDscr, 
		#cmc_area_CL #authorDscr {
			/* background			: #faa; CHK */
			float				: none;
			margin				: 0 0 15px 0;
			position			: relative;
			text-align			: left;
			width				: 460px;
		}
		#cmc_area_CR #cts_news {
			float				: none;
		}

		.dscrTitle {
			display					: block;
			font-size				: 1.4rem;
			font-weight				: bold;
			margin					: 5px 0;
		}
			.dscrTitle a {
				text-decoration		: underline;
			}
			.dscrTitle small {
				position		: absolute;
				right			: 0;
			}
		.dscrCap {
			clear					: both;
			display					: block;
			height					: auto;
			overflow				: auto;
		}
		#authorDscr label {
			background			: #efefef;
			display				: block;
			padding				: 0;
			position			: relative;
			margin				: 0;
		}
		#authorDscr label:hover {
			cursor				: pointer;
		}

		#authorDscr input[type="checkbox"].on-off{
			display				: none;
		}

		#authorDscr ul {
			-webkit-transition		: all 0.5s;
			-moz-transition			: all 0.5s;
			-ms-transition			: all 0.5s;
			-o-transition			: all 0.5s;
			transition				: all 0.5s;
			margin					: 0;
			padding					: 0;
			list-style				: none;
		}
		#authorDscr li {
			padding					: 0;
		}
		#authorDscr input[type="checkbox"].on-off + ul{
			max-height					: 0;
			overflow					: hidden;
		}
		#authorDscr input[type="checkbox"].on-off:checked + ul{
			max-height						: 50em;
		}


	/* 関連作品 */
	#relatedCts {
		/* background		: #ff0; CHK */
		margin			: 0 auto 20px;
		width			: 940px;
		overflow		: auto;
	}
	.relatedCts_list {
		background		: #fff;
		border			: 1px solid #ccc;
		display			: inline-block;
		height			: 83px;
		margin			: 0 5px 10px;
		padding			: 4px;
		width			: 293px;
	}
		.rCl-thumbs {
			float		: left;
			margin		: 0 10px 0 0;
			width		: 100px;
		}
			.rCl-thumbs img {
				height		: auto;
				width		: 100px;
			}
		.rCl-txt {
			float			: left;
			font-size		: 1.4rem;
			font-weight		: bold;
			width			: 183px;
		}

	/* 関連リンクボタン */
	.JQhL-AuthBtn,
	.JQhL-bluBtn {
		float			: right;
	}
		#authorDscr .JQhL-AuthBtn,
		#authorDscr .JQhL-bluBtn {
			margin					: 10px 0 20px 0;
		}

	#relatedLink {
		/* background		: #fa0; CHK */
		margin			: 0 auto;
		width			: 940px;
		overflow		: auto;
	}
		.JQhL-AuthBtn a,
		.JQhL-bluBtn a,
		.JQhL-rltdLink_Btn a {
			background			: #fff;
			border				: 1px solid #025bc0;
			display				: block;
			line-height			: 1.1;
		}
		.JQhL-AuthBtn a,
		.JQhL-bluBtn a {
			width				: 225px;
		}
		.JQhL-rltdLink_Btn a {
			display				: block;
			float				: left;
			margin				: 6.666666px;
			width				: 298px;
		}
		.JQhL-AuthBtn a:hover,
		.JQhL-bluBtn a:hover,
		.JQhL-bluBtn-L a:hover,
		.JQhL-rltdLink_Btn a:hover {
			text-decoration		: none;
			opacity				: 0.7;
				filter			: alpha(opacity=70);
		}
			.JQhL-AuthBtn a i,
			.JQhL-bluBtn a i,
			.JQhL-rltdLink_Btn a i {
				background			: #025bc0;
				color				: #fff;
				float				: left;
				text-align			: center;
			}
			.JQhL-AuthBtn a i,
			.JQhL-bluBtn a i {
				height				: 25px;
				line-height			: 25px;
				width				: 25px;
			}
			.JQhL-rltdLink_Btn a i {
				font-size			: 2rem;
				height				: 50px;
				line-height			: 50px;
				width				: 50px;
			}
			.JQhL-AuthBtn a span,
			.JQhL-bluBtn a span,
			.JQhL-rltdLink_Btn a span {
				color				: #025bc0;
				display				: table-cell;
				font-size			: 1.3rem;
				font-weight			: bold;
				padding				: 0 4px;
				text-align			: center;
				vertical-align		: middle;
			}
			.JQhL-AuthBtn a span,
			.JQhL-bluBtn a span {
				height				: 25px;
				line-height			: 25px;
				width				: 190px;
			}
			.JQhL-rltdLink_Btn a span {
				height				: 50px;
				width				: 240px;
			}




/* ニュース */
#cts_news_area {
	/*background				: #dfa; CHK*/
	float					: right;
	margin					: 0;
}

#cts_news {
	/*background				: #eef; CHK*/
	border					: 1px solid #ccc;
	height					: auto;
	margin					: 0;
	padding					: 0;
	width					: 458px;
}
#cts_news a {
	color					: #025bc0;
}
	.cts_news_hdr {
		border-bottom		: 1px dotted #ccc;
		clear				: both;
		font-size			: 10px;
		height				: 50px;
		line-height			: 50px;
		margin				: 0 0 5px 0;
		padding				: 0;
	}
		.cnh_mds {
			display				: inline-block;
			font-weight			: bold;
			float				: left;
			font-size			: 13px;
			margin				: 0;
			padding				: 0 0 0 10px;
			text-align			: left;
			width				: 45%;
		}
		.cnh_list {
			display				: inline-block;
			float				: right;
			margin				: 0;
			padding				: 0 10px 0 0;
			text-align			: right;
			width				: 45%;
			font-size			: 10px;
		}

	#cts_news ul {
		clear				: both;
		letter-spacing		: -.40em;
		margin				: 0;
		padding				: 5px 0;
		font-size			: 0;
	}
		#cts_news ul li,
		#cts_news ul li span {
			letter-spacing	: normal;
		}
		#cts_news ul li {
			clear			: both;
			display			: block;
		}
		#cts_news ul li span {
			font-size: 12px;
		}
			#cts_news ul li span.startDate {
				/* background			: rgba(250,200,150,.7); CHK */
				border-right		: 1px dotted #ccc;
				display				: block;
				float				: left;
				text-align			: center;
				width				: 70px;
			}
			#cts_news ul li span.startDate,
			#cts_news ul li span.news_ttl {
				height				: 23px;
			}
			#cts_news ul li span.news_ttl {
				/* background			: rgba(250,100,250,.5); CHK */
				display				: block;
				float				: left;
				overflow			: hidden;
				padding				: 0 0 0 5px;
				white-space			: nowrap;
				width				: 365px;
			}
			#cts_news ul li span.triangleGray {
				display				: block;
				float				: left;
				margin				: 5px 0 0 5px;
			}

/* == CTS Twitter == */
#cts_twitter {
	/*background				: #af3; CHK */
	border					: 1px solid #CCC;
	float					: left;
	font-size				: 1.1rem;
	margin					: 20px 0 0 20px;
	padding					: 0;
	width					: 458px;
}
	#cts_tw_hdr {
		/*background			: #ad3; CHK */
		border-bottom		: 1px solid #CCC;
		height				: 36px;
		margin				: 10px;
		padding				: 0 0 8px 0;
		position			: relative;
		width				: 438px;
	}
		#cts_tw_hdr img {
			bottom				: 10px;
			left				: 0;
			position			: absolute;
		}
		#cts_tw_hdr span {
			bottom				: 2px;
			display				: block;
			font-size			: 1.4rem;
			font-weight			: bold;
			left				: 42px;
			line-height			: 46px;
			margin				: 0;
			position			: absolute;
		}
		.followBtn {
			bottom				: 17px;
			display				: inline;
			right				: 0;
			position			: absolute;
		}

/* キャラ紹介 */
	#chara {
		/* background			: rgba(200,150,100,.8); CHK */
		margin			: 0 auto;
		width					: 940px;
	}
		#chara ul {
			/* background					: #ff0; CHK */
			list-style					: none;
			margin						: 0;
			padding						: 0;
			width						: 940px;
		}
			#chara li {
				/* background				: #fce; CHK */
				padding					: 0;
			}

		.JQhL-chara-box {
			/* background			: rgba(255,255,100,.8); CHK */
			border-bottom		: 1px dotted #ccc;
			float				: left;
			margin				: 0 20px 10px 0;
			text-align			: left;
			width				: 300px;
		}
			#chara li:nth-child(3n) {
				/* background			: rgba(255,255,200,.5); CHK */
				margin				: 0 0 10px 0;
			}
		.JQhL-chara-box dt {
			/* background			: rgba(0,100,255,.5); CHK */
			float				: left;
			padding				: 0 15px 0 0;
		}
			.JQhL-chara-box dt img {
				border				: 1px solid #ccc;
				padding				: 4px;
				width				: 86px;
			}
		.JQhL-chara-box dd {
			/* background			: rgba(255,100,255,.3); CHK */
			float				: right;
			text-align			: left;
			width				: 189px;
		}
			.chara-name-bold {
				/* background			: rgba(155,5,5,.3); CHK */
				font-size			: 1.4rem;
				font-weight			: bold;
				margin				: 0 !important;
				padding				: 0 !important;
			}
			.chara-name {
				/* background			: rgba(50,155,5,.3); CHK */
				font-size			: 1rem;
				font-weight			: bold;
				margin				: 0 !important;
				padding				: 0 !important;
			}
			.chara-cap {
				font-size			: 1.1rem;
				line-height			: 1.4;
			}



/* 991px サイズ***********************************************************/
@media screen and (max-width: 991px) {

/*
========================================================
BASE
========================================================
*/
#cts_wrap {
	max-width			: 720px;
	width				: 720px;
}
/* main image */
#cts-main {
	position			: relative;
	margin				: 0 auto 20px auto;
}
/* SNS シェア*/
.share_box ul li {
	margin-right		: 6px;
	width				: 236px;
}
.share_box ul li:last-child {
	margin-right		: 0;
}
	/* Content, フリーエリア */
	#CtsSpace,
	#freeArea,
	#freeArea-b {
		margin				: 20px 0;
	}

	/* 動画エリア */
			iframe.iframeSS { /*4L*/
				height			: 188px;
				width			: 334px;
			}
			iframe.iframeS { /*3L*/
				height			: 127px;
				width			: 226px;
			}
			iframe.iframeM { /*2L*/
				height			: 188px;
				width			: 334px;
			}
			iframe.iframeL { /*1L*/
				height			: 288px;
				width			: 512px;
			}
			iframe.iframeLL { /*1L-MAX*/
				height			: 383px;
				width			: 680px;
			}

	/* 特設バナー*/
	#bnr_area {
		margin-top				: 0;
		padding					: 0;
		text-align				: center;
		width					: 100%;
	}
		#bnr_area a img {
			height					: 54px;
			width					: 720px;
		}

	/* 単行本*/
	#newKC {
		/* background			: #fad; CHK */
		float				: none;
		height				: auto;
		margin				: 0 0 20px 0;
		width				: 720px;
		overflow			: auto;
	}
		.newKC-img img {
			width			: 160px;
		}
		.newKC-spec {
			/* background		: #df9; CHK */
			width			: 540px;
		}
		.newKC-title, 
		.newKC-author {
			display				: block;
			float				: left;
			line-height			: 1;
			margin				: 0;
		}
		.newKC-title {
			border-right		: 1px dotted #000;
			padding				: 2px 10px 0 0;
		}
		.newKC-author {
			border-left		: 1px dotted #000;
			padding				: 2px 0 0 10px;
		}

	/* 単行本スライダー */
			/* 単行本スライダーORG */
			#cts_comic-slider {
				float				: none;
				width				: 540px;
			}
					#cts_comic-slider #ComicSlider-R .item {
						/* background			: rgba(150,200,150,.2); CHK */
						margin				: 0;
						padding				: 10px 16px;
					}

	/* ボタンエリア */
	#btnArea {
		width				: 720px;
	}

	#CmcFlag-B,
	#infoArea {
		width				: 720px;
	}

		
	/* 作品紹介・著者紹介 */
#cts-atr {
	width					: 350px;
}
	#ctsDscr, 
	#authorDscr {
		width				: 350px;
	}


#cts_news {
	width					: 348px;
}
	#cts_news ul li span.news_ttl {
		width				: 245px;
	}


	/* == CTS Twitter == */
	#cts_twitter {
		width					: 348px;
	}
		#cts_tw_hdr {
			width				: 328px;
		}

	/* 関連作品 */
	#relatedCts {
		width			: 720px;
	}
	.relatedCts_list {
		width			: 340px;
	}
		.rCl-txt {
			width			: 230px;
		}

	/* 関連リンクボタン */
	#relatedLink {
		width			: 720px;
	}
		.JQhL-rltdLink_Btn a {
			margin				: 6px;
			width				: 346px;
		}
			.JQhL-AuthBtn a span,
			.JQhL-bluBtn a span {
				width				: 190px;
			}
			.JQhL-rltdLink_Btn a span {
				width				:  288px;
			}

	/* キャラ紹介 */
	#chara,
	#chara label,
	#chara ul {
		width						: 720px;
	}
	.JQhL-chara-box {
		margin				: 0 15px 10px 0;
		width				: 230px;
	}
		#chara li:nth-child(3n) {
			margin				: 0 0 10px 0;
		}
		.JQhL-chara-box dt img {
			width				: 70px;
		}
	.JQhL-chara-box dd {
		width				: 135px;
	}
	.JQhL-chara-box:after {
			clear			: both;
			content			: ".";
			display			: block;
			height			: 0;
			visibility		: hidden;
	}

}


/* 767px サイズ***********************************************************/
@media screen and (max-width: 767px) {

#cts_wrap {
	width				: 466px;
	max-width			: 466px;
}
/* main image */
#cts-main {
	position			: relative;
	margin				: 0 auto 20px auto;
}
	.mainimg_pc {
		display			: none;
	}
	.mainimg_sp {
		display			: block;
	}

	/* ボタンエリア */
	#btnArea {
		display				: table-cell;
		float				: left;
		margin				: 0;
		padding				: 10px 0;
		width				: 360px;
		vertical-align		: middle;
	}
		#btnArea:after {
			clear				: both;
			content				: ".";
			display				: block;
			height				: 0;
			line-height			: 0;
			visibility			: hidden;
		}
			.trialBtn_Cts a,
			.buylBtn_Cts a {
				border-radius			: 5px;
				color					: #fff;
				display					: block;
				font-size				: 1.8rem;
				font-weight				: bold;
				margin					: 10px auto;
				padding					: 0;
				text-align				: center;
				width					: 90%;
			}
			.trialBtn_Cts a {
				background				: #30b8a6;
				height					: 40px;
				line-height				: 40px;
			}
			.buylBtn_Cts a {
				background				: #ef7c42;
				height					: 60px;
				line-height				: 60px;
			}
			.trialBtn_Cts a:hover,
			.buylBtn_Cts a:hover {
				text-decoration			: none;
				opacity				: 0.75;
					filter			: alpha(opacity=75);
					-moz-opacity	: 0.75;
			}
				.trialBtn_Cts a i,
				.buylBtn_Cts a i {
					font-size				: 2rem;
					margin					: 0 10px 0 0;
				}

/* SNS シェア*/
.share_box ul li {
	margin-right		: 0;
	width				: 33.33333333333333333333%;
}

	#bnr_area_480 {
		margin					: 0;
		padding					: 0;
		display					: none;
	}
		#bnr_area_480 a img {
			height					: 100px;
			width					: 300px;
		}
			.movArea iframe {
				display			: block;
				margin			: 0 auto 5px !important;
				width			: 80% ;
			}
			#cts-yt_ttl {
				font-size			: 1.4rem;
				height				: 24px;
				line-height			: 24px;
				padding				: 2px;
			}

	/* 動画エリア */
			iframe.iframeSS,
			iframe.iframeS,
			iframe.iframeM,
			iframe.iframeL,
			iframe.iframeLL {
				height			: 209px;
				width			: 372px;
			}

	/* 作品Twitter */
	#cts_twitterMA {
			width			: 466px;
	}
		#cts_twitterMA .twitter-timeline {
			width			: 466px !important;
		}


	/* 特設バナー*/
	#bnr_area {
		display			: none;
	}
	#bnr_area_480 {
		display			: block;
	}
		#bnr_area_480 a img {
			height					: auto;
			width					: 100%;
		}
	/* content */
	#CtsSpace iframe,
	#CtsSpace img {
		float		: none;
		width		: 100% ;
	}

	/* 単行本*/
	#newKC {
		height				: 470px;
		width				: 466px;
	}
		.newKC-img img {
			width			: 160px;
		}
		.newKC-spec {
			/* background		: #df9; CHK */
			position		: static;
			width			: 286px;
		}
		.newKC-title, 
		.newKC-author {
			float				: none;
		}
		.newKC-title {
			border-right		: none;
			padding				: 0;
		}
		.newKC-author {
			border-left			: none;
			padding				: 0;
		}

	/* 単行本スライダー */
			#cts_comic-slider {
				float				: none;
				width				: 466px;
			}
					#cts_comic-slider #ComicSlider-R .item {
						/* background			: rgba(150,200,150,.2); CHK */
						margin				: 0;
						padding				: 10px 18.5px;
					}

	/* ボタンエリア */
	#btnArea,
	#CmcFlag-A,
	#CmcFlag-B,
	#infoArea {
		width				: 466px;
	}

	/* 作品紹介・著者紹介 */
#cts-atr {
	float					: none;
	width					: 466px;
}
	#ctsDscr, 
	#authorDscr,
	#cmc_area_CL #ctsDscr, 
	#cmc_area_CL #authorDscr {
		float				: none;
		margin				: 10px auto;
		width				: 466px;
	}
	#cmc_area_CL {
		/* background: rgba(200,150,200,.5); CHK */
		float				: none;
		height				: auto;
		margin				: 0 0 20px 0;
		width				: 100%;
	}
	#cmc_area_CR {
		/* background: rgba(100,255,100,.5); CHK */
		float				: none;
		height				: auto;
		margin				: 0;
		width				: 100%;
	}
		#cmc_area_CL:after,
		#cmc_area_CR:after {
			clear			: both;
			content			: ".";
			display			: block;
			height			: 0;
			visibility		: hidden;
		}

#cts_news {
	width					: 464px;
}
	#cts_news ul li span.news_ttl {
		width				: 345px;
	}

	/* == CTS Twitter == */
	#cts_twitter {
		margin					: 20px 0 0 0;
		width					: 464px;
	}
		#cts_tw_hdr {
			width				: 436px;
		}

	/* 関連作品 */
	#relatedCts {
		width			: 466px;
	}
	.relatedCts_list {
		display			: block;
		margin			: 0 0 10px;
		width			: 456px;
	}
		.rCl-txt {
			width			: 346px;
		}

	/* 関連リンクボタン */
	#relatedLink {
		width			: 466px;
	}
		.JQhL-rltdLink_Btn {
			margin				: 0 0 10px 0;
		}
		.JQhL-rltdLink_Btn a {
			float				: none;
			margin				: 0;
			width				: 464px;
		}
			.JQhL-AuthBtn a span,
			.JQhL-bluBtn a span {
				width				: 190px;
			}
			.JQhL-rltdLink_Btn a span {
				width				: 406px;
			}

	/* キャラ紹介 */
	#chara,
	#chara label,
	#chara ul {
		width					: 466px;
	}
		.JQhL-chara-box {
			width				: 223px;
		}
			.JQhL-chara-box dt img {
				border				: 1px solid #ccc;
				padding				: 4px;
				width				: 80px;
			}
			#chara li:nth-child(2n) {
				/* background			: rgba(255,255,200,.5); CHK */
				margin				: 0 0 10px 0;
			}
			#chara li:nth-child(3n) {
				/* background			: rgba(255,255,200,.5); CHK */
				margin				: 0 20px 10px 0;
			}
			#chara li:nth-child(6n) {
				/* background			: rgba(255,255,200,.5); CHK */
				margin				: 0 0 10px 0;
			}
			.JQhL-chara-box dt img {
				border				: 1px solid #ccc;
				padding				: 4px;
				width				: 72px;
			}
		.JQhL-chara-box dd {
			/* background			: rgba(255,100,255,.3); CHK */
			float				: right;
			text-align			: left;
			width				: 125px;
		}

}


/* 480px サイズ***********************************************************/
@media screen and (max-width: 480px) {
	#cts_wrap {
		min-height			: 600px;
		width				: 300px !important;
		max-width			: 300px !important;
	}

	/* SNS シェア*/
	.share_box {
	}
	.share_box ul li {
		float				: none;
		margin				: 0 0 5px 0;
		width				: 100%;
	}
	/* 動画エリア */
			iframe.iframeSS,
			iframe.iframeS,
			iframe.iframeM,
			iframe.iframeL,
			iframe.iframeLL {
				height			: 135px;
				width			: 240px;
			}

	/* content */
	#CtsSpace .img_pc,
	#freeArea .img_pc,
	#freeArea-b .img_pc {
		display			: none;
	}
	#CtsSpace .img_sp,
	#freeArea .img_sp,
	#freeArea-b .img_sp {
		display			: block;
	}

	/* 作品Twitter */
	#cts_twitterMA {
			width			: 300px;
	}
		#cts_twitterMA .twitter-timeline {
			width			: 300px !important;
		}

	/* 単行本*/
	#newKC {
		height				: 450px;
		width				: 300px;
	}
		.newKC-img img {
			width			: 140px;
		}
		.newKC-spec {
			float			: left;
			width			: 140px;
		}

	/* 単行本スライダー */
			/* 単行本スライダーORG */
			#cts_comic-slider {
				width				: 300px;
			}
					#cts_comic-slider #ComicSlider-R .item {
						/* background			: rgba(150,200,150,.2); CHK */
						margin				: 0;
						padding				: 10px 9px;
					}

	/* ボタンエリア */
	#btnArea,
	#CmcFlag-A,
	#CmcFlag-B,
	#infoArea {
		width				: 300px;
	}


	/* 作品紹介・著者紹介 */
#cts-atr {
	width					: 300px;
}
	#ctsDscr, 
	#authorDscr,
	#cmc_area_CL #ctsDscr, 
	#cmc_area_CL #authorDscr {
		width				: 300px;
	}

	/* 関連作品 */
	#relatedCts {
		width			: 300px;
	}
	.relatedCts_list {
		width			: 290px;
	}
		.rCl-txt {
			width			: 180px;
		}

	/* 関連リンクボタン */
	#relatedLink {
		width			: 300px;
	}
		.JQhL-rltdLink_Btn a {
			width				: 298px;
		}
			.JQhL-AuthBtn a span,
			.JQhL-bluBtn a span {
				width				: 190px;
			}
			.JQhL-rltdLink_Btn a span {
				width				:  240px;
			}

#cts_news {
	width					: 298px;
}
	#cts_news ul li span.news_ttl {
		width				: 198px;
	}

	/* == CTS Twitter == */
	#cts_twitter {
		margin					: 20px 0 0 0;
		width					: 298px;
	}
		#cts_tw_hdr {
			width				: 278px;
		}

/* キャラ紹介 */
	#chara,
	#chara label,
	#chara ul {
			width					: 300px;
	}
		.JQhL-chara-box {
			float				: none;
			margin				: 0 0 10px 0;
			width				: 300px;
		}
			#chara li:nth-child(2n) {
				margin				: 0 0 10px 0;
			}
			#chara li:nth-child(3n) {
				margin				: 0 0 10px 0;
			}
			#chara li:nth-child(6n) {
				margin				: 0 0 10px 0;
			}
		.JQhL-chara-box dt {
			/* background			: rgba(0,100,255,.5); CHK */
			float				: left;
			padding				: 0 15px 0 0;
		}
			.JQhL-chara-box dt img {
				width				: 90px;
			}
		.JQhL-chara-box dd {
			width				: 185px;
		}

	#speciallink {
		width			: 300px;
	}

}


/* 767px サイズ***********************************************************/
@media screen and (max-width: 767px) {

	/* ボタンエリア */
			.trialBtn_Cts a,
			.buylBtn_Cts a {
				font-size				: 1.6rem;
			}
				.trialBtn_Cts a i,
				.buylBtn_Cts a i {
					font-size				: 1.8rem;
				}


}