@charset "UTF-8";

/*
===========================================================================
|           site common style
===========================================================================
*/

/*----------------------------------------------------------------------
/   introductionIndex   Wide&Tall
/----------------------------------------------------------------------*/
#introductionIndex{
    background:url(../images/pagebg_xl.jpg) no-repeat #f5f5f5;
	background-position:center top 150px;
    color:#333;
}
#introductionIndex #mainImage{  
	height:455px;
	width:1095px;
	margin:0 auto;
	padding:30px 0 0 0;
	vertical-align:middle;
    box-sizing: border-box;

}
#introductionIndex  #mainImage div.mainleft{
	display:none;	 
 }
#introductionIndex  #mainImage div.copy{
	 float:right;
	 width:30%;
	 margin:0;
	 padding:0;
 }
#introductionIndex  #mainImage div.copy img{
	 max-width:100%;
 }

#introductionIndex div.subSection{ 
    width:49.6%;
    margin:0 0.2% 0.4% 0.2%;
	background-color:rgba(255,255,255,0.6);
    float:left;
    box-sizing: border-box;
    padding: 2%;
    border-radius: 6px;
}

#introductionIndex div.subSection > p {
	min-height: 12em;
}

#introductionIndex div.subSection > p.en {
	min-height: 11em;
}

#introductionIndex div.subSection > p.en2 {
	min-height: 17em;
}

#introductionIndex div.subSection p {
	margin:0 0 30px 0;
}
#introductionIndex div.subSection p.en{
	margin:0 0 30px 0;

}
#introductionIndex div.subSection p.en2{
	margin:0 0 30px 0;

}
#introductionIndex div.subSection p.en3{
	margin:0 0 30px 0;

}


#introductionIndex div.subSection h2{
	font-weight:bold;
    font-size:130%;
    margin:10px 0;
}
#introductionIndex div.subSection h2.r2{
	font-weight:bold;
    font-size:130%;
    margin:10px 0;
}

#introductionIndex div.chair {

    padding:  0;
    margin:0 0 20px 0;
}
#introductionIndex div.chair img{
	margin: 0 auto;
	display:block;
	max-width: 100%;
}


#introductionIndex ul.itemlist{
	width:100%;
}

#introductionIndex ul.itemlist li{
	width: calc(33% - 4px);
	padding:20px 10px 30px 10px;
	margin: 2px;
	background-color:#FFF;
    box-sizing: border-box;
	text-align:center;
	display:inline-block;
	position: relative;
	vertical-align:top;
	border:solid 1px #dfdfdf;

}

#introductionIndex ul.itemlist li:hover{
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transition: -moz-transform 0.2s ease-out;

    -webkit-transition: -webkit-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    box-shadow:0 0 5px rgba( 0, 0, 0, 0.4);
    z-index:100;
	}
#introductionIndex ul.itemlist li a{
		display:block;
	}
/*
#introductionIndex ul.itemlist li:nth-child(3n-1) {
  margin: 0 2% 2% 2%;
}
*/

#introductionIndex ul.itemlist img{
	width:100%;
}

#introductionIndex ul.itemlist li p{
	margin:0;
	font-size:0.8em;
	line-height:1.5em;
}


#introductionIndex section{margin-bottom:50px;}

/*=====================================================
    device
=======================================================*/

/*
    TAB
    */
@media screen and (max-width: 1125px) {
	#introductionIndex #mainImage{  
		width:100%;
	}
	#introductionIndex #mainImage div.copy{
		padding:0 20px 0 0 ;
	}
}
@media screen and (max-width: 991px) {
	#introductionIndex{
		background-image:none;
        padding: 30px 0 0 0;
    }
	 #introductionIndex #mainImage div.mainleft{
		display:block;
	    width:40%;
		float:left;
		text-align:center;
	 }
	 #introductionIndex #mainImage div.mainleft img{
		 max-width:100%;
	 }
    #introductionIndex #mainImage div.copy{
        width:60%;
		float:left;
		box-sizing:border-box;

    }
    #introductionIndex #mainImage{
		height:auto;
		margin:0;
    }
	#introductionIndex div.subSection{
	    width:100%;
		float:none;
		height:auto;	
	}
#introductionIndex div.subSection h2.r2{
		height:auto;
	}

	#introductionIndex ul.itemlist li{
		width: calc(25% - 4px);
		padding:20px 10px;
		margin: 2px;
		background-color:#FFF;
		box-sizing: border-box;
	}
/*
	#introductionIndex ul.itemlist li:nth-child(3n-1) {
		margin:0 1% 1% 0;
	}
	#introductionIndex ul.itemlist li:nth-child(4) {
		margin:0 0 1% 0;
	}
	#introductionIndex ul.itemlist li:nth-child(8) {
		margin:0 0 1% 0;
	}
*/
    #introductionIndex div.subSection p,#introductionIndex div.subSection p.en,#introductionIndex div.subSection p.en2{
	height:auto;
	}


}


/*
    SPHONE
    */
@media screen and (max-width: 479px) {
	 #introductionIndex #mainImage div.mainleft{
		display:none;
	 }

    #introductionIndex div.copy h1{
        position: static;
    }

    #introductionIndex h1 img{
        width: 70%;
        margin:0 auto;
        display: block;
    }
    #introductionIndex #mainImage div.copy{
        float:none;
        width:auto;
        padding:3%;
		margin:auto;
    }
    #introductionIndex div.subSection{
        padding: 4%;
        margin:0 0 5px 0;
    }

	#introductionIndex ul.itemlist li{
		width: calc(33% - 4px);
		padding: 20px 10px;
		margin: 2px;
		background-color:#FFF;
		box-sizing: border-box;
	}
/*
	#introductionIndex ul.itemlist li:nth-child(3n-1) {
		margin:0 1.25 1% 0;
	}
	#introductionIndex ul.itemlist li:nth-child(4) {
		margin:0 1.25% 1% 0;
	}
	#introductionIndex ul.itemlist li:nth-child(8) {
		margin:0 1.25% 1% 0;
	}
	#introductionIndex ul.itemlist li:nth-child(3) {
		margin:0 0 1% 0;
	}
	#introductionIndex ul.itemlist li:nth-child(6) {
		margin:0 0 1% 0;
	}
*/
}

/*----------------------------------------------------------------------
/   introductionIndexLM LOWMAX
/----------------------------------------------------------------------*/
#introductionIndexLM{
    background:url(../images/pagebg_lm.jpg) no-repeat #f5f5f5;
	background-position:center top;
    color:#333;
}
#introductionIndexLM #mainImage{  
	height:455px;
	width:1095px;
	margin:0 auto;
	padding:30px 0 0 0;
	vertical-align:middle;
    box-sizing: border-box;

}
#introductionIndexLM #mainImage div.mainleft{
	display:none;	 
 }
#introductionIndexLM #mainImage div.copy{
	 float:right;
	 width:30%;
	 margin:0;
	 padding:0;
 }
#introductionIndexLM #mainImage div.copy img{
	 max-width:100%;
 }

#introductionIndexLM div.subSection{ 
    width:49.6%;
	height:1350px;
    margin:0 0.2% 0.4% 0.2%;
	background-color:rgba(255,255,255,0.6);
    float:left;
    box-sizing: border-box;
    padding: 2%;
    border-radius: 6px;
}

#introductionIndexLM div.subSection p{
	height:9em;
	margin:0 0 30px 0;

}
#introductionIndexLM div.subSection h2{
	font-weight:bold;
    font-size:130%;
    margin:10px 0;
}
#introductionIndexLM div.chair {

    padding:  0;
    margin:0 0 20px 0;
}
#introductionIndexLM div.chair img{
	margin: 0 auto;
	display:block;
	max-width: 100%;
}


#introductionIndexLM ul.itemlist{
	width:100%;
}

#introductionIndexLM ul.itemlist li{
	width:32%;
	padding:20px 10px 30px 10px;
	margin:0 0 2% 0;
	background-color:#FFF;
    box-sizing: border-box;
	text-align:center;
	display:inline-block;
	position: relative;
	vertical-align:top;
	border:solid 1px #dfdfdf;
}

#introductionIndexLM ul.itemlist .mb35{
	margin-bottom:35px;
}

#introductionIndexLM ul.itemlist li:hover{
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transition: -moz-transform 0.2s ease-out;

    -webkit-transition: -webkit-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    box-shadow:0 0 5px rgba( 0, 0, 0, 0.4);
    z-index:100;
	}
#introductionIndexLM ul.itemlist li a{
		display:block;
	}
#introductionIndexLM ul.itemlist li:nth-child(3n-1) {
  margin: 0 2% 2% 2%;
}


#introductionIndexLM ul.itemlist img{
	width:100%;
}

#introductionIndexLM ul.itemlist li p{
	margin:0;
	font-size:0.8em;
	height:5em;
	line-height:1.5em;
}

#introductionIndexLM section{margin-bottom:50px;}

/*=====================================================
    device
=======================================================*/

/*
    TAB
    */
@media screen and (max-width: 1125px) {
	#introductionIndexLM #mainImage{  
		width:100%;
	}
	#introductionIndexLM #mainImage div.copy{
		padding:0 20px 0 0 ;
	}
}
@media screen and (max-width: 991px) {
	#introductionIndexLM{
		background-image:none;
        padding: 30px 0 0 0;
    }
	 #introductionIndexLM #mainImage div.mainleft{
		display:block;
	    width:40%;
		float:left;
		text-align:center;
	 }
	#introductionIndexLM #mainImage div.mainleft img{
		 max-width:100%;
	 }
    #introductionIndexLM #mainImage div.copy{
        width:60%;
		float:left;
		box-sizing:border-box;

    }
    #introductionIndexLM #mainImage{
		height:auto;
		margin:0;
    }
	#introductionIndexLM div.subSection{
		height:auto;
	    width:100%;
	}

	#introductionIndexLM ul.itemlist li{
		width:24.25%;
		padding:20px 10px;
		margin:0 1% 1% 0;
		background-color:#FFF;
		box-sizing: border-box;
	}

	#introductionIndexLM ul.itemlist li:nth-child(3n-1) {
		margin:0 1% 1% 0;
	}
	#introductionIndexLM ul.itemlist li:nth-child(4) {
		margin:0 0 1% 0;
	}
	#introductionIndexLM ul.itemlist li:nth-child(8) {
		margin:0 0 1% 0;
	}

}


/*
    SPHONE
    */
@media screen and (max-width: 479px) {
    #introductionIndexLM div.subSection{
        float: none;
        width:auto;
    }
	#introductionIndexLM #mainImage div.mainleft{
		display:none;
	 }

    #introductionIndexLM div.copy h1{
        position: static;
    }

    #introductionIndexLM h1 img{
        width: 70%;
        margin:0 auto;
        display: block;
    }
    #introductionIndexLM #mainImage div.copy{
        float:none;
        width:auto;
        padding:3%;
		margin:auto;
    }
    #introductionIndexLM div.subSection p{
		height:auto;
    }
	#introductionIndexLM ul.itemlist li{
		width:32.5%;
		padding:20px 10px;
		margin:0 1.25% 1% 0;
		background-color:#FFF;
		box-sizing: border-box;
	}

	#introductionIndexLM ul.itemlist li:nth-child(3n-1) {
		margin:0 1.25 1% 0;
	}
	#introductionIndexLM ul.itemlist li:nth-child(4) {
		margin:0 1.25% 1% 0;
	}
	#introductionIndexLM ul.itemlist li:nth-child(8) {
		margin:0 1.25% 1% 0;
	}
	#introductionIndexLM ul.itemlist li:nth-child(3) {
		margin:0 0 1% 0;
	}
	#introductionIndexLM ul.itemlist li:nth-child(6) {
		margin:0 0 1% 0;
	}

}

/*----------------------------------------------------------------------
/   introductionIndex   truck
/----------------------------------------------------------------------*/
#introductionIndexTR{
    background:url(../images/pagebg_tr.jpg) repeat-x #f5f5f5;
	background-position:left top 150px;
    color:#333;
}
#introductionIndexTR #mainImage{  
	height:455px;
	width:1095px;
	margin:0 auto;
	padding:0;
	vertical-align:middle;
    box-sizing: border-box;

}
 #introductionIndexTR #mainImage div.mainleft{
	    width:63%;
		float:left;
		overflow:hidden;
	 }
#introductionIndexTR #mainImage div.copy{
    box-sizing: border-box;
	 float:right;
	 width:37%;
	 padding:10px;
 }
#introductionIndexTR  #mainImage div.copy img{
	 max-width:100%;
 }

#introductionIndexTR section div.wrapper.clearfix > div.subSection{ 
    width:49.6%;
	height:500px;
    margin:0 0.2% 0.4% 0.2%;
	background-color:rgba(255,255,255,0.6);
    float:left;
    box-sizing: border-box;
    padding: 2%;
    border-radius: 6px;
}

#introductionIndexTR section div.wrapper.clearfix > div.subSection p{
	height:11em;
	margin:0 0 30px 0;

}
#introductionIndexTR section div.wrapper.clearfix > div.subSection p.en{
	height:12em;
	margin:0 0 30px 0;

}
#introductionIndexTR section div.wrapper.clearfix > div.subSection p.en2{
	height:16em;
	margin:0 0 30px 0;

}
#introductionIndexTR section div.wrapper.clearfix > div.subSection p.en3{
	height:17em;
	margin:0 0 30px 0;

}


#introductionIndexTR section div.wrapper.clearfix > div.subSection h2{
	font-weight:bold;
    font-size:130%;
    margin:10px 0;
}
#introductionIndexTR section div.wrapper.clearfix > div.subSection h2.r2{
	font-weight:bold;
    font-size:130%;
    margin:10px 0;
	height:2.8em;
}

#introductionIndexTR div.chair {

    padding:  0;
    margin:0 0 20px 0;
}
#introductionIndexTR div.chair img{
	margin: 0 auto;
	display:block;
	max-width: 100%;
}


#introductionIndexTR ul.itemlist{
	width:100%;
}

#introductionIndexTR ul.itemlist li{
	width:32%;
	padding:20px 10px 30px 10px;
	margin:0 0 2% 0;
	background-color:#FFF;
    box-sizing: border-box;
	text-align:center;
	display:inline-block;
	position: relative;
	vertical-align:top;
	border:solid 1px #dfdfdf;

}

#introductionIndexTR ul.itemlist li:hover{
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transition: -moz-transform 0.2s ease-out;

    -webkit-transition: -webkit-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    box-shadow:0 0 5px rgba( 0, 0, 0, 0.4);
    z-index:100;
	}
#introductionIndexTR ul.itemlist li a{
		display:block;
	}
#introductionIndexTR ul.itemlist li:nth-child(3n-1) {
  margin: 0 2% 2% 2%;
}


#introductionIndexTR ul.itemlist img{
	width:100%;
}

#introductionIndexTR ul.itemlist li p{
	margin:0;
	font-size:0.8em;
	height:5em;
	line-height:1.5em;
}


#introductionIndexTR section{margin:70px 0 50px 0;}

/*----------------------------------------------------------------------
/   introductionIndex   Camping car
/----------------------------------------------------------------------*/
#introductionIndexCC{
    background:url(../images/pagebg_tr.jpg) repeat-x #f5f5f5;
	background-position:left top 150px;
    color:#333;
}
#introductionIndexCC h1{margin-bottom:15px;}
#introductionIndexCC #mainImage{  
    background:url(../images/pagebg_cc.jpg) no-repeat;
	height:455px;
	width:1095px;
	margin:0 auto;
	padding:0;
	vertical-align:middle;
    box-sizing: border-box;

}
#introductionIndexCC  div.mainleft{display:none;} 
	
#introductionIndexCC  #mainImage div.copy{
	text-align:center ;
	box-sizing: border-box;
	float:right;
	width:37.5%;
	padding:10px;
 }
#introductionIndexCC  #mainImage div.copy img{
	 max-width:100%;
 }
#introductionIndexCC  #mainImage div.copy h2,p{
	text-align:left;
}

#introductionIndexCC section div.wrapper.clearfix > div.subSection{ 
    /* width:49.6%; */
	/* height:500px; */
    margin:0 0.2% 1em 0.2%;
	background-color:rgba(255,255,255,0.6);
    /* float:left; */
    box-sizing: border-box;
    padding: 2%;
    border-radius: 6px;
}

#introductionIndexCC section div.wrapper.clearfix > div.subSection p{
	height:11em;
	margin:0 0 30px 0;

}
#introductionIndexCC section div.wrapper.clearfix > div.subSection p.en{
	height:12em;
	margin:0 0 30px 0;

}
#introductionIndexCC section div.wrapper.clearfix > div.subSection p.en2{
	height:16em;
	margin:0 0 30px 0;

}
#introductionIndexCC section div.wrapper.clearfix > div.subSection p.en3{
	height:17em;
	margin:0 0 30px 0;

}


#introductionIndexCC section div.wrapper.clearfix > div.subSection h2{
	font-weight:bold;
    font-size:130%;
    margin:10px 0;
}
#introductionIndexCC section div.wrapper.clearfix > div.subSection h2.r2{
	font-weight:bold;
    font-size:130%;
    margin:10px 0;
	height:2.8em;
}

#introductionIndexCC div.chair {

    padding:  0;
    margin:0 ;
}
#introductionIndexCC div.chair img{
	margin: 0 auto;
	display:block;
	max-width: 100%;
}


#introductionIndexCC ul.itemlist{
	width:100%;
}

#introductionIndexCC ul.itemlist li{
	width:32%;
	padding:20px 10px 30px 10px;
	margin:0 0 2% 0;
	background-color:#FFF;
    box-sizing: border-box;
	text-align:center;
	display:inline-block;
	position: relative;
	vertical-align:top;
	border:solid 1px #dfdfdf;

}

#introductionIndexCC ul.itemlist li:hover{
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transition: -moz-transform 0.2s ease-out;

    -webkit-transition: -webkit-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    box-shadow:0 0 5px rgba( 0, 0, 0, 0.4);
    z-index:100;
	}
#introductionIndexCC ul.itemlist li a{
		display:block;
	}
#introductionIndexCC ul.itemlist li:nth-child(3n-1) {
  margin: 0 2% 2% 2%;
}


#introductionIndexCC ul.itemlist img{
	width:100%;
}

#introductionIndexCC ul.itemlist li p{
	margin:0;
	font-size:0.8em;
	height:5em;
	line-height:1.5em;
}


#introductionIndexCC section{margin:70px 0 50px 0;}


/*=====================================================
    device
=======================================================*/

/*
    TAB
    */
@media screen and (max-width: 1125px) {
	#introductionIndexTR #mainImage{  
		width:100%;
	}
	#introductionIndexTR #mainImage div.copy{
		padding:10px 20px;
	}

	#introductionIndexCC #mainImage{  
		width:100%;
	}
	#introductionIndexCC #mainImage div.copy{
		padding:10px 20px;
	}


}
@media screen and (max-width: 1100px) {
/*Camping car*/
	#introductionIndexCC{
		background-image:none;
        padding: 30px 0 0 0;
    }
    #introductionIndexCC #mainImage{
		background:none;
		height:auto;
		max-width: 1100px;
		padding: 0 5%;
    }
    #introductionIndexCC #mainImage div.copy p{
		text-align:left;
	}
	 #introductionIndexCC div.mainleft{
		display:block;
	    width:auto;
		float:none;
		text-align:center;
	 }
 	 #introductionIndexCC div.mainleft img{
		 max-width:100%;
	 }

    #introductionIndexCC #mainImage div.copy{
        width:auto;
		float:none;
		text-align:center;
		padding:0;
    }



}
@media screen and (max-width: 991px) {
	#introductionIndexTR{
		background-image:none;
        padding: 30px 0 0 0;
    }
	 #introductionIndexTR #mainImage div.mainleft{
	    width:auto;
		float:none;
		text-align:center;
	 }
	 #introductionIndexTR #mainImage div.mainleft img{
		 max-width:100%;
	 }
    #introductionIndexTR #mainImage div.copy{
        width:auto;
		float:none;
		text-align:center;
		padding:0;
    }
    #introductionIndexTR #mainImage div.copy p{
		text-align:left;
	}
    #introductionIndexTR #mainImage{
		height:auto;
		max-width: 1100px;
		padding: 0 5%;
    }
	#introductionIndexTR section div.wrapper.clearfix > div.subSection{
	    width:100%;
		float:none;
		height:auto;	
	}
#introductionIndexTR section div.wrapper.clearfix > div.subSection h2.r2{
		height:auto;
	}

	#introductionIndexTR ul.itemlist li{
		width:24.25%;
		padding:20px 10px;
		margin:0 1% 1% 0;
		background-color:#FFF;
		box-sizing: border-box;
	}

	#introductionIndexTR ul.itemlist li:nth-child(3n-1) {
		margin:0 1% 1% 0;
	}
	#introductionIndexTR ul.itemlist li:nth-child(4) {
		margin:0 0 1% 0;
	}
	#introductionIndexTR ul.itemlist li:nth-child(8) {
		margin:0 0 1% 0;
	}

    #introductionIndexTR section div.wrapper.clearfix > div.subSection p,
    #introductionIndexTR section div.wrapper.clearfix > div.subSection p.en,
    #introductionIndexTR section div.wrapper.clearfix > div.subSection p.en2{
	height:auto;
	}

/*Camping car*/
	#introductionIndexCC section div.wrapper.clearfix > div.subSection{
	    width:100%;
		float:none;
		height:auto;	
	}
	#introductionIndexCC section div.wrapper.clearfix > div.subSection h2.r2{
		height:auto;
	}

	#introductionIndexCC ul.itemlist li{
		width:24.25%;
		padding:20px 10px;
		margin:0 1% 1% 0;
		background-color:#FFF;
		box-sizing: border-box;
	}

	#introductionIndexCC ul.itemlist li:nth-child(3n-1) {
		margin:0 1% 1% 0;
	}
	#introductionIndexCC ul.itemlist li:nth-child(4) {
		margin:0 0 1% 0;
	}
	#introductionIndexCC ul.itemlist li:nth-child(8) {
		margin:0 0 1% 0;
	}

    #introductionIndexCC section div.wrapper.clearfix > div.subSection p,
    #introductionIndexCC section div.wrapper.clearfix > div.subSection p.en,
    #introductionIndexCC section div.wrapper.clearfix > div.subSection p.en2{
	height:auto;
	}


}


/*
    SPHONE
    */
@media screen and (max-width: 479px) {
	 #introductionIndexTR #mainImage div.mainleft{
/*		display:none;*/
	 }

    #introductionIndexTR div.copy h1{
        position: static;
    }

    #introductionIndexTR h1 img{
        width: 70%;
        margin:0 auto;
        display: block;
    }
    #introductionIndexTR #mainImage div.copy{
        float:none;
        width:auto;
        padding:3%;
		margin:auto;
    }
    #introductionIndexTR section div.wrapper.clearfix > div.subSection {
        padding: 4%;
        margin:0 0 5px 0;
    }

	#introductionIndexTR ul.itemlist li{
		width:32.5%;
		padding:20px 10px;
		margin:0 1.25% 1% 0;
		background-color:#FFF;
		box-sizing: border-box;
	}

	#introductionIndexTR ul.itemlist li:nth-child(3n-1) {
		margin:0 1.25 1% 0;
	}
	#introductionIndexTR ul.itemlist li:nth-child(4) {
		margin:0 1.25% 1% 0;
	}
	#introductionIndexTR ul.itemlist li:nth-child(8) {
		margin:0 1.25% 1% 0;
	}
	#introductionIndexTR ul.itemlist li:nth-child(3) {
		margin:0 0 1% 0;
	}
	#introductionIndexTR ul.itemlist li:nth-child(6) {
		margin:0 0 1% 0;
	}
	
	/*Camping car*/
	

    #introductionIndexCC div.copy h1{
        position: static;
    }

    #introductionIndexCC h1 img{
        width: 70%;
        margin:0 auto;
        display: block;
    }
    #introductionIndexCC #mainImage div.copy{
        float:none;
        width:auto;
        padding:3%;
		margin:auto;
    }
    #introductionIndexCC section div.wrapper.clearfix > div.subSection {
        padding: 4%;
        margin:0 0 5px 0;
    }

	#introductionIndexCC ul.itemlist li{
		width:32.5%;
		padding:20px 10px;
		margin:0 1.25% 1% 0;
		background-color:#FFF;
		box-sizing: border-box;
	}

	#introductionIndexCC ul.itemlist li:nth-child(3n-1) {
		margin:0 1.25 1% 0;
	}
	#introductionIndexCC ul.itemlist li:nth-child(4) {
		margin:0 1.25% 1% 0;
	}
	#introductionIndexCC ul.itemlist li:nth-child(8) {
		margin:0 1.25% 1% 0;
	}
	#introductionIndexCC ul.itemlist li:nth-child(3) {
		margin:0 0 1% 0;
	}
	#introductionIndexCC ul.itemlist li:nth-child(6) {
		margin:0 0 1% 0;
	}

	
	
	
	/*------------------------*/
	#introductionIndex div.subSection p {
		min-height: auto;
	}

}

/*=====================================================
    キャンピングカーコンテンツ
=======================================================*/
#introductionIndexCC #mainImage .copy p{
	font-size:110%;
}
#introductionIndexCC .chair-images-left{
	display: flex;
}
#introductionIndexCC .chair-images-right{
	display: flex;
	flex-direction: row-reverse;
}

#introductionIndexCC .chair{
	flex:0 0 30%;
}
#introductionIndexCC .camping_txt p{
	font-size: 110%;
    line-height: 180%;
}
#introductionIndexCC .camping_txt h2{
    /* color: #f83a0b; */
    font-size: 140%;
    line-height: 140%;
    margin: 15px 0;
    font-family: "Open Sans";
    border-left: 10px solid #bc1a21;
    padding-left: 0.3em;
}

#introductionIndexCC .chair-images-left .chair{
	margin-right: 10px;
}

@media screen and (max-width: 479px) {
	#introductionIndexCC .chair-images-left,
	#introductionIndexCC .chair-images-right{
		flex-direction: column;
	}
	#introductionIndexCC .chair{
		width: 100%;
	}
}

#introductionIndexCC .camping_seat {
	margin-top: 1.5em;
}

#introductionIndexCC .camping_seat h2{
	border-left: 10px solid #bc1a21;
    padding: 0.25em 0.5em;
    font-size: 140%;
    line-height: 150%;
    color: #333;
    margin: 0 0 15px 0;
    font-family: "Open Sans";
}

#introductionIndexCC .seat {
    box-shadow: 0 0 3px 3px rgba( 0, 0, 0, 0.1);
    overflow: hidden;
    width: 97%;
    margin: 0 auto 30px auto;
    cursor: pointer;
    display: flex;
    flex-direction: row;
}

#introductionIndexCC .seat:hover {
	transform: scale(1.03, 1.03);
    box-shadow: 0 0 3px 3px rgba( 0, 0, 0, 0.1);
    background: #fff;
    -moz-transition: -moz-transform 0.1s ease-in;
    -webkit-transition: -webkit-transform 0.1s ease-in;
    -o-transition: -o-transform 0.1s ease-in;
    -ms-transition: -ms-transform 0.1s ease-in;
    transition: transform 0.1s ease-in;
}
#introductionIndexCC .seat div.brandImg {
    flex: 0 0 24%;
    /*width: 24%; */
    background: #efefef;
}
#introductionIndexCC .seat div.brandImg img {
    display: block;
    width: 100%;
}
#introductionIndexCC .seat div.brandDetail {
    padding: 2%;
    float: left;
    box-sizing: border-box;
}
#introductionIndexCC .seat div.brandDetail a {
    display: block;
    font-weight: bold;
    font-size: 160%;
    margin: 0 0 0;
    color: #000;
}
#introductionIndexCC .seat div.brandDetail a span.kana {
    margin: 0 0 10px 0px;
    font-size: 60%;
    color: #000;
}
@media screen and (max-width: 599px){
	#introductionIndexCC .seat {
	    align-items: inherit;
	    flex-wrap: wrap;
	    width: 98%;
	}
	#introductionIndexCC .seat div.brandImg, #introductionIndexCC .seat div.brandDetail {
	    flex: 0 0 100%;
	}
	#introductionIndexCC .seat div.brandImg {
	    width: auto;
	    margin: 0 0 5px 0;
	}
}

/*----------------------------------------------------------------------
/   introductionIndex   XERO
/----------------------------------------------------------------------*/
#introductionIndexXR #mainImage{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
#introductionIndexXR .subSection{
	margin-bottom: 1em;
	padding-bottom: 2em;

}
#introductionIndexXR div.xero_txt h2 {
    font-size: 140%;
    line-height: 140%;
    margin: 15px 0;
    font-family: "Open Sans";
    border-left: 10px solid #bc1a21;
    padding-left: 0.3em;
}

#introductionIndexXR div.xero_txt h2 {
    font-weight: bold;
    font-size: 130%;
    margin: 10px 0;
}
.xero_imageWrap{
	display: flex;
}
.xero_image{
	width: 48%;
}
.xero_image:first-child {
	margin-right:2%;
}
.xero_image p{
	margin-bottom: 0;
	font-size: 90%;
}
.gallery .xero_imageWrap{
	flex-wrap: wrap;
	justify-content: space-between;
}
.gallery .xero_imageWrap li{
	width: 49%;
	margin-bottom: 2%;
}
.xero_image p{
	text-align: center;
}
.link_xero {
margin-bottom: 3em;
}

.link_xero p{
    color: #FFF;
    padding: .75em 0;
    background-color: #255a96;
    width: 50%;
    border-radius: 40px;
    text-align: center;
    margin: 0 auto;
    font-size: 1em!important;
}
.link_xero_last{
	margin-bottom: 0;
}


/* シート画像 */
/*
-----------------------------------------*/
.seat_thum{
	margin-bottom: 30px;
}

h3.head_rs{
	color: #FFF;
	background-color: #bc1a21;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #9e161c), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #9e161c),color-stop(.75, #9e161c), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	font-weight: normal!important;
	padding: .5em .75em;
}
h3.head_cs{
	color: #FFF;
	background-color: #000;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #303030), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #303030),color-stop(.75, #303030), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	font-weight: normal!important;
	padding: .5em .75em;
}
.mod_thum{
	background-color: #ddd;
	padding: 1em;
}
.mod_thum p{
	margin: 0 0 0.5em;
	font-weight: bold;
}
.mod_thumlist{
	display: flex;
	justify-content: center;
}
.mod_thumlist li{
	width: 24%;
	max-width: 200px;
    /* padding:0 10px 0px 0; */
    margin:0 0 10px 0;
    /* border: solid 1px #bc1a21; */
}
.mod_thumlist li:not(:last-child){
	margin-right:2%;
}
.mod_thumlist li a{
    display:block;
}

.mod_thumlist_photo{
}
.mod_thumlist_photo_entry{
	background-color: #ddd;
	padding: 1em;
}
@media screen and (max-width: 479px) {
	h3.head_cs, h3.head_rs{
		font-size: 1em;
	}
}


/* 動画 */
#introductionIndexXR .interview{
	background-color: #f4f4f4;
	margin-bottom: 3em;
	padding: 2em;
}
.interview h3{
	color: #FFF;
	padding: .75em 0;
	background-color: #bc1a21;
	width: 50%;
	border-radius: 40px;
	text-align: center;
    margin: 0 auto;
    font-size:1em!important;
    margin-bottom: 1em;
}

.interview_list{
	display: flex;
}

.interview_list li{
	width: 32%;
}
.interview_list li:not(:last-child){
	margin-right:2%;
}

.lightbox { display: none; }

#introductionIndexXR ul.interview_list li{
	position: relative;
}
#introductionIndexXR div.icon {
    position: absolute;
    width: 65px;
    height: 45px;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -50px;
    opacity: 0.9;
    background: url(/news/channel/images/common/YouTube-icon-dark.png) no-repeat;
    background-size: auto 100%;
}

#introductionIndexXR ul.interview_list li:hover div.icon{
  background-image: url(/news/channel/images/common/YouTube-icon-red.png);
}

.mod_thumlist > li > a> p{
	color: #000;
	font-size: 77%;
}



@media only screen and (max-width: 1024px){
	#introductionIndexXR .featherlight .featherlight-content {
	    padding: 0!important;
	    border-bottom: 0!important;
	}
}

@media screen and (max-width: 960px) {
	.interview h3,.link_xero p{
		width: 95%;
		padding: 2.5% .75em;
	}
}
/* CSSでレスポンシブ対応 */
@media screen and (max-width: 560px) {
	#introductionIndexXR .featherlight .featherlight-content {
		width: 90%;
	}
  .lightbox {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
  }
  .interview_iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 479px) {
	#introductionIndexXR .interview{
		padding: 2em 1em;
	}
.interview_list{
		display: block;
	}
	.interview_list li{
		width: 100%;
	}
	.interview_list li:not(:last-child){
		margin:0 0 1.5em;
	}
}

/* ポルシェ */
.gallery .xero_imageWrap li p{
	font-size: 90%;
	text-align: center;
}