@charset "utf-8"; :root{ /*変数・色指定*/ /*外枠の色*/ --border-color:#3f8fc2; /*囲み背景の色*/ --bg-color:#58c9ee; /*グラデーション終わりの色*/ --grad-color:#91dbf4; /*囲み背景・サブの色*/ --bgsub-color:#c8edf9; /*囲みテキストの色*/ --bgtext-color:#4e889c; /*タイトル・電話の背景色*/ --title-bgcolor:#ffeac9; /*タイトル・電話の背景色*/ --title-bodercolor:#fe9e4a; /*テーブル・内側の背景色*/ --table-bgcolor:#fff5e6; } /*全体の設定 ---------------------------------------------------------------------------*/ body { background-size: 150%; } /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; margin-right: 6px; margin-left: 6px; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { text-align: center; height: auto; margin-bottom: 15px; } /*h1ロゴの設定*/ header h1 { position: static; padding: 10px 0px; } /*電話番号ボックスの設定*/ header address { position: static; width: 300px; margin: 0px auto; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロック全体の設定*/ nav#menu ul { height: auto; padding: 0; margin: 0; background-image: none; } /*メニュー１個ごとの設定*/ nav#menu ul li { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bg-color)), to(var(--grad-color))); background-image: -webkit-linear-gradient(var(--bg-color), var(--grad-color)); background-image: linear-gradient(var(--bg-color), var(--grad-color)); border-radius: 10px; -webkit-box-shadow: 1px 2px 7px #ccc; box-shadow: 1px 2px 7px #ccc; float: left; border: none !important; margin-bottom: 5px; margin-left: 1%; width: 49%; height: 74%; } nav#menu ul li a { padding: 10px; height: 74%; border-radius: 10px; } /*奇数番目のメニューの設定*/ nav#menu ul li:nth-child(odd) { margin-left: 0; height: 74%; width: 50%; border-radius: 10px; } /*最後のメニューの設定*/ nav#menu ul li:last-child { height: 74%; margin-bottom: 20px; border-radius: 10px; } /*英語表記の設定*/ nav#menu ul li a span { display: none; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } #sub > * { clear: both; } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #mainimg { height: auto; width: 100%; } #slide_image { height: auto; width: 100%; position: relative; } #slide_image2 { height: auto; width: 100%; position: absolute; left:0px; top:0px; } /*スタッフサムネイルボックス ---------------------------------------------------------------------------*/ /*ボックス１個あたりの設定*/ #main .list section { width: 24%; margin-left: 1%; box-sizing: border-box; } #main .list section a { width: 100%; height: 270px; box-sizing: border-box; } /*写真の設定*/ #main .list section figure img { width: 100%; height: auto; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*メニューアイコンの非表示設定*/ #menubar_hdr { display: none; }