@charset "utf-8";
/* CSS Document */

/*===========================
#cpBox
=============================*/
body{
	margin:0;
	padding:0;
	background:#FFF;
}

#cpBox{
	width:980px;
	margin:0 auto;
	padding:0 0 0 0;
	background:#FFF;
	font-size:125%;
	line-height:1.5em;
}

#cpBox dl ,
#cpBox dt ,
#cpBox dd ,
#cpBox ul ,
#cpBox li{
	list-style-type:none;
	margin:0;
}

@media screen and (max-width: 980px){
#cpBox{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	margin:0 auto;
	padding-bottom:0;
	}
}

#cpBox img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	border:none;
}

#cpBox a:link{border:none;}

#cpBox .notes{
	display:block;
	margin-top:1em;
	font-size:81%;
	line-height:1.3em;
}

#cpBox dl.detail{
	display:table;
	width:100%;
	vertical-align:middle;
	border-bottom:1px solid #CCC;
}

#cpBox dl.detail dt{
	display:table-cell;
	width:9em;
	padding:1em;
	text-align:center;
	vertical-align:middle;
	background:#EEE;
	font-weight:bold;
}

#cpBox dl.detail dd{
	display:table-cell;
	padding:1em;
	vertical-align:middle;
}

@media screen and (max-width: 640px){
#cpBox dl.detail{
	display:block;
	width:100%;
	border:none;
}

#cpBox dl.detail dt{
	display:block;
	width:100%;
	padding:0.5em 0;
	}

#cpBox dl.detail dd{
	display:block;
	padding:1em;
	}
}

#cpBox h3{
	margin:0;
	padding:0.3em 0;
	background:#E91937;
	color:#FFF;
	text-align:center;
	font-size:113%;
}

#cpBox h5{
	margin:0 0 1em 0;
	padding:0;
	font-size:125%;
}

#cpBox h6{
	margin:0 0 0.3em 0;
	padding:0;
	font-weight:normal;
}

#cpBox ul#btn{
	display:table;
	width:95%;
	margin:2em 0 1em 0;
	padding:0 2.5%;
}

#cpBox ul#btn li{
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align:middle;
}

@media screen and (max-width: 640px){
#cpBox ul#btn li{
	display:block;
	width:100%;
	}
}

#cpBox .satei ,
#cpBox .buy {
	position : relative ;
	display:block;
	margin:0.2em auto 1em auto;
	padding:0.5em 0 0.6em 0;
	width:95%;
	height:2em;
	color: #FFF;
	text-align:center;
	text-decoration:none;
	font-size:150%;
	font-weight:bold;
	line-height:1em;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
 	-webkit-box-shadow: 0px 1px 3px #666;
	-moz-box-shadow: 0px 1px 3px #666;
	box-shadow: 0px 1px 3px #666;
}

@media screen and (max-width: 640px){
#cpBox ul#btn{
	margin:1em 0;
}

#cpBox .satei ,
#cpBox .buy {
	display:block;
	margin:0.2em auto 1em auto;
	padding:0.5em 0 0.6em 0;
	width:90%;
	height:2em;
	font-size:125%;
	line-height:1em;
	}
}

#cpBox .satei {
	background: #FF8800;
	background-image: -webkit-linear-gradient(top, #FF8800, #EE4400);
	background-image: -moz-linear-gradient(top, #FF8800, #EE4400);
	background-image: -ms-linear-gradient(top, #FF8800, #EE4400);
	background-image: -o-linear-gradient(top, #FF8800, #EE4400);
	background-image: linear-gradient(to bottom, #FF8800, #EE4400);
}


#cpBox .buy {
	background: #EE0000;
	background-image:url(../img/arr.png);
	background-image: -webkit-linear-gradient(top, #EE0000, #CC0000);
	background-image: -moz-linear-gradient(top, #EE0000, #CC0000);
	background-image: -ms-linear-gradient(top, #EE0000, #CC0000);
	background-image: -o-linear-gradient(top, #EE0000, #CC0000);
	background-image: linear-gradient(to bottom, #EE0000, #CC0000);
}

#cpBox .satei:after ,
#cpBox .buy:after{
	content: url(../img/arr.png) ;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
}

#cpBox .satei:hover ,
#cpBox .buy:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-weight:bold;
}

#cpBox .satei em ,
#cpBox .buy em {
	font-size:75%;
	font-style:normal;
	text-decoration:none;
}

#cpBox .countdown{
	width:95%;
	background:#FFEEE3;
	margin:1em 0;
	padding:1em 2.5%;
	font-weight:bold;
	font-size:138%;
	text-align:center;
}

/* 191004 終了の記載 */
.TitleImg{
	position: relative;
}
.campaignend{
	width: 100%;
    height: 100%;
    z-index: 1;
	position: absolute;
    top: 0;
    background: rgba(255,255,255, 0.5);
}
.campaignend p{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35%;
    height: 15%;
    z-index: 1;
    background: #4a4a4a;
    color: #FFF;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 3px;
}
@media screen and (max-width: 640px){
.campaignend p{
	font-size: 14px;
	width: 40%;
    height: 35%;
}
}