Açıklama Yok
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

footer.css 1.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. @charset "utf-8";
  2. /* **********************************************
  3. * footer定義 css
  4. *
  5. * 画面の大きさ・位置定義
  6. *
  7. *
  8. ********************************************** */
  9. /*
  10. * 2014/02/26
  11. * footer 大きさ定義
  12. *
  13. */
  14. footer {
  15. position: relative;
  16. display: block;
  17. width: 100%;
  18. height: 110px;
  19. bottom: 0px;
  20. margin: 0px 10px 0px 0px;
  21. padding: 0;
  22. }
  23. @media screen and (max-width: 768px) {
  24. footer {
  25. position: relative;
  26. display: block;
  27. width: calc(100% - 20px);
  28. height: 240px;
  29. margin: 2px auto 0px;
  30. padding: 0;
  31. }
  32. }
  33. div.footer {
  34. position: relative;
  35. display: block;
  36. width: 100%;
  37. height: 80px;
  38. }
  39. @media screen and (max-width: 768px) {
  40. .footer_img {
  41. display: none;
  42. }
  43. }
  44. p.footer_text {
  45. margin: 16px auto;
  46. text-align: center;
  47. font-size: 12px;
  48. }
  49. @media screen and (max-width: 768px) {
  50. p.footer_text {
  51. font-size: 8px;
  52. }
  53. }
  54. p.footer_text a {
  55. text-decoration: none;
  56. }
  57. /* footer モバイル用にクラス定義*/
  58. div.footer_mobile {
  59. display: none;
  60. }
  61. @media screen and (max-width: 768px) {
  62. div.footer_mobile {
  63. display: block;
  64. }
  65. div.footer_mobile_title {
  66. position: relative;
  67. display: block;
  68. width: calc(100% - 20px);
  69. text-align: center;
  70. }
  71. img.footerImg__logo {
  72. padding-left: 20px;
  73. }
  74. h1.footerMobile__text {
  75. margin: 0 0 16px;
  76. padding-left: 20px;
  77. color: #109033;
  78. }
  79. div.footer_mobile_address {
  80. position: relative;
  81. display: block;
  82. width: 100%;
  83. text-align: center;
  84. font-size: 15px;
  85. }
  86. .sp__brDisplay {
  87. display: none;
  88. }
  89. }
  90. /* footer ここまで */