@charset "Shift-JIS";

.groupbuy .top-title{
	background: #fff5e7 url(../img/groupbuy-title-bg.png) no-repeat bottom right 10px;
	background-size: 10rem;
}

/*========/ 共同購入 /========*/
.groupbuy-top{
	margin-top: 2rem;
	padding: 0 2rem;
}
.groupbuy-top ul{
	margin-top: 3rem;
	display: flex;
	justify-content: space-between;
}
.groupbuy-top ul li{ width: calc(100% / 2 - .5rem); }
.groupbuy-top ul li + li{ margin-left: 1rem; }
.groupbuy-top ul li a{
	padding: 1rem 0;
	display: block;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	background: #ee7849;
}
.groupbuy-news{ margin-top: 5rem; }
.groupbuy-news div{
	margin: 3rem 2rem;
	padding-top: 56.25%;
	position: relative;
	border: 2px solid #ccc;
	overflow-x: hidden;
	-webkit-overflow-scrolling:touch;
}
.groupbuy-news iframe{
	width:100%;
	height:100%;
	padding: 1rem;
	border:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
/*.groupbuy-news > div{
	margin-top: 3rem;
	height: 25rem;
	padding: 0 2rem;
	overflow-x: hidden;
	overflow-y: scroll;
}
.groupbuy-news > div::-webkit-scrollbar {
	width: .8rem;
	height: .8rem;
}
.groupbuy-news > div::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}
.groupbuy-news > div::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #ccc;
}*/
.groupbuy-news > div ul li + li{ margin-top: 4rem; }
.groupbuy-news > div p{
	padding: 1rem;
	font-size: 1.4rem;
	font-weight: bold;
	background: #fff5e7;
}
.groupbuy-news > div dl{ margin-top: 2rem; }
.groupbuy-news > div dl a{
	color: #ee7849;
	text-decoration: underline;
}
.groupbuy-news > div dl dt{
	font-size: 1.8rem;
	font-weight: bold;
}
.groupbuy-news > div dl dd{ margin-top: 2rem; }
.groupbuy-catalog{
	margin-top: 5rem;
}
.groupbuy-catalog-infomation{
	margin: 3rem 2rem 0;
	padding: 2rem;
	background: #f8f8f8;
}
.groupbuy-catalog-infomation h4{
	display: flex;
	font-size: 1.8rem;
}
.groupbuy-catalog-infomation h4::before{
	content: "●";
	margin-right: 1rem;
	display: block;
	color: #ee7849;
	font-size: 1.6rem;
}
.groupbuy-catalog-infomation h4 + p{ margin-top: 2rem; }
.groupbuy-catalog-infomation .detail-open{
	margin-top: 2rem;
	padding: 1rem 0;
	display: block;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #ee7849;
	position: relative;
}
.groupbuy-catalog-infomation .detail-open::before{
	content: "＋";
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
}
.groupbuy-catalog-infomation .detail-open.active::before{ content: "−"; }
.groupbuy-catalog-infomation .detail-open + div{
	margin-top: 2rem;
	padding: 2rem;
	display: none;
	background: #fff;
}
.groupbuy-catalog-infomation .detail-open + div dl dt{
	color: #ee7849;
	font-size: 1.8rem;
	font-weight: bold;
}
.groupbuy-catalog-infomation .detail-open + div dl dd{ margin-top: 1rem; }
.groupbuy-catalog-infomation .detail-open + div dl + dl{ margin-top: 2rem; }

.groupbuy-catalog-mode{
	margin-top: 5rem;
	padding: 0 2rem;
}
.groupbuy-catalog-mode h4{
	padding-left: 3.1rem;
	text-indent: -3.1rem;
	font-size: 1.8rem;
}
.groupbuy-catalog-mode h4::before {
	content: "\f0d1";
	margin-right: 1rem;
	color: #ee7849;
	font-family: "Font Awesome 5 Free";
}
.groupbuy-catalog-mode h4 + p strong{
	margin-top: 1rem;
	display: inline-block;
	color: #ff2929;
	border-bottom: 3px double #ff2929;
}
.groupbuy-catalog-mode h4 + p a{
	margin-top: 2rem;
	padding: 2rem 4.5rem 2rem 2rem;
	display: block;
	border-radius: 6px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	background: #20a991;
	position: relative;
}
.groupbuy-catalog-mode h4 + p a::before {
	content: "\f362";
	width: 1.8rem;
	height: 2.4rem;
	margin: auto 0;
	display: block;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
}
.groupbuy-catalog-mode > div{
	margin-top: 2rem;
	padding: 2rem;
	border: 3px solid #ccc;
}
.groupbuy-catalog-mode > div strong{
	padding-left: 2.8rem;
	display: block;
	text-indent: -2.8rem;
	color: #ff2929;
	font-size: 1.8rem;
}
.groupbuy-catalog-mode > div strong::before {
	content: "\f06a";
	margin-right: 1rem;
	color: #ee7849;
	font-family: "Font Awesome 5 Free";
}
.groupbuy-catalog-mode .detail-open{
	margin-top: 2rem;
	padding: 1rem 0;
	display: block;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #ee7849;
	position: relative;
}
.groupbuy-catalog-mode .detail-open::before{
	content: "＋";
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
}
.groupbuy-catalog-mode .detail-open.active::before{ content: "−"; }
.groupbuy-catalog-mode .detail-open + div{
	margin-top: 2rem;
	display: none;
}
.groupbuy-catalog-mode .detail-open + div ul li{
	padding-left: 2.4rem;
	text-indent: -2.4rem;
}
.groupbuy-catalog-mode .detail-open + div ul li::before{
	content: "●";
	margin-right: 1rem;
	color: #ee7849;
	font-size: 1.4rem;
}
.groupbuy-catalog-mode .detail-open + div ul li + li{ margin-top: 1.5rem; }
.groupbuy-catalog-mode .detail-open + div ul li span{ color: #ff2929; }
.groupbuy-catalog-cataloglist{ padding: 0 2rem; }
.groupbuy-catalog-cataloglist h4{
	margin-top: 4rem;
	padding: 1rem 2rem;
	font-size: 1.8rem;
	background: #fff5e7;
}
.groupbuy-catalog-cataloglist h5{
	margin-top: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
	line-height: 2rem;
}
.groupbuy-catalog-cataloglist table,
.groupbuy-catalog-cataloglist tbody{
	width: 100%;
	display: block;
}
.groupbuy-catalog-cataloglist table tr{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.groupbuy-catalog-cataloglist table td{
	width: calc(100% / 2 - .5rem);
	margin-top: 3rem;
	display: block;
}
.groupbuy-catalog-cataloglist table tr dl{
	margin-top: 1rem;
	line-height: 2.4rem;
}
.groupbuy-catalog-cataloglist table tr dl dt{ font-size: 1.6rem; }
.groupbuy-catalog-cataloglist table tr dl dd{ font-weight: bold; }
.groupbuy-catalog-cataloglist table tr .catalog-button{ margin-top: 1rem; }
.groupbuy-catalog-cataloglist table tr .calculator-button{ margin-top: 2rem; }
.groupbuy-catalog-cataloglist table tr .catalog-button a,
.groupbuy-catalog-cataloglist table tr .calculator-button a{
	min-height: 6rem;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	line-height: 2rem;
	font-weight: bold;
	background: #ee7849;
}
.groupbuy-catalog-cataloglist table tr .calculator-button a{ font-size: 1.8rem; }
.groupbuy-catalog-cataloglist ul li .catalog-button a{ background: #20a991; }
.groupbuy-catalog-cataloglist .scroll-list{ position: relative; }
.groupbuy-catalog-cataloglist .scroll-list table{
	max-height: 100rem;
	display: block;
	overflow: hidden;transition:
	max-height .4s ease-out;
}
.groupbuy-catalog-cataloglist .scroll-list.active table{ max-height: 5000rem; }
.groupbuy-catalog-cataloglist .scroll-hidden{
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -1px;
	background: linear-gradient(rgba(255,255,255,0.1) 0% 30%, rgba(255,255,255,0.5) 40% 70%, #fff 80% 100%);
}
.groupbuy-catalog-cataloglist .scroll-hidden.active{ display: none; }
.groupbuy-catalog-cataloglist .scroll-hidden p{
	margin-top: 2rem;
	padding: 1rem 0;
	display: block;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #ee7849;
	position: relative;
}
.groupbuy-catalog-cataloglist .scroll-hidden p::before{
	content: "＋";
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
}
.groupbuy-catalog-cataloglist .scroll-hidden.active p::before{ content: "−"; }
.groupbuy-catalog-cataloglist .scroll-select{
	margin-top: 3rem;
}
.groupbuy-catalog-cataloglist .scroll-select select{ margin-right: 0.5rem; }
.groupbuy-recomend{
	margin-top: 5rem;
	padding: 0 2rem;
}
.groupbuy-recomend div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.groupbuy-recomend div table{
	width: calc(100% / 2 - .5rem);
	margin-top: 3rem;
	display: block;
}

.groupbuy-recomend div table,
.groupbuy-recomend div tbody,
.groupbuy-recomend div table tr,
.groupbuy-recomend div table td,
.groupbuy-recomend div table a{ display: block; }
.groupbuy-recomend div table span{
	padding-top: 2rem;
	display: inline-block;
	color: #554b3e;
}
.groupbuy-recomend div table p{
	font-weight: bold;
}

/*========/ 個人宅配について /========*/

.groupbuy .howto{
	margin: 2rem 2rem 0;
}
.groupbuy .howto .howto-title{
	margin-top: 5rem;
	padding: 0;
	text-align: center;
	font-size: 2.4rem;
	background: none;
}
.groupbuy .howto .howto-title + p{
	margin-top: 1rem;
	text-align: center;
}
.groupbuy .howto > ol{ margin-top: 5rem; }
.groupbuy .howto > ol > li + li{
	margin-top: 4rem;
	padding-top: 4rem;
	border-top: 1px solid #ccc;
}
.groupbuy .howto ol li h3{
	display: flex;
	flex-wrap: wrap;
	font-size: 2.2rem;
}
.groupbuy .howto ol li h3 span{
	margin: 0 100% 0.5rem 0;
	display: inline-block;
	border-radius: 6px;
	color: #ee7849;
	font-size: 1.6rem;
}
.groupbuy .howto ol li h3 + p,
.groupbuy .howto ol li h3 + h4,
.groupbuy .howto ol li h3 + dl dt{ margin-top: 3rem; }
.groupbuy .howto ol li p + p,
.groupbuy .howto ol li ul + p{ margin-top: 2rem; }
.groupbuy .howto ol li p strong{ color: #ee7849; }
.groupbuy .howto ol li dl dt{
	margin-top: 3rem;
	padding: 1rem;
	font-weight: bold;
	background: #fff5e7;
}
.groupbuy .howto ol li dl dd{ margin-top: 2rem; }
.groupbuy .howto ol li dl dd a{
	color: #554b3e;
}
.groupbuy .howto ol ol{ counter-reset: number 0; }
.groupbuy .howto ol ol li strong::before{
	counter-increment: number 1; 
	content: counter(number)".";
	margin-right: .5rem;
	font-weight: bold;
}
.groupbuy .howto ol ol li + li{ margin-top: 2rem; }
.groupbuy .howto ol li li strong{
	margin-bottom: .5rem;
	display: flex;
}
.groupbuy .howto ol ul{ margin-top: 2rem; }
.groupbuy .howto ol ul li{
	margin-top: 1rem;
	display: flex;
}
.groupbuy .howto ol ul li::before{
	content: "●";
	margin-right: 1rem;
	color: #ee7849;
	font-size: 1rem;
}

.groupbuy .howto h4{
	padding: 1rem;
	line-height: 3rem;
	font-weight: bold;
	background: #fff5e7;
}
.groupbuy .howto .table-scroll{
	margin-top: 3rem;
	display: block;
	border: 1px solid #ccc;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.groupbuy .howto table{
	width: 100%;
}
.groupbuy .howto table tr:nth-of-type(1){
	font-weight: bold;
	background: #fff5e7;
}
.groupbuy .howto table tr + tr{ border-top: 1px solid #ccc; }
.groupbuy .howto table td{ padding: 1rem 2rem; }
.groupbuy .howto table + p{ margin-top: 1rem; }
.groupbuy .howto table td + td{ border-left: 1px solid #ccc; }
.groupbuy .howto .table-scroll table::-webkit-scrollbar {
	width: .8rem;
	height: .8rem;
}
.groupbuy .howto .table-scroll table::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}
.groupbuy .howto .table-scroll table::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #ccc;
}