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

.container{ width: 100%; height: 100%; margin-top: 0; text-align: left; background: url(/images/2nd_bg.png) repeat-y 50% 0%;}

.gdbtnlst li{width: 23%; margin-bottom: 30px;}
.gdbtnlst li a{display: block; padding: 40px 0 10px; font-size: 1.6rem; font-weight: bold; letter-spacing: 0; text-align: center; color: #ffffff; border-radius: 10px;}
.gdbtnlst li{display: block; padding: 40px 0 10px; font-size: 1.6rem; font-weight: bold; letter-spacing: 0; text-align: center; color: #ffffff; border-radius: 10px;}
.gdbtnlst li .gd_btn1{background: #000000 url(/images/icon_dlv.png) 50% 15% no-repeat;}
.gdbtnlst li .gd_btn2{background: #000000 url(/images/icon_pay.png) 50% 15% no-repeat;}
.gdbtnlst li .gd_btn3{background: #000000 url(/images/icon_cncl.png) 50% 15% no-repeat;}
.gdbtnlst li .gd_btn4{background: #000000 url(/images/icon_invc.png) 50% 15% no-repeat;}
.gdbtnlst li .gd_btn1:hover{background: #f49e00 url(/images/icon_dlv.png) 50% 15% no-repeat;}
.gdbtnlst li .gd_btn2:hover{background: #f49e00 url(/images/icon_pay.png) 50% 15% no-repeat;}
.gdbtnlst li .gd_btn3:hover{background: #f49e00 url(/images/icon_cncl.png) 50% 15% no-repeat;}
.gdbtnlst li .gd_btn4:hover{background: #f49e00 url(/images/icon_invc.png) 50% 15% no-repeat;}

#order .box h2{padding: .7em 0 .7em 90px; color: #000000; border-bottom: 3px solid #e70012;}
#order .box .gd_ttl1{background: #ffffff url(/images/icon_dlv_l.png) 0 50% no-repeat;}
#order .box .gd_ttl2{background: #ffffff url(/images/icon_pay_l.png) 0 50% no-repeat;}
#order .box .gd_ttl3{background: #ffffff url(/images/icon_cncl_l.png) 0 50% no-repeat;}
#order .box .gd_ttl4{background: #ffffff url(/images/icon_invc_l.png) 0 50% no-repeat;}
#order .box .txtdl > dt{width: 30%; margin-bottom: 30px; font-size: 1.6rem; font-weight: bold;}
#order .box .txtdl > dd{width: 70%; margin-bottom: 30px; font-size: 1.6rem;}
#order .box .txtdl > dd em{font-style: normal; font-weight: bold;}
#order .box .txtdl > dd img{display: block; margin: .5em 0;}
#order .box .txtdl > dd ul{margin: 1em 0;}
#order .box .txtdl .hnpnlst{list-style: disc; margin: -20px 0 15px 20px !important;}

.bankdl{margin: -20px 0 20px !important; border: 1px solid #999999; border-bottom: 0;}
.bankdl dt{width: 30%; margin: 0 !important; padding: .5em 1em; border-bottom: 1px solid #999999; border-right: 1px solid #999999; background: #cccccc;}
.bankdl dd{width: 70%; margin: 0 !important; padding: .5em 1em; border-bottom: 1px solid #999999;}
.creditlst{margin-top: -20px !important;}
.creditlst li{padding: 0 10px; font-size: 1.4rem; text-align: center;}
.storelst{margin-top: -20px !important;}
.storelst li {
    padding: 0 10px;
    font-size: 1rem;
    text-align: left;
    line-height: 1em;
}





@media screen and (max-width: 767px) {
	.gdbtnlst li a{display: block; height: 110px; padding: 45px 5px 10px; font-size: 1.4rem; line-height: 1.3em;}
	.gdbtnlst li{padding: 0 0 10px;}
	#order .box h2{padding: .7em 0 .7em 60px; color: #000000; border-bottom: 3px solid #e70012; background-size: 15% auto !important;}
	#order .box .txtdl > dt{width: 100%; margin-bottom: 10px;}
	#order .box .txtdl > dd{width: 100%; margin-bottom: 30px; font-size: 1.6rem;}
	#order .box .txtdl > dd ul{margin: .7em 0;}
	#order .box .txtdl > dd ul li{margin-bottom: 10px; font-size: 1.4rem; line-height: 1.3em;}
.creditlst li {
    width: 20%;
    font-size: 1rem !important;
}
	.storelst li{
    width: 20%;
    font-size: .7rem !important;
}
}