@charset "UTF-8";


/* ▼768px以上の場合に適用
--------------------------------------------------------------------- */
@media only screen and (min-width: 769px) {


   #Sp_Logo {
      display: none;
   }


}


/* ▼768px以下の場合に適用（iPad portrait以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {


   body {
      font-size: 16px;
      line-height:2em;
   }

   #Navi_Wrap {
      display: none;
   }

   #Sp_Logo {
      position: fixed;
      top: 40px;
      left: 20%;
      width: 60%;
   }

/*---メニュー---*/
.Name {
   font-family: serif;
   font-size: 20px;
   margin-top:20px;
}

.Exp {
   margin-top:10px;
}

.Price {
   font-family: serif;
   font-size: 24px;
   margin-top:20px;
}


/* !Fonts -------------------------------------------------------------- */
.fz60 { font-size: 40px;}

/* !Width ------------------------------------------------------------------- */
.w7per { width: 20% !important;}
.w10per { width: 20% !important;}


}


/* ▼487px以下の場合に適用(iPhone 13 以下)
---------------------------------------------------------------------- */
@media only screen and (max-width: 487px) {


   body {
      font-size: 16px;
      line-height:2em;
   }

   header {
      position: relative;
      height: 600px;
      min-height: 600px;
      width: 100%;
      background-size: cover !important;
      -webkit-background-size: cover !important;
      text-align: center;
      overflow: hidden;
   }

   #Message {
      position: fixed;
      z-index: 0;
      top: 260px;
      left: 0;
      width: 100%;
   }

   #Navi_Wrap {
      display: none;
   }

   #Sp_Logo {
      position: fixed;
      top: 40px;
      left: 20%;
      width: 60%;
   }

   #Slid_Area {
      width: 100%;
      height:auto;
      margin-top: 10px;
   }

   h2 {
      font-size: 34px;
      font-weight: bold;
      padding:20px 0;
   }

/* !Table
---------------------------------------------------------- */
/*---テーブル（基本）---*/
.table_basic02 {
	width: 100%;

	border: none;
}
.table_basic02 th,
.table_basic02 td {
	border: none;
	padding: 10px;
}
.table_basic02 th {
	background-color: #f0f0f0;
	vertical-align: top;
	border: none;
}
@media screen and (max-width:487px){
	.table_basic02 {
		width: 100%;
	}
	.table_basic02,
	.table_basic02 thead,
	.table_basic02 tbody,
	.table_basic02 tr,
	.table_basic02 th,
	.table_basic02 td {
		width: 100%;
		display: block;
		border: none;
	}
	.table_basic02 th,
	.table_basic02 td {
		border: none;
	}
}

/*---メニュー---*/
.Name {
   font-family: serif;
   font-size: 20px;
   margin-top:20px;
}

.Exp {
   margin-top:10px;
}

.Price {
   font-family: serif;
   font-size: 24px;
   margin-top:20px;
}


/*---新着情報---*/
#News {
   width:100%;
   background: #FFF9E8;
   padding: 20px 0 50px;
}

   .flex-direction-nav {
      display: none;
   }

   #back-top a {
      display: none;
   }

   #Footer_Wrap {
      height: 420px;
   }

/* !Fonts -------------------------------------------------------------- */
.fz34 { font-size: 24px; line-height:1.4em;}
.fz60 { font-size: 28px; line-height:1.4em;}

/* !Margin ------------------------------------------------------------------ */
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:20px !important;}
.mt40 { margin-top:20px !important;}
.mt50 { margin-top:20px !important;}
.mt60 { margin-top:30px !important;}
.mt80 { margin-top:40px !important;}
.mt120 { margin-top:40px !important;}

/* !Padding ------------------------------------------------------------------ */
.pt60 { padding-top:30px !important;}

/* !Width ------------------------------------------------------------------- */
.w7per { width: 24% !important;}
.w10per { width: 24% !important;}

/* !Inline Align ------------------------------------------------------------ */
.taR { text-align: left !important;}

/* !line-height ------------------------------------------------------------------ */
.lh24    { line-height:1.8em;}

}