/* hover 時に画像を半透明にする*/
.opacity img:hover {
filter:alpha(opacity=70);
opacity:0.7;
}
/* ページトップ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    background: #4169e1;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/* IE11でカードの画像が正常に表示されないのを防ぐ（空白行ができる）*/
* {
min-height: 0.01px;
 }
 
/* メニューにNEWマークをつける*/ 
.new {
position:absolute;
top: 10px;
left:10px;
width: 30%;
}
/* メニューにNEWマークをつける(横長の場合)*/ 
.new2 {
position:absolute;
top: 10px;
left:10px;
height: 80%;
}

/* メニューの説明 */ 
.menu {
  text-align:center;
  background:rgba(255,255,255,0.7);
  line-height: 1.0;
  margin-bottom: 0px;
}

/* メニューの値段 */ 
.menu2 {
  text-align:center;
  color: red;
  font-weight:  bold;
  background:rgba(255,255,255,0.7);
  line-height: 1.5;
  margin-top: 0px;
  padding-top: 5px;
}