@charset "utf-8";

@font-face{ 
  font-family: 'RoundedMplus1c-Bold';
  src: url('./RoundedMplus1c-Bold.ttf') format('truetype');
}

@font-face{ 
  font-family: 'RoundedMplus1c-Medium';
  src: url('./RoundedMplus1c-Medium.ttf') format('truetype');
}

/*------ common style ------*/
body,h1 {
	padding: 0;
	margin: 0;
	font-family: 'RoundedMplus1c-Medium', 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
	font-weight: normal;
	line-height: 1.5;
	color: #0a0a0a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

table td, table th {
	border: 2px solid #AED6F1;
}

table th {
	background-color: #85C1E9;
}

table tbody tr:nth-child(odd) {
	background-color: White;
}

table tbody tr:nth-child(even) {
	background-color: #EBF5FB;
}

select.no_form {
	background-color: #AED6F1;
}

#square_btn {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid #333; /* 枠の調整 */
  background: #fff; /* ボタンの背景色 */
  cursor: pointer;
}
 
#square_btn::before, #square_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* 棒の幅（太さ） */
  height: 27px; /* 棒の高さ */
  background: #333; /* バツ印の色 */
}
 
#square_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
#square_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

/*------ header contents style ------*/
div.contents_header {
    padding: 0.5em 0 0 0;
    margin-bottom: 0.5em;
}
.top-bar {
	background-color: White;
	margin-bottom: 1em;
	padding-bottom: 0;
	background-color: #f9e79f;
}
.top-bar ul {
	clear: both;
	margin: 0;
}
nav h1 {
	background-color: #f9e79f;
}
.menu_list {
	clear: both;
	display: table;
	border-collapse: separate;
	border-spacing: 6px 0.5em;
}
.menu_list a {
	color: #515A5A;
	display: table-cell;
	width: 6em;
	min-width: 6em;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
	white-space: nowrap;
	background-color: #fffdf7;
}
.raise_btn {
	border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 6px 0 rgba(0,0,0,0.12), 0 4px 1px -2px rgba(0,0,0,0.2);
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
}
#menu_view_control {
	clear: both;
	text-align: center;
	margin-top: 0.5em;
}
#menu_view_control a#menu_open_close {
	display: inline-block;
	width: 5em;
	background: #dbd9d9;
	color: #515A5A;
	border: 1px solid #c4c2c2;
}
.top-bar h1 {
	padding: 0 0.2em;
	line-height: 1.2;
	font-family: RoundedMplus1c-Bold;
}
.menu_button, .menu_button:hover, .menu_button:focus {
	margin-top: 0.4em;
	border: 3px solid #ffefed;
	border-radius: 10px !important;
	background-color: #f48f84;
	font-family: RoundedMplus1c-Bold;
}

/*------ navigation contents style ------*/

.navigation_menu {
	border-radius: 1em;
	border: 2px solid #F1C40F;
	background-color: #F9E79F;
	padding: 1em 0;
}

.navigation_menu ul {	
	margin: 0;
}

.navigation_menu li {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 0.4em 2em;
    background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: 0.5em 0.6em;
}

.navigation_menu li > a {
	display: inline-block;
	color: #E74C3C;
	font-weight: bold;
	white-space: nowrap;
	width: 100%;
}

.nav_image {
	display: inline-block;
	width: 32px;
	height: 32px;
}

#nav_top {
	background-image: url("../img/top_icon.png");
} 

#nav_attendances {
	background-image: url("../img/attendances_icon.png");
} 

#nav_attendance_record {
	background-image: url("../img/attendance_record_icon.png");
}

#nav_saturday_childcare {
	background-image: url("../img/saturday_childcare_icon.png");
}

#nav_short_term_childcare {
	background-image: url("../img/short_term_childcare_icon.png");
}

#nav_regist_bus_use {
	background-image: url("../img/regist_bus_use_icon.png");
}

#nav_regist_bus_use_2 {
	background-image: url("../img/regist_bus_use_icon_2.png");
}

#nav_guidance_records {
	background-image: url("../img/guidance_records_icon.png");
}

#nav_roster {
	background-image: url("../img/roster_icon.png");
}

#nav_staff {
	background-image: url("../img/staff_icon.png");
} 

#nav_infants {
	background-image: url("../img/infants_icon.png");
} 

#nav_calendars {
	background-image: url("../img/calendar_icon.png");
}

#nav_payment_list {
	background-image: url("../img/payment_icon.png");
}

#nav_settings {
	background-image: url("../img/settings_icon.png");
}
#nav_logout {
	background-image: url("../img/logout_icon.png");
}
#nav_web_petition {
	background-image: url("../img/web_petition_icon.png");
}

/*------ main contents style ------*/
div.contents_main,div.regist_contents_main {
    margin: 0 0.5em 1em 0.5em;
    padding: 1.5em;
    border-radius: 1em;
    border: 2px solid #F1C40F;
    background-color: #FEF9E7;
}

.calendar_sunday {
	background-color: #FADBD8 !important;
}
.calendar_weekday {
	background-color: #EBF5FB !important;
}
.calendar_saturday {
	background-color: #AED6F1 !important;
}

/*------ pipit managements contents style ------*/
.menu-text {
	line-height: 1.5;
}
.pipit_management_base_color, .pipit_management_base_color li {
	background-color: #F9E79F;
	color: #515A5A;
}

/**/

fieldset {
	border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em;
}

.line_through {
	text-decoration: line-through;
}

p.error {
	color: Red;
}
.button.radius { 
    border-radius: 3px; }
.button.width_100 { 
    width: 100%; white-space: nowrap; }
.button.width_50 { 
    width: 50%; white-space: nowrap; margin: 0 25%; }
.button.width_30_fix { 
    width: 33.3333%; white-space: nowrap; }
.button.width_50_fix { 
    width: 50%; white-space: nowrap; }
.button.logout, .button.back { 
    background-color: #7ea6e0; }
    .button.logout:hover, .button.logout:focus, .button.back:hover, .button.back:focus {
        background-color: #7489b8;
        color: #fefefe; }
.button.normal_expansion { 
    background-color: #f48fb3; }
    .button.normal_expansion:hover, .button.normal_expansion:focus {
        background-color: #ea728b;
        color: #fefefe; }
h1.app_title { 
    color: #532800; 
}
h1.app_title_pipit > span {
	font-weight: 400;
	color: #532800;
	cursor: pointer;
}

div.contents_tab {
    clear: both;}
    


div.contents_main tr,th,td {
    border: 1px solid black;}
div.regist_contents_main tr,th,td {
    border: 1px solid black;}
div.header_title {
    float: left;
    margin-left: 10px;}
div.header_button {
    float: right;
    margin-right: 10px;}
.width_auto {
    width: auto;}
.display_inline {
	display: inline-block;
}
.button.button_non_marge {
    margin: 0;}
td.text_center {
    text-align: center;}
.text_color_red {
    color: red;}
.text_color_blue {
    color: blue;}
table.non_stripe tr:nth-child(even) {
    background-color: transparent;}

.nowrap {
    white-space: nowrap;}
   
.hidden {
	overflow: hidden;}
    
div#loading_div {
	position: absolute;
	top: 0;
	left: 0;
	zIndex: 1000;
	background: #000;
	opacity: 0.4;
	height: 100%;
	color: #fff;
	text-align: center;
}
span#loading_message {
	position: absolute;
	top: 50%;
	line-height: 1.8;
	margin-top: -0.9em;
	font-weight: bold;
}

div.left_align {
	padding-left: 0;
}

div#bulk_regist_infants_list {
	padding: 2px;
	border: 1px solid #c0c0c0;
	border-radius: 2px;
	height: 300px;
	overflow: auto;
	margin-bottom: 1em;
	
}
div#bulk_regist_infants_list label {
	font-size: 0.75rem;
}

div#bulk_regist_infants_list input[type=checkbox] {
	display: inline-block;
	position: absolute;
	display: none;
}
div#bulk_regist_infants_list label {
	display: block;
	margin: 0;
	padding: 0.5em 0;
	position: relative;
}
div#bulk_regist_infants_list label.view_attendances {
	display: inline-block;
	position: absolute;
	right: 5px;
	padding: 0;
}
div#bulk_regist_infants_list label.view_attendances > label {
	display: inline-block;
	padding: 0.5em;
}
div#bulk_regist_infants_list label.view_usage_situation {
	margin-right: 0.5em;
}

div#management_base_header {
	height: 4em;
	width: 100%;
	padding-top: 10px;
}
div.pipit_management_form_contents {
	border: 1px solid #c0c0c0;
	border-radius: 1em;
	padding: 0.5em;
	margin-bottom: 1em;
}

div#pipit_management_contents {
	margin-top: 1em;
}

#pipit_management_contents a.normal {
	background-color: #E67E22;
}

.input_item_prefix {
	display: inline-block;
	background-color: #E5E8E8;
	text-align: center;
	width: 100%;
	padding: 0.5em;
	margin-bottom: 1em;
}
.prefix_2nd {
	margin-left: 1em;
}

.no_input_item_prefix {
	display: inline-block;
	background-color: #2199e8;
 	color: #fefefe;
	text-align: center;
	width: 100%;
	padding: 0.5em;
	margin-bottom: 1em;
}
.back_menu_btn {
	margin-right: 5px;
}

.large_font {
	font-size: 1.125rem; 
}
.require_item {
	color: Red;
	font-weight: bold;
}
div.error_msg_pipit_management {
	color: Red;
	background-color: #F5B7B1;
	padding: 0.5em;
	margin-bottom: 0.5em;
	border-radius: 0.25em;
}

div.regist_done_msg_pipit_management {
	color: Black;
	background-color: #D6EAF8;
	padding: 0.5em;
	margin-bottom: 0.5em;
	border-radius: 0.25em;
}

div#registed_classes > div {
	border: 1px solid #c0c0c0;
	border-radius: 0.3em;
	padding: 0.3em;
	margin-bottom: 0.2em;
}
a#update_class_year_btn,a#update_infant_year_btn {
	padding: 2em 1.5em;
}
.staff_error_div {
	padding: 0.3em;
	background-color: #F5B7B1;
	color: Red;
	margin-bottom: 1em;
}

a.mega_large {
	font-size: 2rem !important;
	padding: 2em 1em;
}
a.middle_large {
	font-size: 1.5rem !important;
	padding: 1em 1em;
}
.send_mail {
	display: inline-block;
	width: 32px;
	margin-left: 0.5em;
	background-image: url("../img/mail.png");
	background-size:cover;
}
.send_mail_middle {
	display: inline-block;
	width: 26px;
	margin-left: 0.5em;
	background-image: url("../img/mail.png");
	background-size:cover;
}

#absence_list_contents {
	font-size: 0.7rem;
}

#attendance_pipit_contents h4 {
	font-family: 'RoundedMplus1c-Medium', 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
}

#saturday_childcare_view {
	font-size: 1.5625rem;
}

#saturday_childcare_view select {
	width: 5em;
}

.margin-bottom-none {
	margin-bottom: 0;
}

.sticky_table thead th {
  position: -webkit-sticky;
  position: sticky;
  white-space: nowrap;
  z-index: 2;
}
.sticky_table thead tr:nth-child(1) th {
  top: 0;
}
.sticky_table thead tr:nth-child(2) th {
  top: 2.75rem;
}
.sticky_table thead tr:nth-child(1) th:nth-child(1) {
  left: 0;
  z-index: 3;
}
.sticky_table thead tr:nth-child(1) th:nth-child(2) {
  z-index: 3;
}
.sticky_table thead tr:nth-child(1) th:nth-child(3) {
  z-index: 3;
}
.sticky_table thead tr:nth-child(2) th:nth-child(1) {
  z-index: 3;
}

.sticky_table tbody td.sticky {
  position: -webkit-sticky;
  position: sticky;
  white-space: nowrap;
  z-index: 1;
}
.sticky_table tbody td:nth-child(1) {
  left: 0;
  background-color: White;
}
.sticky_table tbody td:nth-child(2) {
  background-color: White;
}


.usage_situation_btn {
	margin-bottom: 0;
	margin-right: 1em;
}

.timeselect {
	cursor: normal important;
}

#bus_seat_table, #bus_seat_table tr, #bus_seat_fix {
	border: none;
}
#bus_seat_table td {
	width: 50px;
}
#bus_seat_table td.no-border, #bus_seat_fix td.no-border {
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
}

/**************** base color ******************/
.selected_menu { background-color: #F4D03F !important; }

/**
 * yellow color list
 * light-color: #fffdf7;
 * middle-color: #f9e79f;
 * dark-color: #f1c40f;
 * false-color: #f47669;
 */
body.yellow { background-color: #fffdf7; }
body.yellow nav.top-bar, body.yellow  h1 { background-color: #f9e79f;  }
body.yellow div.contents_header { background-color: #f9e79f; }
body.yellow .menu_list > a { background-color: #fffdf7; }
.yellow div.contents_main,.yellow div.regist_contents_main { border: 2px solid #f1c40f; background-color: #f9e79f; }
body.yellow .selected_menu { background-color: #f1c40f !important; }
.yellow table td,.yellow table th { border: 2px solid #f1c40f; }
.yellow table th:not(.calendar_sunday):not(.calendar_weekday):not(.calendar_saturday) { background-color: #f47669;}
.yellow table tbody tr:nth-child(odd) { background-color: #ffffff; }
.yellow table tbody tr:nth-child(even) { background-color: #fffdf7;}
.yellow .pipit_management_base_color,.yellow .pipit_management_base_color li { background-color: #f9e79f; color: #515A5A; }

/**
 * blue color list
 * light-color: #edfaff;
 * middle-color: #c0e1f9;
 * dark-color: #0fadf0;
 * false-color: #f4f169;
 */ 
body.blue { background-color: #edfaff; }
body.blue nav.top-bar, body.blue  h1 { background-color: #c0e1f9;  }
body.blue div.contents_header { background-color: #c0e1f9; }
.blue div.contents_main,.blue div.regist_contents_main { border: 2px solid #0fadf0; background-color: #c0e1f9; }
body.blue .menu_list > a { background-color: #edfaff; }
body.blue .selected_menu { background-color: #0fadf0 !important; }
.blue table td,.blue table th { border: 2px solid #0fadf0; }
.blue table th:not(.calendar_sunday):not(.calendar_weekday):not(.calendar_saturday) { background-color: #f4f169;}
.blue table tbody tr:nth-child(odd) { background-color: #ffffff; }
.blue table tbody tr:nth-child(even) { background-color: #edfaff;}
.blue .pipit_management_base_color,.blue .pipit_management_base_color li { background-color: #c0e1f9; color: #515A5A; }

/**
 * red color list
 * light-color: #ffefed;
 * middle-color: #f4d1cd;
 * dark-color: #f48f84;
 * false-color: #8bd1e5;
 */
body.red { background-color: #ffefed; }
body.red nav.top-bar, body.red  h1 { background-color: #f4d1cd;  }
body.red div.contents_header { background-color: #f4d1cd; }
body.red .menu_list > a { background-color: #ffefed; }
.red div.contents_main,.red div.regist_contents_main { border: 2px solid #f48f84; background-color: #f4d1cd; }
body.red .selected_menu { background-color: #f48f84 !important; }
.red .selected_menu > a { color: #fff !important; }
.red table td,.red table th { border: 2px solid #f48f84; }
.red table th:not(.calendar_sunday):not(.calendar_weekday):not(.calendar_saturday) { background-color: #8bd1e5;}
.red table tbody tr:nth-child(odd) { background-color: #ffffff; }
.red table tbody tr:nth-child(even) { background-color: #ffefed;}
.red .pipit_management_base_color,.red .pipit_management_base_color li { background-color: #f4d1cd; color: #515A5A; }

/**
 * green color list
 * light-color: #eeffed;
 * middle-color: #d0f4cd;
 * dark-color: #0bbc20;
 * false-color: #f4d1cd;
 */
body.green { background-color: #eeffed; }
body.green nav.top-bar, body.green  h1 { background-color: #d0f4cd;  }
body.green div.contents_header { background-color: #d0f4cd; }
.green div.contents_main,.green div.regist_contents_main { border: 2px solid #0bbc20; background-color: #d0f4cd; }
body.green .menu_list > a { background-color: #eeffed; }
body.green .selected_menu { background-color: #0bbc20 !important; }
.green table td,.green table th { border: 2px solid #0bbc20; }
.green table th:not(.calendar_sunday):not(.calendar_weekday):not(.calendar_saturday) { background-color: #f4d1cd;}
.green table tbody tr:nth-child(odd) { background-color: #ffffff; }
.green table tbody tr:nth-child(even) { background-color: #eeffed;}
.green .pipit_management_base_color,.green .pipit_management_base_color li { background-color: #d0f4cd; color: #515A5A; }

/**************** base color ******************/