/*481px以上タブレット＋PCブラウザ*/
@media screen and (min-width: 481px){

	body{
		font-family:Noto Sans JP;
		color:dimgray;
		letter-spacing: 0.3px;
		height:-webkit-fill-available;
	}

	input[type="submit"],
	input[type="date"],
	input[type="range"],{
		-webkit-appearance: none;
		appearance: none;
		-moz-appearance: none;
	}
	select {
		-webkit-appearance: none;
		/* appearance: none; */
		-moz-appearance: none;
		border-radius: 0px;
	}
	 
	a{
		-webkit-appearance: none;
		appearance: none;
		-moz-appearance: none;
		color:royalblue;
		text-decoration: none;
		outline:0;
	}

	meter{
		-webkit-appearance: none;
		appearance: none;
		-moz-appearance: none;
	}

	a:hover{
		font-weight:700;
		/* outline:0; */
	}
	
	div:hover{
		outline:0;
	}

	input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
	}
	
	input[type="time"]::-webkit-outer-spin-button, 
	input[type="time"]::-webkit-inner-spin-button,
	input[type="date"]::-webkit-inner-spin-button,
	input[type="date"]::-webkit-clear-button,
	input[type="number"]::-webkit-inner-spin-button{ 
	  	-webkit-appearance: none; 
	  	margin: 0; 
	}
	
	input[type="date"],
	input[type="time"]{
		position: relative;
	}
	input[type="date"]::-webkit-calendar-picker-indicator,
	input[type="time"]::-webkit-calendar-picker-indicator {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	input[type="date"]::-webkit-calendar-picker-indicator,
	input[type="time"]::-webkit-calendar-picker-indicator{
		opacity: 0;
	}
	
	input[type="time"] { 
	  	-moz-appearance:textfield; 
	}
	
	input::placeholder{
	  	color: lightgray;
	}
	
	.no-spin::-webkit-inner-spin-button,
	.no-spin::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
		-moz-appearance:textfield;
	}

	input[type="text"]{
		/* -webkit-text-fill-color: dimgray;  */
		opacity: 1; 
	}

	input[type="date"]:focus{
		border-radius:0px;
		outline: 0;
		border:1px solid royalblue;
	}
		
	input[type="text"]:focus{
		border-radius:0px;
		outline: 0;
		border:1px solid royalblue;
	}

	input[type="number"]:focus{
		border-radius:0px;
		outline: 0;
		border:1px solid royalblue;
	}
	
	input[type="time"]:focus{
		border-radius:0px;
		outline: 0;
		border:1px solid royalblue;
	}

	select:focus{
		border-radius:0px;
		outline: 0;
		border:1px solid royalblue;
	}

	input[type="checkbox"] {
		position: relative;
		width: 14px;
		height: 14px;
		/* border: 1px solid #e1e1e1; */
		background-color: white;
		/* background: whitesmoke; */
		vertical-align: -5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	input[type="checkbox"]:checked:before {
		position: absolute;
		top: -2px;
		left: 4px;
		transform: rotate(45deg);
		width: 4px;
		height: 15px;
		border-right: 2px solid dimgray;
		border-bottom: 3.5px solid dimgray;
		content: '';
	}

/* 共通 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
	
	.pc_disp_off,
	.item_disp_off{
		display:none;
	}

	.pc_disp_width{
		width:1020px;
		margin:0 auto;
	}

	.pc_disp_width_rv1100{
		width:1100px;
		margin:0 auto;
	}

	.nickname{
		font-size:14px;
		position:relative;
		top:-36px;
		left:65px;
		letter-spacing: 0.1px;
		color:darkgray;
	}
 
	.nickname_svg{
		font-size:14px;
		position:relative;
		top:-36px;
		left:65px;
		letter-spacing: 0.1px;
		color:darkgray;
	}
	
	.setting_icon{
		width:13px;
		opacity:0.7;
		position:relative;
		left:2.5px;
		top:1px;
	}
 
	.logoutbtn{
		-webkit-appearance: none;
		appearance: none;
		background-color: lavender;
		font-weight: 500;
		letter-spacing: 2px;
		font-size: 16px;
		color:dimgray;
		text-align:left;
	}

	.logoutbtn_position{
		float:right;
		margin:32.5px 5px 0 0 ;
		font-size:11pt;
	}

	.xwidthcsspx{
		font-size:10pt;
		color:#e1e1e1;
	}
	
	.section_header{
		display:flex;
		margin-top:10px;
	}
	
	.section_header_pointer{
		width: 0;
		height: 0;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 10px solid #a7a7a7;
		border-right: 0;
		position:relative;
		top:3px;
	}

	.section_name{
		font-size:16px;
		margin-left:7.5px;
		font-weight:700;
		position:relative;
		top:-1.5px;
	}
	
	.top:hover,
	.portal:hover,
	.deriv_memo:hover,
	.deriv_iput:hover,
	.history:hover,
	.trend:hover,
	.setting:hover,
	#mapx:hover{
		/* transition:0.3s;  */
		/* padding:15px; */
		border:1px solid royalblue;
		background-color: white;
	}
	
	.menulogout:hover{
		/* transition:0.3s;  */
		/* border:0; */
		/* padding:15px; */
		border:1px solid royalblue;
		/* margin-bottom:2.5px; */
		background-color: white;
	}
	
	.fncname{
		position:relative;
		top:-2px;
		left:5px;
		letter-spacing: 0.1px;
	}
	
	li a{
		display: block;
	}

/* Navbar & Navmenu color */
	:root {
		--background-navbar:dimgray;
	}

	.bg_header{
		position: fixed;
		width: 100vw;
		height: 55px;
		background: whitesmoke;
		box-shadow:1px 1px 2px #e1e1e1;
		z-index: 999;
		/* border-bottom:0.75px solid #e1e1e1; */
	}
	  
	.header{
		position: fixed;
		width: 1020px;
		height: 55px;
		top:0;
		z-index: 9999;
		background-color: whitesmoke;
		/* border-bottom:0.75px solid #e1e1e1; */
		box-shadow:1px 1px 2px #e1e1e1;
	}

	.header_rv1100{
		position: fixed;
		width: 1100px;
		height: 55px;
		z-index: 9999;
		background-color: whitesmoke;
	}
  
/* Nav items */
	.menu {
		list-style: none;
		position: absolute;
		width: 200px;
		height: auto;
		top: 0;
		margin: 55px 0;
		clear: both;
		background: whitesmoke;
		transform: scale(1, 0);
		transform-origin: top;
		padding:5px 10px;
		box-shadow:1px 1px 2px #e1e1e1;
	}
  
/* Hamburger menu button */
	.menu-btn:checked ~ .menu {
		transform: scale(1, 1);
		transform-origin: top;

	}

	.menu-btn:checked ~ .right_container {
		display: none;
	}
  
/* Hamburger menbu text */
	.menu a {
		text-decoration: none;
		font-weight: 500;
		letter-spacing: 1px;
		font-size: 14px;
		text-transform: capitalize;
		color: dimgray;
		opacity: 0;
	}
  
	.menu li {
		border-bottom: 1px solid whitesmoke;
		padding: 10px 5px;
		margin: 0 10px;
		opacity: 0;
	}
	
	/* .btmnone{
		border-bottom: none;
	} */
	
	/* .menu_li_pc{
		padding: 10px 0;
		margin: 0 10px;
		opacity: 0;
		border-bottom: none;
	} */
	

  
	.menu-btn:checked ~ .menu a,
	.menu-btn:checked ~ .menu li {
		opacity: 1;
	}
  
	.menu-btn {
		display: none;
	}
  
	.menu-icon {
		display: inline-block;
		position: relative;
		padding: 24px 14px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
  
	.navicon {
		background: #505050;
		display: block;
		height: 4px;
		width: 30px;
		position: relative;
		cursor:pointer;
	}
  
	.navicon:before,
	.navicon:after {
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		background: #505050;
	}
  
	.navicon:before {
		top: 10px;
	}
  
	.navicon:after {
		bottom: 10px;
	}
  
 /* Hamburger Menu Animation Start */
	.menu-btn:checked ~ .menu-icon .navicon:before {
		transform: rotate(-45deg);
	}
  
	.menu-btn:checked ~ .menu-icon .navicon:after {
		transform: rotate(45deg);
	}
  
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
		top: 0;
	}
	
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
		bottom: 0;
	}
  
	.menu-btn:checked ~ .menu-icon .navicon {
		background: rgba(0, 0, 0, 0);
	}
/* Hamburger Menu Animation End */
  
/* Navbar Container */
	.navtext-container {
		width: 100%;
		height: 50px;
		position: absolute;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
	}
  
/* Navbar Text */
	.navtext {
		display:inline-block;
		position: absolute;
		color: #505050;
		font-size: 26px;
		font-weight:700;
		letter-spacing: 1px;
		margin-top:5px;
		font-family: Noto Sans JP;
		cursor:pointer;
	}
	
	.menu_wd{
		position:relative;
		top:5.5px;
		left:-3px;
		dispaly:inline-block;
	}

/* Login.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
	.pc_login_bg{
		background-color:snow;
		width:100vw;
	}
	
	.pc_loginwindow{
		margin:0 auto;
		/* width:100vw; */
		height:100vh;
		background-image: url(/05image/bing_ai_DP.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center top;
	}
	
	.login_form_frame{
		position:relative;
		top:20px;
		left:-220px;
		width:400px;
		height:400px;
		/* background-color:RGB(220,220,220,0.7); */
		margin:0 auto;
	}

	.logo_base{
		width:75px;
		height:75px;
		border-radius:2px;
		background-color:snow;
		border:1px solid #e1e1e1;
	}
	
	.logo_word{
		padding:5px;
		font-family:Noto Sans JP;
		font-size:11.5pt;
		letter-spacing:0.1px;
		font-weight:700;
		color:dimgray;
	}
	
	.logo_crt{
		display:flex;
		align-items:flex-end;
		position:relative;
		top:-26px;
		z-index:1;
	}
	
	.logo_crt_1{
		margin-left:2px;
		width:15px;
		height:15px;
		background-color:#e1e1e1;
	}
	
	.logo_crt_2{
		margin-left:3px;
		width:15px;
		height:25px;
		background-color:#e1e1e1;
	}
	
	.logo_crt_3{
		margin-left:3px;
		width:15px;
		height:35px;
		background-color:#e1e1e1;
	}
	
	.logo_crt_4{
		margin-left:3px;
		width:15px;
		height:45px;
		background-color:#e1e1e1;
	}  
	
	.IDinput{
		width:300px;
		height: 40px;
		font-size:14pt;
		padding:5px 10px;
		border:none;
		border-bottom:1px solid gainsboro;
		background-color:snow;
		color:dimgray;
	}

	.IDinput:focus{
		outline:1px solid royalblue
	}

	.PWinput{
		width:300px;
		height: 40px;
		font-size:14pt;
		padding:5px 10px;
		border:none;
		border-bottom:1px solid gainsboro;
		background-color:snow;
		color:dimgray;
	}
 
	.authbtn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		display       : inline-block;
		border-radius : 2px;         
		font-size     : 12pt;       
		text-align    : center;     
		cursor        : pointer;    
		padding       : 5px 10px;  
		background-color    : royalblue;    
		transition    : .3s;        
		border        : 1px solid lightblue;   
		height		  : 40px;
		width		  : 100px;
	}
	
	.authbtn:hover {
		background-color   :midnightblue;
		border        : 1px solid lightskyblue;
		-webkit-text-fill-color: white;
		font-weight: 700;
	}
	
	.PWforget{
		/* width:95vw; */
		position:relative;
		left:170px;
		font-size:9pt;
		letter-spacing:0.1px;
	}
	
	.PWforget_disp{
		color:snow;
	}
	
	.mail_PW_disp{
		margin-top:20px;
		letter-spacing:0.1px;
		color:#e1e1e1;
		font-weight:700;
		text-shadow: 1px 1px 1px dimgray;
	}
	
	.no_matchIDPW{
		margin-top:20px;
		color:crimson;
		font-weight:700;
		background-color:snow;
		padding:2px 5px;
		width:300px;
	}

	.version_disp{
		color:snow;
		font-size:10pt;
	}

	.exscreen{
		transform: scale(1.5);
		border:0px;
	}
	
	.exscreen_position{
		margin-top:5px;
	}
	
/* result-1-list.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 

	.menu_to_2ndmenu_margin{
		width:1020px;
	}
	
	.menu_list_view{
		display:flex;
		justify-content: space-between;
		width:1000px;
		margin-top:65px;
	}

	.menu_list_view2{
		display:flex;
		justify-content: space-between;
		width:1100px;
		/* margin-top:15px; */
		/* border-top:1px solid #e1e1e1; */
	}

	.side_menu{
		width:200px;
		/* height:600px; */
		border:1px solid lightgray ;
		padding:5px 10px;
		font-size: 11pt;
		/* font-family: Noto Sans JP; */
		margin-bottom:50px;
	}
	
	.monthly_rep{
		border:1px #e1e1e1 solid;
		padding:5px 10px;
		font-size: 14px;
		color:dimgray;
		margin-left:7.5px;
		width:180px;
		/* height:25px; */
	}
	
	.monthly_rep:hover{
		border:1px solid royalblue;
	}
	
	.monthly_rep_item{
		padding:2px 5px;
		font-size: 11pt;
		margin:5px 0;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-family: Noto Sans JP;
	}
		
	.right_container{
	  width:880px;
	  padding:0 0 15px 0;
	  /* margin-top:45px; */
	}

	.section_header_list{
		margin:0 0 0 10px;
		display:flex;
	}


	.right_container2{
		width:880px;
		padding:0 0 15px 0;
	}
	
	.second_header{
		width:795px;
		display:flex;
		justify-content:space-between;
	}
  
	.list-top{
		margin-top:1px;
		border-top:1px #e1e1e1 solid;
		width:880px;
	}
	
	.list-bottom{
		margin:0 0 45px 0;
		border-bottom:1px #e1e1e1 solid;
		width:880px;
	}
  
	.list-container{
		margin-top:1px;
		display:flex;
		font-size:14px;
		display: flex;
	}
	
	.range_btn{
		font-size:10pt;
		color:royalblue;
		position:relative;
		left:4px;
		top:2px;
		font-weight:500;
	}

  	.SEQrange{
		-webkit-text-fill-color: #a9a9a9;
		outline:0;
	}

	.SEQrange_position{
		margin:2.5px 0 0 22.5px;
		font-size:10pt;
	}
	
	.listcnt{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		height:20px;
		position:relative;
		left:5px;
		top:17.5px;
		text-align-last:center;
	}
	
	.listcnt:hover{
		border:1px solid royalblue;
	}

	.sort_btn{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		height:20px;
		position:relative;
		left:10px;
		top:17.5px;
		text-align-last:center;
	}

	.sort_btn:hover{
		border:1px solid royalblue;
	}
	
	.SEQ-block{
		text-align:right;
		line-height: 20px;
		text-align:right;
		font-size:14px;
		padding-right:2.5px;
		width:50px;
		/* background-color:whitesmoke; */
	}

	.list_date_btn{
		/* display:inline-block; */
		letter-spacing:1px;
		text-align:center;
		line-height: 20px;
		background-color:whitesmoke;
		font-size:14px;
		width:105px;
		border:1px solid #e1e1e1;
	}

	.list_date_btn:hover{
		background-color:royalblue;
		border:1px solid royalblue;
		color:snow;
		-webkit-text-fill-color: snow;
	}
	
	.block_start_hour{
		font-size:13px;
		/* margin-left:2px; */
		line-height: 20px;
		letter-spacing:0.1px;
		width:85px;
		padding-left:1px;
		/* background-color:whitesmoke; */
	}
	
	.dest_pkg_value{
		font-weight:600;
		line-height: 20px;
		width:120px;
		padding-left:1px;
		/* background-color:whitesmoke; */
	}

	.footer{
		position:fixed;
		bottom:0;
		/* opacity:0.9; */
		/* background-color:whitesmoke; */
		/* width:1100px; */
		/* box-shadow:0 1px 4px #e1e1e1; */
		z-index:9999;
		height:45px;
	}

	.footer_container{
		display:flex;
		/* width:880px; */
		height:45px;
		/* background-color:white; */
		margin-left:200px;
	}
  
	.footer_left_arrow{
		position:relative;
		top:3px;
		/* left:15px; */
		width:30px;
	}
  
	.footer_right_arrow{
		position:relative;
		top:3px;
		/* left:-15px; */
		width:30px;
	}

	.arrow-left-mini{
		border: 0;
		border-top: solid 3px royalblue;
		border-left: solid 3px royalblue;
		display: inline-block;
		transform: rotate(-45deg);
		width: 12px;
		height: 12px;
		background-color: transparent;
		margin:7.5px;
	}
	
	.arrow-right-mini{
		border: 0;
		border-top: solid 3px royalblue;
		border-right: solid 3px royalblue;
		display: inline-block;
		transform: rotate(45deg);
		width: 12px;
		height: 12px;
		background-color: transparent;
		margin:7.5px;
	}

	.arrow-left-mini-disabled{
		border: 0;
		border-top: solid 3px royalblue;
		border-left: solid 3px royalblue;
		display: inline-block;
		transform: rotate(-45deg);
		width: 12px;
		height: 12px;
		background-color: transparent;
		margin:7.5px 0 0 7.5px;
		border-top-color:gainsboro;
		border-left-color:gainsboro;
	  }
	
	.arrow-right-mini-disabled{
		border: 0;
		border-top: solid 3px royalblue;
		border-right: solid 3px royalblue;
		display: inline-block;
		transform: rotate(45deg);
		width: 12px;
		height: 12px;
		background-color: transparent;
		margin:7.5px 0 0 7.5px;
		border-top-color:gainsboro;
		border-right-color:gainsboro;
	}

	.scroll-nav{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin:2px 5px;
		font-size:14px;
		height:40px;
	}
  
	.scroll-nav::-webkit-scrollbar {
		display:none;
	}

	.scroll_nav_area{
		height:40px;
		width:840px;
		padding:2.5px;
		display:flex;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.scroll_nav_area::-webkit-scrollbar {
		height:7.5px;
		width:30px;
	}
	
	
	.scroll_nav_area::-webkit-scrollbar-track {
		background-color:white;
	}
	
	.scroll_nav_area::-webkit-scrollbar-thumb {
		background-color: rgba(168, 168, 168,1);
		border-radius: 1px;
	}

	.scroll_nav_nowpage{
		font-size:14px;
		margin:0 5px;
		width:30px;
		height:26px;
		display:block;
		/* background-color:snow; */
		border-bottom:2px solid dimgray;
		color:dimgray;
		font-weight:700;
		text-align:center;
		padding:2px 7px 1px 7px;
		/* position:relative; */
		/* z-index:100; */
		/* border-top:1px solid darkgray;
		border-right:1px solid darkgray;
		border-left:1px solid darkgray; */
	}

	.scroll_nav_openpage{
		font-size:14px;
		margin:0 5px;
		width:30px;
		display: inline-block;
		background-color:snow;
		border:1px solid #e1e1e1;
		text-align:center;
		padding:2px 5px;
	}

	.scroll_nav_openpage_disabled{
		margin:0 7px;
		width:30px;
		display: inline-block;
		/* background-color:snow; */
		text-align:center;
		padding:2px 5px;
	}

	.scroll_nav_openpage:hover{
		background-color:royalblue;
		border:1px solid royalblue;
		color:snow;
		font-weight:500;
	}

	.dest_pkg_value_rv{
		margin-left:2.5px;
		width:70px;
		padding:2px;
		font-weight:600;
	}

	.dest_pkg_value_unit,
	.fs9fw400{
		font-size:13px;
		font-weight:400;
	}
		
	.comment_63over{
		font-size:9pt;
		color:crimson;
		font-weight:700;
		letter-spacing:0.3px;
		float:right;
		/* background-color:white; */
		z-index:0;
		padding:2px;
		/* margin:2px 0 0 0 ; */
		position:relative;
		left:15px;
	}

	.side_menu_btn{
		width:180px;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		height:30px;
		padding:3.25px 10px;
		margin-top:10px;
	}

	.side_menu_btn:hover{
		border:1px solid royalblue;
	}

	.bookmark_list_view{
		width:12.5px;
		height:17.5px;
		position:relative;
		left:-20px;
		opacity:0.6;
		transition:transform 0.5s;
	}
	
	.bookmark_list_view:hover{
		transform: rotate(360deg);
		opacity:1;
	}

	.bookmark_list_viewx{
		position:relative;
		left:-17.5px;
	}

	.pkgperhour{
		font-size:11pt;
		margin-left:50px;
		font-weight: 700;
		padding-left:1px;
	}

	/* .dest_pkghour_award{
		display:flex;
		font-size:11pt;
		margin-left:1px;
		padding:2px;
	} */

	.comment_area{
		margin:1px 0 0 50px;
		/* display:flex; */
		border-bottom:1px dashed gainsboro;
		border-top:1px dashed gainsboro;
		width:735px;
	}
 
	.comment_area_inner{
		font-family:Noto Sans JP;
		/* width:790px; */
		height:60px;
		padding:2px;
		letter-spacing:0.1px;
		font-size:10pt;
		position:relative;
		left:-15px;
		white-space:pre-wrap;
		overflow: hidden;
	}

	.comment_area_km2pinratio{
		font-family:Noto Sans JP;
		margin:1px 0 1px 0;
		height:58px;
		padding:17px 7.5px;
		font-size:9pt;
		left:-15px;
		width:72.5px;
		border:1px solid #e9e9e9;
		border-radius:1px;
	}

	.dest_area{
		margin:2.5px 0 2.5px 50px;
		padding:1px;
		font-size:13px;
		/* letter-spacing:0.1px; */
		display:flex;
		line-height:20px;
	}

	.dest_area_pin{
		width:15px;
		height:15px;
		position:relative;
		top:2.5px;
		opacity:0.8;
	}
  
	.dest_area_pin_town{
		font-size:9pt;
		letter-spacing:-0.5px;
	}

	.P_pkg_list{
		width:40px;
		height:18px;
		background-color:lightskyblue;
		border-radius:1px;
		padding:0 5px;
		text-align:center;
		color:snow;
		font-size:10pt;
		margin-left:2.5x;
	}
	
	.P_pkg_position{
		position:relative;
		top:2.5px;
		left:7.5px;
	}

	.chkmark_list{
		content: '';
		width: 10px;
		height: 5px;
		border-left: 2px solid azure;
		border-bottom: 2px solid azure;
		transform: rotate(-45deg);
		position:relative;
		top:-10px;
		left:1.5px;
	}
	
	.chkframe_list{
		width:14px;
		height:14px;
		background-color:rgb(106, 182, 228);
		border-radius:1px;
	}
	
	.KPI_disp{
		font-weight:600;
		line-height:20px;
		width:100px;
		/* background-color:whitesmoke; */
		padding-left:1px;
	}

	.pkgreward_disp{
		font-weight:600;
		line-height:20px;
		width:95px;
		/* background-color:whitesmoke; */
		padding-left:1px;
	}

	.nokori_disp{
		font-weight:600;
		line-height:20px;
		width:65px;
		/* background-color:whitesmoke; */
		padding-left:1px;
	}

	.NR_list_disp{
		line-height:20px;
		width:30px;
		/* background-color:whitesmoke; */
		padding-left:1px;
	}

	/* .w60{
		width:60px;
	}    */
	 
	.search_dest{
		height:30px;
		width:150px;
		border-bottom:1px solid lightgray;
		background-color:snow;
		color:dimgray;
		font-size:10pt;
		padding:2px 5px;
	}

	.cnt_record{
		width:60px;
		color:dimgray;
		padding-left:2px;
	}

	.routetodest_list{
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 7.5px solid lightgray;
		border-right: 0;
		position:relative;
		top:5px;
		left:5px;
	}

	.pincenter_list{
		width:5px;
		height:5px;
		border-radius:50%;
		background-color:snow;
		position:relative;
		top:6px;
		/* left:12.5px; */
		z-index:100;
	}

	.cp_ipselect{
		position: relative;
		display: flex;
		align-items: center;
		margin: 2em auto;
		border: 1px solid #bbbbbb;
		border-radius: 1px;
	}
	
	/*プルダウンの三角を設定*/
	.cp_ipselect::before {
		position: absolute;
		right: 15px;
		content: '';
		width: 16px;
		height: 8px;
		background: #666666;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.cp_ipselect select {
		width: 100%;
		padding: 10px 45px 10px 10px;
		color: #666666;
		cursor: pointer;
		text-overflow: ellipsis;/*テキストがオーバーしたら'...'で省略*/
		z-index: 1;
		/* 標準のスタイルを無効にする */
		border: none;
		appearance: none;
		outline: none;
		background: transparent;
	}


/* contents1.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	.menu_list_view_contents1{
		display:flex;
		justify-content: space-between;
		width:1000px;
	}

	.side_menu_contents1{
		width:200px;
		/* background-color:whitesmoke; */
		padding:5px 10px;
		border:1px solid #e1e1e1;
	}

	.right_container_contents1{
	  width:800px;
	  padding:0 0 0 10px;
	}

	.near_search_btn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		display       : inline-block;
		border-radius : 1px;         
		font-size     : 10pt;       
		text-align    : center;     
		cursor        : pointer;    
		padding       : 2px 5px;  
		background-color:royalblue;      
		height		  : 24px;
		width		  : 60px;
	}
	
	.near_search_btn:hover{ 
		background-color    : midnightblue;
	}
	
	.deriv_date_area{
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		line-height:18px;
		height:26px;
		font-size:14px;
		color:royalblue;
		-webkit-text-fill-color: royalblue;
		letter-spacing:1px;
		text-align:center;
		padding:1.5px 5px;
	}

	.deriv_date_area:hover{
		background-color:royalblue;
		-webkit-text-fill-color: snow;
		border:1px solid royalblue;
		cursor:pointer;
	}

  	.weekday{
		font-size:10pt;
		line-height:18px;
		height:25px;
		vertical-align:middle;
		padding:2.5px;
  	}
  
  	/* .deriv_cnt_area{
	  position:relative;
	  font-size:10pt;
	  color:dimgray;
	  left:120px;
	  top:-5px;
  	} */

	.deriv_cnt_area{
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		color:gray;
		font-size:10pt;
		margin-left:2.5px;
		width:25px;
		padding:2px 3px;
		height:26px;
	}
  
	.dest_cnt_table{
		margin:0 10px 0 20px;
		width:780px;
	}
  
  	.th_col1{
		width:120px;
		text-align:left;
		font-weight:500;
		font-size:10pt;
  	}
  
  	.th_col2,.th_col3{
		font-size:10pt;
		width:65px;
		text-align:right;
		font-weight:500;
  	}
  
  	.th_col4{
  	}
  
  	.td_row1{
		font-size:10pt;
		height:16px;
  	}
  
  	.BG_OV_detail{
		font-size:11pt;
		padding:0 10px;
		font-weight:700;
  	}
  
  	.BG_OV_disp{
		font-size:9pt;
		letter-spacing:0.1px;
		font-weight:400;
  	}
  
	.td_comp_rate{
		padding:0 10px;
		font-weight:700;
		font-size:11pt;
		letter-spacing:0.1px;
		display:flex;
	}
  
  	.upper_line1{
		width:780px;
		border-top:1px solid #e1e1e1;
		position:relative;
		top:-85px;
  	}

  	.upper_line2{
		width:780px;
		border-top:1px solid #e1e1e1;
		position:relative;
		top:-56px;
  	}
  
  	.bottom_line{
		width:780px;
		border-bottom:1px solid #e1e1e1;
		position:relative;
		top:-3px;
  	}

	.bottom_line_dashed{
		width:780px;
		border-bottom:1px dashed #e1e1e1;
		position:relative;
		top:-3px;
	}
  
  	.RTS_detail_disp{
		display:flex;
		margin-left:5px;
		/* justify-content:right; */
		/* width:750px; */
  	}
	  
	.RTS_table{
		margin-left:20px;
		border-bottom:1px solid #e1e1e1;
		position:relative;
		top:-2px;
		width:780px;
	}

	.RTS_table_th1{
		width:187px;
		font-size:10pt;
		letter-spacing:0.1px
	}

	.RTS_table_th2{
		width:65px;
		font-size:10pt;
		text-align:right;
	}
	
  	.RTSno_deriv{
		background-color:crimson;
		color:snow;
		padding:2.5px 5px;
		border-radius:2px;
		/* letter-spacing: 0.1px; */
		font-size:9.5pt;
		line-height:18px;
  	}

  	.RTS_deriv{
		/* margin-left:1px; */
		background-color:aquamarine;
		color:dimgray;
		padding:2px 5px;
		border-radius:1px;
		/* letter-spacing: 0.1px; */
		font-size:10pt;
		line-height:16px;
  	}

  	.deriv_area_STmovetime{
		width:780px;
		margin:5px 0 0 18px;
		font-size:10pt;
		letter-spacing: 0.1px;
  	}
  
  	.td_ST{
		padding:2px 5px;
		background-color:#e1e1e1;
		width:90px;
		text-align:center;
  	}
  
  	.td_Moveonly,.td_wait_move{
		padding:2px 5px;
		background-color:#e1e1e1;
		width:90px;
		text-align:center;
  	}
  
  	.td_deriv_time{
		padding:2px 5px;
		background-color:#e1e1e1;
		width:530px;
		text-align:center;
  	}
  
  	.td_ST_starttime,.td_ST_movetime,.td_movetime{
		padding:2px 5px;
		text-align:center;
		font-weight:700;
		font-size:12pt;
		/* border-bottom:1px solid #e1e1e1; */
  	}

	.deriv_time_detail{
		margin:10px 0 0 2px;
		font-size:12px;
		background-color: rgba(255,255,255,0.8);
		padding:5px 2px 15px 2px;
		border:1px solid #e1e1e1;
		font-family:Noto sans JP;
	}
	 
	.start_end_marker{
		width:67.5px;
		border-radius:1px;
		border:1px solid #e1e1e1;
		font-size:8pt;
		font-weight:300;
		/* text-align:center; */
		position:relative;
		/* left:-2.5px; */
		top:1px;
		padding:0 2.5px;
		margin:2px;
	}

	.td_start_end_marker{
		width:67.5px;
		border:1px solid #e1e1e1;
		font-size:9pt;
		/* font-weight:300; */
		padding:2px 5px;
	}
	
	
	
	.fs12fw700{
		font-weight:700;
		font-size:12pt;
	}
    .fw700{
		font-weight:700;
	}
	
  	.run_avg_avgkm{
		margin:5px 0 0 18px;
		display:flex;
		width:780px;
		/* flex-wrap:wrap; */
  	}
  
	.km_run,
	.P_pkg_ratio,
	.miss_deriv_ratio,
	.NoRTS_ratio{
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		border-bottom:none;
		width:260px;
		font-size:10pt;
		letter-spacing:0.1px;
		text-align:center;
		height:25px;
		padding:2.5px 5px;
	}
  
	.km_run_disp{
		border:#e1e1e1 solid 1px;
		border-top:none;
		width:260px;
		letter-spacing:0.1px;
		text-align:center;
		height:50px;
		padding:10px;
		font-size:16pt;
		font-weight:700;
	}

	.km_run_ex_disp{
		border:#e1e1e1 solid 1px;
		border-top:none;
		width:260px;
		letter-spacing:0.1px;
		text-align:center;
		height:50px;
		padding:2.5px;
		font-size:15pt;
		font-weight:700;
	}
  
  	.KPI,
  	.reward_disp,
  	.total_KPI{
		margin-left:18px;
		display:flex;
		width:780px;
		/* flex-wrap:wrap; */
  	}
  
  	.onedest_min_title,
  	.onehour_pkg_title,
  	.reward_today_title,
  	.reward_today_unit_title{
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		border-bottom:none;
		width:260px;
		font-size:10pt;
		letter-spacing:0.1px;
		text-align:center;
		height:25px;
		padding:3.5px;
  	}
  
	.past30onedest_min_avg,
	.past30onehour_pkg_avg,
	.past30pinperkm_avg{
		display:inline-block;
		background-color:snow;
		border:0.75px solid #e1e1e1;
		padding:0px 5px;
		border-radius:1px;
		font-size:9pt;
		font-weight:300;
		position:relative;
		top:-2px;
  	}
  
  	.reward_today_disp,
  	.reward_today_unit_disp{
		border:#e1e1e1 solid 1px;
		border-top:none;
		width:260px;
		letter-spacing:0.1px;
		text-align:center;
		height:40px;
		padding:8px;
		font-size:16pt;
		font-weight:700;
  	}

	.reward_today_ex_disp{
		border:#e1e1e1 solid 1px;
		/* border-top:none; */
		/* width:400px; */
		/* letter-spacing:0.1px; */
		/* text-align:center; */
		height:70px;
		padding:5px;
		font-size:10pt;
		/* font-weight:700; */
	}

	.progress_disp{
		border:#e1e1e1 solid 1px;
		border-top:none;
		width:260px;
		letter-spacing:0.1px;
		/* text-align:center; */
		padding:5px;
		font-size:14pt;
		font-weight:700;
		font-family:Noto Sans JP;
		height:80px;
	}

	.onedest_min_disp,
	.onehour_pkg_disp{
		border:#e1e1e1 solid 1px;
		border-top:none;
		width:260px;
		letter-spacing:0.1px;
		text-align:center;
		height:80px;
		padding:20px;
		font-size:16pt;
		font-weight:700;
	}

  
  	.onedest_min_icon,
  	.onehour_pkg_icon{
		font-size:12pt;
  	}
  	
	.run_icon{
		font-size:10.5pt;
	}
	
  	.comment_area_detail{
		border:1px solid #e1e1e1;
		margin:1px 0 0 20px;
		width:780px;
		padding:5px 10px 25px 10px;
		font-size:10.5pt;
		white-space:pre-wrap;
		letter-spacing:0.1px;
  	}

	.comment_area_rv_detail{
		border:1px solid #e1e1e1;
		margin:1px 0 0 20px;
		width:780px;
		height:100px;
		padding:5px 10px 25px 10px;
		font-size:10.5pt;
		white-space:pre-wrap;
		letter-spacing:0.1px;
		color:dimgray;
		overflow-y: hidden;
	}
	
	.comment_area_rv_detail_len0{
		visibility:hidden;
		height:5px;
	}

	.comment_area_rv_detail:focus{
		outline:none;
		border:1px solid royalblue;
	}

	.edit_btn{
		margin-left:5px;
	}
  
  	.P_pkg_ratio_disp,
  	.miss_deriv_ratio_disp,
  	.NoRTS_ratio_disp{
		border:#e1e1e1 solid 1px;
		border-top:none;
		width:260px;
		letter-spacing:0.1px;
		text-align:center;
		height:100px;
		padding:15px;
		font-size:16pt;
		font-weight:700;
  	}
  
  	.P_pkg_ratio_disp_detail,
  	.miss_deriv_ratio_disp_detail,
  	.NoRTS_ratio_disp_detail{
		font-weight:400;
		font-size:9pt;
		margin-top:5px;
  	}
  
	.per_disp{
		display:inline-block;
		width:65px;
		border-bottom:1px solid darkgray;
		padding-bottom:1px
	}

	.bg_footer{
		position: fixed;
		bottom:0;
		height:40px;
		width: 100vw;
		background-color:snow;
		opacity:0.8;
		z-index: 1;
		border-top:0.75px solid #e1e1e1;
	}
  
	.detail_footer{
		position:fixed;
		bottom:0;
		width:1020px;
		height:40px;
		opacity:0.8;
		background-color:snow;
		z-index:100;
		border-top:0.75px solid #e1e1e1;
	}
  
  	.detail_footer_inner{
		display:flex;
		justify-content:center;
		margin-top:2.5px;
  	}
  
  	.prevSEQ_cell,
  	.fwdSEQ_cell{
		padding:3px;
		width:40px;
		text-align:center;
		font-size:11pt;
  	}

	.SEQ_disp{
		width:125px;
		text-align: center;
		font-size:12pt;
		font-weight:700;
	}  

	.icon_position{
		position:relative;
		top:-2px;
	}
		
	.Rescue{
		display:inline-block;
		width:200px;
		line-height:18px;
		background-color:deeppink;
		/* border-radius:1px; */
		padding:2.5px 10px;
		/* text-align:center; */
		color:snow;
		font-size:14px;
		letter-spacing: 0.1px;
		vertical-align:middle;
		/* margin-left:2.5px;
		height:25px; */
	}

	.NoRoot{
		display:inline-block;
		width:200px;
		line-height:18px;
		background-color:darkturquoise;
		/* border-radius:1px; */
		padding:2.5px 10px;
		/* text-align:center; */
		color:snow;
		font-size:14px;
		letter-spacing: 0.1px;
		/* vertical-align:middle; */
		/* margin-left:2.5px;
		height:25px; */
	}

	.P_pkg{
		display:inline-block;
		width:65px;
		line-height:18px;
		background-color:lightskyblue;
		border-radius:1px;
		padding:3px 8px;
		text-align:center;
		color:snow;
		font-size:10.5pt;
		vertical-align:middle;
		margin-left:2.5px;
		height:26px;
		/* position:relative; */
		/* top:-1px; */
	}

	.P_pkg_continue{
		display:inline-block;
		line-height:15px;
		vertical-align:middle;
		position:relative;
		background-color:snow;
		color:steelblue;
		padding:0 2.5px;
		font-size:9pt;
		top:-1.5px;
		left:2.5px;
		border-radius:1px;
		width:17.5px;
	}
	
	.P_pkg_chkmark{
		display:flex;
		line-height:18px;
		border:1px solid rgb(106, 182, 228);
		background-color:whitesmoke;
		border-radius:1px;
		padding:2.5px 5px;
		vertical-align:middle;
		margin-left:2.5px;
		height:26px;
		width:50px;
	}

	.P_pkg_continue_chkmark{
		position:relative;
		left:2.5px;
		top:0.5px;
		/* background-color:rgb(106, 182, 228);
		color:azure; */
		/* background-color:azure; */
		color:rgb(106, 182, 228);
		font-size:10pt;
		width:17.5px;
		height:17.5px;
		text-align:center;
	}

	.workday_continue_blk{
		display:flex;
		line-height:18px;
		border:1px solid steelblue;
		background-color:whitesmoke;
		border-radius:1px;
		padding:2px 5px;
		vertical-align:middle;
		margin-left:2.5px;
		height:26px;
		font-size:14px;
	}
	
	.bookmark{
		width:15px;
		height:20px;
		position:relative;
		top:2.5px;
		margin-left:2.5px;
		opacity:0.75;
	}

	.deriv_area_townname{
		display:inline-block;
		letter-spacing:0.1px;
		font-size:9pt;
		font-family:Noto sans JP;
		width:100px;
		vertical-align:middle;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
    
	.deriv_area_count{
		display:inline-block;
		padding:0.5px 2px;
		color:gray;
		letter-spacing:0.1px;
		vertical-align:middle;
		font-size:9pt;
		border-radius:1px;
		position:relative;
		top:-1px;
		font-family:Noto sans JP;
		width:27.5px;
		/* border:1px solid; */
		text-align:right
	}

	.deriv_area_xratio{
		display:inline-block;
		padding:0.5px 2px;
		color:gray;
		letter-spacing:0.1px;
		vertical-align:middle;
		font-size:9pt;
		border-radius:1px;
		position:relative;
		top:-1px;
		font-family:Noto sans JP;
		text-align:right;
	}
	
	.deriv_area_container_outline{
		/* width:190px; */
		z-index:13;
		position:relative;
		margin:0 0 0 20px;
		display: flex;
		
	}
	
	.deriv_area_container{
		margin-left:2.5px;
		z-index:12;
		width:185px;
		/* height:475px; */
		position:relative;
		overflow-y: auto;
		padding:2px 5px 15px 0;
		background-color:rgba(255,255,266,0.75);
		/* border:1px solid; */
		box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.5);
	}
	
	.deriv_area_container::-webkit-scrollbar {
		width:5px;
		display:none;
	}
	
	.deriv_area_container::-webkit-scrollbar-track {
		background-color:snow;
		/* opacity:0.5; */
	}
	
	.deriv_area_container::-webkit-scrollbar-thumb {
		background-color: rgba(168, 168, 168,0.75);
		border-radius: 1px;
	}
	
	.deriv_area_container:hover{
		background-color:white;
		box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.5);
		/* outline:0.5px solid skyblue; */
	}
	

	.deriv_area_container_left{
		position:relative;
		z-index:10;
	}
  
  	.deriv_area_block{
		margin:2px 0 0 2px;
		background-color:rgba(255,255,255,0.75);
		border-radius:1px;
		padding:2.5px 5px;
		font-size:10pt;
		color:royalblue;
		letter-spacing:0.1px;
		cursor:pointer;
		/* opacity:0.8; */
		border:1px solid #e1e1e1;
		border-radius:1px;
		display:flex;
		justify-content: space-between;
	}


	/* .deriv_area_block_prime{
	}

	.deriv_area_block_prime_detail{
	} */
		
	.map_area{
		margin-left:-205px;
		z-index:10;
		position:relative;
		
	}
  
	.map_view{
		width:780px;
		height:525px;
		resize: vertical;
		overflow: hidden;
	}

	.no_map_view{
		margin:22px 0 0 5px;
		width:595px;
		border:1px dashed #e1e1e1;
		padding:10px;
		font-size:10pt;
	}
  
	.RTS{
		display:inline-block;
		width:50px;
		line-height: 18px;
		background-color:orange;
		border-radius:2px;
		padding:0 5px;
		text-align:left;
		color:snow;
		position:relative;
		left:-15px;
		font-size:10pt;
		vertical-align:middle;
	}

  	.RTSGT{
		display:inline-block;
		width:15px;
		height:15px;
		line-height: 15px;
		text-align:center;
		color:dimgray;
		font-size:8pt;
		position:relative;
		left:3px;
  	}
	  
	
	/* .fs9fw400{
		font-size:9pt;
		font-weight:400;
		olor:dimgray;
	} */
 
 	.sidemenu_search_item_disp{
		margin-top:10px;
		font-size:10pt;
		padding:2px 5px 10px 5px;
		border-top:1px solid #e9e9e9;
		border-bottom:1px solid #e9e9e9;
	}
 
 	.sidemenu_search_item1,
	.sidemenu_search_item2{
		margin-top:5px;
		display:flex;
	}
    
	.sidemenu_search_item_input{
		color:dimgray;
		width:35px;
		text-align:center;
		border-bottom:1px solid #e9e9e9;
	}

	.sidemenu_search_item_input:focus{
		outline:1px solid royalblue;
		border-radius:0px;
	}
 
 	.sidemenu_search_item_chklbl{
		position:relative;
		left:3px;
		top:2.5px;
		cursor:pointer;
	}
	
	.near_search_btn_position{
		margin-top:5px;
		text-align:center;
	}
 
 	.chkbox_disp{
		border:1px solid gainsboro;
	}
 
 	.search_result_area{
		margin-top:5px;
		font-size:10.5pt;
		padding:2px 5px;
		/* width:95%; */
		font-family:Noto Sans JP;
		border-top:1px solid whitesmoke;
		cursor:pointer;
		color:dimgray;
	}

	.search_result_area:hover{
		background-color:whitesmoke;
		box-shadow:inset 0px 0px 10px 0px rgba(128, 128, 128, 0.5);
	}
 
 	.search_item_bottom{
		margin-top:5px;
		/* width:95%; */
		border-bottom:1px solid whitesmoke;
	}
 
 	.search_item_no_record{
		margin:5px 5px 10px 5px;
		padding:2px 5px;
		font-size:9.5pt;
		color:darkgray;
	}

	.BLK_disp{
		font-size:9pt;
		/* background-color:azure; */
		color:gray;
		padding:1px 2.5px;
		/* width:55px; */
		/* border:1px solid lightgray; */
		/* letter-spacing:-0.5px; */
		/* text-align:center; */
		margin-left:2px;
		font-weight:300;
	}

	/* .route_disp{
		font-size:10pt;
		background-color:lightblue;
		color:darkgray;
		padding:0.5px 2.5px;
		width:55px;
		text-align:center;
		margin-left:5px;
		border-radius:2px;
	}  */

	.personal_menu{
		/* position: fixed; */
		width:110px;
		height:75px;
		background-color:whitesmoke;
		position:relative;
		left:5px;
		top:1.5px;
		padding:5px 10px;
		box-shadow:1px 1px 2px #e1e1e1;
		display:none;
		z-index:1;
		border-top:1px solid #e1e1e1;
	}

	.closebtn_c1{
		cursor:pointer;
		position:relative;
		left:97.5px;
		display:none;
		z-index:2;
	}
	
	.personal_menu_item{
		margin:2.5px 0 5px 0 ;
		padding:5px 7.5px;
		/* border-top:1px solid lightgray; */
		border-bottom:1px solid lightgray;
		font-size:10pt;
	}
	
	.justzero{
		position: relative;
		background-color: snow;
		border-radius: 1px;
		color: royalblue;
		border:1px solid royalblue;
		font-size: 13.5px;
		padding: 1.5px 3px;
		/* opacity:0.9; */
		position:relative;
		top:-7.5px;	
	}

	.justzero:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7.5px;
		border: 7.5px solid transparent;
		border-top: 7.5px solid royalblue;
		opacity:0.8;
	}

	.justzero_NR{
		position: relative;
		background-color: snow;
		border-radius: 1px;
		color: lightseagreen;
		border:1px solid lightseagreen;
		font-size: 13.5px;
		padding: 1.5px 3px;
		/* opacity:0.9; */
		position:relative;
		top:-7.5px;	
	}
	
	.justzero_NR:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7.5px;
		border: 7.5px solid transparent;
		border-top: 7.5px solid lightseagreen;
		opacity:0.8;
	}

	.justzero_RC{
		position: relative;
		background-color: snow;
		border-radius: 1px;
		color: deeppink;
		border:1px solid deeppink;
		font-size: 13.5px;
		padding: 1.5px 3px;
		/* opacity:0.9; */
		position:relative;
		top:-7.5px;	
	}
	
	.justzero_RC:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7.5px;
		border: 7.5px solid transparent;
		border-top: 7.5px solid deeppink;
		opacity:0.8;
	}

	.deriv_start_icon{
		padding:0.5px 4.5px;
		background-color: rgba(255,249,249,1);
		border-radius:1px;
		color: dimgray;
		text-align: center;
		font-size:13.5px;
		border:2px solid gray;
		z-index:999;
		cursor:pointer;
	}
	
	.deriv_start_icon:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7.5px;
		border: 7.5px solid transparent;
		border-top: 7.5px solid gray;
		/* opacity:0.9; */
	}

	.deriv_end_icon{
		padding:2px 5px;
		background-color: slategray;
		border-radius:1px;
		color: snow;
		text-align: center;
		font-size:9pt;
		opacity:0.9;
		border:1px solid slategray;
		z-index:999;
		position:relative;
		top:-7.5px;
	}

	.deriv_end_icon:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7.5px;
		border: 7.5px solid transparent;
		border-top: 7.5px solid slategray;
		opacity:0.9;
	}
	
	.progress_result{
		margin-left:5px;
		border:1px solid royalblue;
		padding:1px 2.5px;
		font-size:10pt;
		font-weight:400;
	}
	
	.tri-down-pregress-result{
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 25px solid transparent;
		border-left: 25px solid transparent;
		border-top: 10px solid gainsboro;
		border-bottom: 0;
		margin:5px 0 0 25px;
	}

	.max_icon{
		width:10px;
		height:10px;
		background-color: gainsboro;
		border:2px solid;
		border-radius:50%;
	}

	.progress_time{
		color:snow;
		background-color:royalblue;
		border-radius:1px;
		padding:1px 5px;
		margin-right:2.5px;
		position:relative;
		top:-1.5px;
		font-weight:200;
	}

	.deriv_events_regist{
		color:snow;
		background-color:royalblue;
		border-radius:50%;
		padding:1px;
		width:20px;
		height:20px;
		border:1px solid snow;
	}

	.latlng_disp_position{
		display:flex;
		font-size:10pt;
		margin:5px 0 0 20px;
		display:none;
		
	}
	
	.deriv_events_title{
		background-color:#e9e9e9;
		padding:2px 5px;
		border-radius:1px 1px 0 0;
		font-size:9pt;
		width:160px;
	}
	
	.deriv_events_input_window{
		padding:5px 5px 10px 5px;
		border:1px solid #e1e1e1;
		width:450px;
		box-shadow:1px 1px 2px #e1e1e1; 
	}

	.deriv_events_regist_type{
		color:royalblue;
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		border-radius:1px;
		padding:1px 5px;
		font-size:10pt;
		text-align-last: center;
		margin:5px 0 0 2.5px;
		width:75px;
		height:22px;
	}
	
	.events_dtl{
		width:300px;
		height:50px;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		font-size:10pt;
		margin-top:2.5px;
		color:dimgray;
	}

	.events_dtl:focus{
		border:0;
		outline:1px solid royalblue;
		border-radius:0;
	}

	.events_regist_btn{
		color:snow;
		-webkit-text-fill-color: snow; 
		background-color:royalblue;
		border-radius:1px;
		padding:1px 5px;
		position:relative;
		top:30px;
		left:5px;
		width:50px;
		height:22px;
	}
	
	.other_reward{
		width:75px;
		padding:2px 5px;
		margin-left:15px;
		color:dimgray;
		border:1px solid #e1e1e1;
		font-size:11.5pt;
		text-align:right;
	}

	.other_reward:focus{
		border:0;
		outline:1px solid royalblue;
		border-radius:0;
	}

	.closebtn_deriv_events{
		float:right;
		cursor:pointer;
	}
	
	.closebtn_deriv_events:hover{
		transform:scale(1.1);
	}

	.strlen_deriv_events{
		/* margin-left:15px; */
		font-size:9pt;
		color:crimson;
	}

	.deriv_events_infowindow{
		padding:2px 5px;
		background-color:#e9e9e9;
		border-radius:1px 1px 0 0;
		width:65px;
		font-size:10pt;
		margin-left:1px;
	}

	.deriv_events_infowindow_content{
		padding:2px 5px;
		width:195px;
		height:50px;
		margin:0 1px 0 1px;
		/* overflow-y:auto; */
		border:1px solid #e9e9e9;
		font-size:10pt;
		color:dimgray;
		resize: none;
	}
	
	.deriv_events_infowindow_content:focus{
		outline:1px solid royalblue;
		border-radius:0;
	}
	
	.ev_del{
		border: 1px solid crimson;
		position:relative;
		transform: scale(1.1);
		margin-left:2px;
		top:-2.5px;
	}
	
	.ev_del_lbl{
		margin-left:2.5px;
	}
	
	.ev_update_btn{
		margin-top    :1px;
		border-radius : 1px;     
		font-size     : 10pt;     
		text-align    : center;    
		padding       : 1px 5px;   
		background    : royalblue;
		-webkit-text-fill-color: snow; 
		color         :snow; 
	}

	.route_position{
		font-size:10pt;
		position:relative;
		padding:0 2.5px;
		text-align:center;
		z-index:14;
		cursor:pointer;
		margin:1px 0 0 2px;
	}
	
	.route_disp{
		padding:1px 7.5px;
		background-color:rgb(63,104,224,0.9);
		color:snow;
		-webkit-text-fill-color: snow; 
		border-radius:1px;
		font-weight:200;
		border:none;
	}

	.Rescue_inmap{
		padding:1px 7.5px;
		background-color:rgb(255,20,147,0.9);
		color:snow;
		-webkit-text-fill-color: snow; 
		border-radius:1px;
		font-weight:200;
		border:none;
	}

	.NoRoute_inmap{
		padding:1px 7.5px;
		background-color:rgb(32,178,170,0.9);
		color:snow;
		-webkit-text-fill-color: snow; 
		border-radius:1px;
		font-weight:200;
		border:none;
	}
	

	.route_disp_cp{
		padding:0 5px;
		background-color:rgb(237, 237, 237);
		color:lightslategray;
		margin-left:2px;
		font-size:9pt;
		border-radius:1px;
	}
	
	.reward_td{
		padding:2px 5px;
		font-weight:600;
		font-size:12pt;
		text-align:right;
	}
	
	.col_caption{
		padding:2px 5px;
		font-size:10pt;
	}
	
	.map_route_fit{
		border:1px solid dimgray;
	}
	
	.map_route_fit_lbl{
		font-size:10pt;
		position:relative;
		top:2.5px;
		left:2px;
	}
	
	.startmebtn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		border-radius : 1px;         
		font-size     : 10pt;       
		text-align    : center;     
		cursor        : pointer;    
		padding       : 2px 5px;  
		background-color:royalblue;    

	}
	
	.zoomlvbox{
		width:18px;
		height:18px;
		background-color:royalblue;

	}
	
	.kvandtl{
		font-size:10pt;
		margin-left:5px;
		position:relative;
		top:-3.5px;
		font-weight:300;
	}
	
	.boundschk{
		width:50px;
		font-size:10pt;
		color:dimgray;
	}
	
	.boundsmeter{
		cursor: pointer; 
		outline: none; 
		height: 14px; 
		width: 100px;
		position:relative;
		top:-1px;
	}
	
	.boundsmsg{
		font-size:10pt;
		position:relative;
		top:-2.5px;
		left:2px;
	}
	
	.midlat_deg{
		transform:rotate(-90deg); 
	}

	.closebtn_map{
		/* float:right; */
		cursor:pointer;
		z-index: 11;
		/* text-align:right; */
		margin-left:2.5px;
	}
	
	.closebtn_map:hover{
		transform:scale(1.1);
	}
	
	.vertical_dotline{
		border-left:1px dashed silver;
		height:12.5px;
		width:12.5px;
		margin-left:35px;
	}
	
	.pointer_lastone{
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid silver;
		border-right: 0;
		position:relative;
		top:4px;
		left:2px;
	}
	
	.min_limit{
		position:relative;
		top:0.5px;
		left:5px;
		font-size:9pt;
	}

	.min_limit_over{
		position:relative;
		top:0.5px;
		left:5px;
		color:crimson;
		font-size:9pt;
	}

	.boxselect{
		display:flex;
		position:relative;
		text-align:center;
		justify-content: space-between;
		padding:5px 70px 5px 0;
		width:255px;
		border-bottom:1px solid #e1e1e1;
	}

	.boxorange{
		width:18px;
		height:18px;
		border-radius:1px;
		background-color:orange;
		margin-left:2px;
		cursor:pointer;
	}

	.boxyellow{
		width:18px;
		height:18px;
		border-radius:1px;
		background-color:yellow;
		margin-left:2px;
		cursor:pointer;
	}

	.boxgreen{
		width:18px;
		height:18px;
		border-radius:1px;
		background-color:green;
		margin-left:2px;
		cursor:pointer;
	}

	.boxblue{
		width:18px;
		height:18px;
		border-radius:1px;
		background-color:dodgerblue;
		margin-left:2px;
		cursor:pointer;
	}

	.boxblack{
		width:18px;
		height:18px;
		border-radius:1px;
		background-color:rgb(50, 50, 50);
		margin-left:2px;
		cursor:pointer;
	}

	.boxNocolor{
		width:18px;
		height:18px;
		border-radius:1px;
		background-color:snow;
		border:1px solid dimgray; 
		margin-left:2px;
		cursor:pointer;
	}

	.boxselect_update{
		display:flex;
		justify-content: center;
		margin-top:5px;
	}

	.lat_pin{
		color:dimgray;
		width:65px;
		padding:0 2.5px;
		font-size:9pt;
		/* border-bottom:1px solid dimgray; */
	}
	
	.lng_pin{
		margin-left:1px;
		color:dimgray;
		width:70px;
		padding:0 2.5px;
		font-size:9pt;
		/* border-bottom:1px solid dimgray; */
	}

	/* .meicon{
		width:50px;
		height:50px;
		border-radius:1px;
		background-color: #444444;
	} */

	.addpin_bg{
		width:18px;
		height:18px;
		border-radius:50%;
		background-color:blue;
		position:relative;
		top:19px;
		left:18px;
		z-index:999;
	}

	.addpintype{
		position:relative;
		z-index:100;
	}
	
	.pincenter_normal{
		width:6px;
		height:6px;
		border-radius:50%;
		background-color:snow;
		position:relative;
		top:15.5px;
		left:12px;
		z-index:100;
	}

	.pincenter_extend{
		width:8px;
		height:8px;
		border-radius:50%;
		background-color:snow;
		position:relative;
		top:19px;
		left:14px;
		z-index:100;
	}

	.incident_icon{
		text-align: center;
		z-index:999;
		cursor:pointer;
	}
	
	.incident_icon:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7.5px;
		border: 7.5px solid transparent;
		border-top: 7.5px solid gray;
		opacity:0.9;
	}

	.P_pkg_position_daily{
		position:relative;
		top:0.5px;
		left:1px;
	}
	
	.chkmark_list_daily{
		content: '';
		width: 12px;
		height: 7px;
		border-left: 2px solid azure;
		border-bottom: 2px solid azure;
		transform: rotate(-45deg);
		position:relative;
		top:-14px;
		left:3px;
	}
	
	.chkframe_list_daily{
		width:17.5px;
		height:17.5px;
		background-color:rgb(106, 182, 228);
		border-radius:1px;
	}

	.DCR_af_missderiv{
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid gray;
		border-right: 0;
		position:relative;
		top:5px;
		left:5px;
	}
	
	.dest_point{
		display:inline-block;
		font-size:10.5pt;
		color:gray;
		border:0.75px solid #e1e1e1;
		border-left:none;
		padding:2px 15px 2px 2.5px;
		height:24px;
		line-height:18px;
		visibility:hidden;
	}
	
	.dest_point_head{
		display:inline-block;
		font-size:10.5pt;
		border:0.75px solid #e1e1e1;
		border-right:none;
		padding:2px 10px 2px 5px;
		background-color:whitesmoke;
		width:65px;
		height:24px;
		line-height:18px;
		text-align:center;
		color:gray;
		visibility:hidden;
	}

	.dest_point_area{
		margin-left:5px;
	}
	
	.comp_rate_position{
		position:relative;
		top:3px;
		left:0.5px;
	}

	.map_func_btnarea{
		margin-left:15px;
		display:flex;
		padding:2px;
		
	}
	
	.missderiv_icon_cnt{
		display:inline-block;
		font-size:9pt;
		color:gray;
		text-align:center;
		position:relative;
		top:-7.5px;
		left:-2.5px;
		font-family:Noto sans JP;
	}

	.deriv_progress_icon{
		/* padding:1px 5px; */
		background-color: snow;
		border-radius:1px;
		color: gray;
		text-align: left;
		font-size:9pt;
		border:1px solid gray;
		z-index:999;
		cursor:pointer;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
		font-family:Noto sans JP;
	}
	
	.deriv_progress_icon:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7.5px;
		border: 7.5px solid transparent;
		border-top: 7.5px solid gray;
		
		/* opacity:0.9; */
	}
	
	.deriv_progress_ST_ED_time{
		background-color:whitesmoke;
		padding:0.5px 2.5px;
		line-height:18px;
	}
	.deriv_progress_ST_ED_disp{
		margin-left:2.5px;
		font-size:8pt;
		line-height:18px;
		color:darkgray;
		display:inline-block;
		position:relative;
		top:-0.5px;
	}
	
	.stoppointx{
		width:8px;
		height:8px;
		border-radius:2px;
		opacity:0.3;
		/* background-image:radial-gradient(rgba(65,105,225,1),rgba(65,105,225,0.5),rgba(65,105,225,0.25)); */
		/* border:0.5px solid whitesmoke; */
	}
	
	.stoppointx_tri{
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		border-bottom: 0;
		opacity:0.6;
	}
	
/* destinput*.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	.prefcitytown_lbl{
		position:relative;
		top:3.5px;
		left:-2px;
	}
	
	.prefcitytown_chkbox{
		border:1px solid lightgray;
		width:16px;
		height:16px;
	}

	.prefcitytown_chkbox:checked{
		border:1px solid royalblue;
		transform: scale(1.25);
		background-color:whitesmoke;
	}
	
	.prefbtn{
		display       :inline-block;
		border-radius :5px;     
		font-size     :12pt;     
		text-align    :center;    
		padding       :5px 10px;   
		background    :royalblue;     
		color         :snow;
		-webkit-text-fill-color: snow;   
		height		  :40px;
		margin-bottom :50px;
		margin-right  :20px;
		float         :right;
	}

	.townbtn{
		display       :inline-block;
		border-radius :5px;     
		font-size     :12pt;   
		text-align    :center; 
		padding       :5px 10px;   
		background    :royalblue;    
		color         :snow;
		-webkit-text-fill-color: snow; 
		height		  :40px;
		margin-bottom :50px;
		margin-right  :20px;
		float		  :right;
	}

	.result_input_btn{
		display       : inline-block;
		border-radius : 5px;          /* 角丸       */
		font-size     : 11pt;        /* 文字サイズ */
		text-align    : center;      /* 文字位置   */
		padding       : 2px 5px;   /* 余白       */
		background    : royalblue;     /* 背景色     */
		color         : snow;     /* 文字色     */
		height		  : 55px;
		width		  : 90vw;
	}
	
	.cnt_result_table{
		font-weight:bold;
		font-size:14pt;
		text-align:right;
		padding-left:10px;
	}

	.pwresetbtn{
		display       : inline-block;
		border-radius : 2px;
		font-size     : 11pt;
		text-align    : center;
		padding       : 5px 10px;
		background    : royalblue;
		color         : snow;
		border        : 1px solid royalblue;
		width		  : 150px;
	}
	
	.btn_update{
		border-radius : 1px;
		font-size     : 10pt;
		text-align    : center;
		padding       : 1px 5px;
		background    : royalblue;
		color         : snow;
		-webkit-text-fill-color: snow; 
		letter-spacing: 1px;
	}

	.rtnmsg{
		color:crimson;
		font-weight:bold;
		vertical-align:middle;
	}
	.rtnimg{
		height:18px;
		vertical-align:middle;
	}
	
	.title_en {
		color:orange;
		font-size:16px;
		position:relative;
		top:10px;
		left:36px;
	}
	
	.h-img {
		width:30px;
		margin-right:5px;
		opacity:0.5;
	}
	
	.mv-container {
 		padding: 15px;
	}
	
	.mv-comment{
 		text-indent:0.5em;
 		margin-bottom:30px;
	}
	
	.mv-title {
		font-size: 30px;
	}
	
	.mv-img{
		width:10px;
		opacity: 0.5;
	}
	
	.mv-iconimage{
		width:40px;
		border-radius: 50%;
	}
	
	.mv-text1{
		font-size:16px;
		margin-left:5px;
		font-weight:bold;
	}
	
	.mv-text2{
		font-size:16px;
		margin-left:15px;
		width:150px;
	}
	
	.mv-caption{
  		/* margin-top:20px; */
  		margin-left:5px;
	}
	
	.mv-pr{
  		margin-top:20px;
  		text-indent:0.5em;
	}
  
	.tri-right{
		width: 0;
		height: 0;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 10px solid crimson;
		border-right: 0;
		position:relative;
		top:3px;
	}

	.tri-left{
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 20px solid royalblue;
		border-left: 0;
	}
  
	.question{
		display:inline-block;
		font-size:10pt;
		line-height:12pt;
		width:11pt;
		background-color:orange;
		color:snow;
		border-radius:2px;
		margin-right:2px;
		text-align:center;
	}

	.toggle_title {
		font-size:10pt;
		margin-top:5px;
	}
	
	.toggle_title:hover{
		cursor:pointer;
	}
  
	.toggle_title:after {
		content: "";
		display: inline-block;
		position:absolute;
		top: 50%;
		right: 7px;
	}

	.toggle_txt {
		display: none;
		border:1px orange solid;
		margin-left:1px;
		padding:2px 5px;
		width:420px;
		font-size:10.5pt;
	}

	.pkg_cnt_alert{
		margin:0 10px 0 20px;
		font-size: 10pt;
		border:1px solid crimson;
		border-radius:2px;
		padding:2px 5px;
		color:orangered;
		position:relative;
		width:90vw;
		letter-spacing: 0.1px;
	}

	.RTSno_deriv{
		background-color:crimson;
		color:snow;
		padding:1px 5px;
		border-radius:1px;
	}

	.RTSmiss_deriv{
		background-color:dimgray;
		color:snow;
		padding:0px 5px;
		border-radius:1px;
		font-size:9pt;
		font-weight:400;
		margin-left:1px;
		line-height:18px;
		position:relative;
		top:6px;
	}

	.RTS_deriv{
		margin-left:1px;
		background-color:aquamarine;
		color:gray;
		padding:2px 5px;
		border-radius:1px;
		/* letter-spacing: 0.5px; */
	}
  
	.arrow-left{
		border: 0;
		border-top: solid 4px royalblue;
		border-left: solid 4px royalblue;
		display: inline-block;
		transform: rotate(-45deg);
		width: 15px;
		height: 15px;
		background-color: transparent;
		margin-top:5px;
	}


	.arrow-left-disable{
		border: 0;
		border-top: solid 4px gainsboro;
		border-left: solid 4px gainsboro;
		display: inline-block;
		transform: rotate(-45deg);
		width: 15px;
		height: 15px;
		background-color: transparent;
		margin-top:5px;
	}
  
	.arrow-right{
		border: 0;
		border-top: solid 4px royalblue;
		border-right: solid 4px royalblue;
		display: inline-block;
		transform: rotate(45deg);
		width: 15px;
		height: 15px;
		background-color: transparent;
		margin-top:5px;
	}

	.arrow-right-disable{
		border: 0;
		border-top: solid 4px gainsboro;
		border-right: solid 4px gainsboro;
		display: inline-block;
		transform: rotate(45deg);
		width: 15px;
		height: 15px;
		background-color: transparent;
		margin-top:5px;
	}

	.list-footer-btn{
		height:25px;
		width:40px;
		font-size:11pt;
		color:royalblue;
		margin:0 5px;
	}

	.now_page{
		border-bottom:1px solid gainsboro;
	}


	.ave_btn{
		margin:10px 10px 0 0;
		font-size:10pt;
		border-radius:2px;
		color:royalblue;
		background-color:#e1e1e1;
		padding:2px 5px;
		height:20px;
	}

	/* .scroll-nav{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		width:82.5vw;
	} */

	.scroll-nav-map{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		/* width:1000px; */
		
	}


	/* .scroll-nav::-webkit-scrollbar {
		display:none;
	} */

	.registmailform{
		height: 40px;
		width: 340px;
		padding: 2px 10px;
		border-radius: 2px;
		box-shadow: 0 0 0 1px #ccc;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-size:16pt;
		color:dimgray;
	}

	.registmailform :focus{
		outline: 0;
		box-shadow: 0 0 0 2px royalblue;
	}
	
	.pwbox{
		width: 190px;
		padding: 2px 5px;
		border-radius: 2px;
		border:1px solid gray;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-size:12pt;
		color:dimgray;
		font-family: Noto Sans JP;
	}
	
	.pwbox::placeholder {
		font-size: 11pt;
		color:lightgray;
	}
	
	.pwbox:focus{
		outline:1px solid royalblue;
	}
	
	
	.nickname_box{
		width: 200px;
		padding: 2px 5px;
		border-bottom:1px solid gray;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-size:12pt;
		color:dimgray;
		font-family: Noto Sans JP;
	}
	
	.introcd_box{
		width: 100px;
		padding: 2px 5px;
		border-bottom:1px solid gray;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-size:12pt;
		color:dimgray;
		font-family: Noto Sans JP;
	}
	
	#input_introcd{
		display:none;
	}
	
	#intro_cd2:checked ~ #input_introcd{
		display:block;
	}
	
	.flag_parts{
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		width: 20px;
		height: 20px;
		background-color: royalblue;
	}
 
/* search.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	.menu_to_2ndmenu_margin_rv1100{
		width:1100px;
	}

	.deriv_area_count_search{
		display:inline-block;
		background-color:snow;
		padding:0 2px;
		font-size:10pt;
		color:royalblue;
		letter-spacing:0.1px;
		vertical-align:middle;
		font-size:9pt;
		border-radius:1px;
		position:relative;
		top:-2px;
		/* font-family:Noto sans JP; */
		left:2.5px;
	}
	
	.RCcounter{
		display:inline-block;
		font-size:11px;
		color:deeppink;
		font-weight:500;
	}
	
	.RCtoRC_list{
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 7.5px solid lightgray;
		border-right: 0;
		position:relative;
		top:5px;
		left:0.5px;
	}
	
	.dest_search{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		position:relative;
		/* top:-1px; */
		margin-left:5px;
		text-align-last:center;
	}
	.dest_search:hover{
		border:1px solid royalblue;
	}

	.count_filter{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		position:relative;
		/* top:-1px; */
		text-align-last:center;
	}
	
	.count_filter:hover{
		border:1px solid royalblue;
	}

	.search_comment{
		height:30px;
		font-size:11pt;
		color:dimgray;
		padding:5px 10px;
		border:1px solid #e1e1e1;
		width:300px;
		margin-left:10px;
		/* border-right:none; */
	}

	.search_btn{
		background-color:royalblue;
		border-radius:1px;
		color:snow;
		-webkit-text-fill-color: snow;
		padding:2px 5px;
		width:80px;
		height:30px;
		position:relative;
		left:-2.5px;
		top:0.5px;
	}

	.search_btn:hover{
		background-color:midnightblue;

	}
	
	.sort_btn_sw{
		font-size:10pt;
		border-radius:2px;
		color:royalblue;
		background-color:#e1e1e1;
		padding:2px 5px;
		height:30px;
		text-align-last:center;
	}

	.sort_btn_sw_rc_position{
		display:flex;
		justify-content: right;
		margin-top:1px;
	}
	
	.sort_btn_sw_rc,
	.listcnt_search{
		font-size:13.5px;
		border-radius:1px;
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:0 5px;
		height:22px;
		text-align-last:center;
	}

	.sort_btn_sw_rc:hover,
	.listcnt_search:hover{
		border:1px solid royalblue;
	}

	.search_item_area{
		display:flex;
		/* justify-content: space-between; */
		width:1100px;
		border:1px solid #e1e1e1;
		padding:10px 10px 20px 10px;
		/* background-color: snow; */
	}

	.s_area_btn{
		height:24px;
		padding:2px 5px;
		background-color:royalblue;
		color:snow;
		font-size:10pt;
		letter-spacing:0.1px;
		cursor:pointer;
		border-radius:1px 1px 0 0;
		width:100px;
		display:flex;
	}
	
	.side_menu_search{
		width:200px;
		/* height:800px; */
		/* background-color:whitesmoke;
		margin-bottom:20px; */
	}

	.tri-right-pointer{
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid gray;
		border-right: 0;
		position:relative;
		top:2.5px;
	}

	.tri-down-pointer{
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 25px solid transparent;
		border-left: 25px solid transparent;
		border-top: 10px solid gainsboro;
		border-bottom: 0;
	}
		
	.search_terms{
		position:relative;
		top:7.5px;
		left:3px;
		font-size:10.5pt;
		letter-spacing:-0.3px;
	}
	
	.r_cnt_view{
		font-size:11pt;
		letter-spacing:0.1px;
		margin-top:2.5px;
		color:dimgray;
		position:relative;
		left:10px;
	}

	.range_btn_position{
		font-size:10pt;
		color:royalblue;
		background-color: whitesmoke;
		border:1px solid #e1e1e1;
		margin-left:20px;
		padding:2px 5px;
		line-height:18px;
	}
	
	.range_btn_position:hover{
		border:1px solid royalblue;;
	}

	.deriv_area_block_prime_list{
		font-size:9.5pt;
		color:lightslategray;
		/* border-bottom:1px solid lightblue; */
		padding:0 2.5px;
		margin-left:5px;
		position:relative;
		top:1px;
	}

	.search_pointer_right_down{
		width: 8px;
		height: 8px;
		border: 2px solid;
		border-color: snow snow transparent transparent;
		transform: rotate(45deg);
		position:relative;
		top:5px;
	}

	.deriv_area_block_list{
		margin:2.5px 5px 5px 0;
		background-color:snow;
		border:1px solid #e1e1e1;
		border-radius:1px;
		padding:2.5px 10px 2.5px 2.5px;
		font-size:10pt;
		color:royalblue;
		letter-spacing:0.1px;
		cursor:pointer;
	}
	
	.timeout{
		opacity:0.6;
		margin-left:5px;
		width:220px;
		background-color:snow;
		color:crimson;
		padding:2.5px 7.5px;
		font-weight:600;
		height:75px;
	}

	.timeout_long{
		opacity:0.6;
		margin-left:5px;
		width:700px;
		background-color:snow;
		color:crimson;
		padding:2.5px 7.5px;
		font-weight:600;
		height:75px;
	}
	
	.clear_btn{
		transform:scale(1.5);
		font-weight:100;
		position:relative;
		left:-110px;
		top:-1px;
	}
	
	.clear_btn:hover{
		font-weight:400;
	}
	
	.route_disp_list{
		width:60px;
		/* border-bottom:1px solid lightblue; */
		padding:2.5px 5px;
		font-size:9.5pt;
		
	}

	.routetodest{
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 7.5px solid lightgray;
		border-right: 0;
		position:relative;
		top:5px;
	}
	
	.destregist0_title{
		margin-top:10px;
		font-size:10pt;
		border:1px solid #e1e1e1;
		border-bottom:none;
		padding:2px 5px;
		width:110px;
		background-color:whitesmoke;
	}
	
	.destregist0_dtl{
		padding:5px 5px 20px 5px;
		border:1px solid #e1e1e1;
	}
	
	.blockovertime{
		color:crimson;
	}

	.comment_area_searchlist{
		display:flex;
		width:880px;
	}
	
	.bkmark_disp{
		width:52.5px;
	}
	
	.bkmark_position{
		position:relative;
		left:32.5px;
	}
		
	.comment_area_inner_searchlist{
		width:822.5px;
		height:67.5px;
		padding:2px 5px;
		font-size:13.5px;
		white-space:pre-wrap;
		overflow: hidden;
		border-top:1px dashed #e1e1e1;
		border-bottom:1px dashed #e1e1e1;
		/* display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3; */

	}

	.sort_sw_icon_desc{
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 5.5px solid transparent;
		border-left: 5.5px solid transparent;
		border-top: 9.5px solid royalblue;
		border-bottom: 0;
		position:relative;
		top:15px;
		left:2.5px;
	}

	.sort_sw_icon_asc{
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 5.5px solid transparent;
		border-left: 5.5px solid transparent;
		border-bottom: 9.5px solid royalblue;
		border-top: 0;
		position:relative;
		top:-12.5px;
		left:2.5px;
	}
	
	.sw_disable{
		border-top: 9.5px solid #e1e1e1;
	}

	.search_bg_footer{
		position: fixed;
		bottom:0;
		height:45px;
		width: 100vw;
		background-color:whitesmoke;
		/* opacity:0.8; */
		z-index: 1;
		border-top:0.75px solid #e1e1e1;
		/* box-shadow:0 1px 4px #e1e1e1; */
	}
	
	.conditions{
		display:block;
		margin:2.5px 0 2.5px 7.5px;
		font-size:13.5px;
		border:1px solid #e1e1e1;
		/* border-radius:1px; */
		background-color:snow;
		padding:2px 5px;
		cursor:pointer;
		width:180px;
	}

	.footercloseposition{
		position:fixed;
		bottom:0;
		z-index:999;
	}
	
	.footerclosebtn{
		position:relative;
		top:-20px;
		left:1px;
		cursor:pointer;
	}


	
/* result.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	.section_header_pointer_required{
		width: 0;
		height: 0;
		border-top: 7.5px solid transparent;
		border-bottom: 7.5px solid transparent;
		border-left: 12.5px solid navy;
		border-right: 0;
		position:relative;
		top:3px;
	}
	
	.contents_width_result{
		width:1020px;
		margin:0 auto;
	}
	
	.contents_col{
		display:flex;
		/* border-bottom:1px solid #e9e9e9; */
		/* margin-top:5px; */
		border:1px solid royalblue;
		padding:0 0 30px 0;
	}
	
	.col_left{
		width:370px;
		padding:5px 10px;
		position:relative;
		z-index:1;
		/* border:1px solid gray; */
		/* border-bottom:1px solid #e9e9e9; */
	}
	
	.col_right{
		width:580px;
		padding:10px;
		position:relative;
		z-index:1;
		/* border:1px solid gray; */
		/* border-bottom:1px solid #e9e9e9; */
	}
	
	.regist_err{
		display:flex;
		justify-content: center;
		position:relative;
		top:5px;
	}
	  
	.registed_disp{
		width:95vw;
		background-color:mistyrose;
		color:dimgray;
		font-size:10pt;
		border:1px solid pink;
		padding:2px 5px;
  	}
  	
  	.regist_deriv_date{
		margin-left:20px;
		background-color:#e1e1e1;
		width:120px;
		height:25px;
		padding:2px 5px;
		font-size:12pt;
		vertical-align:middle;
		color:royalblue;
		letter-spacing:1px;
		text-align:center;
		border-radius:2px;
  	}
  	
  	.regist_start_time{
		/* background-color:#e1e1e1; */
		border:1px solid #e1e1e1;
		color:royalblue;
		height:25px;
		font-size:11pt;
		padding:2px 15px;
		border-radius:1px;
		text-align-last:center;
  	}

	.regist_start_time_r{
		border:1px solid #e1e1e1;
		color:royalblue;
		height:25px;
		font-size:11pt;
		padding:2px 15px;
		border-radius:1px;
		text-align-last:center;
		width:75px;
	}
  	
  	.regist_deriv_hour{
		/* background-color:#e1e1e1; */
		border:1px solid #e1e1e1;
		color:royalblue;
		height:25px;
		border-radius:1px;
		padding:2px 10px;
		font-size:11pt;
		width:55px;
		text-align-last:center;
  	}
  	
  	.m5fs10{
		margin:5px;
		font-size:10pt;
  	}
  	
  	.reward_disp{
		margin:0 0 0 20px;
		font-size:10pt;
  	}
  	
  	.reward_input{
		/* background-color:#e1e1e1; */
		border:1px solid #e1e1e1;
		color:royalblue;
		height:25px;
		font-size:11pt;
		width:70px;
		text-align:right;
		padding:2px 10px;
  	}
  	
  	.reward_yen_disp{
		font-size:10pt;
		position:relative;
		top:5px;
  	}
  	
  	.blk_select{
		display:flex;
		margin:10px 0 10px 17.5px;
		font-size:11pt;
  	}
  	
  	.blk_select_lbl,
	.role_select_lbl{
		/* position:relative;
		top:-1px;
		left:2px;
		letter-spacing:-0.5px; */
		/* font-size:11pt; */
		/* padding:2px 5px; */
		line-height:18px;
  	}
  	
  	.role_disp{
		margin-left:20px;
		letter-spacing:0.1px;
		font-size:11pt;
  	}
  	
  	.NoRoot_disp{
		margin-left:15px;
		font-weight:600;
		letter-spacing:0.5px;
  	}

	.blk_start_disp{
		font-size:10pt;
		letter-spacing: 0.1px;
		position:relative;
		top:1px;
		line-height:18px;
		font-weight:300;
	}
  	
	.bg_disp{
		margin-left:20px;
		font-size:10pt;
		letter-spacing: 0.1px;
		position:relative;
		top:1.5px;
	}
  	
	.bg_cnt{
		/* margin-left:5px; */
		border:1px solid #e1e1e1;
		/* background-color:#e1e1e1; */
		color:royalblue;
		height:25px;
		border-radius:1px;
		padding:2px 10px;
		font-size:10pt;
		width:65px;
		text-align-last:center;
	}

	.OV_input{
		margin-left:5px;
		border:1px solid #e1e1e1;
		/* background-color:#e1e1e1; */
		color:royalblue;
		height:25px;
		border-radius:1px;
		padding:2px 10px;
		font-size:10pt;
		width:65px;
		text-align:right;
	}
  	
  	.OV_cnt{
		margin-left:5px;
		font-size:10pt;
		letter-spacing: 0.1px;
		position:relative;
		top:1.5px;
  	}
  	
  	.dest_cnt_disp{
		margin-top:2.5px;
		display:flex;
  	}
  	
  	.dest_disp{
		margin-left:17.5px;
		font-size:10pt;
  	}
	
  	.cnt_disp{
		margin-left:2px;
		font-size:10pt;
  	}

	.regist_start_time_rx,
	.regist_deriv_hour_rx,
	.reward_input_rx{
		border:1px solid #e1e1e1;
		border-top:none;
		color:gray;
		height:25px;
		font-size:11pt;
		padding:2px 15px;
		border-radius:1px;
		text-align-last:center;
		width:75px;
	}
		
  	.dest_input_cnt{
		border:1px solid #e1e1e1;
		border-top:none;
		color:gray;
		height:25px;
		border-radius:1px;
		padding:2px 10px;
		font-size:11pt;
		width:65px;
		text-align:right;
  	}

	.meter_input_cnt{
		border:1px solid #e1e1e1;
		color:royalblue;
		height:25px;
		border-radius:1px;
		padding:2px 10px;
		font-size:11pt;
		width:70px;
		text-align:right;
	}
  	
  	.dest_cnt_disp_detail{
		font-size:10pt;
		position:relative;
		top:1.5px;
  	}
  	
  	.missbg_disp{
		margin-left:20px;
		font-size:11pt;
		letter-spacing:0.1px;
  	}
  	
  	.RC_disp{
		margin:10px 0 0 20px;
		font-size:11pt;
		letter-spacing:0.1px;
  	}
  	
  	.missbg_RC_input{
		/* margin-left:15px; */
		border:1px solid #e1e1e1;
		/* background-color:#e1e1e1; */
		color:royalblue;
		border-radius:1px;
		padding:2px 10px;
		font-size:11pt;
		width:40px;
		text-align:right;
		height:25px;
  	}

	.addonpkg{
		margin-left:5px;
		border:1px solid #e1e1e1;
		/* background-color:#e1e1e1; */
		color:royalblue;
		height:22px;
		border-radius:1px;
		padding:2px 10px;
		font-size:11pt;
		width:55px;
		text-align-last:center;
	}
  	
  	.first_dest{
		display:flex;
		font-size:10pt;
  	}
	
  	.dest_disp2{
		margin:5px 0 0 20px;
		width:95px;
		letter-spacing: 0.1px;
  	}
  	
  	.startmeter,.endmeter{
		/* margin:2px 0 0 18px; */
		border:1px solid #e1e1e1;
		/* background-color:#e1e1e1; */
		color:royalblue;
		height:25px;
		padding:2px 10px;
		border-radius:1px;
		font-size:10pt;
		width:75px;
		text-align:right;
  	}

	.Smeter_position{
		margin-left:18px;
	}

	.Emeter_position{
		margin-left:20px;
	}
  	
  	.km_disp{
		margin-left:1px;
		font-size:10pt;
		position:relative;
		top:30px;
  	}
  	
  	.rest_disp{
		margin:15px 0 0 20px;
		font-size:10pt;
		width:100px;
  	}
  	
  	.norest_lbl{
		font-size:11pt;
		/* margin-left:20px; */
		position:relative;
		top:15px;
  	}
  	
  	.onrest_lbl{
		display:none;
		font-size:11pt;
  	}
  	
  	.onrest_lbl_inner{
		margin-left:15px;
		position:relative;
		top:15px
  	}
  	
  	.onrest_lbl_inner_lbl{
		position:relative;
		top:14px;
		margin-left:2px;
		letter-spacing:0.1px;
		font-size:10pt;
  	}
  	
  	.RTS_lbl{
		font-size:10pt;
		/* margin-left:2px; */
		position:relative;
		top:-1px;
		left:2.5px;
  	}
  	
  	.RTS_select{
		margin-top:5px;
		margin-left:20px;
  	}
  	
  	.RTS_input{
		/* background-color:#e1e1e1; */
		border:1px solid #e1e1e1;
		border-top:none;
		color:gray;
		border-radius:1px;
		padding:2px 10px;
		font-size:11pt;
		width:45px;
		text-align:center;
		height:25px;
  	}
  	
  	.RTS_meisai{
		/* width:92.5vw; */
		margin-left:110px;
  	}
  	
  	.RTSmeisai_input{
		margin:2px 0 5px 2px;
		/* width:px; */
  	}
  	
  	#RTSmeisai{
		display:none;
  	}
  	
  	#toRTS:checked ~ #RTSmeisai{
		display:block;
  	}
  	
	.comment{
		/* background-color:#e1e1e1; */
		border:1px solid #e1e1e1;
		color:royalblue;
		margin-left:18px;
		width:385px;
		height:160px;
		padding:2px 5px;
		border-radius:1px;
		font-size:10pt;
	}
	
  	.comment:focus{
		outline:1px solid royalblue;
  	}
  	
  	.strlen{
		position:relative;
		top:-1.5px;
		margin-left:18px;
		font-size:9pt;
		color:crimson;
  	}
	
	.gpx_select{
		margin-left:17.5px;
		/* font-size:10pt; */
	}


	.result_btn_position_pc{
		margin:20px 5px 50px 0;
		display:flex;
		justify-content:right;
		/* width:805px; */
	}

	.result_btn_position_pcx{
		margin:20px 0 50px 0;
		display:flex;
		justify-content:right;
		width:805px;
	}
	  
	.result_btn_position{
		margin:65px 0 50px 0;
		display:flex;
		justify-content:right;
		width:805px;
	}
		
	.result_input_btn{
		display       : inline-block;
		border-radius : 1px;
		text-align    : center;
		padding       : 2px 5px;
		background    : royalblue;
		color         : snow;
		-webkit-text-fill-color: snow; 
		height		  : 55px;
		width		  : 200px;
	}

	.result_input_btn:hover{
		background    : midnightblue;
	}

	.route_input{
		border:1px solid gainsboro;
		-webkit-text-fill-color: royalblue; 
		border-radius:1px;
		padding:2px 5px;
		font-size:10pt;
		width:55px;
		height:25px;
		text-align:center;
		position:relative;
		top:-2px;
		left:17.5px;

	}

	.route_input:focus{
		outline:1px solid royalblue;
		background-color:snow;
	}
	
	.question_gpx{
		display:inline-block;
		font-size:10pt;
		padding:0 2.5px;
		background-color:orange;
		color:snow;
		border-radius:1px;
		margin-left:2.5px;
		text-align:center;
		position:relative;
		top:-1px;
	}

	.gpx_select{
		margin-left:17.5px;
		/* font-size:11pt; */
	}

	.gpx_select_btn::file-selector-button {
		color: snow;
		background: royalblue;
		font-size: 10px;
		padding: 5px 10px;
		text-align: center;
		font-weight:400;
		border-radius : 1px;
		border:0;
	}
	
	.gpx_select_btnx{
		color: snow;
		background: royalblue;
		font-size: 11pt;
		padding: 8px;
		text-align: center;
		font-weight:400;
		border-radius : 1px;
		border:0;
		width:180px;
		height:40px;
		display:inline-block;
	}

	.gpx_select_btnx:hover{
		background: midnightblue;
	}

	.gpx_Q_icon{
		margin-left:10px;
	}
		
	.Q_icon{
		position:relative;
		top:2px;
	}

	.Q_content{
		display: none;
		border:1px orange solid;
		margin-left:1px;
		padding:2px 5px;
		width:300px;
		font-size:10pt;
	}
	
	.gpx_description{
		position:relative;
		top:-15px;
		margin:5px 0 0 17.5px;
		/* display: none; */
		border:1px orange solid;
		background-color:rgba(255,165,0,0.2);
		padding:5px 10px;
		width:600px;
		font-size:10pt;
	}

	.route_input_arrow{
		/* margin-left:17.5px; */
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 28px solid transparent;
		border-left: 28px solid transparent;
		border-top: 10px solid #e1e1e1;
		border-bottom: 0;
	}

	.RTS_time{
		border:1px solid #e1e1e1;
		color:royalblue;
		height:25px;
		font-size:10pt;
		padding:2px 15px;
		border-radius:1px;
		text-align-last:center;
	}

	.RTS_time_disp{
		margin-left:15px;
		/* display:none; */
		visibility: hidden
	}

	.RTS_time_lbl{
		font-size:10pt;
		position:relative;
		top:1.5px;
	}
	
	.NRRTSlbl{
		position:relative;
		top:-1.5px;
		left:2px;
		font-weight:400;
		font-size:10pt;
	}
	
/* result-rb XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
	
	.deriv_record_notcreated{
		font-size:10.5pt;
		background-color:#e9e9e9;
		padding:2px 5px;
		border-radius:1px 1px 0 0;
		width:145px;
		
	}

	.map_area_result{
		z-index:10;
		position:relative;
	}
	
	.map_view_result{
		width:630px;
		height:500px;
		background-color:snow;
	}

	.comment_result{
		/* background-color:#e1e1e1; */
		border:1px solid #e1e1e1;
		color:royalblue;
		margin-left:17.5px;
		width:385px;
		height:150px;
		padding:2px 5px;
		border-radius:1px;
		font-size:11pt;
	}
	
	.comment_result:focus{
		border:0;
		outline:1px solid royalblue;
		border-radius:0;
	}

	.onedest_min_title_result,
	.onehour_pkg_title_result,
	.item_header{
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		border-bottom:none;
		font-size:10pt;
		text-align:center;
		line-height:20px;
		padding:2.5px 7.5px;
	}

	.onedest_min_dtl_result,
	.onehour_pkg_dtl_result,
	.item_dtl{
		border:1px solid #e1e1e1;
		border-top:none;
		font-size:12pt;
		text-align:center;
		line-height:18px;
		padding:2.5px 7.5px;
	}
	
	.header_width{
		width:100px;
	}

	.header_width125{
		width:125px;
	}

	.fcolor{
		-webkit-text-fill-color: gray; 
		color:gray;
	}
	
	.pd2510{
		padding:5px 10px;
	}
	
	.common_route_row{
		/* height:30px; */
	}	

	.common_route_title{
		display:inline-block;
		background-color:whitesmoke;
		/* border:1px solid #e1e1e1; */
		border-right:none;
		/* line-height:18px; */
		padding:2.5px 7.5px;
		width:130px;
	}

	.common_route_dtl{
		display:inline-block;
		/* border:1px solid #e1e1e1; */
		/* border-left:none; */
		/* line-height:18px; */
		padding:2.5px 7.5px;
		/* background-color:snow; */
		/* font-size:12pt; */
		width:495px;
	}
	
	.common_route_ST_ED{
		display:inline-block;
		font-size:10pt;
		margin-left:5px;
		/* border:1px solid #e1e1e1; */
		background:white;
		padding:0px 5px;
		border-radius:1px;
		color:gray;
	}

	.deriv_date_area_rx{
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		/* height:25px; */
		font-size:11pt;
		/* vertical-align:middle; */
		/* color:gray;
		-webkit-text-fill-color: gray; */
		letter-spacing:1px;
		text-align:center;
		padding:2px 5px;
		border-radius:1px;
		/* width:100px; */
	  }

/* result-check.php.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	.contents_width_result_chk{
		width:500px;
		margin:0 auto;
	}

	.deriv_date_chk,
	.role_chk,
	.addon_rc,
	.deriv_time_km,
	.RTSorNR,
	.comment_noinput,
	.GPX_chk,{
		margin-left:20px;
		font-size:10pt;
		letter-spacing:0.1px
	}
		
	.fs11{
		font-size:11pt;
	}
	
	.blk_range_cnt_reward_chk{
		margin-left:20px;
		font-size:10pt;
		display:flex;
		letter-spacing:0.1px
	}
	
	.pkg_cnt_disp{
		margin-left:20px;
		font-size:13pt;
		font-weight:700;
	}
	
	.RTSmeisai_line{
		position:relative;
		top:-22px;
		border-bottom:1px #e1e1e1 solid;
		margin-right:20px;
	}
	
	.w48{
		width:48px;
	}
		
	.comment_chk{
		margin:2px 20px;
		white-space:pre-wrap;
		border:1px #e1e1e1 solid;
		border-radius:1px;
		width:480px;
		height:150px;
		padding:2px 5px;
		color:dimgray;
	}

	.comment_chk:focus{
		outline:1px royalblue solid; 
	}
	
	.GPX_alert{
		font-size:10pt;
		letter-spacing:0.1px;
		color:crimson;
	}
	
	.result_chk_btn_position{
		margin:30px 0 ;
		display:flex;
		justify-content:center;
	}
		
	.return_btn{
		background-color:whitesmoke;
		width:200px;
		height:50px;
		text-align:center;
		display:table-cell;
		vertical-align:middle;
		border-radius:1px 0 0 1px;   
		font-size:15px; 
	}
	
	.regist_btn{
		font-size:15px;
		background-color:royalblue;
		width:200px;
		height:50px;
		color:snow;
		-webkit-text-fill-color: snow;
		text-align:center;
		border-radius:0 1px 1px 0;
	}

	.regist_btn:hover{
		background-color:midnightblue;
	}

/* destinput*.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	.contents_width_destinput1{
		width:750px;
		margin:0 auto;
		/* border:1px solid gray; */
	}

	.contents_width_destinput2,
	.contents_width_destinput3{
		width:1020px;
		margin:0 auto;
		display:flex;
	}

	.pref_disp,
	.city_disp,
	.town_disp{
		display:flex;
		flex-wrap:wrap;
		font-size:14px;
		border-bottom:1px solid #e9e9e9;
		width:1020px;
	}
	
	.prefbtn_position{
		margin-top:10px;
	}
  	
	.pref_disp_inner,
	.city_disp_inner,
	.town_disp_inner{
		margin:10px 20px 30px 5px;
	}
		
	.prefbtn,
	.citybtn,
	.townbtn{
		display       : inline-block;
		border-radius : 1px;     
		font-size     : 15px;     
		text-align    : center;    
		padding       : 5px 10px;   
		background    : royalblue;     
		color         : snow;
		-webkit-text-fill-color: snow;     
		height		  : 40px;
		margin-bottom :50px;
		margin-right:30px;
		float:right;
	}

	.prefbtn:hover,
	.citybtn:hover,
	.townbtn:hover{
		background-color: midnightblue;  
	}
	
	.city_chk_bottom_line,
	.town_chk_bottom_line{
		display:flex;
		flex-wrap:wrap;
		border-bottom:1px solid #e1e1e1;
		margin:0px 20px 10px 5px;
		font-size:11pt;
		width:1020px;
	}

	.nextcity_separate{
		margin:5px 15px 15px 15px;
	}

	.w95{
		width:95vw;
	}
	
	.click_dest_list{
		height:150px;
		width:275px;
		overflow-y:scroll;
		font-size:10.5pt;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		-ms-overflow-style: none;
		scrollbar-width: none;
		color:gray;
		margin-left:5px;
	}
	
	.click_dest_list::-webkit-scrollbar {
		display: none;
	}
	
	.click_dest_list_title{
		font-size:10pt;
		margin-left:5px;
	}
	

/* detail-edit.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
	.deriv_cnt_disp{
		margin:2px 0 0 20px;
		font-size:11pt;
		letter-spacing: 0.5px;
	}
	
	.deriv_date_disp{
		margin:2px 5px;
		font-size:11pt;
	}
	
	.comment_edit{
		margin-left:20px;
		white-space:pre-wrap;
		/* background-color:#e9e9e9; */
		border-radius:1px;
		width:550px;
		height:225px;
		padding:2px 5px;
		color:royalblue;
		font-size:11pt;
		border:1px solid royalblue;
	}
	
	.comment_edit:focus{
		background-color:white;
		border:0;
		outline:1px solid royalblue;
		border-radius: 0px;
	}
	
	.comment_last{
		margin-left:20px;
		font-size:10pt;
		color:crimson;
	}
	
	.miss_deriv_disp,
	.bm_add_disp,
	.prime_dest_disp{
		/* margin-left:2px; */
		font-size:10.5pt;
		position:relative;
		left:2px;
		top:-2px;
	}
	
	.miss_deriv_input{
		color:dimgray;
		margin-left:70px;
		width:40px;
		border-bottom: 1px solid #e1e1e1;
		text-align:right;
		padding:2px 5px;
	}
	
	.btn_position{
		margin-top:35px;
		display:flex;
		justify-content:center;
	}
	
	.updatebtn{
		background-color:royalblue;
		width:200px;
		height:45px;
		color:snow;
		-webkit-text-fill-color: snow;
		text-align:center;
		border-radius:2px;
	}

	.updatebtn:hover{
		background-color:midnightblue;
	}

	.bm_chkbox{
		border: 1px solid royalblue;
		margin-left:5px;
		position:relative;
		top:-5px;
		transform: scale(1.5);
	}

	.rec_del_chkbox{
		border: 1px solid crimson;
		position:relative;
		transform: scale(1.5);
		margin-left:10px;
		top:-5px;
	}


	/* #miss_deriv_form{
		display:none;
	}
	
	#on_miss_deriv:checked ~ #miss_deriv_form{
		display:block;
	} */

	.contents_width_detail_edit{
		width:600px;
		margin:0 auto;
	}

	.prime_dest{
		margin:2px 18px;
		padding:2px 5px;
		font-size:11pt;
		width:175px;
		color:dimgray;
		border:1px solid #e1e1e1;
	}
	
	.area_description{
		background-color:#e1e1e1;
		border-radius:2px;
		padding:2px 10px;
		font-weight:400;
		position:relative;
		top:1.5px;
		font-size:11pt;
		color:royalblue;
	}

	.miss_deriv_cnt{
		font-size:10pt;
		/* background-color:#e1e1e1; */
		padding:2px 10px;
		color:royalblue;
		margin-left:20px;
		border:1px solid royalblue;
	}

	.alert_mail{
		font-size:10pt;
		background-color:#e1e1e1;
		padding:2px 10px;
		color:royalblue;
		margin-left:20px;
	}
	
	.alert_mail_lbl{
		display:inline-block;
		font-size:10pt;
		margin:2.5px;
		background-color:#e9e9e9;
		padding:5px 10px;
		border-radius:1px;
	}
	
	.fromcsmsg_onoff{
		display:flex;
		margin-left:20px;
		font-size:10pt;
	}
	
	.msg_lbl{
		position:relative;
		top:-2.5px;
		left:-1px;
	}

	.msg_type{
		margin-left:20px;
		/* display:flex; */
		/* flex-wrap:wrap; */
		visibility: hidden;
	}
	
	.msg_chkbox{
		position:relative;
		top:-3px;
	}
	
	.other_msg{
		width:180px;
		padding:2px 5px;
		margin-left:5px;
		color:dimgray;
		/* background-color:snow; */
	}

	
/* analize2.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */	

	.menu_list_view_analize{
		width:900px;
		margin-left:125px;
	}
	
	.previous_range_position{
		width:800px;
		display:flex;
		justify-content:space-between;
	}
	
	.previous{
		font-size:10pt;
		color:royalblue;
		letter-spacing: 0.3px;
		background-color:#e1e1e1;
		padding:2px 7.5px;
		position:relative;
		top:25px;
	}
	
	.crt_header{
		width:850px;
		display:flex;
		justify-content:space-between;
	}
	
	.x_unit_disp{
		margin-left:10px;
		font-size:9pt;
		position:relative;
		top:5px;
	}
	
	.x_unit_disp_2nd{
		font-size:9pt;
		position:relative;
		top:5px;
		left:10px;
	}
	
	.crt_legend{
		display:flex;
		justify-content:right;
		position:relative;
		top:10px;
	}
	
	.onedest_slow,
	.onehour_pkg_min{
		margin-left:10px;
		border-top:3px solid orangered;
		width:40px;
		font-size:9pt;
		letter-spacing:0.1px;
		text-align:center;
	}
	
	.onedest_avg,
	.onehour_pkg_avg{
		margin-left:10px;
		border-top:3px dashed royalblue;
		width:40px;
		font-size:9pt;
		letter-spacing:0.1px;
		text-align:center;
	}
	
	.onedest_fast,
	.onehour_pkg_max{
		margin-left:10px;
		border-top:3px solid aquamarine;
		width:40px;
		font-size:9pt;
		letter-spacing:0.1px;
		text-align:center;
	}
	
	.crt_position{
		margin:6px 10px; 
	}
	
	.crt_header_right{
		width:850px;
		display:flex;
		justify-content:right;
		position:relative;
		left:-35px;
		top:22.5px;
	}
	
	.deriv_pkg_GT{
		background-color: rgb(112, 128, 144, 0.75);
		width:60px;
		font-size:9pt;
		letter-spacing:0.1px;
		text-align:center;
		padding:2px 5px;
		color:snow;
	}
	
	.award_avg{
		margin-left:10px;
		border-top:3px solid gainsboro;
		width:50px;
		font-size:9pt;
		letter-spacing:0.1px;
		text-align:center;
	}
	
	.NR_cnt{
		background-color: lightskyblue;
		width:60px;
		font-size:13px;
		letter-spacing:0.1px;
		text-align:center;
		padding:2px;
		color:dimgray;
	}
	
	.RTS_cnt{
		margin-left:5px;
		background-color: RGB(0,191,255,0.4);
		width:60px;
		font-size:13px;
		letter-spacing:0.1px;
		text-align:center;
		padding:2.5px;
		color:dimgray;
	}
	
	.P_pkg_ratio_legend{
		margin-left:5px;
		border-top:3px solid royalblue;
		width:70px;
		font-size:13px;
		letter-spacing:0.1px;
		text-align:center;
		background-color:none;
	}
	
	.deriv_time_diff_legend{
		margin-left:10px;
		background-color:lightpink;
		width:55px;
		font-size:9pt;
		letter-spacing:0.1px;
		text-align:center;
		position:relative;
		top:7.5px;
		left:5px;
	}
	
	.ltsp{
		letter-spacing:-0.1px
	}
	
	.crt_description{
		/* margin-top:20px; */
		font-size:10pt;
		letter-spacing:-0.5px;
		padding:5px 10px;
		/* background-color:whitesmoke; */
		width:550px;
		border:1px solid #e1e1e1;
	}

	/* .prime_mark{
		width:10px;
		height:10px;
		border-radius:50%;
		background-color:royalblue;
		position:relative;
		top:-2px;
	} */

	.crt_header_position{
		position:relative;
		top:-15px;
	}

/* desttoresult.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */	

	.menu_to_contents{
		margin-top:75px;
	}
  
    .citytown_description{
		margin-left:20px;
		font-size:10pt;
		letter-spacing:0.1px;
	}
	  
	.crt_citytown_header{
		width:95vw;
		display:flex;
		justify-content:space-between;
	}
	  
	.crt_citytown_legend{
		margin-left:17.5px;
		font-size:9pt;
		position:relative;
		top:5px;
	}
	  
	.crt_citytown_crtposition{
		display:flex;
		justify-content:right
	}
	  
	.crt_citytown_bardisp{
		margin-left:10px;
		background-color:mistyrose;
		width:55px;
		font-size:9pt;
		letter-spacing:0.1px;
		text-align:center;
		position:relative;
		top:5px;
	}
	
	.canvas_position{
		margin:5px 15px;
	}
	  
	.list_topline{
		margin:5px 10px 5px 15px;
		border-top:1px #e1e1e1 solid;
	}
	  
	.list_inner{
		margin-top:2px;
		display:flex;
		flex-wrap:wrap;
		font-size:11pt;
	}
	  
	.list_SEQ_disp{
		width:45px;
		text-align:right;
		padding:2px;
		font-size:10pt;
	}
	  
	.datetoSEQ_disp{
		margin-left:2px;
		display:inline-block;
		letter-spacing:1px;
		background-color:#e1e1e1;
		width:100px;
		border-radius:2px;
		text-align:center;
		line-height:18px;
	}
	  
	.deriv_start_plan_disp{
		line-height:18px;
		font-size:10pt;
		margin:2px 5px;
		letter-spacing:0.1px;
	}
	  
	.deriv_dest_disp{
		line-height:18px;
		margin:2px;
		letter-spacing:0.5px;
		font-weight:700;
	}
	  

/* pwreset.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */	
	
	.top_to_contents{
		margin:55px 0;
	}
	
	.contents_area{
		margin:20px 30px;
		width:800px;
	}
	
	.fw500ls01{
		margin-top:10px;
		font-size:12pt;
		font-weight:600;
		letter-spacing:0.1px;
	}
	
	.reset_description,
	.no_regist_mail_alert{
		margin-top:5px;
		display:inline-block;
		font-size:10pt;
		width:800px;
		letter-spacing:0.1px;
	}
	
	.authbtn_position_pc{
		margin:20px 0 0 200px;
	}
	
	.reset_intro{
		margin-top:10px;
		display:inline-block;
		font-size:11pt;
		width:800px;
		letter-spacing:0.1px;
	}
	
	.no_regist_mailaddress{
		margin:20px 30px;
		width:1020px;
	}

/* regist.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */	

	.contents_position{
		overflow: hidden;
		margin-top:50px;
		padding:65px;
		width:500px;
		margin:0 auto;
	}
	
	.wdth95{
		width:700px;
	}
	
	.wdth450{
		width:400px;
	}
	
	.mail_title{
		display:inline-block;
		width:400px;
		margin-top:20px;
		border-bottom:1px solid #e1e1e1;
	}
	
	.regist_btn_position{
		padding:2px 0;
		text-align:right;
	}
	
/* regist-conf.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */	

	.mail_registed{
		border-bottom:1px solid #e1e1e1;
	}
	
	.mt20{
		margin-top:20px;
	}
	
	.mt15ls01{
		margin-top:15px;
		letter-spacing:0.1px;
	}
	
	.mt5ls01{
		margin-top:15px;
		letter-spacing:0.1px;
	}
	
	.pwreset{
		color:royalblue;
		text-decoration:underline;
	}
	  

/* mapx2.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */	
		
	.date_disp{
		background-color: snow;
		border-radius: 1px;
		color: dimgray;
		font-size: 14px;
		padding: 2.5px 8px;
		/* opacity:0.9; */
		font-weight:500;
	}

	.date_disp_end{
		width:13px;
		height:13px;
		border-radius:50%;
		border:1.5px solid snow;
	}

	.date_disp_iconNR{
		background-color: darkturquoise;
		width:12.5px;
		height:12.5px;
		position:relative;
		top:-0.5px;
		left:-14px;
		z-index:100;
		margin-top:-12.5px;
		border:1px solid lavender;
	}

	.date_disp_iconRC{
		width:12.5px;
		height:12.5px;
		background-color:deeppink;
		position:relative;
		top:-0.5px;
		left:-14px;
		z-index:100;
		margin-top:-12.5px;
		border:1px solid pink;
	}

	.date_disp_iconRegular{
		position:relative;
		top:-3.5px;
		left:-9px;
		z-index:100;
		margin-top:-12.5px;
		font-size:8.5pt;
		opacity:0.9;
	}
	
	.contentdtl{
		/* margin:0 5px 10px 5px; */
		padding:5px 10px;
		/* background-color:rgba(250,250,250,1); */
		width:200px;
	}
	.contentdtl:hover{
		/* box-shadow:inset 0px 0px 5px 0px rgba(65, 105, 225, 0.75); */
		/* outline:1px solid royalblue; */
		color:steelblue;
		-webkit-text-fill-color: steelblue;
	}
	
	.infowindow_deriv_date{
		font-size:13pt;
		font-weight:700;
		width:205px;
	}
	
	.fs12fw600{
		font-size:12pt;
		font-weight:600;
	}
	
	.v_menu_title{
		position:relative;
		left:7.5px;
		top:-1px;
		font-size:14px;
	}

	.map_date_select{
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		line-height:22px;
		height:30px;
		font-size:14.5px;
		vertical-align:middle;
		color:royalblue;
		-webkit-text-fill-color: royalblue;
		text-align:center;
		padding:2px 5px;
		border-radius:1px;
		-webkit-appearance: none;
		appearance: none;
	}

	.map_record_prevfwd{
		font-size:14.5px;
		border-radius:1px;
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		line-height:22px;
		height:30px;
		width:50px;
		text-align-last:center;
		margin-left:5px;
	}
	
    .map_record_select{
		font-size:15px;
		border-radius:1px;
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		line-height:22px;
		height:30px;
		width:50px;
		text-align-last:center;
		margin-left:15px
	}

	.map_searchwd{
		height:30px;
		font-size:15px;
		color:dimgray;
		padding:5px 10px;
		border:1px solid #e1e1e1;
		width:225px;
		background-color:white;
		/* margin-top:5px; */
	}
	
	.chk_nodate{
		position: relative;
		left:2px;
		transform: scale(1.25);
		background-color: white;
		border:1px solid lightgray;
		width:16px;
		height:16px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.chk_nodate:checked{
		border:1px solid royalblue;
	}

	.root_search_btn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		display       	: inline-block;
		border-radius 	: 1px;         
		font-size     	: 14px;       
		text-align    	: center;     
		cursor        	: pointer;    
		padding       	: 2px 10px;  
		background-color: royalblue;      
		height		  	: 30px;
		width		  	: 75px;
		margin-left		: 1px;
		opacity:1;
	}
	
	.root_search_btn:hover{ 
		background-color:midnightblue;
	}

	.v_btn{
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		border-bottom:none;
		color:royalblue;
		width:100px;
		height:25px;
		cursor:pointer;
		padding:2px 5px;
		display:flex;
		z-index: 200;
	}
	
	.v_btn:hover{
		/* background-color:midnightblue; */
	}

	.v_btn_area{
		width:300px;
		border:1px solid #e9e9e9;
		padding:5px 10px 50px 5px;
		position:relative;
		z-index:110;
		background-color:rgba(255,255,255,0.9);
		box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.5);
	}
	
	.route_map{
		width:100vw;
		z-index:108;
		position:relative;
		left:-100px;
		/* left:-120px; */
		height: calc(100vh - 105px);
		/* margin-top:-17.5px; */
		margin-top:-20px;
	}
	
	.route_map_test{
		width:100vw;
		height:100vh;
	}

	.v_s_menu{
		opacity:1;
	} 

	.infowindowIcondtl{
		margin-left:5px;
		border-radius:1px 1px 0 0;
		font-size:10pt;
		height:22px;
	}
	
	.content_map_custom{
		display:flex;
		margin-top:75px;
		position:relative;
	}
	
	.content_map_sidemenu{
		width:100px;
		z-Index:100;
	}

	.content_map_maparea{
		/* width:1360px; */
		width: calc(100vw - 100px);
		z-Index:99;
	}

	
	.route_map_width{
		/* width:1360px; */
		width:100vw;
		z-index:999;
	}

	.pc_disp_width_mapcustom{
		/* width:1360px; */
		width:100vw;
		margin:0 auto;
	}

	.footer_container_map{
		display:flex;
		justify-content: center;
		height:50px;
		margin:2.5px 0 0 15px;
		/* background-color: white; */
	}
	
	.clear_btn_map{
		transform:scale(1.5);
		font-weight:100;
		position:relative;
		left:-20px;
		top:-2px;
	}
	
	.clear_btn_map:hover{
		font-weight:400;
	}
	
	.map_month_date_disp{
		font-size:14px;
		position:relative;
		left:2.5px;
		top:-1.5px;
	}
	
	
	.map_comment_disp{
		margin-left:5px;
		font-size:14px;
		/* color:dimgray; */
		position:relative;
		top:-0.5px;
	}

	.monthly_rep_map{
		border:1px #e1e1e1 solid;
		padding:2px 10px;
		font-size: 15px;
		color:royalblue;
		line-height:22px;
		width:95px;
		height:30px;
		background-color:whitesmoke;
		margin-left:15px;
		text-align-last:center;
	}
	
	.closebtn{
		float:right;
		cursor:pointer;
		position:relative;
		top:-15px;
		left:5px;
	}
	
	.closebtn:hover{
		transform:scale(1.1);
	}

	.dtl_window{
		margin:5px 0 5px 5px;
		font-size:10pt;
		/* width:250px; */
		background-color:white;
		padding:5px 10px;
		border-radius:1px;
		border:1px solid #e9e9e9;
	}

	.infowindow_route{
		/* display:inline-block; */
		width:200px;
		/* line-height:18px; */
		background-color:whitesmoke;
		padding:2.5px 10px;
		color:gray;
		font-size:14px;
		font-weight:300;
	}

	.bg_footer_map{
		position: fixed;
		bottom:0;
		height:50px;
		width: 100vw;
		background-color:whitesmoke;
		z-index: 9998;
		border-top:0.75px solid #e1e1e1;
	}

	.footer_map{
		position:fixed;
		bottom:0;
		z-index:9999;
		height:50px;
		width:100vw;
		background-color:whitesmoke;
		box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
	}


	.scroll-nav-map{
		overflow-x: scroll;
		/* overflow-y: scroll; */
		scrollbar-width:700px;
		/* width:70vw; */
	}

	.scroll_nav_area_map{
		width:795px;
		padding:2px 0 5px 0;
		display:flex;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	
	.scroll_nav_area_map::-webkit-scrollbar {
		height:7.5px;
		width:30px;
	}
	
	
	.scroll_nav_area_map::-webkit-scrollbar-track {
		background-color:white;
		
	}
	
	.scroll_nav_area_map::-webkit-scrollbar-thumb {
		background-color: lightblue;
		border:1px solid lightskyblue;
		border-radius: 1px;
	}
	
	.footer_left_arrow_map{
		position:relative;
		top:3px;
		left:5px;
		width:30px;
		/* border:1px solid; */
	}
	
	.footer_right_arrow_map{
		position:relative;
		top:3px;
		left:-2.5px;
		width:30px;
		/* border:1px solid; */
	}
	
	.any_route_select{
		position: relative;
		width: 15px;
		height: 15px;
		border: 1px solid deepskyblue;
		background-color: white;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.any_route_select_lbl{
		font-size:13.5px;
		position:relative;
		top:3px;
		left:-1px;
	}

	.any_route_select_window{
		position:absolute;
		z-index: 999;
		width:100vw;
		height:95vh;
		background-color:rgba(175, 237, 237, 0.75);
		display:none;
		padding:5px 10px;
	}

	.closebtn_any_route{
		float:right;
		cursor:pointer;
		position:relative;
		top:5px;
		left:1px;
		transform:scale(1.5);
	}
	
	.closebtn_any_route:hover{
		transform:scale(1.75);
	}

	.route_select_window{
		margin:35px 0 10px 5px;
		display:flex;
		overflow-y:scroll;
		flex-wrap: wrap;
		height:75vh;
	}
	
	.route_select_window::-webkit-scrollbar {
		/* height:16px; */
		width:18px;
	}
	
	.route_select_window::-webkit-scrollbar-track {
		background-color: snow;
	}
	
	.route_select_window::-webkit-scrollbar-thumb {
		background-color: rgb(106, 182, 228);
		border-radius: 2px;
	}

	.contentdtl_gps_select{
		/* margin-left:5px; */
		margin:5px;
		width:250px;
		padding:5px 10px;
		background-color:whitesmoke;
	}
	.contentdtl_gps_select:hover{
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
		outline:1px solid deepskyblue;
	}

	.deriv_date_gps{
		border:0.5px solid deepskyblue;
		transform: scale(1.25);
		margin-bottom:2.5px;
	}

	.route_select_btn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		border-radius 	: 1px;         
		font-size     	: 10pt;       
		text-align    	: center;     
		cursor        	: pointer;    
		padding       	: 2px 5px;  
		background-color: royalblue;      
		height		  	: 30px;
		width		  	: 90px;
		opacity:1;
		margin-top:5px;
	}
	
	.route_select_btn:hover{ 
		background-color:midnightblue;
	}

	.bookmark_map_route_select{
		width:10px;
		height:15px;
		position:relative;
		top:1px;
		margin-left:2px;
		opacity:0.75;
	}
	
	.route_select_cnt{
		font-size:10pt;
	}

	.footer_hide{
		margin:5px;
		cursor:pointer;
		height:17px;
	}
	
	.footer_hide:hover{
		transform:scale(1.25);
	}
	
	.footer_open{
		position:absolute;
		bottom:2.5px;
		left:75px;
		background-color:royalblue;
		box-shadow:1px 1px 2px #e1e1e1;
		width:50px;
		height:22px;
		z-index:999;
		color:snow;
		font-size:10pt;
		padding:2px 5px;
		border-radius:1px;
		cursor:pointer;
		opacity:0;
	}

	.fncbtn{
		z-index:109;
		position:relative;
	}

	.removerect{
		border:0.5px solid dimgray;
		transform: scale(1.25);
		margin-bottom:2.5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: snow;
	}

	.removerect:checked:before{
	}
	
	.removerect_lbl{
		font-size:10pt;
	}

	.date_disp_sw{
		position: relative;
		width: 15px;
		height: 15px;
		border: 1px solid dimgray;
		background-color: white;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.date_disp_sw_lbl{
		position: relative;
		top:2.5px;
		left:2px;
		font-size:10pt;
	}

	.date_disp_sw_btn{
		background-color: royalblue;
		-webkit-text-fill-color: snow;
		border-radius:1px;
		padding:2px 5px;
		/* width:20px; */
		/* height:20px; */
		font-size:8pt;
	}

	.search_pointer_right_down_map{
		width: 8px;
		height: 8px;
		border: 2px solid;
		border-color: royalblue royalblue transparent transparent;
		transform: rotate(45deg);
		position:relative;
		top:5px;
	}

	.date_disp_iconNR_pin,
	.date_disp_iconRC_pin{
		position:relative;
		top:7px;
		left:-20px;
		z-index:100;
		margin-top:-32px;
	}

	.pincenter_map{
		width:6px;
		height:6px;
		border-radius:50%;
		background-color:snow;
		position:relative;
		top:13.5px;
		left:9px;
		z-index:100;
	}

	.route_rect_select{
		position: relative;
		/* width: 15px;
		height: 15px;
		border: 1px solid deepskyblue; */
		display:none;
		
	}
	
	.route_rect_select_lbl{
		font-size:13.5px;
		position:relative;
		top:3px;
		/* left:-1px; */
		border:1px solid royalblue;
		color:gray;
		padding:1px 5px;
		background-color:snow;
	}
	
	.route_map_list_switch_outline{
		width:25px;
		height:40px;
		background-color:white;
		border:1px solid lightgray;
		border-left:0;
		border-radius:0 5px 5px 0;
		z-index:200;//mapのzindexが108
		margin-top:2.5px;
		visibility: hidden;
		position:relative;
		/* left:2.5px; */
		/* margin-left:-100px; */
	}
	
	.route_map_list_switch{
		width: 0;
		height: 0;
		border-top:11px solid transparent;
		border-bottom:11px solid transparent;
		border-left: 13px solid royalblue;
		border-right: 0;
		cursor:pointer;
		z-index:3;
		background-color:transparent;
		margin:7.5px 0 0 2.5px;
	}
	
	.route_map_list_switch:hover{
		border-left:13px solid midnightblue;
	}
	
	.opencd_btn{
		width:20px;
		height:20px;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		border-radius:1px;
		font-size:13px;
		color:royalblue;
		-webkit-text-fill-color:royalblue;
	}
	
	.opencd_btn:focus{
		border:none;
		outline:1px solid royalblue;
		border-radius:0;
	}



/* dest-alert-x.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	.dest_alert_info{
		background-color: snow;
		border-radius: 2px;
		font-size: 10.5pt;
		padding: 1.5px 5px;
		opacity:0.9;
		font-weight:500;
		width:95px;
	}
	
	.section_header_dest_alert{
		display:flex;
		margin-left:10px;
	}
	
	.dest_filter{
		font-size:14px;
		border-radius:1px;
		color:royalblue;
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		padding:2px 10px;
		height:25px;
		/* width:95px; */
		text-align-last:center;
	}
	
	.dest_filter:focus,
	.rt_filter:focus{
		outline:1px solid royalblue;
		border-radius:0px;
	}
	  
	.dest_filter_position{
		position:relative;
		left:22.5px;
		display:flex;
		justify-content: space-between;
		width:800px;
	}
	
	.rt_filter{
		font-size:14px;
		border-radius:1px;
		color:royalblue;
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		padding:2px 10px;
		height:25px;
		text-align-last:center;
	}
	  
	.dest_disp_area{
		margin:5px 10px 50px 22.5px;
		width:800px;
		font-size:10.5pt;
	}
	  
	.pref_city_tab{
		margin-top:10px;
		padding:1px 5px;
		background-color:#e1e1e1;
		width:125px;
		border-radius:1px 1px 0 0;
		color:gray;
	}
	  
	.pref_city_upperline{
		border-top:1px solid #e1e1e1;
		width:90vw;
	}
	  
	.pref_city_verticalline{
		border-left:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;
		width:90vw;
	}
	  
	.townaddress_disp{
		padding:5px;
		letter-spacing:-0.3px;
		background-color:#f9f9f9;
		font-weight:500;
		width:90vw;
	}
	
	.townaddress_disp_rt4{
		background-color:crimson;
	}
	  
	.regist_info_disp{
		padding:2px 5px;
		letter-spacing:-0.3px;
		white-space:pre-wrap;
	}
	  
	.regist_info_img{
		position:relative;
		top:2px;
		left:3px;
		width:16px;
	}
	  
	.pref_city_bottomline{
		border-bottom:1px solid #e1e1e1;
		width:90vw;
	}
	
	.dest_alert_btn_position{
		margin:40px 0 0 20px;
		display:flex;
		justify-content:right;
		width:750px;
	}
	
	.delrec_info{
		width:810px;
		background-color:mistyrose;
		color:dimgray;
		font-size:10pt;
		border:1px solid pink;
		padding:2px 5px;
		margin:10px;
		cursor:pointer;
	}
	
	.ud_rec_info{
		width:810px;
		background-color:whitesmoke;
		color:dimgray;
		font-size:10pt;
		border:1px solid #e9e9e9;
		padding:2px 5px;
		margin:10px;
		cursor:pointer;
	}
	
	.dest_alert_input{
		font-size:10pt;
		background-color: #e9e9e9;
		-webkit-text-fill-color: royalblue;
		padding:1px 5px;
		height:20px;
		border-radius:2px;
	}

	/* .map_area_destalert{
		margin-left:20px;
		position:relative;
		z-index:1;
	} */
	
	.markerdrag{
		margin-left:22.5px;
		font-size:10pt;
		color:orangered;
		width:245px;
		padding:2px 5px;
		position:relative;
		top:1.5px;
		z-index:2;
		background-color:rgb(255,255,255,0.9);
	}
	
	.destimg{
		margin-left:20px;
		width:780px;
	}
	

/* dest-alert-detail.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	.regist_info{
		color:dimgray;
	}
	
	.deriv_date_recent{
		color:dimgray;
		width:100%;
		height:35px;
	}
	
	.deriv_date_recent:hover{
		outline:none;
	}
	
	input[type="date"]::-webkit-date-and-time-value {
		text-align: left;
		padding-left:3px;
	}
	
	.no_record{
		margin:0 10px;
		padding:0 5px;
		font-size:10pt;
	}
	
	.record_detail_tbl{
		margin-left:20px;
		font-size:10pt;
		width:90vw;
		letter-spacing:0.1px;
	}
	
	.td_address,
	.td_rt{
		vertical-align:top;
		background-color:#e9e9e9;
		padding:1.5px 5px;
		height:50px;
	}
	
	.td_address_disp{
		vertical-align:top;
		background-color:snow;
		padding:1.5px 5px;
		width:62.5vw;
	}
	
	.td_rt_disp,
	.td_recent_disp,
	.td_img_disp,
	.td_memo_disp{
		/* vertical-align:top; */
		background-color:snow;
		padding:1.5px 3px;
		border:1px solid royalblue;
	}
	
	.img_size{
		width:740px;
	}
	
	.td_rt_disp_input{
		width:750px;
		height:42.5px;
		white-space:pre-wrap;
		color:dimgray;
		padding:1px 3px;
	}
	
	.td_rt_disp_input:hover{
		outline:none;
	}
	
	.td_img_disp_file_position{
		margin:5px 0 5px 5px;
	}
	
	.td_img_disp_file{
		font-size:8pt;
		letter-spacing:0.1px;
	}
	
	.td_memo_disp_input{
		color:dimgray;
		width:750px;
		height:92.5px;
		padding:1px 3px;
	}
	
	.td_memo_disp_input:hover{
		outline:none;
	}
	
	.td_recent{
		vertical-align:top;
		background-color:#e9e9e9;
		padding:1.5px 5px;
		height:35px;
		text-align:left;
	}
	
	.td_img{
		vertical-align:top;
		background-color:#e9e9e9;
		padding:1.5px 5px;
	}
	
	.td_memo{
		vertical-align:top;
		background-color:#e9e9e9;
		padding:1.5px 5px;
		height:100px;
	}
	
	.delchkbox{
		margin:12.5px 0 20px 15px;
		font-size:14px;
	}
	
	.img_del_chkbox_disp{
		border:1px solid dimgray;
		transform: scale(1.25);
	}
	
	.chkbox_lbl{
		position:relative;
		top:-2.5px;
		left:7.5px;
	}
	
	.img_del_chkbox{
		margin:10px 5px;
		font-size:9.5pt;
		border-top:1px dashed #e1e1e1;
		padding:10px 0 0 0;
	}
	
	.prefcitytownaddress{
		margin-left:20px;
		font-size:11pt;
		/* background-color:snow; */
		width:750px;
		padding:2px 5px;
	}
	
	.latlng_disp{
		display:flex;
		font-size:10pt;
		margin-bottom:5px;
	}
	
	.lat{
		color:gray;
		width:85px;
		padding:0 2px;
		height:25px;
	}
	
	.lng{
		margin-left:2.5px;
		color:gray;
		width:90px;
		padding:0 2px;
		height:25px;
	}

	.latlngaddress_disp{
		color:gray;
		width:210px;
		padding:0 2px;
		position:relative;
		top:2.5px;
		font-size:9.5pt;
		letter-spacing:0.5px;
	}
	
	.rt_update_disp{
		width:750px;
		white-space:pre-wrap;
		color:dimgray;
		padding:2px 5px;
		margin-left:20px;
		font-size:10pt;
		height:75px;
		border:1px solid #e9e9e9;
		border-radius:0;
	}
	
	.rt_update_disp:focus{
		outline:1px solid royalblue;
		border-radius:0; 
	}
	
	.rt_memo_disp{
		width:750px;
		white-space:pre-wrap;
		color:dimgray;
		padding:2px 5px;
		margin-left:20px;
		font-size:10pt;
		height:50px;
		border:1px solid #e9e9e9;
		border-radius:0;
	}
	
	.rt_memo_disp:focus{
		outline:1px solid royalblue;
		border-radius:0; 
	}  
	
	.rt_filter_disp,
	.recent_date_disp,
	.img_title_disp,
	.memo_title_disp{
		margin:5px 0 0 20px;
		font-size:10pt;
		background-color:#e9e9e9;
		width:165px;
		padding:1px 5px;
	}  
	
	.recent_date_block{
		margin-left:20px;
		font-size:10.5pt;
		padding:2px 5px;
		border:1px solid #e9e9e9;
		width:750px;
	}
	
	.recent_date_block:focus{
		border:1px solid royalblue;
	}
	
	.regist_info_underlen24{
		height:24px;
		resize:none;
		overflow:hidden;
	}
	
	.img_disp_block{
		margin-left:20px;
		padding:5px;
		border:1px solid #e9e9e9;
		width:750px;
	}
	
	.map_area_destalert{
		margin-left:20px;
		z-index:10;
		position:relative;
	}
	
	.map_view_destalert{
		width:750px;
		height:525px;
	}

	.pin_elm{
		padding:1px 10px;
		border-radius:1px;
		text-align: center;
		border:2px solid royalblue;
		z-index:999;
		cursor:pointer;
		font-size:14px;
		background-color:white;
	}
	
	.pin_elm:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -7.5px;
		border: 7.5px solid transparent;
		border-top: 7.5px solid royalblue;
	}

	
/* dest-alert-inputx.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	.pref_select,
	.city_select,
	.town_select,
	.regist_select{
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:1px 5px;
		border-radius:1px;
		text-align-last:center;
		font-size:13.5px;
		border-bottom:none;
	}
	
	.pref_select:focus,
	.city_select:focus,
	.town_select:focus,
	.regist_select:focus{
		outline:1px solid royalblue;
		border-radius:0px;
	}
	.addressNoinput{
		border:1px solid gainsboro;
		padding:2px 5px;
		line-height:22px;
		width:125px;
		/* background-color:snow; */
		color:gray;
	}
	
	.addressBuildinginput{
		border:1px solid gainsboro;
		padding:2px 5px;
		line-height:22px;
		width:300px;
		/* background-color:snow; */
		color:gray;
	}
	
	.prefcitytown_position,
	.add1add2_position,
	.regist_type{
		margin-left:20px;
		font-size:14px;
	}
	
	.ml225_position{
		margin-left:22.5px;
	}
	
	.regist_detail{
		margin-top:2.5px;
		border:1px solid #e1e1e1;
		width:98.5%;
		height:50px;
		padding:2px 5px;
		border-radius:0px;
		color:gray;
		/* background-color:snow; */
		font-size:14px;
	}
	
	.fs95{
		font-size:9.5pt;
	}
	
	.regist_memo{
		/* margin-left:22.5px; */
		border:1px solid #e1e1e1;
		width:98.5%;
		height:100px;
		padding:2px 5px;
		color:gray;
		font-size:14px;
		/* background-color:snow; */
	}
	
	.regist_detail:focus,
	.regist_memo:focus,
	.addressBuildinginput:focus,
	.addressNoinput:focus{
		outline: none;
		border: none;
		border: 1px solid royalblue;
	}
	
	.regist_type_conf{
		margin-left:20px;
		font-size:13.5px;
	}

	.menu_list_view_destalert{
		display:flex;
		width:1000px;
	}

	.right_contents_destalert{
		width:800px;
	}

	.contents_width_destalert{
		width:800px;
	}
	
	.contents_width_destalert_inner{
		margin-left:110px;
	}

	.addressNoinput::placeholder{
		color:lightgray;
	}

	.addressBuildinginput::placeholder{
		color:lightgray;
	}
	
	.regist_detail_conf{
		font-size:10.5pt;
		margin-left:22.5px;
		width:750px;
		/* white-space:pre-wrap; */
		overflow: scroll;
		overflow-x: hidden;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		height:60px;
	}
	
	.regist_memo_conf{
		font-size:10.5pt;
		margin-left:22.5px;
		width:750px;
		white-space:pre-wrap;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		height:75px
	}

	.dest_alert_btn_position_conf{
		margin:40px 0 0 20px;
		display:flex;
		justify-content:right;
		width:750px;
	}
	
	.marker_position_adjust{
		/* margin-left:22.5px; */
		font-size:11pt;
		color:orangered;
		/* width:245px; */
		padding:2px 5px;
		/* position:relative;
		top:1.5px;
		z-index:11;
		background-color:rgb(255,255,255,0.9); */
	}
	
	.dest_alert_map_position{
		position:relative;
		top:-20px;
	}
	
/* dest-alert-mapx.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	
	.dest_alert_map{
		width:100vw;
		height:calc(100vh - 55px);
		z-index:1;
		position:relative;
		/* margin-left:-327.5px; */
		/* margin-left:-16px; */
		margin-left:-25px;
		margin-top:-20px;
	}
	
	.infodisplay_frame{
		margin:0 0 0 2px;
		position:relative;
		/* left:2.5px; */
		width:350px;
		height:calc(100vh - 75px);
		z-index:2;
		border:1px solid #e1e1e1;
		background-color:rgba(255,255,255,0.9);
		padding:5px 10px;
		box-shadow: 10px 10px 20px -10px rgba(168, 168, 168, 0.9);
	}
	
	.closebtn_dest_alert{
		float:right;
		cursor:pointer;
		position:relative;
		top:-2.5px;
		left:7.5px;
	}

	.closebtn_dest_alert:hover{
		transform:scale(1.2);
	}
	
	.iconfs{
		font-size:20px;
	}
	
	.iconfs_rv{
		width:25px;
		height:17.5px;
		border:1px solid royalblue;
		background-color:rgba(255,255,255,0.9);
		padding:1.5px 2.5px;
		text-align:center;
		/* transform:scale(1.5); */
	}
	
	.iconfs_rv:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border: 5px solid transparent;
		border-top: 5px solid royalblue;
	}
	
	.iconfs_rv_1{//解除コード
		width:17px;
		height:17px;
		border:1px solid royalblue;
		background-color:rgba(240,248,255,0.9);
		/* border-radius:50%; */
		padding:1px 1.5px;
		text-align:center;
	}

	.iconfs_rv_2{//メール室時間
		width:17px;
		height:17px;
		border:1px solid orange;
		background-color:rgba(255,255,255,0.9);
		/* border-radius:50%; */
		padding:1px 1.5px;
		text-align:center;
	}
	
	.iconfs_rv_3{
		background-color:rgba(192,192,192,0.9);
		border-radius:10.5px;
	}
	
	.iconfs_rv_4{
		background-color:rgba(245,245,245,0.9);
		border-radius:10px;
	}

	
	.iconfs_rv_5{
		background-color:rgba(255,255,255,0.9);
		border-radius:10px;
	}
	
	
	/* .iconfs_rv_4{//4トラブル
		width:17px;
		height:17px;
		border:1px solid red;
		background-color:rgba(255,255,255,0.9);
		/* border-radius:50%; */
		/* padding:0 1px;
		text-align:center;
	} */ 

	.iconfs_rv_8{//工場・病院・大学等
		width:17px;
		height:17px;
		border:1px solid gray;
		background-color:rgba(255,255,255,0.9);
		/* border-radius:50%; */
		padding:1px 1.5px;
		text-align:center;
	}

	.iconfs_rv_9{//その他
		width:17px;
		height:17px;
		border:1px solid lightsteelblue;
		background-color:rgba(255,255,255,0.9);
		/* border-radius:50%; */
		padding:1px 1.5px;
		text-align:center;
	}





	
	.shbox{
		width:45px;
		height:45px;
		border-radius:50%;
		border:3px solid royalblue;
		text-align:center;
		padding:4.25px;
		
	}

	.shbox:hover{
		box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.35);
	}
	
	.contentx_map{
		/* margin-left:5px; */
		padding:2px 5px;
		background-color:rgba(244,244,244,0.9);
		font-size:15px;
		font-weight:600;
		/* border-top:1px solid #e1e1e1; */
		width:250px;
		height:40px;
		line-height:22px;
		border:1px solid gray;
		border-bottom:none;
	}
	
	.contentx_map:hover{
		box-shadow:inset 0px 0px 10px 0px rgba(128, 128, 128, 0.5);
		cursor:pointer;
	}
	
	.reginfo{
		font-size:13px;
		/* border-bottom:1px solid #e1e1e1; */
		padding:2px 5px;
		background-color:rgba(255,249,249,0.9);
		border:1px solid gray;
		border-top:none;
	}
	
	.reginfo:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -10px;
		border: 10px solid transparent;
		border-top: 10px solid gray;
	
	}

	.alert_count{
		/* width:65px; */
		/* line-height:18px; */
		/* border:1px solid lightsteelblue; */
		/* border-radius:1px; */
		/* padding:0 5px; */
		/* text-align:center; */
		color:gray;
		font-size:14px;
		margin-left:1.5px;
		/* height:22px; */
	}

	.tri-right-pointer-registcd{
		width: 0;
		height: 0;
		border-top:5px solid transparent;
		border-bottom:5px solid transparent;
		border-left:5px solid dimgray;
		border-right: 0;
		position:relative;
		top:5px;
		left:7.5px;
	}
	
	.side_menu_btn_map{
		width:110px;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		height:25px;
		padding:1px 7.5px;
		margin-top:10px;
		font-size:14px;
		cursor:pointer;
	}

	.side_menu_btn_map:hover{
		border:1px solid royalblue;
		/* font-weight:700; */
	}
	
	.chkmark{
		content: '';
		width: 8px;
		height: 4px;
		border-left: 1.5px solid azure;
		border-bottom: 1.5px solid azure;
		transform: rotate(-45deg);
		position:relative;
		top:-9px;
		left:0.5px;
	}

	.chkframe{
		width: 10px;
		height: 10px;
		background-color:rgb(106, 182, 228);
		border-radius:1px;
	}
	
	.P_pkg_date_disp_icon{
		float:right;
		position:relative;
		top:3px;
		left:1px;
		
	}
	
	.P_pkg_date_disp_icon_dtl{
		/* float:right; */
		position:relative;
		top:5px;
		left:5px;
		transform:scale(1.25);
	}

	
	.dest_alert_list_area_outline{
		padding:5px 2.5px 10px 1px;
		box-shadow: 0px 2px 10px 5px rgba(168,168,168, 0.25);
	}
	
	.dest_alert_list_area{
		margin-top:5px;
		font-size:13.5px;
		/* height:75vh; */
		height:calc(100vh - 315px);
		overflow-y:scroll;
		padding:2.5px;
		opacity:0.9;
		/*  */
	}
	
	.dest_alert_list_area::-webkit-scrollbar {
		width:5px;
	}
	
	.dest_alert_list_area::-webkit-scrollbar-track {
		background-color: whitesmoke;
	}
	
	.dest_alert_list_area::-webkit-scrollbar-thumb {
		background-color: lightblue;
		border-radius: 1px;
	}
	
	.townaddress_disp_map{
		padding:2px 5px;
		background-color:whitesmoke;
		letter-spacing:-0.1px;
	}
	
	.pref_city_upperline_map,.pref_city_bottomline_map{
		border-top:1px solid #e1e1e1;
	}
	
	.regist_info_disp_map{
		padding:1px 5px;
		white-space:pre-wrap;
		color:gray;
		height:30px;
	}
	
	.regist_info_disp_map_short{
		padding:1px 5px;
		color:gray;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height:30px;
	}

	.dest_map_list_switch_outline{
		width:25px;
		height:40px;
		background-color:white;
		border:1px solid lightgray;
		border-left:0;
		border-radius:0 5px 5px 0;
		z-index:3;
		margin-top:2.5px;
		visibility: hidden;
		position:relative;
		/* left:2.5px; */
		margin-left:-352px;
	}
	
	.dest_map_list_switch{
		width: 0;
		height: 0;
		border-top: 11px solid transparent;
		border-bottom: 11px solid transparent;
		border-left: 13px solid royalblue;
		border-right: 0;
		cursor:pointer;
		z-index:3;
		background-color:transparent;
		margin:7.5px 0 0 5px;
	}
	
	.dest_map_list_switch:hover{
		border-left:13px solid midnightblue;
	}

	.tri-right-pointer-map{
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 13.5px solid royalblue;
		border-right: 0;
		visibility: hidden;
		cursor:pointer;
		position:relative;
		z-index:3;
		margin-left:-350px;
		margin-top:2.5px;
	}
	
	.tri-right-pointer-map:hover{
		transform:scale(1.1);
		border-left:14px solid midnightblue;
	}
	
	.alert_lbl{
		margin-left:2.5px;
		font-size:14px;
	}

	.input_form{
		width:700px;
		/* height:700px; */
		background-color:white;
		border:1px solid #e1e1e1;
		position:absolute;
		z-index:-1;
		display:none;
		padding:2.5px 10px 30px 10px;
	}
	
	.prefcitytown_lbl_map{
		position:relative;
		/* top:3.5px; */
		left:-5px;
		border:1px solid #e1e1e1;
		border-radius:1px;
		padding:0.5px 7.5px;
		color:gray;
		font-size:14px;
	}
	
	.pref_disp_map,
	.city_disp_map,
	.town_disp_map{
		display:flex;
		flex-wrap:wrap;
		font-size:15px;
		border-bottom:1px solid #e9e9e9;
		margin-left:20px;
	}
	
	.prefbtn_map{
		border-radius : 1px;     
		font-size     : 15px;     
		text-align    : center;    
		padding       : 2.5px 10px;   
		background    : royalblue;     
		color         : snow;
		-webkit-text-fill-color: snow;     
		height		  : 30px;
		margin-bottom :50px;
		margin:5px 10px 0 0;
		float:right;
	}
	
	.btn_disabled{
		background-color:#e1e1e1;
	}
	
	.city_disp_inner_map,
	.town_disp_inner_map{
		margin:5px 10px 10px 10px;
		display:flex;
		flex-wrap: wrap;
		
	}
	
	/* .citytown_window{
		overflow-y:auto;
	} */
	
	.city_town_window_inner{
		overflow-y:auto;
		width:680px;
		margin:0 10px 0 0;
		height:calc(100vh - 125px);
		padding-bottom:10px;
	}
	
	.city_town_window_inner::-webkit-scrollbar {
		/* height:7.5px; */
		width:5px;
	}
	
	
	.city_town_window_inner::-webkit-scrollbar-track {
		background-color:whitesmoke;
	}
	
	.city_town_window_inner::-webkit-scrollbar-thumb {
		background-color: lightblue;
		border-radius: 1px;
	} 
	
	.regist_detail_mapx_conf{
		font-size:14px;
		margin-left:20px;
		width:400px;
		white-space:pre-wrap;
		overflow: auto;
		overflow-x: hidden;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		height:60px;
		color:dimgray;
	}

	.regist_detail_mapx_conf:focus{
		border:0;
		outline:1px solid royalblue;
		border-radius:0; 
	}
	
	.regist_detail_mapx_conf::-webkit-scrollbar {
		width:5px;
	}
	
	.regist_detail_mapx_conf::-webkit-scrollbar-track {
		background-color:snow;
	}
	
	.regist_detail_mapx_conf::-webkit-scrollbar-thumb {
		background-color: lightblue;
		border-radius: 1px;
	}


	.regist_memo_mapx_conf{
		width:400px;
		white-space:pre-wrap;
		padding:2px 5px;
		margin-left:20px;
		font-size:14px;
		height:75px;
		border:1px solid #e9e9e9;
		border-radius:0;
		color:dimgray;
	}
	
	.regist_memo_mapx_conf:focus{
		border:0;
		outline:1px solid royalblue;
		border-radius:0; 
	} 
	
	.regist_memo_mapx_conf::-webkit-scrollbar {
		width:5px;
	}
	
	.regist_memo_mapx_conf::-webkit-scrollbar-track {
		background-color:snow;
	}
	
	.regist_memo_mapx_conf::-webkit-scrollbar-thumb {
		background-color: lightblue;
		border-radius: 1px;
	}

	.dest_alert_btn_position_mapx_conf{
		margin:40px 0 0 20px;
		display:flex;
		justify-content:right;
		width:400px;
	}

	.mapx_area_destalert{
		/* margin-left:20px; */
		z-index:10;
		position:relative;
	}

	.mapx_view{
		width:calc(100vw - 450px);
		height:calc(100vh - 55px);
		resize: vertical;
		overflow: hidden;
		margin-top:-20px;
	}

	.img_size_mapx{
		width:395px;
		/* height:395px; */
		object-fit:contain;
		margin-left:20px;
		border:1px solid #e1e1e1;
		visibility:hidden;
		margin-top:1.5px;
		padding:1px;
		background-color:#e1e1e1;
	}
	
	.img_size_byte{
		margin-left:20px;
		position:relative;
		/* top:-5px; */
		font-size:14px;
	}
	
	
	.left_col{
		padding:5px 10px;
		/* border-top:1px solid whitesmoke; */
		width:450px;
		height:calc(100vh - 55px);
		margin-top:-20px;
		/* overflow: hidden; */
		position:relative;
		z-index:5;
	}
	
	.left_col_content{
		height:calc(100vh - 100px);
		overflow-y:auto;
		overflow-x:hidden;
	}
	
	.left_col_content::-webkit-scrollbar {
		width:5px;
	}
	
	.left_col_content::-webkit-scrollbar-track {
		background-color:whitesmoke;
	}
	
	.left_col_content::-webkit-scrollbar-thumb {
		background-color: lightblue;
		border-radius: 1px;
	}
	
	.map_conf_latlng_position{
		margin-left:20px;
		display:flex;
		font-size:13.5px;
	}
	
	.map_conf_latlng{
		color:gray;
		width:85px;
		/* padding:0 0.5px; */
	}
	
	.imgfile_selectbtn{
		font-size:13.5px;
		padding:2px 5px;
		background-color:whitesmoke;
		color:royalblue;
		border:1px solid #e1e1e1;
	}
	
	.pin_elm_regist{
		padding:2px 5px;
		/* border-radius:1px; */
		/* text-align: center; */
		border:2px solid royalblue;
		z-index:999;
		cursor:pointer;
		font-size:15px;
		background-color:white;
		width:225px;
	}
	
	.pin_elm_regist:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid royalblue;
	}
	
	.regist_msg_icon{
		color:white;
		background-color:royalblue;
		border:2px solid royalblue;
		border-bottom:0;
		padding:1px 5px;
		width:225px;
		font-size:13px;
	}
	
	.regist_select_mapconf{
		color:royalblue;
		background-color:whitesmoke;
		border:1px solid #e1e1e1;
		padding:2px 5px;
		border-radius:1px;
		text-align-last:center;
		font-size:13.5px;
		border-bottom:none;
		letter-spacing:1px;
	}
	
	.delrec_info_map{
		/* width:810px; */
		/* background-color:mistyrose; */
		color:dimgray;
		font-size:14px;
		/* border:1px solid pink; */
		padding:2px 5px;
		margin:10px;
		cursor:pointer;
	}
	
	.ud_rec_info_map{
		/* width:810px; */
		/* background-color:whitesmoke; */
		color:dimgray;
		font-size:14px;
		/* border:1px solid #e9e9e9; */
		padding:2px 5px;
		margin:10px;
		cursor:pointer;
	}
	
	.chkbox_lbl_map{
		position:relative;
		top:2.5px;
		left:5px;
		font-size:14px;
	}
	

	
/* performance.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	.pc_disp_width_pfcustom{
		width:1360px;
		margin:0 auto;
	}
	
	.menu_to_2ndmenu_margin_pf{
		width:1360px;
		margin:65px 0 50px 0;
		/* border:1px solid; */
	}
	
	.menu_list_view_pf{
		/* display:flex; */
		/* justify-content: space-between;
		width:1360px; */
		margin-left:5px;
		
	}
	
	.head_menu_pf{
		/* margin:10px; */
		padding:5px 10px;
		border:1px solid #e1e1e1;
		display:flex;
		/* width:1360px; */
		margin:5px;
	}
	
	.right_container_pf{
		/* width:1190px; */
		padding:0 0 0 5px;
		/* width:1360px; */
	}

	.dscrp1{
		width:10px;
		height:10px;
		border-radius:50%;
		background-color:lightcoral;
	}
	
	.dscrp2{
		width:10px;
		height:10px;
		border-radius:50%;
		background-color:lightblue;
	}

	.dscrp3{
		width:10px;
		height:10px;
		border-radius:50%;
		background-color:lightslategray;
	}

	.dscrp4{
		width:10px;
		height:10px;
		border-radius:50%;
		background-color:lightgreen;
	}
	
	.question_db{
		font-size:10pt;
		padding:0.5px 2.5px;
		background-color:orange;
		color:snow;
		border-radius:1px 1px 0 0;
		text-align:center;
		width:17.5px;
		height:17.5px;
		position:relative;
		top:1.5px;
		left:2.5px;
		cursor:pointer;
	}
	
	.P_pkg_ratio_pf,
	.miss_deriv_ratio_pf,
	.NoRTS_ratio_pf,
	.Noderiv_ratio_pf{
		background-color:#e9e9e9;
		width:180px;
		font-size:10pt;
		letter-spacing:0.1px;
		text-align:center;
		height:25px;
		padding:5px;
	}

	.P_pkg_ratio_disp_pf,
	.miss_deriv_ratio_disp_pf,
	.NoRTS_ratio_disp_pf,
	.Noderiv_ratio_disp_pf{
		border-bottom:1px solid #e9e9e9;
		border-left:1px solid #e9e9e9;
		border-top:0;
		border-top:none;
		width:180px;
		letter-spacing:0.1px;
		text-align:center;
		height:95px;
		padding:15px;
		font-size:16pt;
		font-weight:700;
	}

	.tri-down-pointer_pf{
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 25px solid transparent;
		border-left: 25px solid transparent;
		border-top: 10px solid gainsboro;
		border-bottom: 0;
		margin-left:55px;
	}

	.tri-right-pointer_pf{
		width: 0;
		height: 0;
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
		border-left: 17.5px solid gainsboro;
		border-right: 0;
		position:relative;
		top:10px;
		left:10px;
	}

	.deriv_area_block_pf{
		margin:2.5px 5px 5px 0;
		background-color:#e9e9e9;
		border-radius:2px;
		padding:2.5px 5px;
		font-size:10pt;
		color:royalblue;
		letter-spacing:0.1px;
		cursor:pointer;
		width:175px;
		justify-content: space-between;
		display:flex;
	}

	.deriv_area_count_pf{
		display:inline-block;
		/* background-color:snow; */
		padding:1px 4px;
		color:gray;
		font-size:9pt;
		border-radius:1px;
		font-family: Noto Sans JP;
		width:30px;
		text-align:right;
	}
	
	.record_range{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:#e1e1e1;
		padding:2px 10px;
		height:20px;
		text-align-last:center;
	}

	.dest_NR_ratio_pf{
		display:inline-block;
		/* background-color:whitesmoke; */
		padding:1px 4px;
		color:dimgray;
		font-size:9pt;
		border-radius:1px;
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
		border:0.5px solid whitesmoke;
	}

	.dest_NR_ratio_pf_u3{
		display:inline-block;
		padding:1px 4px;
		background-color:crimson;
		color:snow;
		font-weight:700;
		font-size:9pt;
		border-radius:1px;
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
		opacity:0.8;
		border:0.5px solid crimson;
	}

	.dest_NR_ratio_pf_u1{
		display:inline-block;
		padding:1px 4px;
		background-color:dimgray;
		color:#e9e9e9;
		font-weight:700;
		font-size:9pt;
		border-radius:1px;
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
		opacity:0.8;
		border:0.5px solid dimgray;
	}

	.dest_NR_ratio_pf_o7{
		display:inline-block;
		padding:1px 4px;
		color:royalblue;
		background-color:snow;
		font-weight:700;
		font-size:9pt;
		border:0.5px solid royalblue;
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
	}

	.dest_NR_ratio_pf_ov80{
		display:inline-block;
		padding:1px 4px;
		color:snow;
		background-color:royalblue;
		font-weight:700;
		font-size:9pt;
		border:0.5px solid royalblue;
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
	}

	.dest_NR_ratio_pf_ov60{
		display:inline-block;
		padding:1px 4px;
		color:snow;
		background-color:rgba(135,157,224, 1);
		font-weight:700;
		font-size:9pt;
		border:0.5px solid rgba(135,157,224, 1);
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
	}

	.dest_NR_ratio_pf_ov40{
		display:inline-block;
		padding:1px 4px;
		color:gray;
		/* background-color:snow; */
		font-weight:400;
		font-size:9pt;
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
	}

	.dest_NR_ratio_pf_ov20{
		display:inline-block;
		padding:1px 4px;
		color:snow;
		background-color:rgba(219,110,132, 1);
		font-weight:700;
		font-size:9pt;
		border:0.5px solid rgba(219,110,132, 1);
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
	}


	.dest_NR_ratio_pf_ud20{
		display:inline-block;
		padding:1px 4px;
		color:snow;
		background-color:crimson;
		font-weight:700;
		font-size:9pt;
		border:0.5px solid crimson;
		font-family: Noto Sans JP;
		width:40px;
		text-align:center;
	}

	.deriv_area_block_pfx{
		margin:2.5px 5px 5px 0;
		background-color:whitesmoke;
		border:1px solid #e9e9e9;
		border-radius:1px;
		padding:2.5px 5px;
		font-size:10pt;
		color:royalblue;
		letter-spacing:0.1px;
		cursor:pointer;
		width:225px;
		justify-content: space-between;
		display:flex;
	}

	.cnt_ratio_sort_btn{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:#e1e1e1;
		padding:2px 5px;
		height:20px;
		position:relative;
		left:10px;
		/* top:17.5px; */
		text-align-last:center;
	}

	.cnt_filter_btn{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:#e1e1e1;
		padding:2px 5px;
		height:20px;
		position:relative;
		left:10px;
		/* top:17.5px; */
		text-align-last:center;
	}
	
	/* .deriv_result{
		overflow-x:scroll;
	}

	.deriv_result::-webkit-scrollbar {
		height:16px;
	}
	
	.deriv_result::-webkit-scrollbar-track {
		background-color: snow;
	}
	
	.deriv_result::-webkit-scrollbar-thumb {
		background-color: gainsboro;
		border-radius: 2px;
	} */
	
	.ranklist{
		margin:2.5px 0 0 20px;
		display:flex;
		overflow-x:scroll;
	}

	.ranklist::-webkit-scrollbar {
		height:16px;
	}
	
	.ranklist::-webkit-scrollbar-track {
		background-color: snow;
	}
	
	.ranklist::-webkit-scrollbar-thumb {
		background-color: rgb(106, 182, 228);
		border-radius: 2px;
	}

	.ranklist_u125{
		margin:2.5px 0 0 20px;
		display:flex;
		/* overflow-x:scroll; */
	}

	.city_sort_btn{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:#e1e1e1;
		padding:2px 7.5px;
		height:20px;
		position:relative;
		left:10px;
		/* top:17.5px; */
		text-align-last:center;
		
	}
	
	.dest_cnt_NR_btn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		border-radius 	: 1px;         
		font-size     	: 10pt;       
		text-align    	: center;     
		cursor        	: pointer;    
		padding       	: 0.5px 10px;  
		background-color: royalblue;      
		height		  	: 20px;
		margin-left		: 10px;
		position:relative;
		/* top:1px; */
	}
	
	.dest_cnt_NR_btn:hover{ 
		background-color:midnightblue;
	}
	
	.per_disp_award_pf{
		display:inline-block;
		width:85px;
		border-bottom:1px solid darkgray;
		padding-bottom:1px
	}
	
	input[type="radio"]{
		-webkit-appearance: none;
		width:14px;
		height:14px;
		border:1px solid deepskyblue;
		border-radius: 50%;
	}
	
	input[type="radio"]:before {
		content: "";
		display: block;
		width: 80%;
		height: 80%;
		margin: 10% auto;
		border-radius: 50%;
		background: whitesmoke;
	}

	input[type="radio"]:checked:before {
		background: royalblue;
		/* border:0.5px solid deepskyblue; */
	}

	input[type="radio"]:hover {
		background: rgba(63,104,224,0.5);
		
	}

	.rank_disp{
		position:relative;
		top:-3.5px;
		left:-6px;
		width:20px;
		font-size:9pt;
		/* padding:0.5px 2.5px; */
		color:skyblue;
		text-align:center;
		/* border:1px solid; */
		font-family:Noto Sans JP;
		
	}

	.deriv_area_block_description{
		margin:0 5px 0 0;
		font-size:9pt;
		width:225px;
		height:15px;
		display:flex;
	}

	.range_search_btn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		display       : inline-block;
		border-radius : 2px;         
		font-size     : 10pt;       
		text-align    : center;     
		cursor        : pointer;    
		padding       : 2px 5px;  
		background-color    : royalblue;      
		height		  : 24px;
		width		  : 50px;
		opacity:0.3;
	}
	
	.range_search_btn:hover{ 
		background-color    : midnightblue;
	}
	
	.range_search_btn_position{
		/* margin:5px; */
		/* text-align:right; */
	}
	
	.position_ougi{
		width: 25px;
		height: 25px;
		border-top-left-radius: 25px;
		background: linear-gradient(to left top, dodgerblue,10%,white);
		transform: rotate(45deg);
		opacity:0.5;
	}
	
	.position_circle{
		width: 20px;
		height: 20px;
		border-radius:50%;
		background-color: dodgerblue;
		border:4px solid whitesmoke;
		position:relative;
		left:2px;
		top:-4px;
		z-index:999;
		
	}

	.townname_disp{
		z-index:1;
		position:relative;
		/* height:22px;  */
		padding:2px 5px;
		border:1px solid lightgray;
		background-color:snow;
		position:relative;

	}

	.townname_disp_ov10ratio{
		z-index:1;
		position:relative;
		height:22px; 
		padding:2px 5px;
		/* border:1px solid lightgray; */
		background-color:royalblue;
		color:snow;
		position:relative;
	
	}

	.townname_disp_u1{
		z-index:1;
		position:relative;
		height:22px; 
		padding:2px 5px;
		border:1px solid #e9e9e9;
		background-color:snow;
		color:lightgray;
		position:relative;
	
	}

	.deriv_ratio_ov80{
		box-shadow: 3px 3px 5px rgba(63,104,224, 1);
	}

	.deriv_ratio_position_ov80{
		position:relative;
		top:1.5px;
		color:snow;
		font-weight:700;
		width:30px;
		background-color:royalblue;
		padding:0.5px 2.5px;
		border-radius:1px 1px 0 0;
		text-align:center;
	}

	.deriv_ratio_ov60{
		box-shadow: 1px 1px 3px rgba(135,157,224, 1);
	}

	.deriv_ratio_position_ov60{
		position:relative;
		top:1.5px;
		color:snow;
		width:30px;
		background-color:rgba(135,157,224, 1);
		padding:0.5px 2.5px;
		border-radius:1px 1px 0 0;
		text-align:center;
	}

	.deriv_ratio_ov40{
		box-shadow: 1px 1px 3px gainsboro;
	}
	
	.deriv_ratio_position_ov40{
		position:relative;
		top:1.5px;
		color:gray;
		width:30px;
		background-color:gainsboro;
		padding:0.5px 2.5px;
		border-radius:1px 1px 0 0;
		text-align:center;
	}

	.deriv_ratio_ov20{
		box-shadow: 1px 1px 3px rgba(219,110,132, 1);
	}
	
	.deriv_ratio_position_ov20{
		position:relative;
		top:1.5px;
		color:snow;
		width:30px;
		background-color:rgba(219,110,132, 1);
		padding:0.5px 2.5px;
		border-radius:1px 1px 0 0;
		text-align:center;
	}

	.deriv_ratio_ud20{
		box-shadow: 1px 1px 3px crimson;
	}

	.deriv_ratio_position_ud20{
		position:relative;
		top:1.5px;
		color:snow;
		width:30px;
		background-color:crimson;
		padding:0.5px 2.5px;
		border-radius:1px 1px 0 0;
		text-align:center;
	}

	.deriv_ratio{
		/* box-shadow:1px 1px 2px dimgray; */
	}

	.deriv_ratio_position{
		position:relative;
		top:1.5px;
	}

	.deriv_area_count_map{
		background-color:#e9e9e9;
		padding:0.5px 4px;
		color:dimgray;
		font-size:8pt;
		border-radius:1px;
		position:relative;
		left:2px;
		top:-0.5px;
	}

	.ranklist_map{
		margin:5px;
		overflow-y:scroll;
		overflow-x:hidden;
		height:89vh;
		width:255px;
		z-index:2;
		background-color:rgba(255,249,249,0.8);
		padding:5px;
		/* border:1px solid; */
		position:absolute;
		box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
	}
	
	.ranklist_map::-webkit-scrollbar {
		width:16px;
	}
	
	.ranklist_map::-webkit-scrollbar-track {
		background-color:whitesmoke;
	}
	
	.ranklist_map::-webkit-scrollbar-thumb {
		background-color: rgba(168, 168, 168,0.8);
		border-radius: 2px;
	}

	.content_NRratio_destcnt{
		margin-top:65px;
		position:relative;
		/* border:1px solid; */
	}

	.pc_disp_width_NRratio_destcnt{
		width:1360px;
		/* width:95vw; */
		margin:0 auto;
	}

	.NRratio_map{
		/* width:1360px; */
		/* height:85vh; */
		/* height: 92.5vh; */
		z-index:1;
	}
	
	.NRratio_function_window{
		margin-top:5px;
		position:relative;
		left:5px;
		width:325px;
		height:180px;
		z-index:2;
		background-color:rgba(255,255,255,0.75);
		padding:5px 10px;
		box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
	}
	
	.ranklist_switch_frame{
		width:25px;
		height:40px;
		background-color:white;
		border:1px solid lightgray;
		border-left:0;
		border-radius:0 5px 5px 0;
		z-index:3;
		margin-top:2.5px;
		display:none;
		position:relative;
		left:2.5px;
	}

	.ranklist_switch{
		width: 0;
		height: 0;
		border-top: 11px solid transparent;
		border-bottom: 11px solid transparent;
		border-left: 13px solid royalblue;
		border-right: 0;
		cursor:pointer;
		z-index:3;
		background-color:transparent;
		margin:7.5px 0 0 5px;
	}
	
	.ranklist_switch:hover{
		/* transform:scale(1.2); */
		border-left:13px solid midnightblue;
	}

	.cnt_ratio_sort_btn_ranklist{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:#e1e1e1;
		padding:2px 5px;
		height:22px;
		text-align-last:center;
	}
	
	.city_sort_btn_ranklist{
		font-size:10pt;
		border-radius:1px;
		color:royalblue;
		background-color:#e1e1e1;
		padding:2px 5px;
		height:22px;
		position:relative;
		left:5px;
		text-align-last:center;
	}

	.closebtn_ranklist{
		cursor:pointer;
		z-index: 3;
		width:20px;
	}
	
	.closebtn_ranklist:hover{
		transform:scale(1.2);
	}

	.ranklist_search_btn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		border-radius 	: 1px;         
		font-size     	: 10pt;       
		text-align    	: center;     
		cursor        	: pointer;    
		padding       	: 1.5px 10px;  
		background-color: royalblue;      
		height		  	: 21px;
		
		position:relative;
		top:1px;
	}
	
	.ranklist_search_btn:hover{ 
		background-color:midnightblue;
	}

	.filter_dtl{
		margin-left:20px;
		width:160px;
		display:none;
		box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
		position:absolute;

	}
	
	.closebtn_filter{
		position:relative;
		left:2.5px;
		cursor:pointer;
	}

	.closebtn_filter:hover{
		transform:scale(1.2);
	}


/* result-other.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	.tab-wrap {
		display: flex;
		flex-wrap: wrap;
		margin:20px 0;
	}
	.tab-wrap:after {
		content: '';
		width: 100%;
		height: 2px;
		background: royalblue;
		display: block;
		order: -1;
	}
	.tab-label {
		color: lightgray;
		background: whitesmoke;
		font-weight: bold;
		/* text-shadow: 0 -1px 0 rgba(0,0,0,.2); */
		white-space: nowrap;
		text-align: center;
		padding: 10px .5em;
		order: -1;
		position: relative;
		z-index: 1;
		cursor: pointer;
		border-radius: 2px 2px 0 0;
		flex: 1;
	}
	.tab-label:not(:last-of-type) {
		margin-right: 2px;
	}
	.tab-content {
		width: 100%;
		height: 0;
		overflow: hidden;
		opacity: 0;
		
	}
	/* アクティブなタブ */
	.tab-switch:checked+.tab-label {
		background: royalblue;
		color:snow;
	}
	.tab-switch:checked+.tab-label+.tab-content {
		height: 80vh;
		/* overflow: auto; */
		padding: 15px;
		opacity: 1;
		/* transition: .5s opacity; */
		/* box-shadow: 0 0 3px rgba(0,0,0,.2); */
		border:1px solid royalblue;
	}
	/* ラジオボタン非表示 */
	.tab-switch {
		display: none;
	}

	.mailalertbtn_position{
		margin-top:20px;
		display:flex;
		justify-content:center;
	}
	
	.square_btn {
		display: block;
		position: relative;
		width: 14px;
		height: 14px;
		border: 1px solid snow; /* 枠の調整 */
		/* background: #fff; /* ボタンの背景色 */
	}
	 
	.square_btn::before, .square_btn::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2px; /* 棒の幅（太さ） */
		height: 16px; /* 棒の高さ */
		background: snow; /* バツ印の色 */
	}
	 
	.square_btn::before {
		transform: translate(-50%,-50%) rotate(45deg);
	}
	
	.square_btn::after {
		transform: translate(-50%,-50%) rotate(-45deg);
	}
	
	.centering{
		text-align:center;
	}

	.mailalert_cnt{
		/* background-color:lightblue; */
		/* opacity:0.75; */
		/* color:silver; */
		/* padding:0 2.5px; */
		/* text-align:center; */
		font-size:9pt;
		/* width:22px; */
		
	}
	
	.updateform{
		position:absolute;
		width:400px;
		height:200px;
		background-color:snow;
		border:1px solid lightblue;
		display:none;
		
	}

/* result-x1.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	.tenko-gm-err-disp{
		margin-top:5px;
		border:1px solid pink;
		width:350px;
		padding:5px 10px;
		font-size:11pt;
		background-color:mistyrose;
	}

/* result-daily.php XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	.content_map_daily{
		display:flex;
		margin-top:75px;
		position:relative;
	}


	.item_name{
		font-size:16px;
		font-weight:700;
	}
	
	.item_name_next{
		font-size:16px;
		font-weight:700;
		margin-top:15px;
	}
		

		
	.v_pin_frame{
		width:11px;
		height:11px;
		background-color:snow;
		border-radius:50% 50% 1px 50%;
		border:1px solid;
		transform:rotate(45deg);
		position:relative;
		top:-2.5px;
		z-index:2;
	}

	.v_pin_inner{
		transform:rotate(-45deg);
		font-size:12px;
		color:whitesmoke;
		position:relative;
		left:-0.5px;
		top:1.5px;
		text-align:center;

	}

	.col1_result_lbl,
	.col2_result_lbl{
		margin-top:5px;
		height:30px;
		width:135px;
		padding:2.5px;
		border:1px solid whitesmoke;
		color:royalblue;
		display:inline-block;
		font-size:15px;
		text-align:center;
		border-radius:1px 1px 0 0;
	}
	
	.active_tab{
		background-color:royalblue;
		color:snow;
	}

	.left_col_contents{
		height:calc(100vh - 75px);
		border:1px solid #e1e1e1;
		/* border-bottom:none; */
		padding:5px 5px 25px 5px;
		margin-top:5px;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	
	
	.left_col_contents::-webkit-scrollbar {
		width:0;
	}
	
	.left_col_contents::-webkit-scrollbar-track {
		/* background-color:white; */
	}
	
	.left_col_contents::-webkit-scrollbar-thumb {
		/* background-color: lightblue;
		border-radius: 1px; */
	}
	
	.deriv_date_area_daily{
		border:1px solid #e1e1e1;
		border-left:none;
		border-right:none;
		background-color:whitesmoke;
		/* line-height:18px; */
		height:26px;
		font-size:15px;
		/* color:royalblue; */
		-webkit-text-fill-color: royalblue;
		letter-spacing:1px;
		text-align-last:center;
		padding:0 10px;
		width:120px;
	}
	
	.deriv_date_area_daily:hover{
		background-color:royalblue;
		-webkit-text-fill-color: snow;
		border:1px solid royalblue;
		cursor:pointer;
	}
	
	.fw_record{
		background-color:snow;
		width:24px;
		height:26px;
		border-radius:1px;
		border:1px solid #e1e1e1;
		border-left:none;
	}

	.bk_record{
		background-color:snow;
		width:24px;
		height:26px;
		border-radius:1px;
		border:1px solid #e1e1e1;
		border-left:none;
		rotate:180deg;
	}

	
	.dest_cnt_table_daily{
		margin-top:5px;
		width:425px;
	}
	
	.tb_header{
		display:flex;
		border-bottom:1px solid #e1e1e1;
		width:420px
	}
	
	.tb_contents{
		border-bottom:1px solid #e1e1e1;
		width:420px;
	}

	.th_col1_daily{
		width:125px;
	}
	
	.th_col2_daily,.th_col3_daily{
		font-size:15px;
		width:65px;
		text-align:right;
		font-weight:500;
	}
	
	.th_col4_daily{
		
	}
	
	.td_row1_daily{
		font-size:14px;
		width:120px;
	}
	
	.cnt_result_table_daily{
		font-weight:700;
		font-size:19px;
		text-align:right;
		padding-left:5px;
		width:65px
	}
	
	.td_miss_deriv_daily{
		text-align:left;
		width:170px;
	}	
	
	.RTS_detail_disp_daily{
		display:flex;
		margin-left:5px;
	}
	  
	.RTS_table_daily{
		/* border-bottom:1px solid #e1e1e1; */
		width:420px;
	}
	
	.RTS_table_th1_daily{
		font-size:14px;
		width:120px;
		padding:2px;
	}
	
	.RTS_table_th2_daily{
		width:65px;
		font-size:10pt;
		text-align:right;
	}
	
	.RTSno_deriv_daily{
		background-color:crimson;
		color:snow;
		padding:1px 5px;
		border-radius:1px;
		font-size:14px;
		line-height:18px;
		border:1px solid rgba(182, 3, 39, 1);
		/* box-shadow: 0 0 2px rgba(192, 192, 192, 0.75); */
	}
	
	.RTS_deriv_daily{
		margin:1px 1.5px;
		background-color:whitesmoke;
		color:gray;
		padding:1px 5px;
		border-radius:1px;
		font-size:14px;
		line-height:18px;
		border:1px solid #e1e1e1;
		/* box-shadow: 0 0 2px rgba(192, 192, 192, 0.75); */
	}
	
	.RTSmiss_deriv_daily{
		background-color:gray;
		color:snow;
		padding:0.5px 5px;
		border-radius:1px;
		font-size:14px;
		margin-left:5px;
		line-height:18px;
		font-weight:400;
		width:50px;
		box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
	}

	
	.pointer_RC{
		margin:0 2.5px;
		width: 0;
		height: 0;
		border-top: 7.5px solid transparent;
		border-bottom: 7.5px solid transparent;
		border-left: 7.5px solid darkgray;
		border-right: 0;
		position:relative;
		top:4.5px;
		left:2.5px;
	}
	
	.BLK_disp_daily{
		font-size:15px;
		color:gray;
		padding:1px 2.5px;
		margin-left:2.5px;
		font-weight:400;
	}
	
	.deriv_dest_frame{
		box-shadow: 0 0 5px rgba(192, 192, 192, 0.75);
		display:flex;
	}
	
	.deriv_dest_detail{
		height:300px;
		/* background-color:whitesmoke; */
		width:210px;
		padding:1px;
		overflow-y:scroll;
		overflow-x:hidden;
		
	}
	
	.deriv_dest_detail::-webkit-scrollbar {
		width:7.5px;
	}
	
	.deriv_dest_detail::-webkit-scrollbar-track {
		background-color:white;
	}
	
	.deriv_dest_detail::-webkit-scrollbar-thumb {
		background-color: lightblue;
		border-radius: 1px;
	}

	.deriv_area_block_daily{
		margin:2px 0 1px 2px;
		/* background-color:snow; */
		border-radius:1px;
		padding:2.5px 5px;
		color:royalblue;
		cursor:pointer;
		border:1px solid #e1e1e1;
		display:flex;
		justify-content: space-between;
		width:195px;
		background-color:white;
	}
	
	.deriv_area_townname_daily{
		display:inline-block;
		letter-spacing:0.1px;
		font-size:13.5px;
		font-family:Noto sans JP;
		width:100px;
		vertical-align:middle;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.deriv_area_count_daily{
		display:inline-block;
		padding:0.5px 2px;
		color:gray;
		letter-spacing:0.1px;
		vertical-align:middle;
		font-size:13.5px;
		border-radius:1px;
		position:relative;
		top:-1px;
		font-family:Noto sans JP;
		width:27.5px;
		text-align:right
	}
	
	.deriv_area_xratio_daily{
		display:inline-block;
		padding:0.5px 2px;
		color:gray;
		letter-spacing:0.1px;
		vertical-align:middle;
		font-size:13.5px;
		border-radius:1px;
		position:relative;
		top:-1px;
		font-family:Noto sans JP;
		text-align:right;
	}
	
	.deriv_time_detail_daily{
		margin-left:5px;
		width:210px;
		font-size:13.5px;
		padding:1px;
		font-family:Noto sans JP;
		border-left:0.75px solid #e1e1e1
	}

	.td_start_end_marker_daily{
		width:70px;
		border:1px solid #e1e1e1;
		font-size:14px;
		padding:2px 5px;
		letter-spacing:-0.5px;
		background-color:whitesmoke;
	}

	.midlat_deg_daily{
		transform:rotate(-90deg);
		font-size:13.5px;
		text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75);
		color:gray;
	}
	
	.lng_disp_daily,.diagkm_disp_daily{
		font-size:13.5px;
		text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75);
		color:gray;
	}
	
	.map_daily_submenu{
		width:200px;
		height:25px;
		/* border:1px solid #e1e1e1;
		background-color:white; */
		margin-top:-10px;
		margin-left:5px;
		position:relative;
		z-index:6;
		display:flex;
	}
	
	.left_col_hidetab{
		position:relative;
		z-index:7;
		width:22.5px;
		height:40px;
		background-color:white;
		border:0.5px solid lightgray;
		border-radius:0 5px 5px 0;
		/* box-shadow: 0 0 2px rgba(192, 192, 192, 0.75); */
		border-left:none;
	}
	
	
	.hidetab_pointer{
		width: 0;
		height: 0;
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		border-left: 11px solid;
		border-right: 0;
		cursor:pointer;
		z-index:3;
		background-color:transparent;
		margin:10px 0 0 5px;
		rotate:180deg;
	}
	
	.mapx_view_daily{
		width:calc(100vw - 450px);
		height:calc(100vh - 55px);
		margin-top:-35px;
		position:relative;
		z-index:1;
	}

	.min_limit_daily{
		position:relative;
		top:0.5px;
		left:2px;
	}
	
	.min_limit_over_daily{
		position:relative;
		top:0.5px;
		left:2px;
		color:crimson;
	}

	.comment_area_rv_detail_daily{
		width:417.5px;
		padding:2px 5px 10px 5px;
		font-size:15px;
		white-space:pre-wrap;
		color:gray;
		overflow-y:scroll;
		box-shadow: 0 0 5px rgba(192, 192, 192, 0.75);
	}
	
	.comment_area_rv_detail_len0_daily{
		visibility:hidden;
		height:5px;
	}
	
	.comment_area_rv_detail_daily:focus{
		outline:none;
		border:1px solid royalblue;
	}

	.comment_area_rv_detail_daily::-webkit-scrollbar {
		width:5px;
	}
	
	.comment_area_rv_detail_daily::-webkit-scrollbar-track {
		background-color: none;
	}
	
	.comment_area_rv_detail_daily::-webkit-scrollbar-thumb {
		background-color: rgb(106, 182, 228);
		border-radius: 1px;
	}
	
	.KPI_one_x_frame{
		box-shadow: 0 0 5px rgba(192, 192, 192, 0.75);
		display:flex;
		justify-content: space-between;
	}

	.KPI_one_x_title{
		border:1px solid #e1e1e1;
		background-color:whitesmoke;
		border-bottom:none;
		width:137.5px;
		font-size:13.5px;
		text-align:center;
		height:25px;
		padding:2px 5px;
		color:gray;
	}

	.KPI_one_x_data{
		border:1px solid #e1e1e1;
		border-top:none;
		border-bottom:none;
		width:137.5px;
		text-align:center;
		height:55px;
		padding:7.5px 10px;
		font-size:19px;
		font-weight:700;
	}

	.KPI_one_x_past30avg{
		border:1px solid #e1e1e1;
		border-top:none;
		background-color:whitesmoke;
		padding:0px 5px;
		border-radius:1px;
		font-size:13.5px;
		font-weight:300;
		width:137.5px;
		text-align:center;
		color:gray;
	}
	
	.search_result_area_daily{
		margin:5px 0 5px 0;
		font-size:14px;
		padding:2px 5px;
		/* border-top:1px solid whitesmoke; */
		color:gray;
		box-shadow: 0 0 5px rgba(192, 192, 192, 0.75);
		font-size:15px;
	}
	
	.search_result_area_daily:hover{
		outline:1px solid royalblue;
	}

	.route_disp_cp_daily{
		padding:0 7.5px;
		background-color:rgb(237, 237, 237);
		color:lightslategray;
		margin-left:2px;
		font-size:13.5px;
		border-radius:1px;
	}
	
	.strlen_comment_daily{
		font-size:13.5px;
		color:crimson;
	}
	
	.pin_judge_frame{
		border:1px solid gray;
	}
	
	.pin_judge_daily{
		background-color:whitesmoke;
		padding:2.5px;
		line-height:18px;
		font-size:15px;
		width:180px;
		color:gray;
	}
	
	.pin_judge_dtl_daily{
		background-color:white;
		padding:5px 10px;
		display:flex;
		/* justify-content:space-between; */
	}

	.pinchk1_lbl,
	.pinchk2_lbl{
		border:1px solid royalblue;
		padding:2.5px 10px;
		display:inline-block;
		font-size:14px;
		margin:5px;
	}
	
	.pinlbl_notselected{
		border:1px solid #e1e1e1;
	}
	
	.v_pin_address{
		font-size:15px;
		margin-left:5px;
	}
	
	.rec_add_btn_position{
		position:absolute;
		bottom:5px;
		left:265px;
		padding:1px 5px;
	}
	
	.rec_add_btn{
		-webkit-appearance: none;
		appearance: none;
		-webkit-text-fill-color: snow;
		border-radius:1px;         
		font-size:14px;       
		text-align:center;     
		cursor:pointer;    
		padding:2.5px 5px;  
		background-color:#e1e1e1;         
		height:25px;
		width:60px;
		margin-left:10px;
	}
	
	.restpinpkg{
		font-size:13.5px;
		margin-left:5px;
		color:gray;
	}
	
	.multi_loc_chkbx{
		border:1px solid gray;
		position:relative;
		top:5px;
		margin-left:10px;
	}
	
	.multi_loc_lbl{
		margin-left:2.5px;
		color:gray;
		font-size:14px;
		position:relative;
		top:0.5px;
	}

	.pin_comment_area{
		border:1px solid #e1e1e1;
		width:255px;
		height:60px;
		padding:2px 5px;
		font-size:15px;
		white-space:pre-wrap;
		letter-spacing:0.1px;
		color:gray;
		overflow-y: hidden;
	}
	
	.pin_comment_area:focus{
		outline:none;
		border:1px solid royalblue;
	}
	
	.real_pin_body{
		cursor:pointer;
		width:22px;
		height:22px;
		border:1.5px solid snow;
		background-color:rgb(43,44,45);
	}

	.real_pin_outside{
		display:flex;
		position:relative;
		left:22px;
		top:5px;
		font-size:13.5px;
	}
	
	.grp_disp{
		position:relative;
		top:2px;
	}

	.v_to_real_result{
		font-size:15px;
		color:gray;
		padding:2px 5px;
		overflow-y:scroll;
		overflow-x:hidden;
		height:40px;
	}

	.v_to_real_result::-webkit-scrollbar {
		width:0;
	}

	.real_pin_SEQ{
		position:relative;
		top:33px;
		left:-0.5px;
		color:snow;
		z-index:100000;
		font-size:13px;
		text-align:center;
		width:25px;
		letter-spacing:-1px;
	}

	.any_pin_chkbx{
		border:1px solid gray;
		position:relative;
		
	}

	.any_pin_lbl{
		margin-left:2.5px;
		color:gray;
		font-size:14px;
		position:relative;
		top:2.5px;
	}

	.v_pin_time{
		width:90px;
		height:25px;
		border-bottom:1px solid #e1e1e1;
		padding:0 2.5px;
		width:60px;
		text-align:center;
	}

	.point_disp_closebtn{
		position:relative;
		top:2.5px;
		left:28px;
		cursor:pointer;
	}






}