/* CSS Document */


.products .lead01{ padding:3% 3% 10px; font-size: 16px; line-height: 1.7; }
.products .lead02{ padding:10px 3% 30px; font-size: 16px; line-height: 1.7; }
.products .lead03{ padding:1% 3% 20px; font-size: 16px; line-height: 1.7; }
.products .lead04{ padding:4% 3% 50px; font-size: 16px; }
.cat_ttl02 { display: block; margin: 0 0 0 0; padding:30px 3% 0; }
.cat_ttl02 span { display: inline-block; margin: 0 0 0 0; font-size: 200%; padding: 0 0 0 0; border-left:0px; line-height: 1.2; }
.blacktxt{ color: #000000; font-size: 20px; font-weight: bold; padding:0 3% 0; display: block; line-height: 1.5; }
.blacktxt02{ color: #000000; display: block; padding: 0 0 14px 0;}
.blacktxt03{ color: #000000; display: block; padding: 30px 0 14px 0;}
.redtxt{ color: #FF0000; }

.product-block, .product-block-L, .product-block-R {
    margin:20px 2% 30px;
    width: 96%;
    border-top: 1px solid #D6D6D6;
    padding-top: 30px;
}
.no_border {
    border-top: 0px;
    padding-top: 10px;
}

.products .lead {
    padding:5px 0;
    font-size: 100%;
}
.products .lead.pad01 {
    padding:80px 0;
}
.products .lead.pad02 {
    padding:0 0 20px;
}

.cbox01{ width:92%; margin: 0 auto;}
.cbox01.mgnb{ margin-bottom: 50px; }
.cbox01.mgnb02{ margin-bottom:30px; }
.cbox01.mgnt{ margin:30px auto 0;}
.cbox01 table.mgn20{ margin: 20px 0 30px; }
.cbox01 td{ font-size: 110%; }
.cbox01 th{ font-size: 16px; font-weight: bold; }
.cbox01::after{  content: ""; display: block; clear: both; }
.cbox01 .cbox01_l{ width: 420px; float: left; }
.cbox01 .cbox01_c{ width: 100%; }
.cbox01 .cbox01_r{ width: 420px; float:right; }

.cbox02{ width:94%; margin: 0 auto;}
.cbox02::after{  content: ""; display: block; clear: both; }
.cbox02 .cbox02_l{ width: 440px; float: left; }
.cbox02 .cbox02_r{ width: 440px; float:right; }


.shirabe{ border-top: 1px solid #ccc; padding:10px 3% 0; clear: both; margin:50px 0 0 0; text-align: right;}
h3.redbox{ border: 1px solid #f70000; color: #f70000; padding:15px; margin: 0 1% 40px; font-size: 18px; }

.dltbl01{ display: table; width: 865px; margin:30px auto 0; }
.dltbl01 dt{ display: table-cell; vertical-align: middle; font-size: 18px; font-weight: bold; }
.dltbl01 dd{ display: table-cell; vertical-align: middle; text-align: right; }

.storelink01{ display: block; padding:30px 0 0 0; }
.storelink01 a{ display: block; background: #82ba0e; color: #FFF; font-size: 18px; padding:8px; text-align: center; }
.storelink01 a:hover{ opacity: 0.8; }

table.spectbl01{ width: 100%; border-top:1px solid #000; border-left:1px solid #000; margin:30px 0 0 0; }
table.spectbl01 td{ border-bottom:1px solid #000; border-right:1px solid #000; background: #ebecec; text-align: center; line-height: 1.2; padding:8px 0 8px 0; font-size: 16px; font-weight: bold; }
table.spectbl01 td.td01{ width:130px; }
table.spectbl01 td.td02{ width:400px; }

.mgn30{ margin:30px 10px 20px; }
.mgn3001{ margin:20px 0px 20px; text-align: center; }
.mgn3002{ margin:40px 0px 20px; text-align: center; }

#lastitem a:hover{ opacity: 0.7; }
#lastitem02 a:hover{ opacity: 0.7; }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


@media screen and (min-width: 641px) and (max-width: 959px) {
	.index{ }
	.index .slider{ margin:0 0 26px 0; }
	.index .slider ul li{ display:block; width:100%; text-align:center; height:500px; }
	.index .slider ul li img{ height:100%; }
	.index .slider ul li a{ display:block; width:100%; text-align:center; height:500px; }
}
@media screen and (max-width: 640px) {
	.products .lead01{ padding:3% 3% 0px; font-size: 12px; }
	.products .lead02{ padding:10px 3% 20px; font-size: 12px; }
	.products .lead03{ padding:1% 3% 20px; font-size: 12px; }
	.products .lead04{ padding:4% 3% 50px; font-size: 12px; }
	.cat_ttl02 { display: block; margin: 0 0 0 0; padding:30px 3% 0; }
	.cat_ttl02 span { display: inline-block; margin: 0 0 0 0; font-size:14px; padding: 0 0 0 0; border-left:0px; line-height: 1.2; }
	.blacktxt{ color: #000000; font-size:16px; font-weight: bold; padding:0 3% 0; display: block; line-height: 1.7; }
	.blacktxt02{ color: #000000; font-size:14px; display: block; padding: 0 0 14px 0;}
	.blacktxt03{ color: #000000; font-size:14px; display: block; padding: 30px 3% 14px;}
	.redtxt{ color: #FF0000; }

	.product-block, .product-block-L, .product-block-R {
		margin:10px 2% 30px;
		width: 96%;
		border-top: 1px solid #D6D6D6;
		padding-top: 10px;
	}
	.no_border {
		border-top: 0px;
		padding-top: 10px;
	}

	.products .lead {
		padding:5px 0;
		font-size:12px;
	}
	.products .lead.pad01 {
		padding:0px 0;
	}
	.products .lead.pad02 {
		padding:0 0 20px;
	}

	.cbox01{ width:94%; margin: 0 auto;}
	.cbox01.mgnb{ margin-bottom: 50px; }
	.cbox01.mgnt{ margin:30px auto 0;}
	.cbox01 table.mgn20{ margin: 20px 0 30px; }
	.cbox01 td{ font-size: 110%; }
	.cbox01 th{ font-size: 16px; font-weight: bold; }
	.cbox01::after{  content: ""; display: block; clear: both; }
	.cbox01 .cbox01_l{ width: 100%; float: none; margin: 0 0 20px 0; }
	.cbox01 .cbox01_c{ width: 100%; }
	.cbox01 .cbox01_r{ width: 100%; float:none; }

	.cbox02{ width:94%; margin: 0 auto;}
	.cbox02::after{  content: ""; display: block; clear: both; }
	.cbox02 .cbox02_l{ width: 100%; float: none; }
	.cbox02 .cbox02_r{ width: 100%; float:none; }

	.cbox01.mgnb02 .cbox01_l{ width: 100%; float: none; margin: 0 0 0px 0; }

	.shirabe{ border-top: 1px solid #ccc; padding:10px 3% 0; clear: both; margin:50px 0 0 0; text-align: right; font-size: 12px;}
	h3.redbox{ border: 1px solid #f70000; color: #f70000; padding:8px; margin: 0 1% 20px; font-size: 14px; }

	.dltbl01{ display: block; width:96%; margin:10px auto 0; }
	.dltbl01 dt{ display: block; font-size: 12px; font-weight: bold; margin: 0 0 8px 0; }
	.dltbl01 dd{ display: block; text-align: right; }

	.storelink01{ display: block; padding:30px 0 0 0; }
	.storelink01 a{ display: block; background: #82ba0e; color: #FFF; font-size: 12px; padding:8px; text-align: center; }
	.storelink01 a:hover{ opacity: 0.8; }

	table.spectbl01{ width: 100%; border-top:1px solid #000; border-left:1px solid #000; margin:30px 0 0 0; }
	table.spectbl01 td{ border-bottom:1px solid #000; border-right:1px solid #000; background: #ebecec; text-align: center; line-height: 1.2; padding:8px 0 8px 0; font-size: 16px; font-weight: bold; }
	table.spectbl01 td.td01{ width:130px; }
	table.spectbl01 td.td02{ width:400px; }

	.mgn30{ margin:30px 10px 20px; }
	.mgn3001{ margin:20px 0px 20px; text-align: center; }
	.mgn3002{ margin:40px 0px 20px; text-align: center; }
	
	.product-title{ width: 90% !important; margin: 0 auto; }
}



.products h2.txt_h2{ margin: 0 0 0 0 ; padding: 0 0 0 0; text-align: center; color: #8BBB29;}

h2.txt_h2.ttl00{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	padding: 0 0 20px 0;
}
h2.txt_h2.ttl01{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 36px;
	letter-spacing: 2px;
}
h2.ttl00:before,
h2.ttl01:before {
		content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #75a710;
	border-radius: 2px;
}

@media only screen and (max-width: 959px) {
	.products h2.txt_h2{  padding: 0 0 10px 0; text-align: center; color: #8BBB29; line-height: 1.5;}
	
}
@media only screen and (max-width: 480px) {
	.products h2.txt_h2{ margin: 0 0 0 0 ; padding: 0 0 0 0; text-align: center; color: #8BBB29;}
	.products h2.txt_h2.ttl00{
		margin-bottom: 2em;
		padding: 0 0 0px 0;
	}
	.products h2.txt_h2.ttl01{
		position: relative;
		display: inline-block;
		margin-bottom:1.5em;
		font-size:20px;
		letter-spacing:1px;
	}
	h2.ttl00:before,
	h2.ttl01:before {
			content: '';
		position: absolute;
		bottom: -15px;
		display: inline-block;
		width: 60px;
		height: 5px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #8BBB29;
		border-radius: 2px;
	}

}