@charset "utf-8";
/*
construction.css
サイト全体で使うレイアウト用のクラス、ヘッダー・フッター・見出し・本文・リスト・テーブルなど、大まかな構造を定義
*/
body{background:#ffffff;}
body #homemain{display: block;  }
body #homemain .keyV{display: block; width: auto;  height: -webkit-calc(100vh - 300px);aspect-ratio:10/9; margin: auto; position: relative; left: 0; top: 0; transform: none;
    overflow: hidden;background: #fff; max-width: 1000px;
}

#base2026{position: absolute; width: 100%; left: 0; top: 0; z-index: 0; opacity: 0; }
.svgAnim{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height:100%;}
.svgAnim svg{    width: 100%!important;
    height: auto!important;
    position: absolute;
	left: 0; top: 50%; transform: translateY(-50%)!important;
}

body#home #container{padding-top: 150px;}
#main2026{z-index: 2;}

body #sns a svg{fill:#777777;}
body .btn_humberger::before, body .btn_humberger::after, body .btn_humberger > span::before, body .btn_humberger > span::after{background: #777777;}

body #footer-wrapper{    background: #777777;}
body #header-wrapper #headtagNav .footer .btn.footerBtn,
body .btn.footerBtn{color: #777777;}
body #header-wrapper .headBord{background: #777777;}

#subNav .btn{background: #f2f2f2;}

body.open #sns a svg{fill:#777;}

@media screen and (max-width: 1100px) {
	.spBar{background: #f2f2f2;}
}

@media screen and (max-width: 900px) {
	.footsalon dl.list-horizontal > dd span{background: #777;}
	#subNav ul li a{background: #f2f2f2;}
}

@media screen and (max-width: 600px) {
	
}

@media screen and (orientation: portrait) {
	.svgAnim{width:100%!important; height:100%!important;}
	.svgAnim svg{width:100%!important; height:auto!important;}
	body #homemain .keyV{width: 90%;  height: 100%;}
	body #homemain{height: calc(100vh - 250px);}
}