@charset "utf-8";

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd{
	padding: 0;
	margin: 0;
}

ol,ul{
	list-style-type: none;
}

/*-----------------------------------------------
 root
-----------------------------------------------*/

html{
	overflow-y: scroll;
}

body{
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}

/*-----------------------------------------------
 font
-----------------------------------------------*/

html{
	font-size: medium;	
}

body{
	font-size: 62.5%; /* 16px -> 10px */
}

dt,dd,li,
caption,th,td,
input,button,textarea,select,
h1,h2,h3,h4,h5,h6,p,address{
	line-height: 1.5;
	font-size: 140%;
	margin: 0;
	padding: 0;
}

h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
p input,p button,p select,
li h1,li h2,li h3,li h4,li h5,li h6,li p,li dt,li dd,li li,li th,li td,li input,li button,li textarea,li select,
dd h1,dd h2,dd h3,dd h4,dd h5,dd h6,dd p,dd dt,dd dd,dd li,dd th,dd td,dd input,dd button,dd textarea,dd select,
tr h1,tr h2,tr h3,tr h4,tr h5,tr h6,tr p,tr dt,tr dd,tr li,            tr input,tr button,tr textarea,tr select{
	font-size: 100%;
}

input,button,select,option,textarea{
	font-size: 14px;
}

a,
a:link,
a:visited{
	color: #ff0000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

section{
	position: relative;
}
/*-----------------------------------------------
 header
-----------------------------------------------*/

header{
	position: fixed;
	z-index: 100;
	top: -73px;
	height: 73px;
	width: 100%;
	background-color: #fff;
}

header div.inner{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

header ul.nav li{
	display: inline-block;
	line-height: 0;
}

header ul.sns{
	position: absolute;
	top: 6px;
	right: 135px;
}

header div.comics{
	position: absolute;
	top: 4px;
    right: 201px;
}

header ul.sns li{
	margin-bottom: 2px;
	line-height: 0;
}

header div.present{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 64px;
}

header div.present:hover{
	opacity: 0.8;
	animation: btn 0.5s;
	-webkit-animation: btn 0.5s;
	-moz-animation: btn 0.5s;
}

header div.buy{
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 0;
}

header div.buy:hover{
	opacity: 0.8;
	animation: btn 0.5s;
	-webkit-animation: btn 0.5s;
	-moz-animation: btn 0.5s;
}



/*-----------------------------------------------
 top
-----------------------------------------------*/

#content{
	position: relative;
	min-width: 1200px;
	max-width: 2000px;
	margin: 0 auto;
}

#navigation{
	display: none;
	position: absolute;
	z-index: 90;
	top: 10px;
	right: 0;
	text-align: center;
}

#navigation ul.sns li{
	margin-bottom: 3px;
	line-height: 0;
}

#navigation ul.sns li.line{
	margin-bottom: 7px;
}

#navigation ul.sns li.buy{
	cursor: pointer;
	margin-bottom: 20px;
}

#navigation ul.sns li.buy:hover{
	opacity: 0.8;
	animation: btn 0.5s;
	-webkit-animation: btn 0.5s;
	-moz-animation: btn 0.5s;
}

#navigation div.present{
	cursor: pointer;
	line-height: 0;
}

#navigation div.fukidashi ul li:hover{
	opacity: 0.8;
	animation: btn 0.5s;
	-webkit-animation: btn 0.5s;
	-moz-animation: btn 0.5s;
}

/* メダル */

#navigation div.fukidashi{
	opacity: 0;
	width: 80px;
	height: 550px;
	background-image: url(../img/home/fukidashi.png);
}

#navigation div.fukidashi ul{
	padding-top: 11px;
}

#navigation div.fukidashi ul li{
	width: 46px;
	height: 46px;
	margin: 0 auto 3px;
	line-height: 0;
}

#navigation div.fukidashi ul li.medal1{
	background-image: url(../img/home/medal1.png);
}

#navigation div.fukidashi ul li.medal2{
	background-image: url(../img/home/medal2.png);
}

#navigation div.fukidashi ul li.medal3{
	background-image: url(../img/home/medal3.png);
}

#navigation div.fukidashi ul li.medal4{
	background-image: url(../img/home/medal4.png);
}

#navigation div.fukidashi ul li.medal5{
	background-image: url(../img/home/medal5.png);
}

#navigation div.fukidashi ul li.medal6{
	background-image: url(../img/home/medal6.png);
}

#navigation div.fukidashi ul li.medal7{
	background-image: url(../img/home/medal7.png);
}

#navigation div.fukidashi ul li.medal8{
	background-image: url(../img/home/medal8.png);
}

#navigation div.fukidashi ul li.medal9{
	background-image: url(../img/home/medal9.png);
}

#navigation div.fukidashi ul li.medal10{
	background-image: url(../img/home/medal10.png);
}

#navigation div.fukidashi ul li.medal11{
	background-image: url(../img/home/medal11.png);
}

#navigation div.fukidashi ul li.medal1_on{
	background-image: url(../img/home/medal1_on.png) !important;
}

#navigation div.fukidashi ul li.medal2_on{
	background-image: url(../img/home/medal2_on.png) !important;
}

#navigation div.fukidashi ul li.medal3_on{
	background-image: url(../img/home/medal3_on.png) !important;
}

#navigation div.fukidashi ul li.medal4_on{
	background-image: url(../img/home/medal4_on.png) !important;
}

#navigation div.fukidashi ul li.medal5_on{
	background-image: url(../img/home/medal5_on.png) !important;
}

#navigation div.fukidashi ul li.medal6_on{
	background-image: url(../img/home/medal6_on.png) !important;
}

#navigation div.fukidashi ul li.medal7_on{
	background-image: url(../img/home/medal7_on.png) !important;
}

#navigation div.fukidashi ul li.medal8_on{
	background-image: url(../img/home/medal8_on.png) !important;
}

#navigation div.fukidashi ul li.medal9_on{
	background-image: url(../img/home/medal9_on.png) !important;
}

#navigation div.fukidashi ul li.medal10_on{
	background-image: url(../img/home/medal10_on.png) !important;
}

#navigation div.fukidashi ul li.medal11_on{
	background-image: url(../img/home/medal11_on.png) !important;
}

#top{
	min-width: 1200px;
	max-width: 1340px;
	margin: 0 auto;
}

#top div.pickup{
	position: relative;
	float: left;
	width: calc(93% - 742px);
	height: 890px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
}

#top div.blank{
	float: left;
	width: 5%;
}

/* movie1 */

#top div.pickup div.movie1{
	overflow: hidden;
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie1 div.obj1{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -164px;
}

#top div.pickup div.movie1 div.obj2{
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -188.5px;
}

/* movie2 */

#top div.pickup div.movie2{
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie2 div.obj1{
	position: absolute;
	z-index: 3;
    top: 220px;
    left: 5px;
}

#top div.pickup div.movie2 div.obj2{
	position: absolute;
	z-index: 2;
	top: 710px;
	left: 0;
}

#top div.pickup div.movie2 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p2-bg.jpg);
	background-position: center top;
}

/* movie3 */

#top div.pickup div.movie3{
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie3 div.obj1{
	position: absolute;
	z-index: 3;
    top: 0;
    left: 50%;
    margin-left: -185.5px;
}

#top div.pickup div.movie3 div.obj2{
	position: absolute;
	z-index: 2;
    top: 287px;
    right: 18px;
}

#top div.pickup div.movie3 div.obj3{
	z-index: 3;
	position: absolute;
	bottom: 20px;
	right: 90px;
}

#top div.pickup div.movie3 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p3-bg.jpg);
}

/* movie4 */

#top div.pickup div.movie4{
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie4 div.obj1{
	position: absolute;
	z-index: 3;
    top: 10px;
    left: 50%;
    margin-left: -186.5px;
}

#top div.pickup div.movie4 div.obj2{
	position: absolute;
	z-index: 2;
    top: 195px;
    left: 50%;
    margin-left: -186.5px;
}

#top div.pickup div.movie4 div.obj3{
	position: absolute;
	z-index: 2;
    bottom: 10px;
    left: 50%;
    margin-left: -187.5px;
}

#top div.pickup div.movie4 div.obj4{
	z-index: 3;
	position: absolute;
	bottom: 140px;
	left: -10px;
}


#top div.pickup div.movie4 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p4-bg.jpg);
	background-position: center top;
}

/* movie5 */

#top div.pickup div.movie5{
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie5 div.obj1{
	position: absolute;
	z-index: 3;
    top: 10px;
    left: 50%;
    margin-left: -185.5px;
}

#top div.pickup div.movie5 div.obj2{
	position: absolute;
	z-index: 2;
    bottom: 70px;
    right: 18px;
}

#top div.pickup div.movie5 div.obj3{
	position: absolute;
	z-index: 2;
    bottom: 181px;
    right: 18px;
}

#top div.pickup div.movie5 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p5-bg.jpg);
}

/* movie6 */

#top div.pickup div.movie6{
	overflow: hidden;
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie6 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p6-bg.jpg);
}

#top div.pickup div.movie6 div.obj1{
	position: absolute;
	z-index: 4;
    top: 0;
    left: 50%;
    margin-left: -155px;
}

#top div.pickup div.movie6 div.obj2{
	position: absolute;
	z-index: 3;
    top: 180px;
    left: 50%;
    margin-left: -259.5px;
}

#top div.pickup div.movie6 div.obj3{
	position: absolute;
	z-index: 5;
    bottom: 20px;
    left: 50%;
    margin-left: -145.5px;
}

#top div.pickup div.movie6 div.obj4{
	position: absolute;
	width: 291px;
	z-index: 5;
    bottom: 224px;
    left: 50%;
    margin-left: -145.5px;
}

/* movie7 */

#top div.pickup div.movie7{
	overflow: hidden;
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie7 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p7-bg.png);
}

#top div.pickup div.movie7 div.obj1{
	position: absolute;
	z-index: 4;
    top: 0;
    right: 0;
}

#top div.pickup div.movie7 div.obj2{
	position: absolute;
	z-index: 3;
    bottom: -5px;
    left: 50%;
    margin-left: -255px;
}

#top div.pickup div.movie7 div.obj3{
	position: absolute;
	z-index: 5;
    bottom: -3px;
    left: 50%;
    margin-left: -177px;
}

#top div.pickup div.movie7 div.obj4{
	position: absolute;
	z-index: 5;
    bottom: 255px;
    left: 50%;
	width: 291px;
    margin-left: -145.5px;
}

/* movie8 */

#top div.pickup div.movie8{
	overflow: hidden;
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie8 div.obj1{
	position: absolute;
	z-index: 4;
    top: 0;
    left: 50%;
    margin-left: -180px;
}

#top div.pickup div.movie8 div.obj2{
	position: absolute;
	z-index: 3;
    bottom: -10px;
    left: 50%;
    margin-left: -255px;
}

#top div.pickup div.movie8 div.obj3{
	position: absolute;
	z-index: 4;
    top: 180px;
    right: 10px;
}

#top div.pickup div.movie8 div.obj4{
	position: absolute;
	z-index: 4;
    top: 471px;
    left: 40px;
}

#top div.pickup div.movie8 div.obj5{
	position: absolute;
	z-index: 5;
    top: 350px;
    left: 21px;
}

#top div.pickup div.movie8 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p8-bg.png);
}

/* movie9 */

#top div.pickup div.movie9{
	overflow: hidden;
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie9 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p9-bg.jpg);
	background-position: right top;
}

#top div.pickup div.movie9 div.obj1{
	position: absolute;
	z-index: 4;
    top: 0;
    left: 50%;
    margin-left: -194px;
}

#top div.pickup div.movie9 div.obj2{
	position: absolute;
	z-index: 4;
    bottom: 0;
    left: 50%;
    margin-left: -161px;
}

#top div.pickup div.movie9 div.obj3{
	position: absolute;
	z-index: 5;
    bottom: 291px;
    left: 50%;
    margin-left: -161px;
}

/* movie10 */

#top div.pickup div.movie10{
	overflow: hidden;
	display: none;
	position: absolute;
	width: 100%;
	height: 890px;
}

#top div.pickup div.movie10 div.bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 890px;
	background-image: url(../img/home/movie/p10-bg.jpg);
	background-position: right top;
}

#top div.pickup div.movie10 div.obj1{
	position: absolute;
	z-index: 4;
    top: 0;
    left: 50%;
    margin-left: -195px;
}

#top div.pickup div.movie10 div.obj2{
	position: absolute;
	z-index: 4;
    top: 203px;
    right: 20px;
}

#top div.pickup div.movie10 div.obj3{
	position: absolute;
	z-index: 4;
	bottom: 45px;
    left: 50%;
    margin-left: -197.5px;
}

#top div.pickup div.movie10 div.obj4{
	z-index: 3;
	position: absolute;
	bottom: 140px;
	left: -10px;
}

/* main */

#top div.main{
	position: relative;
	float: left;
	width: 720px;
	margin: 0 0 20px 22px;
}

/* トピックス */

#top div.main div.topics{
	padding-top: 20px;
	margin-bottom: 10px;
}

#top div.main h1{
	float: left;
	width: 250px;
	height: 105px;
}

/* news */

#top div.main div.news{
	float: left;
	width: 470px;
}

#top div.main div.news h2{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	text-align: left;
}

#top div.main div.news dl{
	overflow-y: scroll;
	height: 90px;
}

#top div.main div.news dl dt{
	float: left;
	clear: left;
	width: 80px;
	font-size: 12px;
}

#top div.main div.news dl dd{
	float: left;
	width: 390px;
	font-size: 12px;
}

#top div.main div.news div.next{
	border: 1px dotted #000;
}

#top div.main div.news div.next p.schedule{
	position: relative;
	padding: 1px 6px;
	background-color: #000;
	color: #fff;
}

#top div.main div.news div.next p.schedule span{
	font-size: 12px;
	color: #ffff00;
}

#top div.main div.news div.next p.schedule span.more{
	position: absolute;
	top: 2px;
	right: 10px;
	font-weight: bold;
}

#top div.main div.news div.next p.schedule span.more a{
	color: #ff0000;
}

#top div.main div.news div.next p.text{
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
}

#top div.main h2{
	text-align: center;
	line-height: 0;
}

/* nav */

#top div.main ul.nav li{
	opacity: 0;
	position: relative;
	z-index: 20;
	float: left;
	width: 216px;
	height: 216px;
	margin: 6px 12px;
}

#top div.main ul.nav li img.schedule{
	cursor: pointer;
}

#top div.main ul.nav li div.hidden{
	opacity: 0.2;
}

#top div.main ul.nav li h3{
	opacity: 0;
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
}

#top div.main ul.nav li span.new{
	opacity: 0;
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 0;
}

#top div.main ul.nav li span.medal{
	opacity: 0;
	position: absolute;
	z-index: 10;
	top: 138px;
	left: 0;
}

#top div.main ul.nav li span.trial{
	opacity: 0;
	position: absolute;
	z-index: 10;
	top: 130px;
	right: 0;
	width: 60px;
}

#top div.main div.coming{
	opacity: 0;
	position: absolute;
	top: 515px;
	left: 191px;
}

/* bnr */

#top ul.bnr{
	text-align: center;
}

#top ul.bnr li{
	display: inline-block;
	margin: 0 5px;
	line-height: 0;
}

/* scroll */

div.scroll{
	padding: 20px 0;
	text-align: center;
	line-height: 0;
}

/* 1 */

div.pop1-1{
	display: none;
	position: absolute;
	z-index: 11;
	top: 63px;
	left: -60px;
}

div.pop1-2{
	display: none;
	position: absolute;
	z-index: 12;
	top: 13px;
	left: -85px;
}

div.pop1-3{
	display: none;
	position: absolute;
	z-index: 13;
	top: -53px;
	left: -12px;
}

div.pop1-4{
	display: none;
	position: absolute;
	z-index: 13;
	top: -30px;
	left: 133px;
}

/* 2 */

div.pop2-1{
	display: none;
	position: absolute;
	z-index: 11;
	top: 63px;
	left: -60px;
}

div.pop2-2{
	display: none;
	position: absolute;
	z-index: 12;
	top: -30px;
	left: -74px;
}

div.pop2-3{
	display: none;
	position: absolute;
	z-index: 13;
	top: -94px;
	left: 17px;
}

div.pop2-4{
	display: none;
	position: absolute;
	z-index: 13;
	top: -60px;
	left: 140px;
}

/* 4 */

div.pop4-1{
	display: none;
	position: absolute;
	z-index: 11;
	top: 63px;
	left: -60px;
}

div.pop4-2{
	display: none;
	position: absolute;
	z-index: 12;
	top: -10px;
	left: -104px;
}

div.pop4-3{
	display: none;
	position: absolute;
	z-index: 13;
	top: -65px;
	left: 31px;
}

div.pop4-4{
	display: none;
	position: absolute;
	z-index: 13;
	top: -40px;
	left: 152px;
}

/* 5 */

div.pop5-1{
	display: none;
	position: absolute;
	z-index: 11;
    top: 63px;
    left: -60px;
}

div.pop5-2{
	display: none;
	position: absolute;
	z-index: 12;
    top: -83px;
    left: -67px;
}

div.pop5-3{
	display: none;
	position: absolute;
	z-index: 13;
    top: -116px;
    left: 37px;
}

div.pop5-4{
	display: none;
	position: absolute;
	z-index: 13;
    top: -80px;
    left: 138px;
}

/* 6 */

div.pop6-1{
	display: none;
	position: absolute;
	z-index: 11;
    top: 63px;
    left: -60px;
}

div.pop6-2{
	display: none;
	position: absolute;
	z-index: 12;
    top: -39px;
    left: -67px;
}

div.pop6-3{
	display: none;
	position: absolute;
	z-index: 13;
    top: -92px;
    left: 37px;
}

div.pop6-4{
	display: none;
	position: absolute;
	z-index: 13;
    top: -20px;
    left: 131px;
}

/* 7 */

div.pop7-1{
	display: none;
	position: absolute;
	z-index: 11;
    top: 63px;
    left: -60px;
}

div.pop7-2{
	display: none;
	position: absolute;
	z-index: 12;
    top: -39px;
    left: -67px;
}

div.pop7-3{
	display: none;
	position: absolute;
	z-index: 13;
    top: -112px;
    left: 37px;
}

div.pop7-4{
	display: none;
	position: absolute;
	z-index: 13;
    top: -35px;
    left: 121px;
}

/* 8 */

div.pop8-1{
	display: none;
	position: absolute;
	z-index: 11;
    top: 63px;
    left: -60px;
}

div.pop8-2{
	display: none;
	position: absolute;
	z-index: 14;
    top: -13px;
    left: -84px;
}

div.pop8-3{
	display: none;
	position: absolute;
	z-index: 13;
    top: -71px;
    left: 20px;
}

div.pop8-4{
	display: none;
	position: absolute;
	z-index: 12;
    top: -9px;
    left: 110px;
}

/* 9 */

div.pop9-1{
	display: none;
	position: absolute;
	z-index: 15;
    top: 63px;
    left: -60px;
}

div.pop9-2{
	display: none;
	position: absolute;
	z-index: 14;
    top: -29px;
    left: -90px;
}

div.pop9-3{
	display: none;
	position: absolute;
	z-index: 13;
    top: -79px;
    left: 13px;
}

div.pop9-4{
	display: none;
	position: absolute;
	z-index: 12;
    top: -22px;
    left: 127px;
}

/*-----------------------------------------------
 86
-----------------------------------------------*/

a.pagelink{
	display: block;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 800px;
}

/*

a.pagelink:hover{
	background-image: url(../img/home/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}

*/

div.arrow{
	display: none;
	position: absolute;
	top: 299px;
	right: 20px;
	width: 147px;
	height: 203px;
	background-image: url(../img/home/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#award1{
	position: relative;
	min-width: 1200px;
	height: 800px;
	background-image: url(../img/home/bg-award1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
}

#award1 div.inner{
	position: relative;
	width: 1100px;
	height: 800px;
	margin: 0 auto;
}

#award1 div.inner div.medal{
	opacity: 0;
	position: absolute;
	top: 10px;
	left: 230px;
}

#award1 div.inner h1{
	opacity: 0;
	position: absolute;
	top: 150px;/* top: 150px; */
	left: 250px;
}

#award1 div.inner div.btn-detail{
	opacity: 0;
	position: absolute;
	top: 650px;
	left: 238px;
}

#award1 div.inner div.btn-detail a{
	display: block;
	width: 635px;
	height: 103px;
	background-image: url(../img/home/btn-detail.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award1 div.inner div.btn-detail a:hover{
	background-image: url(../img/home/btn-detail_on.png);
}

#award1 div.inner div.btn-trial{
	opacity: 0;
	position: absolute;
	top: 650px;
	left: 570px;
}

#award1 div.inner div.btn-trial a{
	display: block;
	width: 305px;
	height: 69px;
	background-image: url(../img/home/btn-trial.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award1 div.inner div.btn-trial a:hover{
	background-image: url(../img/home/btn-trial_on.png);
}

#award1 div.inner p.catch{
	opacity: 0;
	position: absolute;
    top: 380px;
    left: 235px;
}

#award1 div.inner p.info{
	overflow-y: scroll;
	opacity: 0;
	position: absolute;
	top: 574px;
	left: 238px;
    width: 637px;
    height: 64px;
    padding: 10px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/home/info-award1.png);
    color: #000;
}

div.staff{
	cursor: pointer;
	z-index: 11;
	opacity: 0;
	position: absolute;
	bottom: 40px;
	right: 40px;
}

div.popup{
	cursor: pointer;
	display: none;
	position: absolute;
	z-index: 11;
	top: 171px;
	right: 100px;
}

#award1 div.inner p.provisional{
	position: absolute;
	right: 0;
	bottom: 5px;
}

#award1 div.inner div.up{
	opacity: 0;
	position: absolute;
    top: 570px;
    left: 827px;
}

/*-----------------------------------------------
 君は月夜に光り輝く
-----------------------------------------------*/

#award2{
	min-width: 1200px;
	height: 800px;
	background-image: url(../img/home/bg-award2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#award2 a.pagelink{
	display: block;
	position: absolute;
	width: 100%;
	height: 800px;
}

#award2 div.inner{
	position: relative;
	width: 1100px;
	height: 800px;
	margin: 0 auto;
}

#award2 div.inner div.medal{
	opacity: 0;
	position: absolute;
	top: 10px;
	left: 0;
}

#award2 div.inner h1{
	opacity: 0;
	position: absolute;
	top: 117px;/*top: 117px;*/
	left: 20px; /* left: 0; */
}

#award2 div.inner p.text{
	opacity: 0;
	position: absolute;
    top: 305px;/*top: 285px;*/
    left: 6px;/* left: 6px; */
}

#award2 div.inner div.btn-detail{
	opacity: 0;
	position: absolute;
	top: 666px;
	left: 9px;
}

#award2 div.inner div.btn-detail a{
	display: block;
	width: 635px;
	height: 103px;
	background-image: url(../img/home/btn-detail.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award2 div.inner div.btn-detail a:hover{
	background-image: url(../img/home/btn-detail_on.png);
}

#award2 div.inner div.btn-trial{
	opacity: 0;
	position: absolute;
    top: 666px;
    left: 341px;
}

#award2 div.inner div.btn-trial a{
	display: block;
	width: 305px;
	height: 69px;
	background-image: url(../img/home/btn-trial.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award2 div.inner div.btn-trial a:hover{
	background-image: url(../img/home/btn-trial_on.png);
}

#award2 div.inner div.up{
	opacity: 0;
	position: absolute;
	top: 609px;
    left: 601px;
}

#award2 div.inner p.catch{
	opacity: 0;
	position: absolute;
	top: 332px;
	left: 7px;
}

#award2 div.inner p.catch2{
	opacity: 0;
	position: absolute;
	top: 463px;
	left: 5px;
}

#award2 div.inner p.info{
	overflow-y: scroll;
	opacity: 0;
	position: absolute;
	top: 587px;
	left: 9px;
    width: 637px;
    height: 64px;
    padding: 10px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/home/info-award2.png);
    color: #000;
}

#award2 div.inner div.announce{
	opacity: 0;
	position: absolute;
	top: 566px;
    left: 647px;
}

/*-----------------------------------------------
 キネマ探偵カレイドミステリー
-----------------------------------------------*/

#award3{
	min-width: 1200px;
	height: 800px;
	background-image: url(../img/home/bg-award3.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#award3 a.pagelink{
	display: block;
	position: absolute;
	width: 100%;
	height: 800px;
}

#award3 div.inner{
	position: relative;
	width: 1100px;
	height: 800px;
	margin: 0 auto;
}

#award3 div.inner div.medal{
	opacity: 0;
	position: absolute;
	top: 10px;
	left: 0;
}

#award3 div.inner h1{
	opacity: 0;
	position: absolute;
	top: 117px;
	left: 20px;
}

#award3 div.inner p.catch{
	opacity: 0;
	position: absolute;
	top: 446px;
	left: 7px;
}

#award3 div.inner div.btn-detail{
	opacity: 0;
	position: absolute;
    top: 686px;
	left: 9px;
}

#award3 div.inner div.btn-detail a{
	display: block;
	width: 635px;
	height: 103px;
	background-image: url(../img/home/btn-detail.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award3 div.inner div.btn-detail a:hover{
	background-image: url(../img/home/btn-detail_on.png);
}

#award3 div.inner div.btn-trial{
	opacity: 0;
	position: absolute;
    top: 706px;
    left: 341px;
}

#award3 div.inner div.btn-trial a{
	display: block;
	width: 305px;
	height: 69px;
	background-image: url(../img/home/btn-trial.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award3 div.inner div.btn-trial a:hover{
	background-image: url(../img/home/btn-trial_on.png);
}

#award3 div.inner p.info{
	overflow-y: scroll;
	opacity: 0;
	position: absolute;
	top: 617px;
	left: 9px;
    width: 635px;
    height: 64px;
    padding: 10px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/home/info-award3.png);
    color: #000;
}

#award3 div.inner div.up{
	opacity: 0;
	position: absolute;
	top: 609px;
    left: 601px;
}

/*-----------------------------------------------
 賭博師は祈らない
-----------------------------------------------*/

#award4{
	min-width: 1200px;
	height: 800px;
	background-image: url(../img/home/bg-award4.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#award4 div.inner{
	position: relative;
	width: 1100px;
	height: 800px;
	margin: 0 auto;
}

#award4 div.inner div.medal{
	opacity: 0;
	position: absolute;
	top: 64px;
	left: 0;
}

#award4 div.inner h1{
	opacity: 0;
	position: absolute;
	top: 187px;
	left: 20px;
}

#award4 div.inner p.catch{
	opacity: 0;
	position: absolute;
	top: 407px;
	left: 7px;
}

#award4 div.inner p.info{
	overflow-y: scroll;
	opacity: 0;
	position: absolute;
	top: 617px;
	left: 9px;
    width: 635px;
    height: 64px;
    padding: 10px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/home/info-award4.png);
    color: #000;
}

#award4 div.inner div.btn-detail{
	opacity: 0;
	position: absolute;
    top: 686px;
	left: 9px;
}

#award4 div.inner div.btn-detail a{
	display: block;
	width: 635px;
	height: 103px;
	background-image: url(../img/home/btn-detail.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award4 div.inner div.btn-detail a:hover{
	background-image: url(../img/home/btn-detail_on.png);
}

#award4 div.inner div.up{
	opacity: 0;
	position: absolute;
	top: 609px;
    left: 601px;
}

/*-----------------------------------------------
 キラプリおじさんと幼女先輩
-----------------------------------------------*/

#award5{
	min-width: 1200px;
	height: 800px;
	background-image: url(../img/home/bg-award5.jpg);
	background-position: center top;
}

#award5 div.inner{
	position: relative;
	width: 1100px;
	height: 800px;
	margin: 0 auto;
}

#award5 div.inner div.medal{
	opacity: 0;
	position: absolute;
	top: 32px;
	left: 0;
}

#award5 div.inner h1{
	opacity: 0;
	position: absolute;
	top: 150px;
	left: 26px;
}

#award5 div.inner p.catch{
	opacity: 0;
	position: absolute;
	top: 447px;
	left: 6px;
}

#award5 div.inner p.info{
	overflow-y: scroll;
	opacity: 0;
	position: absolute;
	top: 617px;
	left: 9px;
    width: 635px;
    height: 64px;
    padding: 10px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/home/info-award5.png);
    color: #000;
}

#award5 div.inner div.btn-detail{
	opacity: 0;
	position: absolute;
    top: 686px;
	left: 9px;
}

#award5 div.inner div.btn-detail a{
	display: block;
	width: 635px;
	height: 103px;
	background-image: url(../img/home/btn-detail.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award5 div.inner div.btn-detail a:hover{
	background-image: url(../img/home/btn-detail_on.png);
}

#award5 div.inner div.up{
	opacity: 0;
	position: absolute;
	top: 609px;
    left: 601px;
}

/*-----------------------------------------------
 明治あやかし新聞
-----------------------------------------------*/

#award6{
	min-width: 1200px;
	height: 800px;
	background-image: url(../img/home/bg-award6.jpg);
	background-position: center top;
}

#award6 div.inner{
	position: relative;
	width: 1100px;
	height: 800px;
	margin: 0 auto;
}

#award6 div.inner div.medal{
	opacity: 0;
	position: absolute;
	top: 32px;
	left: 0;
}

#award6 div.inner h1{
	opacity: 0;
	position: absolute;
	top: 150px;
	left: 20px;
}

#award6 div.inner p.catch{
	opacity: 0;
	position: absolute;
	top: 436px;
	left: 0;
}

#award6 div.inner p.info{
	overflow-y: scroll;
	opacity: 0;
	position: absolute;
	top: 617px;
	left: 9px;
    width: 635px;
    height: 64px;
    padding: 10px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/home/info-award6.png);
    color: #000;
}

#award6 div.inner div.btn-detail{
	opacity: 0;
	position: absolute;
    top: 686px;
	left: 9px;
}

#award6 div.inner div.btn-detail a{
	display: block;
	width: 635px;
	height: 103px;
	background-image: url(../img/home/btn-detail.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award6 div.inner div.btn-detail a:hover{
	background-image: url(../img/home/btn-detail_on.png);
}

#award6 div.inner div.up{
	opacity: 0;
	position: absolute;
	top: 609px;
    left: 601px;
}

/*-----------------------------------------------
 オリンポスの郵便ポスト
-----------------------------------------------*/

#award7{
	min-width: 1200px;
	height: 800px;
	background-image: url(../img/home/bg-award7.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#award7 div.inner{
	position: relative;
	width: 1100px;
	height: 800px;
	margin: 0 auto;
}

#award7 div.inner div.medal{
	opacity: 0;
	position: absolute;
	top: 32px;
	left: 0;
}

#award7 div.inner h1{
	opacity: 0;
	position: absolute;
	top: 150px;
	left: 20px;
}

#award7 div.inner p.catch{
	opacity: 0;
	position: absolute;
	top: 395px;
	left: 0;
}

#award7 div.inner p.info{
	overflow-y: scroll;
	opacity: 0;
	position: absolute;
	top: 617px;
	left: 9px;
    width: 635px;
    height: 64px;
    padding: 10px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/home/info-award7.png);
    color: #000;
}

#award7 div.inner div.btn-detail{
	opacity: 0;
	position: absolute;
    top: 686px;
	left: 9px;
}

#award7 div.inner div.btn-detail a{
	display: block;
	width: 635px;
	height: 103px;
	background-image: url(../img/home/btn-detail.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award7 div.inner div.btn-detail a:hover{
	background-image: url(../img/home/btn-detail_on.png);
}

#award7 div.inner div.up{
	opacity: 0;
	position: absolute;
	top: 609px;
    left: 601px;
}

/*-----------------------------------------------
 ひきこもりの弟だった
-----------------------------------------------*/

#award8{
	min-width: 1200px;
	height: 800px;
	background-image: url(../img/home/bg-award8.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#award8 div.inner{
	position: relative;
	width: 1100px;
	height: 800px;
	margin: 0 auto;
}

#award8 div.inner div.medal{
	opacity: 0;
	position: absolute;
	top: 32px;
	left: 0;
}

#award8 div.inner h1{
	opacity: 0;
	position: absolute;
	top: 150px;
	left: 20px;
}

#award8 div.inner p.catch{
	opacity: 0;
	position: absolute;
	top: 361px;
	left: 0;
}

#award8 div.inner p.catch2{
	opacity: 0;
	position: absolute;
	top: 484px;
	left: 0;
}

#award8 div.inner p.info{
	overflow-y: scroll;
	opacity: 0;
	position: absolute;
	top: 617px;
	left: 9px;
    width: 635px;
    height: 64px;
    padding: 10px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/home/info-award8.png);
    color: #000;
}

#award8 div.inner div.btn-detail{
	opacity: 0;
	position: absolute;
    top: 686px;
	left: 9px;
}

#award8 div.inner div.btn-detail a{
	display: block;
	width: 635px;
	height: 103px;
	background-image: url(../img/home/btn-detail.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#award8 div.inner div.btn-detail a:hover{
	background-image: url(../img/home/btn-detail_on.png);
}

#award8 div.inner div.up{
	opacity: 0;
	position: absolute;
	top: 609px;
    left: 601px;
}

#award8 div.inner div.announce{
	opacity: 0;
	position: absolute;
	top: 566px;
    left: 647px;
}

/*-----------------------------------------------
 スケジュール（旧リリース）
-----------------------------------------------*/

#schedule{
	width: 1100px;
	margin: 0 auto;
}

#schedule section{
	margin-bottom: 120px;
}

#schedule h1{
	padding: 80px 0;
	text-align: center;
	line-height: 0;
}

#schedule h2{
	margin-bottom: 30px;
	text-align: center;
	line-height: 0;
}

#schedule ol.title-list li{
	position: relative;
	height: 170px;
	border-bottom: 1px solid #c8c8c8;
}

#schedule ol.title-list li:first-child{
	border-top: 1px solid #c8c8c8;
}

#schedule ol.title-list li div.award{
	position: absolute;
	top: 47px;
	left: 0;
}

#schedule ol.title-list li h3{
	position: absolute;
	top: 40px;
	left: 204px;
}

#schedule ol.title-list li p.author{
	position: absolute;
	top: 50px;
	right: 0;
}

/*-----------------------------------------------
 プレゼント
-----------------------------------------------*/

#present{
	width: 1200px;
	margin: 0 auto 120px;
	padding-top: 60px;
}

#present h1{
	margin-bottom: 18px;
	text-align: center;
}

#present p.text{
	width: 1100px;
	margin: 0 auto;
	font-size: 18px;
}

#present p.text span{
	font-size: 14px;
}

#present div.image{
	margin-bottom: 20px;
	text-align: center;
}

#present h2{
	margin-bottom: 10px;
	text-align: center;
}

#present div.present-wrap{
	position: relative;
}

#present div.present-wrap div.complete{
	position: absolute;
	top: 0;
	left: 73px;
}

#present table.present-schedule{
	width: 1100px;
	margin: 0 auto 20px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-collapse: collapse;
	border-spacing:0;
}

#present table.present-schedule th{
	position: relative;
	height: 30px;
	padding: 5px 20px;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	background-color: #ff9900;
	font-size: 18px;
}

#present table.present-schedule td{
	height: 30px;
	padding: 5px;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	font-size: 16px;
	line-height: 30px;
	vertical-align: top;
}

#present table span{
	margin-right: 5px;
	vertical-align: middle;
	line-height: 0;
}

#present table span img{
	margin-right: 5px;
	vertical-align: top;
}

#present table span.new{
	position: absolute;
	top: 0;
	left: -30px;
}

#present div.btn-medal{
	cursor: pointer;
	display: block;
	width: 585px;
	height: 69px;
	margin: 0 auto 20px;
	background-image: url(../img/home/btn-medal.png);
}

#present div.btn-medal:hover{
	background-image: url(../img/home/btn-medal_on.png);
}

#present div.bakudan{
	position: absolute;
	right: 100px;
	top: 930px;
}

#present p.notice{
	width: 1100px;
	margin: 0 auto 10px;
	font-weight: bold;
}

#present ul.notice{
	width: 1100px;
	margin: 0 auto 20px;
}

#present ul.notice li{
	margin-bottom: 5px;
}

#present p.message{
	margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 36px;
}

#present p.message span{
	color: #ff0000;
}

#present div.next{
	margin-bottom: 50px;
	text-align: center;
}


/*-----------------------------------------------
 フッター
-----------------------------------------------*/

footer div.pagetop a{
	display: block;
	position: fixed;
	z-index: 12;
	bottom: 10px;
	right: 10px;
	width: 60px;
	height: 60px;
	margin: 0 auto 10px;
	border-radius: 30px;
	background-color: rgba(0,0,0,1);
}

footer div.pagetop a::before{
	content: "";
	position: absolute;
    top: 25px;
    left: 18px;
    width: 22px;
    height: 22px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

footer ul.bnr-list{
	margin-bottom: 20px;
	text-align: center;
}

footer ul.bnr-list li{
	display: inline-block;
	width: 155px;
	margin: 0 10px 0 0;
	border: 1px solid #f9f8f4;
	line-height: 0;
}

footer ul.bnr-list li:last-child{
	margin-right: 0;
}

footer p.copy{
	margin-bottom: 20px;
	font-size: 12px;
	text-align: center;
}

footer ul.sns{
	margin-bottom: 10px;
	text-align: center;
}

footer ul.sns li{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}