@charset "utf-8";  
.navbar-light .navbar-toggler {
    border-color: transparent!important;
} 
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display:block;
	src: url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  }
  @font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display:block;
	src: url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
  }

  
  .material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
  } 
.btn-box{margin-top: 3rem;}
.btn-basic{background-color: #000;color: #FFF;border: 1px solid #000;position: relative;font-size: 14px;}
.btn-basic:hover{background-color: #FFF;color: #333;}
.btn-white{background-color: #FFF;color: #333;position: relative;font-size: 14px;}
.btn-white:hover{background-color: #000;color: #FFF;}

.btn-basic:before,.btn-white:before{
font-family: 'Material Icons';
content: "\E409";
display: inline-block;
padding-right: 10px;
position: absolute;
left: 10px;
} 

.clear{clear: both;}

.price-red{color: #dc3545;}

.table-basic th{
background-color: #F1F6F9;
color: #0B3955;
}

a.btn[target="_blank"]:after{
font-family: 'Material Icons';
content: "\E89E";
display: inline-block;
padding-left: 10px;
font-size: 0.8rem;
}

.material-icons{
vertical-align: inherit;
}
.ic:before{
font-family: 'Material Icons';
vertical-align: middle;
padding-right: 5px;
display: inline-block;
}
.ic2:before{
	font-family: 'Material Icons';
	padding-right: 5px;
    display: inline-block;
	transform: rotate(-90deg);
}
.ic-r:after{
font-family: 'Material Icons';
vertical-align: middle;
padding-left: 5px;
}
.ic-arrow-d:before{content: "\E313"!important;}
.ic-arrow-r:before{content: "\E314";}
.ic-arrow-l:before{content: "\E315";}
.ic-arrow-t:before{content: "\E316";}
.ic-tel:before{content: "\E0CD";}
.ic-mail:before{content: "\E0E1";}
.ic-blank:after{content: "\E89E";}
.ic-faq:before{content: "\E0C6";}
.ic-job:before{content: "\E55A";}
.ic-mappin:before{content: "\E55F";}
.ic-spa:before{content: "\EB4C";}
.ic-bookmark:before{content: "\E866";}

.fs-s{font-size: 14px;}

.sp-block{
	display: block;
}
@media (min-width: 576px) {
	.sp-block{display: none;}
}  
#header{
position: fixed;
top:0;
width: 100%;
z-index: 99;
transition: all 0.3s ease-in-out;
background-color: #FFF;
box-shadow: 3px 3px 3px rgba(0,31,80,.4);
}
#header .logo{
	width:200px;
	margin:6px;
	filter: drop-shadow(1px 1px 0 rgba(255,255,255,.8));
}
#header .company-name{
	font-size: 1.2rem;
	padding-left: 8px;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 0;
	display: block;
}
#header .company-name span{
	text-align: center;
	display: block;
	font-size: 0.625rem;
	font-weight: normal;
	margin-bottom: 0;
}
#header .navbar-cv{
	list-style: none;
	margin-bottom: 0;
	display: flex;
	padding-left: 0;
}
#header .navbar-cv li{
	display: table;
}
#header .navbar-cv li a,
#header .navbar-cv li button{
	display: table-cell;
	color: #333333;
	height: 60px;
	vertical-align: middle;
}
#header .navbar-cv li.header-reserve-tel{
	display: none;
}
#header .navbar-cv li.header-reserve-tel a span{
	font-size: 0.8125rem;
	padding-right: 1rem;
	padding-left: 1rem;
}
.header-reserve-btn{
	display: none;
}
#header .navbar-cv li.header-reserve-btn a,
#header .navbar-cv li.sp-header-reserve-tel a{
	font-size: 0.875rem;
}
#header .navbar-cv li.header-reserve-btn a,
#header .navbar-cv li.sp-header-reserve-tel a,
#header .navbar-cv li.sp-header-menu-btn button{
	padding-right: 1rem;
	padding-left: 1rem;
}
#header .header-reserve-btn a{
	background-color: #FC0;
	color: #000;
	font-weight: bold;
	text-align: center;
	margin: auto;
	vertical-align: middle;
}
#header .header-reserve-btn a i{
	margin-left: 5px;
	font-size: 2rem;
}
#header .navbar-cv li.header-reserve-btn span{
	display: none;
}
#header .navbar-cv li.sp-header-reserve-tel a{
	background-color: #102545;
	color: #FFF;
}
#header .navbar-cv li.sp-header-menu-btn button{
	border: none;
	color: #FFF;
	-webkit-border-radius: 0;
	        border-radius: 0;
	font-size: 0.75em;
}
button span.navbar-toggler-icon {
    width: 2rem;
    height: 2rem;
    background-size: 30px 30px;
}
i.menuicn {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    cursor: pointer;
	left: auto;
	right:5px;
    padding: 25px;
    top: 0;
}
button span.navbar-toggler-ic{
	content: "";
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background: #888;
    top: 40%;
    height: 2px;
    width: 25px;
    margin-top: -1px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
button.mn_opn span.navbar-toggler-ic{
    background: rgba(255,255,255,0);
}
button span.navbar-toggler-ic:before {
	content: "";
    position: absolute;
    background: #888;
    top: -8px;
    left: 0;
    height: 2px;
    width: 25px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
button.mn_opn span.navbar-toggler-ic:before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 25px;
}
button span.navbar-toggler-ic:after {
	content: "";
    position: absolute;
    background: #888;
    bottom: -8px;
    left: 0;
    height: 2px;
    width: 25px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
button.mn_opn span.navbar-toggler-ic:after {
    bottom: 0;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 25px;
}
#header .navbar-collapse{
	padding: 1rem 1rem;
} 
#header .nav-item,#header .dropdown-item{
	font-size: .95rem;
	font-weight: 700;
}
.dropdown-item:focus,.dropdown-item:hover{
	color: #001f50!important;
	background-color: transparent!important;
}
#header a.nav-link{color: #001f50;text-decoration: none;}
.news_box{
	margin:30px 0;
	text-align: center;
	color:#001f50;
}
.news_cont p{
	text-align: left;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news_cont{
	max-width:550px;
	margin:auto;
}
.news_box a{
	color:#001f50!important;
}
.news_box h2{
	line-height: 60px;
	position: relative;
	height: 60px;
	padding: 0 2rem;
	text-align: center;
	color: #001f50;
	background: #cee7f3;
	width:500px;
	font-size:1.8rem;
	margin:25px auto;
}
.news_box h2 span{
  position: relative;
  display: block;
}
.news_box h2:before,
.news_box h2:after {
  position: absolute;
  top: 0;
  display: block;
  height: 48px;
  content: '';
  border: 30px solid #cee7f3;
}

.news_box h2:before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.news_box h2:after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.company_chg{
	width: 240px;
    margin: 25px auto;
}
@media (max-width: 768px) {
	#header .navbar-brand{
		margin: auto;
	}
	.navbar-brand{
		margin-right: 0.3rem;
		margin-left: 0.3rem;
	}
	#header img.logo{
		width: 145px;
	}
	.navbar{
		z-index:99;
	}
	#header .navbar-cv li a, #header .navbar-cv li button {
		height: 50px;
	}
	#header .navbar-cv li.header-reserve-btn a, #header .navbar-cv li.sp-header-reserve-tel a, #header .navbar-cv li.sp-header-menu-btn button {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	#header .company-name {
		background: #d4d4d499;
		padding-bottom: 3px;
		width: 100%;
		padding-left:0;
	}
	#header .company-name span{
		font-size: .8rem;;
	}
	.news_box h2{
		width:200px;
	}

}
@media (min-width: 576px) {
	#header .navbar-cv li.header-reserve-btn a,
	#header .navbar-cv li.sp-header-reserve-tel a{
		font-size: 1rem;
	}
}
@media (min-width: 769px) {
	#header:hover{
		box-shadow: none;
	}
	.bottom-rsv-anm{
		display: block;
		animation: r_anm 1s;
	}
	
	@keyframes r_anm {
	  0% {
	  transform: translateX(300px);
	  }
	
	  100% {
	  transform: translateX(0px);
	  }
	}
	#header,#header nav .navbar-nav > li > a{
		color:#001f50;
		filter: drop-shadow(1px 1px 0 rgba(255,255,255,.8));
		background: transparent;
	}
	.header_coloron{
		background-color: rgba(255,255,255,.8)!important;
	}
	.nav_coloron{
		color: #001f50!important;
	}
	.header_mouseon{
		background-color: rgba(255,255,255,.8)!important;
	}
	.dropdown-menu{
		background-color: rgba(255,255,255,.8)!important;
		top:70px;
	}
	.nav_mouseon{
		color: #001f50!important;
	}
	#header .navbar-brand{
		margin-left: 1rem;
		position: absolute;
		bottom:5%;
	}
	#header .company-name{
		font-size: 1.125rem;
		margin-left: 20px;
		padding-top: 3px;
	}
	#header .company-name span{
		font-size: 0.75rem;
		margin-bottom:0;
	}
	#header .navbar-cv li a,#header .navbar-cv li button{
		height: 90px;
	}
	#header .navbar-cv li a:hover {
		text-decoration: none;
	}
	#header .navbar-cv li button{
		display: none;
	}
	#header .navbar-cv li.header-reserve-btn span{
		display: inline-block;
	}
	#header .navbar-cv li.header-reserve-btn a,
	#header .navbar-cv li.sp-header-reserve-tel a,
	#header .navbar-cv li.sp-header-menu-btn button{
		width: 150px;
		font-size:1.3rem;
	}
	.company_chg{
		display: none;
	}
}
@media (min-width: 992px) {
	#header .navbar-cv li.header-reserve-tel{
		display: block;
	}
	#header .navbar-cv li.sp-header-reserve-tel{
		display: none;
	}
}
@media screen and (max-width:768px){
	.navbar-cv{
		position: absolute;
		top:5px;
		right: 0;
	}
	.navbar-nav .nav-item a{
		pointer-events:none;
	}
	main.lineup_detail #page-head{
		margin-top: 5rem;
	}
	#header .navbar-collapse{
	width:100%;
	height:100vh;
	top:0;
	left:0;
	padding-bottom: 50%;
	overflow-y:scroll;
	position: relative;
	background: none;
}
	#header .navbar-collapse .layer{
		background: url(/img/menu_back_sp.jpg) no-repeat;
		background-attachment: fixed;
		background-position: right;
		opacity: .6;
		z-index: -1;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.head_bg_fixed{
		position:fixed!important;
		top:70px!important;
	}
	.head_bg_fixed2{
		position:fixed!important;
		top:85px!important;
	}
	.head_bg_fixed3{
		position:fixed!important;
		top:95px!important;
	}
	.exmenu{
		display:none;
	}
.navbar-collapse .navbar-nav .dropdown-menu{
	height: auto;
	background: rgba(255, 255, 255, .8);
}
#header .nav-item,#header .dropdown-item{
	font-size: 1.05rem;
	line-height: 2rem;
	width: 100%;
	overflow: hidden;
}

#nav_bodytype li a{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bodytype-open{
	position: fixed;
}
.info-date time{
	display: block;
	width: 100%;
}
.row > .body_car_type:first-of-type{
    margin-top:0;
}

#header .navbar .sp-header-reserve-tel , #header .navbar .header-reserve-btn{
	display: none;
}
main #lower-main {
    padding-top: 5rem!important;
}
} 
#footer{
background-color: #fff;
border-top: 2px solid #d8dbdb;
margin-top:3rem;
}
.footer-in{
	padding-top: 2rem;
}
.footer-logo{
	padding-bottom: 1rem;
	padding-left: 0;
}
.footer-logo img{
	width:58px;
}
.footer-logo-brand img{
	width:245px;
}
.footer-address{
	overflow: hidden;
	font-size: 0.875rem;
}
.footer-name{
	display: block;
	font-weight: bold;
	font-size: 1rem;
}
.footer-menu{
	padding-top: 1rem;
	padding-bottom: 1.5rem;
}
.footer-menu ul{
	margin-bottom: 0;
}
.footer-menu-list{
	font-size: 0.75rem;
}
.footer-menu-list li,.footer-sns li{
	display: inline-block;
	padding-right: 7px;
}
.footer-menu-list a{
	color: #333;
}

.copy{
	background-color: #001f50;
	color: #FFF;
	text-align: center;
	font-size: 0.75rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
} 
.pagetop {
	bottom: 30px;
	position: fixed;
	right: 30px;
	z-index: 10;
}
.pagetop a{
	background-color: #555;
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 80px;
	border-radius: 80px;
	font-weight: bold;
	width: 50px;
	height: 50px;
}
.pagetop a i {
	padding-top: 8px;
	font-size: 35px;
	display:block;
}
@media (max-width: 991px) {
	.footer-logo{
		text-align: center;
	}
}
@media (min-width: 576px) {
	.footer-menu{
		padding: 1rem 0 1rem 2rem;
	}
}
@media (min-width: 769px) {
	.special_nav li{
        flex: 0 0 410px;
        max-width: 410px;
	  }
	  header .pages-nav li{
		flex: 0 0 410px;
		max-width: 410px;
	  }
	  .dropdown-menu:after{
		content: '';
		display: block;
		position: absolute;
		bottom:-15px;
		left: 0;
		width: 100%;
		height: 1rem;
		background: linear-gradient(to bottom,rgba(0,31,80,.5),rgba(0,0,0,0));
	}
	.dropdown-item{
		text-align: center;
	}
	.post-navi ul li{
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.footer-menu-list{
	float: left;
	}
	.footer-sns{
		float: right;
		position: relative;
		top: -7px;
		right:10px;
	}
	#header .navbar-collapse {
		width: 100%;
		min-width: 1100px;
		height: auto;
		flex-basis: auto;
		flex-grow: 0;
	}
	.foot_sm_menu{
		list-style: none;
		font-size: .75rem;
		padding: 0;
		float: left;
	}
	.foot_sm_menu li{
		display: inline-block;
		padding-right: 7px;
	}
	
	.footer-menu-list li:first-child:before{
		content: "";
		padding-left: 0;
		padding-right: 0;
		border-left: none;
	}
	.footer-menu-list li:before,.foot_sm_menu li:before {
		content: "";
		padding-left: 0.3rem;
		padding-right: 0.3rem;
		border-left: 1px solid #AAA;
	    }
	.footer-address br{
		display: none;
	}
}
@media (min-width: 992px) {
	.footer-logo img{
		float: left;
	}
	.footer-address{
	overflow: hidden;
	padding-left: 1.5rem;
	}
} 
.section{
padding-top: 2rem;
padding-bottom: 2rem;
}
.section + .section{
	padding-top: 0;
}
.subsection{
padding-top: 1rem;
padding-bottom: 1rem;
} 
.reserve-cv{
	text-align: center;
	vertical-align: top;
	border: 5px solid #EEE;
	padding:4%;
	display: inline-block;
}
.footer-reserve .reserve-cv{
	margin-bottom: 1.5rem;
	border: none;
	padding: 1rem 0 30px 5px;
	display: block;
}
.footer-reserve .reserve-cv-tel{
	text-align: center;
	margin-bottom: 1rem;
}
.dt_btn,.reserve-cv-web,.reserve-cv-tel{
	width: 230px;
	display: inline-block;
	vertical-align: inherit;
	margin-right: 5px;
	margin-left: 5px;
}
.fotter-bnr{
	width: 165px;
	display: inline-block;
	vertical-align: inherit;
	margin-left: 95px;
}
.reserve-cv-tel{
	margin-bottom: 1rem;
}
.reserve-cv-tel a{
	display: block;
}
.reserve-cv-web .btn{
	display: block;
	font-size: 1.25rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.dt_btn{
	background: #175217;
}
.dt_btn_s{
	width:75%;
}
.dt_btn a{
	color: #fff;
	font-weight: bold;
	width: 100%;
}
.carplan-rsv.reserve-cv-tel a{
	background: #D14900;
	color:#fff;
}
.carplan-rsv.reserve-cv-tel a:hover,.dt_btn a:hover{
	color:#fff;
}
.reserve-cv-web i,.carplan-rsv i{
	font-size: 1.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
}
#foot_contact{
		position: fixed;
		bottom: 0;
		width: 100%;
		margin:0;
		padding: 0;
		display: flex;
		z-index: 3;
		text-align: center;
}
#foot_contact > li{
	list-style: none;
	width: calc(100%/2);
	flex-wrap: wrap;
	padding: 15px;
}
#foot_contact form > li{
	list-style: none;
	width: calc(100%/2);
	flex-wrap: wrap;
}
#foot_contact form{display:contents;}
#foot_contact a{
	text-align: center;
	display: block;
}
#foot_contact a:hover{
	text-decoration: none;
}
#foot_contact .rsv,.reserve-cv-web a{
	background: #FC0;
	font-weight: bold;
	border-color: transparent;
}
#foot_contact .rsv a,.reserve-cv-web a{
	color: #000;
	vertical-align: middle;
}
#foot_contact .tel{
	background: #001f50;
}
#foot_contact .tel div{
	color: #fff;
	font-weight: bold;
    vertical-align: middle;
}
#foot_contact .rsv a i,#foot_contact .tel div i{
	margin-right: 5px;
    margin-bottom: 3px;
    font-size: 1.5rem;
}
.foot_sm_menu li a{
	color: #333;
}
@media screen and (max-width:768px){
	form li.header-reserve-btn.rsv {
		padding: 15px;
	}
	.sp-center{
		text-align: center;
	}
	.top-facebook{
		text-align: center;
	}
	#foot_contact{
		filter: drop-shadow(0px -5px 3px rgba(255,255,255,.8));
	}
	#search-box .box-dep i,#search-box .box-arv i {
		top: 5px;
		left: 4px;
		font-size: 1.5rem;
	}
	#home-main #search-box dl{
		padding: 1rem 0;
		margin: 0 1.8rem;
	}
	.blg_d.top_img{
		margin-top: 5rem;
	}
	.pagetop {
		bottom: 55px;
		right: 5px;
	}
	.reserve-cv{
		padding:10%;
	}
	.footer-reserve .reserve-cv{
		padding: 0 0 1.5rem 0;
	}
	.footer-menu .foot_sm_menu{
		margin-bottom: 20px;
		padding:0;
	}
	.footer-menu-list a{
		display: block;
		width: 100%;
	}
	.footer-menu-list li{
		display: block;
		border: 1px solid #999;
		padding: .8rem;
		font-size: 1rem;
		text-align: center;
		position: relative;
	}
	.footer-menu-list li+li{
		border-top: none;
	}
	.foot_sm_menu {
		text-align: center;
	}
	.foot_sm_menu li{
		display: inline-block;
		border: none;
		padding: .8rem;
		font-size: 1rem;
		text-align: center;
		position: relative;
		text-align: center;
	}
	.footer-menu-list > li a:after {
		display: block;
		content: "";
		position: absolute;
		top: 51%;
		right: 6%;
		width: 8px;
		height: 8px;
		margin: -4px 0 0 0;
		border-top: solid 2px #001f50;
		border-right: solid 2px #001f50;
		-webkit-transform: rotate(135deg);
		transform: rotate(45deg);
	}
	.footer-menu-list li:before{
		display: none;
	}
	.footer-sns{
		text-align: center;
	}
	.footer-sns img{
		width:30px
	}
	.footer-sns li{
		padding-right:20px;
	}
	.footer-logo-brand{
		text-align: center;
    	margin-bottom: 35px;
	}
	.footer-logo-brand img {
		width: 150px;
	}
	.copy{
		padding-bottom:5.5rem;
	}
	.exmenu .nav_cat_img{
		text-align: center;
	}
	.dropdown-menu .nav_cat_img{
		width: 90%;
	}
	.exmenu .nav_cat_img a{
		width: calc(100%/3);
	}
	.nav_cat_img p{
		font-size:10px;
	}
	.exmenu .nav_cat_img a img,.exmenu .nav_cat_img a p{
		width: 95%;
	}
	.footer-address{
		margin: auto;
		margin-bottom: 2rem;
		font-size: 1rem;
		text-align: center;
	}
	.reserve-cv > .reserve-cv-tel{
		margin-bottom: 1rem;
	}
	.reserve-cv-web,.reserve-cv-tel,.fotter-bnr{
		display: block;
		margin: auto;
	}
	.fotter-bnr{
		margin-top:30px;
	}

}

.line{
	margin-top:10px;
	text-align: center;
}
    main .shop_btn_area{
	width:90%;
	margin:auto;
    }
    main .shop_btn_area ul{
	justify-content: center;
    }
    #access .shop_btn_area li, #lineup .shop_btn_area li,#lineupjp .shop_btn_area li{
	overflow: hidden;
	position: relative;
    }
    main .shop_btn_area li a{
	padding:30px;
	color:#001f50;
	background: radial-gradient(circle at left,rgba(255,255,255,1),rgba(255,255,255,1) 56%,rgba(255,255,255,.3) 66%,rgba(255,255,255,0));
	border:1px solid #001f50;
	font-weight:bold;
	font-size:1.2rem;
	display:block;
    }
    .shop_btn_area li a:before{
	vertical-align: top;
    }
    .shop_btn_area li img{
	right: 39px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
	z-index: -1;
	transform: scale(1.2);
    }
    #lineup .shop_btn_area,#lineupjp .shop_btn_area{margin:auto;width:90%;padding-bottom:15px;}
    #footer{margin-top:0;}
    .add_contents{background:#cee7f3;}
@media (min-width: 769px) {
	#foot_contact{display:none;}
	.section{
	padding-top: 3rem;
	padding-bottom: 4rem;
	}
	.subsection{
	padding-top: 3rem;
	padding-bottom: 3rem;
	}
	.footer-reserve .reserve-cv-tel{
		margin-bottom: 0;
	}
	.footer-reserve .reserve-cv-tel a{
		margin-bottom:.2rem;
	}
	.footer-reserve .reserve-cv-tel span{
		font-size: .8rem;
	}
	.reserve-cv > div{
		margin-right:2.5rem;
	}
	.reserve-cv > div:last-child{
		margin-right: 0;
	}
	.reserve-cv-tel{
		margin-bottom: 0;
	}
	.dropdown-toggle:after{
		content:none!important;
	}
	#search-box h2{
		color: #001f50;
		background: #cee7f3;
	}

}

@media (min-width: 992px) {
	.footer-reserve .reserve-cv{
		text-align: left;
		margin-bottom: 0;
	}
	#foot_contact {
		position: fixed;
		bottom: 115px;
		right: 30px;
		width: auto;
		margin: 0;
		padding: 0;
		display: block;
		z-index: 1;
		text-align: center;
	}
	#foot_contact > li{
		padding: 0;
	}
	#foot_contact a{
		font-size: 1.2rem;
		padding: 12px;
	}
	#foot_contact .tel{
		display: none;
	}
	#foot_contact .rsv{
		flex-wrap: unset;
		width: 225px;
	}
} 
.ttl01,.ttl01,.ttl02,.ttl03,.ttl04{
	font-family: Hiragino Sans,ヒラギノ角ゴシック,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,Osaka,Verdana,sans-serif;
    font-weight: bold;
	color: #102545;
}
.ttl01{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
}
.ttl02,.ttl03{
	font-size: 2.25rem;
	margin-bottom: 1.5rem;
}
.ttl03{
	text-align: center;
}
.ttl04{
	margin-bottom: 1.5rem;
}
.sub-ttl,.sub-ttl-inline{
	font-family: sans-serif;
}
.sub-ttl{
	font-size: 0.75rem;
	display: block;
	margin-top: 0.8rem;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	overflow: hidden;
	line-height:1rem;
}
.sub-ttl-inline{
	font-size: 0.75rem;
	padding-left: 0.7rem;
}

@media (max-width: 575px) {
	.sub-ttl-inline{
		display: block;
		padding-left: 0;
		padding-top: 0.7rem;
	}
}  
#home-main{
position: relative;
margin-right: auto;
margin-left: auto;
}

#search-box input,#search-box select,#search-box button{
	outline:0;
	cursor:pointer;
}
#home-main #search-box{
	background-color: #fff;
}
#search-box h2{
	font-size: 1.3rem;
	font-weight:bold;
	text-align: center;
	color: #001f50;
	margin-top:1rem;
}

#home-main #search-box h1{
	color: #FFF;
	font-size: 1rem;
	text-align: center;
	padding:0.8rem 0.3rem;
	margin-bottom: 0;
}
#home-main #search-box input,
#home-main #search-box select{
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	height: auto;
}
#home-main #search-box input,#home-main #search-box select{
	width: 79%;
	border:none;
	background: transparent;
}
.ps_date,.ps_time{
	background: #fff;
	border-right: 1px solid #d6d6d6;
}
.box-dep i,.box-arv i{
	color: #001f50;
	position: absolute;
	top: 2.1rem;
    font-size: 1.3rem;
}
.box-arv .ps_time:last-child{
	border:none;
}
.box-dep dl,.box-arv dl{
	display: flex;
}
.box-dep dl > div,.box-arv dl > div{
	width: calc(100%/2);
}

#home-main #search-box select,#search-box input:not(.box-add input){
	margin:3px 15px 3px 30px;
	padding:2px 10px;
	border:1px solid #CCC!important;
	border-radius:5px!important;
	appearance: none;
}
.box-add dd,.box-add label{
	cursor: pointer;
	width:100%;
}
#home-main #search-box .box-add dd.target_active{
	border:2px solid #007bff;
}
#home-main #search-box .box-add input{
	width:auto;
	font-size:2rem;
	margin-right:10px;
	transform:scale(1.2);
	vertical-align: top;
	margin-top:5px;
}
#home-main #search-box .ps_time dd::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #b4b3b3;
	border-right: solid 2px #b4b3b3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: 16px;
	right: 23px;
	margin-top: -4px;
}
#home-main #search-box dl,
#home-main #search-box dd{
	margin-bottom: 0;
}
#home-main #search-box dt{
	color: #102545;
	margin-bottom: 3px;
	margin-top: 3px;
	font-weight: normal;
}
#home-main #search-box .box-dep,.box-arv{
	position: relative;
}
#home-main #search-box dd:not(.box-add dd){
	position:relative;
}
#home-main #search-box .btn-more-wp{
	text-align: center;
}
#home-main #search-box .btn{
	font-size: 1.125rem;
	background: #001f50;
	border:none;
	font-weight: bold;
}
#home-main #search-box .btn-more-wp{
	font-size: 0.875rem;
}
#home-main #search-box .btn-more-wp i{
	margin-right:.3rem;
	margin-bottom: .3rem;
}
.grid-lineup{
	width:100%;
	overflow:hidden;
	position:relative;
}
.grid-lineup:after{
	content:"";
	display:block;
	padding-top:63%;
}
.grid-lineup img{
	position: absolute;
	left:0;

}

.link-lineup{
	font-size:.9rem;
	margin:0;
	text-align: center;
	width: 100%;
	padding:.3rem;
}
.link-lineup a{
	color: #001f50;
}
#home-main #search-box .btn-more-wp .link-lineup a{
	color: #FFF;
	vertical-align: bottom;
}

#home-main .top-slide img{
	width: 100%;
}
@media screen and (max-width:768px){
	#home-main #search-box dl, #home-main #search-box dd{
		display: flex;
		flex-wrap: wrap;
	}
	#home-main #search-box dt{
		width:100%;
	}
	#home-main .search-inner .select .box-add dd{
		width:47%;
	}
	#home-main #search-box .box-add dd:not(.target_active){
		padding:6px 11px;
	}
    main .shop_btn_area li a{
	position: relative;
	overflow: hidden;
    }
    .shop_btn_area li img{
		right: 0;
    }
    	.shop_btn_area li+li{margin-top:5px;}
	html.open{
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
	}
	#home-main .top-slide div:not(.top_copy){
		height:100%;
	}
	#home-main .top-slide img {
		position: absolute;
		bottom: 0;
	}
	#home-main .top-slide .s-campaign img{
		top: 0;
	}
	.sld-def{white-space:nowrap}

}

#start-contents{
padding-top: 6rem;
padding-bottom: 6rem;
}
#start-contents .start-contents-img{
	padding: 0;
}
.top-cont{
background: #f1f1f1;
display: -webkit-flex;
display: flex;
}
.top-cont-in{
padding: 3rem 2rem 5rem;
}
.top-cont-lineup,.top-cont-guide{
-webkit-flex-direction: column-reverse; 
flex-direction:column-reverse;
}
.top-cont-img{
width: 100%;
min-height: 300px;
background-position: 50% center;
-webkit-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}
.top-lineup-sub .top-lineup-item{
	text-align: center;
	position: relative;
}
.top-lineup-sub .top-lineup-item img{
	width: 100%;
}
.top-lineup-sub .top-lineup-item a{
	color: #FFF;
}
.top-lineup-sub .top-lineup-item a:hover{
	opacity: 0.8;
}
.top-lineup-sub .top-lineup-item span{
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	font-size: 0.875rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

.reason-wrap{
	border: 5px solid #EEE;
	padding: 40px 40px 30px;
	margin-top: 30px;
}
.reason-selected-img{
	margin-bottom: 1.5rem;
}
.reason-selected-txt{
	overflow: hidden;
	line-height: 1.8;
}
.reason-selected-txt h3{
	font-size: 1.5rem;
	color: #102545;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
.top-twitter{
	border: 1px solid #CCC;
}
.exmenu .lineup_box:first-child{
	margin-bottom:10px;
}
.exmenu .lineup_box:not(:first-child){
	border-top:1px solid #ccc;
	padding-top:10px;
}
@media (max-width: 575px) {
	.top-lineup-sub{display: none;}
}
@media (min-width: 576px) {
	.top-cont-img{
	min-height: 500px;
	}
	.top-cont-in{
	padding: 3rem 5rem 5rem;
	}
}
#home-main #search-box .btn-more-wp span:last-of-type{
	display:none;
}
@media (min-width: 769px) {
	#home-main #search-box .box-add dd:not(.target_active){
		padding:1px 11px;
	}
	#home-main #search-box dd:not(.box-add dd){
		display:flex;
	}
	#home-main #search-box input, #home-main #search-box select,#home-main #search-box select, #search-box input:not(.box-add input){
		width:75%;
	}
		#home-main #search-box .btn-more-wp span:first-of-type{
			display:none;
		}
		#home-main #search-box .btn-more-wp span:last-of-type{
			display:inline-block;
		}
		.box-dep i, .box-arv i {
			margin-left: .3rem;
			top:8px;
			left: 2px;
		}
		#home-main #search-box .btn-more-wp i{
			font-size:1.4rem;
			margin-right:0;
		}
	.top-cont-lineup{
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.top-cont-guide {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.top-cont-in {
		width: 50%;
		padding: 5rem;
	}
	.top-cont-img {
		width: 50%;
	}
	.top-slide:before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 8rem;
		filter: blur(10px);
		background: linear-gradient(to bottom,rgba(255,255,255,.6),rgba(0,0,0,0));
	}
	#home-main .btn_area{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 65%;
	margin: auto;
	z-index: 1;
	background: #fff;
	width: 300px;
	height: 70px;
	text-align: center;
	padding: 1rem;
	}

	#home-main #search-box{
		position: absolute;
		top: auto;
		left: 0;
		right: 0;
		bottom: 10%;
		width: 1024px;
		z-index: 3;
		margin: auto;
		box-shadow: 5px 5px 10px rgba(0,0,0,.4);
		border-radius: 10px;
	}
	#search-box h2{
		border-radius: 10px 10px 0 0;
		padding:10px 8px 10px;
		margin:0 0 15px;
	}
	.link-lineup{margin-bottom:5px;}
	.search-inner{
		display: flex;
		justify-content: center;
		margin-bottom:.5rem;
	}
	.search-inner .select{
		width:83%;
		display: flex;
		box-shadow:5px 5px 10px rgba(0,0,0,.3);
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
	}
	#home-main #search-box .btn-more-wp{
		box-shadow:5px 5px 10px rgba(0,0,0,.3);
	}
	.search-inner .select .box-add{
		width:30%;
		background: #fff;
	}
	.search-inner .box-add{
		border-right: 1px solid #d6d6d6;
		padding-bottom:10px;
	}
	.search-inner .box-add label{font-size:.9rem;}
	#home-main .search-inner .select .box-add dd{
		width:44%;
		margin:0 5px;
		display: inline-block;
		padding:0 10px;
	}
	#home-main .search-inner .select .box-add dd+dd{
		margin:0 5px;
	}
	#home-main .search-inner .select .box-add dd+dd{
		margin-left:0;
	}
	.box-dep div,.box-arv div{
		padding-bottom:10px;
	}

	#home-main #search-box h1{
		font-size: 0.75em;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	#home-main #search-box dt{
		font-size: 0.875rem;
		margin-left: .5rem;
	}
	.btn-more-wp{margin-top: auto;}
	#home-main #search-box .btn-more-wp .btn{
		font-size: 1rem;
		height:76px;
		width:120px;
	}
	#home-main #search-box .btn-more-wp .link-lineup{
		font-size: 0.75rem;
		margin-top: 0.875rem;
	}
	.reason-selected-img{
	width: 48%;
	float: left;
	margin-bottom: 0;
	}
	.reason-selected-txt{
		padding-left: 2rem;
	}
	#nav_bodytype>ul {
		display: flex;
		flex-wrap: wrap;
	}
	#nav_bodytype>ul {
		width:25%;
	}

}

@media (min-width: 1440px) {
	#home-main{
	width: 100%;
	height: auto;
	}
}
.search-inner .select .box-add dd{
	width:49%;
	border:1px solid #d6d6d6;
	border-radius: 5px;
	padding:5px 10px;
	display: inline-block;
}

.top-recruit-box{
background: url("/img/bg_sea.jpg") no-repeat bottom center ;
-webkit-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
text-align: center;
color: #FFF;
}
.recruit-box-txt{
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 576px) {
	.recruit-box-txt{
	padding-left: 0;
	padding-right: 0;
	}
}

.top-recruit-box .ttl h3{color: #FFF;}

.top-contact{text-align: center;}
.top-contact > .row > div{margin-bottom: 20px;}
@media (min-width: 576px) {
	.top-contact > .row > div{margin-bottom: 0;}
}
.btn-submenu{
display: block;
border: 2px solid #102545;
background-color: #FFF;
padding: 1rem;
transition: all 0.15s ease-in-out;
text-decoration: none;
vertical-align: bottom;
margin-bottom: 0.5rem;
}
a.btn-submenu:hover{
background-color: #102545;
text-decoration: none;
color: #FFF;
}

@media (min-width: 769px) {
	.btn-submenu{
		padding: 3.5rem 1.5rem;
		margin-bottom: 0;
	}
} 
#page-head{
width: 100%;
height: 35vw;
max-height: 500px;
display: table;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat; 
margin-right: auto;
margin-left: auto;
position: relative;
}
#page-head:before {
z-index: 0;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.6);
}
#page-head h1,#page-head h2{
color: #001f50;
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 1.75rem;
font-family: Hiragino Sans,ヒラギノ角ゴシック,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,Osaka,Verdana,sans-serif;
position: relative;
}
#page-head h1 span,#page-head h2 span{
	display: block;
	margin-top: 0.8rem;
	font-family: sans-serif;
	font-size: 0.875rem;
}
main#lineup #page-head{background-image: url("/img/topimg-4.jpg");}
main#lineupjp #page-head{background-image: url("/img/topimg-11.jpg");}
main#users-guides #page-head{background-image: url("/img/topimg-7.jpg");}
main#access #page-head{background-image: url("/img/topimg-8.jpg");}
main#questions #page-head{background-image: url("/img/topimg-5.jpg");}
main#news #page-head{background-image: url("/img/topimg-1.jpg");}
main#company #page-head{background-image: url("/img/topimg-9.jpg");}
main#privacy-policy #page-head{background-image: url("/img/topimg-10.jpg");}
.card-img-top{
	height:100%;
}
main#access #page-head.page-head-m{background-image: url("/img/topimg-m.jpg");}


@media (min-width: 769px) {
	#page-head{
		width: 100%;
		height: 500px;
	}
	#page-head h1,#page-head h2{
		font-size: 3.5rem!important;
	}
	.dropdown-menu{
		width:100%;
		margin:0;
	}
	.dropdown-menu,.head-guide-menu {
		overflow-y: unset;
		width: 100%;
		margin: 0;
		padding: 2rem;
	}
	.dropdown-item{
		margin-bottom:1rem;
	}
}
.menu-sldwn{
	animation: SlideDown .5s 1  normal both;
	display: block;
}
@keyframes SlideDown {
	0% {
	  opacity: 0;
	  transform: translateY(-10px);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
.menu-slup{
	animation: SlideUp .5s 1 normal both;
	display: none;
}
@keyframes SlideUp {
	0% {
	  opacity: 1;
	  transform: translateY(0);
	}
	100% {
	  opacity: 0;
	  transform: translateY(-10px);
	}
  } 
.breadcrumb,
.breadcrumb a{
	color: #6c757d;
}
.breadcrumb{
	list-style: none;
	display: block;
    padding: 0;
    margin-bottom: 0;
	list-style: none;
}
.breadcrumb > ul{
	list-style: none;
	display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
	font-size: 0.75rem;
	margin-top: 15px;
}
.breadcrumb li+li {
    padding-left: 0.5rem;
}
.breadcrumb li+li:before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: ">";
}
.pager .disabled{
	pointer-events: none;
    opacity: 0.4;
}
ol.breadcrumb{
	display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    font-size: 0.75rem;
    margin-top: 15px;
}
ol.breadcrumb > .breadcrumb-item+.breadcrumb-item:before {
    content: ">";
}  
.lineup-intor{
	text-align: center;
}
.lineup-intor-txt{
	margin-bottom: 0.8rem;
}
.lineup-intor-head{
	font-size: 1.5rem;
	color: #102545;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.lineup-intor-head span{
	color: #BC3C39;
}
.lineup-intor-basic{
	background-color: #f5f7fa;
	padding: 20px 15px 10px;
}
.lineup-intor-basic p{
	font-weight: bold;
	font-size: 1.125rem;
	color: #036;
}
.lineup-intor-basic dl dt{
	font-size: 0.875rem;
}
.lineup-intor-basic dl dd{
	font-size: 0.75rem;
}
.lineup-list{margin-bottom:6rem;}
.lineup-list div[class^="col-"]{
	margin-bottom: 2.5rem;
}
.lineup-list-img{
	height: 100%;
}
.lineup-list .card{
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	text-align: center;
	background-color: #F7F9F9;
	min-height:100%;
}
.lineup-list .card .card-title{
	font-size: 1.125rem;
	min-height: 45px;
	font-weight: bold;
	line-height: 1rem;
	margin-bottom: 0;
	line-height: 1.5rem;
}
.lineup-list .card .card-text{
	font-size: 0.875rem;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.lineup-list .card .car-price{
	margin-bottom: 0;
	color: #D00;
}
.lineup-list .card .car-price span{
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
.lineup-list .card .card-footer{
	background: none;
	border: none;
	padding: 0 1.25rem 1.25rem;
}
.lineup-list-img,div[class*="lineup-img"]{position:relative;}
.icon-box{
	position: absolute;
	top:5px;
	left:3px;
	z-index: 1;
	padding:0;
}
.icon-box2{
    position: relative;
    right: 0;
    z-index: 1;
    padding: 0;
    top: 0;
    width: 110px;
    display: inline-block;
    text-align: center;
}
#lineup .icon-box2,#lineupjp .icon-box2{
    position: relative;
    right: 0;
    z-index: 1;
    padding: 0;
    top: 0;
    width: 135px;
    display: inline-block;
}
#lineup .card-body,#lineupjp .card-body{
	padding:10px;
}
.icon-box2 div{
    margin: 7px;
    padding: 5px 10px;
}
.icon-box li{
	list-style: none;
	display: inline;
}
.icon-newmodel {
	color: #102545;
	font-size: 0.8rem;
	background-color: #ff0;
	margin: 5px;
	padding: 3px 7px;
}
.icon-exchange {
	color: #ff0;
	font-size: 0.8rem;
	background-color: #102545;
	padding: 3px 7px;
} 
.lineup-car-name{
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}
.car-detailinfo{
	color: #333;
}
.car-detailinfo .car-catchcopy{
	padding-top: 1rem;
	margin-bottom: 1.5rem;
}
.car-detailinfo .car-price{
	color: #bc3c39;
	font-size: 1.375rem;
}
.car-detailinfo .car-price span{
	color: #6c757d;
	font-size: 0.875rem;
}
.car-detailinfo .carplan-rsv a{
	font-size: 1.25rem;
	padding-right: 2rem;
	padding-left: 2rem;
}

.car-gallery-cap{
	font-size: 0.75rem;
	max-width: 640px;
	margin-top: 0.5rem;
}

.car-luggage{
	border: 5px solid #EEE;
	padding: 3%;
	margin-bottom: 6rem;
}
.car-luggage-in{
	line-height: 1.8;
}

.car-spec ul li dl{
	display: flex;
	margin-bottom: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.car-spec ul{
	border-top: 1px dotted #ccc;
	padding-top: 1rem;
}
.car-spec ul li dl dt{ 
	width: 170px;
}
.car-spec ul li dl dd{
	width: (100% - 170px);
}
@media (max-width: 768px) {
	.car-spec ul li dl dt, .car-spec ul li dl dd{ 
		width: 50%;
	}
}

.lineup-sub-menu{
	text-align: center;
}

@media (max-width: 575px) {
	.lineup-list .row div[class^="col-"]:nth-child(odd){
		padding-left: 8px;
	}
	.lineup-list .row div[class^="col-"]:nth-child(even){
		padding-right: 8px;
	}
}
@media (min-width: 576px) {
	.car-detailinfo .car-price{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.lineup-intor-basic dl dt{
		font-size: 1.125rem;
	}
	.lineup-intor-basic dl dd{
		font-size: 0.875rem;
	}
}
@media (min-width: 769px) {
	.car-gallery-cap{
		font-size: 0.875rem;
	}
	.car-spec ul li dl{
	padding-top: 1rem;
	padding-bottom: 1rem;
	}
	.breadcrumb{
		max-width: 80%;
		margin:auto;
	}
	.lineup-list .card .card-text{
		min-height:70px;
	}
} 

@media (max-width: 768px) {
	#search-box form .box-add dd+dd{
		margin-left:7px;
	}
	.btn_area{
		display: none;
	}
	.header-reserve-btn{
		display: block;
	}
}
.pages-nav{
	margin-top: 3rem;
	margin-bottom: 6rem;
} 
header .pages-nav{
	margin:0;
}
header .pages-nav li{
	width: 100%;
    padding: 0 15px;
    margin-bottom: 0.6rem;
}
.pages-nav ul li{
	width: 100%;
	padding: 0 15px;
	margin-bottom: 0.6rem;
}
.pages-nav li a{
	text-decoration: none;
	background-color: #001f50;
	color: #FFF;
	display: block;
	padding: 0.5rem;
}
header .multi_m li{
	list-style: none;
}
header .multi_m li a{
	text-align: left;
}
.guide-wrap{
	margin-bottom: 6rem;
}
.guide-wrap h2{
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.guide-arrow{
	border-color: #102545;
	border-style: solid;
	border-width: 1px 0;
	margin-bottom: 4rem;
	padding: 2rem 0;
	position: relative;
}
.guide-arrow:after {
content: ' ';
position: absolute;
left: 50%;
bottom: -35px;
margin-left: -35px;
width: 0;
height: 0;
border-style: solid;
border-width: 35px 35px 0 35px;
border-color: #102545 transparent transparent transparent;
}
.guide-arrow.guide-arrow-none:after{
	border: none;
}
.guide-arrow .row{
	margin-left: 0;
	margin-right: 0;
}
.guide-step{
	display: table;
	background-color: #102545;
	color: #FFF;
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;
	padding-top: 10px;
	width: 80px;
	height: 80px;
	line-height: 1.2;
}
.guide-step span{
	font-size: 1.125rem;
	display: block;
}

.guide-flow-cont dl dt{
	color: #102545;
	font-size: 1.25rem;
	margin-bottom: 0.8rem;
}
.guide-flow-cont dl dd dl dt{
	font-size: 1rem;
	margin-top: 1rem;
}
.guide-cv{
	text-align: center;
}
.guide-cv a{
	display: block;
}
.guide-cv a.btn{
	text-align: left;
	margin-bottom: 0.5rem;
}
.guide-cv a img{
	margin-top: 1.5rem;
}

.taxi-terms{
	margin: 1rem auto 3rem;
}

.guide-taxi-airport{
	border: 5px solid #eeeeee;
	padding: 3% 4%;
	text-align: center;
}
.guide-taxi-airport h3{
	color: #BB3A37;
	font-weight: bold;
	font-size: 1.125rem;
	margin-bottom: 2rem;
}
#guide03 table th,#guide04 table th{
	background-color: #eef2f2;
}
#guide03 table th{
	width: 50%;
}
#guide04 table th{
	width: 33.333333%;
}
@media (max-width: 768px) {
	.guide-step{
		margin: 0 auto 1.5rem;
	}
}
@media (min-width: 768px) {
	.taxi-terms{
		width: 500px;
		}
	header .multi_m{
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	header .pages-nav{
		justify-content: center;
	} 
}
@media screen and (max-width:768px){
	#search-box{
		position: relative;
	}
	#home-main #search-box .btn-more-wp {
		padding: 2rem 0.8rem 0.8rem;
	}
	.link-lineup {
		margin: auto;
		background: transparent;
	}
	.link-lineup a{
		color:#000;
		font-size:14px;
	}
	header .multi_m{
		padding-left: 0;
	}
	.ps_date,.ps_time{
		border-right:none;
	}
	.select>div:not(:last-child){
		border-bottom: 1px solid #d6d6d6;
	}
	#home-main #search-box .btn{
		width:100%;
		padding:1rem;
	}
}
@media (min-width: 992px) {
	.guide-flow-cont{
	padding-left: 2rem;
	}
} 

.contents-box-item{
padding: 2rem 0;
}
@media (min-width: 576px) {
	.contents-box-item{
	padding: 1rem;
	}
}

@media (min-width: 768px) {
	.contents-box-item{
	padding: 2rem;
	}
}

@media (min-width: 992px) {
	.contents-box-item{
	padding: 3rem;
	}
}

.contents-range{
background-color: #f7f9f9;
}
.contents-range .col-sm-4{
margin-bottom: 15px;
}

.contents-range h3{
font-size: 1.125rem;
}

.contents-range-img{
float: left;
width: 50%;
margin-right: 10px;
}
.contents-range-txt{overflow: hidden;}
@media (min-width: 576px) {
	.contents-range .col-sm-4{
	margin-bottom: 0;
	}
	.contents-range-img{
	float: none;
	width: 100%;
	margin-right: 0;
	}
	.contents-range h3{
	text-align: center;
	margin-top: 30px;
	}
	.contents-range h3+p{
	font-size: 0.875rem;
	}
} 

@media (min-width: 576px){
	.send-button input{
	width: 50%;
	}
}
.entry-lists{ 
	border-bottom: 1px dotted #CCC;
}
.entry-lists li{
	border-top: 1px dotted #CCC;
	padding-top: 1rem;
}
.info-date,.info-ttl{
margin-bottom: 0.3rem;
margin-top: .5rem;
}
.info-ttl{
	font-size: 1.125rem;
	font-weight: bold;
}
.info-excerpt{
	font-size: 0.875rem;
}
.post-navi,.wp-pagenavi{
	margin-top: 3rem;
}
.post-navi ul{
	list-style: none;
	padding-left: 0;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: baseline;
	        align-items: baseline;
}
.post-navi ul li a,.post-navi ul li span,.wp-pagenavi a,.wp-pagenavi span{
	border: 1px solid #102545;
	padding: 5px 10px;
}
.wp-pagenavi a,.wp-pagenavi span{
	margin-left: 0.5rem;
	margin-right: 0.5rem;

}
.post-navi ul li span,.post-navi ul li a:hover,.wp-pagenavi .current{
	background-color: #102545;
	color: #FFF;
}
.post-navi ul li.disabled span{
	border: 1px solid #999;
	background-color: #FFF;
	color: #999;
}
.post-navi ul li a:hover{
	text-decoration: none;
} 
.blog-head{
	display: flex;
	margin-bottom: 0.8rem;
}
.blog-head time{
	margin-right: 0.5rem;
}
.info-cat{display: inline-block;}
.info-cat,.blog-category{
	background-color: #F5F7FA;
    border: 1px solid #E8EBEF;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 1;
}
.blog-shop,.icon-box2 div{
    background:#c6ecff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 1;
    margin-left:5px;
}
.blog-shop a,.icon-box2 div{font-size:.8rem;}
.post-aside .blog-shop,.post-aside .wpp-post-title,.link.post-title,.info-date,.blog-shop{display:inline-block;}
.blog-category ul{
	list-style: none;
	padding-left: 0;
}
.info-cat a,.blog-category a{
	font-size: 0.75rem;
}
.blog-title{
	border-bottom: 1px dotted #CCC;
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
}
.blog-title h2{
	font-size: 2rem;
	font-weight: bold;
	color: #102545;
}
.blog-shop.miyakojima,.iconshop.s1003{
	background: #9C0D81;
	font-weight: normal;
	color:#fff;
}
.iconshop a {
	color: #fff!important;
}
#mini .iconshop.s1003,
#opencar .iconshop.s1003,
#suv .iconshop.s1003
{
	background: #f3a8e5;
	font-weight: normal;
	color:#000;
}
.blog-shop.okinawa,.iconshop.s1001{
	background:#0053B8;
	font-weight: normal;
	color:#fff;
}
#mini .iconshop.s1001,
#opencar .iconshop.s1001,
#suv .iconshop.s1001
{
	background:#a6ceff;
	font-weight: normal;
	color:#000;
}
.blog-shop.okinawa a,.blog-shop.miyakojima a{
	color:#fff;
}
.blog-shop a{
	color:#000;
}

.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.post-share{
margin-top: 3rem;
margin-bottom: 3rem;
}
.post-share li{
vertical-align: top;
line-height: 1;
}
.entry-next-prev{
	border-top: 1px solid #D9DCDC;
	border-bottom: 1px solid #D9DCDC;
	padding: 1rem 0;
	margin-bottom: 3rem;
}
.entry-next-prev ul{
	display: flex;
	flex-wrap: wrap;
}
.entry-next-prev li{
	width:50%;
	padding-bottom: 0.8rem;
}
.entry-next-prev .entry-next{
	text-align: right;
	padding-left: 1em;
}
.entry-next-prev .entry-prev{
	padding-right: 1em;
}
.entry-next-prev .entry-prev:before,
.entry-next-prev .entry-next:before{
	font-size: 0.875rem;
	color: #959494;
	display: block;
}
.entry-next-prev .entry-prev:before{
	content: "前の記事";
}
.entry-next-prev .entry-next:before{
	content: "次の記事";
}

.relate-entry .related-head{
	font-weight: bold;
	background-color: #F5F7FA;
	padding: 0.3rem 0.5rem;
	font-size: 1.125rem;
}
.relate-entry .related ul li{
	margin-bottom: 0.8rem;
}
.relate-entry .related ul li a{
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
}
.relate-entry .related-thumb{
	padding-right: 0.5rem;
} 
.post-aside{
	margin-bottom: 40px;
	margin-top:65px;
}
.post-aside h4{
	font-size: 1.25rem;
	margin-bottom: 2.5rem;
	color: #30476b;
	font-weight: bold;
}
.post-aside .media{
	margin-bottom: 5px;
}
.post-aside .media-image{
	margin-right: 10px;
}
.post-aside .media-image .blog-recent-img{
	width: 70px;
	height: 70px;
}
.post-aside .media .media-body{
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.post-aside .media .media-body time{
	display: block;
}
.popular-entry ul{
	padding-left: 0;
	list-style: none;
}
.popular-entry ul li .popul-view{
	display: block;
	font-size: 0.75rem;
	color: #959494;
}
.post-category li a:before{
	content: "\E315";
	font-family: 'Material Icons';
	vertical-align: middle;
	padding-right: 5px;
	display: inline-block;
}
.widget_article_box{
	padding:0 10%;
} 
.blog-body .wp-video,.blog-body .wp-video-shortcode{
    width: 100%!important;
    height: 75%;
} 
/* .slick-next,.slick-prev{
	z-index:1!important;
} */
.slick-counter{
	z-index:1!important;
}
@media screen and (max-width:768px){
	div .page-sns{
		flex-wrap: wrap;
		width:100%;
		text-align: center;
	}
	div .page-sns > div{
		width: 100%;
	}
	div .page-sns > div:first-of-type{
		margin:0 0 40px 0;
	}
	.page-sns .page-inst .inst-parts {
		margin: auto;
	}
	.sp-img-100{
		width:100%;
	}
	}


#nav_bodytype>ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
}


#nav_bodytype li a{
	color:#102545;
}

.body_car_type{
	font-size: 2rem;
	margin:2rem 0;
	width: 100%;
	text-align: center;
}

.section.hasbnr_sec{
	padding-top:2rem!important;
}
.pages-nav.hasbnr_sec{
    margin-bottom: 3rem!important;
}

.page-sns{
	display: flex;
	width: 65%;
	margin:auto;
}
.page-sns > div{
	width: calc(100%/2);
}
.page-sns > div:first-of-type{
	margin-right: 65px;
}
.page-sns .page-inst .inst-parts{
	width:300px;
}
.top-bnrbox div{
	width: calc(100%/2);
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: .8rem!important;
}

.related-thumb img {
    max-width: 100px;
}

.privacy dl{
	margin-bottom: 2rem;
}
.privacy dt{
	margin-bottom: 1rem;
}
.privacy ul{
	margin-top: 1em;
}
.privacy-contact{
	text-indent: -1em;
	padding-left: 1em;
}

.nav_cat_img {
    display: flex;
	flex-wrap: wrap;
	margin: auto;
	width: 90%;
	justify-content:center;
}
.nav_cat_img a{
	width: calc(100%/6);
	text-align: center;
}
.nav_cat_img a img,.nav_cat_img a p{
	width:85%;
}
.nav_cat_img a img:hover{
	filter:contrast(200%);
	opacity: .8;
	transition:all .3s ease-out;
}
.nav_cat_img h2,#lineup .row h2,#lineupjp .row h2{width:100%;display:block;font-size:1.4rem;color:#001f50;font-weight:bold;text-align:center;margin-bottom:15px;}
.nav_cat_img p{
	text-align: center;
	font-weight: bold;
	padding: .5em;
	color:#fff;
	background:#102545;
	display: inline-block;
	font-size:.7rem;
}
.nav_cat_img p.japan{
	background: #800;
}

nav .dropdown-menu{
	border:none;
}

.plus50{
	height:155%!important;
}

#insta_feed{margin-bottom:50px;}
.insta_box{display:flex;flex-wrap:wrap;justify-content:center}
.insta_box>a{width:16.66%;overflow:hidden;position:relative}
.insta_box>a:before{content:"";display:block;padding-top:100%}
.insta_box img,.insta_box video{transform:scale(1.01,1.01);object-fit:cover;object-position:center;position:absolute;width:100%;height:100%;top:0;bottom:0;right:0;left:0;margin:auto;transition:.5s all}
.insta_box img:hover,.insta_box video:hover{transform:scale(1.1,1.1)}
h3.bloglist_ttl{
    font-size: 1.6rem;
    margin-bottom:30px;
    width: 100%;
    text-align: center;
    color: #102545;
    font-weight: bold;
}
@media screen and (min-width:769px){
	#insta_feed.insta_feed_w {background-color:#102545;padding:30px 20px;}
	h3.ttl03.insta-title {color: #fff;}
	.place_box{padding:20px;}
	h3.bloglist_ttl{
		margin-bottom:50px;
	}
	.nav_cat_img p{font-size: .95rem;}
	.nav_cat_img.blog a{
		width: calc(100%/5);
		text-align: center;
	}
	.insta_box>a:nth-child(2),.insta_box>a:nth-child(4),.insta_box>a:nth-child(8){width:33.32%}.insta_box>a:nth-child(2):before,.insta_box>a:nth-child(4):before,.insta_box>a:nth-child(8):before{padding-top:50%}}
@media screen and (max-width:768px){.insta_box>a{width:33.32%;overflow:hidden;position:relative}}

.insta_container{display: flex;justify-content: space-between;}
.place_box{width:49%;background-color:#fff;}
.insta_box.insta_box_w{display:flex;flex-wrap:wrap;justify-content:center;}
.insta_box_w>a{width:33.33%;overflow:hidden;position:relative}
@media screen and (max-width:768px){
	.place_box{width:100%;margin-top:20px;background-color:unset;padding-bottom:25px;padding: 20px 0;}
	.insta_container{display:unset;}
}

.modal{
	position:fixed;
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:700px;
	height: 650px;
	background:#fff;
	color:#000;
	z-index:999;
	display: none;
  }
  .modal_layer{
	  width:100%;
	  height:100%;
	  background:rgba(0, 195, 255, 0.5);
	  position: fixed;
	  z-index:998;
	  display:none;
  }
  .modal > p{
	cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    left: auto;
    top: 10px;
  }
  .modal > p > span::before,
.modal > p > span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 10%;
	margin: -8% 0 0 -42%;
	background: #999;
}
.modal > p > span::before {
	transform: rotate(-45deg);
}
.modal > p > span::after {
	transform: rotate(45deg);
}
  .md_cont{
	text-align:center;
	padding:5rem;
	line-height:2rem;
	height:100%;
  }
  .md_cont .box-red{
	  border: 2px solid red;
	  color:red;
	  padding-top:15px;
	  margin-bottom: 15px;
  }
  .md_cont img{
	margin-bottom: 1rem;
  }
  .logo_img {
	text-align: center;
    margin: auto;
    display: block;
	}
	.logo_old{
		display: inline;
		width:55%;
	}
	.md_cont .mark{
		display: inline;
		width:15%;
		background-color: transparent;
		padding: 0;
	}
	.logo_new{
		width: 30%;
	}
	#lineup .lineup-intor{margin-bottom:30px;}
	.nav_cat_img{margin-bottom:35px;}
  @media screen and (max-width:768px){
	.nav_cat_img a{
		width: calc(100%/3);
	}
	  .modal{
		  width:85%;
		  height:450px;
	  }
	  .modal > p{
		  width:20px;
		  height:20px;
	  }
	  .md_cont{
		padding: 2rem;
		line-height:1.5rem;
	  }
	  .md_cont p{
		  font-size:10px;
	  }
	  .md_cont img {
		margin-bottom: 1rem;
	}
	.logo_old{
		margin-left: .5rem;
	}
	.logo_new {
		margin-left: 1rem;
	}
   	.telbox.open{display:block;bottom:50px;}
	.pagetop.telopen{bottom:210px;}
  }
  @media screen and (min-width:768px){
	.logo_old {
		width: 35%;
	}
	.logo_new {
		width: 20%;
		margin-left: 2rem;
	}
  	.topren a{font-size: 1rem!important;}
	#foreigner dt br,#foreigner+dl dt br{display:none;}
	.sbox_layer{display:none;background:#000;opacity: .5;width:100%;height:100%;position:fixed;top:0;z-index:99;margin-right: 17px;}
	#home-main #search-box.click{z-index: 100!important;}
	body.fixed{overflow:hidden;}
   	.telbox{display: none!important;}
  }
  .fr_btn{border:1px solid #102545;}
  .fr_btn:hover{border:1px solid #102545;}
  .topren a+a{margin-left:1rem;}
  .topren a{font-size: .9rem;}
  .gs_car_bnr{
	content: "";
	position: relative;
	width: 100%;
	padding-top: 25%;
	margin-bottom: 1rem;
  }
  .gs_car_bnr img{    
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
   }
	input[type="date"]::-webkit-calendar-picker-indicator {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		background: transparent;
		z-index: 1;
	}
   #search-box .selfocus{background: #ffed70;}
   .telbox{width:100%;background: #fff;position:fixed;bottom:-180px;z-index:2;transition:bottom .5s;}
   .telbox li{list-style: none;font-size:1.2rem;padding:15px;text-align: center;border-top:1px solid #ccc;font-weight: bold;}
   .telbox ul a{color:#001f50;}
   .telbox ul{margin:0;padding:0;}
   .telbox p{background:#f9daa1;margin:0;padding:5px;text-align: center;}