/* CSS Document */

/********************************************************************/
/* メニューのテーブル下 */
.menu_td_color {
    background-image: url(../img/menu/menu_td_bg001.gif);
    background-repeat:repeat-x;
    background-color: #E7E7E7;
}

/********************************************************************/
/* メインテーブル */
.main_table_color {
    background-color: #E7E7E7;
}
/********************************************************************/
/* フォームテーブル */

/* テーブル背景 */
.table_bg {
    background-color: #EBEBEB;
}

/* テーブルtd色：濃 */
.td_color_01 {
    background-color: #64B3D9;
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;
}

/* テーブルtd色：中 */
.td_color_02 {
    background-color: #C8E4F2;
    font-size: 12px;
    line-height: 140%;
    color: #006699;
}

/* テーブルtd色：薄 */
.td_color_03 {
    background-color: #FFFFFF;
    font-size: 12px;
    line-height: 140%;
    color: #666666;
}

/* テーブルtd色：サブ */
.td_color_04 {
    background-color: #E0F0F8;
    font-size: 12px;
    line-height: 140%;
    color: #006699;
}

/* テーブルtd色：中 */
.td_color_05 {
    background-color: #C8E4F2;
    font-size: 12px;
    line-height: 140%;
    color: #336699;
}

/* テーブルtd色：中 */
.td_color_06 {
    background-color: #FFD2D2;
    font-size: 12px;
    line-height: 140%;
    color: #AD2C2C;
}

/* テーブルtd色：中 */
.td_color_07 {
    background-color: #F5F5F5;
    font-size: 12px;
    line-height: 140%;
    color: #555555;
}

/* テーブルtd色：中 */
.td_color_08 {
    background-color: #FFFFDE;
    font-size: 12px;
    line-height: 140%;
    color: #555555;
}

/* フォームテキスト */
.color_01 {
    font-size: 12px;
    line-height: 140%;
    color: #006699;
}

.color_02 {
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;
}

/********************************************************************/
/* HTMLタグ要素 */
body {
    word-break: normal;
    color: #333333;
}

A:link {
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
    color: #006699;
    line-height: 140%;
}

A:active {
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
    line-height: 140%;
}

A:visited {
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
    line-height: 140%;
}

A:hover {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #3399CC;
    line-height: 140%;
}

/********************************************************************/
/* その他テキストサイズ */
.text-10 {
    font-size: 10px;
    line-height: 140%;
}

.text-12 {
    font-size: 12px;
    line-height: 140%;
}

.text-14 {
    font-size: 14px;
    line-height: 140%;
}

.link {
    color: #FFFFFF;
}

.dssales {
    font-size: 10px;
    padding: 1px 0px 0px;
    margin: 1px 0px 0px;
    border-top: 1px dotted #E0DFE3;
}

.dssales A:link,
.dssales A:active,
.dssales A:visited,
.dssales A:hover {
    color: #669900;
}

.data_head {
    width:730px;
    position: absolute;
    margin-top: -18px;
}

.ndata_btn {
    float: right;
    width:130px;
    background-color:#EBEBEB;
    padding-top:4px;
    text-align: center;
}

/* タブ用 */

.display_mode {
    position: relative;
    height: 25px;
}

.tab_menu2 {
    background-color: #EBEBEB;
    font-size: 12px;
    line-height: 140%;
    margin: 0px 2px;
    position: absolute;
    bottom: -3px;
}

.tab_menu ul {
    margin: 0px;
    padding: 0px;
}

.tab_menu li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
}

.tab_menu li a {
    display: block;
    background-color: #F5F5F5;
    margin-right: 3px;
    padding: 2px 10px 5px;
    border-top: 1px solid #E0DFE3;
    border-right: 1px solid #E0DFE3;
}

.tab_menu li a:hover {
    background-color: #FFFFFF;
}

.tab_menu .clear_all {
    clear: both;
    background-color: #64B3D9;
    width: 726px;
}

.tab_menu .clear_all img {
    visibility: hidden;
    height: 0px;
}

.tab_menu .navi_on {
    display: block;
    background-color: #64B3D9;
    margin-right: 3px;
    padding: 2px 10px 5px;
    font-weight: bold;
    border-top: 1px solid #E0DFE3;
    border-right: 1px solid #E0DFE3;
    background-image: url(../img/tab_icon_w.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    color: #FFFFFF;
}

.sales_history {
    font-size: 12px;
    padding: 0px;
    background-color: #C8E4F2;
    margin: 0px 2px;
    color: #336699;
}

.admin_check p {
    padding: 5px;
    margin: 0px 20px;
    line-height: 120%;
    font-size: 12px;
}

.admin_check .admin_check_title {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-left: 18px;
}

.admin_check_date {
    font-size: 12px;
    font-color: #000000;
    font-weight: normal;
    padding-right: 15px;
}

.admin_check_mtitle {
    font-size: 12px;
    font-weight: bold;
}

.admin_check A:link,
.admin_check A:visited {
    font-size: 12px;
    color: #CC0000;
    font-weight: bold;
}

.admin_check A:hover {
    font-size: 12px;
    color: #990000;
    font-weight: bold;
}

.admin_check .admin_check_data {
    border-top: 1px dotted #666666;
    background-image: url(../img/icon/icon_admin_check.gif);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 3px 5px;
    margin-left: 0px 25px;
}

.check_btn {
    position: relative;
    top: -1px;
    left: 650px;
    width: 80px;
}

.tab_table td {
    width: 50%;
}

.npadding {
    padding: 0px;
    margin: 0px;
}

td.tab_sec {
    width: 1px;
}

.access_mobile_btn A,
.access_phone_btn A,
.access_mobile_btn span,
.access_phone_btn span {
    display: block;
    width: 100%;
    height: 25px;
    text-indent: -9999px;
    background-image: url(../img/sales_list_tab.png);
    background-repeat: no-repeat;
}

.access_mobile_btn A {
    background-position: center -50px;  
}

.access_mobile_btn span {
    background-position: center 0px;
}

.access_mobile_btn A:hover {
    background-position: center -100px; 
}

.access_phone_btn A {
    background-position: center -75px; 
}

.access_phone_btn span {
    background-position: center -25px;
}

.access_phone_btn A:hover {
    background-position: center -125px; 
}

.sales_total_btn,
.sales_garitto_btn {
    width: auto;
}

.sales_total_btn A,
.sales_garitto_btn A,
.sales_total_btn span,
.sales_garitto_btn span {
    display: block;
    width: 100%;
    height: 25px;
    text-indent: -9999px;
    background-image: url(../img/sales_list_tabg.png);
    background-repeat: no-repeat;
}

.sales_total_btn A {
    background-position: center -75px;  
}

.sales_total_btn span {
    background-position: center -25px;
}

.sales_total_btn A:hover {
    background-position: center -125px; 
}

.sales_garitto_btn A {
    background-position: center -50px; 
}

.sales_garitto_btn span {
    background-position: center 0px;
}

.sales_garitto_btn A:hover {
    background-position: center -100px; 
}

.google_ad {
    margin: 10px 0px;
    position: relative;	
}

.coupon_date {
    position: absolute;
    top: 87px;
    left: 13px;
    font-size: 10px;
    line-height: normal;
}

.coupon_date strong {
    font-size: 12px;
}

#en_version {
    margin-top: 0px;
}

#en_version .coupon_date {
    left: 19px;
}

.google_ad,
.yahoo_ad {
    margin: 10px 0px;
}

.itempost_detail_data {
    width: 400px;
    font-size: 12px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

.clearfix {
    display: inline-block;
}

.detail_data_title,
.detail_data_price {
    float: left;
    width: 150px;
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
}

.detail_data_price {
    text-align: right;
    font-weight: bold;
}

#admin_left_menu_box img {
    vertical-align: middle;
}

/************************************************************************/

.inquirytbl {
    background-color: #D93600;
	border-radius: 5px;
	padding-bottom: 8px;
	position: relative;
	margin-bottom: 20px;
}

.inquirytbl .global_simple_btn {
    position: absolute;
	right: 8px;
	top: 8px;	
}

.inquirytbl .global_simple_btn .medium_size_btn {
    background-color: #FFFFFF;
	color: #000000;
}

.inquirytbl .global_simple_btn .btn_global_icon_box {
    background-color: transparent;	
	color: #CC0000;
	font-weight: bold;
	font-size: 15px;
}

.inquirytbl_title {
    color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;	
}

.inquirytbl_title .btn_global_icon_box {
	display: inline-block;
    background-color: #FFFF00;
	border-radius: 18px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 15px;
	text-align: center;
	color: #CC0000;
}

.inner_inquirytbl {
	padding: 10px 0px;
    margin: 0px 8px 0px;
	background-color: #FFFFFF;
	border-radius: 5px;
	background-image: url(../img/admin_check_bg.png);
}

.inner_inquirytbl ul {
    margin: 0px;
	padding: 0px;
}

.home_hello_balloon {
    background-color: #F5F5F5;
	border: 1px solid #E0DFE3;
	border-radius: 5px;
	position: relative;
}

.inner_home_hello_balloon {
    padding: 5px 10px 10px;
}

.triangle {
	margin: 0px auto 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #E0DFE3 transparent transparent transparent;
	position: relative;
}

.inner_triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #F5F5F5 transparent transparent transparent;
	position: absolute;
	top: -10px;
	left: -8px;
}

.hello_title {
	font-size: 13px;
    font-weight: bold;
	padding-bottom: 5px;
}

.hello_desc {
	font-size: 13px;
}

/************************************************************************/

.faq_area {
    margin-top: 20px; 
}

.faq_area .global_note {
    margin-bottom: 10px; 
}

.faq_area .fa {
    font-size: 20px;
}

.inner_faq_area {
    border: 1px solid #E0DFE3;
 border-radius: 5px;
 padding: 10px 10px 0px;
 background-color: #F5F5F5;
}

.inner_faq_area .global_note li {
   border-bottom: 1px dotted #999999; 
}

.inner_faq_area .global_note li:first-child {
    border-top: none; 
}

.inner_faq_area .global_note li:last-child {
    border-bottom: none;
}

.faq_area .main_table_color,
.faq_area .main_area_page_title {
    margin-bottom: 5px!important;
 color: #000000;
}

/************************************************************************/

.cafe_banner {
    margin-top: 20px;
    margin-bottom: 20px;
}

/************************************************************************/

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese);

.security_notice {
    margin-bottom: 20px;
}

.notice_title {
    background-color: #555;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    font-family: 'Noto Sans JP', sans-serif;
}

.notice_title A:link,
.notice_title A:visited,
.notice_title A:active,
.notice_title A:hover {
    color: #FFF;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
}

.notice_title A .format {
    font-size: 77%;
}

.security_notice_icon {
    margin-right: 8px;
}

.notice_desc {
    padding: 15px;
    background-image: url(../img/notice_desc_bg.gif);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
}

.notice_desc ul {
    margin: 10px 0px;
    padding: 8px;
    background-color: rgba(255,255,255,0.7)
}

.notice_desc li {
    list-style-type:  none;
    background-image: url(../img/security_check_icon.png);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 3px 0px 3px 20px;
    font-size: 14px;
    font-weight: 700;
}

.notice_desc li A {
    font-size: 14px;
}

.passcheck {
    font-weight: 700;
}

/************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;700&family=Rubik:wght@500;700&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

.shop_activation {
    width: 100%;
    background-color: #FFF;
    margin: 0px auto 50px;
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", 'Noto Sans JP', Meiryo, sans-serif;
    font-feature-settings : "pkna";
    letter-spacing: .02em;
	  box-shadow: 0 0 15px #ccc;
    border-radius: 5px;
}
.inner_shop_activation {
    padding: 40px 0px;
}
#moderndesign .inner_shop_activation {
    padding: 40px;
}
.flex_layout {
    display: flex;
}
.inner_shop_activation ul,
.inner_shop_activation li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.inner_shop_activation li {
    width: 25%;
}
.activation_title {
    font-size: 25px;
    font-weight: 700;
}
.activation_title_desc {
    padding-left: 80px;
    margin: 0px 0px 20px;
    font-size: 14px;
}
.activation_title::before {
    content: "";
    width: 70px;
    height: 50px;
    margin-top: -5px;
    margin-right: 8px;
    background-image: url(../img/active/icon_shopactive@2x.png);
    background-size: 70px 50px;
}
.activation_step {
    background-color: #ECF4FB;
    padding: 20px 5px;
    margin: 10px;
    border-radius: 10px;
    text-align: center;
}
#moderndesign .activation_step {
    padding: 20px;
}
.activation_item {
    color: #3588D1;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
}
.activation_item::before {
    content: "1";
    background-color: #3588D1;
    border: 5px solid #3588D1;
    color: #FFF;
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px auto 20px;
    line-height: 33px;
    border-radius: 30px;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 500;
}
.step2 .activation_item::before {
    content: "2";
}
.step3 .activation_item::before {
    content: "3";
}
.step4 .activation_item::before {
    content: "4";
}
.activation_image {
    margin-top: 20px;
}
.activation_image img {
    width: 100%;
    max-width: 90px;
    height: auto;
}
.activation_desc {
    padding: 15px 10px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}
.wide_fixed_width .activation_desc {
	text-align: left;
}
.activation_btn A,
.activation_btn span {
    display: block;
    background-color: #3588D1;
    color: #FFF;
    border-radius: 10px;
    padding: 10px 15px;
    text-decoration: none;
    transition: .3s;
    margin: 0px 10px;
}
#moderndesign .activation_btn A,
#moderndesign .activation_btn span {
    margin: 0px;
}
.activation_btn A:hover {
    opacity: .7;
}
.inactivate .activation_step {
    background-color: #F5F5F5;
}
.inactivate .activation_item,
.inactivate .activation_desc,
.inactivate .activation_item::before {
    color: #CCC;
}
.inactivate .activation_item::before {
    background-color: #FFF;
    border: 5px solid #CCC;
}
.inactivate .activation_btn A,
.inactivate .activation_btn span {
    background-color: #CCC;
    pointer-events: none;
}
.inactivate .activation_image img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
.activate .activation_step {
    background-color: #3588D1;
}
.activate .activation_item,
.activate .activation_desc {
    color: #FFF;
}
.activate .activation_item::before {
    background-color: #FFF;
    border: 5px solid #FFF;
    color: #3588D1;
}
.activate .activation_btn A,
.activate .activation_btn span {
    visibility: hidden;
}
.activate .activation_btn {
    position: relative;
}
.activate .activation_btn::before {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/active/icon_activecheck@2x.png);
    background-size: 40px 40px;
}
.activate .activation_image img {
    -webkit-filter: brightness(0) invert(100%);
    -moz-filter: brightness(0) invert(100%);
    -o-filter: brightness(0) invert(100%);
    -ms-filter: brightness(0) invert(100%);
    filter: brightness(0) invert(100%);
}
@media screen and (max-width: 1900px) {
.activation_desc {
	text-align: left;
}
}

/************************************************************************/

.line {
    margin-bottom: 10px;
}

.qr_code,
.line_desc {
    width: 75px;
    font-size: 10px;
}

.startuppay {
    display: block;
    padding: 5px 8px;
    background-color: #ECF4FB;
    border-radius: 5px;
}

.startuppay img {
    margin-right: 3px;
}

/* chart
   # ================================================================= */

/* japanese */

.sales_data {
	display: none;
}
#home_chart_box,
#home_chart_pie_box {
	border: 1px solid #E0DFE3;
	border-radius: 5px;
	padding: 25px 25px 0px;
	margin: 5px 0px 20px;
	position: relative;
}
.summary_list {
	border-top: 1px solid #E0DFE3;
	border-bottom: 1px solid #E0DFE3;
	padding: 15px 0px;
}
.sales_summary .tabmenu,
.summary_list,
.summary_list .summary_data,
.chart_kinds {
	display: flex;
	flex-wrap: wrap;
}
/* tab display none */
.sales_summary {
	margin-top: 15px;
}
.sales_summary .tabmenu {
	padding: 0px;
	margin: 15px 0px 0px;
	display: none;
}
.sales_summary .tabmenu li A {
	display: block;
	padding: 10px 20px 5px;
	margin: 0px 2px -2px 0px;
	text-decoration: none;
	border-bottom: 3px solid transparent;
}
.sales_summary .tabmenu li.active A,
.sales_summary .tabmenu li A:hover {
	display: block;
	padding: 10px 20px 5px;
	text-decoration: none;
	border-bottom: 3px solid #4C8BEA;
}
.summary_list .summary_data,
.chart_kinds {
	justify-content: center;
}
.wide_fixed_width .admin_english .summary_data {
	justify-content: flex-start;
}
#moderndesign.wide_fixed_width .admin_english .summary_data {
	justify-content: center;
}
@media screen and (max-width: 1200px) {
	.liquid_width .admin_english .summary_data {
		justify-content: flex-start;
	}
}
.summary_data_ltv .summary_num {
  position: relative;
}
.summary_list .summary_data {
	width: 25%;
	padding: 10px;
	box-sizing: border-box;
	border-right: 1px solid #E0DFE3;
}
.summary_list.col3  .summary_data {
	width: calc(100% / 3);
}
.summary_list .summary_data:last-child {
	border-right: none;
}
.summary_label {
	font-size: 12px;
	width: 100%;
}
#moderndesign .summary_label {
	font-size: 14px;
	width: auto;
}
@media screen and (min-width: 1200px) {
.liquid_width .admin_english .summary_label {
	width: auto;
	margin-top: 5px;
}
}
@media screen and (max-width: 1200px) {
#moderndesign .summary_label {
	width: 100%;
}
}
.summary_num .num {
	font-size: 20px;
	font-weight: 500;
	line-height: 100%;
	white-space: nowrap;
}
#moderndesign .summary_num .num {
	font-size: 22px;
}
@media screen and (max-width: 768px) {
#moderndesign .summary_num .num {
	font-size: 20px;
}
}
.summary_num .rate {
	font-size: 13px;
	margin-top: 3px;
}
.sales_summary .tabmenu li.active A,
.sales_summary .tabmenu li A:hover,
.summary_num .num,
.summary_num .rate_num {
	color:#4C8BEA;
}
.summary_data_ltv .summary_num .num {
	color: #CC6360;
}
.sales_summary .tabmenu li A,
.summary_num .rate_num#table_total_price_diff,
.summary_num .rate_num#table_order_count_diff,
.summary_num .rate_num#table_order_unit_price_diff,
.summary_num .rate_num#table_ltv_diff {
  font-weight: 500;
}
.summary_num .num span.currency,
.summary_num .rate_num span.currency {
	color: #333;
}
.sales_summary .tabmenu li A {
  color: #555;
}
.summary_num .rate_num_minus#table_total_price_diff,
.summary_num .rate_num_minus#table_order_count_diff,
.summary_num .rate_num_minus#table_order_unit_price_diff,
.summary_num .rate_num_minus#table_ltv_diff {
  color: #333;
}
#chart_div g text[fill$="#444444"], #chart_div g text[fill$="#222222"],
.summary_num .num,
.summary_num .rate_num,
#chart_div .google-visualization-tooltip div[style$="margin:5px"],
#chart_div .google-visualization-tooltip ul.google-visualization-tooltip-item-list span + span,
#chart_div_pie svg text[fill="#ffffff"],
#chart_chart_device_pie svg text[fill="#ffffff"],
.legend_price,
.chart_pie_legendlist .legendlist_data span {
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",'Roboto', sans-serif!important;
}
.admin_japanese .summary_label,
.admin_japanese .rate_label
.admin_japanese #chart_div .google-visualization-tooltip ul.google-visualization-tooltip-item-list span,
.admin_japanese .summary_data_unitprice .summary_num .num span.currency,
.admin_japanese .summary_data_order .summary_num .num span.currency,
.admin_japanese .summary_data_sales .summary_num .num span.currency,
.admin_japanese .summary_data_ltv .summary_num .num span#table_ltv span.currency,
.admin_japanese .summary_num .rate_num span.currency {
	font-family: "Hiragino Kaku Gothic ProN", 'Noto Sans JP'!important;
}
.summary_label {
	margin-right: 10px;
}
.summary_num .rate_label {
	margin-right: 5px;
	font-size: 11px;
}
.summary_num .rate_num span.currency,
.summary_data_unitprice .summary_num .num span.currency,
.summary_data_order .summary_num .num span.currency,
.summary_data_sales .summary_num .num span.currency,
.summary_data_ltv .summary_num .num span#table_ltv span.currency {
	font-size: 80%;
	margin-left: 0px;
	margin-right: 3px;
	margin-top: -3px;
	font-weight: 400;
}
.summary_num .rate_num span + span.currency {
	font-size: 80%;
	margin-left: 3px;
}
.summary_data_unitprice .summary_num .num span + span.currency,
.summary_data_order .summary_num .num span + span.currency,
.summary_data_sales .summary_num .num span + span.currency,
.summary_data_ltv .summary_num .num span#table_ltv span + span.currency {
	font-size: 77%;
	margin-left: 3px;
}

.csv_output,
.chart_copy {
	position: absolute;
	z-index: 20;
	right: 0px;
}
.csv_output {
	right: 20px;
}
.chart_copy {
	top: -10px;
}
#home_chart_pie_box .chart_copy {
	top: 20px;
}
.csv_output A,
.chart_copy A {
	display: inline-block;
	padding: 3px 10px;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid transparent;
	line-height: 100%;
	color: #555;
	font-weight: 500;
	transition: all .2s;
}
.csv_output A .fa,
.chart_copy A .fa {
	margin-right: 5px;
}
.csv_output A {
	background-color: #F9F9F9;
	border: 1px solid #E0DFE3;
	border-radius: 5px;
}
.csv_output A:hover {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 5px;
}
.chart_copy A:hover {
	background-color: #F9F9F9;
	border-radius: 5px;
}
#chart_div g text[fill$="#444444"], #chart_div g text[fill$="#222222"] {
	fill: #555555;
  font-size: 13px;
}
.chart_kinds {
	margin-top: 15px;
	margin-bottom: 15px;
}
.chart_kinds input[type="radio"] {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.chart_kinds input[type="radio"] + label {
  display: inline-block;
  padding: 3px 10px;
  margin-right: 5px;
  border-radius: 30px;
  transition: all .3s;
	border: 1px solid #E0DFE3;
	color: #777;
}
#moderndesign .chart_kinds input[type="radio"] + label {
  padding: 3px 15px;
}
@media screen and (max-width: 800px) {
	#moderndesign .chart_kinds input[type="radio"] + label {
  padding: 3px 10px;
}
}
.chart_kinds input[type="radio"]:checked + label,
.chart_kinds input[type="radio"]:hover + label {
  border: 1px solid #4890EA;
  color: #4890EA;
}
#chart_div .google-visualization-tooltip {
	border: 1px solid #E0DFE3;
	border-radius: 5px;
	background-color: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .2);
	padding: 3px;
	font-weight: 400;
}
#chart_div .google-visualization-tooltip div[style$="margin:5px"] {
	margin: 8px 8px 0px!important;
	font-weight: 700!important;
}
#chart_div .google-visualization-tooltip ul.google-visualization-tooltip-item-list {
	margin: 8px 8px 0px;
}
#chart_div .google-visualization-tooltip ul.google-visualization-tooltip-item-list li {
	margin: 0;
	padding: 0;
}
#chart_div .google-visualization-tooltip ul.google-visualization-tooltip-item-list li span {
	font-size: 12px!important;
}
#overlay_empty,
#overlay_empty_pie {
  width: 100%!important;
  height: 100%!important;
  border: none!important;
  padding: 0px!important;
	color: #FFF;
	z-index: 2;
}
#overlay_empty::before,
#overlay_empty_pie::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/emptybg.png);
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}
#overlay_empty_pie::before {
	background-image: url(../img/emptybg_pie.png);
}
#overlay_empty::after ,
#overlay_empty_pie::after {
	content: "グラフ表示する売上データがありません";
	display: block;
	position: absolute;
	width: 280px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #555;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-color: rgba(255,255,255,.7);
	border: 1px solid #E0DFE3;
	border-radius: 100px;
	z-index: -1;
}
.icon_help {
  width: 18px;
  height: 18px;
  position: absolute;
  top: -5px;
  right: -20px;
  background-color: #CC6360;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
  text-align: center;
  line-height: 18px;
  border-radius: 18px;
  font-size: 12px;
  color: #FFF!important;
  font-weight: 400;
	z-index: 25;
}
.chart_pie_legend .icon_help {
	top: 0px;
	right: 20px;
}
.tooltip_text {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: -40px;
  bottom: 30px;
  display: inline-block;
  background-color: #F1F1F1;
  border-radius: 5px;
  transition: 0.3s ease-in;
  padding: 15px;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #333;
  text-align: left;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
}
.tooltip_text::after {
	content:"";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #F1F1F1;
	border-radius: 0px;
	position: absolute;
	bottom: -15px;
	right: 40px;
}
.tooltip_inner_text {
	display: block;
	min-width: 280px;
}
.tooltip_inner_text ul {
	margin: 5px 0px;
	padding: 0;
	border-bottom: 1px solid #E0DFE3;
}
.tooltip_inner_text ul li {
	margin: 3px 0px;
}
.tooltip_inner_text ul li:first-child {
	font-weight: 700;
}
.tooltip_inner_text ul li:first-child::before {
	content:"・";
	display: inline-block;
	margin-right: 3px;
}
.tooltip_inner_text ul li:nth-child(2){
	margin-left: 15px;
}
.icon_help:hover .tooltip_text {
    opacity: 1;
    visibility: visible;
}
.sales_pi_chart_overlay,
#home_chart_pie_box .chart_target + div {
	display: flex;
	justify-content: center;
	align-items: center;
}
#moderndesign .sales_pi_chart_overlay,
#moderndesign #home_chart_pie_box .chart_target + div {
	flex-wrap: wrap;
}
#chart_device_pie,
#chart_div_pie {
	width: 400px!important;
	height: 400px!important;
	object-fit: cover;
	order: 1;
}
.sales_pi_chart_overlay #chart_pie_sales_device_legend,
#home_chart_pie_box .chart_pie_legend {
	padding: 0px 0px 20px;
  order: 2;
	position: relative;
}
#moderndesign .sales_pi_chart_overlay #chart_pie_sales_device_legend,
#moderndesign #home_chart_pie_box .chart_pie_legend {
	padding: 0px 20px 20px;
}
#home_chart_box .data_empty .chart_pie_legend,
#home_chart_pie_box .data_empty .chart_pie_legend {
  display: none!important;
}
#home_chart_box .data_empty #chart_div {
	visibility: hidden;
}
#home_chart_pie_box .loading_box {
	width: 100%;
}
.chart_pie_legendlist {
	padding: 0;
	margin: 0;
}
#home_chart_pie_box .chart_pie_legendlist::before {
	content: "期間ごとの購入者数";
	display: block;
	padding: 5px 0px;
	color: #333;
	font-size: 16px;
}
#home_chart_pie_box .data_empty #chart_div_pie {
	overflow: hidden;
	visibility: hidden;
}
.legendlist_data {
	display: flex;
	align-items: center;
	padding: 8px 10px;
	border-bottom: 1px solid #E0DFE3;
	color: #555;
	font-size: 12px;
}
#moderndesign .legendlist_data {
	font-size: 14px;
}
.legendlist_data:first-child {
	border-top: 1px solid #E0DFE3;
}
.legendlist_data::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #EC8CA3;
	margin-right: 8px;
}
.legendlist_data.active_3month::before {
	background-color: #F1AEBE;
}
.legendlist_data.inactive_3month::before {
	background-color: #A5D1E3;
}
.legendlist_data.inactive_6month::before {
	background-color: #BFDEEB;
}
.legendlist_data.inactive_12month::before {
	background-color: #D1E7F0;
}
.legendlist_data.device_pc::before {
	background-color: #4B8BEA;
}
.legendlist_data.device_phone::before {
	background-color: #31A8EA;
}
.legend_price {
	margin-left: 10px;
	font-size: 14px;
}
.chart_pie_legendlist .legendlist_data span {
	font-weight: 700;
	display: inline-block;
	margin: 0px 3px 0px 8px;
	font-size: 14px;
}
#moderndesign .chart_pie_legendlist .legendlist_data span {
	font-size: 16px;
}
#chart_device_pie svg text[fill="#ffffff"],
#chart_div_pie svg text[fill="#333333"] {
	font-size: 16px;
	font-weight: 700;
}
#chart_device_pie g path {
	stroke-width: 3px;
	stroke-linecap: round;
	stroke-linejoin: round;
	
}
#chart_device_pie.single_data_for_order_timing > div > div[dir="ltr"]::after,
#chart_div_pie.single_data_for_order_timing > div::after {
	display: none;
}

/* english */
.admin_english #home_chart_box,
.admin_english #home_chart_pie_box {
	padding: 20px 20px 0px 
}
.admin_english .chart_kinds input[type="radio"] + label {
  font-size: 11px;
	padding: 3px 8px;
}
#moderndesign .admin_english .chart_kinds input[type="radio"] + label {
	font-size: 12px;
	padding: 3px 8px;
}
.admin_english #overlay_empty::after,
.admin_english #overlay_empty_pie::after {
	content: "There is no data.";
}
.admin_english #home_chart_pie_box .chart_pie_legendlist::before {
	content: "Number of Buyers by Order Status";
}
.admin_english .tooltip_text {
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",'Roboto', sans-serif!important;
	white-space: pre-wrap;
	min-width: 250px;
}
.admin_english .chart_pie_legend .icon_help {
	top: 0px;
  right: 20px;
}
.admin_english .chart_pie_legend .tooltip_text {
white-space: normal;
}
.admin_english .icon_help
.admin_english #overlay_empty_pie::before {
	background-image: url(../img/emptybg_pie_en.png);
}
@media screen and (max-width: 1300px) {
.admin_english .chart_kinds input[type="radio"] + label,
#moderndesign .admin_english .chart_kinds input[type="radio"] + label {
    margin: 5px 3px;
}
}
#moderndesign .admin_english .summary_label {
	font-size: 12px;
	margin-top: 3px;
}
@media screen and (max-width: 1200px) {
#moderndesign.wide_fixed_width .admin_english .summary_data {
	justify-content: flex-start;
}
}

/* home 2week sort
   # ================================================================= */

.home_2week_sort_btn {
    display: flex;
    justify-content: center;
}
#inner_admin_main #home_now_box .home_2week_sort_btn A:link {
    padding: 5px!important;
}
.home_2week_sort_btn span {
    padding: 5px;
    display: block
}

/* adbanner
   # ================================================================= */
.adbanner {
	margin-bottom: 25px;
}

/* notification
   # ================================================================= */
#admin_wrapper_table #inner_admin_main .admin_notification img {
    display: none;
}
.admin_notification {
    margin-top: 10px;
	  margin-bottom: 8px;
}
#moderndesign .admin_notification {
    margin-top: 0px;
}
.notification_list {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
}
.notification_list .notification_data {
    padding: 3px 5px;
    border-left: 1px solid #E0DFE3;
}
#moderndesign .notification_list .notification_data {
    padding: 5px 10px;
}
.notification_list .notification_data A:link,
.notification_list .notification_data A:active,
.notification_list .notification_data A:visited {
    text-decoration: none;
    color: #3488D1;
}
.notification_list .notification_data:first-child {
    border: none;
}
.notification_num {
    border-bottom: 1px solid #3488D1;
}
.notification_list .notification_data A:hover .notification_num {
    border-bottom: none;
}
.notification_list .notification_label {
    font-size: 11px;
    font-weight: 600;
    color: #333;
}
#moderndesign .notification_list .notification_label {
    font-size: 14px;
}
.notification_data .num,
.notification_data .low_stock {
    font-size: 14px;
    margin: 0px 1px;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",'Roboto', sans-serif!important;
    line-height: 100%;
}
#moderndesign .notification_data .num {
    font-size: 18px;
    letter-spacing: -0.5px;
    margin: 0px 2px;
}
.admin_japanese .notification_data .colon {
    padding: 0px;
}
.nunlabel {
    font-size: 10px;
}
#moderndesign .numlabel {
    font-size: 12px;
}

/* importantnotices
   # ================================================================= */

.admin_importantnotices {
    margin: 0px 0px 30px;
}
.importantnotices_title {
    font-size: 15px;
    font-weight: 600;
    padding: 5px;
}
#moderndesign .importantnotices_title {
    font-size: 18px;
    padding: 8px;
}
.importantnotices_list {
    margin: 0px;
    padding: 0px;
}
.importantnotices_data {
    padding: 5px;
	margin: 0px 5px;
    border-top: 1px solid #E0DFE3;
    position: relative;
}
#moderndesign .importantnotices_data {
    padding: 8px;
	margin: 0px;
}
.importantnotices_data.hasclosebtn,
#moderndesign .importantnotices_data.hasclosebtn {
    padding-right: 30px;
}
.importantnotices_list .importantnotices_data A:link,
.importantnotices_list .importantnotices_data A:active,
.importantnotices_list .importantnotices_data A:visited {
    color: #333;
    font-size: 12px!important;
}
.importantnotices_list .importantnotices_data .disp_inlineblock {
	display: inline-block;
}
#moderndesign .importantnotices_list .importantnotices_data A:link,
#moderndesign .importantnotices_list .importantnotices_data A:active,
#moderndesign .importantnotices_list .importantnotices_data A:visited,
#moderndesign .importantnotices_list .importantnotices_data .disp_inlineblock {
    font-size: 15px!important;
}
.importantnotices_detail .importantnotices_list .importantnotices_data span {
    font-size: 18px;
    font-weight: 600;
	  display: inline-block;
}
.importantnotices_data:last-child {
    border-bottom: 1px solid #E0DFE3;
}
.importantnotices_data::before {
    content: "";
    display: inline-block;
    width: 90px;
    height: 20px;
    border-radius: 5px;
    margin-right: 10px;
    padding: 3px 5px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
}
.importantnotices_payment::before {
    content: "お支払い";
    background-color: #D55956;
}
.importantnotices_authentication::before {
    content: "ショップ承認";
    background-color: #D55956;
}
.importantnotices_check::before {
    content: "重要";
    background-color: #3488D1;
}
.importantnotices_startup::before {
    content: "スタートアップ";
    background-color: #49BE97;
}
.admin_english .importantnotices_payment::before {
    content: "Payment";
}
.admin_english .importantnotices_check::before {
    content: "Important";
}
.importantnotices_list span.importantnotices_date,
.importantnotices_detail .importantnotices_list span.importantnotices_date {
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
	font-weight: 500;
}
.importantnotices_data .close_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.hasclosebtn .close_btn A:link,
#moderndesign .hasclosebtn .close_btn A:link {
    font-size: 22px!important;
    opacity: 0.5;
}
.hasclosebtn .close_btn A:hover,
#moderndesign .hasclosebtn .close_btn A:hover {
    opacity: 1;
}
.importantnotices_detail .global_note,
.importantnotices_desc .global_note,
.importantnotices_detail A:link,
.importantnotices_desc A:link {
	margin-bottom: 5px;
	font-size: 14px!important;
}
.importantnotices_detail .global_square_large_btn A:link,
.importantnotices_desc .global_square_large_btn A:link {
	margin-bottom: 0px;
}
.importantnotices_detail .global_note li,
.importantnotices_desc .global_note li,
.importantnotices_detail .global_note li:first-child {
	border: none;
}
#moderndesign .importantnotices_detail {
    margin-top: -20px;
}
.importantnotices_desc {
    padding: 0px 8px;
}
.importantnotices_desc p {
    font-size: 14px;
	margin: 8px;
}
#moderndesign .importantnotices_desc p {
	margin: 8px 0px
}
.importantnotices_detail .global_square_large_btn A {
  padding-left: 10px;
	text-indent: 0px!important;
}