@charset "utf-8";
/* CSS Document */

.new,.up{
background:#ff325d;
color :#fff;
font-size:10px;
padding:0px 3px;
margin:0 2px;
line-height:1em;
vertical-align: middle;
font-style:normal;
}

a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
}

strong.red{
	font-weight:bold;
	color:#C03;
}

.red{
	color:#C03;
}

.breadcrumb-list{
    display: none;
}

#inPageNavList {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    widows: 35px;
    z-index: 1000;
}
#inPageNavList .nav_item {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}
#inPageNavList .nav_item i{
	font-size:20px;
	padding-top:7px;
}

#inPageNavList a {
    overflow: hidden;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background: #333;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
#inPageNavList a:hover{
	background:#00a291;
}




#OT-wrapper .product-header{
	margin-bottom: 10px;
}


#OT-wrapper .product-header .txt{
		float:left;
		line-height: 1.5;
		width: 860px;
}

#OT-wrapper .product-header .txt img{
	display: inline;
	width: 100px;
	vertical-align: middle;
}

#OT-wrapper .product-name{
	font-size: 25px;
	/* font-weight:bold; */
	margin-bottom: 5px;
}
#OT-wrapper .product-name span{
	/* font-weight:bold; */
}


#OT-wrapper .car-model{
	font-size: 18px;
	font-weight:bold;
	display: inline;
	vertical-align: middle;
	color: #00A08F;
}
#OT-wrapper .car-model span{
	background: #efefef;
	border:1px solid #CCC;
	font-size:12px;
	vertical-align: middle;
	padding:0 5px;
	margin-right:10px;
	color: #737373;
	min-width:5em;
	display: inline-block;
	text-align: center;
}
#OT-wrapper .car-model i{
	font-size:12px;
	    vertical-align: middle;
		margin:0 2px;
}
#OT-wrapper .car-model  u{
	text-decoration:none;
	    color: #868686;
	margin:0 3px;
}

.copy{
	float: left;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: rgba(255, 249, 25, 0.95);
}
.printbutton{
	
}

.printbutton a{
	
}


.printbutton a:hover {

}

.printbutton a i{
	margin-right:8px;
	font-size:16px;
}
.imgblock{
	margin: 32px 0;
}
.imgblock img{
	margin: 0 auto;
	display: block;
}
.sct-flow {

	margin-bottom:40px;
	/*border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0 0px 5px #eee;
	padding:20px;
	background:#FFF;
	*/
}

.tabcontent .tit{
	font-size: 22px;
	margin-bottom:15px;
	padding: 10px 0;
	border-bottom:1px solid #CCC;
}

.sct-flow .sct-flow-item {
    counter-reset: flow;
}

.sct-flow .sct-flow-item li{
    position: relative;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px dotted #CCC;


}


.sct-flow .sct-flow-item li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*:first-child+html .sct-flow .sct-flow-item li {
	display: inline-block;
	min-height: 1%;
}

* html .sct-flow .sct-flow-item li {
	height: 1%;
}



.sct-flow .sct-flow-item li:last-child{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}

.sct-flow .sct-flow-item li:before {
	background: #00A08F;
	counter-increment:flow;
	content: counter(flow)'';
	color: #fff;
	font-size: 12px;
	/* height: 20px; */
	/* line-height: 20px; */
	padding: 4px 0;
	text-align: center;
	z-index: 2;
	display: block;
	width: 2em;
	font-weight: bold;
	/* margin-bottom: 5px; */
	font-weight: bold;
	font-size: 16px;
	top: 0;
	left: 0;
	position: absolute;
}


.sct-flow .sct-flow-item li .pict{
	display:block;
	float:left;
	margin-right:20px;
}
.sct-flow .sct-flow-item li .pict img{
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
}

.sct-flow .sct-flow-item li p{
	margin-bottom:8px;
	font-size:14px;
	line-height:1.4;

}


.sct-flow .sct-flow-item li dl{
	margin:0;
	padding:5px 0 0 0;
	font-size:11px;
	line-height:1.4;
	overflow:hidden;
	*zoom:1;
}
.sct-flow .sct-flow-item li dl dt{
	float:left;
	margin-bottom:5px;
	font-weight: normal;
}
.sct-flow .sct-flow-item li dl dt span{
	width: 5em;
	text-align:center;
	background:#efefef;
	border:1px solid #989898;
	display:block;
}


.sct-flow .sct-flow-item li dl dd{
	margin-left: 5.5em;
	margin-bottom:5px;
	padding:1px 0;
}

.sct-flow img.imgblock{
	margin-bottom:10px;
	width: 100%;
}


table.t01{
	width:100%;
	border-collapse: collapse;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;

	margin-bottom:10px;
}
table.t01 th,
table.t01 td{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	word-break: break-all;
	padding:8px;
        font-size: 1.6rem;


}

table.t01 th{
	background:#efefef;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

table.t01 .color2{
	display:inline-block;
}
table.t01 .cnct{
		padding: 2px 5px;
		display: inline-block;
}

table.t01 .red{
	background:#F00;
	color :#FFF;
}

table.t01 .black{
	background:#000;
	color :#FFF;

}

table.t01 .green{
	background: #093;
	color :#FFF;
}

table.t01 .blue{
	background: #03F;
	color :#FFF;
}
table.t01 .white{
	background: #fff;
	color :#000;
	box-shadow: 0 0 0 1px #000 inset;
}


table.t01 .wakakusa{
	background: #80C767;
	color :#FFF;
}
table.t01 .yellow{
	background:#FF0;
	color :#000;
}

table.t01 .brown{
	background: #83532C;
	color :#fff;
}

table.t01 .purple{
		background: #609;
	color :#fff;

}

table.t01 .pink{
	background:#F6C;
	color :#fff;

}

table.t01 .light_brown{
	background-color: #D2B277;
	color :#000;
}

table.t01 .orange{
	background-color: #F60;
	color :#fff;
}

table.t01 .gray{
	background-color: #666;
	color :#fff;
}

table.t01 .light_green{
	background-color: #3C9;
	color :#fff;
}

table.t01 .light_blue{
	background-color: #0CF;
	color :#fff;
}
table.t01 .light_orange{
	background-color: #fbe6a0;
	color: #020202;
}
table.t01 .light_purple{
	background-color: #9f76e1;
	color: #020202;
}
/*---------------------------*/
.index-list{
	margin-bottom:20px;
}
.termlist li{
	margin-bottom: 8px;
	padding-left: 25px;
	list-style-type: disc;
	list-style-position: inside;

}
 .termlist li a:hover{
	 text-decoration: underline;
 }

.inner-link {
	margin-bottom:20px;
	font-size: 14px;
}
.inner-link li{
	float:left;
	margin-right:10px;
	margin-bottom: 5px;
}

.inner-link li a{
	display:block;
	padding: 8px 13px;
	border-radius:3px;
	border: 1px solid #ACACAC;
	color: #636363;
	background: #feffff;
	background:
	-moz-linear-gradient(top,  #feffff 0%, #ededed 100%);
	background:
	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#ededed));
	background:
	-webkit-linear-gradient(top,  #feffff 0%,#ededed 100%);
	background:
	-o-linear-gradient(top,  #feffff 0%,#ededed 100%);
	background:
	-ms-linear-gradient(top,  #feffff 0%,#ededed 100%);
	background: linear-gradient(to bottom,  #feffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ededed',GradientType=0 );
}
.inner-link li a:hover{
box-shadow: 0 1px 1px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.2);
	color :#1b1b1b;
}

.inner-link li i{
    vertical-align: top;
    margin-top: -2px;
    margin-right: 5px;
}




.index-list .link-list{
	border-bottom:1px dotted #CCC;
}
#OT-wrapper-in .index-list:last-child .index-list .link-list{
	border-bottom:none;
}


.index-list .link-list li{
	margin-bottom:15px;
	margin-right:10px;
	float:left;
	width: 32%;
	/* text-align:center; */
}
.index-list .link-list li:nth-child(3n){
	margin-right:0;
}
.index-list .link-list li:nth-child(3n+1){
	clear: left;
}


.index-list .link-list li li:nth-child(3n+1) {
	clear:none;
}
.index-list .link-list li a{
	display: block;
}


.index-list .link-list li a > *{
}

.index-list .link-list li a li{
	width:auto;
	float:none;
}

.index-list .link-list li .pict{
	margin-right: 5px;
	margin-bottom: 8px;
	width: 160px;
	float:left;
}
.index-list .link-list li .txt{
	line-height:1.6;
	vertical-align: middle;
	font-size: 13px;
	font-size: 1.3rem;
}

.index-list .link-list li .txt li{
	margin-bottom:0;
}
.index-list .link-list li .txt li::before{
	content: "・";

}

.index-list .link-list li a:link,
.index-list .link-list li a:visited{
	color: #1b1b1b;

	}

.index-list .link-list li a:hover{
	color:#00a291;
}


/*----------------------------*/

/*---------------------------------------------------*/
/*-------tab------*/
.tab{}
.tab li.select{background:#eee;}
.tabcontent li{}
.tab-hide {display:none;}


.tab {
	margin: 40px 0 20px 0;
	overflow: hidden;

        padding: 0;
}
.tab:after{
	content:"";
	display:block;
	border-bottom: 1px solid #CCC;
	position:relative;
	z-index:9;
	margin-top:-1px;
}

.tab ul{
	border-left: 1px solid #CCC;
}


.tab li {
	float: left;
	position: relative;
	background: #00a291;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	color: #FFF;
}
.tab li:first-child span{
}
.tab li span{
	display:block;
	padding:12px 25px;
	font-size:14px;
	cursor: pointer;
}




.tab li.select span{
	background:#FFF;
	box-shadow: 1px 1px 0px 0 rgba(200,200,200,0.4) inset;
	position:relative;
	z-index:10;
	    color: #00a291;
}
.tab li.select a{
	cursor: default;
}

.tab li a{
	text-decoration:none;
}
.tab li a:link,
.tab li a:visited{
	color :#1b1b1b;

}
.tab li a:hover{
	text-decoration:underline;
}
.tab li.select a:hover{
	text-decoration:none;
}


.tab li span:before{

}
.tab li.select span:before{
	
}

/*---------------------*/

.caution{
    background: #FDE4E5;
    padding: 10px;
    margin-bottom: 15px;
    color: #CC0005;

}

.caution p{
	margin: 0;
	padding:0;
}

.caution i{
	margin-right:5px;
}

p.info{
	margin:0 0 10px;
}

/*---------------------*/

.info-txt{
	font-size:20px;
	margin-bottom:20px;
}
.kiyaku{
	width:80%;
	height:200px;
	overflow:scroll;
	margin:20px auto;

	border:1px solid #CCC;
	padding:20px;

}

.kiyaku strong{
	font-weight:bold;
}
.consent{
	text-align:center;
	margin-bottom:30px;
}
.consent li{
	display:inline-block;
}
.consent a{
	display:block;
    padding: 12px 60px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: bold;
	margin-right:20px;
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.consent .ng a{
    color: #2D2D2D;
	background:#efefef;
	border-bottom:3px solid #999;
}
.consent .ok a{
    color: #fff;
	    background: #00A08F;
	    border-bottom: 3px solid #07887A;
}


.consent a{
}

.consent a:hover{

	opacity: 0.6;
	filter: alpha(opacity=60);
}

.sub-info{
	font-size:14px;
	line-height:1.4;
}


.sub-info p{
}
.sub-info .madoguchi{
	margin:50px 0 0 0;

}
.sub-info .madoguchi dl{
	margin-bottom:50px;
	line-height:1.6;
}
.sub-info dl dt{
	float:left;
	clear:left;

}
.sub-info dl dt i{
	margin-right:5px;
	    color: #029081;
}

.sub-info dl dd{
	margin-left:6em;
}

.sub-info dl .clock{
	margin-top:20px;
}

.sub-info .time{
	    margin-bottom: 80px;
}
.sub-info .time p{
}

.sub-info .time .clock{
	font-size:16px;
}

/*--------------------------------------*/

.steps {
	padding: 36px 0;
}
.steps .item{
	position: relative;
	padding-bottom: 10px;
	background-image: url(../img/common/line.png);
	background-position: 22px 0;
	background-repeat: repeat-y;
	background-size: 3px 5px;
        list-style: none;
}
.steps .item:last-of-type{
	background: none;
}

.steps .item .count{
	display: block;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
	-ms-border-radius: 40px;
	border-radius: 40px;
	width: 2.5em;
	height: 2.5em;
	position: absolute;
	top: -7px;
	left: 3px;
	z-index: 100;
	text-align: center;
	font-size: 16px;
	padding-top: 8px;
	border: solid 2px #00a291;
	background-color: #fff;
	color: #00a291;
}
.steps .item .step_ttl{
	padding: 7px 0 15px 0;
	height: auto;
	font-size: 120%;
	line-height: 1.3em;
	font-weight: bold;
}
.steps .item .inner{
    margin-left: 58px;
    display: flex;
}
.steps .item .step_photo {
	position: relative;
}
.steps .item .step_photo i{
	position: absolute;
	right: 10px;
	bottom: 10px;
	color :#FFF;
	font-size: 22px;
	text-shadow: 1px 1px 1px #000;
}

.steps .item .step_photo a{
	display: block;
}

@media (min-width: 768px){
    .steps .item .step_photo img{
	max-width: 600px;
}
}

.steps .col_right p.read{
	margin-bottom: 8px;
}

.steps .col_right .maintext{
	margin-bottom:32px;
}

.steps .point {
    margin-bottom: 8px;
    overflow: hidden;
		font-size: 86%;
		color: #c03;
}


.steps .point ul{
	list-style: none;
	padding: 5px 5px 0px 1.75em;
	background: #FFEBEB;
	display: inline-block;
	border: 1px solid;
	}

.steps .point ul li{
	position: relative;
	padding-left: 0.4em;
	font-weight: bold;
	margin-bottom: 5px;
}

.steps .point ul li:before{
	font-family: FontAwesome;
  content: "\f0eb";
position: absolute;
left: -1em;
top: 0;
}


.tools{
	overflow: hidden;
}
.tools dl{
	color: #00a291;
	display: inline-block;
	border: 1px solid #00a291;
	    padding: 8px;
}


.tools dt{
	float: left;
	margin-bottom: 3px;
	/* background: #CCC; */
	font-weight: normal; 
}
.tools dt span:before{
}

.tools dt i{
	margin-right: 4px;
}

.tools dd{
	margin-left: 3.25em;
	margin-bottom: 3px;
}

dl.tools dt span{
}

/*----------------------*/
.taisho th{
	width: 20%;
}
/**-------------------------------------------
* 16.3 Tablet Large 880px　以上
 -------------------------------------------*/
@media screen and (min-width: 55em) {
	.tejun_header .pict{
		float: left;
		margin-right: 16px;
		width: 300px;
	}
	.tejun_header .detail{
	}

	.kit_kougu .kit_info{
		margin-bottom: 16px;
	}
	.kit_kougu a.kk_img img{
		float: left;
		width: 200px;
		margin: 0 12px 0 0;
	}

	.kit_kougu .txt{
		font-size: 13px;
	}
	.kit_kougu h3{
		font-size: 16px;
		margin-bottom: 8px;
	}
	.steps .item .step_photo{
		float: left;
		margin-right:16px;
	}
	.steps .col_right{
	}

}






/*---------------------------------------------------------------------------------
					印刷画面
--------------------------------------------------------------------------------*/



@media print {


	.sct-heder{
		color:#000;
	}
	#inPageNavList{
		display:none !important;
	}
	table.t01 .cnct{
			box-shadow: 0 0 0 1px #000 inset;

	}
	table.t01 .white{
		border:none;
	}
	.navbar h1{
		margin: 0;
		padding:0;
	}

	h2,
	.tab,
	.printbutton{
		display: none;
	}


	.sct-flow .sct-flow-item li {
	    margin-bottom: 5px;
	    padding-bottom: 5px;
		}

	.sct-flow .sct-flow-item li .pict img{
		width: 220px;
	}

	.print_page{
		width: 172mm;
		height: 251mm;
		page-break-after: always;
	}
	.print_page:last-child{
			page-break-after: auto; /* 最後のページの改ページを防ぐ */
	}
	.sct-flow .sct-flow-item li p{
	margin-left: 40px;
	}

}










/*---------------------------------------------------------------------------------
					768px以上
--------------------------------------------------------------------------------*/

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

.sct-flow .sct-flow-item li .pict{
	    /* max-width: 300px; */
	 }
	.sct-flow .sct-flow-item li .pict img{

	}
}










/*---------------------------------------------------------------------------------
					760以下
--------------------------------------------------------------------------------*/


@media screen and (max-width: 760px){
	#OT-nav,
	#OT-nav-main,
	#OT-nav-sub,
	#OT-wrapper,
	#OT-footer,
	#OT-gosp,
	#OT-wrapper .product-header .txt {
		min-width:auto;
	}
	#OT-footer-in,
	.OT-tpath,
	#OT-wrapper-in,
	.OT-search-in,
	#OT-wrapper .product-header .txt {
		width:auto;
	}

	.sct-heder .inner {
		width:auto;
	}
	.sct-flow .sct-flow-item li .pict{
		float:none;
		width:100%;
		margin-bottom:10px;
	}

	.sct-heder ul li a span{
		display:none;
	}
	.index-list{
		margin-bottom:0;
	}
	.index-list h2{
		font-size:14px;
		padding:5px;
		margin:0;
	}


	.index-list .link-list{
		border:none;
	}
	.index-list .link-list li{
		border-bottom:1px solid #CCC;
		width:auto;
		float:none;
		margin:0;
	}
	.index-list .link-list li .pict{
		width:120px;
	}
	.index-list .link-list li a {
		padding:3px;
	}

	.index-list .link-list li .txt li{
		border-bottom:none;
	}
	.sct-flow .sct-flow-item li img{
		width: 100%;
		margin-bottom: 5px;
	}
	.consent li{
		display: block;
		margin-bottom: 8px;
	}
.index-list h2{
	background: #333;
 color: #FFF;
 padding: 6px;
 margin-bottom:4px;
}
 .tab{
	 clear: both;
 }
 .termlist{
	 padding: 0;
	 margin: 0;
 }
 .termlist li{
	 list-style: none;
	 margin: 0;
	 padding: 0;
 }
 .termlist li a{
	 display: block;
	 padding:8px;
	 border-bottom: 1px solid #CCC;
 }

}

/*---------------------------------------------------------------------------------

--------------------------------------------------------------------------------*/
@media print and (max-width: 800px){


}