.design-C{ display: none; } .design-D{ display: block; } /*ヘッダー*/ .header-list{ position: relative; background-color: #0a9b94; } .header-logo{ max-height:50px; margin: 0 auto; padding: 0; text-align: center; display: block; z-index: 10; } .header-list ul{ list-style-type: none; margin: 0; background-color: #0a9b94; padding :0; display: inline-block; position: absolute; top: 0; z-index: 5; } .menu-1{ right: 58%; } .menu-2{ left: 58%; } .header-list li{ display:inline-block; text-align: center; background-color: #0a9b94; height: 50px; line-height: 48px; margin:0; } .header-list a{ text-decoration: none; font-weight: bold; color: #f4f4f4; font-size: 13px; padding:15px 15px; margin:0; } .header-list a:hover { background-color: #008080; } /*メインコンテンツ*/ /*トップイメージ*/ .top-image{ position: relative; } .top-image img{ width: 100%; } .top-image h2{/*縦書きだと高さ指定をしないとブラウザによっては崩れる*/ position: absolute; top:10%; right:15%; writing-mode: vertical-rl; height: auto; } /*about*/ .about{ margin-top: 30px; position: relative; } .about-texts{ width: 100%; position: relative; min-height: 300px; } .about h1{ margin: 0 5% 0 10%; } .about p{ margin: 0 0 0 10%; padding: 0; width: 30%; } .about img{ width: 40%; height: auto; position: absolute; top: 0; right: 10%; }