@charset "utf-8";
/* CSS Document */

#agpd { margin: 0; padding: 0; width: 100%;}

#agpd .clearfix:before,
#agpd .clearfix:after { content:" "; display:table; }
#agpd .clearfix:after { clear:both; }

#agpd ul { font-size: 0; line-height: 0; list-style: none; margin: 0; padding: 0; width: 100%;}
#agpd ul li { line-height: 0; margin: 0; padding: 0; white-space:inherit !important;}
#agpd ul li img { height: auto; width: 100%;}



/*購入ボタン*/
#agpd ul li ul.detail_order_btn { background: #000; font-size: 0; line-height: 0; margin: 0 auto; padding: 0 3%; width: 100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#agpd ul li ul.detail_order_btn li { display: inline-block; margin: 0 1% 0 0; padding: 0; text-align: right; vertical-align: top; width: 49%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#agpd ul li ul.detail_order_btn li:nth-child(2) { display: inline-block; margin: 0 0 0 1%; padding: 0; text-align: left; vertical-align: top; width: 49%; -webkit-box-sizing:border-box; box-sizing:border-box; }

#agpd ul li ul.detail_order_btn li img { height: auto; width: 100% !important; }

/*購入ボタン3つ版*/
#agpd ul li ul.detail_order_btn_3col { background: #000; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; text-align: center; width: 100%;}
#agpd ul li ul.detail_order_btn_3col li:first-child { display: inline-block; margin: 0 2% 0 0; padding: 0; vertical-align: top; width: 31%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#agpd ul li ul.detail_order_btn_3col li { display: inline-block; margin: 0 2% 0 0; padding: 0; vertical-align: top; width: 31%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#agpd ul li ul.detail_order_btn_3col li:nth-child(3) { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 31%; -webkit-box-sizing:border-box; box-sizing:border-box; }

#agpd ul li ul.detail_order_btn_3col li:first-child img { height: auto; width: 100%;}
#agpd ul li ul.detail_order_btn_3col li img { height: auto; width: 100%;}




/*その他ボタン*/
#agpd ul.detail_aside_btn { background: #dcdcdc; font-size: 0; line-height: 0; margin: 0; padding: 0 0 0 0; text-align: center; width: 100%;}
#agpd ul.detail_aside_btn li { display: inline-block; margin: 0 1% 0 1%; padding: 0; vertical-align: top; width: 31%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#agpd ul.detail_aside_btn li img { height: auto; width: 100%;}

/*PAGETOPに戻る*/
#agpd ul.detail_aside_btn li.backtop { display: inline-block; margin: 6% 0 0 0; padding: 0; text-align: center; vertical-align: top; width: 100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#agpd ul.detail_aside_btn li.backtop img { height: auto; width: 31% !important;}



/*バナーリスト*/
#agpd ul li ul.detail_order_bnrList { background: #000; font-size: 0; line-height: 0; margin: 0; padding: 0; width: 100%;}
#agpd ul li ul.detail_order_bnrList li { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 50%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#agpd ul li ul.detail_order_bnrList img { height: auto; width: 100%;}



/*共用の上へ戻るボタンを拝借＆調整*/
#agpd .m-Top { background: none; clear: both; padding: 0; text-align: center;}


/*iPhone5*/
@media only screen and (min-width: 0px) and (max-width: 320px) {
}

/*Android*/
@media only screen and (min-width: 321px) and (max-width: 374px) {
}

/*iPhone6【タテ】*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
}

/*iPhone6【横】*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
}

/*iPhone6Plus【横】*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {	
}