@charset "UTF-8";
@media screen and (max-width: 640px) {

#wrapper{
	max-width: 949px;
	margin: 0 auto;
}

header{
	overflow: hidden;
}

header img{
	padding:10px 0 5px 2%;
	float: left;
	max-width:40%;
}

header a, 
header a:hover, 
header a:visited, 
header a:link, 
header a:active {
color: #000;
}

header p{
	font-size:0.8em;
	padding:8.5% 2% 2px 0;
	float:right;
	font-weight: bold;
}


#scene_top {
	margin: 0 auto;
	/*text-align: center;*/
	overflow:hidden;
	padding-bottom:0px;
	background-size:contain;
	margin-top:-8px;
}


.scene_top_image3{
	max-width: 100%;
	max-height:100%;
}

#mainimage {
	background-color: #383638;
	max-width: 640px;
	max-height: auto;
	margin: 0 auto;
	overflow:hidden;
	padding-bottom:6px;
}

.bgslideshow { 
	margin: 0 auto;
	position:relative;
	height: 100%; 
	width: auto; 
	background-size:contain;
	background-repeat: no-repeat;
}  

.bgslideshow img { 
	position: absolute; 
	z-index: 0;
	left:0; 
	top:0; 
}

.disappear{
	display:none;
}

#mainimage .topcar {
	margin-top: 13px;
	max-width:90%;
	max-height:auto;
	z-index: 100;
	position:relative;
}


#mainimage .car_name {
	color: white;
	font-weight: bold;
	font-size: 0.5em;
	letter-spacing: -0.05em;
	text-align: center;
}



#mainimage .new_car {
	color: #6ac986;
	font-weight: bold;
	font-size: 0.6em;
	border: solid 1px #fff;
	padding: 4px;
	letter-spacing: -0.1em;
	margin: 6px auto;
	width:55%;
	text-align: center;
}

#mainimage .towa {
	float: left;
	margin-left: 25%;
	width:15%;
	height:auto;
	margin-top:-6px;

}

#mainimage .zelt {
	text-align: left;
	font-size: 0.6em;
	color: white;
	margin-top:-7px;
	padding-bottom:5px;
	
}

#mainimage .zelt span{
	font-weight: bold;
	
}

#top_left{
	overflow: hidden;
}


#top_right p{
	color: white;
	font-weight: bold;
	font-size: 0.6em;
	line-height: 1.5em;
	text-align: center;
}

#top_right p span{
	font-size:0.4em;
	font-weight: bold;
}

#pickup{
	margin: 0 auto;
	text-align:center;
	background-image: url("../images/bg02.png") ;
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:35px;
}

#pickup a{
	width:40%;
	/*height:auto;*/
	margin:12px 6px ;
}

/* slick-theme.css上書き */
.slick-dots {
	bottom: -12px !important;
}


.nosp{
	display:none;
}

#pickup p{
	margin-top: 10px;
	color:#fff;
	font-size:0.8em;
	padding:0 10px 12px 10px;
	font-weight: bold;
	line-height: 1.2em;
}

.button{
	margin:25px 0 25px 0;
	text-align: center;
}

.button .text_big{
	font-size:1em;
	font-family:"游明朝", "YuMincho";
	font-weight:600;
}

.button img{
	margin:10px 0 5px 0;
	max-width:70%;
	max-height:auto;
}

.button a:active img{
	opacity:0.3;
}

.button a:hover img{
	opacity:0.8;
}


#exterior_interior{
	margin: 0 auto;
	text-align:center;
	background-color: #ebeaeb;
	padding-bottom:30px;
}

#exterior_interior h2{
	font-family:'Didot';
	font-size:1.8em;
	margin-bottom:10px;
	padding-top:25px;
	margin-left:10%;
}

#exterior_interior .text_small{
	font-size:0.5em;
	font-family: 'Hiragino Kaku Gothic Pro'
}

#exterior_interior p{
	font-size:0.75em;
	font-weight:bold;
	padding:0 20px;
	margin-bottom:13px;
}

#equipment{
	text-align: center;
	background-color:  #ebeaeb;
}

#equipment h2{
	font-size:0.95em;
	font-family:'YuMincho';
	font-weight:600;
	margin: 8px 0;
}

.event_business h2{
	font-size:1.2em;
	font-family:"游明朝", "YuMincho";
	font-weight:600;
	background-repeat:no-repeat;
	background-image: url("../images/event_bg.png");
	max-width:100%;
	max-height: 100%;
	text-align: center;
	margin:0 auto;
	margin-top:-10px;
	background-position: bottom;
	padding:15px 0 40px 0;
	color:#fff;
	letter-spacing: -0.05em;
	z-index:100;
	position:relative;

}

.event_business2 h2{
	font-size:1.2em;
	font-family:"游明朝", "YuMincho";
	font-weight:600;
	background-image: url("../images/business_bg.png");
	background-repeat:no-repeat;
	max-width:100%;
	max-height: 100%;
	text-align: center;
	margin:0 auto;
	background-position: bottom;
	padding:15px 0 40px 0;
	color:#fff;
	letter-spacing: -0.05em;
	z-index:100;
	position:relative;
	top:69px;

}

 .scene{
	margin:0 auto;
	max-height:auto;
    z-index:1;
    position:relative;
    background-size:contain;
}

.scene:hover{
	opacity: 0.8;
}

.scene_01{
  	top:0px;
  	background-repeat: no-repeat;

}

.scene01{
	position:relative;
    top:-25px;
    background-image: url("../images/scene01.png");
	background-repeat: no-repeat;
	background-size:cover;
	height:140px;
	position: relative;

}

.label{
    width: auto;
    height:30px;
    bottom: 0px;
    background-color: #000000;
    color: white;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-size: normal;
    text-align: center;
    margin-top:20px;
}



.label_2{
    width: auto;
    height:30px;
    bottom: 0px;
    background-color: #000000;
    color: white;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-size: normal;
    text-align: center;
    margin-top:34px;
}

.label_3{
    width: auto;
    height:30px;
    bottom: 0px;
    background-color: #000000;
    color: white;
    padding-top:10px;
    padding-left:10px;
    padding-right: 10px;
    font-size: normal;
	text-align: center;
	margin-top:14px;
}


.label_4{
    width: auto;
    height:30px;
    bottom: 0px;
    background-color: #000000;
    color: white;
    padding-top:10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: normal;
    text-align: center;
    margin-top:34px;
}

.label_5{
    width: auto;
    height:30px;
    bottom: 0px;
    background-color: #000000;
    color: white;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-size: normal;
	text-align: center;
	margin-top:14px;
}


.label_6{
    width: 100%;
    height:30px;
    bottom: 0px;
    background-color:#000000;
    color: white;
    padding-top:15px;
    font-size: small;
	text-align: center;
	margin-top:26px;
}

.lock {
    overflow:hidden;
}

.modal-content {
	width: 330px ;
	margin: 0 auto;
	padding: 0 ;
	background: #fff ;
	position: fixed; 
	overflow-y: auto;
	display: none ;
	z-index: 999 ;
	top: 25px;
  	bottom: 20px;
}

#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.inside{
	overflow: hidden;
	padding: 0  0.8%;
	margin-top:31px;
}

.yoyaku{
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	text-align:center;
}

.yoyaku_2{
	position: relative;
	top: 168px;
	width: 90%;
	margin: 10px auto;
	text-align:center;
}


.modal_in{
	float:left;
	max-width:32.1%;
	margin:1.5% 0.6% 0.5% 0.6%;
}

.modal_in p{
	color:#fff;
	/*color:#383638;*/
	font-size:0.01em;
	height:0;
	/*margin:3px 0;*/
	/*padding:0 0 0 3px;*/
}

.fixed{
	position:fixed;
	left:auto;
	width: 330px;
	z-index: 1;
	display:block;
}

.close{
	position: relative;
	top:-25px;
	z-index:999;
	left:91%;
	max-width:17px;
	height:auto;
}


.modal_in img {
	margin-bottom: 7px;
}

.modal-content h5{
	position:relative;
	text-align: center;
	background-color: #383638;
	margin:0 auto;
	/*z-index:100;*/
	
	color:#fff;
	font-family:'Didot';
	font-size:1.2em;
	padding:6px;
}

.square{
	max-width:100%;
	min-height: 83px;
	max-height:150px;	
}


.scene02{
    background-image: url("../images/scene02.png");
	background-repeat: no-repeat;
    top:0px;
    background-size:cover;
    height:140px;
   	position: relative;

}

 .scene03{
    background-image: url("../images/scene03.png");
	background-repeat: no-repeat;
	background-size:cover;
    top:40px;
    margin-bottom:10px;
    height:140px;
   	position: relative;

  
}



.scene .scene_textLWB{
	padding:32px 0 19px 20px;
	color:#fff;
	text-shadow: 2px 2px 5px #000;
	position: relative;


}

.scene .scene_textLW{
	padding:17px 0 34px 20px;
	color:#fff;
	text-shadow: 2px 2px 5px #000;
	position: relative;


}


.scene .scene_textRW{
	padding:32px 0 19px 54%;
	text-shadow: 2px 2px 5px #000;
	color:#fff;
	position: relative;

}

.scene .scene_textRWC{
	padding:32px 0 19px 55%;
	text-shadow: 2px 2px 5px #000;
	width:auto;
	white-space: nowrap;
	color:#fff;
	position: relative;

}

.scene h3{
	font-family:'Didot';
	font-size:1.3em;
}

.scene h4 {
	font-family:"游明朝", "YuMincho";
	font-weight:600;
	font-size:1em;
	padding:2px 0;
	line-height: 1.3em;
}

.scene p {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size:0.65em;
	font-weight:500;
	line-height: 1.1em;
}

.button03{
	margin-top:-20px;
}


.scene04{
    top:-25px;
    background-image: url("../images/scene04.png");
	background-repeat: no-repeat;
	height:140px;
	padding-right: 0px;
	width: auto;
	background-size:cover;
	position: relative;

}

.scene05{
    background-image: url("../images/scene05.png");
	background-repeat: no-repeat;
    top:-25px;
    height:140px;
    background-size:cover;
    position: relative;

}

.scene06{
    background-image: url("../images/scene06.png");
	background-repeat: no-repeat;
    top:-25px;
    height:140px;
    background-size:cover;
   	position: relative;

}

.scene06 h3{
	font-size:1.2em;
}

.scene06 h4 {
	font-size:0.9em;
	padding:2px 0;
	line-height: 1.3em;
}

.scene_02{
	position:relative;
    top:-0px;
}

.scene_03{
	position:relative;
    top:0px;
}

.scene_04{
	position:relative;
    top:68px;
}

.scene_05{
	position:relative;
    top:108px;
}

.scene_06{
	position:relative;
    top:147px;
}

#pricelist{
	margin:0 auto;
	background-color: #ebeaeb;
	padding: 40px 0 20px 0 ;
	margin-top:-50px;
	max-width:949px;
	text-align: center;
}

#pricelist h2{
	font-family:"游明朝", "YuMincho";
	font-weight:600;
	font-size:1.8em;
	letter-spacing: 0.1em;

}


#pricelist .tax {
	padding:0 0 5px 63%;
	font-size:0.65em;

}

#pricelist .highseason1{
	font-size:0.65em;
	margin:10px 0 4px -50%;
}

#pricelist .highseason2{
	font-size:0.65em;
	padding:0 20px;
	line-height:1.4em;
}

#pricelist .pets{
	font-size:0.65em;
	margin:10px 0 2px 0;
}

#pricelist .menseki{
	font-size:0.6em;
	border:1px solid #595959;
	padding:6px 0px;
	margin:15px 10% 10px 10%;
	background-color: #fff
}

#pricelist .allocation{
	font-size:0.57em;
	letter-spacing: -0.15em;
	border:1px solid #595959;
	padding:7px 3px 7px 0;
	background-color: #fff;
	margin:0 10%;

}

#pricelist img{
	max-width:80%;
	max-height:auto;
}


footer{
	margin:0 auto;
	border-top:solid 1px ;
	text-align: center;
	max-width:640px;
	overflow: hidden;
}	

footer .footera{
	font-size:0.7em;
	padding-top:10px;

}


footer .footerb{
	font-size:0.7em;
	padding-top:10px;
}

footer img {
    margin: 20px 0 20px 0;
}

    #menu_button, #header .sp {
        display: none;
    }

}