@charset "utf-8";

input, select, textarea{
	font-size: 1.6rem;
}
input[type=text]:focus ,
textarea:focus ,
select:focus ,
input[type=password]:focus{
	background:#ffffbf;
}
input[type="radio"], input[type="checkbox"] {
	margin-right : 0.8em;
}

.modal_btn {
	position: relative;
	top: auto;
}

/* WSYS-11899 【サイト】フォームで台湾選択時に注意事項の画像設置とシンガポールの画像差し替え 20250128 M.Shimizu */
.pass_btn {
	background: #f4f4f4;
}

.singaporeBtn .base_btn.inline,
.taiwanBtn .base_btn.inline {
	padding: 6px 10px 7px 30px;
	line-height: 1;
}

.portugalBtn {
	padding-left: 15px;
}

.modal_btn i.before_info {
	background : #fff;
	color : #666;
	margin-right : 5px;
	padding :2px ;
	border-radius : 10px;
	font-size : 1.2rem;
}

.modal_btn_shadow {
	background: #357ebd;
	border-radius: 6px;
	box-shadow: 0px 3px 0px #07308c;
	padding: 10px;
	min-width: 160px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: background 0.3s;
}
.modal_btn_shadow:hover {
	background: #07308c;
}

i.before_info {
	font-size : 1.4rem;
	display : inline-block;
	width: 14px;
	height: 14px;
	border-radius:10px;
	line-height : 1;
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
}

/* WSYS-11769 【フロント】レンタルセットのバナーを追加 20241212 M.Shimizu */
.rental_set_confirmation {
	position: relative;
	width: 100%;
	margin-top: -10px;
	padding: 14px;
	border-radius: 0;
	background: #f64750;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.rental_set_confirmation::before,
.rental_set_confirmation::after {
	display: block;
	position: absolute;
}

.rental_set_confirmation::before {
	content: "▶︎";
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	z-index: 2;
}
.rental_set_confirmation::after {
	content: "";
	top: 0;
	right: 0;
	z-index: 1;
	width: 60px;
	height: 100%;
	background: #df0815;
}

.rental_set_confirmation p {
	position: relative;
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: left;
}

.rental_set_confirmation p::before {
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: url(../images/regist/rentalset_icon.png) no-repeat center center / contain;
	content: "";
}

.free_compensation_box{
	background-color:#fceeeb;
	padding:20px;
	margin-bottom:20px;
	}
.free_compensation_box img{
	/*float:left;*/
	}
.free_compensation_innerbox01{
	margin:10px 0;
	}

.free_compensation_innerbox02{
	background-color:white;
	padding:15px;
	margin-bottom: 8px;
	}
.free_compensation_price{
	background-color:#f1522c;
	color:white;
	float:left;
	padding:6px 15px;
	font-size:28px;
	font-weight:bold;
	}

.modal_btn_block {
	margin:10px 0;
}

/* [WSYS-8495] 日本プランに対するフォームへのテキスト追加依頼　ここから 2021.06.18 U.Hayashi */
.btn_center {
	display: flex;
	align-items: center;
}

/* WSYS-11899 【サイト】フォームで台湾選択時に注意事項の画像設置とシンガポールの画像差し替え 20250128 M.Shimizu */
.modal_btn_block span{
	padding-left: 15px;
	font-size: 1.3rem;
}
/* [WSYS-8495] 日本プランに対するフォームへのテキスト追加依頼 ここまで 2021.06.18 U.Hayashi */

.modal_btn_block .modal_btn{
	margin:3px 0;
	padding: 0 10px 0 31px;
}

/**
 * [WSYS-7887]通常フォームからレンタルフォームへの誘導ボタン追加　2020/08/26 TC A.Tanaka
 */

.more_one_month_japan{
	margin-bottom: 10px;
}

/* WSYS-12442 【フロント・VMDB】株式会社JTB（マイスタイル） 組込施策 _無制限用の新規フォーム作成 20250617 M.Amano */
.big_capacity_plan_button_area {
	margin-top: -3px;
	margin-bottom: 10px;
}

.big_capacity_plan_button_area .big_capacity_button {
	font-size: 1.4rem;
	line-height: initial;
	background: #FF1493;
	padding: 5px 15px;
	border: 1px solid #BBBBBB;
	width: 35%;
}

.big_capacity_plan_button_area .big_capacity_button::after {
	content: none;
}

p.modal_btn_block button.modal_btn,
p.modal_btn_block a.modal_btn {
	vertical-align: top;
}

.more_one_month_japan .telework_transition_btn {
	background: #F8F8F8;
	padding: 1rem;
	text-align: left;
	font-weight: 700;
	color: #000000;
	border: 1px solid #000000;
	border-radius: 4px;
}

.more_one_month_japan .telework_transition_btn:hover{
	background: #ffc000;
}

.telework_transition_btn img.japan_flag {
	width: 10%;
	margin: 0 2% 0 0;
}

.telework_btn_p{
	position: relative;
}

i.fas.right_btn{
	font-size: 1.4rem;
	position: absolute;
	right: 0;
	top: 0;
}

/**
 * [WSYS-8972]【前日依頼】ワールドeSIMでandroidが使用不可に関するテキスト追加 20220407 TC.tanaka
 */

.android_attention {
    color: #ff5b4c;
    margin: 20px 0;
    border: 2px #ff5b4c solid;
    padding: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	width: 980px;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    font-size: 1.4rem;
}

.android_attention_text {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    margin: 0 0 0 15px;
    text-align: left;
}

/* -------------------------------------
	header
---------------------------------------- */
.header{
}


.header_title_area {
	background:#051d44;
	padding:5px;
	width:100%;
	min-width:980px;
}

.header_title {
	background: #051d44;
	color:#fff;
	font-size:2rem;
	font-weight: bold;
	line-height:20px;
	min-height:20px;
	padding : 10px;
	margin:20px 0;
}

.coupon_header_rental {
	background: #fff;
	border-bottom: 1px solid #051d44;
	color:#051d44;
	font-size:2rem;
	font-weight: bold;
	line-height:20px;
	min-height:20px;
	padding-bottom : 10px;
	margin:20px 0;
}

/**
* [WSYS-7947]HIS店舗施策でのWiFi無しオプションのみレンタル開始 20201007 k.saito
*/
.header_title_opt_only {
	background: #fff;
	border-bottom: 1px solid #051d44;
	color:#051d44;
	font-size:2rem;
	font-weight: bold;
	line-height:20px;
	min-height:20px;
	padding-bottom : 10px;
	margin:20px 0;
}

.header_title:before {
	font-family:FontAwesome;
	display: inline-block;
	background:#004fab;
	border-radius: 50%;
	width:20px;
	line-height:20px;
	text-align: center;
	font-size:2rem;
	margin:0px 15px 0px 0 ;

}

.store_agency_campaign_area .header_title{
	font-size:1.8rem;
}

.breadcrumb_area {
/*	background : #ededed;*/
padding : 10px 0 10px 0 ;

}

.header_return_btn {
	visibility: visible;
}

.order .header_return_btn {
	visibility: hidden;
}




.order .header_title:before {
	content:"\f0f6";
}

.customer .header_title:before {
	content:"\f040";
}

.payment .header_title:before {
	content:"\f283";
}

.complete .header_title:before {
	content:"\f05d";
}

.coupon_header_rental:before {
	font-family: 'FontAwesome';
	content:"\f1eb";
	margin: 0 0.5em 0 0;
}

/**
* [WSYS-7947]HIS店舗施策でのWiFi無しオプションのみレンタル開始 20201007 k.saito
*/
.header_title_opt_only:before {
	font-family: 'FontAwesome';
	content:"\f00c";
	border: 1px solid;
	margin: 0 0.5em 0 0;
}

.icon_title {
	color :#082b68;
	font-size : 2rem;
	margin: 25px 0 5px;
	border-bottom: solid 2px #082b68;

}
.icon_title i{
	font-size : 2.1rem;
}
.text {
	margin : 10px 0 0px;
}


.pc_hide_inline {
	display : none !important;
}
.pc_hide {
	display : none !important;
}


.logo {
	display: inline-block;
	vertical-align: middle;
	margin:10px 10px 10px 0 ;
}
.logo.stw img {
	max-width : 410px;
}

.header_banner_area {
	display: inline-block;
	vertical-align: top;
	width: 55%;
	margin: 10px;
}

.header_banner_area.stw {
	width : 50%;
}

.header_banner_area p {
	margin:2.34375% 0 0 0 ;
	font-size: 1.4rem;
}

.largelogo .header_banner_area {
	display: none;
}


.header_flow {
	width:980px;
	margin:0 auto;
}

.header_flow ol {
	margin: auto;
	position: relative;
	width: 800px;
}

.header_flow li {
	width:25%;
	float:left;
	text-align: center;
	font-size:1.6rem;
	line-height:20px;
	position: relative;
	padding:30px 5px 0 5px;
	color:#ccc;
}

.header_flow li:before {
	content:"";
	background:#fff;
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 5px solid #ccc;
	border-radius:50%;
	position: absolute;
	top:0px;
	left:calc(50% - 9px);
	z-index:3;
	text-align: center;

}

.header_flow li.active {
	font-weight:bold;
	color:#000;
}

.header_flow li.active:before {
	background:#000;
	border: 5px solid #000;
}

.header_flow li:after {
	content:"";
	width:100%;
	height:5px;
	background:#ccc;
	position: absolute;
	top:12px;
	left:0;
	z-index:2;

}


.header_flow li:first-child:after {
	width:50%;
	left:auto;
	right:0;
}


.header_flow li:last-child:after {
	width:50%;
}


/* STEP1ヘッダー上部 STEP2訴求 */

.header_appeal_area {
	background : #eeeeee;
	font-size : 1.2rem;
	padding : 10px 0;
}
.header_appeal_area .header_inner {
	text-align: center;
}
.header_appeal_area img {
	float : right;
	margin-top : 5px;
}

/* WSYS-12213 【VMDB・フロント】danteiのみ_マイページログインにgoogleログインを追加 202500508 M.Amano */
/* WSYS-11793 【フロント】フォームのフッターSNSアイコンにAppleを追加 20241217 J.Young */
.header_appeal_area .appeal_sns {
	width : 50%;
	display : inline-block;
}
.header_appeal_area .appeal_payment {
	width : 49%;
	display : inline-block;
}


.header_appeal_area .appeal_title {
	font-weight : 700;
}

.header_appeal_area .appeal_content {
	color : #073190;
	font-weight : 700;
}

.header_appeal_area .appeal_note {
	font-size:1.0rem;
}


.header_appeal_area .appeal_attention {
	color : #ff0000;
	text-align : center;
}

.header_appeal_area .appeal_close_btn {
	background : #333;
	color : #fff;
	cursor : pointer;
	width : 20px;
	height : 20px;
	text-align : center;
	overflow : hidden;
	font-size : 20px;
	line-height : 18px;

	position : absolute;
	top :0;
	right : 0;
}
/* STEP1ヘッダー上部 STEP2訴求 */

/* enterprise STEP1 ヘッダー上部 */
.header_enterprise_appeal_area {
	background : #eeeeee;
	font-size : 1.2rem;
	padding : 10px 0;
}
.header_appeal_enterprise_area img{
	float: none;
}
.header_appeal_enterprise_area .appeal_column{
	display: flex;
	justify-content: center;
}
.header_appeal_enterprise_area .appeal_column .-col{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #082b68;
	padding: 0 3px 8px;
}
.header_appeal_enterprise_area .appeal_column .-receipt{
	margin-right: 25px;
	max-width: 315px;
}
.header_appeal_enterprise_area .appeal_column .-delivery{
	max-width: 480px;
}
.header_appeal_enterprise_area .-img_area{
	display: flex;
	flex-direction: row;
}
.header_appeal_enterprise_area .-img_area .-img{
	display: block;
	width: 32px;
}
.header_appeal_enterprise_area .-txt_area{
	padding-left: 10px;
	color: #082b68;
	font-size: 1.4rem;
	line-height: 1.1;
}

.logo_esim {
	width: 30%;
	margin: 20px 20px 20px 0;
}

/* -------------------------------------
	footer
---------------------------------------- */
.footer{
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-width:980px;
	padding-top: 10px;
	border-top:solid 1px #eee;
	/* Straight.s 20170501 見積もりをアコーディオンに */
/*	padding:0 0 65px 0;*/

}

.esim_form .footer {
	border-top: none;
}

body.order .footer , body.payment .footer{
	/* Straight.s 20170501 見積もりをアコーディオンに */
/* padding-bottom:87px; */
}


.footer_inner{
	width: 100%;
	padding: 0 calc((100% - 980px) / 2);
	padding-top: 10px;
	border-top:solid 1px #023286;
}
.header_appeal_area + .footer_inner {
	padding-top: 0;
}
.footer_inner .col_block {
	margin: 0;
	padding:10px 0;
}

.footer_left address {
	font-size:1.2rem;
}


.footer_center {
	text-align: center;
}

.footer_center .read {
	font-size:1.2rem;

}

.footer_center .telnum {
	font-size:2.4rem;
	font-weight: bold;
	color:#da0000;
}

.footer_center .reception_time {
	font-size:1.2rem;

}

.footer_right {
	text-align: right;
}

.footer_right .secure p{
	display: inline-block;
	width: 170px;
}

.copyright {
	background:#023286;
	text-align: center;
	color:#fff;
	width:100%;
	display:block;
}


.container.change_hour{
	padding:0 0 320px;
}

.container.change_hour.esim_form{
	padding:0 0 220px;
}
/* -------------------------------------
	title
---------------------------------------- */

.sub_title {
	font-size:2rem;
	font-weight: bold;
	color:#fff;
	background:#94bae0;
	padding:2px 5px;
	padding-left : 0.5em;
	line-height: 28px;
	overflow: hidden;
}

.sub_title span {
	font-size:1.6rem;
	font-weight: normal;
	float:right;
}


/* -------------------------------------
	agency_discount_descripton_area
---------------------------------------- */

.agency_discount_descripton_area {
	font-size: 1.4rem;
	margin: 10px 0;
}

.agency_title {
	border-bottom:solid 5px #2675B7;
	background:#3FB1F7;
	color:#fff;
	font-weight: bold;
	font-size: 1.8rem;
	padding:5px 10px;
	margin:0 0 10px 0;
}

.agency_text {
	padding:0 10px;
}

.agency_side_banner {
	position: fixed;
	top:100px;
	right:0;
	z-index: 99;
}

/* WSYS-11636 企業フォーム サイドバナー表示依頼（企業ID：48323） 20241031 M.Amano */
.banner_width_180 {
	width: 180px;
}

/* -------------------------------------
	period_area
---------------------------------------- */
section.period_area{
	position: relative;
	margin-top: -15px;
}

.agency section.period_area{
	margin-top: 0;
}

.period_area input {
	width:270px;
}


.period_area  .icon_calendar {
	position: absolute;
	top:26px;
	left:340px;
	font-size:2.4rem;
}

.date_area {
	display : inline-block;
	font-size: 1.5rem;
}

/* -------------------------------------
	country_area
---------------------------------------- */

.jcb_inbound .country_area {
	display: none;
}

.select_row {
	margin:0 0 20px 0;
}

.select_row:last-child {
	margin: 0;
}

.select_row li {
	display:inline-block;
	vertical-align: bottom;
	font-size: 1.5rem;
	line-height:1.3;
}

.js-designSelectText{
	height: 36px;
	font-size: 1.6rem;
	line-height: 36px;
	text-align: left;
}
select.fa_dont_set{
	height: 36px;
}
.select_row li select {
	width:100%;
	height: 36px;
}

.select_row li option {
	font-size: 1.6rem;
}

.select_row li .note {
	font-size:1.2rem;
	display: inline-block;
	margin: 0 0 8px 0;
}

.select_row li:nth-child(1) {
	width:21%;
}

.select_row li:nth-child(2) {
	width:57%;
}

.select_row li:nth-child(3) {
	width : 4.3%;
	text-align:center;
}

.select_row li:nth-child(3) i {
	color:#fff;
	background:#b8b4b4;
	font-size: 1.6rem;
	font-weight: normal;
	vertical-align: middle;
	padding:4px 6px ;
	margin:0 0 6px 0;
	border-radius:50%;
	cursor:pointer;
}

.select_row:first-child  li:nth-child(3) i {
	display: none;
}



.select_row li:nth-child(4) {
	width:15%;
	text-align : right;
}

.select_row .add_country_btn {
	display: none;

}

.select_row:last-child .add_country_btn {
	display: inline-block;
}

.select_row:nth-child(8) .add_country_btn {
	display: none;
}

.select_row li span.add_country_attention {
	display: none;
}

.select_row:nth-child(8) .add_country_attention {
	display: inline;
}


.select_row li .inline {
	line-height:1.6;
}


.modal_btn {
	vertical-align: bottom;
	background:#666;
}

/*　[WSYS-4157]　start */
.modal_btn.color01{
	background-color: #357ebd;
	padding: 0 36px 0 10px;
}
.modal_btn.color01 i.before_info{
	background-color: #ffc000;
	color: #444;
	margin-left: 5px;
	left: auto;
	right: 6px;
}
/*　[WSYS-4157]　end */

/*　[WSYS-8060]　start */
.modal_btn.color02{
	background-color: #ffc000;
	color: #082b68;
}
.modal_btn.color02 i.before_info{
	background-color: #fff;
	color: #082b68;
	margin-right: 5px;
	padding: 2px;
	border-radius: 10px;
	font-size: 1.2rem;
}
.corresponding_country_list li{
	display: inline-block;
	width: 24%;
	margin: 0 0 10px 0;
}
/*　[WSYS-8060]　end */

/* WSYS-11899 【サイト】フォームで台湾選択時に注意事項の画像設置とシンガポールの画像差し替え 20250128 M.Shimizu */
.modal_btn_block.caution {
	margin: 0;
	padding: 0 0 5px;
}
.modal_btn_block.caution .modal_btn {
	vertical-align: bottom;
	background:#ffd47f;
	color: #3372ba;
}

.modal_btn_block.caution .modal_btn.warning {
	background:#da0000;
	color: #fff;
}

.modal_btn_block.caution .modal_btn[data-content-name="vpn"] {
	background: #da0000;
	color: #fff;
}

/*中国特別回線への注意喚起*/
.modal_btn_block.caution .modal_btn[data-content-name="vpn"]#analytics-regist_button_china{
	background-color: #fff;
	color: #da0000;
	border: 1px solid #da0000;
	line-height: 1.3em;
	padding: 15px 15px 10px 15px;
	position: relative;
	padding-left: 55px;
	text-align: left;
}

.modal_btn_block.caution .modal_btn[data-content-name="vpn"]#analytics-regist_button_china i.fa-exclamation-triangle{
	position: absolute;
	top: 35px;
	left: 15px;
	font-size: 30px;
}

.modal_btn_block.caution .modal_btn[data-content-name="vpn"]#analytics-regist_button_china .btn_inner_arrow{
	display: block;
	float: right;
	margin-top: 3px;
}

.modal_btn_block.caution .modal_btn[data-content-name="vpn"]#analytics-regist_button_china .btn_inner_arrow i{
	margin-left: 5px;
}

/*WSYS-9354 20220804 y.sakota*/
#analytics-regist_button_koreamap,
#analytics-regist_button_bolivia {
	background-color: #fff;
	color: #000000;
	border: 1px solid #da0000;
	line-height: 1.3em;
	margin-inline: auto;
	padding: 10px 15px 10px 15px;
	position: relative;
	padding-left: 55px;
	text-align: left;
	font-size: 20px;
}
/* WSYS-11899 【サイト】フォームで台湾選択時に注意事項の画像設置とシンガポールの画像差し替え 20250128 M.Shimizu */
#analytics-regist_button_koreamap {
	margin-left: 0;
}
#analytics-regist_button_bolivia {
	padding-left: 120px;
	width: 95%;
}
#analytics-regist_button_koreamap .before_info,
#analytics-regist_button_bolivia .before_info,
#analytics-regist_button_uae .before_info {
	color: #da0000ed;
	font-size: 4rem;
	top: 50%;
	transform: translateY(-50%);
	width: 4rem;
	height: 4rem;
}
#analytics-regist_button_bolivia .before_info {
	left: 50px;
}
#analytics-regist_button_koreamap .btn_inner_arrow {
	font-size: 15px;
	margin-left: 90px;
}
.caution_modal_box {
	background-color:#f4f4f4;
	padding-bottom: 35px;
	text-align: center;
}
/* WSYS-11899 【サイト】フォームで台湾選択時に注意事項の画像設置とシンガポールの画像差し替え 20250128 M.Shimizu */
.southkoreacounterBtn.caution_modal_box {
	padding-left: 15px;
	text-align: left;
}
.boliviaBtn.caution_modal_box span {
	padding-left: 0;
}
.caution_modal_box .base_btn {
	display: block;
	cursor: initial;
}
/* WSYS-11892 【サイト】フォームで韓国選択時に注意事項の画像設置とタイの画像差し替え 20250128 M.Shimizu */
.caution_modal_box.southkoreacounterBtn {
	padding-bottom: 5px;
}
#analytics-regist_button_koreamap .btn_inner_arrow .ml5 {
	margin-left: 5px;
}
/* WSYS-11184 【フロント】フォームでアラブ選択時注意事項のテキストから画像に変更 20240702 J.Young */
#analytics-regist_button_uae {
	padding-inline: 15px;
}
#analytics-regist_button_uae p {
	font-size: 16px;
}
#area_tpl_box
 {
	background-color: #FFF; 
	width: 92%; 
	margin: auto;
	font-size: 18px;
	cursor: initial;
}
.russiaBtn .modal_btn,
.christmasBtn .modal_btn,
.balearicBtn .modal_btn,
.spainBtn .base_btn {
	background: none;
}
.christmasBtn .base_btn,
.balearicBtn .base_btn,
.spainBtn .base_btn {
	width: 100%;
	color: #000;
	text-align: left;
}
.christmasBtn .base_btn p,
.balearicBtn .base_btn p,
.spainBtn .base_btn p {
	font-weight: 100;
	font-size: 16px;
	margin-left: 10px;
}
/*↑↑↑↑↑　WSYS-9354 */

/* WSYS-8275 日本無制限プラン選択時のフォームの仕様変更 20210422 U.Hayashi */
.japan_btn {
	text-align: center;
	background-color: #f4f4f4;
	padding-bottom: 30px;
}

/*.modal_btn_block.caution .modal_btn[data-content-name="japan"]#analytics-regist_button_japan{*/
/*	background-color: #fff;*/
/*	color: #da0000;*/
/*	border: 1px solid #da0000;*/
/*	width: 745px;*/
/*	line-height: 1.3em;*/
/*	padding: 15px;*/
/*	position: relative;*/
/*	padding-left: 55px;*/
/*	text-align: left;*/
/*}*/

/*.modal_btn_block.caution .modal_btn[data-content-name="japan"]#analytics-regist_button_japan:hover{*/
/*	background-color: #da0000;*/
/*	color: #fff;*/
/*}*/

/*.modal_btn_block.caution .modal_btn[data-content-name="japan"]#analytics-regist_button_japan i.fa-exclamation-triangle{*/
/*	position: absolute;*/
/*	left: 15px;*/
/*	font-size: 30px;*/
/*}*/

/*.modal_btn_block.caution .modal_btn[data-content-name="japan"]#analytics-regist_button_japan .btn_inner_arrow{*/
/*	display: block;*/
/*	margin-top: 3px;*/
/*}*/

/*.modal_btn_block.caution .modal_btn[data-content-name="japan"]#analytics-regist_button_japan .btn_inner_arrow i{*/
/*	margin-left: 5px;*/
/*}*/

/**/

.modal_btn_block .modal_btn.dantei_btn {
	background: #ff8844;
}


.base_btn.add_country_btn {
	margin:0 0 1px 0;
}

.term_date {
	display: inline-block;
	margin-top: 0;
	padding: 10px 0 0 0 ;
	margin: 0 0 0 10px;
	text-align: center;
	line-height:45px;
	width: 300px;
	border-radius:4px;
}

.term_date span {
	color:#ff5a00;
	font-size:4rem;
	font-weight: bold;
	line-height:1.2;
}

.transit_area {
	border : #ccc 1px solid;
	background : #fff;
}


.transit_price_area {
	display : flex;
	justify-content: space-between;
	align-items: center;
	background : #e8f3ff;
	padding : 5px 20px;
}
.transit_price_list {
	width : 100%;
}

.transit_price_area .title_area {
	width : 70%;
	font-weight : 700;
	font-size : 2.0rem;
	padding-left : 2.5rem;
}
.transit_price_area .campaign_text,
.transit_price_area .discount_price {
	color : #e50059;
	font-weight : 700;
}

.transit_price_area .campaign_text {
	font-size : 1.2rem;
}


.transit_price_area .discount_original {
	text-decoration: line-through;
}

.transit_price_area .discount_price {
	font-size : 2.4rem;
}

.transit_price_area .price_area {
	text-align : center;
}


.transit_price_list label {
	width : 100%;
	margin : 0;
	cursor : pointer;
}

.transit_price_area:before,
.transit_price_area:after,
.transit_content_area:before,
.transit_content_area:after
 {
	content : none;

}
.transit_content_area {

	display : flex;
	justify-content: space-between;
	align-items: center;
	padding : 10px 20px;
}

.transit_content_area .more_info,
.transit_price_area .price_area {
	width : 30%;
	text-align : right;
}

.active .transit_price_area  {
	background : #ffedd1;
}

.transit_check {
	position : relative;
	padding-left : 10px;
}
.transit_check input[type=checkbox]
{
	opacity:0;
}

/* WSYS-11314 【フロント】STEP1の任意チェックボックスを黄色背景に変更 20240822 M.Amano */
/* WSYS-11382 【フロント】STEP1の任意チェックボックスを黄色背景に変更② 20240827 M.Amano */
/* WSYS-11933 【フロント】トランジットOPと速度制限緩和OPのチェックボックスの修正 20250130 M.Amano */
.transit_check:after {
	background: #feffbf;
	border-radius: 4px;
	content: "";
	color: #cfcfcf;
	font-size: 3.0rem;
	display: inline-block;
	font-family: FontAwesome;
	height: 25px;
	left: 10px;
	line-height: 24px;
	position: absolute;
	text-align: center;
	top : calc(50% - 15px);
	width: 25px;
	border: 1px solid #666;
}

/* WSYS-11382 【フロント】STEP1の任意チェックボックスを黄色背景に変更② 20240827 M.Amano */
.active .transit_check:after {
	content:"\f00c";
	color:#e20010;
	font-size : 3.0rem;
	background: #feffbf;
}

/* START WSYS-12442 【フロント・VMDB】株式会社JTB（マイスタイル） 組込施策 _無制限用の新規フォーム作成 20250617 M.Amano */
/* -------------------------------------
	チェックボックス セレクトボックスが
	不要な単独オプションの説明文の時などに使用
	例：容量無制限プラン
------------------------------------- */
.noform_design_area {
	border : #ccc 1px solid;
	background : #fff;
	margin-bottom: 15px;
}

.noform_design_price_list {
	width : 100%;
}

.noform_design_price_list label {
	width : 100%;
	margin : 0;
}

.noform_design_price_area {
	display : flex;
	justify-content: space-between;
	align-items: center;
	background : #e8f3ff;
	padding : 5px 20px;
}

.noform_design_price_area .title_area {
	width : 70%;
	font-weight : 700;
	font-size : 2.0rem;
}

.noform_design_price_area .campaign_text,
.noform_design_price_area .discount_price {
	color : #e50059;
	font-weight : 700;
}

.noform_design_price_area .campaign_text {	
	font-size : 1.2rem;
}


.noform_design_price_area .discount_original {	
	text-decoration: line-through;
}

.noform_design_price_area .price_text {
	font-weight: bold;
}

.noform_design_price_area .discount_price {
	font-size : 2.4rem;
}

.noform_design_price_area .price_area {
	text-align : center;
}

.noform_design_price_area:before,
.noform_design_price_area:after,
.noform_design_content_area:before,
.noform_design_content_area:after {
	content : none;
}

.noform_design_content_area {
	padding : 10px 20px;
	position: relative;
}

.noform_design_content_area .more_info,
.noform_design_price_area .price_area {
	width : 20%;
}

.noform_design_content_area .more_info {
	width : 22%;
	position: absolute;
	right: 1%;
	bottom: 10%;
}

.noform_design_content_area .more_info .detail_btn {
	font-size: 1.4rem;
	line-height: initial;
	background: #FF1493;
	padding: 5px 0;
	border: 1px solid #BBBBBB;
}

.noform_design_content_area .more_info .detail_btn:after {
	content: none;
}
/* E N D WSYS-12442 【フロント・VMDB】株式会社JTB（マイスタイル） 組込施策 _無制限用の新規フォーム作成 20250617 M.Amano */

/* START WSYS-10967 【VMDB】オプション追加_ファストドクター 20240508 M.Amano */
/* START WSYS-11647 【VMDB・フロント】新規オプション追加_貴重品発見サポート(This is) 20241114 M.Amano */
/* START WSYS-12433 【VMDB・サイト】オプション追加_キャンセル補償 20250619 M.Amano */
/* -------------------------------------
	fastDoctor
	lostandfound
	cancel_compensation
---------------------------------------- */
.fast-doctor_area,
.lostandfound_area,
.cancel_compensation_area {
	border : #ccc 1px solid;
	background : #fff;
}

.fast-doctor_price_area,
.lostandfound_price_area,
.cancel_compensation_price_area {
	display : flex;
	justify-content: space-between;
	align-items: center;
	background : #e8f3ff;
	padding : 5px 20px;
}

.fast-doctor_price_list,
.lostandfound_price_list,
.cancel_compensation_price_list {
	width : 100%;
}

.fast-doctor_price_area .title_area,
.lostandfound_price_area .title_area {
	width : 70%;
	font-weight : 700;
	font-size : 2.0rem;
}

.cancel_compensation_price_area .title_area {
	width : 70%;
	font-weight : 700;
	font-size : 2.0rem;
	padding-left : 2.5rem;
}

.fast-doctor_price_area .campaign_text,
.fast-doctor_price_area .discount_price,
.lostandfound_price_area .campaign_text,
.lostandfound_price_area .discount_price,
.cancel_compensation_price_area .campaign_text,
.cancel_compensation_price_area .discount_price {
	color : #e50059;
	font-weight : 700;
}

.fast-doctor_price_area .campaign_text,
.lostandfound_price_area .campaign_text,
.cancel_compensation_price_area .campaign_text {
	font-size : 1.2rem;
}


.fast-doctor_price_area .discount_original,
.lostandfound_price_area .discount_original,
.cancel_compensation_price_area .discount_original {
	text-decoration: line-through;
}

.fast-doctor_price_area .price_text,
.lostandfound_price_area .price_text,
.cancel_compensation_price_area .price_text {
	font-weight: bold;
}

.fast-doctor_price_area .discount_price,
.lostandfound_price_area .discount_price,
.cancel_compensation_price_area .discount_price {
	font-size : 2.4rem;
}

.fast-doctor_price_area .price_area,
.lostandfound_price_area .price_area,
.cancel_compensation_price_area .price_area {
	text-align : center;
}

.fast-doctor_price_list label,
.lostandfound_price_list label,
.cancel_compensation_price_list label {
	width : 100%;
	margin : 0;
	cursor : pointer;
}

.fast-doctor_price_area:before,
.fast-doctor_price_area:after,
.fast-doctor_content_area:before,
.fast-doctor_content_area:after,
.lostandfound_price_area:before,
.lostandfound_price_area:after,
.lostandfound_content_area:before,
.lostandfound_content_area:after,
.cancel_compensation_price_area:before,
.cancel_compensation_price_area:after,
.cancel_compensation_content_area:before,
.cancel_compensation_content_area:after {
	content : none;
}

.fast-doctor_content_area,
.lostandfound_content_area,
.cancel_compensation_content_area {
	display : flex;
	justify-content: space-around;
	align-items: center;
	padding : 10px 20px;
}

.fast-doctor_image_area {
	width: 200px;
}

.lostandfound_image_area {
	width: 325px;
}

.cancel_compensation_image_area {
	width: 240px;
}

.fast-doctor_description_area,
.lostandfound_description_area,
.cancel_compensation_description_area {
	padding: 0 20px;
}

.fast-doctor_description_area .decsription_block,
.lostandfound_description_area .decsription_block,
.cancel_compensation_description_area .decsription_block {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.fast-doctor_content_area .more_info,
.fast-doctor_price_area .price_area,
.lostandfound_content_area .more_info,
.lostandfound_price_area .price_area,
.cancel_compensation_content_area .more_info,
.cancel_compensation_price_area .price_area {
	width : 25%;
	text-align : right;
}

.cancel_compensation_price_area .price_area {
	width : 30%;
}

/* 2/20まで使用するcss（それ以降は不要） */
.lostandfound_price_area .price_area_campaign {
	width : 40%;
	text-align : right;
}

.lostandfound_price_area .price_area_campaign ._text {
	color: #ff0000;
}

.lostandfound_price_area .discount_price_org {
	font-size : 2.0rem;
	font-weight : 700;
	text-decoration: line-through;
}

.lostandfound_price_area .discount_price_arrow {
	font-size : 2.4rem;
	font-weight : 700;
}
/* 2/20まで使用するcss（それ以降は不要） */

.lostandfound_content_area .more_info {
	width : 35%;
	text-align : right;
}

.cancel_compensation_content_area .more_info {
	width : 40%;
	text-align : right;
}

.active .fast-doctor_price_area,
.active .lostandfound_price_area,
.active .cancel_compensation_price_area {
	background : #ffedd1;
}

.fast-doctor_column_area,
.lostandfound_column_area,
.cancel_compensation_column_area {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

.fast-doctor_column_area .-item,
.lostandfound_column_area .-item,
.cancel_compensation_column_area .-item {
	width: 33%;
}

.fast-doctor_column_area .-item .-txt,
.lostandfound_column_area .-item .-txt,
.cancel_compensation_column_area .-item .-txt {
	height: 77px;
	line-height: 55px;
}

body[data-language=en] .fast-doctor_column_area .-item .-txt,
body[data-language=en] .lostandfound_column_area .-item .-txt,
body[data-language=en] .cancel_compensation_column_area .-item .-txt {
	height: 96px;
	line-height: 74px;
}

body[data-language=en] .fast-doctor_column_area.-after .-item .-txt,
body[data-language=en] .lostandfound_column_area.-after .-item .-txt,
body[data-language=en] .cancel_compensation_column_area.-after .-item .-txt {
	height: 77px;
	line-height: 55px;
}

.fast-doctor_column_area.-after .-item:nth-child(2) .-txt,
.lostandfound_column_area.-after .-item:nth-child(2) .-txt,
.cancel_compensation_column_area.-after .-item:nth-child(2) .-txt {
	background: #ffedd1;
}

.fast-doctor_column_area .-item .-img,
.lostandfound_column_area .-item .-img,
.cancel_compensation_column_area .-item .-img {
	width: 100%;
}

.fast-doctor_column_area .-item .-caption
.lostandfound_column_area .-item .-caption,
.cancel_compensation_column_area .-item .-caption {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.fast-doctor_price_area .option_item_base.option_item_popular,
.lostandfound_price_area .option_item_base.option_item_popular,
.cancel_compensation_price_area .option_item_base.option_item_popular {
	display: inline-block;
	font-size: 1.2rem;
	border-radius: 4px;
	padding: 2px 4px;
	margin-left: 0px;
	position: relative;
	top: -2px;
	line-height: 20px;
	background: #da0000;
	color: #fff;
	text-align: center;
}

.cancel_compensation_price_area .option_item_base.option_item_popular {
	width: 70px;
}

.fast-doctor_price_area .option_item_base.option_item_first,
.lostandfound_price_area .option_item_base.option_item_first,
.cancel_compensation_price_area .option_item_base.option_item_first {
	display: inline-block;
	font-size: 1.5rem;
	border-radius: 4px;
	padding: 2px 4px;
	margin-left: 0px;
	position: relative;
	top: -2px;
	line-height: 20px;
	width: 70px;
	background: #ffd455;
	color: #000;
	text-align: center;
}

.fast-doctor_area .more_info .modal_area,
.lostandfound_area .more_info .modal_area,
.cancel_compensation_area .more_info .modal_area {
	display: none;
}

/* WSYS-11382 【フロント】STEP1の任意チェックボックスを黄色背景に変更② 20240827 M.Amano */
.fastdoctor_person_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 52px;
}

.lostandfound_person_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: -10px;
}

.fastdoctor_person_box .background-light-yellow,
.lostandfound_person_box .background-light-yellow {
	background-color: #ffffbf !important;
}

/* チェックボタンの時のform */
.cancel_compensation_check {
	position : relative;
	padding-left : 10px;
}

.cancel_compensation_check input[type=checkbox]
{
	opacity:0;
}

.cancel_compensation_check:after {
	background: #feffbf;
	border-radius: 4px;
	content: "";
	color: #cfcfcf;
	font-size: 3.0rem;
	display: inline-block;
	font-family: FontAwesome;
	height: 25px;
	left: 10px;
	line-height: 24px;
	position: absolute;
	text-align: center;
	top : calc(50% - 15px);
	width: 25px;
	border: 1px solid #666;
}

.active .cancel_compensation_check:after {
	content:"\f00c";
	color:#e20010;
	font-size : 3.0rem;
	background: #feffbf;
}
/* E N D WSYS-12433 【VMDB・サイト】オプション追加_キャンセル補償 20250619 M.Amano */
/* E N D WSYS-10967 【VMDB】オプション追加_ファストドクター 20240508 M.Amano */
/* E N D WSYS-11647 【VMDB・フロント】新規オプション追加_貴重品発見サポート(This is) 20241114 M.Amano */

/* -------------------------------------
    popular_country
------------------------------------- */

div.popular_country_select {
	width: 958px;
	margin-top: 7px;
}

table.popular_country_list {
	width: 100%;
	margin: 7px 0;
}

table.popular_country_list td {
	position: relative;
}

table.popular_country_list td div.popular_country_box {
	position: relative;
	top: 0;
	left: 0;
	width: 184px;
	background: #fff;
	text-align: center;
	border: 1px solid #666;
	padding: 5px 10px;
	border-radius: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 5px 8px 0;
}

table.popular_country_list td div.popular_country_box img {
	width: 80px;
	margin: -5% auto 0;
}

table.popular_country_list td div.popular_country_box p {
	font-size: 1.5rem;
	font-weight: 900;
	margin: -10% auto 0;
	transition: 0.3s all;
}

table.popular_country_list td div.ranking_icon img {
	width: 25px;
	height: auto;
	position: absolute;
	top: 0;
	left: 4%;
}

table.popular_country_list td div.selected_ranking_country{
	border: solid 2px #f64750;
	background-color: #ffdddd;
	height: 92px;
}


table.popular_country_list td div.popular_country_box:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: 0.3s all;
}

table.popular_country_list td div.popular_country_box:hover p{
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: 0.3s all;
}

table.popular_country_list td div.popular_country_box img {
	transition: 0.3s all;
}

table.popular_country_list td div.popular_country_box .europe_plan{
	width: 57px;
	margin: 0 0 15px;
}

/* WSYS-12201 【フロント・VMDB】イモトフォームにプラン追加をし、サービスイン 20250424 M.Amano */
/* -------------------------------------
	reserve_country
------------------------------------- */
/* WSYS-12430 【フロント】reserveページ_軽微なデザイン修正依頼 20250624 M.Shimizu */
.reserve_country_select_area {
	padding: 30px 0;
}

.reserve_country_select_area .reserve_country_select_title_area {
	display: flex;
	align-items: center;
	margin-bottom: 7px;
}

.reserve_popular_country_select_title,
.reserve_country_select_title {
	position: relative;
	padding-left: 18px;
	font-weight: 600;
	line-height: 1;
}

.reserve_country_select_area .reserve_country_select_title_area .modal_btn.color01 {
	background: #357ebd;
}

.reserve_popular_country_select_title::before,
.reserve_country_select_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #555555;
	border-right: 0;
}

.reserve_country_select_title .reserve_text_pink {
	color: #ff005e;
}

.reserve_country_select_area .reserve_country_list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item {
	width: 180px;
	margin-right: 12px;
	margin-bottom: 15px;
	text-align: center;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item:nth-child(5n) {
	margin-right: 0;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item .reserve_country_box {
	background: #fff;
	border: 1px solid #666;
	border-radius: 4px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item .reserve_country_box:hover img {
	transform: scale(1.2);
	transition: 0.3s all;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item .reserve_country_box .reserve_country_box_img {
	width: 50px;
	margin: 10px 0 25px 0;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item .reserve_country_box .reserve_country_box_text {
	font-size: 1.5rem;
	font-weight: 900;
	margin: -10% auto 0;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item .reserve_country_check {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item .reserve_country_check::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%) rotate(45deg);
	width: 6px;
	height: 6px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}

.reserve_country_select_area .reserve_country_list .reserve_country_item .reserve_country_check button {
	width: 100%;
	padding: 8px;
	line-height: 1;
}

/* WSYS-11496 チャージプラン専用フォーム開発（カカクコム1円プラン） 20241010 M.Amano */
/* -------------------------------------
	charge_plan
	チャージプラン作成時は２カ国しかないが今後増える可能性があるため
	元のcssを可能な限り使っておきたい
	同じ形式になったときに、以下のcssを設定している部分を消すだけでいけるようにしたいため
------------------------------------- */
.chargeplan_country_select .chargeplan_country_list {
	width: auto;
}

.chargeplan_country_select .chargeplan_country_list .chargeplan_country_item:not(:last-child) {
	padding-right: 10px;
}

/* 復活の可能性も踏まえて、残しています。いずれ消します */
/* .chargeplan_country_select .chargeplan_country_list .chargeplan_country_box {
	display: flex;
	justify-content: start;
	width: 90%;
} */

/* .chargeplan_country_select .chargeplan_country_list .chargeplan_country_box .chargeplan_country_box-img {
	width: 150px;
	margin: -25px 0;
} */

/* .chargeplan_country_select .chargeplan_country_list .chargeplan_country_box .chargeplan_country_box-txt {
	font-size: 1.8rem;
	margin: auto 10px;
} */

.chargeplan_selectbox .chargeplan_selectbox_item {
	/* importantは極力使いたくないが、チャージプランでもエリア選択できうようになったときは
	   このcssの設定をしなくなると思うのでひとまずこれで */
	width: 50% !important;
}

/* -------------------------------------
	modal_search
---------------------------------------- */

/* WSYS-11314 【フロント】STEP1の任意チェックボックスを黄色背景に変更 20240822 M.Amano */
.country_pulldown_srh_input {
	width:91%;
	background-color: #ffffbf;
}

.support_country_select_area {
	position : relative;
}

.country_select_title {

	display:inline-block;
	padding : 2px 2px 4px 0;
}

.search_hook_btn {
	display:inline-block;
	font-size : 1.6rem;
	background : #ffffbf;
	color : #919191;
	padding :  0px;
	text-align : left;
	margin : 8px 0;
	width : 745px;
	position : relative;
	height : 44px;
}
.search_hook_btn input {
	left : 0;
	width : 100%;
	z-index:10;
	border-radius : 0;
	padding-left : 30px;
	height : 44px;
}


.search_hook_btn i {
	z-index:11;
	position : absolute;
	top : 13px;
	left : 8px;

}

.search_hook_icon {
	font-size : 1.8rem;
	color : #333;
}

.area_modal_display_hook {
	position: relative;
	top:0;
	left:0;
	z-index:5;
	width:100%;
	background: #fff;
	font-size: 1.6rem;
	/*line-height: 36px;*/
	text-align: left;
	border: 1px solid #666;
	padding: 7px 30px 7px 10px;
	border-radius: 4px;
	cursor:pointer;
}

.area_modal_display_hook:after {
	content: "\f0d7";
	font-family: FontAwesome;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 50%;
	transform:translateY(-50%);
}

.country_search_modal_area.area_modal_country {
	width : 100%;
	height : 79vh;

}
.country_search_pulldown_area .area_modal_country {
	width : 100%;
	height : auto;

}
/* WSYS-12226 【フロント】無制限プランに関するテキストをSTEP1プルダウンに追加 20250508 M.Amano */
.area_modal_country li {
	border : 1px solid #ddd;
	border-left : none;
	border-right : none;
	border-top : none;
	padding : 5px;
	margin : 2px 0 0 0 ;
	cursor : pointer;
	position: relative;
}
.area_modal_country li.active {
	background : #ffc95f;
}
.select_row > ul > li {
	popsition : relative;
}

.country_search_area {
	position : relative;
}
.country_search_pulldown_area {
	position : absolute;
	top : 0;
	left : 0;
	display:none;
	background:#fff;
	z-index:100;
	border:1px solid #333;
}
.country_search_modal_area.modalArea {
  display: none;
}

/* 国検索用モーダルCSS */

.modalBox.modalSearch {
	padding : 0;
	height : 80%;
}

.country_search_area .search_box{
	font-size : 16px;
	padding : 10px 3px 10px 35px;
	border :1px solid #999;
	position :relative;
	width:100%;
	background : #ffffbf;
}

input.search_box::-ms-clear {
	visibility:hidden;
}


.country_search_area .select_area_search {
	position :relative;
	cursor : auto;

}
.country_search_area .select_area_search:before {
	content:"\f002";
	font-family:FontAwesome;
	position:absolute;
	color : #333;
	left : 15px;
	top:15px;
	font-size:2.0rem;
	z-index : 2;

}

.country_search_pulldown_area .select_area_search {
	display : none;
}
.country_search_pulldown_area .seleced_area_clear {
	display : none !important;
}

.country_search_area .selected_area_title{
	background : #357ebd;
	color:#fff;
	position :relative;
	cursor : auto;
}

.country_search_area.area_modal_country li.seleced_area_clear {
	background : #c9e7f8;
	text-align : center;
	margin : 5px 20px;
	border : none;
}



.country_search_modal_area .country_search_area_in {
	position : relative;
	min-height:75vh;
}

.country_search_pulldown_area .country_search_area_in.disp_note {
	padding-bottom : 30px;
}

.country_search_area .country_search_area_in.disp_note:after {
	content : attr(data-note);
	text-align:right;
	color : #666;
	font-size : 1.2rem;
	bottom : 0px;
	display:block;
	width : 100%;
	padding : 3px 0;
	margin : auto 6px auto auto;
	width:90%;
}

.country_search_pulldown_area .country_search_area .country_search_area_in.disp_note:after{
	position : absolute;
	bottom : 0px;
	right : 3px;
}

.country_search_area .seleced_area_clear:before{
	content : "\f191";
	font-family:FontAwesome;
	font-size : 2.0rem;
	padding-right :0.5em;

}

.country_search_area .active_select {
	background : #e8f3ff;
}

.country_search_area .active_select .country_name {
	font-weight : 700;
}


.country_search_area .child_area {
	padding-bottom : 20px;
}
.country_search_area .active_select .child_area {
	padding-bottom : 0px;
}

.country_search_area .child_area p {
	border-top : 1px solid #ccc;
	padding : 5px;
	position : relative;
}

.country_search_area .child_area p:first-child {
	margin-top : 10px;
}
.country_search_area .child_area p:hover {
	background : #ffedd1;
}
.country_search_area .child_area p.active {
	background : #ffedd1;
}

.country_search_area .ranking_disp .modal_country_data:before {
	font-size : 1.0rem;
	border-radius:4px;
	color:#fff;
	text-align : center;
	padding : 3px;
	margin : 0 6px 0 0;
	white-space: pre;
	display : inline-block;
	vertical-align : middle;
	line-height :1;

}

.ranking_preload {
	width : 0;
	height:0;
	display: inline-block;
	overflow:hidden;
	display: none;
}

.ranking_preload:before {
	content:url(../images/regist/recommend_no1.png?date=20200709) url(../images/regist/recommend_no2.png?date=20200709) url(../images/regist/recommend_no3.png?date=20200709);

}

.country_search_area .ranking_disp .modal_country_data.ranking_no1:before {
	content:url(../images/regist/recommend_no1.png?date=20200709);
	border:1px solid #8b710a;
	color:#8b710a;
	background: #fff;
}
.country_search_area .ranking_disp .modal_country_data.ranking_no2:before {
	content:url(../images/regist/recommend_no2.png?date=20200709);
	border:1px solid #333;
	color :#333;
	background: #fff;
}
.country_search_area .ranking_disp .modal_country_data.ranking_no3:before {
	content:url(../images/regist/recommend_no3.png?date=20200709);
	border:1px solid #973b14;
	color :#973b14;
	background: #fff;
}

/* [WSYS-8443] 新規プラン追加_5G 20210615 a.taguchi */
.country_search_area .ranking_disp .modal_country_data.ranking_new:before {
	content:url(../images/regist/recommend_new.png?date=20210622);
	border:1px solid #CE2523;
	color :#CE2523;
	background: #fff;
}

/* ----------------------------------------------
	esim
---------------------------------------------- */

.about_price_title {
	background: #102847;
	color: #fff;
	font-size: 1.8em;
	padding: 15px;
	text-align: center;
}

.tour_popup_contents{
	font-size: 1.1em;
	font-family: 'Noto Sans JP', sans-serif;
}

.tour_popup_contents .tour_text {
	margin: 20px 0;
}

.tour_popup_contents table {
	width: 100%;
	border-collapse: collapse;
}

.tour_popup_contents th,
.tour_popup_contents td {
	width: 25%;
	text-align: center;
	vertical-align: middle;
	border: 1px #102847 solid;
	font-weight: 500;
}

.tour_popup_contents th:nth-of-type(2n),
.tour_popup_contents td:nth-of-type(2n) {
	background: #f2f2f2;
}

.tour_popup_contents th {
	height: 55px;
}

.tour_popup_contents td {
	height: 35px;
	font-size: 0.8em;
}

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

.modalBox .modalBoxInner {
	font-size: 16px;
}

.popup_close_btn.inline {
	background: #000;
	min-width: 200px;
	line-height: 40px;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	text-align: center;
}

.price_popup_btn {
	margin: 0 15px 0 0;
	color: #2856ac;
	position:relative;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	overflow: visible;
}

.price_popup_btn:after{
	content: "";
	position:absolute;
	display:inline-block;
	margin: 0 5px;
	width: 1rem;
	height: 1rem;
	background: url(../images/contents/worldesim/popup_arrow_link.png)no-repeat;
	background-size:contain;
	top: 50%;
	transform: translateY(-50%);
}

.acd_check {
	display: none;
}

.acd_contents {
	background: #fff;
	opacity: 0;
	height: 0;
	transition: 0.3s;
	visibility: hidden;
	padding: 0;
	display: block;
	overflow: hidden;
}

.acd_item {
	height: 0;
}

.acd_check:checked + .acd_label + .acd_contents {
	opacity: 1;
	visibility: visible;
	display: block;
	height: 100%;
}

.acd_check:checked + .acd_label + .acd_contents .acd_item {
	height: 100%;
}

.sp_window {
	display: none;
}

table.esim_cal_price {
	border-collapse: collapse;
	margin: 2% 0;
	width: 100%;
}

.esim_cal_price td,.esim_cal_price th{
	border-width: 1px 0;
	border-style: solid;
	border-color: #313131;
}

.esim_no_border {
	border: 0!important;
}

.esim_dot_border_t {
	border-top-style: dotted!important;
}

.esim_dot_border_b {
	border-bottom-style: dotted!important;
}

.esim_cal_price th {
	width: 15%;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.esim_cal_price td {
	padding: 10px;
	width: 30%;
}

.esim_cal_sum {
	text-align: right;
}

.esim_cal_title {
	background-color: #D9D9D9;
	font-weight: bold;
}

.esim_subtitle {
	font-weight: bold;
}

.esim_cal_text {
	font-size: 1.4rem;
}

.total_title {
	background-color: #FFCCFF;
	font-weight: bold;
	color: #ff24f5;
}

.esim_cal_price .total_price {
	font-weight: bold;
	color: #ff24f5;
	font-size: 3rem;
}

.esim_en_line {
	vertical-align: middle;
}

.container.esim_form{
	padding:0 0 200px;
}

/*
.country_search_area .child_area p:nth-child(5):after {
	content:"おすすめ";
	position : absolute;
	font-size : 1.0rem;
	right : 5px;
	top : 5px;
	border-radius:4px;
	background : #ff0000;
	color:#fff;
	width : 25px;
	height : 25px;
	text-align : center;
	line-height : 1;
	padding-top : 3px;
}
.country_search_area .child_area p:nth-child(2):after {
	content:"人気No1";
	position : absolute;
	font-size : 1.0rem;
	right : 5px;
	top : 5px;
	border-radius:4px;
	background : #fa861a;
	color:#fff;
	width : 25px;
	height : 25px;
	text-align : center;
	line-height : 1;
	padding-top : 3px;
}
*/

.select_flag {
	width : 21px;
}



/* -------------------------------------
	dedicated_plan_area
---------------------------------------- */

.dedicated_plan_area {

}

.dedicated_plan_title {
	color:#fff;
	background:#357ebd;
	font-size:2rem;
	padding:10px 20px;
	margin: 0 0 20px 0;
}

.dedicated_plan_title i {
	font-size:4rem;
	vertical-align: middle;
	margin:0 0.2em 0 0 ;
}

.dedicated_plan_area .left_block {
	display: inline-block;
	padding:0 10px 0 0 ;
	vertical-align: top;
}

.dedicated_plan_area .left_block.bottom_block {
	width:auto;
}

.dedicated_plan_area .left_block {
	width:640px;
}

.dedicated_plan_area .left_block .benefit_box {
	background:#fff;
	padding:10px;
	margin:10px 0;
	color:#357ebd;
	font-size:1.6rem;
	font-weight: bold;

}

.dedicated_plan_area .left_block .benefit_box .title  {
	color:#da0000;
	font-size:2rem;
	margin:0 0 10px 0;
}

.dedicated_plan_area .left_block .benefit_box .title i {
	color:#ffc95f;
}


.dedicated_plan_area .left_block .benefit_box p {
	text-indent:-1em;
	margin:0 0 0 1em;
}

.dedicated_plan_area .left_block .number_box  {
	color:#082b68;
	font-weight: bold;
	font-size:2rem;
	margin:20px 0 10px 0;
}





.dedicated_plan_area .right_block {
	display: inline-block;
	width:300px;
	padding:20px;
	background: #fff;
	border-radius: 8px;
	text-align: center;
}

.dedicated_plan_area .right_block img {
	width:138px;
}

.dedicated_plan_area .countries_list_area .-countries_inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.dedicated_plan_area .countries_list_area .-countries_inner .-txt {
	font-size: 1.2rem;
	width: 50%;
}

.dedicated_plan_area .countries_list_area .btn_box {
	width: 50%;
	text-align: center;
	padding-bottom: 3px;
}

.dedicated_plan_area .countries_list_area .base_btn {
	margin: 0;
}

.dedicated_plan_area .countries_list_area .-inner_title {
	color: #357ebd;
	font-weight: 700;
	margin: 15px 0 5px;
	font-size: 1.6rem;
}

.dedicated_plan_area .countries_list_area .-inner_title .-notice {
	font-size: 1.0rem;
	vertical-align: text-top;
}

.cloud_country_list .border_title {
	margin-bottom: 5px;
}


/* -------------------------------------
	data_capacity_area
---------------------------------------- */

.data_capacity_area {
}

.data_capacity_list {
	margin : 10px 0 0 0 ;

}

.data_capacity_list li {
	border:solid 2px #082b68;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
	font-size:1.2rem;
	position: relative;
}

.data_capacity_list li label {
	padding:5px;
	display: block;
	cursor:pointer;
}

.data_capacity_list li input {
	opacity:0;
	position: absolute;
}

.data_capacity_list li span {
	font-size: 2rem;
}

.data_capacity_list li.active {
	background: #ff5a00;
	color:#fff;
	border:solid 2px #ff5a00;
}

.data_capacity_list li.active:before {
	content:"\f00c";
	font-family:FontAwesome;
	font-weight: normal;
	font-size : 3rem;
	display : block;
	position: absolute;
	left:10px;
	top:-3px;
}



/* -------------------------------------
	receive_area
---------------------------------------- */


.receive_way_list {
	margin:10px 0 ;
}

.receive_way_list li {
	display: inline-block;
	background:#e8f3ff ;
	color:#004fa9 ;
	padding:5px;
	margin:0 0 0 5px;
	font-weight: bold;
	border-radius:4px;
	min-width:110px;
	text-align:center;
	cursor:pointer;
}
.receive_way_list > li:after {
	content:"\f078";
	font-family:FontAwesome;
	font-weight: normal;
	font-size : 80%;
	display : block;


}


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

.receive_way_list li.active {
	background:#004fa9 ;
	color:#fff ;
}

.receive_way_list  li:before {
	content:"\f072";
	font-family:FontAwesome;
	font-weight: normal;
}

.receive_way_list li.post:before {
	content:"\f0d1";
}

.receive_way_list li.other:before {
	content:"\f0ac";
}



.receive_way_list li  .item  ul{
	border:solid 2px #999;
	border-top : solid 3px #004fa9;
	background : #ffffbf;
	border-radius :0 0 8px 8px;
	margin:3px 0 0 0;
	overflow : hidden;
}

.receive_way_list li .item {
	display: none;
	position: absolute;
	left:0;
	width:100%;
	z-index:1;
}


.receive_way_list li  .item li {
	font-size: 1.8rem;
	font-weight: normal;
	border-bottom:solid 1px #ccc;
	border-radius: 0px;
	margin:0;
	padding: 3px 3px 3px 6px;
	background : #ffffbf;
	width:100%;
	text-align: left;
}

.receive_way_list li  .item li.active {
	background:#004fa9 ;
	color:#fff ;
}

.receive_way_list li  .item li:last-child {
	border-bottom:none;
}

.receive_way_list li  .item li:hover {
	background:#2678d4 ;
	background:#3a89e3 ;
	color:#fff ;
}

.receive_way_list li .item li:before {
	content:"";
}

.receive_way_box {
	background:#fff;
	padding:5px;
	font-size:1.6rem;
	min-height:35px;
	font-weight: bold;
}

.js-placeGroupShow {
	display:none;
}

.oneline_select {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.oneline_select:before,
.oneline_select:after {
	display: none;
}

/* STEP1 国内宅配 */
.receive_hopeday_area,
.conveni_receive_hopeday_area {
	display: none;
	margin : 10px 0;
	padding : 1em;
	border : 1px solid #ccc;
}
.receive_hopeday_area .receive_hopeday_dl,
.conveni_receive_hopeday_area .receive_hopeday_dl {
	margin-top: 10px;
	font-size: 1.4rem;
}
.receive_hopeday_area .receive_hopeday_select,
.conveni_receive_hopeday_area .receive_hopeday_select {
	margin-top: 10px;
}
.receive_hopeday_area .receive_hopeday_select .way_list,
.conveni_receive_hopeday_area .receive_hopeday_select .way_list {
	display: flex;
	width: 100%;
	margin-bottom: 10px;
}
.receive_hopeday_area .receive_hopeday_select .way_list > li,
.conveni_receive_hopeday_area .receive_hopeday_select .way_list > li {
	width: calc((100% - 60px) / 7);
}
.receive_hopeday_area .receive_hopeday_select .way_list > li + li,
.conveni_receive_hopeday_area .receive_hopeday_select .way_list > li + li {
	margin-left: 10px;
}
.receive_hopeday_area .receive_hopeday_select .way_list > li label,
.conveni_receive_hopeday_area .receive_hopeday_select .way_list > li label {
	display: block;
	padding: 10px;
	border: 1px solid #357ebd;
	border-radius: 4px;
	color: #357ebd;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}
.receive_hopeday_area .receive_hopeday_select .way_list > li.active label,
.conveni_receive_hopeday_area .receive_hopeday_select .way_list > li.active label {
	background: #357ebd;
	color: #fff;
}
.receive_hopeday_area .receive_hopeday_select .way_list > li input[name="receive_hope_day"],
.conveni_receive_hopeday_area .receive_hopeday_select .way_list > li input[name="receive_hope_day"] {
	display: none;
}

/* WSYS-11640 【フロント】返却方法に変更の連絡不要のテキスト追加と国内宅配時にバナーを設置 20241119 M.Shimizu */
/* WSYS-11912 【フロント】返却方法で日本国内の空港選択時にバナーを設置 20250128 J.Young */
.return_hopeday_area img,
.japan_airport_area img {
	width: 100%;
	padding-top: 10px;
}

.conveni_select_area .base_btn.inline {
	width: auto;
}

.conveni_info_area {
	margin:10px 0;
	padding : 1em;
	border : 1px solid #ccc;
	position: relative;
}

.conveni_info_area .conveni_select_area{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 1rem 2rem;
}

.conveni_receive_hopeday_area_in .conveni_select_area {
	display : flex;
	align-items: center;

}

.conveni_btn_info {
	font-weight:700;
	font-size : 1.4rem;
	border:1px solid #dcdcdc;
	padding:5px;
	margin :10px 0 0 10px;
}

/* WSYS-11640 【フロント】返却方法に変更の連絡不要のテキスト追加と国内宅配時にバナーを設置 20241119 M.Shimizu */
.select_text {
	font-size: 1.5rem;
	line-height: 1.3;
}

.select_text ._notes {
	padding-left: 30px;
	color: #f00;
	font-size: 90%;
}

.js-designSelect select{
	height: 36px;
}
.js-designSelect select option{
	font-size: 1.6rem;
}

/* WSYS-8604 eSIMサービス開始に伴うサイト・VMDB改修依頼 - フロント 20210914 U.Hayashi */
.receive_esim_text {
	font-size: 1.5rem;
	margin: 5px 0;
}

table.popular_country_list td div.popular_country_box p.esim_country {
	font-size: 1.4rem;
}


/* -------------------------------------
	eventcode_area
---------------------------------------- */

.eventcode_area {

}

.eventcode_area .base_table th {
	width:35%;
}



/* -------------------------------------
	plan_area
---------------------------------------- */


.contents_wrap {
	z-index : 88;
	position : absolute;
	background : rgba(85,84,93,0.7);
	width : 1020px;
	top : 20px;
	left : -20px;
}
.contents_wrap .wrap_notice {
	color : #fff;
	text-align : center;
	font-weight : 700;
	font-size : 1.8rem;
	padding : 30px;
	text-shadow: 1px 2px 3px #000;
}

.planContent {
	position : relative;
}
.plan_check_btn_block {
	width:31%;
	margin:40px auto 0 auto;
}

.plan_check_btn_block p {
	text-align: center;
}

.plan_check_btn:after {
	content:"\f078";
}

.plan_check_btn.over_check {
	background : rgba(0, 0, 0, 0) linear-gradient(to bottom, #eee 0%, #999 100%) repeat scroll 0 0;
	cursor : default;
}

.plan_check_btn.over_check:hover {
	opacity : 1;
	cursor : default;
}

.plan_area {
	font-size:2rem;
	font-weight: bold;
	position: relative;
	min-height : 50px;
}

.plan_area .loading {
	position: absolute;
	top:90px;
	left:calc(50% - 40px);
	display: none;
}


.plan_area .design_check input[type=checkbox] {
	margin-right:1em;
}

.plan_area .design_check:after ,
.option_list .title .design_check:after{
   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f6f6f6 50%, #e0e0e0 100%) repeat scroll 0 0;
	top: 2px;
}

.design_check.active:after ,

.option_list .title .design_check.active:after {
	background : #fff;
   color : #e20010 ;
	font-size : 3.20rem;
}


.rental_count_block {
	border:solid 1px #357ebd;
	margin:40px 0 0 0;
}

.rental_count_block  .item {
	display: inline-block;
	/*padding : 10px;*/
	padding: 13px 0 7px 10px;
	text-align: center;
	vertical-align: middle;
}


.rental_count_block  .item:nth-child(1){
	background:#e8f3ff ;
	width: 260px;
	font-size:1.6rem;
	border-right:solid 1px #357ebd;
	padding : 22px 0;

}
.rental_count_block .item:nth-child(2){
	width: 360px;
	font-size:1.4rem;
	font-weight: normal;
	text-align: left;
}

.rental_count_block .item:nth-child(3){
		width: 260px;
}

.rental_count_block  .js-designSelectText {
	font-size:2rem;
}



/* PCもmodalselect対応の場合 */
.modalSelectPcOn .modalSelectWrap .js-designSelectText {
	display: none;
}







.plan_selecter {
	color:#fff ;
	font-size:1.6rem;

}

.plan_select_btn {
	background : #357ebd;
	border-radius : 4px;
	width : 13em;
	text-align : center;
	cursor:pointer;
	color:#fff ;
	float : right;
	position : relative;
}

.price_table {
	margin-top :5px;
	width : 100%;
	border-collapse:separate;
	border-spacing:0  5px;

}

.price_table tbody th {
	background : #357ebd ;
	font-weight : 700;
	vertical-align : middle;
	color:#fff;
	font-size:2rem;
	padding:10px;
	width : 350px;
	border:solid 1px #357ebd;
	border-radius: 4px 0 0 4px;
}

.price_table thead th {
	font-size: 1.8rem;
	text-align: center;
	border-radius: 0;
}

.price_table tbody td {
	background : #fff;
	text-align : left;
	padding : 2px 10px;
	vertical-align : middle;
	border-top:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	position: relative;
}

.price_table tbody td:last-of-type {
	border-right:solid 1px #e5e5e5;
}

.price_table tbody td.capacity_price_area {
	width : 160px;
	font-size : 3.2rem;
	text-align : right;
	color:#ff5a00;
}

.price_table tbody td.capacity_price_area span {
	font-size : 1.2rem;
	color:#333;
}


.capacity_table tbody th {
	width : 260px;
}
.capacity_table tbody td {
	width : 380px;
}
.capacity_table tbody td.capacity_price_area {
	width : 340px;
}

.capacity_table tbody td.capacity_price_area img {
	margin : 0 10px 0px 3px;
}

/* no_price */
/*
.no_price .price_table tbody td.capacity_price_area {
	width : 0px;

}

.no_price .price_table tbody td.capacity_price_area strong {
	display: none;
}


.no_price .capacity_table tbody td.capacity_price_area {
	width : 150px;

}

.no_price .capacity_table tbody td.capacity_price_area strong {
	display: none;
}



.no_price .single_price_table strong {
	display: none;
}

.no_price .suggest_explain {
	display: none;
}

*/
/* no_price end*/




.capacity_notice {
	text-align : left;
	font-size : 14px;
}


.sole_title {
	font-size:1.6rem;
}

.sole_title span {
	font-weight: normal;
}

.suggest_explain {
	text-align : center;
	font-weight : 400;
	padding : 0.5em;
	background : #fcffce;
	border-radius : 6px;
	font-size : 1.8rem;
	color : #ff4500;
}

.suggest_explain:before{
	content:"\f06a";
	font-family : FontAwesome;
	margin-right : 0.5rem;
}


.individual_block {
	position: relative;
}

.individual_block .single_price {
	font-size : 2.0rem;
	padding-right : 3px;
}

.individual_block select {
	width:60%;
	padding:2px;
	text-align: left;
	font-size:1.4rem;
	font-weight: bold;
	margin:0 0.5em 0 0;
	text-align: center;

}

.individual_block table {
	width:100%;
}

.individual_block thead th {
	text-align: center;
	color:#fff;
	font-weight: bold;
	font-size:1.6rem;
	padding:2px 5px;
	width:160px;
}

.individual_block thead th:nth-child(1) {
		width:310px;
}

.individual_block thead th:nth-child(2) {
	background:#e20010;
}

.individual_block thead th:nth-child(3) {
	background:#ec9200;
}

.individual_block thead th:nth-child(4) {
	background:#1470d1;
}

.individual_block thead th:nth-child(5) {
	background:#20a0e8;
}

.individual_block thead th:nth-child(6) {
	background:#01295c;
}

.individual_block tbody th {
	background : #e8f3ff;
	font-size : 2.0rem;
	font-weight: bold;
	color : #004fa9;
	padding:10px;
	vertical-align: middle;
	border-bottom:solid 2px #fff;
}



.individual_block td {
	border-bottom:solid 2px #fff;
	text-align: center;
	font-weight: bold;
	font-size:1.6rem;
	padding:10px;
	vertical-align : middle;

}

.individual_block td:nth-child(2) {
	background:#fce4e6;
}

.individual_block td:nth-child(3) {
	background:#fff7eb;
}

.individual_block td:nth-child(4) {
	background:#e7f3fd;
}

.individual_block td:nth-child(5) {
	background:#f6fbff;
}

.individual_block td:nth-child(6) {
	background:#f5eef9;
}

.individual_block td.no_content {
	background:#f4f4f4;
	vertical-align: middle;
}





/* -------------------------------------
	option_area
---------------------------------------- */

.option_item_area {
	margin-top: 20px;
}

.option_select_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px -20px 0;
}
.option_select_list *:not(i):before,
.option_select_list *:after {
	display: none;
}
.option_select_list > li {
	display: flex;
	flex-direction: column;
	width: calc(33.3% - 10px);
	margin: 0 10px 20px 0;
	padding: 17px 19px 8px 19px;
	background: #fff;
	border: 1px solid #e5e5e5;
}
.option_select_list > li.-column_block {
	width: calc(66.6% - 10px);
}

.option_select_list > li .-top,
.option_select_list > li .-bottom {
	display: flex;
	width: 100%;
	min-height: 0;
}
.option_select_list > li .-bottom {
	flex-direction: column;
	margin-top: 15px;
	padding-top: 8px;
	border-top: 1px solid #d8d8d8;
}
.option_select_list > li .-top {
	position: relative;
	flex-grow: 1;
	flex-shrink: 0;
}
.option_select_list > li .-top > .-column {
	display: flex;
	flex-grow: 1;
	width: 100%;
	min-width: calc(50% - 19px);
	max-height: 154px;
}
.option_select_list > li .-top > .-column + .-column {
	flex-direction: column;
	min-width: 0;
	margin-left: 60px;
}
.option_select_list > li .-top > .-column > .-side {
	width: 93px;
	flex-shrink: 0;
	margin-right: 23px;
}
.option_select_list > li .-top > .-column > .-inner {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: flex-start;
	position: relative;
	width: 100%;
}

/* .-img_block */
.option_select_list > li .-img_block {
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	width: 100%;
}
.option_select_list > li .-top > .-column + .-column > .-inner .-img_block {
	width: 93px;
}

/* .-more_block */
.option_select_list > li .-more_block {
	margin-top: 10px;
}
.option_select_list > li .-more_block .-btn {
	display: block;
	padding: 8px;
	background: #f4f4f4;
	border-radius: 3px;
	color: #000;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
}
.option_select_list > li .-more_block .-btn:hover {
	opacity: 0.8;
}

/* .-title_block */
.option_select_list > li .-title_block {
	flex-shrink: 0;
	width: 100%;
}
/* WSYS-11324 【フロント】STEP1のオプション項目を拡大と返却不要アイコンを追加 20240827 N.Kita */
.option_select_list > li .-badge_flex {
	display: flex;
	justify-content: left;
	align-items: center;
	flex-direction: row-reverse;
}
.option_select_list > li .-badge_flex .-no_return_child {
	margin-left: 10px;
	margin-bottom: 0;
}
.option_select_list > li .-title_block .-badge {
	display: inline-block;
	min-width: 73px;
	margin-bottom: 8px;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
}
/* WSYS-11166 【VMDB・フロント】位置情報確認GPS_オプション追加 20240709 N.Kita */
/* WSYS-11324 【フロント】STEP1のオプション項目を拡大と返却不要アイコンを追加 20240827 N.Kita */
.option_select_list > li .-title_block .-badge[data-badge="popular"],
.option_select_list > li .-title_block .-badge[data-badge="new"] {
	background: #da0000;
	border: 1px solid #da0000;
	color: #fff;
}
.option_select_list > li .-title_block .-badge[data-badge="recommend"] {
	background: #ffd455;
	border: 1px solid #ffd455;
	color: #333;
}
.option_select_list > li .-title_block .-badge[data-badge="useful"] {
	background: #00a048;
	border: 1px solid #00a048;
	color: #fff;
}
.option_select_list > li .-title_block .-badge[data-badge="campaign"] {
	background: #e50059;
	border: 1px solid #e50059;
	color: #fff;
}
.option_select_list > li .-title_block .-title {
	color: #333;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
}

/* WSYS-11324 【フロント】STEP1のオプション項目を拡大と返却不要アイコンを追加 20240827 N.Kita */
.-icon_no_return {
    display: inline-block;
    min-width: 73px;
    margin-bottom: 8px;
    padding: 5px 13px;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border: 1px solid #acacac;
    background: #f1f1f1;
    width: max-content;
}

/* .-caution_block */
.option_select_list > li .-caution_block {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-shrink: 1;
	position: relative;
	width: 100%;
	padding-top: 8px;
	color: #333;
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: left;
}
.option_select_list > li .-caution_block .-caution_box {
	overflow: hidden;
	flex-shrink: 1;
}
.option_select_list > li .-caution_block .explanatory_text + .caution_list {
	margin-top: 8px;
}
.option_select_list > li .-caution_block .-btn {
	display: none;
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	padding-top: calc(1em + 4px);
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 100) 50%);
}

/* .-price_block */
.option_select_list > li .-price_block {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex-grow: 1;
	flex-shrink: 0;
	width: 100%;
	margin-top: 12px;
}
.option_select_list > li .-price_block .-price_box {
	font-size: 0;
}

.option_select_list > li .-price_block .-price_box > .-price {
	display: inline;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.2;
}
.option_select_list > li .-price_block .-price_box > .-price:last-of-type {
	color: #f64750;
	font-size: 1.6rem;
}
.option_select_list > li .-price_block .-price_box > .-arrows {
	font-size: 1.2rem;
	padding: 0 3px;
}
.option_select_list > li .-price_block .-price_box > .-unit {
	font-size: 1.2rem;
	font-weight: 700;
}

/* .-select_block */
.option_select_list > li .-select_block {
	display:flex;
	flex-grow: 1;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}
.option_select_list > li .-select_block > li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	min-width: calc(50% - 19px);
}
/* WSYS-11324 【フロント】STEP1のオプション項目を拡大と返却不要アイコンを追加 20240827 N.Kita */
.option_select_list > li .-select_block > li + li {
	margin-left: 3px;
}
.option_select_list > li.-column_block .-select_block > li + li {
	min-width: 0;
	margin-left: 60px;
}
/* WSYS-11324 【フロント】STEP1のオプション項目を拡大と返却不要アイコンを追加 20240827 N.Kita */
.option_select_list > li .-select_block > li .-title {
	flex-shrink: 1;
	margin-right: 3px;
	color: #333;
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.2;
}
.option_select_list > li .-select_block > li .-title img {
	width: 100%;
}
.option_select_list > li .-select_block > li .-select_box {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}
.option_select_list > li .-select_block > li .-select_box .-select {
	pointer-events: none;
	background : #fff;
}
.option_select_list > li .-select_block > li .-select_box .js-designSelectText {
	display: block;
	min-width: calc(2em + 2px);
	height: auto;
	padding: 0;
	background: none;
	border-top: 1px solid #d2d2d2;
	border-right: none;
	border-bottom: 1px solid #d2d2d2;
	border-left: none;
	border-radius: 0;
	font-size: 1.4rem;
	text-align: center;
	vertical-align: bottom;
	line-height: 33px;
}
.option_select_list > li .-select_block > li .-select_box.inactive .js-designSelectText {
	background: #f4f4f4;
}
.option_select_list > li .-select_block > li .-select_box .js-designSelectText:after {
	display: none;
}
/* WSYS-11324 【フロント】STEP1のオプション項目を拡大と返却不要アイコンを追加 20240827 N.Kita */
.option_select_list > li .-select_block > li .-select_box .-btn {
	flex-shrink: 0;
	padding: 0 8px;
	background: none;
	font-size: 1.6rem;
	font-weight: 900;
	text-align: center;
	cursor: pointer;
	line-height: 35px;
}
.option_select_list > li .-select_block > li .-select_box .-btn.-minus {
	background: #b8b8b8;
	border-radius: 3px 0 0 3px;
	color: #fff;
}
.option_select_list > li .-select_block > li .-select_box .-btn.-plus {
	background: #3f8dde;
	border-radius: 0 3px 3px 0;
	color: #fff;
}
.option_select_list > li .-select_block > li .-select_box .-btn.inactive {
	opacity: 0.5;
	pointer-events: none;
}
.option_select_list > li .-select_block > li .-select_box .-btn:focus {
	outline: 0;
}
.option_select_list > li .-select_block > li .-select_box .-btn:not(.inactive):hover {
	opacity: 0.5;
}

/* -------------------------------------
	option_list / 安心補償パック
---------------------------------------- */
.option_list {
	margin:0 ;
}

.option_list li {
	background:#e8f3ff;
	width:320px;
	float:left;
}

.option_list.column02 li {
	background:#e8f3ff;
	width:485px;
	margin:0 0 10px 0;
	float:left;
}

.option_list li.active {
	background:#ffedd1;
}

.option_list li + li {
	margin:0 0 0 10px;
}

.option_list.column02 li:nth-child(even) {
	float:right;
}

.option_list.column02 li + li {
	margin:0 0 10px 0;
}




.option_list .title ,
.option_child_list .title {
	background: #357ebd;
	padding:15px 5px 5px 5px;
	color:#fff;
	font-size:2rem;
	font-weight: bold;
	border-radius:4px 4px  0 0;
}

.option_list .active .title, .option_child_list .active .title{
	background : #ffc95f;
	color : #004fa9;
}

.plan_block tr.active th {
	background : #ffc95f;
	color : #004fa9;
	border: solid 1px #ffc95f;
}

.plan_block tr.active td {
	background : #ffedd1 ;
}


.option_list .title p {
	padding:0 0 0 10px;
	line-height:1;
}


.option_list .title .design_check input[type=checkbox]{
	position: absolute;
}
.option_list .title .design_check:after {
	top:5px;
	left:0;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:3.8rem;
}

.option_list .title .design_check.active:after {
	top:5px;
	left:0;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:3.8rem;
}


.option_list .title {
	min-height:86px;
}

.option_list .title span {
	font-size:1.2rem;
	font-weight: normal;
}

.option_list .title p {
	display: inline-block;
	cursor:pointer;
}

/* WSYS-11369 【フロント】ライトプランに人気No.1アイコンを追加 20240905 M.Amano */
.option_list .best_favorite_plan_block {
	position: relative;
}

.option_list .title .best_favorite_plan_icon {
	position: absolute;
	right: 10px;
	top: 10px;
	border: 1px solid #da0000;
	background: #da0000;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	width: 100px;
	border-radius: 3px;
}

.option_list .title .best_favorite_plan_icon .best_favorite_plan_text {
	padding: 0;
}

.option_list .item  {
	min-height:164px;
	background:#fff;
	border:solid 1px #e5e5e5;
}

.option_list .item.no_option {
	text-align: center;
	padding:20px;
}

.option_list .item .btn_box {
	text-align:center;
	margin:14px 0 10px ;
}

.option_list .item .option_price + .btn_box {
	text-align:center;
	margin:5px 0 20px 0 ;
}

.option_list .item .icon_box {
	text-align: center;
	margin:14px 0 0 0;
	font-weight: bold;
}

.option_list .item .icon_box i {
	font-size:3rem;
	margin:0 10px;
}

.option_list .item .icon_box img {
	width:60px;
	vertical-align: middle;
}

.option_list .item .icon_box img.item_image{
	width : 90px;
}

.option_list .item.free .icon_box {
	margin : 15px 0 22px 0;
}




.option_price {
	font-size:1.2rem;
	text-align: center;
	margin : 10px 0 0 0 ;
	background:#e8f3ff ;

}

.option_price strong {
	font-size : 2.6rem;

}

.option_list li.active .option_price {
	background:#ffedd1;
}




.option_child_list {
	background:#ffedd1;
	padding:10px;
	margin:10px 0 0 0;
	position: relative;

}

.option_child_list:before {
	width: 0;
	height: 0;
	border-bottom: 10px solid #ffedd1;
	border-right: 5px solid transparent;
	border-top: 10px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top:-20px;
	left:815px;
	z-index:99;
}

.jcb_inbound .option_child_list:before  {
	left:485px;

}


.option_child_list li {
	background:#e8f3ff;
}

.option_child_list li.active {
	background:#fff;
}

.option_child_list .title  {
	padding:5px ;
}

.option_child_list .title p {
	display: inline-block;
	font-size:1.6rem;
}

.option_child_list li {
	width:234px;
	float:left;
}

.option_child_list li + li {
	margin:0 0 0 8px ;
}

.option_child_list .img_box {
	display: inline-block;
	width:80px;
	vertical-align: middle;
	margin:0 5px 0 10px;
}

.option_child_list .text_box {
	display: inline-block;
	vertical-align: middle;
	font-size:1.2rem;
	line-height:1.2;
	margin:20px 0 10px 0;
}

.option_child_list .text_box p {
	min-height:37px;
	margin:0 0 5px 0;
}

.option_child_list .text_box strong {
	font-size:2rem;
}

.option_child_list .noplan_box {
	font-size:1.4rem;
	padding:14px 30px;
}

.order .option_area,
.order .receive_area{
	margin-top: 15px;
}
/* WSYS-11892 【サイト】フォームで韓国選択時に注意事項の画像設置とタイの画像差し替え 20250128 M.Shimizu */
#study_form .option_area {
	margin-top: 0;
}
.agency.order .receive_area{
	margin-top: 0;
}
.order .option_inner{
	font-size: 1.5rem;
	text-align: center;
	padding: 10px 15px;
}
.order .option_text {
	display: inline-block;
}

.without_tax_annotation{
	text-align: right;
}

/* START WSYS-10887 【VMDB・サイト】カカクコム対応_オプション無料対応 20240417 M.Amano */
.kakakucom_inner {
	font-size: 1.5rem;
	padding: 10px 15px;
}
.kakakucom_header_title {
	background: #051d44;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 20px;
	min-height: 20px;
	padding : 10px;
	margin: 20px 0;
}
.kakakucom_attention_area {
	padding: 10px 0;
}
.kakakucom_list {
	display: flex;
	justify-content: space-around;
	gap: 10px;
}
.kakakucom_list-item {
	width: 50%;
}
.kakakucom_list-item-title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
	position: relative;
	display: block;
	height: 25px;
	display: block;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.kakakucom_list-item-title.design_check input[type=checkbox] {
	margin: 0 10px 0 0;
	height: 25px;
	width: 25px;
	transform: none;
}
.kakakucom_list-item-title.design_check:after {
	top: 0;
	background: #fff;
}
/* WSYS-11045 【フロント・VMDB】カカクコム対応_オプション無料追加(USBx4ポートACアダプター) 20240618 M.amano */
.kakakucom_list-option {
	display: flex;
	align-items: start;
	background-color: #fff;
	padding: 20px 0px;
	margin-top: 10px;
	height: 250px;
}
.kakakucom_list-option-image {
	width: 90px;
}
.kakakucom_list-option-text {
	color: #333;
	font-size: 1.16rem;
	line-height: 1.8;
	text-align: left;
	width: calc(100% - 90px);
	padding: 5px;
}
.kakakucom_list-price {
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	font-size: 16px;
}
.kakakucom_list-option-text .caution_list {
	font-size: 1.0rem;
}
/* E N D WSYS-10887 【VMDB・サイト】カカクコム対応_オプション無料対応 20240417 M.Amano */

/* -------------------------------------
	Restaurant ryopra area
---------------------------------------- */

/* テキストベース いったんコメントアウト */
/*
.restaurant_receive_area {
	width : 100%;
	border : 1px solid #ddd;
	padding : 1em;
	border-radius : 4px;
	margin : 40px 0 5px 0;
}

.restaurant_receive_area h3{

	font-weight : 400;
}


.restaurant_receive_area .balloon {
	display : inline-block;
	background : #bc0b25;
	border-radius : 6px;
	padding : 3px 6px;
	color : #fff;
	font-size : 1.2rem;
	width : 140px;
	text-align : center;
	position : relative;
	top : -5px;
	font-weight : 400;
	margin-right : 0.5em;
}
.restaurant_receive_box {
	overflow : hidden;
	margin-top : 10px;
	font-size : 1.4rem;
	background : #e8f3ff ;
	padding : 0.5em;
}
.restaurant_receive_box img {
	margin-right : 0.5em;
}

.restaurant_receive_area .campaign_check {
	color : red;
}
.restaurant_receive_box p {
	padding : 10px 0;
}
.campaign_price {
	color : red;
	font-weight : 700;
	font-size : 2.0rem;
}
.campaign_revision {
	text-decoration : line-through;
}
*/

.restaurant_receive_area {
	border : #bc000a 4px solid;
	width : 100%;
	margin : 40px 0 5px 0;
	position : relative;
}
.restaurant_receive_area h3 {
	width:100%;
	background : #b60b24;
	color : #fff;
	position : relative;
	height : 46px;
}


.restaurant_receive_area h3 img {
	position : relative;
	top : -10px;
}


.restaurant_receive_area .image{
	width:216px;
	float : left;
}


.restaurant_receive_box {
	overflow : hidden;
	font-size : 1.4rem;
	padding : 0.5em 1em;
}

.restaurant_title {
	font-size : 1.8rem;
	font-weight : 700;
}
.restaurant_receive_box p {
	padding : 0 0 8px 0;
}
.restaurant_receive_box p:last-child{
	padding : 0;
}

.restaurant_receive_area .campaign_check {
	color : red;
	font-size : 1.3rem;
}


/* -------------------------------------
	receive_text_contents
---------------------------------------- */
.receive_text_contents {
	padding : 1em 1em 0 1em;
	font-size : 1.4rem;
}

.receive_text{
	padding: 10px 1em;
	background: #fff;
	border : #ccc 1px solid;
}

.pagetop {
	bottom: 75px;
}
.pagetop a:link,.pagetop a:visited {
	text-decoration : none;
}

.pagetop a:after {
	content : "PAGE TOP";
	font-size : 1.1rem;
	position : absolute;
	top : 30px;
	left : -9px;
	width : 70px;
}


/* -------------------------------------
	place_group_contents
---------------------------------------- */

.place_group_btn_box {
	margin : 10px 0;
}

.place_group_btn_area {
	display : flex;
	flex-wrap : wrap;
	margin : 0 0 10px 0;
}

.place_group_title {
	font-size: 1.4rem;
	padding : 0 0 5px 0;
}

.place_group_btn_area .place_group {
	background : #e8f3ff;
	border :1px solid #a8cee0;
	color : #357ebd;
	border-radius : 6px;
	padding : 5px 10px;
	min-width : 80px;
	cursor : pointer;
	margin-right : 10px;
	font-weight : 700;
	text-align : center;
}
.place_group_btn_area .place_group:hover {
	background : #357ebd;
	border :1px solid #357ebd;
	color : #fff;
}


/* -------------------------------------
	coupon_area
---------------------------------------- */

.coupon_area {
	padding:15px;
	font-weight: bold;
	margin : 0 0 10px 0;
	background : #e8f3ff;
	color : #2856ac;


}

.coupon_area input {
	padding:2px 5px;
	border-radius: 2px;
	font-weight: normal;
	height: 42px;
	border-radius: 4px;
}

/* WSYS-12019 【フロント・VMDB】株主優待券に関する改修_stocks18ページ作成依頼 20250311 M.Shimizu */
/* WSYS-12280 【フロント】株主優待フォームの画像差し替えと文字色変更 20250515 M.Shimizu */
.coupon_area.stocks p {
	margin-bottom: 20px;
	color: #333;
}

.coupon_area.stocks p span {
	color: #ff0000;
}

.coupon_area.stocks .coupon_area_inner {
	display : flex;
	align-items : flex-start;
	width: 100%;
}

.coupon_area.stocks .coupon_area_inner .coupon_form {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: column;
	width: 30%;
}

.coupon_area.stocks .coupon_area_inner .coupon_form .coupon_add_btn {
	display: inline-block;
	width: fit-content;
	height: fit-content;
	margin: 10px 30px 6px 0;
	padding: 4px 10px;
	border-radius: 4px;
	background: #000;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.6;
}

.coupon_area.stocks .coupon_area_inner .coupon_img {
	width: 70%;
}

.coupon_area.stocks input {
	max-width: 240px;
	margin-bottom: 0;
}


.coupon_area.stocks .note_img {
	margin-left : 20px;
}

.coupon_area.stocks .note_text {
	font-weight: normal;
	margin-left: 20px;
	color: #000;
}

.add_stocks_coupon_btn {
	background : #333;
	margin:0 0 1px 0;
	display: none;
}

/* WSYS-12280 【フロント】株主優待フォームの画像差し替えと文字色変更 20250515 M.Shimizu */
.stocks_coupon_input_area:not(:first-child) {
	margin-top : 10px;
}

.stocks_coupon_input_area:nth-child(-n+3) {
	padding-right: 30px;

}

.stocks_coupon_input_area .add_stocks_coupon_btn {
	display: none;
}
.stocks_coupon_input_area:last-child .add_stocks_coupon_btn {
	display: inline-block;
}

.stocks_coupon_input_area:nth-child(3) .add_stocks_coupon_btn {
	display: none;
}

/* WSYS-12019 【フロント・VMDB】株主優待券に関する改修_stocks18ページ作成依頼 20250311 M.Shimizu */
.stocks_coupon_input_area .delete_stocks_coupon_btn {
	padding: 4px 6px;
	border-radius: 50%;
	background: #b8b4b4;
	line-height: 1;
	cursor: pointer;
}
.stocks_coupon_input_area .delete_stocks_coupon_btn i {
	font-size: 1.6rem;
	line-height: 1;
}
/*
	order_btn_area
*/
.order_btn_area {
	width : 100%;
	text-align : center;
}
.order_btn_area .action_btn,
.order_btn_area .calculation_btn {
	width : 40%;
	margin : 0 10px;
	display : inline-block;
}
/* WSYS-11879 【フロント】通常フォームにお見積書発行機能を新規追加 20250116 M.Amano */
.order_btn_area_mb5 {
	margin-bottom: 5px;
}

.enterprise_btn_area .action_btn,
.enterprise_btn_area .calculation_btn,
.enterprise_btn_area .estimate_btn {
	width : 30%;
	margin : 0 10px;
	display : inline-block;
}


.calculation_btn:after{
	content:"\f078";
}
.estimate_btn:after{
	content:"\f2d2";
}

/* WSYS-11879 【フロント】通常フォームにお見積書発行機能を新規追加 20250116 M.Amano */
.estimate_btn_area {
	padding-bottom: 20px;
}

.estimate_btn_area .estimate_normal_btn {
	background : #333;
	color : #fff;
	padding : 3px 20px;
	border-radius : 3px;
	margin : 20px auto 0 auto;
	width: auto;
	line-height: normal;
	font-size: 1.4rem;
	font-weight: unset;
}

.estimate_btn_area .estimate_normal_btn:after {
	content: '';
}

.estimate_btn_area .estimate_normal_btn:hover {
	cursor : pointer;
}

.normal_btn_area {
	text-align : center;
}
.normal_btn_area button {
	cursor : pointer;
}
.payment_agency_banner_area {
	text-align : center;

}


.cloud.stw input[name="evc_stw_code"]{
	width: 300px;
}
.cloud.stw input[name="evc_stw_code"]::-webkit-input-placeholder{ /* Chrome, Opera */
	font-size: 1.2rem;
	font-weight: normal;
}
.cloud.stw input[name="evc_stw_code"]:-moz-placeholder{ /* Firefox 19+ */
	font-size: 1.2rem;
	font-weight: normal;
}
.cloud.stw input[name="evc_stw_code"]:-ms-input-placeholder{ /* IE 10+ */
	font-size: 1.2rem;
	font-weight: normal;
}
.cloud.stw input[name="evc_stw_code"]::placeholder {
	font-size: 1.2rem;
	font-weight: normal;
}


/* -------------------------------------
	Payment page
---------------------------------------- */

body.payment {
	color:#666666;
}

.payment_estimate_detail {
	border-radius : 4px;
	display : inline-block;
	background : #333;
	color : #fff;
	font-size : 1.4rem;
	padding : 3px 10px;
	margin-left : 1em;

}
.payment_estimate_detail:before{

}

.payment_estimate_detail:hover {
	opacity : 0.7;
}


/* -------------------------------------
	receive_info_area
---------------------------------------- */
/* WSYS-12237 【サイト・VMDB】STEP3にお申込内容の追加依頼 20250520 M.Amano */
/* -------------------------------------
	↓↓↓↓↓↓↓↓↓通常フォームのみ↓↓↓↓↓↓↓↓↓
---------------------------------------- */
.order_info_area .order_info_tables {
	display: flex;
	justify-content: space-between;
}

.order_info_area .order_info_tables .column02_area_table {
	width: 49%;
	height: 100%;
}

.order_info_area .normal_order_estimate {
	width: 55%;
	margin-left: auto;
}

.member_info_area .member_info_table tbody {
	display: flex;
	flex-wrap: wrap;
}

.member_info_area .member_info_table tbody tr {
	display: flex;
	width: 50%;
}

.member_info_area .member_info_table tbody th {
	width: 30%;
}

.member_info_area .member_info_table tbody td {
	width: 69%;
}
/* -------------------------------------
	↑↑↑↑↑↑↑↑↑通常フォームのみ↑↑↑↑↑↑↑↑↑
---------------------------------------- */

/* 20190416 straight.so 2カラム用追加 */
.column02_content {
	display : flex;
	flex-wrap : nowrap;
	justify-content: space-between;
}
.column02_content .order_info_area,
.column02_content .member_info_area{
	width : 49%;
}

.column02_content .member_info_area {
	display: flex;
	flex-direction : column;
}

.column02_area_table th{
	width : 150px;
	font-size : 90%;
}

.column02_area_table td {
	vertical-align:middle;
}


.column02_content .calc_total_price {
	font-weight : 700;
	font-size : 3.6rem;
	color : #3ca30c;
}

.column02_estimate {
	margin-top : auto;
}




.receive_info th {
	background:#fcecec;
}

.receive_info th.caution  {
	background:#fde3e3;
}

.receive_info td.caution  {
	background:#fcecec;
}



.return_info {

}

.return_info .caption{
	background:#003284;
	color:#fff;
	padding:3px 20px;
	font-weight: bold;
}

.return_info .caption i {
	top:2px;
}


.return_info th {
/*	background:#e8f3ff;*/

}

.caution_block {
	background:#fffdec;
	padding:20px;
	font-size:1.4rem;
	margin:20px 0;
}

.caution_block p {
	font-size:1.2rem;
	text-align: center;

}

.caution_block p span {
	font-weight: bold;
	font-size:2rem;
	color:#003284;
}

.caution_block .design_check:after {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 50%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 50%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 50%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	border:solid 1px #ccc;
	top:2px;
}


.caution_block .design_check.active:after {
	content:"\f00c";
	color:#fff;
	background:#2856ac;
	border:none;
	font-size:2.2rem;
}



/* -------------------------------------
	traveler_mail_area
---------------------------------------- */
.base_btn.inline.real_user_set_btn {
	vertical-align:middle;
	margin:10px 0;
	line-height : 1.4;
	padding : 6px 10px;
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffa405 0%, #ff7b05 100%) repeat scroll 0 0;
}



/* -------------------------------------
	term_area
---------------------------------------- */


.term_area {
	position: relative;
	font-size:1.2rem;
}

.term_block {
	background:#f9f9f9;
	padding:30px;
	margin:0 0 20px 0;
}

.term_block > .title {
	font-size:1.4rem;
	font-weight: bold;
	color:#da0000;
	margin:0 0 5px 0;
}


.term_check {
	background : #fcecec ;
	color:#333;
	/*text-align: center;*/
	padding:15px 0 15px 32px;
	font-weight: bold;
	font-size:1.8rem;
}

.jcb_inbound .term_check,
.rainbow .term_check {
	text-align: center;
}

.term_area.settlement_agreement .inner_error {
	background : #fcecec ;
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0;
	font-weight: 700;
}

.jcb_inbound .term_check .inner_error,
.rainbow .term_check .inner_error {
	text-align: center;
}

.infomail_note {
	font-weight : 400;
	padding : 7px 20px 5px 35px;
}


.hosho_btn_block {
	position: absolute;
	top: 270px;
	right: 0;
}
.hosho_btn_block .hosho_btn {
	float: none;
	top: auto;
}

.slide_hook_link {
	position:relative;

}

.slide_hook_link .hosho_btn {
	position:absolute;
	bottom:0;
	right:0;


}

.term_check .design_check:after {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 50%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 50%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 50%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	border:solid 1px #ccc;
	top:2px;
}


.term_check .design_check:after {
	width:40px;
	height:40px;
	top:-5px;
	left:-20px;
	font-size:3rem;
	line-height:40px;
}

.term_check .design_check.active:after {
	background:#da0000 ;
	border:none;
	color:#fff;
}

/* --new agreement check box-- */

.agreement_check_box,
.after_pay_check_box {
	padding: 0;
}

.agreement_check_box .infomail_note {
	padding : 7px 10px 0;
}

.agreement_check_box .design_check {
	display: block;
	max-width: 450px;
	margin: 20px auto;
	padding: 0 5px;
	background: -webkit-linear-gradient(#ffd966,#e7af06);
	background: linear-gradient(#ffd966,#e7af06);
	text-align: center;
	line-height: 58px;
	border: 1px solid #7f7f7f;
	border-radius: 10px;
	cursor: pointer;
}

.agreement_check_box .design_check input[type=checkbox],
.after_pay_check_box .design_check input[type=checkbox] {
	cursor: pointer;
}

.agreement_check_box .design_check:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

.agreement_check_box .design_check:after {
	width: 30px;
	height: 30px;
	top: 13px;
	left: 37px;
	font-size: 2.8rem;
	line-height: 30px;
}

.agreement_check_box .inner_error {
	margin: 10px 0;
	font-weight: 700;
	text-align: center;
}

/* --new agreement check box-- */


/* --new agreement check box[en]-- */

body[data-language=en] .agreement_check_box .design_check {
	max-width: 500px;
	padding: 10px;
	line-height: 24px;
}

body[data-language=en] .agreement_check_box .design_check:after {
	width: 40px;
	height: 40px;
	top: 12px;
	left: 15px;
	font-size: 3.8rem;
	line-height: 40px;
}

/* --new agreement check box[en]-- */


/* --after_pay_check_box-- */
.after_pay_check_box .design_check {
	max-width: 430px;
	padding:0 0 0 25px;
	text-align: center;
	line-height: 58px;
	cursor: pointer;
}

.after_pay_check_box .design_check:after {
	width: 30px;
	height: 30px;
	top: 13px;
	left: 0px;
	font-size: 2.8rem;
	line-height: 30px;
}

/* --after_pay_check_box-- */

/* -------------------------------------
	purpose_area
---------------------------------------- */

.purpose_area .icon_title span {
	font-size:1.6rem;
	color:#666;
	font-weight: normal;
}

.purpose_area .inline_list li.disable {
	color:#bbb;
}

.purpose_area .inner_error {
	margin: 10px 0;
	font-weight: 700;
}

/* -------------------------------------
	shared_mail_area
---------------------------------------- */

.shared_mail_area .icon_title span {
	font-size:1.6rem;
	color:#666;
	font-weight: normal;
}

.shared_mail_area .base_table input {
	width:78%;
}

.shared_mail_area .base_btn {
	background:#000;
}

.shared_mail_area .base_btn i {
	font-size: 1.8rem;
}

.shared_mail_area .shared_mail_row  {
	margin:0px 0 10px 0;
}

.shared_mail_area .shared_mail_row:last-of-type {
	margin:0px 0  0px 0;
}

.shared_mail_area .shared_mail_row .add_btn  {
	display: none;
}

.shared_mail_area .shared_mail_row:last-of-type .add_btn  {
	display: inline-block;
}

.shared_mail_area .shared_mail_row:nth-of-type(3)  .add_btn  {
	display: none;
}

.shared_mail_area .shared_mail_row:first-of-type .delete_btn  {
	display: none;
}


/* -------------------------------------
	remarks_area
---------------------------------------- */

.remarks_area  {
	font-size:1.2rem;
}

.remarks_area textarea {
	min-height:160px;
}

.remarks_area .header_remarks{
	font-size: 120%;
	font-weight: bold;
}


.remarks_area .header_remarks:nth-child(n+2){
	border-top: 1px solid #d4d4d4;
	padding-top: 5px;
}

.remarks_area .item.item_comment_area{
	padding-right: 20px;
}


/* -------------------------------------
	payment_area
---------------------------------------- */

.payment_way {

}

.payment_way dt {
	background:#e8f3ff ;
	color:#004fa9 ;
	font-weight: bold;
	padding:10px 20px;
	margin:5px 0 0 0;
}

.payment_way dt.active {
	background:#004fa9 ;
	color:#fff ;
}

.payment_way dd {
	padding:10px 0 20px 0;
}

.payment_table {
	width:100%;
}

 .payment_table th {
	padding:10px;
	vertical-align: middle;
	width:32%;
}

 .payment_table td {
	padding:10px;

}

.payment_table input[type=text] {
	width:100%;
}

.payment_table input[type=text].half,
.payment_table input[type=password].half {
	width:50%;
}


.payment_way .text_box {
	float:left;
	font-size:1.2rem;
}

.payment_way .img_box {
	margin:0 0 10px 10px ;
	float:right;
	font-size:1.2rem;
}

.payment_way .img_box.-np_img {
	margin:0 0 10px auto ;
	width: 405px;
	float:none;
	font-size:1.2rem;
}

.payment_way .np_address_btn {
	display: flex;
}

.payment_way .np_address_btn .base_btn {
	display: block;
	margin: 0 0 10px;
}

.payment_way a {
	text-decoration: underline;
}

.payment_way .attention {
	font-size:1.1rem;
}

.payment_way label {
	margin:0 10px 0 0 ;
}

.payment_way .after_pay_table caption {
	border-right: none;
}

.creditcard_mode .payment_table input[type="text"].select_half
  {
	width : 60%;
}

.deleteCreditcardList {
	font-weight: bold;
}




.card_pretext {
	padding : 10px;
	border : 1px solid #ddd;
	margin : 5px;
}

.payment_area .inner_error {
	margin: 10px 0 5px;
	font-weight: 700;
}

.creditcard_input_area {
	display:inline-block;
	position : relative;
}
/* IE,Edge用 */
.creditcard_input_area input::-ms-clear {
	display: none;
}
.creditcard_input_area input {
	padding-right: 40px;
}
.creditcard_input_area:after {
	content:"";
	position : absolute;
	right : 10px;
	top : calc(50% - 0.75em);
	font-family : FontAwesome;
	font-size: 2.4rem;
}
.creditcard_input_area.visa:after {
	content:"\f1f0";
}
.creditcard_input_area.master:after {
	content:"\f1f1";
}
.creditcard_input_area.jcb:after {
	content:"\f24b";
}
.creditcard_input_area.diners:after {
	content:"\f24c";
}
.creditcard_input_area.amex:after {
	content:"\f1f3";
}


.slide_hook {
/*	padding : 3px 2px 0 0;*/
	font-size : 1.8rem;
	color:#3A99FD;
	text-decoration : underline;
	cursor:pointer;
}

.slide_more_table {
	margin-top : 2px;
}

.payment_area .base_table li {
	width:46%;
	margin: 0 10px 10px 0;
	display: inline-block;
}

.payment_area .base_table li input[type=text] {
	width:100%;

}

/* WSYS-12031 【フロント】NP後払いのテキスト変更と追加依頼 20250227 M.Shimizu */
.payment_area .after_pay_table td {
	vertical-align: middle;
}

.payment_area .personal_billing_txt li {
	list-style: disc;
}

.payment_area .after_pay_table td p.note {
	padding-top: 4px;
	font-size: 1.2rem;
}

.inline.overlap_btn {
	margin:10px 0 0;
}



/*------MSYS-5660------*/
/*[WSYS-8697] amazon payバージョン対応依頼　20220118　quanguanlin*/
.amapay_caution {
	position: relative;
	font-size : 1.5rem;
	padding: 10px 15px 10px 20px;
	background: #ffffff;
	border: 2px solid #da0000;
	border-radius: 5px;
	color: #da0000;
	margin-top:10px
}
.important_text{
	margin-top: 5px;
	display: flex;
	justify-content: space-around;
}

/*------MSYS-7159------*/
.amapay_caution_icon {
	font-size: 3rem;
	animation:infinite movearrow 1.5s;
	color: #da0000;
}

@keyframes movearrow {
	0% {
	opacity: 0.3;
	transform: translateY(0px);
	}
	100% {
	opacity: 1;
	transform: translateY(-5px);
	}
}

/*------MSYS-5660------*/

.slide_hook_link span {
	font-size : 1.6rem;
	color : #004fa9;
	text-decoration : underline;
}

.slide_hook_link,
.slide_hook_btn {
	margin : 20px 0;
}

.slide_hook_btn span{
	background : #333;
	color : #fff;
	padding : 3px 20px;
	border-radius : 3px;
	margin : 20px auto 0 auto;

}
.slide_hook_btn span:hover,
.slide_hook_link span:hover{
	cursor : pointer;
}


/* HASHICHECK */
.li_in_title {
	display : inline-block;
	width : 7em;
}



.plan_description_title {
	font-weight: bold;
	font-size:2.8rem;
	text-align: center;
	color:#002664;
	margin:20px 0;
}

.plus_colmun {
	width:100%;
	display: table;
	margin:20px 0;
}

.plus_colmun .item {
	width:48%;
	display: table-cell;
	background:#f4f4f4;
	vertical-align:middle;

}

.plus_colmun .item:nth-child(2) {
	width:4%;
	background:#fff;
	vertical-align: middle;
	text-align: center;
}

.plus_colmun .item:nth-child(2) i {
	vertical-align: middle;
	font-size:3rem;
	color:#004fa9;
	font-weight: bold;
	margin:0 0px 0 0;
}

.plus_iconarea{
	text-align:center;
	}

.plan_description_plus_icon{
	font-size:3rem;
	color:#004fa9;
	font-weight: bold;
	margin-top:30px;
	text-align:center;
	}

/* [WSYS-4355] */

.premiereplan_img_area{
	text-align: center;
}

.premiereplan_img_area .icon{
	margin: 10px 0;
}
.premiereplan_img_area .icon i{
	font-size: 3rem;
	color: #004fa9;
}

.premiereplan_img_area .mobile_img{
	text-align: center;
	background-color: #f4f4f4;
}

body[data-language=en] .premiereplan_img_area .mobile_img{
	background-color: #fff;
}



.max_compensation_item{
	margin-bottom: 30px;
}

.plan_baggage_delay .compensation_object_baggage_delay li{
	width: 100%;
}

.plan_baggage_delay .baggage_delay_list ol li{
	text-indent: -1em;
	padding-left: 1em;
}


.indent_list{
	padding-left: 1em;
	text-indent: -1em;
}

.max_compensation_box .indent_list li{
	width: 100%;
}

/* [WSYS-4355] end */

/* [WSYS-5836] */

.plan_description_area.-hosho .hosho_info_area div::before,
.plan_description_area.-hosho .hosho_about_area div::before,
.plan_description_area.-hosho ul::before,
.plan_description_area.-hosho .-img::before,
.plan_description_area.-hosho .hosho_info_area div::after,
.plan_description_area.-hosho .hosho_about_area div::after,
.plan_description_area.-hosho ul::after,
.plan_description_area.-hosho .-img::after {
	display: none;
}

.plan_description_area.-hosho .hosho_plan_name {
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	text-indent: 1.6rem;
}

.plan_description_area.-hosho.-light .hosho_plan_name {
	background: #f2c300;
}

.plan_description_area.-hosho.-premiere .hosho_plan_name {
	background: #f1522c;
}

.plan_description_area.-hosho.-free .hosho_plan_name {
	background: #84b2db;
}

.hosho_info_area,
.hosho_info_area .-item .-list,
.hosho_about_area .-item,
.plan_description_area.-hosho.-free .hosho_about_area .-item,
.plan_description_area.-hosho.-free .hosho_about_area .-item .-list {
	display: flex;
	justify-content: space-between;
}

.hosho_info_area .-item {
	width: 50%;
	border: solid 1px #c2e2f8;
}

.hosho_info_area .-item .subtitle {
	font-size: 2.8rem;
}

.hosho_info_area .icon,
.hosho_about_area .icon {
	color: #004fa9;
	align-self: center;
}

.hosho_info_area .subtitle .icon {
	color: #da0000;
}

.hosho_info_area .-item .-list {
	font-size: 1.6rem;
	line-height: 35px;
	color: #fff;
	text-align: center;
}

.-hosho.-light .hosho_info_area .-item .-list {
	line-height: 40px;
}

.hosho_info_area .-item .-list .bg_dblue {
	background: #07308c;
	width: 25%;
	letter-spacing: -0.05rem;
}

.hosho_info_area .-item .-list .bg_purple {
	background: #b90064;
	width: 50%;
}

.sample_outbound{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.sample_outbound>div:first-child {
	width: 48%;
	margin-right: auto;
}

.sample_outbound>div:nth-child(2) {
	width: 48%;
	margin-left: auto;
}

.hosho_autobound_img{
	height: 250px;
}

.module-limit_attention {
	padding:30px;
	border:1px solid #008ae1;
	margin:0 0 20px 0;
}

.module-limit_attention dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.module-limit_attention dt {
	width:50px;
}

.module-limit_attention dd {
	width:calc(100% - 50px);
}

.sample_outbound .module-limit_attention {
	padding: 0;
	border-bottom: 0;
}

.sample_outbound .module-limit_attention .theme-bg_paleice{
	background: #c2e2f8;
	position: relative;
	top: -20px;
	margin-bottom: -20px;
	font-size: 1.8rem;
}

.sample_outbound .module-limit_attention .theme-bg_deepblue {
	background: #07308c;
	font-size: 2.4rem;
}

.hosho_autobound_img{
	position: relative;
	z-index: 1;
}

.hosho_autobound_comment{
	height: 280px;
	font-size: 1.6rem;
}

body[data-language="en"] .hosho_autobound_comment{
	height: 305px;
}

.sample_outbound .module-limit_attention.hosho_autobound_comment{
	border-top: 0;
	border-bottom: 1px solid #008ae1;
}

.sample_outbound .module-limit_attention.hosho_autobound_comment p{
	text-indent: -1.6rem;
	padding-left: 1.6rem;
}

body[data-language="en"] .sample_outbound .module-limit_attention.hosho_autobound_comment p{
	text-indent: -2.4rem;
	padding-left: 2.4rem;
}

.module-balloon_title {
	margin-bottom: 20px;
}

.plan_description_area.-hosho .sample_outbound .module-limit_attention .module-balloon_title:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 12px 12px 0;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}

.module-ribbon_title {
	font-weight: 700;
	background: #e0f2fe;
	color: #07308c;
	padding: 12px 30px;
}

.module-sideline_title{
	border-left: 2px solid #00a0e9;
	padding:2px 0 2px 20px;
	font-size: 2.0rem;
	font-weight: 700;
	margin:20px 0 10px;
}

.indent_sub_txt {
	/* WSYS-8443 新規プラン追加_5G-補償ページ対応 - フロント U.Hayashi 20210608 */
	padding-left: 2.2rem;
}

.module-base_table {
	width:100%;
	border-left:solid 1px #d3d3d3;
	border-top:solid 1px #d3d3d3;
}

.module-base_table th {
	background:#ececec;
	border-right:solid 1px #d3d3d3;
	border-bottom:solid 1px #d3d3d3;
	width:25%;
	padding:10px;
}

.module-base_table td {
	background:#fff;
	border-right:solid 1px #d3d3d3;
	border-bottom:solid 1px #d3d3d3;
	padding:10px;
}
/* WSYS-11415 【フロント】安心補償パックページ_弁済金修正 20240913 M.Shimizu */
.module-base_table.theme-wide_border{
	border-top-width: 2px;
	border-left-width: 2px;
	font-size: 1.3rem;
}
.module-base_table.theme-wide_border th,
.module-base_table.theme-wide_border td{
	border-right-width: 2px;
	border-bottom-width: 2px;
}

.module-base_table.theme-border_none,
.module-base_table.theme-border_none th,
.module-base_table.theme-border_none td{
	border: 0;
}

.module-base_table.theme-th_bold th{
	font-weight: 700;
}
.module-base_table.theme-th_tac th{
	text-align: center;
}
.module-base_table.theme-all_middle th,
.module-base_table.theme-all_middle td{
	vertical-align: middle;
}

.option_table-plan>tbody>tr>th.w32p{
	width: 32%;
}

.option_table-plan>tbody>tr>th.w17p{
	width: 17%;
}

.option_table-plan>tbody>tr>th.bg_deepred {
	background:#e30000;
}

.option_table-plan>tbody>tr>th.bg_deeporange {
	background:#f9962b;
}

.option_table-plan>tbody>tr>th.bg_deepsky {
	background:#008ae1;
}

.option_table-plan>tbody>tr>th.bg_darkgray {
	background:#333333;
}

.option_table-plan>tbody>tr>td.bg_palepink {
	background:#fdeff2;
}

.option_table-plan>tbody>tr>td.bg_paleorange {
	background:#ffe6c8;
}

.option_table-plan>tbody>tr>td.bg_ice {
	background:#c2e2f8;
}

.module-balloon_title{
	background: #fff;
}

.module-balloon_title:after {
	border-color: #fff transparent transparent transparent;
	border-width: 12px 12px 0;
	bottom: -12px;
}

.plan_description_area.-hosho.-light .hosho_info_area .-list .bg_dblue {
	width: 50%;
}

.plan_description_area.-hosho.-free .hosho_about_area {
	border: solid 1px #c2e2f8;
}

.plan_description_area.-hosho.-free .hosho_about_area .-item .-list {
	font-size: 1.6rem;
	line-height: 35px;
	color: #fff;
	text-align: center;
}

.plan_description_area.-hosho.-free .hosho_about_area .-item .-list span {
	font-size: 1.2rem;
}

body[data-language="en"] .plan_description_area.-hosho.-free .hosho_about_area .-item .-list {
	font-size: 1.4rem;
}

.plan_description_area.-hosho.-free .hosho_about_area .-item .-txt {
	font-size: 1.8rem;
	margin: auto auto auto 0;
	color: #07308c;
}

.plan_description_area.-hosho.-free .hosho_about_area .-item .flex50 {
	flex-basis: 50%;
}

.plan_description_area.-hosho.-free .hosho_about_area .-item .flex45 {
	flex-basis: 45%;
}

.plan_description_area.-hosho.-free .hosho_about_area .-item .-list .bg_dblue {
	background: #07308c;
	width: 25%;
}

.plan_description_area.-hosho.-free .hosho_about_area .-item .-list .bg_purple {
	background: #b90064;
	width: 50%;
}


/* [WSYS-5836] end */

.plan_description_block {
	font-size: 1.6rem;
	padding:20px 20px;
	margin:20px 0 ;

}
.plan_description_block .title {
	font-size: 2.6rem;
	font-weight: bold;
	color:#004fa9;

}

.txtcolor_333{
	color:#333;
	margin-bottom:30px;
}

.col_block .tac span{
	font-weight: bold;
}

.plan_description_table tbody th{
	font-weight:bold;
	}

.plan_description_block .s_title {
	font-size: 1.6rem;
	font-weight: bold;
}

.plan_description_block .text {

}

.plan_description_area .col_block{
	margin-bottom:40px;
	}

.max_compensation_box .col_block{
	margin-bottom:0;
	padding:0;
	}

.plan_description_block .box_l {
	display: inline-block;
	vertical-align: top;
	margin:0 5px 0 0 ;
}

.plan_description_block .box_r {
	vertical-align: top;
	display: inline-block;
}

.plan_description_table {
	width:100%;
}

.plan_description_table thead th{
	background:#999;
	width:50%;
	text-align: center;
	color:#fff;
	font-weight: bold;
	font-size:2rem;
	padding:10px;

}
.plan_description_table.full thead th:nth-child(2) {
	background:#f5cf33;
	color:#003284;
}

.plan_description_table.max thead th:nth-child(2) {
	background:#f47556;
	color:#fff;

}

.plan_description_table tbody th {
	padding:5px;
	background:#fff;
	font-size:1.6rem;
}

.plan_description_table tbody td {
	padding:15px;
	background:#dddddd;
	width:50%;
	text-align: center;
	font-size:1.8rem;
	vertical-align:middle;
}

.plan_description_table.full tbody td:nth-child(2) {
	background:#fffaea;
}

.plan_description_table.max tbody td:nth-child(2) {
	background:#fceeeb;
}


.plan_description_table tbody td.red:nth-child(1) {
	background:#f8d6d2;
}

.plan_description_table tbody td.blue:nth-child(1) {
	background:#d2deec;
}

.plan_description_table tbody tr:nth-child(even) td{
	background:#bfbfbf;
	}

.plan_description_table tbody tr:nth-child(even) td:nth-child(2){
	background:#fff4d2;
	}

.plan_description_table.max tbody tr:nth-child(even) td:nth-child(2){
	background:#ffddd9;
	}

.plan_description_table tbody tr td:nth-child(1){
	font-weight: bold;;
	}

.plan_description_table tbody td.red:nth-child(2) {
	background:#ffddd9;
}

.plan_description_table tbody td.blue:nth-child(2) {
	background:#d9e5f3;
	font-weight: bold;
	color:#da0000;
	font-size:2rem;
}

.plan_description_table .zero{
	font-weight:bold;
	}


.plan_content_block {
	background:#e6f4fd;
	padding:30px 20px 0 0 ;
}

.plan_content_block.full {
	background:#fffaea;
	text-align:center;
}

.plan_content_block.max {
	background:#fceeeb;
}



.plan_content_block .box_l {
	text-align: center;
	width:260px;
	display: inline-block;
	vertical-align: top;
	color:#002664;
	font-weight: bold;
	font-size:2.4rem;
}

.plan_content_block .box_r {
	display: inline-block;

}
.thum_battery.plan_content_block .box_r {
	display: inline-block;
	width: 500px;
}

.plan_content_block .box_r .title {
	color:#002664;
	font-weight: bold;
	font-size:1.6rem;
}
.plan_content_block .box_r .text {
	margin:0 0 20px 0;
}

.plan_content_ex {
	background:#ffe5df;
	padding:20px;
}

.plan_content_ex i{
	font-size:3rem;
	margin:0 10px 0 0;
}

.compensation_price{
	font-size:24px;
	color:#0051a2;
	}
.compensation_price02{
	font-size:22px;
	color:#000;
}

.use_device_img {
	background:#d4eeff;
	text-align:center;
}

.plan_info_area {
	font-size:1.6rem;
}

.plan_info_imgtitle{
	background-color: #012561;
	padding: 1px 6px;
	color: #fff;
	margin-right: 0.2em;
	}
.fc_planinfo_h4{
	color:#067FBC;
	}

.plan_selected_imgarea{
	text-align:center;
	}

.plan_description_area .free_icon_block {
	font-size:2rem;
	font-weight: bold;
	text-align: center;
}

.plan_description_area .free_icon_block p{
	display:inline-block;
	vertical-align:middle;
	}

.plan_description_area .free_icon_block img {
	vertical-align: middle;
}

.plan_description_area  .pack_title {
	font-weight: bold;
	font-size:2rem;
	color:#002664;
	margin:20px 0 5px 0;
}

.plan_description_area  .pack_title img {
	width:40px;
	vertical-align: bottom;
	margin:0 10px 0 0;
}

.plan_description_area .pack_table {
	width:100%;
}

.plan_description_area .pack_table th {
	width:100%;
	font-size:1.6rem;
}

.plan_description_area .pack_table tr:nth-child(odd) td {
	background:#ededed;
}

.plan_description_area .pack_table tr:nth-child(even) td {
	background:#dddddd;

}

.plan_description_area .pack_table td {
	padding:5px 10px;
	font-size:1.6rem;
}

.plan_column_area {
	display: flex;
}
.plan_column_area *:before,
.plan_column_area *:after{
	display: none;
}
.plan_column_area .-item{
	border: 1px solid #008ae1;
	padding: 0 50px 20px 50px;
}
.plan_column_area .-item_speed .-speed_card {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.plan_column_area .-item_capacity .-item_content {
	display: block;
}
.plan_column_area .-item_capacity .-item_content img {
	margin: 0 auto;
}
.plan_column_area .-item_speed .-title,
.plan_column_area .-item_capacity .-title {
	color: #07308c;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
	line-height: 130%;
	margin-top: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}
.plan_column_area .-item_bottom{
	font-size: 1.2rem;
	line-height: 1.5;
}
.plan_column_area .-item_speed .-item_bottom{
	background: #e4e4e4;
	padding: 20px 15px 15px;
}
.history_area {
	padding: 30px;
	margin: 0 0 40px;
	border: 1px solid #d3d3d3;
}
.history_area .rounded_title {
	text-align: center;
}
.history_area .rounded_title .-txt {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 2px 20px 2px;
	background: #172c4f;
	border-radius: 2em;
	color: #fff;
	font-size: 1.4rem;
	font-weight: normal;
}
.plan_column_area .-item_capacity .-item_bottom{
	background: #e0f2fe;
	padding: 15px;
}
.plan_column_area .-item_capacity .-item_capacity_title{
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	align-items: center;
}
.plan_column_area .-item_capacity .-item_capacity_title .-mark{
	font-size: 1.4rem;
	display: flex;
	height: 60px;
	width: 60px;
	border: 6px solid #ffffff;
	color: #ffffff;
	background: #ff348a;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
}
.plan_column_area .-item_capacity .-item_capacity_title .-txt{
	color: #07308c;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.1;
	width: calc(100% - 70px);
}
.plan_column_area .-note li{
	width: auto;
	margin-left: 1em;
	text-indent: -1em;
}

.pack_description_table {
	width:100%;
}
.pack_description_table th {
	width:100%;
	padding:25px 0 10px;
	font-size:1.6rem;
	font-weight:bold;
}

.pack_description_table td {
	background:#dddddd;
	text-align:right;
	padding:10px;
	width:50%;
	font-size:1.6rem;
}

.pack_description_table p {
	margin:7px 0 0 0;
}

.pack_description_table td.max {
	background:#fceeeb;
}

.pack_description_table td.full {
	background:#fffaea;
}

.pack_description_table td.mini {
	background:#e6f1f7;
}

.pack_description_table td i {
	font-size:3rem;
}

.pack_description_table td .icon_box {
	float:left;
	width:40px;
	text-align: center;
}

.plan_description_free_table .freeplan_table_price td:nth-child(1){
	background-color:#bfbfbf;
	}

.plan_description_free_table .freeplan_table_price td:nth-child(2){
	background-color:#e5effa;
	font-weight:bold;
	}

.plan_description_free_table .freeplan_table_price td:nth-child(3){
	background-color:#fffaea;
	font-weight:bold;
	}

.plan_description_free_table .freeplan_table_price td.all{
	background-color:#e4e4e4;
	font-weight:bold;
}

.hosho_table_title {
	font-size: 1.8rem;
	font-weight: 700;
	margin : 60px 0 10px 0;
	color : #082b68;
}

.vpn_info_block .img_box {
	float: none;
	margin:0 0 20px 0;
	text-align: center;
}
.vpn_info_block p {
	overflow: hidden;
	margin:0 0 20px 0;
}
.vpn_info_block strong{
	font-weight: bold;
	font-size:18px;
	display: inline-block;
	margin:0 0 10px 0;
}
.vpn_info_block .memo_box {
	position: relative;
	padding-left: 90px;
}
.vpn_info_block .memo_box i {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translate(0, -50%);
	font-size: 50px;
}

.Postalservice_title{
	color:#004fa9;
	font-size:24px;
	font-weight:normal;
	}

.postalservice_box h3{
	color:#004fa9;
	font-size:24px;
	font-weight:normal;
	}

.Postalservice_innerbox{
	background-color:#d9e5f3;
	padding:20px;
	}

.postalservice_box{
	background-color:#d9e5f3;
	padding:25px;
	margin:10px 0;
	}

.free_postalservice_box{
	background-color:#d9e5f3;
	padding:20px;
	margin:10px 0;
	}

.free_postalservice_box ul{
	background-color: white;
	text-align: center;
	margin-top:10px;
}

.free_postalservice_box ul span{
	font-weight:bold;
	}

.free_postalservice_box ul li{
	display: inline-block;
	width: 32%;
	border-right: 1px solid #d9e5f3;
	margin:10px 0;
}

.free_postalservice_box ul li:last-child{
	border-right:none;
	width: 32%;
}

.postalservice_box_inner{
	margin-top:10px;
	}

.Postalservice_pricebox{
	display: table;
	width: 100%;
	background:#ffffff;
	margin:10px 0;
	text-align:center;
	}

.Postalservice_pricebox p{
	display: table-cell;
	vertical-align: middle;
	width: 33%;
	padding:20px 0;
	}

.Postalservice_pricebox .arrow_icon{
	/*padding:30px 0 20px 0;*/
	}

.Postalservice_pricebox span{
	font-weight:bold;
	}
.description_cautionbox{
	margin:20px 0;
	padding:15px;
	border:solid #da0000;
	}

.description_cautionbox .fc-red{
	font-weight:bold;
	}
.attention_area{
	margin:20px 0;
	padding:10px;
	border:#da0000 1px solid;
	}
.Postalservice_pricebox .fc_blue{
	color:#0051a2;
	}

.max_ans_text{
	margin:15px 0;
	}
.free_order_txt{
	margin:15px 0;
	color:#002664;
	}

.freeplan_optionlist{
	margin:10px 0 30px;
	}

.free_compensation_title{
	font-weight:normal;
	color:#da0000;
	font-size:24px;
	margin-bottom:10px;
	}

.free_postalservice_title{
	color:#004fa9;
	font-size:24px;
	}

.max_compensation_box{
	background-color:#ffe5df;
	padding:25px;
	margin-top:20px;
}

.max_compensation_box h3{
	font-weight: bold;
	font-size:24px;
}

.plan_description_free_table{
	width:100%;
	}
.plan_description_free_table .mini_fc{
	color:#004fa9;
	}
.plan_description_free_table .max_fc{
	color:#da0000;
	}
.plan_description_free_table .full_fc{
	color:#f2ab00;
	}
.plan_description_free_table th{
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
	}
.plan_description_free_table td{
	text-align:center;
	padding:10px 0;
	vertical-align: middle;
}

.plan_description_free_table .free_table_parts td{
	text-align:left;
	padding:7px 0;
	}

.plan_description_free_table th:nth-child(1){
	border-bottom: solid #bfbfbf;
	width:33%;
	}
.plan_description_free_table th:nth-child(2){
	border-bottom: solid #84b2db;
	width:34%;
	}
.plan_description_free_table th:nth-child(3){
	border-bottom: solid #f47556;
	width:33%;
	}

.transit_column_area {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

.transit_column_area .-item {
	width: 33%;
}

.transit_column_area .-item .-txt {
	height: 77px;
	line-height: 55px;
}

body[data-language=en] .transit_column_area .-item .-txt {
	height: 96px;
	line-height: 74px;
}

body[data-language=en] .transit_column_area.-after .-item .-txt {
	height: 77px;
	line-height: 55px;
}

.transit_column_area.-after .-item:nth-child(2) .-txt {
	background: #ffedd1;
}

.transit_column_area .-item .-img {
	width: 100%;
}

.transit_column_area .-item .-caption {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.plan_transit_area .-img .-arrow {
	height: 50px;
}



/* -------------------------------------
	Complete Page
---------------------------------------- */

/*　WSYS-3949　ここから　*/
.first_view_area_step4{
	/*text-align: center;*/
	/*margin-top: 70px;*/
	/*margin-bottom: 30px;*/
}
/*　WSYS-3949　ここまで　*/

/*　WSYS-4043　ここから　*/
.first_view_area_step4.pc a:hover{
	opacity: 0.7;
}
.first_view_area_step4.pc .bnr{
	position: fixed;
	z-index: 99;
	top: 180px;
	right: 0;
}
/*　WSYS-4043　ここまで　*/

/*　WSYS-10985 【サイト】株式会社JTB STEP4にバナーを置いて2台目半額  20240513 フイ 　ここから　*/
.complete_banner_area_pc{
	margin: 15px 0px -45px 0px;
	text-align: center;
}
.complete_banner_area_sp{
	margin: 15px 0px -25px 0px;
	text-align: center;
}
/*　WSYS-10985 【サイト】株式会社JTB STEP4にバナーを置いて2台目半額  20240513 フイ 　ここまで　*/

/*　WSYS-10924 企業ID：58409　株式会社エルク　システム連携施策　フイ 20240422　*/
.elc_complete_message_area {
	margin: 0px 0px 0px 0px;
	padding: 15px 30px;
	background: #ffdcd4;
	text-align: center;
}

.complete_message_area {
	margin: 70px 0 30px 0;
	padding: 30px 90px;
	background: #ffedd1;
	text-align: center;
}

.esim_form .complete_message_area {
	margin: 70px 0 20px 0;
}
.enterprise .complete_message_area {
	margin: 20px 0 30px 0;
}
/* [WSYS-5132] */
.complete_logout_btn + .complete_message_area{
	margin-top: 20px;
}
.complete_message_area .title {
	color: #222;
	font-size: 26px;
	font-weight: 700;
}
.complete_message_area .order_num_block {
	display: inline-block;
	margin: 15px 0 30px 0;
	padding: 10px 35px;
	background: #fff;
	color: #222;
	font-size: 22px;
	font-weight: 700;
}
.complete_message_area .order_num_block .caution_text {
	color: #ff0000;
	font-size: 14px;
	font-weight: normal;
}
.complete_message_area .complete_text_block {
	padding: 25px;
	background: #fff;
	border: 2px solid #ffc95f;
}
.complete_message_area .complete_text_block .text {
	margin: 0;
	color: #222;
	font-size: 16px;
	font-weight: 400;
}
.complete_message_area .complete_text_block:before {
	display: block;
	content: "\f0e0";
	margin: 0 auto 20px auto;
	color: #ffc95f;
	font-family: FontAwesome;
	font-size: 60px;
	font-weight: normal;
}
.complete_text_area {
	color: #666;
	font-size: 16px;
}

.complete_text {
	background: #e8f3ff;
	padding: 30px;
	margin: 0 0 5px 0;
}

.complete_text_block .caution {
	color:#da0000;
	font-size: 1.4rem;
	margin:20px 0 0 0 ;
}
.complete_text_block .caution:before {
	content: "\f071";
	margin: 0 10px 0 0;
	color: #ffc95f;
	font-family: FontAwesome;
	font-size: 3rem;

}

.complete_text_block .caution.twolines {
	min-width: 530px;
	width: auto;
	max-width: 545px;
	margin: 20px auto;
	text-align: left;
}

.complete_text_block .caution.twolines:before {
	margin: 3px 10px 0 0;
	float: left;
}

[data-language=en] .complete_text_block .caution.twolines:before {
	margin: 30px 10px 0 0;
	float: left;
	height: 50px;
}

/*.cloud .complete_text,
.jcb_inbound .complete_text,
.rainbow .complete_text {
	padding: 30px;
	margin: 0 0 5px 0;
}
.cloud .complete_text,
.rainbow .complete_text {
	background: #e8f3ff;
}
*/

.line_text {
	background:#ecfcec;
	padding:30px;
	margin:0 0 5px 0;
}

.line_text .attention{
	color: #00c300;
}
/*
.flow {
	position: relative;
	min-height:70px;
	border-bottom:solid 1px #e4e4e4;
}

.flow li {
	background: #d4d4d4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2JkYmRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGJkYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #d4d4d4 0%, #d4d4d4 32%, #bdbdbd 80%, #bdbdbd 100%);
	background: -webkit-linear-gradient(left,  #d4d4d4 0%,#d4d4d4 32%,#bdbdbd 80%,#bdbdbd 100%);
	background: linear-gradient(to right,  #d4d4d4 0%,#d4d4d4 32%,#bdbdbd 80%,#bdbdbd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#bdbdbd',GradientType=1 );
	border-radius:30px;
	color:#fff;
	text-align:center;
	line-height:48px;
	position:absolute;
}

.flow li:nth-child(1) {
	left:0;
	z-index:9;
	width:120px;
	padding: 0 20px 0 0 ;
}

.flow li:nth-child(2) {
	background:#2ba5fb;
	left:80px;
	z-index:8;
	width:290px;
}

.flow li:nth-child(3) {
	left:330px;
	z-index:7;
	width:240px;
}

.flow li:nth-child(4) {
	left:530px;
	z-index:6;
	width:300px;
}

.flow li:nth-child(5) {
	left:790px;
	z-index:5;
	width:190px;
	padding:0 0 0 25px;
}




.flow li: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:2rem;
}

.flow li:last-child:after {
	content: "";

}

*/


.flow {
	margin:40px 0 0 0 ;
	position: relative;
	display: table;
}

.flow li {

	color:#6a6b6b;
	width:20%;
	display: table-cell;
	padding:15px;
	position: relative;
	word-break: break-all;
	font-weight: bold;

	background: #fcfcfd;
	background: linear-gradient(to right, #fcfcfd 0%,#e3e4e6 80%,#e3e4e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfd', endColorstr='#e3e4e6',GradientType=0 );

}


.flow li:before {
	content:"";
	width:100%;
	height:10px;
	/*border-radius: 0px 20px 0 0 ;*/
	background: linear-gradient(to right,  #e3e1e1 0%,#7a7b7c 80%,#7a7b7c 100%);
	position: absolute;
	top:-10px;
	left:0;
	transform:translateX(-10%);
}

.flow li:first-child:before{
	transform:translateX(0%);
	width:90%;
}

.flow li:after {
	content: "";
	position: absolute;
	right:0;
	top:-27px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-left: 20px solid #7a7b7c;
	border-bottom: 12px solid #7a7b7c;
	z-index:5;

}

.flow li.active {
	background: -moz-linear-gradient(left,  #76c4f8 0%,  #3bacf8 80% ,#3bacf8 100%);
	background: -webkit-linear-gradient(left,  #76c4f8 0% ,#3bacf8 80% ,#3bacf8 100%);
	background: linear-gradient(to right,  #76c4f8 0%, #3bacf8 80% ,#3bacf8 100%);
	color:#fff;
}

.flow li.active:after {
	border: 15px solid transparent;
	border-left: 20px solid #3bacf8;
	border-bottom: 12px solid #3bacf8;
}

.flow li.active:before {
	background: linear-gradient(to right,  #76c4f8 0%,#3bacf8 80% ,#3bacf8 100%);

}


.flow.col04 {
	width:100%;
}

.flow.col04 li {
	width:25%;
}

.complete_attention {
	font-size:1.2rem;
	color:#666;
}
.complete_attention .complete_attention_info {
	margin: 20px 0 0 0;
}

/*
.cloud .complete_attention,
.rainbow .complete_attention {
	margin: 20px 0 0 0;
	font-weight: 700;
}
*/
.complete_attention .attention_list {
	font-size: 1.4rem;
}

.complete_attention .complete_attention_info .caution_list{
	font-weight: normal;
}

/*
.cloud .complete_attention .caution_list,
.rainbow .complete_attention .caution_list {
	font-weight: normal;
}
*/

.complete_attention .title {
	font-size:1.6rem;
}

.complete_attention .complete_attention_info .title {
	font-weight: bold;
}

.complete_attention a {
	color:#666;
	font-weight: 700;
	text-decoration: underline;
	display: inline-block;
	margin:10px 0;
}

.complete_attention .complete_attention_info a {
	color:#da0000;
	font-weight: normal;
}

.complete_attention .text_box {
	overflow: hidden;
}

.complete_attention .img_box {
	float:right;
	width:200px;
	margin:0 0 0 25px ;
}

.infomation_area {
	border-top:solid 1px #e4e4e4 ;
	position: relative;
}

.esim_form .infomation_area {
	border-top:none ;
}

.infomation_area:before {
	content:"";
	width:100%;
	position: absolute;
	top:0;
	left:0;
	display: block;
	background:#f4f4f4;
}

.infomation_area .col_block {
	padding:0 30px ;
	margin: 0 0 0 0%;
}

.infomation_area .col03 li {
	width:300px;
	text-align: center;
}

.infomation_area .col03 li + li  {
	margin:0 0 0 10px ;
}

.infomation_area ul.banner_area {
	width:100%;
	padding: 0 0 0 30px;
}

.infomation_area .banner_area li {
	width:300px;
	margin:0 10px 10px 0;
}
/*　WSYS-3949　ここから　*/
.infomation_area .banner_area li.twice {
	width:610px;
}
/*　WSYS-3949　ここまで　*/

.receive_info_area .unquete_text {
	margin: 25px 0 -5px 0;
}

.receive_info_area_bottom {
	margin:2px 0 40px 0;
}

.receive_info_area_bottom_bg {
	background:#f4f4f4;
}

.receive_info_area_bottom .btn_area {
	margin:20px auto;
}

.receive_info_area_bottom .reminder_text i {
	font-size: 3rem;
}

/* WSYS-6568 ここから */
.receive_info_area_bottom .banner_unquete_under {
	width: auto;
	height: auto;
	margin-top: 40px;
	text-align: center;
}
/* WSYS-6568 ここまで */





/* design_select の制御要素 */
.select_num {
	width : 70px;
	font-size : 2.0rem;
	font-weight : normal;
}

.individual_block select {
	width : 100%;
}
.base_table a {
	text-decoration : underline;
}


/* -------------------------------------
	info_panel_area
---------------------------------------- */

.info_panel_area {
	width:1000px;
	position: fixed;
	right:-830px;
	top:0;
	transition:all .3s linear;
	z-index:999;
}

.info_panel_area.active {
	right:0;
}

.info_panel_menu {
	float:left;
}

.info_panel_menu li {
	width:175px;
	line-height:40px;
	text-align: center;
	font-size:1.4rem;
	margin:5px 0;
	border-radius:3px 0 0 3px;
	cursor:pointer;
}

.info_panel_menu .estimate {
	font-size:2.2rem;
	background:#003284;
	color:#fff;
	line-height: 1.2;
	text-align: right;
	font-weight: bold;
	padding:10px 10px 5px 22px;
	min-height:70px;
	margin:0 0 5px 0;
	position: relative;
}

.info_panel_menu .estimate span {
	font-size:1.4rem;
	display: block;
	text-align: left;
	margin:0 0 5px 0;
}

.info_panel_menu .estimate b {
	text-align:center;
}

.info_panel_menu .estimate:before {
	content: "\f053";
	font-family:"FontAwesome";
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	background:#1470d1;
	position:absolute;
	top:0px;
	left:0;
	min-height:70px;
	font-size:1.2rem;
	line-height:70px;
	padding:0 2px;
	border-radius:3px 0 0 3px;
}

.info_panel_area.active .info_panel_menu .estimate:before {
	content: "\f054";
}

.info_panel_menu .modalbox {
	background:#eba704;
	color:#000;

}

.info_panel_menu .attention {
	background:#da0000;
	color:#fff;

}

.info_panel_menu .pagetop a{
	background:#1470d1;
	color:#fff;
	display: block;
	border-radius:3px 0 0 3px;
	padding:0 0 0 10px;

}

.info_panel {
	background:#003284;
	padding:30px;
	float:left;
	width:825px;
	border-radius:0 0 0 3px;
}

.info_panel_content {
	height:450px;
	overflow:auto;
}

.info_panel table {
	width:100%;
}

.info_panel th {
	background:#004fa9;
	color:#fff;
	border-top:solid 1px #003284;
	padding:25px;
	vertical-align: middle;
	width:190px;
}

.info_panel td {
	background:#003284;
	color:#fff;
	border-bottom:solid 1px #004fa9;
	padding:15px 20px;

}

.info_panel dt {
	color:#87bfff;
	display:inline-block;


}

.info_panel dd {
	text-align: right;
	float:right;
}

.info_panel p {
	text-align: right;
}

.info_panel em {
	font-size:1.4rem;
	color:#fff100;
}

.info_panel strong {
	font-size:1.4rem;
	font-weight: bold;
	color:#87bfff;
}

.info_panel .price {
	font-size:2rem;
	font-weight: bold;
	text-align: right;
}

.info_panel .total_price {
	background:#eeeeee;
	font-size:2.0rem;
	font-weight: bold;
	margin:0px 0 20px 0;
	padding:0 20px;
	line-height:60px;
	text-align: left;
}

.info_panel .total_price span {
	float:right;
	display: inline-block;
}

.info_panel .total_price span em {
	font-size:2.8rem;
	color:#004fa9;
}


.info_panel .popup_close_box {
	margin:0;
}


/* -------------------------------------
	estimate_panel_area
---------------------------------------- */

.estimate_panel_area {
	background:#003284 ;
	position: fixed;
	bottom:10px;
	width:100%;
	right:-100%;
	z-index:99;
	border-bottom:solid 1px #fff;
	transition:all 0.5s ease-out;

}

.estimate_panel_area.active {
	right:0;
}

.total_estimate {
	color:#fff;
	text-align: right;
}

.total_estimate .loading {
	opacity:0;
	font-size:3rem;
	position: absolute;
	top:10px;
	left:calc(50% - 20px);
}

.total_estimate strong {
	display: inline-block;
	background:#fff;
	border-radius:4px;
	width:300px;
	color:#333;
	font-weight: bold;
	position: relative;
	padding:0 10px;
	margin:10px 0;
}

.total_estimate em {
	font-size:3.6rem;
	font-weight: bold;
	color:#3ca30c ;
}

.total_estimate span {
	float:left;
	font-size:2.6rem;
}

.estimate_detail_wrap {
	display: inline-block;
	float:left;
	position: relative;
	top:20px;
	overflow: hidden;
	width:235px;
}

.total_estimate span.estimate_detail {
	float:left;
	font-size:1.8rem;
	margin:8px 0 0 0;
	padding-left : 1em;
}

.total_estimate:before{
	content :"";
	display:block;
	position:absolute;
	top : 15px;
	left:-15px;
	width:3px;
	height:45px;
	background:#ffff0e;
 -webkit-animation: switchtext 0.5s infinite alternate;
 -moz-animation: switchtext 0.5s infinite alternate;
 animation: switchtext 0.5s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}

.total_estimate span.estimate_detail{
	position : relative;
}

.total_estimate span.estimate_detail:before{
	content:"内訳を見る";
}
.total_estimate.active span.estimate_detail:before{
	content:"閉じる";
}

.total_estimate span.estimate_detail:after{
	content: "\f102";
	font-family:"FontAwesome";
	display:inline-block;
	vertical-align:middle;
	margin:-5px 0 0 10px ;
	position:absolute;
	top : 60px;
	right:-20px;
	color : #fff;
-webkit-animation: upup 2s ease infinite;
-moz-animation: upup 2s ease infinite;
animation: upup 2s ease infinite;
}

@-webkit-keyframes upup {
	0%{top : 40px;}
	100%{top : -30px;}
}
@-moz-keyframes upup {
	0%{top : 40px;}
	100%{top : -30px;}
}
@keyframes upup {
	0%{top : 40px;}
	100%{top : -30px;}
}
@-webkit-keyframes downdown {
	0%{top : -30px;}
	100%{top : 40px;}
}
@-moz-keyframes downdown {
	0%{top : -30px;}
	100%{top : 40px;}
}
@keyframes downdown {
	0%{top : -30px;}
	100%{top : 40px;}
}

.total_estimate.active span.estimate_detail:after{
	content: "\f103";
-webkit-animation: downdown 2s ease infinite;
-moz-animation: downdown 2s ease infinite;
animation: downdown 2s ease infinite;

}








.estimate_panel {
	background:#fff;
	margin:0 0 20px 0;
	clear:both;
}

.estimate_panel_content {
	width:50%;
	padding:2%;
	float:left;
}

.estimate_panel_content:nth-child(even) {
	float:right;

}

.estimate_panel_content .title {
	border-bottom:solid 2px #004fa9;
	margin-bottom:4px;
}

.estimate_panel_content dt {

}

.estimate_panel_content dd {
	text-align: right;
}

.estimate_panel_content .price ,
.estimate_panel_content .note {
	text-align: right;
}

.estimate_panel_content .price.subtotal{
	border-top : 1px solid #ccc;
	padding-top : 3px;
}
.estimate_panel_content .delivery{
	text-align: left;
}

.estimate_panel_content .both dt {
	float:left;
}

.estimate_panel_content .both dd {
	float:right;

}


/*
	アコーディオン用
*/
.calculation_res_area .estimate_calculation{
	border : 1px solid #fff;
	position : relative;
}
.calculation_res_area .estimate_total {
	clear : both;
	border-top : 2px solid #004fa9;
	text-align : right;
	font-size : 2.0rem;
	width : 96.5%;
	margin : 0 auto 1.0rem;
}
.calculation_res_area .calc_total_price {
	font-weight : 700;
	font-size : 3.6rem;
	color : #3ca30c;
}
.calculation_res_area .slide_hook_btn {
	text-align : center;
	font-size : 1.4rem;
}
.change_estimate_btn {
	position : absolute;
	text-align : right;
	width : 170px;
	bottom : 37px;
	right : 0;
}
.change_estimate_btn a {
	display : block;
	background : #2b76d3;
	text-align : center;
	width : 170px;
	font-size : 1.4rem;
	padding : 3px;
	border-radius : 4px;
	color : #fff;
	margin : 0 0 0 auto;
}


.calculation_res_area .estimate_panel_content:nth-child(even) {
	float:right;

}

.calculation_res_area .estimate_panel_content:nth-child(odd) {
	float:left;
}
/*
.calculation_res_area .estimate_panel_content.product {
	float : left;
}
.calculation_res_area .estimate_panel_content.product_group {
	float : left;
}
.calculation_res_area .estimate_panel_content.mobile {
	float : left;
}
.calculation_res_area .estimate_panel_content.mobile_group {
	float : left;
}
.calculation_res_area .estimate_panel_content.data_capacity {
	float : left;
}

.calculation_res_area .estimate_panel_content.option {
	float : right;
}
.calculation_res_area .estimate_panel_content.postage {
	float : right;
}
.calculation_res_area .estimate_panel_content.tax {
	float : right;
}
.calculation_res_area .estimate_panel_content.tax {
	float : right;
}
*/


/* creditcard */

.delete_creditcard_btn i {
	color: #fff;
	background: #b8b4b4;
	font-size: 1.6rem;
	font-weight: normal;
	vertical-align: middle;
	padding: 4px 6px;
	margin: 0 0 6px 0;
	border-radius: 50%;
	cursor: pointer;
}

/* option modal */

.modal_option .img_box img{
	width : 200px;
}
.modal_option .text_box {
	display : block;
	float : left;
	width : 410px;
}
.modal_option .clr {
	clear:both;
}

.modal_option .block_box {
	display : block;
}
.modal_option .modal_subcontents {
	font-size : 1.4rem;
	padding : 0.5em ;
}
.modal_option .lineb {
	border-bottom : 1px solid #ededed;
}


.modal_table {
	width : 100%;
	border: 1px #fff solid;
	border-collapse: collapse;
	border-spacing: 0;
}
.modal_table th,
.modal_table td {
	padding : 3px;
	font-size :1.4rem;
	border: #fff solid;
	border-width: 0 0 1px 1px;
}
.modal_table th {
	width : 30%;
}

.modal_table tr:nth-child(even) th{
	background : #eaeefa;
}
.modal_table tr:nth-child(odd) th{
	background : #cee4f9;
}
.modal_table tr:nth-child(even) td{
	background : #eff3ff;
}
.modal_table tr:nth-child(odd) td{
	background : #d2e9fe;
}

.modal_option .theta_notice {
	border : black 2px solid;
	padding : 20px;
	margin-top : 20px;
}











/* -------------------------------------
	modalbox contents
---------------------------------------- */

.modalBox {
	height: auto;
	max-height: 80%;
}

.modalBox .popup_close_box {
	margin: 15px 0;
}

.terminal_chart_area {

}

.terminal_chart_link .line_title {
	margin:0;
}

.terminal_chart_link ul {
	background:#e8f3ff;
	padding:10px 20px;
}

.terminal_chart_link ul li {
	margin:0 10px 0 0 ;
	font-size:1.6rem;
}

.terminal_chart_link ul li a {
	color: #000000;
	text-decoration:none;
}

.terminal_chart_link ul li a i{
	color:#004499;
}

.terminal_chart_area .col03 li {
	padding: 0 0 0 1%;
}

.terminal_chart_area .caption {
	font-weight: bold;
	font-size:1.6rem;
	margin:20px 0 5px 0;
	color:#004499;
}

.terminal_chart_area .col03 li .stripe_table  {
	font-size:1.4rem;
}

.terminal_chart_area .col03 li .stripe_table th:first-child {
	width:65%;
}

.gray_img_box{
	background:#f0f0f0;
	display:table;
}
.gray_img_box .col_left{
	display:table-cell;
	padding:30px;
	text-align:center;
	vertical-align:middle;
	width:260px;
}
.gray_img_box .col_right{
	display:table-cell;
	font-size:1.6rem;
	padding:30px 15px;
	vertical-align:middle;
	width:630px;
}
.line_list{
	margin:15px 0;
}
.line_list li{
	display:block;
	padding:5px 10px;
}
.line_list li:nth-child(2n+1){
	background:#d9f2fa;
}




/* -------------------------------------
	enterprise_attention_area
---------------------------------------- */


.account_bar {
	background: #f4f4f4;
	padding:10px 20px;
	margin : 20px 0 0 0;
	line-height: 35px;
	word-break: break-all;
}

.base_btn.logout_btn {
	background:#757373;
	padding:5px 20px;
	float:right;
}

.enterprise_attention_area {
	margin:0 40px;
	color:#757373;
}

.enterprise_attention_area .head_title {
	font-size:2.4rem;
	font-weight: bold;
	text-align: center;
	color:#357EBD;
	margin: 10px 0 0 0;
}

.enterprise_attention_area .head_text {
	font-size:1.4rem;
	text-align: center;
	margin:0 0 30px 0;
}

.enterprise_attention_area_list  {
	position: relative;
	padding:44px 0 0 0 ;
}

[data-language=en] .enterprise_attention_area_list  {
	padding:40px 0 0 0 ;
}

.enterprise_attention_area_list .item {

}

.enterprise_attention_switch {
	background:#eee;
	width:225px;
	position: absolute;
	top: 0;
	padding:10px;
	text-align: center;
	font-weight: bold;
	border-right:solid 1px #d2d2d2;
	cursor:pointer;

}

[data-language=en] .enterprise_attention_switch {
	font-size:1.3rem;
}




.enterprise_attention_switch.active {
	background:#357EBD;
	color:#fff;

}

.enterprise_attention_switch.active:after {
	content:"";
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top: 10px solid #357EBD;
	position: absolute;
	bottom:-21px;
	left:calc(50% - 8px);
}

.enterprise_attention_area_list .item:nth-child(1) .enterprise_attention_switch  {
	left:0;
}

.enterprise_attention_area_list .item:nth-child(2) .enterprise_attention_switch  {
	left:225px;

}

.enterprise_attention_area_list .item:nth-child(3) .enterprise_attention_switch  {
	left:450px;

}

.enterprise_attention_area_list .item:nth-child(4) .enterprise_attention_switch  {
	left:675px;
	border:none;
}


.enterprise_attention_block {
	border:solid 1px #E5E5E5;
	padding: 20px;

	display: none;
}

.enterprise_attention_area .item:first-of-type .enterprise_attention_block {
	display: block;
}

.enterprise_attention_box {
	background:#E8F3FF;
	padding: 10px 20px;
	margin:10px 0 0 0;
}

.enterprise_attention_box .title {
	color:#357EBD;
	font-weight: bold;
	border-bottom:solid 2px #357EBD;
	padding:0 10px 5px 10px;
	margin:0 0 10px 0;

}

.enterprise_attention_box .base_btn {
	padding:5px 10px;
	float:right;
	margin:20px 0 0 0;
}


.rental_type_tab_area {
	border-bottom:solid 4px #0067b6;
	text-align: center;
	margin:20px 0 0 0 ;
}

.rental_type_tab_area li {
	width:40%;
	display: inline-block;
	background:#ededed;
	border:solid 1px #cdcdcd;
	font-size: 2rem;
	padding:10px 5px;
	border-radius: 4px 4px 0 0 ;
	cursor: pointer;
}

.rental_type_tab_area li.active {
	background: #0067b6;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	border-color:#0067b6;
}

.rental_type_tab_area li.active:before {
	content: "\f00c";
	font-family:"FontAwesome";
	color:#fce55e;
	margin:0 5px 0 0;

}

.rental_type_tab_area li.active span {
	font-weight: bold;
}

.wifi_mobile_area .option_list li {
	width:100%;
}

.wifi_mobile_area .option_list .title {
	min-height: 70px;
}

.wifi_mobile_area .option_list .title p {
	margin:10px 0 0 30px;

}

.mobile_rental_check_block {
	border:solid 1px #b8b4b4;
}

.mobile_rental_check_block .note {
	margin:10px 2%;
}

.wifi_mobile_area  .mobile_rental_list {
	margin:0 0 0  2%;
	padding:0;
	background:none;
	font-size: 0;
}

.wifi_mobile_area  .mobile_rental_list:before {
	display: none;
}

.wifi_mobile_area  .mobile_rental_list li {
	width:48%;
	margin: 10px 2% 0px 0 ;
	float:none;
	display: inline-block;
	vertical-align: top;

}

.wifi_mobile_area  .mobile_rental_list .title {
	padding:4px 5px 8px 5px;
	font-size: 1.6rem;
	background: #357ebd;
	color:#fff;
	font-size:2rem;
	font-weight: bold;
	border-radius:4px;
}

.wifi_mobile_area  .mobile_rental_list .title p{
	display: inline-block;
}

.mobile_rental_list .active .title{
	background : #ffc95f;
	color : #004fa9;
}

/* START WSYS-11739 スマートフォンプラン追加に伴う携帯フォーム修正依頼 20241217 M.Amano */
.terminal_count_mobile .col_block,
.terminal_mobile_advance_notice .col_block {
	margin: 0;
}

.terminal_mobile_advance_notice .advance_notice_option_text {
	margin-right: 29px;
}

.terminal_count_mobile .item,
.terminal_mobile_advance_notice .item{
	margin:0;
}

.terminal_count_mobile .item:first-child,
.terminal_mobile_advance_notice .item:first-child {
	text-align: left;
	padding:0 20px 0 0 ;
	width: fit-content;
}

.terminal_mobile_advance_notice .item:last-child{
	font-size: 1.2rem;
}

.terminal_count_mobile .terminal_count_mobile_note {
	display: flex;
	margin-left: 25px;
}

.terminal_count_mobile .terminal_count_mobile_note .item {
	text-align: left;
	margin-top: 10px;
}

.terminal_count_mobile_note_list,
.terminal_mobile_advance_notice_note_list {
	font-size: 1.2rem;
}

.terminal_count_mobile_note_list .list_item:before,
.terminal_mobile_advance_notice_note_list .list_item:before {
	content: '※';
}

.terminal_mobile_advance_notice_note_list .list_item {
	width: auto;
	margin: 0;
}

.terminal_mobile_advance_notice .terminal_mobile_advance_notice_block {
	display: flex;
	align-items: center;
}

/* スマートフォンをレンタルする内の国に使用するcss */
.support_countries_wifimobile_label {
	display: flex;
}

.support_countries_wifimobile_label p {
	margin-left: 5px;
	margin-top: 2.5px;
}

/* E N D WSYS-11739 スマートフォンプラン追加に伴う携帯フォーム修正依頼 20241217 M.Amano */

/* -------------------------------------
	agency
---------------------------------------- */


.topic_table {

}

.topic_table th {
	color:#051d44;
	font-weight: bold;
	width:260px;
	padding:0 10px;
	border-right:solid 3px #d5e3f2;
	font-size: 1.5rem;
}

.topic_table td {
	padding:0 0 0 10px;
	font-size: 1.3rem;

}

.agency_input_block {

}

.agency_input_block input {
	width:90%;
}

.design_check_block {
	background:#e8f3ff;
	line-height: 2;
	padding: 10px;
}

.design_check_block.active {
	background:#fff1da;
}

/**
* [WSYS-7947]HIS店舗施策でのWiFi無しオプションのみレンタル開始 20201007 k.saito
*/
.design_check_block_transparent {
	background:#daecb6;
	line-height: 2;
	padding: 10px;
}



.col_checkbox_block {

}

.col_checkbox_block .col_block {
	margin:0 0 0  -1%;
}
.col_checkbox_block .col_block .item {
	width:32.33333333%;
	margin:0 0 0 1%;
}
.col_checkbox_block .col_block {

}


.agency .header .logo img{
	height:90px;
}


.agency .header_title_area {
	background:#f4f4f4;
	font-weight: bold;
	line-height:1;
	color:#051d44;
}

.agency .account_bar .base_btn {
	background:#051d44;
}

/* WSYS-12466 【フロント・VMDB】日本旅行の企業名変更に伴い各所修正 20250626 M.Shimizu */
.agency_nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 50px;
	margin: 20px 0 40px 0;
	border: solid 2px #051d44;
	border-radius: 4px;
}

.agency_nav li {
	position: relative;
	width: calc(100% / 6);
	height: 100%;
	border-left: solid 2px #051d44;
	text-align: center;
}

.agency_nav li:before {
	content: '\f054';
	position: absolute;
	top: calc(50% - 8px );
	right: 5%;
	font-family: FontAwesome;
	font-weight: normal;
}

.agency_nav li:after {
	content: attr(data-comment);
	position: absolute;
	top: 55px;
	right: 0;
	left: 0;
	width: 100%;
	color: #051d44;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}

.agency_nav li:first-child {
	border-left: none;	
}

.agency_nav li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #051d44;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.6;
}

.agency_nav li:hover,
.agency_nav li:hover a {
	height: 100%;
	background-color: #051d44;
	color: #fff;
}

.agency_header_nav {
	text-align: right;
	float:right;
}
.agency_header_nav ul{
	position: relative;
	margin:30px 0;
}

.agency_header_nav li {
	text-align: left;
	font-size:1.2rem;
	margin:0 10px 0 0px;
	/*padding: 10px 0 10px 10px;*/
	display: inline-block;
	width: 180px;
	border-radius: 5px;
	box-shadow: 0 1px 1px 0 rgba(29,28,28,0.2);
}

.agency_header_nav li:last-child {
	margin:0;
}

.agency_header_nav li img {
	vertical-align: middle;
	margin:0 20px 0 0 ;
}


.agency_header_nav li p {
	display: inline-block;
	vertical-align: middle;
}

.agency_header_nav li a {
	color:#fff;
	display: block;
	padding: 10px 0 10px 10px;
}

.agency_header_nav_sub {
	color:#fff;
	position: absolute;
	bottom:-20px;
	left:0;
	cursor:pointer;
	font-size: 1rem;
	padding: 0 0 0 10px;
}

.agency_header_nav_sub strong {
 	text-decoration: underline;
 }

.base_btn.agency_btn {
	background: #051d44;
	padding:5px 20px;
}

.agency_login_block {
	text-align: center;
}

.agency_login_block .-left{
	width:38%;
	margin:0 1% 0 0 ;
}
.agency_login_block .-right{
	width:60%;
}

/*ネクストcss上書き用　そのうち消したい*/
.agency .price .sub_tab .sub_navi li a {
	width:191px;
}

.rainbow .overview {
	margin-bottom: 30px;
}
.rainbow_title {
	display: table;
	width: 100%;
	margin: 40px 0 20px 0;
	background: #cc0000;
	border: 2px solid #cc0000;
}
.rainbow_title .logo_block {
	display: table-cell;
	width: 205px;
	padding: 10px 15px;
	background: #fff;
	vertical-align: middle;
}
.rainbow_title .text_block {
	display: table-cell;
	padding: 0 0 0 37px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	vertical-align: middle;
}
.rainbow_caution {
	font-size: 1.4rem;
	text-align: center;
}
.rainbow_description {
	margin: 0 0 20px 0;
}
.rainbow2 .rainbow_description {
	margin: 0 0 40px 0;
}
.rainbow_description .left_block {
	float: left;
	padding: 35px 0 0 0;
}
.rainbow_description .right_block {
	float: right;
	width: 700px;
	max-width: 100%;
}
.rainbow .rainbow_sub_title {
	text-align: center;
	margin-top: 35px;
}
.rainbow_description .right_block .caution_box {
	margin: 105px 0 0 0;
	padding: 25px 30px;
	background: #fff3f3;
}
.rainbow_description .caution_box .text {
	color: #cc0000;
	font-size: 1.6rem;
	font-weight: bold;
}
.rainbow2 .rainbow_description .caution_box .text {
	margin: 0 0 15px 0;
	color: #000;
}
.rainbow2 .rainbow_description .caution_box .text_sub {
	font-size: 1.5rem;
}
.rainbow_description .caution_box .caution_list {
	margin: 15px 0 0 0;
	padding: 0 0 0 1em;
	font-size: 1.2rem;
	line-height: 1.8;
}
.rainbow2 .rainbow_description .caution_box .caution_list {
	margin: 0;
}
.rainbow_description .caution_box .caution_list li {
	text-indent: -1em;
	margin-top: 5px;
}
/*
.rainbow_description .caution_box .caution_list li:before {
	display: inline;
	content: "※";
}
*/
.rainbow_description .caution_box .caution_list li.fcRed{
	color: #cc0000;
	font-weight: normal;
}
.rainbow_description .caution_box .inner_list {
	padding: 0 0 0 1em;
}
.rainbow_description .caution_box .inner_list li:before {
	display: inline;
	content: "・";
}
.rainbow_description .caution_box .inner_list li .fcRed {
	color: #cc0000;
	font-weight: normal;
}
.eventcode_area .rainbow_plan .plan_name {
	width: 55%;
}
.eventcode_area .rainbow_plan .plan_name .name {
	font-size: 1.8rem;
	font-weight: bold;
}
.rainbow_table .base_table th{
	width: 340px;
}

.rainbow .attention_radio_wave{
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.rainbow .attention_radio_wave .radio_wave_block{
	display: flex;
	flex-direction: column;
	width: 49%;
}
.rainbow .attention_radio_wave:after,
.rainbow .attention_radio_wave:before{
	display: none;
	/* flexを邪魔するクリアーフィックスを消す */
}
.rainbow .attention_radio_wave .ttl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
	margin: 16px 0;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
}
.rainbow .attention_radio_wave .ttl .icon {
	margin-right: 16px;
}
.rainbow .attention_radio_wave .white_box{
	background: #fff;
}

/* -------------------------------------
	AmazonPay
---------------------------------------- */

/* step2.5 */
.amazonpay_area .amazonpay_heading{
	font-weight: 400;
	margin-bottom: 10px;
}
.amazonpay_area .amazonpay_txt_link{
	font-size: 1.8rem;
	text-decoration: underline;
	/*float: right;*/
	margin-top: 32px;
	padding: 8px; /*　link領域　*/
	text-align: center;

	/*line-height: 64px;*/
	/*width: 360px;*/
}
.amazonpay_area .amazonpay_txt_link:hover{
	text-decoration: none;
}

.amazonpay_btn_area:after{
	content: "";
	display: block;
	clear: both;
}
.amazonpay_btn_area{
	/*width: 660px;*/
	margin: 30px auto 50px auto;
}
.amazonpay_btn_area .base_btn{
	float: right;
}
.amazonpay_btn_area .amazonpay_btn{
	float: left;
}



/* step2 */
.amazonpay_btn_area_customer2 .amazonpay_heading{
	margin-bottom: 5px;
}
.amazonpay_btn_area_customer2 .amazonpay_txt{
	display: inline-block;
	vertical-align: middle;
	width: 410px;
	margin-left: 60px;
	font-size: 1.2rem;
}

/*[WSYS-8697] amazon payバージョン対応依頼　20220118　quanguanlin*/
.amazonpay_btn_area_customer2 #AmazonPayButton{
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto 20px;
	width: 240px !important;
	height: 70px !important;
}

/* logout */
span.text_link {
	text-decoration: underline;
	color: #004fa9;
	cursor: pointer;
	padding: 0 0.5rem;
}

.amazonpay_btn_area_logout{
	margin: 12px 0 0 0;
}

.amazonpay_btn_area_logout .logout_btn{
	padding: 10px 18px;
	background-color: #f4f4f4;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ccc;
	font-size: 1.6rem;
}
.amazonpay_btn_area_logout .logout_btn:hover{
	background-color: #e8f3ff;
}


/* -------------------------------------
	jQuery
---------------------------------------- */

.js-datePickerTo {
	background:#f4f4f4;
}

.datePickerBalloon {
	background:#ff5a00   ;
	width:265px;
	height:10px;
	position: absolute!important;
	opacity:0;
	z-index: 10001;
	top:170px;

	display: none!important;

}

.datePickerBalloon.from {
	left:20px;
}

.datePickerBalloon.to {

	left:348px;
}

.plan_block .capacity_list li{
	width : 100%;
	margin : 1px 0;
}

.capacity_title {
	margin-bottom : 0;
}

.capacity_title .design_check {
	float : left;
	display : inline-block ;
	width : 10em;
}

.capacity_price {
	float : left;
}


.line_title {
	margin : 15px 0 0 0;
	background : #dbe9f6;
	color : #082b68;
}

.modalBox.modalbox_l {
	width:980px;
}

.modalBox.modalbox_m {
	width:720px;
}

.modalBox.modalbox_s {
	width:550px;
}

.js-areaLabel {
	cursor:pointer;
}

.processingLayerArea {
	display: none;
	background:rgba(255,255,255,0.6);
	position: absolute;
	top:0;
	left:0;
	z-index:9999;
	height:100%;
	width:100%;
	color:#666;
}

.processingLayerContent {
	text-align: center;
	font-weight: 700;
	font-size:2.4rem;
	width:100%;
	padding:0 6.25%;
	visibility: hidden;
	position: absolute;
	left:0;
	top:50%;
}

.processingLayerContent i {
	font-size:6rem;
	margin:0 0 3.125% 0 ;
	color:#666;
}


.js-receiveWayText ,
.js-returnWayText {
	display: none;
	margin: 5px 0 0 10px;
	font-size: 1.2rem;
}



.js-select2Table #form_bottom_id1 ,
.js-select2Table #form_bottom_id2 ,
.js-select2Table #form_bottom_id3 {
	width:650px;
}


.js-select2 + .select2-container .select2-selection--single{
	height:36px;

}
.js-select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
	height:36px;

}

.js-select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height:36px;
	font-size: 1.6rem;
}


.agency .select2-container {
	vertical-align: top;
}

.agency .select2-container .select2-selection--single {
	height:36px;
}

.agency .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height:36px;
	text-align: left;
}



.js-accodionSwitch {
	cursor : pointer;
}


.js-modalSelect {
	display: none;

	position: relative;
	top:0;
	left:0;
	z-index:5;
	width:100%;
	background: #fff;
	font-size: 1.6rem;
	/*line-height: 36px;*/
	text-align: left;
	border: 1px solid #666;
	padding: 7px 30px 7px 10px;
	border-radius: 4px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow : hidden;

}

.js-modalSelect:after {
	content: "\f0d7";
	font-family: FontAwesome;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 50%;
	transform:translateY(-50%);
}

.modalSelectList {
	border-top:solid 1px #ccc;
}

.modalSelectList .-item {
	border-bottom:solid 1px #ccc;
	padding:10px;
	cursor:pointer;
}

.modalSelectList .-item.active {
	background:#ffedd1;
}
.modalBoxInner .place_attetion_text {
	position:absolute;
	top:0;
	padding:5px 30px 5px 0;
	color: #da0000;
	font-size: 1.4rem;
}


/* PCもmodalselect対応の場合 */
.modalSelectPcOn .js-modalSelect {
	display: block;
}

.modalSelectPcOn li {
	vertical-align:bottom;
}
.modalSelectPcOn li.pos_bottom {
	vertical-align:bottom;
}
.modalSelectPcOn li.pos_middle {
	vertical-align:middle;
}
.modalSelectPcOn li.pos_1em {
	vertical-align: bottom;
	margin-top: calc(15px * 1.3);
}
.modalSelectPcOn li.pos_1em .delete_country_btn i {
	margin-top: 6px;
}

/* [WSYS-6576] アンカー追加 */
.plan_menu_pc{
	background:#dae3f3;
	padding:10px;
	display:flex;
	justify-content:flex-start;
	border:solid 1px #082b68;
	margin-bottom:20px;
	}
.plan_menu_pc li{
	padding-right:10px;
	}
.plan_menu_pc a{
	color:#004fa9;
	}

/* 速度規制緩和オプション */
.sns_unlimited_box {
	display: flex;
}
.sns_unlimited_inner {
	width: 300px;
}
.sns_unlimited_area .bg_paleice {
	background: #e0f2fe;
}
.sns_unlimited_area .bg_palepink {
	background: #fdeff2;
}
.sns_unlimited_area .arrow_down {
	position: relative;
	font-feature-settings: "palt";
	letter-spacing: 0.1rem;
}
.sns_unlimited_area .arrow_down:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #ffffff transparent transparent transparent;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}
.sns_unlimited_area .-arrow {
	margin-top: 115px;
}
.sns_unlimited_area .layout-column {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
}
.sns_unlimited_area .layout-column.theme-col02.theme-mg_large > .-col {
	width: 48%;
}
.sns_unlimited_area .layout-column.theme-col02.theme-mg_large > .-col:not(:nth-of-type(2n)),
.sns_unlimited_area .layout-column.theme-col03.theme-mg_large > .-col:not(:nth-of-type(3n)),
.sns_unlimited_area .layout-column.theme-col04.theme-mg_large > .-col:not(:nth-of-type(4n)),
.sns_unlimited_area .layout-column.theme-col05.theme-mg_large > .-col:not(:nth-of-type(5n)) {
	margin-right: 3%;
}
.sns_unlimited_area .module-border_box.theme-deepsky {
	border: solid 2px #008ae1;
	background: #e0f2fe;
}
.sns_unlimited_area .module-border_box.theme-red {
	border: solid 2px #e30000;
	background: #fdeff2;
 }
.sns_unlimited_area .module-border_box.theme-slim_border {
	border-width: 1px;
}
.sns_unlimited_area .module-border_box .theme-white {
	background: #ffffff;
}
.sns_example_area {
	display: flex;
	background: #ffffff;
}
.sns_example_area div {
	width: 50%;
	text-align: center;
}
.sns_example_area div img {
	margin-bottom: 20px;
}
.sns_unlimited_area .caution_l {
	float: left;
}
.sns_unlimited_area .caution_r {
	float: right;
}
.transit_price_area .option_item_base.option_item_popular {
	display: inline-block;
	font-size: 1.2rem;
	border-radius: 4px;
	padding: 2px 4px;
	margin-left: 0px;
	position: relative;
	top: -2px;
	line-height: 20px;
	width: 70px;
	background: #da0000;
	color: #fff;
	text-align: center;
}
/* 通信量はどれくらい必要？ */
.data_traffic table.data_traffic_table{
	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;
}
.data_traffic table.data_traffic_table th, table.data_traffic_table td {
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	vertical-align: middle;
	text-align: center;
}
.data_traffic .data_traffic_table.plan_t th{
	padding: 20px 0;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.data_traffic .data_traffic_table.plan_t th.ttl_navy{
	background-color: #071f49;
}
.data_traffic .data_traffic_table.plan_t th.ttl_blue{
	background-color: #16308c;
}
.data_traffic .data_traffic_table.plan_t th.ttl_lightblue{
	background-color: #2c8ae1;
}
.data_traffic .data_traffic_table.plan_t th.ttl_orange{
	background-color: #f9962b;
}
.data_traffic .data_traffic_table.plan_t td{
	color: #333;
	font-size: 1.7rem;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
}
.data_traffic .data_traffic_table.plan_t td.plan_b_detail{
	background-color: #e0f2fe;
}
.data_traffic .data_traffic_table.plan_t td.plan_o_detail{
	background-color: #fdf2e4;
}
.data_traffic table.data_traffic_table td.plan_Ico_sns{
	color: #333;
	padding: 20px 0;
	position: relative;
}
.data_traffic table.data_traffic_table 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;
}
.data_traffic table.data_traffic_table td.plan_Ico_sns .ico{
	margin-bottom: 4px;
	display: inline-block;
}
.data_traffic table.data_traffic_table td.plan_Ico_sns .ico_txt{
	font-size: 1.5rem;
	display: inline-block;
}

/*[WSYS-8543] データ容量 基準変更(Youtube) 20210720 h.arai　*/
.plan_b_detail .yt_data_plan,
.plan_l_detail .yt_data_plan,
.plan_o_detail .yt_data_plan {
	padding: 5px 15px;
	width: 100%;
}

.plan_b_detail .yt_data_plan tr,
.plan_l_detail .yt_data_plan tr,
.plan_o_detail .yt_data_plan tr {
	border-bottom: dashed 1px #d3d3d3;
	display: table;
	padding: 4px 4px 4px 0;
	width: 100%;
}

.plan_b_detail .yt_data_plan td, .plan_b_detail .yt_data_plan .border_none,
.plan_l_detail .yt_data_plan td, .plan_l_detail .yt_data_plan .border_none,
.plan_o_detail .yt_data_plan td, .plan_o_detail .yt_data_plan .border_none {
	border: none;
}

.data_traffic_table .plan_b_detail .yt_data_plan .yt_petabyte,
.fairuse .plan_b_detail .yt_data_plan .yt_petabyte {
	color: #ffffff;
	background-color: #77ACFA;
	width: 80px;
}

.data_traffic_table .plan_l_detail .yt_data_plan .yt_petabyte,
.fairuse .plan_l_detail .yt_data_plan .yt_petabyte{
	color: #3F92E0;
	background-color: #CFEFFC;
	width: 80px;
}

.data_traffic_table .plan_o_detail .yt_data_plan .yt_petabyte,
.fairuse .plan_o_detail .yt_data_plan .yt_petabyte{
	color: #ffffff;
	background-color: #FABA63;
	width: 80px;
}

.data_traffic_table .plan_b_detail .yt_data_plan .yt_min,
.data_traffic_table .plan_l_detail .yt_data_plan .yt_min,
.data_traffic_table .plan_o_detail .yt_data_plan .yt_min,
.fairuse .plan_b_detail .yt_data_plan .yt_min,
.fairuse .plan_l_detail .yt_data_plan .yt_min,
.fairuse .plan_o_detail .yt_data_plan .yt_min{
	text-align: right;
	padding-right: 15px;
}
/*[WSYS-8543] データ容量 基準変更(Youtube) 20210720 h.arai　ここまで*/

/* receive_attention_box */

.receive_attention_box {
	border: 2px solid #ff0000;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	color: #ff0000;
}

.footer_attention_box {
	margin: 10px 100px 20px;
	padding: 10px;
	border: #da0000 1px solid;
}

/* 2021/10/19 TC.Nanri [WSYS-8611] STEP3に総合マニュアル必要有無のチェックボックス追加 */
.caution_icon {
	position: relative;
	margin-left: 1em;
}
.caution_icon:before {
	content: "※";
	position: absolute;
	left: -1em;
}
.manual_subtitle {
	margin: 10px 0;
}
.manual_japanheart img {
	width: 180px;
}
.base_table .japanheart_link {
	text-decoration: none;
	color: #2b70ba;
	padding-left: 9px;
}
.manual_area .base_table {
	border-collapse: collapse;
}
.manual_area .base_table th,
.manual_area .base_table td {
	background: #fff;
	border: 2px #eee solid;
}
.manual_area .base_table tr:last-child th,
.manual_area .base_table tr:last-child td {
	border-bottom: 2px #eee solid;
}
/* 2021/10/19 TC.Nanri [WSYS-8611] STEP3に総合マニュアル必要有無のチェックボックス追加 ここまで */

/* -------------------------------------
	case 960px (PCサイト/コンテンツ幅より小さい時) */
@media screen and (max-width: 1300px) {
/*----------------------------------------*/

.info_panel_area {
	width:1000px;
	position: fixed;
	right:-960px;
	top:0;
	transition:all .3s linear;
}


.info_panel_menu li:not(:first-child){
	transition:all .3s linear;
	position: relative;
	/*left:15px;*/
}

.info_panel_menu li.pagetop{
	text-align: left;
}

/*----------------------------------------*/
}
/*	end case 960px (PCサイト/コンテンツ幅より小さい時 ここまで)
----------------------------------------*/

/*WSYS-9354 20220804 y.sakota*/
@media screen and (max-width: 900px){
	.caution_modal_box {
		text-align: center;
	}
	#analytics-regist_button_bolivia {
		padding: 15px 3px 10px 5px;
		padding-left: 50px;
		font-size: 20px;
		width: 95%;
	}
	#analytics-regist_button_koreamap {
		margin-left: 0;
		padding-left: 60px;
	}
	#analytics-regist_button_koreamap .before_info,
	#analytics-regist_button_uae .before_info {
		color: #da0000ed;
		font-size: 4rem;
	}
	#analytics-regist_button_uae .before_info {
		left: 3px;
		top: 75px;
	}
	#analytics-regist_button_bolivia .before_info {
		left: 5px;
		top: 35px;
		font-size: 3rem;
	}
	/* WSYS-11899 【サイト】フォームで台湾選択時に注意事項の画像設置とシンガポールの画像差し替え 20250128 M.Shimizu */
	#analytics-regist_button_koreamap .btn_inner_arrow {
		font-size: 15px;
		margin-right: 10px;
	}
	#analytics-regist_button_koreamap .btn_inner_arrow .ml5 {
		margin-left: 5px;
	}
	#analytics-regist_button_uae p {
		font-size: 16px;
	}
	#area_tpl_box
	{
		width: 99%; 
		margin: auto;
	}
	#area_tpl_box .line_title {
		padding: 0 4px;
	}
	#area_tpl_box h1
	{
		font-size: 16px;
	}
	.christmasBtn .base_btn,
	.balearicBtn .base_btn,
	.spainBtn .base_btn,
	.thailandBtn1 .base_btn {
		width: 100%;
		color: #000;
		text-align: left;
		padding-inline: 0;
	}
	.christmasBtn .base_btn p,
	.balearicBtn .base_btn p,
	.spainBtn .base_btn p,
	.thailandBtn1 .base_btn {
		font-size: 14px;
		margin-left: 8px;
	}
	.boliviaBtn .base_btn p {
		width: auto;
	}
	.uaeBtn .base_btn p,
	.boliviaBtn .base_btn p {
		font-size: 14px;
	}
}
/*↑↑↑↑↑　WSYS-9354 */

@media screen and (max-width: 480px){
	.modal_btn_block.caution .modal_btn[data-content-name="japan"]#analytics-regist_button_japan {
		width: 100%;
	}
}

/*[WSYS-8617] グローバルプラス電気通信法PDF追加回線契約プラン　20210928　quanguanlin*/
.pdf_link{
	margin-top:5px;
	margin-bottom: 5px;
}

/* <WSYS-9875 【サイト】フォームでタイ選択時に注意事項の画像設置　20230301 TB.Shimul */
/* WSYS-11892 【サイト】フォームで韓国選択時に注意事項の画像設置とタイの画像差し替え 20250128 M.Shimizu */
/* -------------------------------------------------------------------------------------- */
#thailand {
	display: flex;
    width: 98rem;
    height: auto;
}

/* WSYS-11899 【サイト】フォームで台湾選択時に注意事項の画像設置とシンガポールの画像差し替え 20250128 M.Shimizu */
#singapore,
#taiwan {
	width: 100%;
	height: auto;
}

.thailandBtn span,
.southkoreacounterBtn span,
.southkoreaBtn span {
	padding-left: 0;
}

#thailand img,
#southkorea img {
	width: 100%;
	padding: 0rem 2rem 2rem 2rem;
	background-color: #f4f4f4;
}

#southkorea img {
	padding-top: 1rem;
}
/* WSYS-11137 【フロント】フォームでフランス選択時にパリオリンピックの注意事項の画像設置 20240709 N.Kita */
/* WSYS-11235 【フロント・VMDB】フォームでモンゴル選択時に画像設置・国名変更 20240817 J.Young */
/* -------------------------------------------------------------------------------------- */
#france img,
#mongolia img {
	width: 100%;
	padding: 0rem 2rem 2rem 2rem;
	background-color: #f4f4f4;
}
/* WSYS-11496 チャージプラン専用フォーム開発（カカクコム1円プラン） 20241010 M.Amano */
#chargeplan {
	background-color: #f4f4f4;
}

#chargeplan button {
	width: 66%;
}

#chargeplan img {
	width: 100%;
	padding: 0 2rem 2rem 1.5rem;
	background-color: #f4f4f4;
}

/* WSYS-12123 【フロント】台数選択時にオススメ台数のバナーを設置 20250401 M.Amano */
#wifi_hint img {
	background-color: #f4f4f4;
}

#wifi_hint img {
	width: 100%;
	padding: 0rem 2rem 2rem 2rem;
}

/* WSYS-12386 【フロント】株式会社JTB組込施策 _フォームにバナーを追加 20250605 M.Shimizu */
.jtb_unlimited_image {
	padding-inline: 15px; 
}

/* -------------------------------------------------------------------------------------- */
/* WSYS-10043 【サイト】フォームに容量超過時の速度制限の説明追加 20220502 TB.garcia */
.caution_text_area {
	padding: 10px 10px 0px;
	color: #ff0000;
	font-size: 1.4rem;
}

/* WSYS-10609 年末の空港カウンター混雑緩和対策 20231208 N.Kita */
/* WSYS-10620 年末の空港カウンター混雑緩和対策_下げ対応 */
/* -------------------------------------------------------------------------------------- */
/* アコーディオンエリアなどのデフォルト非表示状態用 */
/* .style-hide{
	display: none;	importantはつけない
}
.important_notice {
	border: 3px solid #e10400;
	border-radius: 5px;
	margin-bottom: 30px;
}
.important_notice .title {
	padding: 0 65px 0 20px;
	font-size: 2.2rem;
	font-weight: 700;
	color: #e10400;
	position: relative;
	height: 57px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all .1s;
}
.important_notice .title.active {
	border-bottom: 3px solid #e10400;
	height: 60px;
	transition: ease-in-out .2s;
}
.important_notice .title::before {
	z-index: 10;
	content: "";
	position: absolute;
	top: 26.5px;
	right: 18.5px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #fff;
}
.important_notice .title.active::before {
	content: "";
	position: absolute;
	top: 16px;
	border: 8px solid transparent;
	border-bottom-color: #fff;
}
.important_notice .title::after {
	background: #e10400;
	content: '';
	width: 60px;
	height: 63px;
	position: absolute;
	right: -3px;
	top: -3px;
	border-radius: 0 5px 5px 0;
}
.important_notice .content {
	padding: 30px;
}
.important_notice .content .content_image {
	width: 90%;
	margin: 0 auto 20px;
} */
/* -------------------------------------------------------------------------------------- */

/* WSYS-12226 【フロント】無制限プランに関するテキストをSTEP1プルダウンに追加 20250508 M.Amano */
.modal_country_list .ss-child .plan_choice_text {
	background: #f76ca9;
	color: #ffffff;
	margin-left: 10px;
	padding: 2px 10px;
	border-radius: 5px;
	font-size: 1.4rem;
	font-weight: 900;
	position: absolute;
	top: 5px;
}

.modal_country_list .ss-child .plan_choice_text.not_display_text {
	display: none;
}

/* WSYS-10909 【サイト】5Gプランに関するテキストをSTEP1プルダウンに追加 20240423 N.Kita */
.country_search_area .child_area .child_area_head {
pointer-events: none;
padding: 0 5px 10px;
border-top: none;
}

.country_search_area .child_area .child_area_head.text_5g{
	color: #ff0000;
}

/* START WSYS-10176 【サイト】容量の目安コンテンツの修正 20240613 N.Kita */
.data_capacity {
	box-sizing : border-box;
	display: flex;
	gap: 5px;
}
.data_capacity .data_capacity_table {
	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;
}
.data_capacity .data_capacity_table th,
.data_capacity .data_capacity_table td {
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	vertical-align: middle;
	text-align: center;
}
.data_capacity .data_capacity_table th {
	padding: 20px 0;
	color: #fff;
	font-size: 1.2rem;
	font-weight:bold;
}
.data_capacity .data_capacity_table th._navy{
	background-color:#071f49;
}
.data_capacity .data_capacity_table th._blue{
	background-color:#16308c;
}
.data_capacity .data_capacity_table th._lightblue{
	background-color:#2c8ae1;
}
.data_capacity .data_capacity_table th._orange{
	background-color:#f9962b;
}
.data_capacity .data_capacity_table td._Ico_sns {
	color: #333;
	font-size:16px;
	padding: 30px 0;
}
.data_capacity .data_capacity_table td._Ico_sns h3{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.data_capacity ._b_detail{
	background:#e0f2fe;
}
.data_capacity ._o_detail{
	background:#fdf2e4;
}
.data_capacity ._b_detail .youtube_data_plan,
.data_capacity ._l_detail .youtube_data_plan,
.data_capacity ._o_detail .youtube_data_plan {
	padding: 5px;
	width: 100%;
}
.data_capacity ._b_detail .youtube_data_plan tr,
.data_capacity ._l_detail .youtube_data_plan tr,
.data_capacity ._o_detail .youtube_data_plan tr {
	border-bottom: dashed 1px #d3d3d3;
	display: table;
	padding: 4px 4px 4px 0;
	width: 100%;
}
.data_capacity ._b_detail .youtube_data_plan td,
._b_detail .youtube_data_plan .border_none,
.data_capacity ._l_detail .youtube_data_plan td,
._l_detail .youtube_data_plan .border_none,
.data_capacity ._o_detail .youtube_data_plan td,
._o_detail .youtube_data_plan .border_none {
	border: none;
}
.data_capacity ._b_detail .youtube_data_plan .youtube_petabyte,
.data_capacity ._l_detail .youtube_data_plan .youtube_petabyte,
.data_capacity ._o_detail .youtube_data_plan .youtube_petabyte {
	width: 45px;
	padding: 2px 0;
}
.data_capacity ._b_detail .youtube_data_plan .youtube_petabyte {
	color: #ffffff;
	background-color: #77ACFA;
}
.data_capacity ._l_detail .youtube_data_plan .youtube_petabyte {
	color: #3F92E0;
	background-color: #CFEFFC;
}
.data_capacity ._o_detail .youtube_data_plan .youtube_petabyte {
	color: #ffffff;
	background-color: #FABA63;
}
.data_capacity ._b_detail .youtube_data_plan .youtube_min,
.data_capacity ._l_detail .youtube_data_plan .youtube_min,
.data_capacity ._o_detail .youtube_data_plan .youtube_min {
	text-align: right;
	font-size: 1.1rem;
}
.data_capacity ._Ico_sns .ico_txt,.data_capacity_table th,
.data_capacity .data_capacity_table td {
	font-size: 1.2rem;
}
.data_capacity ._Ico_sns .ico img {
	width: 40px;
}
.data_capacity ._b_detail .youtube_data_plan tr,
.data_capacity ._l_detail .youtube_data_plan tr,
.data_capacity ._o_detail .youtube_data_plan tr {
	padding: 4px 0;
}
.data_capacity_note {
	text-align: left;
	font-size: 1.3rem;
	padding: 10px 0;
}
.data_capacity_note ul {
	margin-left: 1em;
}
.data_capacity_note ul li {
text-indent: -1em;
line-height: 1.5;
}
.data_capacity_note ul li:not(:last-child) {
	padding-bottom: 5px;
}
/* END WSYS-10176 【サイト】容量の目安コンテンツの修正 20240613 N.Kita */

/* WSYS-11314 【フロント】STEP1の任意チェックボックスを黄色背景に変更 20240822 M.Amano */
/*----------------------------------------
	Step1入力項目背景黄色設定
----------------------------------------*/
/* ---------------------
	端末レンタル台数
	他のオプションの選択項目
--------------------- */
.option_area .js-designSelectText,
.option_select_list .js-designSelectText,
.bg-light-yellow {
	background-color: #ffffbf !important;
}