body {
	background-color: #9badce;
}

body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../img/media/bg.jpg) center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
}


.container {
	/*background: url(../img/media/bg.jpg) no-repeat center top;
	background-size: 100% auto;*/
}


header .open {
	position: fixed;
}

main {
	width: 100%;
}

.logo {
	width: 79.2%;
	margin: 0 auto 0;
	text-align: center;
	padding-top: 12%;
}
.title {
	width: 72.13333333333333%;
	margin: 0 auto 0;
	text-align: center;
	padding-bottom: 6%;
}

.wrapper {
	width: 100%;
	padding: 7% 4% 1%;
	background-color: rgba(255, 255, 255, 0.8);
}

.lead {
	width: 100%;
	margin: 0 auto 0;
	text-align: center;
}
.copy {
	width: 94.96402877697842%;
	margin: 1% auto 6%;
	text-align: center;
}
.box01 {
	margin: 0 auto 6%;
}
.box02 {
	margin: 0 auto 8%;
}

.product li {
	margin: 0 auto 4%;
}

.wrapper2 {
	width: 100%;
	padding: 7% 4% 6%;
	background-color: #fff;
}

.ttl_list {
	width: 86.52173913043478%;
	margin: 0 auto 0;
	text-align: center;
}
.ttl_limited {
	width: 18.84057971014493%;
	margin: 5% auto 3%;
	text-align: center;
}

.box-mid {
	margin: 0 auto 8%;
	text-align: center;
}
.ttl_privilege {
	width: 48.98550724637681%;
	margin: 0 auto 4%;
	text-align: center;
}

.list.privilege {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.list.privilege li {
	width: 47.82608695652174%;
	margin-bottom: 4%;
}
.caption {
	color: #333333;
	font-size: 9px;
	font-size: 2vw;
}
.caption li {
	line-height: 1.4;
}


.wrapper3 {
	width: 100%;
	padding: 7% 4% 0;
	background-color: rgba(255, 255, 255, 0.8);
}


.delivery {
	font-weight: bold;
	background-color: #fff;
	padding: 6% 5% 0;
	line-height: 1.5;
}
.ttl_delivery {
	width: 16.39344262295082%;
	margin: 0 auto 4%;
	text-align: center;
}
.start {
	width: 100%;
	margin: 0 auto 0%;
	text-align: center;
}

.ttl_degital, .ttl_rental {
	font-size: 14px;
}
.ttl_degital {
	margin: 8% auto 0%;
}
.ttl_rental {
	margin-top: 9%;
}

.price {
	font-size: 12px;
}

.price span {
	font-size: 10px;
}

.link {
	font-size: 9px;
}
.link li {
	line-height: 1.8;
}
.link a:link {
	display: inline;
}
.link a:link,
.link a:visited {
	color: #4d6db0;
}

.other {
	font-size: 9px;
}


.ttl_rental .link {
	margin-top: 0%;
}


.list {
	font-size: 9px;
	margin-top: 5%;
	padding-bottom: 5%;
}




footer {
	background-color: rgba(255, 255, 255, 0.8)
}
.copy-right {
	color: #666666;
	font-size: 9px;
	text-align: center;
	padding: 6% 0;
}


.to-top {
	position: fixed;
	bottom: 5%;
	right: 3%;
	width: 10.8%;
}


/*--------------------------------------------------*/
/* vod */
/*--------------------------------------------------*/
#vod {
	width:100%;
}

.vod_block_inner {
	width:100%;
	margin:0 auto;
	background-color:#fff;
}

.vod_block_inner .title{
	width:100%;
}

.vod_block_inner ul{
	width:92%;
	margin:0 auto;
  justify-content: space-between;
  align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-family: 'ヒラギノ角ゴ Pro';
  font-weight: bold;
}

.vod_block_inner ul li{
	width:100%;
	border-bottom:2px solid #cccccc;
	margin-bottom:6%;
	padding-bottom:6%;
	text-align:center;
}

.vod_block_inner ul li a{
	color:#4d6db0;
	font-size:3.2vw;
	display:inline;
}

.vod_block_inner .caution{
	font-size:2.2vw;
	color:#333333;
	width:92%;
	margin:0 auto;
	line-height:1.6;
	padding-bottom:5%;
}

.mt60{
	margin-top:60px;
}