@charset "utf-8";
/*-------------------
共通class
--------------------------------------------------*/
@import url('/vc/base/usr/docs/css/common_smart.css');
/*--------------
サービスタイトル
（.service_title）
----------------------------------------------------------*/
.service_title {
	font-size: 20px;
	font-size: 2.0rem;
}
/* サービスタイトルのサブテキスト */
.service_title.add_txt_sub .txt_sub {
	font-size: 14px;
	font-size: 1.4rem;
}

/*--------------
背景色付きタイトル
（.block_title）
----------------------------------------------------------*/
.block_title {
	font-size: 20px;
	font-size: 2.0rem;
}

/*--------------
ショッピングカートナビ
（#shop_nav）
----------------------------------------------------------*/
#shop_nav ul li {
	font-size: 10px;
	font-size: 1.0rem;
}

/*--------------
サービス名（.shop_name）
list.jsp  /vc/health-promotion/service_menu.jsp

現在は健康づくりカフェテリアのみで使用（2019.05.24）
----------------------------------------------------------*/
.shop_name {
	background-position: 0 -1px;
	background-size: 18px 16px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
}

/*--------------
サービス名（.shop_name_cf）
goodsList.jsp  goodsDetail.jsp  cartList.jsp  cart.jsp  applyForm.jsp  applyConfirm.jsp

現在は健康づくりカフェテリアのみで使用（2019.05.24）
----------------------------------------------------------*/
/*
---
#form_style h3,
.cart_style h3 {
で指定すると、現在稼働中（/vc/base/usr/apply/）のページに影響があるのでclass名で指定
---
.shop_nameのクラス名は既に使用しているので使わない
---
*/
.shop_name_cf {
	background-position: 0 14px;
	background-size: 24px 20px;
	font-size: 16px;
	font-size: 1.6rem;
	padding: .8em 0 .8em 1.75em;
}

/*--------------
ショップテーブル(店舗情報)
（.popup_shop_detail）
/vc/base/usr/apply/include/serviceinfoPopup.jsp

現在は健康づくりカフェテリアのみで使用（2019.05.24）
----------------------------------------------------------*/
.popup_base_box .popup_base_contents.popup_shop_detail {
	padding: 24px 30px;
}
.popup_shop_detail > .shop_summary {
		flex-flow: column;
}
.popup_shop_detail > .shop_summary > .shop_detail_img {
	padding: 24px 16px;
	width: 100%;
	height: auto;
}
.popup_shop_detail > .shop_summary > .shop_detail_img img {
	max-height: 180px;
	vertical-align: bottom;
}
.popup_shop_detail > .shop_summary .shop_ttl {
	font-size: 1.6rem;
	font-size: 16px;
	padding-bottom: 8px;
}
.popup_shop_detail > .shop_summary > .shop_detail_text {
	margin-left: 0;
	margin-top: 8px;
}
.popup_shop_detail > .shop_summary .shop_text {
	font-size: 14px;
	font-size: 1.4rem;
	padding-bottom: 8px;
}
.popup_shop_detail > .shop_summary .ctg_tag {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 8px;
}
.popup_shop_detail > .shop_summary a.shop_tolink {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 14px;
}
.popup_shop_detail > .shop_data > table th,
.popup_shop_detail > .shop_data > table td {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
}
.popup_shop_detail > .shop_data > table th {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 8px 16px 0;
	text-align: left;
	width: 100%;
}
.popup_shop_detail > .shop_data > table th span {
	border-bottom: 1px solid #ddd;
}
.popup_shop_detail > .shop_data > table td {
	padding: 8px 16px 16px;
}
/* アイコン(ポップアップ内に使用する場合) */
.ic_send, .ic_ticket, .ic_online {
	padding-left: 24px;
}
.popup_shop_detail .ic_send,
.popup_shop_detail .ic_ticket,
.popup_shop_detail .ic_online {
	margin-bottom: 4px;
	padding: 2px 2px 2px 28px;
}
.popup_shop_detail .ic_send::before,
.popup_shop_detail .ic_ticket::before,
.popup_shop_detail .ic_online::before {
	background-repeat: no-repeat;
	background-size: 22px 22px;
	width: 22px;
}
.popup_shop_detail > .shop_data > table td.payment span.no_use {
	margin-top: 4px;
}
/*--------------
案内（.guide_box）
list.jsp  cartList.jsp (/vc/apply/の方でも使用）
-------------------------------------------------------------------------------------*/
.cart_style .guide_box {
	background: url(/vc/base/usr/docs/images/ic_useguide.svg) 12px 50% no-repeat;
	background-size: 26px 26px;
	background-color: #fff7f2;
	border: 1px solid #f96;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 8px 8px 8px 48px;
}
.shop_name_list {
	background: url(/vc/base/usr/docs/images/ic_shop.svg) 0 3px no-repeat;
	background-size: 18px 12px;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 2px;
	padding-left: 20px;
}
/*--------------
購入商品のテーブル
（.tbl_purchase）
cart.jsp  cartList.jsp  applyForm.jsp  applyConfirm.jsp
----------------------------------------------------------*/
/* 再計算・削除 */
table.tbl_purchase .recalculation > div:first-child {
	margin-right: 8px;
}
table.tbl_purchase .recalculation input {
	font-size: 16px;
	font-size: 1.6rem;
	width: 52px;
	height: 52px;
}
table.tbl_purchase .recalculation a.btn_recalculation {
	font-size: 12px;
	font-size: 1.2rem;
	height: 24px;
	margin-bottom: 6px;
	padding: 0 4px;
}
table.tbl_purchase .recalculation a.delete {
	font-size: 13px;
	font-size: 1.3rem;
}
/* 合計金額 */
.product_total_price {
	font-size: 18px;
	font-size: 1.8rem;
}

/*--------------
商品一覧、商品詳細、カート内容確認、申込フォームページの最下部
（.submit_area）
----------------------------------------------------------*/
.submit_area {
		justify-content: center;
	width: 100%;
}
.submit_area .btn_submit {
	margin-top: 1em;
	margin-left: 0;
}
.submit_area .btn_back {
	background-position-x: 102px;
	min-width: 256px;
}

/*-----------------------------------------------------------------------------
■┓レイアウトスタイル
┗┛
-------------------------------------------------------------------------------*/
/* PCで左右並びのdivを、SPで縦並び */
.chg_1column_sp {
		flex-direction: column;
}
.chg_1column_sp > div {
	margin-right: 0;
	margin-bottom: 1em;
	width: 100%;
}
.chg_1column_sp > div:last-of-type {
	margin-bottom: 0
}
/*-----------------------------------------------------------------------------
■┓SP1S31 禁煙応援用品用css
┗┛（.nicorette_area）
・/vc/base/usr/docs/nicorette_a.jsp（#vc_style 以下）
・/vc/base/usr/apply/applyForm.jsp（#form_style 以下）
-------------------------------------------------------------------------------*/
.nicorette_area .nicorette_top_info {
		flex-direction: column;
}
.nicorette_area .nicorette_top_info div:first-child {
	margin-right: 0;
}
.nicorette_area .nicorette_top_info div:last-child {
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 16px;
	width: 100%;
}
.nicorette_area .qarea_box .ques_item {
	display: block;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.nicorette_area .qarea_box .ques_item label {
	padding-left: 1.5em;
}
.nicorette_area .qarea_box .ques_item .ques_num,
.nicorette_area .qarea_box .ques_item .ans_num {
	display: block;
	margin: 0 0 4px;
}
.nicorette_area .qarea_box .ques_item .out_of_label {
	margin: 0 0 16px 16px;
}
.nicorette_area .qarea_box .ans_item {
		flex-wrap: wrap;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.nicorette_area .qarea_box .ans_item .ans_num,
.nicorette_area .qarea_box .ans_item .ans_txt {
	width: 100%;
}

/*-----------------------------------------------------------------------------
■┓共通ページの言語切替ボタン
┗┛/vc/base/usr/personal/idpw/email/inquiryForm.jsp
|   /share/requirements.jsp
|   /share/eng/requirements.jsp
-------------------------------------------------------------------------------*/
.commonpage_btn_chglang {
	margin-bottom: -4px;
}
.commonpage_btn_chglang a.btn_chglang {
	font-size: 10px;
	font-size: 1.0rem;
	width: 64px;
}

/*-----------------------------------------------------------------------------
■┓ヘッダー、フッター等がないページ
┗┛「.main_column」を「#no_head_style」でくくる
-------------------------------------------------------------------------------*/
/* 団体名を入れるとき */
#no_head_style .wrap_group_name .nhs_group_name {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 16px 18px;
}