@charset "utf-8";

/* trimming
------------------------------------------------------*/ 

/*----------------------------------------------------*/ 
/* pageHeader
------------------------------------------------------*/ 

#contents div.pageHeader {
	width:750px;
	min-height:286px;
	_height:286px;
	margin:10px 0 25px;
	background:url(/trimming/img/p_index_01.jpg) no-repeat right 0;
	display: flex;
	align-items: center;
}

#contents div.pageHeader p {
	width:370px;
	padding:10px 0 100px 13px;
 color: #ec4949;
 font-size: 18px;
 font-weight: bold;
}

h1 { 
border-bottom: 2px solid #00cc33;
color: #00cc33;
font-size: 24px;
display: flex;
align-items: center;
gap: 12px;
}

h1::before { 
	content: "";
	width: 30px;
	aspect-ratio: 44/40;
	background: url(/img/icon_footprint.png) no-repeat center /contain;
}


/*----------------------------------------------------*/ 
/* priceChange2025
------------------------------------------------------*/ 
.priceChange2025 {
	clear: both;
	padding: 15px;
	background: #FFFAEB;
	margin-bottom: 30px;
	display: grid;
	grid-template-columns: 150px auto;
	gap: 30px;
	align-items: center;
	
}

.priceChange2025 img {
	max-width: 100%;
}

.priceChange2025 p {
 color: #F30;
 font-size: 18px;
 font-weight: bold;
}


/*----------------------------------------------------*/ 
/* trimming_price
------------------------------------------------------*/ 

#contents div.trimming_price {	zoom:1;}
#contents div.trimming_price:after { content:".";}
#contents div.trimming_price div.column {	float:left; width:360px;}
#contents div.trimming_price div.column.right {	float:right;}
#contents div.trimming_price.btm { border-top:dashed 1px #CCC; padding-top:20px;}

#contents div.trimming_price table.tabletype01 {
 margin-bottom:30px;
}

#contents div.trimming_price table.tabletype01 th,
#contents div.trimming_price table.tabletype01 td {
	border-bottom:solid 5px #FFF;
	padding:5px 5px 5px 0;
}

#contents div.trimming_price table.tabletype01 th {
	padding-left:15px;
	width:55%;
}

#contents div.trimming_price table.tabletype01 td {
	text-align:center;
	width:22%;
}

#contents div.trimming_price table.tabletype01 thead th {
	padding-left:0;
	background:none;
	text-align:center;
	width:auto;
}

#contents div.trimming_price table.tabletype01 thead th.L {
	text-align:left;
}

#contents div.trimming_price table.tabletype01 td.row {
	border-left:solid 3px #FFF;
}

#contents div.trimming_price table.tabletype01.w02 th {	width:40%;}
#contents div.trimming_price table.tabletype01.w02 td {	width:60%;}



/*----------------------------------------------------*/ 
/* ozon_shower
------------------------------------------------------*/ 

#contents div.ozon_shower {
	margin:0 0 30px 50px;
	width:700px;
}

#contents div.ozon_shower:after {
	content:".";
}

#contents div.ozon_shower div.bnr {
	float:right;
	width:237px;
}

#contents div.ozon_shower div.detailblc {
	float:left;
	width:440px;
}

#contents div.ozon_shower div.detailblc p {
	margin-bottom:10px;
}




#contents .message p + p {
	margin-top: 20px;

}



#contents .message h2 { 
border-top: 1px solid #BFF2CA;
color: #00cc33;
font-size: 18px;
display: flex;
align-items: center;
gap: 12px;
padding: 5px 12px;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 30%, rgba(191, 242, 202, 1) 93%);
margin: 20px 0;
}

#contents .message h2:before { 
	content: "";
	width: 24px;
	aspect-ratio: 44/40;
	background: url(/img/icon_footprint.png) no-repeat center /contain;
}

#contents .message h3 { 
border-bottom: 1px solid #BFF2CA;
color: #00cc33;
margin: 15px 0;
padding-bottom: 5px;
}