@charset "utf-8"; /*全体の設定 ---------------------------------------------------------------------------*/ body { background-size: 150%; } /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; margin-right: 6px; margin-left: 6px; } .waku { width:auto; margin-right: auto; margin-left: auto; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { text-align: center; height: auto; margin-bottom: 15px; } /*h1ロゴの設定*/ header h1 { position: static; padding: 10px 0px; /*ロゴの上下にあける余白が10px*/ font-weight: normal; } /*電話番号ボックスの設定*/ header address { position: static; width: 100%; /*ボックス幅*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*ロゴ画像の設定*/ header h1 img { width: 80%; /*画面に対して80％の幅に*/ height: auto; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ nav#menu ul { width:auto!important; height: auto; padding: 0; background-image: none; margin-bottom:15px; } /*メニュー１個ごとの設定*/ nav#menu ul li { float: none; width: auto; border: none !important; background-image: url(../images/btn_arrow.png), -webkit-gradient(linear, left top, left bottom, from(rgba(175,135,190,0.7)), to(rgba(156,112,172,0.7))); /*矢印アイコンとグラデーション*/ background-image: url(../images/btn_arrow.png), -webkit-linear-gradient(90deg,rgba(205,205,205,0.70) 0%,rgba(244,244,244,0.70) 100%); /*同上*/ background-image: url(../images/btn_arrow.png), -moz-linear-gradient(90deg,rgba(205,205,205,0.70) 0%,rgba(244,244,244,0.70) 100%); background-image: url(../images/btn_arrow.png), -o-linear-gradient(90deg,rgba(205,205,205,0.70) 0%,rgba(244,244,244,0.70) 100%); background-image: url(../images/btn_arrow.png), linear-gradient(0deg,rgba(205,205,205,0.70) 0%,rgba(244,244,244,0.70) 100%); /*同上*/ background-repeat: no-repeat; background-position: right center; text-align: left; font-size: 12px; } nav#menu ul li a { padding: 10px 0px 10px 20px; /*メニュー内の余白。上、右、下、左*/ } /*最初のメニューの設定*/ nav#menu ul li:first-child { border-radius: 10px 10px 0 0; /*左上、右上、右下、左下の各丸サイズ*/ } /*最後のメニューの設定*/ nav#menu ul li:last-child { border-radius: 0 0 10px 10px; /*左上、右上、右下、左下の各丸サイズ*/ } /*英語表記の設定*/ nav#menu ul li a span { display: none; /*表示させない設定*/ } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } #main p { padding: 0.5em 5px 1em; /*左から、上、左右、下への余白*/ } #main { width: 100%!important; margin:0 auto 0 auto; padding-bottom: 30px; } /*トップページのメイン画像。表示させたいなら、style-m.cssの同じ箇所のタグをコピペする。 ---------------------------------------------------------------------------*/ #kv { width:auto!important; margin:0 auto 20px auto; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*メニュー折りたたみ設定*/ #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; } .photo { float: none; height: 200px; width: 200px; margin-right: auto; margin-left: auto; margin-bottom: 15px; } .text { float: none; width: 100%; } .title { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #AF87BE; } .left { margin-bottom: 20px; float: none; width: 100%; } .right { margin-bottom: 30px; float: none; width: 100%; } /*フッター設定 ---------------------------------------------------------------------------*/ footer { clear: both; padding-top: 15px; padding-bottom: 15px; background-color: #F6F6F6; margin-top: 50px; } footer .footMenu { font-size: 10px; text-align: center; margin-bottom: 5px; text-decoration: none; } } footer .footMenu a { text-decoration: none; } .footright .footMenu a { text-decoration: none; } footer .footMenu a:hover { color: hsla(0,0%,48%,1.00); text-decoration: none; } footer .address { font-size: 10px; text-align: center; line-height: 13px; margin-bottom: 5px; } footer .small { font-size: 10px; text-align: center; } footer .footright { float: none!important; text-align: center!important; width: auto; } footer .footleft { float: none!important; padding-top: 25px; padding-bottom: 25px; width: auto; text-align: center; } footer .inner { width: auto!important; margin-right: auto; margin-left: auto; overflow-x: hidden; overflow-y: hidden; overflow: hidden; }