@charset "utf-8";

/****** 共通基本設定
******************************************************/
body {
  font-family: 'Kiwi Maru', serif;
background-color: #deb887;
  /* margin: 50px; */
  padding: 0;


}


/* ヘッダー */
.header-top {
  margin-bottom: 20px;
	text-align: center;
}
.header-top img {
  width: 50%;
	margin:40px 50px 25px 40px;
  box-shadow: 15px 15px 0 rgba(126, 38, 16, 0.781);
	text-align: center;
  border-radius: 40px;

}



.heading {
  position: relative;
  padding: 1em;
  font-size: 26px;
  border-bottom: 2px solid #800000;
  width: 500px;
text-align: center;

}

.design {
  box-shadow: 7px 7px 0 rgba(110, 71, 20, 0.29);
  }

/*トップページ*/





.inner {
  text-align: center;
  size: 80%;
}

.btn-oya{
  width: 100%;
  height: auto;
  text-align: center;
  
}




h1 {
font-size: 35px;
color: #800000;
margin: 50px 2px 30px 10px;
text-align: center;
}

img{
  border-radius: 30px;
  
}

.btn-index {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #c26011;/*左線*/
  color: #c26011;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 15px 15px rgba(110, 71, 20, 0.29);
  border-radius: 10px;
  margin-top: 10%;
  width: 220px;
  font-size: 30px;
}
.btn-index:hover {
  box-shadow: inset 0 0 2px rgba(110, 71, 20, 0.29);
  transform: translateY(2px);
}





/*確認エリア*/


body{
  height: 150vh;
}

.fade{
  text-align: center;
  opacity : 0;
  transition: opacity 6s;
  font-size: 40px;
  margin-top: 10%;
  color: #800000;
  font-size: 40px;

margin-bottom: 50px;

}
 
.fade.view{
  opacity: 1;
}

.inner {
  text-align: center;
  size: 80%;
}

/*選択画面*/
.rice-contents {
  display: flex;
  width: 98%;
  height: auto;
justify-content: center;
text-align: center;

}

.rice-item {

  width: 20%;
  height: auto;
  text-align: center;
  font-size: 28px;
  margin: 25px 70px 5px 20px;
}
.btn-rice {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #8b0000;/*左線*/
  color: #8b0000;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 10px 10px rgba(110, 71, 20, 0.29);
  border-radius: 10px;
  margin-top: 10px;
  width: 210px;
  font-size: 23px;
}
.btn-rice:hover {
  box-shadow: inset 0 0 2px rgba(110, 71, 20, 0.29);
  transform: translateY(2px);
}
img-rice {
border-radius:30px;
margin: 50px 60px 30px 50px;

}

.rice{
  color: #800000;
  font-size:17px;
margin-top: 13px;
margin-bottom: 10px;
width: 165%;

}







/*背景*/
.wrapper {
  width: 960px;
  margin: 0 auto;
  background-color: rgba(237, 240, 230, 0.342);
}
	


.bg_pattern {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffe9a7;
  opacity: 0.4;
  z-index: -1;
}
.Lines_v3 {
  background-size: 40px 40px;
  background-image:  repeating-linear-gradient(0deg, #ffc107, #ffc107 2px, #ffe9a7 2px, #ffe9a7);
}



/*フッター*/


.footer {
  margin: 0;
  background-color: #8b4513;
  margin-top: 10%;
}
.footer .inner {
  padding: 30px;
}

.copyright {
  font-size: 20px;
  text-align: center;
  color: #fff;
}



/*カートエリア*/

.content {
	width: 1000px;
	overflow: auto;
	color: #333;
  margin: 2px 100px 2px 100px;
  text-align: center;
}
.content img { 
	width: 300px;
	float: left;
	margin: 20px;
}
.content_text { 
	width: 380px;
	margin-bottom: 40px;
	overflow: auto;
	line-height: 2em;
}
.content_text h2 {
	color: #8b0000;
	font-size: 23px;
	font-weight: normal;
  
}
.price {
	color: #8b0000;
	font-size: 18px;
	font-weight: normal;
}

.item_select { 
	width:260px;
  
	height: 60px;
	margin-bottom: 20px;
	padding:15px;
	float: right;
	font-size:18px;
  font-family: 'Kiwi Maru', serif;
  color: #8b0000;
	border:solid 1px rgb(231, 207, 175);
	border-radius: 20px;
	cursor: pointer;
	outline:none;
  background-color: rgba(241, 178, 106, 0.342);
}



.btn-cart {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #d43b3b;/*左線*/
  color: #d43b3b;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 12px 12px rgba(110, 71, 20, 0.29);
  border-radius: 10px;
  
  width: 220px;
  font-size: 30px;
}
.btn-cart:hover {
  box-shadow: inset 0 0 2px rgba(110, 71, 20, 0.29);
  transform: translateY(2px);
}

h2 {
  color: #8b0000;
  font-size: 18px;
  text-align: center;
}

/*完了ページ*/

.btn-top {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #008b84;/*左線*/
  color: #008b84;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 10px 10px rgba(110, 71, 20, 0.29);
  border-radius: 10px;
  
  width: 220px;
  font-size: 23px;
}
.btn-top:hover {
  box-shadow: inset 0 0 2px rgba(110, 71, 20, 0.29);
  transform: translateY(2px);
}


.taberu {
width: 40%;
margin-bottom: 40px;
}