@charset "UTF-8";


.s2{
  display:none;
}
img{border:0;
}

a:link{
  color:#F90;
  text-decoration:none;
  }
a:visited{
  color:#F90;
  text-decoration:none;
  }
a:hover{
  color:#F60;
  }
/* clearfix */
.cf {
  zoom: 1;
}
.cf:before, .cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}

.cb{
  clear:both;
}
div#wrapper header h2{/*kana*/
  position:absolute;
  font-size:10px;
  color:#630;
  top:72px;
  left:578px;
}

div#wrapper header div.tel img{
  position:absolute;
  box-shadow:none!important;
  top:90px;
  left:730px;
}
#logo_top{
  width:380px;
  height:50px;
  margin:0 auto;
}
#logo_m{
  display:none;
}
.topimage img{
  margin-top:10px;
  max-width:100%;
}
#th3{/*h3*/
  font-size:12px;
  text-align:right;
  color:#963;
  font-weight:100;
}
ul#fnav li{/*footer*/
  display:inline;
  margin-left:0.5em;
  padding-left:0.5em;
  border-left:1px solid #AD9C57;
  font-size:12px;
  }
div.more{
  margin-top:10px;
  margin-right:10px;
  text-align:right;
  font-size:12px;
}
.bt20{
  margin-bottom:20px;
}
/*indexのみ-----------------------------------*/
#topbox{
  height:300px;
  margin-bottom:20px;
}
#topbox img{
  float:left;
}
#topbox_mo{
  display:none;
}

div#wrapper article div#lbox{
  float:left;
  max-width:666px;
  }

div#wrapper article div#rbox{
  float:right;
  width:294px;
  margin:0;
  padding:0;
}
div#wrapper article div#rbox ul li{
  padding:5px 0;
  list-style:none;
}
.tel_m{
  display:none;
}
/*---information---*/

div#wrapper article div#lbox section#index_info{
  padding-bottom:10px;
  background-color: rgba(255, 255, 255, 0.8);
}
div#wrapper article div#lbox section#index_info article{
  margin:30px 30px 10px;
  border-bottom:1px dotted #AD9C57;
}
div#wrapper article div#lbox section#index_info h4{
  font-size:14px;
  padding-left:20px;
  background-image:url(../images/point.png);
  background-repeat:no-repeat;
}
div#wrapper article div#lbox section#index_info article div.info_box img{
  max-width:200px;
}
/*-----------------------------------*/

div#wrapper article section div#box{
  padding:30px;
  background-color: rgba(255, 255, 255, 0.8);
}
div#wrapper article section div#box h4{/*topics,customer*/
  font-size:16px;
  line-height:30px;
  padding:0 10px 0;
  margin:10px 0 20px 0;
  color:#960;
  border-bottom:#960 solid 1px;
}

div#wrapper article section div.page{
  font-size:12px;
  margin:20px 0;
  height:20px;
  clear:both;
}
div.pl{
  float:left;
}
div.pr{
  float:right;
}
/*---------index_list-------------*/
div#wrapper article section div#box article.re_box{
  margin-bottom:20px;
  padding:20px;
  clear:both;
  border:1px solid #AD9C57;
}
div#wrapper article div#box article.re_box img{
  max-width:300px;
}


/*---------concept-------------*/
div#wrapper article section div#box article.re_box_con h4{
  font-size:16px;
  line-height:30px;
  padding:0 10px 0;
  margin:0 0 20px 0;
  color:#960;
}
div#wrapper article section div#box article.re_box_con{
  margin:0;
  padding:0;
  clear:both;
  background-image:url(../images/bg_con_middle.png);
  background-repeat:repeat-y;
}
div#wrapper article section div#box article.re_box_con div{
  margin:0 30px;
  padding:20px;
  background-color: rgba(255, 255, 255, 0.8);
}
div#wrapper article section div#box article.re_box_con div img{
  max-width:300px;
}
/*---------menu-------------*/
/*group*/
.b1{
  width:auto;
  background-image:url(../images/menu_b1.png);
  color:#630;
  padding-top:2px;
  padding-left:5%;
  margin:40px 0 10px 0;
  font-weight: bold;
  height:48px;
  line-height:50px;
  font-size:1em;
}
.b2{
  margin:0 30px 10px;
  color:#960;
  font-size:0.9em;
}
/*group2*/
.b3{
  width:auto;
  background-color:#ACA191;
  color:#FFF;
  padding-left:3%;
  margin:20px 20px 10px;
  font-weight:bold;
  font-size:0.9em;
  height:20px;
  line-height:20px;
}
.b4{
  margin:0 50px 10px;
  color:#663;
  font-size:0.9em;
}
/*menu1*/
.inbox{
  max-width:760px;
  margin:0 40px 5px;
  font-size:0.9em;
}
.l1{/*menu1*/
  float:left;
  margin-top:10px;
  padding-left:10px;
  color:#600;
  width:60%;
}
.l2{/*kakaku1*/
  float:right;
  margin-top:10px;
  color:#C66;
  text-align:right;
  white-space:nowrap;
  width:30%;
}
/*menu2*/
.inbox2{
  max-width:700px;
  margin:0 70px 5px;
  font-size:0.9em;
}
.l3{/*menu2*/
  float:left;
  margin-top:10px;
  padding-left:10px;
  color:#693;
  width:60%;
  }
.l4{/*kakaku2*/
  float:right;
  margin-top:10px;
  color:#C60;
  text-align:right;
  white-space:nowrap;
  width:30%;
  }
/*setsumei*/
.b5{
  max-width:760px;
  margin:0 60px 10px;
  color:#960;
  font-size:0.8em;
  }
/*comment*/
.b6{
  max-width:760px;
  margin:0 60px 10px;
  color:#696;
  font-size:0.8em;
  }
.line{
  border-bottom:1px dotted #AD9C57;
  margin:0 30px;
}



/*---------topics-------------*/
div#wrapper article section div#box div.re_tbox{
  margin-top:10px;
  margin-bottom:20px;
  padding:20px;
  border:1px dotted #AD9C57;
  clear:both;
}
div#wrapper article section div#box div.re_tbox img{
  max-width:250px;
}

div#wrapper article section div#box div.re_tbox_in{
}
div#wrapper article section div#box div.re_tbox h4{
  font-size:16px;
  padding:10px 10px 0;
  margin-bottom:20px;
  color:#960;
  border-bottom:none;
  background-image:none;
}
div#wrapper article section div#box div.re_tbox h4 a{
  color:#960;
}

.date{
  background-image:url(../images/point.png);
  background-repeat:no-repeat;
  background-position:left center;
  font-size:12px;
  line-height:12px;
  padding-left:20px;
}
/*---------customer-------------*/
div#wrapper article section div#box div.re_cbox{
  margin-bottom:30px;
  padding:20px;
  border:#AD9C57 1px solid;
  clear:both;
}
div#wrapper article section div#box div.re_cbox h4{
  text-align:left;
  font-weight: bold;
  margin-top:0;
  margin-bottom:10px;
  background-image:none;
  padding:0 10px 0;
}
div.re_cbox p{
  text-align:left;
  line-height:1.2em;
}
div.re_cbox .m_img{
  float: right;
  margin: 0px 0px 10px 10px;
}

div.re_cbox div.comme{
  text-align:left;
  margin:20px 0 0 50px;
  padding:10px;
  background-color:#F4F1E3;
  border:1px dotted #CCC;

}


/*---------product-------------*/
div#wrapper article section div#box article.re_pbox{
  width:47%;
  height:270px;
  float:left;
  margin:10px 10px 50px 10px;
}
article.re_pbox h5{
  color:#960;
  margin-right:10px;
  margin-bottom:10px;
  border-bottom:1px solid #AD9C57;
}

article.re_pbox div img{
  float:right;
  margin:0 0 10px 10px;
  max-width:200px;
}
article.re_pbox p{
  text-align:left;
  line-height:1.2em;
  margin-right:10px;
}

/*---------shop-------------*/
.s_box{
  width:820px;
  height:340px;
  margin:30px auto;
}
.sl_box{
  width:300px;
  float:left;
}
.sl_box img{
  margin-left:50px;
  padding-left: -30px;
}
.sl_box p{
  margin-left:20px;
}
.sl_box a{
  padding:10px;
  width:50px !important;
}

div.share{
  float: left;
  padding:5px 0 0;
}

div.share a{
  display: block;
  float: left;
  margin: 0px 5px 0px 0px
}

/*---------recruit-------------*/
div#wrapper article section div#box article.recruit_box{
  margin-bottom:20px;
  padding:20px;
  clear:both;
  border:1px solid #AD9C57;
}
div#wrapper article div#box article.recruit_box img{
  max-width:100%;
}
.company_concept{
  text-align:center;
  font-size:18px!important;
  font-weight:bold;
}
.sign{
  text-align:right;
  font-weight:bold;
}

div.smile{
  margin-bottom:50px;
  clear:both;
}
.smile div.box_r{
  float:right;
  width:570px;
}
.smile div.box_r p{
  margin:20px 20px 0;
}
.smile div.box_l{
  float:left;
  width:570px;
}
.smile div.box_l p{
  margin:20px 20px 0;
}
.coupon{
  display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 15px 0;
}