@charset "utf-8";
/*-----------------------------------------------------------------------------
■┓メインコンテンツ内
┗┛（#vc_style）
-------------------------------------------------------------------------------*/
/*--------------
ページ大見出し（ポイント購入のページ等で使用）
（.headline_title）
----------------------------------------------------------*/
#vc_style .headline_title {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 0 1em;
	padding: 8px;
}
/*--------------
ページ概要
（.service_summary）
----------------------------------------------------------*/
#vc_style .service_summary .catch_copy {
	font-size: 17px;
	font-size: 1.7rem;
}
/*--------------
ページ内ナビとイメージ画像
（.anc_img）
----------------------------------------------------------*/
#vc_style .anc_img {
	margin-top: 24px;
}
/*--------------
ページ内ナビ
（.service_anc_nav）
----------------------------------------------------------*/
#vc_style .anc_img .service_anc_nav{
	display: none;
}
/*--------------
イメージ画像
（.service_image）
----------------------------------------------------------*/
#vc_style .anc_img .service_image {
	max-width: 100%;
	width: 100%;
}
#vc_style .anc_img .service_image img {
	display: block;
	margin: 0 auto;
}
/*--------------
サービスページからのお知らせ
（.service_info）
----------------------------------------------------------*/
#vc_style .service_info {
	margin-top: 16px;
	width: 100%;
	height: auto;
}
#vc_style .service_info .service_info_contents::after {
	height: 16px;
}
/*--------------
お申込方法
（section.procedure）
----------------------------------------------------------*/
#vc_style section.procedure {
	padding: 8px;
}
#vc_style section.procedure .procedure_title {
	font-size: 17px;
	font-size: 1.7rem;
	padding: 4px 4px 8px;
}
#vc_style section.procedure .procedure_contents {
	padding: 12px 4px;
}
#vc_style .procedure_arrow {
	border-width: 16px 96px 0 96px;
}
/*--------------
ご注意
（.notes）
----------------------------------------------------------*/
#vc_style .notes {
	margin-bottom: 1em;
	padding: 12px;
}
/*--------------
チケット再配送について
（section.redeliver）
----------------------------------------------------------*/
/*
/vc/apply/の方でも使用するためbase.css へ移動

#vc_style section.redeliver {
	margin: 24px 0;
	padding: 12px;
}
#vc_style section.redeliver .redeliver_title {
	padding: 4px 4px 8px;
}
#vc_style section.redeliver .redeliver_contents {
	padding: 12px 4px 0;
}
-*/
/*--------------
カフェテリアポイント購入
（.vcpnt）
----------------------------------------------------------*/
#vc_style .vcpnt {
	padding: 12px;
}
/*--------------
お問い合わせ
（.contact）
----------------------------------------------------------*/
#vc_style .contact {
	margin: 8px 0 16px;
}
#vc_style .contact .contact_contents {
	padding-left: 0;
}
/*--------------
お知らせ・ページ上部に赤枠で表示（.info）
キャンペーン・ページ上部に赤枠で表示（.info + .campaign）
----------------------------------------------------------*/
#vc_style .info .info_body .info_term {
	font-size: 15px;
	font-size: 1.5rem;
}
/*--------------
商品カテゴリ
（.category_list）
----------------------------------------------------------*/
#vc_style .category_list .category_name_sp {
	display: block;
}
#vc_style .category_list .category_name_sp_ctgindex {
	display: block;
}
#vc_style .category_list .category_name_pc,
#vc_style .category_list .three_column div ul,
#vc_style .category_list .two_column div ul {
	display: none;
}
#vc_style .category_list .three_column,
#vc_style .category_list .two_column {
	margin: 0;
}
#vc_style .category_list .three_column div,
#vc_style .category_list .two_column div,
#vc_style .category_list .three_column.ctgindex div {
	margin: 0;
	width: 100%;
}
#vc_style .category_list li {
	margin: 0;
	padding: 0;
}
#vc_style .category_list .three_column li::before,
#vc_style .category_list .two_column li::before {
	display: none;
}
#vc_style .category_list .three_column div:last-child ,
#vc_style .category_list .two_column div:last-child {
	margin-bottom: 32px;
}
#vc_style .category_list .three_column .category_name_sp ,
#vc_style .category_list .two_column .category_name_sp,
#vc_style .category_list .three_column .category_name_sp_ctgindex ,
#vc_style .category_list .two_column .category_name_sp_ctgindex {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	cursor: pointer;
	padding: 12px 24px 12px 16px;
	position: relative;
}
#vc_style .category_list .three_column .category_name_sp::after,
#vc_style .category_list .two_column .category_name_sp::after,
#vc_style .category_list .three_column .category_name_sp_ctgindex::after,
#vc_style .category_list .two_column .category_name_sp_ctgindex::after {
	border-color: #666;
	border-style: solid;
	border-width: 0 0 1px 1px;
	content: "";
	position: absolute;
		top: calc(50% - 7px);
		right: 8px;
	transform: rotate(-45deg);
	width: 8px;
	height: 8px;
}
#vc_style .category_list .three_column .category_name_sp_ctgindex::after,
#vc_style .category_list .two_column .category_name_sp_ctgindex::after {
		right: 16px;
	transform: rotate(225deg);
}
#vc_style .category_list .three_column div:not(:last-child) .category_name_sp ,
#vc_style .category_list .two_column div:not(:last-child) .category_name_sp,
#vc_style .category_list .three_column div:not(:last-child) .category_name_sp_ctgindex ,
#vc_style .category_list .two_column div:not(:last-child) .category_name_sp_ctgindex {
	border-bottom: none;
}
#vc_style .category_list .three_column div:first-child .category_name_sp ,
#vc_style .category_list .two_column div:first-child .category_name_sp,
#vc_style .category_list .three_column div:first-child .category_name_sp_ctgindex ,
#vc_style .category_list .two_column div:first-child .category_name_sp_ctgindex {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#vc_style .category_list .three_column div:last-child .category_name_sp ,
#vc_style .category_list .two_column div:last-child .category_name_sp,
#vc_style .category_list .three_column div:last-child .category_name_sp_ctgindex ,
#vc_style .category_list .two_column div:last-child .category_name_sp_ctgindex {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#vc_style .category_list .three_column .category_list_close ,
#vc_style .category_list .two_column .category_list_close { /* 「.category_list_close」はtoggleで追加 */
	background-color: #eee;
}
#vc_style .category_list .three_column .category_list_close::after ,
#vc_style .category_list .two_column .category_list_close::after {
	border-color: #666;
	border-style: solid;
	border-width: 1px 1px 0 0;
	content: "";
	position: absolute;
		top: calc(50% - 2px);
		right: 8px;
	transform: rotate(-45deg);
	width: 8px;
	height: 8px;
}
#vc_style .category_list .three_column .category_name_sp_ctgindex a ,
#vc_style .category_list .two_column .category_name_sp_ctgindex a {
	color: #333;
	display: flex;
		align-items: center;
}
#vc_style .category_list .three_column .category_name_sp_ctgindex a:hover ,
#vc_style .category_list .two_column .category_name_sp_ctgindex a:hover {
	opacity: .6;
	text-decoration: none;
}
#vc_style .category_list .three_column .category_name_sp_ctgindex img ,
#vc_style .category_list .two_column .category_name_sp_ctgindex img {
	margin-right: 8px;
}
#vc_style .category_list .three_column div:last-child .category_list_close ,
#vc_style .category_list .two_column div:last-child .category_list_close {
	border-bottom: 1px solid #eee;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#vc_style .category_list .three_column li ,
#vc_style .category_list .two_column li {
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#vc_style .category_list .three_column div:last-child li:last-child ,
#vc_style .category_list .two_column div:last-child li:last-child {
	border-bottom: 1px solid #ddd;
	border-radius: 0 0 8px 8px;
}
#vc_style .category_list .three_column li a ,
#vc_style .category_list .two_column li a {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 12px 16px 12px 32px;
	position: relative;
}
#vc_style .category_list .three_column li a::after,
#vc_style .category_list .two_column li a::after {
	border-color: #666;
	border-style: solid;
	border-width: 0 1px 1px 0;
	content: "";
	display: block;
	position: absolute;
		top: calc(50% - 4px);
		right: 9px;
	transform: rotate(-45deg);
	width: 8px;
	height: 8px;
}
#vc_style .category_list li.move_attention {
	border-top: none;
	border-bottom: none;
	color: #c00;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 0;
	padding: 0 16px 8px 32px;
}
#vc_style .category_list .one_column {
	margin: 0;
}
#vc_style .category_list .one_column li,
#vc_style .category_list .no_ctg_title li {
	padding: 0 0 4px 16px;
}
#vc_style .category_list .three_column.no_ctg_title li::before,
#vc_style .category_list .two_column.no_ctg_title li::before {
	display: block;
}
#vc_style .category_list .three_column.no_ctg_title li a::after,
#vc_style .category_list .two_column.no_ctg_title li a::after {
	display: none;
}
#vc_style .category_list .no_ctg_title div {
	margin-left: 4px;
}
#vc_style .category_list .no_ctg_title div ul {
	display: block;
}
#vc_style .category_list .no_ctg_title div ul li,
#vc_style .category_list .no_ctg_title div:last-child ul li:last-child {
	border: none;
}
#vc_style .category_list .no_ctg_title div ul li a {
	padding: 0;
}

/* 価格帯から探す（.service_contents_price） メーカーから探す（.service_contents_maker） */
.service_contents_price a,
.service_contents_maker a {
	width: calc(100% / 3 - 8px);
}
.service_contents_price a::before,
.service_contents_maker a::before {
	font-size: 12px;
	font-size: 1.2rem;
		top: calc(50% - 5px);
}
#vc_style .category_list .service_contents_maker a > div:last-child {
	margin-bottom: 0;
}
.service_attention {
	margin-left: 0;
}
/*-----------------------------------------------------------------------------
|
|■┓カテゴリー別商品一覧（.category_name_sp）
|┗┛
-----------------------------------------------------------------------------*/
#vc_style .category_list .three_column .category_name_sp {
	display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
}
#vc_style .category_list .three_column .category_name_sp img {
	margin-right: 8px;
}
/*--------------
現金振込をご利用のお客様へ
（#cash_style）
----------------------------------------------------------*/
#vc_style #cash_style .bank_tbl {
	margin: 0 auto;
}
#vc_style #cash_style .bank_tbl td {
	padding: 8px;
}
#vc_style #cash_style .bank_tbl tr:first-of-type td:not(:first-of-type),
#vc_style #cash_style .bank_tbl tr:not(:first-of-type) td {
	border-top: none;
}
#vc_style #cash_style .bank_tbl td.bank_contents {
	padding: 8px 8px 8px 24px;
}
/*--------------
サービス利用規約（物品購入＆チケット類）
（#agreement_style）
----------------------------------------------------------*/
#agreement_style #tos dd {
	padding: 16px;
}
/*-----------------------------------------------------------------------------
■┓テーブルスタイル
┗┛（table）
-------------------------------------------------------------------------------*/
/*--------------
（.goods_tbl）
----------------------------------------------------------*/
#vc_style table.goods_tbl td.special_price {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
/*--------------
（.normal_tbl）
----------------------------------------------------------*/
/*--------------
（.insert_tbl）
----------------------------------------------------------*/
#vc_style .sp_change_lengthway table.insert_tbl tbody { /* 後述の.sp_change_lengthwayの設定を変更 */
	margin: 0;
}
#vc_style .sp_change_lengthway table.insert_tbl tbody tr td:last-of-type {
	margin-bottom: 8px;
	padding-bottom: 8px;
}
#vc_style .sp_change_lengthway table.insert_tbl tbody tr:last-of-type td:last-of-type {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#vc_style table.insert_tbl tbody th,
#vc_style table.insert_tbl tbody td {
	padding: 0;
}
#vc_style table.insert_tbl tbody td {
	padding-left: 1em;
}
/*--------------
（.sp_change_xy）
SP表示では<thead>を1列目にして、<tbody>を横スクロールさせる
----------------------------------------------------------*/
#vc_style table.sp_change_xy {
	display: block;
	position: relative;
}
#vc_style table.sp_change_xy * {
	display: block;
}
#vc_style table.sp_change_xy thead {
	float: left;
}
#vc_style table.sp_change_xy tbody {
	overflow-x: auto;
	position: relative;
	white-space: nowrap;
	width: auto;
}
#vc_style table.sp_change_xy tbody::-webkit-scrollbar {
	height: 4px;
}
#vc_style table.sp_change_xy tbody::-webkit-scrollbar-track {
	background: #eee;
	border-radius: 4px;
}
#vc_style table.sp_change_xy tbody::-webkit-scrollbar-thumb {
	background: #666;
	border-radius: 4px;
}
#vc_style table.sp_change_xy thead *,
#vc_style table.sp_change_xy tbody *,
#vc_style table.sp_change_xy tbody *.special_price {
	font-size: 16px;
	font-size: 1.6rem;
}
#vc_style table.sp_change_xy tbody tr {
	display: table-cell;
}
#vc_style table.sp_change_xy tr *:not(:last-child) {
	border-bottom: none;
}
#vc_style table.sp_change_xy tbody * {
	border-left: none;
}
/*-------------------
（.sp_change_lengthway）
SP表示では縦に並べて<tbody>で分割し表示させる
複数のidやclassを全て持った要素にだけスタイルを適用させたい場合の記述(複数指定箇所はドット(.)つなぎにして絞り込む)
--------------------------------------------------*/
#vc_style table.sp_change_lengthway.sp_width_max {
	display: block;
}
#vc_style table.sp_change_lengthway.sp_tbl_center {
	margin-right: auto;
	margin-left: auto;
}
#vc_style table.sp_change_lengthway tbody,
#vc_style table.sp_change_lengthway tbody tr,
#vc_style table.sp_change_lengthway tbody tr th,
#vc_style table.sp_change_lengthway tbody tr td {
	display: block;
	text-align: left;
}
#vc_style table.sp_change_lengthway thead {
	display: none;
}
#vc_style table.sp_change_lengthway tbody {
	margin-top: 16px;
}
#vc_style table.sp_change_lengthway tbody:first-of-type {
	margin-top: 0;
}
#vc_style table.sp_change_lengthway tbody th,
#vc_style table.sp_change_lengthway tbody td {
	border-bottom: none;
}
#vc_style table.sp_change_lengthway tbody td.goods_title {
	background: #888;
	color: #fff;
}
#vc_style table.sp_change_lengthway tbody tr:last-of-type td:last-of-type {
	border-bottom: 1px solid #ccc;
}
/*-------------------
（.show_thead_txt）
SP表示で<tr class="show_thead_txt">内の<td data-label="項目名">で「項目名」を表示させる
--------------------------------------------------*/
#vc_style table tr.show_thead_txt th::before,
#vc_style table tr.show_thead_txt td::before {
	color: #000;
	content: attr(data-label);
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: normal;
	white-space: pre;
}
#vc_style table tr.show_thead_txt td.goods_title::before {
	color: #fff;
}
/*-----------------------------------------------------------------------------
■┓バリューカフェテリア メルマガ会員のご案内
┗┛（/vc/base/usr/docs/melmaga.jsp）
-------------------------------------------------------------------------------*/
#vc_style .melmag_apply_area {
	text-align: center;
}