@charset "utf-8"; /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; margin: 15px; } /*h1タグの設定*/ #container h1 { display: none; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { width: auto; background-size: 80%; /*背景画像をウィンドウに対して80％に*/ border: none; border-bottom: 1px solid #FFF; /*下側の線の幅、線種、色*/ } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { height: auto; overflow: hidden; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 100%; } nav#menu ul li a { border: none; border-bottom: 1px solid #FFF; /*下側の線の幅、線種、色*/ } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } #main2, #sub { float: none; width: auto; } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #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; } /*左側のメインメニュー ---------------------------------------------------------------------------*/ nav#mainmenu ul { position: static; height: auto; width: 100%; left: 0px; top: 130px; } /*各メニューの設定*/ nav#mainmenu ul li { float:left; width: 50%; } nav#mainmenu ul li a { width: auto; margin-bottom: 0; border: none; border-radius: 0; border-bottom: 1px solid #c9c9c9; } /*奇数番目のメニューの設定*/ nav#mainmenu ul li:nth-child(odd) { border-right: 1px solid #c9c9c9; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*マウスオン時の設定*/ nav#mainmenu ul li a:hover { border-bottom: 1px solid #c9c9c9; border-top-style: none; border-right-style: none; border-left-style: none; } /*service.html内の各ブロック（※タイプ１） ---------------------------------------------------------------------------*/ /*各ボックスの設定*/ #main section.list1 section { width: 45%; /*ボックスの幅*/ } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; }