/* -*- css -*- vim:set ft=css noet ts=4 sw=0 sts=0 synmaxcol=10000: */ /* {{{ Fonts */ @font-face { font-family:"m"; font-style:normal; font-weight:normal; src:url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAB8cAA8AAAAAUaQAAB6+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkYbzC4cgzoGYD9TVEFURACBRhEICsJktAoLggAAATYCJAODfAQgBYQCByAbQUizAzFsHADGr51ZFBWZdbL/y4E2RgiuQ639DxDrqNWIxFBbbIoNFTZLDDaN+l51Yuyr3pa3DhUHpm79xWdRECKJfYYisOe9xTRHxqaC41CDf051hMY+yfX/v6Z63/9/hoUeoWlkGWQkBWUHQTKDDBxQShigdQFohbBqsyzyCpc9Fc/3P5beeX83gEIlraqQVcQgAY+vUjGmypOQATvD0zb/beiinYKJQcvBAUdJ1NFSYSRgNqtwfy5bF1W6yHI//YuIe3X6wzi3+6f5DyNOgFBAp2XHxIlO/HSqlSg8xPv3dj40id8EuoFVNUt2W5QsgH/+Ifd+O0x+DfXNhtKaXlSTaITHGHOnzt2MhzCWCsykX/fHok2TLi5Z5xLD2M6GMO59oDXdf0KiBBQA+D+babtzsgy8MmKQWyDoUnRAM/ra1c6O0LgQP+ls60iW3+lsVkB7MqzAwEFsidfEugBSRR1S0RC+Ph0VpctA0aWoUqYLF2UV3/y1eCmmXnhFjEwn1PQQP353dre3r0kLdmZP31mKSBFXRERCkCAlyMO5v3ZZzpbt3Gkds9Aw/93DCAKYgBoAIyFRpEQpEtOKtGnH3OAGRMW4uRHm+rISgaoMAXSbDRDHThxIovTp6dV5lL5cnZxD+N3o+iJKCQCyWYRMIsDePl9dhPN22CCAY+CE7dZyqu3O0gAStyBbTB3CALco+9Vqn9V1/xkssIFB0QkAwC/sjhFiLhi8B/GEzLiJG4JNQ2qUQcFCrE3wXoQ86rQYHu4gAVBUqFOnxWYd9iAKD78AW1SpGmRCEVLSPRIFkMn+d0YfvqelLGz5OwKcu1dxijTRjexI3L7X0ElvvyJ3aLS/9Z0IR9Z2e2YDQSmh7A8Hdl1oEs2xwMrqi5uSOgca0HHSIv0goV49Fb49AZGqBqMmtsElt0aZw24rMlEr9Q27vCo/MycpTAaqEyuyKkdfKiw1mIw2BOv1wTLOrmjirf+eWRJeVWhBgVuwM7U5kN14QFMEWZyC29kVIakQCYkaWGNPtTF161fB0jQ4ukaQuYfkYE6KWbyJQX2Kn/dckO2ltxFArPxCSy3qpvVy4haWQjrLy+aWDJlEoXQ3RIPyPyT9rateQt8GApd407WV6/hvY7KSmCXdiV3W32r4mDDrRFZdoJ5N/Ew918rsgaweEfuu6zNTNMFTQ42aGWKNFXOxwKhFyMR2pp816SGU65LsZDNI1N3kHp8uKTGa6HfABHWHpOKuB0eWeTtIiA/3ijEPCb62tNKZ+7XTGHZKVorUX6IY4eJXlrg+GLnSE9bGptEYZ0sZshvJO6tyYfH0d01uxujKGkvyM5/c7ipYhaoLxMv85iQKs/BbQzyEPZoVyfhoOL4JGyOBmFBpG/oui9233kiuIgw1xCT+wpSaucCqCEYRZVxgJv6c31P5Cd1gMtA9slIWrfbwKR6XxVlGhXGxTSIVwqqpHHMeozsVOZQLQW70szssRJqqvfd7cfYe45FNbCSRgCuNRB3X7oQP6EjDFD8RqJpfbwhYauk+J6jaja6tolTEZSrIm0yaWRYF4DmuVkj2yDsn3UaId8Gqs9B1ZFN3XII09H3nsiFa4wDT6ulRQjI2wc0W7ejtS0A7jw0tIVP8ggMvmtowF7wzT0aGOqyfrbNiozdEhM7bwqIorHwjnvSKlS2+0Ejnoi+NpczBEEPisVaVmEew+pGMCxIJbLyzEOCfWGFA7lOrIOj8u8K7R7PokT+FL9UTdbDMbH9rYpmJg8632aaOB4PD+Am0KwJwWlC6nonKVZ+Fdg+PHJAd4kYR42gqBUXCg5Q9DFjdx3iXYCeFAUjeWB1Pp/HZ3y/7HFSK/KuFIXGiVAYUz7wSVGoTZbqaBQALFx8W5nN1LC3aUvFRKF4kOuOe0anrkdUe0ixncdEAUY1QL1qT0XMUtL8ghOOtTE3mnQ4Jsm8y8PQn5RORcx/VBUSgbGlAGTSJkvWdLP5oBNtFFORR44So5kEF0FVjSu8lrhkO/V6EUIUaUUYjB9CzFz1yFzbDp2U7pobXAmU+emh1hYseJUNer87hzwAjhIwxebE8DPwgdbElUeYKJaKGyzFLpvJlVeg/YkZHJICikCQiqkCJUhEx7aIGDGo2ZUqrZcvarFvX7pRT4gg5ReVg4RSAByGyAiGEcDYuT1CYzGTyyuXGCH4aCQAwGkADAIU0DCMIQICPE6DTueiMkNEKexsRkS0H/PlucV0pIRkq40aEUBjZrku8j0HhZNXBvymqERj4c9FFBRcYKpGXXaJuHjLi97cBQRYPj0JVGtSrUK5QnajKJxoilF/1mFqlgAI2U6NqNYCIMqJ5WJhXCaCICQCwvvZibNpDgPRzeptDU0/uRQeSI7OQ4TppNO7vhysjHtRjUzUuwLa26AL3zNk3o6rpHhj2FCvPzrS0RJHqloUIzR6sps87OquEAKK2go6uDgfahpBl8VsHEvkY/LZ1BgYNGbzLoIdfAH9VCC2BJ5gqIQVkTNGJM1HH4BJcrUriFvA2ru9BY27/ncI1rRQAt7/2dyh/MS2QjgREu+Sawe1YQ78CCI9u3TNdqZPd9gbs8HcZe7FNZ/QDdHLo2F+kGNX0ybPzr6zRr3/MTT1FcgwS9HKPBU3brFEZtwiy0eS+Zc5jeviJh8wW16HTkGFjJkyalTZv0ZI1GYyTTEbi4gwdOmg6dTLCqYg3fww3YYJk0iTZrFm6tDTFvHlKIsoijlSNv/QyTClr+nF6vAHgfAbTvXH4x5BTZgPeZULSsU1kjscP9AAmNigEvAac4wh1jmVKA36RfcKZzz3QNVebfZoOarPRJjHpV4uOPq4fZiKzYSjw6/tZQzeK2+P9lepRFF2ieXaJxktZ2KZFXY61Bik1604/To+61xqnIa7YhXTTTk56RrNmo/oeJ9CVv/Uwzg1lbsl1jKwIbrYd/EULrg77ZL0CDaHrgt9Pf4/e0wMsS7K1LvFv+v/crhhw7catO/ceJIwYNW3GghVMv2vX2m7c6HPrVrhzp+XevaZHCZoXRnAvjVK9N830wQzFVwuYn1aQbKGrdTu8kQMPzUZybIP/Jsr4yy1lvICFv/zGMZbhbcauudDSXfzPF34PU/SfSsjDpFd1CBYnBSAbvr3ZFW3oudHAMLeV4Fxo3yF47UJlpiWkUtI6DUw8iRIHUlbNgdd2NGQEMPGRRAO6k8JAT7nnBw/zb7Ck2DTSy34N9R1P8BQbdAsCn3rDtpHwr0UIVdff8ow+uTEgBP1/IQ0YeP7IInjZ9YVvyJdz7uICazzbk/FWSBX6Y+NMyWjW7Fy8v8cxu5S5fDDE64t1ZBkfJBLW2xQwPSyli9xMGfYa2GNmMdFx3CL+8QO72R/b6ezRm75ZPJb5Bqriep1SXeaO6S0dZJ80ZTEKFk1l0iQpKyzaFFxpoW2OBbhpBJaTJv+7+75l2cHb3tM86XP/FM81HuZzmAJv4KW7W5BHhrrg8QagI68c+6w1SO8pgYNWjS0fm0P8v3PB8Key5KkpBZWaymR2aTNvuZThLfGTg7R7nmCCgKWF3+F1AUl1FjqTkOAb2F3hsdXQBTCKuE7AgDG6CWke81YErVlX4JRTbBkZESQuwWQJCcrh5RSgM8fEPCN9HHv4CYBMAYT5GFSAyo3jiIuhXkcJSFHDQnzF9VAEGXKgEcc7uQU4O6hILvPnZC5RR2JQB0BHEyJkJgK6Ka/gHxSzWcz6iBgNxvkARaTDd3baGo4eS8782USf41oiWevY/gEgmyVNMisD7Bryqxck8tOnC8sofba4tICq/w/0PkDDu9npUWx+tzQ+j44PGwur2AMgAEA4RAEw9Waja8toLHHLDhmw7C4f+gYLSSQ6xiu4uD4qp9uic6gcBXAyJDNH90eL0b11eit9IoJZC3CNGISYrgj/yBnfATyghEiPq0YFYmff4SBkYTvAH9LdRFBZeF0pIzO1sSiSDuUILVrkdDFIwH4lHbAfzgk90FAiesvkXkudS9jeBtwwzpYAcb1OAQgAtsBeB9g4yqwD1o0rTvj0cmadAPAd1omERwS3mAFolapAnYRVgXyIlXGA5Yb1v5LwEiDIjVMBDrXabddnxKy0jBs6CwAcbHXiEvqNSptzprP6HQTokH0bsq/ueAhAAMAC1AHiAADYCug1YtG4NRkrlsyYNWbdoCkDJgwZdtKGE0YtmzdpwWnTbpC2as4phLq5AMCNAOB/wKOgfQfHZcAngCcAAMAwhJ3MvP/20g5x4ySE+PhWs5v2zRglKhNTQoCPKeFCBVLts7VOOgjENEJgFjoll4JYUgm+T4fkK6+ySm8nGVe8eheyTvEiVUw43YBy07JKjWqX5RA0qnpVt9s2K4PlRe4CLikq87KcvVrHXF2FrD9Qvob3wqoyUUdqFTPNMPmFxXJbUZnxlVT+whwUjStHqy0km3BdqjhEWsygeBmqtLQ/VqyyhU36IqvpYSPVR9xIIt7nSxlK8TQlTa2oNiSxgwD8wyvVeRngY6vDELwZcxMJwnooj294kQgkqisbVc/WgbOQGgJEyn3WmC/+GHBd0q61U4bsiKOAyaTmFLoYdbPR0CasWD2BZhensgJipQGEqaGS2qCOsq5Wy1MOG4V18BBXlDCi/U5uKeJrMeCySvEM+bifkjydwRVxncxo0xVm8I8eAQzuca8YR399CDiYgaxD0m8qdXb69mtV/+z7kc4xA3/CpsSLswtNKvysrbKexiy9XkndBtAOF9oC45F68xegFRxVFBLHMtCTKENO1kEV+MEuS6dcMyl0Hw+8N/Ryfz6UgDi5uIeiGONucgpssQ1jPGHZBoSZBpvKYKYR2NMa6WZX2jz83HEElnk/ggZ8YuAmNoW/AUP3Ij5HCEtkSQWz3J6zCSfzhEZSrg1JhGMeE13RkFErngMymhNbD8oCE0X/wxeioTjmE0jSoctM1wHG4aJP/oFCV5g7rxSDTAjlrm3CIulW7ctTYZg7XLjwXHnhbZD1kEp/lIiduWg16XCvuQh7QO2YVel/eaOmbGB+pNCodO6cBiWCpGI5HzkdMs+D21MVZ3lXgdU3+iDrIk7KzdX51sCnVyr3GjwDFdgclOcG+/gSNH+Ix7396JELSzzPSWR0XiYwjg0vQBqindf7DcxJQIU89bOiuFmkplzXPRJXenEXvqfSAvXS5JXng2l/SREmGmwSMNEokFILkgZ0gkOf96eruOayWOTttVxQQQbbVVLExDyGu/f07piv0VCCor1lSGIbGRYn2Q3uEWAO9VRoE0OB/FS7dMqohXI6OPfFCzA3YFeCo4CZNAQuMpo9LJMCYn2LBQrjVvKJKROfNbkREaTJCLEZLZQRUT/HKmwNGjgo5nk4osvRT788HIik0i9AiAKIu+kVapsa7AKgprOHnL3CyEmOKzME+lAS6gUpuOs09kSdK/pr0bXHyVzDxSk/+8Zi/jnqb8gT7dkCVSiKmLc2GzamzSSdB+M+vbFn8xwV6jE1R0a3BneuA8F5cI/8Hi5xs+SsJLfC2SexPCbUumh2boTs7jOc8jmcdig9csu4i16BqAMTbAdcNz4La5IVBnpIWWjIWlMuSfXrgDIC5NVUBkktiE93j7Edyhi7DAmAsFQ5uxlj8VjqoYs2zFtCOXr2Q37I6cNxoO7C/j3z9ABgB8XVJHzUXgRa5jRVQ3W8sokK54zFxCpx+hKzAVmFD08VJVYoSovCuSj0uA1n7giHW33f/vOUy747/6kNX4/fEv7BnvVsuak3u1OFlKRHb/yzweEiYJrhpnIf8ym5TQXuuQJqx1YKUwoVHiWp7B424iBLo4B+QSPT6cYIhDEEkfCbC5Ykzm7Pvn2lNc19dCjr069PpW/ru42aPyk4QJ1ShpKedMyr9ZZrbNycIcHJyrWh2uFQ74aqnfu4Q4WsJTh4ifxkn1V9QKaDVDs6K03Et+RSJOGGwmSeTZo+On9cCBRaWKoxm2TNhX0ZH7MCWp12HlmvwYoQazPPl8cfY7EM+frzxvOsqWNYV99cqKDI1HVMtwuuRtEBK04BtSyf58U3V8ewwbAObPW6jOy2oqKAg1X1X8zOwCyLrSUjAxjBQGdtVjfhFfnb4T1m5nBma/bTQ3nwcBisDrFN4PkdXYtAXjPPbh7Levz2YQVZqalnelY44FQljbyK/OD0i3GMHRmhoB6M7eB2iKUw1Mz883dkuRPA/hCRn9f513krgzVlzdHuMP9VaV4pWLM94dB5uRC9fDWjocJ5cTHJM1VUnT4Hfl0lSMOOVLPpoB0BVQOQsGhu2MDqofC7EZEjO4P099QFrESjpj+/ltlcM78Z0EECLFhxqmCB1bVMV5iKGq4iTFRtOXfXKjVKcm1oFt/TRwrVJSajulQt0x8X//z24XFtgz8zS45n7eMS/ddpwej4GctPkto+/LUX7xSiWxXW1K0WyeQGoS1CuHne8Bp2lIxMCe/a81P8GPzF1+LHtQ0BpxznDp/MyyjkjUB0unTSFgrzoyUhC5sTZaHCGiHCdVVyveKapBG0QwVxLHUaeSmV+V+Rz8FmYXsDBRy+uwoB4OIPGIJ/TAdTQsbNWzB/DnfW+ODIqkopGT+LO2f+ZAXkwvaU5NYEeiv/nQfAvWwX/NUa+6SV09Ua808r8uKiPP6j/8MKRMSOoPUqkj6V4IY8RT38hOhh0u8O7FcHSPi1ndyZ0mdn3CDx6Ym5/Rdgkd6NVL+DiaS3I10YGOwKhp00Wk1mQTap33h/JUXqK/b5TM8xYjeJoWbQSEoPzXCUesShlDARk0SLZkrSrxkKUFCN0VYplEGHS9moFtrUBhRtslnRoOZnw3QhE3pn9szcdJ0mzRMIAipU4NfmUmmuIICqLIYFSMGYm9SaoMUqC2hCzYoi1u/UfS4yR5Y/TVpxCMg4VtmX+tu1BAjG2ICqg1abuolko8X2jS6HIhhAGb8TdG80d2EDaJt6ZfbOnIB0ARnGNsTKUMqmWrVeX6PSp4cV0yPkEnUn0o+XnyGQiDMF3Hx5b2WKPyBQIl7izaPRRXTQkKlKterwNYP4r9qi2BG89J5dszqhFAigp/SjoaY1gQqqotTvK53V29LTsol9ffyoYVPupjYoNXWpJk1tgyL1dAOkqhqbVVVbI0MZijyeIFcmF+TkcRWyfC4Ccpl9SuXzQFkXUjljZKXOrsxl8/xGDsJMT8+yyzI4cIYCB8r6IH1AzqmEmUm8fjxmKFeKyFGDDcyYMSBdrPz39t2O6C6kq+gffMRv1Ajtar6G7JnVFeU6s7XM2t/SIwKtd7oU2Wyu0ZV6siwSD4dpbDgVJm9WtQd9+RhTQ5GkJrUwmRrV6iarRR3U5ymVIc0T8AMqlL+sAimUJqdTBKgbtIYPXWRvYjwdp/Krz9ZioSWrEHA6r0JLTipQ+j8rZzxpmzgX43iIZ9hyi9VWDsaOSfNV+AaBl1xVQ35RfC9AEjv1fEai5oaxn3HgIw2DdiSNgnL8sV3FvRxYulknpCfpbo7flIcoBL3OIoJuXGswoe+QlwiWxfmBImP7/l38IhlG7cNIy8hyIliYKcch49M5v6JMB1790Zv/4GXUo5fc573BtQ96s/e9xHa8hNpf4g6+hE/1Zu27N2j/PRB5N7rnxZ6inV3YHV0pl/v0eRAt6fiY1P4e5Jwi/e+dwPsnnlTcQLSVPHzJ7Wu39VhQv/8tjv/gGWAQCi4drYTmEgov/TkcAoYQ+3CPdmlVlWDtZXcMY9wwC1gdMAgn+fzCFjRXowWGgN9nMZ5zYPfa4uNwZwdIJlHJi5b+F4NmmNNQPzVFMXIYx6otYAicIsJgJVv/CBuBaYcBRliaucb5HxrYhly/S6/zu0sZ5M64wFR4H+lRXB5u5PDKdLEgq4IL6MfIw2+Kht3cJ2CePHa83ybOYjBQmCV/H+rZep8vTYcw9ZWUvOkkZz2cOzGRNnR0+SgkJUsu5udUCIAtJHuES9FWGbQsnWLPYToGvt+zXDeA1jRt4aLIUN2siFKFI0CX6koQcY5CKc0t4WogoYMGpyKmgowMURrENrGSmanpLLCLuwp7ZMFSZPcnEmMBEIe4GlnyNJlEhvIMt7uJIXcdrBRpTSwnVFjr0OtkRYWF1Q6d/gYXZGYGjHJVkTHNW2hUKvzGdIK5jCa0CFLE9nLIYBwUiT1lWpClnAaeC6Z9IMawXD+AGpojKlS7Z7sfksnqVNq3VjVZlvUUWB+1NBYasrWRayrMALeZPVDryxdq15r5Pgtbktya7XZbs+SKsqyzgZcwv3hCtxbC0nnF+wcSIDHHNjdviUyapqShOP2eVhueZ7coWPH/P9257BWFAM4xQSY+Da+xxnFUr6m0ThUlds4qaziBFxP/5jzD2uxKPsFrTADx1bHXwhnXw/npSeOrawb5SO/AZSbMwKf1d1viENVjClUFpVVE3v5GeEaI2JeUq3PgiUSCzhgPnrKs/PKAhp+Xx1HFlopfJ5+NsuZlePpTnQutHr4E1sQXkygl2oRXgn+T6f9IBFouHbtpKph5fdpVfncfqcYXc6kZ3GIie9xqAnGlPVYkdsSuJBJ22+OWaY0wlWJkaTUGFoVqgNXn5So6gYgmy6QqGpGggg7Y3UIOK11itmRI2GyPEKzvHptpfC3aH2XNy3Q7X4nFLZAytYnUYl0CMyu/rMDLvBLPCbW8ZNzGqUzBe3ryB7DzUTv0sAIBTFjL4METw8ImzsO3ANF0ynpz+MTOvMJLwnriZXTKRFB2tve7OK3ZezFsyKCwYNjgj+qgIeDNWWjL1i8bV5PFmalutZ+WbB49BLFrCpIFZh5jy7Yvm9ZRorktNjS3zZ1kS5hq7Q8p4R03t40IWptX3JSCKVIzzwMs9LQne9uXnaI5abdOJYmG6TZforloABeIWLUVlp6A9nsDZR+Z3ZiARPpAAn+9I8gUv5wyRfxGkMYWB/j/t7QAawSwjokaGBLrc0DyphyQvGy7c0Cvd2QPpOGxQ7BEiIgNxobL7ssSITzVSB0Qc3g0qRex5nDMAFOChwDumFdAW/nWMeG9ImZs5WgDJsqeycJji1W5kplKn8vA0GPrV0DVzmpx5/fTZ8V6YDmA6QZjugH6sHA9OmyIanVBAbpmeHCDsqhwnWJ4A7rS7yE3aeUwawE3vRfa27sWngK54pJCYgKGLOncmvJFKTk5SyTVldL52VmSBVVViyQ5zKKItSf3VuOEx/U1qLLRZFbW6w3R6yoU8nqbVd5YrlAlS3MEfJ8K5efn8KUSIUlR8v35Uw8U9h45ixT8MxaakUpEWJqETDoZdsh1VBXZJHtGTH5kTxIYqsWm4KDMqYP9ac1jURdaBImtPIhs8BoMtA9G/jU8NJ6f8oSFu6PE1P0R7zRnrT/zq3Jx3WbyZhB6cSlz6bP90AYI6A/QN9DX//UsD/QL4TkrcBwPr9/MBm8WzhiuXn5gLJYk37AtjrIXT+ymUekREmvDYWO9pz+pu1qhBxkzNi9hUgJjxUTsyolgbqUP3VPL1MIUt0gkWMdjwqzcNb7CYTTSivg8hdNgiNwuZ+omqK7JruE0wqSXxx0HoGGDigY9AmHeeSFeAOe2NhomNwKoJSxI++tTFBZWPNIh71EMUFzf3dCyn/GWjXMDnEB2vzLFZRhp4D6HopyTS3cAral9p32Xfbd9j32vfZ99v/2A7SBPNeD4TU7esEGntqU7f8lDIGZwHQCAH97Ge4BhegHP5L4BwFM594liL04DWkBb+WOD/s8vWjE1JUd0Fb4q0wEM2gjnGK0FKqTTQWNAjbQGdEKNlgNNRhE2bYOBxoTjvdRLB6htrXRfHazYnkf+avKqMLcQQIPnN1vjeS7ptmrw3wD4asczAPy4d87X1eiVUI4ZrwEyBgAI/m0LyPsqNZd3QMHwUpUbYxLLMVL+lMlxrUOstE24YHCEWg4OFhWlz2fzloeMtAMIjum05sI3d/VOjU9juMQIWc828mSfWMaxUkvKHWqjtymrpAOpV0ycJ1iGGt2Y4ldIVyh6yfldNlB9shuA+6Fdlp7QpOe7pkKNpgWDTvbz7ZRf01lpM5FB+BiiR0EgzaTbsqpiYW2qMltr+Whp5A/MkYsqdfrhZGqNVlGGaKTSSG0VJdRlj6JCFEM1qNwbWY+8yDAebWt1A4gHsNOPxavyn1QQ7goKZie7lP37MO9v65qt9QHosOVC1eVBW9EhUIgM1pJC+7yL2Ux6ozUzNBUR+2MS2QPzT0Ssb3BUA00BXA38YD2viQA3WufSS0Nerp1AAMNZHE00AC8AW47YXliOcbq2HNfkG7OYX04SrsGdZXYxBiHArAOwnAt69dB8zz6GCm78ok5Llp22ata0GetsDerUq2dLZmhy4QctWbRuzaRVq0ZF6JGAQzRt0nhbTdgAP2OJroHFaCoc6bJJjKtVa9qs95N4w5ga45YsqLXPhnmzJq0blTJvVG2+XMqL8B8onB7z2HQqOlqJtqtRd7r0m6QckLApesPVXBeUzmZDTHb8yEWhbsEkO+S9iACbPu4Y2jds1CIOAJC9RwMNAAA=") format("woff2"), url("/includes/fonts/montserrat/light.woff") format("woff"); unicode-range:U+0,U+D,U+20-7E; } @font-face { font-family:"m"; /* Montserrat : licensed as SIL open font license */ font-style:normal; font-weight:bold; src:url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAB/cAA8AAAAAUYgAAB9+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkYbzCgcgzoGYD9TVEFURACBRhEICsJUs2ILggAAATYCJAODfAQgBYQAByAbEUizAzHoDoD7VTV1KoqyyDlT8X85ngzZg6pDLDvmSIYNJSRyU7W8eyi04R0E9aCTMx+6gz5nFjTpQ+f3tn+OJQgX+oVNqjWI89jImqKTtfxqTUpHaOyTXB4e9sd77n36IBo8d0YoZYa40BX/FtI6lKS4jrTnf6/T79ynJ1l+kjH6jsKKKcAOoZ2PEAIzfoJux9NvvUUJOP3OVjvblNtv0WR4fpv/x7n/GGMtBqKgRAstVzDIC0iVwgxUnBj9FDAKc1ksIl/Istz7b/Eiylcpz/9z7L99zgv762NPUAlWYVRg5PIRTIURH76XOquom38uv2kyqR4IDlAHZDtyQBfLtGeLspZeO+H5t2VvR+M37tazq+ePVA6pHDekQLDxBrzMBCyA/BbA/+A2TybEh/gWsdwu1hCRMfCbTPxenTWynex786M9ZJI0AYD2ANukKg+oA2BnE1AA4Mpmme6UXg+8DxQhR46JQsDYlTsazc5KO9ta4fmsPZV/D0jWy3X7rNsn3R4IntjAJD2xDEgRU5CaI3+QOEnwstApYZo4iJzlzm1bpqlFPrjSEd5grLT5J7v9lzUOaLung0iQrIhICBIkONfr/bXb3r31N/OshGISqP7t9jAK0AM2QJKRABISRsatImvWMZ99RlSMmxthxc8q4SheBLpsucBPn318gPDjd80yws+bmRL63yTaVYRxoJ1BCDFCvn7arMKZTmiCAoOykN/agmpPlx1U3EyWcfMIA/e89X6Dd80H/o0z/hMMxh8VGNNPiBCiByPjQSDO8UjtOYLFjtQwg7llEwvnvQh51JxxgFkMNSbNv/gVWyyGzdzGw6eXJSBsFkmLIKH5WgjgSGZ+EMK82MaHSug7vJnEb0lsC0AJtpiazFr7k/gJvvz+beY4On14zJ1toDbxBbgCOy67LmgOGVgJ2UkKUonT7I18CucyETrdiqBarsGZBIio2ILEAodl0Cx6K4iNwUQyaZCCP3VcJBnmZ6NMv3BvXVTFClWNLMNOIa/aYGa/mU7PeqxnoRuKHHOgyXpAtNXQTSzClr1j2HMUQ1Be8guIX02naT4TjchsKjAIw/8RcwdWEJD45uFG6AA7Y6FOpiTH1siugbXWHpDlfJ3PCELQZU32k3UXXriQS21d3WgzDmQk/z8w7gXka6bxvbjLp9xo9gKjQNPe/JUyQ13vdhcmtJmtQnMOqLkKhBSR3oA6s0zwxkWZFfN1zE4TB4knPZx0UAp3b+ftSUNI4pXhyinz7nqcn5GM9du1ZamH/9IabFFm9kpo3TTok6Xlcf7+2JHKC/TV972FgVb69McySDYppbi0qn0bIHGp7vi+3Mvs4qKQEYye2DX8b8ArGQzCUxCXkXSoFPIEZBEdCgzL0EgXrD3uTDlC1IcmGZR1pp6TU0uwHgoXLo/pxrF7xRKCQg9Og2MRMTHXcLDU6O6hAa0RKWEKfQRbYqu2HxCDKKubWMKWLsR3Z5y1SnUnyYpNVdVlCRdb1u+QiVUONd0uQ3hnp+1KEQXl0zGtBepk1aQkbUkxIq45w094AbEkNxcakSkpIzZXgQr1VFfuu6xIPTVccHR+wlDOMWqssfn2rnn50LIhEh2K45+0itHCadFpxy37JShZ3glCAikry+TZR6XnI5DXu6GKhhhuSL1ORBzaiw2U9CM0/dnUZZvo0xUwBUZw5kSHmaKEtMvWO5HC6nHaGPahq8MDhTrtHdgMHWZ7vQRzLztjhZkRQbdxUqJ91nSaNKOWXHTyQ0/lSHA7Rf5cmWst/ESu+1+RnhURl9X2BZbp2p9kCl9DdqN+ScicL851XrSvyERF86GmLc9Qv2FSDATm3hXE88Kuqv8cH/aYpvYANrCvsGjv3Bv3/3rRnnWTG10I5tYvrz3O4NzxkiHe7WW9bsvMMdujnTdmhAFnAc2UKXBwryVPeta2+WRSKdCGvQjHllBfnatSHrUfDWmmBKe4/EU3u8xfTdaNUM5e1g+f/TvUOMoQT4aaA5A3PKGNkZz8CU5mNwSEjupQ0pPGardnGbwWrfUaOJNJizRnZL9UbYCh1IB+kpFKMlLhe3YN5J06WOxXjfOwgKojqnTW8MIASjQ89zUg4dY7osfcFtyw9d7uC31+Bsn0NFnTI6OJcO33v+1JIDJojJCNChgWEjZq3LqAC5eWZWWtqqtb09a27q23NhDylsrBILGBQYQohvUhRGKRDDL1U+h0XgPcGM7HTgYkO+gEzLNjGI6Dcbc4QRfBRdBAp7i3i0btzDD3LMGe9UvIeypIiB20foTSRH+LxsapqoNvPmzHMXAP8AyXXIAwWRQWwm4eCvcPt71MBg+PEdMiFkyaMGJewNQTmxQ0lP24OWEwx6JbNGMWLBoTNohPK68QWKID6AEr2KoIh+r7Skli+JYraVAbu63g1NRGRvujcS1sfvcpNkflQ5Rt5ZEP8aGH3nN1rCHm6nJiQ65r54UT9xWhEN8Y4kjq9+F2BicmrbhljYnRvLS7EHJLo0ILEmKvwOvbEMeIxUTQ6Na8sQh6ARbaoU1HVR07yvbskfiSYQ/J4vbwSpffwfBdf5NkmMICVsxdEbutjAWBYkmANnRzA6SHmnhHJb6O4ztMxER57C+oNy8BvSrbZpC65+TPuhvU9+oxsBV1Xfesz1MxN6slLgpfsnL3kRFw2CNEbjntVL1rRAjLfzgtG2L2XbmWlJZRUFRWVdPyHuOkUJANGzQxMXb79mmVjBs2Jhk2JtvVy1AUFAhFRTZlZbaWjBk2phq2L3r6VuvwfiW+a2XTqB2TlA4l7UchdR/ZBk2tzCtIl4ChfisQeCLOOf7OuF5FwE9Sd6kD9+vUAIQpgfWxYL9erwtIvBk//GR9v+eSdsCJUPJ36ccVKLFtgnrjXzfl3Swvp5Yuayu0UkAXQBanezFsT2BFNk4U4LwpBkKb5E6wVEcqVoiGvcZhD8MqVq2oEhw95YLnpCse4W7E6LUqIGjo+9E/FH8a/acDpsNMeSEwwEXu33MLDpu2bNuxa09UXEJOXkUDo9u0SbFli2bbNmHHDtmuXVxUlF1cnCQhQZWTo8vLs6moYBoaaIOhPyZEfWR90oDB4R1W+HItqP4ihkx9pEi7WzQM9sWQ2n3D0R9fFdrF22TYMVr/ibhWLLsqOwH67PRWy3J8pm8ov3aNPNybXMKJ93wajE986HBNQNpHJrk1M9TKOhRa8k6cJx5CVnZt8gcV8J0INVhFV9UIR3uBsV816qfgsChIWWPeBP6v8IU32CCPIODtDd/Zwk8+gaDjLVCJANaNTGv/EwIDn2ABoFBE4QGGYSrlJQ7Mg9oydIUmaJKqxKnjOG4Rq9TWSMdCoWFlCgI4p3nF3lMY5oeEQXK9aFx6r9HaRTqjE1dAPvQePogQi+VM3rwrzev2aoyugMiHF8CvNzSOXOueQKlKkvjdJW+K+ZxIRpKq3ySXHBVDXmvVdLZ7CEwA1h2ms4uglMsLl5It8Cme+zf4xLivP5RmD+ZmCo3lqN/6REVp0K752ESY7R+trJzO3G9/Sz66Fh5Cxf2r69leSNDHRFzTcm4GUafUmdKYm/7MG5dgsSPUjbV34R0vTVJVsSZUsZ/HrV33iQkDINls2Ac3JQlpRR5lDaaWtmFvvWV5771RZEOUztDH1MPLqZegP0FuRCSDD/iaDaa2K6hwyd0kEuI6qFV6h0E2tV+fXnE9bEyaHmhbkHq49XJ2U5EB8HUH135HfEwH6EIOBeoxQpesX0kfFrMYYHxMjJm2Glgin7h1xxI59fLA85eiZ22uRA+avHw0CrQzZAdsIII2Ut4+J1MeP67UEX5SrVUw/T+C3geIvCnkEth6U0uVEXvXqTRxHwQgSFAvAKipha4tY2fYUPfUhbrv/O2rJBuJwHiZgX5cLmgJnLQJREUKaRsfKCwyTtCazS+J6VowAlUdZggRwU/62BkfAx4ajZwUG00idvLbnkA/+A34p47bl1Toz/plFLo1CHDqNoHQunk3N0aG/NEicB7OSdwTiVLcYbjXLl2OWn4AtxZ3V1BezS0EkLuNgQUSGiEIIym3YvjwPN8mAN9jbaB0hHNX82IL4BdmwXWGLAVhhEAynvsZJlbkr4wKes1Zt+dMXEHRe59nBtDLMm9D1LmEopIPM+PcE9AF7VXaVxPLJRCAEbAFTgA4A66Jq0ppea+hJq8gqe1S1oW0K9fe6Hgtoa4so+KdnM+KmkreIjQzXIDbgP+AB9D5FXqPg1d4DCAxhJ2pmDRVCLdjDieSXVLum5lEm1E/pY9nnlLdzNPkUDlWSDVxSksQG4o1Keg85VDANm6t5w65ZFRFtSZ6CShtKIwGC/mbNOGGyQ0YrxvGAm2yy3BwrFW9qts9T59oLkK4h7UcMead3XNUk2e76gXB8t5FHwifCqYX8mmiJszWWdTQyBxlnn+htl8aP2D16pnrbeZa86WY4KI04a1kjm7yabzR0eXjc9Rgx3xQMnsWxkyabniPzfBxU7mFBmdRd6ItInqACQp5LpAxHR9hQNU3wkI17s29AoU+eeIoUUgoBi6YV4X8LvoTTvD479CzTyCCLDJSIWS0HXC2lHGkM01Z0gR4udMaycz0CMX5GBdBMOogKQEHyc7mH5T7z6Oe8Vlp7/bWUA1lU9YuOikVgT26wjVkOIm4Aw8s9xFwlcQqpxZ7QrfI/9v4f5ZM6VCZEE/FJKWIYTYh1nnAKzhOnA2rUu0Dp2e1xdf8vVKORXd/mDv18ydRQ4blnzDfxrh7uQd4NtQZBZnVOBJ8NqQkeLcN6Ne1IV1Eg1uoI4sM5z61TnN2iahRVUuYFMqqEhlV+5YivgniQbU26DSO8hEHHDSTvv24i5aLpQ0ldLxvULlGoltBAlnoPU/w0JU+i5EarxiBZyxJhTxLvybkh+/xP5k1ax78KgGLXycgUcmcDJ9VZZAk6Ctt0Trp43e6wfuGQIKgXyVUCPKdjaFxCb9WfnEhyLLCEQNMAlVI4tR9Cqecey+KNWp/Qoa39xemQlr4YSm5vKFLMLBU0hcvjFuznfGzMYwNzeFs6qdZCbOzRwUlPPouoE001SguVaIuw3wEdHDopZjNhfkSfkAcJgfw/TofFVG2S3ZGTCr3BIrbY1PKO1Fpd/AF4W4G5LeGXyG/FWynIAdGrA41VA04neG+8r0sDQGrNT8iXBFOSX8TAELFAFLGB6yRKKlEcqNkPyV/pSTnx4ISf7wsSuGTyc43FFRtg06a0hEHvOsLsmWlQ6p01931x2W7aqvFnivntJHkPEsLwoY7iA7vwdFWMqQRVUPZjaM4xVng8SzBec4ipUk/jg9CS60SA4UMDp30hNk59beTVLZYyZXteyjZmBBXnYlHZMALGSC17WLCPWb3tGghVUjn6Dk7p24f/4SMg6TmHOf+KOF9BEOdDLrBv85v6Yd8Qdjv7xEE7yBII7lrxt0p5vazlCN3ySiewax1IDmKTg0StaZzhGUDNQUpxI+uk7ZKHr1oEs/MWZXfjtQeMhYt4ZXE4UN2iZPbKQoct0C3SvorqNQasU8a2cm09O6Q8o+eOXcD8XJ/hfXql+NgFe6TJrYM3DvUi0HnoNPgl8HOiffl/9S3/yJ96cIfK9NFb6MpB1ISccOWL3fCK8+kp4jm8WKY5Thgr5iSKQei0C2NnXzEmqnHglEto5t2yOaQdmocxQNXxUnGa7hcuIorojTBwWFiCwUhyiPY89TvkGXZVCAGGMczM6N9i47utnd3M/Pb9TEYSNhhCUF9+GDbIrk9EagXMiygt0gzID4c0ST4Iiki50ZHU0nEO0edzMph0UZK9kHhhCdFKxgq7MWHukvItljuqRxQknt0dv6jTvVZ94QtaL78qBBMceIRCwepi+T774cJ5qor4O4SPSOMIHpcMjMXLT68otJ07lA8/5hKRAsK1EuOXL6w1L+90uRLE8Lk6zEegHjtC5j8Xwl71TG3UE96Rk4NvJBhaiuIQKtfEwmKBDBGVedgW/RAz6eJdw5SPLkbmjw6U5CBAHIjI1zDDAN7zBWJVNrEIksJM4+m8DMge55nZdXE3dClAhktiyVjFNzrOCH9kkH/UroH7EFZJ4R+HzRkNkND1b5xoc27Lj9tWRnkpgl5VvxkhpXPd9Jk9PCEXMpJV5m2rgDYY/mtJ1y+7XW1vmhI37o9sgGuFkI+hRIqb154Q2lpiwebX+4ZHCP2Wnuh9TRJUP8NWgbBfpR9Qlitc+hlvuVCR8mGPMYw7mKKSGDHP+B42T+04flcD26/t31iU9bjovVoxAYgiO2NDTo9CjfuGgd2uYvBE5SmQ2gprrv1G7my3fjb4Obbg3194JNdc141lZ/PUhWXzUqK7Ynl/8ENtOr3capQWWTIboT+nYb03XDc5BbwetpXY7rvxwhPwIdR0d/lf+yODe/ASOAgyr5CZG0zk6lAZLNP0KFzBs2mnEh1+cTwcY4pRCXHzHgOxPMybOMDe4xTOpqra5nBDodVlD7TaOf+oTE81OsKciTw6B+SYwMHUDY9Hcpzhq722g107WKYalBeO8LY/86eFFmCxgk7PTh9PhsvNTiejMMx449pL2eu2zPSqXzzqDQdPBd78t8Tp/+997tGNb1OZsIDAKEcW1mfZIceh2kF3L1nktJOa9CuJS6shsnSQLmyikFJpaIPt4AXRvlSOZwL65Kx27onuBJcmBsolsp9g1LwKfRhpCLyIQTGURsPHdg2tnewyuouLHTlVYO7x7bxGwjIWZOnEHXLUHV72JPg708nD9+uczyu23Snzvqgbvvxz9zJ03j2BTyIZ+3swK97+XaKAdzAnE5f3s7eN/mIVnifBuJwJJ9g5ng7Vvnt2C7BDNGHA5TAaaTkUsQYOIWUPImAdYFNMf6dAqYt9ba4/nJXpqxrtK1LIEIUFDM4OjaXrfHTbKu9veIhLO5jOvXpk2RNfLEIDCM0fqkoXFoGhfxSlSGohLucDrgrqBpHfB7NQe6ctatxZSf1BknB5pDkN6jUJ0Q5h01UPAF6hHsUNvRYrIbuUdjt7IHT5UGZ+hMy7WeSnMMhyX+mkT+Gg/J0WQ8M2AhDSAV3OZxwV0hpUPml4lBZqShcJWX2UZ4oaPyEgkgc6Wl+rrNx1i7kzpzo58CGWDqh0XdbrIXdA7DN3KvQdbuRScgL3spXGelnabTrOGYKi6KACVymDHPEVqxrYgEvxVtXX0X4rpTWfPfPJQSYyo9XnP5+Y/DFIFDdM6wgfZrXhK3JENgLdTorciRutH3D1U3bVx75RB+UadtNZpcmWKBXLcvOafUUt7TLxKQ++rSUSpNM08OTsZBG1U8D7edRH+tWXY5aVsXPqbEJo2nylULyyYX8uUCbGk0F+Hsk+YJGevNeajqFmhrFlAQawN2G+Et/fffq9C8W+e8ffx79/NcLH/mCizxAS64x0KZuXP/qxWpIUdhYuNjQeLJDZ5RV8KFeX8IjlL7HXRAbGAnXnDfGrKgENAhXRGPoTs3tiMAu5zCs77JZ9N3DGkcf9QlRweYQ5U+o4U4LhhEqvxQKl5aJQgFPK8FMjRJUjr/y7sZUHCpnJIcCJSyEIVQu72VIZdBUSUWhslJx2C+lpTV4PIdDJ9/Gdz146m/RBwMSw5o100iZSWv8D/yDUPdmaAVNcFUaL/tecgJhqwqpXrSWzhZIjE0sk7gl2SVorDYtIgv/TkITt6vmqBf3Q2y+1NDMBEREWaC8/M3oc4IQT15Pb2hWLCo4ku/vEgZCWSPIqbVzoxjlKiGpFy/jzY2mbthw9FANBN7+CLNncspyfWrTxxhw4xpm/e4p+NBUZO8UfGBq4jpm86oV7PUrwOxp6Szn54JTa+/K4zbdP/gF1/FD7pktz2RzNj8Ey+8xrJhNUCP+o+TMxp+x8tNXH2/6SYKRKXSWdMb5H9h7XrkGiKV5nftswdeG9Ocqg8CGco06jHva2hwOB7ncIwA3UnGM/ohQaTbL8Ed02vfnMljfr1a/PsiOgczA/P/+ee/AIsYKMaswc/2L+q7V6lJTO1/mlREWKfi6+R+8/vXyCECidKspCfld3YHM7Dw1h0F7T11Yd/1dTNPg14Fr71rZnIGhNq80r7qvAODWNegmjyomTUnUyMJ162cPDW3dBtAo3SoKsaCru0bKKpnYV+BE2Tni+LHBFrsuJUV+iTfU9EI5vvz8vJp+GShDla8w67e2hDyHdrsDkD9ZI+24IV9A8gYa6peg1Pco522pfFWdSOZTaOCaDsgeJGg/wHNlUDbJ8z0e974HbMb00NUhjf7ymt94gXgb0KKKhoS6crlc6xliF3sibK1HLteVR4RFHXmwiMOBhXm5aiGHoxZJxYITNMYjHvcSg7aDV2oNMhUOab6yKMQ1W4NcVVG+VOEIMcE0SmxcE0/tErCiV154ak0VKOubO1ALLwtCOt9ys35La8hzaJebN06s/QCHm/JQidD7GVwZBJ4j3PUt1X4wd2jsr07jcpPnKZUoMhmlz9x5QGdfM1D0zyr7VO/AkB3Qlcc3vsVZgGaQ8b8+NXMiHpbC5lVDuDeRE8GqOAe4h8iuxDylms/q0RTWtqQkLUOq6u95OsPZlP09/2bYnCoxcYeLAlB2ODa789JstsF5wu6Y64DLfwA3EaLylCdU025dAoX5BT96o9KBlGmc/Y+diw6d9OscGRIyaYeTAr5A+BrrytW5/gaxnqhYUEcxYe6myGB59nwM8+R3GqIwC84Yp9IfmwhiA6EvFdtHJDzGLsRwQeBq57d/v9ZWvimsPOsFzxASN/5PMu1/Lqwk1439lUb+042X6ulTmJQpOnUqBXOZepFUm5gUIBECiYl1qTYfJBZVyK32Cnm22CcGuxAmNKG/3FQh6udbDUnI0txwxpSZIPA11vpUudUN4oxviVdTF2K42MxV2NR+MPXeZOdbOjCIoI0wmREavb3fsA7A2ir/IbGY6WOx2ugMB3M+tPdVaDWw/YS7+yo2w7y/GE4yxcZgKihkNXjzJ6Kf3pZRmUQ6xuPoKK1BuHul1q9vYcisudQu7wH7KLaQbxVHPGDizS4dxxrRpEa0w/hdhW+AidK4iTdM4iactrGG69G9eSwHQ67J5jf9+7saRhoSdpHVOSevnmwYBvUgoxK97+RydyDAfb+Bgrd7sD3A4/nFA25dk3pk309MyKalRRvzm3M+7e0FDjqAvCZrhtawYCnfmFdUML3xziz4Ps8D8q6VlC11XUjpQGeGM9GdyRfcZd4SSXgJSU3azWohty9po7SwdrPIkjBYcG120IGktiXtiQMGSWmp130huVPOWjtSLrhKl5YC27XDC8Nt59uW/s5pPd8aXnAYSHYhscNzseCFR/WnVL1dqkOVFaoDfV1nlA2BE7KeF5U7S4v5PV55vspsNrLJc9aUj6lIk+jk+MWFEoOwp8I7xrXbx0W+cuGQySKIlJePiuxcP/pzvPd5OKXstqwmP69Vr89tqcmXK0qkvCaLmdOyVEpuJfX/y2T9vZpE6vuHyfynBdSjNoU4m8npApHRx1DkFVH4Gj6LqV1aUJhBObodi/niRUqeH4KbF1i6KWh/3cYd1gpjJ0/thIRZtkqtgRD6fUNCKodAaktbGEN/2+z0eIGvPny1y2a87njVcfB1x9TAVNaR8LthkBf1/nd+/6F8Wc/x7fBd3/PO+UGAWSYYFL4Dweq/iMVnPGgsMsEXV2orkxM9uz3oNGR8RVyJrRxAK87v6Tm3JxgNquAHK4i/ihy5wMhmuaRSltPIEZCKHKYjV8p0JdnwrZkdENSRmTEqFo/+tZ1vYjOr/TCdJg5f2Mwp5QRSZ0nqhDQyETUCmJXkH8ikt1s3QyLPgFjp+dWHR1YDZhXTSiZbmcxS8giwroBy5J8UR/k0tSDrB2UMwbVwJbJGrAtmdK6V/4dqTGQI6tBtiAPBesd613rPet/6wPrQ+sj62PKEp7rgn1Pi0cOlfkvtzq/5l3INPgKMwTPFxGOYZfBvkSAGfhe9M/uS7YZGVMjvfXbP+73hJGZ7bzqb9IQb421sBGwoZSuBdLYdzAM0xkywLSU2A7QJGWxbZ2NAm/RL84dPcylYqkML2Z1I+ZE/aVlG+4MAnXD0PBQtc+X+V1HxX8LnP44Dvw7WV24s63Rl1TILUTBAwN9pnvpvpTGtIktj37K5Xb3x/nfIf9n71PpCEtgux/V5F/GUozWJNpQ+0/mpsKUpm3SIFjEY67sd98GD2F6DrcUXaE/69b/lcr7eV3T//JS7hBsQ6ln3a2b1PH87WRmiNkb159xPlmUh3cGxCGZf6zut7jEaLzEEaROwJHFnvTmFUAIj54BJ5jt1zR/FEVQ73kb5LfECRdhc9CFjGWOrqaS3zEyfGClnFu0x1nr93SBAQkZO6nHogdWLdORBJhpExnTxdZX82fKDhXYYiDXwo4DFnznTQo0zk6ccfW1SHZsPkN2z3LOUX4B46kGqiYxaat1cafYKh/VfsOA/20sUGOubViLKwuLcdrrsIi2yvmgwAN7jKniePBonCNzW5nLKjgAAJQLduiS0RAI4AqAXMfzYi1H91UsS8U8vbthNL1l/0noqhpM9SBxATxxxydK8cemptfzhxRGpt6+m7p2mgpy8NkvEvAULLAfyMixP1FS1tWQ0NSXQ6nNNhIsyUqAa1QGfV2MtwDhqio3VmXHDnDk5BRouh5JmpSxUMechZeWcZezSJxwqS5jrnHqixGJqLEtbN2v+rN906LFoMK1yzQRzSiMLjn7jKxSocVaXmrTWjmUkhQfMCMdgykvW71lClQTQRkVEAAA=") format("woff2"), url("/includes/fonts/montserrat/bold.woff") format("woff"); unicode-range:U+0,U+D,U+20-7E; } /* Fonts }}} */ /* {{{ Body */ html, body { margin:0; padding:0; border:0; } html { /* IE11 and old Firefox don't calculate font-size correctly */ /* font-size:6.25%; */ font-size:1px; /* * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ -ms-text-size-adjust:100%; /* 2 */ -webkit-text-size-adjust:100%; /* 2 */ } body { color:#222; font-family:"m", Verdana, Arial, Helvetica, sans-serif; background-color:#fff; min-height:100vh; display:-ms-flexbox; /* IE10 */ display:-webkit-flex; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } body.disable-scroll { overflow:hidden; } body { font-size:14em; /* some browsers show very large font with rem and em on body is the same meaning */ } button, input[type="button"] { font-size:14px; font-size:14rem; } button, input[type="button"], body { line-height:1.75; font-style:normal; } @media screen { #main { min-width:740px; } } body.mceContentBody { margin:10px !important; } body.mceFiler { background-color:#fff !important; color:#222 !important; font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:10pt !important; margin:0 !important; } body.mceContentBody, body.mceFiler { min-width:0; } /* Body }}} */ /* {{{ Table */ table { border-collapse:collapse; border-spacing:0; } table, td, th { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-size:14rem; /* after ie9 */ font-style:normal; text-align:left; } /* Table }}} */ /* {{{ Head line */ h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { text-decoration:none; } h1, .h1 { font-size:26px; font-size:26rem; color:#a30f44; font-weight:normal; text-align:center; padding:0; margin:.7em auto 1.4em; } h2, .h2 { font-size:22px; font-size:22rem; color:#a30f44; font-weight:normal; margin:1.4em auto 1em; letter-spacing:2px; padding-left:1ex; border-left:7px solid #a30f44; } h3, .h3 { font-size:20px; font-size:20rem; color:#888; font-weight:normal; } h4, .h4 { font-size:18px; font-size:18rem; font-weight:normal; } h5, .h5 { font-size:16px; font-size:16rem; font-weight:normal; margin:1.67em 0 .6em;} /* Head line }}} */ /* {{{ Basic element */ #noscript { display:block; max-width:600px; margin-bottom:10px; } img, object, param { border:0; vertical-align:text-bottom; } p { margin-top:.3em; } em { color:#076d1a; font-weight:bold; font-style:normal; } hr { background-color:transparent; border:0 none; border-top:1px solid #a30f44; /* Address differences between Firefox and other browsers. */ -moz-box-sizing:content-box; box-sizing:content-box; height:0; } pre { padding:3px .5em; border:1px #ddd solid; } /* Remove most spacing between table cells. */ table { border-collapse:collapse; border-spacing:0; } td, th { padding:0; } /* Basic element }}} */ /* {{{ Link */ a { -webkit-transition:color .5s ease 0.00s; transition:color .5s ease 0.00s; } a:link { color:#800; text-decoration:none; } a:visited { color:#833; text-decoration:none; } a:hover { color:#a00; text-decoration:underline; text-decoration-style:dotted; -moz-text-decoration-style:dotted; } a:active { color:#a00; text-decoration:underline; text-decoration-style:dotted; -moz-text-decoration-style:dotted; border:0 none; } a:focus { color:#a00; text-decoration:underline; text-decoration-style:dotted; -moz-text-decoration-style:dotted; border:0 none; } a[name]:hover { /* Remove the gray background color from active links in IE 10. */ background-color:transparent; /* Gecko系のブラウザをIEに合わせる */ text-decoration:none !important; outline:0 !important; } /* Link }}} */ /* {{{ Rolling link */ .roll { display:inline-block; overflow:hidden; padding:0 !important; -webkit-perspective:500px; perspective:500px; -webkit-perspective-origin:50% 50%; perspective-origin:50% 50%; vertical-align:top; text-align:center; } a.roll { text-decoration:none; } .roll span { position:relative; display:block; padding:0 6px; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 0 0; transform-origin:50% 0 0; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all .4s ease-out; transition:all .4s ease-out; } .roll:hover span { background-color:#ddd; background-color:rgba(0, 0, 0, .2); -webkit-transform:translate3d(0px, 0px, -45px) rotateX(90deg); transform:translate3d(0px, 0px, -45px) rotateX(90deg); } .roll span:before { content:attr(data-title); position:absolute; left:-1px; width:100%; margin:0; color:#fff; background-color:#a30f44; -webkit-transform:translate3d(0px, 103%, 0px) rotateX(-90deg); transform:translate3d(0px, 103%, 0px) rotateX(-90deg); -webkit-transform-origin:50% 0 0; transform-origin:50% 0 0; } /* {{{ for IE 10+ */ /* IE apply rotateX to pseudo element wrongly */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .roll:hover span, .roll:focus span { transform:none; } } /* for IE 10+ }}} */ /* Rolling link }}} */ /* {{{ Frame */ #header { margin:0; padding:0; min-height:71px; } #menu { margin:0; padding:4px 0; text-align:center; } #main { margin:0; padding:0; clear:both; -ms-flex:1 1 auto; -webkit-flex:1 1 auto; flex:1 1 auto; } #main #main_inner, #main.filer #main_inner { margin:0; padding:10px; } #footer { padding:10px 1em; padding-top:10rem; padding-bottom:10rem; } @media screen and (-webkit-min-device-pixel-ratio:0) { #footer { padding:10px 1em; } } /* {{{ Panel */ #main_inner { display:block; display:-ms-flexbox; /* IE10 */ display:-webkit-flex; display:flex; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch; -webkit-flex-wrap:nowrap; -ms-flex-wrap:none; /* IE10 */ flex-wrap:nowrap; -webkit-justify-content:space-between; -ms-flex-pack:space-between; justify-content:space-between; } #panel-left, #panel-right, #main-container { -webkit-flex:none; flex:none; } #panel-left { width:145px; margin-right:8px; } #panel-right { width:260px; margin-left:24px; } #main-container { position:relative; /* NOTE: this is for #Sel_frame */ -webkit-flex:1; flex:1; } /* Panel }}} */ /* Frame }}} */ /* {{{ Form */ form { margin:0; padding:0; } label { cursor:pointer; color:#666; font-weight:normal; } label.radio { color:inherit; } /* {{{ Reset styles */ button, input, optgroup, select, textarea { /* * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } button { /* Address `overflow` set to `hidden` in IE 8/9/10/11. */ overflow:visible; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance:button; /* 2 */ cursor:pointer; /* 3 */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Remove inner padding and border in Firefox 4+. */ border:0; padding:0; } input { /* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ line-height:normal; } input[type="checkbox"], input[type="radio"] { /* * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ box-sizing:border-box; /* 1 */ padding:0; /* 2 */ vertical-align:middle; /* 3 : added by iwaki */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { /* * Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, * it causes the cursor style of the decrement button to change from `default` to `text`. */ height:auto; } textarea { /* Remove default vertical scrollbar in IE 8/9/10/11. */ overflow:auto; } /* Reset styles }}} */ /* {{{ Fix sizing */ button, input, textarea, select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } /* }}} */ input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], input[type="time"], input[type="month"], input[type="week"], input[type="datetime-local"], input[type="url"], input[type="text"], textarea, select { background-color:#eee; border:1px solid #999; color:#333; padding:2px 4px; /* We need use padding top and bottom instead of line-height due to IE(-11) bug */ /* for IE(-11): input field doesn't resize box size against line-height */ /* line-height:inherit; */ } optgroup { font-style:normal; background-color:#a30f44; } option[disabled] { color:#888; } /* use attribute select for IE7 */ option:nth-of-type(even) { background-color:#ddd; } option:nth-of-type(odd) { background-color:#eee; } input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="datetime-local"]:focus, input[type="url"]:focus, input[type="text"]:focus, select:focus, textarea:focus { color:#000; border:1px solid #855; -webkit-box-shadow:0 0 5px #855; box-shadow:0 0 5px #855; outline:none; } textarea[readOnly] { color:inherit; background-color:#ccc; border:0 none; font-family:inherit; } input[type="text"].tel, input[type="tel"] { width:16ex !important; } input[type="text"].zipcode { width:9ex !important; font-family:monospace; } input[type="text"].date { width:18em !important; } button, /* {{{ */ .button, html input[type="button"] { letter-spacing:.1px; min-width:50px; padding:4px 12px; cursor:pointer; color:#fff; border:0 none #a30f44; background-color:#a30f44; text-align:center; vertical-align:middle; white-space:nowrap; -webkit-transition-property:text-shadow, background-color, color; transition-property:text-shadow, background-color, color; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } input[type="submit"], button[type="submit"] { font-weight:bold; } button.nosubmit[type="submit"] { font-weight:normal; } input[disabled], input:disabled, button[disabled], button:disabled { cursor:default !important; color:#fff !important; background-color:#999 !important; border-color:#999 !important; } input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="button"]:hover,input[type="button"]:active,input[type="button"]:focus, input[type="submit"]:hover,input[type="submit"]:active,input[type="submit"]:focus, button:hover, button:active, button:focus { background-color:#ae184c; text-shadow: 0 0 4px rgba(255, 255, 255, .75), 0 0 5px rgba(255, 255, 255, 1); } input[type="reset"]:active, input[type="reset"]:focus, input[type="button"]:active,input[type="button"]:focus, input[type="submit"]:active,input[type="submit"]:focus, button:active, button:focus { outline:none; text-decoration:none; } /* With icon {{{ */ .with-icon { position:relative; } .with-icon.left { padding-left:20px; } .with-icon.right { padding-right:20px; } .with-icon.left:after { left:0; } .with-icon.right:after { right:0; } .with-icon:after { content:""; display:block; position:absolute; width:16px; height:16px; top:50%; margin-top:-8px; background-image:url(../images/icons1.png); background-repeat:no-repeat; } a.with-icon { display:inline-block; min-height:18px; } button.with-icon.left { padding-left:36px; /* padding * 2 + icon width - 4 */ } button.with-icon.right { padding-right:36px; /* padding * 2 + icon width - 4 */ } button.with-icon.left:after { left:12px; } button.with-icon.right:after { right:12px; } #goto_home_error.with-icon:after, #goto_home.with-icon:after { background-position:0 -480px; } button.with-icon.icons3 { position:relative; } button.with-icon.icons3.left { padding-left:38px; /* padding * 2 + icon width - 4 */ } button.with-icon.icons3.right { padding-right:38px; /* padding * 2 + icon width - 4 */ } button.with-icon.icons3:after { content:""; display:block; position:absolute; width:18px; height:18px; top:50%; margin-top:-9px; background-image:url(../images/icons3.png); background-repeat:no-repeat; } #goto_home_error.with-icon.icons3:after, #goto_home.with-icon.icons3:after { background-position:0 -45px; } /* }}} */ /* }}} */ /* {{{ form fields */ select.price, select.num { text-align:right; padding-right:2px; } select.price .default { text-align:left; } select.fixedfont option { font-family:monospace; white-space:pre !important; } /* form fields }}} */ /* {{{ cool form */ form.cool .buttons, form.cool p.row { padding:0 2px; } form.cool p.row { margin:0 0 5px 0; border:1px solid #fff; -webkit-transition:border-color .5s ease-out 0.00s, background-color .5s ease-out 0.00s; transition:border-color .5s ease-out 0.00s, background-color .5s ease-out 0.00s; } form.cool p.row:hover { border-color:#aaa; background-color:#ddd; } form.cool p.row + .buttons { margin-top:1em; } form.cool textarea { resize:vertical; line-height:1.19; } form.cool .text, #register-request .note, form.cool .note { line-height:1.4; border:0 none; margin:1em 0 !important; padding:2px 0 2px 24px; background:url(../images/icon/home_icons.png) no-repeat -161px -222px; font-size:12px; font-size:12rem; color:#888; } form.cool .required { color:#a30f44; font-size:12px; font-size:12rem; text-shadow:0px 1px 3px #999; vertical-align:top; } form.cool .mceEditor { margin-top:2px; } form.cool .mceEditor, form.cool .with-unit, form.cool label { position:relative; display:inline-block; } form.cool input.error, form.cool select.error, form.cool textarea.error { border-color:#a30f44; outline:3px #a30f44 solid; } form.cool label.error:after { content:""; display:block; position:absolute; width:20px; height:20px; top:-10px; right:-9px; z-index:1; background:url(../images/icons2.png) no-repeat -304px 0px; } form.cool p.row > label:first-of-type { vertical-align:top; } form.cool p.row textarea { margin-top:1px; } /* cool form }}} */ /* {{{ Custom style on a select element */ /* * [Select styles with CSS only|http://output.jsbin.com/yaruh] * [CSSのappearanceを使ったセレクトボックスのカスタマイズ | design edge|http://edge.sincar.jp/web/selectbox-appearance-customize/] */ select { -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:16px !important; background:url(../images/arrow_drop_g.png) no-repeat right 50% #eee; } select:hover, select:focus { background:url(../images/arrow_drop_r.png) no-repeat right 50% #eee; } /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { select::-ms-expand { display:none; } } /* befor firefox 35 - -moz-appearance:none with select element doesn't work */ @supports (-moz-appearance:meterbar) and ( not (mask-type:luminance) ) { select, select:hover, select:active, select:focus { padding-right:4px !important; background:none #eee; } .productspec #dt_quantity { background:none #a30f44 !important; } } /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */ select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } /* Custom style on a select element }}} */ /* Form }}} */ /* {{{ Header */ #header .promoword { display:block; margin:0 0 -2px 0; color:#404040; font-size:12px; font-size:12rem; text-shadow:0px 1px 3px #aaa; letter-spacing:2px; text-align:center; } #header .logos { text-decoration:none; outline:none; margin:0; padding:0; text-align:inherit; color:inherit; font-size:inherit; display:inline-block; display:-ms-inline-flexbox; /* IE10 */ display:-webkit-inline-flex; display:inline-flex; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; /* IE10 */ flex-wrap:wrap; } #header .logos > #rpilogo { -ms-flex-order:99; -webkit-order:99; order:99; } #header .logos a { text-decoration:none; outline:none; -ms-flex-order:0; -webkit-order:0; order:0; } #header .contactinfo { display:block; float:right; font-size:11px; font-size:11rem; text-align:right; clear:both; margin:10px 16px 0 0; } #header .contactinfo .companyname { font-weight:bold; } #header .contactinfo .for-b2b { display:inline-block; padding-top:5px; } #header .contactinfo .for-b2b a { border:1px solid #800; font-size:14px; font-size:14rem; padding:3px 5px; margin:0 2px; line-height:2; } #header .contactinfo .for-b2b a:visited { color:#800; } #header .contactinfo .for-b2b a:hover { } #header .shop-logo { } #header .shop-title { margin:0 8px; } #header .shop-product { margin:0 8px; } /* Header }}} */ /* {{{ Menu */ #menu ul { display:block; float:left; margin:10px 10px auto 40px; padding:0; overflow:hidden; } #menu li { margin:0; padding:0; list-style-type:none; display:inline-block; } #menu li a.roll span { color:#000; padding:4px 10px; } #menu li a.roll span:before { padding:4px 0; } .top-menu strong { font-size:18px; font-size:18rem; color:#a30f44; font-weight:bold; } /* {{{ Top Page} */ #top-icons-manager, #top-icons { display:inline-block; vertical-align:top; margin:8px 0 0 0; } #top-icons-manager a, #top-icons a { background-image:url(../images/icons2.png); background-repeat:no-repeat; width:62px; display:inline-block; text-align:center; padding:38px 0 2px; font-size:12px; font-size:12rem; margin:0 8px; vertical-align:top; line-height:1.3; } #top-icons-manager a { background-image:url(../images/icons2_m.png); } #top-icons-shipping { background-position: -48px -40px; } #top-icons-cards { background-position: 16px -40px; } #top-icons-help { background-position:-112px -40px; } #top-icons-info { background-position:-180px -40px; } #top-icon-manager-management { background-position:-369px -32px; } #top-rs-banner { max-width:274px; margin:10px; float:right; font-size:9px; font-size:9rem; padding-left:32px; position:relative; line-height:1.3; color:#444; text-align:left; } #top-rs-banner:before { content:""; position:absolute; top:50%; width:32px; height:32px; margin:-16px 0 0 -40px; background:url(../images/icons2.png) no-repeat -512px -40px; } /* Top Page }}} */ /* Menu }}} */ /* {{{ Footer */ #footer .menu { text-align:center; margin:0; } #footer .menu ul { height:100px; padding:0 2em; margin:0; vertical-align:top; display:inline-block; border-left:1px dotted #ccc; } #footer .menu ul:first-of-type { border:0; } #footer .menu li { margin:0; padding:0; list-style-type:none; font-size:11px; font-size:11rem; text-align:left; } #footer .menu .sns-links { padding-top:1em; } #footer .menu .sns-links a { content:""; display:inline-block; width:24px; height:24px; background-image:url(../images/icons3.png); background-repeat:no-repeat; margin:0 3px; opacity:.7; -webkit-transition:all .4s ease 0.00s; transition:all .4s ease 0.00s; } #footer .menu .sns-links a:hover { opacity:1; -webkit-transform:rotate(-7deg) scale(1.1); transform:rotate(-7deg) scale(1.1); } #footer .menu .sns-links a span { display:none; } #footer .menu .sns-links a.twitter { background-position: 0px -54px; } #footer .menu .sns-links a.instagram { background-position:-168px -54px; } #footer .copyright { color:#999; float:right; margin-top:-25px; font-size:10px; font-size:10rem; } /* Footer }}} */ /* {{{ Panel left */ #panel-left-grip { display:none; } #panel-left-slider-flag { position:fixed; opacity:0; left:-100px; width:0; height:0; display:block; } /* {{{ List menu */ #panel-left .list-menu { margin:0; padding:0; overflow:hidden; } #panel-left .list-menu .item { margin:0; padding:0; list-style-type:none; cursor:pointer; border:1px solid transparent; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } #panel-left .list-menu .item:hover { border-color:#aaa; background-color:#ddd; } #panel-left .list-menu .item.active, #panel-left .list-menu .item.active:hover { border:#a30f44 solid 1px; background-color:#eed3dd; } #panel-left .list-menu .item .label { display:block; padding:2px 6px; text-decoration:none; } /* List menu }}} */ /* {{{ Page List */ #panel-left h4 { font-size:14px; font-size:14rem; color:#a30f44; margin:2em 0 .3em; display:block; font-weight:bold; } #panel-left #page-recent { display:block; list-style:none; counter-reset:item; } #panel-left #page-recent .page-item { display:list-item; font-size:11px; font-size:11rem; } #panel-left #page-recent .page-title:before { counter-increment:item; content:counter(item) "."; display:inline; margin-right:.5em; font-weight:bold; font-size:14px; font-size:14rem; } #panel-left #page-recent .page-date { display:none; } /* Page List }}} */ /* Panel left }}} */ /* {{{ Panel right */ #panel-right .buttons { text-align:right; } #panel-right > div { margin-bottom:20px; } #panel-right .frame { font-size:12px; font-size:12rem; border:1px solid #ccc; padding:7px; margin-top:30px; } #panel-right dt > h4:first-child, #panel-right .frame > h4:first-child { font-size:14px; font-size:14rem; color:#a30f44; padding:3px 7px; display:block; line-height:1.3; margin:-19px 7px 10px; /* padding-top of frame(7) + padding-top (3) + (line-height (12 * 1.57) / 2) */ background-color:#fff; font-weight:bold; word-wrap:break-word; } #panel-right #registration > h4 > label { cursor:pointer; } #panel-right #registration > div > p { font-size:10px; font-size:10rem; } #panel-right #registration_check:checked + div { height:auto; } #panel-right #registration_check + div { overflow:hidden; height:0; } /* {{{ News List */ #panel-right #news-subject { font-size:14px; font-size:14rem; } #panel-right #news-list > dt, #panel-right #news-list > dd { margin:0; display:block; width:auto; position:relative; } #panel-right #news-list > dt { text-align:center; margin-top:1em; } #panel-right #news-list > dt:before { content:""; position:absolute; left:0; right:0; top:50%; bottom:0; width:auto; border:1px solid #a30f44; border-bottom:0 none; margin:auto 0; } #panel-right #news-list > dt:after { content:""; width:32px; height:32px; position:absolute; display:block; top:50%; left:0; margin:-16px 0 0 -16px; background-image:url(../images/icons2.png); background-repeat:no-repeat; background-position:100px; background-color:#fff; border-bottom:4px solid #fff; border-right:4px solid #fff; z-index:1; } #panel-right #news-list dt.schedule:after { background-position:-416px 0px; } #panel-right #news-list dt.new:after { background-position:-448px 0px; } #panel-right #news-list dt.content-only:after { background-position:-480px 0px; } #panel-right #news-list dt.general:after { background-position:-416px -40px; } #panel-right #news-list dt.important:after { background-position:-448px -40px; } #panel-right #news-list dt.sale:after { background-position:-480px -40px; } #panel-right #news-list > dd { border:1px solid #a30f44; border-top:0 none; padding:7px; overflow:hidden; font-size:90%; } #panel-right #news-list > dt > h4 { display:inline-block; position:relative; margin:0 20px; /* icon size (32xp) + icon left margin (-16px) + icon right border (4px) */ } #panel-right #news-list > dd .link-to-content { float:right; } /* News List }}} */ /* Panel right }}} */ .buttons { overflow:hidden; } .buttons > a { margin-right:1em; } .price { text-align:right; } /* {{{ Credit Cards 5 */ .credit-cards-5 { display:inline-block; padding-bottom:25px; min-width:226px; position:relative; } .credit-cards-5:before { content:""; display:block; position:absolute; width:226px; height:25px; left:0; bottom:0; background:url(../images/cards.png) no-repeat 0 0; } /* Credit Cards 5 }}} */ /* {{{ Narrower */ .narrower { max-width:500px; margin:auto; } .narrower .buttons { text-align:center; } .narrower p.row label { width:25%; margin-right:-5px; /* boorder and padding of text field + 1px (for chrome) */ } .narrower p.row label + input, .narrower p.row label + select { width:75%; } /* Narrower }}} */ dl.HeadBody dt { font-weight:bold; } /* {{{ Inline Box Set */ .inline-box-set { display:inline-block; vertical-align:top; margin-right:20px; } table.inline-box-set{ display:inline-table; } .inline-box-set + * { display:inline-block; } /* Inline Box Set }}} */ /* {{{ Frame */ .frame-gray { border:3px #ddd solid; display:inline-block; } .frame-warning { border:1px solid #FF7F50; background-color:rgba(255,127,80,.2); border-radius:5px; padding:1ex 1em; } .frame-info { border:1px solid #6495ED; background-color:rgba(100,149,237,.2); border-radius:5px; padding:1ex 1em; } div.frame-gray, div.frame-warning, div.frame-info { margin-bottom:1em; } /* Frame }}} */ /* {{{ With Caption */ .with-caption:after { content:attr(title); font-size:10px; font-size:10rem; display:block; background-color:#ddd; color:#444; text-align:center; padding:2px 3px; } a.with-caption:hover { text-decoration:none; } /* With Caption }}} */ /* {{{ Over Title */ a.over-title { position:relative; display:inline-block; } a.over-title:before { content:attr(title); display:none; background-color:rgba(0,0,0,.50); color:#fff; font-size:160%; font-weight:bold; width:100%; height:100%; position:absolute; box-sizing:border-box; left:0; top:0; padding:1ex; } a.over-title:after { content:attr(data-desc); display:none; color:#fff; font-weight:bold; width:100%; height:30%; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:1ex; } a.over-title:hover:before, a.over-title:hover:after { display:block; } /* Over Title }}} */ /* {{{ Tiling Box */ .tiling-box { display:-ms-flexbox; /* IE10 */ display:-webkit-flex; display:flex; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; /* IE10 */ flex-wrap:wrap; } .tiling-box > .item { margin:3px; width:200px; } .tiling-box > .item.with-caption { text-align:center; } /* Tiling Box }}} */ .strong { background-color:#ae184c; color:#fff; padding:3px 5px; display:inline-block; } .strong2 { background-color:#ae184c; color:#fff; padding:3px 5px; display:inline-block; border:2px solid #fff; outline:2px solid #ae184c; } /* {{{ Square Balloon */ ol.square-balloon{ counter-reset:list; list-style-type:none; padding:0; } ol.square-balloon > li{ margin: 1.75ex 0; padding-left:43px; } ol.square-balloon > li > strong:first-child { position:relative; display:inline-block; border: 2px solid #ae184c; border-left: 30px solid #ae184c; color: #ae184c; font-size:16px; line-height: 30px; margin:0 0 6px -43px; padding:0 13px; font-size:16px; } ol.square-balloon > li > strong:first-child:before{ counter-increment: list; content: counter(list); position: absolute; left: -30px; width: 30px; height: 30px; text-align: center; color: #fff; line-height:30px; background: #ae184c; top: 0; } ol.square-balloon > li > strong:first-child:after{ content:""; display: block; position: absolute; left: 0; height: 0; width: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #ae184c; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Square Balloon }}} */ /* {{{ Ordered List */ dl.order-list { counter-reset:item; } dl.order-list > dt, dl.order-list > dd { margin:0; padding:0; } dl.order-list > dt { font-weight:bold; margin-top:1.5em; } dl.order-list > dd { margin-left:2em; } dl.order-list > dt:before { counter-increment:item; content:counter(item) "."; display:inline-block; margin-right:.5ex; } dl.order-list.circle > dt:before { content:counter(item); margin-right:1ex; border-radius:100%; background-color:#888; color:#fff; width:34px; height:34px; line-height:34px; text-align:center; } /* Ordered List }}} */ /* {{{ Sticky Header Table */ .sticky-header-table { display:flow-root !important; position:relative; overflow:auto; max-width:calc(80vw); max-height:calc(75vh); border-collapse:collapse; } .sticky-header-table > thead > tr > th, .sticky-header-table > tbody > tr > th { background-color:#ddd; background-clip:padding-box; /* with position:sticky border will be covered by background */ } .sticky-header-table > thead > tr > th, .sticky-header-table > thead > tr > td, .sticky-header-table > tbody > tr > th, .sticky-header-table > tbody > tr > td { word-break:keep-all; } .sticky-header-table > thead > tr > th.cross-header, .sticky-header-table > thead > tr > th, /* for chrome */ .sticky-header-table > thead, .sticky-header-table > tbody > tr > th { position:-webkit-sticky; position:sticky; } .sticky-header-table > thead > tr > th.cross-header, .sticky-header-table > thead > tr > th, /* for chrome */ .sticky-header-table > thead { top:0; z-index:2; } .sticky-header-table > thead > tr > th.cross-header, .sticky-header-table > tbody > tr > th { left:0; z-index:1; } .sticky-header-table > thead > tr > th.cross-header { z-index: 3; } .cbox_messagebox_body .sticky-header-table { background-color:#fff; color:#222; width:100%; } /* Sticky Header Table }}} */ /* {{{ Show Hide Element */ .showhide-x { display:none; } .showhide-x:not(:checked) ~ .showhide-target { display:none !important; } /* Show Hide Element }}} */ /* {{{ Processing */ .processing:before { content:url(../images/loading-49.gif); width:49px; height:49px; position:absolute; } /* Processing }}} */ /* {{{ Icon with text */ .icon-with-text { position:relative; padding-left:22px; min-height:18px; } .icon-with-text:before { content:""; display:inline-block; width:16px; height:16px; margin:0 6px 0 -22px; vertical-align:middle; background-image:url(../images/icons1.png); background-repeat:no-repeat; } p.icon-with-text.small { font-size:12px; font-size:12rem; } .icon-with-text.warning:before { background-position:0 -1600px; } .icon-with-text.icons3 { position:relative; padding-left:24px; min-height:20px; } .icon-with-text.icons3:before { content:""; display:inline-block; width:18px; height:18px; margin:0 6px 0 -24px; background-image:url(../images/icons3.png); background-repeat:no-repeat; } .icon-with-text.icons3.warning:before { background-position: 0 0; } .icon-with-text.icons3.info:before { background-position:-18px 0; } /* Icon with text }}} */ /* {{{ Expandable list */ .expandable > li > label { cursor:pointer; color:#800; text-decoration:none; -webkit-transition:color .5s ease 0.00s; transition:color .5s ease 0.00s; position:relative; } .expandable > li > label:hover { color:#a00; text-decoration:underline; text-decoration-style:dotted; -moz-text-decoration-style:dotted; } .expandable > li > label:focus { color:#a00; text-decoration:underline; text-decoration-style:dotted; -moz-text-decoration-style:dotted; border:0 none; } .expandable > li > label:after { /* TODO: i18n */ content:"詳細を下に表示"; color:#fff; font-size:10px; font-size:10rem; padding:5px 5px 0 5px; border-bottom:5px #666 solid; border-left:10px transparent solid; background-color:#666; background-clip:padding-box; position:absolute; display:none; top:-100%; left:100%; opacity:.9; text-decoration:none; white-space:nowrap; } .expandable > li > label:hover:after { display:inline-block; } .expandable > input[type="radio"] { display:none; } div.expandable { position:relative; overflow:hidden; } .expandable > input[type="radio"] + div { top:0; left:0; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all 1s ease 0.20s; transition:all 1s ease 0.20s; -webkit-transform:translateX(0); transform:translateX(0); opacity:1; z-index:2; } /* even IE11, IE doesn't update properly with not(:checked) pused class until click around just below the list. {{{ .expandable > input[type="radio"]:not(:checked) + div { */ .expandable > input[type="radio"] + div { position:absolute; -webkit-transition:all .5s ease 0.00s; transition:all .5s ease 0.00s; -webkit-transform:translateX(-130%); transform:translateX(-130%); opacity:0; z-index:1; } .expandable > input[type="radio"]:checked + div { position:relative; -webkit-transform:translateX(0); transform:translateX(0); opacity:1; z-index:2; } /* }}} */ /* reduce gap between list and content */ .expandable > input[type="radio"] + div > h2:first-child, .expandable > input[type="radio"] + div > h3:first-child, .expandable > input[type="radio"] + div > h4:first-child, .expandable > input[type="radio"] + div > h5:first-child { margin-top:0; } ol.expandable { list-style-type:none; } .expandable { counter-reset:item; } ol.expandable > li > label:before, ol.expandable + div.expandable > input[type="radio"] + div > h2:first-child:before, ol.expandable + div.expandable > input[type="radio"] + div > h3:first-child:before, ol.expandable + div.expandable > input[type="radio"] + div > h4:first-child:before, ol.expandable + div.expandable > input[type="radio"] + div > h5:first-child:before { counter-increment:item; content:counter(item); display:inline-block; background-color:#a30f44; color:white; width:1.3em; margin-right:.4em; text-align:center; } ol.expandable > li > label:before { margin-left:-1.7em; } /* Expandable list }}} */ /* {{{ GridTable */ .GridTable { border-collapse:separate; border-spacing:1px; empty-cells:show; table-layout:auto; border:0 none; } .GridTable th, .GridTable td { border:0 none; padding:5px 12px; } .GridTable td { } .GridTable th { background-color:#ddd; font-weight:normal; } /* GridTable }}} */ /* {{{ LineTable */ table.LineTable { border-collapse:collapse; border-spacing:0px; } .LineTable th, .LineTable td { padding:3px 6px; border:1px #aaa solid; } /* LineTable }}} */ /* {{{ List with title */ ol.with-title li, ul.with-title li { font-size:12px; font-size:12rem; margin:.5em 0; } ol.with-title li > .title, ul.with-title li > .title { font-size:16px; font-size:16rem; } /* List with title }}} */ /* {{{ Tool Tip */ .TRToolTip { z-index:501; display:block; min-width:300px; -webkit-transition:opacity .1s ease-out .05s, margin-top .1s ease-out .05s, visibility .2s ease-out 0s; transition:opacity .1s ease-out .05s, margin-top .1s ease-out .05s, visibility .2s ease-out 0s; pointer-events:none; } .TRToolTip.below.hide { margin-top:-10px; } .TRToolTip.above.hide { margin-top:10px; } .TRToolTip.hide { opacity:0; visibility:hidden; } .TRToolTip.show { opacity:.9 !important; visibility:visible !important; margin-top:0 !important; -webkit-transition:opacity .2s ease-out .1s, margin-top .2s ease-out .1s; transition:opacity .2s ease-out .1s, margin-top .2s ease-out .1s; } .TRToolTip.show:hover { opacity:.4 !important; } .TRToolTip .lt { background:url(../images/tooltip/c.png) no-repeat 0 0; height:17px; width:28px; } .TRToolTip .lm { background:url(../images/tooltip/h.png) repeat-y 0 0; height:17px; width:28px; height:22px; vertical-align:top; } .TRToolTip .lb { background:url(../images/tooltip/c.png) no-repeat 0 100%; height:17px; width:28px; } .TRToolTip .ct { background:url(../images/tooltip/v.png) repeat-x 0 0; height:17px; } .TRToolTip .cm { padding:2px 2px 0 14px; background-color:#eed3dd; color:#000; font-size:12px; font-size:12rem; } .TRToolTip .cb { background:url(../images/tooltip/v.png) repeat-x 0 100%; height:17px; } .TRToolTip .rt { background:url(../images/tooltip/c.png) no-repeat 100% 0; height:17px; width:17px; } .TRToolTip .rm { background:url(../images/tooltip/h.png) repeat-y 100% 0; height:17px; width:17px; } .TRToolTip .rb { background:url(../images/tooltip/c.png) no-repeat 100% 100%; height:17px; width:17px; } .TRToolTip .cm em { color:#800; font-style:normal; font-weight:normal; } .TRToolTip.below .lt { background:url(../images/tooltip/up.png) no-repeat 0 0; } .TRToolTip.above .lb { background:url(../images/tooltip/down.png) no-repeat 0 0; } .TRToolTip.above .cm { padding-top:0; padding-bottom:2px; } .TRToolTip .lm div { background:url(../images/icons1.png) no-repeat 0 -840px; width:16px; height:16px; margin:2px 0 0 18px; position:absolute; } .TRToolTip .error .lm div { background-position: 0 -680px; } .TRToolTip .warning .lm div { background-position: 0 -1600px; } .TRToolTip .success .lm div { background-position: 0 -840px; } .TRToolTip .range .lm div { background-position: 0 -1240px; } /* Tool Tip }}} */ /* {{{ Calendar */ .cal-container { font-size:13px; font-size:13rem; width:230px !important; z-index:210 !important; overflow:hidden; padding:1em; margin:0; position:absolute; border-style:solid; border-color:#888 #444 #444 #888; border-width:1px; background-color:#eee; -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4); box-shadow:1px 1px 5px rgba(0,0,0,0.4); } .cal-container iframe { border:none; height:100%; left:0; margin:0; padding:0; position:absolute; top:0; width:100%; z-index:0; } .cal-container .cal-header { line-height:20px; text-align:center; } .cal-container .cal-header-bottom { border-bottom:2px dotted #880; width:90%; height:.6em; margin:auto;} .cal-container .cal-header-top, .cal-container .cal-body-top, .cal-container .cal-body-bottom, .cal-container .cal-footer-top, .cal-container .cal-footer, .cal-container .cal-footer-bottom { display:none; } .cal-container .cal-body { margin-top:.6em; } .cal-container .cal-next-btn:before, .cal-container .cal-prev-btn:before, .cal-container .cal-day-cell > a:hover:before, .cal-container .cal-selected:before { content:""; display:inline-block; width:16px; height:16px; position:absolute; background-image:url(../images/icons1.png); background-repeat:no-repeat; background-position:99px 99px; top:50%; left:50%; margin:-8px 0 0 -8px; } .cal-container .cal-table { margin:auto; width:100%; } .cal-container .cal-table th, .cal-container .cal-table td { text-align:center; width:14%; height:15px; line-height:1.7; } .cal-container .cal-label-cell { padding-bottom:7px; color:#8a8a8a; font-size:10px; font-size:10rem; } .cal-container .cal-sunday { color:#f80; } .cal-container .cal-saturday { color:#0a4; } .cal-container .cal-input-hour-minute { padding-top:5px; } .cal-container .cal-error-list { padding:7px 5px 0 5px; font-size:10px; font-size:10rem; list-style:none; } .cal-container .cal-error-list li { padding-top:2px; margin-left:5px; text-indent:5px; text-indent:20px; } .cal-container .cal-ok-button { margin-left:2px; } .cal-container select { margin-left:4px; font-size:inherit; vertical-align:middle; } .cal-container .cal-select-year { width:64px; } .cal-container .cal-select-month { width:48px; } .cal-container .cal-next-btn, .cal-container .cal-prev-btn { width:26px; height:26px; display:inline-block; text-indent:-500px; vertical-align:middle; position:relative; overflow:hidden; } .cal-container .cal-next-btn { margin-left:4px; } .cal-container .cal-next-btn:before { background-position:0 -720px; } .cal-container .cal-prev-btn:before { background-position:0 -760px; } .cal-container .cal-day-cell.cal-sunday a { color:#f80; } .cal-container .cal-day-cell.cal-saturday a { color:#0a4; } .cal-container .cal-day-cell.cal-holiday a { color:#c60; } .cal-container .cal-day-cell.cal-otherday a { color:#aaa; } .cal-container .cal-day-cell > a { text-align:center; display:block; color:#222; text-decoration:none; font-weight:normal; position:relative; } .cal-container .cal-day-cell > a:hover:before, .cal-container .cal-selected:before { margin:-16px 0 0 -8px; opacity:.4; } .cal-container .cal-day-cell > a:hover:before{ background-position:0 -800px; } .cal-container .cal-selected:before { background-position:0 -840px; } .cal-container .cal-disabled { color:#777 !important; cursor:default; } .cal-container .cal-today { background-color:#ccc; } .cal-container .cal-day-cell a:active.cal-selected { background-color:#bbb; } /* Calendar }}} */ /* {{{ Glayer */ /* Use opacity */ .glayer { position:fixed !important; position:absolute; top:0; left:0; width:100%; height:100%; width:100vw; height:100vh; z-index:100; background-color:#1F1F1F; opacity:0; -webkit-transition:opacity .5s ease-out 0.00s; transition:opacity .5s ease-out 0.00s; } .glayer.show { opacity:.33; -webkit-transition:opacity .7s ease-out 0.00s; transition:opacity .7s ease-out 0.00s; } /* Use png */ .glayer_img { position:fixed!important; position:absolute; top:0; left:0; width:100%; height:100%; width:100vw; height:100vh; z-index:100; background-image:url(../images/glayer.png); } /* Glayer }}} */ /* {{{ Big icon box */ .big-icon-box { text-align:center; } .big-icon-box > .body { display:inline-block; text-align:left; color:#333; padding:100px 0 0 100px; min-height:100px; background-repeat:no-repeat; } .big-icon-box > .body > h2:first-child { border-left:none; font-weight:bold; padding-left:0; } .big-icon-box > .body > *:first-child { margin-top:0; margin-left:0; text-shadow:0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff; } /* Big icon box }}} */ /* {{{ Window */ .window { min-width:286px; width:90%; width:90vw; max-height:98%; max-height:98vh; z-index:101; position:absolute; -webkit-box-shadow:3px 3px 12px 2px rgba(0, 0, 0, 0.75); box-shadow:3px 3px 12px 2px rgba(0, 0, 0, 0.75); overflow:auto; } .window > .title { display::block; display:-ms-flexbox; /* IE10 */ display:-webkit-flex; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-flex-wrap:nowrap; -ms-flex-wrap:none; /* IE10 */ flex-wrap:nowrap; overflow:hidden; position:sticky; top:0; box-sizing:border-box; width:100%; margin:0; padding:0px; border-width:1px 1px 0 1px; border-style:solid; border-color:#a30f44; letter-spacing:-.1px; color:#fff; text-shadow:0 1px 1px #666; background-color:#a30f44; z-index:5; } .window > .title .title-text { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-flex:1 0 0%; -ms-flex:1 0 0%; /* for IE10 we need specify all values */ flex:1 0 0%; -webkit-order:1; -ms-flex-order:1; order:1; } .window > .title button { margin:0 1.2ex; padding:4px 0; -webkit-flex:0 0 50px; -ms-flex:0 0 50px; /* for IE10 we need specify all values */ flex:0 0 50px; -webkit-order:99; -ms-flex-order:99; order:99; } .window > .title button[type="submit"] { -webkit-order:0; -ms-flex-order:0; order:0; } .window > .title button:hover { background-color:#a30f44; } .window [draggable].draggable { cursor:move; } .window > form { width:auto; position:relative; } .window > form > .window-body, .window > .window-body { margin:0; padding:10px; border-width:0 1px 1px 1px; border-style:solid; border-color:#fff; background-color:#fff; } /* Window }}} */ /* {{{ Item lister */ /* {{{ Search form */ #search { display:inline-block; } #search_form { display:none; margin:0 auto 1.5em 0; padding:0; } #search_form.show { display:inline-block; } #search_form > hr + div { text-align:right; } #search_form .col { width:390px; margin:0; display:inline-block; text-align:left; vertical-align:top; } #search_form label { width:34%; margin-right:-5px; /* boorder and padding of text field + 1px (for chrome) */ } #search_form label + input, #search_form label + select { width:66%; } #search_form p.range input[type="text"], #search_form p.range select { width:65px !important; } #search_form p input.date[type="text"], #search_form p.range input[type="number"], #search_form p.range input.date[type="text"] { width:100px !important; } #search_form p input.datetime[type="text"], #search_form p.range input.datetime[type="text"]{ width:66% !important; } #search_form p.range label ~ label { width:20px !important; text-align:center; margin-right:0; } #search_form p.range input.datetime[type="text"] + label{ width:34% !important; margin-right:-5px; /* boorder and padding of text field + 1px (for chrome) */ } /* Search form }}} */ /* {{{ Search info */ #search_info { display:none; } #search_info.show { display:block; } #search_info .inner-cell { display:table-cell; } #search_info label.filter { display:inline-block; color:#a30f44; font-size:20px; font-size:20rem; padding:1px 6px 1px 40px; line-height:30px; height:35px; border:1px solid #fff; cursor:pointer; text-shadow:0px 1px 2px #999; position:relative; } #search_info label.filter:before{ content:""; display:block; position:absolute; width:24px; height:24px; margin-top:-12px; top:50%; left:6px; background:url(../images/buttons.png) no-repeat -2px -128px; } #search_info a { margin-left:.3em; text-decoration:none; white-space:nowrap; font-size:13px; font-size:13rem; line-height:18px; } #search_info a span { padding:2px 5px; border:1px #a30f44 solid; vertical-align:middle; display:inline-block; } #search_info a span:hover { -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .4); box-shadow:1px 1px 3px rgba(0, 0, 0, .4); } #search_info .label { background-color:#a30f44; color:#fff; } #search_info .value { padding-right:32px; position:relative; white-space:nowrap; max-width:30em; overflow:hidden; text-overflow:ellipsis; } #search_info .value:after { content:""; position:absolute; display:block; width:16px; height:16px; margin-top:-8px; right:5px; top:50%; background:url(../images/icons1.png) no-repeat 0 -440px; } #search_info .value:hover:after { background-position:0 -680px; } #search_info .separator { display:none; } /* Search info }}} */ /* {{{ Detail */ #detail .buttons button { float:right; margin-left:10px; } #detail .buttons button[type="submit"] { float:right; } #detail .buttons button.left { float:left; margin-right:10px; margin-left:0; } #detail .dt_col { overflow:hidden; } #detail p.range input[type="text"] { width:65px !important; } #detail p.range select { width:65px !important; } #detail p.range label ~ label { width:20px !important; text-align:center; } /* {{{ Detail Form - Common */ #dt_form label:first-child { width:35%; margin-right:-5px; /* boorder and padding of text field + 1px (for chrome) */ } #dt_form label + span { display:inline-block; } #dt_form input[type="password"], #dt_form input[type="email"], #dt_form input[type="text"], #dt_form select, #dt_form textarea { width:65%; } #dt_form input[type="number"] { width:12ex; text-align:right; } #dt_form input.prefecture { width:15%; border:1px solid transparent; background:transparent; } #dt_form input.address { width:50%; } #dt_form .no-prefecture input.prefecture{ display:none; } #dt_form .no-prefecture input.address { width:65%; } #dt_form p.choose label + label { width:80px; padding-right:5px; } /* Width HTML editor {{{ */ #dt_form.htmleditor label:first-child { width:15%; } #dt_form.htmleditor input[type="password"], #dt_form.htmleditor input[type="email"], #dt_form.htmleditor input[type="text"], #dt_form.htmleditor select, #dt_form.htmleditor textarea { width:85%; } #dt_form.htmleditor .mce-tinymce { width:85% !important; display:inline-block; } /* Width HTML editor}}} */ /* Detail Form - Common }}} */ /* Detail }}} */ /* {{{ Lister */ #list_style_thumb, #list_style_table { display:inline-block; width:17px; height:17px; margin:auto 5px -.5ex 0; cursor:pointer; background:url(../images/buttons.png) no-repeat; } #list_style_thumb { background-position: 0 -101px; } #list_style_table { background-position:-17px -101px; } #list_style_thumb.active { background-position: 0 -84px; } #list_style_table.active { background-position:-17px -84px; } #list_select, #list_deselect { display:inline-block; width:17px; height:17px; margin:auto 5px 0 0; cursor:pointer; background:url(../images/buttons.png) no-repeat; } #list_select { background-position:0 -84px; } #list_deselect { background-position:0 -101px; } /* Lister command */ #list_commands { text-align:right; } /* Lister info */ #list #lister_info { display:none; font-size:20px; font-size:20rem; font-weight:bold; color:#aaa; text-align:center; line-height:4; } #list.noitems #lister_info { display:block; } /* {{{ List */ #list { margin:16px auto; } #list .item { border:1px solid; border-color:#fff; padding:4px 1px; cursor:pointer; overflow:hidden; position:relative; box-shadow:none; -webkit-transition-property:background-color, border-color, box-shadow, margin-left; transition-property:background-color, border-color, box-shadow, margin-left; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } #list .item.active { border-color:#a30f44 !important; z-index:2; box-shadow:0 0 3px rgba(0, 0, 0, .3); -webkit-transition-property:border-color, box-shadow; transition-property:border-color, box-shadow; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } #list .pic { display:block; background-color:#fff; background-position:center; background-repeat:no-repeat; } #list .item[data-attributes]:after, #list .item[data-id]:after { position:absolute; display:block; font-size:12px; font-size:12rem; top:0px; left:0px; background-color:rgba(255, 255, 255, .55); color:#a30f44; line-height:1; padding:3px; border:1px solid #a30f44; } #list .item[data-attributes]:after{ content:attr(data-attributes); } #list .item[data-id]:after { content:attr(data-id) ". " attr(data-attributes); } /* {{{ Table style */ #list.table { padding-right:10px; } #list.table .item { padding:0 4px; display:inline-table; width:100%; margin:0; overflow:visible; } #list.table .item.focus { border:5px solid #a30f44 !important; } #list.table .item:nth-of-type(odd) { background-color:#eee; } #list.table .item:hover { border:1px solid #aaa; z-index:2; box-shadow:0 0 5px rgba(0, 0, 0, .3); margin-left:3px; } #list.table .item:active { border:1px solid #666; z-index:2; box-shadow:0 0 5px rgba(0, 0, 0, .3); margin-left:3px; } #list.table .item:focus { border:1px solid #666; z-index:2; box-shadow:0 0 5px rgba(0, 0, 0, .3); margin-left:3px; } #list.table .item.active { margin-left:3px; } #list.table .delete { background-position:-62px 0; } /* TODO: */ #list.table .test, #list.table .test + .command { bottom:3px; } #list.table .test + .command { background-position:-31px 0; } #list.table .test .menu { text-align:right; line-height:1.2; } #list.table .test .menu:after { top:auto; margin-top:auto; bottom:0; margin-bottom:7px; } #list.table .item > div { display:table-cell; padding:4px 7px; min-height:74px; } #list.table .id { width: 65px; font-size:16px; font-size:16rem; vertical-align:middle; text-align:right; } #list.table .uuid { font-size:20px; font-size:20rem; font-family:monospace; } #list.table .uuid-with { width:160px; vertical-align:middle; } #list.table .pic { width: 80px; } #list.table .item > div > p, #list.table .item > .middle > h4{ margin:0; padding:0; } #list.table .item > .middle > p { font-size:14px; font-size:14rem; } #list.table .item > .middle > h4{ font-size:16px; font-size:16rem; font-weight:normal; color:#a30f44; display:inline; } #list.table .item > .date { width:110px; margin-right:10px; } #list.table .item > .datetime { width:184px; margin-right:10px; } #list.table .item > .datetime-with-user { width:300px; } #list.table .item .target { width:120px; margin-right:10px; } #list.table .item .btn { width:70px; margin-left:10px; cursor:default; } #list.table .item .price { font-size:18px; font-size:18rem; vertical-align:middle; } #list.table .item .price:before { content:attr(title); position:inline; margin-right:1ex; font-size:12px; font-size:12rem; } #list.table .item .price.ex-tax { font-size:85%; } #list.table .item .price-with { width:12em; vertical-align:middle; } #list.table .item .stock { text-align:right; } #list.table .item .stock.few { color:#f00; } /* }}} */ /* {{{ Thumbnail style */ #list.thumbnail .item { width:190px; height:294px; margin:0 0 5px 0; padding:.7em; border:1px solid #fff; vertical-align:top; list-style-type:none; display:inline-block; } #list.thumbnail .item:hover { border-color:#aaa; background-color:#ddd; } #list.thumbnail .pic { width:160px; height:120px; margin:0 auto .5em; box-shadow:1px 1px 5px #666; } #list.thumbnail h4 { margin:0; font-size:inherit; font-weight:normal; } #list.thumbnail .make { font-size:12px; font-size:12rem; color:#888; } #list.thumbnail .price { font-size:16px; font-size:16rem; color:#a30f44; } #list.thumbnail .summary { font-size:12px; font-size:12rem; margin-top:6px; } /* Thumbnail style }}} */ /* list }}} */ /* List Item Icons {{{ */ #list.table .item .icon { padding-left:20px; position:relative; min-height:18px; } #list.table .item span.icon, #list.table .item a.icon { display:inline-block; } #list.table .item .icon:before { content:""; position:absolute; width:16px; height:16px; top:50%; margin:-8px 0 0 -20px; background-image:url(../images/icons1.png); background-repeat:no-repeat; } #list.table .item .middle h4 > span, #list.table .item .middle h4 > a, #list.table .item .middle p > span, #list.table .item .middle p > a { margin-right:10px; /* default padding + gap (10px) */ } #list.table .item .quantity { font-size:15px; font-size:15rem; } #list.table .item .paymentmethod { text-align:right; } #list.table .item .account .icon.name:before { background-position:0 -1040px; } #list.table .item .recipient .icon.name:before { background-position:0 -520px; } #list.table .item .icon.tel:before { background-position:0 -40px; } #list.table .item .icon.tel:empty { display:none; } #list.table .item .icon.email:before { background-position:0 -80px; } #list.table .item .icon.address:before { background-position:0 -160px; } #list.table .item .icon.lastaccess:before { background-position:0 -120px; } #list.table .item .icon.registered:before { background-position:0 -880px; } #list.table .item .icon.updated:before { background-position:0 -640px; } #list.table .item .icon.status:before { background-position:0 -600px; } #list.table .item .icon.counter:before { background-position:0 -960px; } #list.table .item .icon.login-counter:before { background-position:0 -920px; } /* List Item Icons }}} */ /* Lister }}} */ /* {{{ List commands */ #list_cmd_new.with-icon:after { background-position:0 -320px; } /* List commands }}} */ /* {{{ Page Navi */ .list_navi { overflow:hidden; line-height:31px; padding:4px 0; } .list_navi:after { content:""; display:block; clear:both; } .list_navi > * { vertical-align:middle; display:inline-block; } .list_navi select { background-color:transparent; border:0 none; border-bottom:1px solid #ccc; } .list_navi select:focus { border:0 none !important; border-bottom:1px solid #ccc !important; } .list_navi .icon { position:relative; min-width:18px; min-height:16px; } .list_navi .icon { margin-left:6px; } .list_navi .icon:after { content:""; position:absolute; display:block; width:16px; height:16px; left:0; top:50%; margin-top:-8px; margin-left:2px; background-image:url(../images/icons1.png); background-repeat:no-repeat; } .list_navi label.icon:after { pointer-events:none; } .list_navi label.list_items:after { background-position:0 -1320px; } .list_navi label.list_sort:after { background-position:0 -1280px; } .list_navi label.list_desc:after { background-position:0 -1360px; } .list_navi label.list_desc.desc:after { background-position:0 -1400px; } .list_navi label.list_items { margin-left:20px; } .list_navi label.icon select { padding-left:20px; min-height:19px; } .list_navi label.icon span { display:none; } .list_navi .icon.reload { float:right; margin-top:7.5px; /* parent line-height (31px) - own hight (16px) / 2 */ } .list_navi .icon.reload:after { background-position:0 -1680px; } .list_navi .list_navi_breakpoint { display:none; } .list_total { margin-right:20px; } .list_pages_outer { margin-right:10px; overflow:hidden; } .list_pages_wrap { float:left; width:270px; overflow:hidden; position:relative; line-height:31px; } .list_pages_prev { float:left; margin-top:3px; cursor:pointer; width:28px; height:28px; background:url(../images/buttons.png) no-repeat 0 3px; } .list_pages_next { float:left; margin-top:3px; cursor:pointer; width:28px; height:28px; background:url(../images/buttons.png) no-repeat -28px 3px; } .list_pages_prev.previous_button_disabled { background-position: 0 -25px; } .list_pages_next.next_button_disabled { background-position:-28px -25px; } .list_pages { color:#888; top:0; left:0; width:500000px; position:relative; } .list_pages a { border:1px solid transparent; color:#a30f44; text-decoration:none; text-align:center; width:2.5em; line-height:24px; display:inline-block; padding:0 3px; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color; -webkit-transition-duration:.7s; transition-duration:.7s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .list_pages a.active { text-shadow:1px 1px 3px #999; border-bottom:1px solid #a30f44; } .list_pages a:hover { background-color:#ddd; border:1px solid #aaa; } .list_pages a:active { border-color:#a30f44; } .list_pages a:focus { border-color:#a30f44; } /* Page Navi }}} */ /* Item list }}} */ /* {{{ Error plugin */ .cbox_messagebox { background-color:#a30f44; color:#fff; max-width:500px; padding:10px 10px 10px 62px; margin:0 auto 2em auto; border:0 none; -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .4); box-shadow:1px 1px 3px rgba(0, 0, 0, .4); min-height:48px; } .cbox_messagebox:before { content:""; width:32px; height:32px; display:block; position:absolute; margin:5px 0 0 -47px; background-image:url(../images/icons2.png); background-repeat:no-repeat; } .cbox_messagebox .info:before { background-position: 0px 0; } .cbox_messagebox .warning:before{ background-position:-32px 0; } .cbox_messagebox .error:before { background-position:-64px 0; } .cbox_messagebox_body { word-wrap:break-word; } .cbox_messagebox .buttons { text-align:right; margin-top:.7em; } .cbox_messagebox h4 { font-size:14pt; margin:6px 0 .7em 0; } .cbox_messagebox p { margin:0; } .cbox_messagebox a { color:#ff0 !important; } .cbox_messagebox ul:only-child, .cbox_messagebox ol:only-child { margin:.3em 0 .3em 1em; padding:0; } /* Error plugin }}} */ /* {{{ Login Information */ #login-info .user-name:before { content:""; display:block; width:32px; height:33px; background:url(../images/icons2.png) no-repeat -320px -40px; position:absolute; top:0; left:1px; } #login-info .user-name { display:table-cell; height:33px; vertical-align:middle; padding-left:48px; position:relative; } #login-info .buttons { margin-top:10px; } /* Login Information }}} */ /* {{{ Cart */ /* {{{ Cart List */ #cart_counts { background:url(../images/icons2.png) no-repeat -286px -35px; /* padding + width/height = bg image size */ padding-right:2px; width:32px; height:38px; color:#a30f44; font-size:16px; font-size:16rem; text-align:center; line-height:1; float:left; margin-right:16px; } #cart_amount { line-height:38px; font-size:18px; font-size:18rem; } #cart_list { margin:10px 0 14px; padding:0; list-style-type:none; clear:both; font-size:12px; font-size:12rem; line-height:1.3; } #cart_list .item { position:relative; display:block; padding:8px 0px 8px 86px; margin:0; background-position:0 50%; background-repeat:no-repeat; text-align:right; overflow:hidden; } #cart_list h4 { font-size:inherit; font-weight:bold; margin:0 0 5px 0; text-align:left; } #cart_list .price { } #cart_list .multiply{ padding:0 6px; } #cart_list .remove { position:absolute; left:0; top:-30px; background-image:url(../images/icons1.png); background-position:7px -273px; background-repeat:no-repeat; padding:4px 7px 4px 30px; font-size:13px; font-size:13rem; width:80px; height:29px; line-height:21px; text-align:center; opacity:.85; -webkit-transition:top .2s ease-out .2s; transition:top .2s ease-out .2s; } #cart_list .item:hover .remove { top:0; -webkit-transition:top .5s ease-out .2s; transition:top .5s ease-out .2s; } #cart_list .quantity{ text-align:right; width:60px; line-height:1.5; } #goto_cashier.with-icon:after { background-position:100% -200px; } /* Cart List }}} */ /* Cart }}} */ /* {{{ Recent pages */ #page-recent { display:table; margin:0; padding:0; } #page-recent .page-item { display:table-row; line-height:1.26; } #page-recent .page-title { display:table-cell; vertical-align:top; padding:3px 0px; word-break:break-all;} #page-recent .page-date { display:table-cell; vertical-align:top; padding:3px 0px 3px 1em; white-space:nowrap; } /* Recent pages }}} */ /* {{{ Page and page list */ #main.page time.page-date { float:right; margin:.3em 0 .3em 1em; position:relative; padding-left:20px; } #main.page time.page-date:before { content:""; position:absolute; display:block; width:16px; height:16px; left:0; top:50%; margin-top:-8px; background:url(../images/icons1.png) 50% -120px no-repeat; } #main.page time.page-date + header > h2 { margin-top:0; } /* Page and page list }}} */ /* {{{ Page list */ #main.page-list h2.page-title { border-top-style:solid; border-top-width:2px; } #main.page-list .page-item { margin-bottom:3em; } /* Page list }}} */ /* {{{ Page */ #main.page-page .page-item a[href^="main/index/pdp.id/"]:not([class~="no-link-mark"]):after { /* TODO: i18n */ content:"商品一覧へ"; font-size:10px; font-size:10rem; margin-left:1em; padding:2px .5em; border:1px #a30f44 solid; text-decoration:none; white-space:nowrap; } /* Page }}} */ /* {{{ Error message box */ #dt_error { position:absolute; right:0; z-index:2; } /* Error message box }}} */ /* {{{ Editor */ #editor_pages_wrap { width:570px; overflow:hidden; position:relative; margin:auto; } #editor_pages { left:0; width:3000px; position:relative; } #editor_pages form { width:570px; display:table-cell; vertical-align:top; } #editor_pages form label { width:35%; margin-right:-5px; /* boorder and padding of text field + 1px (for chrome) */ } #editor_pages form label + * { width:65%; } #editor_pages #ConfirmForm label + span { display:inline-block; } #editor_pages #creditcard-button { margin-left:35%; width:65%; background-color:#fff; } #ed_PaymentMethod_creditcard_label { position:relative; } #ed_PaymentMethod_creditcard_label:after { content:""; display:inline-block; position:absolute; width:226px; height:25px; top:50%; margin:-12px 0 0 1em; background:url(../images/cards.png) no-repeat 0 0; } #editor_pages #ed_Prefecture, #editor_pages #ed_confirm_Prefecture { width:15%; } #editor_pages #ed_Prefecture { border:1px solid transparent; background:transparent; } #editor_pages .no-prefecture #ed_Prefecture { display:none; } #editor_pages #ed_Address, #editor_pages #ed_confirm_Address { width:50%; } #editor_pages #ed_Address2, #editor_pages #ed_confirm_Address2 { width:65%; } #editor_pages #ed_Address2, #editor_pages #ed_confirm_Address2, #editor_pages #ed_reg_Address2 { margin-left:35%; } #editor_pages .no-prefecture #ed_Address { width:65%; } #editor_pages form .field-note, #editor_pages form label + input + .validation-msg { display:block; overflow:hidden; margin-left:35%; line-height:1.5; font-size:12px; font-size:12rem; } #editor_pages form label + input + .validation-msg:after { display:block; content:attr(title); margin-top:-12ex; /* 2ex (font height) * line-height * 4 */ -webkit-transition:margin .7s ease-out .2s; transition:margin .7s ease-out .2s; } #editor_pages form label + input:invalid + .validation-msg:after{ margin-top:5px; } #editor_pages form .buttons { text-align:center; margin-top:1em; } #editor_pages form .buttons button { min-width:5em; } #editor_pages form .buttons button[type="submit"] { min-width:8em; } /* Editor }}} */ /* {{{ Credit Card Form */ #cc_info button { display:inline-block; } #cc_info #cc_register:after { background-position:100% -320px; } #cc_info #cc_remove:after { background-position:100% -1560px; } #cc_info .card { display:block; margin:0; width:auto; } #cc_info .card > .cc-info { margin:.7ex; display:inline-block; } #cc_info .card > .expdate { text-align:right; width:8em; } #cc_info .card > .last4 { font-family:monospace; } #cc_info .card.new > .expdate { display:none; } #cc_info .card.new > .last4.card-brand { padding-left:0 !important; } #cc_info .card.new > .last4.card-brand:before { display:none; padding-left:0 !important; } .card-brand { padding-left:38px !important; line-height:25px; position:relative; } .card-brand:before { content:""; position:absolute; display:inline-block; width:36px; height:25px; top:50%; margin:-12px 0 0 -38px; background-image:url(../images/cards.png); background-repeat:no-repeat; background-position: 0 -100px; } .card-brand[data-ccicon="visa"]:before { background-position: 0px 0; } .card-brand[data-ccicon="mastercard"]:before { background-position: -38px 0; } .card-brand[data-ccicon="american_express"]:before { background-position: -76px 0; } .card-brand[data-ccicon="jcb"]:before { background-position:-114px 0; } .card-brand[data-ccicon="diners_club"]:before { background-position:-152px 0; } .card-brand[data-ccicon="discover"]:before { background-position:-190px 0; } .card-brand[data-ccicon="unknown"]:before { background-position:0 0; } /* Credit Card Form }}} */ /* {{{ neo */ .neo ol.group { margin:1em 0; padding:0; list-style-type:none; display:block; } .neo ol.group > li { display:block; margin:.75em 0; padding:0; } .neo ol.group > li > label { display:block; } .neo ol.group > li > label.no-break { display:inline-block; } .neo .validation-msg:after { display:block; content:attr(title); font-size:75%; -webkit-transition:color .7s ease-out .2s; transition:color .7s ease-out .2s; } .neo input:invalid { border-bottom:4px solid red; box-shadow:none; } .neo .address-fields { /* {{{ */ display:-ms-flexbox; /* IE10 */ display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; /* IE10 */ flex-wrap:wrap; } .neo .address-fields #ed_Prefecture, .neo .address-fields #ed_confirm_Prefecture { width:6em; margin-right:.5ex; -webkit-flex:none; -ms-flex:none; flex:none; } .neo .address-fields #ed_Prefecture { border:1px solid transparent; background:transparent; } .neo .address-fields .no-prefecture #ed_Prefecture { display:none; } .neo .address-fields .validation-msg { -webkit-flex:1 1 100%; -ms-flex:1 1 100%; /* for IE10 we need specify all values */ flex:1 1 100%; } .neo .address-fields #ed_Address, .neo .address-fields #ed_confirm_Address, .neo .address-fields #ed_Address2, .neo .address-fields #ed_confirm_Address2 { -webkit-flex:1 0 auto; -ms-flex:1 0 auto; /* for IE10 we need specify all values */ flex:1 0 auto; } /* address-fields }}} */ /* neo }}} */ /* {{{ Payment Link */ #main #ed_AboutPayment { color:#a30f44; border-color:#a30f44; } #main #ed_AboutPayment, #main #ed_AboutPayment + #ed_AboutPayment_text, #main #ed_AboutPayment + #ed_AboutPayment_text + #ed_PaymentLink { display:none; } #main #ed_AboutPayment.paymentstatus_unpaid, #main #ed_AboutPayment.paymentstatus_unpaid + #ed_AboutPayment_text, #main #ed_AboutPayment.paymentstatus_unpaid.paymentmethod_creditcard + #ed_AboutPayment_text + #ed_PaymentLink { display:block; } #main #ed_PaymentLink { background:url(../images/powered_by_stripe.png) no-repeat; background-position:right bottom; border-bottom:24px solid transparent; background-origin:border-box; } #main #ed_PaymentLink .by_device { display:flex; flex-direction:row; align-items:flex-start; flex-wrap:nowrap; } #main #ed_PaymentLink .by_device > div { padding:0 1.5em; border-left:dotted #999 2px; text-align:center; } #main #ed_PaymentLink .by_device > div:first-of-type { border-left:none 0px; } #main #ed_PaymentLink_qrcode { color-scheme:only light; margin:0 auto; width:30%; min-width:120px; max-width:300px; } #main #ed_PaymentLink_url_msg { display:none; position:absolute; transform:translateY(-260%); transition:opacity 0s; opacity:0; padding:3px 5px; margin:5px 0; border-radius:3px; border:#aaa solid 1px; background-color:#eed3dd; color:#000; font-size:12px; font-size:12rem; } #main #ed_PaymentLink_url_msg.show { transition:opacity 0.7s 0.3s; opacity:1; } #main #ed_PaymentLink_url { display:none; position:absolute; transform:translateY(-130%); outline:0; padding:5px 3px; border-radius:1px; border:#ccc solid 1px; font-family:monospace; } #main #ed_PaymentLink_url:focus + #ed_PaymentLink_url_msg, #main #ed_PaymentLink_url:focus { display:block; } /* Payment Link }}} */ /* {{{ Permalink */ #detail #dt_Permalink { display:inline-block; width:16px; height:16px; background:url(../images/icons1.png) 0 -1000px no-repeat; vertical-align:middle; } /* Permalink }}} */ /* {{{ SNS buttons */ .sns-buttons button.roll { width:10ex; background-color:transparent; color:#a30f44; font-size:80%; font-weight:bold; } .sns-buttons button:hover, .sns-buttons button:active, .sns-buttons button:focus { text-shadow:none; } .sns-buttons button span, .sns-buttons button span:before { height:30px; line-height:30px; padding:0; } .sns-buttons button span:after { content:""; display:inline-block; width:24px; height:24px; background-image:url(../images/icons3.png); background-repeat:no-repeat; vertical-align:middle; } .sns-buttons button.sns-t span:after { background-position: 0 -54px; } .sns-buttons button.sns-f span:after { background-position: -24px -54px; } .sns-buttons button.sns-g span:after { background-position: -48px -54px; } .sns-buttons button.sns-i span:after { background-position: -72px -54px; } .sns-buttons button.sns-l span:after { background-position: -96px -54px; } .sns-buttons button.sns-b span:after { background-position:-120px -54px; } .sns-buttons button.sns-p span:after { background-position:-144px -54px; } /* SNS buttons }}} */ /* -------------------------------- */ /* {{{ Individual page */ /* {{{ Static Page */ #error-box.big-icon-box > .body, #construction.big-icon-box > .body { font-size:20px; font-size:20rem; } #main.info-company .map { margin:1em 0; } #main.info-company a.with-icon { font-size:11px; font-size:11rem; } #main.info-company a.to-map { margin-left:2em; } #main.info-company a.to-map:after { background-position:0 -160px; } #main.info-company .routes a.to-map:after { background-position:0 -360px; } #main.info-company a.time-table:after { background-position:0 -120px; } #main.info-company a.route-map:after { background-position:0 -160px; } /* Static Page }}} */ /* {{{ FAQs */ #questions_wrapper { position:relative; } #questions { position:relative; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; background-color:#eee; border-width:0 1px 1px 1px; border-style:solid; border-color:#999 transparent; padding:10px; overflow:hidden; -webkit-transition:top .5s ease-out 0.00s, box-shadow .5s ease-out 0.00s, padding .5s ease-out 0.00s, height .7s ease .3s; transition:top .5s ease-out 0.00s, box-shadow .5s ease-out 0.00s, padding .5s ease-out 0.00s, height .7s ease .3s; } #questions.unstick { position:absolute; } #questions.stick { position:fixed; padding-bottom:30px; /* leave height in javascript code */ border-color:#999; z-index:1; -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .4); box-shadow:1px 1px 3px rgba(0, 0, 0, .4); } #questions.stick:after { content:""; position:absolute; width:100%; height:16px; margin-top:7px; /* #questions.stick margin-bottom (30px) - height (16px) / 2 */ display:block; background:url(../images/icons1.png) 50% -1080px no-repeat; -webkit-transition:opacity 1s ease-out 0.00s; transition:opacity 1s ease-out 0.00s; } #questions.stick:hover { padding-bottom:10px; top:0; } #questions.stick:hover:after { opacity:0; } #questions_content { height:100%; overflow-y:scroll; } #main.forcustomer-faqs h3 { border-left:7px; color:#a30f44; padding-left:1ex; border-left:7px solid #a30f44; } #questions h3 { font-size:16px; font-size:16rem; } #questions ul.group { margin:0; padding:0; width:100%; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; } @media all and (min-width:60em) { #questions ul.group { -webkit-column-count:2; -moz-column-count:2; column-count:2; } } @media all and (min-width:90em) { #questions ul.group { -webkit-column-count:3; -moz-column-count:3; column-count:3; } } @media all and (min-width:120em){ #questions ul.group { -webkit-column-count:4; -moz-column-count:4; column-count:4; } } #questions li { margin:0 1em; padding:0; list-style-type:none; display:block; } #questions a { color:inherit; display:inline-block; } #answers .faqs { margin-left:40px; } /* #answers .question:before left margin (-40px) */ #answers .question { font-weight:normal; font-size:16px; font-size:16rem; margin:1.5em 0 .5em; } #answers .question + dd { margin:0; } #answers .question:target { padding-top:50px; } /* Make a gap from shrinked index panel */ #answers .question:before { content:""; position:absolute; width:32px; height:32px; margin-left:-40px; display:block; background:url(../images/icons2.png) -512px 0px no-repeat; } #answers .credit-cards { margin:0; padding:0; } #answers .credit-cards li { list-style-type:none; margin:0; position:relative; padding:2px 0 2px 36px; line-height:27px; } #answers .credit-cards li:before{ content:""; display:block; position:absolute; width:36px; height:25px; top:50%; margin:-12px 0 0 -38px; background-image:url(../images/cards.png); background-repeat:no-repeat; } #answers .credit-cards li.visa:before { background-position:0px 0; } #answers .credit-cards li.master:before { background-position:-38px 0; } #answers .credit-cards li.amex:before { background-position:-76px 0; } #answers .credit-cards li.jcb:before { background-position:-114px 0; } #answers .credit-cards li.diners:before { background-position:-152px 0; } #answers .credit-cards li.discover:before { background-position:-190px 0; } /* FAQs }}} */ /* {{{ Login form */ #login-form { max-width:450px; margin:auto; display:-ms-flexbox; /* IE10 */ display:-webkit-flex; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } #LoginForm { display:block; margin:1em auto; } #login-form .buttons button { vertical-align:bottom; } #LoginForm #login-forgot{ font-size:11px; font-size:11rem; } #registration_check { display:none; } #registration > h4 > label { color:inherit; font-size:inherit; font-weight:inherit; cursor:inherit; } /* Login form }}} */ /* {{{ User Info Editor */ /* User Info Editor }}} */ /* {{{ Product */ #search_form.product { margin:0; overflow:visible; } #search_form.product #search_Names_row, #link-new-arrivals { vertical-align:middle; } #search_form.product #search_Names_row { position:relative; margin:0 3em 0 0; padding:0; display:inline-flex; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch; -webkit-flex-wrap:nowrap; -ms-flex-wrap:none; /* IE10 */ flex-wrap:nowrap; } #search_form.product #search_Names_row > label { display:none; } #search_form.product.noitems #search_Names { border-color:#f00; } #search_form.product.noitems #search_Names_row:before { content:""; display:block; position:absolute; width:20px; height:20px; top:-10px; left:-9px; z-index:1; background:url(../images/icons2.png) no-repeat -304px 0px; } #link-new-arrivals { position:relative; padding-left:38px; } #link-new-arrivals:before { content:""; width:32px; height:32px; position:absolute; display:block; top:50%; left:0; margin:-16px 0 0; background-image:url(../images/icons2.png); background-repeat:no-repeat; background-position:100px; background-color:#fff; border-bottom:4px solid #fff; border-right:4px solid #fff; z-index:1; background-position:-448px 0px; } /* {{{ Detail window */ /* {{{ Photos */ .productspec #dt_photo { width:480px; margin-right:10px; /* transform-origin is for small screen */ -webkit-transform-origin:0; -ms-transform-origin:0; transform-origin:0; } .productspec #dt_photo_pages_outer { overflow:hidden; height:360px; position:relative; border-bottom:2px solid #ccc; } .productspec #dt_photo_pages_prev, .productspec #dt_photo_pages_next { position:absolute; z-index:2; width:48px; height:360px; cursor:pointer; background-color:#a30f44; opacity:0; -webkit-transition:background-color .7s ease-out 0.00s, opacity .5s ease-out 0.00s; transition:background-color .7s ease-out 0.00s, opacity .5s ease-out 0.00s; } .productspec #dt_photo_pages_next { right:0; } .productspec #dt_photo_pages_prev:after, .productspec #dt_photo_pages_next:after { content:""; display:block; position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/buttons.png) no-repeat 0 0; } .productspec #dt_photo_pages_prev.previous_button_disabled, .productspec #dt_photo_pages_next.next_button_disabled { background-color:#aaa; } .productspec #dt_photo_pages_prev:after { background-position: 0 -56px; left:10px; } .productspec #dt_photo_pages_next:after { background-position:-28px -56px; right:10px; } .productspec #dt_photo_pages_prev.previous_button_disabled:after { background-position: 0px -28px; } .productspec #dt_photo_pages_next.next_button_disabled:after { background-position:-28px -28px; } .productspec #dt_photo_pages_prev:hover, .productspec #dt_photo_pages_next:hover { opacity:.75; } .productspec #dt_photo_pages_wrap { width:480px; overflow:hidden; position:relative; padding-top:2px; } .productspec #dt_photo_pages { color:#888; top:0; left:0; width:500000px; position:relative; } .productspec #dt_photo_pages .photo { display:table-cell; width:480px; height:360px; background-color:#fff; background-position:center; background-repeat:no-repeat; } /* thumbnail */ .productspec #dt_thumbnails { width:474px; clear:both; padding:3px; margin-top:5px; overflow:hidden; } .productspec #dt_thumbnails .thumbnail { width:80px; height:60px; cursor:pointer; display:inline-block; margin:3px 5px; background-repeat:no-repeat; background-position:50%; } .productspec #dt_thumbnails .active { } .productspec #dt_thumbnails .active:after { content:""; display:block; position:absolute; border:10px solid transparent; border-top-color:#ccc; border-bottom:0 none; font-size:0; line-height:0; width:0; margin:-72px 0 0 30px; } .productspec #dt_thumbnails .thumbnail div { opacity:.25; background-color:#000; width:100%; height:100%; -webkit-transition:opacity .5s ease-out 0.00s; transition:opacity .5s ease-out 0.00s; } .productspec #dt_thumbnails .active div { opacity:0; } /* Photos }}} */ /* {{{ Specification */ .productspec #dt_specification { float:right; margin:0 0 10px 10px; } .productspec .info dl { display:block; max-width:308px; width:100%; font-size:12px; font-size:12rem; } .productspec .info dt, .productspec .info dd { vertical-align:top; display:inline-block; margin:0; padding:2px 0; } .productspec .info dt { width:37%; } .productspec .info dd { width:63%; } .productspec .info dt:after { content:":"; } .productspec .info #dt_Prices_label.no-text { color:#a30f44; } .productspec .info #dt_Prices_label.no-text #dt_Prices_label_text { display:none; } .productspec .info #dt_Prices { text-align:right; margin-bottom:0; font-size:20px; font-size:20rem; } .productspec .info #dt_Prices span { line-height:1.2; } .productspec .info #dt_MaxQuantity { color:#a30f44; } /* {{{ Add to cart */ .productspec #dt_cart { text-align:right; margin:20px 0; } .productspec #dt_add_to_cart { color:#fff; background:#a30f44; display:inline-block; padding-left:12px; position:relative; } .productspec #dt_add_to_cart > #dt_CartConfirmation { display:block; position:absolute; margin:-10px auto auto -10px; top:0; left:0; width:20px; height:20px; background-color:#a30f44; color:#fff; border:2px solid #fff; border-radius:100%; font-size:15px; font-weight:bold; text-align:center; line-height:20px; cursor:help; } .productspec #dt_add_to_cart.disabled > #dt_CartConfirmation, .productspec #dt_add_to_cart.disabled select, .productspec #dt_add_to_cart.disabled { color:#fff; background-color:#999; } .productspec #dt_PaymentMethod { color:#800; font-weight:bold; } .productspec #dt_quantity, .productspec #dt_quantity option { background:#a30f44; color:#fff; border:0; } .productspec #dt_quantity { background:url(../images/arrow_drop_g.png) no-repeat right 50% #a30f44; } .productspec #dt_quantity:hover, .productspec #dt_quantity:focus { background:url(../images/arrow_drop_w.png) no-repeat right 50% #a30f44; } .productspec #dt_quantity:focus { color:#fff; border:0 none; -webkit-box-shadow:none; box-shadow:none; outline:none; } .productspec #dt_add_to_cart_btn:after { background-position:100% 0; } /* Add to cart }}} */ .productspec #dt_Description p.frame-gray, .productspec #dt_Description div.frame-gray, .productspec #dt_Description p.frame-warning, .productspec #dt_Description div.frame-warning, .productspec #dt_Description p.frame-info, .productspec #dt_Description div.frame-info { display:table; } /* Specification }}} */ /* {{{ Linked file list */ #detail.productspec #dt_files { padding:10px; border:1px solid #a30f44; } #detail.productspec #dt_files_list { margin:0; padding:0; } #detail.productspec #dt_files_list li { list-style-type:none; margin:0; } #detail.productspec #dt_files_list a { display:inline-block; position:relative; padding:0 0 0 22px; } #detail.productspec #dt_files_list a:before { content:""; display:block; position:absolute; width:16px; height:16px; top:50%; margin:-8px 0 0 -20px; background-image:url(../images/icons1.png); background-repeat:no-repeat; background-position:0px -880px; } #detail.productspec #dt_files_list a.pdf:before { background-position:0px -1440px; } #detail.productspec #dt_files_list a.jpg:before, #detail.productspec #dt_files_list a.png:before { background-position:0px -1520px; } /* Linked file list }}} */ /* Detail window }}} */ /* {{{ Product Download File */ #confrimation_form h2.top-subject { margin-top:1.1em; } #confrimation_form h2.top-subject .subtext { display:block; position:absolute; font-size:50%; color:#666; margin-top:-1.1em; } #confrimation_form .buttons { margin-top:1.4em; text-align:center; } /* Product Download File }}} */ /* Product }}} */ /* {{{ Product Category */ #product-category .num { display:none; } #product-category .label.rp { position:relative; padding-left:24px !important; } #product-category .label.rp:before { content:""; width:16px; height:16px; display:block; position:absolute; top:50%; left:6px; /* padding-left */ margin-top:-8px; background:url(../images/icons1.png) no-repeat 50% -400px; } /* Product Category }}} */ /* {{{ Cart */ /* Cart }}} */ /* {{{ User Editor */ #main.user-edit #EditorForm dt { font-size:18px; font-size:18rem; color:#a30f44; padding-left:10px; border-left:5px solid #a30f44; } #main.user-edit #EditorForm dt .sup-note { vertical-align:super; display:inline-block; margin-left:2em; font-size:65%; border:1px #a30f44 solid; padding:4px 7px; line-height:1; } #main.user-edit .thankyou-registraion-number { color:#a30f44; } #main.user-edit #cc_info #cc_selector { margin:1em 0 0 0; } #main.user-edit #cc_info #cc_selector .card { width:auto !important; } /* User Editor }}} */ /* {{{ Transaction Product Table */ .transaction #dt_ProductsTable { width:100%; } .transaction #dt_ProductsTable th { text-align:center; } .transaction #dt_ProductList .item:nth-of-type(odd){ background-color:#eee; } .transaction #dt_ProductList .pic { width:104px; height:70px; /* 80 ✕ 60 + padding */ background-position:center; background-repeat:no-repeat; } .transaction #dt_ProductsTable .name { font-weight:bold; } .transaction #dt_ProductsTable .price .ex-tax { font-size:75%; } /* Transaction Product Table }}} */ /* {{{ Transaction Editor */ #main.transaction-index #cart_frame { top:30px; position:sticky; } #main.transaction-index .big-button { font-size:20px; font-size:20rem; padding:.8ex 2.4ex; margin:10px 0; border:3px solid #a30f44; } #main.transaction-index .big-button.with-icon.right { padding-right:46px; } #main.transaction-index section > h4:first-child { color:#999; border:0 solid #aaa; border-width:0 0 4px 1em; display:block; font-size:22px; font-size:22rem; padding:.8ex 2.4ex; } /* {{{ login-type */ #main.transaction-index #choose_login_type #login-form { max-width:100%; } #main.transaction-index #choose_login_type #LoginForm { width:100%; } #main.transaction-index #choose_login_type .show-hide-order { display:-ms-flexbox; /* IE10 */ display:-webkit-flex; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } #main.transaction-index #choose_login_type .login-type { display:inline-block; max-width:12em; -webkit-order:1; -ms-flex-order:1; order:1; } #main.transaction-index #choose_login_type .show-hide { position:absolute; opacity:0; pointer-events:none; } #main.transaction-index #choose_login_type .show-hide + label { position:relative; padding-left:1.75em; } #main.transaction-index #choose_login_type .show-hide:checked + label:before { content:'✔'; display:block; position:absolute; left:.5em; } #main.transaction-index #choose_login_type .show-hide:not(:checked) + label { background-color:#fff; color:#a30f44; } #main.transaction-index #choose_login_type .show-hide:checked + label + * { height:auto; } #main.transaction-index #choose_login_type .show-hide + label + * { overflow:hidden; height:0; margin-bottom:10px; order:2; } /* login-type }}} */ #main.transaction-index .form-section { /* {{{ */ width:90%; width:90vw; max-width:480px; margin:auto; } #main.transaction-index .form-section > section { width:100%; } #main.transaction-index .form-section > .button-row { text-align:right; border-top:3px solid #a30f44; padding-top:1em; margin-top:1em; } #main.transaction-index #confirmation.form-section > .button-row { border-top:none; margin-top:0; } #main.transaction-index #ed_reg_info { padding-left:1em; } #main.transaction-index #ed_reg_Phone:before { content:"☎"; } #main.transaction-index #ed_reg_ZipCode:before { content:"〒"; } #main.transaction-index #ed_reg_copy:after { background-position:-18px -18px; } #main.transaction-index #ed_CustomerNote { width:100%; } /* }}} */ #main.transaction-index #ed_PaymentMethod {} /* {{{ */ #main.transaction-index #ed_PaymentMethod .payment-method-locked { display:none; color:#800; font-weight:bold; } #main.transaction-index #ed_PaymentMethod dt { padding:1px 3px; } #main.transaction-index #ed_PaymentMethod dt.disabled { background-color:#ddd; color:#444; } #main.transaction-index #ed_PaymentMethod dt.disabled > label { text-decoration:line-through; } #main.transaction-index #ed_PaymentMethod dt.disabled + dd > .payment-method-locked { display:block; } #main.transaction-index #ed_PaymentMethod dd { overflow:hidden; } #main.transaction-index #cc_info { line-height:1.5; -webkit-transition:margin .7s ease-out .2s; transition:margin .7s ease-out .2s; margin-top:-100%; } #main.transaction-index #cc_info.choosen { margin-top:5px !important; } #main.transaction-index #cc_info #cc_selector { margin:1em 0 0 0; } /* }}} */ #main.transaction-index #confirmation {} /* {{{ */ #main.transaction-index #confirmation.neo ol.group > li { margin:0; } #main.transaction-index #confirmation.neo ol.group > li > label { display:inline-block; width:18ex; } #main.transaction-index #confirmation h5 { background-color:#ddd; padding:.3ex 1ex; } #main.transaction-index #confirmation > .note, #main.transaction-index #confirmation > ol.group { margin-left:2ex; } #main.transaction-index #confirmation #ed_confirm_paymentmethod_group.card-info-available > li.card-info { display:block; } #main.transaction-index #confirmation #ed_confirm_paymentmethod_group > li.card-info, #main.transaction-index #confirmation #ed_confirm_paymentmethod_group.not-creditcard > li.card-info, /* to overwrite .card-info-available */ #main.transaction-index #confirmation #ed_confirm_paymentmethod_group.not-creditcard + #ed_creditcard_info_confirm_end, #main.transaction-index #confirmation #ed_confirm_paymentmethod_group.card-info-available + #ed_creditcard_info_confirm_end { display:none; } #main.transaction-index #confirmation .prices label + span { width:140px; text-align:right; display:inline-block; } #main.transaction-index #confirmation .prices #TotalAmount_confirm_row { border-top:2px dashed #999; } #main.transaction-index #confirmation .prices #TotalAmount_confirm_row label + span { font-size:140%; } #main.transaction-index #confirmation #ed_confirm_PriceOnPackingList:before { background-position:-54px 0px; } #main.transaction-index #confirmation #ed_confirm_PriceOnPackingList.print-price:before { background-position:-18px -36px;} /* }}} */ #main.transaction-index #ed_confirm_agree_box { /* {{{ */ display:block; position:relative; margin:1em auto 10px; padding:1ex 1ex 1ex 40px; border:3px solid #a30f44; } #main.transaction-index #ed_confirm_agree_box:before, #main.transaction-index #ed_confirm_agree_box:after { content:""; display:block; position:absolute; border:10px solid transparent; border-top-color:#a30f44; border-bottom:0 none; font-size:0; line-height:0; width:0; margin:0 50px -10px 0; bottom:0; right:0; } #main.transaction-index #ed_confirm_agree_box:after { bottom:3px; border-top-color:#fff; } #main.transaction-index #ed_confirm_agree_box .check-mark { color:#a30f44; font-size:26px; left:10px; line-height:1; position:absolute; } #main.transaction-index #ed_confirm_agree_box b { padding-right:10px; color:#000; font-weight:bold; } #main.transaction-index #ed_confirm_agree { margin:5px; } /* }}} */ /* Payment Link in result form {{{ */ /* }}} */ /* Progress bar {{{ */ /* stay clear off the progress bar */ #main.transaction-index #order_forms, #main.transaction-index #confirmation, #main.transaction-index #result { padding-top:26px; } #main.transaction-index #result .button-row { margin-top:6em; } #main.transaction-index #order_progress_bar { position:sticky; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; overflow:hidden; z-index:1; } #main.transaction-index #order_progress_bar > ol { position:relative; display:block; border:2px solid #a30f44; box-shadow:1px 1px 3px rgba(0, 0, 0, .4); margin:0; padding:0; } #main.transaction-index #order_progress_bar > ol > li { position:relative; display:inline-block; list-style-type:none; font-size:20px; line-height:1; padding:12px 24px 12px 40px; margin:0; color:#a30f44; background-color:#fff; } #main.transaction-index #order_progress_bar > ol > li.current { color:#fff; background-color:#a30f44; cursor:pointer; } #main.transaction-index #order_progress_bar > ol > li.done { color:#666; background-color:#ddd; cursor:pointer; } #main.transaction-index #order_progress_bar > ol > li::after { content:""; display:block; position:absolute; border:0 none; border-top:2px solid #a30f44; border-right:2px solid #a30f44; right:0; top:50%; margin:0em 0 0 0; width:31.6px; /* line-height (font-size) + padding-Y of li / 1.4141356 */ height:31.6px; transform:translate(53%, -50%) rotate(45deg); background-color:inherit; z-index:1; } /* }}} */ /* Transaction Editor }}} */ /* {{{ Transaction history */ #main.transaction-history #detail .dt_col_group { width:100%; display:inline-table; } #main.transaction-history #detail .dt_col:not(:first-of-type) { padding-left:2%; } #main.transaction-history #detail .dt_col { width:40%; display:table-cell; } #main.transaction-history #detail .dt_col:last-of-type { width:60%; } #main.transaction-history #detail .dt_col label:first-child { width:40%; } #main.transaction-history #detail .dt_col span[id] { width:60%; } #main.transaction-history #detail .dt_col:last-of-type label:first-child{ width:20%; } #main.transaction-history #detail .dt_col:last-of-type span[id] { width:80%; } #main.transaction-history #detail .dt_col span.price { width:30%; } #main.transaction-history #Bill_row { font-size:16px; font-size:16rem; border-top:2px solid #a30f44; } #main.transaction-history #dt_Tax_wrap { display:inline-block; margin-left:40%; font-size:70%; } #main.transaction-history #dt_InvoiceTo, #main.transaction-history #dt_ReceiptDescription { width:40%; width:calc(60% - 5em); } #main.transaction-history #dt_print_buttons { display:inline-block; } #main.transaction-history #dt_Prefecture, #main.transaction-history #dt_Address2, #main.transaction-history #dt_print_buttons { margin-left:19%; margin-left:calc(20% - 5px); } #main.transaction-history #detail #dt_Address { width:5em; } #main.transaction-history #detail #dt_Prefecture { width:60%; width:calc(80% - 6em); } /* Payment Link {{{ */ #main.transaction-history #detail #dt_AboutPayment, #main.transaction-history #detail #dt_AboutPayment_text, #main.transaction-history #detail #ed_PaymentLink_url_msg { width:auto; } /* }}} */ /* Transaction history }}} */ /* Individual page }}} */ /* width of shop's logos */ @media screen and (max-width: 800px) { /* {{{ */ #main { min-width:320px !important; } /* iPhone 5 */ #main_inner #editor_pages_wrap { margin-left:0; margin-right:0; } .list_navi_breakpoint { display:block; width:100%; height:1px; } /* To break line at after this in list navi bar */ #panel-left #page-recent { display:none !important; } #panel-left { margin:0 0 0 -160px; position:fixed; left:0; top:40px; background-color:#fff; opacity:.7; z-index:10; border:1px #a30f44 solid; padding:10px; -webkit-transition:all .3s ease 0s; transition:all .3s ease 0s; } #panel-left-grip { display:block !important; margin-right:-30px; right:0; position:absolute; width:30px; height:30px; background:url(../images/icons1.png) #ae184c; background-repeat:no-repeat; background-position:6px -1474px; } #panel-left-slider-flag:checked + #panel-left > #panel-left-grip { background-position:6px -234px; } #panel-left-slider-flag:checked + #panel-left { margin-left:0; opacity:.9; } #footer .menu { text-align:inherit; } #footer .menu ul { padding:0; border:0 none; width:24.2%; } } /* }}} */ @media screen and (max-width: 580px){ /* {{{ */ .productspec #dt_specification { margin-left:0; margin-right:0; width:100%; } .productspec #dt_photo { -webkit-transform:scale(.87); -ms-transform:scale(.87); transform:scale(.87); } #header .logos > #rpilogo { -ms-flex-order:0; -webkit-order:0; order:0; } #header .logos .shop-title { margin:0; } #header .logos #shoplogo { width:100%; text-align:center; } #main_inner { -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } #main-container { -ms-flex-order:99; -webkit-order:99; order:99; } #panel-right { width:90%; margin:0 10px; display:block; display:-ms-flexbox; /* IE10 */ display:-webkit-flex; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-flex-wrap:nowrap; -ms-flex-wrap:none; /* IE10 */ flex-wrap:nowrap; } #cart_frame { -ms-flex-order:99; -webkit-order:99; order:99; } #main.transaction-index #cart_frame { position:relative; } } /* }}} */ @media screen and (max-width: 500px){ /* {{{ */ .productspec #dt_photo { -webkit-transform:scale(.69); -ms-transform:scale(.69); transform:scale(.69); } #footer .menu ul { padding:0; border:0 none; width:49%; } } /* }}} */ @media screen and (max-width: 400px){ /* {{{ */ #list.thumbnail .item { width:220px; margin:0 auto 5px auto; display:block; } .productspec #dt_photo { -webkit-transform:scale(.64); -ms-transform:scale(.64); transform:scale(.64); } } /* }}} */ @media screen and (max-width: 360px) { /* {{{ */ #header .shop-title { width:90%; margin:0; } #top-icons a { margin-left:4px; margin-right:4px; } .list_pages_wrap { width:230px; } .productspec #dt_photo { -webkit-transform:scale(.555); -ms-transform:scale(.555); transform:scale(.555); } } /* }}} */