@charset "UTF-8";
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*動画エリア*/
#cover {
  position: relative;
  width: 100%;
  height: 560px;
  overflow: hidden;
  margin-top: -120px;
}
#cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 83.75vw;
  max-width: 1072px;
  z-index: 1;
}
#cover video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 0;
}
/* モンドコレクションバナー*/
.monde_bnr{
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 100;
}
/*バナーエリア*/
#banner{
	list-style: none;
    padding: 0;
    text-align: center;
}
#banner li{
	list-style: none;
	display: inline;
}
#banner li:nth-child(2n){
	margin-left:15px;
}
#banner li a img:hover{
	opacity: 0.8;
}
/*お知らせ*/
#news{
	border: 3px solid #000;
	padding:15px;
	display:table;
    width: 980px;
}
#news h2 {
    display: table-cell;
    border-right: 1px solid #000;
    width: 150px;
    vertical-align: middle;
    padding: 0 30px 0 20px;
    vertical-align: middle;
}
#news ul{
    display: table-cell;
    padding-left: 30px;
}
.fs-p-dateList > li {
    border: none;
}
.fs-p-dateList > li time:first-child {
    background: none;
    color: #333;
}
/*ダンダダン 餃子の紹介*/
#introduce{
	margin: 20px 0;
}
#introduce .gyozaImg{
	float:left;
    margin-right: 30px;
    margin-bottom: 50px;
    width: 390px;
}
#introduce h4{
	display: inline-block;
	margin:60px 0 0 0;
}
#introduce .gyozaTxt{
	margin:20px 0;
}
/*ロケットニュース動画*/
#rocket-movie{
	clear: both;
	background: #80080a;
    padding: 20px 40px;
	color: #FFF;
	position: relative;
	margin-bottom:50px;
}
#rocket-movie .movie-wrap {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
#rocket-movie .movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
#rocket-movie .gyozaImg{
	position: absolute;
	right:-60px;
	top:-60px;
}
#rocket-movie .gyozaFukidashi{
	position: absolute;
	right:70px;
	top:5px;
}
#rocket-movie .rocketLogo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
#rocket-movie .rocketFor {
    display: inline-block;
}
#rocket-movie h2 {
	margin-bottom:25px;
}
#rocket-movie .pan {
	width:450px;
	margin-top:20px;
	float: left;
	text-align: center;
}
#rocket-movie .hotplate {
	width:450px;
	margin-top:20px;
	float: right;
	text-align: center;
}
#rocket-movie h5 {
	margin-bottom:0;
}
/*トップ購入エリア*/
.cartTopImg{
	width: 100%;
	z-index: 10;
    margin: -5% 0 0px 0;
}
.cartBottomImg{
	width: 100%;
	z-index: 10;
    margin: -5px 0 0px 0;
}
.cartTopImg img,
.cartBottomImg img{
	width: 100%;
}
#topCart{
	width:100%;
	background: #cbc2ae;
	padding:0 0 20px 0;
    margin: -10px 0 0 0;
}
#topCart .inner{
	width:1000px;
	margin:0 auto;
	text-align: center;
}
#topCart .cartLead{
	margin:0 auto 20px auto;
}
#topCart .productsBox {
    background: #FFF;
    margin: 10px 0;
    padding: 15px;
    text-align: left;
}
#topCart .photo {
    float: left;
    width: 240px;
    margin: 0;
}
#topCart h3 {
    display: inline-block;
    margin: 20px 30px;
}
#topCart h3 img,
#topCart .price img{
    margin:0 10px 0 0;
	vertical-align: middle;
}
#topCart .price{
    margin: 10px 30px;
    display: inline-block;
}
#topCart .btn{
    width: 300px;
    display: inline-block;
}
#topCart .button{
    width: 100%;
}
@media screen and (max-width: 768px) {
#cover {
    height: 65vw;
	overflow: visible;
    margin-top: -50px;
    margin-bottom: 0;
}
#cover video {
    object-fit: cover;
}
#cover video {
    position: absolute;
    top: 30vw;
    right: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
#cover img {
    top: 38vw;
    width: 100vw;
}
/*バナーエリア*/
#banner li{
	width: 90%;
	margin:5px auto;
}
#banner li:nth-child(2n){
	margin-left:0;
}
/*お知らせ*/
#news{
	border: 3px solid #000;
    padding: 5%;
    width: 100%;
}
#news h2 {
	border-right: none;
    width: 100px;
    padding: 0;
    display: block;
    margin: 0 auto;
}
#news ul{
    padding-left: 0;
    display: block;
}
.fs-p-dateList > li {
    border: none;
}
.fs-p-dateList > li time:first-child {
    background: none;
    color: #333;
}
/*ダンダダン 餃子の紹介*/
#introduce{
	margin: 10px 0 30px 0;
    padding: 0 10px;
}
#introduce .gyozaImg{
	float:none;
	margin:10px auto;
	width: 60%;
}
#introduce h4{
	margin:10px 0 0 0;
}
#introduce .gyozaTxt{
	margin:10px 0;
}
/*ロケットニュース動画*/
#rocket-movie{
    padding:20px 10px 10px 10px;
	margin-bottom:10px;
}
#rocket-movie .gyozaImg{
	display: none;
}
#rocket-movie .gyozaFukidashi{
	position: absolute;
    right: 10px;
    top: 0;
    width: 40%;
}
#rocket-movie .rocketLogo {
    width: 50%;
}
#rocket-movie .rocketFor {
    display: inline-block;
    width: 90%;
    margin: 0 auto;
}
#rocket-movie h2 img{
    width: 90%;
    margin: 0 auto;
}
#rocket-movie .pan {
	width:450px;
	margin-top:20px;
	float: left;
	text-align: center;
}
#rocket-movie .hotplate {
	width:450px;
	margin-top:20px;
	float: right;
	text-align: center;
}
#rocket-movie h5 {
    width: 50%;
    margin: 10px auto;
}
#rocket-movie .pan {
	width:100%;
    float: none;
}
#rocket-movie .hotplate {
	width:100%;
    float: none;
}
/*トップ購入エリア*/
.cartTopImg {
    margin: -7vh 0 0px 0;
}
.cartBottomImg {
    margin: 0;
}
#topCart .cartLead {
    padding: 15px;
    text-align: left;
}
#topCart .inner {
	width:100%;
}
#topCart .productsBox {
    margin: 10px;
}
#topCart .photo {
    float: none;
    width: 100%;
}
#topCart h3 {
    margin: 10px;
    text-align: center;
}
#topCart h3 img{
    margin-bottom: 10px;
}
#topCart .price {
	margin:0;
}
#topCart .btn {
    width: 100%;
    text-align: center;
}
#topCart .btn .fs-c-button--primary {
    width: 100%;
	}

}