@charset "utf-8";

/*==========================================================================================
 Site:ORIX Rent a Car - for SP - 韓国語版
 Date:2020-01-24(+00:00)
 Maintained:Masahiro.Takahashi
  
 Memo:for Campaign Individual (haya2020_spring_***)
==========================================================================================*/



/*==========================================================================================

 // Price List

==========================================================================================*/
.CampsDetails .pricelistWrap {
    background:url(../../../../kr/share/img/bg_Shadow_Top_w800.png) 50% 0 no-repeat;
    padding-top:30px;

}
.CampsDetails .pricelistArea {
	width:100%;
}
.CampsDetails .pricelistArea .Inner {
	padding:0 20px 30px;
}


/* Class Data
------------------------------------------------------------------------------------------*/
.pricelistArea .classLists {
	margin:0 auto;
	padding:0 10px;
}
.pricelistArea .classBox {
	position:relative;
	margin:0 0 30px;
	padding:0;
}
.pricelistArea .classBox:last-child {
	margin-bottom:0;
}
.pricelistArea .classBox .unit {
	background:#FFF;
	
	/* box-shadow */
	box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
	-moz-box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
}
.pricelistArea .classBox .unitBody {}
.pricelistArea .classBox .noticeArea {
	margin:0 auto 0;
	padding:8px 0 0;
}
.pricelistArea .classBox .noticeArea .noteBody {
	color:#444;
}


/* Class Data
------------------------------------------------------------------------------------------*/
.pricelistArea .classDataBox {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	padding:10px;
    
    /* border-bottom:2px solid #0D3863; ※タブ分けの場合は不要*/
}
.pricelistArea .classDataBox .notice {
	margin-top:5px;
}


/* Class Data - Car Image
------------------------------------------------------------------------------------------*/
.pricelistArea .classImage {
	margin:0 auto 15px;
	text-align:center;
}
.pricelistArea .classImage img {
	width:240px;
}


/* Class Data - Data
------------------------------------------------------------------------------------------*/
.pricelistArea .classData {}
.pricelistArea .classData .dataBody {}

/* dataHead */
.pricelistArea .classData .dataHead {
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #E7E7E7;
}
.pricelistArea .classData .dataHead h4 { /* Class */
	font-size:2rem; /* 20px */
	line-height:1.2;
	color:#0d3863;
	padding:0 15px 0 0;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	float:left;
}
.pricelistArea .classData .dataHead h4 span {
	font-size:0.7rem; /* 7px */
	
	font-family:'Roboto', sans-serif;
	font-weight:400;
}
.pricelistArea .classData .dataHead .type {
	padding-top:0.8em;
}
.pricelistArea .classData .dataHead .type span {
	display:inline-block;
	padding:7px;
	color:#3470A9;
	font-size:108%;
	line-height:1;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	text-align:center;
	border:1px solid #3470A9;
	border-radius:3px;
	
	float:left;
}
.pricelistArea .classData .dataHead .tag {}
.pricelistArea .classData .dataHead .tag .Red {
	display:inline-block;
	margin-left:5px;
	padding:5px;
	color:#B61913;
	font-size:108%;
	line-height:1;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	text-align:center;
	border:3px solid #B61913;
	border-radius:3px;
	
	float:left;
}

/* data */
.pricelistArea .classData .data {
	width:100%;
	display:table;
	padding-bottom:10px;
}
.pricelistArea .classData .data dt {
	width:35%;
	padding:0.3em 0;
	background:#3570A9;
	border-radius:3px;
	position:relative;
	text-align:center;
	
	font-size:0.6rem; /* 6px */
	line-height:1;
	color:#FFF;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	display:table-cell;
	vertical-align: middle;
}
.pricelistArea .classData .data dt.gray {
	background:#CCC;
}
.pricelistArea .classData .data dd {
	width:65%;
	padding:0.3em 0 0.3em 1em;
	text-align:left;
	
	display:table-cell;
	vertical-align: middle;
}
.pricelistArea .classData .data dd:last-child {
	margin-bottom:0;
}
.pricelistArea .classData .data dd p {	
	font-size:0.7rem; /* 7px */
	line-height:1.3;
}
.pricelistArea .classData .data dd p strong {	
	font-size:0.8rem; /* 8px */
	font-weight:bold;
}
.pricelistArea .classData .data dd p.B {	
	font-size:1.0rem; /* 10px */
}
.pricelistArea .classData .data dd p.B strong {	
	font-size:1.2rem; /* 12px */
	font-weight:bold;
}


/* Class Class Stock
------------------------------------------------------------------------------------------*/
.pricelistArea .classRatesBody {}
.pricelistArea .classRatesBody .tab-ex-Line.Price1 {
    background: #0f82fb;
    padding:10px 10px;
}
.pricelistArea .classRatesBody .tab-ex-Line.Price2 {
    background: #fd427a;
    padding:10px 10px;
}
.pricelistArea .classRatesBody .tab-ex-Line p {	
	font-size:0.8rem; /* 8px */
	line-height:1.5;
    color:#fff;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.pricelistArea .classRatesBody .rateLine {
	border-bottom:1px dotted #999;
}
.pricelistArea .classRatesBody .rateLine:last-child {
	border-bottom:none;
}
.pricelistArea .classRatesBody .rateLine:nth-child(odd) {
	background-color:#none;  
}
.pricelistArea .classRatesBody .rateLine:nth-child(even) {
	background-color:#F6F6F6;  
}
.pricelistArea .classRatesBody .rateLine dl {
	width:100%;
	display:table;
}
.pricelistArea .classRatesBody .rateLine dt {
	width:35%;
	padding:0.3em 0 0 1.5em;
	border-right:1px dotted #999;
	
	text-align:left;
	font-size:0.8rem; /* 8px */
	color:#0C3863;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	display:table-cell;
	vertical-align: middle;
}
.pricelistArea .classRatesBody .rateLine dt.add {
	font-size:0.7rem; /* 7px */
	color:#333;
	
	font-family:'Roboto', sans-serif;
	font-weight:400;
}
.pricelistArea .classRatesBody .rateLine dd {
	width:65%;
	padding:0.8em 0;
	text-align:center;
	
	display:table-cell;
	vertical-align: middle;
}
.pricelistArea .classRatesBody .rateLine dd p {	
	font-size:1.4rem; /* 14px */
	line-height:1.2;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.pricelistArea .classRatesBody .rateLine dd p span {	
	font-size:0.7rem; /* 7px */
}


/* Tab for Price
------------------------------------------------------------------------------------------*/
#priceTabs {}
#priceTabs ul {
	display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    position:relative;
}
#priceTabs li {
	width:50%; /* 2types=50% */
    box-sizing: border-box;
	cursor:pointer;
    
	/* overflow:hidden; */
	
    color:#fff;
	display:block;
    
	/* height:50px; */
    height:auto;
    padding:1em 0.5em;
    
	position:relative;
	border:none;
    
    text-align:center;
	display:flex;
    justify-content:center;
    align-items:center;
    
	font-size:0.8rem; /* 8px */
	color:#999;
    background-color:#ddd;
    
	/* line-height:50px; */
    line-height:1.4;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#priceTabs li span {
	font-size:0.6rem; /* 6px */
    
	font-family:'Roboto', sans-serif;
	font-weight:400;
}
/*
#priceTabs li::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size:1.5em;
    line-height: 1;
    content: '\E313';
    position:absolute;
    top:15px;
    left:15px;
}
*/
#priceTabs li:hover {
	opacity:0.4;
	color:#fff;
}
#priceTabs li.select {
	text-shadow:0 1px 1px rgba(0, 0, 0, .3);
	color:#fff;
}
#priceTabs .disnon {
	display: none;
}

/* for each charge type... */
.pricelistArea .classRatesBody.Price1 {
	border-top:3px solid #0f82fb;
    border-bottom:3px solid #0f82fb;
}
.pricelistArea .classRatesBody.Price1 .rateLine:nth-child(even) {
	background-color:rgba(15,130,250,.06) !important;
}
#priceTabs li.Price1.select,
#priceTabs li.Price1:hover {
	background-color:#0f82fb;
}
#priceTabs li.Price1.select:hover {
	opacity:1;
}

/* for each charge type... */
.pricelistArea .classRatesBody.Price2 {
	border-top:3px solid #fd427a;
    border-bottom:3px solid #fd427a;
}
.pricelistArea .classRatesBody.Price2 .rateLine:nth-child(even) {
	background-color:rgba(253,66,122,.06) !important;
}
#priceTabs li.Price2.select,
#priceTabs li.Price2:hover {
	background-color:#fd427a;
}
#priceTabs li.Price2.select:hover {
	opacity:1;
}



/*==========================================================================================

 // Benefits

==========================================================================================*/
.CampsDetails .benefitsWrap {
    background:#D1E8FF url(../../../../kr/share/img/bg_Shadow_Top_w800.png) 50% 0 no-repeat;
    padding-top:30px;

}
.CampsDetails .benefitsArea {
	width:100%;
}
.CampsDetails .benefitsArea .Inner {
	padding:0 20px 30px;
}


/* List Icon Check
------------------------------------------------------------------------------------------*/
.benefitsArea .listIconCheck {
	padding:10px 0 0;
}
.benefitsArea .listIconCheck li {
	margin-bottom:10px;
	border-bottom:1px dotted #999;
	padding: 0.1em 0 12px 35px;
	
	font-size:1.1rem; /* 11px */
    line-height:1.3;
	color:#0C3863;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
    
    position:relative;
}
.benefitsArea .listIconCheck li::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size:1.6em;
    line-height: 1;
    content: '\e86c';
    position:absolute;
    top:0px;
    left:0px;
}
.benefitsArea .listIconCheck li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.benefitsArea .listIconCheck .inText {
	padding:10px 0 0;
}
.benefitsArea .listIconCheck .inText .mid {
	font-size:0.8rem; /* 8px */
    
    font-family:'Roboto', sans-serif;
	font-weight:700;
}
.benefitsArea .listIconCheck .inText .sml {
	font-size:0.6rem; /* 6px */
    
    font-family:'Roboto', sans-serif;
	font-weight:400;
}



/*==========================================================================================

 // Other Information, Notes

==========================================================================================*/
.CampsDetails .othInfo-NotesWrap {
    background:url(../../../../kr/share/img/bg_Shadow_Top_w800.png) 50% 0 no-repeat;
    padding-top:30px;

}
.CampsDetails .othInfo-NotesArea {
	width:100%;
}
.CampsDetails .othInfo-NotesArea .inOthInfo {
	padding:10px 20px 20px;
}
.CampsDetails .othInfo-NotesArea .inNotes {
	padding:10px 20px 30px;
}
.CampsDetails .othInfo-NotesArea .noteBody.In {
	padding:0 16px;
}