@charset "utf-8";

/* sp override */
.pc{display:block;}
.sp{display:none;}
#toggle{display:none;}
#sp-navi{display:none;}
#sp-pagetop{display:none;}
@media screen and (max-width:640px){
.pc{display:none;}
.sp{display:block;}
a{outline:none;}
#sp-pagetop{
  display:none;
  width:64px;
  position:fixed;
  bottom:70px;
  right:40px;
  z-index:1000;
}

/* reset.css
--------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{font-size:20px;}
html{border:none;}
h1{
  width:620px;
  margin:auto;
}
h1 strong{font-size:0.6rem;}

/* common.css
--------------------------------------- */
#wrap{
  width:640px;
  margin:0;
  padding:0;
  box-shadow:none;
}

/* header.css
--------------------------------------- */
header{
  padding:0;
  margin:0;
  background-size:240%;
}
#logo{
  width:530px;
  float:none;
}
#Contact-Area{width:100%;}
#CotnactTel{
  width:48%;
  float:left;
  font-size:1.0rem;
}
#CotnactFax{
  width:50%;
  float:right;
  font-size:1.0rem;
}
#SalesTime{
  clear:both;
  width:100%;
  background-size:1.0rem;
  float:none;
}

#sp-HBtn-Area{
  width:90%;
  margin:auto;
}
.ContactBtn:hover{opacity:1.0;}

/* nav.css
--------------------------------------- */
nav{display:none;}

/* sp-navi
--------------------------------------- */
#toggle{
  display:block;
  width:100%;
  height:64px;
  background:url(../img/sp-toggle.png) #1e5799 0 0 no-repeat;
}
#sp-navi{display:none;}
#sp-navi ul{list-style:none;}
#sp-navi li{
  font-size:1.2rem;
  line-height:2.0;
  color:#fff;
  padding-left:2.4rem;
  background:url(../img/icon/icon-menu.png) #1e5799 1.0rem 50% no-repeat;
  border-top:1px solid #fff;
}
#sp-navi li a{color:#fff;text-decoration:none;}

/* contents.css
--------------------------------------- */
#contents{
  width:90%;
  margin:auto;
}
#contents h3 {
  width:100%;
  margin-top:20px;
  background-position:1.0rem 50%;
  /*border-radius:20px;*/
}
#contents h3 span{display:block;}

.UpArea,.DownArea{
  padding-left:1.0em;
  padding-right:0;
}
.DA-Contin{display:block;}
.DA-Cont{}
.DA-Cont02{
  width:100%;
  margin-left:0;
  margin-right:0;
}

#cont_in .DownArea dl dt{width:100%;float:none;}
#cont_in .DownArea dl dd{width:100%;float:none;}
#cont_in .DownArea form dl dt{width:30%;float:left;}
#cont_in .DownArea form dl dd{width:70%;float:left;}

.LinkAll ul{display:block;}
.LinkAll ul li{width:94%;}

#cont_in ol{padding-right:1.0rem;}
#cont_in ol ol{padding-right:0;}

.PMArea .PMArticle{
  width:100%;
  margin-bottom:2.0rem;
}
.PMArea .PMArticle:hover{
  box-shadow:none;
}
.PMArea .PMArticle .PThum ul{
  width:400px;
  margin:auto;
}
.PMArea .PMArticle .PThum ul li{
  height:initial;height:auto;
  height:120px;
  width:200px;
  opacity:1.0;
  border-top:1px solid #fff;
}
.PMArea .PMArticle .PThum ul li:nth-child(odd){border-right:1px solid #fff;}
.NoImg{display:none;}

/* index.css
--------------------------------------- */
#IDBtn-Area{
  display:block;
	width:90%;
  margin:auto;
}
.iBtn-Area{
	width:100%;
	margin:0 auto 2.0rem;
}

/* footer.css
--------------------------------------- */
.f_totop{
  width:40%;
  float:right;
}
footer{clear:both;}
footer #F-Nav ul li{
  width:100%;
  font-size:1.0rem;
  border-bottom:1px solid #999;
  float:none;
}

footer #F-Nav ul li a{display:block;}
footer #copy_area{
	font-size: 0.6rem;
  text-align:center;
}

/* mailform.css
--------------------------------------- */
.mf_red{display:block;}
.mf_btn{
  width:80%;
  margin-left:auto;
  margin-right:auto;
}
.mf_btn input{
	width:90%;
  margin-left:auto;
  margin-right:auto;
  transition:none;
}
.mf_btn input:hover{
	font-size:1rem;
}

}