@charset "UTF-8";
@media print {.main1 h1{ display: none }.main2 h1{ display: none }}

@font-face {
	font-family: 'font1';
	src: url(/um/library/fonts/Lusitana/Lusitana-Regular.ttf);
}
/* -----------------------------------------------------------
   BASE
------------------------------------------------------------*/
@media all and (min-width: 768px) {
#bottomArea{
	width:980px;
	margin:30px auto 0;
	}
}
@media all and (max-width: 767px) {
#bottomArea{
	width:94%;
	margin:10px auto 0;
	}
}
/* -----------------------------------------------------------
   HEADER
------------------------------------------------------------*/
header{
	text-indent:-9999px;
	}
header img{
	position:absolute;
	text-indent:-9999px;
	top:0;
	left:0;
	}
.main1{ background-color:#fff;}
.main2{ background-color:#000;}
.main1 h1{ background-image:url(../img/top_main1.jpg);}
.main2 h1{ background-image:url(../img/top_main2.jpg);}

@media all and (min-width: 768px) {
header{
	height:640px;
	text-align:center;
	}
header h1{
	width:980px;
	height:640px;
	margin:0 auto;
	position:relative;
	}
header img{
	width:980px;
	height:640px;
	}
}
@media all and (max-width: 767px) {
header h1{
	width:100%;
	height:0;
	padding-top:65.3%;
	background-size:cover;
	position:relative;
	}
header img{
	width:100%;
	height:100%;
	}
}

/* -----------------------------------------------------------
   UPDATE
------------------------------------------------------------*/

#update dl{
	letter-spacing:0.04em;
	line-height:140%;
	overflow:auto;
	}
#update dt{
	color:#e4007f;
	}

#update dd a{
	color:#fff;
	text-decoration:none;
	}
#update dd:last-child{
	border-bottom:none;
	}

@media all and (min-width: 768px) {
#update{
	width:610px;
	background-color:#000;
	margin-bottom:10px;
	height:140px;
	float:left;
	}
#update h2{
	width:140px;
	height:140px;
	background:url(../img/whatsnew_parts.png) no-repeat;
	float:left;
	text-indent:-9999px;
	}
#update div{
	width:470px;
	height:140px;
	position:relative;
	float:left;
	}
#update dl{
	font-size:80%;
	width:440px;
	height:110px;
	position:absolute;
	top:20px;
	left:20px;
	}
#update dt{
	float:left;
	clear:both;
	padding-bottom:2px;
	margin-bottom:2px;
	}
#update dd{
	padding-left:80px;
	padding-bottom:2px;
	margin-bottom:2px;
	}
#update dd a:hover{
	text-decoration:underline;
	}

}
@media all and (max-width: 767px) {
#update{
	width:100%;
	background-color:#000;
	}
#update h2{
	width:90%;
	margin:0 auto 5px;
	padding-top:3%;
	color:#fff;
	font-size:70%;
	font-weight:normal;
	}
#update h2 .font1{
	font-size:180%;
	font-family: font1;
	font-weight:normal;
	}
#update div{
	position:relative;
	padding-bottom:5px;
	}
#update dl{
	font-size:70%;
	width:90%;
	height:90px;
	margin:0 auto 3%;
	}
#update dt{
	float:left;
	clear:both;
	padding-bottom:2px;
	margin-bottom:2px;
	}
#update dd{
	padding-left:80px;
	padding-bottom:2px;
	margin-bottom:2px;
	}
#update dd a:hover{
	text-decoration:underline;
	}
}


/* -----------------------------------------------------------
 SNS-BTN
------------------------------------------------------------*/
@media all and (min-width: 768px) {
#snsbtnList{
	width:610px;
	float:left;
	margin-right:20px;
	}
#snsbtnList ul{
	list-style:none;
	}
#snsbtnList li{
	float:left;
	background-color:#000;
	}
#snsbtnList a{
	display:block;
	text-indent:-9999px;
	height:100px;
	}
#snsbtnList #twitBtn,#snsbtnList #instaBtn{
	width:203px;
	}
#snsbtnList #lineBtn{
	width:204px;
	}
#snsbtnList #twitBtn a{
	width:203px;
	background:url(../img/btn_twitter.png) no-repeat;
	}
#snsbtnList #instaBtn a{
	width:203px;
	background:url(../img/btn_insta.png) no-repeat;
	}
#snsbtnList #lineBtn a{
	width:204px;
	background:url(../img/btn_line.png) no-repeat;
	}
}
@media all and (max-width: 767px) {
#snsbtnList{
	width:100%;
	}
#snsbtnList ul{
	list-style:none;
	}
#snsbtnList li{
	width:33.3333%;
	float:left;
	}
#snsbtnList a{
	width:100%;
	height:0;
	display:block;
	text-indent:-9999px;
	padding-top:49.26%;
	background-size:cover;
	}
#snsbtnList #twitBtn a{	background-image:url(../img/btn_twitter.png) ;}
#snsbtnList #instaBtn a{background-image:url(../img/btn_insta.png) ;}
#snsbtnList #lineBtn a{background-image:url(../img/btn_line.png) ;}
}