@charset "UTF-8";

main .page-ttl{ margin-top:75px;}

main .info-dtl ol{ margin-top:1.5em;}
main .info-dtl ol li { list-style: decimal; font-size: 131%; line-height: 1.5; margin-left:1.2em; margin-bottom:1em;}
main .info-dtl ol li sub{ font-size: 60%; padding-left: 4px; padding-right:4px;}
main .info-dtl ol li .img{ margin-top:15px;}
main .info-dtl ul.note-list li{ font-size:100%;}

table{ margin-top:1.5em; margin-bottom:1.5em;}
table caption{ display:none;}
main table.standard td{ line-height: 2em;}
main table.standard td img{ padding-right:4px;}

ul.buy-link{ width: 660px; margin-left: auto; margin-right: auto;}
li[class^="buy"]{ float: left; width: 314px;height: 52px; margin:8px 8px;}
li[class^="buy"]:last-of-type{ width:100%;}
li[class^="buy"] a{ display: block; width: 314px;height: 52px; margin-left: auto; margin-right: auto;}
li[class^="buy"] a:hover img{ display: none;}
li.buy-amazon a{ background: url(/product/phone/displayadapter/images/1/btn_amazon_on.png) no-repeat;}
li.buy-rakuten a{ background: url(/product/phone/displayadapter/images/1/btn_rakuten_on.png) no-repeat;}
li.buy-paypay a{ background: url(/product/phone/displayadapter/images/1/btn_paypay_on.png) no-repeat;}

@media screen and (max-width: 750px){
  main .page-ttl{ margin-top:40px;}
  main .info-dtl ol li,
  main .info-dtl ul.note-list li{ font-size:1.3rem;}
  main table.standard{ margin-left:0; margin-right:0;}
	ul.buy-link{ width: auto; margin-left: auto; margin-right: auto; }
	ul.buy-link li img{ width:100%; max-width: 314px; height: auto;}
	li[class^="buy"]{ float: none; width: auto; height: auto; margin:8px 8px;}
	li[class^="buy"]:last-of-type{ width: auto;}
	li[class^="buy"] a{ width: auto;height: auto; background:none;}
	li[class^="buy"] a:hover img{ display: block;}
}