/* ---------------------------------------------------------- */
/* detail common */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* body */
/* ---------------------------------------------------------- */
body {
  background: #fff;
}
/* ---------------------------------------------------------- */
/* wrapper */
/* ---------------------------------------------------------- */
#wrapper {
  background: none;
  min-width: 1100px;
  width: 100%;
}
#wrapper #wrapperInner {
  width: 1100px;
  margin: 0 auto;
}
/* ---------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------- */
#header {
  background: #fff;
  min-width: 1100px;
}
/* ---------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------- */
#footer {
  background: #fff;
  min-width: 1100px;
}
#followPageTop {
  display: none;
}
/* ---------------------------------------------------------- */
/* collaborated*/
/* ---------------------------------------------------------- */
#collaborated {
  height: 903px;
  padding-top: 10px;
  width: 100%;
  min-width: 1100px;
  margin: 0 auto;
  background: #fff;
}
#collaborated .inner {
  width: 1100px;
  height: 520px;
  margin: 0 auto;
  position: relative;
}
/* ---------------------------------------------------------- */
/* banner*/
/* ---------------------------------------------------------- */
#banner {
  width: 100%;
  margin: 0 auto;
  background: #e9ecf0;
  background-image: url("../../images/common/banner_bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  min-width: 1100px;
}
#banner .inner {
  width: 1100px;
  height: 516px;
  margin: 0 auto;
  position: relative;
}
#banner .inner h4,
#banner .inner h5,
#banner .inner .subtitle,
#banner .inner .item1,
#banner .inner .item2,
#banner .inner .item3,
#banner .inner .item4,
#banner .inner .item5,
#banner .inner .item6,
#banner .inner .model1,
#banner .inner .model2,
#banner .inner .model3,
#banner .inner .model4,
#banner .inner .model5,
#banner .inner .model6,
#banner .inner .arrow_left,
#banner .inner .arrow_right {
  position: absolute;
}
#banner .inner h4 {
  top: 213px;
  left: 100px;
}
#banner .inner h5 {
  top: 266px;
  left: 102px;
}
#banner .inner .subtitle {
  top: 338px;
  left: 102px;
}
#banner .inner .item1 {
  top: 91px;
  left: 675px;
}
#banner .inner .item2 {
  top: 115px;
  left: 498px;
}
#banner .inner .item3 {
  top: 76px;
  left: 689px;
}
#banner .inner .item4 {
  top: 122px;
  left: 498px;
}
#banner .inner .item5 {
  top: 94px;
  left: 673px;
}
#banner .inner .item6 {
  top: 77px;
  left: 471px;
}
#banner .inner .model1 {
  top: 439px;
  left: 811px;
}
#banner .inner .model2 {
  top: 439px;
  left: 552px;
}
#banner .inner .model3 {
  top: 446px;
  left: 813px;
}
#banner .inner .model4 {
  top: 446px;
  left: 548px;
}
#banner .inner .model5 {
  top: 440px;
  left: 809px;
}
#banner .inner .model6 {
  top: 440px;
  left: 512px;
}
#banner .inner .arrow_left {
  top: 238px;
  left: 13px;
}
#banner .inner .arrow_left:hover {
  opacity: 0.7;
}
#banner .inner .arrow_right {
  top: 238px;
  right: 15px;
}
#banner .inner .arrow_right:hover {
  opacity: 0.7;
}
/* ---------------------------------------------------------- */
/* モーダル*/
/* ---------------------------------------------------------- */
.nishijin .modalElement .modalElement__content,
.urushi .modalElement .modalElement__content,
.other .modalElement .modalElement__content {
  width: 860px;
  padding: 63px 40px;
  margin: 0 auto;
  z-index: 8200;
  position: relative;
  box-sizing: border-box;
  font-size: Fs12;
  line-height: 2;
}
.nishijin .modalElement .craftman_pic,
.urushi .modalElement .craftman_pic,
.other .modalElement .craftman_pic {
  margin-bottom: 20px;
}
.nishijin .modalElement .craftman__icon,
.urushi .modalElement .craftman__icon,
.other .modalElement .craftman__icon {
  margin-bottom: 20px;
}
.nishijin .modalElement .craftman__logo,
.urushi .modalElement .craftman__logo,
.other .modalElement .craftman__logo {
  margin-bottom: 10px;
}
.nishijin .modalElement .craftman__title,
.urushi .modalElement .craftman__title,
.other .modalElement .craftman__title {
  margin-bottom: 20px;
}
.nishijin .modalElement .craftman__detail,
.urushi .modalElement .craftman__detail,
.other .modalElement .craftman__detail {
  width: 770px;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
  word-spacing: 0.02em;
}
.nishijin .modalElement ul li,
.urushi .modalElement ul li,
.other .modalElement ul li {
  float: left;
  margin-right: 26px;
  height: 29px;
  display: block;
  width: 169px;
}