@charset "utf-8";

/*===================================================================
	supply.htm
===================================================================*/
.inPageLinks01 {
		overflow: hidden;
		border: 1px solid #e5e5e5;
		padding: 10px;
}
.inPageLinks01 > .iLink01 {
		display: inline-block;
		margin-right: 70px;
		float: left;
}

.btn_wide {
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
  letter-spacing: 2px;
  margin: 0 auto;
  text-align: center;
}

.btn_wide a {
  color: #000;
  padding: 22px 100px 22px 15px;
  display: block;
  background: url(/products/label/cwc4020/images/supply/btn_left.png), url(/products/label/cwc4020/images/supply/btn_arowb.png), url(/products/label/cwc4020/images/supply/btn_right.png);
  background-repeat: repeat-y, no-repeat, repeat-y;
  background-position: left top, right center, right top;
  background-size: auto 17px, auto 26px, auto 17px;
  background-color: #fff;
  border: #005aba solid 1px;
  /*width: 860px;*/
  width: 743px;
  margin: 0 auto;
  display: flex;
  -webkit-flex: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.btn_wide a {
  transition: .3s;
}

.btn_wide a:hover {
  opacity: .6;
  transition: .3s;
  text-decoration: none;
}

.btn_wide a p {
  font-size: 22px;
  color: #004c9e;
}

.btn_wide a span {
  font-size: 16px;
  color: #555;
  letter-spacing: 0px;
}

.caution>.detail{
	border: 2px solid #ff0000;
}
.caution>.detail>h2{
	background: #ff0000;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}
.caution>.detail>p{
	display: flex;
	font-size: 14px;
	padding: 10px;
}



@media only screen and (max-width: 768px) {
.detailSection .detailSection{
	padding:0!important;
}

.tablespscroll {
    overflow-x:scroll;
}
.tableWrap {
    width: 100%;
    overflow-x: scroll;
}
.tableWrap .tblMod01 {
    width: 800px;
}
.tblMod01 th, .tblMod01 td{
	font-size: 11px;
	padding: 5px;
}
#contents .detailSection.section04 {
  padding-left: 15px;
  padding-right: 15px;
}

#contents .detailSection .popup{
	width: auto;
}

.btn_wide {
	text-align:left;
	font-size:15px;
}
.btn_wide a {
	width:100%;
	padding:10px 105px 10px 20px;
	font-size:15px;
	box-sizing: border-box;
}

.relatedMod .flR {
	float:none!important;
}
.relatedMod .flR table {
	width:100%!important;
}
.relatedMod .flR table tr th {
	width:30px;
}
.relatedMod .flR table tr td ul {
	padding-right:0!important;
	text-align:left;
}
.relatedMod .flR table tr td ul li{
	display:inline-block;
	text-align:right;
}

#contents #footer #deepFoot a.iPop01+img{
	width:15px;
}

}


#footer {
    margin-top: 0;
}
.sitemap {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px){
#contents .headSection .rightArea {
    position: unset;
    margin-top: 10px;
}}

.btImage > a {
	display: inline-block;
}
.btImage > a:hover {
	opacity: 0.6;
}
.btImage > a > figure {
	margin: 0;
}