/* CSS Document */

.historybox{
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 30px 2%;
	padding: 30px 30px 20px 30px;
	position: relative;
	z-index: 0;
}
.historybox h2.txt_h2{ margin: 0 0 45px 0 ; padding: 0 0 5px 0; text-align: center; color: #b12b3f; letter-spacing: 3px; position: relative;}
.historybox h2.txt_h2:before { content: ''; position: absolute; bottom: -15px; display: inline-block; width: 320px; height: 4px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #b12b3f; border-radius: 2px; }
.historybox p{ margin: 0 0 15px 0; text-align: left; font-size: 18px; line-height: 1.7; letter-spacing: 1px;}

.products p.leadtxt01{ margin:0 3% 15px ; font-size: 18px; line-height: 1.7; letter-spacing: 1px; text-align: left; }
.products p.leadtxt02{ margin:0 3% 35px ; font-size: 18px; line-height: 1.7; letter-spacing: 1px; text-align: left; }

.products h3.midashi {
	padding: .55em 1em;
	margin: 0 auto 35px;
	width: 98%;
	border: 1px solid #ccc;
	border-top: 3px solid #7b758d;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	display: block;
	box-sizing: border-box;
	font-size: 26px;
}

.lineupbox{ text-align: left; display: table; width:98%; margin: 0 auto 60px; }
.lineupbox.mgnb20{margin: 0 auto 20px; }
.lineupbox .lineup01{ display: table-cell; width:33.3333%; }
.lineupbox .lineup01 dl{ display:block; width: 95%; margin: 0 auto; }
.lineupbox .lineup01 dl dt{ display:block; font-size: 22px; font-weight: bold; letter-spacing: 1px; margin: 0 0% 10px; }
.lineupbox .lineup01 dl dt span{ font-size:18px; }
.lineupbox .lineup01 dl dd:nth-of-type(1){ display:block; font-size: 16px; line-height: 1.5; letter-spacing: 1px; margin: 0 0% 25px; }
.lineupbox .lineup01 dl dd:nth-of-type(2){ display:block; font-size: 0; line-height: 0; margin: 0 5% 10px; }
.lineupbox .lineup01 dl dd:nth-of-type(2) img{ max-width: 100%; }

.lineuppointbox01 {
	position: relative;
	margin: 0 auto 50px;
	padding:30px 30px 10px;
	background-color: #fff;
	border: 1px solid #7b758d;
	width: 98%;
	text-align: left;
}
.lineuppointbox01 h4 {
	position: absolute;
	padding: 0 0;
	display: block;
	width: 250px;
	text-align: center;
	left: 50%;
	top: -15px;
	line-height: 1.1;
	margin: 0 0 0 -125px;
	font-weight: bold;
	background-color: #fff; /* タイトル背景色 */
	color: #7b758d; /* タイトル文字色 */
	letter-spacing: 1px;
	font-size: 22px;
}
.lineuppointbox01 h4.txtl {
	width: 340px;
	margin: 0 0 0 -160px;
}
.lineuppointbox01 h5 {
	padding: .2em .75em;
	background-color: #FFF;
	border-left: 6px solid #bb0000;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
}
.lineuppointbox01 .txtpoint01 { font-size: 16px; line-height: 1.6; letter-spacing: 1px; margin: 0 0% 25px; }
.lineuppointbox01 .txtpoint02 { font-size: 16px; line-height: 1.6; letter-spacing: 1px; margin: 0 0% 45px; }
.lineuppointbox01 .imgpoint01 { font-size: 0; line-height:0; margin: 0 3% 45px; }
.lineuppointbox01 .imgpoint01 img{ width: 100%; }
.lineuppointbox01 .imgpoint02 { font-size: 0; line-height:0; margin: 0 0 25px 30px; float: right; }
.lineuppointbox01 .imgpoint03 { font-size: 0; line-height:0; margin: 0 0 0 0; }
.lineuppointbox01 .imgpoint03 img { width: auto; }

.lineuppointtbox02{ display: table; width: 100%; }
.lineuppointtbox02 .lineuppointtbox0201{ display: table-cell; vertical-align: top; width:50%; }
.lineuppointtbox02 .lineuppointtbox0201 img{width:95%; }
.lineuppointtbox02 .lineuppointtbox0202{ display: table-cell; vertical-align: top; padding:50px 0 0 0;}
.lineuppointtbox02 .lineuppointtbox0202 .tblttl{ margin: 0 0 8px 0; font-size: 16px; text-align: center; letter-spacing: 1px; font-weight: bold;}
.lineuppointtbox02 .lineuppointtbox0202 .table01{ width: 100%; border: 0; margin: 0 0 35px 0; }
.lineuppointtbox02 .lineuppointtbox0202 .table01 th{ font-weight: bold; letter-spacing: 1px; text-align: left; padding:8px 10px; background: #eeeeed; }
.lineuppointtbox02 .lineuppointtbox0202 .table01 th span{ font-size: 12px; }
.lineuppointtbox02 .lineuppointtbox0202 .table01 td{ font-weight: bold; letter-spacing: 1px; text-align: center; padding:8px 8px; background: #eeeeed; }
.lineuppointtbox02 .lineuppointtbox0202 .table01 td.best01{ background:#f20012; color: #FFF; }
.lineuppointtbox02 .lineuppointtbox0202 .best01txt{ background:#f20012; color: #FFF; border: 5px solid #f20012; }
.lineuppointtbox02 .lineuppointtbox0202 .table01 td.best02{ background:#0078ff; color: #FFF; }
.lineuppointtbox02 .lineuppointtbox0202 .best02txt{ background:#0078ff; color: #FFF; border: 5px solid #0078ff; }
.lineuppointtbox02 .lineuppointtbox0202 .table01 td.best03{ background:#33c600; color: #FFF; }
.lineuppointtbox02 .lineuppointtbox0202 .best03txt{ background:#33c600; color: #FFF; border: 5px solid #33c600; }
.lineuppointtbox02 .lineuppointtbox0202 .table02{ border-collapse: collapse; border: 0; line-height: 1.7; letter-spacing: 1px; }
.lineuppointtbox02 .lineuppointtbox0202 .table02 th{ font-weight: bold; vertical-align: top; text-align: left; padding: 5px 0; }
.lineuppointtbox02 .lineuppointtbox0202 .table02 td{ font-weight: bold; vertical-align: top; text-align: left; padding: 5px 0; }

.lineuppointtbox03{ display: table; width: 100%; }
.lineuppointtbox03 .lineuppointtbox0301{ display: table-cell; vertical-align: top; padding:10px 0 0 0; width:50%; }
.lineuppointtbox03 .lineuppointtbox0302{ display: table-cell; vertical-align: top; padding:10px 0 0 0; }
.lineuppointtbox03 dl{ display:block; width: 94%; margin: 0 auto; }
.lineuppointtbox03 dl dt{ display:block; font-size:18px; font-weight: bold; letter-spacing: 1px; margin: 0 0% 15px; }
.lineuppointtbox03 dl dd:nth-of-type(1){ display:block; font-size: 16px; line-height: 1.5; letter-spacing: 1px; margin: 0 0% 15px; }
.lineuppointtbox03 dl dd:nth-of-type(2){ display:block; font-size: 16px; line-height: 1.5; letter-spacing: 1px; margin: 0 0% 15px; }
.lineuppointtbox03 dl dd:nth-of-type(3){ display:block; font-size: 0; line-height:0; margin: 0 0% 0px; padding: 0 0 15px 0; }

.lineuppointtbox04{ width: 100%; text-align: center; padding:15px 0 15px 0; }

.lineupslide{ width:90%; margin: 0 auto;}


.btn_cs{ background: #6E6E6E; color: #FFF; 
	display: block;
    width: 100%;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    padding: 6px 0;
	letter-spacing: 2px !important;
}

.products .lead02 {
    padding: 3%;
    font-size: 18px;
	line-height: 1.7;
}

.products .img_auto {
	text-align: center;
	margin: 30px 0 50px; 
}
.products .img_auto img{
	max-width:100%;
}

.product-block-L h2{ font-size: 18px; line-height: 1.2; }
.product-block-R h2{ font-size: 18px; line-height: 1.2; }

.itembtnbox .mb10{ margin-bottom: 10px; }
.itembtnbox dd a.gpos { background-color: #006cb8; }
.itembtnbox dd a.rkt { background-color: #bf0000; }
.itembtnbox dd a.ppm { background-color: #c0a143; }
.itembtnbox dd a.aup { background-color: #e65502; }


@media only screen and (max-width: 768px) {
	.products h2.txt_h2{ margin: 0 0 0 0 ; padding: 0 0 0 0; text-align: center; color: #8BBB29;}
	.product-block-R .product-title{ margin-top:20px; margin-bottom: 20px; margin: 0 0 0 0; }
	.product-block-R .product-title h3{ margin: 0 0 15px 0; padding:5px 0 5px 40px; font-size:16px; line-height: 1.0 !important; background: url(./images/bg01.png) no-repeat 0 0; background-size:auto 100%;}
	.product-block-R .product-title h3 strong{ font-size:45px;  font-style: italic; display: block; }
	.product-block-R .product-title .itemlogo{ margin: 0 0 35px 0; }
	.product-outline p strong{ font-size:16px;  color: #8bbb29;}
	.product-outline p.txt01{ margin-bottom: 10px;}
	.product-block-L .product-outline .product-price p{ font-size: 2.0rem;}
	.product-block-R .product-outline .product-price p{ font-size: 2.0rem;}
	.brand_list01{ width: 94%; margin: 0 auto ;}
	.products h2.mgntop{ margin:30px 0 0 0 ; }
	
}
@media only screen and (max-width: 480px) {
	.historybox{
		box-shadow:1px 1px 3px 0px #ccc;
		-moz-box-shadow:1px 1px 3px 0px #ccc;
		-webkit-box-shadow:1px 1px 3px 0px #ccc;
		-o-box-shadow:1px 1px 3px 0px #ccc;
		margin: 20px 2%;
		padding:10px 15px 10px 15px;
	}
	.historybox h2.txt_h2{ margin: 0 0 25px 0 ; padding: 0 0 5px 0; letter-spacing:2px; font-size: 16px; color: #b12b3f; }
	.historybox h2.txt_h2:before { bottom: -5px; display: inline-block; width:190px; height: 3px; left: 50%; }
	.historybox p{ margin: 0 0 10px 0; font-size: 12px; line-height: 1.5;}
	
	.products p.leadtxt01{ margin:0 3% 10px ; font-size: 12px; line-height: 1.5; }
	.products p.leadtxt02{ margin:0 3% 15px ; font-size: 12px; line-height: 1.5; }
	
	.products h3.midashi {
		padding: .35em .5em;
		margin: 0 auto 15px;
		width: 98%;
		border-top: 2px solid #7b758d;
		font-size: 16px;
	}
	
	.lineupbox{ display: block; width:98%; margin: 0 auto 30px; }
	.lineupbox.mgnb20{margin: 0 auto 20px; }
	.lineupbox .lineup01{ display:block; width:100%; margin: 0 auto 20px; }
	.lineupbox .lineup01 dl{ display:block; width: 95%; margin: 0 auto; }
	.lineupbox .lineup01 dl dt{ display:block; font-size:16px; margin: 0 0% 10px; }
	.lineupbox .lineup01 dl dt span{ font-size:14px; }
	.lineupbox .lineup01 dl dd:nth-of-type(1){ display:block; font-size: 12px; line-height: 1.5; margin: 0 0% 15px; }
	.lineupbox .lineup01 dl dd:nth-of-type(2){ display:block; font-size: 0; line-height: 0; margin: 0 10% 10px; }
	
	.lineuppointbox01 {
		position: relative;
		margin: 0 auto 30px;
		padding:20px 3% 5px;
		width: 98%;
	}
	.lineuppointbox01 h4 {
		padding: 0 0;
		width: 180px;
		left: 50%;
		top: -13px;
		line-height: 1.5;
		margin: 0 0 0 -90px;
		font-size:16px;
	}
	.lineuppointbox01 h4.txtl {
		width: 240px;
		margin: 0 0 0 -120px;
	}
	.lineuppointbox01 h5 {
		padding: .2em .75em;
		border-left: 4px solid #bb0000;
		font-size:14px;
		letter-spacing: 2px;
		margin: 0 0 10px 0;
	}
	.lineuppointbox01 .txtpoint01 { font-size: 12px; line-height: 1.5; margin: 0 0% 15px; }
	.lineuppointbox01 .txtpoint02 { font-size: 12px; line-height: 1.5; margin: 0 0% 25px; }
	.lineuppointbox01 .imgpoint01 { font-size: 0; line-height:0; margin: 0 3% 25px; }
	.lineuppointbox01 .imgpoint01 img{ width: 100%; }
	.lineuppointbox01 .imgpoint02 { font-size: 0; line-height:0; margin: 5px auto 10px; float: none; }
	.lineuppointbox01 .imgpoint03 { font-size: 0; line-height:0; margin: 0 0 0 0; }
	.lineuppointbox01 .imgpoint03 img { width: auto; }
	
	.lineuppointtbox02{ display: block; }
	.lineuppointtbox02 .lineuppointtbox0201{ display:block; width:100%; text-align: center; }
	.lineuppointtbox02 .lineuppointtbox0201 img{width:100%; }
	.lineuppointtbox02 .lineuppointtbox0202{ display:block; padding:0px 0 0 0;}
	.lineuppointtbox02 .lineuppointtbox0202 .table01{ width: 100%; border: 0; margin: 0 0 10px 0; }
	.lineuppointtbox02 .lineuppointtbox0202 .table01 th{ padding:5px 5px; font-size: 12px; line-height: 1.9; }
	.lineuppointtbox02 .lineuppointtbox0202 .table01 th span{ display: block; font-size: 10px; }
	.lineuppointtbox02 .lineuppointtbox0202 .table01 th sup{ font-size: 10px; }
	.lineuppointtbox02 .lineuppointtbox0202 .table01 td{ font-size: 12px; letter-spacing: 0px; padding:5px 5px; }
	.lineuppointtbox02 .lineuppointtbox0202 .table02{ line-height: 1.7; letter-spacing: 1px; margin: 0 0 10px 0; }
	.lineuppointtbox02 .lineuppointtbox0202 .table02 th{ font-size: 12px; padding: 5px 0; }
	.lineuppointtbox02 .lineuppointtbox0202 .table02 td{ font-size: 12px; padding: 5px 0; }
	
	.lineuppointtbox03{ display: block; }
	.lineuppointtbox03 .lineuppointtbox0301{ display:block; padding:8px 0 10px 0; width:100%; }
	.lineuppointtbox03 .lineuppointtbox0302{ display:block; padding:0 0 0 0; width:100%; }
	.lineuppointtbox03 dl{ display:block; width: 94%; margin: 0 auto; }
	.lineuppointtbox03 dl dt{ display:block; font-size:14px; font-weight: bold; letter-spacing: 1px; margin: 0 0% 15px; }
	.lineuppointtbox03 dl dd:nth-of-type(1){ display:block; font-size: 12px; line-height: 1.5; margin: 0 0% 10px; }
	.lineuppointtbox03 dl dd:nth-of-type(2){ display:block; font-size: 12px; line-height: 1.5; margin: 0 0% 15px; }
	.lineuppointtbox03 dl dd:nth-of-type(3){ display:block; font-size: 0; line-height:0; margin: 0 0% 0px; padding: 0 0 15px 0; }
	
	.lineuppointtbox04{ width: 100%; text-align: center; padding:5px 0 15px 0; }
	
	.lineupslide{ width:94%; margin: 0 auto;}
	
	.product-block-R .product-outline{ padding: 0px 0 0; }
	.product-block-R .product-outline .product-price{ margin: 0 0 0 0; }
	.product-block-R .product-outline .product-price p{ font-size: 14px; margin: 0 0 0 0; }
	.product-block-R .product-outline .itembtnbox{ padding: 0 0 20px 0; }
	
}