@charset "utf-8";
body {
  background: url(../images/common_bg.png);
}
/*============================
#breadcrumbs
============================*/
div#breadcrumbs {
  border-top: 3px solid #dac8a4;
  background: #8d8169;
  font-size: 85%;
}
div#breadcrumbs div#breadcrumbs_inner {
  width: 1000px;
  margin: 0 auto;
  padding: 5px 0px;
}
div#breadcrumbs div#breadcrumbs_inner ul li {
  display: inline-block;
  color: #cac6bd;
}
div#breadcrumbs div#breadcrumbs_inner ul li:before {
  content: ">";
  padding: 0px 10px;
}
div#breadcrumbs div#breadcrumbs_inner ul li:first-child:before {
  content: "";
  padding: 0px;
}
div#breadcrumbs div#breadcrumbs_inner ul li a {
  color: #cac6bd;
  text-decoration: underline;
}
/*============================
#Mainvis
============================*/
div#Mainvis {
  width: 100%;
  padding: 20px 0px 0px;
  height: 270px;
  overflow: hidden;
  clear: both;
  background: url(../images/hall_mainvisual_pc.png) no-repeat center top;
/*  background-size: 100% 100%;*/
}
div#Mainvis div#Mainvis_inner {
  width: 1000px;
  margin: 0 auto;
}
/*============================
#Main
============================*/
div#Main {
  padding-bottom: 0px;
  margin-bottom: 140px;
}
div#Main div#Main_inner ul#place {
  text-align: center;
}
div#Main div#Main_inner ul#place li {
  display: inline-block;
  padding: 0px 35px;
}
div#Main div#Main_inner ul#place li a img {
  vertical-align: bottom;
}
div#Main div#Main_inner div#search {
  margin: 40px auto 0px;
  background: #dac8a4;
  text-align: center;
  width: 80%;
  padding: 0px 0px 20px;}
  /*============================
#category
============================*/

div#Main div#Main_inner div#search h4 {
  text-align: left;
  color: #333132;
  font-size: 120%;
  font-weight: bold;
  padding: 10px;
  position: relative;
  margin: 0 auto;
  /*width: 920px;*/
  width: 97%;
}
div#Main div#Main_inner div#search dl#category,
div#Main div#Main_inner div#search dl#type,
div#Main div#Main_inner div#search dl#style {
  display: inline-block;
  width: 280px;
  /*width:28%;*/
  background: #fff;
  border-bottom: solid 4px #969696;
  text-align: left;
  position: relative;
  margin: 0px 0.7%;
}
div#Main div#Main_inner div#search dl#category dt,
div#Main div#Main_inner div#search dl#type dt,
div#Main div#Main_inner div#search dl#style dt {
  border-right: solid 4px #969696;
  font-size: 115%;
  color: #6f6f6f;
  padding: 0px 8px;
}
div#Main div#Main_inner div#search dl#category dt a,
div#Main div#Main_inner div#search dl#type dt a,
div#Main div#Main_inner div#search dl#style dt a {
  background: url("../images/hall_slidedown.png") no-repeat right center;
  display: block;
  padding: 10px 8px;
}
div#Main div#Main_inner div#search dl#category.open dt a,
div#Main div#Main_inner div#search dl#type.open dt a,
div#Main div#Main_inner div#search dl#style.open dt a {
  background: url("../images/hall_slideup.png") no-repeat right center;
}
div#Main div#Main_inner div#search dl#category dd,
div#Main div#Main_inner div#search dl#type dd,
div#Main div#Main_inner div#search dl#style dd {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0px;
  border-right: solid 4px #969696;
  border-bottom: solid 4px #969696;
  z-index: 1;
  display: none;
}
div#Main div#Main_inner div#search dl#category dd ul,
div#Main div#Main_inner div#search dl#type dd ul,
div#Main div#Main_inner div#search dl#style dd ul {
  background: #fff;
  width: 100%;
}
div#Main div#Main_inner div#search dl#category dd ul li,
div#Main div#Main_inner div#search dl#type dd ul li,
div#Main div#Main_inner div#search dl#style dd ul li {
  color: #6f6f6f;
  font-size: 98%;
  padding: 0px 8px;
}
div#Main div#Main_inner div#search dl#category dd ul li a,
div#Main div#Main_inner div#search dl#type dd ul li a,
div#Main div#Main_inner div#search dl#style dd ul li a {
  display: block;
  border-top: solid #dad2bd 1px;
  padding: 8px 10px;
}
div#Main div#Main_inner div#search dl#category dd ul li:first-child a,
div#Main div#Main_inner div#search dl#type dd ul li:first-child a,
div#Main div#Main_inner div#search dl#style dd ul li:first-child a {
  border-top: solid #dbc7a4 1px;
}
div#Main div#Main_inner section#contents h4 {
  padding: 27px 0px;
  text-align: center;
}
div#Main div#Main_inner section#contents h4 img {
  display: inline;
}
div#Main div#Main_inner section#contents div.contents_inn {
  /*width:99%;*/
  width: 98.5%;
  height: 400px;
  margin: 0px 0.5% 0px 1%;
  position: relative;
  opacity: 0;
}
div#Main div#Main_inner section#contents div.contents_inn div.block.big {
  width: 40%;
}
div#Main div#Main_inner section#contents div.contents_inn div.block.big a {
  width: 97.5%;
  padding: 97.6% 0% 0px 0px;
  margin: 0px 0px 2.5%;
}
div#Main div#Main_inner section#contents div.contents_inn div.block.big a img.thumnail {
  width: 97.5%;
}
div#Main div#Main_inner section#contents div.contents_inn div.block.big a span.titl {
  top: 90.5%;
  height: 5%;
  width: 97.5%;
  font-size: 90%;
}
div#Main div#Main_inner section#contents div.contents_inn div.block {
  position: absolute;
  width: 20%;
  text-align: center;
}
div#Main div#Main_inner section#contents div.contents_inn div.block a {
  padding: 95% 0% 0px 0px;
  display: block;
  background: #dac8a4;
  width: 95%;
  margin: 0px 0px 5%;
  overflow: hidden;
}
div#Main div#Main_inner section#contents div.contents_inn div.block a img.thumnail {
  position: absolute;
  top: 0px;
  border: solid 4px #dac8a4;
  width: 95%;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div#Main div#Main_inner section#contents div.contents_inn div.block a span.titl {
  position: absolute;
  left: 0px;
  text-align: left;
  display: block;
  font-size: 85%;
  top: 81%;
  width: 90%;
  height: 15%;
  overflow: hidden;
  padding: 0px 5px 0px;
}
div#Main div#Main_inner section#more {
  margin: 65px 0px 0px;
  background: #d1efed;
}
div#Main div#Main_inner section#more div.more_inn {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("../images/hall_message_pc.png") no-repeat center center;
  height: 395px;
}
/*====================================
For smartphone
====================================*/
@media screen and (max-width: 768px) {
  div#breadcrumbs {
    display: none;
  }
  div#Mainvis {
    height: auto;
    background: url(../images/sp/hall_mainvisual_sp.png) no-repeat center top;
    background-size: 100% auto;
    padding-top: 40%;
    position: relative;
  }
  div#Mainvis div#Mainvis_inner {
    position: absolute;
    width: 94%;
    height: 100%;
    top: 0px;
    left: 3%;
    background: url(../images/sp/hall_title.png) no-repeat left 38%;
    background-size: auto 45%;
  }
  div#Mainvis div#Mainvis_inner h3 {
    display: none;
  }
  div#Main {
    padding-bottom: 0px;
    margin: 15px 0 140px;
  }
  div#Main div#Main_inner ul#place li {
    padding: 0px 15px;
  }
  div#Main div#Main_inner div#search {
    width: auto;
    margin: 40px 3% 0px;
    padding: 0px 0px 0px;
  }
  div#Main div#Main_inner div#search h4 {
    font-size: 120%;
    font-weight: bold;
    padding: 8px 10px;
  }
  div#Main div#Main_inner div#search dl#category,
  div#Main div#Main_inner div#search dl#type,
  div#Main div#Main_inner div#search dl#style {
    display: inline-block;
    border-bottom: solid 2px #969696;
    margin: 0px 0px 20px;
    font-size: 110%;
    width: 70%;
  }
  div#Main div#Main_inner div#search dl#category dt,
  div#Main div#Main_inner div#search dl#type dt,
  div#Main div#Main_inner div#search dl#style dt {
    border-right: solid 2px #969696;
  }
  div#Main div#Main_inner div#search dl#category dd,
  div#Main div#Main_inner div#search dl#type dd,
  div#Main div#Main_inner div#search dl#style dd {
    position: relative;
    top: 0%;
    z-index: auto;
    width: auto;
    border-right: solid 2px #969696;
    border-bottom: none;
  }
  div#Main div#Main_inner div#search dl#category dd ul li:first-child a,
  div#Main div#Main_inner div#search dl#type dd ul li:first-child a,
  div#Main div#Main_inner div#search dl#style dd ul li:first-child a {
    border-top: solid #dbc7a4 3px;
  }
  div#Main div#Main_inner section#contents h4 {
    padding: 34px 0px;
  }
  div#Main div#Main_inner section#contents h4 img {
    max-width: 70% l;
  }
  div#Main div#Main_inner section#contents div.contents_inn {
    width: auto;
    margin: 0px 0 0px 3%;
    position: relative;
  }
  div#Main div#Main_inner section#contents div.contents_inn div.block.big {
    width: 100%;
    min-width: 100%;
    margin: 0px 0 0% 0;
  }
  div#Main div#Main_inner section#contents div.contents_inn div.block.big a {
    width: 95%;
    padding: 95% 0 0px 0;
    margin: 0px 3% 2.5% 0;
  }
  div#Main div#Main_inner section#contents div.contents_inn div.block.big a img.thumnail {
    width: 95%;
  }
  div#Main div#Main_inner section#contents div.contents_inn div.block.big a span.titl {
    top: 90%;
    height: 7%;
    width: 97%;
    font-size: 115%;
    margin: 0px 3% 0 0;
  }
  div#Main div#Main_inner section#contents div.contents_inn div.block {
    width: 48%;
    min-width: 48%;
    margin: 0 1% 0 0;
  }
  div#Main div#Main_inner section#contents div.contents_inn div.block a {
    width: 95%;
    padding: 98% 0 0px 0;
    margin: 0px 2.5% 4% 0;
  }
  div#Main div#Main_inner section#contents div.contents_inn div.block a span.titl {
    top: 80%;
    font-size: 115%;
    height: 15%;
  }
  div#Main div#Main_inner section#more div.more_inn {
    background: url("../images/sp/hall_message_sp.png") no-repeat center center;
    background-size: 90% auto;
    padding: 150% 0px 0px;
  }
}