* { margin: 0; }

/* version smartphone */

body { background-color: #181008; }

div.PCglob { position: relative; margin: auto; width: 1220px; }

div.PCima { position: relative; top: 0px; left: 144px; width: 960px; }
div.PCima img { display: block; max-width: 100%; margin: auto; }
img.PCtitr { position: relative; top: 0px; left: -360px; }

div.PClntg { position: fixed; top: 466px; width: 360px; }
div.PClntg img { border: 0px; border-radius: 7px; background-color: #99999955; }

div.PCmnu { position: fixed; top: 24px; }
div.PCmnu img { display: block; }

img.PCmnu1 { position: absolute; top: 96px; left: -96px; transform: rotate(270deg); }
img.PCmnu2 { position: absolute; top: 336px; left: -96px; transform: rotate(270deg); }
img.PCmnu3 { position: absolute; top: 96px; left: -48px; transform: rotate(270deg); }
img.PCmnu4 { position: absolute; top: 336px; left: -48px; transform: rotate(270deg); }
img.PCmnu5 { position: absolute; top: 96px; left: 0px; transform: rotate(270deg); }
img.PCmnu6 { position: absolute; top: 336px; left: 0px; transform: rotate(270deg); }

div.PCmsk { position: fixed; top: 24px; }
div.PCmsk img { display: block; opacity: 0.7;}

img.PCmsk1 { position: absolute; top: 96px; left: -96px; transform: rotate(270deg); }
img.PCmsk2 { position: absolute; top: 336px; left: -96px; transform: rotate(270deg); }
img.PCmsk3 { position: absolute; top: 96px; left: -48px; transform: rotate(270deg); }
img.PCmsk4 { position: absolute; top: 336px; left: -48px; transform: rotate(270deg); }
img.PCmsk5 { position: absolute; top: 96px; left: 0px; transform: rotate(270deg); }
img.PCmsk6 { position: absolute; top: 336px; left: 0px; transform: rotate(270deg); }

div.PClogotg { position: fixed; top: 24px; }
img.PClogotgv { position: absolute; top: 600px; left: 0px; opacity: 0.2; transform: rotate(330deg); }

div.PCpost { position: fixed; top: 24px; }
img.PCpostv { position: absolute; top: 480px; left: 0px; }