@charset "utf-8";

/*
*** テンプレート共通css ***
****/
img.only-pc {  display: inline-block;}
img.only-sp {  display: none;}
@media only screen and (max-width: 640px) {
  img.only-pc {  display: none;}
  img.only-sp {  display: inline-block;}
}
br.only-pc {  display: inline;}
br.only-sp {  display: none;}
@media only screen and (max-width: 640px) {
  br.only-pc {  display: none;}
  br.only-sp {  display: inline;}
}



/*
*** すき焼きNEWS 共通css ***
****/

/* SP */
@media only screen and (max-width: 640px) {
}

/*リンク マウスオーバー*/
a:hover{  opacity: 0.7;}
@media only screen and (max-width: 640px) {
  a:hover{  opacity: 1;}
}

/*コンテンツ範囲
#contentsWrap{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}*/

/* レシピのボタン */
ul.recipe-line{
  overflow: hidden;
}
ul.recipe-line li div{
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(224,214,204,1);
  -moz-box-shadow: 4px 4px 0 0 rgba(224,214,204,1);
  box-shadow: 4px 4px 0 0 rgba(224,214,204,1);
}
ul.recipe-line li div img:hover{
  transform: scale(1.25);
}
ul.recipe-line li .recipe-name{
  color: #ff8300;
  font-size: 18px;
  font-weight: bold;
  margin: 0.5em 0 0;
}
@media only screen and (max-width: 640px) {
  ul.recipe-line li div:hover img{
    transform: scale(1);
  }
  ul.recipe-line li .recipe-name{
    font-size: medium;
  }
}