@charset "utf-8";
/* CSS Document */
img{
	display: block;
}
#info{
	display: none;
}

/**********************************************
*福袋ページ
***********************************************/
#Fuku{
	background-color:#cc0101;
}
body#\31 249{
	background-color:#ba1902;
}
#Fuku .label_date{
	width: 100%;
    text-align: center;
    padding: 5vw 0;
    background-color: #fcb900;
    margin-bottom: 10vw;
}
#Fuku .label_date p{
	font-size:20px;
	font-weight: bold;
}
#Fuku .product_area{
	padding: 40px 3% 40px;
    background-color: #FFF;
    background-size: 100%;
    border-radius: 10px;
	box-shadow: 6px 6px 6px rgb(0 0 0 / 32%);
}
#Fuku .product{
	max-width: 1080px;
	width: 88%;
    margin: auto;
}
#Fuku .product img{
	margin-bottom: 30px;
}
#Fuku .content_block{
	position:relative;
	margin-bottom: 55px!important;
}
#Fuku .content_inner{
	line-height: 23px;
}
#Fuku #fuku_box{
	position: absolute;
    display: flex;
    transform: translateX(-50%);
    top: -25px;
    left: 50%;
	font-weight: bold;
    color: #000000;
    background-color: #fcb900;
    width: 80%;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 40px;
}
#Fuku .lead_txt{
	color: #fff;
    font-size: 3.5vw;
    margin-bottom: 100px;
    line-height: 40px;
    letter-spacing: 0.16em;
    white-space: nowrap;
}
#Fuku .lead_txt .mT1em{
	margin-top: 1em
}
#Fuku .fonts{
	font-size: small;
}
#Fuku .three_img{
	width:100%;
}
.fukulist{
	background-color: #e3cb85;
    padding-bottom: 40px;
    margin-bottom: 60px;
}
.object{
	object-fit: contain;
    width: 100%;
    height: auto;
}
.righttext{
	padding: 30px 0;
}
.righttext>img{
	width: 60%;
    margin: auto;
}
.set{
	position: relative;
	padding: 40px 3% 18px!important;
	margin: 36px 5% 0;
}
.note{
	font-size: x-small;
	text-align: left;
}
.set_title{
	position: absolute;
    display: flex;
    top: -18px;
    font-weight: bold;
    color: #000000;
    background-color: #fcb900;
    width: 30%;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-radius: 40px;
}
.price{
	padding: 36px 0;
}
.price span{
	font-size: small;
}
.contentCol li{
	position: relative;
	text-align: left;
    padding-left: 17px;
}
.contentCol li:before{
	content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: 0;
    width: 7px;
    height: 7px;
    margin: 13px 0 0;
    border-radius: 50%;
	background: #000;
}
.ticket{
	text-align: left;
    font-size: 0.9em;
	color: #FF0004;
}
.downlaod {
    padding: 0 5%;
    padding-top: 0px;
    margin-bottom: 40px;
    background-color: #262841;
    margin-top: 0px;
    color: #fff;
}

/**********************************************
*LPページ
***********************************************/
.l-container { position: relative; background-color: #f8f4e9; }
.l-contents { position: relative; margin: 0 auto; z-index: 2; }
.l-main { position: relative; padding-bottom: 105px; background-color: #f8f4e9; overflow: hidden; z-index: 1; }

#sns_nikufes{
	background-color: #0b0102;
}
.l-contents{
	max-width: 400px;
	box-shadow: 0 0 8px rgba(37,30,28,0.8);
}
.l-cover {
    display: none;
}
.color_white{
	color: #ffffff;
}
.fix{
	position: fixed;
    bottom: 5%;
    z-index: 2;
	width: 100%;
	max-width: 400px;
}
.intro-text{
	padding: 20px 4%;
    line-height: 2;
    text-align: justify;
    font-size: 15px;
}
.menu-text{
	padding: 0 4%;
    line-height: 1.5;
    text-align: justify;
	margin-bottom: 50px;
}
@media screen and (min-width: 769px) /* 769pxからpc表示へ*/{

/**********************************************
*福袋ページ
***********************************************/
#Fuku .label_date{
    padding: 2vw 0;
    margin-bottom: 5vw;
}
#Fuku .label_date p{
	font-size:25px;
}
#Fuku .product_area{
	padding: 60px 3% 30px;
}
#Fuku .three_img{
	width:60%;
	margin: auto;
}
#Fuku .content_inner{
	line-height: 30px;
}
#Fuku #fuku_box{
    width: 50%;
    height: 60px;
}
#Fuku .lead_txt{
    font-size: 20px;
}
.fukulist {
    background-color: #e3cb85;
    padding-bottom: 0px;
    margin-bottom: 60px;
}
.fukulist_inner{
	display: grid;
	grid-template-columns: 61% 37%;
	align-items: center;
	justify-content: start;
}
.object{
	object-fit: cover;
    width: 100%;
	height: 100%;
    height: -webkit-fill-available;
	object-position: 75% 50%;
}
.set{
	height: fit-content;
}
.l-cover{
	display: block;
	position: fixed;
	top: 80px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.l-cover-block{
	position: absolute;
        top: 0;
        width: calc((100% - 400px) / 2);
        height: 100%;
}
	.l-cover-block.is-right{
		left: calc((100% - 400px) / 2 + 400px);
	}
	.l-cover-block.is-left{
		right: calc((100% - 400px) / 2 + 400px);
	}
	.l-cover-product{
		width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}