@charset "UTF-8";
/* CSS Document */
*{
	font-family: 'Quicksand', sans-serif;
	 margin:0;
   padding:0;
   font-size:14px;
   line-height:1.6;
   color:#727171;
   }
#all{
   width:1000px;
   margin-left:auto;
   margin-right:auto;
   position:relative;
   margin-bottom:0;
   }
a img{
   border:none;
   }
a:hover img{
   border:non;
   opacity:0.7;
   }
a{
   color:#727171;
   text-decoration:none;
   }
a:hover{
   color:#999;

   }
body{
	 background-color:#FFF;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
li{
	list-style:none;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac ￥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*clearfix終わり*/
/*-----------------微調節-----------------*/
.fb{
	font-weight:bold;
}

.ml20 {
  margin-left: 20px;
}
.pt30 {
  padding-top:30px;
}
.pt20 {
  padding-top:20px;
}
.pt10 {
  padding-top:10px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.ml250 {
  margin-left: 250px;
}
.ml450 {
  margin-left: 450px;
}
.mt60 {
  margin-top: 60px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}

.mt50 {
  margin-top: 40px;
}

.mt40 {
  margin-top:40px;
}


.mt30 {
  margin-top: 30px;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 10px;
}

.ta_c{
	text-align:center;
}
/*-----------------微調節-----------------*/



#content{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}


h1{
	font-size:10px;
	color:#CCCCCC;
	font-weight:normal;
}

#header{
	margin-left:auto;
	margin-right:auto;
	width:1000xp;
}
#header_inner{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}

#header_logo{
	background:url(../img/commmons/header_logo.png) no-repeat;
	width:191px;
	height:71px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:60px;
}
#global_menu{
	margin-left:123px;
	width:890px;
	margin-top:20px;
}

#global_menu ul li{
	float:left;
	margin-left:10px;
	width:16%;
	color:#5A5858;
	text-align:center;
}

#global_menu ul li a:hover{
	color:#379CAE;
}
#global_menu_now{
	color:#379CAE;
}




.midashi1 {
  position: relative;
  font-size:31px;
  color:#356E8C;
  font-weight:normal;
  letter-spacing:8px;
  padding-bottom: 20px;
}

.midashi1::before {
  border-top: solid 2px #356E8C;
  padding-top:20px;
  width: 30%;
  position: absolute;z-index: 1;top: -15px;left: 0;
  content: "";
}
.midashi1::after {
  border-top: solid 2px #DCDDDD;
  width: 830px;
  position: absolute;bottom: 0;top: -15px;
  content: "";
  left: 170px;
}

.midashi1_jp{
	font-size:14px;
	color:#727171;
	margin-left: 37px;
}

#top1{
	height:840px;
	margin-bottom:40px;
}

.top_bg_title{
	font-size:20px;
	color:#356E8C;
	text-align:center;
	border-top:2px solid #356E8C;
	padding:18px 0;
}
.top_bg1{
	padding-left:36px;
	padding-right:36px;
	width:260px;
	float:left;
	background:#F7F9FA;
	padding-bottom:20px;
}
.top_bg2{
	padding-left:36px;
	padding-right:36px;
	width:260px;
	float:left;
	background:#FFF;
	padding-bottom:20px;
}

.top_bg_text{
	font-size:15px;
	width:253px;
	margin:20px 0 20px 0;
}



/*TOPのスライド*/

#bg{
	background:#CC9966;
	width:1000px;
	height:546px;
	background:url(../img/top3_3.jpg) no-repeat;
}


#slide_frame{
	position:absolute;
	bottom: -15px;
    left: 79px;
	z-index:1;
}

#slide{
	position:relative;
	width:960px;
}


/*TOPのスライド*/



/*フッター*/
#footer{
	background:#EFEFF0;
	width:auto;
	margin-top:51px;
	clear:both;
	height:400px;
}



#footer_in{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:center;
	padding:50px 0 30px 0;
	color:#FFFFFF;
	font-size:13px;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
	width: 72px;
	height: 72px;
}

#pageTop a {
  display: block;
  z-index: 999;
	width: 100%;
  height: 100%;
  background-color: #E3D54B;
  color: #fff;
  font-size:11px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
	position: relative;
}
#pageTop a img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#footer_logo{
	text-align:center;
	font-size:18px;
	color:#356E8C;
	font-weight:bold;
	letter-spacing:8px;
}
#footer_logo2{
	text-align:center;
	font-size:12px;
	color:#356E8C;
	letter-spacing:5px;
}

#footer_link{
	width:1000px;
	margin-top:50px;
}
.footer_link_in1{
	width:164px;
	float:left;
	height:180px;
	margin-right: 28px;
    text-align: left;
    border-right: 1px solid #999;
    padding-right: 12px;
}
.footer_link_in1:last-child{
	margin-right:0px;
}
.footer_link_in_mida{
	font-weight:bold;
	font-size:16px;
	color:#379CAE;
	margin-bottom:6px;
}
.footer_link_in1 li a{
	font-size:12px;
	color:#3E3A39;
}

.footer_link_in1 li a img{
	border:none;
}

.footer_link_in1 li{
	margin-bottom:3px;
}
.footer_link_in_mida2{
	font-size:12px;
	color:#666;
	font-weight:normal;
	margin-bottom: 22px;
}

.footer_link_in2{
	width:130px;
	float:left;
	height:180px;
	margin-right: 28px;
    text-align: left;
    border-right: 1px solid #999;
    padding-right: 12px;
}
.footer_link_in3{
	width:192px;
	float:left;
	height:180px;
	margin-right: 28px;
    text-align: left;
    border-right: 1px solid #999;
    padding-right: 12px;
}

.footer_link_in2 li a{
	font-size:12px;
	color:#3E3A39;
}

.footer_link_in3 li a{
	font-size:12px;
	color:#3E3A39;
}

/*フッター*/




#content_title{
	margin-top:30px;
	margin-bottom:50px;
	background:#356E8C;
	padding:30px 0;
}
#content_title h2{
	font-weight:normal;
	letter-spacing:10px;
	font-size:22px;
	color:#FFF;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#pankuzu{
	margin-top:30px;
	font-size:13px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}

#pankuzu ul li{
	float:left;
	list-style:none;
	margin-left:19px;
}

#pankuzu ul li:first-child{
	float:left;
	list-style:none;
	margin-left:0px;
}

.pankuzu_now a{
	color:#379CAE;
}

.top_service_jp{
	font-size:18px;
	color:#379CAE;
}

.top_midashi{
	text-align:center;
	margin-bottom:30px;
	margin-top:30px;
}

#top_midashi1{
	margin-left:auto;
	margin-right:auto;
	background:url(../img/top/top_midashi1.png) no-repeat;
	width:213px;
	height:28px;
	text-indent:-9999px;
}

#top_midashi2{
	margin-left:auto;
	margin-right:auto;
	background:url(../img/top/top_midashi2_en.png) no-repeat;
	width:207px;
	height:28px;
	text-indent:-9999px;
}



#top2{
	width:960px;
	margin-top:40px;
}
#top2_left{
	float:left;
	width:480px;
	margin-right:20px;
}
#top2_right{
	float:left;
	width:460px;
	margin-top:88px;
}
.top_news{
	border:1px solid #89898A;
	width:436px;
	padding:22px;
	height:258px;
	overflow:scroll
}
.top_news_data{
	font-weight:bold;
	font-size:12px;
	display:block;
}


/*ここから下層ページ*/

#kasou_midashi{
	background:#F8EEBE;
	padding:45px 0;
	margin-top:30px;
}


#product{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}


.kasou_komodashi{
	font-weight:bold;
	font-size:26px;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #379CAE;
}
.kasou_komodashi::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #CCC;
}
.kasou_komodashi::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
}
#maker_list{
	height:51px;
	margin-top:30px;
}

#maker_list ul li{
	float:left;
	margin-right:20px;
}
#maker_list ul li:last-child{
		margin-right:0px;
}
#maker_logo{
	border:1px solid #CCC;
	padding: 22px 0 22px 81px;
    width: 877px;
}
/*gn*/
.snip1164 {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: center;
  font-weight:normal;
}

.snip1164 * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.snip1164 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 0.8em;
  overflow: hidden;
}

.snip1164 a {
  padding: 0.3em 0.8em;
  color:#5A5858;
  position: relative;
  display: inline-block;
  letter-spacing:1px;
    margin: 0;
  text-decoration: none;
}

.snip1164 a:before,
.snip1164 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.snip1164 a:before {
  bottom: 100%;
  display: block;
  height: 3px;
  width: 100%;
  content: "";
}

.snip1164 a:after {
  padding: 0.3em 0.8em;
  position: absolute;
  bottom: 100%;
  left: 0;
  content: attr(data-hover);
  color: white;
  white-space: nowrap;
  background-color: #379CAE;
}

.snip1164 li:hover a,
.snip1164 .current a {
  transform: translateY(100%);
}


.kasou_komodashi2{
	line-height: 28px;
	font-size:21px;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 2px solid #379CAE;
}
.kasou_komodashi2::before {
	position: absolute;
	left: -2px;
	bottom: 0;
	content: '';
	width: 2px;
	height: 50%;
	background-color: #CCC;
}
.kasou_komodashi2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
}
.product_maker a{
	font-size:13px;
	color:#379CAE;
}


#product_box{
	width:980px;
}

#product_l{
	width:450px;
	float:left;
	margin-right:30px;
	vertical-align:middle;
	text-align:center;
}

#product_l img{
	margin-top:100px;
}

#product_r{
	width:450px;
	float:left;
}


/*ここからTOPの追加*/
.top_table_l{
	float:left;
	width:200px;
	padding-top:84px;
}

.top_table_r{
	float:right;
	width:230px;
}

.top_product{
	width:960px;
	border:1px solid #CACACB;
}

.top_product_box{
	position:relative;
	width:451px;
	float:left;
	border-right:1px solid #CACACB;
	padding:22px 14px;
}
.top_product_box:last-child{
	border-right:0;
}
.sankaku{
	position:absolute;
	bottom:1px;
	right:6px;
}




/*製品データ*/
#product-date table{
	margin-bottom:30px;
	margin-top:20px;
	border-top:1px solid #CCC;
	width:454px;
	border-collapse: collapse;
}
#product-date table tr td{
	padding:5px;
	font-size:14px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#product-date table tr td:last-child{
	border-right:0px;
	text-align:center;
}

#product{
	background:url(../img/product/product_en.png) no-repeat;
	text-indent:-9999px;
	width:275px;
	height:37px;
	text-align:center;
}

.product_index{
	width:960px;
	border-bottom:1px solid #999;
	padding-bottom:60px;
	margin-bottom:60px;
}

.product_index_box{
	width:438px;
	margin-right:20px;

}

.product_index_l img{
	margin-left:30px;
	width:340px;
	margin-top:20px;
}

/* .product_index_r{
	width:438px;
	float:left;
} */

.product_index_r img{
	margin-top:20px;
	margin-left:30px;
	width:340px;

}

.kasou_komodashi3{
	line-height: 28px;
	font-size:17px;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 3px solid #379CAE;
}
.kasou_komodashi3::before {
	position: absolute;
	left: -3px;
	bottom: 0;
	content: '';
	width: 3px;
	height: 50%;
	background-color: #CCC;
}
.kasou_komodash3i::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
}

.btn1{
	    margin-left: 59px;
    background: #379CAE;
    padding: 21px 77px;
    width: 89px;
    color: #FFFFFF;
    margin-top: 30px
}
.btn1 a{
	text-align:center;
	font-size:14px;
}


.sub_number{
	font-size:13px;
}

#sub_table td{
	padding:13px;
	vertical-align: top;
}
#data_title{
	font-size:18px;
	font-weight:bold;
	color:#379CAE;
	text-align:center;
}

#close{
	position:absolute;
	top: 21px;
    right:20px;
}
#data_title2{
	font-size:16px;
	font-weight:bold;
	color:#666;
	text-align:center;
	margin-top:10px;
}



/*新着情報*/
#news{
	background:url(../img/news/news.png) no-repeat;
	text-indent:-9999px;
	width:189px;
	height:34px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


#news_data{
	font-size:13px;
	color:#379CAE;
}


.kasou_komodashi_news{
	font-weight:bold;
	line-height: 28px;
	font-size:21px;
	position: relative;
	padding:2px 0 2px 23px;
	border-left: 4px  solid #379CAE;
}
.kasou_komodashi_news::before {
	position: absolute;
	left: -4px;
	bottom: 0;
	content: '';
	width: 4px ;
	height: 50%;
	background-color: #CCC;
}
.kasou_komodashi_news::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
}


#news_text{
	margin-top:30px;
}

.newsbox{
	border-bottom:1px dotted #999999;
	padding-bottom:30px;
	margin-bottom:30px;
}

.btn2{
	text-align: center;
	background:#379CAE;
	padding:10px 20px;
	width:153px;
	color:#FFFFFF;
	margin-top:10px;
}
.btn2 a{
	text-align:center;
	font-size:14px;
}



/*新着情報*/
#company{
	background:url(../img/company/company_en.png) no-repeat;
	text-indent:-9999px;
	width:168px;
	height:34px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}




#company_mida_1{
	background:url(../img/company/company_mida_1.png) no-repeat;
	text-indent:-9999px;
	width:92px;
	height:45px;
	margin-bottom:30px;
}


.company_text{
	line-height:33px;
}

.president_name{
	margin-top:20px;
	font-weight:bold;
	font-size:16px;
	margin-bottom:50px;
}


#company_data{
	border-collapse:collapse;
}
#company_data tr td{
	padding:21px 0px;
	border-bottom:1px dotted #999999;
}
#company_data tr td:first-child{
	font-weight:bold;
	padding-left:6px;
}

#company_data tr:nth-child(odd){
	background:#F2F7F9;
}


.tab{overflow:hidden;}
.tab li{background:#ccc; float:left; margin-right:20px;}
.tab li.select{background:#379CAE;}
.content li{background:#FFF; padding:29px 83px; border:1px solid #C9CACA}
.hide {display:none;}

.tab li:last-child{
	margin-right:0px;
}



.top_news p{
	line-height: 28px;
	font-size:16px;
	position: relative;
	padding:2px 0 2px 23px;
	border-left: 4px  solid #379CAE;
	margin-bottom:10px;
}
.top_news p a{
	font-size:16px;
}


.top_news p::before {
	position: absolute;
	left: -4px;
	bottom: 0;
	content: '';
	width: 4px ;
	height: 50%;
	background-color: #CCC;
}
.top_news p::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
}

.access{
	line-height: 28px;
	font-size:21px;
	font-weight:bold;
	position: relative;
	padding:2px 0 2px 23px;
	border-left: 4px  solid #379CAE;
	margin-bottom:10px;
}

.access::before {
	position: absolute;
	left: -4px;
	bottom: 0;
	content: '';
	width: 4px ;
	height: 50%;
	background-color: #CCC;
}
.access::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
}


.access_data table {
border: 1px #FFF none;
border-collapse: collapse;
}

.access_data td {
border: 1px #000000 none;
}


#company_mida_1en{
	background:url(../img/company/company_mida_1en.png) no-repeat;
	text-indent:-9999px;
	width:362px;
	height:45px;
	margin-bottom:30px;
}

#company_mida_2en{
	background:url(../img/company/company_mida_2en.png) no-repeat;
	text-indent:-9999px;
	width:183px;
	height:45px;
	margin-bottom:30px;
}
#company_mida_3en{
	background:url(../img/company/company_mida_3en.png) no-repeat;
	text-indent:-9999px;
	width:92px;
	height:45px;
	margin-bottom:30px;
	margin-top:50px;
}


#company_mida_4en{
	background:url(../img/company/company_mida_4en.png) no-repeat;
	text-indent:-9999px;
	width:200px;
	height:45px;
	margin-bottom:30px;
	margin-top:50px;
}


.btn3{
	text-align: center;
	background:#379CAE;
	padding:5px 20px;
	width:112px;
	color:#FFFFFF;
	margin-top:10px;
}
.btn3 a{
	text-align:center;
	font-size:14px;
}

#frontier{
	display: table-cell;
	vertical-align:middle;
	height:419px;
}


#result{
	background:url(../img/result/result_en.png) no-repeat;
	text-indent:-9999px;
	width:109px;
	height:37px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#contact{
	background:url(../img/contact/contact.png) no-repeat;
	text-indent:-9999px;
	width:226px;
	height:26px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


	#contact_table{
	border-collapse:collapse;
}
#contact_table tr td{
	padding:21px 0px;
	border-bottom:1px dotted #999999;
}
#contact_table tr td:first-child{
	font-weight:bold;
	padding-left:6px;
}

#contact_table tr:nth-child(odd){
	background:#F2F7F9;
}


.hissu{
	margin-left:10px;
	font-size:12px;
	color:#FF9900;
}

/*実績ページ	*/
#result_btn{
	width:832px;
	margin-left:64px;
}



#result_btn_now{
	border:1px solid #EFD63C;
	float:left;
	background:#EFD63C;
	padding:17px 40px;
	width:174px;
	margin-right:20px;
	margin-bottom:20px;
	text-align:center;
}
#result_btn_now a{
	text-align:center;
	font-size:14px;
	color:#3E3A39;
	display:block;
}
#result_btn_now:hover{
	opacity:0.7;
}

.result_btn_other{
	margin-right:20px;
	float:left;
	background:#FFF;
	border:1px solid #DCDDDD;
	padding:17px 40px;
	width:174px;
	margin-bottom:20px;
	text-align:center;
}
.result_btn_other a{
	text-align:center;
	font-size:14px;
	color:#3E3A39;
	display:block;
}
.result_btn_other:hover{
		width:174px;
		background-color:#EFD63C;
	color:#3E3A39;
}


.result_box{
	width:960px;
	margin-bottom:30px;
	border-bottom:1px dotted #DCDDDD;
	padding-bottom:30px;
}
.result_box_left{
	text-align:center;
	width:420px;
	float:left;
	margin-right:100px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;	/* 相対位置指定 */
}

.result_box_right{
	text-align:center;
	width:420px;
	float:left;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;	/* 相対位置指定 */
}



.result_box_left .caption {
	font-size:		130%;
	text-align: 		center;
	padding-top:		80px;
	color:			#fff;
}
.result_box_left .mask {
	width:100%;
	height:314px;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:all 0.2s ease;
}
.result_box_left:hover .mask {
	opacity:1;	/* マスクを表示する */
}

.result_box_right .caption {
	font-size:		130%;
	text-align: 		center;
	padding-top:		80px;
	color:			#fff;
}
.result_box_right .mask {
	width:100%;
	height:314px;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:all 0.2s ease;
}
.result_box_right:hover .mask {
	opacity:1;	/* マスクを表示する */
}

.caption table{
	margin-left:20px;
}
.caption table td{
	text-align:left;
	color:#FFFFFF;
}

#result_btn ul{
	float:left;
}

.data_rink{
	border-bottom:1px dotted #999999;
	padding-bottom:10px;
	margin-top:10px;
}

.data_rink a{
	color:#727171;
}

.modal_window a{
	color:#727171;
}

.btn4{
	text-align: center;
	background:#379CAE;
	padding:5px 20px;
	width:112px;
	color:#FFF;
	margin-top:10px;
}
.btn4 a{
	text-align:center;
	font-size:14px;
	color:#FFF;
}

.fl{
	float:left;
	width:460px;
}

.fr{
	float:right;
	width:460px;
}



/*pp*/
#pp{
	background:url(../img/pp/pp.png) no-repeat;
	text-indent:-9999px;
	width:225px;
	height:35px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



#header_0{
	text-align:right;
}

#header_0 a{
	margin-right:10px;
	font-size:12px;
}



.news_0515{
	margin-top:10px;
	margin-bottom:10px;
}

.news_0515 a{
	display:block;
	color:#379CAE;
}

/* 2019.0606追記 en/projects.html */
.span_tit{
	display: inline-block;
	width: 120px;
	font-size: 17px;
}

/* ----202010 製品一覧ページレイアウト(商品4つ並びに変更） ---- */
.product_container{
	display: flex;
}
.product_index_box{
	width:25%;
	margin-right:20px;
}
.product_title{
	font-size:14px;
	line-height: 1.3;
}
.product_title span:first-child{
	font-size:12px;
    margin-bottom: 2px;
}
.btn{
	text-align: center;
}
.btn a{
	color: #FFFFFF;
    background: #379CAE;
	padding: 5px 15px;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
    width: 95%;
}
figure{
	width: 80%;
	margin: 0 auto 15px;
}
figure img, figure iframe{
	width: 100%;
	vertical-align: bottom;
}
.product_container h4{
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 10px;
}
span.inline{
	line-height: 1.2;
}
.inline{
	display: block;
}
.product_index_box:nth-child(4n){
	margin: 0;
}
.product_container .product_maker a {
    font-size: 12px;
}
.product_text{
	text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
}
sub{
	font-size: 12px;
}
.product_map{
	position: relative;
    padding-bottom: 80%;
    height: 0;
    overflow: hidden;
}
.product_map iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
/* ----202011
 製品詳細ページ同カテゴリの製品レイアウト(商品4つ並びに変更） ---- */
 .maker_list {
	 margin-top: 20px;
 }
 .maker_list ul {
	 letter-spacing: -.4em
 }
 .maker_list figure {
	 margin: 0;
	 width: 100%;
 }
 .maker_list li {
	 width: calc((100% - 60px) / 4);
	 display: inline-block;
	 vertical-align: top;
	 letter-spacing: normal;
 }
 .maker_list li:not(:nth-child(4n)) {
	 margin-right: 20px;
 }
 .maker_list li:nth-last-child(n+5) {
	 margin-bottom: 20px;
 }