@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; /*メニュー数を偶数にする為、ホームのみ非表示にしています。表示させたいならこの１行削除。 }*/ nav#menu ul li.s_navi{ display:inline ; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } /*service.html内の各ブロック（※タイプ１） ---------------------------------------------------------------------------*/ /*各ボックスの設定*/ #main section.list1 section { width: 45%; /*ボックスの幅*/ } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } .fi{ margin: 0 -15px; } #main h2.h2_x { margin:20px -15px 0 -15px ; } #main h2.h2_1 { margin:20px -15px 0 -15px ; } #main h1.h1_title { font-size: 130%; padding: 5px 0; /*上下、左右への余白*/ } #main h1.h1_title2 { font-size: 130%; padding: 5px 0; /*上下、左右への余白*/ } #main p.q { margin:0 -15px ; } /*写真の設定*/ img.full_image { width: 100%; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*ボックス１個あたりの設定*/ #main section.box11 { float:none; width:100% ; margin-right:none; border-bottom: 1px solid #CCC; /*下の線の幅、線種、色*/ border-right: none; /*下の線の幅、線種、色*/ line-height: 1.5; /*行間*/ overflow: hidden; } /*list21ボックス内の段落タグ設定*/ #main section.list21 section p { margin-left: 0; } /*ボックス内の写真設定*/ #main section.list21 section figure img { float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*ボックス内のh4タグ設定*/ #main section.list21 section h4 { font-size: 140%; color: #ff7f18; /*文字色*/ margin-left: 0; /*左の写真とのバランスをとって設定*/ } #main section.list21 section h4.h4_1 { font-size: 140%; line-height : 120% ; color: #000; /*文字色*/ margin-top:10px ; margin-left: 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; } ---------------------------------------------------------------------------*/