@charset "utf-8";
/* ----------- /共通部分 ----------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 102%;
  line-height: 150%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: 'メイリオ', Meiryo, YuGothic, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  list-style: none;
}
.pc{
  display: block;
}
.sp{
  display: none;
}
body {
  text-align: center;
  margin: 0 auto;
}
#outline {
  background: #ffffff;
  width: 1000px;
  text-align: center;
  margin: 10px auto;
}
/* ----------- clearfix ----------- */
.clearfix:after {
  content: url(clearfix.gif);
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}


/* ---------- head ----------- */
#head{
  margin: 20px auto 10px;
  width: 1000px;
}
#head .left{
  float: left;
  width: 260px;
}
#head .right{
  float: right;
  width: 480px;
}
#head .right .tel{
  margin: 0 20px 0 0;
  float: left;
}
#head .right .mail{
  margin: 0 20px 0 0;
  float: right;
}

/* ---------- foot ----------- */
#foot{
  margin: 20px auto;
  width: 910px;
}
#foot .box1, #foot .box2, #foot .box3{
  margin: 20px 20px 0 0;
  text-align: left;
  float: left;
  font-size: 13px;
  width: 280px;
}
#foot p span{
    width: 70px;
    margin: 0 0 0 0;
    padding: 0 8px;
    background: #ff8040;
}
#foot p span a{
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}
#copyright{
  margin: 60px auto 20px;
  font-size: 14px;
}
/* ---------- menu ----------- */
#menu{
  margin: 20px auto 10px;
  width: 1000px;
}
#menu ul{
  border-right: 1px solid #999;
}
#menu li{
  float: left;
  margin: 5px 0;
  border-left: 1px solid #999;
  padding: 3px 35px;
}
#menu li a{
  text-decoration: none;
  color: #000000;
  font-size: 16px;
}


/* ---------- top ----------- */
.main{
  border-top: 1px solid #264685;
  background: url(../img/main_back.png) center bottom repeat-x;
}
h2{
  text-align: center;
  margin: 50px auto 20px;
  background: #264685;
  color: #fff;
  font-size: 125%;
  padding: 5px 0 5px 30px;
  text-align: left;
}


/* ---------- top feature ----------- */
.feature{
  width: 920px;
  margin: 0 auto;
}
.feature .box{
  width: 440px;
  margin: 10px 20px 20px 0;
  float: left;
}
.feature .box img{
  float: left;
  width: 100px;
  margin: 0 10px 0 0;
}
.feature .box .text{
  float: right;
  text-align: left;
  width: 325px;
}
.feature .box .text h3{
  font-weight: bold;
  font-size: 16px;
}
.feature .box .text p{
  font-size: 12px;
  line-height: 190%;
}


/* ---------- top type ----------- */
.type{
  width: 840px;
  margin: 0 auto;
}
.bt_orange{
  width: 405px;
  float: left;
}
.bt_container{
  width: 405px;
  float: right;
}
.type_title{
  width: 840px;
  text-align: left;
}
.type_box_w{
  width: 840px;
  margin: 40px auto 0;
}
.type_title h3{
  width: 220px;
  background: #264685;
  color: #fff;
  padding: 5px 0 5px 50px;
  font-size: 130%;
}


/* ---------- top type_box ----------- */
.type_box{
  border: 1px solid #264685;
  padding: 15px 30px 20px 30px;
  margin: 0 auto;
}
.type_box h3{
  font-size: 18px;
  text-align: left;
  margin: 10px 0 15px 30px;
}
.type_box .base{
  width: 790px;
}
.type_box .base .ph{
  float: right;
  width: 400px;
}
.type_box .text{
  float: left;
  text-align: left;
  width: 360px;
  font-size: 14px;
  margin: 0 0 0 30px;
}
.type_box .text p{
  line-height: 190%;
}
.type_box .text h4{
  text-align: left;
  border-radius: 25px;
  background: #4c2602;
  width: 85px;
  color: #fff;
  padding: 10px 0 10px 30px;
  font-size: 18px;
  margin: 20px 0 10px 0;
}


.type_box .type_bt {
  width: 610px;
  margin: 25px auto;
}
.type_box .type_bt .bt_contact{
  float: left;
  width: 300px;
  
}
.type_box .type_bt .bt_price{
  float: right;
  width: 300px;
  
}
textarea {
  resize: none;
  width:550px;
  height:150px;
}


/* ---------- top flow ----------- */
.flow{
  margin: 40px 0;
  width: 890px;
}
.flow li{
  float: left;
  margin: 0 10px 0 0;
  width: 285px;
  text-align: center;
  color: #003399;
  font-size: 15px;
}
.flow li img{
  margin: 0 0 5px 0;
}

/* ---------- top qa ----------- */
.qa{
  text-align: center;
  margin: 20px auto;
  width: 740px;
}
.qa dt{
  margin: 25px 0 0 0;
  font-size: 16px;
  background: url(../img/q.png) 0 0 no-repeat;
  padding: 10px 0 10px 60px;
  text-align: left;
}
.qa dd{
  margin: 20px 0 0 0;
  font-size: 16px;
  background: url(../img/a.png) 30px 0 no-repeat;
  padding: 5px 0 35px 85px;
  line-height: 150%;
  border-bottom: 1px dotted #000;
  text-align: left;
}

/* ---------- top factory ----------- */
.factory{
  text-align: left;
  margin: 20px auto;
  width: 840px;
}
.factory li{
  float: left;
  margin: 0 10px 0 0;
  width: 198px;
  text-align: center;
}
.factory li img{
  width: 198px;
  text-align: center;
}


/* ---------- top contact ----------- */
.top_contact{
  text-align: center;
  margin: 60px auto;
  width: 800px;
  border: 4px solid #ff9900;
}
.top_contact_in{
  text-align: center;
  margin: 6px;
  border: 1px solid #ff9900;
}
.top_contact_in .ph{
  float: right;
  margin: 23px 30px 0 0;
}
.top_contact_in .left{
  float: left;
  margin: 40px 0 0 30px;
  text-align: left;
  width: 530px;
}
.top_contact_in h4{
  font-size: 115%;
  font-weight: bold;
  border-bottom: 1px dotted #ff9900;
}
.top_contact_in .text{
  text-align: left;
  font-size: 14px;
  line-height: 180%;
  margin: 15px 0 15px;
}
.top_contact_in .mail{
  text-align: left;
  margin: 20px 0 20px 130px;
}


/* ---------- top kanshoku ----------- */
.top_kanshoku{
  text-align: center;
  margin: 60px auto;
  width: 1000px;
  border: 1px solid #264686;
}
.top_kanshoku .ph{
  margin: 25px 30px 50px;
}
.top_kanshoku h4{
  font-size: 150%;
  font-weight: bold;
  border-bottom: 1px solid #264686;
  margin: 30px 20px;
}
.top_kanshoku .menu{
  margin: 0 auto;
  width: 850px;
}
.top_kanshoku .box{
  float: left;
  width: 420px;
  height: 140px;
  margin: 0;
}
.top_kanshoku .box .ph{
  float: left;
  width: 190px;
  margin: 0;
  text-align: left;
}
.top_kanshoku .box .ph img {
    width: 180px;
}
.top_kanshoku .box .text {
    float: left;
    width: 220px;
    font-size: 14px;
    text-align: left;
}
.top_kanshoku .box .text strong {
    display: block;
    font-size: 18px;
    border-bottom: 1px dotted #264686;
    color: #264686;
}
.box.kankyo {
    font-size: 16px;
    background: #cf6;
    margin: 0 0 0 50px;
    width: 370px;
    padding: 30px 0 0px 0;
    height: 70px;
    color: #030;
}
.top_kanshoku .name {
    text-align: right;
    width: 850px;
    margin: 0 auto;
    font-size: 14px;
}


/* ---------- top order ----------- */
.top_order{
  text-align: center;
  margin: 60px auto;
  width: 1000px;
  border: 4px solid #cc0000;
  border-radius: 15px;
}
.top_order .ph{
  float: right;
  margin: 23px 30px 0 0;
}
.top_order .left{
  float: left;
  margin: 40px 0 0 50px;
  text-align: left;
  width:650px;
}
.top_order h4{
  font-size: 150%;
  font-weight: bold;
  border-bottom: 1px solid #c00;
}
.top_order .text{
  text-align: left;
  font-size: 15px;
  line-height: 180%;
  margin: 15px 0 15px 0;
}
.top_order .text span{
  background:linear-gradient(transparent 70%, #FFFF00 0%);
  padding: 5px;
  font-size: 17px;
}
.top_order .text .point{
  color: #cc0000;
  font-size: 17px;
  margin: 10px 0 0 0;
}
.top_order_in{
  text-align: center;
  margin: 10px auto;
  width: 750px;
  border-top: 1px dotted #999;
}
.top_order_in .tel{
  float: left;
  text-align: left;
  margin: 20px 30px 20px 0px;
}
.top_order_in .mail{
  float: right;
  text-align: left;
  margin: 20px 0 20px 30px;
}

/* ---------- in price ----------- */
.att{
  text-align: left;
  width: 60%;
  margin: 0 auto;
}
.type_box .left{
  width: 380px;
  float: left;
}
.type_box .right{
  width: 350px;
  float: right;
  font-size: 14px;
  text-align: left;
  line-height: 180%;
}
.price table{
  width: 1100px;
  margin: 20px auto;
}
.price table{
  margin: 20px auto;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}
.price table td{
  padding: 5px 5px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  font-size: 12px;
  text-align: center;
}




/* ----------- company ----------- */
#company{
  margin: 20px 0 40px 40px;
}
#company .inside{
  width: 900px;
  margin: 0 auto;
}
#company #office{
  width: 450px;
  float: left;
  text-align: left;
}
#company #logistics{
  width: 450px;
  float: right;
  text-align: left;
}
#company p{
  font-size: 16px;
}
#company iframe{
  border: 1px solid #999999;
  padding: 3px;
}

#company dl {
  margin: 0 auto;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  width: 885px;
}
#company dt {
  float:left;
  clear:left;
  font-size:14px;
  font-weight: normal;
  width:250px;
  border-top: 1px solid #c0c0c0;
  padding: 15px 5px 15px 20px;
  background: #f0f0f0;
  min-height: 50px;
  text-align: left;
  color: #000;
}
#company dt.long{
  height: 320px;
}
#company dt.middle{
  height: 75px;
}
#company dd {
  float:left;
  width:550px;
  border-top: 1px solid #c0c0c0;
  padding: 15px 30px;
  min-height: 50px;
  text-align: left;
  margin: 0;
  font-size: 15px;
}
#company #logistics span{
    width: 70px;
    margin: 0 0 0 0;
    padding: 0 8px;
    background: #ff8040;
}
#company #logistics span a{
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}

/* ---------------------------------------------------form */
.contact-kit__box{
  padding-top: 15px;
  justify-content: space-between;
  width: 940px;
  margin: 0 auto;
}
.contact-kit h3 {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    width: 960px;
    margin: 30px auto;
    padding: 5px 0;
}
.contact-kit h3 span{
    padding: 10px 20px;
    font-weight: bold;
    font-size: 22px;
    border: 1px solid #000;
}
.contact-kit__tit {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    width: 940px;
    margin: 10px auto;
    border-bottom: 1px solid #000;
    padding: 5px 10px;
}
.contact-kit ul li.a {
    width: 185px;
    margin-bottom: 60px;
    float: left;
}
.contact-kit ul li.a img {
    display: block;
    margin: 0 auto;
    width: 160px;
    font-size: 14px;
}
.contact-kit ul li.c {
    width: 150px;
    margin-bottom: 60px;
    float: left;
}
.contact-kit ul li.c img {
    display: block;
    margin: 0 auto;
    width: 140px;
    font-size: 14px;
}
.contact-kit ul li h4 {
    text-align: center;
    font-weight: bold;
}
.contact-kit .txt {
    font-size: 12px;
}
.contact-kit__count {
    width: 110px;
    margin: 0 auto;
  padding-top: 10px;
    font-size: 12px;
}
.contact-kit__count p {
    float: left;
    margin-right: 30px!important;
}
.contact-kit__sum select {
    width: 45px;
}
.contact-kit__txt {
    font-size: 21px;
    padding: 10px 0 0 0;
}

#contact dl {
  margin: 0 auto 20px;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  width: 885px;
}
#contact dt {
  float:left;
  clear:left;
  font-size:16px;
  font-weight: normal;
  width:250px;
  border-top: 1px solid #c0c0c0;
  padding: 15px 5px 15px 20px;
  background: #f0f0f0;
  min-height: 50px;
  text-align: left;
  color: #000;
}
#contact dt.long{
  height: 155px;
}
#contact dt.middle{
  height: 75px;
}
#contact dd {
  float:left;
  width:550px;
  border-top: 1px solid #c0c0c0;
  padding: 15px 30px;
  min-height: 50px;
  text-align: left;
  margin: 0;
  font-size: 15px;
}
#form{
	padding: 0 0 80px;
}

#form h3{
	font-size: 46px;
	font-weight: bold;
	background-color: #00a89c;
	text-align: center;
	color: #fff;
	margin: 25px 0;
}

#form p.read {
	text-align: center;
}
#contact span.hissu {
    display: inline-block;
    color: #fff;
    background: #ff6600;
    font-size: 14px;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
	font-weight:normal;
	margin: 0 15px;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"] {
    box-sizing: border-box;
    height: 35px;
    width: 100%;
    padding: 5px 10px;
    font-size: 20px;
    border: 1px solid #e6e6e6;
}
#contact .original input[type="text"]{
    box-sizing: border-box;
    height: 30px;
    width: 60px;
    padding: 5px 10px;
    font-size: 15px;
    border: 1px solid #000;
}
#contact textarea{
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #e6e6e6;
}
#contact .original{
    width: 800px;
    margin: 0 auto 50px;
}
#contact .original .ph{
  float: left;
}
#contact .original .text{
  float: right;
}
#contact .original dl {
  width: 500px;
  border: none;
}
#contact .original dt {
  float:left;
  clear:left;
  width:120px;
  background: none;
  border: none;
}
#contact .original dd {
  float:left;
  width:280px;
  border: none;
  line-height: 270%;
}

#formWrap{
  margin: 0 auto 20px;
}
.atent {
    font-size: 14px;
    color: #c00;
    margin: 0px auto 40px;
}
.confirm{
    text-align: center;
}
.btn_confirm {
	margin:40px auto 0 auto;
    width: 572px;
    height: 92px;
    border: none;
    cursor: pointer;
}
.btn_confirm:hover {
    opacity: .7;
}
input[type='date']::-webkit-inner-spin-button {
    display: none;
}
.form_note{
	font-size:18px;
	text-align:center;
	margin-bottom:60px;
}
.form_img{
	margin-bottom:70px;
}
.btn_send {
    margin-top: 80px;
    width: 500px;
    height: 80px;
    background: #FF8B31;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}
.btn_return {
    margin-top: 80px;
    width: 300px;
    height: 80px;
    background: #aaa;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}
.confirm_txt{
	text-align:center;
	font-size:21px;
	margin-top:50px;
}

.finish_txt{
	text-align:center;
	font-size:21px;
	margin:300px 0 300px 0;
	line-height:1.4;
}
.form_bt{
	text-align:center;
    margin: 40px auto;
}

#thanks{
  margin: 60px auto 20px auto;
  text-align: left;
  width: 800px;
}



/* -----------  sp ----------- */

@media only screen and (max-width:767px){

  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  img{
    width: 100%;
  }
#outline {
    width: 100%;
}/* ---------- foot ----------- */
#foot{
  margin: 20px auto;
  width: 85%;
}
#foot .box1, #foot .box2, #foot .box3{
}
#foot .box1{
  float: none;
}
#foot .box2{
  float: none;
}
#foot .box3{
  float: none;
}

/* ----------- foot sp ----------- */
#foot_sp {
    position: fixed;
    bottom: 0;
    background: #fff;
    padding-top: 10px;
}
#foot_sp .tel {
    margin: 0 auto 5px 1%;
    float: left;
    width: 55%;
}
#foot_sp .mail {
    margin: 0 1% 5px auto;
    float: right;
    width: 40%;
}
.mail img {
    width: 100%;
}


.feature {
    width: 96%;
}
.feature .box {
    width: 95%;
    margin: 10px 20px 20px 0;
    float: none;
}
.feature .box img {
    width: 20%;
}
.feature .box .text {
    width: 75%;
}
.type {
    width: 90%;
    margin: 0 30px;
}
.bt_orange {
    width: 95%;
    float: none;
    margin: 0 0 20px 0;
}
.bt_container {
    width: 95%;
    float: none;
}
.type_title {
    width: 100%;
}
.type_box_w {
    width: 95%;
    margin: 40px auto 0;
}
.type_box {
    padding: 15px 10px 20px 10px;
}
.type_box h3 {
    font-size: 16px;
    margin: 10px 0 15px 0px;
}
.type_box .base {
    width: 100%;
}
.type_box .base .ph {
    float: none;
    width: 90%;
}
.type_box .text {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}
.type_box .type_bt {
    width: 95%;
    margin: 25px auto;
}
.type_box .type_bt .bt_contact {
    float: none;
    width: 300px;
    margin: 0 0 10px 0;
}
.type_box .type_bt .bt_price {
    float: none;
    width: 300px;
}
.flow {
    margin: 40px auto;
    width: 90%;
}
.flow li {
    float: none;
}
.top_contact {
    width: 95%;
}
.top_contact_in .ph {
    display: none;
}
.top_contact_in .left {
    float: none;
    margin: 15px 15px 0 15px;
    width: 90%;
}.top_contact_in h4 {
    font-size: 100%;
}
.top_contact_in .mail {
    text-align: center;
    margin: 20px auto;
}
.qa {
    width: 95%;
}
.qa {
    width: 95%;
}
.qa dt {
    margin: 25px 0 0 0;
    font-size: 14px;
    background: url(../img/q.png) 0 0 no-repeat;
    padding: 10px 0 10px 50px;
}
.qa dd {
    margin: 15px 0 0 0;
    font-size: 14px;
    background: url(../img/a.png) 0px 0 no-repeat;
    padding: 5px 0 35px 50px;
}
.factory {
    width: 95%;
}
.factory li {
    float: left;
    margin: 0 10px 0 0;
    width: 47%;
}
.factory li img {
    width: 100%;
    text-align: center;
}


/*inside*/
.att {
    width: 90%;
    font-size: 14px;
}

#company {
    margin: 20px 0 40px 20px;
}
#company .inside {
    width: 95%;
    margin: 0 auto;
}
#company #office {
    width: 95%;
    float: none;
}
#company #logistics {
    width: 95%;
    float: none;
    margin: 40px 0 0 0;
}
#company dl {
    margin: 0 20px 0 0;
    border: 0;
    width: 90%;
}
  #company dt {
    float:none;
    clear:none;
    width:100%;
    margin: 10px 0;
    font-weight: normal;
    min-height: 0;
    border-top: 0;
  }
  #company dt.long,#company dt.middle {
    height: 20px;
  }
  #company dd {
    float:none;
    width:100%;
    margin: 5px 15px 15px 15px;
    border-top: 0;
    padding: 15px;
    font-size: 14px;
  }
.type_box .left {
    width: 95%;
    float: none;
}
.type_box .right {
    width: 95%;
    float: none;
}
.price table {
    width: 95%;
    margin: 20px auto;
}
.pref{
  text-align: left;
  font-size: 12px;
  margin: 0 0 0 20px;
}
.contact-kit__tit {
    width: 90%;
}
  .contact-kit__box{
    width: 94%;
  }
  .contact-kit__count{
    width: 70%;
  }
 .contact-kit ul li.a {
    width: auto;
}
#contact dl {
    margin: 0 auto;
    border: 0;
    width: 90%;
}
  #contact dt {
    float:none;
    clear:none;
    width:90%;
    margin: 10px 0;
    font-weight: normal;
    min-height: 0;
    border-top: 0;
  }
  #contact dt.long,#contact dt.middle {
    height: 20px;
  }
  #contact dd {
    float:none;
    width:90%;
    margin: 5px 15px 15px 0;
    border-top: 0;
    padding: 15px;
    font-size: 14px;
  }
.form_bt {
    padding: 0 20px;
}
.contact-kit h3 {
    width: 95%;
    margin: 30px 10px;
}
#contact{
  margin: 0 auto 50px;
}
#contact .original {
    width: 100%;
    margin: 0 auto 20px;
}
#contact .original .ph {
    float: left;
    width: 35%;
    margin: 15px 0 0 10px;
}
#contact .original .text {
    float: right;
    width: 60%;
}
#contact .original dl {
    width: 100%;
}
#contact .original dt {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 0 12px;
}
#contact .original dd {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#contact .original input[type="text"] {
    height: 25px;
    width: 50px;
    padding: 5px 5px;
    font-size: 14px;
}
textarea {
    resize: none;
    width: 100%;
    height: 150px;
}
#thanks {
    width: 90%;
}
/* ---------- top kanshoku ----------- */
.top_kanshoku {
    margin: 20px auto;
    width: 95%;
}
.top_kanshoku h4 {
    font-size: 95%;
}
.top_kanshoku .ph {
    margin: 13px 15px 30px;
}
.top_kanshoku .ph {
    margin: 13px 15px;
}
.top_kanshoku .menu {
    margin: 0 auto;
    width: 95%;
}
.top_kanshoku .box {
    float: none;
    width: 100%;
    height: 130px;
    margin: 0 auto;
}
.top_kanshoku .box .ph {
    float: left;
    width: 50%;
    margin: 0;
    text-align: left;
}
.top_kanshoku .box .ph img {
    width: 95%;
}
.top_kanshoku .box .text {
    width: 45%;
    font-size: 12px;
}
.top_kanshoku .box .text strong {
    font-size: 16px;
}
.top_kanshoku .box.kankyo {
    font-size: 14px;
    background: #e2fff8;
    margin: 20px auto;
    width: 90%;
    padding: 30px 0 0px 0;
    height: 80px;
}
.top_kanshoku .name {
    text-align: right;
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
}


/* ---------- top order ----------- */
.top_order{
  width: 95%;
}
.top_order .ph{
  float: right;
  margin: 10px 5px 0 0;
  width:120px;
}
.top_order .left{
  float: none;
  margin: 40px auto 0;
  width:95%;
}
.top_order h4{
  font-size: 105%;
}
.top_order .text{
  font-size: 14px;
  margin: 15px 10px 0 10px;
}
.top_order .text span{
  background:linear-gradient(transparent 70%, #FFFF00 0%);
  padding: 5px;
  font-size: 15px;
}
.top_order .text .point{
  color: #cc0000;
  font-size: 15px;
  margin: 10px 0 0 0;
}
.top_order_in{
  text-align: center;
  margin: 0 auto 10px auto;
  width: 75%;
  border-top: 1px dotted #999;
}
.top_order_in .tel{
  float: none;
  text-align: left;
  margin: 20px auto;
}
.top_order_in .mail{
  float: none;
  text-align: left;
  margin: 20px auto;
}



/*スマホハンバーガーメニュ*/

/*-----------------------------
top sp menu
------------------------------*/
  	#sp_header{
		background-color:#fff;
		width:100%;
		height:50px;
		margin:10px auto;
	}
	
#sp_header .active, .hover {
  background : #fff;
}
	#sp_left{
	  text-align: left;
	  float: left;
	  width: 100%;
	  margin-top: 10px;
      margin-right: -60px;
      padding-right: 60px;
      box-sizing: border-box;
	}
	#sp_left img{
	  height: 50px;
	  width: 200px;
	}
	#sp_menu-bt{
	  text-align: left;
	  float: right;
	  width: 55px;
	}
	#sp_menu-bt img{
	  width: 50px;
	}
	
	article{
		width:100%;
		margin:0 auto;	
	}
	
	nav#sp_menu{
		width:100%;	
	}
	
	nav#sp_menu ul{
		margin:0px;
		padding:0px;	
	}
	
	nav#sp_menu ul li{
		list-style-type:none;
		width: 100%;
	}
	
	nav#sp_menu ul li a{
		width:100%;
		display:block;
		background-color:#fff;
		color:#000;
		border-bottom:1px solid #ccc;	
		text-align:center;
		padding:9px 0px 9px 0px;
	}