@charset "utf-8";
/* Wacoalfairのヘッダー・フッター構造。LP本体のスタイルと分離。 */
body{max-width:none}
main{width:100%;max-width:450px;margin:0 auto}
.site-header{display:block;position:relative;width:100%;height:37px;margin:0;padding:0;background:#fff;border:0;z-index:100}
.site-header #brand_logo{display:block;width:145px;text-align:center;margin:0 auto;padding-top:10px}
.site-header #brand_logo img{width:100%;height:auto}
.site-header #shilogo{position:fixed;top:9px;left:10px}
.site-header #shilogo img{width:32px;height:auto}
.site-footer{display:block;position:relative;width:100%;margin:0;padding:0;background:#fff;color:#666;border-top:1px solid #999;font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,"MS PGothic",sans-serif;line-height:1.8}
.site-footer p{margin:0;padding:0;font-family:inherit;letter-spacing:normal}
.site-footer a{color:#000}
.site-footer img{height:auto}
.site-footer #line{display:block;width:90%;margin:20px auto 0}
.site-footer #line img{width:100%}
.site-footer #inquiry{text-align:center;padding:10px 0 15px;font-size:11px;color:#666}
.site-footer #phone{font-size:11px}
.site-footer #phone span{font-size:17px}
.site-footer #p_hours{font-size:11px}
.site-footer #inquiry div a:first-child{border-right:.5px solid #666;padding-right:10px}
.site-footer #inquiry div a:nth-child(2){padding-left:8px}
.site-footer #ftr_com{display:flex;align-items:center;justify-content:space-between;height:35px;width:100%;margin:0 auto}
.site-footer #ftr_shilogo{display:inline-block;width:100px;flex-shrink:0;margin:0 0 0 3%;font:500 12px "Century Gothic",sans-serif;letter-spacing:.2em}
.site-footer #ftr_shilogo img{width:100%}
.site-footer #cpyr{font-size:10px;line-height:1;margin:0 2% 0 0;font-weight:400;font-style:normal;transform:scale(.9) translateX(5%)}
/* パンくず：バナーと同色の赤 */
main>.breadcrumb{display:block;margin:0;padding:12px 16px;background:var(--christmas-red);color:#fff9ed;font-size:9px}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0;padding:0}
.breadcrumb li{display:flex;align-items:center;gap:10px}
.breadcrumb li+li::before{content:"›";opacity:.65}
.breadcrumb a:hover{text-decoration:underline}
@media(min-width:640px){
  .site-footer #line{width:346px}
  .site-footer #inquiry{width:450px;margin:0 auto}
  .site-footer #ftr_com{height:45px}
  .site-footer #ftr_shilogo{width:150px;margin:0 0 0 12px;font-size:19px}
  .site-footer #cpyr{font-size:11px;margin:0 12px 0 0;transform:none}
}
@media(max-width:360px){.site-footer #cpyr{font-size:8px}}

/* スマホではマークをヘッダー内に置き、追従メニューと重ねない */
@media(max-width:639px){.site-header #shilogo{position:absolute}}