@charset "UTF-8";
body {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	text-decoration: none;
	background-color: #000;
}


/*WRAPEER
------------------------------ */

#wrapper {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #00a2fe;

}

@media screen and (min-width:320px) and ( max-width:768px) {
	#wrapper {
		width: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}
}


/*CONTENTS INNER
------------------------------ */

.contents_inner {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.contents_inner {
		position: relative;
		padding: 0 30px 0 30px;
		text-align: justify;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.alpha a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

a:link,
a:visited,
a:active,
a:hover {
	/* FireFox リンク選択時の点線を消す */
	overflow: hidden;
	outline: none;
}

.pagetop {
	position: fixed;
	margin-bottom: 5px;
	right: 30px;
	z-index: 9500;
	cursor: pointer;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.pagetop {
		right: 10px;
		width: 28%;
		margin-bottom: 60px;
		z-index: 8500;
		cursor: pointer;
	}
}


/*CLEAR FIX
------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

snkentbnr * html .clearfix {
	height: 1px;
	/*¥*/
	/*/
  height: auto;
  overflow: hidden;
  /**/
}

.wdt100 {
	width: 100%;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.rspsv {
		width: 100%;
	}
}

.alpha a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}


/*FADE LOADER
------------------------------ */

#fade {
	background-color: #fff;
	z-index: 10000;
	background-position: center;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: none;
}

.copyrights {
	color: #ccc;
	font-size: 9pt;
	position: absolute;
	margin-top: 0px;
	margin-left: 180px;
}

#header {
	position: relative;
	height: 120px;
	z-index: 500;
}

#cont1 {
	position: relative;
	margin-top: -120px;
	background-image: url(../img/summersale.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 914px;
	background-color: #00bafe;
}

.bttbtn {
	width: 300px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	font-weight: 600;
	text-align: center;
	font-size: 16pt;
	color: #000;
	background-color: #FBDA00;
	padding: 10px 10px 7px 10px;
}


.flogo {
	float: left;
	margin-right: 70px;
	width: 153px;
}

.flogo br {
	display: none;
}

footer {
	height: auto;
	padding-top:30px;
	padding-bottom: 80px;
	background-color: #fff;
}

.snsbtn {
	position: absolute;
	margin-top: 10px;
	right: 20px;
}

.snsbtn li {
	float: left;
	margin-left: 20px;
}

.sale60 {
	position: relative;
	margin-top: 420px;
}

.centersns {
	position: absolute;
	margin-left: 465px;
}

.centersns li {
	float: left;
	margin-left: 30px;
}

.koflogo {
	position: absolute;
	margin-top: 60px;
	left: 30px;
}

.snklogo {
	position: absolute;
	margin-top: 10px;
	left: 30px;
}

.snsicon {
	margin-top: 780px;
	position: relative;
	background-image: url(../img/friends.svg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 35px;
	z-index: 600;
}

.pkgtit {
	font-family:'Montserrat';
	font-size: 34pt;
	margin-top: -45px;
	color: #00a2fe;
	font-weight: bold;
	background-color: #ffff00;
	padding: 15px 10px 20px 10px;
	text-align: center;
	height: auto;
	margin-bottom: 80px;
}

.pkgtit br {
	display: none;
}

.obi {
	background-color: #00C0FE;
	height: 55px;
}

.price {
	position: relative;
	margin-top: 50px;
}

.screenshot {
	position: absolute;
	width: 390px;
	border: solid 1px #fff;
	right: 0;
}

.psplus {
	margin-top: 10px;
	border: 1px solid #fff;
	text-align: center;
	width: 521px;
	padding: 10px;
}

.storelinkbtn {
	position: relative;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 10px 50px;
	text-align: center;
	border: 3px solid #fff;
	border-radius: 10px;
	width: 550px;
}

.storelinkbtn span {
	display: block;
}

.textarea {
	margin-top: 80px;
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 15pt;
}

#cont2 {
	position: relative;
	margin-top: 0;
	height: auto;
	padding-bottom: 90px;
	z-index: 800;
}

#cont3 {
	position: relative;
	margin-top: 0;
	height: auto;
	padding-bottom: 50px;
		z-index: 800;
}

.pdt {
	padding-top: 30px;
}

.pkgimg {
	position: absolute;
	width:210px;
	right: 90px;
	margin-top: -70px;
}

.pkgtittexts {
	font-size: 20pt;
}
.textarean {
	margin-top: 130px;
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 15pt;
}
.sale60period {
	position: relative;
	text-align: center;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#header {
		position: relative;
		height: auto;
		padding-bottom: 30px;
			background-color: #00bafe;
	}
	
	#cont1 {
	position: relative;
	margin-top: 0;
	background-image: none;
	height: auto;
	margin-bottom: 0;
		z-index: 800;
}
	
	.snsicon {
	margin-top: 15%;
	position: relative;
	background-image: url(../img/friends.svg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 35px;
	z-index: 800;
}
	
	.snklogo {
	position: absolute;
	margin-top: 10px;
		left:auto;
	right: 10px;
}
	.koflogo {
	position: absolute;
	margin-top: 10px;
	left: 10px;
}

	#cont2 {
		position: relative;
		margin-top: 0;
		height: auto;
		padding-bottom:20px;
	}
	.pkgtit {
		margin-top: 0;
		margin-bottom: 40px;
		line-height: 1em;
		padding: 15px 10px 15px 10px;
	}
	.price {
		position: relative;
		margin-top: 30px;
	}
	.psplus {
		margin-top: 10px;
		border: 1px solid #fff;
		text-align: center;
		width: 100%;
		padding: 15px;
	}
	.textarea {
		margin-top: 70px;
		position: relative;
		color: #fff;
		text-align: center;
		font-size: 20pt;
	}
	.storelinkbtn {
		position: relative;
		margin-top: 10px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		height: auto;
		padding: 10px 50px;
		text-align: center;
		border: 3px solid #fff;
		border-radius: 10px;
	}
	.pkgimg {
		position: relative;
		width: 100%;
		right: 0;
		margin-top: 0px;
		padding-left: 90px;
		padding-right: 90px;
	}
	.screenshot {
		position: relative;
		margin-top: 0px;
		width: 100%;
		border: solid 1px #fff;
		right: 0;
	}
	.flogo {
		position: relative;
		text-align: center;
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.flogo br {
		display: block;
	}
	.copyrights {
		margin-left: 0px;
		position: relative;
		text-align: center;
	}
	.bttbtn {
		width: 100%;
	}
	footer {
		height: auto;
		padding-bottom: 10px;
	}
	.snsbtn {
		position: relative;
		width: 200px;
		margin-left: 38%;
		margin-top: -10px;
		right: auto;
	}
	.snsbtn li {
		float: left;
		width: 25%;
		margin-right: 10px;
	}
	.snsbtn li:first-child {
		float: left;
		width: 32%;
	}
	.centersns {
		position: relative;
		margin-top: -25%;
		margin-left: 45%;
		z-index: 500;
	}
	.centersns li {
		float: left;
		margin-left: 30px;
	}
	.pkgtit br {
		display: block;
	}
	.textarean {
		margin-top: 60px;
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 15pt;
}
	.sale60period {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
}


.priceleft {
	float: left;
	width: 70%;
}

.itemname {
	left: 0;
}

.priceright {
	float: right;
	width: 30%;
}

.itemimg {
	margin-top: 28px;
	width: 100%;
	border:1px solid #fff;
}

.itemwrap {
	margin-bottom: 50px;
	padding-bottom:50px;
	border-bottom:2px dotted #fff;
}

.bn {
	border-bottom:none;
}

.bn2 {
	border:none;
}

.pkgkof {
	position: absolute;
	width:30%;
	margin-top: -115px;
}

.button {
	position: relative;
	margin-top: 40px;
	display: block;
	width: 400px;
	height: 54px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	font-size: 18pt;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #ffff00;
	border:2px solid #fff;
	color: #00a2fe;
}

.button:hover {
	background-color: #fff;
	color:#00a2fe;
	text-decoration: none;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


@media screen and (min-width:320px) and ( max-width:768px) {
	.priceleft {
	float: none;
	width: 100%;
}
	.priceright {
	float: none;
	width: 100%;
}

	.button {
	position: relative;
	margin-top: 30px;
	width: 100%;

}
	
	.itemimg {
	margin-top: 0px;
	width: 100%;
	border:1px solid #fff;
}
	.bn2 {
	border:none;
}
	#cont3 {
	position: relative;
	margin-top: 0;
	height: auto;
	padding-bottom: 0px;
}
	.pkgkof {
		position: relative;
	width: 70%;
		margin-left: auto;
		margin-right: auto;
}
}
.maincont {
	background-image: url(../img/backimg.jpg);
	background-repeat:repeat-y;
	background-position: center top;
	
}