@charset "UTF-8";
.device-pc {
	display: none;
}
.device-sp {
	display: block;
}
.button a {
	padding: 17px 60px;
	display: inline-block;
	color: #fff;
	background-color: #9C3430;
	font-size: 18px;
	border-radius: 100px;
}
.flex {
	display: flex;
}
.vr {
	writing-mode: vertical-rl;
	text-orientation: upright;
}
/*画面幅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;
}
#dashi-lp {}
.container {
	display: block;
	padding: 0 20px;
}
.guide {
	text-align: center;
}
.guide a {
	display: inline-block;
	padding: 12px 25px 12px 15px;
	border: 1px solid #000;
	position: relative;
	font-size: 10px;
}
.guide a::before {
	position: absolute;
	content: "";
	width: 15px;
	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;
}
/* --------------------------------------------------------------------------------
	w-gift
-------------------------------------------------------------------------------- */
#w-gift {
	font-family: 'Yu Mincho', 'YuMincho Regular', serif;
	letter-spacing: 0.2em;
}
/* 
  gloval-nav 
*/
#w-gift .gloval-nav {
	position: fixed;
	width: 100%;
	background-color: transparent;
	bottom: 0;
	right: 0;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
#w-gift .gloval-nav.open {
	background-color: #fff;
	box-shadow: 0 0 10px #ccc;
}
#w-gift .gloval-nav.fixed {
	opacity: 1;
	visibility: visible;
}
#w-gift .gloval-nav .gloval-nav-btn {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #941819;
	position: fixed;
	bottom: 64px;
	right: 5px;
	z-index: 1000;
}
#w-gift .gloval-nav .gloval-nav-btn::before, #w-gift .gloval-nav .gloval-nav-btn::after {
	content: "";
	width: 9px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#w-gift .gloval-nav .gloval-nav-btn::after {
	transform: translate(-50%, -50%) rotate(90deg);
	transition: .3s all ease;
}
#w-gift .gloval-nav.open .gloval-nav-btn::after {
	transform: translate(-50%, -50%) rotate(0deg);
}
#w-gift .gloval-nav ul {
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-wrap: wrap;
	transition: 1s all ease;
}
#w-gift .gloval-nav.open ul {
	opacity: 1;
	visibility: visible;
}
#w-gift .gloval-nav ul li {
	width: 25%;
	border-right: 1px solid #C7C7C7;
}
#w-gift .gloval-nav ul li:nth-child(4n) {
	border-right: none;
}
#w-gift .gloval-nav ul li:last-child {
	width: 50%;
}

#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 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0px;
	margin-bottom: 0;
	font-size: 8px;
	font-weight: bold;
	border-bottom: 3px solid #C7C7C7;
	font-family: YuGothic;
}
#w-gift .gloval-nav ul li a:hover {
	border-bottom: 3px solid #961718;
}
/* #w-gift .gloval-nav ul li a::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ccc;
  transition: all .3s ease;
  margin-right: 5px;
}

#w-gift .gloval-nav ul li a:hover::before {
  background-color: #951719;
} */
/* 
  mv 
*/
#w-gift #mv {}
#w-gift #mv .mv-inner {
	width: 100%;
	margin: 0 auto;
}
#w-gift #mv .mv-img {
	position: relative;
	display: flex;
	justify-content: center;
}
#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: 100%;
	margin: 0 auto;
	padding: 33px 0 46px;
}
#w-gift #order-limit .limit-ttl {
	max-width: 250px;
	width: 100%;
	margin: 0 auto;
}
#w-gift #order-limit .limit-ttl p {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	padding: 8px 33px;
	border: 1px solid #000;
	margin-bottom: 17px;
}
#w-gift #order-limit .limit-desc p {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
#w-gift #order-limit .limit-desc p span {
	font-size: 34px;
}
/*
  movie
*/
#w-gift #movie {
	width: 100%;
	margin: 0 auto;
	/* padding: 50px 0 70px; */
	padding: 50px 0;
}
#w-gift #movie .desc {
	text-align: center;
	font-size: 14px;
	line-height: 2;
	padding: 0 15px;
	/* margin-bottom: 45px; */
}
#w-gift #movie .video {
	max-width: 644px;
	margin: 40px auto 0;
	background: #eee;
	padding: 20px;
	text-align: center;
}
#w-gift #movie video {
	width: 96%;
}
/*
  gift-manner
*/
#w-gift #gift-manner {
	
}
#w-gift #gift-manner .gm-inner {
	width: 100%;
	margin: 0 auto;
	padding: 45px 0 10px;
}
#w-gift #gift-manner h3 {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 25px;
}
#w-gift #gift-manner .desc {
	font-size: 12px;
	text-align: center;
	margin-bottom: 40px;
}
#w-gift #gift-manner .content {
	margin-bottom: 40px;
}
#w-gift #gift-manner .content h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
	text-align: center;
}
#w-gift #gift-manner .content.noshi .img {
	max-width: 500px;
	margin: 0 auto;
}
#w-gift #gift-manner .content .delivery-list {
	max-width: 464px;
	width: 100%;
	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 {
	max-width: 145px;
	width: 25%;
	font-size: 13px;
	background-color: #C3B699;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: YuGothic;
	font-weight: bold;
}
#w-gift #gift-manner .content .delivery-list .period {
	max-width: 319px;
	width: 75%;
	font-size: 12px;
	background-color: #fff;
	color: #000;
	padding: 15px 0 15px 10px;
	display: flex;
	align-items: center;
	font-family: YuGothic;
	font-weight: bold;
}
#w-gift #gift-manner .content .txt {
	text-align: center;
	font-size: 14px;
}



/*
  benefits
*/
#w-gift #benefits {
	
}
#w-gift #benefits .bene-inner {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 20px;
}
#w-gift #benefits h3 {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}
#w-gift #benefits .benefits-list {
	max-width: 735px;
	width: 100%;
	margin: 0 auto;
}
#w-gift #benefits .benefits-list ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#w-gift #benefits .benefits-list ul li {
	max-width: 215px;
	width: 42%;
	margin: 0 10px 15px;
}
/*
  page-jump
*/
#w-gift #page-jump {
	width: 100%;
	padding: 65px 0;
	margin: 0 auto;
}
#w-gift #page-jump .jump-list ul {
	display: flex;
	flex-wrap: wrap;
}
#w-gift #page-jump .jump-list ul li {
	max-width: 254px;
	padding: 3px;
	width: 50%;
}
#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: 7px;
	height: 7px;
	border-top: solid 1px #fff;
	border-right: solid 1px #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: 16px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*
  ランキング
*/
#w-gift #ranking {
	margin: 0 auto 50px;
	padding-bottom: 10px;
}
#w-gift #ranking h2 {
	background: #000;
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 0 0 40px;
}
#w-gift #ranking h4 {
	font-size: 16px;
	text-align: center;
	padding: 0 0 60px;
}
#w-gift #ranking ul {
	display: flex;
	overflow-x: scroll;
}
#w-gift #ranking ul li {
	width: 180px;
	flex-shrink: 0;
	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: 160px;
	height: 160px;
	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;
}
/*
  recommend
*/
#w-gift #recommend {
	width: 100%;
	margin: 0 auto 20px;
	padding-bottom: 10px;
}
#w-gift #recommend h3 {
	font-size: 20px;
	text-align: center;
	color: #543404;
	margin-bottom: 55px;
}
#w-gift #recommend h3 span {
	border: 1px solid #553404;
	padding: 30px 5px;
}
#w-gift #recommend h3 span span {
	border: 1px solid #553404;
	padding: 25px 5px;
}
#w-gift #recommend .recommend-txt {
	text-align: center;
	font-size: 12px;
	margin-bottom: 50px;
}
#w-gift #recommend .bland {
	margin-bottom: 60px;
}
#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;
	margin-bottom: 20px;
}
#w-gift #recommend .bland ul li.slide-item {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
}
#w-gift #recommend .bland ul li.slide-item .img {
	margin-bottom: 15px;
}


#w-gift #recommend .bland ul li.slide-item .img img{
	width: 160px;
	height: 160px;
	object-fit: cover;
}



#w-gift #recommend .bland ul li.slide-item .ttl {
	font-size: 12px;
	text-align: center;
	margin-bottom: 25px;
	flex-grow: 1;
}
#w-gift #recommend .bland ul li.slide-item .price {
	font-size: 17px;
	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: 42%;
}
#w-gift #recommend .bland .slick-next {
	right: 42%;
}
#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 .guide a {
	width: 80%;
	background-color: #000;
	color: #fff;
	font-size: 14px;
}
#w-gift #recommend .bland .bland-link .guide a::before {
	filter: brightness(0) invert(1);
	width: 30px;
	height: 6px;
}
/*
  newitem
*/
#w-gift #newitem {
	width: 100%;
	margin: 0 auto 20px;
	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: 14px;
	margin-bottom: 50px;
}
#w-gift #newitem .bland {
	margin-bottom: 60px;
}
#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: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
}
#w-gift #newitem .bland ul li.slide-item .img {
	margin-bottom: 15px;
}
#w-gift #newitem .bland ul li.slide-item .ttl {
	font-size: 12px;
	text-align: center;
	margin-bottom: 25px;
	flex-grow: 1;
}
#w-gift #newitem .bland ul li.slide-item .price {
	font-size: 17px;
	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: 40%;
}
#w-gift #newitem .bland .slick-next {
	right: 40%;
}
#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: 100%;
	margin: 0 auto 50px;
	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: 14px;
	margin-bottom: 30px;
}
/* gift_content */
.gift_content {
	margin-bottom: 0;
}
.gift_content h3 {
	font-size: 22px;
}
.gift_content ul {
	display: flex;
	overflow-x: scroll;
	background-color: #FBF7F3;
	padding: 40px 0 40px 20px;
}
.gift_content li {
	flex-shrink: 0;
	width: 240px;
	margin: 0 20px 0 0;
}
.gift_content .slick-prev {
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 105%;
	;
	left: 40%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}
.gift_content .slick-next {
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 105%;
	right: 40%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}
.gift_content .slick-prev:before, .gift_content .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);
}
.gift_content .slick-prev:before {
	transform: rotate(-135deg);
}
.gift_content li {
	background-color: #fff;
	position: relative;
	padding: 20px 15px;
}
#w-gift #recipient #gift_select .gift_content ul li .gift_thum {
	margin-bottom: 15px;
}
/* gift_select */
#gift_select {
	padding: 0;
	margin-bottom: 50px;
}
#gift_select h2 {
	font-size: 25px;
	text-align: center;
	margin: 0 0 70px;
}
#gift_select ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	margin-bottom: 0;
}
#gift_select ul li {
	margin: 0 20px 0 0;
	position: relative;
	background-color: #fff;
	padding: 20px 15px;
}
#gift_select .slick-track {
	min-width: 2000px;
}
#gift_select ul li .img {
	margin: 0 0 15px;
}
#gift_select ul li .img img {
	width: 300px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
#gift_select .ul li h4 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 17px;
}
#gift_select ul li .catch {
	font-size: 16px;
	margin: 0 0 10px;
}
#gift_select ul li .item-name {
	font-size: 17px;
	margin: 0 0 10px;
}
#gift_select ul li .price {
	font-size: 16px;
	margin: 0 0 15px;
}
#gift_select ul li .cart-btn {
	text-align: center;
}
#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;
}
#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;
}
#gift_select .content_area {
	width: 980px;
	margin: 0 auto;
}
#gift_select .tab-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 20px 0;
}
#gift_select .tab {
	font-weight: 500;
	text-align: center;
	/*width: calc(100% / 3);*/
	width: 48%;
	padding: 8px;
	margin: 5px 0;
	background-color: #f8f8f8;
	cursor: pointer;
	border: 1px solid #000;
	font-size: 11px;
}
#gift_select .tab.active {
	background-color: #000;
	color: #fff;
}
#gift_select .content {
	display: none; /*必須*/
}
#gift_select .content.show {
	display: block; /*必須*/
}
#gift_select .title {
	display: none; /*必須*/
}
#gift_select .title.show {
	display: block; /*必須*/
}
#gift_select .gift_content {
	background-color: #FBF7F3;
}
#gift_select h3 {
	font-size: 25px;
	text-align: center;
	padding-bottom: 36px;
}
#gift_select > p {
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}
#gift_select .guide {
	margin-top: 50px;
}
#gift_select .guide a {
	font-size: 12px;
}
/* gift */
.gift {
	margin-bottom: 0;
}
.gift h3 {
	font-size: 22px;
}
.gift .flex {
	justify-content: space-between;
	background-color: #FBF7F3;
	padding: 40px 0 40px 20px;
}
.gift .slick-prev {
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 105%;
	;
	left: 40%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}
.gift .slick-next {
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 105%;
	right: 40%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}
.gift .slick-prev:before, .gift .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);
}
.gift .slick-prev:before {
	transform: rotate(-135deg);
}
.gift .flex li {
	background-color: #fff;
	position: relative;
	max-width: 11%;
	width: 100%;
	padding: 28px 18px 8px 18px;
	margin-right: 10px;
}
.gift_desc p:nth-of-type(1) {
	font-size: 16px;
	margin-bottom: 10px;
}
.gift_desc p:nth-of-type(2) {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 45px;
}
.gift_desc p:nth-of-type(3) {
	position: absolute;
	bottom: 15px;
	left: 18px;
}
.gift_desc p:nth-of-type(3) span {
	font-size: 11px;
}
#osewa.gift {
	margin-bottom: 0;
}
#parent h3 {
	position: relative;
	font-size: 22px;
	padding-bottom: 17px;
}
#parent h3::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 80px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/parent.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	right: 0px;
}
#friend h3 {
	position: relative;
	font-size: 22px;
	padding-bottom: 17px;
}
#friend h3::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 80px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/frend.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	right: -10px;
}
#collegue h3 {
	position: relative;
	font-size: 22px;
	padding-bottom: 17px;
}
#collegue h3::before {
	position: absolute;
	content: "";
	width: 70px;
	height: 80px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/colleague.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -18px;
	right: 0;
}
#osewa h3 {
	position: relative;
	font-size: 22px;
	padding-bottom: 17px;
}
#osewa h3::before {
	position: absolute;
	content: "";
	width: 75px;
	height: 60px;
	background-image: url("https://www.bannobiyori.com/fs-group/iwai/keyperson.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	right: 0;
}
/*
	bedget
*/
#bedget {
	margin-bottom: 60px;
}
#bedget h3 {
	font-size: 20px;
	text-align: center;
	color: #543404;
	margin-bottom: 55px;
}
#bedget h3 span {
	border: 1px solid #553404;
	padding: 30px 5px;
}
#bedget h3 span span {
	border: 1px solid #553404;
	padding: 25px 5px;
}
#bedget .bedget-txt {
	text-align: center;
	font-size: 14px;
	margin-bottom: 50px;
}
/* bedget gift */
#bedget .gift {
	background-color: #FBF7F3;
}
#bedget .gift h4 {
	text-align: center;
	font-size: 21px;
	padding-top: 15px;
	position: relative;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #333;
	background-color: #FBF7F3;
	max-width: 90%;
	margin: 0 auto;
}
#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;
}
#bedget .gift:last-of-type {
	margin-bottom: 67px;
}
/* #bedget .gift .flex {
	width: 100%;
	height: 375px;
} */
/* #bedget .gift .flex li {
	width: 190px;
} */
#bedget .slick-track {
	min-width: 1720px;
}
#bedget .tab-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 30px 10px;
	background-color: #FBF7F3;
	justify-content: space-between;
	align-items: center;
}
#bedget .tab {
	font-weight: 500;
	text-align: center;
	width: 48%;
	/*	width: 120px;*/
	margin: 10px 0;
	background-color: #f8f8f8;
	cursor: pointer;
	border: 1px solid #000;
	font-size: 10px;
	min-height: 4.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}
#bedget .tab.active {
	background-color: #000;
	color: #fff;
}
#bedget .content {
	display: none; /*必須*/
}
#bedget .content.show {
	display: block; /*必須*/
}
#bedget .gift_content {
	background-color: #FBF7F3;
}
#bedget .gift_content .flex li {
	max-width: 235px;
}
#bedget .guide {
	max-width: 100%;
	margin: 40px auto;
}
#bedget .guide a {
	display: block;
	max-width: 350px;
	margin: 0 auto;
}
#bedget .slick-list {
	padding: 0 40px;
}
#w-gift #bedget .gift {
	margin-bottom: 0;
}
#w-gift #bedget .gift ul {
	display: flex;
	justify-content: space-between;
	background-color: #FBF7F3;
	padding: 60px 50px;
}
#w-gift #bedget .gift ul li {
	background-color: #fff;
	position: relative;
	max-width: 240px;
	width: 100%;
	padding: 28px 18px 8px 18px;
}
#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;
}
#w-gift #bedget .gift_content ul li .gift_thum {
	margin-bottom: 15px;
}

#w-gift #bedget .gift_content ul li .gift_thum img{
	width: 200px;
	height: 200px;
	object-fit: cover;
}
/*
  customer
*/
#w-gift #customer {
	background-color: #FCF7F4;
	padding: 10px 0 30px;
}
#w-gift #customer .customer-inner {
	width: 100%;
	margin: 0 auto;
}
#w-gift #customer .voice {
	position: relative;
}
#w-gift #customer .voice h3 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
	margin-top: 46px;
}
#w-gift #customer .voice .voice-txt {
	font-size: 17px;
	text-align: center;
	margin-bottom: 22px;
}
#w-gift #customer .slick-prev {
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 45%;
	left: 0;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}
#w-gift #customer .slick-next {
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 45%;
	right: 0;
	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: 470px;
	padding: 60px 10px;
	margin: 0 24px;
}
#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 {
	display: none !important;
	bottom: -75px;
}
#w-gift #customer .voice .voice-slider .slick-dots li button:before {
	font-size: 11px;
}
/*
  noreceipt
*/
#w-gift #noreceipt {
	width: 100%;
	padding: 60px 0 40px;
	margin: 0 auto;
}
#w-gift #noreceipt .box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #000;
	padding: 45px 30px;
	max-width: 500px;
}
#w-gift #noreceipt .box .sp-ttl {
	font-size: 22px;
	margin-bottom: 38px;
}
#w-gift #noreceipt .box .img {
	width: 45%;
	margin-bottom: 20px;
}
#w-gift #noreceipt .box .desc {
	width: 100%;
}
#w-gift #noreceipt .box .desc .txt {
	font-size: 16px;
}
/*
  #floating_cart_btn
*/
#floating_cart_btn {
	bottom: 80px !important;
}




#w-gift #manner{
	
	margin: 0 auto;
	padding: 60px 0 100px;
}


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

#w-gift #manner ul{
	
}

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

#w-gift #manner ul li a{
	display: block;
	background: #000;
	color: #fff;
	font-size: 16px;
	padding:5px 10px;
	width: 340px;
	margin: 0 auto;
	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: 10vw auto;
		border-radius: 0;
		max-height: 90vh;
		height: 90vh;
	}
}



#roast .lead{

	text-align: center;
	margin:0 0 50px;
	overflow: hidden;
	
}



#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 15px;
}

#roast .lead .ico img{
	width: 110px;
}



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


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


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




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


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



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



#roast .sec01 {
	text-align: center;
	background: #F4EDE5;
	margin: 0 0 50px;
	padding: 20px;
	
}


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