@charset "utf-8";
html{
/*-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow:auto;*/
}
body{
background:#fff;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
color: #000;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%; 
word-wrap: break-word;
font-feature-settings: "palt";/*文字詰め*/
height:auto;
overflow:visible;
width:100%;
}


#container{
	position: relative;/*#header-imgよりも配置を上にするためにrelativeをつける*/
	display:block;
	top:50px;
	z-index: 120;/*#header-imgよりもz-indexの値を大きな数値にして上に表示*/
 	 background:#fff;/*全体の背景色*/
	color:#000;
	padding:10px;
}

#header{
width:100%;
padding:5px;
z-index:200;
}

/*Header company name*/
.companyname{
display:none;

}

/*Header TELEPHONE NUMBER*/
.telephone{
display:none;

}

/*--
.button {
position:fixed;
right:20px;
top:15px;
z-index:9999;
  display: inline-block;
  width: 120px;
  height: 35px;
  text-align: center;
border-radius:10px;
font-size:1rem;
  line-height: 35px;
  outline: none;
 background-color: #cc3300;
  color: #fff;
}
.button a:hover {
color:#fff;
background-color: #cc3300;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
--*/

/*--======LOGO箇所=========--*/
.logo{
position:fixed;
left:0;
top:0;
padding-left:10px;
background:#fff;
height:65px;
}
.logo img{
width:80px;
height:auto;
}

/*--======ぱんくず=========--*/
.pagebread{
display:none;
}

/*--========赤タイトル=========--*/
.titlecenter{
font-size:1.2rem;
margin:0 auto;
text-align:left;
color:#cc3300;
padding-bottom:20px;
}
/*--=======Detailprod==========--*/

#inqform div{
font-size:1rem;
line-height:1.4;
text-align:left;
}
#inqform span{
color:red;
}

/*--
#depro{
position:relative;
display:block;
top:50px;
padding:5px;
font-size:1rem;
line-height:1.3;
width:100%;
}

.areadetail3{
padding:5px;
margin-bottom:10px;
}


table th, table td {
    display: block;
    width: 100%;
    border-bottom: none;
  }

table th img{
width:50%;
}

  table tr:last-child td:last-child {
    border-bottom: 1px solid #fff;
  }
--*/
/*========PAGE-TOP BUTTON==========*/
#page-top{
display:none;
}

/*--=====Flexbox Catalogue2 ２列=======--*/
.flexcatalog2{
display:block;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}
.flexcatalog-item2{
width:100%;
background-color:#cc3300;
border-radius:10px;
padding:10px;
margin:5px;
text-align:center;
}
.flexcatalog-item2 a{
color:#fff;
text-decoration:none;
text-align:center;
}
.flexcatalog-item2:hover,
.flexcatalog-item2:active{
background-color:#ff3300;
}

/*--=====FOOTER======--*/
#footer{
position:fixed;
left:0;
bottom:0;
width:100%;
height:50px;
padding:5px;
background:#cc3300;
text-align:center;
z-index:100;
}

#footer span{
color:#fff;
font-size:0.8rem;
}