@charset "UTF-8";

div#slideBackground { width:100%; height:100%; min-height:100px; background-image:url('/res/img/sub/visual/v_shop_appcheck.jpg'); background-size:cover; position:fixed; top:0; left:0; }
div#slideBackground.default { background-image:url('/res/img/sub/visual/v_shop_appcheck.jpg'); background-position:center bottom; }
div#slideBackground.renew { background-image:url('/res/img/sub/visual/v_shop_appcheck_renew.jpg'); background-position:center bottom; }

section#mqBuy { display:flex; flex-direction:column; position:relative; z-index:101; }
section#mqBuy > div { min-height:100vh; display:flex; flex-direction:column; justify-content:center; text-align:center; color:#fff; }
section#mqBuy > div > p.description { margin-top:20px; }
section#mqBuy > div > p.description > span { display:block; line-height:1.6; }
section#mqBuy > div > p.descript > span { display:block; line-height:1.6; }
section#mqBuy > div > p.renew > a { display:inline-block; border:1px solid #fff; color:#fff; font-weight:bold; background-color:rgba(0, 0, 0, .5); }
section#mqBuy > div > p.renew > a:focus,
section#mqBuy > div > p.renew > a:hover { background-color:#fff; color:#000; }

div#subOrder > div > div > a { display:block; cursor:pointer; font-weight:bold; color:#fff; }
div#subOrder > div > div.first > a { background-color:rgba(15, 170, 100, .8); }
div#subOrder > div > div.second > a { background-color:rgba(40, 125, 165, .8); }
div#subOrder > div > div > a:focus,
div#subOrder > div > div > a:hover { background-color:rgba(200, 0, 0, .8); }
div#subOrder > div > div > a > dl { padding-top:15px; padding-bottom:15px; position:relative; }
div#subOrder > div > div > a > dl > dd.amount { color:#ffa; }
div#subOrder > div > div > a > dl > dd.amount > small { font-size:.4em; vertical-align:middle; }
div#subOrder > div > div > a > dl > dd.sale { position:absolute; background-color:#f00; letter-spacing:-1px; }
div#subOrder > div > div > a > dl > dd:not(.sale) { margin-top:2px; }
div#subOrder > div > div > a > p { background-color:rgba(255, 255, 255, .85); color:#000; padding-top:7px; padding-bottom:7px; font-size:1.3em; }

div#subRenew { margin-top:40px; margin-bottom:40px; }
div#subRenew > div > div > a { background-color:rgba(100, 170, 15, .8); display:block; cursor:pointer; font-weight:bold; color:#fff; }
div#subRenew > div > div > a:focus,
div#subRenew > div > div > a:hover { background-color:rgba(200, 0, 0, .8); }
div#subRenew > div > div > a > dl { padding-top:15px; padding-bottom:15px; position:relative; }
div#subRenew > div > div > a > dl > dd.amount { color:#ffa; }
div#subRenew > div > div > a > dl > dd.amount > small { font-size:.4em; vertical-align:middle; }
div#subRenew > div > div > a > dl > dd.sale { position:absolute; background-color:#f00; letter-spacing:-1px; }
div#subRenew > div > div > a > dl > dd:not(.sale) { margin-top:2px; }
div#subRenew > div > div > a > p { background-color:rgba(255, 255, 255, .85); color:#000; padding-top:7px; padding-bottom:7px; font-size:1.3em; }

/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	section#mqBuy > div { padding-left:20px; padding-right:20px; }
	section#mqBuy > div > h2 { margin-top:100px; font-weight:bold; font-size:5em; }
	section#mqBuy > div > p.description { font-size:1.4em; }
	section#mqBuy > div > p.descript { font-size:1.3em; }
	section#mqBuy > div > p.renew { margin-top:20px; }
	section#mqBuy > div > p.renew > a { padding:10px 20px; font-size:1.6em; }

	/* Order */
	div#subOrder > div { padding:20px; }
	div#subOrder > div > div > a { width:250px; margin-left:auto; margin-right:auto; }
	div#subOrder > div > div > a:not(:first-of-type) { margin-top:40px; }
	div#subOrder > div > div.second > a:first-of-type { margin-top:40px; }
	div#subOrder > div > div > a > dl > dt { font-size:1.5em; }
	div#subOrder > div > div > a > dl > dd.amount { font-size:2.4em; }
	div#subOrder > div > div > a > dl > dd.sale { width:60px; height:60px; position:absolute; top:-20px; right:-20px; background-color:#f00; border-radius:100px; font-size:1.5em; display:flex; flex-direction:column; justify-content:center; letter-spacing:-1px; }

	/* Renew */
	div#subRenew > div { padding:20px; }
	div#subRenew > div > div > a { width:250px; margin-left:auto; margin-right:auto; }
	div#subRenew > div > div > a:not(:first-of-type) { margin-top:40px; }
	div#subRenew > div > div > a > dl > dt { font-size:1.5em; }
	div#subRenew > div > div > a > dl > dd.amount { font-size:2.4em; }
	div#subRenew > div > div > a > dl > dd.sale { width:60px; height:60px; position:absolute; top:-20px; right:-20px; background-color:#f00; border-radius:100px; font-size:1.5em; display:flex; flex-direction:column; justify-content:center; letter-spacing:-1px; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1019px) {
	section#mqBuy > div > p:last-of-type { margin-bottom:100px; }

	div#subOrder { margin-top:30px; margin-bottom:30px; }
}

/*** Tablet **/
@media screen and (min-width:640px) and (max-width:1019px) {
	section#mqBuy > div { padding-left:20px; padding-right:20px; }
	section#mqBuy > div > h2 { margin-top:100px; font-weight:bold; font-size:6em; }
	section#mqBuy > div > p.description { font-size:1.5em; }
	section#mqBuy > div > p.descript { font-size:1.4em; }
	section#mqBuy > div > p.renew { margin-top:20px; }
	section#mqBuy > div > p.renew > a { padding:10px 40px; font-size:1.8em; }

	/* Order */
	div#subOrder > div > div.second { margin-top:30px; }
	div#subOrder > div > div > a:not(:first-of-type) { margin-left:3.5%; }
	div#subOrder > div > div > a > dl > dt { font-size:1.4em; }
	div#subOrder > div > div > a > dl > dd.amount { font-size:2.2em; }
	div#subOrder > div > div > a > dl > dd.sale { position:absolute; top:0; right:0; font-size:1.3em; padding:6px 4px; letter-spacing:-1px; }

	/* Renew */
	div#subRenew > div > div { -ms-flex-pack:justify; justify-content:space-between; }
	div#subRenew > div > div > a { width:30%; }
	div#subRenew > div > div > a > dl > dt { font-size:1.4em; }
	div#subRenew > div > div > a > dl > dd.amount { font-size:2.2em; }
	div#subRenew > div > div > a > dl > dd.sale { position:absolute; top:0; right:0; font-size:1.3em; padding:6px 4px; letter-spacing:-1px; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	section#mqBuy > div > div { overflow:hidden; }
	section#mqBuy > div > dl > dd > a { padding:12px 60px; }

	div#subOrder > div > div { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; }
	div#subOrder > div > div > a { width:30%; }

	div#subRenew > div > div { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	div#subRenew > div > div > a:nth-of-type(4),
	div#subRenew > div > div > a:nth-of-type(5),
	div#subRenew > div > div > a:nth-of-type(6) { margin-top:40px; }
}

/*** Desktop ***/
@media screen and (min-width:1020px) {
	section#mqBuy > div { width:1000px; margin-left:auto; margin-right:auto; }
	section#mqBuy > div > h2 { margin-top:100px; font-size:7em; }
	section#mqBuy > div > p.description { font-size:1.6em; }
	section#mqBuy > div > p.descript { font-size:1.5em; }
	section#mqBuy > div > p.renew { margin-top:20px; }
	section#mqBuy > div > p.renew > a { padding:12px 60px; font-size:2em; }
	section#mqBuy > div > p:last-of-type { margin-bottom:100px; }

	/* Order */
	div#subOrder { margin-top:30px; margin-bottom:30px; padding:30px; }
	div#subOrder > div { min-height:300px; background:url('/res/img/sub/cont/shop/img_product_appcheck_pro.png') no-repeat; }
	div#subOrder > div > div { margin-left:250px; }
	div#subOrder > div > div.second { margin-top:40px; }
	div#subOrder > div > div > a > dl > dt { font-size:1.5em; }
	div#subOrder > div > div > a > dl > dd.amount { font-size:2.4em; }
	div#subOrder > div > div > a > dl > dd.sale { width:60px; height:60px; position:absolute; top:-20px; right:-20px; background-color:#f00; border-radius:100px; font-size:1.5em; display:flex; flex-direction:column; justify-content:center; letter-spacing:-1px; }

	/* Renew */
	div#subRenew { margin-top:40px; margin-bottom:40px; padding:20px; }
	div#subRenew > div > div { -ms-flex-pack:distribute; justify-content:space-around; }
	div#subRenew > div > div > a { width:26%; }
	div#subRenew > div > div > a:focus,
	div#subRenew > div > div > a:hover { background-color:rgba(200, 0, 0, .8); }
	div#subRenew > div > div > a > dl > dt { font-size:1.5em; }
	div#subRenew > div > div > a > dl > dd.amount { font-size:2.4em; }
	div#subRenew > div > div > a > dl > dd.sale { width:60px; height:60px; position:absolute; top:-20px; right:-20px; background-color:#f00; border-radius:100px; font-size:1.5em; display:flex; flex-direction:column; justify-content:center; letter-spacing:-1px; }
}