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

/*==========================================================
								                  molding
==========================================================*/
.molding_container{
	width:950px;
	border-top:1px solid #ccc;
	box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.molding_container .molding{
	width:360px;
	float:left;
	padding:20px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.molding_container .molding:nth-child(odd){
	border-left:1px solid #ccc;
}
.molding_container .molding .image{
	width:320px;
	height:320px;
	background-color:#ccc;
	overflow:hidden;
}
.molding_container .molding .title{
	font-size:16px;
	vertical-align:baseline;
	border-bottom:1px solid #ccc;
}
.molding_container .btns .btn{
	background: url("../img/top_ico_05.png") no-repeat scroll 300px center #f6f5f4;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 320px;
}
.molding_container .btns .btn a{
	color: #666;
    display: block;
    font-size: 14px;
    height: 100%;
    text-decoration: none;
    width: 100%
}
.molding_container .btns .btn:hover{
	background:url(../img/top_ico_06.png) no-repeat 300px center;
	background-color:#0e7c5d;
	border:none;
}
.molding_container .btns .btn a:hover{
	color:#fff;
}
/*==========================================================
								                 molding_1
==========================================================*/
.molding_1_container_01 .image{
	width:950px;
	height:auto;
	background-color:#ccc;
	position:relative;
}
.molding_1_container_01 .image .link1{
	position:absolute;
	top:100px;
	left:100px;
	
}
.molding_1_container_01 .image .link1 a{
	background: url("../img/top_ico_05.png") no-repeat scroll left center ;
	color:#3f3f3f;
	text-decoration: none;
	padding-left:10px;
}
.molding_1_container_02 ul li{
	width:126px;
	height:86px;
	text-align:center;
	float:left;
	background:url(../img/common/common_ico_01.png) no-repeat center 53px #f6f5f4;
	margin-right:11px;
	border:1px solid #eaeaea;
	box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.molding_1_container_02 ul li:last-child{
	margin:0;
}
.molding_1_container_02 ul li a{
	width:100%;
	height:100%;
	display:block;
	color:#666;
	text-decoration:none;
	font-size:15px;
}
.molding_1_container_02 ul li a span{
	padding-top:23px;
	font-weight:bold;
	display:block;
}

/*cat6-4*/
.molding_1_container_02w ul li{
	width:175px;
	height:86px;
	text-align:center;
	float:left;
	background:url(../img/common/common_ico_01.png) no-repeat center 53px #f6f5f4;
	margin-right:18px;
	border:1px solid #eaeaea;
	box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.molding_1_container_02w ul li:last-child{
	margin:0;
}
.molding_1_container_02w ul li a{
	width:100%;
	height:100%;
	display:block;
	color:#666;
	text-decoration:none;
	font-size:15px;
}
.molding_1_container_02w ul li a span{
	padding-top:23px;
	font-weight:bold;
	display:block;
}


@media screen and (max-width: 949px){
	.molding_1_container_02 ul li {
		width: 25%;
		height: 60px;
		margin-right: 0; 
		background:url(../img/common/common_ico_01.png) no-repeat center 40px #f6f5f4;
	}
	.molding_1_container_02 ul li a span {
		padding-top: 15px;
	}
	.molding_1_container_03 ul li .table {
		width: 60%!important;
	}
}

@media screen and (max-width: 768px){
	.molding_1_container_03 ul li .table {
		width: 100%!important;
	}

}






.molding_1_container_03{
	width:950px;
}
.molding_1_container_03 .title{
	font-size:16px;
	color:#46957e;
	border-left:6px solid #46957e;
	padding-left:10px;
}
.molding_1_container_03 ul{
	background-color:#f6f5f4;
	padding:20px;
}
.molding_1_container_03 ul li:first-child{
	border-top:1px solid #ccc;
}
.molding_1_container_03 ul li{
	width:100%;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	padding:14px;
	box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.molding_1_container_03 ul li .image{
	width:110px;
	height:110px;
	background-color:#ccc;
	float:left;
	margin-right:15px;
	position:relative;
}
.molding_1_container_03 ul li .hoverImage .thumb{
	width:110px;
	height:110px;
}
.molding_1_container_03 ul li .hoverImage .large{
	width:288px;
	height:288px;
	display:none;
	position:absolute;
	z-index:2;
	top:-114px;
	left:-114px;
	padding:20px;
	background-color:#fff;
	box-shadow:0 0 5px #ddd;
}
/*.molding_1_container_03 ul li .hoverImage .target{
	width:100%;
	height:100%;
	display:block;
	z-index:3;
	position:absolute;
	top:0;
	left:0;
}*/
.molding_1_container_03 ul li .draw{
	width:110px;
	height:110px;
	background-color:#ccc;
	float:left;
	margin-right:15px;
	position:relative;
}
/* =========== table ================== */
.molding_1_container_03 ul li .table{
	width:600px;
	float:left;
}
.molding_1_container_03 ul li .table .tit{
	font-size:18px;
	padding-left:4px;
}
.molding_1_container_03 ul li .table .tit a{
	color: #666;
	text-decoration: none;
}
.molding_1_container_03 ul li .table .tit span{
	margin-left: 18px;
}
.molding_1_container_03 ul li .table table{
	width:100%;
	border-collapse: separate;
	border-spacing: 4px 3px;
}
.molding_1_container_03 ul li .table th{
	background-color:#dbebe7;
	padding:3px 0px;
	width:80px;
	text-align:center;
    vertical-align: middle;
}
.molding_1_container_03 ul li .table td{
	background-color:#f8f7f6;
	padding:3px 10px;
}
.molding_1_container_03 ul li .table td span{

}
/* =========== ///table ================== */
/*==========================================================
								                 molding_2
==========================================================*/
.molding_2_container_01{
	width:950px;
	background-color:#f6f5f4;
	padding:25px 20px;
	box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.molding_2_container .title{
	font-size:16px;
	color:#46957e;
	border-left:6px solid #46957e;
	padding-left:10px;
}
.molding_2_container_01 ul{
	margin-bottom:50px;
}
.molding_2_container_01 ul:last-child{
	margin:0;
}
.molding_2_container_01 ul li:first-child{
	border-top:1px solid #ccc;
}
.molding_2_container_01 ul li{
	width:100%;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	padding:14px;
	box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.molding_2_container_01 ul li .image{
	width:230px;
	height:110px;
	float:left;
	margin-right:15px;
	position:relative;
}
.molding_2_container_01 ul li .hoverImage .thumb{
	width:110px;
	height:110px;
	margin: 0 auto;
	display: block;
}
.molding_2_container_01 ul li .hoverImage .large{
	width:510px;
	height:510px;
	display:none;
	position:absolute;
	z-index:2;
	top:-200px;
	left:-200px;
	padding:20px;
	background-color:#fff;
	box-shadow:0 0 5px #ddd;
}
.molding_2_container_01 ul li .hoverImage .target{
	width:100%;
	height:100%;
	display:block;
	z-index:3;
	position:absolute;
	top:0;
	left:0;
}
/* =========== table ================== */
.molding_2_container_01 ul li .table{
	width:600px;
	float:left;
}
.molding_2_container_01 ul li .table .tit{
	font-size:18px;
	padding-left:4px;
}
.molding_2_container_01 ul li .table .tit a{
	color: #666;
    text-decoration: none;
}
.molding_2_container_01 ul li .table .tit span{
	margin-left: 18px;
}
.molding_2_container_01 ul li .table table{
	width:100%;
	border-collapse: separate;
	border-spacing: 4px 3px;
}
.molding_2_container_01 ul li .table th{
	background-color:#dbebe7;
	padding:3px 0px;
	width:80px;
	text-align:center;
    vertical-align: middle;
}
.molding_2_container_01 ul li .table td{
	background-color:#f8f7f6;
	padding:3px 10px;
}
.molding_2_container_01 ul li .table td span{

}









/*20191220追加*/

.molding_2_container_01.mikiri ul li .image {
	height: unset;
}
.molding_2_container_01.mikiri ul li .hoverImage .tit {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 18px;
}
.molding_2_container_01.mikiri ul li .hoverImage .thumb {
	width: 220px;
	height: 220px;
}
.molding_2_container_01.mikiri ul li .table .tit{
	margin-top: 6px;
}
.molding_2_container_01.mikiri ul li .table .tit+.tit {
	margin-top: 14px;
}
.molding_2_container_01.mikiri ul li .table .tit span {
	font-size: 14px;
	vertical-align: baseline;
	margin-left: 0;
}
.molding_2_container_01.mikiri ul li .ure_color{
	margin-left: 245px;
	width: 600px;
	float: left;
}
.molding_2_container_01.mikiri ul li .ure_color img{
	width: 100%;
}

.molding_1_container_03 ul img.pine_color {
	width: 60%;
	margin-top: 20px;
	margin-left: 40%;
}

.molding_2_container_01 ul img.funoclock_color {
	width: 60%;
	margin-top: 20px;
	margin-left: 40%;
}



@media screen and (max-width: 949px){
	.molding_2_container_01.mikiri ul li .ure_color {
		margin-left: 0;
		width: 100%;
	}
	.molding_1_container_03 ul img.pine_color {
		margin-left: 0;
	}
	.molding_2_container_01 ul img.funoclock_color {
		margin-left: 0;
	}
	.molding_2_container_01 ul li .hoverImage .thumb {
		margin: 0 ;
	}
	
}

@media (max-width: 576px){
	.molding_1_container_03 ul img.pine_color {
		width: 100%;
	}
	.molding_2_container_01 ul img.funoclock_color {
		width: 100%;
	}
}




/*=============20211130追記=================*/

.molding_2_container_01.mikiri.new ul li .image {
	width: 100px;
	height: auto;
}
.molding_2_container_01.mikiri.new ul li .tit {
	font-size: 16px;
	margin: 0 0 1em;
	padding: 0.2em 0 0 0.5em;
	border-left: solid 4px #46957e;
	background-color: #f8f7f6;
}
.molding_2_container_01.mikiri.new ul li .hoverImage .thumb {
	width: 100%;
	height: auto;
}
.molding_2_container_01.mikiri.new div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.molding_2_container_01.mikiri.new ul li>div+div {
	margin-top: 30px;
}
.molding_2_container_01.mikiri.new ul li div .image {
	width: 14%;
}
.molding_2_container_01.mikiri.new ul li div .table {
	width: 84%;
	min-width: 320px;
}
.molding_2_container_01.mikiri.new ul li div .table p {
	font-size: 16px;
}