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

/*TOP*/



.news-video-wrapper{
	display:flex;
	justify-content:space-between;
}

.nv-col-6{
	width:50%;
}

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
h1 {
	margin: 0;
}
h2, h3 {
	line-height: 1.3;
}
p {
	line-height: 1.8;
	font-size: 1.2em;
}
.container {
	max-width: none !important;
	width: 1100px;
}
.cover {
	width: 100%;
}
nav {
	margin: 0;
	padding: 0;
}
.navi {

	/*background: #E02023;*/

	background-color:#ff4d00;
	width: 100%;
	height: 60px;
	line-height: 60px;
}
.navi ul {
	text-align: center;
	font-size: 0;
}
.navi li {
	display: inline-block;
	color: #fff;
	width: 20%;
	line-height: 1.4;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.navi li a {
	padding-top: 20px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	height: 58px;
}
.navi li a:hover {
	transition-duration: 0.8s;
	background: #fb463b;
}
video {
	width: 100%;
	border: 3px solid #000000;
	height:320px;
}
footer a {
	color: #000000;
}
hr {
	border: 1px solid #c9c3ad;
	margin-top: 40px;
}
.title_about {
	background: url(../img/bg_about.gif) repeat-x;
	text-align: center;
}
.title_about img {
	padding: 10px;
}
.title_shop {
	background: url( ../img/bg_orange.gif) repeat-x;
	text-align: center;
}
.title_shop img {
	padding: 10px;
}
.title_contact {
	background: url( ../img/bg_blue.jpg) repeat-x;
	text-align: center;
}
.title_contact img {
	padding: 10px;
}
.bnr-reserve{
margin-top: 40px;
}
.title_reserve {
	background: url( ../img/bg_yellow.jpg) repeat-x;
	text-align: center;
}
.title_reserve img {
	padding: 10px;
}
.wrapper {
	background: #fffbed;
}
/*inner*/

.wrapper-inner {
	background: #fffbed;
	margin-top: -20px;
	border-top: 1px solid #bcbcbc;
}
.breadcrumb {
	width: 100%;
	padding: 10px 20px;
	font-size: 1.3rem;
	background-color: #FFFFFF;
}
.breadcrumb a {
	color: #000000;
	text-decoration: underline;
}
.car_list_submenu {
	text-align: center;
}
.car_list_submenu img {
	padding: 20px;
}
.carlist {
	background: #fffbed;
}
.title_cost {
	background: url(../img/bg_carlist_pink.jpg) repeat-x;
	height: 120px;
	text-align: center;
	line-height: 100px;
}
.title_popular {
	background: url( ../img/bg_carlist_blue.jpg) repeat-x;
	height: 120px;
	text-align: center;
	line-height: 100px;
}
.title_custom {
	background: url(../img/bg_carlist_green.jpg) repeat-x;
	height: 120px;
	text-align: center;
	line-height: 100px;
}
.car-list-3col img {
	padding-right: 20px;
}
/*pagetop*/

.pagetop {
	position: fixed;
	bottom: 20px;
	right: -180px;
}
.pagetop img {
	width: 25%;
}
/*margin*/

.m_top0 {
	margin-top: 0;
}
.m_top10 {
	margin-top: 10px;
}
.m_top20 {
	margin-top: 20px;
}
.m_top30 {
	margin-top: 30px;
}
.m_top40 {
	margin-top: 40px;
}
.m_top50 {
	margin-top: 50px;
}
.m_top60 {
	margin-top: 60px;
}
.m_top70 {
	margin-top: 70px;
}
.m_top80 {
	margin-top: 80px;
}
.m_bottom0 {
	margin-bottom: 0;
}
.m_bottom10 {
	margin-bottom: 10px;
}
.m_bottom20 {
	margin-bottom: 20px;
}
.m_bottom30 {
	margin-bottom: 30px;
}
.m_bottom40 {
	margin-bottom: 40px;
}
.p_left0 {
	padding-left: 0;
}
.p_left10 {
	padding-left: 10px;
}
.p_left20 {
	padding-left: 20px;
}
.p_left30 {
	padding-left: 30px;
}
.p_left40 {
	padding-left: 40px;
}
.p_all_0 {
	padding: 0;
}
.p_all_10 {
	padding: 10px;
}
.p_all_20 {
	padding: 20px;
}
.p_all_30 {
	padding: 30px;
}
.p_all_40 {
	padding: 40px;
}
.p_all_50 {
	padding: 50px;
}
/*gridのgutter調整*/
.row-0 {
	margin-left: 0px;
	margin-right: 0px;
}
.row-0 div {
	padding-right: 0px;
	padding-left: 0px;
}
.row-10 {
	margin-left: -5px;
	margin-right: -5px;
}
.row-10 div {
	padding-right: 5px;
	padding-left: 5px;
}
.row-20 {
	margin-left: -10px;
	margin-right: -10px;
}
.row-20 div {
	padding-right: 10px;
	padding-left: 10px;
}
.row-30 {
	margin-left: -15px;
	margin-right: -15px;
}
.row-30 div {
	padding-right: 15px;
	padding-left: 15px;
}
.row-40 {
	margin-left: -20px;
	margin-right: -20px;
}
.row-40 div {
	padding-right: 20px;
	padding-left: 20px;
}


.rank{
	background-image:url(../img/back.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	height:500px;
}
.rank ul{
	list-style-type:none;
	display:flex;
	display:-webkit-flex;
	display:space-between;
	margin-top:15px;
	padding-left:20px;
}
.rank ul li{
	padding:10px;
	position:relative;
	border-right:4px dashed #182987;
	margin-right:10px;
}
.rank ul li:last-child{
	border-right:none;
	margin-right:0;
}

.medal{
	position:absolute;
	top:0;
	left:0;
}
.ranking-car{
	display:block;
	margin:0 auto;
}
.ranking-car + p{
	font-weight:bold;
	background-color:#fff000;
	display:inline-block;
	font-size:1.1em;
	margin-top:15px;
}
.rank ul li span{
	display:block;
	color:#e50012;
	font-weight:bold;
	font-size: 1em;
}
.rank ul li span + p{
	font-size: 1.4rem;
	line-height:1.5;
	margin-top:5px;
}
.ranking-title{
	padding: 38px 10px 7px 10px;
	margin: 0 auto;
  width: 20%;
  border-bottom: 4px dashed #182987;
}
.rank-wrapper{
	padding:30px;
	position:relative;
	z-index:0;
	background-size: auto auto;
	background-color: rgba(251, 236, 227, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(247, 185, 166, 1) 30px, rgba(247, 185, 166, 1) 45px );
}

.flag-l{
	display:block;
	position:absolute;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
}
.flag-r{
	display:block;
	position:absolute;
	z-index:-1;
	position:absolute;
	top:0;
	right:0;
}

.hikaku-container{
	margin-top:60px;
}

.hikaku-text{
	text-align:center;
	font-weight:bold;
	font-size:2.5rem;
}

.okyaku{
	background-color:#dd5057;
	padding:20px 0;
	margin-top:80px;
	position:relative;
}

.okyaku:before{
	content: "";
  position: absolute;
  top: 96%;
  left: 50%;
  margin-left: -24px;
  border: 24px solid transparent;
  border-top: 24px solid #dd5057;
}

.nagare{
	background-color:#ffb200;
	padding:20px 0;
	position:relative;
}

.nagare:before{
	content: "";
  position: absolute;
  top: 96%;
  left: 50%;
  margin-left: -24px;
  border: 24px solid transparent;
  border-top: 24px solid #ffb200;
}

.question{
	background-color:#69c200;
	padding:20px 0;
	position:relative;
	margin-top:80px;
}

.question:before{
	content: "";
  position: absolute;
  top: 96%;
  left: 50%;
  margin-left: -24px;
  border: 24px solid transparent;
  border-top: 24px solid #69c200;
}

.c-voice-text{
	color:#dd5057;
	font-weight:bold;
	font-size:2.5rem;
	margin-top:60px;
}

.voice-row{
	display:flex;
}
.voice-row2{
	margin-top:30px;
}

.voice-container{
	border:6px solid #dd5057;
	padding:20px 10px 0 10px;
	height:100%;
}

.voice-container img{
	margin: 0 auto;
	display: block;
}

.voice-container img + p{
	font-weight:bold;
	margin-top:30px;
	line-height:1.5;
}

.voice-container img + p + p{
	font-size:1.4rem;
}

.padding{
	padding:0 15px;
}

.voice-manzoku{
	align-items:center;
	margin-top:30px;
}

.nagare-container{
	border:3px solid #ffb200;
	background-color:#ffebcd;
	height:100%;
}

.nagare-container img + div{
	padding:16px;
}

.nagare-container img + div p{
	text-align:center;
}

.nagare-text{
	font-size:1.4rem;
	text-align:left !important;
}

.nagare-row{
	display:flex;
}

.nagare-row .padding{
	flex:1;
}

.shitsumon-container .col-12{
	padding:0 15px;
}

.nagare-title-container + .container{
	margin-top:40px;
}

.shitsumon-container ul{
	padding-left:0;
	list-style-type:none;
	margin-top:40px;
}

.shitsumon-container ul li{
	background-color:#69c200;
	border-radius:10px;
}

.parent-dl dt img{
	display:block;
}

.parent-dl dt img:first-child{
	margin-right:10px;
}

.accordion_icon_parent{
	margin-left:auto;
}

.parent-dd{
	background-color:#fff;
	padding:30px 20px;
}

.parent-dd span{
	color:#ff0000;
}

.parent-dd p:first-child{
  font-weight:bold;
}

.parent-dd.parent-open{
  height:auto;
}


.parent-dt .parent-link{
	display:block;
	padding:5px 10px;
	display:flex;
	align-items:center;
}

.movie_arrow div{
	text-align:center;
}

.movie_arrow div + p{
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	font-size:2.2rem;
}

.onayami-flex{
	display:flex;
	justify-content:space-around;
	align-items:center;
	margin-top:30px;
}

.onayami ul{
	list-style-type:none;
	margin-top:30px;
}

.onayami ul li{
	text-align:center;
	padding:10px 0;
	font-size:1.7rem;
}

.onayami ul li:nth-child(odd){
	background-color:#eeeeef;
}

.onayami ul li:nth-child(even){
	background-color:#c8c9ca;
}

.movie-bg{
	background-color:#f39800;
	padding:60px 0;
}

.movie-bg .col-12 > div{
	text-align:center;
}

.movie-bg .col-12 > div img{
	max-width:700px;
}

.video-width{
	width:70%;
	margin:0 auto;
	max-width:600px;
}

.video-width{
	margin-top:20px;
}

.shashu-kochira-button a{
	background-color:#ff0000;
	display:inline-block;
	text-align:center;
	padding:3rem;
	border-radius:20px;
	position:relative;
	border-bottom:6px solid #aa3939;
	width:55%;
	height:165px;
}

.shashu-kochira-button a:hover{
	opacity:0.8;
}

.shashu-kochira-button a:active{
	-webkit-transform: translate(0,6px);
	-moz-transform: translate(0,6px);
	transform: translate(0,6px);
	border-bottom:none;
}

.shashu-kochira-button a img{
	width:100%;
}




/*.modal-dialog{margin:0 20%;}*/

.modal-dialog {
  width: 75vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .modal-dialog {
    width: 90vw;
  }
}

.modal-dialog .modal-body img{
	width: 100%;
}



#news{
	margin: 30px 30px 30px 0;
	width:50%;
}

.mr{
	padding-right:30px;
}

.news-title{
	display:flex;
	align-items:center;
	padding-left:20px;
}

.news-title span{
	display:inline-block;
	margin-left:20px;
}

.news-title p{
	margin-bottom:0;
	font-size:4rem;
	font-weight:bold;
}

#news ul{
	list-style-type:none;
	padding:0 !important;
	max-height: 300px;
	overflow-y: scroll;
}

#news ul li{
	border-top:solid 1px #d3d3d3;
	padding:10px 20px;
}

/*
#news ul li div{
	width:70%;
	margin:0 auto;
}
*/

.news-txt{
	font-size:1em;
	margin-top:5px;
}

#news ul li div span{
	color:#fff;
	background-color: #9a9a9a;
  border-radius: 15px;
  padding: 6px 10px;
  line-height: 1;
  font-size: 1.1rem;
  display:inline-block;
}

#news ul li:last-child{
	border-bottom:solid 1px #d3d3d3;
}

#news ul li div p{
	display:block;
	margin-bottom:0;
}
.contact{
	max-width: 900px;
	margin: 50px auto 20px auto;
	background: #fff;
}
.contact-inbox{
	max-width: 500px;
	margin: 50px auto;
}
.contact-inbox h6{
text-align: center;
	line-height: 2;
	letter-spacing: 1.4px;
}
.contact-inbox .examination{
  text-align: center;
  margin-top: 30px;
}

.submit{
	width: 100px;
	margin: 10px auto;
}

/* ボタンのCSS　*/
.btn-animation-02 {
	display: inline-block;
	width: 200px;
	text-align: center;
	background-color: #fb463b;
	border: 2px solid #fb463b;
	font-size: 16px;
	color: #fb463b;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 24px;
	border-radius: 4px;
	position: relative;
  }

  .btn-animation-02 span {
	position: relative;
	z-index: 1;
  }

  .btn-animation-02::before,
  .btn-animation-02::after {
	content: "";
	display: block;
	background-color: #FFF;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	transition: .2s;
  }
  .btn-animation-02::before {
	left: 0;
  }
  .btn-animation-02::after {
	right: 0;
  }

  .btn-animation-02:hover:before,
  .btn-animation-02:hover:after {
	width: 0;
	background-color: #FFF;
  }

  .btn-animation-02:hover {
	color: #FFF;
  d-position: right center;
  }


  /*20200317追加*/


  /*****after01*****/
div.after01 {
    background:url(../img/bcg_20200302.png);
    text-align: center;
    padding-bottom: 60px;
}

div.after01 h1 {
    background:url(../img/bcg_20200301.png);
    padding: 100px 0;
    margin-bottom: 50px;
}
div.after01 p {
    font-size: 31px;
    font-weight: bold;
        line-height: 1.3;
        margin-bottom: 50px;
        margin-top: 50px;
}

div.after01 p strong {
    color: #eb1c24;
    font-weight: bold;
}

/*****after02*****/
div.after02 {
    text-align: center;
    padding-bottom: 60px;
}

div.after02 h1 {
    padding: 50px 0;
}
div.after02 p {
    font-size: 31px;
    font-weight: bold;
        line-height: 1.3;
        margin-bottom: 50px;
        margin-top: 50px;
}

div.after02 p strong {
    color: #eb1c24;
    font-weight: bold;
}

.column-box{
	margin-top: 90px;
	margin-bottom: 60px;
	border: solid 2px #c9c3ad;
	padding: 20px 40px;
	height: 310px;
	overflow: scroll;
}
.column-box p{
	font-size: 130%;
	font-weight: bold;
	border-bottom: solid 2px #c9c3ad;
	padding: 0 0 5px;
	margin-bottom: 15px;
}
.column-box .column-list dt {
	margin-bottom: 5px;
}
.column-box .column-list dd {
	margin-left: 50px;
	margin-bottom: 10px;
}

.two_column {
	display: flex;
	width: 75%;
	align-items: center;
	justify-content: center;
	margin: 20px auto 0 auto;
}

.two_column > div {
	width: 48%;
}

.two_column > div:nth-child(1)  {
	text-align: center;
}

.two_column > div:nth-child(2)  {
	margin-left: 4%;
}