@charset "utf-8"; /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; padding:0 5px; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { text-align: center; height: auto; margin-bottom: 15px; } /*h1ロゴの設定*/ header h1 { display: none; } /*ロゴ画像の設定*/ header #logo { position: static; padding: 10px 0px; /*ロゴの上下にあける余白が10px*/ } /*電話番号ボックスの設定*/ header #address { position: static; width: auto; margin: 0px auto 0px; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { position: static; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 50%; } nav#menu ul li a { margin: 0px; margin-bottom: 5px; } /*奇数番目のメニューの設定(※スマホ・タブレットでは「HOME」が隠れているので「サービス」「お問い合わせ」が奇数番目になる)*/ nav#menu ul li:nth-child(odd) { width: 49%; margin-right: 1%; } /*最後のメニューの設定*/ nav#menu ul li:last-child { margin-bottom: 20px; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main { width: 100%; /*メインコンテンツ幅*/ padding-bottom: 30px; padding:0 0; } #main .hotel{ margin-left:10px; margin-top:10px; width:300px; height:225px; } #main .money{ margin-right:10px; margin-top:10px; width:120px; height:85px; } #main .tori{ margin-left:5px; margin-top:30px; width:200px; height:200px; } #main, #sub { float: none; width: auto; } #main .card{ margin-right:10px; margin-top:10px; width:215px; height:85px; } /*slide_image ---------------------------------------------------------------------------*/ #slide_image { height: auto; width: 100%; position: relative; } /*トップページ以外の画像 ---------------------------------------------------------------------------*/ #sub_img{ height: auto; width: 100%; } #chart{ height: auto; width: 100%; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*ボックス１個あたりの設定*/ #main .list02 section { width: 48%; /*ボックス幅*/ margin-left: 1%; /*ボックスの左右間の余白*/ box-sizing: border-box; } #main .list02 section a { width: 100%; box-sizing: border-box; } /*写真の設定*/ #main .list02 section figure img { width: 100%; height: auto; } #main .list02 section h4 { color: #FF007B; /*文字色*/ font-size:100%; padding:10px 0; } /*list03の設定*/ #main .list03 section { width: 48%; /*ボックス幅*/ margin-left: 1%; /*ボックスの左右間の余白*/ box-sizing: border-box; } /*写真の設定*/ #main .list03 section figure img { width: 100%; height: auto; } #main .list03 section h4 { color: #FF007B; /*文字色*/ font-size:100%; padding:10px 0; } /*お問い合わせ ---------------------------------------------------------------------------*/ #formWrap { width:100%; margin:0 auto; color:#1d1d1d; } table.formTable{ width:100%; margin:0 auto; border-collapse:collapse; } table.formTable td,table.formTable th{ width: auto; padding: 5px; } table.formTable th{ width: 30%; padding: 5px; } .wl { width: 96%; } .ws { width: 60%; }