@charset "utf-8";
/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   company
---------------------------------------------------------------------- */

#bdid_company h2:first-child{
	margin:0 0 22px;
}
#bdid_company #main_contents h3{
	padding:8px 0 22px 63px;
	font-size:2.0rem;
}

#bdid_company #company_greeting{
	position:relative;
	min-height:275px;
	padding:0 315px 0px 15px;
	}
	#bdid_company #company_greeting #cg_photo{
		position:absolute;
		top:-60px;
		right:0px;
	}
	#bdid_company #company_greeting p{
		margin:0 0 20px;
		text-align:left;
	}
	#bdid_company #company_greeting p:last-child{
		margin:0 0 0px;
}

/* company_outline */
#bdid_company #company_outline{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:center;
	flex-wrap:wrap;
	text-align:center;
	}
	#bdid_company #company_outline #co_setoya,
	#bdid_company #company_outline #co_supply{
		display:inline-block;
		width:360px;
		max-width:100%;
		margin:0 20px;
		padding:25px 20px 25px 0;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		}
		#bdid_company #company_outline #co_setoya{
			background:#F1E4DA
		}
		#bdid_company #company_outline #co_supply{
			background:#E4E6F1
	}
	#bdid_company #company_outline table{
		width:100%;
		margin:0px !important;
		border:none;
		}
		#bdid_company #company_outline table th,
		#bdid_company #company_outline table td{
			position:relative;
			padding:2px 10px 3px 10px;
			background:none;
			border:none;
			line-height:1.5;
		}
		#bdid_company #company_outline table th{
			width:110px;
			padding:0px;
			font-weight:normal;
			vertical-align:text-top;
			color:#FFF;
	}

		#bdid_company #company_outline #co_setoya table th,
		#bdid_company #company_outline #co_setoya table td{
			border-bottom:13px solid #F1E4DA;
		}
		#bdid_company #company_outline #co_supply table th,
		#bdid_company #company_outline #co_supply table td{
			border-bottom:13px solid #E4E6F1;
		}
		#bdid_company #company_outline #co_setoya table th span,
		#bdid_company #company_outline #co_supply table th span{
			display:inline-block;
			width:100%;
			padding:2px 10px 3px 10px;
			}
			#bdid_company #company_outline #co_setoya table th span{
				background:#932A12;
			}
			#bdid_company #company_outline #co_supply table th span{
				background:#003B83;
		}
		#bdid_company #company_outline #co_supply table td::after,
		#bdid_company #company_outline #co_setoya table td::after{
			content:" ";
			position:absolute;
			left:0px;
			bottom:-7px;
			width:100%;
			height:2px;
			}
			#bdid_company #company_outline #co_setoya table td::after{
				background:#932A12;
			}
			#bdid_company #company_outline #co_supply table td::after{
				background:#003B83;
}

/* torihiki */
#bdid_company #torihiki{}
#bdid_company #torihiki h4{
	display:inline-block;
	min-width:250px;
	margin:0 0 15px;
	padding:7px 10px;
	font-weight:bold;
	font-size:1.15rem;
	background:#D9D9DA;
	}
	#bdid_company #torihiki ul{
		list-style:none;
	}
	#bdid_company #torihiki ul li{
		display:inline-block;
		position:relative;
		padding:0 20px;
		font-weight:bold;
		line-height:1.35;
		}
		#bdid_company #torihiki ul li::after{
			content:" ";
			position:absolute;
			top:0px;
			right:0px;
			width:1px;
			height:100%;
			background:rgba(0,0,0,0.7);
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_company #company_greeting{
		padding:0 0px 0px 0px;
		text-align:center;
		}
		#bdid_company #company_greeting #cg_photo{
			position:relative;
			top:0px;
			right:0px;
			margin:0 0 20px;
		}
		#bdid_company #company_greeting p{
			font-size:0.77rem;
	}

	/* company_outline */
	#bdid_company #company_outline #co_setoya,
	#bdid_company #company_outline #co_supply{
		width:100%;
		margin:0 0 20px;
		padding:15px 0px 15px 0;
		}
		#bdid_company #company_outline table th,
		#bdid_company #company_outline table td{
			font-size:0.77rem;
			line-height:1.5;
		}
		#bdid_company #company_outline #co_supply table td::after,
		#bdid_company #company_outline #co_setoya table td::after{
			height:1px;
	}

	/* torihiki */
	#bdid_company #torihiki h4{
		max-width:100%;
		}
		#bdid_company #torihiki ul li{
			display:inline-block;
			width:100%;
			padding:0 10px;
			border-bottom:1px dotted rgba(0,0,0,0.3);
			}
			#bdid_company #torihiki ul li::after{
				display:none;
	}
}

/* ----------------------------------------------------------------------
   concierge
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
   second_page oroshi - supply - yumetobo
---------------------------------------------------------------------- */

.second_page section .shokki_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	margin-bottom:-20px;
	}
	.second_page section .shokki_list li{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:230px;
		height:200px;
		margin-bottom:20px !important;
		font-family:'Noto Serif JP', serif;
		font-weight:bold;
		font-size:1.3rem !important;
		background:#CDCECE;
		color:#000;
	}
	.second_page section .shokki_list li:nth-child(4n+2):last-child{
		margin-right:513px;
	}
	.second_page section .shokki_list li:nth-child(4n+3):last-child{
		margin-right:257px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.second_page section .shokki_list li{
		width:48%;
		height:130px;
		font-size:1.1rem !important;
		}
		.second_page section .shokki_list li:nth-child(4n+2):last-child{
			margin-right:0px;
		}
		.second_page section .shokki_list li:nth-child(4n+3):last-child{
			margin-right:0px;
	}
}

/* ----------------------------------------------------------------------
   oroshi
---------------------------------------------------------------------- */

#bdid_oroshi section h4{
	color:#932A12;
}

#bdid_oroshi #main_contents p#page_lead{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:normal;
  font-size:0.9rem !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_oroshi #main_contents p#page_lead{
    font-size:0.77rem !important;
    line-height:1.5;
  }
}

/* -- news -- */
#bdid_oroshi #news{
  position:relative;
  max-width:100%;
  min-height:236px;
  margin:0 auto 25px;
  padding:0 0 0 200px !important;
  border-top:2px solid #932A12;
  border-bottom:2px solid #932A12;
  text-align:center;
  }
  #bdid_oroshi #news h3{
    display:block;
    position:absolute;
    top:13px;
    left:0px;
    width:160px;
    height:100px;
    text-indent:-999px;
    background:url(../../image/page/info_title01.png) no-repeat center center #932A12;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    overflow-x:hidden;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_oroshi #news{
    padding:10px 0 0 0 !important;
  }
  #bdid_oroshi #news h3{
    position:relative;
    top:0px;
    width:100%;
    height:80px;
  }
}

/* news_list */
#bdid_oroshi #news #news_list{
  position:relative;
}
#bdid_oroshi #news #news_list ul{
  position:relative;
  top:0px;
  width:100%;
  max-width:100%;
  min-height:100px;
  margin:0 0 0px;
  list-style:none;
  text-align:left;
  }
  #bdid_oroshi #news #news_list ul li{
    display:block;
    position:relative;
    width:100%;
    margin:0px;
    padding:13px 0px 13px 85px;
    font-size:0.87rem;
    color:#000;
    border-bottom:1px dashed #94A4AC;
    line-height:1.4;
  }
  #bdid_oroshi #news #news_list ul li:last-child{
    border-bottom:none;
    }
    #bdid_oroshi #news #news_list ul li span.date{
      display:block;
      position:absolute;
      top:13px;
      left:0px;
      font-weight:normal;
      font-size:0.87rem;
      text-align:left;
      color:#000;
    }
    #bdid_oroshi #news #news_list ul li a{
      display:block;
      position:relative;
      width:calc(100% + 85px);
      height:calc(100% + 71px);
      margin:-13px 0 -13px -85px;
      padding:13px 0 13px 85px;
      text-decoration:none;
      color:#000;
      z-index:100;
      transition-duration:0.5s;
      }
      #bdid_oroshi #news #news_list ul li a:hover{
        background:rgba(65,89,164,0.1);
}

/* news_list_page */
#bdid_oroshi #news_list_page{
  position:absolute;
  top:130px;
  left:40px;
  width:80px;
  text-align:center;
  z-index:100;
  }
  #bdid_oroshi #news_list_page a{
    position:relative;
    padding-bottom:18px;
    font-size:0.87rem;
    text-decoration:none;
    color:#000;
    transition-duration:0.5s;
    }
    #bdid_oroshi #news_list_page a::after{
      content:" ";
      position:absolute;
      bottom:0px;
      left:calc(50% - 8px);
      border: 8px solid transparent;
      border-top: 8px solid #94A4AC;
      transition-duration:0.5s;
    }
    #bdid_oroshi #news_list_page a:hover{
      text-decoration:none;
    }
    #bdid_oroshi #news_list_page a:hover::after{
      border-top: 8px solid #000;
}

/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_oroshi #news #news_list ul{
    margin:0 0 15px;
    }
    #bdid_oroshi #news #news_list ul li{
      padding:38px 0px 13px 0px;
      font-size:0.77rem;
      }
      #bdid_oroshi #news #news_list ul li:last-child{
        border-bottom:1px dashed #94A4AC;
      }
      #bdid_oroshi #news #news_list ul li span.date{
        font-size:0.77rem;
      }
      #bdid_oroshi #news #news_list ul li:before{
        height:20px;
        font-size:0.77rem;
      }
      #bdid_oroshi #news #news_list ul li a{
        width:100%;
        margin:-38px 0 -13px 0px;
        padding:38px 0 13px 0px;
  }
  #bdid_oroshi #news_list_page{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    text-align:center;
    z-index:100;
    }
    #bdid_oroshi #news_list_page a{
      padding:5px 20px 7px;
      font-size:0.77rem;
      background:rgba(65,89,164,1);
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      border-radius:6px;
      color:#FFF;
    }
    #bdid_oroshi #news_list_page a::after{
      display:none;
    }
}

/* banner_area */
#bdid_oroshi #banner_area{
  position:relative;
  margin:0 0 40px;
  text-align:center;
  }
  #bdid_oroshi #banner_area div{
    display:inline-block;
    margin:0 40px 10px;
  }
  #bdid_oroshi #banner_area div a{
    transition-duration:0.5s;
  }
  #bdid_oroshi #banner_area div a:hover{
    opacity:0.65;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_oroshi #banner_area div{
    margin:0 0px 10px;
  }
}

/* products */
#bdid_oroshi #products{
  padding:0 0px 30px 0px;
  border-bottom:none;
  text-align:center;
}
#bdid_oroshi #products h4{
  margin:0 0 15px;
  font-weight:normal;
  font-size:1.7rem;
}
#bdid_oroshi #products #oroshi_list{
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-around;
  flex-wrap:wrap;
  list-style:none;
  text-align:center;
  }
  #bdid_oroshi #products #oroshi_list li{
    display:inline-block;
    width:190px;
    height:50px;
    margin-bottom:10px !important;
  }
  #bdid_oroshi #products #oroshi_list li a{
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    font-family:'Noto Serif JP', serif;
    font-weight:normal;
    font-size:0.97rem !important;
    text-decoration:none;
    background:#932A12;
    color:#FFF;
    transition-duration:0.5s;
  }
  #bdid_oroshi #products #oroshi_list li a:hover{
    opacity:0.8;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_oroshi #products{
    padding:0px;
  }
  #bdid_oroshi #products h4{
    font-size:1.4rem;
  }
  #bdid_oroshi #products #oroshi_list li{
    width:48%;
  }
  #bdid_oroshi #products #oroshi_list li a{
    font-size:0.77rem !important;
  }
}

/* ----------------------------------------------------------------------
   yumetobo
---------------------------------------------------------------------- */

#bdid_yumetobo section h4{
	color:#932A12;
}

#bdid_yumetobo #main_contents p#page_lead{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:normal;
  font-size:0.9rem !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_yumetobo #main_contents p#page_lead{
    font-size:0.77rem !important;
    line-height:1.5;
  }
}

/* -- news -- */
#bdid_yumetobo #news{
  position:relative;
  max-width:100%;
  min-height:236px;
  margin:0 auto 25px;
  padding:0 0 0 200px !important;
  border-top:2px solid #DF7D7D;
  border-bottom:2px solid #DF7D7D;
  text-align:center;
  }
  #bdid_yumetobo #news h3{
    display:block;
    position:absolute;
    top:13px;
    left:0px;
    width:160px;
    height:100px;
    text-indent:-999px;
    background:url(../../image/page/info_title03.png) no-repeat center center #DF7D7D;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    overflow-x:hidden;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_yumetobo #news{
    padding:10px 0 0 0 !important;
  }
  #bdid_yumetobo #news h3{
    position:relative;
    top:0px;
    width:100%;
    height:80px;
  }
}

/* news_list */
#bdid_yumetobo #news #news_list{
  position:relative;
}
#bdid_yumetobo #news #news_list ul{
  position:relative;
  top:0px;
  width:100%;
  max-width:100%;
  min-height:100px;
  margin:0 0 0px;
  list-style:none;
  text-align:left;
  }
  #bdid_yumetobo #news #news_list ul li{
    display:block;
    position:relative;
    width:100%;
    margin:0px;
    padding:13px 0px 13px 85px;
    font-size:0.87rem;
    color:#000;
    border-bottom:1px dashed #94A4AC;
    line-height:1.4;
  }
  #bdid_yumetobo #news #news_list ul li:last-child{
    border-bottom:none;
    }
    #bdid_yumetobo #news #news_list ul li span.date{
      display:block;
      position:absolute;
      top:13px;
      left:0px;
      font-weight:normal;
      font-size:0.87rem;
      text-align:left;
      color:#000;
    }
    #bdid_yumetobo #news #news_list ul li a{
      display:block;
      position:relative;
      width:calc(100% + 85px);
      height:calc(100% + 71px);
      margin:-13px 0 -13px -85px;
      padding:13px 0 13px 85px;
      text-decoration:none;
      color:#000;
      z-index:100;
      transition-duration:0.5s;
      }
      #bdid_yumetobo #news #news_list ul li a:hover{
        background:rgba(65,89,164,0.1);
}

/* news_list_page */
#bdid_yumetobo #news_list_page{
  position:absolute;
  top:130px;
  left:40px;
  width:80px;
  text-align:center;
  z-index:100;
  }
  #bdid_yumetobo #news_list_page a{
    position:relative;
    padding-bottom:18px;
    font-size:0.87rem;
    text-decoration:none;
    color:#000;
    transition-duration:0.5s;
    }
    #bdid_yumetobo #news_list_page a::after{
      content:" ";
      position:absolute;
      bottom:0px;
      left:calc(50% - 8px);
      border: 8px solid transparent;
      border-top: 8px solid #94A4AC;
      transition-duration:0.5s;
    }
    #bdid_yumetobo #news_list_page a:hover{
      text-decoration:none;
    }
    #bdid_yumetobo #news_list_page a:hover::after{
      border-top: 8px solid #000;
}

/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_yumetobo #news #news_list ul{
    margin:0 0 15px;
    }
    #bdid_yumetobo #news #news_list ul li{
      padding:38px 0px 13px 0px;
      font-size:0.77rem;
      }
      #bdid_yumetobo #news #news_list ul li:last-child{
        border-bottom:1px dashed #94A4AC;
      }
      #bdid_yumetobo #news #news_list ul li span.date{
        font-size:0.77rem;
      }
      #bdid_yumetobo #news #news_list ul li:before{
        height:20px;
        font-size:0.77rem;
      }
      #bdid_yumetobo #news #news_list ul li a{
        width:100%;
        margin:-38px 0 -13px 0px;
        padding:38px 0 13px 0px;
  }
  #bdid_yumetobo #news_list_page{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    text-align:center;
    z-index:100;
    }
    #bdid_yumetobo #news_list_page a{
      padding:5px 20px 7px;
      font-size:0.77rem;
      background:rgba(65,89,164,1);
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      border-radius:6px;
      color:#FFF;
    }
    #bdid_yumetobo #news_list_page a::after{
      display:none;
    }
}

/* banner_area */
#bdid_yumetobo #banner_area{
  position:relative;
  margin:0 0 40px;
  text-align:center;
  }
  #bdid_yumetobo #banner_area div{
    display:inline-block;
    margin:0 40px 10px;
  }
  #bdid_yumetobo #banner_area div a{
    transition-duration:0.5s;
  }
  #bdid_yumetobo #banner_area div a:hover{
    opacity:0.65;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_yumetobo #banner_area div{
    margin:0 0px 10px;
  }
}

/* products */
#bdid_yumetobo #products{
  padding:0 0px 30px 0px;
  border-bottom:none;
  text-align:center;
}
#bdid_yumetobo #products h4{
  margin:0 0 15px;
  font-weight:normal;
  font-size:1.7rem;
}
#bdid_yumetobo #products #yumetobo_list{
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-around;
  flex-wrap:wrap;
  list-style:none;
  text-align:center;
  }
  #bdid_yumetobo #products #yumetobo_list li{
    display:inline-block;
    width:190px;
    height:50px;
    margin-bottom:10px !important;
  }
  #bdid_yumetobo #products #yumetobo_list li a{
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    font-family:'Noto Serif JP', serif;
    font-weight:normal;
    font-size:0.97rem !important;
    text-decoration:none;
    background:#DF7D7D;
    color:#FFF;
    transition-duration:0.5s;
  }
  #bdid_yumetobo #products #yumetobo_list li a:hover{
    opacity:0.8;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #bdid_yumetobo #products{
    padding:0px;
  }
  #bdid_yumetobo #products h4{
    font-size:1.4rem;
  }
  #bdid_yumetobo #products #yumetobo_list li{
    width:48%;
  }
  #bdid_yumetobo #products #yumetobo_list li a{
    font-size:0.77rem !important;
  }
}




/* ----------------------------------------------------------------------
   project
---------------------------------------------------------------------- */

.project_box{
	display: flex;
	text-align: center;
	margin-top: 30px;
}
.project_box img{
	width: 90%;
}
.project_box a:hover{
	opacity: 0.7;
}


/* ----------------------------------------------------------------------
   showroom
---------------------------------------------------------------------- */

.showroom_box{
	display: flex;
}
.showroom_box img{
	width: 600px;
	margin-right: 20px;
}
.showroom_box .showroom_text{
	margin-top: 100px;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	.showroom_box{
		display: block;
	}
	.showroom_box img{
		width: 100%;
		margin-right: 0px;
	}
	.showroom_box .showroom_text{
		margin-top: 10px;
	}
}

/* ----------------------------------------------------------------------
   showroom
---------------------------------------------------------------------- */

.guinomi_box{
	margin: 0 auto;
	background-color: #e1eeda;
	width: 70%;
	border-radius: 10px;
	padding: 20px;
}
.guinomi_box h4{
	margin-left: 20px;
}
.guinomi_box p{
	margin-left: 40px;
}
.guinomi_box p span{
	font-weight: bold;
	font-size: 1.1rem;
	padding-bottom: 5px;
}

/* ----------------------------------------------------------------------
   showroom
---------------------------------------------------------------------- */

.concierge_title img{
	height: 90px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.concierge_title img{
		height: auto;
	}	
}

/* ----------------------------------------------------------------------
   news index
---------------------------------------------------------------------- */

/* news_list */
section#news_contents{
	padding:0px;
	border-bottom:1px dashed #94A4AC;
}
#news_contents #news_list{
	position:relative;
}
#news_contents #news_list ul{
	position:relative;
	top:0px;
	width:100%;
	max-width:100%;
	min-height:100px;
	margin:0 0 0px;
	list-style:none;
	text-align:left;
	}
	#news_contents #news_list ul li{
		display:block;
		position:relative;
		width:100%;
		margin:0px;
		padding:13px 0px 13px 85px;
		font-size:0.87rem;
		color:#000;
		border-bottom:1px dashed #94A4AC;
		line-height:1.4;
	}
	#news_contents #news_list ul li:last-child{
		border-bottom:none;
		}
		#news_contents #news_list ul li span.date{
			display:block;
			position:absolute;
			top:13px;
			left:0px;
			font-weight:normal;
			font-size:0.87rem;
			text-align:left;
			color:#000;
		}
		#news_contents #news_list ul li a{
			display:block;
			position:relative;
			width:calc(100% + 85px);
			height:calc(100% + 71px);
			margin:-13px 0 -13px -85px;
			padding:13px 0 13px 85px;
			text-decoration:none;
			color:#000;
			z-index:100;
			transition-duration:0.5s;
			}
			#news_contents #news_list ul li a:hover{
				background:rgba(65,89,164,0.1);
}

/* news_list_page */
#news_contents_list_page{
	position:absolute;
	top:130px;
	left:40px;
	width:80px;
	text-align:center;
	z-index:100;
	}
	#news_contents_list_page a{
		position:relative;
		padding-bottom:18px;
		font-size:0.87rem;
		text-decoration:none;
		color:#000;
		transition-duration:0.5s;
		}
		#news_contents_list_page a::after{
			content:" ";
			position:absolute;
			bottom:0px;
			left:calc(50% - 8px);
			border: 8px solid transparent;
			border-top: 8px solid #94A4AC;
			transition-duration:0.5s;
		}
		#news_contents_list_page a:hover{
			text-decoration:none;
		}
		#news_contents_list_page a:hover::after{
			border-top: 8px solid #000;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#news_contents #news_list ul{
		margin:0 0 15px;
		}
		#news_contents #news_list ul li{
			padding:38px 0px 13px 0px;
			font-size:0.77rem;
			}
			#news_contents #news_list ul li:last-child{
				border-bottom:1px dashed #94A4AC;
			}
			#news_contents #news_list ul li span.date{
				font-size:0.77rem;
			}
			#news_contents #news_list ul li:before{
				height:20px;
				font-size:0.77rem;
			}
			#news_contents #news_list ul li a{
				width:100%;
				margin:-38px 0 -13px 0px;
				padding:38px 0 13px 0px;
	}
	#news_contents_list_page{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		text-align:center;
		z-index:100;
		}
		#news_contents_list_page a{
			padding:5px 20px 7px;
			font-size:0.77rem;
			background:rgba(65,89,164,1);
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			color:#FFF;
		}
		#news_contents_list_page a::after{
			display:none;
		}
}



/* bdid_news_index */
#bdid_news_index #news_list ul li{
		display:block;
		position:relative;
		width:100%;
		margin:0px;
		padding:13px 0px 45px 85px;
		font-size:0.87rem;
		color:#000;
		border-bottom:1px dashed #94A4AC;
		line-height:1.4;
	}
#bdid_news_index #news_list ul li span.date{
			display:block;
			position:absolute;
			top:13px;
			left:0px;
			font-weight:normal;
			font-size:0.87rem;
			text-align:left;
			color:#000;
		}
		#bdid_news_index #news_list ul li .category{
			display:-webkit-flex;
			display:flex;
			-webkit-box-pack:justify;
			-ms-flex-pack:justify;
			justify-content:flex-start;
			flex-wrap:wrap;
			position:absolute;
			bottom:13px;
			left:0px;
			width:100%;
			z-index:1;
			}
			#bdid_news_index #news_list ul li .category span{
				display:-webkit-flex;
				display:flex;
				justify-content:center;
				align-items:center;
				position:relative;
				width:100px;
				height:22px;
				margin:0 10px 0 0;
				font-size:0.77rem;
				text-align:center;
				color:#FFF;
				background:#969696;
				line-height:18px;
				z-index:1;
			}
			#bdid_news_index #news_list ul li span.cate_oroshi{
				background:#932A12;
				color:#FFF;
			}
			#bdid_news_index #news_list ul li span.cate_supply{
				background:#003B83;
				color:#FFF;
			}
			#bdid_news_index #news_list ul li span.cate_yume{
				background:#DF7D7D;
				color:#FFF;
		}
		#bdid_news_index #news_list ul li a{
			display:block;
			position:relative;
			width:calc(100% + 85px);
			height:calc(100% + 71px);
			margin:-13px 0 -45px -85px;
			padding:13px 0 45px 85px;
			text-decoration:none;
			color:#000;
			z-index:100;
			transition-duration:0.5s;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_news_index #news_list ul{
		margin:0 0 0px;
		}
		#bdid_news_index #news_list ul li{
			padding:13px 0px 45px 0px;
			font-size:0.77rem;
	}
	#bdid_news_index #news_list ul li span.date{
		display:block;
		position:relative;
		top:0px;
		margin:0 0 5px;
		font-size:0.77rem;
	}
	#bdid_news_index #news_list ul li .category{
		position:absolute;
		bottom:13px;
		left:0px;
		width:100%;
		z-index:1;
		}
		#bdid_news_index #news_list ul li .category span{
			width:80px;
			margin:0 7px 0 0;
			font-size:0.60rem;
		}
		#bdid_news_index #news_list ul li a{
			display:inline-block;
			width:auto;
			height:auto;
			margin:0px 0 0px 0px;
			padding:0px 0 0px 0px;
	}
}


/* ----------------------------------------------------------------------
   news
---------------------------------------------------------------------- */

#bdid_news section{
	border-bottom:2px dotted rgba(0,0,0,0.3);
}
#bdid_news #main_contents h3{
	position:relative;
	margin:0 0 40px;
	font-size:1.2rem;
	padding-right:150px;
	}
	#bdid_news #main_contents h3::after{
		content:" ";
		position:absolute;
		left:0px;
		bottom:-20px;
		width:100%;
		height:1px;
		border-bottom:2px dotted rgba(0,0,0,0.3);
}
#bdid_news #main_contents p.date{
	position:absolute;
	top:10px;
	right:0px;
	width:120px;
	padding:5px 5px;
	font-weight:bold;
	font-size:1.0rem;
	text-align:center;
	background:rgba(0,0,0,0.1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#back_btn{
	position:relative;
	width:100%;
	text-align:center;
	}
	#back_btn a{
		display:inline-block;
		position:relative;
		width:120px;
		padding:5px 5px;
		font-weight:bold;
		font-size:1.0rem;
		text-align:center;
		text-decoration:none;
		background:rgba(0,0,0,0.7);
		color:#FFF;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_news #main_contents h3{
		font-size:1.1rem;
		padding-right:0px;
	}
	#bdid_news #main_contents p.date{
		position:relative;
		top:0px;
	}
}