@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background:#FFF;
	margin:0;
	padding: 0;
	font-family: Verdana, Roboto, "Droid Sans","メイリオ",Meiryo, "游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

.contentswrapper{
	margin:0 auto;
}

/*------------------------------------------------------------*/

/*----vis----*/
.vis{
	background:url(../img/pc/kv/bg.jpg);
	width:100%;
	height:975px;
	margin:0;
	text-indent: -9999px;
}
.vis .vis_box{
	width:auto;
	height: 698px;
    margin: 0 auto;
    padding: 98px 0 0;
}
.vis .vis_box h1{
	display:block;
	background:url(../img/pc/kv/kv.png) top center no-repeat;
	width:auto;
	height:698px;
	margin:0 auto;
}

.vis .vis_box .display_period{
	background:url(../img/pc/kv/display_period.png) top center no-repeat;
	width: 305px;
	height: 61px;
	margin: -143px auto 0;
}

.vis .vis_box .information{
	display: none;
	background:url(../img/pc/kv/information.png) top center no-repeat;
	width: 741px;
	height: 121px;
	margin: 40px auto 0;
}


.vis a.scroll_start{
	display: block;
	background:url(../img/pc/kv/present_bnr.jpg) top center no-repeat; 
	width: 510px;
	height: 110px;
	margin: 45px auto 0;
}	



/*----new----*/
.new{
	background:url(../img/pc/new/line.png) top center repeat-x; 
	margin: -13px auto 0;
	padding:110px 0 80px;}


.new h2{
	background:url(../img/pc/new/title.png) top center no-repeat;
    width: 617px;
    height: 76px;
    margin: 0px auto;
    text-indent: -9999px;
}

.new .movie_box{
	background:url(../img/pc/new/movie_box.png) top center no-repeat;
	width:773px;
	margin: 45px auto 0;
	padding: 488px 0 0;
	position: relative;
}
.new .movie_box iframe,
.new .movie_box a,
.new .movie_box p.thumbnail{
	display: block;
	width:680px;
	height:381px;
	margin: 0 auto;
	position: absolute;
	top: 46px;
    left: 46px;
	text-indent: -9999px;
}
.new .movie_box a{
	border: 4px #000 solid; 
}
.new .movie_box a:hover{
	background: rgba(255,239,0,0.6);
}

.new .movie_box img.youtubeplayicon{
    width: 104px;
    height: 72px;
    position: absolute;
    top: 198px;
    left: 333px;
    text-indent: -9999px;
}

.new .movie_box p.movie_title{
	width:660px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}

.new .movie_box p.release_date{
	background:url(../img/pc/new/day.png) top center no-repeat;
    width: 139px;
    height: 102px;
    padding: 30px 0 0;
    text-align: center;
    color: #FF0000;
    font-size: 120%;
    font-weight: bold;
    position: absolute;
    top: 33px;
    right: -30px;
}

.new ul.past_movie_list{
	display: block;
	width: 1001px;
	margin: 45px auto 0;
}

.new ul.past_movie_list li{
	display: inline-block;
    width: 306px;
    height: 195px;
    margin: 0 11px 25px;
    padding:0;
    position: relative;
}

.new ul.past_movie_list li iframe,
.new ul.past_movie_list li a,
.new ul.past_movie_list li p.thumbnail{
	display: block;
	width: 304px;
	height: 171px;
	margin: 0 auto;
	position: absolute;
	top:2px;
	left: 2px;
	text-indent: -9999px;
}

.new ul.past_movie_list li a{
	border: 4px #000 solid;
}
.new ul.past_movie_list li a:hover{
	background: rgba(255,239,0,0.6);
}

.new ul.past_movie_list li img.youtubeplayicon{
    width: 70px;
    height: 48px;
    position: absolute;
    top: 64px;
    left: 114px;
    text-indent: -9999px;
}

.new ul.past_movie_list li p{
	display: none;
}

.new ul.past_movie_list li p.coming_soon{
	display: block;
	background:url(../img/pc/past/coming_soon.jpg) center no-repeat;
	width: 304px;
	height: 171px;
	margin: 0 auto;
	position: absolute;
	top:2px;
	left: 2px;
	text-indent: -9999px;
	border: 4px #000 solid;
}

.new ul.past_movie_list li p.movie_title{
	margin: 0 auto;
	padding: 0 4px;
	text-align: center;
	font-size:70%; 
}

.new ul.past_movie_list li p.release_date{
	display: block;
    width: 306px;
    text-align: center;
    color: #000;
    font-size: 75%;
    font-weight: bold;
    position: absolute;
    top: 178px;
}



/*----one_minute----*/
.one_minute{
	background:url(../img/pc/one_minute/bg.jpg);
	margin:0 auto;
	padding:0 0 80px;}

.one_minute .title_box{
	background:url(../img/pc/kv/bg.jpg);
	width: auto;
	height: 160px;
	text-indent: -9999px;
}
.one_minute .title_box:after{
	display: block;
	background:url(../img/pc/one_minute/arrow.png) top center no-repeat;
	content: "";
	width:auto;
	height: 60px;
	margin: -34px auto;
}

.one_minute .title_box h2{
	display: block;
	background:url(../img/pc/one_minute/title.png) bottom center no-repeat;
	width: auto;
	height: 160px;
	margin: 0 auto;
}

.one_minute .movie_box{
	background:url(../img/pc/new/movie_box.png) top center no-repeat;
	width:773px;
	margin: 75px auto 0;
	padding: 488px 0 0;
	position: relative;
}

.one_minute .movie_box iframe,
.one_minute .movie_box a,
.one_minute .movie_box p.thumbnail{
	display: block;
	width:680px;
	height:381px;
	margin: 0 auto;
	position: absolute;
	top: 46px;
    left: 46px;
	text-indent: -9999px;
}
.one_minute .movie_box a{
	border: 4px #000 solid; 
}
.one_minute .movie_box a:hover{
	background: rgba(255,239,0,0.6);
}

.one_minute .movie_box img.youtubeplayicon{
    width: 104px;
    height: 72px;
    position: absolute;
    top: 198px;
    left: 333px;
    text-indent: -9999px;
}

.one_minute .movie_box p.movie_title{
	width:660px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}

.one_minute .movie_box p.release_date{
	background:url(../img/pc/new/day.png) top center no-repeat;
    width: 139px;
    height: 102px;
    padding: 30px 0 0;
    text-align: center;
    color: #FF0000;
    font-size: 120%;
    font-weight: bold;
    position: absolute;
    top: 33px;
    right: -30px;
}

.one_minute ul.past_movie_list{
	display: block;
	width: 1001px;
	margin: 45px auto 0;
}

.one_minute ul.past_movie_list li{
	display: inline-block;
	width: 306px;
	margin: 0 11px 36px; 
	padding: 185px 0 0;
	position: relative;
}

.one_minute ul.past_movie_list li iframe,
.one_minute ul.past_movie_list li a,
.one_minute ul.past_movie_list li p.thumbnail{
	display: block;
	width: 304px;
	height: 171px;
	margin: 0 auto;
	position: absolute;
	top:2px;
	left: 2px;
	text-indent: -9999px;
}

.one_minute ul.past_movie_list li a{
	border: 4px #000 solid;
}
.one_minute ul.past_movie_list li a:hover{
	background: rgba(255,239,0,0.6);
}

.one_minute ul.past_movie_list li img.youtubeplayicon{
    width: 70px;
    height: 48px;
    position: absolute;
    top: 64px;
    left: 114px;
    text-indent: -9999px;
}

.one_minute ul.past_movie_list li p{
	display: none;
}

.one_minute ul.past_movie_list li p.coming_soon{
	display: block;
	background:url(../img/pc/past/coming_soon.jpg) center no-repeat;
	width: 304px;
	height: 171px;
	margin: 0 auto;
	position: absolute;
	top:2px;
	left: 2px;
	text-indent: -9999px;
	border: 4px #000 solid;
}

.one_minute ul.past_movie_list li p.movie_title{
	margin: 0 auto;
	padding: 0 4px;
	text-align: center;
	font-size:70%; 
}

.one_minute ul.past_movie_list li p.release_date{
    background: #000;
    width: 50px;
    height: 47px;
    padding: 6px 0 0;
    text-align: center;
    color: #FFF;
    font-size: 70%;
    font-weight: bold;
    position: absolute;
    top: -4px;
    right: -4px;
}




/*----past----*/
/*
.past{
	background:url(../img/pc/past/bg.jpg);
	min-width:1200px;
	margin:0 auto;
	padding:100px 0 80px;
	position: relative;
}

.past h2{
	background:url(../img/pc/past/title.png) top center no-repeat;
	width:358px;
	height:48px;
	margin:0px auto;
	text-indent: -9999px;
}

.past ul.past_movie_list{
	display: block;
	width: 1001px;
	margin: 45px auto 0;
}

.past ul.past_movie_list li{
	display: inline-block;
	width: 306px;
	margin: 0 12px 36px; 
	padding: 185px 0 0;
	position: relative;
}

.past ul.past_movie_list li iframe,
.past ul.past_movie_list li a{
	display: block;
	width: 304px;
	height: 171px;
	margin: 0 auto;
	position: absolute;
	top:2px;
	left: 2px;
	text-indent: -9999px;
}

.past ul.past_movie_list li a{
	border: 4px #000 solid;
}
.past ul.past_movie_list li a:hover{
	background: rgba(255,239,0,0.6);
}

.past ul.past_movie_list li p.movie_title{
	margin: 0 auto;
	padding: 0 4px;
	text-align: center;
	font-size:70%; 
}

.past ul.past_movie_list li p.release_date{
    background: #000;
    width: 50px;
    height: 47px;
    padding: 6px 0 0;
    text-align: center;
    color: #FFF;
    font-size: 70%;
    font-weight: bold;
    position: absolute;
    top: -4px;
    right: -4px;
}

.past ul.past_movie_list li p.coming_soon{
	display: block;
	background:url(../img/pc/past/coming_soon.jpg) top center no-repeat;
	width: 304px;
	height: 171px;
	margin: 0 auto;
	border: 4px #000 solid;
	position: absolute;
	top:2px;
	left: 2px;
	text-indent: -9999px;
}


.past .decoration_images{

}

.past .decoration_images .decoration_5{
	background: url(../img/pc/decoration/decoration_5.png) top center no-repeat;
	width: 303px;
	height: 372px;
    margin: 0 0 0 204.5px;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 50%;
}


.past_one_minute{
	background:url(../img/pc/past/bg.jpg);
	min-width:1200px;
	margin:0 auto;
	padding:0 0 80px;
	position: relative;
}

.past_new h2{
	background:url(../img/pc/past/title_1.png) top center no-repeat;
	width:358px;
	height:86px;
	margin:0px auto;
	text-indent: -9999px;
}

.past_one_minute h2{
	background:url(../img/pc/past/title_2.png) top center no-repeat;
	width:358px;
	height:86px;
	margin:0px auto;
	text-indent: -9999px;
}*/




/*----mission----*/
.mission{
	background:url(../img/pc/mission/line.png) top center repeat-x; 
	margin: -15px auto 0;
	padding:60px 0 0;
}

.mission .mission_about{
	background:rgba(0,165,239,1) url(../img/pc/mission/orb.jpg) center 90px no-repeat;
	padding: 50px 0 80px;
}

.mission h2{
	background:url(../img/pc/mission/title.png) top center no-repeat;
	width:577px;
	height:106px;
	margin:0px auto;
	text-indent: -9999px;
}

.mission p{
	margin: 360px auto 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}





/*----special----*/
.special{
	background:url(../img/pc/special/bg_2.jpg);
	margin:0 auto;
	padding:0 0 100px;
	position: relative;}

.special .title_box{
	background:url(../img/pc/special/bg.jpg);
	width: auto;
	height: 160px;
	text-indent: -9999px;
}
.special .title_box:after{
	display: block;
	background:url(../img/pc/special/arrow.png) top center no-repeat;
	content: "";
	width:auto;
	height: 60px;
	margin: -34px auto;
}

.special .title_box h2{
	display: block;
	background:url(../img/pc/special/title.png) bottom center no-repeat;
	width: auto;
	height: 160px;
	margin: 0 auto;
}

.special .terms{
	background: #0f3e78;
	width: 780px;
	margin: 80px auto 0;
	padding: 60px 0 50px;
    font-size: 150%;
    line-height: 1.5em;
    color: #FFF;
}

.special .terms h3{
    padding: 20px 0 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.5em;
    line-height: 1.8em;
}

.special .terms p,
.special .terms dl{
	margin: 0 70px 6px;
}

.special .terms dl dt{
	margin: 6px 0 3px;
	font-weight: bold;
}

.special .terms p{
	text-align: center;
}

.special .terms p span.yellow{
	font-size: 140%;
	font-weight: bold;
	color: #ffff00;
}

.special ul.special_present_list{
	display: block;
	width: 962px;
	background: #FFF;
	margin: 0 auto;
	border: 4px #000 solid;
	position: relative;
}

.special ul.special_present_list li{
	display: block;
	text-indent: -9999px;
	position: absolute;
}

.special ul.special_present_list li.special_present_1{
	background:url(../img/pc/special/present_1.jpg) top center no-repeat;
	width: 282px;
	height: 322px;
	top:45px;
	left: 41px;
}
.special ul.special_present_list li.special_present_2{
	background:url(../img/pc/special/present_2.jpg) top center no-repeat;
	width: 260px;
	height: 295px;
	top:45px;
	left: 346px;
}
.special ul.special_present_list li.special_present_3{
	background:url(../img/pc/special/present_3.jpg) top center no-repeat;
	width: 296px;
	height: 322px;
	top:45px;
	right: 35px;
}
.special ul.special_present_list li.special_present_4{
	background:url(../img/pc/special/present_4.jpg) top center no-repeat;
	width: 201px;
	height: 281px;
	top:45px;
	left: 41px;
}
.special ul.special_present_list li.special_present_5{
	background:url(../img/pc/special/present_5.jpg) top center no-repeat;
	width: 181px;
	height: 280px;
	top:45px;
	left: 260px;
}
.special ul.special_present_list li.special_present_6{
	background:url(../img/pc/special/present_6.jpg) top center no-repeat;
    width: 227px;
    height: 281px;
    top: 45px;
    left: 466px;
}
.special ul.special_present_list li.special_present_7{
	background:url(../img/pc/special/present_7.jpg) top center no-repeat;
	width: 206px;
	height: 281px;
	top:45px;
	left: 700px;
}
.special ul.special_present_list li.special_present_8{
	background:url(../img/pc/special/present_8.jpg) top center no-repeat;
	width: 199px;
	height: 280px;
	top:380px;
	left: 45px;
}
.special ul.special_present_list li.special_present_9{
	background:url(../img/pc/special/present_9.jpg) top center no-repeat;
	width: 201px;
	height: 281px;
	top:380px;
	left: 265px;
}

.special ul.special_present_list li.line{
	width: 890px;
	margin: 0 0 0 -445px;
	border-bottom:2px dashed #CCC;
	top:355px;
	left: 50%;
}


.special ul.special_present_list_1{
	height: 410px;
	margin: 75px auto 0;
}
.special ul.special_present_list_2{
	height: 718px;
	margin: 35px auto 0;
}


.special a.how_to{
    display: block;
    background:url(../img/pc/special/btn.png) top center no-repeat;
    background: #540e02;
	width: 606px;
	height: 100px;
	margin: 65px auto 0;
	padding: 30px 0 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 160%;
}


.special .decoration_images{
}

.special .decoration_images .decoration_6{
    background: url(../img/pc/decoration/decoration_10.png) top center no-repeat;
    width: 394px;
    height: 330px;
    margin: 0 0 0 48px;
    position: absolute;
    bottom: 269px;
    left: 50%;
}
.special .decoration_images .decoration_7{
	background: url(../img/pc/decoration/decoration_7.png) top center no-repeat;
	width: 227px;
    height: 294px;
    margin:0 0 0 219.5px;
    position: absolute;
    bottom: 273px;
    left: 50%;
}



/*----notice----*/
.notice{

}

.notice .title_box{
	background: rgba(17,49,81,1);
	padding: 28px 0;
	border-bottom:2px solid #5e758b;
	position: relative;
	cursor: pointer;
}
.notice .title_box h2{
	background:url(../img/pc/special/notice.png) top center no-repeat;
	height: 26px;
	text-indent: -9999px;
}
.notice .title_box h2 span{
	display: block;
	background:url(../img/pc/special/on_off_btn.png) bottom center no-repeat;
	width: 20px;
	height: 17px;
	margin: 0 0 0 62px;
    position: absolute;
    top: 34px;
	left: 50%;
}

.notice .wrap_txt{
	display: none;
    width: 900px;
	padding:55px 0 55px;
    font-size: 80%;
    line-height: 1.8em;
    margin: 0 auto;
}

.notice .wrap_txt h4 {
    padding: 15px 0 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.5em;
    line-height: 1.8em;
}

.notice .wrap_txt p, .notice .wrap_txt ul li {
    white-space: normal;
    text-indent: -1em;
    margin-left: 1em;
    display: block;
}



/*----offcial----*/
.offcial{
	background: rgba(0,0,0,1);
	padding: 80px 0;
	text-indent: -9999px;
}

.offcial .twitter{
	width: 815px;
	margin: 0 auto 70px;
}

.offcial .twitter h2{
	background:url(../img/pc/official/title_1.png) top center no-repeat;
	height: 25px;
	margin: 0 auto 45px;
}

.offcial .twitter ul{
	display: block;
	width: auto;
	height: 200px;
	position: relative;
}

.offcial .twitter ul li{
	display: block;
	width: 260px;
	height: 90px;
	position: absolute;
}
.offcial .twitter ul li.monst_sanapacho{
	background:url(../img/pc/official/twitter_1.jpg) top center no-repeat;
	top: 0;
	left: 0;
}
.offcial .twitter ul li.monst_panaee{
	background:url(../img/pc/official/twitter_2.jpg) top center no-repeat;
	margin: 0 0 0 -130px;
	top: 0;
	left: 50%;
}
.offcial .twitter ul li.monst_sashimii{
	background:url(../img/pc/official/twitter_3.jpg) top center no-repeat;
	top: 0;
	right: 0;
}
.offcial .twitter ul li.monst_riex{
	background:url(../img/pc/official/twitter_4.jpg) top center no-repeat;
	top: 110px;
	left: 138px;
}
.offcial .twitter ul li.xflag_kawake{
	background:url(../img/pc/official/twitter_5.jpg) top center no-repeat;
	top: 110px;
	right: 138px;
}

.offcial .twitter ul li a{
	display: block;
	width: 100%;
	height: 100%;
}



.offcial .channel{
	width: 815px;
	margin: 0 auto;
}

.offcial .channel h2{
	background:url(../img/pc/official/title_2.png) top center no-repeat;
	height: 25px;
	margin: 0 auto 45px;
}

.offcial .channel a{
	display: block;
	background: url(https://www.monster-strike.com/entryimage/d9a17c5927dbb5ec71dfc748c99c700c6e602180.png) top center no-repeat;
	background-size: 100%;
	width: 360px;
	height: 144px;
	margin: 0 auto;
}



.accordion-term .attention
{
	font-weight: bold;
}








/*----footer----*/
.footer{
	background: rgba(20,33,41,1);
}

.footer .footercontents{
	margin: 0 auto;
}

.footer .footercontents .download{
}

.footer .footercontents .download a{
	display: block;
	background:url(../img/pc/footer/download.png) center no-repeat;
	width: 458px;
	height: 114px;
	margin: 0 auto;
	text-indent: -9999px;
	border-radius: 3px;
}


.footer .footercontents .sns{
	background: rgba(35,49,58,1);
	padding: 20px 0;
}

.footer .footercontents .sns ul{
	display: block;
	width: 370px;
	height: 44px;
	margin: 0 auto;
	position: relative;
	text-indent: -9999px;
}

.footer .footercontents .sns ul li{
	display: block;
    width: 110px;
    height: 44px;
    position: absolute;
}

.footer .footercontents .sns ul li.line{
	background:url(../img/pc/footer/line.png) center no-repeat;
	background-size: 100%;
	margin: 0 0 0 -55px;
	top: 0;
	left: 50%;
}
.footer .footercontents .sns ul li.twitter{
	background:url(../img/pc/footer/twitter.png) center no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
}
.footer .footercontents .sns ul li.facebook{
	background:url(../img/pc/footer/facebook.png) center no-repeat;
	background-size: 100%;
	top: 0;
	right: 0;
}

.footer .footercontents .sns ul li a{
	display: block;
	width: 100%;
	height: 100%;
}



.footer .footercontents .links {
	width: 380px;
	margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
}

.footer .footercontents .links li {
    display: inline;
    padding: 0 10px;
}


.footer .footercontents .links li a{
    color: #FFF;
    font-size:80%; 
}

.footer .footercontents .xflag_symbollogo {
    width: 104px;
    height: 120px;
    background: url(https://xflag.com/common/images/promotion_logo_xflag.png) top center no-repeat;
    background-size: 100%;
    margin: 50px auto;
    position: relative;
}
.footer .footercontents .xflag_symbollogo a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

.footer .footercontents .copyright {
    padding: 0 0 30px;
    color: #FFF;
    text-align: center;
}

address{
	display: none;
	font-size: 9px;
    color: #FFF;
    text-align: center;
}



	

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PluginOverride_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#fancybox-close {
    position: absolute;
    top: inherit !important;
    bottom: -15px !important;
    right: -35px !important;
    width: 40px !important;
    height: 40px !important;
    background:url(../img/pc/new/close.png) center no-repeat!important;
    cursor: pointer;
    z-index: 1103;
    display: none;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PluginOverride_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/