@charset "UTF-8";
/*-------------------------------------------------
 #main
-------------------------------------------------*/
#main {
	width: 100%;
	position: relative;
}
.main-campaign {
	width: 63%;
	position: absolute;
	top: 7px;
	left: 3%;
}
.main-subscriber {
	width: 22%;
	position: absolute;
	top: 3px;
	right: 3%;
}
.main-price {
	width: 92%;
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%);
}
.main-price-img {
	width: 86%;
	margin: 0 auto 4px;
}
.main-price p {
	text-align: center;
	font-size: 2.2vw;
	color: #e5352c;
	font-weight: bold;
	letter-spacing: 0;
}
.main-price h2 {
	text-align: center;
	font-size: 3.8vw;
	color: #e5352c;
	font-weight: bold;
}
.main-price h2 span {
	font-size: 6vw;
	font-weight: bold;
}

/*entrybox-main*/
.entrybox-main {
	background: #fcdac0;
	padding: 0 0 10px 0;
}
.entrybox-main h2 {
	text-align: center;
	font-size: 3vw;
	font-weight: bold;
	letter-spacing: 2px;
	color: #000;
}
.entrybox-btn {
	display: block;
	width: 93%;
	margin: 0 auto 15px;
	text-align: center;
	font-size: 5.7vw;
	letter-spacing: 4px;
	font-weight: bold;
}
.entrybox-btn a {
	display: block;
	background: #13ae67;
	padding: 1.5%;
	border-radius: 10px;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
	color: #fff;
	transition: 1s;
	position: relative;
}
.entrybox-btn a:hover {
	text-decoration: none;
	opacity: 0.5;
	transition: 1s;
}
.entrybox-btn a:after {
	position: absolute;
	right: 12px;
	top: 18px;
	content: '';
	width: 11px;
	height: 11px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	rotate: 45deg;
}
.entrybox-btn a:before {
	position: absolute;
	left: 12px;
	top: 10px;
	content: '';
	width: 27px;
	height: 27px;
	background-image: url(../images/iphone.png);
	background-size: cover;
}
ul.entrybox-txt {
	list-style-type: none;
	width: 90%;
	margin: 0 auto 2px;
}
ul.entrybox-txt li {
	font-size: 2.2vw;
	letter-spacing: 0;
	color: #000;
}
ul.entrybox-txt li span {
	color: #ec6a2a;
}
.entrybox-cap {
	width: 85%;
	margin: 0 auto;
	font-size: 2.2vw;
	letter-spacing: 0;
	color: #000;
}
.entrybox-cap a {
	color: #47aadf
	}
	
/*-------------
PC向け（680px以上）
-------------*/
	@media only screen and (min-width: 800px) {
		.main-price {
			position: absolute;
			bottom: 3px;
			left: 50%;
			transform: translateX(-50%);
		}
		.main-price-img {
		}
		.main-price p {
			font-size: 18px;
		}
		.main-price h2 {
			font-size: 28px;
		}
		.main-price h2 span {
			font-size: 37px;
		}
		/*entrybox-main*/
		.entrybox-main {
			padding: 0 0 10px 0;
		}
		.entrybox-main h2 {
			font-size: 18px;
		}
		.entrybox-btn {
			font-size: 40px;
		}
		.entrybox-btn a {
		}
		.entrybox-btn a:after {
			position: absolute;
			right: 16px;
			top: 28px;
			content: '';
			width: 20px;
			height: 20px;
			border-right: 4px solid #fff;
			border-top: 4px solid #fff;
			rotate: 45deg;
		}
		.entrybox-btn a:before {
			position: absolute;
			left: 15px;
			top: 15px;
			content: '';
			width: 50px;
			height: 50px;
			background-image: url(../../images/iphone.png);
			background-size: cover;
		}
		ul.entrybox-txt {
		}
		ul.entrybox-txt li {
			font-size: 12px;
		}
		ul.entrybox-txt li span {
		}
		.entrybox-cap {
			font-size: 12px;
		}
		.entrybox-cap a {
		}

	}