っっｄ@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html{}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;}

table{
	border-collapse:collapse;
	border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
	letter-spacing:0.08em;}

q:before,q:after{content:"";}

abbr,acronym{
	border:0;
	font-variant:normal;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;}

input,textarea,select{
	*font-size:100%;}

legend{color:#000000;}

img {
   vertical-align:bottom
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMONlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*----basicsetting_start----*/
html{
    font-size:62.5%;}
body{
	font-family:Verdana,Arial,Geneva,Tahoma,sans-serif;
    font-size:1.4rem; /*default14px*/
	line-height:2.3rem;
	text-align:left;
	-webkit-text-size-adjust:100%; /*viewport*/}
body{
	font-size:1.2rem; /*defaultOverRide*/
	line-height:1.8rem;
	word-wrap:break-word;
	word-break:break-all;}
/*----basicsetting_end----*/



/*----ancher_start----*/
a{
	color:#155ad2;
	text-decoration:none;}
a:link{color:#155ad2;}
a:visited{color:#4e5664;}
a:active{color:#00bf09;}
a:hover{
	color:#155ad2;
	text-decoration:none;}
object{outline:none;}
/*----ancher_end----*/




/*----clear_start----*/
/*--clearfix--*/
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
.clearfix {
	min-height:1px;}
* html .clearfix {
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}
/*--clear--*/
.cf{
	clear:both;
	height:0;}
/*----clear_end----*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　COMMONlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
MAINlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background-color:#f2f2f2;}

#content_wrap{
	margin: 40px 0 0 0;
}

/*---header_start---*/
header{
	position:relative;
	background-position:top center;
	background-image:url(../images/sp_head_cont.png);
	background-size:640px 170px;
	width:100%;
	height:170px;}
#head_cont h1 a{
	display:block;
	position:absolute;
    background: url("/monsterstrike_logo_luster.png") top center no-repeat;
    background-size:100%;
	width:107px;
	height:80px;
	left:50%;
	top:59px;
	margin:0 0 0 -80px;}

/*---header_end---*/

/*---item_cont_start---*/
#item_wrap{
	background-position:top center;
	background-image:url(../images/sp_bg02.png);
	background-repeat:repeat-y;
	background-size:640px 417px;
	width:100%;}
#item_cont{
	background-position:top center;
	background-image:url(../images/sp_bg01.png);
	background-repeat:no-repeat;
	background-size:640px 833px;
	width:100%;}	
	

		/*---item_satrt---*/
		#item_cont ul{
		width:280px;		
		margin: 0 auto 0 auto;
		text-align:center;
		padding:50px 0 60px 0;}
		li.item {
			position:relative;
			margin:0 0 50px 0;}
		li.item .date{
			position:absolute;
			top:20px;
			left:0;
			text-align:right;
			border:4px solid #e0001b;
			padding:6px 18px 6px 20px;
			border-radius: 20px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			font-weight:bold;
			background-color:#fff;
			color:#e0001b;}
			#item_cont li.item .img_thum_wrap{
			background-position:top right;
			background-image:url(../images/sp_item_head.png);
			background-repeat:no-repeat;
			background-size:117px 74px;
			padding:74px 0 0 0;}	
		#item_cont .img_thum{
			border:4px solid #e0001b;
			border-radius: 20px; /* CSS3草案 */ 
			-webkit-border-radius: 20px; /* Safari,Google Chrome用 */ 
			-moz-border-radius: 20px; /* Firefox用 */ }
		#item_cont li.item a .img_thum img{
			cursor: pointer;
			width:100%;
			border-top-left-radius:16px;
			-webkit-border-top-left-radius:16px;
			-moz-border-radius-top-left:16px;
			border-top-right-radius:16px;
			-webkit-border-top-right-radius:16px;
			-moz-border-radius-top-right:16px;}
		#item_cont li.item a .img_thum p{
			font-size:15px;		
			font-weight:bold;
			color:#e0001b;
			background:#fff;
			padding:20px 20px 20px 20px;
			border-bottom-left-radius:16px;
			-webkit-border-bottom-left-radius:16px;
			-moz-border-radius-bottom-left:16px;
			border-bottom-right-radius:16px;
			-webkit-border-bottom-right-radius:16px;
			-moz-border-radius-bottom-right:16px;}
		/*---item_end---*/

/*---item_cont_end---*/

/*---footer_start---*/
	footer{
		position:relative;
		background-color:#b30016;
		background-position:top center;
		background-image:url(../images/sp_footer_cont.png);
		background-size:640px 164px;
		width:100%;
		height:164px;
		padding:0 0 20px 0;}

	footer .pagetop a{
		position:absolute;
		top:-110px;
		right: 20px;
		display:block;
		cursor: pointer;
		background-position:top center;
		background-image:url(../images/pagetop.png);
		background-repeat:no-repeat;
		background-size:120px 115px;
		width:120px;
		height:115px;		
		}	

	footer .footer_cont ul{
		margin:0 auto 0 auto;
		text-align:center;
		width:100%;}

	footer .footer_cont ul li{
		display:inline-block;
		border-right: 1px solid #fff;
		margin: 20px 0.5em 2em;
		padding-right: 1em;}
	footer .footer_cont ul li a{
		color:#fff;	
	}
	p.xflag a{
		display:block;
		background-position:top center;
		background-image:url(//xflag.com/tw/common/images/promotion_logo_xflag.png);
		background-repeat:no-repeat;
		background-size:62px 71px;
		width:100%;
		height:71px;	
		margin:0 0 10px 0;}

	address {
		margin:0 auto 0 auto;
		text-align:center;
		width:100%;
		color:#fff;
		font-size:7px;
	}


/*---footer_end---*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　MAINlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PluginOverride_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*----Fancybox_start----*/
#fancybox-outer{
	background:#000000 !important;}
#fancybox-content{
	border-color:#000000 !important}
.fancybox-bg{
	background:none !important;}
/*--#substr.about_the_game.evolution_and_ascension--*/
#substr.about_the_game.evolution_and_ascension #fancybox-outer{
	background:none !important;}
#substr.about_the_game.evolution_and_ascension #fancybox-content{
	border-color:#cccccc !important}
#substr.about_the_game.evolution_and_ascension .fancybox-bg{
	background:none !important;}
#substr.about_the_game.evolution_and_ascension #fancybox-content iframe{
	overflow:scroll;}
/*----Fancybox_end----*/


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