@charset "utf-8";
/* CSS Document */
.note{
	font-size: 14px;
}
.tx_vt{
	color: #908abe;
}
#XM-D2 #top{
	padding: 0;
	background-image: initial;
}
#XM-D2 #top h1{
	margin-top: 0;
}
#XM-D2 #top .main_visual{
	width: auto;
}
#XM-D2 #top .campaign{
	margin: 0 auto;
	padding: 0;
	
	background-image: url(../img/d2_cmp_bg.png);
	background-position:bottom center;
}
#XM-D2 #top .campaign .cp_bg{
    margin: 0 auto;
	padding: 20px;
	background: rgba(62, 63, 153, 0.6);
	text-shadow: 1px 1px 10px #000;
}
#XM-D2 #top .cp_present{
	padding-bottom: 20px;
	margin-right: 10px;
}
#XM-D2 #top .cp_present img{
	width: auto;
}
#XM-D2 #top .campaign h3{
	font-weight: bold;
}
#XM-D2 #top .campaign h3 span{
	font-size: 30px;
	font-weight: bold;
	padding: 0 10px;
	border-bottom: solid 1px #fff;
}
#XM-D2 #top .campaign .tx_box {
	width: 60%;
}
#XM-D2 #top .campaign .tx_box p:first-child{
	font-size: 24px;
}
#XM-D2 #top .campaign .tx_box p{
	margin-top: 10px;
}
#XM-D2 #top .campaign p:last-child{
	font-size: 18px;
}
#XM-D2 #top .campaign h3 + .flexbox{
	margin: 10px auto;
	padding: 10px;
    width: 80%;
}

#XM-D2 .point_bg{
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #000000 47%, #333333 81%, #4a4b4f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #000000 0%,#000000 47%,#333333 81%,#4a4b4f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #000000 0%,#000000 47%,#333333 81%,#4a4b4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#XM-D2 #point_area .content p{
	width: auto;
}
#XM-D2 #point_area .content h3:after{
	content: none;
}
#XM-D2 #point_area h3{
	padding-left: 0;
	font-size: 24px;
	text-align: center;
}
#XM-D2 #point_area h3 + div{
	margin: 10px auto;
}
.bg_vt span{
	background: #3e3f99;
}
.bg_vt p span:before {
	border-color: transparent #222222 transparent transparent;
}
#xseries #XM-D2 .cmp a {
	width: auto;
	margin: 0 auto;
	padding: 10px 0;
	color: #fff;
	border: 1px solid #9cdc40;
	background: rgba(156, 220, 64,  0.25);
	box-shadow: inset 0 0 20px rgba(156, 220, 64,  0);
	outline: 1px solid;
	outline-color: rgba(156, 220, 64,  0.5);
	outline-offset: 0px;
	text-shadow: none;
	text-decoration: none;
	text-align: center;
	font-size: 26px;
	font-weight: 400;
	-webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
	line-height: 1;
}
#xseries #XM-D2 .cmp a:hover {
	border: 1px solid #9cdc40;
	box-shadow: inset 0 0 20px rgba(156, 220, 64,  0.5), 0 0 20px rgba(156, 220, 64, 0.2);
	outline-color: rgba(156, 220, 64, 0);
	outline-offset: 15px;
    }

#XM-D2 .cmp a .cmp_font_l{
	font-size: 40px;
}
#XM-D2 .cmp a .cmp_font_s{
	font-size: 20px;
}

/* ------------------------------------------------------------------------------------------------------------
	media
 ------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) {
	
	#XM-D2 #top .campaign .cp_bg{
		padding: 10px;
	}
	#XM-D2 #top .campaign h3 + .flexbox{
		width:auto;
	}
	#XM-D2 #top .campaign h3{
		padding-bottom: 15px;
	}
	#XM-D2 #top .campaign .tx_box {
		width: auto;
	}
	#XM-D2 #top .campaign .tx_box p:first-child{
		font-size: 20px;
	}
	#XM-D2 #top .campaign p:last-child{
		font-size: 14px;
	}
	#XM-D2 #point_area h3{
		font-size: 18px;
	}
	#XM-D2 #point_area .content02 h3 + div,
	#XM-D2 #point_area .content03  h3 + div{
		text-align: center;
	}
	#XM-D2 #point_area .content02 h3 + div img,
	#XM-D2 #point_area .content03  h3 + div img{
		width: 70%;
	}
}