@charset "utf-8"; /*bodyの直接の子要素のh1タグ（ページ最上段にあるh1）設定 ---------------------------------------------------------------------------*/ body > h1 { display: none; } body{ background:none; /* 一旦、PC用の背景画像を消す。 */ background-color: #FFF; } body::before { background:url(../img/sakeban.jpg) no-repeat top; background-size: auto auto; display: block; position: fixed; /* スマホ用にコレで代替。 */ top: 0; left: 0; width: 100%; /* サイズ指定。 */ height: 100%; /* サイズ指定。 */ padding-bottom: 0; content: ""; z-index: -1; } /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; margin-right: 6px; margin-left: 6px; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { width: 100%; /*ブロックの幅*/ height: auto; /*ブロックの高さ*/ margin-bottom: 10px; } /*h1ロゴの設定*/ header_left h1 { height: auto; /*ブロックの高さ*/ } #header_right { width: 40%; height: auto; /*ブロックの高さ*/ } #header_left { width: 40%; height: auto; /*ブロックの高さ*/ } #header_left img { width: 100%; } #header_right img { width: 100%; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロック全体の設定*/ nav#menu ul { border-top: 1px solid #dcdcdc; /*メニューブロックの上側の線の幅、線種、色*/ width:100%; /*メニュー全体の横幅*/ } /*メニュー１個ごとの設定*/ nav#menu ul li { font-size: 120%; margin-bottom: 0; border-bottom: 1px solid #dcdcdc; /*メニューの下側の線の幅、線種、色*/ box-sizing: border-box; } nav#menu ul li a { padding: 2px 0px; /*メニュー内の余白。上下、左右。*/ } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*contents-in,main,subコンテンツ ---------------------------------------------------------------------------*/ #contents-in, #main, body.c2 #main, #sub { float: none; width: auto; } .shopbox { width: 100%; height: auto; background-image: none; } #main h2 { font-size: 150%; font-weight: normal; font-style: italic } .feature{ background-position: center; background-color: rgba( 255, 255, 255, 0.2 ); } .feature p{ margin-left: 0; } /*sideコンテンツ ---------------------------------------------------------------------------*/ #side { display: none; /*表示させない設定*/ } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #main .top img { height: auto; width: 100%; } #main .sb img { height: auto; width: 60%; } #main .ss img { height: auto; width: 100%; } #topimg { width: 100%; } #slide_image { height: auto; width: 100%; position: relative; } #slide_image2 { height: auto; width: 100%; position: absolute; left:0px; top:0px; } #sub { text-align: center; } /*footer ---------------------------------------------------------------------------*/ footer { width: 100%; padding: 0px; font-size: 1.3vw; } .finfo { width: auto; margin: 0 auto; } footer img { padding: 0px; } /*footerコンテンツのh3タグ設定*/ footer h3 { font-size: 3vw; font-weight: normal; font-style: italic; color: #999; border-top: 1px dotted #999; border-bottom: 1px dotted #999; } /*グーグルマップのレスポンシブ設定 ---------------------------------------------------------------------------*/ .ggmap { position: relative; padding-top: 30px; height: 0; overflow: hidden; } .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*ブログのレスポンシブ設定 ---------------------------------------------------------------------------*/ .blog { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } /*その他 ---------------------------------------------------------------------------*/ /*指定の場合にsubブロックも表示させない設定*/ body.s-n #sub { display: none; } /*幅一杯に画像を表示させる*/ img.wa { height: auto; width: 90%; } /*メニューアイコンを非表示に*/ #menubar_hdr { display: none; }