@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_100 {
	width:100px!important;
	height:auto!important;
}

.w_120 {
	width:120px!important;
}

.w_278 {
	width:278px!important;
	height:auto!important;
}

.w_298 {
	width:298px!important;
	max-width:298px!important;
}

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

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

.h_30 {
	height:30px!important;
}

.h_auto {
	height:auto!important;
}

.no_border_top {
	border-top:none!important;
}

.no_border_bottom {
	border-bottom:none!important;
}

.txt10_mile {
  	font-size:10px!important;
}

.txt12_mile {
  	font-size:12px!important;
}

.txt14_mile {
  	font-size:14px!important;
	line-height:18px!important;
}

.txt20_mile {
  	font-size:20px!important;
}

.br {
	display:block;
}

.txt_main {
  	font-size:20px!important;
	line-height:24px!important;
}

.ttl {
	width:320px;
	height:44px;
	display:block;
	background-image:url(images/sp320_ttl.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.date {
	width:320px;
	height:28px;
	display:block;
	background-image:url(images/sp320_date.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.ttl_mile {
	width:320px;
	height:98px;
	display:block;
	background-image:url(images/sp320_ttl_mile.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_recommend {
	width:320px;
	height:85px;
	display:block;
	background-image:url(images/sp320_ttl_recommend.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_topic {
	width:320px;
	height:56px;
	display:block;
	background-image:url(images/sp320_ttl_topic.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_amc {
	width:320px;
	height:85px;
	display:block;
	background-image:url(images/sp320_ttl_amc.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_info {
	width:320px;
	height:61px;
	display:block;
	background-image:url(images/sp320_ttl_info.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_qa {
	width:320px;
	height:56px;
	display:block;
	background-image:url(images/sp320_ttl_qa.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_present {
	width:320px;
	height:53px;
	display:block;
	background-image:url(images/sp320_ttl_present.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_shopping {
	width:320px;
	height:58px;
	display:block;
	background-image:url(images/sp320_ttl_shopping.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_social {
	width:320px;
	height:66px;
	display:block;
	background-image:url(images/sp320_ttl_social.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.ttl_mail {
	width:320px;
	height:56px;
	display:block;
	background-image:url(images/sp320_ttl_mail.png);
	background-repeat:no-repeat;
	background-position:center center;
}

a.ph_mail {
	width:298px;
	height:185px;
	display:block;
	background-image:url(images/sp320_ph_mail.png);
	background-repeat:no-repeat;
	background-position:top center;
}

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

}





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

/* template */

.ttl {
	background-image:url(images/sp640_ttl.png);
	-webkit-background-size:320px 44px!important;
	background-size:320px 44px!important;
}

.date {
	background-image:url(images/sp640_date.png);
	-webkit-background-size:320px 28px!important;
	background-size:320px 28px!important;
}

.ttl_mile {
	background-image:url(images/sp640_ttl_mile.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_recommend {
	background-image:url(images/sp640_ttl_recommend.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_topic {
	background-image:url(images/sp640_ttl_topic.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_amc {
	background-image:url(images/sp640_ttl_amc.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_info {
	background-image:url(images/sp640_ttl_info.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_qa {
	background-image:url(images/sp640_ttl_qa.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_present {
	background-image:url(images/sp640_ttl_present.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_shopping {
	background-image:url(images/sp640_ttl_shopping.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_social {
	background-image:url(images/sp640_ttl_social.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

.ttl_mail {
	background-image:url(images/sp640_ttl_mail.png);
	-webkit-background-size:320px 200px!important;
	background-size:320px 200px!important;
}

a.ph_mail {
	background-image:url(images/sp640_ph_mail.png);
	-webkit-background-size:298px 185px!important;
	background-size:298px 185px!important;
}

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

}