@charset "utf-8";
/* CSS Document */
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

body{
	height: auto;
	color: #fff;
	background-color: #000;
}
section{
	width: 100%;
	height: auto;
}
.wrapper{
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
}
.wrapper img{
	width: 100%;
	height: auto;
}
.wrapper h3{
	font-size: 100%;
	text-align: center;
}
.video {
	position: relative;
	padding-bottom : 56.25%;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
p.ttl {
    font-size: 100%;
    border-radius: 20px;
    color: #000;
    background-color: #fff;
    padding: 4px;
    /* margin: 4px; */
    font-weight: bold;
	text-align: center;
}
dl.presentdl {
    width: 48%;
    height: auto;
    /*float: left;*/
    margin: 0 auto;
}
dl.presentdl dd{
	font-size: 80%;
	margin: 0;
	text-align: center;
}
section.pfoto{
	margin: 2em 0;
}
section.snsarea{
	margin: 0 0 4em 0;
}
section.snsarea ul{
	margin: 0;
	padding: 0;
}
section.snsarea li {
    width: 33%;
    list-style-type: none;
    float: left;
}
footer p{
	width:20%;
	margin: 0 auto;
}

span.item.item-dd, span.item.item-hh, span.item.item-mm, span.item.item-ss{
	width: 18%;
	height:78px;
	/*display: block;*/
	float: left;
	margin:0 0 1em 1%;
}
#countdownarea{
	width:100%;
	height:auto;
	margin: 0;
	padding:0;
}
.fromarea p.fromicon{
	width:30%;
	margin: 0 auto;
}
.fromarea p.btn{	
	width:33%;
	margin: 0 auto;
}
section.sharearea{
	width:100%;
	height: atuo;
	margin: 4em 0;
}
ul.sbtn{
	width: 74%;
    margin: 0 auto;
    padding: 0;
}
ul.sbtn li{
    width: 20%;
    height: auto;
    float: left;
    margin: 0px 0 0 10%;
    list-style-type: none;
}