@charset "UTF-8";
/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.device-pc {
	display: block;
}
.device-sp {
	display: none;
}
.button a {
	padding: 26px 100px;
	display: inline-block;
	color: #fff;
	background-color: #9C3430;
	font-size: 22px;
	border-radius: 100px;
}
.guide {
	text-align: center;
}
.guide a {
	display: inline-block;
	/* padding: 12px 77px; */
	padding: 12px 29px;
	border: 1px solid #000;
	position: relative;
	font-size: 12px;
}
.guide a::before {
	position: absolute;
	content: "";
	/* width: 36px; */
	width: 18px;
	height: 5px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/arrow.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
}
/*
	ribbon
*/
.ribbon1 {
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 10px;
	margin: 0;
	padding: 10px 0;
	z-index: 2;
	width: 40px;
	text-align: center;
	color: white;
	font-size: 17px;
	background: #CCA332;
	border-radius: 2px 0 0 0;
}
.ribbon1::before {
	position: absolute;
	content: '';
	top: 0;
	right: -6px;
	border: none;
	border-bottom: solid 6px #966710;
	border-right: solid 6px transparent;
}
.ribbon1::after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 20px solid #CCA332;
	border-right: 20px solid #CCA332;
	border-bottom: 10px solid transparent;
}
.ribbon2 {
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 10px;
	margin: 0;
	padding: 10px 0;
	z-index: 2;
	width: 40px;
	text-align: center;
	color: white;
	font-size: 17px;
	background: #969696;
	border-radius: 2px 0 0 0;
}
.ribbon2::before {
	position: absolute;
	content: '';
	top: 0;
	right: -6px;
	border: none;
	border-bottom: solid 6px #555555;
	border-right: solid 6px transparent;
}
.ribbon2::after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 20px solid #969696;
	border-right: 20px solid #969696;
	border-bottom: 10px solid transparent;
}
.ribbon3 {
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 10px;
	margin: 0;
	padding: 10px 0;
	z-index: 2;
	width: 40px;
	text-align: center;
	color: white;
	font-size: 17px;
	background: #A25C17;
	border-radius: 2px 0 0 0;
}
.ribbon3::before {
	position: absolute;
	content: '';
	top: 0;
	right: -6px;
	border: none;
	border-bottom: solid 6px #67390D;
	border-right: solid 6px transparent;
}
.ribbon3::after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 20px solid #A25C17;
	border-right: 20px solid #A25C17;
	border-bottom: 10px solid transparent;
}
/*画面幅100％へ初期化*/
#fs_ProductCategory .inner {
	width: 100% !important;
	max-width: 100% !important;
}
#fs_ProductCategory #side {
	display: none;
}
#fs_ProductCategory #main {
	width: 100% !important;
	max-width: 100% !important;
}
#fs_ProductCategory .fs-c-productList {
	width: 100%;
	float: none;
}
#fs_ProductCategory .fs-c-productList__list {
	max-width: 1080px !important;
	margin: 0 auto;
}
#fs_ProductCategory .fs-c-productList__controller {
	max-width: 1080px !important;
	margin: 0 auto;
}
/* --------------------------------------------------------------------------------
	w-gift
-------------------------------------------------------------------------------- */
#w-gift {
	font-family: 'Yu Mincho', 'YuMincho Regular', serif;
	letter-spacing: 0.2em;
}
#main .fs-c-productList__list .fs-c-productList__list__item {
	width: 23%;
}
#main .fs-c-productList__list .fs-c-productList__list__item a .fs-c-productName__name {
	font-size: 20px;
}
/* 
  gloval-nav 
*/
#w-gift .gloval-nav {
	position: fixed;
	width: 170px;
	background-color: #fff;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	box-shadow: 0 0 10px #ccc;
	bottom: 180px;
	right: 0;
	border-right: 3px solid #961718;
	padding: 30px 0 20px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all 1s ease;
}
#w-gift .gloval-nav.fixed {
	opacity: 1;
	visibility: visible;
}
#w-gift .gloval-nav ul {}
#w-gift .gloval-nav ul li {}
#w-gift .gloval-nav ul li a {
	display: flex;
	align-items: center;
	padding: 0 10px 0 15px;
	margin-bottom: 23px;
	font-size: 12px;
	font-weight: bold;
	font-family: YuGothic;
}
#w-gift .gloval-nav ul li:nth-child(6) a {
	color: #D3918B;
}
#w-gift .gloval-nav ul li:last-child a {
	color: #D3918B;
}
#w-gift .gloval-nav ul li a::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #ccc;
	transition: all .3s ease;
	margin-right: 8px;
	flex-shrink: 0;
}
#w-gift .gloval-nav ul li a.current::before {
	background-color: #951719;
}
#w-gift .gloval-nav ul li a:hover::before {
	background-color: #951719;
}
/* 
  mv 
*/
#w-gift #mv {}
#w-gift #mv .mv-inner {
	width: 900px;
	margin: 0 auto;
}
#w-gift #mv .mv-img {
	position: relative;
}
#w-gift #mv .mv-img h2 {
	position: absolute;
	left: 260px;
	top: 45px;
	writing-mode: vertical-rl;
	color: #AF8315;
	font-size: 40px;
	font-weight: 600;
}
#w-gift #mv .mv-img .mv-txt {
	position: absolute;
	left: 190px;
	top: 54px;
	writing-mode: vertical-rl;
	font-size: 20px;
	/* font-weight: 600; */
}
/*
  order-limit
*/
#w-gift #order-limit {
	background: #FEF6E9;
}


#w-gift #order-limit .ol-inner {
	width: 1048px;
	margin: 0 auto;
	padding: 53px 0 66px;
}
#w-gift #order-limit .limit-ttl {
	width: 250px;
	margin: 0 auto;
}
#w-gift #order-limit .limit-ttl p {
	text-align: center;
	font-size: 21px;
	font-weight: 600;
	padding: 8px 33px;
	border: 1px solid #000;
	margin-bottom: 17px;
}

#w-gift #order-limit .limit-desc{
	display: flex;
	justify-content: center;
}

#w-gift #order-limit .limit-desc p {
	text-align: center;
	font-size: 25px;
	font-weight: 600;
}
#w-gift #order-limit .limit-desc p span {
	font-size: 38px;
}



/*
  ランキング
*/
#w-gift #ranking {
	width: 1048px;
	margin: 0 auto 50px;
	padding-bottom: 10px;
}
#w-gift #ranking h2 {
	background: #000;
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 0 0 40px;
}
#w-gift #ranking h4 {
	font-size: 20px;
	text-align: center;
	padding: 0 0 60px;
}
#w-gift #ranking ul {
	display: flex;
	flex-wrap: wrap;
}
#w-gift #ranking ul li {
	width: 20%;
	padding: 0 15px;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 90px;
}
#w-gift #ranking ul li .icon {
	text-align: left;
}
#w-gift #ranking ul li .img {
	margin-bottom: 20px;
}
#w-gift #ranking ul li .img img {
	width: 180px;
	height: 180px;
	object-fit: cover;
}
#w-gift #ranking ul li .ttl {
	font-size: 17px;
	text-align: center;
	flex-grow: 1;
	margin-bottom: 15px;
}
#w-gift #ranking ul li .price {
	font-size: 21px;
	margin-bottom: 14px;
}
#w-gift #ranking ul li .price span {
	font-size: 12px;
}
/*
  movie
*/
#w-gift #movie {
	width: 1048px;
	margin: 0 auto;
	padding: 80px 0 140px;
}
#w-gift #movie .desc {
	text-align: center;
	font-size: 24px;
	line-height: 2;
	/* margin-bottom: 74px; */
}
#w-gift #movie .video {
	width: 644px;
	margin: 60px auto 0;
	background: #eee;
	padding: 20px;
	text-align: center;
}
#w-gift #movie video {
	width: 96%;
}
/*
  gift-manner
*/
#w-gift #gift-manner {
	background-color: #F8F4ED;
}
#w-gift #gift-manner .gm-inner {
	width: 920px;
	margin: 0 auto;
	padding: 75px 0 22px;
}
#w-gift #gift-manner h3 {
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 45px;
}
#w-gift #gift-manner .desc {
	font-size: 20px;
	text-align: center;
	margin-bottom: 80px;
}
#w-gift #gift-manner .content {
	margin-bottom: 90px;
}
#w-gift #gift-manner .content h4 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}
#w-gift #gift-manner .content .delivery-list {
	width: 464px;
	margin: 0 auto;
	padding: 0;
}
#w-gift #gift-manner .content .delivery-list li {
	display: flex;
	margin-bottom: 5px;
}
#w-gift #gift-manner .content .delivery-list .area {
	width: 145px;
	/* width: 25%; */
	font-size: 16px;
	background-color: #C3B699;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: YuGothic;
	font-weight: bold;
}
#w-gift #gift-manner .content .delivery-list .period {
	width: 319px;
	/* width: 75%; */
	font-size: 15px;
	background-color: #fff;
	color: #000;
	padding: 15px 0 15px 32px;
	display: flex;
	align-items: center;
	font-family: YuGothic;
	font-weight: bold;
}
#w-gift #gift-manner .content .txt {
	text-align: center;
	font-size: 18px;
}
/*
  benefits
*/
#w-gift #benefits {
	
	
}
#w-gift #benefits .bene-inner {
	width: 860px;
	margin: 0 auto;
	padding: 60px 0 20px;
}
#w-gift #benefits h3 {
	font-size: 38px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}
#w-gift #benefits .benefits-list {
	width: 735px;
	margin: 0 auto;
}
#w-gift #benefits .benefits-list ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#w-gift #benefits .benefits-list ul li {
	width: 215px;
	margin: 0 15px 40px;
}
/*
  page-jump
*/
#w-gift #page-jump {
	width: 1048px;
	padding: 145px 0;
	margin: 0 auto;
}
#w-gift #page-jump .jump-list ul {
	display: flex;
	justify-content: center;
}
#w-gift #page-jump .jump-list ul li {
	width: 254px;
	margin: 0 10px;
}
#w-gift #page-jump .jump-list ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: relative;
}
#w-gift #page-jump .jump-list ul li a::before {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%) rotate(135deg);
}
#w-gift #page-jump .jump-list ul li a .ttl {
	text-align: center;
	color: #fff;
	font-size: 18px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*
  recommend
*/
#w-gift #recommend {
	width: 1048px;
	margin: 0 auto 50px;
	padding-bottom: 10px;
}
#w-gift #recommend h3 {
	font-size: 25px;
	text-align: center;
	color: #543404;
	margin-bottom: 75px;
}
#w-gift #recommend h3 span {
	border: 1px solid #553404;
	padding: 30px 5px;
}
#w-gift #recommend h3 span span {
	border: 1px solid #553404;
	padding: 25px 55px;
}
#w-gift #recommend .recommend-txt {
	text-align: center;
	font-size: 20px;
	margin-bottom: 50px;
}
#w-gift #recommend .bland {
	margin-bottom: 50px;
}
#w-gift #recommend .bland h4 {
	text-align: center;
	padding: 15px 0;
	margin-bottom: 30px;
}
#w-gift #recommend .bland.special h4 {
	background-color: #CEB453;
	font-size: 20px;
	color: #fff;
}
#w-gift #recommend .bland.bannobiyori h4 {
	background-color: #9A9466;
}
#w-gift #recommend .bland.morinoiro h4 {
	background-color: #C5A160;
}
#w-gift #recommend .bland h4 img {
	width: 120px;
}
#w-gift #recommend .bland ul {
	display: flex;
	flex-wrap: wrap;
}
#w-gift #recommend .bland ul li.slide-item {
	width: 20%;
	padding: 0 15px;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 90px;
}
#w-gift #recommend .bland ul li.slide-item .img {
	margin-bottom: 20px;
}
#w-gift #recommend .bland ul li.slide-item .img img {
	width: 180px;
	height: 180px;
	object-fit: cover;
}
#w-gift #recommend .bland ul li.slide-item .ttl {
	font-size: 17px;
	text-align: center;
	flex-grow: 1;
	margin-bottom: 15px;
}
#w-gift #recommend .bland ul li.slide-item .price {
	font-size: 21px;
	margin-bottom: 14px;
}
#w-gift #recommend .bland ul li.slide-item .price span {
	font-size: 12px;
}
#w-gift #recommend .bland .slick-prev, .slick-next {
	top: 105%;
}
#w-gift #recommend .bland .slick-prev {
	left: 46%;
}
#w-gift #recommend .bland .slick-next {
	right: 46%;
}
#w-gift #recommend .bland .slick-prev::before, .slick-next:before {
	color: #000;
	font-size: 35px;
}
#w-gift #recommend .bland .slick-prev::before {
	content: "<";
}
#w-gift #recommend .bland .slick-next:before {
	content: ">";
}
#w-gift #recommend .bland .bland-link {
	margin-bottom: 90px;
}
#w-gift #recommend .bland .bland-link .guide a {
	width: 454px;
	background-color: #000;
	color: #fff;
	font-size: 17px;
}
#w-gift #recommend .bland .bland-link .guide a::before {
	filter: brightness(0) invert(1);
	width: 36px;
	height: 6px;
}
/*
  newitem
*/
#w-gift #newitem {
	width: 1048px;
	margin: 50px auto;
	padding-bottom: 10px;
}
#w-gift #newitem h3 {
	font-size: 25px;
	text-align: center;
	color: #543404;
	margin-bottom: 75px;
}
#w-gift #newitem h3 span {
	border: 1px solid #553404;
	padding: 30px 5px;
}
#w-gift #newitem h3 span span {
	border: 1px solid #553404;
	padding: 25px 55px;
}
#w-gift #newitem .newitem-txt {
	text-align: center;
	font-size: 20px;
	margin-bottom: 50px;
}
#w-gift #newitem .bland {
	margin-bottom: 140px;
}
#w-gift #newitem .bland h4 {
	text-align: center;
	padding: 15px 0;
	margin-bottom: 30px;
}
#w-gift #newitem .bland.bannobiyori h4 {
	background-color: #9A9466;
}
#w-gift #newitem .bland.morinoiro h4 {
	background-color: #C5A160;
}
#w-gift #newitem .bland h4 img {
	width: 120px;
}
#w-gift #newitem .bland ul {
	display: flex;
	flex-wrap: wrap;
}
#w-gift #newitem .bland ul li.slide-item {
	width: 20%;
	padding: 0 15px;
	text-align: center;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
}
#w-gift #newitem .bland ul li.slide-item .img {
	margin-bottom: 20px;
}
#w-gift #newitem .bland ul li.slide-item .ttl {
	font-size: 17px;
	text-align: center;
	flex-grow: 1;
	margin-bottom: 15px;
}
#w-gift #newitem .bland ul li.slide-item .price {
	font-size: 21px;
	margin-bottom: 14px;
}
#w-gift #newitem .bland ul li.slide-item .price span {
	font-size: 12px;
}
#w-gift #newitem .bland .slick-prev, .slick-next {
	top: 105%;
}
#w-gift #newitem .bland .slick-prev {
	left: 46%;
}
#w-gift #newitem .bland .slick-next {
	right: 46%;
}
#w-gift #newitem .bland .slick-prev::before, .slick-next:before {
	color: #000;
	font-size: 35px;
}
#w-gift #newitem .bland .slick-prev::before {
	content: "<";
}
#w-gift #newitem .bland .slick-next:before {
	content: ">";
}
/*
  recipient
*/
#w-gift #recipient {
	width: 1048px;
	margin: 0 auto 140px;
	padding-bottom: 10px;
}
#w-gift #recipient > h3 {
	font-size: 25px;
	text-align: center;
	color: #543404;
	margin-bottom: 75px;
}
#w-gift #recipient h3 span {
	border: 1px solid #553404;
	padding: 30px 5px;
}
#w-gift #recipient h3 span span {
	border: 1px solid #553404;
	padding: 25px 55px;
}
#w-gift #recipient .recipient-txt {
	text-align: center;
	font-size: 17px;
	margin-bottom: 100px;
}
/* gift_select */
#w-gift #recipient #gift_select {
	padding: 0;
	margin-bottom: 50px;
}
#w-gift #recipient #gift_select h2 {
	font-size: 25px;
	text-align: center;
	margin: 0 0 70px;
}
#w-gift #recipient #gift_select ul {
	width: 980px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0;
}
#w-gift #recipient #gift_select ul li {
	width: 300px;
	margin: 0 35px 50px 0;
	position: relative;
	background-color: #fff;
	/*	max-width: 30%;*/
	padding: 20px 15px;
}
#w-gift #recipient #gift_select ul li:nth-child(3n) {
	margin: 0 0 50px;
}
#w-gift #recipient #gift_select ul li .img {
	margin: 0 0 15px;
}
#w-gift #recipient #gift_select ul li .img img {
	width: 300px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
#w-gift #recipient #gift_select .ul li h4 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 17px;
}
#w-gift #recipient #gift_select ul li .catch {
	font-size: 16px;
	margin: 0 0 10px;
}
#w-gift #recipient #gift_select ul li .item-name {
	font-size: 17px;
	margin: 0 0 10px;
}
#w-gift #recipient #gift_select ul li .price {
	font-size: 16px;
	margin: 0 0 15px;
}
/*
#w-gift #recipient #gift_select ul li .cart-btn{
	text-align: center;
}
*/
/*
#w-gift #recipient #gift_select ul li .cart-btn a{
	border: 1px solid #000;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-content: center;
	padding: 10px 0;
	position: relative;
}
*/
/*
#w-gift #recipient #gift_select ul li .cart-btn a::after{
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	top: 40%;
	width: 37px;
	height: 7px;
	background-image: url(https://www.bannobiyori.com/fs-group/bannobiyori/houjin/arr.png);
	background-size: contain;
	vertical-align: middle;
}
*/
#w-gift #recipient #gift_select .content_area {
	width: 980px;
	margin: 0 auto;
}
#w-gift #recipient #gift_select .tab-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 50px 0;
}
#w-gift #recipient #gift_select .tab {
	font-weight: 500;
	text-align: center;
	/*width: calc(100% / 3);*/
	width: 240px;
	padding: 10px;
	margin: 0 10px;
	background-color: #f8f8f8;
	cursor: pointer;
	border: 1px solid #000;
}
#w-gift #recipient #gift_select .tab.active {
	background-color: #000;
	color: #fff;
}
#w-gift #recipient #gift_select .content-container {
	margin-bottom: 60px;
}
#w-gift #recipient #gift_select .content {
	display: none;
	/*必須*/
}
#w-gift #recipient #gift_select .content.show {
	display: block;
	/*必須*/
}
#w-gift #recipient #gift_select .title {
	display: none;
	/*必須*/
}
#w-gift #recipient #gift_select .title.show {
	display: block;
	/*必須*/
}
#w-gift #recipient #gift_select .gift_content {
	background-color: #FBF7F3;
}
#w-gift #recipient #gift_select h3 {
	font-size: 25px;
	text-align: center;
	padding-bottom: 36px;
}
#w-gift #recipient #gift_select > p {
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}
#w-gift #recipient #gift_select .gift_content ul li .gift_thum {
	margin-bottom: 20px;
}
/*
	gift
*/
#w-gift #recipient .gift {
	margin-bottom: 0;
}
#w-gift #recipient .gift ul {
	display: flex;
	justify-content: space-between;
	background-color: #FBF7F3;
	padding: 60px 50px;
}
#w-gift #recipient .gift ul li {
	background-color: #fff;
	position: relative;
	max-width: 31%;
	width: 100%;
	padding: 28px 18px 8px 18px;
}
#w-gift #recipient .gift_desc p:nth-of-type(1) {
	font-size: 16px;
	margin-bottom: 10px;
}
#w-gift #recipient .gift_desc p:nth-of-type(2) {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 45px;
}
#w-gift #recipient .gift_desc p:nth-of-type(3) {
	position: absolute;
	bottom: 15px;
	left: 18px;
}
#w-gift #recipient .gift_desc p:nth-of-type(3) span {
	font-size: 11px;
}
#w-gift #recipient #osewa.gift {
	margin-bottom: 0;
}
#w-gift #recipient #parent h3 {
	width: 700px;
	position: relative;
	margin: 0 auto;
}
#w-gift #recipient #parent h3::before {
	position: absolute;
	content: "";
	width: 160px;
	height: 135px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/parent.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	right: -20px;
}
#w-gift #recipient #friend h3 {
	position: relative;
	width: 700px;
	margin: 0 auto;
}
#w-gift #recipient #friend h3::before {
	position: absolute;
	content: "";
	width: 160px;
	height: 135px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/frend.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	right: -30px;
}
#w-gift #recipient #collegue h3 {
	position: relative;
	width: 700px;
	margin: 0 auto;
}
#w-gift #recipient #collegue h3::before {
	position: absolute;
	content: "";
	width: 160px;
	height: 135px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/colleague.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	right: -60px;
}
#w-gift #recipient #osewa h3 {
	position: relative;
	width: 700px;
	margin: 0 auto;
}
#w-gift #recipient #osewa h3::before {
	position: absolute;
	content: "";
	width: 160px;
	height: 135px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/keyperson.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -7px;
	right: -50px;
}
/*
	bedget
*/
#w-gift #bedget {
	width: 1048px;
	margin: 0 auto 130px;
}
#w-gift #bedget h3 {
	font-size: 25px;
	text-align: center;
	margin-bottom: 30px;
}
#w-gift #bedget h3 {
	font-size: 25px;
	text-align: center;
	color: #543404;
	margin-bottom: 75px;
}
#w-gift #bedget h3 span {
	border: 1px solid #553404;
	padding: 30px 5px;
}
#w-gift #bedget h3 span span {
	border: 1px solid #553404;
	padding: 25px 55px;
}
#w-gift #bedget .bedget-txt {
	text-align: center;
	font-size: 20px;
	margin-bottom: 50px;
}
#w-gift #bedget > p {
	font-size: 20px;
	text-align: center;
	margin-bottom: 48px;
}
#w-gift #bedget .gift {
	background-color: #FBF7F3;
}
#w-gift #bedget .gift h4 {
	text-align: center;
	font-size: 25px;
	padding-top: 10px;
	position: relative;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #333;
	background-color: #FBF7F3;
	max-width: 40%;
	margin: 0 auto;
}
#w-gift #bedget .gift h4::before {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) skew(-25deg);
	height: 20px;
	width: 10px;
	border-right: 1px solid #333;
	content: "";
	background-color: #FBF7F3;
}
#w-gift #bedget .gift:last-of-type {
	margin-bottom: 67px;
}
#w-gift #bedget .tab-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 50px 0;
	background-color: #FBF7F3;
}
#w-gift #bedget .tab {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	/*width: calc(100% / 3);*/
	width: 240px;
	padding: 10px;
	margin: 0 10px;
	background-color: #f8f8f8;
	cursor: pointer;
	border: 1px solid #000;
}
#w-gift #bedget .tab.active {
	background-color: #000;
	color: #fff;
}
#w-gift #bedget .content {
	display: none;
	/*必須*/
}
#w-gift #bedget .content.show {
	display: block;
	/*必須*/
}
#w-gift #bedget .gift_content {
	background-color: #FBF7F3;
}
#w-gift #bedget .guide {
	width: 454px;
	margin: 50px auto;
}
#w-gift #bedget .gift_content ul li .gift_thum {
	margin-bottom: 20px;
}
#w-gift #bedget .gift_content ul li .gift_thum img {
	width: 260px;
	height: 260px;
	object-fit: cover;
}
#w-gift #bedget .guide a {
	display: block;
	font-size: 17px;
}
#w-gift #bedget .guide a::before {
	width: 36px;
	height: 6px;
}
/* gift_select */
#w-gift #bedget #gift_select {
	padding: 0;
	margin-bottom: 50px;
}
#w-gift #bedget #gift_select h2 {
	font-size: 25px;
	text-align: center;
	margin: 0 0 70px;
}
#w-gift #bedget #gift_select ul {
	width: 980px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0;
}
#w-gift #bedget #gift_select ul li {
	width: 300px;
	margin: 0 35px 50px 0;
	position: relative;
	background-color: #fff;
	/*	max-width: 30%;*/
	padding: 20px 15px;
}
#w-gift #bedget #gift_select ul li:nth-child(3n) {
	margin: 0 0 50px;
}
#w-gift #bedget #gift_select ul li .img {
	margin: 0 0 15px;
}
#w-gift #bedget #gift_select ul li .img img {
	width: 300px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
#w-gift #bedget #gift_select .ul li h4 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 17px;
}
#w-gift #bedget #gift_select ul li .catch {
	font-size: 16px;
	margin: 0 0 10px;
}
#w-gift #bedget #gift_select ul li .item-name {
	font-size: 17px;
	margin: 0 0 10px;
}
#w-gift #bedget #gift_select ul li .price {
	font-size: 16px;
	margin: 0 0 15px;
}
/*
#w-gift #bedget #gift_select ul li .cart-btn{
	text-align: center;
}
*/
/*
#w-gift #bedget #gift_select ul li .cart-btn a{
	border: 1px solid #000;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-content: center;
	padding: 10px 0;
	position: relative;
}
*/
/*
#w-gift #bedget #gift_select ul li .cart-btn a::after{
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	top: 40%;
	width: 37px;
	height: 7px;
	background-image: url(https://www.bannobiyori.com/fs-group/bannobiyori/houjin/arr.png);
	background-size: contain;
	vertical-align: middle;
}
*/
#w-gift #bedget #gift_select .content_area {
	width: 980px;
	margin: 0 auto;
}
#w-gift #bedget #gift_select .tab-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 50px 0;
}
#w-gift #bedget #gift_select .tab {
	font-weight: 500;
	text-align: center;
	/*width: calc(100% / 3);*/
	width: 240px;
	padding: 10px;
	margin: 0 10px;
	background-color: #f8f8f8;
	cursor: pointer;
	border: 1px solid #000;
}
#w-gift #bedget #gift_select .tab.active {
	background-color: #000;
	color: #fff;
}
#w-gift #bedget #gift_select .content-container {
	margin-bottom: 60px;
}
#w-gift #bedget #gift_select .content {
	display: none;
	/*必須*/
}
#w-gift #bedget #gift_select .content.show {
	display: block;
	/*必須*/
}
#w-gift #bedget #gift_select .title {
	display: none;
	/*必須*/
}
#w-gift #bedget #gift_select .title.show {
	display: block;
	/*必須*/
}
#w-gift #bedget #gift_select .gift_content {
	background-color: #FBF7F3;
}
#w-gift #bedget #gift_select h3 {
	font-size: 25px;
	text-align: center;
	padding-bottom: 36px;
}
#w-gift #bedget #gift_select > p {
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}
/* gift */
#w-gift #bedget .gift {
	margin-bottom: 0;
}
#w-gift #bedget .gift ul {
	display: flex;
	justify-content: space-between;
	background-color: #FBF7F3;
	padding: 60px 50px;
	width: 980px;
	overflow-x: scroll;
}
#w-gift #bedget .gift ul li {
	background-color: #fff;
	position: relative;
	width: 300px;
	padding: 28px 18px 8px 18px;
	flex-shrink: 0;
	margin: 0 10px;
}
#w-gift #bedget .gift_desc p:nth-of-type(1) {
	font-size: 16px;
	margin-bottom: 10px;
}
#w-gift #bedget .gift_desc p:nth-of-type(2) {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 45px;
}
#w-gift #bedget .gift_desc p:nth-of-type(3) {
	position: absolute;
	bottom: 15px;
	left: 18px;
}
#w-gift #bedget .gift_desc p:nth-of-type(3) span {
	font-size: 11px;
}
/*
  customer
*/
#w-gift #customer {
	background-color: #FCF7F4;
	padding: 85px 0 165px;
}
#w-gift #customer .customer-inner {
	width: 1048px;
	margin: 0 auto;
}
#w-gift #customer .voice {
	position: relative;
}
#w-gift #customer .voice h3 {
	text-align: center;
	font-size: 27px;
	margin-bottom: 46px;
}
#w-gift #customer .voice .voice-txt {
	font-size: 17px;
	text-align: center;
	margin-bottom: 60px;
}
#w-gift #customer .slick-prev {
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 50%;
	left: -25px;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}
#w-gift #customer .slick-next {
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 50%;
	right: -25px;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}
#w-gift #customer .slick-prev:before, #w-gift #customer .slick-next:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px solid #030001;
	border-top: 1px solid #030001;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
}
#w-gift #customer .slick-prev:before {
	transform: rotate(-135deg);
}
#w-gift #customer .voice .voice-slider .slide-item {
	background-color: #fff;
	border-radius: 20px;
	min-height: 520px;
	padding: 60px 20px;
	margin: 0 14px;
}
#w-gift #customer .voice .voice-slider .slide-item img {
	margin: 0 auto 30px auto;
	display: block;
}
#w-gift #customer .voice .voice-slider .slide-item h4 {
	margin-bottom: 30px;
	text-align: center;
}
#w-gift #customer .voice .voice-slider .slide-item p {
	text-align: left;
	padding: 0 25px;
}
#w-gift #customer .voice .voice-slider .slick-dots {
	bottom: -115px;
}
#w-gift #customer .voice .voice-slider .slick-dots li button:before {
	font-size: 11px;
}
/*
  noreceipt
*/
#w-gift #noreceipt {
	width: 1048px;
	padding: 190px 0 80px;
	margin: 0 auto;
}
#w-gift #noreceipt .box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 818px;
	margin: 0 auto;
	border: 1px solid #000;
	padding: 46px 80px 56px 66px;
}
#w-gift #noreceipt .box .img {
	width: 125px;
	margin-right: 62px;
}
#w-gift #noreceipt .box .desc {
	width: 473px;
}
#w-gift #noreceipt .box .desc .ttl {
	font-size: 25px;
	margin-bottom: 20px;
}
#w-gift #noreceipt .box .desc .txt {
	font-size: 18px;
}

#w-gift #manner{
	width: 1024px;
	margin: 0 auto;
	padding: 100px 0 200px;
}


#w-gift #manner p{
	font-size: 20px;
	text-align: center;
	margin: 0 0 60px;
}

#w-gift #manner ul{
	display: flex;
	justify-content: center;
}

#w-gift #manner ul li{
	margin: 0 10px;
}

#w-gift #manner ul li a{
	display: block;
	background: #000;
	color: #fff;
	font-size: 20px;
	padding: 10px;
	width: 360px;
	text-align: center;
	position: relative;
}

/* 右端の＋アイコン */
#w-gift #manner .btn a::after {
    content: "+";
    position: absolute;
    right: 15px; /* 右端からの距離 */
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    transition: transform 0.3s ease;
}

/* hover時にちょっと回転させる演出 */
#w-gift #manner .btn a:hover::after {
    transform: translateY(-50%) rotate(90deg);
}



/* ===== Modal base ===== */
.modal {
	position: fixed;
	inset: 0;
	display: none;
	z-index: 999;
}
.modal[aria-hidden="false"] {
	display: block;
}
.modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .45);
}
.modal__dialog {
	position: relative;
	max-width: min(950px, 95vw);
	max-height: 88vh;
	margin: 4vh auto;
	background: #fff;
	border-radius: 16px;
	overflow: auto;
	padding: clamp(16px, 3vw, 28px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}
.modal__close {
	position: sticky;
	top: 0;
	left: 95%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 1;
	border: 0;
	cursor: pointer;
	background: #000;
	color: #fff;
	border-radius: 999px;
}
/* Scroll lock */
.is-modal-open {
	overflow: hidden;
}
/* (任意) 画像レスポンシブ */
.modal img {
	max-width: 100%;
	height: auto;
}
/* (任意) SP向けの簡易余白調整 */
@media (max-width: 799px) {
	.modal__dialog {
		margin: 0;
		border-radius: 0;
		max-height: 100vh;
		height: 100vh;
	}
}






#roast .lead{

	text-align: center;
	margin:0 0 100px;
	
}



#roast .lead .mv{
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin: 0 0 60px;
}


#roast .lead .ico{
	text-align: center;
	margin: 0 0 20px;
}


#roast .lead h3{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
}


#roast .lead h2{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 40px;
	padding: 0;
}


#roast .lead p{
	font-size: 16px;
	text-align: center;
	margin: 0 0 20px;
	padding: 0;
	line-height: 1.8;
	position: relative;
}

#roast .lead p::before{
content: '';/*何も入れない*/
  display: inline-block;
  width: 498px;/*画像の幅*/
  height: 388px;/*画像の高さ*/
  background-image: url(https://www.bannobiyori.com/fs-group/500029DS/roast-bg.png);
  background-size: contain;
  vertical-align: middle;
	position: absolute;
	left: -160px;
        top: -330px;
        z-index: 0;
}


#roast .lead p::after{
content: '';/*何も入れない*/
  display: inline-block;
  width: 498px;/*画像の幅*/
  height: 388px;/*画像の高さ*/
  background-image: url(https://www.bannobiyori.com/fs-group/500029DS/roast-bg.png);
  background-size: contain;
  vertical-align: middle;
	position: absolute;
	right: -160px;
        bottom: -140px;
        z-index: 0;
}


#roast .lead p span{
	color: #B2392F;
}




#roast .sec01 {
	text-align: center;
	background: #F4EDE5;
	position: relative;
	height: 430px;
	margin: 0 0 100px;
	
}



#roast .sec01 img{
	position: absolute;
	left: 0;
	right: 0;
	margin:  0 auto;
	top: -20px;
}

#roast .sec02 {
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	margin: 0 0 200px;
}