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

/* Item list page */
.product_list {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	max-width: 1130px;
	width: 100%;
	margin-bottom:70px;
}
.list_navi {
	display: flex;
	flex-direction: column;
	width: 24%;
	height: 320px;
	border:1px solid #ddd;
}
.list_navi_ttl {
	background: linear-gradient(180deg, #f3f3f3, #dbdbdb);
	font-size: 1.1rem;
	color: #000;
	font-weight: bold;
	text-align:center;
	padding: 10px;
}
.list_navi_series {
	margin: 15px;
}
.list_navi_series div {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	font-size: .9rem;
	color: #666;
	background:url(../images/list_navi_yajirusi.png) no-repeat right 50%;
}
.list_navi_series div a {
	display: block;
	text-decoration: none;
	color: #666;
}
.list_navi_series div.on a {
	background:url(../images/list_navi_yajirusi_on.png) no-repeat right 50%;
	color: #d70e0f;
}
.list_navi_series div:last-child {
	border: none;
}

.list_lineup {
	width: 74%;
	padding-top: 26px;
}
.lineup_tit {
	font-size: 1.8rem;
	position: relative;
	display: inline-block;
	margin-bottom: 1.5em;
	color: #d70e0f;
}
.lineup_tit:before {
	content: '';
	position: absolute;
	left: 27px;
	top: -25px;
	display: inline-block;
	width: 52px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #d70e0f;
}
.lineup_tit span {
	font-size:1.1rem;
	color: #333;
}
.lineup_items {
	display: flex;
	flex-wrap: wrap;
}
.lineup_item {
	border: 1px solid #ddd;
	display: block;
	width: 31.0%;
	text-align:center;
	padding: 5px 0;
	margin: 0 2.3% 2.3% 0;
}
.lineup_item:nth-child(3n) {
	margin-right: 0;
}
.lineup_item_txt {
	padding: 0 15px;
	margin-top: 0;
	font-size: .8rem;
	text-align: left;
	line-height: 1.8em;
	color: #666;
}
.lineup_item img {
	width: auto;
	height: 127px;
}

.number {
	font-weight:bold;
	font-size: 0.9rem;
	padding: 5px 0 35px;
	margin: 0;
	background:url(../../product/bxl/images/lineup_item_bg.png) no-repeat center bottom;
}
.lineup_item a {
	text-decoration: none;
	color: #000;
}

.items {
	max-width: 1130px;
	width: 100%;
	margin: 0 auto 30px auto;
}
.main_item {
	display: flex;
	flex-wrap: wrap;
	background: #eee;
	width: 100%;
}
.main_item_left { width: 67%; display: flex; flex-direction: column; }
.main_item_img { width: 100%; margin-bottom: 8px; }
.main_item_img2 { max-width: 800px; width: 100%; margin: 8px auto; }
.main_item_txt { background: #000; font-size: 14px; color: #fff; text-align: center; padding: 8px 0; width: 100%; }
.main_item_txt2 { font-size: 20px; color: #621E00; font-weight: bold; text-align: center; padding: 8px 0; width: 100%; }
.sample_img {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 1.4%;
}
.sample_img div { width: 48%; }
.sample_img div:first-child { padding-right: 10px; }
.sample_img img { width:100%; }

.sample_img2 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 1.4%;
}

.sample_img2 div { width: 31.3%; padding-right: 10px; }
.sample_img2 div:last-child { padding-right: 0; }
.sample_img2 img { width:100%; }

.sample_img3 {
	width: 100%;
	padding: 1.4%;
}
.sample_img3 img { width: 97.2%; }
.sample_img4 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 1.4%;
}

.sample_img4 div { width: 33.3%; padding-right: 1.4%; }
.sample_img4 div:nth-child(3) { padding-right: 0; }
.sample_img4 img { width:100%; }
.sample_img4 div:last-child { width: 30%; }

.sample_img5 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 1.4%;
}

.sample_img5 div { width: 23%; padding-right: 10px; }
.sample_img5 div:last-child { padding-right: none; }
.sample_img5 img { width:100%; }

.sample_img6 {
	width: 100%;
	display: flex;
	margin: 0 auto;
	flex-wrap: nowrap;
	padding: 1.4%;
}
.sample_img6 div { width: 29.4%; padding-right: 10px; }
.sample_img6 div:last-child { width: 60%; }
.sample_img6 img { width:100%; }

.sample_img7 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 1.4%;
}

.sample_img7 div { width: 32%; padding-right: 10px; }
.sample_img7 div:last-child { padding-right: 0; width: 30%; }
.sample_img7 img { width:100%; }
.sample_img8 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
.sample_img8 div:last-child img { max-width: 708px; width: 100%; margin: 15px; }

.main_item_sub { width:28%; padding: 50px 0 0 3%; text-align: center; box-shadow: -5px 0 3px rgba( 0, 0, 0, 0.15); }
.main_item_sub img { width: 100%; height: auto;}

.tit { width: 100%; font-size: 25px; font-weight: bold; text-align: center; margin: 12px auto; }
.item_num { font-size: 18px; color:#cf1010; text-align: center; }
.item_img { position: relative; width: 100%; }
.rote { position: absolute; bottom:0; right:0; width:30px; }
.item_subject { font-size: 16px; text-align: left; line-height: 2rem; margin-top: 50px; }

.features {
	max-width: 1130px;
	width: 100%;
	margin: 80px auto;
}
.product_tit {
	font-size: 26px;
	position: relative;
	display: inline-block;
	margin-bottom: 2.5em;
}
.product_tit:before {
	content: '';
	position: absolute;
	left: 27px;
	top: -25px;
	display: inline-block;
	width: 52px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
}
.features_point {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.features_point2 {
	width: 100%;
}
.features_point2 p {
	font-size: 1.2rem;
	line-height: 1.8em;
}
.features_point3 {
	width: 100%;
}
.features_point3 p {
	font-size: 1.1rem;
	line-height: 2.3em;
    text-align: center;
}
.features_point4 {
    max-width: 768px;
	width: 100%;
    display: flex;
    justify-content: space-between;
}
.features_point5 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.point_box {
	width: 29%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box2 {
	width: 29%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box3 {
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box3 img {
	width: 27%;
}
.point_box4 {
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
	display: flex;
	justify-content: space-between;
}
.point_box4 div {
	width: 27%;
}
.point_box5 {
	width: 38%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box6 {
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:10px;
}
.point_box6 img {
	width: 31.9%;
}
.point_box7 {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin: 15px auto 70px;
}
.point_box7 div:first-child {
	width: 31.9%;
}
.point_box7 div:last-child {
	width: 65.1%;
	padding-left: 2%;
}

.point_box8 {
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
	display: flex;
	justify-content: space-between;
}
.point_box8 div {
	width: 32%;
}
.point_box9 {
	width: 31%;
	font-size:0.8rem;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box10 {
	width: 23%;
	font-size:0.8rem;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box11 {
	width: 24%;
	font-size:0.8rem;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box12 {
    max-width: 768px;
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:40px;
}
.point_box12 img {
    max-width: 668px;
	width: 100%;
}
.point_box13 {
    max-width: 380px;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:30px;
}
.point_box13 div {
    width: 100%;
}
.point_box13 img {
    max-width: 199px;
    width: 100%;
}
.point_box14 {
    max-width: 380px;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:30px;
	display: block;
}
.point_box14 div {
    width: 100%;
}
.point_box14 img {
    max-width: 325px;
    width: 100%;
}
.point_box15 {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin: 15px auto 70px;
}
.point_box15 div:first-child {
    max-width: 650px;
	width: 100%;
}
.point_box15 p:last-child {
    max-width: 420px;
	width: 100%;
	padding-left: 3%;
}
.point_box16 {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin: 15px auto 70px;
}
.point_box16 div:first-child {
    max-width: 508px;
	width: 100%;
}
.point_box16 p:last-child {
    max-width: 229px;
	width: 100%;
	padding-left: 3%;
}
.point_box17 {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin: 15px auto 70px;
}
.point_box17 p {
    max-width: 316px;
	width: 100%;
    margin-right: 15px;
}
.point_box17 p:last-child {
    max-width: 246px;
    margin-right: 0;
}
.point_box18 {
    width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:10px;
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
}
.point_box18 p {
	width: 342px;
    margin-right: 15px;
}
.point_box19 {
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
}
.point_box19 p {
    width: 234px;
    margin-right: 15px;
}
.point_box20 {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin: 15px auto 70px;
}
.point_box20 p {
    max-width: 326px;
    margin-right: 15px;
}
.point_box20 p:first-child {
    max-width: 665px;
}
.point_box20 p:last-child { margin-right: 0; }
.point_box21 {
    width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:10px;
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
}
.point_box21 div {
	width: 298px;
    margin-right: 15px;
}

.point_tit {
	background: #eee;
	padding: 10px;
	text-align:center;
	font-size:1.0rem;
	margin-bottom:5px;
}
.point_tit2 {
	padding: 10px 0;
	font-size:1.4rem;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}
.point_tit3 {
	position: relative;
	padding: 0 15px;
	font-size:1.1rem;
	font-weight:bold;
	margin-bottom:35px;
	border-left:4px solid #d70e0f;
}
.point_tit3:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 1px;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	background-color: #ccc;
}
.point_tit4 {
	background: #eee;
	padding: 10px 0;
	text-align:center;
	font-size:1.2rem;
	margin-bottom:5px;
}

.parameters { 
	max-width: 1130px;
	width: 100%;
	margin: 29px auto 80px auto;
	padding: 0;  
	font-size: 0.8em;
}
.parameters td {
	padding: 10px 25px;
	border-bottom: 1px solid #ddd;
}
.parameters td:first-child {
	border-right: 1px solid #ddd;
	width: 25%;
}
.parameters td:secont-child {
	width: 25%;
}
.parameters td.material {
    border-right: 1px solid #ddd;
}
.bg_grey {
	background: #eee;
}
.tbl_midasi {
	background: #aaa;
	font-size: 16px;
	color: #fff;
}
.tbl_btm_txt {
	font-size:1.0em;
	padding:10px 25px;
	border-bottom:1px solid #ddd;
}
.parameters td.tbl_brn { border-right: none; }

@media screen and (max-width: 767px){
/* Item list page */
.product_list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	margin-bottom:70px;
}
.list_navi {
	display: flex;
	flex-direction: column;
	width: 100%;
	border:1px solid #ddd;
	margin-bottom:100px;
}
.list_navi_ttl {
	background: linear-gradient(180deg, #f3f3f3, #dbdbdb);
	font-size: 1.1rem;
	color: #000;
	font-weight: bold;
	text-align:center;
	padding: 10px;
}
.list_navi_series {
	margin: 15px;
}
.list_navi_series div {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	font-size: .9rem;
	color: #666;
	background:url(../images/list_navi_yajirusi.png) no-repeat right 50%;
}
.list_navi_series div.on {
	background:url(../images/list_navi_yajirusi_on.png) no-repeat right 50%;
	color: #d70e0f;
}
.list_navi_series div:last-child {
	border: none;
}

.list_lineup {
	width: 100%;
	padding-top: 25px;
}
.lineup_tit {
	font-size: 1.8rem;
	position: relative;
	display: inline-block;
	margin-bottom: 2.5em;
	color: #d70e0f;
}
.lineup_tit:before {
	content: '';
	position: absolute;
	left: 27px;
	top: -25px;
	display: inline-block;
	width: 52px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #d70e0f;
}
.lineup_tit span {
	font-size:1.3rem;
	color: #333;
}
.lineup_item {
	border: 1px solid #ddd;
	display: block;
	width: 100%;
	text-align:center;
	padding: 5px 0;
	margin-bottom: 3%;
}
	
.main_item {
	width: 100%;
	display: flex;
	flex-direction: column;
	background: #eee;
}
.main_item_left { width: 100%; display: flex; flex-direction: column; }
.sample_img {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 1.4%;
}
.sample_img div { width: 97%; margin-bottom: 10px; }
.sample_img2 {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 1.4%;
}
.sample_img2 div { width: 97%; margin-bottom: 10px; }

.sample_img4 {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 1.4%;
}

.sample_img4 div { width: 97%; margin-bottom: 10px; }
.sample_img4 img { width:100%; }
.main_item_sub { width:100%; padding: 50px 0 0 0; text-align: center; box-shadow: none; }
.main_item_sub img { width: 72%; height: auto;}
.item_img { position: relative; width: 100%; }
.rote { position: absolute; bottom:0; right:20px; width:60px; }
.item_subject { font-size: 16px; text-align: left; line-height: 2rem; padding: 5%; }

.features {
	width: 100%;
	margin: 80px auto;
	padding: 0;
}
.product_tit {
	font-size: 23px;
	position: relative;
	display: inline-block;
	margin-bottom: 3em;
}
.product_tit:before {
	content: '';
	position: absolute;
	left: 25px;
	top: -25px;
	display: inline-block;
	width: 50px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}
.features_point {
    width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.features_point2, .features_point3 {
	width: 100%;
}
.features_point4 {
    max-width: 768px;
	width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.point_box {
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom: 3em;
}
.point_box2 {
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box3 {
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box3 img {
	width: 100%;
}	
.point_box4 {
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
	display: flex;
	flex-direction: column;
}
.point_box4 div {
	width: 100%;
}

.point_box5 {
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box7 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin: 15px auto 70px;
}
.point_box7 div:first-child {
	width: 60%;
}
.point_box7 div:last-child {
	width: 100%;
}
.point_box8 {
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
	display: flex;
	flex-direction: column;
}
.point_box8 div {
	width: 100%;
	margin-bottom:15px;
}
.point_box9 {
	width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box10 {
	width: 100%;
	font-size:0.8rem;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box11 {
	width: 100%;
	font-size:0.8rem;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box13 {
    max-width: 768px;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:70px;
}
.point_box13 div {
    width: 100%;
}
.point_box13 img {
    max-width: 199px;
    width: 100%;
}
.point_box14 {
    max-width: 768px;
    width: 100%;
	font-size:0.8em;
	line-height:1.4rem;
	margin-bottom:30px;
}
.point_box14 div {
    width: 100%;
}
.point_box14 img {
    max-width: 325px;
    width: 100%;
}

.point_tit {
	background: #eee;
	padding: 10px;
	text-align:center;
	font-size:1.0rem;
}
.point_tit2 {
	padding: 10px 0;
	font-size:1.0rem;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}
.point_tit3 {
	position: relative;
	padding: 0 15px;
	font-size:1.1rem;
	font-weight:bold;
	margin-bottom:15px;
	border-left:4px solid #d70e0f;
}
.point_tit3:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 1px;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	background-color: #ccc;
}
.point_tit4 {
	background: #eee;
	padding: 10px 0;
	text-align:center;
	font-size:1.2rem;
	margin-bottom:5px;
}
}