@charset "utf-8";

/* __日本語・English切り替えボタン
------------------------------------------*/
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
	border: 2px solid #fd9535;
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  font-weight: bold;
  margin: -24px 0 5px;
  font-size: 12px;
}

.btn-square-pop:hover {
  text-decoration: none ;
  background-color: transparent;
  border: 2px solid #fd9535;
  color: #fd9535 !important;
}

/* __図面・PDFボタン
------------------------------------------*/
.blue_button,
.glay_button,
.orange_button,
.green_button{
	font-size: 10.5px;
	color: white;
	padding: 3px 12px 1px;
	border-radius: 10px;
	box-shadow: 1px 0px 1px #aaaaaa;
	letter-spacing: 3px;
	display: inline-block;
	margin: 1px 0 3px;
	text-align: center;
}
.blue_button:hover,
.glay_button:hover,
.orange_button:hover,
.green_button:hover{
	color: #333;
	padding: 4px 12px 0;
}
.blue_button{
	background-image: linear-gradient(0deg, #3693d0, #66c3fe);
	width: 72px;
}
.blue_button:hover{
	background-image: linear-gradient(180deg, #3693d0, #66c3fe);
}
.blue_button::before{
	font-family: "Font Awesome 7 Free";
	content: "\f1c1";
	color: #AD1942;
	padding-right: 5px
}
.blue_button:hover::before{
	color: #b06e80;
}
.glay_button{
	background-image: linear-gradient(0deg, #646464, #c6c6c6);
	width: 100px;
}
.glay_button:hover{
	background-image: linear-gradient(180deg, #646464, #c6c6c6);
}
.orange_button{
	width: 72px;
	background-image: linear-gradient(0deg, #cf622a, #fdc7a9);
}
.orange_button:hover{
	background-image: linear-gradient(180deg, #cf622a, #fdc7a9);
}
.green_button{
	width: 72px;
	background-image: linear-gradient(0deg, #3E8A24, #7AC962);
}
.green_button:hover{
	background-image: linear-gradient(180deg, #3E8A24, #7AC962);
}
.orange_button::before,
.green_button::before{
	background-image: linear-gradient(0deg, #184492, #164BB0);
	border: solid 1px #fff;
	content: "CAD";
	color: #fff;
	font-size: 5px;
	padding: 1px 1px 0 4px;
	margin-right: 5px;
	vertical-align: middle;
}
.orange_button:hover::before,
.green_button:hover::before{
	border: solid 1px #999;
	color: #999;
}

/* __注意書き　Attention
------------------------------------------*/
.infobox {
    position: relative;
    margin: 3.5em 0 2em;
    padding: 0.5em 1em;
    border: solid 3px #CC0052;
}

.infobox .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #CC0052;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.infobox p {
    margin: 0;
    padding: 0;
    color: #000;
    text-align: left;
}

/* __仕様表下の注意書き
------------------------------------------*/
.listcaution{
	list-style: none;
}
.listcaution li{
	counter-increment: my-counter 1;
	margin-left: 26px;
	text-indent: -26px;
}
.listcaution li:before{
	content: "*"counter(my-counter)" ";
}