@CHARSET "UTF-8";
	.nav_title {
		background-color: #fff !important;
		color: #000 !important;
	}
	.nav_menu {
		background-color: #fff !important;
		color: #000 !important;
	}
	.left_col{
		background-color: #fff !important;
		color: #000 !important;
	}
	.nav-sm .nav.side-menu li a {
		background-color: #fff !important;
		color: #000 !important;
	}
	body .container.body .right_col {
	    background: #fff !important;
	}
	.navbar-nav a {
	    color: #333333 !important;
	}
	.demand_button {
		color: #fff !important;
	}
	.nav.side-menu > li > a, .nav.child_menu > li > a {
		color: #000 !important;
	}
.main_menu_side ul li.selectmenu {
	background:#d9e8ffbd !important;
}
.nav-sm .nav.side-menu li.selectmenu a {
	background:#d9e8ffbd !important;
}

#sptext_edit_sidebutton {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0s linear .1s;
}
.sptext_edit_label {
    align-items: center;
    border-radius: 4px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    justify-content: center;
    color: rgb(29, 161, 242) ;
    background-color: #fff;
    padding: 2px;
}
.dropdown-item > .fa-sign-out:before {
    float: right;
}
.dropdown-menu-sidemenu {
	top: 0px !important;
	left: 70px !important;
}
.btn-rw-clr {
    color: white;
    background-color: rgb(29, 161, 242);
}
.ps__rail-x, .ps__rail-y {
	opacity: 0.6 !important;
}

.scroll_area_bar {
	position: relative;
}

.margin_left_15 {
	margin-left: 15px;
}

.margin_left_5 {
	margin-left: 15px;
}

.no_margin {
	margin: 0;
	padding: 0;
}

.btn {
	font-size: 90%;
}

.form-control {
	height: calc(1.3em + .70rem) !important;
}

.btn_submit_fas {
	margin: 0 !important;
}

.pagination_area {
	background: transparent !important;
	color: transparent !important;
	border: 0;
}

ul.pagination>li.active {

}

.tag_elm {
	line-height: 1;
}

span.tag_elm {
	background: #6c757d;
	color: #F1F6F7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	float: left;
	padding: 5px 9px;
	text-decoration: none;
	margin-right: 5px;
	font-weight: 500;
	margin-bottom: 5px;
	font-family: helvetica;
}

span.tag_elm a {
	color: #F1F6F7 !important;
}

.tagsinput {
	border: 0px;
	background: transparent;
	padding: 6px 6px 0;
	width: 300px;
	overflow-y: auto;
}

.sort:after {
	margin-left: 30px;
	content: "－";
	color: rgba(255, 255, 255, 0.8);
	font-size: 20px;
}

.sort.desc:after {
	content: "▼";
}

.sort.asc:after {
	content: "▲";
}

.sort {
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}

.alert>ul>li {
	padding-inline-start: 10px;
	color: #FFFFFF;
}

.alert>ul {
	margin-bottom: 0px;
}

.scrollbox::-webkit-scrollbar {
	background: #ccc;
	width: 10px;
}

.scrollbox::-webkit-scrollbar-thumb {
	background: #aaa;
	border-radius: 50px;
	height: 50px;
}

header nav ui li form input[type="submit"] {
	/*	height:150px;
	width:150px;*/
	display: inline-block;
	backgroud-color: none;
	background: inherit;
	-webkit-appearance: none;
	border: none;
}

header nav ui li form input[type="submit"]:hover {
	/*	height:150px;
	width:150px;*/
	display: inline-block;
	backgroud-color: none;
	background: inherit;
	-webkit-appearance: none;
	border: none;
	color: black;
}

header nav ui li {
	display: block;
	border-bottom: 1px solid black;
}


footer.footer_area {
	font-size: 10px;
	margin-left: 0px;
}

footer.footer_area>p {
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	cursor: pointer;
}

.fas_white {
	color: white !important;
}

.dataTables_paginate li.active a {
	background: #6c757d !important;
	color: #FFFFFF !important;
}

.top_nav_menu {
	width: 470px !important;
}

.top_nav_title {
	padding-top: 17px;
}

.top_nav_title h5 {
	font-size: 18px;
}

.panel_title_message_area {
	margin-left: 10px;
}

.summery_label_ok {
	color: #ff0000 !important;
}

.btn-rw {
	color: white !important;
	background-color: #004B88 !important;
	padding: .4rem 1rem;
}

.login_content h1 {
	margin: 10px 0 15px;
}

.dspSP {
	display: none;

}

span.forMB {
	display: none;
}
	li.nav-item {
		padding-left: 15px;
	}
@media ( max-width : 1000px) {

	.nav-md .container.body .right_col {
		margin-top: 25px;
	}
}
@media ( max-width : 780px) {
	.top_nav_title.forPC {
		display: none;
	}
}

@media ( max-width : 700px) {
	li.nav-item {
		padding-left: inherit;
	}

	}
@media ( max-width : 650px) {
	span.forPC {
		display: none;
	}
	span.forMB {
		display: inline-block;
	}
	footer#footer div.container div.col-md-6 ul.footernav.dpPC{
			display: none;
	}
	.dspSP {
		display: inherit;

	}
	.dspPC {
		display: none;

	}
}

.nav_menu {
    left: 0;
    z-index: 99999;
}
.top_nav_menu {
    width: inherit !important;
}
.navbar-nav {
/*    flex-grow: 1;*/
    margin-left: auto;
    justify-content: flex-end;
}

a.popupicon {
margin: 0 6px 0 0;
padding-right: 12px;
font-weight: normal;
background: url('//www.jetrun.co.jp/img/icon/link-off.gif') right top no-repeat;
}

a.popupicon:hover {
background: url('//www.jetrun.co.jp/img/icon/link-on.gif') right top no-repeat;
}

span.popupicon {
margin: 0 6px 0 0;
padding-right: 12px;
font-weight: normal;
background: url('//www.jetrun.co.jp/img/icon/link-off.gif') right top no-repeat;
}

span.popupicon:hover {
background: url('//www.jetrun.co.jp/img/icon/link-on.gif') right top no-repeat;
}

p.popupicon {
margin: 0 6px 0 0;
padding-right: 12px;
font-weight: normal;
background: url('//www.jetrun.co.jp/img/icon/link-off.gif') right top no-repeat;
}

p.popupicon:hover {
background: url('//www.jetrun.co.jp/img/icon/link-on.gif') right top no-repeat;
}

		.site_title i {
		    border: 1px solid rgb(29, 161, 242) !important;
		    padding: 5px 6px;
		    border-radius: 50%;
		}
		.site_title {
		    color: rgb(29, 161, 242) !important;
		    font-size: 12px;
		}
		.header_title {
		  float: left;
		  margin: 0;
		  width: 500px;
		  margin-top: 20px;
		}
		.header_title h5 {
		  color: #262c33;
		  font-size: 16px;
		}
		.content_top {
		  padding-bottom: 5px;
		  margin-top: 20px;
		}
		.login_content h1:before, .login_content h1:after {
		    width: 10%;
		}
		.x_title h2 {
		  text-overflow: clip !important;
			    font-weight: normal;
		}
		.top_nav_title {
		    padding-top: 3px;
		}
	    .top_nav_title h5 {
		    font-size: 13px;
		    margin-bottom: 0px;
		    color: #333333;
	    }
		.toggle a i {
		    font-size: 13px;
		}
/* smart 横 */
@media screen and (max-width:767px) {
		.toggle a i {
		    font-size: 26px;
		}
}
		.toggle a {
		    padding: 2px 10px 0;
		    margin: 0;
		    cursor: pointer;
		}
		.top_nav .navbar-right {
			margin-top: 0px;
			margin-left: 5px;
			margin-right: 5px;
			margin-bottom: 0px;
  			color: #333333 !important;
		}
		.top_nav_menu {
			padding-top: 12px;
		    /* width: 150px !important; */
		    /* width: 285px !important; */
		}
		.nav_user {
			font-size: 13px !important;
		}
		.navbar-right {
			padding-top: 12px;
		}
		span.required {
		    color: red;
		    font-size: 50%;
		    padding-left: 5px;
		}
		.top_nav_pullmenu {
			padding-left: 3px;
		}
		.right_col {
		      margin-top: 25px;
		}

		.form_lerge_button {
		    background-color: #1F2F54;
		    padding: 15px;
		    padding-left: 35px;
		    padding-right: 35px;
		    font-size: 120%;
		}
		.x_panel_nonborder{
		    border: none !important;
		}

		.switch {
		  position: relative;
		  display: inline-block;
		  width: 60px;
		  /*height: 34px;*/
		  height: 28px;
		  float:right;
		}
		/* デフォルトのcheckbox隠す */
		.switch input {display:none;}
		/* トグルボタンのスライダー */
		.slider {
		  position: absolute;
		  cursor: pointer;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #ccc;
		  -webkit-transition: .4s;
		  transition: .4s;
		}
		/* スライダーのつまみ部分 */
		.slider:before {
		  position: absolute;
		  content: "";
		  /*height: 26px;*/
		  height: 20px;
		  width: 26px;
		  left: 4px;
		  bottom: 4px;
		  background-color: white;
		  -webkit-transition: .4s;
		  transition: .4s;
		}
		/* checkboxの状態ごとの背景色 */
		input.default:checked + .slider {
		  background-color: #444;
		}
		input.primary:checked + .slider {
		  background-color: #2196F3;
		}
		input.success:checked + .slider {
		  background-color: #8bc34a;
		}
		input.info:checked + .slider {
		  background-color: #3de0f5;
		}
		input.warning:checked + .slider {
		  background-color: #FFC107;
		}
		input.danger:checked + .slider {
		  background-color: #f44336;
		}
		input:focus + .slider {
		  box-shadow: 0 0 1px #2196F3;
		}
		input:checked + .slider:before {
		  -webkit-transform: translateX(26px);
		  -ms-transform: translateX(26px);
		  transform: translateX(26px);
		}
		/* 丸っこいスライダーにも対応 */
		.slider.round {
		  border-radius: 34px;
		}
		.slider.round:before {
		  border-radius: 50%;
		}
	.left_area{
    width: calc(100% - 400px);
    margin-right: 20px;
		float: left;
	}
	.right_area{
		float: right;
    	width: 350px;
	}
/* smart 縦 */
@media screen and (max-width:480px) {
		.left_area{
	  width:100% ;
	}

   .top_nav_title h5 {
	    font-size: 10px;
    }
    .user-profile {
        font-size: 10px;
    }
	#title_textbox {
	  width:25ch;
	  max-width:75%;
	}
	#edit_textbox {
	  width:100%;
	  font-size: 14px !important;
	  max-width:100%;
	}
	.imeresult_area{
	    width: 10%;
        /*
	    width: calc(100% - 26ch);
	    */
	}
	.tgl_button_area {
		display: block;
	}

}
/* smart 横 */
@media screen and (max-width:767px) {

   .top_nav_title h5 {
	    font-size: 10px;
    }
    .user-profile {
        font-size: 10px;
    }
	#title_textbox {
	  width:79ch;
	  max-width:83%;
	}
	#edit_textbox {
	  width:100%;
	  max-width:100%;
	}
	.imeresult_area{
	    width: 10%;
        min-width: 8%;
        /*
	    width: calc(100% - 76ch);
	    min-width: 20%;
	    */
	}
	.tgl_button_area {
		display: block;
	}
}
/* tablet縦 */
@media screen and (min-width:768px) and ( max-width:1023px) {
	#title_textbox {
	  width:55ch;
	  max-width:90%;
	}
	p.hintresult_p {
	  font-size: 11px;
	}
	#edit_textbox {
	  width:100%;
	  max-width:100%;
	  /*font-size: 11px !important;*/
	}
	.imeresult_area{
	    width: 10%;
        min-width: 8%;
        /*
	    width: calc(100% - 76ch);
	    min-width: 11%;
	    */
	    font-size: 10px !important;
	}
	.field.item.form-group.regist {
	    margin-left: 120px;
	}
        #zeus_registerd_card_area, #zeus_new_card_area {
         margin: 0 0 10px 4em !important;
        }
}
/* tablet横 */
@media screen and (min-width:1024px) {
	#title_textbox {
	  width: 70ch;
      max-width: 88%;
	}
	#edit_textbox {
/*	  width: 76ch;*/
	  /* width: 100%;  */
      max-width: 100%;
	}
	.imeresult_area{
	    width: 12%;
        min-width: 10%;
        /*
	    width: calc(100% - 81ch);
        min-width: 13%;
        */
	}
        #zeus_token_card_info_area {
            margin-left: 180px !important;
        }
        .field.item.form-group.regist {
	    margin-left: 120px;
	}
        #zeus_registerd_card_area, #zeus_new_card_area {
         margin: 0 0 10px 4em !important;
        }
}

/* pc (ipad pro~) */
@media screen and (min-width:1201px) {
	#title_textbox {
/*	  width: 76ch;*/
	}
	#edit_textbox {
/*	  width: 76ch;*/
	  font-size:18px;
      max-width: 100%;
	}
	.imeresult_area{
	    width: 12%;
        min-width: 10%;
	}
	.field.item.form-group.regist {
	    margin-left: 120px;
	}
	#zeus_registerd_card_area, #zeus_new_card_area {
        margin: 0 0 10px 4em !important;
    }
}

/* pc  */
@media screen and (min-width:1300px) {

	#title_textbox {
	  width: 63ch;
      /* max-width: 83%;  */
	}
	#edit_textbox {
/*	width: 76ch;*/
    /* max-width: 83%;   */
	}
	.imeresult_area{
	    width: 12%;
        min-width: 10%;
        /*
	    width: calc(100% - 90ch);
        min-width: 20%;
        */
	}
        #zeus_token_card_info_area {
            margin-left: 315px !important;
        }
        .field.item.form-group.regist {
	    margin-left: 120px;
	}
	#zeus_registerd_card_area, #zeus_new_card_area {
        margin: 0 0 10px 4em !important;
    }
}



@media (max-width: 1200px){
	.x_title h2 {
	    width: 87%;
    	white-space: normal !important;
	}
}
.header_remaining_count {
    padding-top: 13px;
    padding-left: 15px;
    color: black;
}


input[type=submit]{
 font-family: FontAwesome
}

ul.nav.panel_toolbox {
    margin-top: 0;
    margin-bottom: 0;
}
.row section {
     padding: 0.3em 0;
}
.x_title h2 {
    width: calc(100% - 80px );
}
.my-5.row.d-flex{
	display: block !important;
	    margin-left: 5px;
	margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.main_area {
	width: 100%;
    flex: none;
}
.main_area .my-5.row.d-flex{
margin-right: 13px;
}
.main_area .col-md-6 {
	width: 100%;
	    max-width: 100%;
    flex: none;
}
.left_area .col-md-6{
  max-width: 100%;
    flex: none;
}
.main_area .col-md-12.left_area_half{
	width: calc((100% - 15px) /2);
	float: left;
}
.main_area .col-md-12.left_area_third{
	width: calc((100% - 15px) /3);
	float: left;
}
.left_area .col-md-12.left_area_half{
	width: calc((100% - 15px) /2);
	float: left;
}

#sponsors .logo-group.logo-group-small li img {
    width: auto;
    height: auto;
}
.section.section__vision{
	padding-top: 20px;
	padding-bottom: 20px;
}


@media (max-width: 1500px){
.main_area {
	width: calc( 100% - 50px ) ;
	margin-right: 50px;
}

}
@media (max-width: 1400px){
.main_area {
	width: calc( 100% - 100px ) ;
	margin-right: 100px;
}

}
@media (max-width: 1300px){
.main_area {
	width: calc( 100% - 150px ) ;
	margin-right: 150px;
}

}
@media (max-width: 998px){
.main_area {
	width: 100%;
	margin-left: 0px;
}
.main_area .col-md-12.left_area_half{
	width: 100% ;
	float: none;
}
.main_area .col-md-12.left_area_third{
	width: 100%;
	float: none;
}

}
ul.compcase {
    width: 100%;
    margin: 0px;
    display: grid;
    padding: 0px;
    grid-gap: 20px;
/*    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));*/
    grid-template-columns: repeat(auto-fit, 100px);
    grid-template-rows: auto;
    align-items: center;
    overflow: hidden;
}
ul.compcase {
    width: 100%;
    display: inline-block;
    margin: 0px;
    display: flex;
    padding: 0px;
    grid-gap: 20px;
    flex-flow: column;
    flex-flow: wrap;
    /* grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); */
    grid-template-columns: repeat(auto-fit, 100px);
    grid-template-rows: auto;
    align-items: center;
    overflow: hidden;
    grid-auto-flow: column;
}
ul.compcase li {
    list-style: none;
    padding: none;
    width: 100px;
}
ul.compcase li img {
	width: 100%;
}
.d-lg-flex.justify-content-between.align-items-center.mb-0{
	line-height: 1rem;
}
.d-lg-flex.justify-content-between.align-items-center.mb-0 p{
	line-height: inherit;
}

.video-top .top-logo {
    font-size: 20px;
    width: inherit;
    text-align: center;
}

.video-top .top-logo  span {
    color: black;
    font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo, 'sans-serif';
}
.video-top .top-logo  span.title {
    font-size: 2.0rem;
    font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo, 'sans-serif';
    color: black;
}


.video-top .top-logo  span.title2 {
    font-size: 2.0rem;
    color: rgb(29, 161, 242);
    font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo, 'sans-serif';
	font-weight: bold;
}
.partners-plain h2{
	font-size:1.2rem;
}
section.partners-plain{
	padding: 0.8rem 0;
}
section.section__vision h2.mb-0.h2_subtitle {
	font-size:1.5rem;
    color: black;
    font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo, 'sans-serif';
	font-weight: normal;

}
section.partners-plain h2.mb-0.h2_subtitle {
	font-size:1.5rem;
    color: black;
    font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo, 'sans-serif';
	font-weight: normal;

}

footer div.container div.col-md-6 {
	margin-left: auto;
    margin-right: auto;
	    text-align: center;
	    max-width: 100%;
    flex: 0 0 auto;
}
footer#footer div.container div.col-md-6 ul.footernav{
	margin-left: auto;
    margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
}
div.video-top {
     padding: 0;
}

section.area-negaposiline.graph-item{
 padding-right: 0px;

}
#rtgptnicon{
	color: blue;
}
footer#footer  li a.cookiearea {
	border: 1px #fff solid;
    padding: 5px;
}

@media (prefers-color-scheme: dark) {
	section.section__vision{
		background: #333333;
    	color: #ffffff;
	}
	section.section__vision h2.mb-0.h2_subtitle {
   	color: #ffffff;
	}
	.x_panel {
		background: #333333;
    	color: #ffffff;
	}
	.top_button_list_item:has(a#editor_button_twitter)
	{
	    background: #ffffff;
    border-radius: 50%;
    width: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;

	}
	.top_button_list_item a#editor_button_twitter img{
		    width: 15px;
    height: 15px;
    /* padding: 5px 0px; */
    line-height: 20px;
	}
	text {
    fill: white;
}
	.area-colorbar div.ratingbar{
		color: white;

	}
	.area-colorbar div.colorbar {
		color: white;
	}
	.area-colorbar div.colorbar.bluebar{
		color: white;
}
.area-colorbar div.colorbar.redbar{
		color: white;
}
.area-colorbar div.colorbar.medicbar{
 		color: white;

}
.area-colorbar div.colorbar.carebar{
		color: white;
}
.area-colorbar div.colorbar.politicsbar{
		color: white;
}
.area-colorbar div.colorbar.overseabar{
		color: white;
}
.area-colorbar div.colorbar.entertainmentbar{
		color: white;
}
.area-colorbar div.colorbar.sportsbar{
		color: white;
}
.area-colorbar div.colorbar.weatherbar{
		color: white;
}
.area-colorbar div.colorbar.royalbar{
		color: white;
}
.area-colorbar div.colorbar.negabar{
		color: white;
}
.area-colorbar div.colorbar.badbar{
		color: white;
}
.area-colorbar div.colorbar.gamebar{
		color: white;


}
.area-colorbar div.colorbar.catebar{
		color: white;

}
.area-colorbar div.colorbar.militarybar{
		color: white;
}

.area-colorbar div.colorbar.ledybar , .area-colorbar div.colorbar.ladybar{
		color: white;
}
.area-colorbar div.colorbar.lgtbbar ,.area-colorbar div.colorbar.lgbtbar{
		color: white;
}
	.alert_message_toast{
		color: white;

	}
	.x_panel span.editor_message_area{
		color: white;
}
	.text_highlight.highlight_sensitive {
    background: linear-gradient(transparent 0%, #ffdfdf 0%);
		color: black;
	}
	div.video-top {
		background: #333333;
	}
	section.content_privacy{
				background: #333333;
    	color: #ffffff;

	}
		section.content_privacy{
				background: #333333;
    	color: #ffffff;

	}

	div.pb-0{
				background: #333333;
    	color: #ffffff;

	}
	section.content_sec2{
				background: #333333;
    	color: #ffffff;

	}

	section.sec.black{
				background: #333333;
    	color: #ffffff;

	}
	section.sec.black form label {
    	color: #ffffff;

	}
	section.sec.black form input {
    	color: #ffffff;
		background: #666666;

	}
		section.sec.black form textarea {
    	color: #ffffff;
		background: #666666;

	}
	section.sec.black form input#submitbtn {
    	color: #ffffff;
		}

	#poricore_suggest_area {
   		color: #ffffff;
		background: #666666;
	}

}