@charset "utf-8";

*{
	margin:0;
	padding:0;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	background: url(../images/common/bg.jpg) repeat-y;
}
img{
	vertical-align:bottom;
}
ul,li {
	margin:0;
	padding:0;
	list-style-type:none;
}
header h1{
	margin:15px 0 0 15px;
}
header .menuBtn{
	position:fixed;
	top:34px;
	right:34px;
	z-index:900;
}
.top header {
	position: relative;
}
.top header .menuBtn{
	position: fixed;
	top:34px;
	right:34px;
	z-index:1000;
	transition-duration:0.25s;
}
header #overlay{
	display: none;
	width: 100%;
	height: 100%;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	background: #e75297;
	z-index: 1000;
	overflow-y: scroll;
}
header #overlay .menuBtn{
	position:fixed;
	top:34px;
	right:34px;
	z-index:2100;
}
header #overlay ul{
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top: 205px;
	z-index: 2050;
}
.mainArea{
	position: relative;
}
.mainArea .visual img,
.mainArea .sub01 img,
.mainArea .mainTitle img,
.mainArea .sub02 img {
	width: 100%;
}
.mainArea .sub01 {
	position: absolute;
	top: 385px;
	right: 20px;
}
.mainArea .mainTitle {
	position: absolute;
	top: 63%;
	right: 8%;
}
.mainArea .sub02 {
	width: 96%;
	margin: -10px auto 0;
}
.mainArea .btnKansou {
	position: absolute;
	top: 30px;
	left: 30px;
}
.mainArea .btnSpecial {
	position: absolute;
	top: 30px;
	left: 285px;
}
.mainArea .btnCampaign {
	position: absolute;
	bottom: 60px;
	left: 30px;
}
.contentsArea {
	padding: 20px 0 0;
}
.contentsArea .bnrRank {
	padding: 0 0 20px;
	text-align:center;
}
#topics{
	position:relative;
	width: 747px;
	height: 471px;
	margin:0 auto;
	background:url(../images/top/bg_topics.png) no-repeat;
}
#topics div::-webkit-scrollbar{
  width: 14px;
}
#topics div::-webkit-scrollbar-track{
  background: #FFE8F7;
  border: none;
  border-radius: 10px;
}
#topics div::-webkit-scrollbar-thumb{
  background: #FF72CF;
  border-radius: 10px;
  box-shadow: none;
}
#topics .newsDetail{
    position: absolute;
	width: 580px;
	height: 275px;
	top: 85px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 30px 0 20px;
	overflow-y: scroll;
}
#topics .newsDetail p{
	overflow:hidden;
	padding: 30px 0;
	border-bottom: 1px solid #ffb2c9;
}
#topics .newsDetail p span{
	display: block;
	font-size: 22px;
	color: #fe4689;
	padding-bottom: 5px;
}
#topics .newsDetail p a{
	color: #fe4689;
	font-size: 24px;
	text-decoration: none;
}
#topics .btnMore{
	position:absolute;
	bottom:75px;
	left:0;
	right:0;
	text-align:center;
}

.contentsArea .otegamiSeal,
.contentsArea .miracleLight {
	text-align: center;
	margin-bottom: 10px;
}
.contentsArea .billing {
	margin: 50px auto;
	width: 90%;
}
.contentsArea .billing img {
	width: 100%;
}

.footer {
	padding: 0 0 40px;
}
.footer .bnrArea {
	text-align:center;
	margin-bottom:40px;
}
.footer .copyright {
	margin: 0 auto;
	width: 74%;
}
.footer .copyright img {
	width: 100%;
}

/*第二階層*/
.song .songArea{
	position:relative;
}
.song .songArea div{
	position:absolute;
	top:135px;
	left:0;
	right:0;
	text-align:center;
}
.song .movieArea{
	position: relative;
}
.song .movieArea .inner{
	position: absolute;
	width: 80%;
	padding-top: 44.4%;
	top: 110px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.song .movieArea .inner iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.news .secondRepeat{
	position: relative;
	width: 750px;
	margin: 0 auto;
	background: url(../images/news/bg_repeat.png) center top repeat-y;
	margin-bottom: 372px;
}
.news .secondRepeat:after {
	content: "";
	position: absolute;
	background: url(../images/news/bg_bottom.png) no-repeat bottom;
	width: 100%;
	height: 372px;
	bottom: -372px;
	z-index: 1;
}
.news #divRss {
	position: absolute;
	left: 0;
	right: 0;
	margin-top: -200px;
	z-index: 5;
}
.news #divRss .updates li {
	width: 600px;
	margin: 0 auto;
	border-bottom: 1px solid #ffb2c9;
}
.news #divRss .updates li p{
	padding:25px 0;
}
.news #divRss .updates li span{
	display:block;
	color:#fe4689;
	font-size:22px;
	font-weight:normal;
}
.news #divRss .updates li a{
	font-size:24px;
	color:#fe4689;
	text-decoration:none;
}
.character .ttlBtnArea{
	position:relative;
}
.character .ttlBtnArea .btnLeft{
	position:absolute;
	bottom:0;
	left:50px;
}
.character .ttlBtnArea .btnRight{
	position:absolute;
	bottom:0;
	right:40px;
}
.character .charaArea{
	position:relative;
}
.character .charaArea .star01,
.character .charaArea .star02,
.character .charaArea .star03,
.character .charaArea .star04,
.character .charaArea .star05,
.character .charaArea .star06,
.character .charaArea .star07{
	position:absolute;
}
.character .charaArea .star01{
	top:20px;
	left:440px;
	z-index:1;
}
.character .charaArea .star02{
	top:80px;
	left:70px;
	z-index:1;
}
.character .charaArea .star03{
	top:175px;
	left:360px;
	z-index:50;
}
.character .charaArea .star04{
	top:170px;
	left:230px;
	z-index:50;
}
.character .charaArea .star05{
	top:35px;
	left:290px;
	z-index:30;
}
.character .charaArea .star06{
	top:110px;
	left:250px;
	z-index:70;
}
.character .charaArea .star07{
	top:100px;
	left:394px;
	z-index:70;
}
.character .charaArea .logo{
	position:absolute;
	bottom:90px;
	left:0;
	right:0;
	text-align:center;
}
.game .ttl,
.game .questionArea{
	position:relative;
}
.game .ttl .btn01{
	position:absolute;
	bottom:0;
	left:40px;
}
.game .ttl .btn02{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:215px;
	margin:0 auto;
}
.game .ttl .btn03{
	position:absolute;
	bottom:0;
	right:40px;
}
.game .questionArea .btnAnswer{
	position:absolute;
	top:30px;
	right:40px;
}

/* みんなの感想追加 */
span.Entry__comment-desc___17fDl, .EntryModal__img-tags___e2BEQ {
	display: none;
}
.MainPage__main-container___2z70_ {
	overflow:hidden!important;
}
.LoadMoreButton__load-more-button___3uRPa {
	background:#FF99CC!important;
	color:#FFFFFF!important;
	font-size:26px!important;
	border-radius: 100px !important;
	padding: 20px 40px !important;
	display: inline-block;
	margin-bottom: 30px;
}
.grid-item.Entry__entry___25Jvq {
	position: reltive;
	z-index: 999;             
	border:1px solid red;
	padding:5px;
	box-sizing: border-box;

	border: 3px solid #C0FFEE;
	border-radius:10px;
	box-shadow: 0 0 1px #b3ff51,
							0 0 2px #00d8ff,
							0 0 6px #00d8ff,
							0 0 12px #00d8ff,
							inset 0 0 1px #00d8ff,
							inset 0 0 2px #00d8ff,
							inset 0 0 6px #00d8ff,
							inset 0 0 12px #00d8ff;
}
.Entry__card-caption___AGG2C {
	background:#FFFFFF;
}
.MasonryWrapper__tab-content___2-Rpm {
	margin:10px 0 0 0;
}

.drawFeelingsAreaIn {
	text-align:center;
}
.drawFeelingsAreaIn ul {
	margin: 0 0 40px 0;
}
.drawFeelingsAreaIn ul li {
	display:inline-block;
	margin: 0 30px;
}
.Modal__modal-wrapper___3Atm3 {
	z-index: 9999!important;
}
.impressionsTitle{
	margin-bottom: 35px;
}
.btn{
	margin-bottom: 30px;
}
.CloseModalButton__close-button___1kgme {
	color: #FE7DAC!important;
	font-size: 42px!important;
	background: #fff!important;
	vertical-align: bottom!important;
	border-radius: 10px!important;
}

.Entry__comment-title___3QwYj {
	line-height: 30px!important;
	font-size: 22px!important;
}