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


@import url(https://fonts.googleapis.com/css?family=Chango);
/* clearfix */

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

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

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr10u {margin:0 auto 10px;}
.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}

body.fixed .menu_fix {
	margin-bottom:100px;
}

body.fixed #Menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8888;
}


/* 点滅 */
.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;}
}


/* FireFoxFadeブレ防止 */

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


/* 全体・枠作り */

html,body {
  height:100%;
}

img { display:block; }

.mr12 {margin-right:12px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr32 {margin-right:32px;}
.mr36 {margin-right:36px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr100 {margin-right:100px;}

body {
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/grand_bg.png) left top repeat;
}

body#EVCG {
	overflow:hidden;
}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	min-width:1000px;
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/mainvisual_back.png) left top repeat-x;
}


#Mainvisual_image {
	width:100%;
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/mainvisual.png) center top no-repeat;
}

header {
	width:100%;
	height:32px;
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/header_bg.jpg) left top repeat-x;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
	position:relative;
}
.brand {
	width:130px;
	height:24px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:4px;
}

.twitter {
	width:130px;
	height:20px;
	position:absolute;
	top:5px;
	left:50%;
	margin-left:370px;
	text-align:right;
}

#Mainvisual {
	width:100%;
	height:1050px;
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/visualtxt.png) center top no-repeat;
	position:relative;
}

.countdownbadge {
	width:142px;
	height:116px;
	position:absolute;
	left:50%;
	top:320px;
	margin-left:-46px;
}

.countdownbadge a:hover img {
	position:relative;
	top:5px;
	left:0;
}

.masterbadge {
	width:290px;
	height:245px;
	position:absolute;
	left:50%;
	top:450px;
	margin-left:70px;
}

.masterbadge a:hover img {
	position:relative;
	top:5px;
	left:0;
}

#Menu {
	width:100%;
	height:138px;
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/menu_bg.png) center top no-repeat;
	margin-bottom:55px;
}

#Menu ul {
	width:780px;
	margin:0 auto 0;
	padding-top:49px;
}

#Menu ul li {
	width:130px;
	float:left;
}

#Toplv_contents {
	width:1000px;
	margin:0 auto 100px;
}

#Left_topics {
	width:700px;
	float:left;
}

#Left_topics ul li {
	width:318px;
	height:150px;
	margin-right:32px;
	margin-bottom:32px;
	background:#FFF;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
	float:left;
}

#Right_log {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/rireki_bg.jpg) center top no-repeat;
	width:300px;
	height:514px;
	float:left;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
}

.rireki_box {
	margin:76px auto 0;
	padding:16px;
	width:236px;
	height:387px;
	color:#FFF;
	overflow:hidden;
	position:relative;
}

.oneday {
	width:232px;
	padding-bottom:12px;
	margin-bottom:12px;
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/rireki_line.png) center bottom no-repeat;
	text-align:left;
}

.rireki_box p {
	font-size:1.6em;
	line-height:24px;
}

.rireki_box p span {
	font-weight:bold;
	color:#ffff00;
}

.contents_block {
	background-color:rgba(255,255,255,0.8);
	width:960px;
	padding:20px;
	border-radius:15px;
	margin:0 auto 100px;
	position:relative;
}

.contents_block h2 {
	width:1000px;
	height:101px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:-62px;
	left:0;
}

#Story h2 {background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/title_story.png) center top no-repeat;}
#Character h2 {background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/title_character.png) center top no-repeat;}
#Gallery h2 {background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/title_gallery.png) center top no-repeat;}
#Download h2 {background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/title_download.png) center top no-repeat;}
#Special h2 {background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/title_special.png) center top no-repeat;}
#Product h2 {background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/title_product.png) center top no-repeat;}

.story_txt {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/story.png) center top no-repeat;
	width:960px;
	height:460px;
	margin:10px auto;
	text-indent:-9999px;
	overflow:hidden;
}

.charabox00 {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/bg00.jpg) left top no-repeat;
	width:940px;
	height:350px;
	position:relative;
	margin:40px auto 36px;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
}

.charabox01 {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/bg01.jpg) left top no-repeat;
	width:940px;
	height:650px;
	position:relative;
	margin:40px auto 36px;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
}

.charabox02 {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/bg02.jpg) left top no-repeat;
	width:940px;
	height:650px;
	position:relative;
	margin:40px auto 36px;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
}

.chara_stand {
	width:940px;
	height:650px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.c_stand01_a {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/stand01a.png) center top no-repeat;
	width:940px;
	height:650px;
}

.c_stand01_b {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/stand01b.png) center top no-repeat;
	width:940px;
	height:650px;
}

.c_stand01_c {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/stand01c.png) center top no-repeat;
	width:940px;
	height:650px;
}

.c_stand02_a {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/stand02a.png) center top no-repeat;
	width:940px;
	height:650px;
}

.c_stand02_b {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/stand02b.png) center top no-repeat;
	width:940px;
	height:650px;
}

.c_stand02_c {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/stand02c.png) center top no-repeat;
	width:940px;
	height:650px;
}

.chara_txt01 {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/txt01.png) center top no-repeat;
	width:940px;
	height:650px;
	position:absolute;
	top:0;
	left:0;
	z-index:15;
}

.chara_txt02 {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/chara/txt02.png) center top no-repeat;
	width:940px;
	height:650px;
	position:absolute;
	top:0;
	left:0;
	z-index:15;
}

.changebutton {
	position:absolute;
	left:280px;
	top:594px;
}

.changebutton ul li {
	float:left;
}

#Gallery ul {
	margin-top:40px;
}

#Gallery ul li {
	width:310px;
	height:174px;
	background-color:#FFF;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
	float:left;
	margin-bottom:30px;
}

.gallery_cg {
	width:800px;
	height:450px;
}

.gallery_cg img {
	transition: all 0.3s ease;
}

.gallery_cg img:hover {
	opacity:0;
}

.evcg01 {	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/evcg/01b.jpg) center top no-repeat;}
.evcg02 {	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/evcg/02b.jpg) center top no-repeat;}
.evcg03 {	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/evcg/03b.jpg) center top no-repeat;}
.evcg04 {	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/evcg/04b.jpg) center top no-repeat;}
.evcg05 {	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/evcg/05b.jpg) center top no-repeat;}
.evcg06 {	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/evcg/06b.jpg) center top no-repeat;}
.evcg07 {	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/evcg/07b.jpg) center top no-repeat;}
.evcg08 {	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/evcg/08b.jpg) center top no-repeat;}

.gallery_txt {
	width:724px;
	height:110px;
	margin:10px auto 0;
	padding:16px;
	overflow-y:scroll;
	font-size:1.4em;
	text-align:left;
	color:#FFF;
	background-color:#7b1749;
	border:2px solid #FFE500;
}

.chara_0 {
	color:#bcbcbc;
	font-weight:bold;
}

.chara_1 {
	color:#ffadd6;
	font-weight:bold;
}

.chara_2 {
	color:#d7adff;
	font-weight:bold;
}

#Special ul {
	margin-top:40px;
}

#Special ul li {
	width:800px;
	height:150px;
	margin:0 auto 24px;
	background-color:#FFF;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
}

.space {
	width:100%;
	height:120px;
}

.product_left {
	float:left;
	margin-top:40px;
}

.product_left dl dt{
	color:#ff0080;
	float:left;
	width:120px;
	line-height:30px;
	text-align:right;
	font-size:1.6em;
}

.product_left dl dd{
	color:#710039;
	float:left;
	width:320px;
	line-height:30px;
	text-align:left;
	font-size:1.6em;
	font-weight:bold;
}

.product_right {
	float:left;
	margin-top:40px;
}

.product_right dl dt{
	color:#ff0080;
	float:left;
	width:90px;
	line-height:30px;
	text-align:right;
	font-size:1.2em;
}

.product_right dl dd{
	color:#710039;
	float:left;
	width:420px;
	line-height:30px;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
}

footer {
	width:100%;
	height:90px;
	padding-top:30px;
	position: absolute;
	bottom: 0;
	*left:-1px;
	color:#fff;
	z-index:3;
	background-color:#360321;
}

.banner {
	background:#FFF;
	width:200px;
	height:40px;
	margin:0 auto 6px;
}

.copyright {
	color:#fff;
}

* html footer {
	bottom:expression(document.getElementById("PageWrapper").offsetHeight % 2 == 0 ? 0 : -1);
}



.banhead {
	margin-top:32px;
	color:#9c53ff;
}

.banhead span {
	font-size:2.5em;
	display:block;
}

.banhead p {
	font-family: 'Chango', cursive;
	font-size:3em;
	font-weight:bold;
	display:block;
	height:40px;
	line-height:40px;
}

.ban250250 {
	width:512px;
	margin-top:32px;
	padding-left:44px;
	float:left;
}

.ban250250 p {
	width:300px;
	height:24px;
	border-radius:12px;
	background:#ff0080;
	display:block;
	margin:0 auto 12px;
	color:#FFF;
	font-weight:bold;
	font-size:1.5em;
	line-height:24px;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

.banbox250 {
	width:250px;
	height:300px;
	float:left;
}

.ban600150 {
	width:600px;
	margin-top:32px;
	float:left;
}

.ban600150 p {
	width:300px;
	height:24px;
	border-radius:12px;
	background:#ff0080;
	display:block;
	margin:0 auto 12px;
	color:#FFF;
	font-weight:bold;
	font-size:1.5em;
	line-height:24px;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

.banbox600 {
	width:600px;
	height:200px;
}

.ban150600 {
	width:312px;
	margin-top:32px;
	float:right;
}

.ban150600 p {
	width:200px;
	height:24px;
	border-radius:12px;
	background:#ff0080;
	display:block;
	margin:0 auto 12px;
	color:#FFF;
	font-weight:bold;
	font-size:1.5em;
	line-height:24px;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

.banbox150 {
	width:150px;
	height:650px;
	float:left;
}

.ban20040 {
	width:200px;
	margin-top:32px;
	padding-right:56px;
	float:right;
}

.ban20040 p {
	width:200px;
	height:24px;
	border-radius:12px;
	background:#ff0080;
	display:block;
	margin:0 auto 12px;
	color:#FFF;
	font-weight:bold;
	font-size:1.5em;
	line-height:24px;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

.banbox40 {
	width:200px;
	height:86px;
}

.urlbox {
	background:#fbf8ff;
	box-shadow:0 0 2px rgba(75,0,32,0.4);
}

.urlbox textarea {
	width:100%;
	height:100%;
	border:0;
	background-color:transparent;
	font-size:90%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#9c53ff;
}

.twitter_parts {
	margin-top:32px;
}

.twitter_parts ul li {
	float:left;
	display:inline-block;
	margin-bottom:24px;
	background-color:#FFF;
}

.privilege {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/privilege.jpg) center top no-repeat;
	width:900px;
	height:660px;
	margin:40px auto 36px;
	border-radius:20px;
	text-indent:-9999px;
	overflow:hidden;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
}

.official {
	background:url(http://erectlip.amusecraft.com/product27_tibipaia/img/sub/official.jpg) center top no-repeat;
	width:900px;
	height:2880px;
	margin:40px auto 36px;
	border-radius:20px;
	text-indent:-9999px;
	overflow:hidden;
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
	position:relative;
}

.official_link {
	width:800px;
	height:130px;
	position:absolute;
	left:50px;
	bottom:32px;
}

.trial_table {
	width:940px;
	margin:32px auto 60px;
}

.trial_table table {
	width:940px;
}

.trial_table table th {
	height:24px;
	background-color:#bd91f9;
	border:1px solid #9c53ff;
	color:#ffffff;
	padding-top:3px;
	padding-bottom:3px;
	font-size:1.3em;
	text-align:center;
}

.trial_table table th a {
	color:#FFF;
	text-decoration:none;
}

.trial_table table th a:hover {
	color:#FFF;
	text-decoration:underline;
}

.trial_table table td {
	height:50px;
	background-color:#ffffff;
	border:1px solid #9c53ff;
	color:#5e5e5e;
	font-size:1.3em;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.trial_table table td a {
	display:block;
	margin:0 auto;
	width:200px;
	height:30px;
	font-family: 'Montserrat', sans-serif;
	background:#9c53ff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	border-style: none;
	font-weight:bold;
	color:#FFF;
	line-height:30px;
	text-decoration:none;
	font-size:120%;
}

.product_dl {
	width:800px;
	padding-top:16px;
	height:108px;
	border-radius:20px;
	margin:50px auto 0;
	background:#9c53ff;
	border:3px solid #ff0080;
}

.product_dl h3 {
	font-size:2.5em;
	color:#FFF;
	font-weight:bold;
}

.product_dl ul {
	width:720px;
	padding-left:40px;
	margin:0 auto;
}

.product_dl ul li {
	float:left;
	margin-right:40px;
	background:#FFF;
}