@charset "utf-8"; /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; margin: 15px; } /*h1タグの設定*/ #container h1 { display: none; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { width: auto; background-size: 100%; /*背景画像をウィンドウに対して100％に*/ border: none; border-bottom: 1px solid #FFF; /*下側の線の幅、線種、色*/ } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { height: auto; overflow: hidden; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 50%; } nav#menu ul li a { border: none; border-bottom: 1px solid #FFF; /*下側の線の幅、線種、色*/ } /*奇数番目のメニューの設定(※１個目の「ホーム」メニューが非表示になっている為、この場合はサービスとお問い合わせが奇数番目となる。)*/ nav#menu ul li:nth-child(odd) { border-left: 1px solid #FFF; /*左側の線の幅、線種、色*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*１個目の「ホーム」メニューの設定*/ nav#menu ul li:first-child { display: none; /*メニュー数を偶数にする為、ホームのみ非表示にしています。表示させたいならこの１行削除。*/ } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; clear: both; overflow: hidden; } /*スタッフサムネイルボックス ---------------------------------------------------------------------------*/ /*ボックス１個あたりの設定*/ #main .list section { width: 24%; /*ボックス幅*/ margin-left: 1%; /*ボックスの左右間の余白*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #main .list section a { width: 100%; height: 270px; /*ボックスの高さ*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*写真の設定*/ #main .list section figure img { width: 100%; height: auto; } /*スタッフ詳細ページ　staff.html ---------------------------------------------------------------------------*/ /*左側ボックス*/ #main .staff .left { float: none; width: auto; text-align: center; } /*写真*/ #main .staff .left figure img { width: 50%; height: auto; } /*右側ボックス*/ #main .staff .right { width: auto; float: none; } /*テーブル(schedule2.htmlページで使用) ------------------------------------------------------*/ /*テーブル右側のボックス*/ table.l4 td { width: auto; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*tdタグにiframeを読み込んだ場合（GoogleMap用）*/ td iframe { height: 300px; width: 100%; }