@charset "utf-8"; /* =================================================== scrolltop =================================================== */ #scrolltop { margin-top: 50px auto 0; a { &::after { top: 90%; border-top: 2px solid @colorSub; border-right: 2px solid @colorSub; } font-size: 120%; } } /* =========================================================================================== FOOTER =========================================================================================== */ footer { background: #272727; color: #fff; position: relative; font-size: 14px; line-height: 1.75; /* =================================================== レイアウトfooterLay01の場合 =================================================== */ &.footerLay01 { .logoArea { width: 310px; float: left; } .footerInfo { float: left; } .snsIcon { float: right; ul { text-align: right; } } } /* =================================================== レイアウトfooterLay02の場合 =================================================== */ &.footerLay02 { .footerInfo, .logoArea, .snsIcon { width: 100%; display: inline-block; text-align: center; } .footerInfo { line-height: 2.5; margin: 0 0 10px; } .logoArea { margin: 0 0 15px; a { width: 20%; display: inline-block; } } .snsIcon { margin: 0; ul { text-align: center; } } } /* =================================================== Footerグローバルナビ =================================================== */ .footerNavi { ul { display: flex; flex-wrap: wrap; width: @contentWidth; margin: 0 auto; padding: 15px 0; li { width : calc(100% / 6); padding: 5px 10px; text-align: center; a { color: #fff; width: 100%; } } } } /* footerNavi END */ /* =================================================== Footer共通 =================================================== */ .footerContainer { width: @contentWidth; padding: 40px 0; margin: 0 auto; .clearfix(); /* -------------------------------------------- インフォメーション部分 -------------------------------------------- */ .footerInfo { font-size: 14px; h2 { font-weight: bold; line-height: 130%; background: none; padding: 0; } h3 { font-weight: normal; line-height: 130%; border: none; padding: 0; &::after { content: none; } } .telNum { line-height: 100%; &: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: 13px; padding: 8px 0; p { width: @contentWidth; margin: 0 auto; text-align: center; } } }