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

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* ページトップ */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:10000;
}
#page-top a {
	background: #eb6d9a;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #ff3980;
}

/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* 全体・枠作り */

html,body {
  height:100%;
}

img { display:block; }


body {
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:rgba(0,0,0,1.00);
	
}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
}

#PageWrapper2 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	padding-top:48px;
	background:url(../img/dakimakura_bg.jpg) left top repeat;
}


#Mainvisual {
	width:100%;
	height:1800px;
	/*padding-top:200px;*/
	padding-top:60px;
	background-size:cover;
	position: relative;
	overflow: hidden;
}

.visual {
	background:url(../img/mainvisual.jpg) center top no-repeat;
	min-width: 1000px;
	max-width: 1400px;
	background-size:cover;
	height:1800px;
	margin:0 auto 0;
	position: relative;
	box-shadow:0 0 10px rgba(255,175,196,1.00);
}

#Menu {
	background:url(../img/menu_bg.png) center top no-repeat;
	width:1000px;
	height:129px;
	position: absolute;
	/*top:200px;*/
	top:60px;
	left:50%;
	margin-left:-500px;
}

#Menu ul {
	width:890px;
	margin:0 auto;
}

#Menu ul li {
	display: block;
	height:129px;
	float:left;
}

#Menu ul li a {
	display: block;
	height:129px;
	position: relative;
}

#Menu ul li a:before {
	content:"";
	display: block;
	height:129px;
	opacity: 1;
	transition: all 0.3s;
	position: absolute;
	left:0;
	top:0;
}

#Menu ul li a:hover:before {
	opacity: 0;
}

#Menu ul li a:after {
	content:"";
	display: block;
	height:129px;
	opacity: 0;
	transition: all 0.3s;
	position: absolute;
	left:0;
	top:0;
}

#Menu ul li a:hover:after {
	opacity: 1;
}

li.menu01 a {width:129px;height:129px;}
li.menu02 a {width:127px;height:129px;}
li.menu03 a {width:133px;height:129px;}
li.menu04 a {width:130px;height:129px;}
li.menu05 a {width:130px;height:129px;}
li.menu06 a {width:112px;height:129px;}
li.menu07 a {width:129px;height:129px;}

li.menu01 a:before {width:129px;background:url(../img/menu_01.png) left top no-repeat;}
li.menu02 a:before {width:127px;background:url(../img/menu_02.png) left top no-repeat;}
li.menu03 a:before {width:133px;background:url(../img/menu_03.png) left top no-repeat;}
li.menu04 a:before {width:130px;background:url(../img/menu_04.png) left top no-repeat;}
li.menu05 a:before {width:130px;background:url(../img/menu_05.png) left top no-repeat;}
li.menu06 a:before {width:112px;background:url(../img/menu_06.png) left top no-repeat;}
li.menu07 a:before {width:129px;background:url(../img/menu_07.png) left top no-repeat;}

li.menu01 a:after {width:129px;background:url(../img/menu_01b.png) left top no-repeat;}
li.menu02 a:after {width:127px;background:url(../img/menu_02b.png) left top no-repeat;}
li.menu03 a:after {width:133px;background:url(../img/menu_03b.png) left top no-repeat;}
li.menu04 a:after {width:130px;background:url(../img/menu_04b.png) left top no-repeat;}
li.menu05 a:after {width:130px;background:url(../img/menu_05b.png) left top no-repeat;}
li.menu06 a:after {width:112px;background:url(../img/menu_06b.png) left top no-repeat;}
li.menu07 a:after {width:129px;background:url(../img/menu_07b.png) left top no-repeat;}

header {
	background:url(../img/head_bg.jpg) left top repeat-x;
	width:100%;
	height:60px;
	position: absolute;
	top:0;
	left:0;
	z-index:100;
}

.head_logo {
	background:url(../img/head_title.png) left top no-repeat;
	width:140px;
	height:44px;
	position: absolute;
	right:50%;
	margin-right:-500px;
	top:8px;
}

.head_poison {
	background:url(../img/poison_logo.png) left top no-repeat;
	width:98px;
	height:22px;
	position: absolute;
	left:50%;
	margin-left:-49px;
	top:19px;
}

.head_poison a {
	display: block;
	width:98px;
	height:22px;
	text-indent: 9999px;
	overflow: hidden;
}

.head_shadow {
	background:url(../img/head_shadow.png) left bottom repeat-x;
	width:100%;
	height:350px;
	position: absolute;
	top:0;
	left:0;
}

.main_shadow {
	background:url(../img/shadow.png) left top repeat-x;
	width:100%;
	height:500px;
	position: absolute;
	bottom:0;
	left:0;
}

.head_sale {
	position: absolute;
	left:50%;
	margin-left:-276px;
	top:80px;
	z-index:300;
}

.head_sale a {
	transition: all 0.3s;
}

.head_sale a:hover {
	opacity: 0.7;
}

#Cacth {
	background:url(../img/catch.png) left top no-repeat;
	width:171px;
	height:384px;
	position: absolute;
	top:570px;
	left:50px;
	z-index: 24;
}

#Title {
	background:url(../img/main_title.png) center top no-repeat;
	width:100%;
	height:390px;
	position: absolute;
	z-index:30;
	bottom:200px;
	left:0;
}

#Dakimakura {
	width:223px;
	height:200px;
	position: absolute;
	top:210px;
	right:24px;
	z-index: 24;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:0 0 10px rgba(255,175,196,1.00);
	background-color:#fff;
}

#Dakimakura a img {
	transition: all 0.3s;
	opacity: 1;
}

#Dakimakura a:hover img {
	opacity: 0.7;
}

#DMM {
	width:224px;
	height:71px;
	position: absolute;
	top:210px;
	right:24px;
	z-index: 24;
	border-radius: 22px;
	overflow: hidden;
	box-shadow:0 0 10px rgba(255,175,196,1.00);
	background-color:#fff;
}

#DMM a img {
	transition: all 0.3s;
	opacity: 1;
	margin-left:-1px;
}

#DMM a:hover img {
	opacity: 0.7;
}

#Enquete {
	width:224px;
	height:71px;
	position: absolute;
	top:300px;
	right:24px;
	z-index: 24;
	border-radius: 22px;
	overflow: hidden;
	box-shadow:0 0 10px rgba(255,175,196,1.00);
	background-color:#fff;
}

#Enquete a img {
	transition: all 0.3s;
	opacity: 1;
	margin-left:-1px;
}

#Enquete a:hover img {
	opacity: 0.7;
}

#Enquete2 {
	width:224px;
	height:71px;
	position: absolute;
	top:390px;
	right:24px;
	z-index: 24;
	border-radius: 22px;
	overflow: hidden;
	box-shadow:0 0 10px rgba(255,175,196,1.00);
	background-color:#fff;
}

#Enquete2 a img {
	transition: all 0.3s;
	opacity: 1;
	margin-left:-1px;
}

#Enquete2 a:hover img {
	opacity: 0.7;
}


#Twitter {
	background:url(../img/twitter_bg.jpg) left top no-repeat;
	width:220px;
	height:320px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:0 0 10px rgba(255,175,196,1.00);
}

#Masterup {
	background:url(../img/masterup.png) left top no-repeat;
	width:192px;
	height:149px;
	position: absolute;
	left:0px;
	top:200px;
}

.twitter_block {
	width:181px;
	height:213px;
	padding-left:20px;
	padding-top:63px;
}

.contentsarea {
	width:100%;
	margin:0 auto 56px;
	position: relative;
}

.contentsbox {
	width:910px;
	border-radius: 15px;
	overflow: hidden;
	margin:0 auto;
	box-shadow:0 0 10px rgba(255,175,196,1.00);
	position: relative;
	z-index:1;
}

.contentshead {
	width:920px;
	height:69px;
	position: absolute;
	top:-15px;
	left:50%;
	margin-left:-460px;
	z-index: 50;
}

#Highlight {
	background:url(../img/highlight_body.jpg) left top no-repeat;
	height:1181px;
}

.head_highlight {
	background:url(../img/highlight_head.png) left top no-repeat;
}

#Story {
	background:url(../img/story_body.jpg) left top no-repeat;
	height:693px;
}

.head_story {
	background:url(../img/story_head.png) left top no-repeat;
}

#Chara01 {
	background:url(../img/chara_body01a.jpg) left top no-repeat;
	height:784px;
}

.head_chara01 {
	background:url(../img/chara_head01.png) left top no-repeat;
}

#Chara02 {
	background:url(../img/chara_body02a.jpg) left top no-repeat;
	height:784px;
}

.head_chara02 {
	background:url(../img/chara_head02.png) left top no-repeat;
}

.voicewrap {
	position: absolute;
	left:180px;
	top:250px;
}

.voicewrap ul li {
	float:left;
	margin-right:12px;
}

#Gallery {
	background:url(../img/gallery_bg.jpg) left top no-repeat;
	height:744px;
}

#Gallery ul {
	padding-left:23px;
	margin-right:-50px;
	margin-top:147px;
}

#Gallery ul li {
	width:270px;
	height:151px;
	float:left;
	margin-right:27px;
	margin-bottom:50px;
	background-color:#fff;
}

#Gallery ul li a img {
	transition: all 0.3s;
	opacity: 1;
}

#Gallery ul li a:hover img {
	opacity: 0.7;
}

.head_gallery {
	background:url(../img/gallery_head.png) left top no-repeat;
}

#Spec {
	background:url(../img/spec_body.jpg) left top no-repeat;
	height:937px;
}

.head_spec {
	background:url(../img/spec_head.png) left top no-repeat;
}

#Special {
	background:url(../img/special_body.jpg) left top no-repeat;
	height:769px;
}

.head_special {
	background:url(../img/special_head.png) left top no-repeat;
}

#Movie {
	background:url(../img/movie_body.jpg) left top no-repeat;
	height:765px;
}

.movie_box {
	width:640px;
	height:392px;
	margin:0 auto;
	padding-top:310px;
}

.head_movie{
	background:url(../img/movie_head.png) left top no-repeat;
}

.download_button {
	width:524px;
	height:122px;
	position: absolute;
	left:50%;
	margin-left:-262px;
	bottom:40px;
}

#DLSale {
	background:url(../img/gallery_bg.jpg) left top no-repeat;
	padding-top:80px;
	padding-bottom:30px;
	text-align: center;
}

#DLSale ul.list01 {
	display: inline-block;
	padding-left:31px;
	margin-bottom:15px;
}

#DLSale ul.list01 li {
	float:left;
	margin-right:31px;
	background-color:#fff;
}

#DLSale ul.list02 {
	display: inline-block;
	padding-left:15px;
}

#DLSale ul.list02 li {
	float:left;
	margin-right:15px;
	background-color:#fff;
}

#DLSale a img {
	transition: all 0.3s;
}

#DLSale a:hover img {
	opacity: 0.6;
}

.head_dlsale {
	background:url(../img/dlsale_head.png) left top no-repeat;
}

footer {
	background:url(../img/head_bg.jpg) left top repeat-x;
	width:100%;
	padding-top:12px;
	height:48px;
	position: relative;
	color:#fff;
	font-size:1.1em;
}

.foot_poison {
	background:url(../img/poison_logo.png) left top no-repeat;
	width:98px;
	height:22px;
	margin:0 auto;
}

.foot_poison a {
	display: block;
	width:98px;
	height:22px;
	text-indent: 9999px;
	overflow: hidden;
}

.dakimakura_body {
	background:url(../img/dakimakura_body.jpg) center top no-repeat;
	width:1376px;
	min-width: 1000px;
	height:5279px;
	border-radius: 15px;
	box-shadow:0 0 10px #ffafc4;
	margin:0 auto 48px;
	position: relative;
}

.dakimakura2_body {
	background:url(../img/dakimakura2_body.jpg) center top no-repeat;
	width:1376px;
	min-width: 1000px;
	height:5279px;
	border-radius: 15px;
	box-shadow:0 0 10px #ffafc4;
	margin:0 auto 48px;
	position: relative;
}

a.shoplink1 {
	display: block;
	width:1177px;
	height:425px;
	position: absolute;
	bottom:2006px;
	left:50%;
	margin-left:-603px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 48px;
	overflow: hidden;
	text-indent: -9999px;
}

a:hover.shoplink1 {
	opacity: 0.3;
}

a.shoplink2 {
	display: block;
	width:570px;
	height:325px;
	position: absolute;
	bottom:1540px;
	left:50%;
	margin-left:-603px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 48px;
	overflow: hidden;
	text-indent: -9999px;
}

a:hover.shoplink2 {
	opacity: 0.3;
}

a.shoplink3 {
	display: block;
	width:570px;
	height:325px;
	position: absolute;
	bottom:1540px;
	left:50%;
	margin-left:10px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 48px;
	overflow: hidden;
	text-indent: -9999px;
}

a:hover.shoplink3 {
	opacity: 0.3;
}

a.gamelink {
	display: block;
	width:1024px;
	height:1212px;
	position: absolute;
	bottom:154px;
	left:50%;
	margin-left:-520px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 48px;
}

a:hover.gamelink {
	opacity: 0.3;
}

a.shoplink4 {
	display: block;
	width:1177px;
	height:425px;
	position: absolute;
	bottom:2093px;
	left:50%;
	margin-left:-603px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 48px;
	overflow: hidden;
	text-indent: -9999px;
}

a:hover.shoplink4 {
	opacity: 0.3;
}

a.shoplink5 {
	display: block;
	width:570px;
	height:325px;
	position: absolute;
	bottom:1628px;
	left:50%;
	margin-left:-603px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 48px;
	overflow: hidden;
	text-indent: -9999px;
}

a:hover.shoplink5 {
	opacity: 0.3;
}

a.shoplink6 {
	display: block;
	width:570px;
	height:325px;
	position: absolute;
	bottom:1628px;
	left:50%;
	margin-left:10px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 48px;
	overflow: hidden;
	text-indent: -9999px;
}

a:hover.shoplink6 {
	opacity: 0.3;
}

a.gamelink2 {
	display: block;
	width:1024px;
	height:1212px;
	position: absolute;
	bottom:206px;
	left:50%;
	margin-left:-520px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	border-radius: 48px;
}

a:hover.gamelink2 {
	opacity: 0.3;
}