@charset "UTF-8";
/* CSS Document */
body{
	margin: 0 auto;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	font-size:18px;
	line-height:200%;
	position:relative;
	background-color:#ffffff;
	color:#505050;
	width: 100%;
	max-width: 750px;
}
.content{
	position: relative;
	width:100%;
	margin: auto;
}
/*共通*/
p,div,img,ul,li{
	margin:0;
	padding:0;
}
.award.con_none{
	display: none;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.lpimg img{
	width:100%;
	height: auto;
	margin:0 auto 0px auto;
	display:block;
}
a.lpimg{
	display: block;
}
.cart_corse a{
	color:#fff;
	transition: 0.6s ;
	text-decoration:none;}
.cart_corse a:hover{ text-decoration:underline;}

.cart_corse01{
	background: url(../img/cartbtn01bg.jpg) no-repeat;
	background-size: 100%;
}
.cart_corse02{
	background: url(../img/cartbtn02bg.jpg) no-repeat;
	background-size: 100%;
}
.cart_corse03{
	background: url(../img/cartbtn03bg.jpg) no-repeat;
	background-size: 100%;
}
.cart_corse04{
	background: url(../img/cartbtn04bg.jpg) no-repeat;
	background-size: 100%;
}
.timer_wrapper{
	margin: 120px auto;
}
.cartform{
	background-color: #f5f5f5;
	padding: 120px 0;
	width: 100%;
	text-align: center;
}
/*フッター*/
.copy{
	width: 90%;
	padding:20px 0px;
	margin: auto;
	box-sizing:border-box;
	line-height: 120%;
	text-align:center;
	color: #29100a;
	}
footer {
	width: 100%;
	margin: 80px auto 0;
	line-height: 145%;
	font-size: 120%;
}
footer ul{
	display: flex;
	list-style: none;
	justify-content: center;
	}
footer ul li:not(:last-child):after{
	content: "|";
	margin: 0 2vw;
}
footer a{
	text-decoration: none;
}
footer a,footer a:hover,footer a:visited{
	color:#29100a;
	padding-bottom:0px;
	opacity:1;
	}
footer a:hover{
	text-decoration:underline;
	opacity:1;
}
/*フローティング*/
#page-top {
/*   background: rgba(0,0,0,0.3); */
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0 0px;
  overflow: hidden;
  opacity: 1;
	display: block;
}
#fixed .fixed-box{
	width: 75%;
	max-width: 700px;
	margin: auto;
}

@media screen and (min-width:501px) {
#page-top .fixed-box{
	width: 70%;
	max-width: 500px;
	margin: auto;
}
.cart_corse a:hover,
.cart_corse a:hover img{
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
	transition: 0.6s ;
	}
}
@media screen and (max-width:500px) {
.cart_corse a:active{
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
	transition: 0.6s ;
}
footer {
	font-size: 85%;
	margin: 10vw auto 0;
}
#fixed{
	padding: 5px 0 5px;
}
footer ul{
	width: 90%;
	margin: auto;
	flex-wrap: wrap;
}
}
#page-top a{
  transition:all 0.3s;
}
#page-top {
  position: fixed;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(150px);
}

#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(150px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(150px);
  }
}