@charset "UTF-8";

/* ---------------------------------------------------------------
	注文検索
--------------------------------------------------------------- */
#content.section_search_ {
}

#title_search {
}

#title_search_inner {
}

#section_search_area {
	position: relative;
}

a.txt_link_arrow_ {
	padding-left: 1.6rem;
	background: url(../img/contents/bg_arrow_blue.png) no-repeat 0 0.4rem;
	text-decoration: none;
}

a.txt_link_arrow_:hover {
	background-image: url(../img/contents/bg_arrow_aquablue.png);
	color: #0fbefa;
}

#section_search_textarea {
	padding: 2rem 3rem;
	background: #F2F6FF;
	border-radius: 1rem;
}
#section_search_textarea .section_search_textarea_in1 {
	background: #ffffff;
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2.4rem;
	padding: 2.4rem 2.4rem;
}
#section_search_textarea .section_search_textarea_in2 {
	order: 1;
	max-width: 40%;
}
#section_search_textarea .section_search_textarea_in2:not(:has(.section_result_area_))::after {
	display: block;
	content: '何も入力せず検索することも可能です。';
}
#section_search_textarea .section_search_textarea_in2 .section_result_area_ {
	margin: 0;
}
#section_search_textarea .section_search_textarea_in2 .section_result_area_ .accordion_trigger_hide_ {
	display: none!important;
}
#section_search_textarea .section_search_textarea_in2 .section_result_area_ .accordion_content_hide_ {
	display: block!important;
	margin: 1.4rem 0 0;
	padding: 1.4rem 0 0 0;
	background: none;
	border-top: solid 1px #dcdcdc;
	border-radius: 0;
}

#section_search_textarea .section_search_textarea_in1 #search-modal-open-btn {
	order: 5;
}
#section_search_textarea .section_search_textarea_in1 #search-modal-open-btn a {
	width: 27rem;
	height: 5.6rem;
	letter-spacing: 2px;
	font-size: 1.6rem;
}
#section_search_textarea .section_search_textarea_in1 #search-modal-open-btn a::after {
	content: '検索条件を入力する';
}
/* 検索結果表示時 */
#section_search_main_wrapper > #search-modal-open-btn2 {
	display: none;
	position: fixed;
    right: 0.4rem;
    bottom: 13rem;
    z-index: 300;
}
body:has(.table_search_result_wrapper_) #section_search_main_wrapper > #search-modal-open-btn2 {
	display: block;
}

@media screen and (min-width: 768px) {
#section_search_main_wrapper > #search-modal-open-btn2 {
    bottom: 10rem;
}
}

#section_search_main_wrapper > #search-modal-open-btn2 a {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	flex-flow: column;
	width: 4.4rem;
	height: 4.4rem;
	padding: 0 0 0.1rem!important;
	border-radius: 100%!important;
	background: #5C5C5C;
	border-color: #5C5C5C;
	font-size: 1.0rem;
	font-weight: 500;
	letter-spacing: 0;
	white-space: nowrap;
	box-shadow: 0 0 0.8rem rgba(0,0,0,0.2);
}
#section_search_main_wrapper > #search-modal-open-btn2 a::before {
	display: block;
	content: '';
	margin: 0 0 0.3rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../img/common/icon_search.png) center / contain no-repeat;
}
#section_search_main_wrapper > #search-modal-open-btn2 a::after {
	content: '検索';
}

/* メインコンテンツ */
#section_search_main_wrapper {
}

#section_search_main {
	position: relative;
}

#section_search_main .sec_title_with_utilitymenu_ {
	display: flex;
	align-items: center;
	gap: 1.4rem;
	margin: 0 0 1.6rem;
}
#section_search_main .sec_title_with_utilitymenu_.clearfix_:before,
#section_search_main .sec_title_with_utilitymenu_.clearfix_:after {
	display: none!important;
}

.sec_title_with_utilitymenu_ .title_search_main_ {
	margin: 0;
	padding: 0;
	flex: 1;
}

.section_search_main_inner_ {
	position: relative;
	margin: 2.4rem 0 0;
	padding: 0;
}

.section_search_main_inner_ .section_result_area_ {
	position:relative;
}


#section_search_main-bottom {
	margin: 3.2rem 0;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 3.0rem;
}
#section_search_main-bottom > :where(p, div) a.bt_default_,
#section_search_main-bottom > :where(p, div) span.bt_sendmail_disabled_ {
	width: 33.5rem;
	height: 5.6rem;
	font-size: 1.6rem;
}
#section_search_main-bottom > :where(p, div) span.bt_sendmail_disabled_ + p {
	margin-top: 1.0rem;
	white-space: normal;
}

.section_result_area_ {
	margin: 2.0rem 0;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
}
.section_result_area_.clearfix_:before,
.section_result_area_.clearfix_:after {
	display: none!important;
}
.section_result_area_ * {
	order: 10;
}
.section_result_area_ .txt_result_num_ {
	order: 1;
	margin: 0 0 1.0rem;
}
.section_result_area_ .list_paging_ {
	order: 3;
	width: 100%;
	border-top: solid 1px #DBDBDB;
	margin: 0 0 1.6rem;
	padding: 1.5rem 0 0;
	text-align: right;
}
.section_result_area_ .txt_display_num_ {
	order: 2;
	margin: 0 0 1.0rem;
}

.section_result_area_ .section_result_search_area_ {
	width: 100%;
}

/* テーブル */
.table_search_result_wrapper_ {
	overflow-x: auto;
	padding: 1.6rem 3.2rem;
	background: #ffffff;
	border-radius: 1.5rem;
}
.table_search_result_ {
	min-width: 100%;
}

.table_search_result_ a.bt_default_ {
	padding: 0.2rem 0 0;
	font-size: 1.3rem;
	width: 9.4rem;
	height: 3.2rem;
	text-align: center;
}

.table_search_result_ th,
.table_search_result_ td {
	padding: 0.7rem 0.5rem 0.5rem;
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: center;
}

.table_search_result_ th {
	background-color: #EAF1FD;
	font-size: 1.3rem;
	color: var(--text-color);
	font-weight: bold;
	text-align: center;
}
.table_search_result_ td {
	border-bottom: solid 1px #dbdbdb;
}
.table_search_result_ tr:last-child td {
	border-bottom: none;
}
.table_search_result_ td a {
	text-decoration: none;
	color: #8DAAFF;
	font-weight: bold;
}
.table_search_result_ td a:hover {
	text-decoration: underline;
}
.table_search_result_ th.th_order_id_,
.table_search_result_ td.td_order_id_ {
	min-width: 10rem;
	word-break: break-all;
}

.table_search_result_ th.th_order_day_ {
	width: 8rem;
}

.table_search_result_ th.th_order_num_ {
	min-width: 8rem;
}

.table_search_result_ td.td_order_num_ {
	text-align: center;
}

.table_search_result_ th.th_order_name_ {
	min-width: 8rem;
}

.table_search_result_ th.th_order_howtopay_ {
	min-width: 10rem;
}

/*.table_search_result_ tr.tr_even td {
	background-color: #f0faff;
}*/

.table_search_result_ tr:hover td {
	background-color: #E8FEFF;
}

.table_search_result_ .txt_goods_area_,
.table_search_result_ .txt_promotion_area_,
.table_search_result_ .txt_look_detail_ {
	white-space: nowrap;
}
.table_search_result_ td:has(.txt_goods_area_) {
	width: 320px;
	min-width: 240px;
}
.table_search_result_ td > div:has(> .txt_goods_area_) {
	min-width: 184px;
}
.table_search_result_ .txt_goods_area_ {
	white-space: normal;
    /*display: flex;
	align-items: center;*/
	display: block;
	text-align: left;
}
.table_search_result_ .txt_goods_area_ .txt_goods_area_qty_ {
	display: inline;
	margin-left: 5px;
    border: solid 1px #ddd;
    min-width: 2em;
    text-align: center;
    padding: 0 0.5em;
}
.table_search_result_ .txt_goods_area_ .width150_ {
	min-width: 150px;
}
.table_search_result_ .txt_goods_area_ .width30_ {
	min-width: 30px;
}


.table_search_result_ .txt_goods_area_result_ {
	font-size: 1.2rem;
}

.table_search_result_ .txt_goods_area_ input[type=text] {
	padding: 1px 0.5rem;
	font-size: 1.2rem;
}

.table_search_result_ .method_total_ {
	text-align: left;
	font-size: 1.2rem;
}
.table_search_result_ .margin_bottom03_ {
	text-align: left;
}

/* ステータス */
.txt_order_status_ {
	width: 7.5rem;
	height: 2.7rem;
}

/* サブコンテンツ 開閉メニュー */
#section_sub_wrapper {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	display: none;
}
#section_sub_wrapper #section_search_sub--bg {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}

#section_search_sub {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	transform: translate(-50%,-50%);
	background: #ffffff;
	border-radius: 1.5rem;
	width: min(80%, 767px);
}
#section_search_sub.open_ {
	/*width: 25.8rem;*/
}

#section_search_sub.close_ {
	/*width:4.3rem;
	border-left: none;*/
}
.section_search_sub--close {
	display: inline-block;
	position: relative;
	padding: 0 0 0 1.7rem;
}
.section_search_sub--close::before,
.section_search_sub--close::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1.25rem;
	height: 1px;
	background-color: #8DAAFF;
	transform: rotate(45deg);
}
.section_search_sub--close::after {
	transform: rotate(-45deg);
}
#section_search_sub #section_search_sub--header {
	position: relative;
	padding: 0 0 0 0;
	height: 8.8rem;
}
#section_search_sub #section_search_sub--header ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 2.0rem;
	position: absolute;
	right: 5.0rem;
	top: 50%;
	transform: translateY(-50%);
}
#section_search_sub #section_search_sub--header ul li a.bt_default_ {
	padding: 0.7rem 0.82rem 0.7rem;
	font-size: 1.3rem;
}
#section_search_sub #section_search_sub--bottom {
	position: relative;
	padding: 2.2rem 3.2rem;
	height: 20rem;
	text-align: center;
}
#section_search_sub #section_search_sub--bottom > p {
	display: block;
	text-align: right;
}
#section_search_sub #section_search_sub--bottom > ul {
	margin: 2.2rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3.2rem;
}
#section_search_sub #section_search_sub--bottom > ul li {
	flex: 1;
}
#section_search_sub #section_search_sub--bottom > ul li .bt_default_ {
	width: 100%;
	height: 5.6rem;
	font-size: 1.6rem;
	font-weight: bold;
}
#section_search_sub #section_search_sub--bottom > ul li#section_search_sub--bottom-pattern .bt_default_ {
	background: #ffffff;
	border-color: #8DAAFF;
	color: #8DAAFF!important;
}
#section_search_sub #section_search_sub--bottom > ul li#section_search_sub--bottom-submit .bt_default_ {
}

#section_search_sub #section_search_sub--contents {
}
#section_search_sub #section_search_sub--body {
	padding: 2.0rem 3.2rem;
	overflow-y: auto;
	max-height: calc(90vh - 28.8rem);
}
#section_search_sub #section_search_sub--body .section_search_sub--body--align-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1.8rem;
}

#section_search_sub.close_ .title_conditions_ .title_conditions_inner {
	display: none;
}

#section_search_sub.close_ .sec_search_form_area_,
#section_search_sub.close_ .bt_pagetop,
#section_search_sub.close_ .Box {
	visibility: hidden;
}

#section_search_sub a {
	text-decoration: none;
}

#section_search_sub a:hover {
	color: #0fbefa;
}

#section_search_sub .title_conditions_ {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 8.8rem;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

#section_search_sub .title_setting_menu_,
#section_search_sub .title_setting_menu_accordion_ {
	color: #505050;
	font-size: 1.4rem;
	font-weight: bold;
}

/* アコーディオン */
#section_search_sub .title_setting_menu_accordion_ {
	padding-left: 1.6rem;
	background:url(../img/contents/bt_sub_accodion.png) no-repeat 0 2px;
	cursor: pointer;
}

#section_search_sub .title_setting_menu_accordion_.opened_ {
	background-image: url(../img/contents/bt_sub_accodion_opened.png);
}

#section_search_sub .title_setting_menu_accordion_.opened_:hover {
	background-image: url(../img/contents/bt_sub_accodion_opened_hover.png);
	color: #0fbefa;
}

#section_search_sub .accordion_content_ {
	margin-top: 2rem;
}

.txt_notice_accordion_content_ {
	margin-top: 1rem;
	margin-bottom: 2rem;
	font-size: 1.2rem;
}

#section_search_sub .title_setting_menu_sub_ {
	color: #505050;
	font-size: 1.4rem;
}

#section_search_sub .title_setting_menu_.sec_search_left_,
#section_search_sub .title_setting_menu_sub_.sec_search_left_ {
	position: relative;
	top: 2px;
}

#section_search_sub .sec_search_form_area_ {
	margin: 1.6rem 0;
	display: flex;
}
#section_search_sub .sec_search_form_area_.sec_noborder_ {
}
#section_search_sub .sec_search_form_area_ .sec_search_left_ {
	width: 9em;
	min-width: 9em;
	padding-top: 0.9rem;
	font-size: 1.4rem;
	font-weight: bold;
}
#section_search_sub .sec_search_form_area_ .sec_search_right_ {
	flex: 1;
}
#section_search_sub .sec_search_form_area_ .sec_search_right_ select {
	float: none!important;
	padding: 0.8rem 1.0rem;
    border-radius: 3px;
	border: solid 1px #a5a5a5;
}

.sec_search_left_ {
}

.sec_order_search_right_ {
	width: 13.5rem;
}

#section_search_sub input.txt_input_width_full_ {
	width: 21rem;
}

#section_search_sub .sec_search_form_area_ input.txt_input_width_half_ {
	width: 9.5rem;
}

#section_search_sub .sec_search_form_area_ input.txt_input_category_separate_ {
	width: 8.1rem;
}

#section_search_sub .clearfix_ input.txt_input_category_separate_:first-child {
}

#section_search_sub .clearfix_ .bt_input_default_ {
	position: relative;
	display: inline-block;
	top: -2px;
	width: 1.3rem;
}

#section_search_sub .clearfix_ input.txt_input_category_separate_:last-child {
}

#section_search_sub .datepicker_past_ {
	width: 14.6rem;
	margin-right: 1rem;
}

#section_search_sub .txt_option_width_full_ {
	width: 21.8rem;
}

#section_search_sub .bt_pagetop {
	padding: 0 2rem 0px 0;
}

#section_search_sub .bt_pagetop a {
	float: right;
	display: inline-block;
	width: 2.6rem;
	height: 2.6rem;
	background: url(../img/footer/bt_topagetop.png) no-repeat 0 0;
}

#section_search_sub .bt_pagetop a:hover {
	background-position: 0 -26px;
}
/* 検索条件：店舗スタッフID非表示 */
#section_search_sub .TextAndInputText:has(input[name="salon_staff_name"]) {
	display: none!important;
}

/* 見るバルーン */
/*.sec_balloon_order_status_ {
	width: 33.6rem;
	display: table;
}*/

.sec_balloon_order_status_main_ {
	/*width: 33.2rem;*/
	width: 32.2rem;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.sec_balloon_order_status_main_ .list_order_status_ {
	padding: 1.5rem;
	border-bottom: 1px solid #dbdbdb;
}

.list_order_status_ .txt_order_status_head_ {
	float: left;
	width: 12.5rem;
	text-align: right;
}

.list_order_status_ .txt_order_status_detail_ {
	float: right;
	width: 14rem;
	text-align: left;
	padding-right: 2.5rem;
}

/*.sec_balloon_order_status_arrow_ {
	width: 1.4rem;
	background: url(../img/contents/bg_balloon_order_detail.png) no-repeat left center;
	vertical-align: middle;
}*/

/*.sec_balloon_order_status_main_,
.sec_balloon_order_status_arrow_ {
	display: table-cell;
}*/

/* 閉じる 開く このページの先頭へボタン */
.bt_search_side_trigger_ {
	display:block;
	width: 2.6rem;
	height: 2.6rem;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.bt_search_side_trigger_#bt_search_open_close {
	position: absolute;
	top: 0.8rem;
	right: 1rem;
}

/* 閉じる */
.bt_search_side_trigger_.open_#bt_search_open_close {
	background-image: url(../img/contents/bt_accordion_width_open.png);
}
.bt_search_side_trigger_.open_#bt_search_open_close:hover {
	background-image: url(../img/contents/bt_accordion_width_open_ov.png);
}

/* 開く */
.bt_search_side_trigger_.close_#bt_search_open_close {
	background-image: url(../img/contents/bt_accordion_width_close.png);
}
.bt_search_side_trigger_.close_#bt_search_open_close:hover {
	background-image: url(../img/contents/bt_accordion_width_close_ov.png);
}

#bt_section_search_,
#bt_search_large  {
	padding: 0.8rem 6rem 0.6rem;
	background-color: #21aaf9;
	border: none;
	-moz-border-radius: 2.2rem;
	-webkit-border-radius: 2.2rem;
	border-radius: 2.2rem;
	-moz-box-shadow: inset 0px -3px 1px rgba(19,138,249,1);
	-webkit-box-shadow: inset 0px -3px 1px rgba(19,138,249,1);
	box-shadow: inset 0px -3px 1px rgba(19,138,249,1);
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}

#bt_section_search_:hover,
#bt_search_large:hover {
	background-color: #10d5f9;
	-moz-box-shadow: inset 0px -3px 1px rgba(9,173,249,1);
	-webkit-box-shadow: inset 0px -3px 1px rgba(9,173,249,1);
	box-shadow: inset 0px -3px 1px rgba(9,173,249,1);
	color: #fdf68a;
}

span.bt_sendmail_disabled_ {
display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #d0d0d0;
	border: 1px solid #d0d0d0;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.2;
    padding: 1.1rem 1.4rem 1.0rem;
    border-radius: 2.6rem !important;
    color: #ffffff !important;
width: 100%;
        height: 100%;
        white-space: normal;
        font-size: 1.3rem;
        padding: 1rem 0.5rem;
}
@media screen and (max-width: 767px) {
	#section_search_textarea {
	padding: 2.4rem 1.6rem;
	}
#section_search_textarea .section_search_textarea_in1 {
	display: flex;
	flex-flow: column;
	padding: 2.4rem 1.6rem;
}
#section_search_textarea .section_search_textarea_in2 {
	max-width: none;
	width: 100%;
}
#section_search_textarea .section_search_textarea_in1 #search-modal-open-btn {
	width: 100%;
}
#section_search_textarea .section_search_textarea_in1 #search-modal-open-btn a {
	width: 100%;
}

#section_search_main .sec_title_with_utilitymenu_ {
	flex-flow: wrap;
	align-items: stretch;
	gap: 1.6rem 0.8rem;
}
#section_search_main .sec_title_with_utilitymenu_ h2 {
	width: 100%;
	flex: auto;
}
#section_search_main .sec_title_with_utilitymenu_ p {
	width: calc((100% - 0.8rem) / 2);
}
#section_search_main .sec_title_with_utilitymenu_ p a {
	width: 100%;
	height: 100%;
	white-space: normal;
	font-size: 1.3rem;
	padding: 1rem 0.5rem;
}
.table_search_result_wrapper_ {
	padding: 1.6rem 1.6rem;
	padding: 1.6rem 0;
}
.table_search_result_ th {
	min-width: 7.5em;
}
.table_search_result_ th:first-child,
.table_search_result_ td:first-child,
.table_search_result_ input:first-child + td {
	border-left: solid 1.6rem #ffffff!important;
}
.table_search_result_ th:last-child,
.table_search_result_ td:last-child {
	border-right: solid 1.6rem #ffffff!important;
}
.table_search_result_ td > div:has(> .txt_goods_area_) {
	width: auto;
}

#section_search_main-bottom {
	display: block;
}
#section_search_main-bottom > :where(p, div) {
	margin: 1.0rem 0 0;
	width: 100%;
	display: block;
}
#section_search_main-bottom > :where(p, div) a.bt_default_,
#section_search_main-bottom > :where(p, div) span.bt_sendmail_disabled_ {
	width: 100%;
	height: 5.6rem;
	font-size: 1.6rem;
}

#section_sub_wrapper #section_search_sub {
	position: absolute;
    left: 0;
    right: 0;
	top: auto;
	bottom: 0;
    transform: translate(0, 150vh);
    width: 100%;
	border-radius: 1.5rem 1.5rem 0 0;
	transition: all 0.3s;
}
#section_sub_wrapper.open_ #section_search_sub {
    transform: translate(0, 0);
}
#section_search_sub #section_search_sub--header::before {
display: block;
        content: '';
        background: #DBDBDB;
        width: 5.6rem;
        height: 0.4rem;
        border-radius: 3px;
        position: absolute;
        top: 0.8rem;
        left: calc(50% - 2.8rem);
}
#section_search_sub #section_search_sub--header {
	position: relative;
	padding: 1.0rem 0 0;
}
#section_search_sub #section_search_sub--header ul {
	position: absolute;
    left: 2.0rem;
    right: 2.0rem;
	top: calc(50% + 1.0rem);
}
#section_search_sub #section_search_sub--header li:has(.section_search_sub--close) {
	position: absolute;
	left: 0;
}

#section_search_sub #section_search_sub--contents {
	overflow-x: visible;
	overflow-y: auto;
	max-height: calc(90vh - 8.8rem);
}
#section_search_sub #section_search_sub--body {
	overflow: visible;
	max-height: none;
	padding: 2.0rem 2.0rem;
}
#section_search_sub #section_search_sub--bottom {
	height: auto;
	padding: 0 1.6rem 2.4rem;
}
#section_search_sub #section_search_sub--bottom > ul {
	display: block;
}
#section_search_sub #section_search_sub--bottom > ul li {
	display: block;
	margin: 1.4rem 0 0;
}
#section_search_sub .sec_search_form_area_ .sec_search_left_,
#section_search_sub div.Box h4 {
	width: 10rem;
	min-width: 10rem;
	padding-right: 0.5em;
}
#section_search_sub div.SubBox div.NameForm > div .TitleAndData input[type=text], #section_search_sub div.TextAndInputText div.NameForm > div .TitleAndData input[type=text] {
	width: 5em;
	min-width: 5em;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl dt {
	width: 10rem;
	min-width: 10rem;
}




}