@charset "utf-8";
/*
fee 料金案内ページ
==========================================================*/
.pageWrap2--fullwide {width: 100%;}
.categoryB-conteArea:first-of-type {/*padding:0 0 163px;*/padding:0 0 80px;}
.categoryB-conteArea {width: 1200px;margin: 0 auto;}
.fee .categoryB__text--big {
	font-size: 3.2rem;
	margin-bottom: 30px;
	font-weight: bold;
}
.pageWrap2--fullwide h3 {font-size: 3.2rem;}
.pageWrap2--fullwide h4 {margin-bottom: 23px;font-size: 2.4rem;color: #005297;}
.categoryB-conteArea article {margin-top: 36px;}


table.feeTable {
	width:100%;
	border-right:#005297 solid 1px;
	border-left: #005297 solid 1px;
	border-collapse: collapse;
	margin-bottom: 60px;
}
table.feeTable thead th {
	background:#005297;
	color:#FFF;
	padding:10px 15px;
	border-right:#fff groove 1px;
	border-bottom:#fff groove 1px;
	width: 140px;
	box-sizing: border-box;
	font-size: 2.2rem;
}
table.feeTable thead th:first-of-type {width: 570px;}
table.feeTable thead th:last-of-type {width: 210px;}
table.feeTable thead th:last-child {
	border-right:#005297 solid 1px;
}
table.feeTable tbody th {
	background:#E0F3FF;
	color:#000;
	padding:18px;
	border-bottom:#005297 solid 1px;
	font-size: 1.7rem;
	text-align: left;
	padding-left: calc(1.8rem + 10px);
	text-indent: -1.8rem;
	width: 200px;
	box-sizing: border-box;
	border-left: #005297 solid 1px;
}
table.carWash tbody th {
	padding: 15px;
	border-bottom:#005297 solid 1px;
	padding-left: calc(1.5rem + 15px);
	text-indent: -1.5rem;
}

table.feeTable tbody td {
	background:#FFF;
	padding:20px;
	border-left:#005297 solid 1px;
	border-bottom:#005297 solid 1px;
}
table.carWash tbody td {padding: 15px;}

table.feeTable tbody td:nth-of-type(2),
table.feeTable tbody td:nth-of-type(3),
table.feeTable tbody td:nth-of-type(4) {text-align: right;font-size: 1.8rem;}
table.feeTable .baseFontSize {font-size: 1.6rem;display: inline;}
table.feeTable tbody tr:nth-of-type(1) td,
table.feeTable tbody tr:nth-of-type(2) td {
	/*background: #EFF1F1;*/
}
table.feeTable tbody tr:nth-of-type(1) td,
table.feeTable tbody tr:nth-of-type(2) td,
table.feeTable tbody tr:nth-of-type(3) td {padding: 15px 20px}
table.carWash tbody tr:nth-of-type(3) td,
table.carWash tbody tr:nth-of-type(4) td,
table.carWash tbody tr:nth-of-type(5) td {
	/*background: #EFF1F1;*/
}
table.cleaningTable tbody tr:nth-of-type(3) td,
table.paintingTable tbody tr:nth-of-type(3) td,
table.paintingTable tbody tr:nth-of-type(4) td,
table.package02Table tbody tr:nth-of-type(1) td,
table.package02Table tbody tr:nth-of-type(2) td,
table.package03Table tbody tr:nth-of-type(3) td,
table.package03Table tbody tr:nth-of-type(4) td,
table.package03Table tbody tr:nth-of-type(5) td,
table.package03Table tbody tr:nth-of-type(8) td,
table.paintingTable tbody tr:nth-of-type(5) td,
table.paintingTable tbody tr:nth-of-type(6) td{
	/*background: #EFF1F1;*/
	padding: 15px 18px;
}
table.etcTable tbody tr:nth-of-type(1) td ,
table.etcTable tbody tr:nth-of-type(6) td {
	/*background: #EFF1F1;*/
	padding: 15px 18px;
}
table.etcTable tbody tr:nth-of-type(2) td {
	background:#fff;
}
table.feeTable .color--blue {
	color: #005297;
	display: inline;
	text-decoration: underline;
}
table.paintingTable tbody td {padding: 15px 18px;}
.feeTable__sp--display {display: none;}
.package01Table__nouki {
	padding-left: 1.6rem;
	text-indent: -1.6rem ;
}
.packageFullTable .qube--blue {
    color: #005297;
    display: inline;
    font-size: 2rem;
    padding-right: 5px;
}
.easyPackmenu__items {
	padding-left: 2rem;
}
.packageFullTable .easyPackmenu__items li span {display: inline;padding-right: 1.6rem;}
table.feeTable tbody td.tdCenter {text-align: center;}
table.feeTable tbody td.textIn {

}
.tdTextSp--display {display: none;}
@media all and (max-width: 1024px) {
	/*common設定コード*/
	body {font-size: 1.4rem;}
	.categoryB-conteArea {width: 100%;padding: 0 15px;}
}
@media all and (max-width: 1024px) {
	.categoryB-conteArea {width: 100%;}
	.categoryB-conteArea:first-of-type {padding: 0 15px 80px;}
	table.feeTable thead th {font-size: 1.8rem;padding: 10px;}
	table.feeTable tbody tr:nth-of-type(1) td,
	table.feeTable tbody tr:nth-of-type(2) td,
	table.feeTable tbody tr:nth-of-type(3) td {padding: 10px;}
	table.feeTable thead th:first-of-type {width: 50%;}
	table.packageFullTable thead th.smallWidth {width: 10%;}
	table.feeTable tbody th:first-of-type {width: 20%;}
}
@media screen and (max-width: 768px) {
	.tdTextSp--display {display: block;}
	table.feeTable {border-right: #005297 solid 2px;}
	table.feeTable thead {
		display:none;
	}
	table.feeTable tbody th {
		display:block;
		width: 100%;
		font-size: 1.6rem;
		padding-left: 30px;
	}
	table.feeTable tbody td {position: relative;}
	table.feeTable tbody th:first-of-type {width: 100%;}
	table.feeTable tbody tr:first-of-type th:first-of-type {border-top:#005297 solid 2px;}
	table.feeTable tbody td {
		display:block;
		padding-left: 30px;
	}
	table.feeTable tbody th::before {
		content: attr(label);
/*		float: left;
		clear:both;*/
		font-weight:bold;
		font-size: 1.6rem;
		width: 100%;
		display: block;
	    text-indent: 0rem;
	    padding-left: 1rem;
	}
	table.feeTable tbody tr:nth-of-type(1) td {padding-left: 30px;}
	table.feeTable tbody th {position: relative;}
	table.feeTable tbody th::after,
	table.feeTable tbody td::after {
	    content: "";
	    width: 15px;
	    height: 15px;
	    position: absolute;
	    background: #454545;
	    left: 10px;
	}
	table.feeTable tbody th::after {
		top: 18px;
	}
	table.feeTable tbody td::after {
	    top: 50%;
	    transform: translateY(-50%);	
	}
	table.feeTable tbody td::after {
		top: 50%;
	    transform: translatey(-50%);
	}
	table.feeTable tbody th::before {padding-left: 0;margin-bottom: 5px;}
	table.feeTable td:first-of-type p {width: 100%;padding: 0;}
	table.feeTable tbody td::before {
		content: attr(label);
		float: left;
		clear:both;
		font-weight:bold;
		font-size: 1.6rem;
	}
	table.feeTable tbody td p {
		padding-left:6em;
		font-size:1.4rem;
	}
	.feeTable__pc--display {display: none;}
	.feeTable__sp--display {display: block;}
	table.feeTable .display--out {display: none;}
	table.feeTable .baseFontSize {font-size: 1.4rem;}
	.fee .categoryB__text--big {
		margin-bottom:10px;
		font-size:1.8rem;
	}


	table.feeTable tbody tr:nth-of-type(1) td,
	table.feeTable tbody tr:nth-of-type(2) td,
	table.feeTable tbody tr:nth-of-type(3) td,
	table.paintingTable tbody tr:nth-of-type(4) td,
	table.package03Table tbody tr:nth-of-type(4) td,
	table.package03Table tbody tr:nth-of-type(5) td {padding-left: 30px;}
	table.carWash tbody tr:nth-of-type(3) td,
	table.carWash tbody tr:nth-of-type(4) td,
	table.carWash tbody tr:nth-of-type(5) td,
	table.paintingTable tbody tr:nth-of-type(5) td,
	table.paintingTable tbody tr:nth-of-type(6) td{
		padding-left: 30px;
	}
	table.feeTable tbody tr td:nth-of-type(1)::after {display: none;}
	table.feeTable .tdFlex_two {display: flex;align-items: center;}
	.packageFullTable tr td:nth-of-type(1)::after {display: none;}
	table.feeTable tbody td.tdFlex {display: flex;align-items: center;}
	table.feeTable tbody td.tdFlex::before {
		width: 140px;
	}
	table.feeTable tbody td.tdFlex p {padding-left: 0;}
	table.feeTable tbody td.tdCenter p {
		text-align: center;
	}	
	table.etcTable tbody td.colsArea p{padding-left: 0;}
	table.etcTable tbody td.colsArea::after {
		display: none;
	}
	table.feeTable tbody td.threeType p {text-align: right;}
	table.etcTable tbody td.threeType::before {
	    content: "大・中・小車両";
	    font-weight: bold;
	    font-size: 1.6rem;
	    width: 120px;
	    display: block;
	    text-indent: 0rem;
	    padding-left: 1rem;
	    position: absolute;
	    left: 20px;
	}
	table.feeTable:last-of-type {margin-bottom: 20px;}
	table.feeTable {table-layout:fixed;}
	
}/*メディアクエリ768px*/
@media all and (max-width: 480px) {
	table.packageFullTable .easyPackmenu .qube--blue {
		display: inline-block;
	}
	table.packageFullTable .beforeBox::before {width: 100%;}
	.categoryB-conteArea:first-of-type {padding: 0 15px 50px;}

}/*メディアクエリ480px*/



@supports (-ms-ime-align:auto) {
   table.feeTable {
       table-layout:fixed;
    }
}
table.anshin tbody tr td{background: #fff !important;}    
@media (max-width: 1024px){table.anshin tr td{padding: 10px 10px 10px 30px !important;}table.anshin{margin-bottom: 20px !important;}}

/* 20210330_追加 */
        @media screen and (min-width:768px) {
            table tr td .tax_included {
                font-size: 10px;
                display: block;
                margin-top: -2px;
                letter-spacing: -1px;
            }
            table tr td.tdFlex .tax_included{
              display: inline-block;
              margin: 0 -3px;
            }
            .note li .tax_included{
              font-size: 10px;
                display:  inline-block;
                margin-top: -2px;
                letter-spacing: -1px;
            }
        }

        @media screen and (max-width: 767px) {
          table tr td .tax_included {
                font-size: 10px;
                display:  inline-block;
                margin-top: -2px;
                letter-spacing: -1px;
            }
            table tr td.tdFlex .tax_included{
              display: inline-block;
              margin: 0 -3px;
            }
            .note li .tax_included{
              font-size: 10px;
                display:  inline-block;
                margin-top: -2px;
                letter-spacing: -1px;
            }
        }