@charset "utf-8";
.head_wrapper{
  width: 100%;
  height: 400px;
}
.head_wrapper .logo{
  width: 120px;
  height: auto;
  padding-top: 130px;
  margin: auto;
}
.head_wrapper .logo img{
  width: 100%;
  height: auto;
}
#con_top{
  padding-top: 80px;
}
#con_top p{
  text-align: center;
  margin-bottom: 80px;
}
h2.con_title{
  font-size: 30px;
  text-align: center;
  margin-bottom: 60px;
}
h2.con_title span{
  font-size: 13px;
  display: block;
}
#navigator{
  background: #000;
}
/* -------------------------------------------------------------shop.html----------- */
.head_wrapper.shop_top{
  background: url(../images/shop_top.jpg);
  background-size: cover;
}
#map_canvas01 {
  max-width: 1200px;
  width: 90%;
  height: 500px;
  margin: auto;
}
#info img {
    margin:0 0 60px;
}
/* -------------------------------------------------------------contact.html----------- */
.head_wrapper.contact_top{
  background: url(../images/contact_top.jpg);
  background-size: cover;
}
#formbox{
  max-width: 1200px;
  width: 90%;
  overflow: hidden;
  margin: 0 auto;
  padding: 60px;
  box-sizing: border-box;
  background: #fff;
}
.title_under_text{
  text-align: center;
  margin: 0 auto 30px;
}
span.red{
  color: #ff0000;
}
form#mailformpro dl dt {
  float: left;
  width: 140px;
  clear: both;
  padding: 10px 0px;
  text-align: right;

  margin: 0px;
}
.must {
  font-size: 13px;
  color: #FF0000;
  float: left;
  font-weight: bold;
  margin: 0px 5px;
}
form#mailformpro dl dd {
  margin: 0px;
  padding: 10px 5px 20px 160px;
  font-size: 13px;
  line-height: 2.2em;
  text-align: left;
}
.contact_center {
  text-align: center;
}
#formbox .description{
  text-align: center;
  font-size: 26px;
  border-bottom: 1px solid #353535;
  margin-bottom: 30px;
  padding-bottom: 10px;
  color:#353535;
}
#formbox .thanks{
  text-align: center;
  color:#353535;
}
/* -------------------------------------------------------------product.html----------- */
.head_wrapper.product_top{
  background: url(../images/product_top.jpg);
  background-size: cover;
}
#product{
  max-width: 1200px;
  width: 90%;
  overflow: hidden;
  margin: 0 auto;
}
#product .wrap:first-child{
  border-right: 1px solid #343434;
  box-sizing: border-box;
}
#product .wrap{
  width: 50%;
  overflow: hidden;
  float: left;
  padding: 60px 30px;
  box-sizing: border-box;
  text-align: center;
}
#product .wrap img{
  width: 80%;
  height: auto;
  vertical-align: bottom;
}
#product .wrap h3{
  font-size: 24px;
  margin: 30px auto 10px;
  border-bottom: 1px solid #343434;
  padding-bottom: 10px;
  width: 60%;
}
#product .right li{
  font-size: 13px;
  text-shadow: 0 0 10px #000;
  width: 60%;
  margin:0 auto;
  text-align: left;
  display: block;
  overflow: hidden;
}
#product li span.text{
  float: left;
  margin-top:7px;
}
#product li span.price{
  font-size: 18px;
  letter-spacing: 3px;
    float: right;
}
#product li span.price::after{
  content: '〜';
  margin-left: 5px;
}
#product li span.price::before{
  content: '¥';
  margin-right: 5px;
}
span.red{
  color: #9e0b0f;
}
span.blue{
  color: #0054a5;
}
/* -------------------------------------------------------------producer.php----------- */
.head_wrapper.producer_top{
  background: url(../images/seisan_top.jpg);
  background-size: cover;
}
#container #producer{
  max-width: 1200px;
  width: 90%;
  overflow: hidden;
  margin: 0 auto 100px;
}
#producer .wrap{
  width: 50%;
  overflow: hidden;
  float: left;
  margin-bottom: 60px;
  padding: 0 15px;
  box-sizing: border-box;
  text-align: center;
}
#producer .wrap .thumbnail{
  width: 100%;
  height: auto;
}
#producer img{
  width: 100%;
  height: auto;
  transition: 0.5s;
}
#producer img:hover{
  opacity: 0.8;
}
#producer a{
  color: #fff;
}
#producer h3 a{
  transition: 0.5s;
}
#producer h3{
  font-size: 20px;
  margin: 10px 0 10px;
}
#producer h3 a:hover{
  color: #f3be04;
}
div.flex{
  display: flex;
  align-items: center;
}
#producer p.tag_archive{
  font-size: 13px;
  border-right: 1px solid #fff;
  padding-right: 20px;
  margin-right: 10px;
}
#producer li{
  font-size: 13px;
  display: inline-block;
  padding: 0 8px;
}




/* -------------------------------------------------------------single.php----------- */
.section#single{
  max-width: 1200px;
  width: 90%;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
}
#single h1{
  font-size: 28px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
#single p{
  margin-bottom: 30px;
}
#single h2{
  margin-bottom: 10px;
  font-size: 18px;
}
#nextprev {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 60px 0px 0px 0px;
    /* background: #ccc; */
}
#nextprev a:first-child {
    float: left;
    display: block;
    width: 15%;
    color: #ccc;
    text-align: center;
    padding: 4px 10px;
}
#nextprev a {
    float: right;
    display: block;
    width: 15%;
    color: #ccc;
    text-align: center;
    padding: 4px 10px;
    font-size: 18px;
    background: #121212;
}
#nextprev a:hover {
  opacity: 0.6;
}
.topbtn{
  text-align: center;
  width: 200px;
  margin: 30px auto 0;
}
.topbtn a {
    display: block;
    color: #ccc;
    text-align: center;
    padding: 4px 10px;
    font-size: 18px;
    background: #121212;
}
.topbtn a:hover {
  opacity: 0.6;
}
#con_top2{
  padding-top: 80px;
 text-align: center;
   max-width: 1200px;
   width: 95%;
   margin: auto;
}
#con_top2 img{
width: 80%;
height: auto;
}
#con_top2 p.top{
  margin-bottom: 40px;
}
#con_top2 p.bottom{
  text-align: left;
  width: 80%;
  max-width: 1200px;
  margin: auto;
}
span.caution{
  margin-top: 20px;
  display: block;
}
.map{
  width: 90%;
  margin: auto;
}
.map iframe{
  width: 100%;
}