@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
body,html{
	width: 100%;
	overflow-x: hidden;
}
body{
	font-size: 14pt;
	line-height: 1.6;
	overflow-x: hidden;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
}
#wrap{
	width: 100%;
	margin: 0;
}
img{max-width: 100%;}
.block{display: block;}
.w100{width: 100%;}
.box01,.box02{	padding: 60px 0 !important;}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.row > .center{
	float: none !important;
	margin:0 auto !important;
}

::-webkit-scrollbar{
   width:12px;
}
::-webkit-scrollbar-track{
   background-color: #f0f0f0;
}
::-webkit-scrollbar-thumb{
   background-color: #979797;
	border-radius: 30px;
}

#index02 .box01{
	background: url("../images/bg01.jpg") center top repeat;
	background-size: cover;
}
#index02 .box02{
	background: rgb(196,26,34);
	background: linear-gradient(90deg, rgba(196,26,34,1) 0%, rgba(232,90,41,1) 35%, rgba(196,26,34,1) 100%);
}
#index03 .box01{
	background: url("../images/bg02_1.jpg") center bottom no-repeat;
	background-size:100% auto;	
	padding-bottom: 0 !important;
}
#index03 .box01 .list{
	border: 2px solid #a7960a;
	margin: 0 auto;
}
#index03 .box01 .list img{width: 100%;}
#index03 .box01 .container *{box-sizing: border-box;}
#index03 .box01 .row .col-6{padding: 0;}
#index03 .box02{
	background: url("../images/bg02_2.jpg") center top no-repeat;
	background-size:100% auto;
	padding-bottom: 0 !important;
}
#index04 .box01{padding-bottom: 0 !important;}
#index04 .box01 .flex{
	align-items:center;
}
#index04 .box01 .flex .col-6{float: none;}
#index04 .box01 .flex p{
	padding: 1rem;
	text-align: left;
}
#index05 .box01{
	background: url("../images/bg03_1.png") center bottom no-repeat;
	background-size: 100% auto;	
	padding-bottom: 0 !important;
}
#index05 .box02{
	background: url("../images/bg03_2.png") center top no-repeat, linear-gradient(180deg, rgba(255,255,255,1) 15%, rgba(235,234,229,1) 100%);
	background-size:100% auto;
	padding-top: 50% !important;
}
#index05 .box02 *{float: none;}
#index05 .box02 p{margin:0 auto;}
#index06 .box01 .howto{	margin: 40px auto;}
#index06 .box01 .howto *{text-align:left !important;}
#index06 .box01 .howto .img_tit{margin-bottom: 30px;}
#index06 .box01 .howto .img_cook{margin-top: 30px;}
#index07 .box01,#index09 .box01{padding-top: 0 !important;}
#index07 .title{
	text-align: center;
	background:linear-gradient(90deg, rgba(196,26,34,.75) 0%, rgba(232,90,41,.75) 35%, rgba(196,26,34,.75) 100%);
	mix-blend-mode: multiply;
	padding: 20px;
	margin-bottom: 30px;
}
#index07,#index09{background: #f7f5f0;}
#index09 .title{
	text-align: center;
	background:rgba(0,44,57,.75);
	mix-blend-mode: multiply;
	padding: 20px;
	margin-bottom: 30px;
}
#index09 #orderForm form > div {
  background:#fff;
}
@media (min-width:961px){
 #index09  #orderForm form > div {
    padding:3rem 2rem!important;
  }
}
@media (min-width:601px) and (max-width:960px){
#index09   #orderForm form > div {
    padding:2rem 1.5rem;
  }
}
@media (max-width:600px){
 #index09  #orderForm form > div {
    padding:1.25rem 1rem 1.5rem;
  }
}
#index09 .box01 .form_wrap{
	background: #FFF;
	border-radius: 8px;
	padding:15px 30px;
}
#index09 iframe{
	width:100%;
	border:1px solid #000;
	margin: 30px 0 0;
	padding-right: 1px;
}
#index10 table{
	text-align: left !important;
	margin: 50px auto;
}
#index10 table th,#index10 table td{
	border-bottom: 1px solid #CCC;
	padding: 15px 0;
}
#terms {
	padding: 30px 20px;
	font-size: 85%;
}
#terms .col-12{text-align: left;}
#terms .title{height: 27px;}
#terms ol{
	list-style-type: decimal;
	padding:0 0 0 2rem;
}
#terms ul.square{
	list-style: square;
	padding:0 0 0 2rem;
}

.anime_bound {
  animation: bound 3s infinite;
}

@keyframes bound {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-25px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

@media(min-width:783px) {
.pcnone{display: none;}
#index04 .box01 .flex li{margin-bottom: 50px;}
}
@media(max-width:782px) {
body{
	font-size: 10pt;
	line-height: 1.4;
}
.spnone{display: none;}
.box01,.box02{	padding: 30px 0 !important;}

#index06 .box01 .howto{margin: 20px 0;}
#index06 .box01 .howto .img img{
	width:60%;
	display: block;
	margin:0 auto 20px;
}
#index06 .box01 .howto .img_tit{margin-bottom: 20px;}
#index06 .box01 .howto .img_cook{margin-top: 20px;}
#index07 .title img,#index09 .box01 .title img{height:30px;}
#index09 .box01 .form_wrap{	padding:10px 20px;}
#index09 .box02 .title img{height:58px;}
#index09 iframe{margin: 20px 0 0;}
#index10 table th,#index10 table td{
	display: block;
	padding: 8px 0;
	}
#index10 table *{text-decoration: none;}
#terms {padding: 15px 0;}
#terms .title{height:20px;}
}

/*----------------------------------------------------------------------

  Footer

----------------------------------------------------------------------*/
.l-footer {
	background-color: #fff;
}
.l-footer__band {
	background-color: #111;
	color: #fff;
}

@media screen and (min-width: 768px) {
.l-footer__band {
	display: flex;
	align-items: center;
	justify-content: center;
}
.l-footer__band-item {
	border-bottom: none;
}
.l-footer a {
	padding: 2rem 1rem;
	color: #fff;
	display: block;
}
.l-footer a:hover {
	color: #fff;
}
.l-footer__social {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 8px;
}
.l-footer__social-item {
}
.l-footer__social a {
	font-size: 16px;
	padding: 8px;
}
.l-footer__copyrights {
	text-align: center;
	padding: 0 12px 20px;
}
.l-footer__totop {
	display: none;
}
}
@media screen and (min-width: 768px) {
.l-footer__totop {
display: block;
opacity: 0;
visibility: hidden;
position: fixed;
bottom: 20px;
right: 12px;
z-index: 996;
width: 120px;
}
.l-footer__totop.is-active {
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 767px) {
.l-footer__band a {
	display: block;
	color: #fff;
	padding: 1rem!important;
}
.l-footer__band-item {
    border-bottom: 1px solid #fff;
}
}