@charset "utf-8"; /* =========================================================================================== ヘッダー =========================================================================================== */ header { margin: 0 0 10px; font-size: 80%; width: 100%; position: relative; border-top: 4px solid #c8c8c8; /* =================================================== パターン1:ロゴ:左 =================================================== */ &.headerLay01 { .headArea01 { .wrap { padding: 5px 0; display: table; table-layout: fixed; .translation, h1 { display: table-cell; vertical-align: middle; } .translation { text-align: right; width: 220px; } } } .headArea02 { .wrap { padding: 10px 0; display: table; .infoArea, .logoArea { display: table-cell; vertical-align: middle; } .logoArea { width: 40%; } .infoArea { text-align: right; } } } } /* =================================================== パターン2:ロゴ:中央 =================================================== */ &.headerLay02 { padding: 20px 0 0; .wrap { display: table; table-layout: fixed; padding: 10px 0; .headArea01, .headArea02, .headArea03 { display: table-cell; vertical-align: middle; width: 33.3%; } .headArea01 {} .headArea02 { text-align: center; padding: 0 10px; } .headArea03 { text-align: right; } } } /* =================================================== Header共通 =================================================== */ .wrap { width: @contentWidth; margin: 0 auto; } h1 { font-size: 100%; font-weight: normal; line-height: 130%; } .translation { margin-bottom: 10px; } .telNum { margin-bottom: 10px; font-size: 30px; line-height: 100%; font-family: @tfMincho; color: @colorSub; &:before { font-family: Flaticon; content: '\e0a9'; font-size: 25px; margin: 0 10px 0 0; line-height: 0; } } .businessHours { margin-bottom: 10px; } } /* =========================================================================================== グローバルナビ =========================================================================================== */ .globalNavi { margin: 0; border-bottom: 1px solid #c8c8c8; ul { width: @contentWidth; margin: 0 auto; display: flex; justify-content: center; align-items: center; transform: translateY(1px); li { text-align: center; width: 100%; font-size: 15px; a { display: block; padding: 12px 5px 9px; border-bottom: 3px solid transparent; } a:hover { opacity: 1; border-bottom: 3px solid @colorMain; } } li.current { a { border-bottom: 3px solid @colorMain; } } } } /* =========================================================================================== スライダー =========================================================================================== */ #sliderContent { width: 100%; margin: 0 auto 60px; padding: 16px 0; background: #f6f6f6; .sliderWrap { width: auto; /*要調整*/ margin: auto; min-width: 1000px; } #galleryslider { list-style-type: none; li { img { width: auto; height: auto; } } } .bx-wrapper { margin-bottom: 0px; .bx-controls-direction{ a, a:active, a:link, a:visited { -webkit-transition: none; transition: none; } } .bx-pager { position: absolute; width: 100%; left: 0; bottom: -54px; } .bx-pager.bx-default-pager a { background: #1d8c30 !important; } .bx-pager.bx-default-pager a.active { background: #11541d !important; } } }