@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 #logo img { width: 80%; /*画面に対してロゴ画像を80％の幅に*/ height: auto; } /*電話番号ボックスの設定*/ header #address { position: static; width: auto; margin: 0px auto 20px; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { position: static; } /*メニュー１個ごとの設定*/ nav#menu ul li { float: none; width: auto; } nav#menu ul li a { margin: 0px; margin-bottom: 5px; } /*最後のメニューの設定*/ nav#menu ul li:last-child { margin-bottom: 20px; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main { width: 100%; /*メインコンテンツ幅*/ padding-bottom: 30px; padding:0 0; } #main .hotel{ display:none; } #main .money{ margin-right:5px; margin-top:10px; width:90px; height:64px; } #main .tori{ display:none; } #main .card{ display:none; } #main, #sub { float: none; width: auto; } #main p { padding: 0.5em 5px 1em; } /*mainコンテンツのh2タグの設定*/ #main h2 { clear: both; background: #F89FA1; /*背景画像の読み込み。カンマ区切りで２つ指定。*/ font-size: 100%; /*文字サイズ*/ color: #554236; /*文字色*/ padding:4px 0px 4px 0px; line-height:140%; font-weight:bold; text-align:center; } /*トップページ以外の画像 ---------------------------------------------------------------------------*/ #sub_img{ display:none; } #chart{ display:none; } /*service.htmlで使っている紹介ボックスの設定 ---------------------------------------------------------------------------*/ /*ボックス内の段落タグ設定*/ #main section.list article p { margin-left: 0; } /*ボックス内の写真設定*/ #main section.list article figure img { width: 40%; height: auto; margin-right: 5px; } /*guide ---------------------------------------------------------------------------*/ /*ボックス内の段落タグ設定*/ #main section.guide article p { margin-left: 0; } /*ボックス内の写真設定*/ #main section.guide article figure img { width: 40%; height: auto; padding: 5px; } /*テーブル１ ---------------------------------------------------------------------------*/ /*テーブル内の右側*/ .ta1 td{ width: auto; padding: 2px; } /*テーブル内の左側の見出し部分*/ .ta1 th{ width: 100px; padding: 2px; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ 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; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #main .list02 section a { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-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; -moz-box-sizing: border-box; -webkit-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; } /*メニュー折りたたみ設定*/ #top #menubar_hdr { display: none; } #menubar_hdr { display: inline; position: absolute; top: 0px; right: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5)); background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5); background-image: linear-gradient(#fbfbfb, #e5e5e5); padding: 10px; border: 1px solid #cfcfcf; border-radius: 0px 0px 6px 6px; } /*お問い合わせ ---------------------------------------------------------------------------*/ #formWrap { width:100%; margin:0 auto; color:#1d1d1d; } table.formTable{ width: 100%; } table.formTable td,table.formTable th{ width: auto; padding: 2px; } table.formTable th{ width: 100px; padding: 2px; } .wl { width: 96%; } .ws { width: 96%; } /*求人 ---------------------------------------------------------------------------*/ table.offer{ width:100%; margin:0 auto; border-collapse:collapse; } table.offer td.off{ display:none; } table.offer th{ width:30%; font-weight:normal; background:#efefef; text-align:left; } /* 本来のヘッダーを非表示 */ table.off02 { display: inline-block; } table.off02 td ,th { float: left; clear: left; padding: 0; width: 100%; border-width: 0 0 1px; text-align: left !important; } table.off02 th { background:#efefef; }