@charset "utf-8";

/* ----------------------------------------------
	共通
---------------------------------------------- */

html{
	height:100%;
	font-size:10px;	/* 1rem = 10px */
}
body{
	height:100%;
	font-size:1.6rem;
	color:#333;
}
a{
	color:#004fa9;
	text-decoration:none;
}
a:hover{
	color:#004fa9;
	text-decoration:none;
}
.rollover:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

button,input,textarea,
body{

	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* -------------------------------------
	各要素の初期設定
---------------------------------------- */
input{
	vertical-align:middle;
	color:#333;
	border-radius: 4px;
}

input[type=text],input[type=password]{
	border:solid 1px #666;
}

input[type="radio"] , input[type="checkbox"]{
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	margin-right: 0.5em;
}

textarea{
	resize:vertical;
	border:solid 1px #666;
	width:100%;
	min-height:100px;
}

select {
	color:#333;
	border:solid 1px #666;
}

label{
	display:inline-block;
	margin:0 0 0 0.2em;
	vertical-align:middle;
}
em,
strong{
	font-weight:bold;
}
del{
	text-decoration:line-through;
}
.fa{
	font-family:FontAwesome , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
}
img {
	max-width: 100%;
}
b {
	font-weight: normal;
}

i {
	font-family:FontAwesome;
	font-style:normal;
	font-weight: normal;
	display: inline-block;
}


input, textarea, select {
	padding : 5px 10px;
	font-size : 2.0rem;
}

/*Mac safari placeholder 消えない問題対処*/
input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

/* -------------------------------------
	汎用パーツ
---------------------------------------- */
.pc{
	 display:block!important;
}
.pc_inline{
	display:inline!important;
}
.pc_inline_block{
	display:inline-block!important;
}
.sp{
	display:none!important;
}
.sp_inline{
	display:none!important;
}

.sp_inline_block{
	display:none!important;
}

.tal {
	text-align:left;
}
.tar {
	text-align:right;
}
.tac {
	text-align:center;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.res_fl {
	float:left;
}

.res_fr {
	float:right;
}

.bold {
	font-weight: bold;
}

.clear {
	clear:both;
}

.underline {
	text-decoration: underline;
}

.inline_label label {
	margin-right:20px;
}

/* WSYS-10262 【サイト】STEP3出発時間帯に関する注意書きを追加 20240613 N.Kita */
.style-fc_red{
	color: #ff0000!important; /* サイト内の赤文字 */
}

/* -------------------------------------
	レイアウト初期設定
---------------------------------------- */
.container{
	min-height:100%;
	position:relative;
	/* accordion対策
	padding:0 0 350px;
	*/
	padding:0 0 250px;
}

.header_inner,
.footer_inner,
.content_inner,
.header_title {
	margin:auto;
	width:980px;
	position:relative;
}

.inner {
	padding:15px;
}

.inner_double {
	padding:30px;
}

/* WSYS-11684 【フロント】ログインページのグローバルメニューのバグ修正 20241111 M.Shimizu */
.footer .inner {
	background: none;
	padding: 0;
}

/* -------------------------------------
	item
---------------------------------------- */
.icon_title {
	font-size:2.4rem;
	font-weight: bold;
	color:#004fa9;
	margin:30px 0 5px 0;
}

.icon_title i {
	margin:0 0.5em 0 0;
	font-size:2.5rem;
	display: inline-block;
	vertical-align: baseline;
	padding : 0 0 0 1px;
}

.icon_title i.js-toolTip {
	font-size:2.2rem;
}

.icon_title .note {
	float:right;
	color:#999;
	margin:12px 0 0 0;
}



.line_title {
	padding:7px 20px ;
	color:#fff;
	font-weight: bold;
	font-size:1.8rem;
	margin:0 0 15px 0;
}

.line_title.red {
	color:#fff;
	background:#da0000;
}

.line_title.blue {
	color:#fff;
	background:#0051a2;
}

.border_title {
	font-weight: bold;
	font-size:2rem;
	color:#002664;
	border-bottom:solid 3px #e0e0e0;
	position:relative;
	padding:0 0 5px 0;
	margin:10px 0 20px 0;
}

.border_title:after {
	content:"";
	height:3px;
	width:30%;
	display: block;
	position: absolute;
	left:0;
	bottom:-3px;
	background:#00457a;
}

.img_title {
	font-weight: bold;
	font-size:1.6rem;
	color:#004fa9;
	margin:0 0 20px 0;
}

.img_title img {
	vertical-align:middle;
	width:65px;
	margin:0 0.5em 0 0;
}

.simple_title {
	border-left:solid 5px #666;
	color:#666;
	line-height:30px;
	font-size:1.8rem;
	font-weight: bold;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
}


.border_box {
	border:solid 1px #da0000;
	padding:20px 15px;
}

.border_box.blue {
	border:solid 1px #0051a2;
}

.border_box.gray {
	border:solid 1px #aaa;
}


.base_table {
	width:100%;
	table-layout: fixed;
}

.base_table caption {
	font-weight: bold;
/*	background:#bbbbbb;*/
	background:#94bae0;
	color:#fff;
	padding:3px 20px;
	border-right:solid 2px #fff;
}
/*[WSYS-8697] amazon payバージョン対応依頼　20220118　quanguanlin*/
#amazon_complete_text{
	color: #008000;
}
.arrow{
	display: flex;
	justify-content: center;
}
#amazon_consent{
	line-height: 4;
}
.amazon_log_area {
	font-weight: bold;
	background: #778899;
	color: #fff;
	padding: 10px 15px;
	display: flex;
	align-items: center;
}
.amazon_card_title,
.amazon_address_title {
	width: calc(100% - 60px);
}
.amazon_log_area img {
	max-width: 4%;
	margin-right: 10px;
}

.amazon_card_position {
	display: flex;
	align-items: center;
}

.amazon_card_number {
	font-size: large;
}

#change_address,
#change_card {
	width: 100px;
}

#walletWidgetDiv {
	padding: 3rem;
}

#consentWidgetDiv {
	padding: 3rem;
	display: flex;
	justify-content: space-between;
}

#consentWidgetDiv label {
	font-size: large;
}

/* HASHICHECK */
.base_table .required {
	float : right;
	padding : 3px;
	color : #0000ff;
}

.base_table th {
	width:250px;
	background:#eeeeee;
	vertical-align: middle;
	padding:15px;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;

}

.base_table td {
	background:#f4f4f4;
	padding:15px;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
}

.base_table td:last-child {
	border-right:none;
}

.base_table tr:last-child th ,
.base_table tr:last-child td {
	border-bottom:none;
}



.base_table.vertical th:last-child {
	border-right:none;
}
.base_table.vertical td:last-child  {
	border-right:none;

}



.base_table input[type=text],
.base_table input[type=password]{
	width:570px;
	margin-right:5px;
}

.base_table input[type=text].middle,
.base_table input[type=password].middle{
	width:450px;
}

.base_table input[type=text].half,
.base_table input[type=password].half{
	width:290px;
}

.base_table input[type=text].short ,
.base_table input[type=password].short {
	width:220px;
}

.base_table .sns_list li {
	border-top:solid 1px #ccc;
	padding:20px 0;

}

.base_table .sns_list li:first-child{
	border-top:none;
	padding-top:0;

}

.stripe_table {
	width:100%;
}

.stripe_table th {
	background:#e8f3ff;
	color:#004499;
	padding:10px;
	border-right:solid 1px #fff;
	vertical-align: middle;
}



.stripe_table td {
	background:#ebebeb;
	color:#666;
	padding:10px;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
}


.stripe_table tr:nth-child(even) td {
	background:#f4f4f4;

}

.stripe_table thead tr:nth-child(even) td {
	background:#004499;
	color:#fff;
	padding:5px;
	text-align: center;
}



.common_table {
	width:100%;
}

.common_table th {
	background:#94bae0;
	color:#fff;
	border-bottom:solid 2px #fff;
	padding:10px 20px ;
}

.common_table td {
	background:#e8f3ff;
	padding:10px 20px ;
}


.base_btn {
	color:#fff;
	border-radius:4px;
	width:100%;
	background:transparent;
	display:block;
	font-weight: bold;
	font-size:2.1rem;
	cursor:pointer;
	line-height:70px;
	position: relative;
	text-decoration:none;
	text-align: center;
	margin:0;
}

.base_btn:visited , .base_btn:link {
	color:#fff;
	text-decoration: none;
}

.base_btn:after {
	content: "\f0a9";
	font-family:"FontAwesome";
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 10px 0;
	color:#fff;
	position: absolute;
	right:3%;
	font-size:2.1rem;
	vertical-align: middle;
}

.base_btn.icon_left:after {
	left:0;
	right:auto;
}

.base_btn:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	color:#fff;
}


.base_btn.inline {
	display:inline-block;
	width:auto;
	margin:0px;
	padding:0px 10px;
	font-size:1.4rem;
	line-height: 1.8;
}

.base_btn.inline:after {
	display:none;
}

.base_btn i {
	font-size:2.1rem;
	vertical-align: middle;
	font-weight: normal;
}




.popup_close_btn.inline {
	background:#000;
	min-width:200px;
	line-height:40px;
}

.action_btn ,
.plan_check_btn {
	background: #5ab430;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhYjQzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzY2EzMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5ab430 0%, #3ca30c 100%);
	background: -webkit-linear-gradient(top,  #5ab430 0%,#3ca30c 100%);
	background: linear-gradient(to bottom,  #5ab430 0%,#3ca30c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab430', endColorstr='#3ca30c',GradientType=0 );
	box-shadow: 0px 2px 4px #999;
}

.submit_btn {
	background:#f0bc0a;
	color:#552200;
}

.submit_btn:after {
	color:#552200;
}

.assist_btn {
	background:#333;

}

.place_assist_btn {
	background:#c1040f;
}


.calculation_btn {
	background: #e34040;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkY4QTgyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTM0MDQwIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjM2KSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff8a82 0%, #e34040 100%);
	background: -webkit-linear-gradient(top,  #ff8a82 0%,#e34040 100%);
	background: linear-gradient(to bottom,  #ff8a82 0%,#e34040 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a82', endColorstr='#e34040',GradientType=0 );
	box-shadow: 0px 2px 4px #999;
}


.complete_btn {
	background: #385bab;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4NWJhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzM2N2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #385bab 0%, #17367c 100%);
	background: -webkit-linear-gradient(top,  #385bab 0%,#17367c 100%);
	background: linear-gradient(to bottom,  #385bab 0%,#17367c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385bab', endColorstr='#17367c',GradientType=0 );
	box-shadow: 0px 2px 4px #999;
}

.enterprise_btn {
	background: #f49844;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0OTg0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTY5MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f49844 0%, #d1690a 100%);
	background: -webkit-linear-gradient(top,  #f49844 0%,#d1690a 100%);
	background: linear-gradient(to bottom,  #f49844 0%,#d1690a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49844', endColorstr='#d1690a',GradientType=0 );
	box-shadow: 0px 2px 4px #999;
}

.estimate_btn {
	background: #f49844;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0OTg0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTY5MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f49844 0%, #d1690a 100%);
	background: -webkit-linear-gradient(top,  #f49844 0%,#d1690a 100%);
	background: linear-gradient(to bottom,  #f49844 0%,#d1690a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49844', endColorstr='#d1690a',GradientType=0 );
	box-shadow: 0px 2px 4px #999;
}

.tabireg_btn {
	background: #4ca2b5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4ca2b5 0%, #177080 100%);
	background: -webkit-linear-gradient(top, #4ca2b5 0%,#177080 100%);
	background: linear-gradient(to bottom, #4ca2b5 0%,#177080 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca2b5', endColorstr='#177080',GradientType=0 );
	box-shadow: 0px 2px 4px #999;
}

.disabled_btn {
	background:#8a8a8a ;
	color:#a5a5a5;
}

.disabled_btn:after ,
.disabled_btn:hover {
	color:#a5a5a5;
}



.detail_btn {
	background:#004fa9;
}

.inline.overlap_btn {
	background:#357ebd;
	line-height:3;
}

.add_country_btn {
	background:#000;
}

.modal_btn {
	background:#eba704 ;
	position: relative;
	top: -5px;
}

.back_btn {
	background:#9e9e9e;
}

.back_btn:after {
	content: "\f0a8";
	left:3%;
	right:auto;

}

.jwifi_btn {
	background:#00A0FF;
}

.btn_area {
	width:50%;
	margin:40px auto 50px auto;
}

.btn_caption {
	font-size:1.2rem;
	color:#da0000;
	margin:10px 0;
}


.btn_area.column02 {
	width:100%;
	overflow: hidden;
}

.btn_area.column02 li {
	width:33%;
}

.btn_area.column02 li.left_btn {
	float:left;
}

.btn_area.column02 li.right_btn {
	float:right;
}

.return_btn {
	display: inline-block;
	color:#051d44;
/*	border:solid 3px #f5f7f8;	*/
	background:#9e9e9e;
	min-width:300px;
	text-align: center;
	line-height:30px;
	margin:10px 0 20px 0;
	border-radius:4px;
/*	box-shadow:0px 0px 2px 2px #e2e2e2;	*/
	text-decoration: none;
	padding:4px 30px;
}

.return_btn:visited , .return_btn:link  {
	color:#fff;
	text-decoration: none;
}

.base_btn:visited , .base_btn:link {
	color:#fff;
	text-decoration: none;
}

.return_btn:after {
	content: "\f0a8";
	font-family:"FontAwesome";
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 10px 0;
	color:#fff;
	position: absolute;
	left:0;
	font-size:2.4rem;
	vertical-align: middle;
}

.return_btn:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	color:#fff;
}

.inline.lang_switch {
	background:#002664;
	width:200px;
	padding:10px;
}
.inline.lang_switch:before {
	background:#002664;
	content: "\f0a8";
	font-family:"FontAwesome";
	position: absolute;
	left:10px;
}

.header_return_btn {
	display: inline-block;
	color:#333;
	margin:5px 0 0 0 ;
	padding:5px 10px 5px 35px;
	text-decoration: none;
	background:#f4f4f4;
	border-radius:4px;
}

.header_return_btn:hover {
	background:#e8f3ff;
}

.header_return_btn:after {
	content: "\f0a8";
	font-family:"FontAwesome";
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	position: absolute;
	left:10px;
	font-size:2.1rem;
	vertical-align: middle;
}

.tab_area {
	margin:40px 0 0px 0;
}

.tab_list {
	background:#357ebd;
	padding:10px 15px 0 15px;
}

.tab_list li {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:2.2rem;
	font-weight: bold;
	color:#fff;
	width:480px;
	line-height:1.2;
	padding:0px 0 5px 0;
	border-radius:4px 4px 0 0 ;
	cursor:pointer;
}

.tab_list li:before {
	content:">";
}

.tab_list li.active:before {
	content:"";
}

.tab_list li span{
	font-weight: normal;
	font-size:1.4rem;
}

.tab_list li.active {
	background:#fff;
	color:#003284;
}

.inline_list {

}

.inline_list li {
	display: inline-block;
	margin:5px 10px 5px 0 ;
	color:#004fa9;
}

.inline_list li input {
	margin:0 10px 0 0 ;
}


.common_list li {
	background:#f0f5f8;
	padding:10px 20px;
	overflow: hidden;
}

.common_list li + li {
	border-top:solid 3px #fff;
}

.numbering_list {
	counter-reset: section;
}

.numbering_list li {
	position: relative;
	padding:0 0 0 30px;
}

.numbering_list li:before{
	counter-increment: section;
	content: counters(section , "");
	background:#0051a2 ;
	color:#fff;
	line-height:20px;
	height:20px;
	width:20px;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
}



.reminder_text  {
	text-align: center;
	margin:20px 0 20px 0;
	font-size: 20px;
}

.reminder_text a {
	color:#008ae1;
	text-align: center;
	text-decoration:underline;
}

.reminder_text a:hover {
	text-decoration:none;
}

.reminder_btn a{
	background: #000 none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	margin-top: 5px;
	padding: 4px;
	text-align: center;
	width: 12em;
	color: #fff;
}
.reminder_btn a:hover {
	color: #fff;
	opacity: 0.7;
}


.description_area {
	background:#004fa9;
	padding:30px;
	color:#fff;
	font-size:1.2rem;

}

.description_area .title {
	font-weight: bold;
	font-size:1.8rem;
	margin: 0 0 10px 0;
}

.description_area table {
	border-collapse:separate;
	border-spacing:2px;
	width:100%;
	margin: 0 0 20px 0;

}

.description_area caption {
	border-left:solid 5px #fff;
	padding:0 0 0 10px;
	line-height:25px;
	margin: 10px 0;
	font-size:1.8rem;
}

.description_area th {
	font-weight: bold;
	font-size:1.6rem;
	color:#004fa9;
	background:#bbd7f5;
	padding:2px 5px ;
	text-align: center;
	width:50%;
}

.description_area .caution th {
	background:#ffd1d1;
}

.description_area td {
	font-weight: bold;
	font-size:1.6rem;
	color:#000;
	background:#fff;
	padding:2px 5px ;
	text-align: center;
	width:50%;

}

.description_area hr {
	color:#fff;
	border:none;
	background:#fff;
	height:3px;
	margin:20px 0;
}



.term_box {
	background:#fff;
	border:solid 1px #dbdbdb;
	height:165px;
	overflow: auto;
	padding:20px 25px;
	margin:20px 0 0 0 ;

}

.term_info {
	background:#dbdbdb;
	padding:10px;
	margin:20px 0;
	line-height: 1.8;
}

.term_box .title {
	font-weight: bold;
	border-bottom:solid 1px #dbdbdb;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}


.term_box dl {

}

.term_box dt {
	font-weight: bold;

}

.term_box dd {
	margin:0 0 20px 0;
}

.term_box li {
	list-style: outside none disc;
	margin:0 0 0 1em;
}

.term_box table{
	margin: 3px 0;
	border-top:1px solid #cacaca;
	border-left:1px solid #cacaca;
	border-right:1px solid #cacaca;
	width: 100%;
}

.term_box table th,
.term_box table td{
	border-bottom: 1px solid #cacaca;
	padding: 3px;
}

.term_box table th,
.term_box table td{
	border-bottom: 1px solid #cacaca;
}

.term_box table th{
	width: 32%;
	font-weight: bold;
	border-right:1px solid #cacaca;
	background-color: #eee;
}

.term_box .annexed_table th{
	background-color: #fff;
}

.term_box .cancellation_fee_table{
	border-right: 0px;
}

.term_box .cancellation_fee_table td{
	width: 34%;
	border-right: 1px solid #cacaca;
}


.term_box .column2_table{
	border-right: 0px;
}

.term_box .column2_table tr td:first-child{
	width: 25%;
}

.term_box .column2_table tr td{
	border-right: 1px solid #cacaca;
	padding : 10px;
}

.inbound_kiyaku h4{
	margin: 20px 0 8px 0;
}

.check_note {
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
}


/* -------------------------------------
	column
---------------------------------------- */
.col_block{
	letter-spacing:-.40em;
	line-height:1.5;
	text-align:left;
	margin:0 0 0 -1%;

}
.col_block li , .col_block .item {
	display:inline-block;
	letter-spacing:normal;
	margin:0 0 10px 0 ;
	vertical-align: top;
}

.col02 {
}

.col02 li  {
	width:49%;
	margin:0 0 1% 1%;
}

.col02 .item {
	width:50%;
}

.col02 .item_large {
	width:60%;
}
.col02 .item_small {
	width:40%;
}
.col03 li , .col03 .item {
	width:33%;
	/*padding:0 1% 0 0;*/
}

.col03.justify{
	margin-left:-1.52%;
}
.col03.justify .item{
	width:31.81%;
	margin:0 0 0 1.52%;
}

.col04 li , .col04 .item {
	width:25%;
	/*padding:0 1% 0 0;*/
}
.col05 li , .col05 .item {
	width:19%;
	padding:0 1% 0 0;
}


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

.dl_cell dt {
	display: table-cell;
	width:25%;
	color:#fff;
	padding:0 15px;
}

.dl_cell dd {
	display: table-cell;
	width:80%;
}

.design_check {
	position: relative;
}

.design_check input[type=checkbox] ,
.design_check input[type=radio] {
	opacity: 0;
}

.design_check:after {
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
	content: "";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1.7rem;
	height: 25px;
	left: 0;
	line-height: 24px;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 25px;
}

.design_check.active:after {
	content:"\f00c";
	color:#fff;
	background:#2856ac;
}

.design_radio input{
	display:none;
}
.design_radio input + span{
	display:inline-block;
	position:relative;
	padding:2px 0 0 35px;
	cursor:pointer;
	min-height:17px;
}

.design_radio input + span:before{
	background:#fafafa;
	border:1px solid #666666;
}
.design_radio input + span:before,
.design_radio input + span:after{
	content:'';
	display:block;
	position:absolute;
	top:2px;
	left:0;
	border-radius:50%;
	width:20px;
	height:20px;
}
.design_radio input:checked + span:after{
	top:7px;
	left:5px;
	height:12px;
	width:12px;
	background:#666;
}


.js-designSelect {
	position: relative;

}

.js-designSelectText {
	position: relative;
	background: #fff ;
	height : 42px;
	line-height: 42px;
	overflow: hidden;
	border : 1px solid #666;
	padding: 0 30px 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size : 2.0rem;
	border-radius: 4px;



}

.js-designSelect.-auto .js-designSelectText{
	display: inline-block;
}


.js-designSelectText:after {
	content:"\f0d7";
	font-family:FontAwesome;
	display: inline-block;
	text-align:center;
	position:absolute;
	right:10px;
	top:0px;
}

.js-designSelect option {
	font-size:2rem;
}

.js-designSelect select {
	background: #fffffe none repeat scroll 0 0;
	height : 42px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;

}

.design_select_inline {
	display: inline-block;
	vertical-align: middle;
}

.design_select_inline .js-designSelectText {
	vertical-align: middle;
}

.system_select {
	font-size : 2.0rem;
}



.cover {
	position: relative;
}

.cover:after {
	content:attr(data-optionText);
	position: absolute;
	display: block;
	top:0;
	left:0;
	background:#000;
	opacity:0.6;
	z-index:99;
	width:100%;
	height:100%;
	color:#fff;
	padding:60px 25px;
	font-size:1.8rem;
	font-weight: bold;
	box-sizing: border-box;
}

.liquid_flow {
	margin:10px 0;
}

.liquid_flow li {
	color:#fff;
	background:#bdbdbd;
	font-size:1.2rem;
	margin:0 0 10px 0;
	padding:10px 20px;
	position: relative;
	display: inline-block;
}

.liquid_flow li + li {
	margin:0 0 10px 30px;
}

.liquid_flow li + li:before {
	content:"\f0a9";
	font-family:FontAwesome;
	display: inline-block;
	text-align:center;
	position:absolute;
	font-size:2.2rem;
	color:#2ba5fb;
	left:-27px;
	top:8px;
}

.liquid_flow li.current {
	background:#2ba5fb;
}

.table_flow {
	display:table;
}

.table_flow li {
	display:table-cell;
	background:#2ba5fb;
	color:#fff;
	font-size:1.2rem;
	vertical-align: middle;
	text-align: center;
	width:180px;
	padding:10px 15px;

}

.table_flow li.current {
	background:#004fa9;

}

.table_flow li.arrow {
	color:#2ba5fb;
	background:#fff;
	width:20px;
	font-size:2rem;
	padding:0;
}


/* -------------------------------------
	必須マーク
---------------------------------------- */

.required_mark {
	display: inline-block;
	color: #ffffff;
	background: #f64750;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 1px 5px;
	text-align: center;
	border-radius: 4px;
	vertical-align: middle;
	min-width: 56px;
	border: none;
	position: relative;
	margin-bottom: 5px;
	line-height: 1.5;
    margin: 0 5px 5px 0;
}

/* WSYS-11672 【フロント】企業登録フォームの電話番号のテキスト変更 20241119 M.Shimizu */
table th.required_cell ,
table td.required_cell ,
table th.any_cell ,
table td.any_cell {
	position: relative;
	padding-right: 10px;
}
body[data-language=en] table th.required_cell,
body[data-language=en] table td.required_cell {
	padding-right: 70px;
}
body[data-language=en] table th.any_cell,
body[data-language=en] table td.any_cell {
	padding-right: 80px;
}
body[data-language=cn] table th.required_cell,
body[data-language=cn] table td.required_cell,
body[data-language=kr] table th.required_cell,
body[data-language=kr] table td.required_cell,
body[data-language=tw] table th.required_cell,
body[data-language=tw] table td.required_cell {
	padding-right: 90px;
}

.required_cell .required_mark {
	position:absolute;
	top:calc(50% - 10px);

	display: inline-block;
	color: #ffffff;
	background: #f64750;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 1px 5px;
	text-align: center;
	border-radius: 4px;
	vertical-align: middle;
	min-width: 56px;
	border: none;
	position: relative;
	margin-bottom: 5px;
	line-height: 1.5;
    margin: 0 5px 5px 0;

}

.any_mark {
	display: inline-block;
	background: #468aeb;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 2px 5px;
	text-align: center;
	border-radius: 4px;
	vertical-align: middle;
	min-width: 56px;
	border: none;
    line-height: 1.5;
    margin: 0 5px 5px 0;
}
.any_cell .any_mark {
	position:absolute;
	right:8px;
	top:calc(50% - 10px);

	display: inline-block;
	background: #468aeb;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 2px 5px;
	text-align: center;
	border-radius: 4px;
	vertical-align: middle;
	min-width: 56px;
	border: none;
	position: relative;
	right: 0;
    margin: 0 5px 5px 0;

}

/* -------------------------------------
	エラー文言
---------------------------------------- */

.error_area {
	background:#fcecec;
	border:solid 1px #da0000;
	padding:15px;
	color:#da0000;
	margin:20px 0;
}

/* WSYS-10701 エラーメッセージ表示時のカラム大きさ修正 20240126 N.Kita */
.error_area:after,
.error_area ul:after {
	clear: none;
}

.error_area .pre_message {
	font-size:1.6rem;
	font-weight: bold;
	margin:0 0 10px 0;
}

.error_area ul {
	margin:0 0 0 1em;
}

.error_area li {
	list-style: disc;
	line-height:1.4;
}

.inner_error {
	margin:5px 0 10px 0;
	color:#da0000;
	font-weight: 700;
	font-size:1.2rem;
}

.inner_error_wrap .inner_error {
	margin-bottom:0;
}

.content_error {
	margin:10px 0 10px 1.5em;
}

.content_error li{
	color:#da0000;
	text-indent: 1em;
	font-weight: normal;
	font-size:1.4rem;
}

.content_error li:before{
	content:"\f071";
	font-family:FontAwesome;
	display: inline-block;
	margin:0 0.5em 0 -3.5em;
}


.message_block {
	background:#fffdec ;
	margin:20px 0;
	padding:20px ;
}
.message_block li {
	margin:0 0 10px 0 ;
}

.message_block li:first-child {
	margin:0  ;
}


/* -------------------------------------
	ページング/ページャー
---------------------------------------- */
.pager_box{
	position:relative;
	margin:20px auto;
	text-align:left;

}

.page_all {
	display: inline-block;
	vertical-align: middle;
	font-size:1.4rem;
	font-weight: bold;
	margin:0 5px 0 0 ;
}

.pager_list{
	font-size:0px;		/* ! */
	text-align:left;
	display: inline-block;
}
.pager_list li{
	background:#eee;
	display:inline-block;
	font-size:1.2rem;	/* ! */
	margin:0 2px;
}
.pager_list li a,
.pager_list .active{
	line-height:30px;
	text-align:center;
	width:30px;
}
.pager_list li a{
	color:#010000;
	display:block;
	text-decoration:none;
}
.pager_list li a:hover{
	text-decoration:underline;
}
.pager_list .active{
	color:#ffffff;
	background:#004499;
}

/* -------------------------------------
	ページトップ
---------------------------------------- */
.pagetop{
	position:fixed;
	right:50px;
	bottom:95px;
	z-index:5;
}
.pagetop a{
	border-radius:50%;
	color:#008ae1  ;
	display:block;
	font-size:4rem;
	height:50px;
	line-height:45px;
	text-align:center;
	text-decoration:none;
	width:50px;
}


/* -------------------------------------
	ソーシャルログイン
---------------------------------------- */

.social_login_area {

}

.social_login_area .-title {
	background:#347fbe;
	color:#fff;
	font-size: 16px;
	padding:10px;

}

.social_login_area .-text {
	margin:0 0 20px 0;

}

.social_login_area .col_block .-inner{
	padding:30px;
}

.social_login_area .col_block .item{
	background:#f4f4f4;
}

.social_login_area  input[type=text] ,
.social_login_area  input[type=password] {
	width:100%;
}

.social_login_area .col01 input[type=text] ,
.social_login_area .col01 input[type=password] {
	width:70%;
}

.social_login_area .-login_form dt {
	margin:0 0 10px 0;
	font-weight: bold;
}

.social_login_area .-login_form dd {
	margin:0 0 20px 0;
}

.social_login_area .col02 .btn_area {
	margin:20px auto;
	width:70%;
}

.social_login_area .col02 .-inner {
	min-height:490px;
}


.social_login_btn_list  {
	margin:0 0 0  2%;
}

.social_login_btn_list li {
	width:100%;
	margin:0 0 15px 0;
}

.col01 .social_login_btn_list li {
	width:48%;
	margin:0 2% 15px 0;
}

/* 5個に戻すときはここを復活させる

.col01 .social_login_btn_list li:first-child {
	width:100%;
	margin:0 0 15px 0;
}

.col01 .social_login_btn_list li:first-child .social_login_btn{
	width:48%;
	margin:0 auto;
}

5個に戻すときはここを復活させる ここまで */



.social_login_area .social_login_btn {
	display: block;
	color:#fff;
	text-decoration: none;
	border-radius:4px;
	position: relative;
	padding:13px 0 13px 63px;
	font-weight: bold;
}

.social_login_btn:hover {
	opacity:0.7;
}

.social_login_btn.active {
	text-align: left;
	padding:13px 0 13px 66px;
}

.social_login_btn.active:after {
	font-family:FontAwesome;
	content:"解除 \f057";
	float:right;
	margin:0 5px 0 0 ;
}

.social_login_btn.active.nolink:after {
	font-family:FontAwesome;
	content:"";
	float:right;
	margin:0 5px 0 0 ;
}

.social_login_btn.active.nolink:hover {
	opacity:1.0;
}


.social_login_btn.active:not(.line_login_btn) {
	background:#fff;
}

.social_login_btn.disabled:not(.yahoo_login_btn) {
	background:#c6c6c6;
}

.social_login_btn.disabled:hover{
	opacity:1;
}

.social_login_btn .-icon_box {
	border-radius:4px 0 0 4px;
	width:56px;
	height:50px;
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
}

 .yahoo_login_btn {
	background:#ff0033;
}

 .yahoo_login_btn.active {
	border:solid 1px #ff0033;
	color:#ff0033;
}

 .yahoo_login_btn.disabled {
	border:none;
	color:#fff;
	background:#ddd;
}

.yahoo_login_btn .-icon_box {
	background: #fff url("/common/images/common/icon_yahoo.png") no-repeat center center;
	border:solid 1px #ff0033;
}

.yahoo_login_btn.active .-icon_box {
	border:none;
	border-right:solid 1px #ff0033;
}
.yahoo_login_btn.disabled .-icon_box {
	border:solid 1px #ddd;
}

/* WSYS-12213 【VMDB・フロント】danteiのみ_マイページログインにgoogleログインを追加 202500508 M.Amano */
.google_login_btn {
	background: #ffffff;
	color: #000000 !important;
	border: 1px solid #000000;
}

.google_login_btn .-icon_box  {
	background:  url("/common/images/common/icon_google.png") no-repeat center center ;

}

.google_login_btn.active {
	border:solid 1px #000000;
	color:#4285f4;

}

.google_login_btn.active .-icon_box  {
	background-image:  url("/common/images/common/icon_google_on.png") ;

}

.facebook_login_btn {
	background:#1877f2;
}

.facebook_login_btn .-icon_box  {
	background:  url("/common/images/common/icon_fb.png?date=20200220") no-repeat center center;
	border-right: solid 1px #1877f2;
}

.facebook_login_btn.active {
	border:solid 1px #1877f2;
	color:#1877f2;
}

.facebook_login_btn.active .-icon_box  {
	background-image:  url("/common/images/common/icon_fb_on.png?date=20200220") ;
}

.apple_login_btn {
	background:black;
}

.apple_login_btn .-icon_box  {
	background:  url("/common/images/common/icon_ap.svg?date=20221117") no-repeat center center;
	border-right: solid 1px black;
}

.apple_login_btn.active {
	border:solid 1px black;
	color:black;
}

.apple_login_btn.active .-icon_box  {
	background-image:  url("/common/images/common/icon_ap_on.svg?date=20221117") ;
}

/* START WSYS-11180 【フロント】twitterロゴをXに変更 20240704 M.Amano */
.twitter_login_btn {
	background: #000;
}

.twitter_login_btn .-icon_box  {
	background:  url("/common/images/common/icon_x.png") no-repeat center center ;
	border-right: solid 1px #000;
}

.twitter_login_btn.active {
	border:solid 1px #000;
	color:#000;
}

.twitter_login_btn.active .-icon_box  {
	background-image:  url("/common/images/common/icon_x_on.png") ;
}
/* E N D WSYS-11180 【フロント】twitterロゴをXに変更 20240704 M.Amano */

.line_login_btn {
	background:#00c300;
}


.line_login_btn:hover {
	opacity:1;
	background:#00e000;
}

.line_login_btn:active {
	opacity:1;
	background:#00b300;
}

.line_login_btn .-icon_box {
	background:  url("/common/images/common/icon_line.png") no-repeat center center ;
	border-right:solid  1px #00b300;
}

.line_login_btn:hover .-icon_box {
	border-right:solid  1px #00c900;
}

.line_login_btn:active .-icon_box {
	border-right:solid  1px #009800;
}

.line_login_btn.disabled .-icon_box {
	border-right:solid  1px #b5b5b5;
}


.line_login_btn.active {
	background:#fff;
	border:solid 1px #00b300;
	color:#00b300;
}

.line_login_btn.active:hover {
	opacity: 0.7;
}

.line_login_btn.active .-icon_box {
	background: url("/common/images/common/icon_line_on.png") center center /contain  no-repeat ;
}


/* [WSYS-4300] */
.wrap_login_refurbishment:after{
	content: "";
	display: block;
	clear: both;
}

.wrap_login_refurbishment .social_login_area{
	width: 48%;
	float: left;
}
.wrap_login_refurbishment .col01 .social_login_btn_list li {
	width: 100%;
}

.login_area_refurbishment{
	width: 48%;
	float: right;
}

.login_area_refurbishment .icon_title{
	margin-bottom: 20px;
}
.login_area_refurbishment .btn_area{
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 15px;
}

.login_area_refurbishment .base_table input[type=text],
.login_area_refurbishment .base_table input[type=password]{
	width: 100%;
}
.login_area_refurbishment .base_table th,
.login_area_refurbishment .base_table td{
	width: 100%;
	display: block;
	background-color: transparent;
}
.login_area_refurbishment .base_table th{
	padding: 0 15px;
	border-right: none;
	border-bottom: none;
}
.login_area_refurbishment .base_table td{
	border-bottom: none;
}
.wrap_login_refurbishment .bg_member_login{
	background-color: #F8F8F8;
	padding: 20px;
}
.wrap_login_refurbishment .reminder_txt{
	padding-top: 10px;
	margin-top: 20px;
	border-top: 1px solid #888;
}






/* [WSYS-4300] end */

/* -------------------------------------
	固定
---------------------------------------- */
.text {
	margin:5px 0 10px 0;
}
.attention {
	color:#da0000 ;
}
.note {
	font-size:1.2rem;
}
.no_select {
	background:#c3def8;
}
.hide {
	display:none;
}
.show {
	display:block;
}

.fc_red {
	color:#da0000;
}

.fc_blue {
	color:#004fa9;
}

.fc_yellow {
	color:#fff100;
}

.fc_aqua{
	color:#00a5de;
}

.fc_black {
	color:#333;
}

.bggray {
	background:#f4f4f4;
}

.bgblue {
	background:#dbe9f6;
}

.bgyellow {
	background:#ffedd1;
}

.bgred {
	background:#fcecec;
}



/* -------------------------------------
	ellipsis
---------------------------------------- */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* -------------------------------------
	clearfix
---------------------------------------- */
.cf:before,.cf:after,
div:before,div:after,
dl:before,dl:after,
nav:before,nav:after,
section:before,section:after,
header:before,header:after,
footer:before,footer:after,
ol:before,ol:after,
ul:before,ul:after{
	content:"";
	display:table;
}
.cf:after,
nav:after,section:after,
header:after,footer:after,
ol:after,ul:after,dl:after,div:after {
	clear:both;
}


/* -------------------------------------
	bootstrapdatepicker
---------------------------------------- */

.dropdown-menu {
	background-clip: padding-box;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	display: none;
	float: left;
	font-size: 18px;
	left: 0;
	list-style: outside none none;
	margin: 2px 0 0;
	min-width: 320px;
	padding: 5px 0;
	position: absolute;
	text-align: left;
	top: 100%;
	z-index: 1000;
}

.daterangepicker .calendar {
	max-width: 370px;
}

.daterangepicker .input-mini {
	height: 36px;
	line-height: 36px;
	margin: 0 0 5px;
	padding: 0 6px 0 30px;

}

.daterangepicker .daterangepicker_input i {
	top: 7px;
}

.daterangepicker td.in-range {
	background-color:#d4e6ee;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
   background-color:#357ebd;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: #357ebd;
	color: #fff;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
	background: #eeeeee;
	opacity: 0.6;
	border-radius:0;
}
/* -------------------------------------
	jQuery
---------------------------------------- */

.hiddenArea {
	display:none;
}


i.js-toolTip {
	font-size:2.2rem;
	color:#eba704;
	font-weight: normal;
	margin-left:0.2em;
	cursor:pointer;
	position: relative;
	z-index:9;
}

i.js-toolTip:after {
	content:"";
	display:block;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#fff;
	position: absolute;
	top:2px;
	left:1px;
	z-index:-1;
}


.toolTip {
	position: absolute;
	background : #eba704;
	padding:5px 10px;
	text-align: left;
	color:#000;
	z-index:99999;
	font-size:1.4rem;
}


.toolTip:before {
/*	font-family:FontAwesome;
	content : "\f057";
	position : absolute;
	top : -12px;
	left : -9px;
	font-size : 2.0rem;
	background:#fff;
	border-radius:50%;
	padding-bottom : 1px;*/

}

.toolTip::after {
	width: 0;
	height: 0;
	border-bottom: 5px solid transparent;
	border-right: 10px solid #eba704 ;
	border-top: 5px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	top:10px;
	left:50%;
	left : -webkit-calc(50% - 5px) ;
	left : -20px ;
	z-index:99999;
}


.js-balloonTipWrap {
	position: relative;
}

.js-balloonTipArrowWrap {
	position: relative;
}

.js-balloonTip {
	position: relative;
	color:#ff8844;
	font-size:2.4rem;
	z-index:1;
	cursor:pointer;
}

.js-balloonTip:after {
	content:"";
	display:block;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#fff;
	position: absolute;
	top:2px;
	left:1px;
	z-index:-1;
}

.js-balloonTipArrow {
	display: none;

	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;
	border-right: 10px solid  transparent;
	border-top: 10px solid #eba704;
	border-left: 10px solid transparent;
	position: absolute;
	top:auto;
	left: 50%;
	transform: translateX(-50%);
	bottom:23px;
	z-index:99;
}

.js-balloonTipBox {
	display: none;

	background: #fcf5c9 ;
	border: 4px solid #eba704 ;
	border-radius: 10px;
	bottom: 42px;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px;
	position: absolute;
	text-align: left;
	width: 300px;
	z-index: 10000;
}

.js-balloonTipBox .title {
	display: inline-block;
	margin:0 0 10px 0;
	font-size:1.6rem;
	font-weight: bold;
}

.js-balloonTipBox .link {
	display: inline-block;
	margin:10px 0;
	color:#0a5fb5;
	text-decoration:underline;
}


.js-balloonTipWrap.error {
	position:absolute;
	right:140px;
	top:0px;
}

.js-balloonTipWrap.error .js-balloonTip {
	cursor:default;
}

.js-balloonTipWrap.error .js-balloonTip:after {
	background:transparent;
}

.js-balloonTipArrow.error {
	border-top: 10px solid #da0000 ;
}

.js-balloonTipBox.error {
	background: #fcecec ;
	border: 4px solid #da0000  ;
	color: #da0000;
	font-weight:bold;
	font-size:1.6rem;
	left: 0;
	margin-left: -142px;
	padding: 15px;
	position: absolute;
	text-align: left;
	width: 300px;
	z-index: 10;

}


/* 20190418 straight.so テーブル内？の位置調整 */
.js-balloonTipWrap.balloon_tip_in_table {
}
.js-balloonTipWrap.balloon_tip_in_table .js-balloonTip {
	top : 3px;
}
.js-balloonTipWrap.balloon_tip_in_table .js-balloonTip:after {
	top : 5px;
}


.ui-datepicker-trigger {
	font-family:FontAwesome;
	background:none;
	font-size:2rem;
	margin:0 0 0 5px;

}


.js-accodionSwitch {
	cursor : pointer;
}





/* -------------------------------------
	star radio
---------------------------------------- */

.js-evaluationLevelGroup {
	position: relative;
}


.js-evaluationLevelSwitch {
	position: absolute;
	opacity:0;
	left:0;
	right:0;
}

.js-evaluationLevelSwitch label {
	width:20px;
	text-align: center;
	margin:5px 10px;
	cursor:pointer;
}

.js-evaluationLevelSwitch label input {
	cursor:pointer;
}

.js-evaluationLevelTarget .item {
	display: inline-block;
	width:20px;
	margin:5px 10px;
}
.js-evaluationLevelTarget .item i:before {
	content:"\f005";
	color:#ccc;
	transition:all 0.1s;
}
.js-evaluationLevelTarget .item.active i:before {
	color:#ffb05b;
	transition:all 0.1s;
}







/* -------------------------------------
	モーダルボックス
---------------------------------------- */

.modalBoxContents {
	font-size:1.4rem;
	color:#333;
	text-align: left;
}

.modalBoxContents a {
	color:#da0000;
	text-decoration: underline;
}

.modalBoxContents .img_box {
	margin:0 20px 30px 0;
	float:left;
}

.modalBoxContents .img_box {
	overflow: hidden;
}

.popup_close_box {
	text-align: center;
	margin:30px 0 ;
}

.overLayer {
	 display:none;
	 background:#000;
	 opacity:0.7;
	 width:100%;
	 height:100%;
	 z-index:999;
	 position:fixed;
	 top:0;
	 left:0;
}

.modalBox {
	 background:#fff;
	 padding:30px;
	 width:920px;
	 height:80%;
	 border:solid 5px #004fa9;
	 border:solid 5px #999;
	 overflow-y:scroll;
	 z-index:2000;
	 position:fixed;
	 text-align: center;
	 /* ↓Chromeで背景や文字が描写されない現象の対策 */
	 -webkit-transform: translateZ(0);
}

.modalBox .close {
	 background:#2f2f2f;
	 width:30px;
	 height:30px;
	 line-height:30px;
	 color:#fff;
	 cursor:pointer;
	 text-align:center;
	 font-size:200%;
	 position:absolute;
	 top:0px;
	 right:0px;
	 z-index:100;
}



/* -------------------------------------
	ajax layer
---------------------------------------- */


.ajaxLayer {
	 background:#fff;
	 opacity:0.3;
	 width:100%;
	 height:100%;
	 z-index:999;
	 position:fixed;
	 top:0;
	 left:0;
}

.ajaxLayer .loading {
	color:#000;
	font-size:50px;
	position: absolute;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
}



.loaderLayer {
	 background:#fff;
	 opacity:0.7;
	 width:100%;
	 height:100%;
	 z-index:999;
	 position:fixed;
	 top:0;
	 left:0;
	 display: flex;
	 align-items:center;
	 justify-content:center;
}


.loaderLayer:after {
	font-size: 10px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	content:"";
}

@keyframes load5 {
  0%,
  100% {
	box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

/*利用可能なデータ通信量について*/

.widget_volume .fairuse_t{
	box-sizing : border-box;
	padding:20px 30px 30px;
	}

.widget_volume table {
    width: 100%;
	}
	
.widget_volume table.fairuse{
	width:100%;
	border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    table-layout: fixed;
	border-spacing: 0;
	margin:0 auto;
	box-sizing : border-box;
	}
	
.widget_volume .plan_t {
    margin-bottom: 30px;
	}		
	
.widget_volume table.fairuse th, table.fairuse td {
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    vertical-align: middle;
    text-align: center;
	}

.widget_volume .plan_t th {
    padding: 20px 0;
    color: #fff;
	font-size: 2rem;
	font-weight:bold;
	}

.widget_volume .plan_t td {
    color: #333;
	font-size: 2rem;
	font-weight:400;
	}

.widget_volume table.fairuse td.plan_Ico_sns{
    color: #333;
	font-size:16px;
    padding: 20px 0;
	
	position: relative;
	}

.widget_volume table.fairuse td.plan_Ico_sns:before {
	content: '';
	position: absolute;
	left: 1%;
	top: 3px;
	display: inline-block;
	width: 5px;
	height: 98%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #2c8ae1;
	}
	
.widget_volume .plan_t th.ttl_navy{
	background-color:#071f49;
	}

.widget_volume .plan_t th.ttl_blue{
	background-color:#16308c;
	}
	
.widget_volume .plan_t th.ttl_lightblue{
	background-color:#2c8ae1;
	}
	
.widget_volume .plan_t th.ttl_orange{
	background-color:#f9962b;
	}
	
.widget_volume .plan_Ico_sns .ico_txt{
	display:block;
	text-align:center;
	padding-top:10px;
}

.widget_volume .plan_b_detail{
	background:#e0f2fe;
	}
	
.widget_volume .plan_o_detail{
	background:#fdf2e4;
}

/* BEGIN:WSYS-10924 企業ID：58409　株式会社エルク　システム連携施策　フイ 20240422 */
.logo_elc_thumbnail {
	display: inline-block;
	height: 56px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.logo_elc_thumbnail img {
	height: 100%;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
	.logo_elc_thumbnail {
		height: 30px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
}
/* END:WSYS-10924 企業ID：58409　株式会社エルク　システム連携施策　フイ 20240422 */
/* WSYS-11253 【VMDB・フロント】新規場所追加_東京モノレール羽田空港第3ターミナル駅 20240806 J.Young */
.monorail_underline {
	text-decoration: underline;
}