@charset "utf-8";
/* CSS Document */

* {
	box-sizing: border-box;
	white-space: normal;
}
html {
	font-size: 62.5%; /* font-size 1em = 10px */
}
*:focus {
	outline: none;
}
a {
	text-decoration: none;
	position: relative;
	color: rgba(0,0,0,1);
}
a:hover,a img:hover {
	opacity: 0.8;
}
img {
	width: 100%;
	vertical-align: bottom;
	display: block;
}

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	position: relative;
	line-height: 1.6;
	color: rgb(43,43,43);
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	z-index: 1;
}
html {
	font-size: 50%; /* font-size 1em = 10px */
}
html, body {
	height: 100%;
}


/* 0_Rule */



.font18 {
	font-size: 1.8rem;
}
.sp_contents {
	display: block;
}
.pc_contents {
	display: none;
}


/* 1_wrapper */


#wrapper {
	width: 100%;
	padding: 10px 10px 0;
	position: relative;
	z-index: 100;
	background-color: rgba(255,255,255,1);
}
 /*   animation: Inbox 2.5s ease 0s;
    -webkit-animation: Inbox 2.5s ease 0s;
}
@keyframes Inbox {
    0% { padding: 0}
    70% { padding: 0}
    100% { padding: 10px}
}

@-webkit-keyframes Inbox {
    0% { padding: 0}
    70% { padding: 0}
    100% { padding: 10px}
}
*/
#mainvisual {
	min-height: 80vh;
/*	overflow: hidden; */
	border-bottom: 10px solid rgba(255,255,255,1);
	position: relative;
}


/* 2_header */


header {
	position: relative;
	z-index: 100;
}
.sp_menu {
	position: absolute;
	width: 23px;
	height: 18px;
	background-image: url(../images/sp/sp_menubtn.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	top: 6px;
	left: 4px;
	cursor: pointer;
	z-index: 610;
}
.sp_menu.menu_active {
	width: 18px;
	background-image: url(../images/sp/sp_closebtn.png);
}
video {
	position: relative;
	width:-moz-calc(100% + 20px) ;
	width:calc(100% + 20px) ;
	width:-webkit-calc(100% + 20px) ;
    top: -10px;
    z-index: -100;
    left: -10px;
}
.gloval_nav {
	width:-moz-calc(100% + 20px) ;
	width:calc(100% + 20px) ;
	width:-webkit-calc(100% + 20px) ;
	height: 100vh;
	padding: 80px 0 50px;
	margin: auto;
	position: absolute;
	top: -10px;
	left: -10px;
	display: none;
	background-color: rgba(0,0,0,0.8);
}
.gloval_nav li {
	width: 100%;
	padding: 20px 0;
	display: block;
	text-align: center;
    font-size: 2rem;
    color: rgba(255,255,255,1);
}
.gloval_nav span {
	display: block;
	font-size: 1.4rem;
	line-height: 1;
}
.gloval_nav span a {
	display: block;
}
.gloval_nav img.blank {
	width: 10px;
	padding: 10px 0 6px 0px;
	display: inline-block;
}
.social_nav {
	width: 18%;
	position: absolute;
	top: 6px;
	right: 6px;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
	z-index: 610;
}
.social_nav li {
	padding: 0;
}
.tel {
	width: 22px;
}
.mail {
	width: 26px;
}


/* 3_mainvisual */


#news_box {
	width: 100%;
	padding: 0 20px;
	position: relative;
	top: 0;
}
.mv_title {
	padding: 50px 0 10px;
	font-size: 2.0rem;
	text-align: left;
	color: rgba(82,102,89,1);
}
#news_box ul {
	padding: 10px 10px 20px;
	margin: auto;
	background-color: rgba(236,236,236,1);
}
#news_box ul a {
	color: rgba(0,0,0,1);
}
#news_box dl {
	padding: 0 0 16px;
	font-size: 1.4rem;
	border-bottom: 1px solid rgba(0,0,0,1);
}
#news_box dl dt {
	padding: 8px 0 4px;
}
#news_box dl dd {
	line-height: 1.4;
}
#logo {
	width: 28%;
	position: absolute;
	top: 10%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#topices {
	width: 100%;
	padding: 0 20px;
	position: relative;
	top: 0;
}
#topices ul li {
	margin-bottom: 10px;
	border: none;
	text-align: center;
}
#reservation {
	width: 70px;
	position: fixed;
	top: auto;
	bottom: 50px;
	right: 9px;
	z-index: 200;
}
#arrows1 {
	width: 30px;
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


/* 4_fixnavi */


.fixnavi {
	width: 100%;
	height: 50px;
    margin: 0 -10px 0 -10px;
    background-color: rgba(82,102,89,1);
    position: fixed;
    z-index: 600;
    top: 0;
}
.fixnavi::before {
	width: 100%;
	height: 50px;
	bottom: 0;
	content: '';
	position: absolute;
	box-shadow: 1px 1px 7px 7px rgba(0,0,0,0.7);
	z-index: 600;
}
.fixnavi h1	{
	width: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 610;
}
.fixnavi h1.zindex {
	z-index: 0;
}
.fixnavi ul.gloval_nav {
	height: 100vh;
	padding: 80px 0 50px;
	top: 0;
}
.fixnavi ul.gloval_nav li {
	padding: 20px 0;
}
.fixnavi ul.social_nav {
	top: 18px;
	right: 16px;
}
.fixnavi .sp_menu {
	top: 16px;
	left: 14px;
}



/* 5_page_title */


.page_title {
    padding: 130px 0 40px;
    background: url(../images/sp/sp_h1icon.png) no-repeat center 90px;
	background-size: 122px;
	text-align: center;
	font-size: 3.8rem;
	font-weight: bold;
	color: rgba(82,102,89,1);
}
.page_title span {
	display: block;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.2;
}


/* 6_aboutus */


#aboutus {
	padding: 0;
}
#aboutus_box {
	width: 100%;
	margin: 0 auto 20px;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
}
#aboutus_box a {
	width: 32%;
}
#aboutus_box li {
	width: 100%;
	padding: 0 0 6px;
	border-bottom: 4px solid rgba(181,181,181,1);
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: rgba(82,102,89,1)
}
#aboutus_box li.tab_active {
	border-bottom: 4px solid rgba(82,102,89,1);
	position: relative;
}
#aboutus_box li.tab_active::before {
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	top: 89%;
	bottom: 0;
	left: 50%;
	border-style: solid;
	border-width: 10px 11px 0 11px;
	border-color: rgba(82,102,89,1) transparent transparent transparent;
	-webkit-transform: translate(-50%,100%);
	-moz-transform: translate(-50%,100%);
	-ms-transform: translate(-50%,100%);
	-o-transform: translate(-50%,100%);
	transform: translate(-50%,100%);
}
#aboutus_box li img {
	width: 100%;
	margin: 0 auto;
}
.aboutus_inboxs {
	width: 100%;
	height: 480px;
	overflow-y: scroll;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.aboutus_inboxs::-webkit-scrollbar{
    width: 6px;
}
.aboutus_inboxs::-webkit-scrollbar-thumb{
    background: rgba(81,102,89,1);
}
.aboutus_inboxs::-webkit-scrollbar-track-piece:start{
    background: rgba(181,181,181,1);
}
.aboutus_inboxs::-webkit-scrollbar-track-piece:end{
    background: rgba(181,181,181,1);
}
.aboutus_inboxs::before {
	width:-moz-calc(100% - 26px) ;
	width:calc(100% - 26px) ;
	width:-webkit-calc(100% - 26px) ;
	height: 480px;
	content: '';
	position: absolute;
	background: rgba(0,0,0,0.5);
	z-index: 100;
}
.aboutus_inner {
	width: 100%;
	padding: 70px 30px;
	margin: 0 auto;
	position: relative;
	font-size: 1.4rem;
	color: rgba(255,255,255,1);
	z-index: 200;
}
.aboutus_logo {
	padding: 60px 0 20px;
}
.aboutus_logo img {
	padding: 0 60px 30px;
}
#aboutus_inbox1 .aboutus_logo h2 {
	padding: 0 0 20px;
}
#aboutus_inbox1 {
	background-image: url(../images/IMG_9012.jpg);
}
#aboutus_inbox1 h2 {
	padding: 0 0 50px;
	text-align: center;
	font-size: 3.2rem;
	color: rgba(255,223,79,1);
}
#aboutus_inbox2,#aboutus_inbox3 {
	background-image: url(../images/IMG_8972.jpg);
}
.aboutus_inner figure {
	width: 210px;
	margin: auto;
}
#aboutus_inbox2 h2,#aboutus_inbox3 h2 {
	padding: 40px 0 20px;
	font-size: 1.6rem;
	font-weight: normal;
}
.aboutus_inner figure {
	width: 210px;
	margin: auto;
}
#aboutus_inbox2 h2 span,#aboutus_inbox3 h2 span {
	font-size: 2.0rem;
}
.aboutus_inboxs {
	display: none;
}
.aboutus_inboxs.tab_show {
      display: block;
      opacity: 1;
      animation-duration: 1.5s;
      animation-name: fade-in;
      -moz-animation-duration: 1.5s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 1.5s;
      -webkit-animation-name: fade-in;
    }
    @keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
.aboutus_inboxs.tab_show p {
      animation-duration: 3s;
      animation-name: fade-in3;
      -moz-animation-duration: 3s;
      -moz-animation-name: fade-in3;
      -webkit-animation-duration: 3s;
      -webkit-animation-name: fade-in3;
    }
    @keyframes fade-in3 {
      0% {
        display: none;
        opacity: 0;
      }
      40% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
    @-moz-keyframes fade-in3 {
      0% {
        display: none;
        opacity: 0;
      }
      40% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
    @-webkit-keyframes fade-in3 {
      0% {
        display: none;
        opacity: 0;
      }
      40% {
        display: block;
        opacity: 0.1;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }


/* 7_topics */


#topics_box {
	width: 100%;
	padding: 0 20px;
	display: block;
}
#topics_box a {
	width: 100%;
}
#topics_box li {
	position: relative;
}
#topics_box a:hover {
	opacity: 1;
}
#topics_box li:after {
	width: 0%;
	height: 100%;
	content: ' ';
	position: absolute;
	top: 0;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.5);
}
#topics_box li:hover:after {
	width: 100%;
	-webkit-transition: 0.3s;
	-moz-transition:  0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#topics_box li.comingsoon:after {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	justify-content: center;
	align-items: center;
	content: 'Coming Soon';
	opacity: 1;
	font-size: 3rem;
	color: rgba(255,255,255,0.8);
	font-family: 'Montserrat', sans-serif;

}
#topics_box li em,#topics_box li span {
	width: 100%;
	position: absolute;
	left: 3%;
	opacity: 1;
	z-index: 500;
}
#topics_box li em {
	bottom: 18%;
	font-size: 2.4rem;
	font-style: normal;
	color: rgba(255,255,255,1);
}
#topics_box li span {
	bottom: 8%;
	font-size: 1.4rem;
	color: rgba(255,255,255,1);
}


/* 8_footer */

#nn_box {
	width: 100%;
	height: 143px;
	opacity: 0;
}

#map {
	width:-moz-calc(100% + 20px);
	width:calc(100% + 20px);
	width:-webkit-calc(100% + 20px);
	margin: 0 0 0 -10px;
	height: 240px;
	border: 0;
}
footer {
	width: 100%;
	position: relative;
	overflow: auto;
}
#foot {
	width: 100%;
	position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 20px 0 5px;
	background-color: rgba(51,51,51,1);
	-webkit-transform: translateZ(0);
}
#foot_box {
	width: 100%;
	padding: 0 0 20px;
	margin: auto;
	display: block;
}
#foot_box h1 {
	width: 100%;
	margin: auto;
	padding: 0;
}
#foot_box h1 img {
	width: 150px;
	margin: auto;
}
.foot_address {
	width: 100%;
	padding: 6px 0;
	text-align: center;
}
.foot_inbox {
	width: 80%;
	margin: auto;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
}
#foot_box .foot_inbox ul {
	width: 50%;
	padding: 0 10px;
}
#foot_box .foot_inbox ul:first-child {
	border-right: 1px solid rgba(139,139,139,1);
	text-align: right;
}
#foot_box ul li,#foot_box ul li a,.foot_address {
	color: rgba(255,255,255,1);
}
#foot small {
	display: block;
	text-align: center;
	font-style: italic;
	color: rgba(139,139,139,1);
}


/* 10_breadcrumb */


#breadcrumb {
	padding:50px 0 0 10px;
}
#breadcrumb li {
	height: 20px;
	display: inline-block;
	font-size: 1.2rem;
}
#breadcrumb li:first-child {
	padding: 12px 0 0;
}
#breadcrumb li img {
	width: 12px;
}


/* 11_Service */


#service {
	width: 100%;
	padding: 0 30px;
	margin: auto;
	display: block;
}
#service_title {
	padding: 110px 0 40px;
	background: url(../images/h1icon.png) no-repeat center 60px;
}
#service div {
	width: 100%;
	margin: 0 0 20px;
	position: relative;
	-webkit-display: flex;
	display: flex;
	align-items: stretch;
}
#service div.comingsoon:after {
	width:46.875%;
	height: 0%;
	content: ' ';
	position: absolute;
	top: 0px;
	background-color: rgba(0,0,0,0.8);
	box-sizing: border-box;
	font-size: 1.8rem;
	color: rgba(255,255,255,1);
}
#service div.comingsoon:hover:after {
	height: 100%;
	content: 'Coming Soon';
	-webkit-transition: 0.3s;
	-moz-transition:  0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-family: 'Montserrat', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
#service div p {
	width:46.875%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#service div p.service_image1 {
	background-image: url(../images/sp/sp_service_banner1.png);
}
#service div p.service_image2 {
	background-image: url(../images/sp/sp_service_banner2.png);
}
#service div p.service_image3 {
	background-image: url(../images/sp/sp_service_banner3.png);
}
#service div p.service_image4 {
	background-image: url(../images/sp/sp_service_banner4.png);
}
#service dl {
	width: 53.125%;
	height: auto;
	padding: 10px 10px 20px;
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}
#service dl dt {
	padding: 0 0 6px;
	margin: 0 0 6px;
	font-size: 2.2rem;
	border-bottom: 1px solid rgba(153,153,153,1);
}
#service dl dt span {
	display: block;
	font-size: 1.6rem;
	color: rgba(255,223,79,1);
}
#service dl dd {
	font-size: 1.2rem;
}


/* 12_Rent a Car */


#rentacar_title {
	padding: 110px 0 40px;
	background: url(../images/h1icon.png) no-repeat center 60px;
}
#rentacar {
	width: 100%;
	padding: 0 20px;
	margin: auto;
}
.rentacar_boxtitle {
	border-left: 6px solid rgba(81, 102, 89,1);
	padding: 0 0 0 6px;
	margin: 0 0 20px;
	line-height: 1;
}
.rentacar_boxtitle h2 {
	padding: 0 0 8px;
	font-size: 2.2rem;
	color: rgba(81, 102, 89,1);
}
.rentacar_boxtitle p {
	padding: 0 0 6px;
	font-size: 1rem;
	font-weight: bold;
	color: rgba(0,0,0,1);
}
.rentacar_boxtitle p:last-child {
	padding: 0;
}
.rentacar_box {
	padding: 0 0 40px;
	display: block;
}
.rentacar_box:last-child {
	padding: 0;
}
.rentacar_inbox {
	width: 100%;
	height: 100%;
	margin: 0 0 20px;
	-webkit-display: flex;
	display: flex;
	color: rgba(255,255,255,1);
}
.rentacar_image {
	width:46.875%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.rentacar_noimage1 {
	background-image: url(../images/noimg01.png);
}
.rentacar_noimage2 {
	background-image: url(../images/noimg02.png);
}
.rentacar_noimage3 {
	background-image: url(../images/noimg03.png);
}
.rentacar_image1 {
	background-image: url(../images/rentacar/zil520/campingcar_sp_thumbnail.png) ;
}
.rentacar_image2 {
	background-image: url(../images/rentacar/amity/campingcar_sp_thumbnail.png) ;
}
.rentacar_image3 {
	background-image: url(../images/rentacar/zil/campingcar_sp_thumbnail.png) ;
}
.rentacar_image4 {
	background-image: url(../images/sp/sp_rentacar4.png);
}
.rentacar_image5 {
	background-image: url(../images/sp/sp_rentacar5.png);
}
.rentacar_image6 {
	background-image: url(../images/sp/sp_rentacar6.png);
}
.rentacar_new:before {
	width: 60px;
	padding: 4px 0;
	content: 'New';
	background-color: rgba(0,0,0,1);
	position: absolute;
	top: 0px;
	color: rgba(254,222,92,1);
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
.rentacar_inner {
	width: 53.125%;
	padding: 20px 10px;
	background-color: rgba(0,0,0,1);
}
.rentacar_inner em {
	font-size: 1.4rem;
	font-style: normal;
	color: rgba(254,222,92,1);
}
.rentacar_inner dl dt {
	padding: 0 0 4px;
	font-size: 1.6rem;
	border-bottom: 1px solid rgba(102,102,102,1);
}
.rentacar_inner dl dd {
	font-size: 1.2rem;
}
.rentacar_inner ul {
	padding: 14px 0 10px;
	-webkit-display: flex;
	display: flex;
}
.rentacar_inner ul li {
	width: 50%;
	padding: 0 0 0 24px;
	position: relative;
	display: inline-block;
	font-size: 1.1rem;
	line-height: 1;
}
.rentacar_inner ul li:before {
	width: 30px;
	height: 30px;
	content: ' ';
	position: absolute;
	top: 4px;
	left: 0px;
	background-size: 18px!important;
	background-repeat: no-repeat;
}
.rentacar_inner ul li.rentacar_icon1:before {
	background-image: url(../images/rent_icon1.png);
}
.rentacar_inner ul li.rentacar_icon2:before {
	background-image: url(../images/rent_icon2.png);
}
.rentacar_inner ul li.rentacar_icon3:before {
	background-image: url(../images/rent_icon3.png);
}
.rentacar_inner ul li span {
	padding: 4px 0 0;
	display: block;
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
}


/* 12_webasto */


#webasto_title {
	width: 100%;
	padding: 50px 0 0;
	margin: auto;
}
#webasto {
	width: 100%;
	padding: 0 30px;
	margin: auto;
}
#webasto h2 {
	padding: 50px 0 40px;
	background: url(../images/sp/sp_webasto_arrow.png) no-repeat center 82px;
	background-size: 28px;
	text-align: center;
	font-size: 2.8rem;
	color: rgba(83,102,88,1);
}
.webasto_box {
	width: 100%;
	display: block;
}
.webasto_image {
	width: 100%;
	visibility: visible;
	opacity: 0;
}
.webasto_inbox {
	width: 100%;
	padding: 20px;
	background-color: rgba(0,0,0,1);
}
.webasto_inbox dl dt {
	padding: 0 0 20px;
	border-bottom: 1px solid rgba(102,102,102,1);
	font-size: 2.2rem;
	color: rgba(254,222,92,1);
}
.webasto_inbox dl dd {
	padding: 10px 0;
	font-size: 1.4rem;
	color: rgba(255,255,255,1);
}
#webasto h2.res_title,.car_box h2.res_title {
	padding: 50px 0 30px;
	background: url(../images/sp/sp_webasto_arrow.png) no-repeat center 104px;
	background-size: 28px;
}
#webasto h2.res_title span,.car_box h2.res_title span {
	display: block;
	font-size: 1.4rem;
	line-height: 1;
}
#service.sub_service {
	width: 100%;
}
.res_lineat {
	width: 156px;
	margin: 0 auto 70px;
}


/* 13_campingcar */


.car_kv {
	width: 100%;
	padding: 20px 0 50px;
	margin: auto;
	position: relative;
}
.car_kv .rentacar_inner {
	width: 100%;
	padding: 12px 20px;
	position: relative;
	top: 0;
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}
.car_kv .rentacar_inner ul {
	padding: 5px 0;
}
.car_kv .rentacar_inner ul li {
	width: 25%;
}
.car_kv .rentacar_inner dl dt {
	border-bottom: none;
	font-size: 2.0rem;
	line-height: 1.4;
}
.car_box {
	width: 100%;
	padding: 50px 20px 10px;
	margin: auto;
	display: block;
	background-color: rgba(236,236,236,1);
}
.car_inbox {
	padding: 0 0 50px;
	font-size: 1.4rem;
}
.car_inbox table,.car_inbox th,.car_inbox td {
    border: none;
	border-spacing: 0px;
}
.car_inbox h2 {
	padding: 0 0 0 10px;
	margin: 0 0 18px;
	border-left: 5px solid rgba(82,102,89,1);
	font-size: 2.2rem;
	line-height: 1;
}
.car_inbox p {
	padding: 0 0 20px 1rem;
}
.car_inbox p a {
	color: #00F;
	font-weight: bold;
}
.car_inbox th,.car_inbox td {
	border-bottom: 1px solid rgba(236,236,236,1);
	background-color: rgba(255,255,255,1);
	font-weight: normal;
}
.car_layout1 {
	width: 100%;
}
.car_layout2 {
	width: 100%;
}
.car_gallery {
	width: 100%;
	padding: 0 0 50px;
}
.car_gallery p {
	width: 100%;
	height: 66.666667%;
	padding: 0;
	visibility: visible;
}
.car_gallery ul {
	-webkit-display: flex;
	display: flex;
	flex-wrap: wrap;
	padding: 0.5% 0 0 0;
}
.car_gallery ul li {
	width: 16.666667%;
	padding: 0.5%;
}
.car_gallery ul li img {
	cursor: pointer;
}
.car_movie {
	position:relative;
	width:100%;
	padding:56.25% 0 0;
	margin: 0 0 50px;
}
.car_movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.car_table1 {
	font-size: 1.2rem;
}
.car_box table {
	width: 100%;
	table-layout: fixed;
	word-break: break-word;
}
.car_table1 th,.car_table3 th {
	background-color: rgba(82,102,89,1);
	text-align: center;
	color: rgba(255,255,255,1);
}
.car_table1 th {
	width: 36%;
	padding: 6px 0 6px 20px;
}
.car_table1 td {
	width: 64%;
	padding: 6px 0 6px 20px;
}
.car_table1 th,.car_table1 td {
	text-align: left;
}
.car_table2 table {
	margin: 0 0 10px;
	font-size: 1.1rem;
}
.car_table2 td {
	width: 25%;
	padding: 6px 0;
	background-color: rgba(255,255,255,1);
	border-right: 1px solid rgba(236,236,236,1);
	text-align: center;
}
.car_table2 td:nth-child(3) {
	border-right: none;
}
.car_table2 p,.car_table3 p {
	font-size: 1.2rem;
}
.car_table3 table {
	margin: 0 0 10px;
}
.car_table3 th,.car_table3 td {
	width: 33.3334%;
	padding: 6px 0;
	border-right: 1px solid rgba(236,236,236,1);
	border-bottom: 1px solid rgba(236,236,236,1);
}
.car_table3 td {
	text-align: center;
}
table.sp_contents {
	display: inline-table;
}
.car_caption {
	padding: 0;
}
.car_caption dl {
	padding: 0 0 20px;
}
.car_caption dl dt {
	padding: 0 0 6px;
	font-size: 1.6rem;
	font-weight: bold;
}
.car_caption dl dd {
	padding: 0 0 0 20px;
}
.car_caption dl dd.car_card {
	padding: 20px;
}
.car_caption dl dd.car_caption_text {
	font-size: 1rem;
	color: rgba(102,102,102,1);
}
.car_caption dl dd.car_card img {
	width: 100%;
}
.car_layout1 span,.car_caption dl dd span {
	color: rgba(211,31,31,1);
}
.car_box h2.res_title {
	text-align: center;
	font-size: 2.8rem;
	color: rgba(83,102,88,1);
}
.othercar_btn {
	width: 156px;
	margin: 40px auto 0;
}


/* 13_privacy */


#privacy h2 {
	font-size: 2rem;
	padding: 0 0 30px;
}
#privacy dl {
	padding: 0 0 40px;
}
#privacy dl dt {
	padding: 0 0 0 10px;
	margin: 0 0 10px;
	border-left: 5px solid rgba(82,102,89,1);
	font-size: 1.8rem;
}
#privacy dl dd {
	padding: 0 0 0 20px;
	font-size: 1.6rem;
}