@charset "shift_jis";
/* CSS Document */


#contents {
	background:url(../xy_images/bg_1603_pc.jpg) center center no-repeat;
	background-size:cover;
}

#contents h2 {
	display:block;
	margin-bottom:20px;
}

#contents .ct_inbox {
	padding: 0 30px 20px;
	overflow:hidden;
}

#contents .promo_box {
	width:650px;
	height:470px;
	float:left;
	padding:10px;
	overflow:hidden;
	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
	background: -webkit-linear-gradient(-261deg, #000 0, #030000 57%, #969696 60%, #000 100%);
  background: -moz-linear-gradient(351deg, #000 0, #030000 57%, #969696 60%, #000 100%);
  background: linear-gradient(351deg, #000 0, #030000 57%, #969696 60%, #000 100%);

  -webkit-box-shadow: -1px 1px 2px 0 rgba(255,255,255,0.5) inset, 1px -1px 2px 0 rgba(0,0,0,0.5) inset;
  box-shadow: -1px 1px 2px 0 rgba(255,255,255,0.5) inset, 1px -1px 2px 0 rgba(0,0,0,0.5) inset;
}
#contents .promo_inbox {
	background:#000;
	
	-webkit-box-shadow: -1px 1px 1px 0 rgba(255,255,255,0.5) , 1px -1px 1px 0 rgba(0,0,0,0.5) ;
  box-shadow: -1px 1px 1px 0 rgba(255,255,255,0.5) , 1px -1px 1px 0 rgba(0,0,0,0.5) ;
}

#contents .promo_box .bx-pager {
	text-align:center;
}
#contents .promo_box .bx-pager a {
	display:inline-block;
	border: solid 2px #fff;
	margin: 0 2px;
}
#contents .promo_box .bx-pager a.active {
	border: solid 2px #f00;
}

#contents .whatsnew_box {
	width:240px;
	height:470px;
	float:right;
	padding:10px;
	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
	background: -webkit-linear-gradient(-261deg, #000 0, #030000 57%, #969696 60%, #000 100%);
  background: -moz-linear-gradient(351deg, #000 0, #030000 57%, #969696 60%, #000 100%);
  background: linear-gradient(351deg, #000 0, #030000 57%, #969696 60%, #000 100%);

  -webkit-box-shadow: -1px 1px 2px 0 rgba(255,255,255,0.5) inset, 1px -1px 2px 0 rgba(0,0,0,0.5) inset;
  box-shadow: -1px 1px 2px 0 rgba(255,255,255,0.5) inset, 1px -1px 2px 0 rgba(0,0,0,0.5) inset;
}
#contents .whatsnew_inbox {
	background:#fff;
	height:450px;
	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
	-webkit-box-shadow: -1px 1px 1px 0 rgba(255,255,255,0.5) , 1px -1px 1px 0 rgba(0,0,0,0.5) ;
  box-shadow: -1px 1px 1px 0 rgba(255,255,255,0.5) , 1px -1px 1px 0 rgba(0,0,0,0.5) ;
}

#contents .whatsnew_inbox .ttl {
	background:#71C724;
	padding:15px 0;
}
#contents .whatsnew_inbox .ttl img {
	display:block;
	margin:0 auto;
}
#contents .whatsnew_inbox .txt_box {
	overflow-y: auto;
	height:402px;
}
#contents .whatsnew_inbox .txt_box dl {
	padding: 15px 0 0 11px;
	margin-right:21px;
	font-size:13px;
	line-height:1.3;
}
#contents .whatsnew_inbox .txt_box dl dt {
	font-weight:bold;
	color:#71c724;
	margin-bottom:3px;
}
#contents .whatsnew_inbox .txt_box dl a {
	color:#000;
	text-decoration:none;
}
#contents .whatsnew_inbox .txt_box dl a:hover {
	text-decoration: underline;
}
#contents .whatsnew_inbox .txt_box dl dd {
	margin-bottom:15px;
}

#contents .btn_box {
	clear:both;
	padding-top:30px;
	
	display: -webkit-flex;
	display: -moz-box;
  display: -ms-flexbox;
	display: flex;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
#contents .btn_box a{
	background:#000;
	display:block;
	margin-bottom:20px;
}
#contents .btn_box img {
	display:block;
}
#contents .btn_box a:hover img{
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#contents .copyright_box {
  background:#000;
  color:#fff;
  font-size:12px;
  overflow:hidden;
  padding:10px 20px;
}
#contents .copyright_box p {
  display:block;
  padding-top:10px;
  clear:both;
}

#contents .copyright_box img {
  display:block;
  float:left;
  margin-right:10px;
}



.bnr_20th{
	display:block;
	overflow:hidden;
	width:100%;
	max-width:920px;
	clear:both;
	margin:0 auto;
	padding-top:30px;
}
.bnr_20th img{
	width:100%;
	height:auto;
}


#contents .bnr_20th a {
display: block;
background: #000;
}
#contents .bnr_20th a:hover img{
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}