ーーーーーーーーーーーーーーーーーーーーー
/*PC・スマホ のみで表示するクラス */
ーーーーーーーーーーーーーーーーーーーーー
@media screen and (max-device-width: 480px) {.only_pc {display:none}}
@media screen and (min-device-width: 480px) {.only_mb {display:none}}
ーーーーーーーーーーーーーーーーーー
/*フッターの電話番号バナーを固定 css*/
ーーーーーーーーーーーーーーーーーー
@media screen and (min-width:400px) {.fix_menu_smartphone {display:none}} ← PC時の指定
.fix_menu_smartphone{
position: fixed;
bottom: 0px;
left: 0px;
z-index: 10000;
}
.fix_menu_smartphone img{
width:100%;
}
連携
フッターに上記CSSに対応する画像を用意
【フッターウィジェットの記述】（フッター中央、サイトマップ下）
ーーーーーーーーーーーーーーーーーー
/*リンク画像のオンマウス時のcss*/
ーーーーーーーーーーーーーーーーーー
.gazou :hover {
opacity: 0.6;
filter: alpha(opacity=60);
max-width: 100%;
heightauto;
}
.gazou1:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
ーーーーーーーーーーー
/*罫線を引くcss*/
ーーーーーーーーーーー
.line {
border-top:1px solid #D3D3D3;
padding: 6px 0 2px 0;
display: block;
}