@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; /*上、右、下、左側へあける余白*/ text-align:center; float:none; width: 100%; } header h1 img { width: 90%; /*画面に対して画像を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; /*メニューブロックの上側の線の幅、線種、色*/ } /*メニュー１個ごとの設定*/ nav#menu ul li { float: left; width: 50%; /*メニュー幅*/ margin-bottom: 0; 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:nth-child(odd) { border-left: 1px solid #dcdcdc; /*奇数番目のメニューの左側へ入れる線の設定*/ } /*英語表記の設定*/ nav#menu ul li a span { display: none; /*表示させない設定*/ } /*最後のメニューの設定*/ nav#menu ul li:last-child { margin-bottom: 20px; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*contents-in,main,subコンテンツ ---------------------------------------------------------------------------*/ #contents-in, #main, body.c2 #main, #sub { float: none; width: auto; } /*sideコンテンツ ---------------------------------------------------------------------------*/ #side { display: none; /*表示させない設定*/ } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #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; } /*その他 ---------------------------------------------------------------------------*/ /*指定の場合にsubブロックも表示させない設定*/ body.s-n #sub { display: none; } /*幅一杯に画像を表示させる*/ img.wa { height: auto; width: 100%; } /*メニューアイコンを非表示に*/ #menubar_hdr { display: none; } .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; }