@charset "utf-8";




/* -------------------------------------
	case 736px (スマホサイズ)			*/
@media screen and (max-width: 736px) {
/*----------------------------------------*/
body{
	min-height:1px;	
}

.pc{
	display:none!important;
}
br.pc{
	display:none!important;
}

.pc_inline{
	display:none!important;
}
.pc_inline_block{
	display:none!important;
}
.sp{
	display:block!important;	
}
.sp_inline{
	display:inline!important;	
}
.sp_inline_block{
	display:inline-block!important;	
}
img{
	max-width:100%;
}


input[type=text] , textarea , select {
	padding:1.5625%;
}

a.rollover:hover img , .rollover:hover{
     -ms-filter: "alpha( opacity=100 )";
     filter: alpha( opacity=100 );
     opacity: 1;
}


.res_font_ml {
     font-size:1.2rem;
}


.res_font_s {
	font-size:1rem;
}

.res_select_lineheight {
	line-height: 4
}

body .container .resfr {
	float:none;
	display: block;
	text-align: right;
}

body .container .resfl {
	float:none;
	display: block;
	text-align: left;
}


/* -------------------------------------
     レイアウト初期設定
---------------------------------------- */
.header_inner,
.footer_inner,
.content_inner{
     margin:0 auto;
     width:100%;
	min-width: auto;
     padding:0 5%;
}


/* -------------------------------------
     header
---------------------------------------- */
.header{
    margin:0 0 1.5% 0 ;
}

.header_inner{
    
}

.header_title {
	font-size:2.0rem;
	font-weight: 700;
	margin:2.46875% 0;
}

.header_title span  {
	font-size:1.6rem;
}

.flow {
	margin-bottom : 1.25%;
}

.flow li {
	margin : 0.5% 0.5% 2.5% 0.5%;
	width : 24%;

}
.flow li.active {
	background :#ffb96b;
}
.flow_step {
	padding : 0.2%;
	line-height : 1.8em;
}
.flow_step::after {
	padding : 0.2%;
	content : "";

}

/* -------------------------------------
     footer
---------------------------------------- */
/* -------------------------------------
     footer
---------------------------------------- */
.footer{

}

.footer_inner{
	position: relative;
    text-align:center;
}

.footer_content {
	display: table;
	width:100%;
	margin:3.125% 0;
}

.footer_left_box {
	display: table-header-group;

	float:none;
	text-align:center;

}

.footer_right_box {
	display: table-footer-group;
	float:none;
	text-align:center;
}

.footer_address {
	display: table-cell;
	margin:0 ;
	padding:3.125% ;
}

.footer_address span {
	
}

.footer_address strong {
	color:#0098de;
	font-weight: 700;
	font-size:3rem;
}

.footer_address em {
	color:#0098de;
	font-size:1.2rem;
}

.copyright {
	color:#fff;
	background:#0098de;
	padding:10px 0;
}



/* -------------------------------------
     content
---------------------------------------- */
.content{
	margin:0 0 20px 0;
}


/* -------------------------------------
     item
---------------------------------------- */

.error_area {
	background:#fcecec;
	padding:3.125%;
}

.error {
	color:#da0000;
	font-size:1.2rem;
	margin: 3.125%;
}


.col02_block{
     letter-spacing:-0.40em;
     line-height:0;
}
.col02_block li{
     display:inline-block;
     letter-spacing:normal;
     width:100%;
     margin: 0 ;
     padding:1.125% 3.125% ;
}



.base_table .col02_block li{
     display:inline-block;
     width:100%;
     margin-left:0%;
}





.col03_block{
     letter-spacing:-0.40em;
     line-height:0;
}
.col03_block li{
     display:inline-block;
     letter-spacing:normal;
     width:100%;
     margin : 0;
    /* padding:3.125%;*/
     padding:0% 3.125%;
}

.col03_block li:last-child {
     margin: 0 0 3.125% 0 ;
}

.pagetop {
	right:7%;
	bottom:7%;
}

.pagetop a {
	font-size:3rem;
}

.main_title {
	font-size:2.0rem;
	margin:4.25% 0 0 0;
	padding:3.125% 0;
}

.base_btn {
	width:100%;
}

.base_btn a {
	display: block;
	color:#fff;

}

.base_btn:hover {
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1;	
}

.base_area {
	background:#eee;
}

.base_area .caption {
	background:#bbb;
	color:#fff;
	padding:0.78125% 1.5625%;
	font-weight: 700;
}

.base_area .caption .note {
	float:none;
}

.base_area dl {
	color:#2c67a5;
	margin:1.125% 0 3.125%;
}

.base_area dt {
	margin:0 0 1.5625% 0 ;
}


.base_table {
	width:100%;
	color:#2c67a5;
}

.base_table caption {
	padding:0.78125% 1.5625%;
}

.base_table th , 
.base_table td {
	display: block;
	padding:1.5625% 3.125%;
}

.base_table th {
	width:100%;
}

.base_table td {
	width:100%;
}

.base_table td p {
	margin:5px 0;
	font-size:1.2rem;

}

.js-designCheck label {
	margin:0 0rem 0 0 ;
}

.js-designCheck label:before {
	content:"\f096";
	font-family: "FontAwesome";
	font-size:2rem;
	position: absolute;
	top:0;
	left:0;

}
/* -------------------------------------
     
---------------------------------------- */
.base_area dl.sp_margin {
	margin : 0;
}



.logo {
	font-size:2.0rem;
	font-weight: 700;
	margin:4.25% auto;
}


.logo img {
	width : 50%;
}

.logo span {
	display: block;
	float:none;
	margin:2.125% 0;
	line-height:1.5;
}

.base_area.country_select_area li:nth-child(1) {
}

.base_area.country_select_area li:nth-child(2) {
	width:100%;
}

.base_area.country_select_area li:nth-child(3) {
	width:100%;
}

.sp_dates {
	margin-top : 2%;
}

.sp_dates li {
	padding : 2% 3% 2% 2%;
}
.sp_dates li dl {
	margin : 0;
}

.sp_dates li dt{
	float : left;
	width : 30%;
	min-width:100px;
	line-height : 2.25em;
	margin : 0;
}

.sp_dates li dd{
	float : right;
	width : 55%;
}
.sp_dates li dd input[type=text] {
/*	width : 45%;*/
}


.datepicker.mini {
	width:67%;
}




.multi_country_area ul {
	border-top : solid 2px #fff;
}


.select_country_terminal_area {
	display: block;
	width:100%;
	margin:4.6875% 0 ;
}

.select_country_box , 
.rental_tarminal_box {
	display: block;
	width:100%;

}

.select_country_box {
	font-size:1.4rem;
	border:none;
	display : none;
}


.rental_tarminal_box  {
	border:none;
	font-size:1.6rem;

}

.rental_tarminal_box select {
	width:30%;
	font-size:2.0rem;
	text-overflow:clip;
}

.select_option_area {
	clear:both;
}

.select_option_area li {
	display: block;
	width:100%;
	margin:0 0 1.5625% 0;
}

.select_option_area .left_item {
	display: block;
	width:100%;
	height:100%;
	padding:3.125%;
}

.select_option_area .right_item {
	display: block;
	width:100%;
	padding:3.125% 0px;
}

.select_option_area .right_item .item {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
}

.select_option_area .right_item .item p {
	margin:10px 0 0 0 ;
}

.select_option_area .right_item .item01 {
	width:50%;
}

.select_option_area .right_item .item02 {
	width:10%;
	color:#2c67a5;
	font-size:2.2rem;
}

.select_option_area .right_item .item03 {
	width:27%;
}

.select_option_area .right_item .item04 {
	width:135px;
}

.select_option_area .right_item .item04.packitem:first-of-type {
	width:100px;
}

select[name="option_input_GA"] {
	text-overflow:clip;
}

.select_option_area .right_item .item05 {
	width:150px;
	
}

.select_option_area .radio_box {
	display: table-cell;
	width:5%;
	height:100%;
}

.select_option_area .plan_box {
	display: table-cell;
	position: relative;
	width:45%;
	height:100%;
	font-size:1.4rem;
	padding: 1.5625% 80px 1.5625% 3.125%  ;

}

.select_option_area .plan_box span {
	display: block;
	text-align: right;
	position: absolute;
	right:1.5625% ;
	top:5px;
	font-size:1.2rem;
}

.select_option_area .plan_box + .right_item.t_item {
	padding:1.5625% 1.5625% 1.5625% 3.125%;
}

.select_option_area .right_item.t_item {
	text-align: left;
	padding:3.125% ;

}


	/*option plan*/
	/*Straight.s 20160128*/
	.select_option_area .right_item {
		padding : 1.5625% ;
	}
	
	.select_option_area .right_item.item_exp .item {
		display : block;
	}

	.select_option_area .right_item .item p {
		margin : 5px 0;
	}
	.select_option_area .right_item.item_exp .item p span {
		font-weight : 400;
		font-size : 90%;
		display : block;	
		margin-left : 1rem;
		color : #666666;
	}
	.select_option_area .right_item.item_exp .item p span.fcred {
		color : #da0000;
	}






.other_option_area {
	padding:3.125%;
}

.other_option_area li  {
	display: block;
	width:100%;
	margin:0 0 1.5625% 0;
}

.other_option_area .left_item ,
.other_option_area .right_item {
	display: block;
	width:100%;
	padding:0 3.125%;
}

.other_option_area .right_item {
	vertical-align: top;
	padding:3.125% 3.125% 6.25% 3.125% ;
}

.other_option_area .left_item .item {
	display: inline-block;
	vertical-align: middle;
}

.other_option_area .left_item .item:nth-child(1) {
	width:60%;
}

.other_option_area .left_item .item:nth-child(2) {
	width:38%;
}

.other_option_area .left_item .check_parts {
	position: relative;
	bottom:0;
	left:0;
	width:100%;
	margin:3.125% 0 0 0 ;
}

.other_option_area .left_item .check_parts select {
	width:50%;
	background:#eeeeee;
}

.other_option_area dd .more {
	position: relative;
	/*bottom:0;*/
	right:0;
	margin:3.125% 0 ;
	text-align:right;
}


.coupon_input_box {
	background:#bbbbbb;
	color:#fff;
	font-size:1.1rem;
	font-weight: 700;
	line-height: 2.4rem;
	padding:3.125%;
	margin:3.125% 0 6.25% 0;
}

.coupon_input_box input {
	background:#eee;
	width:100%;
	margin:0;
	border-radius: 4px;
	padding:5px;
	font-size:1.4rem;
	font-weight: 400;
}

.calc_area {
	/*margin:9.375% 0 6.25% 0;*/
	margin:1.5625% 0 1.5625% 0;
}

.calc_area table {
	width:100%;
}

.calc_area caption {
	background:#e8f3ff;
	font-weight: 700;
	font-size:2.2rem;
	color:#2c67a5;
	padding:10px 20px;
	line-height: 50px;
}
.calc_area caption span {
	float:right;
	font-weight: 400;
	font-size:1.6rem;
}

.calc_area caption img {
	vertical-align: middle;
	margin:0 10px 0 0 ;
}

.calc_area th {
	display: block;
	padding:3.125%;
}

.calc_area td {
	display: block;
		padding:3.125%;
}








/* -------------------------------------
     step2
---------------------------------------- */


.login_area .no_menber {
	margin:3.125% 0 ;

}

.login_area  .login_btn {
	width:80%;
}


.tab_area {
	
}

.tab_switch {
	width:100%;
	border:none;
}

.tab_switch li {
	display: table;
	width:100%;
	margin:6.25% 0;
	border-radius:4px ;
}


.arrow_bottm_icon {
	font-family: "FontAwesome";
	color:#2c67a5;
	font-size:6rem;
	margin:7.8125% auto;
	text-align: center;
}




/* -------------------------------------
     step3
---------------------------------------- */

.attention_block {
	margin:6.25% 0 0 0 ;
	padding: 3.125%;
	background:#fcecec;
	border:solid 2px #ffd0d0;
}

.caution_block {
	padding:3.125%;
	background:#fffdec;
	border:solid 2px #f6f2d1;
}

.attention_block .js-designCheck label {
	margin:3.125% 0 0 0 ;
}


.attention_block .js-designCheck label span ,
.caution_block .js-designCheck label span {
	font-size:1.2rem;
}



.kiyaku_box {
	padding:3.125%;
	margin:4.6875% 0;
}

.kiyaku_title {
	padding:0 0 1.5625% 0;
}

.kiyaku_box dl {
	margin:1.5625%;
}

.kiyaku_box dd {
	margin:0 0 1.5625% 0;
}

.bikou_block .left_box , 
.bikou_block .right_box {
	width:100%;
	padding:3.125%;
	float:none;
}

.bikou_block .right_box {
	border:none;
}

.bikou_block .right_box textarea {
	height:200px;
     resize:none;    

}





/* -------------------------------------
     step4
---------------------------------------- */


.complete_flow ul {
	margin:3.125% 0 6.25% 0;
}

.complete_flow li {
	display: block;
	margin:0 0px 0 0 ;
	text-align: center;
}

.complete_flow li:last-child {
	margin:0 ;
}

.complete_flow li:after{
	content:"\f0d7";
	display: block;
	font-family: "FontAwesome";
	margin:0 0 0 0;

}

.complete_flow li:last-child:after{
	content:"";
	margin:0;
}


/*step2 必須マーク位置*/
.customer .require:after {
	position: static;
	right: auto;
}



span.h3_note {
	font-size : 60%;
	font-weight : 400;
	cursor :default;
	float : none;
	display : block !important;
	margin-top : 0.78125%;
}


.main_title {
	padding : 3.125% 0 1.5625% 0;
}





.mb10 {
	margin-bottom:1.5625%;
}

.mb20 {
	margin-bottom:3.125%;
}

.mb30 {
	margin-bottom:4.6875%;
}

.mb40 {
	margin-bottom:6.25%;
}


.mb50 {
	margin-bottom:7.8125%;
}



/*----------------------------------------*/
}
/*		end case 736px (スマホサイズ ここまで)
----------------------------------------*/