@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_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_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;

}



}