@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	/dog/honda-car/Fit/ for SP

++++++++++++++++++++++++++++++++++++++++ */

@media screen and (max-width: 768px){

#contents_area {
	background-image: url(../image/bg_sp.jpg);
}


/* ----------------------------------------
	section_title
---------------------------------------- */

#section_title {
	padding: 104% 0 9.33%;
	background-image: url(../image/title_sp.png);
}


/* ----------------------------------------
	section_info
---------------------------------------- */

#section_info {
	background-image: url(../image/info_bg_sp.png);
}

#profile ul,
#profile li {
	background-image: url(../image/profile_border.png);
}
#profile ul {
	width: 48.63%;
	margin: 0 4.83% 0 5.31%;
}
#profile li {
	padding-left: 6.95%;
}

#profile .photo {
	width: 33.81%;
	margin-top: -5.95%;
}

#profile .size {
	width: 84.7%;
	margin-left: 10.78%;
}

#bag li:nth-child(1) img {
	width: 67.47%;
	margin-left: 11.75%;
}
#bag li:nth-child(2) img {
	width: 58.77%;
	margin-left: 17.39%;
}


/* ----------------------------------------
	section_reason
---------------------------------------- */

.section_reason .photo.deco:before,
.section_reason .photo .deco>div:before {
	background: #d7eba0;
}

.photo_size .slick-dots li button {
	background: #2382c8;
}

.photo_size .slick-dots .slick-active button {
	border-color: #2382c8;
}

/* secion_reason01
---------------------------------------- */

#section_reason01 {
	padding-bottom: 42%;
	background-image: url(../image/reason01_bg_sp.png);
}

#section_reason01 h3 {
	width: 54.83%;
}

/* [data-num='1'] */

#section_reason01 [data-num='1'] {
	padding-bottom: 16.8%;
	background-image: url(../image/reason01_bg01_sp.png);
}

#section_reason01 [data-num='1'] [data-photo='1']>ul {
	width: 83.86%;
	margin: 0 0 12% 8.13%;
	padding-right: 12%;
}
#section_reason01 [data-num='1'] [data-photo='1']>ul>div {
	padding-top: 12.43%;
}
#section_reason01 [data-num='1'] [data-photo='1']>ul>div:before {
	left: 12.98%;
	bottom: -2.91%;
	width: 33.39%;
	padding-top: 33.39%;
}
#section_reason01 [data-num='1'] [data-photo='1']>ul>div:after {
	left: 66.41%;
	top: 0;
	width: 6.86%;
	padding-top: 20.22%;
	background-image: url(../image/reason01_photo01_01_deco_sp.png);
}

#section_reason01 [data-num='1'] [data-photo='2'] {
	width: 59.33%;
	margin: 0 0 3.2% 10%;
}
#section_reason01 [data-num='1'] [data-photo='2']:before {
	right: -4.49%;
	bottom: -6.89%;
	width: 26.96%;
	padding-top: 26.96%;
}

#section_reason01 [data-num='1'] .text {
	position: absolute;
	width: 59.33%;
	margin-left: 10%;
}

/* [data-num='2'] */

#section_reason01 [data-num='2'] {
	margin-bottom: 6%;
	padding-bottom: 8.4%;
	background-image: url(../image/reason01_bg02_sp.png);
}

#section_reason01 [data-num='2'] [data-photo='1']>ul {
	width: 80%;
	margin: 0 auto 8.13%;
}
#section_reason01 [data-num='2'] [data-photo='1']>ul>div {
	padding-top: 8.5%;
}
#section_reason01 [data-num='2'] [data-photo='1']>ul>div:before {
	right: -3.33%;
	top: 9.53%;
	width: 30%;
	padding-top: 30%;
}
#section_reason01 [data-num='2'] [data-photo='1']>ul>div:after {
	left: 49.5%;
	top: 0;
	width: 4.83%;
	padding-top: 17.66%;
	background-image: url(../image/reason01_photo02_01_deco_sp.png);
}

#section_reason01 [data-num='2'] [data-photo='2'] {
	width: 66%;
	margin: 0 0 3.2% 24%;
}
#section_reason01 [data-num='2'] [data-photo='2']:before {
	left: -4.04%;
	bottom: -5.42%;
	width: 24.24%;
	padding-top: 24.24%;
}

#section_reason01 [data-num='2'] .text {
	position: absolute;
	width: 66%;
	margin-left: 24%;
}

/* [data-num='3'] */

#section_reason01 [data-num='3'] {
	padding-bottom: 24.8%;
	background-image: url(../image/reason01_bg03_sp.png);
}

#section_reason01 [data-num='3'] [data-photo='1']>ul {
	width: 80%;
	margin: auto;
}
#section_reason01 [data-num='3'] [data-photo='1']>ul>div {
	padding-top: 8.53%;
}
#section_reason01 [data-num='3'] [data-photo='1']>ul>div:before {
	left: -3.33%;
	bottom: -4.13%;
	width: 30%;
	padding-top: 30%;
}
#section_reason01 [data-num='3'] [data-photo='1']>ul>div:after {
	right: 35%;
	top: 0;
	width: 9.5%;
	padding-top: 15.5%;
	background-image: url(../image/reason01_photo03_01_deco_sp.png);
}

/* [data-num='4'] */

#section_reason01 [data-num='4'] [data-photo='1'] {
	width: 65.33%;
	margin: 1.6% 0 5.33% 17.33%;
	padding-top: 4.4%;
}
#section_reason01 [data-num='4'] [data-photo='1']:before {
	right: -4.08%;
	top: 1.92%;
	width: 33.33%;
	padding-top: 33.33%;
}
#section_reason01 [data-num='4'] [data-photo='1']:after {
	left: -10.2%;
	top: 0;
	width: 10.81%;
	padding-top: 23.87%;
	background-image: url(../image/reason01_photo04_01_deco_sp.png);
}

#section_reason01 [data-num='4'] [data-photo='2'] {
	width: 49.33%;
	margin: 0 0 -4.8% 40.66%;
}
#section_reason01 [data-num='4'] [data-photo='2']:before {
	left: -5.4%;
	top: -6.77%;
	width: 32.43%;
	padding-top: 32.43%;
}

#section_reason01 [data-num='4'] [data-photo='3'] {
	width: 52%;
	margin: 0 0 3.2% 10%;
}
#section_reason01 [data-num='4'] [data-photo='3']:before {
	right: -5.12%;
	bottom: -6.66%;
	width: 30.76%;
	padding-top: 30.76%;
}

#section_reason01 [data-num='4'] .text {
	position: absolute;
	width: 52%;
	margin-left: 10%;
}

/* secion_reason02
---------------------------------------- */

#section_reason02 {
	margin-top: -6%;
	padding-bottom: 20%;
}
#section_reason02 h3 {
	width: 51%;
}

/* [data-num='1'] */

#section_reason02 [data-num='1'] {
	padding-bottom: 15.2%;
}

#section_reason02 [data-num='1'] [data-photo='1'] {
	width: 80%;
	margin: -3px auto 0;
	padding-top: 12%;
}
#section_reason02 [data-num='1'] [data-photo='1']:before {
	left: -3.33%;
	top: 14.89%;
	width: 30%;
	padding-top: 30%;
}
#section_reason02 [data-num='1'] [data-photo='1']:after {
	right: 8.5%;
	top: 0;
	width: 3.5%;
	padding-top: 22.33%;
	background-image: url(../image/reason02_photo01_01_deco_sp.png);
}

/* [data-num='2'] */

#section_reason02 [data-num='2'] [data-photo='1'] {
	width: 80%;
	margin: auto;
	padding-top: 4%;
}
#section_reason02 [data-num='2'] [data-photo='1']:before {
	right: 22.5%;
	top: 2.32%;
	width: 30%;
	padding-top: 30%;
}
#section_reason02 [data-num='2'] [data-photo='1']:after {
	right: 15.83%;
	top: 0;
	width: 12.83%;
	padding-top: 26.66%;
	background-image: url(../image/reason02_photo02_01_deco_sp.png);
}
#section_reason02 [data-num='2'] [data-photo='1'] sup {
	position: absolute;
	left: 100%;
	bottom: 5%;
	z-index: 1;
	margin-left: 3px;
}


/* ----------------------------------------
	section_accessory
---------------------------------------- */

#section_accessory {
	padding: 9.6% 0 1.86%;
	background-image: url(../image/accessory_bg_sp.jpg);
}

#section_accessory .section_inner {
	padding-bottom: 8.8%;
	background-image: url(../image/accessory_bg_inner_sp.png);
}

#section_accessory .heading p {
	width: 82.66%;
}

#section_accessory .btn,
#section_car .btn {
	background: #2382c8;
}


/* ----------------------------------------
	section_car
---------------------------------------- */

#section_car {
	padding-top: 2%;
}
#section_car h3 {
	width: 85.6%;
	margin-left: 7.33%;
}

/* car_price
---------------------------------------- */

#car_price h4 {
	color: #2382c8;
}

/* car_spec
---------------------------------------- */

#car_spec_table th {
	color: #2382c8;
}

}