@charset "utf-8";
/* CSS Document */
body {
	background:#fff url("../img/surfers_bg.jpg") center center repeat;
}
.container {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.footer{
    padding: 18px 0 1px;
}
.footer p{
    text-align: center;
    font-size: 0.8rem;
    padding-bottom: 1.2rem; 
}
.footer p.copy{
    font-size: 0.6rem;
}
.footer a {
    color: #000;
}

@media (min-width: 641px) {
/* PC用 */
	.container {
		width:750px;
		margin:0 auto;
	}
	
	.footer p.copy{
		font-size: 0.7rem;
	}
}
@media (max-width: 640px) {
/* SP用 */
	.container img { width:100%; height: auto;}
}

.btnBuy,
.gif01 {
	position: relative;
}
.ul--buy {
	position: absolute;
	z-index: 21;
}
.ul--buy li {
	text-align: center;
}
.ul--buy li img {
	display:block;
}

.gif--img01 {
	position: absolute;
	z-index: 21;
	right: 3.5%;
    bottom: 9rem;
    width: 16%;
}
.gif--img02 {
	position: absolute;
	z-index: 21;
	left: 12.2%;
    bottom: 32.5rem;
    width: 31.3%;
}
.gif--img03 {
	position: absolute;
	z-index: 21;
	left: 12.2%;
    bottom: 9rem;
    width: 31.3%;
}


.chartBtn {
	display: flex;
	justify-content: space-between;
	position:absolute;
	bottom:4.8rem;
	left:5%;
	width:90%;
}
.chartBtn li {
	width:30%;
}


.gif--img01 img,
.gif--img02 img,
.gif--img03 img,
.chartBtn img {
	width:100%; height: auto;
}

.ul--buy15 input[type="submit"] {
	width:100%;
	text-indent: -9999%;
	border: none;
}
.ul--buy15 input[type="submit"]:hover { cursor:pointer; }
.ul--buy15 input:active { border:none; outline:0;}

.li--ra01 input[type="submit"] {
	background:url("../img/btn_shop_01.png") center center no-repeat;
	background-size:100% auto;
}
.li--ra02 input[type="submit"] {
	background:url("../img/btn_shop_02.png") center center no-repeat;
	background-size:100% auto;
}
.li--ra03 input[type="submit"] {
	background:url("../img/btn_shop_03.png") center center no-repeat;
	background-size:100% auto;
}

@media (min-width: 641px) {
/* PC用 */
	.bk02 .ul--buy {
		bottom:135px;
		left: 83px;
	}
	.bk05 .ul--buy {
		bottom:60px;
		left: 83px;
	}
	.buy09_01 .ul--buy {
		bottom:70px;
		left: 104px;
	}
	.buy10_01 .ul--buy {
		bottom:100px;
		left: 82px;
	}
	.buy15 ul {
		margin:0 40px 40px;
	}
	.buy15 li {
		margin-bottom:24px;
	}
	.ul--buy15 input[type="submit"] {
		height:150px;
	}
}

@media (max-width: 640px) {
/* SP用 */
	.ul--buy {
		bottom:1rem;
	}
	.ul--buy li {
		margin: 0 8% 0.75rem;
	}
	
	.bk02 .ul--buy {
		bottom:3rem;
	}
	.bk05 .ul--buy {
		bottom:1.1rem;
	}
	.buy09_01 .ul--buy {
		bottom:1.2rem;
		margin:0 6.5%;
	}
	.buy10_01 .ul--buy {
		bottom:1.7rem;
	}
	.buy15 {
		margin:0 8% 2rem;
	}
	.buy15 li {
		margin-bottom:0.85rem;
	}
	
	.chartBtn {
		bottom:1.95rem;
	}
	
	.gif--img01 {		
		bottom: 4.5rem;
	}
	.gif--img02 {
		bottom: 16.1rem;
	}
	.gif--img03 {
		bottom: 4.5rem;
	}
	
	.ul--buy15 input[type="submit"] {
		padding: 1.65rem 0;
	}
}
@media (min-width: 376px) and (max-width: 640px) {
/* PC用 */
	.gif--img02 {
		bottom: 18.1rem;
	}
	
	.ul--buy15 input[type="submit"] {
		padding: 1.8rem 0;
	}
}

@media (min-width: 641px) {
/* PC用 */
}
@media (max-width: 640px) {
/* SP用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 768px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
}