@charset "utf-8"; /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; margin: 15px; } /*h1タグの設定*/ #container h1 { display: none; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { width: auto; height: 140px; /*ブロックの高さ*/ background-size: 100%; /*背景画像をウィンドウに対して100％に*/ border: none; border-bottom: 1px solid #FFF; /*下側の線の幅、線種、色*/ } /*ロゴ画像の設定*/ header #logo { position: absolute; left: 30px; /*ヘッダーブロックに対して左から30pxの位置に配置*/ top: 60px; /*ヘッダーブロックに対して上から60pxの位置に配置*/ } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { height: auto; overflow: hidden; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 50%; } nav#menu ul li a { border-left: 1px solid #FFF; /*左側の線の幅、線種、色*/ border-right: 1px solid #FFF; /*左側の線の幅、線種、色*/ border-bottom: 1px solid #FFF; /*下側の線の幅、線種、色*/ } } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } /*service.html内の各ブロック（※タイプ１） ---------------------------------------------------------------------------*/ /*各ボックスの設定*/ #main section.list1 section { width: 22%; /*ボックスの幅*/ height: auto; /*ボックスの高さ*/ } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*埋め込み動画最適化*/ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }