@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 768px) {

.logo_Hed_index { display: none; }

/*--------hed_img------------*/

.product_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.product_list li { background:#FFF;width:30.66%; margin-right: 4%; margin-bottom:4%; box-shadow: 16px 16px 36px rgba(131,161,181,.1);}
.product_list li:nth-child(3n+3) { margin-right: 0px; }
.product_list li a {cursor: pointer;}

.product_img {
    display: block;
    height: 240px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    z-index: 0;
}

.product_img .photo { width:100%; height:auto;}

.product_img .photo {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}

.product_list li a:hover .product_img .photo { 
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.product_img img { width: 100%; height: auto; }

.product_txtbox {padding:15px; box-sizing:border-box;}

.product_txt { margin-bottom: 20px; font-size:0.9em; font-weight:bold; }



.product_list2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; border-top:1px solid #000; padding-top:40px; }
.product_list2 li {width:18.4%; margin-right: 2%; margin-bottom:3%; box-shadow: 16px 16px 36px rgba(131,161,181,.1);}
.product_list2 li:nth-child(5n+5) { margin-right:0; }
.product_list2 li a {cursor: pointer;}

.product_img2 img { width: 100%; height: auto; }

.product_txtbox2 { padding:5px 0; text-align:center;}

.product_txtbox2 p {font-size:0.8em; font-weight:bold; text-align:center; }



/*----------detail---------*/
.product_hed_wrap {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row-reverse;
	align-items:center;
	margin:0 auto 5rem;
}

.product_hed_img {
	width:48%;
	margin-right:4%;
}

.product_hed_txt {
	width:48%;
}


.product_hed_txt h3 {
	font-size:2.2em;
	line-height:1;
	letter-spacing:2px;
	color:#1a6bb5;
	margin:0 0 10px;
}

.product_hed_txt h4 {
	font-size:0.8em;
	margin:0 0 30px;
}

.product_hed_txt p {
	font-size: 1em;
	line-height:2.2;
}


.product_hed_wrap2 {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:0 auto 12rem;
}

.product_tit {
	width: 26%;
	margin-right:4%;
}

.product_tit h4 {
	font-size: 3rem;
	margin-bottom: 1.5rem;
	line-height: 1.2;
}

.product_box {
	width:70%;
	display: flex;
	flex-wrap:wrap;
	vertical-align: top;
}

.row_box {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
	position:relative;
}

.row_box:nth-child(3n) {
	margin-right:0;
}

.row_box h5 {
	position:absolute;
	top:-10px;
	left:-5px;
	z-index:10;
	font-size:1.4em;
	line-height:1;
}

.row_box_pict {
	width:100%;
	height:200px;
	margin:0 0 10px;
	position:relative;
	border:1px solid #b6b6b6;
	background:#FFF;
}

.row_box_pict img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.row_box_pict_txt {
	font-size:1.2rem;
	line-height:1;
	font-weight:bold;
}

.row_box:nth-child(3n+3) {
	margin-right:0l
}


}


/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 767px) {

.logo_Hed_index { display: none; }
/*--------hed_img------------*/


.product_list { width: 80%; margin: 0 auto 0px; }
.product_list li { background:#FFF; width: 100%; box-shadow: 16px 16px 36px rgba(131,161,181,.1); margin-bottom:20px;}

.product_img { width: 100%; margin: 0 auto; }
.product_img img { width: 100%; height: auto; }

.product_txtbox {padding:15px; box-sizing:border-box;}

.product_txt { margin-bottom: 20px; font-size:0.9em; font-weight:bold; }




.product_list2 { width: 90%; display: flex; flex-wrap: wrap;margin: 0 auto; border-top:1px solid #000; padding-top:40px; }
.product_list2 li {width:48%; margin-right: 4%; margin-bottom:3%; box-shadow: 16px 16px 36px rgba(131,161,181,.1);}
.product_list2 li:nth-child(2n+2) { margin-right:0; }
.product_list2 li a {cursor: pointer;}

.product_img2 img { width: 100%; height: auto; }

.product_txtbox2 { padding:5px 0; text-align:center;}

.product_txtbox2 p {font-size:0.8em; font-weight:bold; }



/*----------detail---------*/
.product_hed_wrap {
	width:90%;
	margin:0 auto 5rem;
}

.product_hed_img {
	width:100%;
	margin-bottom:15px;
}

.product_hed_txt {
	width:100%;
	margin-bottom:30px;
}


.product_hed_txt h3 {
	font-size:1.4em;
	line-height:0.8;
	letter-spacing:2px;
	color:#1a6bb5;
	margin:0 0 5px;
}

.product_hed_txt h4 {
	font-size:0.8em;
	margin:0 0 30px;
}

.product_hed_txt p {
	font-size:12px;
	line-height:2.2;
}


.product_hed_wrap2 {
	width:90%;
	margin:0 auto 6rem;
}

.product_tit {
	width: 100%;
}

.product_tit h4 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
	line-height: 1.2;
}

.product_box {
	width:100%;
	display: flex;
	flex-wrap:wrap;
	vertical-align: top;
}

.row_box {
	width: 48%;
	margin-right:4%;
	margin-bottom:4%;
	position:relative;
}

.row_box:nth-child(2n) {
	margin-right:0;
}

.row_box h5 {
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:10;
	font-size:1.2em;
	line-height:1;
}
.row_box_pict {
	width:100%;
	height:160px;
	margin:0 0 10px;
	position:relative;
	border:1px solid #b6b6b6;
	background:#FFF;
}

.row_box_pict img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.row_box_pict_txt {
	font-size:1.2rem;
	line-height:1;
	font-weight:bold;
}

.row_box:nth-child(3n+3) {
	margin-right:0l
}






}