@charset "utf-8"; /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { text-align: center; height: auto; margin-bottom: 15px; } /*h1ロゴの設定*/ header h1 { display: none; } /*社名ロゴの設定*/ header #logo { position: static; padding: 10px 0px; /*ロゴの上下にあける余白が10px*/ } /*電話番号ボックスの設定*/ #tel-box { position: static; padding: 10px 0px; } #tel-box li a{ font-size: 29px; padding: 5px 1px; margin: 3px; } #map span { display: none; } #mail span { display: none; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ #menu li { width: 25%; } /*メインイメージ下のメニュー ---------------------------------------------------------------------------*/ #menu2{ max-width: 1000px; margin-left: auto; margin-right: auto; text-align: center; } #menu2 li{ text-align: center; float: left; width: 25%; border-bottom: none; } #menu2 li:nth-child(odd){ border-bottom: none; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #top-img { height: auto; width: 100%; } #slide_image { height: auto; width: 100%; position: relative; } #slide_image2 { height: auto; width: 100%; position: absolute; left:0px; top:0px; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*スマホ・タブレットで非表示（HOMEメニューに使用）*/ .stn { display: none; } #thanks { text-align: right; width: 100%; height: auto; } #thanks img { padding: 100px 15px 15px; }