@charset "utf-8";
/* Copyright 2016 FSFIELD All Rights Reserved. */

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

共通css

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

/* all
---------------------------------------------- */
*{
	margin:0px;
	padding:0px;
	font-size:100%;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

ul li{list-style:none;}

a{
	text-decoration:none;
	outline:none;
	color: #333;
}

table{border-collapse:collapse;}

img{
	vertical-align:top;
	border:none;
}

.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.center{margin:0 auto;}
.left{float:left;}
.right{float:right;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* vertical-align
---------------------------------------------- */
.valign_top{vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_btm{vertical-align:bottom !important;}

/* visibility
---------------------------------------------- */
.hidden{visibility:hidden;}
.visible{visibility:visible !important;}

/* none
---------------------------------------------- */
.none{display:none;}

/* レイアウト
---------------------------------------------- */
body,html{height:100%;}

body{
	font-size:81%;/*13px*/
	line-height:1.6;
	color:#333333;
}

div#container{
	display:table;
	width:100%;
	height:100%;
	min-width:1280px;
}

div#content{
	min-width:1040px;
	padding:20px 30px 130px;
}

div#side{
	border-right:1px solid #C0DFEA;
	padding:10px 10px 100px 10px;
	width:190px;
	display:table-cell;
	vertical-align:top;
}

/* heading
---------------------------------------------- */
h3.h3_type01{
	border:3px solid #00A3D9;
	border-radius:12px;
	padding:20px 20px 22px;
	margin-bottom:20px;
	color:#00A3D8;
	font-size:230%;
	font-weight:normal;
	line-height:2.2;
}

h3.h3_type01 img{
	vertical-align:bottom;
	margin-right:25px;
}

/* ul
---------------------------------------------- */
ul#breadcrumb{
	background:#EBF8FC;
	width:100%;
	min-height:32px;
	overflow:hidden;
	font-size:11px !important;
	border-bottom:1px solid #C0DFEA;
}

ul#breadcrumb li{
	float:left;
	padding-left:12px;
	line-height:1.2;
}

ul#breadcrumb li a{
	background:url(../img/ico_arrow01.png) no-repeat right center;
	display:block;
	padding:10px 30px 10px 0;
	color:#00A3D8;
	text-decoration:underline;
}

ul#breadcrumb li a:hover{text-decoration:none;}

ul#breadcrumb li span{
	display:block;
	color:#00A3D8;
	padding:10px 30px 10px 0;
}

/* input,select
---------------------------------------------- */
input[type="text"],
select,
textarea{
	padding:3px;
	border-radius:3px;
	border:1px solid #CCC;
}

/* etc
---------------------------------------------- */
/*--margin--*/
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_40{margin-right:40px !important;}

.ml_10{margin-left:10px !important;}
.ml_20{margin-left:20px !important;}
.ml_30{margin-left:30px !important;}
.ml_40{margin-left:40px !important;}
.ml_50{margin-left:50px !important;}
.ml_60{margin-left:60px !important;}

.mb_none{margin-bottom:0 !important;}
.mb_01{margin-bottom:1px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_50{margin-bottom:50px !important;}

.mt_07{margin-top:7px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px !important;}

/*--padding--*/
.pd_20{padding:20px !important;}

.pt_05{padding-top:5px !important;}
.pt_10{padding-top:10px !important;}
.pt_20{padding-top:20px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}

.pb_none{padding-bottom:0 !important;}
.pb_30{padding-bottom:30px !important;}

.pr_05{padding-right:5px !important;}
.pr_10{padding-right:10px !important;}
.pr_15{padding-right:15px !important;}

.pl_05{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px !important;}

/*--color--*/
.gray01{color:#868686 !important;}
.blue01{color:#5691B7 !important;}
.blue02{color:#0085C9 !important;}

.note{color:#888 !important; font-size:.76rem !important; display:inline-block;}

/*--font--*/
.f_1plus{font-size:108% !important;}
.f_2plus{font-size:115% !important;}
.f_3plus{font-size:123% !important;}

.f12{font-size:12px !important;}
.f20{font-size:20px !important;}

/*--width--*/
.w100per{width:100% !important;}
.w35per{width:35% !important;}

.w60{width:60px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w140{width:140px !important;}
.w160{width:160px !important;}
.w200{width:200px !important;}
.w150{width:150px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w220{width:220px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w410{width:410px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w740{width:740px !important;}

/*--height--*/
.h20{height:20px;}
.h30{height:30px;}
.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}

/*--border--*/
.bdr_right_none{border-right:none !important;}
.bdr_btm_none{border-bottom:none !important;}

/*--display--*/
.dis_blo{display:block !important;}

.dis_inblo{display:inline-block !important;}

.dis_table{
	display:table;
	width:100%;
}

.dis_flex{display: flex;}

.dis_tablecell{display:table-cell;}

.flex{
	display: flex;
	flex-wrap: wrap;
}

/*--button--*/
button:hover{opacity:0.8;}

button{
	width: auto;
	padding:0;
	background:none;
	border:none;
	font-size:0;
	overflow:visible;
	outline:none;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
/*--nowrap--*/
.nowrap{ white-space:nowrap;}

/*--padding--*/
.padding_none{
	padding: 0 !important;
}


/**/
label.disabled{
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	color: #888;
}

/*-必須-*/
span.required{
	color: #FF0000;
	font-size: 11px;
	display: inline-block;
}

/* p
---------------------------------------------- */
p.btn_back01{
	bottom:40px;
	left:240px;
	position:fixed;
	margin-bottom:0;
	z-index:9000;
}

p.btn_back01 a{
	background:url(../img/btn_back01.png) no-repeat 0 0;
	display:block;
	width:48px;
	height:48px;
}

p.btn_back01 a:hover{background:url(../img/btn_back01_on.png) no-repeat 0 0;}

p.btn_back01 span{display:none;}


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

サイド

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

/* div
---------------------------------------------- */
div#side_inner{
	min-width:190px;
	border:1px solid #C0DFEA;
	border-radius:8px;
}

/* ul
---------------------------------------------- */
/*--list_side01--*/
ul.list_side01 li{border-bottom:1px solid #C0DFEA; position: relative;}
ul.list_side01 li:last-child{border-bottom:none;}
.bdr_btm_none{border-bottom: none !important;}

ul.list_side01 li img{
	vertical-align:middle;
	width:40px;
	height:30px;
}

ul.list_side01 li a{
	color:#333333;
	display:block;
	font-weight:bold;
	padding:6px 0;
}

ul.list_side01 li a:hover{
	color:#00A3D9;
}
ul.list_side01 li.active a{
	color:#00A3D9;
	background-color: #ffecf3;
}

ul.list_side01 li.active1 a{
	color:#00A3D9;
	background-color: #ffecf3;
}


ul.list_side01 li.active2 a{
	color:#ffffff;
	background-color: #0095D5;
}
ul.list_side01 li.active2 a img{
	filter: brightness(0) invert(1);
}

/*--list_side02--*/
ul.list_side02 li{
	background:#EBF8FC;
	border-bottom:1px solid #C0DFEA;
}

ul.list_side02 li.listside02_li1{
	background:#ffffff;
	border-bottom:1px solid #C0DFEA;
}
ul.list_side02 li.listside02_li2{
	background:#F9FBFD;
	border-bottom:1px solid #C0DFEA;
}

ul.list_side02 li a{
	background:url(../img/ico_arrow02.png) no-repeat 10px 13px;
	display:block;
	padding:10px 10px 10px 20px;
	color:#333;
	line-height:1.2;
	font-weight: normal;
}

ul.list_side02 li a:hover{color:#00A3D9;}


ul.list_side02 li.active a{
	background-color: #ffebf0;
	border-bottom: none !important;
}
ul.list_side02 li.active1 a{
	background-color: #ffffff;
	color:#000000 !important;
	border-bottom: none !important;
	font-weight: 800;
}
ul.list_side02 li.active2 a{
	background:url(../img/provider/ico_arrow02.png) no-repeat 10px 13px;
	/*
	filter: brightness(1) invert(0);
	*/
	color:#ffffff;
	background-color: #0095D5;
}

ul.list_side01 li span.ico_new{
	display: inline-block;
	background-color: #FF0000;
	color: #FFF;
	width: 20px;
	height: 20px;
	border-radius: 22px;
	position: absolute;
	top: 50%;
	right: 5px;
	font-size: 11px;
	line-height: 20px;
	font-family: arial;
	transform: translateY(-50%);
	text-align: center;
}


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

ヘッダー

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

/* header
---------------------------------------------- */
header{border-bottom:2px solid #4794DE;}

/* heading
---------------------------------------------- */
h1.h1_logo{
	float:left;
	display: table;
	width: 140px;
	height: 40px;
}

h1.h1_logo a{
	background:url(../img/h1_logo01.png) no-repeat 0 0;
	background-size: contain;
	display:block;
	height:100%;
}
h1#h1_logo_trial a{
	background-image: url(../img/h1_logo01.png);
}
h1.trial a::before{
	content: "";
	background-image: url(../img/h1_logo01_mark.png);
	background-position: center;
	height: 100%;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
}

h1#h1_logo_enterprise a{
	background-image: url(../../img/enterprise/h1_logo01_black.png);
}


/* エンタープライズ画面ヘッダー */
.enterprise_header {
	border-bottom: 3px solid #2DC2EE;
}
.enterprise_header div#header_inner {
	min-width: 1280px;
	overflow: hidden;
	height: 98px;
	padding: 0 30px 0 20px;
}

.enterprise_header h1#h1_logo_enterprise a{
	background-image: url(../../img/enterprise/h1_logo01_black.png);
	display: block;
	width:198px;
	height:61px;
}

.enterprise_header #header_account,
.enterprise_header #btn_logout {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.enterprise_header #header_account {
	gap: 10px;
}

.enterprise_header .header_inner_icons #header_account img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

/** ヘッダーロゴ **/

/**
	1：スポ安アプリ
*/
h1#h1_logo1{
	width:110px;
}

h1#h1_logo1 a{
	background-image: url(../img/provider/h1_logo1.png);
}


/**
	2：ブカツプラス
*/
h1#h1_logo2{
	width:110px;
}

h1#h1_logo2 a{
	background-image: url(../img/provider/h1_logo2.png);
}

.shop_icon {
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 10px;
}

/* div
---------------------------------------------- */
div#header_inner{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;

	min-width:1280px;
	overflow:hidden;
	height: 48px;
	padding: 0 9px;
}


.header_inner_school_info{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}
.header_inner_school_info h2{
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0;
}

.header_inner_icons,
.header_inner_icons > span,
.header_inner_icons a {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
}

.header_inner_icons {
	gap: 24px;
}

.header_inner_icons > span,
.header_inner_icons a {
	gap: 2px;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0;
}

.header_inner_icons span:hover,
.header_inner_icons span:hover * {
	color: #0186D7;
	cursor: pointer;
}
.header_inner_icons span:hover img[src$=".svg"] {
	filter: invert(22%) sepia(100%) saturate(700%) hue-rotate(170deg);
}

#header_account img:first-child {
	height: 24px;
	width: 24px;
	border-radius: 20px;
}

.shop_icon.shop_icon1{
	background-color: #F2F6FA;
	border-radius: 9.375vw !important;
}
.shop_icon.shop_icon2{
	background-color: #F2F6FA;
	border-radius: 9.375vw !important;
}

.image-container {
	position: relative;
	display: inline-block;
}
.badge.new {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 12px;
	height: 12px;
	background-color: #F22612;
	border-radius: 80px;
}

/* アイコン切替2 */
p.btn_logout2 {
	float: right;
	padding: 35px 80px 0 0;
	display:table;
}

.logout_txt2{
	margin-top:6px;
	display: inline-block;
	font-weight: 700;
}



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

フッター

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

/* footer
---------------------------------------------- */
footer{
	background:#DEF5FC;
	padding:5px 0;
	text-align:center;
}

/* small
---------------------------------------------- */
.small{
	font-size:11px !important;
	color:#64ACCC;
}


/* alert
---------------------------------------------- */
div.msg_info {
	background:#FFFCD9;
	border-radius:7px;
	color:#FF0000;
	padding:20px;
	margin-bottom:20px;
	font-size:108%;
}

div.wrap_message {
	background-color: #ffb871;
	color:#000000;
}

div.wrap_success {
	background-color: #04C303;
	color:#FFFFFF;
}

div.wrap_error {
	background-color: #e94848;
	color:#FFFFFF;
}

a.disabled {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .2;
	cursor: default;
}
a.disabled:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .2;
}
a.disabled span {
	color: #BBB !important;
}



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

モーダルウィンドウ

------------------------------------------------------------ */
.modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.5);
}

/* 写真拡大
---------------------------------------------- */
#photo_modal{
	width: 700px;
	background-color: #FFF;
	position: fixed;
	z-index: 999;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	border-radius: 15px;
}

#photo_modal img.pic{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

/* 確認用
---------------------------------------------- */
.modal-confirm01{
	position:fixed;
	z-index:9999;
	display:none;
}
.modal-confirm01 .ttl_dialog{
	font-weight: bold;
	font-size: 115%;
	background: #00A3D9;
	border-radius: 10px 10px 0 0;
	color: #fff;
	margin-bottom: 0;
	padding: 8px 0 4px;
	width: 100%;
	text-align:center;
}
.modal-confirm01 .spoan_ttl_dialog{
	font-weight: bold;
	font-size: 115%;
	background: #1052A2;
	border-radius: 10px 10px 0 0;
	color: #fff;
	margin-bottom: 0;
	padding: 8px 0 4px;
	width: 100%;
	text-align:center;
}
.modal-confirm01 .psi_ttl_dialog{
	font-weight: bold;
	font-size: 115%;
	background: #1052A2;
	border-radius: 10px 10px 0 0;
	color: #fff;
	margin-bottom: 0;
	padding: 8px 0 4px;
	width: 100%;
	text-align:center;
}


.modal-confirm01 .modal_inner{
	width:500px;
	box-sizing:border-box;
	padding:20px;
	background-color:white;
	border-radius: 0 0 10px 10px;
}
img.img_yes-no{
	display:block;
	margin:0 auto 25px;
	transform: translateX(-15px);
}
img.img_confirm01{
	display:block;
	margin:0 auto 25px;
}
.modal-confirm01 .txt_modal{
	text-align:center;
	margin-bottom:25px;
}
.wrap_btn{font-size:0;}
.modal-confirm01 .wrap_btn{
	text-align:center;
	margin-bottom:30px;
}
.btn_yes{margin-right:5px;}



/*エラー
--------------------------------*/
div#box_yellow01{
	background:#FFFCD9;
	color:#FF0000;
	line-height:1.2;
	padding:8px 0;
	margin-bottom:20px;
	text-align:center;
	font-size:108%;
}


/* エンタープライズメニュー
--------------------------------*/
.wrap_enterprise_menu {
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	/* bottom: 10px; */
	top:0px;
	left: 50%;
	display: flex;
	transform: translateX(-50%);
	border-radius: 0 0 10px 10px;
	display: none;
	/* z-index: 999; */
	z-index: 1;
	/*width: 760px;*/
	width: 585px;
	height: 85px;
}

.wrap_enterprise_menu div.enterprise_menu {
	display: flex;
	/*padding: 10px;*/
	padding: 10px 10px 20px 10px;
	align-items: flex-end;
}

.wrap_enterprise_menu img {
	width: 53px;
	height: 53px;
	height: auto;
	margin-right: 10px;
	border-radius: 5px;
}

#slider_school {
	/* background-color: #555555; */
	/*width: 410px;*/
	width: 230px;
	/*margin-left: 298px;*/
	left: 308px;
	top: 11px;
	/* padding: 5px 2px 0 2px; */
	position: absolute;
	/* bottom: 0; */
}
.slider-in {
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
}
.wrap_enterprise_menu .school_icon,
.modal_school_all_list .school_icon {
	width: 53px;
	height: 53px;
	/*border-radius: 12px;*/
	border-radius: 9.84375vw;
}

.wrap_enterprise_menu .school_selected {
	border: solid 3px red;
	width: 56;
	height: 56;
}

.school_select_icon {
	width: 60px;
	height: 60px;
	position: relative;
	top: -25px;
}

p.ico_number {	/** バッチカウント */
	/*background: #FF0000;*/
	padding: 0 7px;
	color: #FFF;
	font-size: 120%;
	position: absolute;
	/*top: -0.6vw;*/
	/*right: 0.4vw;*/
	margin-left: 40px;
	display: block;
	border-radius: 15px;
	/*line-height: 25px;*/
}

p.ico_number_on {	/** バッチカウント色 */
	background: #FF0000;
}

p.ico_number_off {	/** バッチカウント色 */
	background: #aaaaaa;
}

p.school_name {
	width: 70px;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	left: -5px;
}

/* スクール選択ダイアログ
--------------------------------*/
.modal_school_select {
	width: 820px;
	margin: -18px auto 0;
	z-index: 2;
	position: absolute;
	top: 75px;
	left: 200px;
	display: none;
	text-align: left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


/* スクール検索ダイアログ
--------------------------------*/
.modal-content-enterprise {
	/*width: 40%;
	min-width: 600px;*/
	width: 780px;
	margin: -18px auto 0;
	z-index: 2;
	position: fixed;
	display: none;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

p.modal_title {
	font-weight: bold;
	font-size: 115%;
	background: #00A3D9;
	/*background: #333333;*/
	border-radius: 10px 10px 0 0;
	color: #fff;
	margin-bottom: 0;
	padding: 8px 0 4px;
	width: 100%;
}

div.wrap_school_search {
	background: #fff;
	padding: 20px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}

div#school_search_conditions {
	background: #ECF5F9;
	/* background: #f0f0f0;	*/
	padding: 7px 10px;
	text-align: left;
	margin-bottom: 20px;
}

div#school_search_result {
	/*height: 463px;*/
	height: 350px;
	margin-bottom: 20px;
	overflow-y: scroll;
}

table#table_school, table#table_group{
	width: 100%;
	line-height: 1;
	font-size: 12px;
	border-collapse: collapse;
	display: table;
	border-spacing: 2px;
	border-color: grey;
}

table#table_school tr , table#table_group tr{
	border: 1px solid #BCC8CB;
}

table#table_school th , table#table_group th{
	background: #85C1D6;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	padding: 8px 3px;
	border-right: 1px solid #C0DFEA;
}

table#table_group p.g_name{
	word-wrap: break-word;
	max-width: 155px;
	width: 100%;
}
table#table_group p.s_name{
	max-width: 300px;
	width: 100%;
	word-wrap: break-word;
}

table#table_group th:first-child {
	width: 40%;
}

table#table_school th:nth-child(2) {
	width: 80px;
}
table#table_school th:nth-child(3) {
	width: 80px;
}
table#table_school th:nth-child(4) {
	width: 80px;
}


table#table_school td a {
	color: #00A3D8;
	font-size: 12px;
	text-decoration: underline;
}

table#table_school td {
	padding: 3px 8px;
	border: 1px solid #C0DFEA;
}


div.icon_name {
	display: table-cell;
}

div.icon_name figure {
	display: table-cell;
	width: 35px;
}

div.icon_name figure span img {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 35px;
}
div.icon_name p {
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.2;
	padding-left: 5px;
}
/* Overlay
---------------------------------------------- */
#overlay_trans{
		display: none;
		width: 100%;
		height:100%;
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
		background: rgba(0,0,0,0);
}


/* ヘッダー　ソリューション
---------------------------------------------- */
#btn_solution{
	display: none;
}
/* ダイアログtyep1
---------------------------------------------- */
.modal-content.dialog_type1{
	position: fixed;
	z-index: 2;
	width: 900px;
}
.dialog_type1 div.inner{position: relative;}

.modal-content.dialog_type1 p.dialog_ttl{
	font-weight: bold;
	font-size: 115%;
	background: #00A3D9;
	border-radius: 10px 10px 0 0;
	color: #fff;
	margin-bottom: 0;
	padding: 8px 0 4px;
	width: 100%;
	text-align: center;
}
.modal-content.dialog_type1 div.dialog_body{
	background:white;
	padding:30px;
	border-radius: 0 0 10px 10px;
}

.close_dialog{
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: white;
	text-align: center;
}
.close_dialog:before{
	content: "×";
	color: #00a3d9;
	font-weight: bold;
	font-size: 20px;
}
.close_dialog span{display: none;}


/* table
---------------------------------------------- */
table.type01{width: 100%;}
table.type01 tr th{
	background: #85C1D6;
	border-right: 1px solid #C0DFEA;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 7px;
	font-weight: normal;
}
table.type01 tr td{
	padding: 10px 7px;
	font-size: 115%;
	border: 1px solid #C0DFEA;
}

.btn_orange {
	display: inline-block;
	background: #ff9b00;
	color: white;
	padding: 16px 20px 13px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .1rem;
	box-shadow: inset 0px -3px 0 #d25a00;
	cursor: pointer;
	min-width: 80px;
}


/* マニュアルモーダル用
--------------------------------*/
.modal_manual_list {
	width: 830px;
	margin: -18px auto 0;
	z-index: 99;
	position: absolute;
	top: 75px;
	left: 200px;
	display: none;
	text-align: left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.wrap_manual {
	background: #fff;
	padding: 20px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}

div#manual_list {
	height: 350px;
	margin-bottom: 20px;
	overflow-y: scroll;
}

.manual-list-title{
	display: block;
	color: #5C5C5C;
	font-size: 120%;
}

.manual-list-title-pre{
	display: block;
	/*margin-top: 20px;*/
	color: #7e7e7e;
	text-decoration:none;
	text-decoration-color:#000000;
	pointer-events:none;
	cursor: default;
	font-size: 120%;
}

.modal-manual-close {
	text-align: center;
	margin-top: 40px;
}

.wrap-manual-list {
	position: relative;
	left: 8%;
	height: 62vh;
	overflow-y: auto;
	width: 84%;
}
.manual-list {
	display: block;
	position: relative;
	height: 45px;
	width: 620px;
	text-align:center;
	border-radius: 3px;
	margin-top: 15px;
	padding-top: 10px;
	background: linear-gradient(to bottom, #ffffff 0%,#edf0f1 100%);
	box-shadow: 0px 2px 0px 0px #b5c0c4;
	margin-bottom: 10px;
	border: 1px solid #DBE0E2;
	border-radius: 7px;
	box-sizing: border-box;
}
.manual-list-soon {
	display: block;
	position: relative;
	height: 45px;
	width: 620px;
	text-align:center;
	background-color:#BBB;
	border-radius: 3px;
	margin-top: 15px;
	padding-top: 10px;
}

.manual-list-first-img{
	position: absolute;
	width: 9%;
	left: 6px;
	top: -6px;
}

.manual-list-img{
	position: absolute;
	width: 9%;
	left: 6px;
	top: -6px;
}

.manual-list-soon-img{
	position: absolute;
	width: 11%;
	right: 5px;
	top: 0px;
}

.manual-list-qa-img{
	position: absolute;
	width: 9%;
	left: 6px;
	top: -6px;
}

.manual-list-title-img {
	position: absolute;
	width: 12%;
	right: -8px;
	top: 2px;
}

/* NEW Mark
---*/
span.new-mark {
	display: inline-block;
	background-color: #FF0000;
	color: #FFF;
	width: 20px;
	height: 20px;
	border-radius: 22px;
	position: absolute;
	top: 50%;
	left: 5px;
	font-size: 11px;
	line-height: 20px;
	font-family: arial;
	transform: translateY(-50%);
	text-align: center;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type="number"] {
-moz-appearance:textfield;
}
/* 管理画面TOP、管理画面サイドメニューのアイコン用
--------------------------------*/
.icon_aspect_ratio_43{
	width: 92px;
	height: 72px;
	object-fit: contain;
}
.icon_aspect_ratio_43_header{
	width: 92px;
	height: 71px;
	object-fit: contain;
}
#table_toppage02 .mymenu_sub_icon{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
}


/* -----------ボタン------------- */
:root {
	/* --primary: #7FF97F; */
	--primary: #3EEF34;
	--second: #BEF7BE;
	--red: #EB7A77;
	--yellow: #FFB000;
	--blue: #52BCDE;
	--solid: #fff;
	--disabled: #c5c5c5;
	--btn-w: 165px;
	--btn-h: 35px;
	--btn-w-2: 240px;
	--btn-h-2: 43px;
	--btn-w-b: calc(var(--btn-w) * 1.2);
	--btn-w-s: calc(var(--btn-w) * .5);
	--dot-w: calc(var(--btn-w)*.2);
	--tr-X: calc(var(--btn-w) - var(--dot-w));
	}
* {box-sizing: border-box;}
*:before, *:after {box-sizing: border-box;}

.btn__application {
position: relative;
display: inline-block;
margin-left: 10px;
width: var(--btn-w);
height: var(--btn-h);
color: #fff;
border-radius: 56px;
text-align: center;
font-size: 1.3em;
line-height: 2em;
cursor: pointer;  
animation:slidebg 2s linear infinite;
background-image: linear-gradient(90deg, var(--red) 0%, var(--yellow) 20%,  var(--blue) 70%, var(--red) 100%); 
background-size: var(--btn-w-b);
box-shadow: 0 2px 15px rgba(10, 0, 127, 0.5); 
}
@keyframes slidebg {
to {
background-position: var(--btn-w-b);
}
}

.btn__application1 {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	width: var(--btn-w);
	height: var(--btn-h);
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	line-height: 2em;
	cursor: pointer;  
	animation:slidebg 2s linear infinite;
	background-color: #1052A2;
	background-size: var(--btn-w-b);
}

.btn__application2 {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	width: var(--btn-w);
	height: var(--btn-h);
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	line-height: 2em;
	cursor: pointer;  
	animation:slidebg 2s linear infinite;
	background-color: #1052A2;
	background-size: var(--btn-w-b);
}


.btn__application_login {
	position: relative;
	display: inline-block;
	margin-top: 0px;
	margin-left: 0px;
	width: var(--btn-w-2);
	height: var(--btn-h-2);
	color: #fff;
	border-radius: 56px;
	text-align: center;
	font-size: 1.3em;
	line-height: 2em;
	cursor: pointer;  
	animation:slidebg_b 2s linear infinite;
	background-image: linear-gradient(90deg, var(--red) 0%, var(--yellow) 20%,  var(--blue) 70%, var(--red) 100%); 
	background-size: var(--btn-w-2);
	box-shadow: 0 2px 15px rgba(10, 0, 127, 0.5); 
	}
	@keyframes slidebg_b {
		to {
		background-position: var(--btn-w-2);
		}
		}

.btn__application_login1 {
	position: relative;
	display: inline-block;
	margin-top: 0px;
	margin-left: 0px;
	width: var(--btn-w-2);
	height: var(--btn-h-2);
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	line-height: 2em;
	cursor: pointer;  
	background-color: #1052A2;
	background-size: var(--btn-w-2);
}

.btn__application_login2 {
	position: relative;
	display: inline-block;
	margin-top: 0px;
	margin-left: 0px;
	width: var(--btn-w-2);
	height: var(--btn-h-2);
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	line-height: 2em;
	cursor: pointer;  
	background-color: #1052A2;
	background-size: var(--btn-w-2);
}

.btn__three-d {
	display: inline-block;
	color: #fffffd;
	font-size: 14px;
	height: 35px;
	width: max-content;
	border: none;
	border-radius: 3px;
	overflow: visible;
	outline: none;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 1.5em;
}

.btn__three-d:hover {
	opacity: 0.8;
}

.btn__three-d__orange {
	background: linear-gradient(to bottom, rgb(248,169,12), rgb(246,129,9)); 
	border-bottom: 3px solid rgb(211,46,0);
}

.btn__three-d__blue {
	background: linear-gradient(to bottom, rgb(55,162,217), rgb(52,152,212)); 
	border-bottom: 3px solid rgb(35,112,148);
}

.shop_icon1{
	background-color: #F2F6FA;
	border-radius: 9.375vw !important;
}
.shop_icon2{
	background-color: #F2F6FA;
    border-radius: 9.375vw !important;
}

.provider_default_icon_fileter1{
	vertical-align: middle !important;
	margin-top:-9px;
	width:45px;
	height:45px;
	filter: invert(41%) sepia(94%) saturate(1731%) hue-rotate(169deg) brightness(91%) contrast(101%);
	margin-right:20px;
}

.provider_default_icon_fileter2{
	vertical-align: middle !important;
	margin-top:-9px;
	width:45px;
	height:45px;
	filter: invert(41%) sepia(94%) saturate(1731%) hue-rotate(169deg) brightness(91%) contrast(101%);
	margin-right:20px;
}

.provider_camera_icon1{
	width: 24px;
	height: 24px;
	margin-top:-2px;
}
.provider_camera_icon2{
	width: 24px;
	height: 24px;
	margin-top:-2px;
}
.provider_pdf_icon1{
	width: 24px;
	height: 24px;
	margin-top:-2px;
}
.provider_pdf_icon2{
	width: 24px;
	height: 24px;
	margin-top:-2px;
}

.provider_flag_icon1{
	width: 24px;
	height: 24px;
	filter: invert(20%) sepia(93%) saturate(3032%) hue-rotate(342deg) brightness(79%) contrast(119%);
}
.provider_flag_icon2{
	width: 24px;
	height: 24px;
	filter: invert(20%) sepia(93%) saturate(3032%) hue-rotate(342deg) brightness(79%) contrast(119%);	
}
.provider_base_color1{
	background:#00A3D9 !important;
}
.provider_base_color2{
	background:#0095D5 !important;
}

.provider_menu_title1{
	color:#00A3D9;
	font-size:230%;
	font-weight:normal;
	padding-left:10px;
	margin-bottom: 15px;
}

.provider_menu_title2{
	color:#0095D5;
	font-size:230%;
	font-weight:normal;
	padding-left:10px;	
	margin-bottom: 15px;
}

.disabled-field {
	background-color: var(--disabled);
}

.placeholder {
	border: 1px dashed red;
	background-color: pink;
}

.raw_selected{
	background-color: #ffecf3 !important;
}


/* floating ui
-------------------------*/
.floating {
	position: absolute;
	background: white;

	padding: 5px;

	border-radius: 4px;
	border-width: 1px;
	border: 1px solid #F9F9F9;
	box-shadow: 0px 1px 4px 1px #00000026;

	z-index: 100;
}