@charset "Shift_JIS";

/* ---------------------------------------
�yapp�zŠî–{ƒŒƒCƒAƒEƒg
---------------------------------------- */
body.app_view { height: 100vh !important; padding-top: 0;}
body.app_view .wrapper_ { padding-bottom: 10px; margin-top: 0;}

/* ---------------------------------------
�yapp�zTOP
---------------------------------------- */
/* ˜b‘è‚̃L�[ƒ��[ƒh */
body.app_view #block_of_free1 { padding-right: 0; padding-left: 0;}
body.app_view #attention_keyword { margin: 0;}

/* ---------------------------------------
�yapp�z�¤•iŒŸ�õ
---------------------------------------- */
body.app_view #goodssearch_ #goodssearch_sort.float_button_ { bottom: 0;}
body.app_view .message_.no_item_ { margin: 40px 0; text-align: center;}
body.app_view .navipage_.bottom_ .navipage_frame_ ul { padding-bottom: 40px;}

/* ---------------------------------------
�yapp�z�¤•i�Ú�×
---------------------------------------- */
body.app_view.top .wrapper_.bg_gray.search_bg_ { height: 100vh; background: rgba(0, 0, 0, 0.5);}

/* ---------------------------------------
�yapp�z‚²�w“ü‚Ì‘O‚É‚²Šm”F‚­‚¾‚³‚¢
---------------------------------------- */
#page_goodsagree_for_qr.page_goodsagree_ { background: #FFF !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999;}

/* ---------------------------------------
�yapp�zƒJ�[ƒg‰æ–Ê
---------------------------------------- */
body.app_view div#app_qr { position: relative;}
body.app_view div#app_qr.cartlist_ { position: relative;}
body.app_view div#app_qr.cartlist_ .cart_block_ h2 { padding: 7px 10px; text-align: center;}
body.app_view div#app_qr.cartlist_ .cart_block_ .not_in_cart_ { padding: 35px 0 50px; text-align: center;}
body.app_view div#app_qr.cartlist_ .cart_block_ #item_slider { margin: 0 10px 15px;}
body.app_view div#app_qr.cartlist_ .cart_block_ #item_slider div { padding: 0 5px 0 0; text-decoration: none; color: #333; position: relative;}
body.app_view div#app_qr.cartlist_ .cart_block_ #item_slider .num_ {
  width: 16px;
  height: 16px;
  border: #FFF 2px solid;
  border-radius: 50%;
  text-align: center;
  font-size: 10px;
  color: #FFF;
  background: #CC0000;
  position: absolute;
  top: 0;
  right: 0;
}
body.app_view div#app_qr.cartlist_ .cart_block_ #item_slider figure img { width: 100%; vertical-align: bottom;}
body.app_view div#app_qr.cartlist_ .cart_block_ #item_slider .name_ { margin-top: 5px; font-size: 10px; visibility: hidden;}
body.app_view div#app_qr.cartlist_ .btn_block_ { padding: 0 10px 10px; border: none;}
body.app_view div#app_qr.cartlist_ .btn_block_ .reading_ { padding: 14px 10px; border-radius: 5px; font-weight: bold; text-align: center; color: #999; background: #E6E6E6;}
body.app_view div#app_qr.cartlist_ .btn_block_ .in_cart_ { text-align: center;}
body.app_view div#app_qr.cartlist_ .btn_block_ .in_cart_ a {
	max-width: 70%;
	min-width: 290px;
  height: 56px;
  padding: 0 10px;
	margin: 0 auto;
  border: none;
  border-radius: 56px;
	font-size: 16px;
	font-weight: 700;
  text-decoration: none;
  color: #FFF;
  background: #CC0000;
  display: flex;
	justify-content: center;
	align-items: center;
}
body.app_view div#app_qr.cartlist_ .overray_ { background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100001;}
body.app_view div#app_qr.cartlist_ .detail_block_ { padding: 15px; margin: 15px; border-radius: 8px; background: #FFF; position: relative; top: 10vh; z-index: 100002;}
body.app_view div#app_qr.cartlist_ .detail_block_ .head_sec_ { margin-bottom: 15px; overflow: hidden;}
body.app_view div#app_qr.cartlist_ .detail_block_ .head_sec_ figure { width: 90px; float: left;}
body.app_view div#app_qr.cartlist_ .detail_block_ .head_sec_ figure img { width: 100%; vertical-align: bottom;}
body.app_view div#app_qr.cartlist_ .detail_block_ .head_sec_ .info_area_ { margin-left: 100px;}
body.app_view div#app_qr.cartlist_ .detail_block_ .head_sec_ .info_area_ h2 { margin-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 1.2;}
body.app_view div#app_qr.cartlist_ .detail_block_ .head_sec_ .info_area_ .price_ { font-size: 16px; font-weight: 700; text-align: right;}
body.app_view div#app_qr.cartlist_ .detail_block_ .head_sec_ .info_area_ .price_ span { margin-left: 5px; font-size: 11px; font-weight: normal; text-align: right; color: #666; display: block;}
body.app_view div#app_qr.cartlist_ .detail_block_ .text_sec_ { height: 200px; margin-bottom: 20px; font-size: 14px; overflow: scroll;}
body.app_view div#app_qr.cartlist_ .detail_block_ .text_sec_ .goodscomment { font-size: 14px;}
body.app_view div#app_qr.cartlist_ .detail_block_ .text_sec_ .goodscomment + .goodscomment { margin-top: 10px;}

body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .appendix.method > li { margin: 10px 0; font-size: 14px;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .appendix.method .headline { margin: 0 0 5px 0; font-size: 14px; font-weight: 700;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_payment_icons_ { padding-bottom: 5px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_payment_icons_ img { max-width: 100%; max-height: 30px; vertical-align: top;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_payment_icons_ .ico_img_ { font-size: 14px; font-weight: 500; text-align: left;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_payment_icons_ .ico_img_.ico-cash { width: 100%; font-size: 14px; font-weight: 500; text-align: left;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_payment_icons_ .ico_img_.ico-credit { width: 100%; text-align: center;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_payment_icons_ .ico_img_.ico-conveni { width: 100%; text-align: center;}

body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_delivery_icons_wrap_ dl { display: flex;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_delivery_icons_wrap_ dl + dl { margin-top: 5px;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_delivery_icons_wrap_ dt { font-size: 14px; font-weight: 400; word-break: keep-all; white-space: nowrap;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_delivery_icons_wrap_ dt::after { content: '�F';}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_delivery_icons_wrap_ dd { font-size: 14px; font-weight: 400;}
body.app_view div#app_qr.cartlist_ .detail_block_ .goodsspec_ .spec_delivery_icons_wrap_ dd span + span::before { content: '�^';}

body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ { padding: 15px 0 5px; border-top: #DDD 1px solid;}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .num_box_ { margin-bottom: 20px; overflow: hidden;}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .num_box_ p { width: calc(100% - 174px); padding-top: 5px; text-align: right; float: left;}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ { overflow: hidden; float: right;}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ .btn_minus_,
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ .btn_plus_ { width: 32px; margin-left: 10px; font-size: 0; float: left;}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ img { width: 100%;}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ input {
  width: 80px;
  height: 32px;
  margin: 0;
  text-align: center;
  background: #FFF;
  float: left;
}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .btn_box_ { overflow: hidden;}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .btn_box_ input[type="button"] {
  width: 49%;
  height: 56px;
	color: #333;
  border: #333 1px solid;
  border-radius: 56px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
  background: #FFF;
  float: left;
}
body.app_view div#app_qr.cartlist_ .detail_block_ .cart_sec_ .btn_box_ input[type="submit"] {
  width: 49%;
  height: 56px;
  border: none;
  border-radius: 56px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
  background: #CC0000;
  color: #FFF;
  float: right;
}

/* ---------------------------------------
�yapp�zŒŸ�õƒtƒH�[ƒ€
---------------------------------------- */
body.app_view form.search_form_ .search_wrap::before { content: ''; width: 1px; height: 35px; background: #FFF; position: absolute; top: 0; right: 40px; left: auto;}
body.app_view form.search_form_ .search_wrap::after  { content: ''; width: 1px; height: 25px; background: #CCC; position: absolute; right: 40px; top: 6px;}
body.app_view form.search_form_ .search_button_ {
  width: 30px;
  height: 35px;
  border: none;
  text-indent: -2000%;
  background: #fff url(../../img/usr/sp/search_icon_submit.png) no-repeat center;
  background-size: 14px;
  position: absolute;
  top: 1px;
  right: 41px;
}
body.app_view form.search_form_ .qr_button_ {
  width: 40px;
  height: 35px;
  border: none;
  text-indent: -2000%;
  border-radius: 0 2px 2px 0;
  background: #fff url(../../img/usr/sp/camera_icon.png) no-repeat center;
  background-size: 22px;
  position: absolute;
  top: 1px;
  right: 1px;
}
body.app_view form.search_form_ .clear_button_ { width: 30px; height: 30px; border: none; text-indent: -2000%; position: absolute; top: 7px; right: 5px;}
body.app_view form.search_form_ .clear_button_.active_ { background: #fff url(../../img/usr/sp/search_icon_close.png) no-repeat center; background-size: 10px;}
body.app_view.top form.search_form_ .clear_button_ { width: 30px; height: 35px; border: none; text-indent: -2000%; background: #FFF; position: absolute; top: 1px; right: 71px;}

/* ---------------------------------------
 �yapp�zŒŸ�õƒtƒH�[ƒ€
---------------------------------------- */
body.app_view #expsuggestsdiv { width: 90% !important; margin: -10px 5% 0; left: 0 !important;}
body.app_view #expsuggestsdiv div {
  width: 100% !important;
  height: 46px !important;
  padding: 0 12px;
  margin-top: 10px;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  right: 0;
}
body.app_view #expsuggestsdiv div table tbody tr td span { height: 46px; font-size: 13px !important; line-height: 1.5; vertical-align: middle; display: table-cell;}
body.app_view #expsuggestsdiv div table tbody tr td:first-of-type { width: 90%;}
body.app_view #expsuggestsdiv div table tbody tr td { width: 10%;}
body.app_view #expsuggestsdiv div table tbody tr td + td span { color: #999 !important;}
body.app_view #expsuggestsdiv #expsuggests1  { top: 46px !important;}
body.app_view #expsuggestsdiv #expsuggests2  { top: 92px !important;}
body.app_view #expsuggestsdiv #expsuggests3  { top: 138px !important;}
body.app_view #expsuggestsdiv #expsuggests4  { top: 184px !important;}
body.app_view #expsuggestsdiv #expsuggests5  { top: 230px !important;}
body.app_view #expsuggestsdiv #expsuggests6  { top: 276px !important;}
body.app_view #expsuggestsdiv #expsuggests7  { top: 322px !important;}
body.app_view #expsuggestsdiv #expsuggests8  { top: 368px !important;}
body.app_view #expsuggestsdiv #expsuggests9  { top: 414px !important;}
body.app_view #expsuggestsdiv #expsuggests99 { display: none;}

body.app_view.top #expsuggestsdiv { width: 100% !important; margin: 0; position: fixed !important; top: 51px !important; overflow: scroll;}
body.app_view.top #expsuggestsdiv div { margin-top: 0;}
body.app_view.top #expsuggestsdiv div table tbody tr td span { height: auto; line-height: 3.6; vertical-align: middle; display: inline;}

/* ---------------------------------------
 �yapp�zƒAƒvƒŠ�Eƒiƒrƒvƒ‰ƒXƒTƒWƒFƒXƒgˆÊ’u’²�®
---------------------------------------- */
body.app_view div.bl_npSuggestContainerSp { top: 30px !important; left: -8px !important;}

/* ---------------------------------------
 �yapp�z�¤•i�Ú�׌Ÿ�õ
---------------------------------------- */
body.app_view.page-search .navipage_frame_ { padding-bottom: 0;}
body.app_view.page-search .contents_  { padding-bottom: 65px;}

/* ---------------------------------------
 ƒL�[ƒ��[ƒhŒŸ�õ ŠÖ˜AƒL�[ƒ��[ƒh
---------------------------------------- */
body.app_view #relative_keyword_ { margin: 0; }

body.app_view #goodssearch_sort_inner .navistyle_ .select_ select { width: 100%; max-width: 100%; padding-left: 5%; margin-left: 0;}
body.app_view #goodssearch_sort_contents .sort_service { padding: 0 0 63px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  _::-webkit-full-page-media,
	_:future,
	:root body.app_view #goodssearch_sort_contents .sort_service { padding: 0 0 63px;}
}

/* ---------------------------------------
 �yapp�z‚¨Žx•¥•û–@‚Ì�Ý’è
---------------------------------------- */
.postoffice_qa2_selecter_wrap_ + p { font-size: 14px;} 
.postoffice_qa2_selecter_wrap_ + p + .small { font-size: 14px;} 
p.about_introduced { margin: 10px 0; font-size: 14px; font-weight: 500; text-decoration: underline; color: #1D3994;}

/* ƒ‚�[ƒ_ƒ‹ */
.introduced_modal { display: none;}
.introduced_modal .introduced_overray { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
.introduced_modal .modal_box {
  width: calc(100% - 30px) !important;
  max-height: calc(100dvh - 200px) !important;
	padding: 16px !important;
	margin: 0 !important;
  border-radius: 12px !important;
  background: #FFF !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  overflow-y: scroll !important;
	z-index: 1111;
}
.introduced_modal .modal_box.active { display: block;}
.introduced_modal .modal_box .title_area { padding: 10px 0; border-radius: 6px 6px 0 0; background: none; position: relative;}
.introduced_modal .modal_box .title_area .close { width: 16px; position: absolute; top: 11px; right: 15px; display: none;}
.introduced_modal .modal_box .title_area .close img { width: 100%;}
.introduced_modal .modal_box .title_area .title { font-size: 20px; font-weight: 500; text-align: center; line-height: 1.4; color: #333;}
.introduced_modal .modal_box .text_area { padding: 15px 0 0;}
.introduced_modal .modal_box .text_area p { margin-bottom: 15px; font-size: 14px; font-weight: 400; line-height: 1.8;}
.introduced_modal .modal_box .text_area p span { font-size: 14px;}
.introduced_modal .modal_box .text_area p .bold { font-weight: 400;}
.introduced_modal .modal_box .text_area p .red { padding: 0 0 0 1em; text-indent: -1em; color: #EC0000; display: block;}
.introduced_modal .modal_box > .close {
	width: 163px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	border: #333 1px solid;
	border-radius: 40px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
}