@charset "utf-8"; /*ヘッダー（サイト名ロゴが入ったブロック） --------------------------------------------------------*/ /*ヘッダーブロック*/ header { background-image: none; } header .inner { width: auto; height: auto; text-align: center; } /*h1ロゴの設定*/ header .inner h1 { position: static; padding-top: 20px; } /*上部のメインメニュー --------------------------------------------------------*/ /*メニューブロック設定*/ nav#menu { height: auto; margin-right: 6px; margin-left: 6px; } nav#menu ul { width: auto; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 50%; /*メニュー幅*/ border: none !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcb7ca), to(#f9668f)); /*グラデーション*/ background-image: -webkit-linear-gradient(#fcb7ca, #f97197 49%, #f9668f 50%); /*同上*/ background-image: linear-gradient(#fcb7ca, #f97197 49%, #f9668f 50%); /*同上*/ margin-bottom: 1%; } /*奇数番目のメニューの設定*/ nav#menu ul li:nth-child(odd) { width: 49%; /*メニュー幅*/ margin-right: 1%; } /*最後のメニューの設定*/ nav#menu ul li:last-child { margin-bottom: 30px; } /*コンテンツ（main,subを囲むブロック） --------------------------------------------------------*/ #contents { width: auto; margin-right: 6px; margin-left: 6px; } /*contents-in,main,subコンテンツ --------------------------------------------------------*/ #contents-in, #main, body.c2 #main, #sub { float: none; width: auto; } /*sideコンテンツ --------------------------------------------------------*/ #side { display: none; /*表示させない設定*/ } /*トップページのメイン画像 --------------------------------------------------------*/ #mainimg { margin: 0px 6px 1%; } #mainimg aside { height: auto; width: 100%; } #mainimg aside img { vertical-align: bottom; } #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; } /* 追加CSS --------------------------------------------------------*/ /*ボックス内の段落タグ設定*/ #main section.list article { background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3)); /*グラデーション*/ background-image: -webkit-linear-gradient(#FFF, #e3e3e3); /*同上*/ background-image: linear-gradient(#FFF, #e3e3e3); /*同上*/ -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; /*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/ box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; /*同上*/ } #main section.list article p { margin-left: 0; font-size:90%; } /*ボックス内の写真設定*/ #main section.list article figure { text-align:center; } #main section.list article figure img { max-width:120px; max-height:120px; width: auto; height: auto; } #main section.list article .price { margin-right: 0.5em; } #main section.list article .price2 { margin-right: 0.5em; } /* --------------------------------------------------------*/ .root-other { margin-left:4px; font-size:100%; } .root-other-item { margin-left:5px; } .root-other-item li { float:left; margin:3px 10px 3px 8px; } /* --------------------------------------------------------*/ .m-hide { display: none; } .m-display { display: inline !important; }