@charset "utf-8";

#cat-social_gift {
	padding: 0 0 12vw;
}

/***** intro *****/
#cat-social_gift .intro{
	margin:0 0 10vw;
}
#cat-social_gift .intro .txt-img{
	border:1px solid #dddddd;
	padding:6vw 4vw;
}
#cat-social_gift .intro .txt-img .txt{
	font-size:3.8vw;
	line-height:1.79;
	margin:0 0 5vw;
}
#cat-social_gift .intro .txt-img .txt p{
	margin:0 0 0.9em;
}
#cat-social_gift .intro .txt-img .txt p:last-child{
	margin:0;
}
#cat-social_gift .intro .txt-img .txt .mark1{
	color:#cb2800;
}#cat-social_gift .intro .txt-img .img{
	width:61%;
	margin:0 auto;
}




/***** こんなときにおすすめ *****/
#cat-social_gift .konnatoki-osusume {
	padding: 0 4vw 10vw;
	text-align: left;
}
#cat-social_gift .konnatoki-osusume h3 {
	padding: 0 0 8vw;
	text-align: center;
	
	font-weight: 600;
	font-size: 5.2vw;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul li {
	padding: 0 0 8vw;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul .icon {
	width: 75vw;
	margin: 0 auto;
	padding: 0 0 2vw;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul .icon img {
	display: block;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul li h4 {
	padding: 0 0 1vw;
	text-align: center;
	font-weight: 600;
	font-size: 4.6vw;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul li .txt p {
	line-height: 1.6;
	font-size: 3.8vw;
}


/***** ソーシャルギフトの使い方 *****/
#cat-social_gift .how-to h2 {
	padding: 0 0 4vw;
	text-align: center;
	
	font-weight: 600;
	font-size: 5.2vw;
}
#cat-social_gift .how-to h3 {
	margin: 0 0 2vw;
	padding: 1.5vw 0;
	text-align: center;
	
	font-weight: 600;
	font-size: 4.8vw;
	color: #333;
	background: #d1a757;
}

/* 文章 */
#cat-social_gift .how-to .txt {
	padding: 0 0 2vw;
	text-align: center;
}
#cat-social_gift .how-to .txt p {
	line-height: 1.7;
}
#cat-social_gift .how-to .txt p .mark-1 {
	font-weight: 600;
	color: #cb2800;
}

/* 各タイプ */
#cat-social_gift .how-to .gift-type {
	padding: 0 1vw 7vw;
}
#cat-social_gift .how-to .gift-type ul {
	
}
#cat-social_gift .how-to .gift-type ul li {
	display: flex;
	justify-content: space-between;
	width: 100%;
	
	margin: 0 0 3vw;
	padding: 5.7vw 2.6vw 4vw;
	border-radius: 3vw;
	border: solid 0.4vw #ddd;
	
	box-sizing: border-box;
}
#cat-social_gift .how-to .gift-type ul li .list-thumb {
	width: 42vw;
}
#cat-social_gift .how-to .gift-type ul li .list-info {
	width: 42vw;
	margin: -1.5vw 0 0;
}
#cat-social_gift .how-to .gift-type ul li .list-no {
	text-align: center;
	font-size: 4.8vw;
}
#cat-social_gift .how-to .gift-type ul li .list-label {
	position: relative;
	margin: 0 0 2vw;
	padding: 0 0 1vw;
	
	text-align: center;
	font-weight: 600;
	font-size: 4.4vw;
}
#cat-social_gift .how-to .gift-type ul li .list-label::after {
	position: absolute;
	content: '';
	background: #cb2800;
	bottom: 0;
	left: calc(50% - 6vw);
	width: 12vw;
	height: 0.4vw;
}
#cat-social_gift .how-to .gift-type ul li .list-txt {
}
#cat-social_gift .how-to .gift-type ul li .list-txt p {
	line-height: 1.6;
	font-size: 3.8vw;
}


/********** 各タイプ：STEP **********/
#cat-social_gift .gift-type-step {
	
}
#cat-social_gift .gift-type-step .gift-type-step-box {
	padding: 0 0 2vw;
}

/* 見出し */
#cat-social_gift .gift-type-step h4 {
	margin: 0 0 4.5vw;
	border-bottom: solid 0.3vw #ddd;
	font-weight: 600;
	font-size: 4.6vw;
}

/* リスト */
#cat-social_gift .gift-type-step .gift-type-step-list ul li {
	margin: 0 0 4.5vw;
	padding: 0 0 11vw;
	background: url("../images/cat-social_gift/arrow-sp.svg") no-repeat 50% 100%;
	background-size: 9vw auto;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li:last-child {
	background: none;
	padding: 0 0 5vw;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .step-no {
	padding: 0 0 3vw;
	text-align: center;
	font-weight: 600;
	font-size: 4.6vw;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .gift-type-step-list-layout {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .list-thumb {
	width: 41vw;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .list-info {
	width: 48vw;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .list-label {
	font-weight: 600;
	font-size: 4.6vw;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .list-txt {
	font-size: 3.8vw;
}





/***** 受け取り方 *****/
#cat-social_gift .uketori {
	padding: 0 0 9vw;
}
#cat-social_gift .uketori h3 {
	margin: 0 0 7vw;
	padding: 1.5vw 0;
	text-align: center;
	
	font-weight: 600;
	font-size: 4.8vw;
	color: #333;
	background: #d1a757;
}





/***** 受け取り方：注意文 *****/
#cat-social_gift .uketori .att {
	margin: 0 0 10vw;
	padding: 1vw 4vw;
	background: #f0f0f0;
}
#cat-social_gift .uketori .att p {
	line-height: 1.6;
	font-size: 3.4vw;
}
#cat-social_gift .uketori .att-uketori-internet p {
	text-indent: -1em;
	padding: 0 0 0 1em;
}
#cat-social_gift .uketori .att-uketori-hagaki p {
}
#cat-social_gift .uketori .att p .mark-1 {
	font-weight: 600;
	color: #cb2800;
}



/* --------------------------------------------------------------------------------
	Q & A
-------------------------------------------------------------------------------- */
#main .q-and-a {
	padding: 0 0 8vw;
}
#main .q-and-a h2 {
	padding: 0 0 4vw;
	text-align: center;
	
	font-weight: 600;
	font-size: 5.2vw;
}
#main .q-and-a .q-and-a-list {
	padding: 0 0 2vw;
}
#main .q-and-a ul {
}
#main .q-and-a ul li {
	margin: 0;
	padding: 0 0 3vw;
}

/* Question */
#main .q-and-a ul li .qa-q {
	display: flex;
	width: 100%;
	padding: 2vw 2vw 2vw 2vw;
	border-bottom: dotted 1px #b5b5b5;

	box-sizing: border-box;
	
	font-size: 4vw;
}
#main .q-and-a ul li .qa-q .qa-q-box .txt-q {
	display: flex;
	
	width: 100%;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
#main .q-and-a ul li .qa-q .qa-q-box .txt-q i {
	position: relative;
	width: 6vw;
	margin: 0 3vw 0 0;
}
#main .q-and-a ul li .qa-q .qa-q-box .txt-q i::before {
	content: 'Q';
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 6vw;
	height: 6vw;
	border-radius: 100%;
	font-style: normal;
	font-weight: 600;
	font-size: 3.6vw;
	color: #fff;
	background: #d1a757;
}

/* Answer */
#main .q-and-a ul li .qa-a {
	padding: 2vw 2vw 2vw 2vw;
	
	line-height: 1.55;
	font-size: 4vw;
}
#main .q-and-a ul li .qa-a .qa-a-box {
}
#main .q-and-a ul li .qa-a .qa-a-box .mark-a {
}
#main .q-and-a ul li .qa-a .qa-a-box .txt-a {
	display: flex;
	
	width: 100%;
	padding: 0 0 0 0;
	box-sizing: border-box;
	line-height: 1.6;
	font-size: 3.6vw;
}
#main .q-and-a ul li .qa-a .qa-a-box .txt-a i {
	position: relative;
	width: 6vw;
	margin: 0 3vw 0 0;
}
#main .q-and-a ul li .qa-a .qa-a-box .txt-a i::before {
	content: 'A';
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 6vw;
	height: 6vw;
	border-radius: 100%;
	font-weight: 600;
	font-size: 3.6vw;
	font-style: normal;
	color: #333;
	background: #ddd;
}
#main .q-and-a ul li .qa-a .qa-a-box .txt-a .txt-a-box {
	display: block;
	width: 80vw;
}



/***** Q & A：注意文 *****/
#cat-social_gift .q-and-a .att-q-and-a {
	margin: 0 1vw 10vw;
	padding: 2vw 3vw;
	background: #f0f0f0;
}
#cat-social_gift .q-and-a .att-q-and-a h3 {
	font-size: 3.4vw;
}
#cat-social_gift .q-and-a .att-q-and-a ul {
	font-size: 3.4vw;
}
#cat-social_gift .q-and-a .att-q-and-a ul li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}



/***** 商品一覧 *****/
#cat-social_gift .item-list {
}
#cat-social_gift .item-list h3 {
	margin: 0 0 8vw;
	padding: 0 0 1vw;
	border-bottom: solid 0.6vw #7d7d7d;
	text-align: center;
	font-weight: 600;
	font-size: 5.2vw;
}

/* 中見出し：カテゴリー*/
#cat-social_gift .item-list h4 {
	padding: 0 0 6vw;
	text-align: center;
	font-weight: 600;
	font-size: 5vw;
}
#cat-social_gift .item-list .item-box-original h4 {
	padding: 0 0 3vw;
}

/* 小見出し*/
#cat-social_gift .item-list h5 {
	margin: 0 0 6vw;
	padding: 0 0 0;
	border-bottom: solid 0.3vw #ddd;
	font-weight: 600;
	font-size: 4.6vw;
}

#cat-social_gift .item-list .item-list-box {
	padding: 0 0 0;
}

#cat-social_gift .item-list-2 .item-list-box {
}

#cat-social_gift .item-list .item-box.item-box-sukiyaki {
	padding: 0 0 6vw;
}
#cat-social_gift .item-list .item-original-jouon .item-list-box {
	padding: 0 0 3vw;
}
#cat-social_gift .item-list .item-box.item-box-original {
	padding: 0 0 7vw;
}

/* リスト */
#cat-social_gift .item-list ul {
	padding: 0 2vw;
}
#cat-social_gift .item-list ul li {
	margin: 0 0 8vw;
}
#cat-social_gift .item-list .item-box-steak-yakiniku ul li.li-steak {
	margin: 0 0 15vw;
}
#cat-social_gift .item-list .item-box-steak-yakiniku ul li.li-yakiniku {
	margin: 0 0 12vw;
}
#cat-social_gift .item-list ul li a {
	display: block;
	text-decoration: none;
}
#cat-social_gift .item-list ul li .name {
	font-weight: 600;
	font-size: 4.5vw;
}
#cat-social_gift .item-list ul li .price {
	padding: 0 0 5.5vw;
	text-align: right;
	letter-spacing: 0.05em;
	font-size: 4.4vw;
	color: #ff423e;
}
#cat-social_gift .item-list ul li .btn-details {
	padding: 2.5vw 0;
	border-radius: 0.3vw;
	text-align: center;
	font-weight: 600;
	font-size: 4.4vw;
	color: #fff;
	background: #a62c17;
}