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

/* =========================================================== */
/* フォーマット */
/* =========================================================== */
html {
margin:0px;
padding:0px;
}
body {
	background-color:#ffffff;
	font-family: "メイリオ",Meiryo, sans-serif;
	height: 100%;
	border-top:10px solid #e184a5;
}
a:link,
a:visited {
	outline-width:0;
	text-decoration:none;
}
a:hover,
a:active {
	outline-width:0;
}

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 {
	font-size:15px;
	color:#000000;
	margin:0px;
	padding:0px;
}
.font_small td {
	font-size:12px;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
h1 a, .wdImg {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*
.area_photo:hover {
	background-image: url(../images/otomo/pattern-light.svg);
	background-repeat:repeat;
	background-color:#333333;
	opacity: 0.5;
}
.area_photo:hover {
	background-image: url(../images/otomo/pattern-dark.svg);
	background-repeat:repeat;
	background-color:#333333;
	opacity: 0.50;
}
*/
ul.list_cast li a :hover {
	opacity: 0.60;
}

.page_layout {
	min-width:1000px;
}

.txt_caution {
	font-size:12px;
	color:#666666;
}

a{
	color:#f04073;
}

a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}



/* =========================================================== */
/* コンテンツ*/
/* =========================================================== */




/* =========================================================== */
/* ヘッダー*/
/* =========================================================== */
header {
	position: relative;
	text-align:left;
	height:131px;
	z-index: 200;
}
header .inner {
	width:1000px;
	margin:0px auto;
	position: relative;
}

header .inner .head_sitebranding {
	position:absolute;
	top:0px;
	left:0px;
}


/* h1 ===================== */

h1 {
	margin-left:120px;
}


/* =========================================================== */
/* メインイメージ*/
/* =========================================================== */
.area_mainimage {
	width:100%;
	height: 1000px;
	overflow: hidden;
	position: absolute;
	top:15px;
	left:0px;
}

.area_mainimage .inner {
	width:120%;
	height: 600px;
	background:url(../images/LP/vd001/mainimage.jpg) center top no-repeat;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-6.34deg);
	-ms-transform: rotate(-6.34deg);
	transform: rotate(-6.34deg);
	margin-left:-10%;
	/*overflow: hidden;*/
	margin-top:100px;
}

.area_mainimage .inner p {
	width:1000px;
	font-size:26px;
	text-align:right;
	-webkit-transform: rotate(6.34deg);
	-ms-transform: rotate(6.34deg);
	transform: rotate(6.34deg);
	position: relative;
	top:580px;
	margin:0px auto;
}




/* =========================================================== */
/* メインコンテンツ*/
/* =========================================================== */
.main_contents {
	width:100%;
	text-align:center;
	position:relative;
	top:700px;
	margin:0px auto 0px auto;
}

.contents_box {
	position: relative;
	overflow: hidden;
	height: 1000px;
	top:0px;
	left:0px;
	margin: 0px 0px -430px 0px;
	padding: 0px;
}
.contents_box:before {
	content: '';
	position: absolute;
	top: 100px;
	left: 0;
	width: 120%;
	height: 380px;
	margin: 0px -10%;
	background:url(../images/LP/common/bg_contents.jpg) #fbf1f5 center center no-repeat;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-6.34deg);
	-ms-transform: rotate(-6.34deg);
	transform: rotate(-6.34deg);
	z-index: -1;
	overflow: hidden;
}

.contents_box .inner {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1000px;
	height: 100%;
	position: relative;
	color: #222222;
	text-align: left;
	margin: 110px auto 0px auto;
	padding: 0px;
}

.contents_box h2 {
	font-size:24px;
	text-align:left;
	padding-top:50px;
	padding-bottom:20px;
}
.contents_box h2 span {
	display:block;
	font-size:18px;
}


.cont_release {
	font-size:16px;
	color:#e51a22;
	position: absolute;
	top:20px;
	left:0px;
}

/* 各マガジンサイト・リンクボタン ===================== */
ul.btn_bookstand {
	margin-top:30px;
}
ul.btn_bookstand li {
	display:inline-block;
	margin-right:13px;
}
ul.btn_bookstand li:last-child {
	margin-right:0px;
}
ul.btn_bookstand li img {
	border:1px solid #ff93be;
}

ul.book_copyrights {
	margin-top:40px;
}
ul.book_copyrights li {
	font-size:14px;
}


.cont_left {
	float:left;
	width:255px;
	position: relative;
}
.cont_right {
	float:right;
	width:695px;
	position: relative;
}

.cont_bookimage {
	/*margin-bottom:20px;*/
}
.cont_bookimage img {
	border:5px solid #ee636b;
	border-right:9px solid #ee636b;
	border-bottom:9px solid #ee636b;
}

.cont_left p {
	font-size:14px;
	padding-bottom:15px;
}
.cont_left ul li {
	font-size:14px;
	padding-bottom:4px;
}

.cont_synopsis {
	padding:10px 0px 30px 8px;
}
.cont_synopsis p {
	font-size:18px;
	padding-bottom:20px;
}


.cont_cast {
	width:420px;
	float:left;
}
.cont_cast p {
	font-size:20px;
	color:#db6969;
	padding:0px 0px 15px 0px;
}

.cont_cast ul {
	display:table;
	width:100%;
}

.cont_cast ul li {
	display:table-cell;
	width: 50%;
	float:left;
	font-size:18px;
	border-bottom:1px dotted #a9a9a9;
	padding:8px 0px 4px 0px;
}
.cont_cast ul li span {
	background-color:#f04073;
	font-size:14px;
	color:#ffffff;
	margin-right:10px;
	padding:2px 5px 0px 5px;
}



.cont_audition {
	width:171px;
	float:right;
	/*background-color:#999999;*/
}


/* 04で処理 ===================== */
.contents_box#contID04 {
	margin-bottom:-600px;
}
/* 04で処理 8周年記念は24タイトル ===================== */
#anniv8th .contents_box#contID04 {
	margin-bottom:-430px;
}
#anniv8th .contents_box#contID26 {
	margin-bottom:-600px;
}

/******************************************************
footer
******************************************************/


footer{
	position:relative;
	background:#e184a5;
	top:1050px;
	padding:48px 0px 20px 0px;
}

/* navi */

footer nav{
	position:relative;
	width:1000px;
	min-height:33px;
	margin:0px auto 24px auto;
}

footer nav ul{
	width:100%;
	position:absolute;
	letter-spacing:-1em;
	text-align:center;
}

footer nav ul li{
	display:inline-block;
	margin:6px 11px 0px 6px;
}

footer nav ul li a{
	font-size:14px;
	letter-spacing:normal;
	font-weight:bold;
	color:#FFFFFF;
	line-height:100%;
	padding-left:20px;
	min-height:17px;
	background:url(../images/common/footer_navi_arrow.gif) left center no-repeat;
}

#deco_left_footer{
	position:absolute;
	left:0px;
}

#deco_right_footer{
	position:absolute;
	right:0px;
}

/* other */

footer .banner_list {
	position:relative;
	text-align:center;
	letter-spacing:-1em;
	margin-bottom:37px;
}

footer .banner_list li{
	display:inline-block;
	margin:0px 15px 0px 15px;
	
}

footer .banner_list li a{
	display:block;
}

footer .banner_list li img{
	display:block;
}

footer .legal{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:6px;
}

footer .comment{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}


/* =========================================================== */
/* イレギュラー対応*/
/* =========================================================== */
/* vd002 悪役令嬢後宮物語　ヘッドキャッチ（長過ぎる） ===================== */
#vd002 #contID02 .cont_release {
	font-size:15px;
}
.area_mainimage .inner.vd002 {
	background:url(../images/LP/vd002/mainimage.jpg) center top no-repeat;
}
#anniv8th .area_mainimage .inner {
	background:url(../images/LP/anniv8th/mainimage.jpg) center top no-repeat;
}
/* 8周年対応 ===================== */
#anniv8th .contents_box h2 {
	padding-top:10px;
}


/* =========================================================== */
/* 8周年時に作ったナンバリング*/
/* =========================================================== */
#anniv8th .contents_box .inner::before {
	position:absolute;
	top:-75px;
	right:0;
}
#anniv8th .contents_box#contID01 .inner::before {
	content:url(../images/LP/anniv8th/no-01.png);
}
#anniv8th .contents_box#contID02 .inner::before {
	content:url(../images/LP/anniv8th/no-02.png);
}
#anniv8th .contents_box#contID03 .inner::before {
	content:url(../images/LP/anniv8th/no-03.png);
}
#anniv8th .contents_box#contID04 .inner::before {
	content:url(../images/LP/anniv8th/no-04.png);
}
#anniv8th .contents_box#contID05 .inner::before {
	content:url(../images/LP/anniv8th/no-05.png);
}
#anniv8th .contents_box#contID06 .inner::before {
	content:url(../images/LP/anniv8th/no-06.png);
}
#anniv8th .contents_box#contID07 .inner::before {
	content:url(../images/LP/anniv8th/no-07.png);
}
#anniv8th .contents_box#contID08 .inner::before {
	content:url(../images/LP/anniv8th/no-08.png);
}
#anniv8th .contents_box#contID09 .inner::before {
	content:url(../images/LP/anniv8th/no-09.png);
}
#anniv8th .contents_box#contID10 .inner::before {
	content:url(../images/LP/anniv8th/no-10.png);
}
#anniv8th .contents_box#contID11 .inner::before {
	content:url(../images/LP/anniv8th/no-11.png);
}
#anniv8th .contents_box#contID12 .inner::before {
	content:url(../images/LP/anniv8th/no-12.png);
}
#anniv8th .contents_box#contID13 .inner::before {
	content:url(../images/LP/anniv8th/no-13.png);
}
#anniv8th .contents_box#contID14 .inner::before {
	content:url(../images/LP/anniv8th/no-14.png);
}
#anniv8th .contents_box#contID15 .inner::before {
	content:url(../images/LP/anniv8th/no-15.png);
}
#anniv8th .contents_box#contID16 .inner::before {
	content:url(../images/LP/anniv8th/no-16.png);
}
#anniv8th .contents_box#contID17 .inner::before {
	content:url(../images/LP/anniv8th/no-17.png);
}
#anniv8th .contents_box#contID18 .inner::before {
	content:url(../images/LP/anniv8th/no-18.png);
}
#anniv8th .contents_box#contID19 .inner::before {
	content:url(../images/LP/anniv8th/no-19.png);
}
#anniv8th .contents_box#contID20 .inner::before {
	content:url(../images/LP/anniv8th/no-20.png);
}
#anniv8th .contents_box#contID21 .inner::before {
	content:url(../images/LP/anniv8th/no-21.png);
}
#anniv8th .contents_box#contID22 .inner::before {
	content:url(../images/LP/anniv8th/no-22.png);
}
#anniv8th .contents_box#contID23 .inner::before {
	content:url(../images/LP/anniv8th/no-23.png);
}
#anniv8th .contents_box#contID24 .inner::before {
	content:url(../images/LP/anniv8th/no-24.png);
}
#anniv8th .contents_box#contID25 .inner::before {
	content:url(../images/LP/anniv8th/no-25.png);
}
#anniv8th .contents_box#contID26 .inner::before {
	content:url(../images/LP/anniv8th/no-26.png);
}


.area_cambnr {
	width:1028px;
	margin:0 auto 60px auto;
}
.area_campaign {
	background:url(../images/LP/anniv8th/waku_campmain.gif) center top repeat-y;
	width:1028px;
	margin:0 auto;
}
.area_campaign .inner {
	background-image:url(../images/LP/anniv8th/waku_camphead.gif),url(../images/LP/anniv8th/waku_campfoot.gif);
	background-position:center top,center bottom;
	background-repeat:no-repeat,no-repeat;
	text-align:left;
	padding:40px 60px;
}