@charset "utf-8";

/*----------------------------------------------------
	SP用
----------------------------------------------------*/
@media screen and (max-width: 736px) {

/* タイトル・背景 */
.car #careContents .carTitle {
	width: 100%;
	padding: 30px 10px;
	display: block;
}

.car #careContents h3.listTitle {
	font-size: 6vw;
	padding-top: 0;
}

.car #careContents h3.listTitle::before {
	margin-right: 0.5em;
	width: 1.5vw;
	height: 7vw;
}

.car #careContents h4.listSubTitle {
	font-size: 5.33vw;
}

.car #careContents h4.itemTitle {
	font-size: 5.66vw;
}

.car #careContents h4.itemTitle::before {
	width: 1.2em;
	height: 1.2em;
}




/* テキストリンク */
.car #careContents p.linkBt {
	font-size: 3.66vw;
	margin-top: 3vw;
}

/* ボタンリンク */
.car #careContents a.basicButton {
	font-size: 3.66vw;
	padding: 7px 5px 7px 10px;
}


/* 背景 */
.car #careContents .ctBeige {
	background-position: 0 -200px, 0 0, calc(50% - 180px) 420px, calc(50% + 160px) calc(100% + 20px);
}

.car #careContents .ctBeige .ctBeigeIn {
	width: 100%;
	/*padding: 0 10px 80px;*/
	padding: 0 10px 0;
}

/* メインビジュアル部分 */
.car #careContents #mainVisual p.linkBt {
	margin-top: 3vw;
}

/* 発売年月追加 */
.car #careContents #mainVisual p.disconModel {
	font-size: 3.33vw;
	margin-top: 2vw;
	text-align: right;
}


/* 目次 */
.car #careContents #mainIndex {
	padding: 15px 10px 10px 10px;
}

.car #careContents #mainIndex ul li {
	width: 32%;
	margin-top: 10px;
}

.car #careContents #mainIndex ul::after {
	width: 32%;
	display: block;
	content:"";
}

.car #careContents #mainIndex ul li.noContent {
	display: none;
}


/* わんこ */
.car #careContents #wankoList {
	padding: 15px 10px 10px 10px;
}

.car #careContents #wankoList ul li {
	margin-top: 10px;
	width: 48%;
}

.car #careContents #wankoList ul li figure figcaption {
	font-size: 3vw;
	margin-top: 5px;
}

.car #careContents #wankoList ul li figure figcaption strong {
	font-size: 3.66vw;
}

.car #careContents #wankoList ul li figure figcaption strong span {
	font-size: 3vw;
}

.car #careContents #wankoList ul li.noWanko {
	display: none;
}


/*----------------------------------------------------
	用品説明
----------------------------------------------------*/
.car #careContents .itemDetail .itemTitleArea {
	display: block;
}

.car #careContents .itemDetail .itemTitleArea p.btArea {
	margin-left: 0;
	margin-top: 15px;
}

.car #careContents .itemDetail .slideArea {
	margin-top: 15px;
}

.car #careContents .itemDetail.item360 p.txt360 {
	font-size: 4vw;
	text-align: left;
}

.car #careContents .itemDetail p.imageKome {
	font-size: 4vw;
}

.car #careContents #mainIndex p.imageKome {
	font-size: 4vw;
}

/* 発売年月追加 */
.car #careContents .itemDetail p.disconModel {
	font-size: 3.33vw;
	margin-top: 2vw;
}


/* Swiper部分 */
/* Swiper部分 */
.slideArea .swiper-button-next,
.slideArea .swiper-button-prev {
	top: 28vw;
}


.slideArea .swiper-container .swiper-wrapper .swiper-slide .slide-img p.newItem {
	font-size: 4.33vw;
}

#item360view .slideArea .swiper-container .swiper-wrapper .swiper-slide .slide-img p.newItem {
	text-align: left;
}

.slideArea .swiper-container.sliderThumb {
	margin-top: 10px;
}

.slideArea .swiper-container.sliderThumb .swiper-wrapper {
	justify-content: flex-start;
}

.slideArea .swiper-container.sliderThumb .swiper-slide p.thumbItem {
	font-size: 3vw;
}

.slideArea .swiper-container.sliderThumb .swiper-wrapper {
	flex-wrap: wrap;
}

.slideArea .swiper-container.sliderThumb .swiper-wrapper .swiper-slide {
	width: 30% !important;
	margin-top: 10px;
}

.slideArea .swiper-container.sliderThumb .swiper-wrapper .swiper-slide:nth-child(3),
.slideArea .swiper-container.sliderThumb .swiper-wrapper .swiper-slide:nth-child(6) {
	margin-right: 0 !important;
}

/* サムネイル6 */
.slideArea .swiper-container.sliderThumb .swiper-slide {
	height: auto;
	width: 30% !important;
	margin-right: 4.2vw !important;
}

.slideArea .swiper-container.sliderThumb .swiper-slide .thumbImg {
	width: auto;
	height: auto;
}

.slideArea .swiper-container.sliderThumb .swiper-slide img {
	width: 28.5vw;
	margin-top: 0;
	margin-left: 0;
}

/* サムネイル5 */
.slideArea .swiper-container.sliderThumb.thumb5 .swiper-slide {
	width: 30% !important;
	height: auto;
}

.slideArea .swiper-container.sliderThumb.thumb5 .swiper-slide .thumbImg {
	width: auto;
	height: auto;
}

.slideArea .swiper-container.sliderThumb.thumb5 .swiper-slide img {
	width: 28.5vw;
	margin-top: 0;
	margin-left: 0;
}


/* サムネイル4 */
.slideArea .swiper-container.sliderThumb.thumb4 .swiper-slide {
	width: 30% !important;
	height: auto;
}

.slideArea .swiper-container.sliderThumb.thumb4 .swiper-slide .thumbImg {
	width: auto;
	height: auto;
}

#item360view .slideArea .swiper-container.sliderThumb.thumb4 .swiper-slide .thumbImg {
	height: auto;
}

.slideArea .swiper-container.sliderThumb.thumb4 .swiper-slide img {
	width: 28.5vw;
	margin-top: 0;
	margin-left: 0;
}

/* サムネイル3 */
.slideArea .swiper-container.sliderThumb.thumb3 .swiper-slide {
	width: 30% !important;
	height: auto;
}

.slideArea .swiper-container.sliderThumb.thumb3 .swiper-slide .thumbImg {
	width: auto;
	height: auto;
}

#item360view .slideArea .swiper-container.sliderThumb.thumb3 .swiper-slide .thumbImg {
	height: auto;
}

.slideArea .swiper-container.sliderThumb.thumb3 .swiper-slide img {
	width: 28.5vw;
	margin-top: 0;
	margin-left: 0;
}

.slideArea .swiper-container.sliderThumb.thumb3 .swiper-wrapper {
	width: auto;
}

/* サムネイル2 */
.slideArea .swiper-container.sliderThumb.thumb2 .swiper-slide {
	width: 30% !important;
	height: auto;
}

.slideArea .swiper-container.sliderThumb.thumb2 .swiper-slide .thumbImg {
	width: auto;
	height: auto;
}

.slideArea .swiper-container.sliderThumb.thumb2 .swiper-slide img {
	width: 28.5vw;
	margin-top: 0;
	margin-left: 0;
}

.slideArea .swiper-container.sliderThumb.thumb2 .swiper-wrapper {
	width: auto;
}



/* Panorama部分 */
.panoWrap {
	width: 100%;
	height: 70vw;
}

.panoWrap .panoramaImg {
	width: 100%;
	height: 70vw;
}


/* 撮影車、場所 */
.car #careContents .carLocInfo .carLocInfoIn,
.car #careContents #carLocInfo .carLocInfoIn {
	padding: 15px 10px 10px 10px;
	display: block;
}

.car #careContents .carLocInfo .carLocInfoIn .carInfo .carSpecArea,
.car #careContents #carLocInfo .carLocInfoIn .carInfo .carSpecArea {
	display: block;
	margin-top: 10px;
	width: 100%;
}

.car #careContents .carLocInfo .carLocInfoIn .carInfo .carSpecArea figure,
.car #careContents #carLocInfo .carLocInfoIn .carInfo .carSpecArea figure {
	width: 100%;
}

.car #careContents .carLocInfo .carLocInfoIn .carInfo .carSpecArea figure img,
.car #careContents #carLocInfo .carLocInfoIn .carInfo .carSpecArea figure img {
	width: 100%;
}

.car #careContents .carLocInfo .carLocInfoIn .carInfo .carSpecArea .carSpec,
.car #careContents #carLocInfo .carLocInfoIn .carInfo .carSpecArea .carSpec {
	margin-left: 0;
	width: 100%;
	margin-top: 10px;
}

.car #careContents .carLocInfo .carLocInfoIn .carInfo .carSpecArea .carSpec h5,
.car #careContents #carLocInfo .carLocInfoIn .carInfo .carSpecArea .carSpec h5 {
	font-size: 4.66vw;
}

.car #careContents .carLocInfo .carLocInfoIn .carInfo .carSpecArea .carSpec dl.spec,
.car #careContents #carLocInfo .carLocInfoIn .carInfo .carSpecArea .carSpec dl.spec {
	font-size: 3.66vw;
}

.car #careContents .carLocInfo .carLocInfoIn .carInfo .carSpecArea .carSpec ul.btArea li a.basicButton,
.car #careContents .carLocInfo.noLoc .carLocInfoIn .carInfo .carSpecArea .carSpec ul.btArea li a.basicButton,
.car #careContents #carLocInfo .carLocInfoIn .carInfo .carSpecArea .carSpec ul.btArea li a.basicButton,
.car #careContents #carLocInfo.noLoc .carLocInfoIn .carInfo .carSpecArea .carSpec ul.btArea li a.basicButton {
	width: 100%;
}

.car #careContents .carLocInfo .carLocInfoIn .locInfo,
.car #careContents #carLocInfo .carLocInfoIn .locInfo {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #bbb;
}

.car #careContents .carLocInfo .carLocInfoIn .locInfo figure,
.car #careContents #carLocInfo .carLocInfoIn .locInfo figure {
	width: 250px;
	margin: 10px auto 0;
	
}

.car #careContents .carLocInfo .carLocInfoIn .locInfo figure img,
.car #careContents #carLocInfo .carLocInfoIn .locInfo figure img {

}

.car #careContents .carLocInfo .carLocInfoIn .locInfo figure figcaption,
.car #careContents #carLocInfo .carLocInfoIn .locInfo figure figcaption {
	font-size: 4.33vw;
}

.car #careContents .carLocInfo .carLocInfoIn .locInfo figure figcaption a,
.car #careContents #carLocInfo .carLocInfoIn .locInfo figure figcaption a {
	font-size: 3.33vw;
}


/* 撮影車2台版 */
.car #careContents .carLocInfo.carTwo .carLocInfoIn .carInfo .carSpecArea,
.car #careContents #carLocInfo.carTwo .carLocInfoIn .carInfo .carSpecArea {
	width: 100%;
}

.car #careContents .carLocInfo.carTwo .carLocInfoIn .carInfo .carSpecArea .carAreaTwo,
.car #careContents #carLocInfo.carTwo .carLocInfoIn .carInfo .carSpecArea .carAreaTwo {
	margin-top: 15px;
}

.car #careContents .carLocInfo.carTwo .carLocInfoIn .carInfo .carSpecArea ul.btArea,
.car #careContents #carLocInfo.carTwo .carLocInfoIn .carInfo .carSpecArea ul.btArea {
	width: 100%;
	display: block;
}

.car #careContents .carLocInfo.carTwo .carLocInfoIn .carInfo .carSpecArea ul.btArea li,
.car #careContents #carLocInfo.carTwo .carLocInfoIn .carInfo .carSpecArea ul.btArea li {
	width: auto;
	margin-top: 10px;
}

/* 発売年月追加 */
.car #careContents .carLocInfoIn .carInfo .carSpec h5 span.disconModel {
	font-size: 3.33vw;
}


/* 下部注記 */
.car #careContents #footNote {
	font-size: 3.66vw;
	padding: 10px;
}

/* 販売終了モデル追加 */
.car #careContents .carAttent {
	width: 100%;
	margin-top: -15px;
}

.car #careContents .carAttent p {
	font-size: 3.66vw;
}

/* 販売終了モデルリスト */
.car #careContents .carOld {
	padding: 0;
}

.car.carTop .w980 h4.subListTitle {
	margin-top: 40px;
	font-size: 5.33vw;
}

.car.carTop .w980 .carOld ul.OldcarList li {
	margin-top: 20px;
}

.car.carTop .w980 .carOld ul.OldcarList li dl dt img {
	width: 100%;
}

.car.carTop .w980 .carOld ul.OldcarList li dl {
	display: flex;
	justify-content: space-between;
}

.car.carTop .w980 .carOld ul.OldcarList li dl dt {
	width: 50%;
}

.car.carTop .w980 .carOld ul.OldcarList li dl dd {
	text-align: left;
	margin-top: 0;
	width: 45%;
}

.car.carTop .w980 .carOld ul.OldcarList li dl dd span {
	font-size: 4vw;
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
.car.carTop #careContents {
	background-position-x: calc(50% + 150px);
}

.car.carTop #careContents .w980 {
	padding-bottom: 80px;
}

.car.carTop #careContents .w980 h3.topTitle {
	font-size: 6vw;
}

.car.carTop #careContents p.catch {
	font-size: 4.33vw;
	text-align: left;
}

.car.carTop #careContents ul.carList {
	margin: 0;
}

.car.carTop #careContents ul.carList li {
	margin: 20px auto 0;
}

.car.carTop #careContents ul.carList li dl dd {
	font-size: 4.66vw;
}



/*-------------------SP用終了-------------------*/
}