@charset "utf-8";
/*-----------------------------------------------------------------------------
■┓メインコンテンツ内
┗┛（#vc_style）
-------------------------------------------------------------------------------*/
/*--------------
ご注意枠
----------------------------------------------------------*/
#vc_style .notes ul li {
	margin-bottom: .5em;
}
/*--------------
お問い合わせ
（.contact）
----------------------------------------------------------*/
#vc_style .contact .contact_contents {
	padding-top: 12px;
}
#vc_style .contact table th,
#vc_style .contact table td {
	display: block;
	text-align: left;
}
#vc_style .contact table th {
	padding: 12px 0 0;
}
#vc_style .contact table tr:first-of-type th:first-of-type {
	padding: 0;
}
#vc_style .contact table td {
	border-bottom: 1px dashed #aaa;
	padding: 4px 0 8px 1em;
}
#vc_style .contact table tr:last-of-type td {
	border-bottom: none;
	padding-bottom: 0;
}
/*--------------
サービス利用の流れ
（.service_flow）
----------------------------------------------------------*/
#vc_style .service_flow {
		flex-direction: column;
}
#vc_style .service_flow div {
	padding: 24px 8px;
	width: 100%;
}
#vc_style .service_flow div.flow_after_arrow {
	margin-bottom: 24px;
}
#vc_style .service_flow div.flow_after_arrow::after {
	border-width: 24px 80px 0 80px;
	border-style: solid;
	border-color: #d9d9d9 transparent transparent transparent;
		top: calc(100% + 1px);
		left: calc(50% - 80px);
}
/*--------------
お知らせ・ページ上部に赤枠で表示（.info）
キャンペーン・ページ上部に赤枠で表示（.info + .campaign）
----------------------------------------------------------*/
#vc_style .info .info_title {
	font-size: 17px;
	font-size: 1.7rem;
	padding: 12px 24px 8px 8px;
}
#vc_style .info.campaign .info_title {
	background: url(/vc/base/usr/docs/images/camp_ribbon_sp@2x.png) right top no-repeat #f00;
	background-size: 25px 35px;
	padding-right: 24px;
}
#vc_style .info .info_body {
	margin-bottom: 24px;
	padding: 12px;
}
#vc_style .info .info_body .info_term {
	text-align: left;
}

/*--------------
商品カテゴリ
（.category_list）
----------------------------------------------------------*/
/* 価格帯から探す（.service_contents_price） メーカーから探す（.service_contents_maker） */
.service_contents_price a {
	width: 100%;
}
.service_contents_maker a {
	padding: 0 8px;
	width: calc(100% / 2 - 8px);
	height: 56px;
}
.service_contents_maker a::before {
	content: none;
}
#vc_style .category_list .service_contents_maker a > div {
	margin: 0;
}
#vc_style .category_list .service_contents_maker a > div img {
	max-height: 54px;
}

/*-----------------------------------------------------------------------------
■┓バリューカフェテリア メルマガ会員のご案内
┗┛（/vc/base/usr/docs/melmaga.jsp）
-------------------------------------------------------------------------------*/
#vc_style .tokuten {
	padding: 24px 16px;
}
#vc_style .tokuten .tokuten_ttl {
	font-size: 22px;
	font-size: 2.2rem;
}
#vc_style .tokuten .tokuten_point {
		justify-content: center;
	margin-top: 24px;
	padding: 0 8px;
}
#vc_style .tokuten .tokuten_point img {
	max-width: 280px;
	width: 100%;
}
#vc_style .tokuten .tokuten_point img:first-of-type {
	margin-bottom: 16px;
}