@charset "utf-8";

.fs-c-heading--page{
	display: none;
}
.fs-body-category .fs-c-productList__controller{
	display: none;
}
.fs-body-category .fs-c-productList{
	background: none;
	padding: 50px 24px 100px;
}
/****************************************************************
PC
お使い物に
****************************************************************/
.oiwai{
}

/* main
*****************************************************/
.oiwai .main{
	margin: 0 0 9vw;
}
.oiwai .main h2{
	margin: 0 0 5vw;
	padding: 7vw 0;
	text-align: center;
	background: #aca25d;
	color: #fff;
}
.oiwai .main h2 .cat_name{
	font-size: 7.2vw;
	font-weight: bold;
	display: block;
	margin: 0 0 2vw;
}
.oiwai .main h2 .catch{
	font-size: 4.6vw;
	font-weight: bold;
	display: block;
}
.oiwai .main h3{
	text-align: center;
	font-size: 5.4vw;
	font-weight: bold;
	color: #aca25d;
	background: #e4e4e4;
	padding: 2vw 0;
	margin: 0 0 2.5vw;
}
.oiwai .main .txt-box .txt{
	padding: 0 4vw;
	line-height: 1.7;
	font-size: 3.6vw;
	color: #333333;
}

/* product_list
*****************************************************/
.oiwai .product_list h3{
	padding: 4vw 0;
	margin: 0 2vw 5vw;
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
	color: #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}








/* manner
*****************************************************/
.oiwai .manner{
	margin: 0 0 9vw;
	padding: 5vw 3vw 3.5vw;
	background: #e8e8e2;
}
.oiwai .manner h3{
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
	color: #333333;
	border-top: 0.2vw solid #cccccc;
	border-bottom: 0.2vw solid #cccccc;
	padding: 4.2vw 0;
	margin: 0 auto 5vw;
}
.oiwai .manner .manner-outer{
	padding: 0 0 9vw;
}
.oiwai .manner .manner-outer:last-child{
	padding: 0 0 0;
}
.oiwai .manner .manner-box {
}
.oiwai .manner h4 {
	margin: 0 0 5vw;
	text-align: center;
	font-size: 5.4vw;
	font-weight: bold;
	color: #fff;
	background: #aca25d;
	padding: 2vw 0;
	line-height: 1.5;
}
.oiwai .manner .img-manner{
	margin: 0 0 5vw;
}
.oiwai .manner .img-manner-list {
	padding: 0 0 2vw;
}
.oiwai .manner .img-manner-list ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

	width: 100%;
}
.oiwai .manner .img-manner-list ul li{
	width: 44vw;
}

.oiwai .manner .txt-manner-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	padding: 0 0 5vw;
}
.oiwai .manner .txt-heading{
	margin: 0 0 2vw;
	padding: 2vw 2vw;
	background: #aca25d;
	color: #fff;
}
.oiwai .manner .txt-manner{
	width: 44vw;
	font-size: 3vw;
}
.oiwai .manner .txt-manner .txt-manner-box{
	border: solid 1px #cdcdcd;
	color: #333;
	background: #fff;
	
}
.oiwai .manner .txt-manner .txt .txt-box{
	padding: 1vw 2vw 5vw;
	line-height: 1.7;
}
.oiwai .manner .txt-manner .txt p{
	padding: 0 0 5vw;
}
.oiwai .manner .txt-manner .txt p:last-child{
	padding: 0 0 0;
}
.oiwai .manner .txt-manner .txt .ssheading{
	font-weight: bold;
}

.oiwai .note {
	padding: 0 0 7vw;
	line-height: 1.55;
	color: #900;
	font-size: 3vw;
}


.oiwai .txt-kouden-gaeshi {
	padding: 0 0 3vw;
	text-align: center;
	font-size: 3vw;
	color: #333;
}

.oiwai .manner .img-manner-list-2 ul {
	display: grid;
	grid-auto-flow: column;

	width: 100%;
	
	/*
	ここの値を変更してください2つ目まで左のときは2
	3まで左に配置したいときは3を設定
	*/
	grid-template-rows: repeat(2, auto);
	gap: 5.5vw 4vw;
}

.oiwai .manner .img-manner-list-2 ul li {
	width: 44vw;
}
.oiwai .manner .img-manner-list-2 ul li img {
	display: block;
	width: 100%;
	height: auto;
}







/* gift_service
*****************************************************/
.gift_service{
	margin: 0 0 5vw;
}
.gift_service .gift_service-box{
}
.gift_service h3{
	padding: 4vw 0;
	margin: 0 2vw 5vw;
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
	color: #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.gift_service .gift_service-box {
	padding: 0 2vw;
}
.gift_service .gift_service-box ul{
}
.gift_service .gift_service-box ul li{
	position: relative;

	margin: 0 0 5vw;
	padding: 5vw 0;
	border: solid 1px #ccc;
	color: #333;
	background: #fff;
}
.gift_service .gift_service-box ul li .img{
}
.gift_service .gift_service-box ul li:nth-of-type(1) .img{
	width: 71vw;
	margin: 0 auto;
	padding: 0 0 8vw;
}
.gift_service .gift_service-box ul li:nth-of-type(2) .img{
	width: 48vw;
	margin: 0 auto;
	padding: 2vw 0 9vw;
}
.gift_service .gift_service-box ul li:nth-of-type(3) .img{
	position: relative;

	width: 35vw;
	margin: 0 auto;
	padding: 0 0 10vw;
}
.gift_service .gift_service-box ul li .ssheading{
	padding: 0 0 3vw;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 4.2vw;
	font-weight: bold;
}
.gift_service .gift_service-box ul li .txt{
	padding: 0 0 12vw 3vw;
	line-height: 1.65;
	font-size: 3.6vw;
}
.gift_service .gift_service-box ul li .btn {
	position: absolute;
	bottom: 19px;
	
	width: 100%;
}
.gift_service .gift_service-box ul li .btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.1em;
	
	font-weight: bold;
	color: #333;
}
.gift_service .gift_service-box ul li .btn a::after{
	content: '';
	display: block;
	width: 4vw;
	height: 4vw;
	margin: 0 0 0 2vw;
	font-size: 4.2vw;
	background: url(../../images/c/oiwai/icon-right_arr.png) no-repeat 0 0;
	background-size: 100% 100%;
}