/*
Theme Name: mrpanya
Author: Partner Publicity
Template: creative
*/
body {
  background-image: url(http://shimamura.mom/wp-content/uploads/sites/2/2017/11/bg_paper.jpg);
}
/*看板・揺れる
.swing {
margin:10px;
-moz-animation: swing linear 5s infinite;
-moz-transform-origin: center -30px 0;
-webkit-animation: swing linear 5s infinite;
-webkit-transform-origin: center -30px 0;
-ms-animation: swing linear 5s infinite;
-ms-transform-origin: center -30px 0;
-o-animation: swing linear 5s infinite;
-o-transform-origin:center -30px 0;
animation: swing linear 5s infinite;
transform-origin: center -30px 0;
display: block;
float:left;
}
@-moz-keyframes swing {
0% { -moz-transform: rotate(0deg) }
25% { -moz-transform: rotate(5deg); }
50% { -moz-transform: rotate(0deg); }
75% { -moz-transform: rotate(-5deg); }
100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
0% { -webkit-transform: rotate(0deg); }
25% { -webkit-transform: rotate(5deg); }
50% { -webkit-transform: rotate(0deg); }
75% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
0% { -o-transform: rotate(0deg); }
25% { -o-transform: rotate(5deg); }
50% { -o-transform: rotate(0deg); }
75% { -o-transform: rotate(-5deg); }
100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
0% { -ms-transform: rotate(0deg); }
25% { -ms-transform: rotate(5deg); }
50% { -ms-transform: rotate(0deg); }
75% { -ms-transform: rotate(-5deg); }
100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
0% { transform: rotate(0deg); }
25% { transform: rotate(5deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}*/
#sitelogo img {
  width: 50%;
  height: auto;
}
/*お問合せ*/
.contact_text .red_required {
  color: #41bcd7;
}
.privacy-policy {
  height: 200px;
  overflow-y: scroll;
  background-color: #fff;
  border: 1px solid #B7B7B7;
  padding: 20px;
}
.contact_text dl dd .privacy-policy dl dt {
  float: none;
  width: auto;
  text-align: left;
}
/*スライダー下の隙間*/
#contents .pl-7 #pl-7 .so-panel {
  margin-bottom: 0;
}
/*メニュー表*/
ul.menu-panya {
  list-style: none;
  line-height: 2;
  padding-left: 0;
}
ul.menu-panya li {
  width: 100%;
}
.price {
  font-size: 14px;
  text-align: right;
  color: #ef8200;
}
/*コッペパン*/
.coupe {
  margin-bottom: 20px;
}
/*ミスターコッペアニメーション*/
#mr-coupe {
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: auto;
  animation: swing_coupe linear 3s infinite, move_coupe linear 30s infinite;
}
@keyframes swing_coupe {
0% {
transform: scale(1.0, 1.0) translate(0%, 0%) rotate(0deg);
}
2% {
transform: scale(0.9, 0.9) translate(0%, 1%) rotate(5deg);
}
5% {
transform: scale(1.1, 0.9) translate(0%, 2%) rotate(0deg);
}
7% {
transform: scale(0.9, 1.1) translate(0%, -2%) rotate(-5deg);
}
10% {
transform: scale(1.1, 0.9) translate(0%, 1%) rotate(0deg);
}
15% {
transform: scale(1.0, 1.0) translate(0%, 0%);
}
}
 @keyframes move_coupe {
0% {
 top: 2%;
left: 38%;
}
10% {
 top: 48%;
 left: 91%;
}
20% {
 top: 86%;
 left: 22%;
}
30% {
 top: -2%;
 left: 8%;
}
40% {
 top: 24%;
left: 88%;
}
50% {
 top: 86%;
 left: 46%;
}
60% {
 top: 36%;
 left: -2%;
}
70% {
 top: -3%;
 left: 72%;
}
80% {
 top: 76%;
left: 82%;
}
90% {
 top: 7%;
 left: 0%;
}
100% {
 top: 2%;
left: 38%;
}
}
/*パソコンで非表示*/
@media (min-width:768px) {
.pc-no {
  display: none;
}
}
@media (max-width:768px) {
/*スマホで消える*/
.sp-no {
  display: none;
}
/*中央揃え*/
.sp-center {
  text-align: center;
}
}