@charset "utf-8"; /*bodyの直接の子要素のh1タグ（ページ最上段にあるh1）設定 ---------------------------------------------------------------------------*/ body > h1 { display: none; } /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container, .container { width: auto; margin-right: 6px; margin-left: 6px; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { text-align: center; } /*h1ロゴの設定*/ header h1 { padding: 20px 0px 20px 0px; /*上、右、下、左側へあける余白*/ width: 100%; text-align:center; float:none; } header h1 img { width: 95%; /*画面に対して画像を70％の幅に*/ height: auto; float:none; margin:0 auto; } header .telarea{ width:100%; margin-bottom: 20px; padding-top: 0px; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロック全体の設定*/ nav#menu ul { border-top: 1px solid #dcdcdc; /*メニューブロックの上側の線の幅、線種、色*/ margin-bottom: 20px; } /*メニュー１個ごとの設定*/ nav#menu ul li { float: none; width: 100%; /*メニュー幅*/ margin-bottom: 0; border-right: none; border-bottom: 1px solid #dcdcdc; /*メニューの下側の線の幅、線種、色*/ box-sizing: border-box; } nav#menu ul li a { padding: 10px 0px; /*メニュー内の余白。上下、左右。*/ } /*最初のメニューの設定*/ nav#menu ul li:first-child { border-left: none; } /*英語表記の設定*/ nav#menu ul li a span { display: none; /*表示させない設定*/ } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*contents-in,main,subコンテンツ ---------------------------------------------------------------------------*/ #contents-in, #main, body.c2 #main, #sub { float: none; width: auto; } /*sideコンテンツ ---------------------------------------------------------------------------*/ #side { display: none; /*表示させない設定*/ } /*トップページのメイン画像。表示させたいなら、style-m.cssの同じ箇所のタグをコピペする。 ---------------------------------------------------------------------------*/ #mainimg { height: auto; width: 100%; } /*トップページ内「更新情報・お知らせ」ブロック ---------------------------------------------------------------------------*/ section#new h1.open { background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#5ea9e8), to(#64abe5)); background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#5ea9e8, #64abe5); background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#5ea9e8, #64abe5); } section#new h1.close { background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#5ea9e8), to(#64abe5)); background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#5ea9e8, #64abe5); background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#5ea9e8, #64abe5); } /*ブロック全体の設定*/ #new dl { height: auto; padding-left: 0; } /*日付設定*/ #new dt { float: none; width: auto; } /*記事設定*/ #new dd { padding-left: 0; } /*テーブル１ ---------------------------------------------------------------------------*/ /*テーブル内の右側*/ .ta1 td{ width: auto; padding: 2px; } /*テーブル内の左側の見出し部分*/ .ta1 th{ width: 100px; padding: 2px; } /*service.html内の一覧の各ブロック ---------------------------------------------------------------------------*/ /*ボックス内の段落タグ設定*/ #main section.list article p { margin-left: 0; } /*ボックス内の写真設定*/ #main section.list article figure img { width: 40%; height: auto; margin-right: 5px; } /*その他 ---------------------------------------------------------------------------*/ /*指定の場合にsubブロックも表示させない設定*/ body.s-n #sub { display: none; } /*幅一杯に画像を表示させる*/ img.wa { height: auto; width: 100%; } /*メニューアイコン設定*/ #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; } .widetext{ box-sizing: border-box; padding-right:1rem; padding-left: 1rem; } .br-pc{ display: none; } .br-sp{ display: block; } .blue-btn.maincontact{ width: 100%; margin-left: 0; margin-top: 0; margin-bottom: 1rem; } .box1footer .blue-btn{ width: 100%; margin-left: 0; margin-top: 0; margin-bottom: 1rem; box-sizing: border-box; padding:20px; min-height: auto; min-height: inherit; } .box1footer .blue-btn:first-child{ margin-left: 0; margin-top: 20px; } .ta1 th, .ta1 td{ width:100%; display: block; box-sizing: border-box; }