@media only screen and (max-device-width: 640px),
only screen and (max-device-width: 1080px) and (-webkit-min-device-pixel-ratio : 2),
only screen and (max-device-width: 1080px) and (min-device-pixel-ratio : 2)
{

/* template */

* {
	-webkit-text-size-adjust : none;
}

.del {
	display:none!important;
}

.w_320 {
	width:320px!important;
	max-width:320px!important;
}

.w_300 {
	width:300px!important;
	max-width:300px!important;
}

.no_border {
	border:none!important;
}

a.header {
	width:320px;
	height:45px;
	display:block;
	background-image:url(images/sp320_header.png);
	background-repeat:no-repeat;
	border-bottom:solid 1px #cccccc;
	margin-bottom:10px;
}

.footer_btn {
	width:300px;
	height:49px;
	background-color:#CCCCCC;
	padding:10px;
	margin-top:30px;
}

a.footer_btn01 {
	width:74px;
	height:49px;
	display:block;
	float:left;
	background-image:url(images/sp320_footer_btn01.png);
	background-repeat:no-repeat;
}

a.footer_btn02 {
	width:76px;
	height:49px;
	display:block;
	float:left;
	background-image:url(images/sp320_footer_btn02.png);
	background-repeat:no-repeat;
}

a.footer_btn03 {
	width:76px;
	height:49px;
	display:block;
	float:left;
	background-image:url(images/sp320_footer_btn03.png);
	background-repeat:no-repeat;
}

a.footer_btn04 {
	width:74px;
	height:49px;
	display:block;
	float:left;
	background-image:url(images/sp320_footer_btn04.png);
	background-repeat:no-repeat;
}

.footer_link {
	width:300px;
	height:46px;
}

a.footer_link01 {
	width:300px;
	height:23px;
	display:block;
	background-image:url(images/sp320_footer_link01.png);
	background-repeat:no-repeat;
}

a.footer_link02 {
	width:300px;
	height:23px;
	display:block;
	background-image:url(images/sp320_footer_link02.png);
	background-repeat:no-repeat;
}

.copy {
	width:320px;
	height:20px;
	display:block;
	background-image:url(images/sp320_copy.png);
	background-repeat:no-repeat;
}

.sns {
	width:175px;
	text-align:center!important;
}

.re_block {
	display:block;

}

.sns01 {
	padding-bottom:20px!important;
}

.sns02 {
	padding-left:50px!important;
	padding-bottom:20px!important;
}

.sns03 {
	padding-left:50px!important;
	padding-bottom:20px!important;
}

.sns04 {
	padding-left:35px!important;
	padding-bottom:20px!important;
}

.sns05 {
	padding-left:40px!important;
	padding-bottom:20px!important;
}

.sns03 .sns_icon {
	width:25px;
	height:25px;
	display:block;
	background-image:url(images/sp320_sns_line.gif);
	background-repeat:no-repeat;
}


/* contents */

.main01 {
	width:320px;
	height:720px;
	display:block;
	background-image:url(images/sp320_main01.jpg);
	background-repeat:no-repeat;
}

}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

/* template */

.header {
	background-image:url(images/sp640_header.png)!important;
	-webkit-background-size:320px 45px!important;
	background-size:320px 45px!important;
}

a.footer_btn01 {
	background-image:url(images/sp640_footer_btn01.png);
	-webkit-background-size:74px 49px!important;
	background-size:74px 49px!important;
}

a.footer_btn02 {
	background-image:url(images/sp640_footer_btn02.png);
	-webkit-background-size:76px 49px!important;
	background-size:76px 49px!important;
}

a.footer_btn03 {
	background-image:url(images/sp640_footer_btn03.png);
	-webkit-background-size:76px 49px!important;
	background-size:76px 49px!important;
}

a.footer_btn04 {
	background-image:url(images/sp640_footer_btn04.png);
	-webkit-background-size:74px 49px!important;
	background-size:74px 49px!important;
}

a.footer_link01 {
	background-image:url(images/sp640_footer_link01.png);
	-webkit-background-size:300px 23px!important;
	background-size:300px 23px!important;
}

a.footer_link02 {
	background-image:url(images/sp640_footer_link02.png);
	-webkit-background-size:300px 23px!important;
	background-size:300px 23px!important;
}

.sns03 .sns_icon {
	background-image:url(images/sns_line.gif);
	-webkit-background-size:25px 25px!important;
	background-size:25px 25px!important;
}

.copy {
	background-image:url(images/sp640_copy.png);
	-webkit-background-size:320px 20px!important;
	background-size:320px 20px!important;
}

/* contents */

.main01 {
	background-image:url(images/sp640_main01.jpg);
	-webkit-background-size:320px 720px!important;
	background-size:320px 720px!important;
}

}