@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

.wrapper { clear:both; position:relative; width:980px; margin:0 auto;}

.mar-r0 { margin-right:0 !important;}

.fl { display:inline; float:left;}
.fr { display:inline; float:right;}

input , textarea , select , option {
	font-family: inherit;
	font-size: 100%;
}

/* mv-area
-------------------------------------------------- */
.mv-area {
	margin-bottom: 30px;
	height: 600px;
	background: url(/car/common/images/top/img1260_mv.jpg) center top no-repeat;
	line-height: 1;
}

.mv-header {
	position: relative;
	height: 50px;
	background: url(/car/common/images/top/bg_mv01.png) center top repeat-x;
	z-index: 100;
}

.mv-header h1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 50px;
	color: #fff;
}

.mv-header_tc {
	position: relative;
	height: 50px;
	background: url(/car/common/images/top/bg_mv01.png) center top repeat-x;
	z-index: 100;
}

.mv-header_tc h1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 50px;
	color: #fff;
}

.mv-header_tc.wabi {
	position: relative;
	height: 50px;
	background: url(/car/common/images/top/bg_wabi.png) center top repeat-x;
	z-index: 100;
}

.mv-search-area {
	position: absolute;
	top: 10px;
	right: 0;
	width: 377px;
}

.mv-search-area.\--isCenter {
    top: 316px;
    right: 50%;
    margin-right: -192px;
    padding: 8px;
    width: 368px;
    border-radius: 5px;
    background: rgba(0,0,0,0.02);
    box-shadow: 5px 5px 15px rgba(0,0,0,0.02);
}

.mv-search-area .ttl {
	float: left;
	margin-right: 18px;
}

.mv-search-area .ttl.\--isCenter {
	margin-right: 8px;
}

.sub-menu {
	position: absolute;
	top: 26px;
	right: 0;
	display: none;
}

.sub-menu.\--isCenter {
    top: 40px;
    right: -166px;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
}

.mv-area .sub-menu .ya {
	margin:0 0 -4px 674px;
}

.mv-area .sub-menu ul {
	position: relative;
    z-index: 10;
    width: 720px;
    margin-top: -2px;
    padding: 20px 0 7px 20px;
    background: #fff;
    border-radius: 5px;
}

.mv-area .sub-menu ul li {
	float: left;
	width: 100px;
	margin-right: 20px;
	font-size: 12px;
}

.mv-area .sub-menu ul li h2 {
	margin-bottom: 14px; 
	padding-bottom: 7px;
	border-bottom: 2px solid #959595;
	color: #252525;
	font-size :100%;
}

.mv-area .sub-menu ul li ul {
	width: 95px;
	margin: 0 0 0 5px;
	padding: 0;
	background: none;
	border-radius: 0;
}

.mv-area .sub-menu ul li ul li {
	float: none;
	width: auto;
	margin-bottom: 13px;
	padding-left: 10px;
	background: url(/car/common/images/top/bg_li01.png) left 3px no-repeat;
}

.mv-search-area .btn-sub-menu:hover {
	cursor: pointer;
}

.mv-search-area .btn-sub-menu:hover .sub-menu {
	display: block;
}

.mv-img {
	position: relative;
	margin-top: -50px;
	z-index: 10;
}

.pl-mvText {
	position: absolute;
}

.pl-mvText.\--center {
	top: 80px;
    right: 0;
    margin-right: 0;
}

.pl-mvText.\--right {
	top: 256px;
    right: 0;
}


/* mv-area_tc 繁体字
-------------------------------------------------- */
.mv-area_tc { margin-bottom:30px; background:url(/car/common/images/top/mv_mv01_tc.jpg) center top no-repeat; line-height:1;}
.mv-area_tc .mv-header h1 { float:left;}
.mv-area_tc .mv-header li a { color:#fff; font-size:14px; display:block; line-height:50px;}
.mv-area_tc .mv-header li { float:right; margin-right:10px;}
.mv-area_tc .mv-img { position:relative; margin-top: 0px; z-index:10;}

/* mv-area_en 英語版
-------------------------------------------------- */
.mv-area_en { margin-bottom:30px; background:url(/car/common/images/top/mv_mv01_en.jpg) center top no-repeat; line-height:1;}
.mv-area_en .mv-header h1 { float:left;}
.mv-area_en .mv-header li a { color:#fff; font-size:14px; display:block; line-height:50px;}
.mv-area_en .mv-header li { float:right; margin-right:10px;}
.mv-area_en .mv-img { position:relative; margin-top: 0px; z-index:10;}


/* banner-area
-------------------------------------------------- */
.banner-area {
	margin-bottom:30px;
	line-height:1;
}

.threeMerits {
	width: 980px;
	margin: 22px auto 16px;
	position: relative;
}
.threeMerits__header {
	width: 520px;
    margin: 0 auto 16px;
    line-height: 34px;
    color: #1a5ba9;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 4px;
	position: relative;
}
.threeMerits__header.-tc,
.threeMerits__header.-en {
	width: 594px;
}
.threeMerits__header.-kr {
	width: 600px;
}
.threeMerits__header::before {
	content: url(/car/common/images/top/three_merits__bg_ttl_left.png);
	position: absolute;
	top: 0;
	left: 0;
}
.threeMerits__header::after {
	content: url(/car/common/images/top/three_merits__bg_ttl_right.png);
	position: absolute;
	top: 0;
	right: 0;
}
.threeMerits__box {
	width: 320px;
	height: 120px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.threeMerits__box:not(:last-child) {
	margin-right: 10px;
}
.threeMerits__box.-tc,
.threeMerits__box.-kr {
    height: 190px;
}
.threeMerits__box.-en {
	height: 188px;
}
.threeMerits__box.-theLeastExpensive::after {
	content: url(/car/common/images/top/three_merits_bg_car.png);
    position: absolute;
	right: -10px;
	bottom: -4px;
}
.threeMerits__box.-tc.-theLeastExpensive::after,
.threeMerits__box.-kr.-theLeastExpensive::after {
	right: 0px;
	bottom: 0px;
}
.threeMerits__box.-en.-theLeastExpensive::after {
	right: -24px;
	bottom: 0px;
}
.threeMerits__subHeader {
    padding: 14px 0 12px;
    line-height: 24px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #1a5aa9;
}
.threeMerits__subHeader.-tc,
.threeMerits__subHeader.-kr {
	font-size: 20px;
}
.threeMerits__subHeader.-tc_long,
.threeMerits__subHeader.-kr_long {
	font-size: 20px;
	padding: 3px 0;
	line-height: 22px;
}
.threeMerits__subHeader.-en {
    padding: 6px 12px;
	font-size: 15px;
    line-height: 19px;
}
.logoList {
	width: 290px;
    height: 42px;
    margin: 14px auto 10px;
}
.logoList.-en {
    margin: 10px auto 6px;
}
.logoList li {
	float: left;
}
.logoList li:not(:last-child) {
	margin-right: 10px;
}
.priceTable {
	width: 220px;
	height: 50px;
	display: block;
	margin: 4px 0 2px 5px;
}
.priceTable.-tc,
.priceTable.-en,
.priceTable.-kr {
	margin: 1px 0 5px 5px;
}
.priceTable__class {
	width: 72px;
	height: 14px;
	display: inline-block;
	padding: 3px;
	margin: 0 4px 4px 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
    background-color: #111;
    text-align: center;
	vertical-align: 5px;
    border-radius: 10px;
}
.priceTable__class.-en {
	width: 86px;
    vertical-align: 5px;
    height: 18px;
    padding: 6px 5px 1px;
    margin-bottom: 8px;
}
.priceTable__price {
	display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #f00;
}
.priceTable__price span {
	font-size: 16px;
}
.threeMerits__caution {
    width: 200px;
    text-align: right;
    font-size: 10px;
}
.threeMerits__caution.-tc,
.threeMerits__caution.-kr {
    width: 184px;
}
.threeMerits__caution.-en {
    padding-top: 12px;
    width: 210px;
}
.includeList {
	width: 290px;
    margin: 6px auto;
}
.includeList.-tc,
.includeList.-kr {
	margin: 12px auto;
}
.includeList li {
	float: left;
}
.includeList li:not(:last-child) {
    margin-right: 10px;
}
.includeList.-tc li:nth-child(odd),
.includeList.-kr li:nth-child(odd) {
	margin: 0px 20px 6px 5px;
}
.includeList.-tc li:nth-child(even),
.includeList.-kr li:nth-child(even) {
	margin: 0px 5px 6px 0;
}
.includeList.-en li {
	width: 290px;
	height: 28px;
	margin-bottom: 4px;
}
.threeMeritsCoution {
    text-align: center;
}
.naviImage {
	margin: 8px 14px;
}
.pl-bigBanner {
	width: 980px;
	margin: 40px auto;
	position: relative;
}
.pl-bigBanner__linkArea {
	position: absolute;
    width: 190px;
    right: 24px;
    bottom: 22px;
    text-align: center;
}
.pl-bigBanner__linkArea a {
	display: inline-block;
    font-size: 16px;
    margin: 0 10px 12px 0;
    text-decoration: underline;
}
.pl-bigBanner__linkArea a:hover {
	text-decoration: none;
}


/* banner-area
-------------------------------------------------- */
.banner-area .title { margin-bottom:12px; text-align:center;}
.banner-area ul.c-fix { margin-bottom:10px;}
.banner-area ul.c-fix li { float:left; margin-right:10px;}
.banner-area ul .mar-r0 { margin-right:0 !important;}
.banner-area .coution { clear:both; text-align:center;}

/* banner-area tc　繁体字
-------------------------------------------------- */
.banner-area .coution_tc { clear:both; text-align:center; margin: 50px 0;}
.banner-area p.sup_p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 16px 0px 30px;
}

/* map-area
-------------------------------------------------- */
.map-area { height:771px; padding:40px 0; background:url(/car/common/images/top/bg_search01.png) center top repeat-x; line-height:1;}
.map-area h2 { margin-bottom:19px;}

.map-area .inner { position:relative; padding:20px; background:#fff; border-bottom:1px solid #a3a3a3;}
.map-area .inner h3 { margin-bottom:17px;}

.map-area .fl { width:600px;}
.map-area .fr { width:365px;}

.map-area .sarch-map .inner { padding:30px;}

/*----- search-map -----*/
.map-japan { position:relative; height:630px; background:url(/car/common/images/top/bg_map01.png) left top no-repeat;}
.map-japan h4 { margin-bottom:6px; z-index:900;}
.map-japan h4 a { width:90px; height:26px;}
.map-japan.\--isEnglish h4 a,
.map-japan.\--isKorean h4 a {
	width: 100px;
	background: #7ea5cc;
	color: #ffffff;
	text-align: center;
	line-height: 26px;
	border-radius: 5px;
}
.map-japan.\--isEnglish h4 a:hover,
.map-japan.\--isKorean h4 a:hover {
	text-decoration: none;
	background: #1A5BA9;
}
.map-japan.\--isEnglish h4 a::before,
.map-japan.\--isKorean h4 a::before {
	content: '';
	display: inline-block;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #ffffff;
}
.map-japan ul { position:relative; width:114px; z-index:1000;}
.map-japan ul li { float:left; margin:0 13px 5px 0;}
.map-japan.\--isEnglish ul li {
	margin: 0 8px 5px 0;
	font-size: 13px;
}
.map-japan.\--isKorean ul li {
	margin: 0 8px 6px 0;
	font-size: 12px;
}
.map-japan.\--isEnglish ul li::before,
.map-japan.\--isKorean ul li::before {
	content: '';
	display: inline-block;
	margin-top: -5px;
	border-top: 3px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 4px solid #1a1a1a;
}
.map-japan.\--isEnglish ul li:hover::before,
.map-japan.\--isKorean ul li:hover::before {
	border-left-color: #1A5BA9;
}
.map-japan.\--isEnglish ul li a,
.map-japan.\--isKorean ul li a {
	color: #1a1a1a;
}
.map-japan.\--isEnglish ul li a:hover,
.map-japan.\--isKorean ul li a:hover {
	text-decoration: none;
	color: #1A5BA9;
}
/* 北海道 */
.map-japan .hokkaido { position:absolute; left:326px; top:0; width:224px; height:147px;}
.map-japan .hokkaido h4 a { display:block; margin:37px 141px 84px 0;}
.map-japan .hokkaido ul { margin-left:0px; bottom: 75px;}
/*　東北 */
.map-japan .tohoku { position:absolute; left:380px; top:141px; width:185px; height:165px; z-index:100;}
.map-japan .tohoku h4 a { display:block; margin:41px 0 0 88px;}
.map-japan .tohoku ul { margin-left:88px;}
.map-japan.\--isEnglish .tohoku h4 a,
.map-japan.\--isKorean .tohoku h4 a {
	margin-top: 25px;
}
/* 関東 */
.map-japan .kantou { position:absolute; left:356px; top:292px; width:230px; height:119px; z-index:200;}
.map-japan .kantou h4 a { display:block; margin:12px 0 0 90px;}
.map-japan .kantou ul { margin-left:90px;}
.map-japan.\--isEnglish .kantou ul,
.map-japan.\--isKorean .kantou ul {
	width: 135px;
}
/* 東海 */
.map-japan .tokai { position:absolute; left:283px; top:316px; width:228px; height:191px;}
.map-japan .tokai h4 a { display:block; margin:115px 0 0 115px;}
.map-japan .tokai ul { margin-left:115px;}
/* 甲信越 */
.map-japan .koushinetsu { position:absolute; left:294px; top:179px; width:106px; height:185px; z-index:201;}
.map-japan .koushinetsu h4 a { display:block; margin:0px 0 0 0px;}
.map-japan .koushinetsu ul { margin-left:0px;}
.map-japan.\--isEnglish .koushinetsu,
.map-japan.\--isKorean .koushinetsu {
	top: 166px;
	left: 289px;
	height: 198px;
	width: 111px;
}
/* 北陸 */
.map-japan .hokuriku { position:absolute; left:204px; top:258px; width:136px; height:95px; z-index:203;}
.map-japan .hokuriku h4 a { display:block; margin:0px 0 0 0px;}
.map-japan .hokuriku ul { margin-left:0px;}
.map-japan.\--isEnglish .hokuriku {
	top: 253px;
	left: 194px;
	width: 146px;
	height: 100px;
}
.map-japan.\--isKorean .hokuriku {
	top: 248px;
	left: 194px;
	width: 146px;
	height: 105px;
}
/* 関西 */
.map-japan .kansai { position:absolute; left:238px; top:336px; width:156px; height:179px;}
.map-japan .kansai h4 a { display:block; margin:83px 0 0 48px;}
.map-japan .kansai ul { margin-left:48px;}
/* 中国 */
.map-japan .chugoku { position:absolute; left:90px; top:255px; width:156px; height:142px;}
.map-japan .chugoku h4 a { display:block; margin:0px 0 0 0px;}
.map-japan .chugoku ul { margin-left:0px;}
.map-japan.\--isEnglish .chugoku,
.map-japan.\--isKorean .chugoku {
	top: 245px;
	left: 68px;
	width: 178px;
	height: 152px;
}
.map-japan.\--isEnglish .chugoku ul,
.map-japan.\--isKorean .chugoku ul {
	width: 125px;
}
/* 四国 */
.map-japan .shikoku { position:absolute; left:168px; top:382px; width:117px; height:137px;}
.map-japan .shikoku h4 a { display:block; margin:69px 0 0 7px;}
.map-japan .shikoku ul { margin-left:7px;}
/* 九州 */
.map-japan .kyushu { position:absolute; left:0px; top:363px; width:169px; height:131px;}
.map-japan .kyushu h4 a { display:block; margin:0px 0 0 0px;}
.map-japan .kyushu ul { margin-left:0px;}
.map-japan.\--isKorean .kyushu ul {
	width: 100px;
}
/* 沖縄 */
.map-japan .okinawa { position:absolute; left:51px; top:541px; width:170px; height:88px;}
.map-japan .okinawa h4 a { display:block; margin:31px 0 0 72px;}
.map-japan .okinawa ul { margin-left:72px; top: 3px;}
.map-japan .okinawa ul li { margin: 0 0px 5px 0;}
.map-japan .okinawa ul li a { margin-right: 7px;}

/*----- end search-map -----*/
.map-area .inner dl { font-size:12px; line-height:1.67;}
.map-area .inner dl dt { float:left; margin-bottom:4px; font-weight:bold;}
.map-area .inner dl dd { display:block; margin-bottom:4px; margin-left:90px; color:#cccccc;}
.map-area .inner dl dd a { color:#3f68bf;}

.search-map .inner { height:676px;}

.sarch-airport { margin-bottom:9px;}

/* news-area
-------------------------------------------------- */
.news-area .fl {
    width: 365px;
    line-height: 1;
    background-color: #fff;
	border-bottom: 1px solid #a3a3a3;
}
.news-area .fl ul.guidlist {
	padding: 15px;
}
.news-area .fl ul.guidlist li {
    width: 160px;
    height: auto;
    float: left;
    margin-right: 15px;
    position: relative;
}
.news-area .fl ul.guidlist li:nth-child(even) {
    margin-right: 0px;
}
.news-area .fl ul.guidlist li:first-child {
    margin-bottom: 15px;
}
.news-area .fl ul.guidlist li a img {
    width: 100%;
}
.news-area .fl ul.guidlist li a:hover img {
    opacity: .7;
}
ul.c-fix.guidlist li a span.guid_btntxt {
    position: absolute;
    top: 26px;
    left: 60px;
    color: #fff;
    font-weight: bold;
    background-color: #919191;
    font-size: 96%;
}
ul.c-fix.guidlist li a:hover span.guid_btntxt {
    background-color: #1A5CAA;
}

.news-area .fl h3.guidetit {
    background-color: #1A5BA9;
    padding: 12px;
    color: #fff;
    font-size: 100%;
}

.news-area .fl h4.guid-area {
    background-color: #EFEFEF;
    padding: 7px 7px 7px 10px;
    border-left: 5px solid #013893;
    border-radius: 3px;
    margin-bottom: 5px;
}
.news-area .fl ul.otherlist {
    padding: 0 15px 15px;
}
.news-area .fl ul.otherlist li {
    background: url("/car/common/images/ui/ui__arrow-01.png") no-repeat left center;
    padding-left: 18px;
    line-height: 1.5;
}

/* news-area tc
-------------------------------------------------- */
.news-area .tc_fl { width:980px; line-height:1;}
.news-area .tc_fl ul {}
.news-area .tc_fl ul li { float:left; margin:0 19px 20px 0;}

.news-area .fr {
    width: 365px;
    background: #fff;
    margin-top: 15px;
}
.news-area .fr h3 { padding:10px 15px; background:#1a5ba9;}
.news-area .fr .news-list {
    height: 290px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #a3a3a3;
    border-top: none;
    overflow-y: scroll;
}
.news-area .fr .news-list li { padding:15px 0 16px; font-size:12px; background:url(/car/common/images/top/bg_li03.png) left bottom repeat-x;}
.news-area .fr .news-list li:last-child { background:none;}
.news-area .fr .news-list li .date { display:inline-block; float:left;}
.news-area .fr .news-list li .title { display:block; margin-left:78px;}

/* news-area
-------------------------------------------------- */
.slider-area { clear:both; margin:-10px 0 40px; line-height:1;}

.slider-area .ttl-area { position:relative; text-align:center; background:url(/car/common/images/top/bg_tit_point.png) center top repeat-x; z-index:500;}

.slider-area .wrapper { position:relative; width:1260px !important; margin:-29px auto 0; z-index:80;}
@media (max-width: 980px){
.slider-area .wrapper {
    width: 980px!important;
}

.slider-area ul li .txt {
top:100px!important;
line-height:1.5!important;
max-height:100%;
-webkit-text-size-adjust: 100%;
}
}

.slider-area ul li { position:relative; *zoom:1;}
.slider-area ul li .txt { position:absolute; left:200px; top:114px; width:410px; font-size:12px; line-height:1.75;}
.slider-area ul li .txt_en { position:absolute; left:200px; top:130px; width:410px; font-size:12px; line-height:1.75;}
.slider-area ul li .txt p { margin-bottom:12px;}
.slider-area ul li .txt p .sub { font-size:10px;}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
	height:auto;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager { display:none;}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 140px;
	background: url(/car/common/images/top/controls.png) no-repeat 0 -35px;
}

.bx-wrapper .bx-next {
	right: 140px;
	background: url(/car/common/images/top/controls.png) no-repeat -40px -35px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -40px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background:url(/car/common/images/top/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/car/common/images/top/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* Bread for top */

#bread.breadTop {
    font-size: 12px;
    height: 30px;
    line-height: 31px;
    width: 980px;
    margin: -30px auto 0;
    z-index: 0;
	position: relative;
    top: 0;
}
/* ---------------------------------------------------------
	CSS Document searchPanel--top
--------------------------------------------------------- */
.mv-img p.mv-img-tc{
	float:right;
	margin:20px 0;
}
.mv-area_tc,
.mv-area_en {
	overflow:hidden;
	line-height:140%;
}
.searchPanel--top {
	-moz-box-shadow:rgba(0,0,0,0.15) 0 1px 2px;
	-webkit-box-shadow:rgba(0,0,0,0.15) 0 1px 2px;
	box-shadow:rgba(0,0,0,0.15) 0 1px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	float:left;
	width:316px;
	margin:20px 0;
}

.searchPanel--top h2 {
	padding: 9px 7px 5px 36px;
	background:#1460ba url("/car/common/images/ico/ico__products__search--s.png") no-repeat 5px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset;
	-webkit-box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset;
	box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset;
	font-size: 16px;
	color: #fff;
}

.searchPanel--top .searchPanel--contents {
	border: solid 5px #1460ba;
	border-top:none;
	background:rgba(255,255,255,0.9);
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}

.searchPanel--top table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	font-size: 13px;
}

.searchPanel--top th {
	width: 72px;
	padding: 9px 0 9px 10px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #d2d8db;
	text-align: left;
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	vertical-align: top;
	white-space: nowrap;
	font-size: 12.5px;
	color: #325b8b;
}

.searchPanel--top td {
	padding: 6px 3px 7px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #d2d8db;
	vertical-align: middle;
	font-size: 12px;
}

.searchPanel--top .searchPanel__from td {
	padding: 8px 10px;
}

.searchPanel--top .searchPanel__to td {
	padding: 3px 10px 8px;
}

.searchPanel--top .searchPanel__from p ,
.searchPanel--top .searchPanel__to p {
	margin-top: 1px;
}

.searchPanel--top .searchPanel__return-area td {
	padding: 3px 3px 7px;
}

select#Retrieval_Top_arrival_dropOffPref{
	margin:5px 0;
}
#Retrieval_Top_arrival_dropOffPref-tc{
	width:63px;
	margin:5px 0;
}
.searchPanel--top .action {
	text-align: center;
}

.searchPanel--top .action .ui__btn--cv {
	width: 280px;
}
.ui__btn--cv {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 8px 0 14px;
	padding-top: 2px;
	background: #f27b11;
	vertical-align: middle;
	text-shadow:0px -1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:#d8670b 0 3px 0,rgba(0,0,0,0.2) 0 3px 3px;
	-webkit-box-shadow:#d8670b 0 3px 0,rgba(0,0,0,0.2) 0 3px 3px;
	box-shadow:#d8670b 0 3px 0,rgba(0,0,0,0.2) 0 3px 3px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	font-size:15px;
	line-height: 29px;
	text-align:center;
	text-decoration:none;
	border-radius:4px;
	border:none;
}
.ui__btn--cv:hover {
	position:relative;
	top:-1px;
	-moz-box-shadow:#d8670b 0 4px 0,#f27b11 0 4px 10px;
	-webkit-box-shadow:#d8670b 0 4px 0,#f27b11 0 4px 10px;
	box-shadow:#d8670b 0 4px 0,#f27b11 0 4px 10px;
	background-image:-moz-linear-gradient(top, rgba(255,255,255,0.1),rgba(255,255,255,0));
	background-image:-o-linear-gradient(top, rgba(255,255,255,0.1),rgba(255,255,255,0));
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.1),rgba(255,255,255,0));
	background-image:linear-gradient(to bottom, rgba(255,255,255,0.1),rgba(255,255,255,0));
}

.ui__btn--cv:active {
	position:relative;
	top:3px;
	-moz-box-shadow:#d8670b 0 0 0,rgba(0,0,0,0.2) 0 0 3px;
	-webkit-box-shadow:#d8670b 0 0 0,rgba(0,0,0,0.2) 0 0 3px;
	box-shadow:#d8670b 0 0 0,rgba(0,0,0,0.2) 0 0 3px;
	background-image:-moz-linear-gradient(top, rgba(0,0,0,0.2),rgba(0,0,0,0));
	background-image:-o-linear-gradient(top, rgba(0,0,0,0.2),rgba(0,0,0,0));
	background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.2),rgba(0,0,0,0));
	background-image:linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0));
}
/* ---------------------------------------------------------
	CSS Document radio
--------------------------------------------------------- */

.ui__form-radio-blue {
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	margin:0;
	padding:0 0 3px 0;
	margin-right:2px;
	width:20px;
	height:20px;
	background:url("/car/common/images/ui/ui__radio.png") no-repeat;
	border:none;
	background-position:0 50%;
}


.searchPanel__smoke-select label {
	margin-right: 10px;
	cursor: pointer;
}

.searchPanel--top .searchPanel__return-radio {
	width: 205px;
	line-height: 24px;
}

.searchPanel__return-radio label:hover .ui__form-radio-blue,
.searchPanel__smoke-select label:hover .ui__form-radio-blue,
.ui__form-radio-blue:hover {
	background-position:-40px 50%;
}

.searchPanel__return-radio label:hover .ui__form-radio-blue.checked,
.searchPanel__smoke-select label:hover .ui__form-radio-blue.checked,
.ui__form-radio-blue.checked {
	background-position:-80px 50%;
}
/* ---------------------------------------------------------
	CSS Document select
--------------------------------------------------------- */

.searchPanel__from img.ui-datepicker-trigger ,
.searchPanel__to img.ui-datepicker-trigger {
	vertical-align: -7px;
	cursor: pointer;
}

.searchPanel__from img:hover ,
.searchPanel__to img:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

.searchPanel--top .searchPanel__from strong ,
.searchPanel--top .searchPanel__to strong {
	color: #325b8b;
}

.searchPanel--top select {
	padding: 1px 0 0;
	border: solid 1px #a0acba;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align: 0;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 2px;
}

.searchPanel--top select:hover {
	border: solid 1px #1460ba;
}

.searchPanel--top .searchPanel__start-area select {
	width: 205px;
	font-size: 12px;
}

.searchPanel--top .searchPanel__carType select {
	width: 205px;
	font-size: 12px;
}

.searchPanel--top .searchPanel__return-select select {
	margin-top: 5px;
	font-size: 12px;
}

.searchPanel--top .searchPanel__return-select select#RETURN_AREA {
	width: 205px;
}

.searchPanel--top #month1,
.searchPanel--top #month2 {
	width: 99px;
}

.searchPanel--top #day1,
.searchPanel--top #day2 {
	width: 80px;
}

.searchPanel--top #time1,
.searchPanel--top #time2 {
	width: 65px;
}

/*----- h202_area -----*/
.h202_area { clear:both; position:relative; margin:30px 30px 10px; padding:25px 23px 15px 81px; background:url(/car/common/images/sitemap/bg_ttl01.png) 3px 0 no-repeat;}
.h202_area h2 { padding:0 0 8px; margin:0; border-bottom:2px solid #cccccc; font-size:22px;}
.h202_area .list_caution01 { position:absolute; top:18px; right:12px; width:338px; margin:0; padding-left:36px; background:url(/car/common/images/sitemap/bg_ttl02.png) left 0px no-repeat; color:#999; font-size:12px; line-height:1.25;}

/*----- areaLink-box  area_list  -----*/

.areaLink-box { margin:0px 20px 10px; width:900px;}

.area_list { margin:0 auto 20px; width:850px}
.area_list th, .area_list td { background:url(/car/common/images/sitemap/bg_td01.png) left bottom repeat-x;}
.area_list th { padding:5px 15px 6px 0; text-align:left; width:140px;}
	.area_list th span { font-weight:normal;}
.area_list td {}
	.area_list .off { color:#999;}
.area_list td ul {}
.area_list td ul li {margin-right:14px;}
.area_list td ul li a { padding-right:10px; background:url(/car/common/images/sitemap/bg_li02.png) right 4px no-repeat;}
	.area_list td ul.sub li a { padding-right:0; margin-right:10px; font-size:90%; background:none;}

/*----- pr_box01t  -----*/
.pr_box01 { clear:both; font-size:12px; line-height:1.5; margin-top:30px;}
.pr_ttl span { padding:3px 18px; background:#c9dcf3; color:#1a5ba9; font-weight:bold;}
.pr_link { color:#919191; margin-top:20px;}

/*----- wabijapan  -----*/
.mv-area_tc.wabi { margin-bottom:30px; background:url(/car/common/images/top/mv_mv01_tc.jpg) center bottom no-repeat; line-height:1;}
.mv-area_en.wabi { margin-bottom:30px; background:url(/car/common/images/top/mv_mv01_en.jpg) center bottom no-repeat; line-height:1;}

/**
 * 英文ページ用 暫定クラス
 * base.css 切り変え実施後、削除
 */
.\+fontStyle_en {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/*----- インバウンドLP用  -----*/
.pr-inboundLink {
	z-index: 9999;
    position: fixed;
    right: 10px;
    bottom: 10px;
	transition: translate 0.3s;
}
.pr-inboundLink a:hover {
	opacity: 1;
}

.pr-inboundLink a:hover img {
	opacity: 1;
	transform: translateY(-10px);
}










/* =========================================================
   リニューアル用
========================================================= */

/* =========================================================
   共通
========================================================= */

.pl-wrapper {
	position: relative;
	margin: 0 auto;
	padding-top: 20px;
	width: 980px;
}

.pl-wrapper *,
.pl-wrapper *::before,
.pl-wrapper *::after {
    box-sizing: border-box;
}

/* =========================================================
	MV
========================================================= */

.pl-mv {
	position: absolute;
    top: 0;
    left: 50%;
    margin-left: -720px;
    width: 1440px;
}

/* ブランディング
--------------------------- */

.pl-mvSliderBranding {
    position: relative;
}

.pl-mvSliderBranding__box {
    position: absolute;
    top: 20px;
    right: 140px;
    width: 640px;
    height: 426px;
}

.pl-mvSliderBranding__header {
	font-family: "Sawarabi Mincho";
    font-size: 50px;
    color: #fff;
    line-height: 1.5;
    text-align: right;
    padding: 88px 10px 0 0;
}

.pl-mvSliderBranding__header span {
	padding-right: 24px;
}

/* 3points
--------------------------- */
.pl-mvSlider3points {
    position: relative;
}

.pl-mvSlider3points__box {
    position: absolute;
    top: 20px;
    right: 140px;
    width: 640px;
    height: 426px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.5);
	background-image: url(/car/common/images/top/pic210x114_fit.png);
    background-repeat: no-repeat;
    background-position: 422px 118px;
    font-family: "Sawarabi Gothic";
}

.pl-mvSlider3points__header {
    padding: 10px 20px;
    font-size: 28px;
    line-height: 1.6;
}

.pl-mvSlider3points__header span {
    display: inline-block;
    margin: 0 2px 2px;
    padding: 0 10px 2px;
    background-color: #37b48c;
    border-radius: 10px;
    font-size: 26px;
    color: #fff;
}

.pl-mvSlider3points__priceCardWrapper {
    padding: 0px 18px 18px;
}

.pl-mvSlider3points__priceCard {
    float: left;
    padding: 8px 12px 10px;
    margin-right: 12px;
    background: #fff;
    text-align: center;
}

.pl-mvSlider3points__priceCardArea {
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 2px solid #37b48c;
    font-size: 20px;
}

.pl-mvSlider3points__priceCardPrice {
    font-size: 24px;
    font-family: HiraKakuPro-W3,"Hiragino Kaku Gothic Pro",'ヒラギノ角ゴ Pro W3',メイリオ,Meiryo,'ＭＳ Ｐゴシック',osaka,Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
    color: #e60012;
}

.pl-mvSlider3points__companyWrapper {
    margin: 0 18px 12px;
    padding: 2px 14px 12px;
    width: 488px;
    background-color: #fff;
}

.pl-mvSlider3points__subHeader {
    padding: 2px 0px 4px;
    font-size: 18px;
    line-height: 1.6;
}

.pl-mvSlider3points__companylogo {
    float: left;
}

.pl-mvSlider3points__companylogo:not(:last-child) {
    margin-right: 20px;
}

.pl-mvSlider3points__attention {
    display: inline-block;
	position: relative;
    margin: 6px 26px 10px;
    padding: 9px 6px 10px 40px;
    font-size: 22px;
    background: #37b48c;
    color: #fff;
    border-radius: 4px;
}

.pl-mvSlider3points__attention::before {
    content: '';
    position: absolute;
    left: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 17.3px 10px 0;
    border-color: transparent #fff transparent transparent;
}

/* =========================================================
   バナーとマップ
========================================================= */

.pl-bnrAndMap {
	position: relative;
	margin-bottom: 30px;
	z-index: 10;
}

.pl-bnrWrapper {
	float: left;
}

.pl-bnrContent {
	margin-right: 20px;
	width: 320px;
	height: 274px;
}

.pl-bnrContent.\--above {
	margin-bottom: 20px;
}

/* 3points
--------------------------- */

.pl-bnr3points {
    border: 2px solid #37b48c;
    font-family: "Sawarabi Gothic";
}

.pl-bnr3points__allInclude {
    padding: 2px 0 6px;
	background: #37b48c;
}

.pl-bnr3points__allIncludeHeader {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.pl-bnr3points__allIncludeList {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.pl-bnr3points__allIncludeList li {
    margin: 4px 2px;
    padding: 1px 10px 2px;
    background: #fff;
    border-radius: 18px;
    font-size: 14px;
    color: #333;
}

.pl-bnr3points__allIncludeText {
	text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.pl-bnr3points__lowest {
    margin: 5px 0;
}

.pl-bnr3points__lowestImage {
    float: left;
    width: 180px;
    padding-top: 12px;
    margin-bottom: -10px;
}

.pl-bnr3points__lowestImage img {
    width: 100%;
}

.pl-bnr3points__lowestList {
    float: left;
    width: 136px;
}

.pl-bnr3points__lowestList li {
    font-size: 14px;
    line-height: 1.5;
}

.pl-bnr3points__lowestList li span {
    display: inline-block;
    padding-left: 6px;
    font-size: 20px;
    font-family: HiraKakuPro-W3,"Hiragino Kaku Gothic Pro",'ヒラギノ角ゴ Pro W3',メイリオ,Meiryo,'ＭＳ Ｐゴシック',osaka,Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
    color: #e60012;
}

.pl-bnr3points__lowestList li.\--caution {
    padding: 0 6px;
    font-size: 12px;
    text-align: right;
}

.pl-bnr3points__companyText {
    font-size: 14px;
    font-weight: bold;
    color: #37b48c;
    text-align: center;
}

.pl-bnr3points__companyList {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.pl-bnr3points__companyList li {
    margin: 8px;
}

/* マップ
--------------------------- */

.pl-mapWrapper {
	float: left;
    width: 640px;
	height: 568px;
    border: 1px solid #003894;
    background-color: #fff;
    color: #333;
	overflow: hidden;
}

.pl-map {
	position: relative;
    margin: 26px auto 0;
    width: 560px;
    height: 540px;
    background: url(/car/common/images/top/img_map.jpg) left top no-repeat;
}

.pl-map__header {
	position: absolute;
    padding: 12px 14px;
    font-size: 18px;
    font-weight: bold;
    color: #003894;
    z-index: 10; 
}

.pl-mapWrapper .map-japan .okinawa {
	position: absolute;
    left: -20px;
    top: 50px;
    width: 231px;
    height: 136px;
}

/* =========================================================
   PR枠
========================================================= */

.pl-pr {
    margin-bottom: 30px;
    border: 1px solid #003894;
}

.pl-pr__header {
    padding: 12px 14px;
    background-color: #003894;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.pl-prSummary {
	padding: 16px 14px;
    font-size: 14px;
    line-height: 30px;
}

.pl-prSummary span {
    font-size: 16px;
    font-weight: bold;
    color: #003894;
}

.pl-prSummary strong {
	display: inline-block;
	padding: 14px 0;
    font-weight: bold;
    font-size: 22px;
    color: #003894;
}

/* カード
--------------------------- */

.pl-prCardList {
	padding: 0 18px;
}

.pl-prCard {
    float: left;
    border: 1px solid #ccc;
    margin: 0 22px 20px 0;
	padding: 12px;
	background: #fff;
}

.pl-prCard:hover {
	background: #B0CFFF;
}

.pl-prCard a:active,
.pl-prCard a:hover,
.pl-prCard a:visited,
.pl-prCard a:link {
    color: inherit;
	text-decoration: none;
}

.pl-prCard.\--2column {
    width: 460px;
}

.pl-prCard.\--2column:nth-of-type(2n) {
    margin-right: 0;
}

.pl-prCard__img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 12px 6px 0;
}

.pl-prCard__header {
    display: inline-block;
    height: 60px;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 0;
}

.pl-prCard__header span {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: normal;
}

.pl-prCard__text {
    font-size: 14px;
    line-height: 2;
}

/* カード
--------------------------- */

.pl-comCard {
    float: left;
    border: 1px solid #ccc;
    width: 140px;
    height: 140px;
	margin-bottom: 20px;
    padding: 6px 0;
}

.pl-comCard:hover {
	background: #b0cfff;
}

.pl-comCard a:active,
.pl-comCard a:hover,
.pl-comCard a:visited,
.pl-comCard a:link {
    color: inherit;
	text-decoration: none;
}

li.pl-comCard:not(:last-child) {
    margin-right: 20px;
}

.pl-comCard__img {
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    display: block;
}

.pl-comCard__header {
    text-align: center;
    height: 50px;
	font-size: 14px;
	font-weight: bold;
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
    align-items: center;
	-webkit-justify-content: center;
    justify-content: center;
}

/* =========================================================
   ガイド枠
========================================================= */

.pl-guide {
    background: #eee;
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-radius: 4px;
}

.pl-guide__header {
    padding: 12px 14px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.pl-guideList {
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 18px;
    background: #fff;
}

/* カード
--------------------------- */

.pl-guideCard {
    position: relative;
    text-align: center;
}

.pl-guideCard:not(:last-child)::after {
    content: '';
    width: 3px;
    height: 130px;
    top: 10px;
    right: -4px;
    background: #eee;
    position: absolute;
}

.pl-guideCard a {
    display: block;
    width: 190px;
}

.pl-guideCard__header {
    padding: 12px 0 2px;
    font-weight: bold;
    font-size: 16px;
	color: #2068b7;
}

.pl-guideCard a:hover {
    text-decoration: none;
	opacity: 0.7;
}

.pl-guideCard__text {
    padding: 4px 0 14px;
	color: #2068b7;
}

/* =========================================================
   情報枠
========================================================= */

.pl-info {
    margin-bottom: 30px;
    border: 1px solid #59bded;
}

.pl-info__header {
    padding: 12px 14px;
    background-color: #59bded;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.pl-info__subHeader {
	padding: 16px 14px;
    font-size: 18px;
    font-weight: bold;
    color: #59bded;
}

/* カード
--------------------------- */

.pl-infoCardList {
	padding: 0 18px;
}

.pl-infoCard {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #59bded;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 12px;
    background: #fff;
}

.pl-infoCard__header {
    font-size: 16px;
    font-weight: bold;
    padding: 2px 0 6px 8px;
    margin-bottom: 4px;
    border-left: 6px solid #59bded;
}

.pl-infoCard__text {
    font-size: 14px;
    line-height: 2;
}

.pl-infoCard__img {
    float: right;
	margin-right: 2px;
}

/* =========================================================
   情報枠
========================================================= */

.pl-news {
    margin-bottom: 60px;
    background: #eee;
    border: 1px solid #003894;
}

.pl-news__header {
    padding: 12px 14px;
    border-bottom: 1px solid #003894;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.pl-newsList {
    height: 200px;
    padding: 0 20px;
    background: #fff;
    overflow: auto;
}

.pl-newsContent {
    padding: 10px 0;
    font-size: 14px;
}

.pl-newsContent:not(:last-child) {
    border-bottom: 1px dotted #ccc;
}

.pl-newsContent__date {
    display: inline-block;
    width: 100px;
}

.pl-newsContent__text {
    display: inline-block;
}

/* =========================================================
   検索ボックス
========================================================= */

.rc-searchBox {
	position: relative;
	box-sizing: border-box;
	width: 320px;
	margin-bottom: 30px;
    background: #fff;
    border: 1px solid #003894;
	border-radius: 4px;
	z-index: 10;
}

.rc-searchBox > * > * {
	opacity: 1;
}

.rc-searchBox__headerLine {
    background: #003894;
}

h1.rc-searchBox__header {
	padding-left: 38px;
    background: url(/car/common/images/ico/ico_rc-search.png) no-repeat 12px 50%;
    background-size: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
}

/* 各ブロック
--------------------------- */

.rc-searchBox__departureDate {
    padding: 6px 0 4px;
}

.rc-searchBox__arriveDate {
    padding-bottom: 6px;
}

.rc-searchBox__departureSite {
    padding-top: 6px;
    background: #f8f8f8;
}

.rc-searchBox__arriveSite {
    padding-bottom: 6px;
    background: #f8f8f8;
}

.rc-searchBox__carType {
	padding-top: 6px;
}

.rc-searchBox__smoke {
    background: #f8f8f8;
    padding-top: 6px;
}

.rc-searchBox__cvrWrapper {
    padding: 7px 0 8px;
}

/* 項目見出し
--------------------------- */

.rc-searchBox__itemHeader {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
    float: left;
    width: 80px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
}

.rc-searchBox__itemHeader.--\isOpt {
    height: 92px;
}

.rc-searchBox__smoke .rc-searchBox__itemHeader {
    height: 42px;
}

.rc-searchBox__itemHeader.\--blue1 {
    color: #2e74c3;
}

.rc-searchBox__carType .rc-searchBox__itemHeader.\--blue1 {
    color: #3d99c5;
}

.rc-searchBox__itemHeader.\--blue2 {
    color: #3d99c5;
}

/* 各タブデザイン
--------------------------- */

.rc-searchBox__selectWrapper {
    float: left;
	width: 232px;
}

.rc-searchBox__selectCalender {
    float: left;
    width: 30px;
    height: 34px;
}

.rc-searchBox__selectCalender img {
    display: block;
    margin: 5px auto;
}

.rc-searchBox__selectCalender span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
            position: relative;
    height: 32px;
	background: url(/car/common/images/ico/ico_calender_blue.png) no-repeat 50% 50%;
    background-size: 22px;
    font-size: 13px;
}

.rc-searchBox__selectMonth {
    float: left;
    position: relative;
	margin-right: 6px;
    width: 106px;
    height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.rc-searchBox__selectDate {
    float: left;
    position: relative;
	margin-right: 6px;
    width: 82px;
    height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.rc-searchBox__selectPref {
    float: left;
    position: relative;
    margin-right: 6px;
    width: 82px;
    height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.rc-searchBox__selectArea {
    float: left;
    position: relative;
    width: 144px;
    height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px; 
}

.rc-searchBox__selectCarType {
    float: left;
    position: relative;
    margin-right: 2%;
    width: 49%;
    height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px; 
} 

.rc-searchBox__selectSmoke {
    float: left;
    position: relative;
    width: 49%;
    height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px; 
}

.rc-searchBox__selectMonth::before,
.rc-searchBox__selectDate::before,
.rc-searchBox__selectPref::before,
.rc-searchBox__selectArea::before,
.rc-searchBox__selectCarType::before,
.rc-searchBox__selectSmoke::before {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom: 6px solid #ccc;
}

.rc-searchBox__selectMonth::after,
.rc-searchBox__selectDate::after,
.rc-searchBox__selectPref::after,
.rc-searchBox__selectArea::after,
.rc-searchBox__selectCarType::after,
.rc-searchBox__selectSmoke::after {
    content: '';
    position: absolute;
    top: 18px;
    right: 4px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 6px solid #ccc;
}

.rc-searchBox select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
    height: 32px;
    background: #fff;
    border: none;
    border-radius: 4px;
    font-size: 12px;
}

.rc-searchBox select:hover {
	cursor: pointer;
}

.rc-searchBox__selectMonth select {
    padding-left: 8px;
    font-size: 13px;
}

.rc-searchBox__selectDate select {
    padding-left: 8px;
    font-size: 13px;
}

.rc-searchBox__selectPref select {
    padding-left: 8%;
    font-size: 12px;
}

.rc-searchBox__selectArea select {
    padding-left: 4%;
    font-size: 12px;
}

.rc-searchBox__selectCarType select {
    padding-left: 22%;
    background: url(/s/car/common/images/ico/ico_car_blue.png) no-repeat 5% 50% #fff;
    background-size: 14%;
}

.rc-searchBox__selectSmoke select {
    padding-left: 22%;
    background: url(/s/car/common/images/ico/ico_smoke_blue.png) no-repeat 5% 50% #fff;
    background-size: 14%;
}

/* ラジオボタン
--------------------------- */

.rc-searchBox__radioWrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    height: 32px;
}

.rc-searchBox__radioWrapper label {
	position: relative;
	margin-right: 10px;
    display: inline-block;
}

.rc-searchBox__radioWrapper label:hover {
	cursor: pointer;
}

.rc-searchBox__radioWrapper p {
    padding-left: 20px;
    font-size: 12px;
    vertical-align: 2px;
}

.rc-searchBox__carType label,
.rc-searchBox__smoke label {
    float: left;
	width: 72px;
    height: 42px;
	position: relative;
    margin-bottom: 6px;
}


.rc-searchBox__carType label:not(:nth-child(3n)),
.rc-searchBox__smoke label:not(:nth-child(3n)) {
	margin-right: 8px;
}

.rc-searchBox__arriveSite input {
    margin: -10px;
	visibility: hidden;
}

.rc-searchBox__carType input,
.rc-searchBox__smoke input {
    margin: 0;
	visibility: hidden;
}

.rc-searchBox__carType input + span,
.rc-searchBox__smoke input + span {
	display: block;
    width: 72px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
	border: #ccc 1px solid;
	border-radius: 4px;
}

.rc-searchBox__carType input + span:hover,
.rc-searchBox__smoke input + span:hover {
	border: #003894 1px solid;
	cursor: pointer;
}

.rc-searchBox__carType input:checked + span,
.rc-searchBox__smoke input:checked + span {
	border: #003894 1px solid;
}

.rc-searchBox__arriveSite input + p::before,
.rc-searchBox__arriveSite input + p::before {
	content: '';
    position: absolute;
    top: 2px;
    left: 0;
    border: #ccc 1px solid;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
}

.rc-searchBox__carType input + span::before,
.rc-searchBox__smoke input + span::before {
	content: '';
    position: absolute;
    top: 13px;
    left: 2px;
    border: #ccc 1px solid;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #fff;
}

.rc-searchBox__arriveSite input:checked + p::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #003894;
    top: 6px;
    left: 4px;
    border-radius: 4px;
}

.rc-searchBox__carType input:checked + span::after,
.rc-searchBox__smoke input:checked + span::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #003894;
    top: 16px;
    left: 5px;
    border-radius: 4px;
}

a.rc-searchBox__cvrButton {
    width: 290px;
    background: #f08300;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    margin: 0 auto;
    padding: 12px 0 12px 76px;
}

.rc-button {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

a.rc-button:hover {
    opacity: 0.8;
	text-decoration: none;
	cursor: pointer;
}

.rc-button.\--arrRight::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rc-button.\--arrWhite::after {
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
}

.rc-button.\--arr::after {
    content: '';
    margin-right: 10px;
    width: 14px;
    height: 14px;
}

.rc-searchBox__carTypeBtn input + span,
.rc-searchBox__carTypeBtn input:checked + span {
	background-size: 100%;
}

.rc-searchBox__carTypeBtn.\--light input + span {
	background: url(/car/common/images/btn/btn70_car-type_light.png);
}

.rc-searchBox__carTypeBtn.\--small input + span {
	background: url(/car/common/images/btn/btn70_car-type_small.png);
}

.rc-searchBox__carTypeBtn.\--medium input + span {
	background: url(/car/common/images/btn/btn70_car-type_medium.png);
}

.rc-searchBox__carTypeBtn.\--wagon input + span {
	background: url(/car/common/images/btn/btn70_car-type_wagon.png);
}

.rc-searchBox__carTypeBtn.\--eco input + span {
	background: url(/car/common/images/btn/btn70_car-type_eco.png);
}

.rc-searchBox__carTypeBtn.\--none input + span {
	background: url(/car/common/images/btn/btn70_car-type_none.png);
}

.rc-searchBox__smokeBtn.\--nonSmoke input + span {
	background: url(/car/common/images/btn/btn70_smoke_non-smoke.png);
}

.rc-searchBox__smokeBtn.\--smoke input + span {
	background: url(/car/common/images/btn/btn70_smoke_smoke.png);
}

.rc-searchBox__smokeBtn.\--none input + span {
	background: url(/car/common/images/btn/btn70_smoke_none.png);
}

.rc-searchBox__carTypeBtn.\--light input:checked + span {
	background: url(/car/common/images/btn/btn70_car-type_light_on.png);
}

.rc-searchBox__carTypeBtn.\--small input:checked + span {
	background: url(/car/common/images/btn/btn70_car-type_small_on.png);
}

.rc-searchBox__carTypeBtn.\--medium input:checked + span {
	background: url(/car/common/images/btn/btn70_car-type_medium_on.png);
}

.rc-searchBox__carTypeBtn.\--wagon input:checked + span {
	background: url(/car/common/images/btn/btn70_car-type_wagon_on.png);
}

.rc-searchBox__carTypeBtn.\--eco input:checked + span {
	background: url(/car/common/images/btn/btn70_car-type_eco_on.png);
}

.rc-searchBox__carTypeBtn.\--none input:checked + span {
	background: url(/car/common/images/btn/btn70_car-type_none_on.png);
}

.rc-searchBox__smokeBtn.\--nonSmoke input:checked + span {
	background: url(/car/common/images/btn/btn70_smoke_non-smoke_on.png);
}

.rc-searchBox__smokeBtn.\--smoke input:checked + span {
	background: url(/car/common/images/btn/btn70_smoke_smoke_on.png);
}

.rc-searchBox__smokeBtn.\--none input:checked + span {
	background: url(/car/common/images/btn/btn70_smoke_none_on.png);
}

select::-ms-expand {
  display: none;
}

.rc-loader__wrapper {
	position: fixed;
	top: 0;
	z-index: 9999;
	opacity: 0.8;
}

.rc-loader__wrapper img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -47px 0 0 -47px;
}