@charset "utf-8"; /* =================================================== scrolltop =================================================== */ #scrolltop { margin-top: 50px auto 0; a { &::after { top: 80%; border-top: 2px solid @colorSub; border-right: 2px solid @colorSub; } font-size: 130%; } } /* =========================================================================================== FOOTER =========================================================================================== */ footer { position: relative; // background: @colorMain; background-color: @colorLightBG; /* =================================================== レイアウトfooterLay01の場合 =================================================== */ &.footerLay01 { .footerContainer{ display: table; .logoArea, .footerInfo, .snsIcon{ display: table-cell; vertical-align: middle; } } .logoArea { width: 250px; padding-right: 20px; } .snsIcon { ul { text-align: right; } } } /* =================================================== レイアウトfooterLay02の場合 =================================================== */ &.footerLay02 { .footerInfo, .logoArea, .snsIcon { width: 100%; display: inline-block; margin: 0 0 15px; text-align: center; } .logoArea { a { width: 20%; display: inline-block; } } .snsIcon { margin: 0; ul { text-align: center; } } } /* =================================================== Footerグローバルナビ =================================================== */ .footerNavi { border-bottom: 1px solid #e5e5e5; ul { display: flex; flex-wrap: wrap; justify-content: center; width: @contentWidth; margin: 0 auto; padding: 15px 0; li { width : auto; padding: 5px 10px; margin: 0 20px; text-align: center; a { font-size: 15px; width: 100%; } } } } /* footerNavi END */ /* =================================================== Footer共通 =================================================== */ .footerContainer { width: @contentWidth; padding: 40px 0; margin: 0 auto; .clearfix(); /* -------------------------------------------- インフォメーション部分 -------------------------------------------- */ .footerInfo { font-size: 14px; line-height: 1.8; h2 { font-weight: bold; background: none; padding: 0; } h3 { font-weight: normal; border: none; padding: 0; &::after { content: none; } } .telNum { &:before { font-family: Flaticon; content: '\e0a9'; margin: 0 5px 0 0; } } // .add, // .businessHours { // } } /* -------------------------------------------- SNSアイコン部分 -------------------------------------------- */ .snsIcon { ul { margin: 0 auto; li { box-sizing: content-box; display: inline-block; width: 40px; /*要変更*/ height: 40px; /*要変更*/ padding: 0 5px; } li a { display: block; text-align: center; border-radius: 3px; &:hover { opacity: 0.7; } } li img { width: 40px; /*要変更*/ height: 40px; /*要変更*/ margin: 0; } } } } /* footerContainer END */ /* =================================================== Copyright共通 =================================================== */ .copyright { font-size: 14px; padding: 14px 0; background-color: @colorMain; p { width: @contentWidth; color: #FFF; margin: 0 auto; text-align: center; } } }