@charset "UTF-8";

html {
 -webkit-text-size-adjust: 100%;
}
#headSCT .cont ul.tag:after,
#linkSCT:after,
#linkSCT .car ul:after,
#modalSCT dl:after,
#mainContents .cont:after,
#mainContents .head:after,
#mainContents .list:after,
#mainContents .pack:after,
#mainContents .box:after,
#mainContents .block:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#headSCT .cont ul.tag,
#linkSCT,
#linkSCT .car ul,
#modalSCT dl,
#mainContents .cont,
#mainContents .head,
#mainContents .list,
#mainContents .pack,
#mainContents .box,
#mainContents .block {
zoom: 1;
}

@media screen and (max-width: 599px) {
	.pc {display: none;}
	.sp {display: block;}
	#headerSCT,
	#wrapperAll {
	display: none;
	}
}
@media screen and (min-width: 600px) {
	.pc {display: block;}
	.sp {display: none;}
}

.nissan-header {
display: none;
}
@media screen and (min-width: 600px) {
	.nissan-header {
	display: block;
	}
}

div#container,
div#mainContents {
width: auto !important;
}
#mainContents a::after,
#mainContents a { 
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#mainContents {
background-color: #fff;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
overflow: hidden;
}

#headerSCT {
background: #f3f3f3 url(/IMAGES/GARAGE/PROPILOT/header_bg.png) repeat-x center bottom;
margin: 0;
padding-bottom: 3px;
width: auto;
text-align: center;
}
#topicpath {
margin: 0 auto 17px auto;
width: 964px;
text-align: left;
}
#topicpath a {
color: #006699 !important;
}
#headerSCT .head {
position: relative;
margin: 0 auto;
width: 964px;
height: 51px;
text-align: left;
}
#headerSCT .head div {
padding-left: 4px;
float: left;
}
#headerSCT .head ul {
padding-top: 14px;
float: right;
}
#headerSCT .head li {
float: left;
}
#headerSCT .head li.twitter {
width: 98px;
}
#headerSCT .head li.facebook {
width: 111px;
}


#mainVisual {
background: #fff url(/IMAGES/GARAGE/PROPILOT/main_bg_sp.jpg) no-repeat center top;
background-size: 100% auto;
padding-bottom: 20px;
width: 100%;
}
#mainVisual h1 img {
width: 100%;
height: auto;
}
#mainVisual .catch {
margin-top: 98px;
padding: 0 10px;
font-size: 16px;
font-weight: bold;
line-height: 1.33;
text-align: center;
text-shadow: 0 2px 4px rgba(255,255,255,0.25), 2px 0 4px rgba(255,255,255,0.25), 0 -2px 4px rgba(255,255,255,0.25), -2px 0 4px rgba(255,255,255,0.25), -2px -2px 4px rgba(255,255,255,0.25), 2px -2px 4px rgba(255,255,255,0.25), -2px 2px 4px rgba(255,255,255,0.25), 2px 2px 4px rgba(255,255,255,0.25);
}
#mainVisual .note {
margin-top: 9px;
padding: 0 10px;
font-size: 12px;
line-height: 1.5;
color: #666666;
text-align: center;
}

#mainVisual .btn {
padding: 0 10px;
text-align: center;
}

#mainVisual .btn img.pc{
margin: 30px auto 0;
width:350px;
}

#mainVisual .btn img.sp{
margin: 30px auto 0;
width:280px;
}


@media screen and (min-width: 600px) {
	#mainVisual {
	background: #fff url(/IMAGES/GARAGE/PROPILOT/main_bg_pc.jpg) no-repeat center top;
	background-size: auto auto;
	padding-bottom: 0;
	width: 100%;
	height: 380px;
	}
	#mainVisual h1 {
	padding-top: 16px;
	text-align: center;
	}
	#mainVisual h1 img.pc {
	display: block;
	margin: 0 auto;
	width: 660px;
	height: auto;
	}
	#mainVisual .catch {
	margin-top: 96px;
	padding: 0;
	font-size: 20px;
	line-height: 1.4; 
	}
	#mainVisual .note {
	margin-top: 13px;
	padding: 0;
	}
}

#headSCT {
position: relative;
margin-bottom: 20px;
height: 50px;
}
#headSCT .cont {
position: absolute;
left: 0;
top: 0;
width: 100%;
background-color: #fff;
z-index: 999;
}
#headSCT .cont.fixed {
position: fixed;
}
#headSCT .cont div {
margin: 0 0 0 0;
}
#headSCT .cont h2 {
padding-left: 15px;
float: left;
}
#headSCT .cont ul.lnk {
float: right;
}
#headSCT .cont .lnk li {
position: relative;
font-size: 10px;
line-height: 1.3;
float: left;
}
#headSCT .cont .lnk li.entry {
font-size: 12px;
line-height: 50px;
}
#headSCT .cont .lnk li a {
display: block;
}
#headSCT .cont .lnk li.sort a {
background: url(/IMAGES/GARAGE/PROPILOT/episode_icn1.png) no-repeat right center;
background-size: 26px auto;
padding: 12px 31px 12px 10px;
color: #c71444;
}
#headSCT .cont .lnk li.entry a {
background: #c71444 url(/IMAGES/GARAGE/PROPILOT/episode_icn3.png) no-repeat right center;
background-size: 15px auto;
padding: 0 25px 0 10px;
color: #fff;
}
#headSCT .cont ul.tag {
position: relative;
clear: both;
background-color: #e6e6e6;
padding: 10px 0 5px 5px;
display: none;
}
#headSCT .cont ul.tag::before {
box-sizing: border-box;
content: '';
display: block;
position: absolute;
right: 140px;
top: 0;
border: solid 7px #fff;
border-right: solid 7px transparent;
border-bottom: solid 7px transparent;
border-left: solid 7px transparent;
width: 14px;
height: 14px;
}
#headSCT .cont ul.tag.active {
display: block;
}
#headSCT .cont ul.tag li {
position: relative;
background-color: #fff;
border-radius: 5px;
margin: 0 5px 5px 0;
height: 30px;
font-size: 14px;
line-height: 30px;
float: left;
}
#headSCT .cont ul.tag li::before {
transform: translateY(-50%);
content: '';
display: block;
position: absolute;
left: 5px;
top: 50%;
background-color: #ccc;
border-radius: 50%;
width: 15px;
height: 15px;
}
#headSCT .cont ul.tag label {
position: relative;
display: block;
padding: 0 5px 0 24px;
cursor: pointer;
}
#headSCT .cont ul.tag label::before {
transform: translateY(-50%) rotate(45deg);
content: '';
display: block;
position: absolute;
left: 11.5px;
top: 50%;
background-color: #fff;
width: 2px;
height: 8px;
}
#headSCT .cont ul.tag label::after {
transform: translateY(-50%) rotate(-45deg);
content: '';
display: block;
position: absolute;
left: 11.5px;
top: 50%;
background-color: #fff;
width: 2px;
height: 8px;
}
@media screen and (min-width: 600px) {
	#headSCT {
	margin-bottom: 30px;
	height: 65px;
	}
	#headSCT .cont div {
	margin: 0 auto;
	width: 960px;
	}
	#headSCT .cont h2 {
	padding-left: 0;
	}
	#headSCT h2 img {
	width: auto;
	height: 65px;
	}
	#headSCT .cont ul.lnk {
	padding-top: 19px;
	}
	#headSCT .cont .lnk li {
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	}
	#headSCT .cont .lnk li.entry {
	font-size: 14px;
	line-height: 34px;
	}
	#headSCT .cont .lnk li.sort a { 
	background-size: 30px auto;
	padding: 8px 40px 8px 10px;
	}
	#headSCT .cont .lnk li.entry a {
	padding: 0 28px 0 12px;
	}
	#headSCT .cont ul.tag {
	border-radius: 5px;
	padding: 10px 0 0 10px;
	}
	#headSCT .cont ul.tag::before {
	right: 218px;
	border: solid 10px #fff;
	border-right: solid 10px transparent;
	border-bottom: solid 10px transparent;
	border-left: solid 10px transparent;
	width: 20px;
	height: 20px;
	}
	#headSCT .cont ul.tag li {
	margin: 0 10px 10px 0;
	}
}

#pickupSCT {
background-color: #eee;
margin-bottom: 15px;
padding: 20px 0 55px 0;
}
#pickupSCT h2 {
margin: 0 30px;
}
#pickupSCT h2 img {
width: 106px;
height: auto;
}
#pickupSCT .slider {
position: relative;
}
#pickupSCT .block {
padding: 20px 30px 0 30px;
float: left;
}
#pickupSCT .image {
margin-bottom: 20px;
}
#pickupSCT .image img {
width: 100%;
height: auto;
}
#pickupSCT .block h3 {
margin-bottom: 15px;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
color: #b72d46;
}
#pickupSCT .block h3 a {
color: #b72d46;
text-decoration: none;
}
#pickupSCT .block h3 a:hover {
text-decoration: underline;
}
#pickupSCT .block p {
position: relative;
-webkit-text-size-adjust: 100%;
margin-bottom: 10px;
max-height: 4.32em;
font-size: 14px;
line-height: 1.44;
overflow: hidden;
text-overflow: ellipsis;
text-align: justify;
}
#pickupSCT .block p::after {
content: "…";
display: block;
position: absolute;
right: 0;
background-color: #eee;
top: 2.88em;
font-size: 14px;
line-height: 1.44;
}
#pickupSCT dl {
font-size: 12px;
line-height: 1.5;
color: #808080;
}
#pickupSCT dd,
#pickupSCT dt {
display: inline-block;
}
#pickupSCT dd {
margin-right: 10px;
}
#pickupSCT dd a {
color: #808080;
text-decoration: underline;
}
#pickupSCT dd a:hover {
text-decoration: none;
}
#pickupSCT .more {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.44;
text-align: right;
}
#pickupSCT .more a {
background: url(/IMAGES/GARAGE/PROPILOT/episode_icn2.png) no-repeat right center;
background-size: 15px 20px;
padding-right: 20px;
color: #333;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
transition: all 0s ease;
}
#pickupSCT .more a:hover {
color: #c71444;
}
#pickupSCT .btn {
margin-top: 16px;
}
#pickupSCT .btn a {
display: block;
background: url(/IMAGES/GARAGE/PROPILOT/btn_owner.png) no-repeat center center;
background-size: 269px 49px;
margin: 0 auto;
width: 269px;
height: 49px;
text-indent: -999px;
overflow: hidden;
}
#pickupSCT .btn a.disabled {
background: url(/IMAGES/GARAGE/PROPILOT/btn_owner_off.png) no-repeat center center;
background-size: 269px 49px;
}
/* PAGER */
.bx-wrapper .bx-pager {
position: absolute;
left: 0;
bottom: -23px;
width: 100%;
text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #646464;
text-indent: -9999px;
display: block;
width: 7px;
height: 7px;
margin: 0 6px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #b72d47;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 0;
}
.bx-wrapper .bx-prev::before {
content: '';
position: absolute;
left: 5px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border-top: solid 3px #666;
border-left: solid 3px #666;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.bx-wrapper .bx-next {
right: 0;
}
.bx-wrapper .bx-next::before {
content: '';
position: absolute;
right: 5px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border-bottom: solid 3px #666;
border-right: solid 3px #666;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
background-color: #fff;
margin-top: -65px;
outline: 0;
width: 20px;
height: 130px;
text-indent: -9999px;
z-index: 998;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
@media screen and (min-width: 600px) {
	#pickupSCT {
	margin-bottom: 30px;
	padding: 30px 0 55px 0;
	}
	#pickupSCT h2 {
	margin: 0 auto;
	width: 960px;
	}
	#pickupSCT h2 img {
	width: 130px;
	height: auto;
	}
	#pickupSCT .slider {
	position: relative;
	background-color: #eee;
	}
	#pickupSCT .list {
	margin: 0 auto;
	width: 960px;
	}
	#pickupSCT .block {
	box-sizing: border-box;
	padding: 45px 75px 24px 75px;
	float: left;
	}
	#pickupSCT .image {
	margin-bottom: 0;
	padding-top: 45px;
	width: 320px;
	float: right;
	}
	#pickupSCT .pack {
	width: 450px;
	}
	#pickupSCT .block h3 {
	margin-bottom: 24px;
	font-size: 28px;
	}
	#pickupSCT .block p {
	margin-bottom: 18px;
	max-height: 12em;
	font-size: 16px;
	line-height: 1.5;
	}
	#pickupSCT .block p::after {
	top: 10.5em;
	font-size: 16px;
	line-height: 1.5;
	}
	#pickupSCT .btn {
	margin-top: 16px;
	}
	#pickupSCT .btn a {
	background: url(/IMAGES/GARAGE/PROPILOT/btn_owner.png) no-repeat center center;
	background-size: 308px 56px;
	width: 308px;
	height: 56px;
	}
	#pickupSCT .btn a.disabled {
	background: url(/IMAGES/GARAGE/PROPILOT/btn_owner_off.png) no-repeat center center;
	background-size: 308px 56px;
	}
	.bx-wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px;
	height: 10px;
	margin: 0 4px;
	}
	.bx-wrapper .bx-prev::before {
	left: 12px;
	border-top: solid 5px #666;
	border-left: solid 5px #666;
	}
	.bx-wrapper .bx-next::before {
	right: 12px;
	border-bottom: solid 5px #666;
	border-right: solid 5px #666;
	}
	.bx-wrapper .bx-controls-direction a {
	margin-top: -110px;
	width: 35px;
	height: 220px;
	}
}

#episodeSCT {
position: relative;
background-color: #fff;
padding-bottom: 15px;
}
#episodeSCT .list {
padding: 0 10px;
}
#episodeSCT .block {
background-color: #f2f2f2;
margin-bottom: 15px;
padding: 20px 20px 18px 20px;
}
#episodeSCT .block .image {
position: relative;
background-size: cover;
background-position: center center;
margin-left: 20px;
width: 100px;
height: 100px;
overflow: hidden;
float: right;
}
#episodeSCT .block .image img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
#episodeSCT .block h3 {
margin-bottom: 10px;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
color: #b72d46;
}
#episodeSCT .block h3 a {
color: #b72d46;
text-decoration: none;
}
#episodeSCT .block h3 a:hover {
text-decoration: underline;
}
#episodeSCT .block p {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.44;
}
#episodeSCT dl {
font-size: 12px;
line-height: 1.5;
color: #808080;
}
#episodeSCT dd,
#episodeSCT dt {
display: inline;
}
#episodeSCT dd a {
color: #808080;
text-decoration: underline;
}
#episodeSCT dd a:hover {
text-decoration: none;
}
#episodeSCT .more {
padding-top: 18px;
clear: both;
font-size: 14px;
line-height: 1.44;
text-align: right;
}
#episodeSCT .more a {
background: url(/IMAGES/GARAGE/PROPILOT/episode_icn2.png) no-repeat right center;
background-size: 15px 20px;
padding-right: 20px;
color: #333;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
transition: all 0s ease;
}
#episodeSCT .more a:hover {
color: #c71444;
}
#episodeSCT .btn {
padding-top: 18px;
clear: both;
}
#episodeSCT .btn a {
display: block;
background: url(/IMAGES/GARAGE/PROPILOT/btn_owner2.png) no-repeat center center;
background-size: 225px 34px;
margin: 0 auto;
width: 225px;
height: 34px;
text-indent: -999px;
overflow: hidden;
}
#episodeSCT .btn a.disabled {
background: url(/IMAGES/GARAGE/PROPILOT/btn_owner2_off.png) no-repeat center center;
background-size: 225px 34px;
}
#episodeSCT .pagination {
padding: 25px 0;
}
#episodeSCT .pagination ul {
font-size: 0;
line-height: 0;
text-align: center;
}
#episodeSCT .pagination li {
box-sizing: border-box;
display: inline-block;
margin: 0 5px;
width: 30px;
height: 30px;
font-size: 14px;
line-height: 28px;
text-align: center;
}
#episodeSCT .pagination li.prev,
#episodeSCT .pagination li.next {
width: 50px;
}
#episodeSCT .pagination li a {
background-color: #fff;
border: solid 1px #dcdcdc;
color: #b72d46;
display: block;
}
#episodeSCT .pagination li.prev a,
#episodeSCT .pagination li.next a {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#episodeSCT .pagination li a:hover {
background-color: #b72d46;
border: solid 1px #b72d46;text-decoration: none;
color: #fff;
}
#episodeSCT .pagination li a.active {
background-color: #dcdcdc;
border: solid 1px #eaeaea;
color: #fff;
display: block;
}
#episodeSCT .sortBox {
margin: 0 10px 15px 10px;
padding: 130px 0;
border: solid 1px #b2b2b2;
}
#episodeSCT .sortBox p {
font-size: 18px;
line-height: 1.9;
text-align: center;
color: #999;
}
#episodeSCT .sortBox a {
color: #999;
text-decoration: underline;
}
#episodeSCT .sortBox a:hover {
text-decoration: none;
}
@media screen and (min-width: 600px) {
	#episodeSCT {
	padding-bottom: 30px;
	}
	#episodeSCT .head div {
	margin: 0 auto;
	width: 960px;
	}
	#episodeSCT h2 img {
	width: auto;
	height: 65px;
	}
	#episodeSCT .head ul {
	padding-top: 27px;
	}
	#episodeSCT .head li {
	font-size: 14px;
	font-weight: bold;
	}
	#episodeSCT .head li.entry::before {
	top: -7px;
	}
	#episodeSCT .list {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	}
	#episodeSCT .block {
	position: relative;
	box-sizing: border-box;
	width: 300px;
	margin: 0 30px 30px 0;
	padding: 15px 15px 58px 15px;
	float: left;
	}
	#episodeSCT .block:nth-child(3n) {
	margin: 0 0 30px 0;
	}
	#episodeSCT .image,
	#episodeSCT .pack {
	position: relative;
	0top: 50%;
	0transform: translateY(-50%);
	0-webkit- transform: translateY(-50%);
	}
	#episodeSCT .more {
	position: absolute;
	right: 15px;
	bottom: 10px;
	padding-top: 0;
	}
	#episodeSCT .btn {
	position: absolute;
	bottom: 12px;
	left: 0;
	width: 100%;
	}
	#episodeSCT .pagination {
	padding: 10px 0;
	}
	#episodeSCT .sortBox {
	margin: 0 auto 30px auto;
	padding: 50px 0;
	width: 960px;
	}
	#episodeSCT .sortBox p {
	font-size: 20px;
	line-height: 1.72;
	}
}

#linkSCT .propilot,
#linkSCT .car,
#linkSCT .change {
margin: 0 10px 35px 10px;
}
#linkSCT h3 {
border-bottom: dotted 1px #c1c1c1;
margin: 0 0 20px 0;
padding-bottom: 7px;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
}
#linkSCT .change li {
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
}
#linkSCT .change li a {
display: block;
background: #f2f2f2 url(/IMAGES/GARAGE/PROPILOT/episode_icn4.png) no-repeat right center;
background-size: 20px auto;
padding: 10px 32px 10px 12px;
color: #b72d46;
}
#linkSCT .car ul {
background-color: #f2f2f2;
padding: 10px 15px;
}
#linkSCT .car li {
padding: 10px 0;
width: 50%;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
float: left;
}
#linkSCT .car li a {
color: #b72d46;
}
#linkSCT .propilot .image img {
width: 100%;
height: auto;
}
#linkSCT .propilot .block {
background-color: #f2f2f2;
margin-bottom: 20px;
cursor: pointer;
}
#linkSCT .propilot .block.hover {
background-color: #f8f8f8;
}
#linkSCT .propilot .pack {
display: block;
background: #f2f2f2 url(/IMAGES/GARAGE/PROPILOT/episode_icn4.png) no-repeat right center;
background-size: 20px auto;
padding: 20px 35px 25px 15px;
}
#linkSCT .propilot h4 {
font-size: 20px;
font-weight: bold;
}
#linkSCT .propilot h4 a {
color: #b72d46;
}
#linkSCT .propilot p {
margin-top: 12px;
font-size: 16px;
line-height: 1.77;
}
@media screen and (min-width: 600px) {
	#linkSCT {
	margin: 0 auto;
	padding-bottom: 90px;
	width: 960px;
	}
	#linkSCT .car,
	#linkSCT .change {
	margin: 0;
	width: 460px;
	}
	#linkSCT .change {
	float: left;
	}
	#linkSCT .car {
	float: right;
	}
	#linkSCT .propilot {
	clear: both;
	margin: 0;
	padding-top: 50px;
	}
	#linkSCT h3 {
	border-bottom: dashed 1px #c1c1c1;
	margin: 0 0 25px 0;
	padding-bottom: 10px;
	font-size: 20px;
	}
	#linkSCT .change li {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	}
	#linkSCT .change li a {
	display: block;
	background: #f2f2f2 url(/IMAGES/GARAGE/PROPILOT/episode_icn4.png) no-repeat right center;
	background-size: 26px auto;
	padding: 14px 41px 14px 15px;
	color: #b72d46;
	}
	#linkSCT .car ul {
	padding: 10px 20px;
	}
	#linkSCT .car li {
	width: 140px;
	}
	#linkSCT .propilot .block {
	background: #f2f2f2 url(/IMAGES/GARAGE/PROPILOT/episode_icn4.png) no-repeat right center;
	background-size: 26px auto;
	height: 126px;
	margin-bottom: 10px;
	}
	#linkSCT .propilot .block.hover {
	background: #f8f8f8 url(/IMAGES/GARAGE/PROPILOT/episode_icn4.png) no-repeat right center;
	background-size: 26px auto;
	}
	#linkSCT .propilot .image {
	width: 210px;
	float: left;
	}
	#linkSCT .propilot .pack {
	background: none;
	margin-left: 250px;
	padding: 40px 35px 0 15px;
	}
	#linkSCT .propilot .block.hover h4 a {
	text-decoration: underline;
	}
	#linkSCT .propilot p {
	font-size: 18px;
	}
}

#bannerSCT {
background-color: #fff;
padding-bottom: 35px;
}
#bannerSCT h3 {
border-bottom: dotted 1px #c1c1c1;
margin: 0 10px 30px 10px;
padding-bottom: 7px;   
font-size: 18px;  
font-weight: bold;
line-height: 1.2;
}
#bannerSCT li {
margin: 0 10px 15px 10px;
font-size: 0;
line-height: 0;
}
#bannerSCT img {
width: 100%;
height: auto;
}
#bannerSCT a:hover {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
@media screen and (min-width: 600px) {
	#bannerSCT {
	padding-bottom: 90px;
	}
	#bannerSCT .cont {
	margin: 0 auto;
	width: 960px;
	}
	#bannerSCT h3 {
	border-bottom: dashed 1px #c1c1c1;
	margin: 0 0 30px 0;
	padding-bottom: 10px;
	font-size: 20px;
	}
	#bannerSCT li {
	margin: 0 0 15px 0;
	width: 460px;
	}
	#bannerSCT li:first-child {
	float: left;
	}
	#bannerSCT li:last-child {
	float: right;
	}
}

#noteSCT {
background-color: #f2f2f2;
padding: 25px 10px 40px 10px;
}
#noteSCT li {
font-size: 12px;
line-height: 1.5;
color:  #666;
}
@media screen and (min-width: 600px) {
	#noteSCT {
	padding: 40px 0 55px 0;
	}
	#noteSCT .cont {
	margin: 0 auto;
	width: 960px;
	}
}

/* MODAL */
#modalMask {
position: fixed;
left: 0;
background-color: rgba(255,255,255,0.8);
width: 100%;
height: 100%;
z-index: 9999999999999;
display: none;
}
#modalSCT form {
display: inline;
}
#modalSCT input, #modalSCT button, #modalSCT select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#modalSCT select,
#modalSCT option {
font-size: 14px;
}
#modalSCT label {
position: relative;
padding-left: 18px;
}
#modalSCT label[for="change1"] {
display: inline-block;
padding-left: 0;
}
#modalSCT label[for="change1"]::before {
content: '';
position: absolute;
top: 50%;
right: 6px;
box-sizing: border-box;
display: block;
border: solid 6px transparent;
border-top: solid 8px #b42c36;
margin-top: -4px;
}
#modalSCT select {
position: relative;
box-sizing: border-box;
background-color: transparent;
border: solid 1px #B4B4B4;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 0 30px 0 5px;
height: 25px;
z-index: 1;
}
#modalSCT label input[type="radio"],
#modalSCT label input[type="checkbox"] {
display: none;
}
#modalSCT label input[type="checkbox"] + span::before {
position: absolute;
top: 50%;
left: 0;
content: '';
box-sizing: border-box;
display: inline-block;
background-color: transparent;
border: solid 1px #B4B4B4;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-top: -6px;
z-index: 0;
width: 12px;
height: 12px;
}
#modalSCT label input[type="radio"] + span::before {
position: absolute;
top: 50%;
left: 0;
content: '';
box-sizing: border-box;
display: inline-block;
background-color: transparent;
border: solid 1px #B4B4B4;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin-top: -6px;
z-index: 0;
width: 12px;
height: 12px;
}
#modalSCT label input[type="checkbox"] + span::before {
position: absolute;
top: 50%;
left: 0;
content: '';
box-sizing: border-box;
display: inline-block;
background-color: transparent;
border: solid 1px #B4B4B4;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-top: -6px;
z-index: 0;
width: 12px;
height: 12px;
}
#modalSCT label input[type="checkbox"]:checked + span {	}
#modalSCT label input[type="radio"]:checked + span::before,
#modalSCT label input[type="checkbox"]:checked + span::before {
background-color: #b42c36;
border: solid 2px #b42c36;
}
#modalSCT .btn {
font-size: 0;
line-height: 0;
text-align: center;
}
#modalSCT .btn li {
margin: 0 5px;
display: inline;
}
#modalSCT button {
-webkit-transition: opacity 0.7s ease;
-moz-transition: opacity 0.7s ease;
-o-transition: opacity 0.7s ease;
transition: opacity 0.7s ease;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #b72d46;
width: 100px;
height: 30px;
font-size: 14px;
color: #fff;
cursor: pointer;
}
#modalSCT button[type="submit"] {
background-color: #b72d46;
}
#modalSCT button[type="reset"] {
background-color: #858585;
}
#modalSCT button:hover {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#modalSCT .close {
position: absolute;
right: 22px;
top: 22px;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 102;
overflow: hidden;
text-indent: -9999px;
}
#modalSCT .close::after,
#modalSCT .close::before {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 2px;
background-color: #95989A;
cursor: pointer;
}
#modalSCT .close::before {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
top: 10px;
}
#modalSCT .close::after {
-webkit-transform: translateY(-0) rotate(45deg);
transform: translateY(-0) rotate(45deg);
top: 10px;
}
@media screen and (max-width: 599px) {
	#modalSCT {
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 290px;
	height: 100%;
	z-index: 99999999999999;
	display: none;
	}
	#modalSCT .cont {
	position: relative;
	box-sizing: border-box;
	box-shadow: 0 0 7px rgba(0,0,0,0.1);
	background-color: #fff;
	padding: 37px 25px 40px 25px;
	width: 290px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	}
	#modalSCT .cont::-webkit-scrollbar {
	width: 0;
	background: #f3f3ed;
	}
	#modalSCT .cont::-webkit-scrollbar-thumb {
	background: #c5c5c5;
	}

	#modalSCT h3 {
	margin-bottom: 21px;
	font-size: 18px;
	font-weight: bold;
	}
	#modalSCT .block {
	padding-top: 30px;
	}
	#modalSCT .block ul {
	border-bottom: solid 1px #cecece;
	padding-bottom: 3px;
	font-size: 14px;
	}
	#modalSCT .block a {
	display: block;
	padding: 10px 13px;
	color: #000;
	}
	#modalSCT .block a.active,
	#modalSCT .block a:hover {
	background-color: #f0f0f0;
	text-decoration: none;
	}
	#modalSCT p {
	margin-bottom: 23px;
	font-size: 14px;
	}
	#modalSCT dl {
	padding-bottom: 3px;
	}
	#modalSCT dt {
	margin-bottom: 18px;
	font-size: 12px;
	font-weight: bold;
	}
	#modalSCT dd {
	margin-bottom: 20px;
	font-size: 14px;
	}
}
@media screen and (min-width: 600px) {
	#modalSCT {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	box-sizing: border-box;
	width: 530px;
	z-index: 99999999999999;
	display: none;
	}
	#modalSCT .cont {
	position: relative;
	box-sizing: border-box;
	box-shadow: 0 0 7px rgba(0,0,0,0.1);
	background-color: #fff;
	padding: 5px 45px 30px 45px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	}
	#modalSCT h3 {
	margin-bottom: 21px;
	font-size: 18px;
	font-weight: bold;
	}
	#modalSCT .block {
	padding-top: 30px;
	}
	#modalSCT .block ul {
	border-bottom: solid 1px #cecece;
	padding-bottom: 3px;
	font-size: 14px;
	}
	#modalSCT .block a {
	display: block;
	padding: 10px 13px;
	color: #000;
	}
	#modalSCT .block a.active,
	#modalSCT .block a:hover {
	background-color: #f0f0f0;
	text-decoration: none;
	}
	#modalSCT p {
	margin-bottom: 23px;
	font-size: 14px;
	}
	#modalSCT dl {
	padding-bottom: 3px;
	}
	#modalSCT dt {
	margin-bottom: 18px;
	font-size: 12px;
	font-weight: bold;
	}
	#modalSCT dd {
	margin-right: 15px;
	margin-bottom: 20px;
	font-size: 14px;
	float: left;
	}
}