@charset "utf-8";

/* =============================================================

    Add Setting

============================================================= */

.media-pc {
}

.media-sp {
  display: none;
}


/*  Header Setting
--------------------------------------------- */

#header_logo {
  padding-top: 15px;
  text-align: left;
}

#header_search {
  top: 12px;
}

#header_contact {
  top: 21px;
  right: 316px;
}

#header_sns {
  top: 18px;
  right: 250px;
}

#header_address {
  position: absolute;
  top: 63px;
  right: 0;
}

#header_address .contact-tel {
  margin-bottom: 8px;
}
#header_address .contact-address {
  margin-bottom: 0;
}

/*  Footer Setting
--------------------------------------------- */

#footerNav {
  width: 1000px;
  margin: 0 auto;
  padding: 20px 0 0;
}

#footerNav ul {
  margin: 0 0 0 -20px;
  padding: 0;
  list-style: none;
  text-align: left;
}

#footerNav li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 20px;
}

#footerBnr {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
}

#footerBnr ul {
  margin-left: -20px;
}

#footerBnr li {
  width: 20%;
  padding-left: 20px;
}

/*  Contents Setting
--------------------------------------------- */

.gallerylistBox {
  list-style: none;
}

/*  Banner List
-------------------------- */

.bnr-list,
.bnr-list *,
.bnr-list *:before,
.bnr-list *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bnr-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  letter-spacing: -0.4em;
}

.bnr-list li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}

.bnr-list li img {
  width: 100%;
}

.bnr-list a {
  display: block;
  transition: opacity .4s ease-in-out;
}

.bnr-list a:hover {
  opacity: .7;
}


/*  Main Top
-------------------------- */

#maintopBnr01 {
  margin-bottom: 50px;
}

#maintopBnr01 ul {
  margin-top: -20px;
  margin-left: -20px;
}

#maintopBnr01 li {
  width: 20%;
  padding-top: 20px;
  padding-left: 20px;
}

#maintopBnr02 {
  margin-bottom: 80px;
}

#maintopBnr02 ul {
  margin-top: -30px;
  margin-left: -30px;
}

#maintopBnr02 li {
  width: 50%;
  padding-top: 30px;
  padding-left: 30px;
}

/*  Main Foot
-------------------------- */

#mainftBnr {
  margin-top: 50px;
}

#mainftBnr ul {
  margin-top: -20px;
  margin-left: -20px;
}

#mainftBnr li {
  width: 33%;
  padding-top: 20px;
  padding-left: 20px;
}
