@charset "utf-8";

@media screen and (min-width: 768px) {
	.pageIndex .contentsInner { margin-top: -160px; }
	.pageIndex .contentsInner { margin-top: -210px; } /* 第P1弾*/
	.main { position: relative; margin: 0 auto; padding-bottom: 10px; width: 1180px; text-align: center; }
	.main .btnMovie { position: absolute; top: 0; right: 50px; width: 160px; }

	.pageIndex .index { /*margin-top: -30px; */}
	
	.pageIndex .topicsTop { margin-top: -15px; display: table; margin-bottom: 30px; padding-bottom: 25px; width: 100%; background: url(../images/common/border.png) left bottom repeat-x; background-size: auto 6px; }
	.pageIndex .topicsTop dt { display: table-cell; vertical-align: middle; width: 435px; }
	.pageIndex .topicsTop dd { display: table-cell; vertical-align: middle; width: 475px; padding-left: 15px; box-sizing: border-box; }
	.pageIndex .topicsTop dd img { margin-bottom: 20px; }
	.pageIndex .topicsTop img { width: 100%; }
	
	.pageIndex .topics { background: url(../images/common/border_y.png) center top repeat-y; }
	.pageIndex .topics ul:after { content: ""; clear: both;  display: block; }
	.pageIndex .topics li { width: 435px; margin-bottom: 20px; padding-bottom: 25px; background: url(../images/common/border.png) left bottom repeat-x; background-size: auto 6px; }
	.pageIndex .topics li:nth-child(odd) { float: left; }
	.pageIndex .topics li:nth-child(even) { float: right; }
	.pageIndex .topics li img { width: 100%; }
	.pageIndex .topics li dt { position: relative; margin-bottom: 15px; }
	.pageIndex .topics li .icon { position: absolute; bottom: 0; left: 0; width: 100px; height: 100px; }

	.pageIndex .topicsTop { position: relative; }
	.pageIndex .topicsTop .iconNew { position: absolute; bottom: 15px; left: 6px; width: 80px!important; height: auto!important; }
	.pageIndex .topics .listFull { margin-top: -15px; }
	.pageIndex .topics .listHalf dl { display: table; width: 100%; }
	.pageIndex .topics .listHalf dt { display: table-cell; width: 135px; padding-right: 10px; vertical-align: top; box-sizing: border-box; }
	.pageIndex .topics .listHalf dd { display: table-cell; vertical-align: top; }
	.pageIndex .topics .listHalf li.noBorder { margin-bottom: 0; padding-bottom: 0; background: none; }
	
	.pageIndex .topics .listFull .iconNew { position: absolute; bottom: 75px; left: 6px; width: 80px!important; height: auto!important; }
	.pageIndex .topics .listFull .iconNew02 { position: absolute; bottom: 5px; left: 6px; width: 80px!important; height: auto!important; }
	.pageIndex .topics .listHalf .attention.new { display: inline-block; padding-right: 65px; background: url(../../prichan-game/images/common/new.png) right center no-repeat; background-size: 60px auto; }

    .pageIndex .topics li.double a:nth-child(odd) { display: block; float: left; width: 210px; }
    .pageIndex .topics li.double a:nth-child(even) { display: block; float: right; width: 210px; }

    .pageIndex #oshirase .section { padding-top: 10px; background: url(../images/common/border.png) left top repeat-x; background-size: auto 6px; }
    .pageIndex #oshirase .section .new { display: inline-block; padding-right: 65px; background: url(../../prichan-game/images/common/new.png) right center no-repeat; background-size: 60px auto; }

	.pageIndex .newsList { margin-top: 10px; padding: 20px 10px 0 0; height: 370px; overflow: auto; }
	.pageIndex .newsList li.newsListInner { margin-bottom: 15px; padding-bottom: 20px; background: url(../images/common/border.png) left bottom repeat-x; background-size: auto 6px; }
	.pageIndex .newsList li.newsListInner:last-child { margin-bottom: 0; padding-bottom: 0; background: none; }
	.pageIndex .newsList li.newsListInner .icon { padding-left: 33px; }
	.pageIndex .newsList li.newsListInner .icon:first-child { background: url(../../prichan-game/shop/images/shop.png) 0 3px no-repeat; background-size: 30px auto; }
	
	.pageIndex .newsList li.newsListInner .mente h3 { font-weight: bold; }
	.pageIndex .newsList li.newsListInner .mente h4 { font-weight: bold; margin-top: 10px; color: #fe90c6; }
	.pageIndex .newsList li.newsListInner .mente p:last-child { margin-top: 15px; }
	.pageIndex .newsList li.newsListInner .mente p img { margin-top: 10px; }
	.pageIndex .newsList li.newsListInner .mente p + p { margin-top: 15px; }
	
	.pageIndex .newsList li.newsListInner .newsDetail { }
	.pageIndex .newsList li.newsListInner .newsDetail dd { padding-left: 33px; }
	.pageIndex .newsList li.newsListInner .newsDetail dd h3 { margin-bottom: 15px; font-weight: bold; }
	.pageIndex .newsList li.newsListInner .newsDetail dd p { margin-bottom: 15px; }
	.pageIndex .newsList li.newsListInner .newsDetail dd p:last-child { margin-bottom: 0; }

	.pageIndex .movieList { margin: 0 auto; padding-bottom: 50px; width: 600px; }
	.pageIndex .movieList li { margin-bottom: 0px; text-align: center; width: 600px!important; }
	.pageIndex .movieList .movieListInner { padding: 27px 29px 27px 29px; background: url(../../prichan-game/movie/images/bg_movie.png) center top no-repeat; background-size: 100% auto; }

	.pageIndex .btnEnq { margin: 30px auto 0 auto; width: 480px; }
	.pageIndex .btnEnq img { width: 100%; }
	.pageIndex .boxWrap.btnIndex { margin-bottom: 15px; }
	.pageIndex ul.btnIndex { }
	.pageIndex ul.btnIndex li { width: 480px; }
	.pageIndex ul.btnIndex li:nth-child(odd) { float: left; }
	.pageIndex ul.btnIndex li:nth-child(even) { float: right; }
	.pageIndex ul.btnIndex li img { width: 100%; }
	
	.pageIndex p.btnIndex { margin: 0 auto; width: 480px; }
	.pageIndex p.btnIndex img { width: 100%; }

	.jewelMessageInner li { padding: 15px 0; border-top: 1px solid #fe90c6; }
	.jewelMessageInner li p { text-align: left; }
	.jewelMessageInner li .font-small { padding-top: 10px; }

}

@media screen and (max-width: 767px) {
	.pageIndex .contentsInner { margin-top: -22.66666vw; }
	/*.pageIndex .contentsInner { margin-top: -5.66666vw; }*/
	.banner { margin: 0 3.3333333vw; }
	.pageIndex .btnEnq { margin: 25px 0 10px; }
	
	.main { position: relative; text-align: center; }
	.main .btnMovie { position: absolute; top: 0; right: 0; width: 25.33333vw; }	

	.pageIndex .topicsTop {  position: relative;  margin-bottom: 15px; padding-bottom: 22px; background: url(../images/common/border.png) left bottom no-repeat; background-size: 100% auto; }
	.pageIndex .topicsTop dt { margin-bottom: 10px; }
	.pageIndex .topicsTop dd img { margin-bottom: 10px; }
	.pageIndex .topicsTop .iconNew { position: absolute; bottom: 59vw; left: 2.3vw!important; width: 14.6vw!important; }
	
	.pageIndex .topics { }
	.pageIndex .topics li { margin-bottom: 15px; padding-bottom: 22px; background: url(../images/common/border.png) left bottom no-repeat; background-size: 100% auto; }
	.pageIndex .topics .listFull dt { position: relative; margin-bottom: 10px; }
	.pageIndex .topics .listFull dt .icon { position: absolute; left: 0; bottom:-2vw; width: 21.8666666vw; height: 22.4vw; }
	
	.pageIndex .topics .listHalf li:last-child { margin-bottom: 0; padding-bottom: 0;  background: none; }
	.pageIndex .topics .listHalf dl { display: table; width: 100%; }
	.pageIndex .topics .listHalf dt { display: table-cell; width: 34vw; vertical-align: top; }
	.pageIndex .topics .listHalf dd { display: table-cell; padding-left: 10px; width: 46vw; box-sizing: border-box; vertical-align: top; }
	
	.pageIndex .topics .listFull .iconNew { position: absolute; bottom: 17vw; left: 2.3vw!important; width: 14.6vw!important; }
	.pageIndex .topics .listFull .iconNew02 { position: absolute; bottom: 1vw; left: 2.3vw!important; width: 14.6vw!important; }
	.pageIndex .topics .listHalf .attention.new { display: inline-block; padding-right: 14vw; background: url(../../prichan-game/images/common/new.png) right top no-repeat; background-size: 13.33333vw auto; }
	
    .pageIndex .topics li.double a:first-child { display: block; margin-bottom: 15px; padding-bottom: 22px; background: url(../images/common/border.png) left bottom no-repeat; background-size: 100% auto; }
    
    .pageIndex #oshirase .section { padding-top: 10px; background: url(../images/common/border.png) left top no-repeat; background-size: 100% auto; }
    .pageIndex #oshirase .new { display: inline-block; padding-right: 14vw; background: url(../../prichan-game/images/common/new.png) right top no-repeat; background-size: 13.33333vw auto; }
    
	.pageIndex .newsList {  padding: 10px 10px 0 0; height: 100vw; overflow: auto; }
	.pageIndex .newsList li.newsListInner { margin-bottom: 15px; padding-bottom: 18px; background: url(../images/common/border.png) left bottom no-repeat; background-size: 100% auto; }
	.pageIndex .newsList li.newsListInner:last-child { margin-bottom: 0; padding-bottom: 0; background: none; }	
	.pageIndex .newsList li.newsListInner .icon { padding-left: 33px; }
	.pageIndex .newsList li.newsListInner .icon:first-child { padding: 0 0 0 8.66666vw; background: url(../../prichan-game/shop/images/shop.png) left top no-repeat; background-size: 7.73333vw auto; color: #fe90c6; }

	.pageIndex .newsList li.newsListInner .mente h3 { font-weight: bold; }
	.pageIndex .newsList li.newsListInner .mente h4 { font-weight: bold; margin-top: 10px; color: #fe90c6; }
	.pageIndex .newsList li.newsListInner .mente p:last-child { margin-top: 15px; }
	.pageIndex .newsList li.newsListInner .mente p img { margin-top: 10px; width: 250px }
	.pageIndex .newsList li.newsListInner .mente p + p { margin-top: 15px; }

	.pageIndex .newsList li.newsListInner .newsDetail { }
	.pageIndex .newsList li.newsListInner .newsDetail dd { }
	.pageIndex .newsList li.newsListInner .newsDetail dd h3 { margin-bottom: 15px; font-weight: bold; }
	.pageIndex .newsList li.newsListInner .newsDetail dd p { margin-bottom: 15px; }
	.pageIndex .newsList li.newsListInner .newsDetail dd p:last-child { margin-bottom: 0; }
	
	
	.pageIndex .movieList { margin-bottom: 16vw; }
	.jewelMessageInner li { padding: 15px 0; border-top: 1px solid #fe90c6; }
	.jewelMessageInner li p { text-align: left; }
	.jewelMessageInner li .font-small { padding-top: 10px; }
}

/*@media screen and (min-width: 768px) {
	#bg { position: fixed; right: 0; bottom: 0; z-index: 9999; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #000; opacity: 0.8; }
	#first { position: fixed; top: 30%; left: 50%; z-index: 9999; width: 400px; height: 500px; margin: -250px 0 0 -200px; text-align: center; box-sizing: border-box; background: #fff; }
	#first a  { display: block; position: absolute; top: -10px; right: -10px; width: 35px; height: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; text-indent: -9999px; }
	.modalIndex { padding: 15px; background: #fff; }
	.modalIndex .modalIndexInner { text-align: left; }
	.modalIndex .topicsTop { margin: 20px 0; padding-top: 60px; width: 100%; background: url(../images/common/divider.png) center top no-repeat; background-size: 370px auto; }
	.modalIndex .topicsTop dt { margin-bottom: 10px; }
	.modalIndex .topicsTop dd img { margin-bottom: 15px; }
	.modalIndex .topicsTop img { width: 100%; }
}

@media screen and (max-width: 767px) {
	#bg { position: fixed; right: 0; bottom: 0; z-index: 9999; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #000; opacity: 0.8; }
	#first { position: fixed; top: 0; left: 0; margin: 5% 0 5% 2.5%; z-index: 9999; width: 88%; text-align: center; box-sizing: border-box; background: #ffff; }
	#first a { display: block; position: absolute; top: -4vw; right: -6vw; width: 10vw; height: 10vw; background: url(../images/common/btn_close.png) no-repeat; background-size: 10vw 10vw; z-index: 2; cursor: pointer; text-indent: -9999px; }
	.modalIndex { background: #fff; overflow: scroll; padding: 20px; width: 92vw; height: 110vw; box-sizing: border-box; }
	.modalIndex .modalIndexInner {  }
	.modalIndex .topicsTop { margin-bottom: 15px; padding-top: 13.86666vw; width: 100%; background: url(../images/common/divider.png) center top no-repeat; background-size: 100% auto; }
	.modalIndex .topicsTop dt { margin-bottom: 5px; }
	.modalIndex .topicsTop dd { text-align: left; }
	.modalIndex .topicsTop dd img { margin-bottom: 10px; }
	.modalIndex .topicsTop img  { width: 100%; }
}*/


@media screen and (min-width: 768px) {
	#jewelPact .modalInner  { overflow: hidden; width: 400px; height: 740px; }
	#jewelPact .modalClose  { display: block; position: absolute; top: -10px; right: -10px; width: 35px; height: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; }
	#jewelPact .divider { margin: 20px 0; padding-top: 60px; width: 100%; background: url(../images/common/divider.png) center top no-repeat; background-size: 370px auto; }
	#jewelPact .topicsTop dt { margin-bottom: 10px; }
	#jewelPact .topicsTop dd { text-align: left; }
	#jewelPact .topicsTop dd img { margin-bottom: 15px; }
	#jewelPact .topicsTop img { width: 100%; }	
}
@media screen and (max-width: 767px) {
	#jewelPact .topicsTop dt { margin-bottom: 5px; }
	#jewelPact .topicsTop dd { text-align: left; }
	#jewelPact .topicsTop dd img { margin-bottom: 10px; }
	#jewelPact .topicsTop img  { width: 100%; }
}
	


@media screen and (min-width: 768px) {
	#event5th .modalWindow { display: none; box-sizing: border-box; text-align: center; }
	#event5th .modalInner  { overflow: hidden; width: 560px; height: 630px; box-sizing: border-box; }
	#event5th .modalInner img { width: 100%; }
	#event5th .modalInner.scroll { overflow: scroll; }
	#event5th .modalClose  { display: block; position: absolute; top: -10px; right: -10px; width: 35px; height: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; }
	#event5th .divider { margin: 0px 0 0 0; padding-top: 80px; width: 100%; background: url(../images/common/divider.png) center top no-repeat; background-size: 500px auto; }
	#event5th .modalDetail { margin: 0; padding: 0px; background: #fff; }
	#event5th .event5thDetail dd { }
	#event5th .event5thDetail dd h3 { padding: 0 10px; }
	#event5th .event5thDetail dd p { margin: 0 20px; padding: 0; text-align: left; }
	#event5th .event5thDetail dd p.border { margin-bottom: 15px; padding-bottom: 25px; background: url(../images/common/border.png) left bottom no-repeat; background-size: 100% auto;}
	#event5th .event5thDetail dd figure {  }

}
@media screen and (max-width: 767px) {
	#event5th .modalWindow { display: none; box-sizing: border-box; text-align: center; }
	#event5th .modalInner  { overflow: scroll; padding-bottom: 10px; width: 92vw; height: 140vw; }
	#event5th .modalClose  { display: block; position: absolute; top: -4vw; right: -2vw; width: 10vw; height: 10vw; background: url(../images/common/btn_close.png) no-repeat; background-size: 10vw 10vw; z-index: 2; cursor: pointer; }
	#event5th .divider { margin: 0; padding-top: 13.86666vw; width: 100%; background: url(../images/common/divider.png) center top no-repeat; background-size: 90% auto; }
	#event5th .modalDetail { margin: 0; padding: 0; background: #fff; }
	#event5th .event5thDetail dd h3 { padding: 0 10px; }
	#event5th .event5thDetail dd p { margin: 0 20px; padding: 0; text-align: left; }
	#event5th .event5thDetail dd p.border { margin-bottom: 15px; padding-bottom: 25px; background: url(../images/common/border.png) left bottom no-repeat; background-size: 100% auto;}
}

@media screen and (min-width: 768px) {
	#indexModal .modalWindow { display: none; box-sizing: border-box; text-align: center; }
	#indexModal .modalInner  { overflow: hidden; width: 560px; height: 630px; box-sizing: border-box; }
	#indexModal .modalInner img { width: 100%; }
	#indexModal .modalInner.scroll { overflow: scroll; }
	#indexModal .modalClose  { display: block; position: absolute; top: -10px; right: -10px; width: 35px; sheight: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; }
	#indexModal .modalDetail { margin: 0; padding: 0px; background: #fff; }
	#indexModal .indexModalDetail dd { margin-top: -150px; }
	#indexModal .indexModalDetail dd p { margin: 0 20px; padding: 0; text-align: left; }
	#indexModal .indexModalDetail dd p.copyright { padding: 20px 40px 15px 40px; }
}
@media screen and (max-width: 767px) {
	#indexModal .modalWindow { display: none; box-sizing: border-box; text-align: center; }
	#indexModal .modalInner  { overflow: scroll; padding-bottom: 10px; width: 92vw; height: 140vw; }
	#indexModal .modalClose  { display: block; position: absolute; top: -4vw; right: -2vw; width: 10vw; height: 10vw; background: url(../images/common/btn_close.png) no-repeat; background-size: 10vw 10vw; z-index: 2; cursor: pointer; }
	#indexModal .modalDetail { margin: 0; padding: 0; background: #fff; }
	#indexModal .indexModalDetail dd { margin-top: -24vw; }
	#indexModal .indexModalDetail dd p { margin: 0 20px; padding: 0; text-align: left; }
	#indexModal .indexModalDetail dd p.copyright { padding: 2.66666vw; }

}



@media screen and (min-width: 768px) {
	#bg { position: fixed; right: 0; bottom: 0; z-index: 9999; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #000; opacity: 0.8; }
	#first { position: fixed; top: 33%; left: 50%; z-index: 9999; width: 700px; height: 671px; margin: -250px 0 0 -350px; text-align: center; box-sizing: border-box; }
	#first a.btnClose { display: block; position: absolute; top: -10px; right: -10px; width: 35px; height: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; text-indent: -9999px; }
	.modalIndex { width: 700px; }
	.modalIndex .modalIndexInner { width: 700px;  }
	.modalIndex .modalIndexInner img { width: 700px!important; height: auto }
}

@media screen and (max-width: 767px) {
	#bg { position: fixed; right: 0; bottom: 0; z-index: 9999; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #000; opacity: 0.8; }
	#first { position: fixed; top: 0; left: 0; margin: 5% 7% 0 7%; z-index: 9999; width: 86%; text-align: center; box-sizing: border-box; }
	#first a.btnClose { display: block; position: absolute; top: -4vw; right: -6vw; width: 10vw; height: 10vw; background: url(../images/common/btn_close.png) no-repeat; background-size: 10vw 10vw; z-index: 2; cursor: pointer; text-indent: -9999px; }
	.modalIndex { overflow:hidden; padding: 0; /*width: 92vw; height: 110vw;*/ box-sizing: border-box; }
	.modalIndex .modalIndexInner img { width: 100%; }
}