@charset "UTF-8";

body {background-image: url(../ishintei/kabegami.png);color:#333;}
#wrap{background-color: #ce9b0e; }
#gaikan{ position:relative;}
#gaikan p img{width:30vw;}
#gaikan > img{object-fit:contain;width: 100%;}
#bunsho{ background-image: url(../ishintei/haikei.png);color: #fff;}
#naikan{ background-color: #ce9b0e;}
#menu{text-align: center;}
.menuwaku{background-color: #ce9b0e;color: #FFF; text-align:center;display: inline-block;}
#info{ background-color: #ce9b0e;color: #FFE;}
#info p:last-child{width:100%;text-align: left;padding-top:0;}
footer{background-color: #ce9b0e; }
.col1,.col2{color: #443;}
#gw{background-color:#f4f5f7;border-bottom: 1px dashed #ccc;padding:2em 0;}
#gw p:last-child{text-align: center;}
#gw p img{width:100%;max-width: 715px;}
#gw p:first-child{font-weight: 600;font-size: 1.2em;color:crimson;margin:0 auto;text-align: center;
  padding:0.5em 1em;background-color:white;width:15em;border:1px solid crimson;}
.aka{padding-top:0.8em;font-weight:600;color:firebrick;font-size:1.3em;}
.kakoi{border:1px solid white;}

.card{height: auto;
border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;}


.yureru {
	animation: yureru 2s infinite;
}
@keyframes yureru {
	0% {
		transform: translate(2px, 0px);
	}
	5% {
		transform: translate(-2px, 0px);
	}
	10% {
		transform: translate(2px, 0px);
	}
	15% {
		transform: translate(-2px, 0px);
	}
	20% {
		transform: translate(2px, 0px);
	}
	25% {
		transform: translate(-2px, 0px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}

#pho img{width:100%;}
#pay ul:nth-of-type(4),#pay ul:nth-of-type(3){
	display: block;
	text-align: center;
   
}



/*PC*/
@media screen and (min-width:768px){

#bunsho {background-size:cover;padding:50px;font-size:1.2rem;line-height:2.5rem;}
#donburi p{text-align: center;}
#donburi img{width: 750px;}
#info p img.paypay{width:300px;}

#pay{background-color: white;font-family: "Noto Sans JP"; padding-top:50px;}
#pay h2 {color:#0060b0;font-size:2.3em;margin-bottom:30px;text-align: center;letter-spacing:0.1em;font-weight: 200;}
#pay h3 {color:#0060b0;font-size:1.9em;margin-bottom:15px;text-align: center;}
#pay h3:nth-of-type(3),
#pay h3:nth-of-type(4){margin-bottom:0;}
#pay ul {display: flex;flex-wrap: wrap;width:620px;margin:0 auto;padding-bottom:40px;}
#pay ul li:not(:last-child){margin-right:20px;}



#pho{
 display: grid;
 grid-gap: 10px;
 grid-template-columns: repeat(4, calc((100% - 30px) / 4));
 grid-auto-rows: auto;
  }

#kisetu{width:90%;margin:0 auto;}
#kisetu .card{width:80%;max-width: 550px;margin: 0 auto;}
#kisetu img{width:100%;}
.menuwaku{margin-top:80px;}

}

/*SP*/
@media screen and (max-width:767px){
#gaikan p {position:absolute;top:-2rem;left:2rem;}
#gaikan p img{width: 50%;}
#bunsho{padding:2rem 1rem;font-size:0.8rem;line-height:1.9rem;}
#naikan p img{object-fit: cover;width:100%;}
#donburi {background-color: white;width:100%;}
#donburi img{width:100%;}
#info p img.paypay{width:55%;}

#pay{background-color: white;font-family: "Noto Sans JP"; padding:4vh 0 5vh 0;}
#pay h2 {color:#0060b0;font-size:2.1em;margin-bottom:30px;text-align: center;font-weight: 200;}
#pay h3 {color:#0060b0;font-size:1.9em;margin-bottom:1vh;text-align: center;}
#pay ul {display: flex;justify-content: center;flex-wrap: wrap;width:100vw;margin:0 auto;padding:0 1em 4vh 1em;}
#pay ul li{width:calc(100% / 3);text-align: center;}
#pay ul:nth-of-type(3) li,#pay ul:nth-of-type(4) li{width:100%;}

#pho{ display: grid; grid-gap: 10px; grid-template-columns: repeat(2, calc((100% - 10px) / 2));
 grid-auto-rows: auto;

  }
#kisetu{width:100%;margin:0 auto;}
#kisetu .card{width:100%;}
#kisetu img{width:100%;}
}