@charset "utf-8";


#cat-social_gift {
	padding: 0 0 32px;
}


/***** パンくずリスト　breadcrumb *****/
#cat-social_gift  .breadcrumb {
    font-size: 16px;
    padding: 0 0 20px;
    margin: 0;
}


/***** intro *****/
#cat-social_gift .intro{	
	margin:0 0 32px;
}
#cat-social_gift .intro .txt-img{
	display:table;
	justify-content: space-between;
	border:1px solid #dddddd;
	padding:25px 30px;
	width: 1120px;
    box-sizing: border-box;
}
#cat-social_gift .intro .txt-img .txt{
	font-size:16px;
	line-height:1.875;
	width:760px;
	display:table-cell;
	vertical-align:middle;
    padding: 0 33px 0 0;
}
#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:265px;
	display:table-cell;
}
#cat-social_gift .intro .txt-img .img img{
	width:100%;
}




/***** こんなときにおすすめ *****/
#cat-social_gift .konnatoki-osusume {
	width: 1120px;
	margin: 0 auto 60px;
	text-align: left;
}
#cat-social_gift .konnatoki-osusume h3 {
	padding: 0 0 50px;
	text-align: center;
	
	font-weight: 600;
	font-size: 28px;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul {
	display: flex;
	
	width: 100%;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul li {
	width: 340px;
	margin: 0 50px 20px 0;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul li:nth-of-type(3n) {
	margin-right: 0;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul .icon {
	width: 300px;
	margin: 0 auto;
	padding: 0 0 20px;
}
#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 5px;
	text-align: center;
	font-weight: 600;
	font-size: 19px;
}
#cat-social_gift .konnatoki-osusume .konnatoki-osusume-list ul li .txt p {
	line-height: 1.6;
	font-size: 16px;
}


/***** ソーシャルギフトの使い方 *****/
#cat-social_gift .how-to h2 {
	padding: 0 0 37px;
	text-align: center;
	
	font-weight: 600;
	font-size: 28px;
}
#cat-social_gift .how-to h3 {
	margin: 0 0 26px;
	padding: 3px 0;
	text-align: center;
	
	font-weight: 600;
	font-size: 24px;
	color: #333;
	background: #d1a757;
}

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

/* 各タイプ */
#cat-social_gift .how-to .gift-type {
	width: 1120px;
	margin: 0 auto;
	text-align: left;
}
#cat-social_gift .how-to .gift-type ul {
	display: flex;
	
	padding: 0 0 94px 110px;
}
#cat-social_gift .how-to .gift-type ul li {
	width: 440px;
	margin: 0 20px 20px 0;
	padding: 25px 40px;
	border-radius: 15px;
	border: solid 2px #ddd;
	
	box-sizing: border-box;
}
#cat-social_gift .how-to .gift-type ul li .list-info {
}
#cat-social_gift .how-to .gift-type ul li .list-no {
	text-align: center;
	line-height: 1.2;
	font-size: 28px;
}
#cat-social_gift .how-to .gift-type ul li .list-img {
	width: 300px;
	margin: 0 auto 20px;
}
#cat-social_gift .how-to .gift-type ul li .list-label {
	position: relative;
	margin: 0 0 30px;
	padding: 0 0 5px;
	
	text-align: center;
	font-weight: 600;
	font-size: 20px;
}
#cat-social_gift .how-to .gift-type ul li .list-label::after {
	position: absolute;
	content: '';
	background: #cb2800;
	bottom: 0;
	left: calc(50% - 30px);
	width: 60px;
	height: 2px;
}
#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.7;
	font-size: 16px;
}


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

/* 見出し */
#cat-social_gift .gift-type-step h4 {
	margin: 0 0 33px;
	padding: 2px 0 2px 4px;
	border-bottom: solid 1px #ddd;
	font-weight: 600;
	font-size: 20px
}

/* リスト */
#cat-social_gift .gift-type-step .gift-type-step-list {
	padding: 0 0 47px;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul {
	display: flex;
	
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 0 20px;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li {
	width: 300px;
	
	margin: 0 0 20px;
	padding: 0 90px 0 0;
	background: url("../images/cat-social_gift/arrow.svg") no-repeat calc(100% - 35px) 180px;
	background-size: 20px auto;
	
	box-sizing: content-box;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li:last-child {
	background: none;
	padding: 0 0 20px 0;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .step-no {
	padding: 0 0 20px;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
}
#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-img {
	padding: 0 0 25px;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .list-img img {
	display: block;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .list-info {
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .list-label {
	padding: 0 0 10px;
	line-height: 1.4;
	font-weight: 600;
	font-size: 19px;
}
#cat-social_gift .gift-type-step .gift-type-step-list ul li .list-txt {
	font-size: 16px;
}






/***** 受け取り方 *****/
#cat-social_gift .uketori {
	padding: 0 0 53px;
}
#cat-social_gift .uketori h3 {
	margin: 0 0 33px;
	padding: 3px 0;
	text-align: center;
	
	font-weight: 600;
	font-size: 24px;
	color: #333;
	background: #d1a757;
}

#cat-social_gift .uketori .gift-type-step.uketori-internet {
	padding: 0 0 10px;
}
#cat-social_gift .uketori .url-type-1.gift-type-step-list {
	padding: 0;
}

#cat-social_gift .uketori .gift-type-step.uketori-hagaki {
	padding: 0 0 15px;
}




/***** 受け取り方：注意文 *****/
#cat-social_gift .uketori .att {
	margin: 0 0 90px;
	padding: 10px 20px;
	background: #f0f0f0;
}
#cat-social_gift .uketori .att p {
	line-height: 1.7;
	font-size: 15px;
}
#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 h2 {
	padding: 0 0 42px;
	text-align: center;
	
	font-weight: 600;
	font-size: 28px;
}

#main .q-and-a .q-and-a-list {
	padding: 0 0 2px;
}
#main .q-and-a ul {
}
#main .q-and-a ul li {
	margin: 0;
	padding: 0 0 20px;
}

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

	box-sizing: border-box;
	
	font-size: 18px;
}
#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::before {
	content: 'Q';
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 30px;
	height: 30px;
	margin: 0 20px 0 0;
	border-radius: 100%;
	font-weight: 600;
	color: #fff;
	background: #d1a757;
}

/* Answer */
#main .q-and-a ul li .qa-a {
	padding: 15px 20px 10px;
	
	line-height: 1.55;
	font-size: 16px;
}
#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.7;
}
#main .q-and-a ul li .qa-a .qa-a-box .txt-a::before {
	content: 'A';
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 30px;
	height: 30px;
	margin: 0 20px 0 0;
	border-radius: 100%;
	font-weight: 600;
	color: #333;
	background: #ddd;
}



/***** Q & A：注意文 *****/
#cat-social_gift .q-and-a .att-q-and-a {
	margin: 0 0 153px;
	padding: 12px 20px;
	background: #f0f0f0;
}
#cat-social_gift .q-and-a .att-q-and-a p {
	font-size: 15px;
}
#cat-social_gift .q-and-a .att-q-and-a p .mark-1 {
	font-weight: 600;
	color: #cb2800;
}



/***** 商品一覧 *****/
#cat-social_gift .item-list h3 {
	margin: 0 0 50px;
	padding: 0 0 10px;
	border-bottom: solid 2px #7d7d7d;
	text-align: center;
	font-weight: 600;
	font-size: 24px;
}

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

#cat-social_gift .item-list .item-list-box {
	padding: 0 0 75px;
}
#cat-social_gift .item-list .item-original-jouon .item-list-box {
	padding: 0 0 28px;
}
#cat-social_gift .item-list .item-box.item-box-steak-yakiniku {
	padding: 0 0 81px;
}

#cat-social_gift .item-list-2 .item-list-box {
	padding: 0 0 75px 192px;
}

/* 小見出し*/
#cat-social_gift .item-list h5 {
	margin: 0 0 21px;
	padding: 0 0 5px;
	border-bottom: solid 1px #ddd;
	font-weight: 600;
	font-size: 20px;
}

/* リスト */
#cat-social_gift .item-list ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#cat-social_gift .item-list ul li {
	width: 350px;
	margin: 0 35px 20px 0;
}
#cat-social_gift .item-list ul li:nth-of-type(3n) {
	margin: 0 0 20px;
}
#cat-social_gift .item-list ul li a {
	display: block;
	text-decoration: none;
}
#cat-social_gift .item-list ul li .thumb {
	padding: 0 0 3px;
}
#cat-social_gift .item-list ul li .thumb img {
	display: block;
}
#cat-social_gift .item-list ul li .name {
	font-weight: 600;
	font-size: 20px;
}
#cat-social_gift .item-list ul li .price {
	padding: 0 0 17px;
	text-align: right;
	font-size: 20px;
	color: #ff423e;
}
#cat-social_gift .item-list ul li .btn-details {
	padding: 10px 0;
	border-radius: 3px;
	text-align: center;
	font-weight: 600;
	font-size: 17px;
	color: #fff;
	background: #a62c17;
}