@charset "UTF-8";
/* ------------------------- TOC

 ------------------------- */

/* ---------------------------------------------------------------
	■タブ切り替え
--------------------------------------------------------------- */
#summaryReportTabs {
}
#summaryReportTabs ul {
	height: 4.1rem;
	margin-bottom: 2rem;
	padding: 0 1.9rem 0 2rem;
	border-bottom: 1px solid #787878;
}
#summaryModeTabs #summaryModeTabsUI {
	height: 4.1rem;
	margin-bottom: 3rem;
	padding: 0 0 0 4rem;
	border-bottom: 1px solid #787878;
	background-color: #f4f4f4;
}

#summaryReportTabs ul li, #summaryModeTabs #summaryModeTabsUI li {
	position: relative;
	height: 4.1rem;
	float: left;
}
#summaryReportTabs ul li a, #summaryModeTabs #summaryModeTabsUI li a {
	position: relative;
	top: 0.8rem;
	display: block;
	margin-left: -1px;
	padding: 0.6rem 5.6rem 3px;
	background-color: #f0f0f0;
	border-top: 1px solid #787878;
	border-right: 1px solid #787878;
	border-left: 1px solid #787878;
	-moz-border-radius: 1rem 1rem 0px 0px;
	-webkit-border-radius: 1rem 1rem 0px 0px;
	border-radius: 1rem 1rem 0px 0px;
	color: #0064b4;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
}
.mac.firefox #summaryReportTabs ul li a, .mac.firefox #summaryModeTabs #summaryModeTabsUI li a {
	border-bottom: 1px solid #787878;
}
.summary_tab_select_report1_ ul li#summaryTabReport1 a, .summary_tab_select_report2_ ul li#summaryTabReport2 a, .summary_tab_select_report3_ ul li#summaryTabReport3 a, .summary_tab_select_mode1_ #summaryModeTabsUI li#summaryTabMode1 a, .summary_tab_select_mode2_ #summaryModeTabsUI li#summaryTabMode2 a {
	top: 0;
	padding: 1rem 5.6rem 0.5rem;
	background-color: #fff;
	font-size: 1.8rem;
	color: #000000;
	font-weight: bold;
}
.mac.firefox .summary_tab_select_report1_ ul li#summaryTabReport1 a, .mac.firefox .summary_tab_select_report2_ ul li#summaryTabReport2 a, .mac.firefox .summary_tab_select_report3_ ul li#summaryTabReport3 a, .mac.firefox .summary_tab_select_mode1_ #summaryModeTabsUI li#summaryTabMode1 a, .mac.firefox .summary_tab_select_mode2_ #summaryModeTabsUI li#summaryTabMode2 a {
	border-bottom: none;
}
#summaryReport1, #summaryReport2, #summaryReport3 {
	padding: 0 3rem;
}
#summaryMode1, #summaryMode2 {
	padding-bottom: 3rem;
}
.summary_tab_select_report1_ #summaryReport1, .summary_tab_select_report2_ #summaryReport2, .summary_tab_select_report3_ #summaryReport3 {
	display: block;
}

.disable_summaryReport {
	display: none;
}


#summaryReport {
	background: #ffffff;
	border-radius: 1.5rem;
	padding: 2.4rem 3.2rem 2.4rem 3.2rem;
	display: flex;
	gap: 3.2rem;
}
#summaryReport #summaryReport-text {
	flex: 1;
}
#summaryReport #summaryReport-text .report-text-section + .report-text-section {
	margin-top: 2.2rem;
}
#summaryReport #summaryReport-text .report-text-section--tit {
	position: relative;
	padding: 0 0 0 1.2rem;
	font-size: 1.6rem;
	font-weight: bold;
}
#summaryReport #summaryReport-text .report-text-section--tit::before {
content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.4rem;
    background: #8DAAFF;
}
#summaryReport #summaryReport-text .report-text-section--m {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 0.5rem;
	text-align: right;
}
#summaryReport #summaryReport-text .report-text-section--m span:first-child {
	display: inline-flex;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
	padding: 0.2rem 0.8rem 0;
	border: solid 1px #DBDBDB;
	height: 2.4rem;
	border-radius: 2.4rem;
	font-size: 1.2rem;
	position: relative;
	top: -0.6rem;
	white-space: nowrap;
}
#summaryReport #summaryReport-text .report-text-section--m span:first-child + span {
	font-family: var(--font-Roboto);
	font-size: 3.0rem;
	font-weight: bold;
	color: #8DAAFF;
	white-space: nowrap;
}
#summaryReport #summaryReport-text .report-text-section__report1 .report-text-section--m::after {
	content: '円';
	font-weight: bold;
}
#summaryReport #summaryReport-text .report-text-section__report2 .report-text-section--m::after {
	content: '件';
	font-weight: bold;
}
#summaryReport #summaryReport-text .report-text-section--p {
	text-align: right;
	font-weight: 500;
	color: #FF8DE3;
	margin: 0 0 1.0rem;
}
#summaryReport #summaryReport-text .report-text-section--p span {
	font-weight: 700;
	font-family: var(--font-Roboto);
}
#summaryReport #summaryReport-text .report-text-section__report1 .report-text-section--p span::after {
	content: '円';
}
#summaryReport #summaryReport-text .report-text-section > p:last-child {
	text-align: right;
	font-size: 1.3rem;
}

#summaryReport #summaryReport-graph {
	width: calc(100% * 1136 / 1779);
	overflow-x: auto;
	padding: 0 0 1.4rem;
}
#summaryReport #summaryReport-graph .ChartWrap #Chart1{
	min-width: 960px;
}

#summaryReportTabs,
.ChartWrap #Chart1 .jqplot-title,
.ChartWrap #Chart2 {
	display: none!important;
}
@media screen and (max-width: 767px) {
	#summaryReport {
		display: flex;
		flex-flow: column;
		padding: 2.4rem 1.6rem;
	}
	#summaryReport #summaryReport-graph {
		width: 100%;
	}

}
/* ---------------------------------------------------------------
	■ツールチップ
--------------------------------------------------------------- */
#cluetip.cluetip-baloon_s {
	text-align: center;
}
#cluetip.cluetip-baloon_s #cluetip-title, #cluetip.cluetip-baloon_m #cluetip-title,
#cluetip.cluetip-baloon_up_m #cluetip-title {
	width: auto;
	padding: 0.7rem 0.7rem;
	background-color: #787878;
	color: #fff;
	font-size: 1.2rem;
}
#cluetip.cluetip-baloon_l #cluetip-title {
	width: auto;
	padding: 1rem 1.4rem;
	background-color: #787878;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
#cluetip.cluetip-baloon_o_l #cluetip-title {
	width: auto;
	padding: 1rem 1.4rem;
	background-color: #ffc579;
	color: #4a4a4a;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
#cluetip.cluetip-baloon_s #cluetip-outer, #cluetip.cluetip-baloon_m #cluetip-outer {
	position: absolute;
	top: 1.2rem;
	left: 0;
}
#cluetip.cluetip-baloon_up_m #cluetip-outer {
	position: absolute;
	top: 0;
	left: 0;
}
#cluetip.cluetip-baloon_l #cluetip-outer, #cluetip.cluetip-baloon_o_l #cluetip-outer {
	position: absolute;
	top: 1.6rem;
	left: 0;
}
#cluetip.cluetip-baloon_s #cluetip-extra, #cluetip.cluetip-baloon_m #cluetip-extra {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/contents/bg_cluetip_a.png) left bottom no-repeat;
	width: 0.9rem;
	height: 1.2rem;
	z-index: 99;
}

#cluetip.cluetip-baloon_up_m #cluetip-extra {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/contents/bg_cluetip_up_m_a.png) left bottom no-repeat;
	width: 1.3rem;
	height: 1.6rem;
	z-index: 99;
}
#cluetip.cluetip-baloon_l #cluetip-extra {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/contents/bg_cluetip_l_a.png) left bottom no-repeat;
	width: 1.3rem;
	height: 1.6rem;
	z-index: 99;
}
#cluetip.cluetip-baloon_o_l #cluetip-extra {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/contents/bg_cluetip_o_l_a.png) left bottom no-repeat;
	width: 1.3rem;
	height: 1.6rem;
	z-index: 99;
}
a.cluetip_trigger_l_:hover, a.cluetip_trigger_l_:active, 
a.cluetip_trigger_o_l_:hover, a.cluetip_trigger_o_l_:active {
	text-decoration: none;
}
#cluetip.cluetip-baloon_local #cluetip-outer {
	border: 3px solid #787878;
	padding:1.7rem;
	background-color: #fff;
}

#cluetip.cluetip-baloon_sales_local #cluetip-outer {
	width : 32.2rem;
}

#cluetip.cluetip-baloon_sales_local #cluetip-extra {
	position: absolute;
	top: 0;
	left: 32.2rem;
	/*
	background: url(../img/contents/bg_balloon_order_detail.png) left top no-repeat ;
	filter: brightness(1.8) saturate(0.3);
	width: 1.4rem;
	height: 1.1rem;
	*/
	z-index: 99;
	
}
#cluetip.cluetip-baloon_sales_local #cluetip-extra::before,
#cluetip.cluetip-baloon_sales_local #cluetip-extra::after {
	position: absolute;
	left: 0;
	top: -0.55rem;
	z-index: 3;
	display: block;
	content: '';
	width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.55rem solid transparent;
  border-bottom: 0.55rem solid transparent;
  border-left: 1.4rem solid #ffffff;
  border-right: 0;

}
#cluetip.cluetip-baloon_sales_local #cluetip-extra::after {
	z-index: 0;
  border-left: 1.4rem solid #ccc;
  left: 1px;
}

/* ---------------------------------------------------------------
	モーダルスタイル
--------------------------------------------------------------- */
div#nyroModalLoading, div#nyroModalWrapper {
	border: none;
}
a#closeBut {
	display: none;
}
/* ---------------------------------------------------------------
	ヘッダーモーダル
--------------------------------------------------------------- */
#header_menu_select_inner {
	width: 30rem;
	margin: 0 auto 3rem;
	padding: 3rem;
	background-color: #fff;
}
#header_menu_select_inner h3 {
	color: #505050;
	margin-bottom: 2rem;
	padding-bottom: 1.4rem;
	border-bottom: 1px solid #c8c8c8;
	font-size: 1.8rem;
	font-weight: bold;
}
#header_menu_select_inner ul {
	margin-bottom: 2rem;
	padding: 0 0 2rem 3rem;
	border-bottom: 1px solid #c8c8c8;
	list-style: none;
}
#header_menu_select_inner li {
	margin-bottom: 0.8rem;
	color: #505050;
	fopnt-size: 1.6rem;
}

/* ---------------------------------------------------------------
	デイトピッカー
--------------------------------------------------------------- */

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}
/* Icons
----------------------------------*/
.ui-datepicker-trigger {
	position: relative;
	display: inline-block;
	margin-top: -3px;
	vertical-align:middle;
	cursor: pointer;
	width: 4.0rem;
}
/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
/* Overlays */
#ui-datepicker-div {
	z-index: 12000 !important;
}

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 29.2rem;
	padding: 3px;
	display: none;
	background-color: #fff;
	border: 1px solid #787878;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	height: 4rem;
	margin-bottom:3px;
	padding: 0;
	background-color: #8DAAFF;
	color: #fff;
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 1.2rem;
	width: 1.6rem;
	height: 1.6rem;
	background-image: url(../img/contents/icon_calendar_arrow.png);
	background-repeat: none;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
	left: 7.3rem;
	background-position: 0 0;
}
.ui-datepicker .ui-datepicker-next {
	right: 7.3rem;
	background-position: -16px 0;
}
.ui-datepicker .ui-datepicker-prev-hover {
	background-position: 0 -16px;
}
.ui-datepicker .ui-datepicker-next-hover {
	background-position: -16px -16px;
}
.ui-datepicker .ui-datepicker-prev-hover.ui-state-disabled {
	background-position: 0 0;
}
.ui-datepicker .ui-datepicker-next-hover.ui-state-disabled {
	background-position: -16px 0;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
}

.ui-datepicker .ui-datepicker-title {
	padding-top: 1.2rem;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker table {
	width: min(100%,29.6rem);
	margin: -2px;
	border-collapse: separate;
	border-spacing: 2px;
}

.ui-datepicker th {
	padding: 0;
	font-weight: bold;
	text-align: center;
}
.ui-datepicker th span {
	display:block;
	padding: 1rem 0 0.9rem;
}

.ui-datepicker td {
	padding: 0;
	text-align: right;
	border: 1px solid #ddd;
}

th.ui-datepicker-week-end,
td.ui-datepicker-week-end a {
	color: #8DAAFF;
}
th.ui-datepicker-week-end:first-child,
td.ui-datepicker-week-end:first-child a {
	color: #f00;
}

.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 1rem 1rem 0.9rem;
	background-color: #f0f0f0;
	text-decoration: none;
}

.ui-datepicker td span {
	color: #878787;
}

.ui-datepicker td a:hover {
	background-color: #ffefe3;
}

.ui-datepicker .ui-datepicker-buttonpane {
	position:absolute;
	top: 1rem;
	top: 5px;
	right: 1rem;
	background-image: none;
	margin: 0;
	padding: 0 ;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border: none;
	background: none;
}

.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
	display: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	width: 2.4rem;
	height: 2.4rem;
	padding: 0;
	border: 0;
	background: url(../img/header/bt_close.png) no-repeat 0 0;
	text-indent:-999px;
	overflow:hidden;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
	background-position:0 -24px;
}
/* ---------------------------------------------------------------
	placeholder
--------------------------------------------------------------- */
input.example { color: #dadada; }

/* ---------------------------------------------------------------
	ボタン切り替え
--------------------------------------------------------------- */
#wrapper .section_control_bt_ .bt_switch_ {
	display: none;
}

#wrapper .section_control_bt_ .bt_switch_.bt_switch_current_ {
	display: inline-block;
}