@import url("../font/all.min.css");
/* ======================================================================================
    Reset
====================================================================================== */
#main div, #main span, #main applet, #main object, #main iframe,
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main blockquote, #main pre,
#main a, #main abbr, #main acronym, #main address, #main big, #main cite, #main code,
#main del, #main dfn, #main em, #main img, #main ins, #main kbd, #main q, #main s, #main samp,
#main small, #main strike, #main strong, #main sub, #main sup, #main tt, #main var,
#main b, #main u, #main i, #main center,
#main dl, #main dt, #main dd, #main ol, #main ul, #main li,
#main fieldset, #main form, #main label, #main legend,
#main table, #main caption, #main tbody, #main tfoot, #main thead, #main tr, #main th, #main td,
#main article, #main aside, #main canvas, #main details, #main embed,
#main figure, #main figcaption, #main footer, #main header, #main hgroup,
#main menu, #main nav, #main output, #main ruby, #main section, #main summary,
#main time, #main mark, #main audio, #main video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

#main ol, #main ul {
  list-style-type: none;
}

#main table {
  border-collapse: collapse;
  border-spacing: 0;
}

#main caption, #main th, #main td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

#main q, #main blockquote {
  quotes: none;
}

#main q:before, #main q:after, #main blockquote:before, #main blockquote:after {
  content: "";
  content: none;
}

#main button {
  background: none;
  border: none;
}

#main a {
  text-decoration: none;
}

#main a img {
  border: none;
}

#main img {
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
}

#main article, #main aside, #main details, #main figcaption, #main figure, #main footer, #main header, #main hgroup, #main main, #main menu, #main nav, #main section, #main summary {
  display: block;
}

/* ////////////////////////////////////////////////////////////////////
	fair style
//////////////////////////////////////////////////////////////////// */
/* ====================================================================
	common
==================================================================== */
#index-main {
  margin-bottom: 3em;
}

#index-main h2 {
  position: relative;
  max-width: 1640px;
  margin: auto;
  text-align: center;
}

#index-main h2 img {
  max-width: 100%;
  height: auto;
}

#pankuzu {
  padding-bottom: 1em;
}

#main {
  /* -------------------
		common
	------------------- */
  font-size: 1.6rem;
  display: block;
  /* -------------------
		present
	------------------- */
  /* --------------------
		SNS
	-------------------- */
  /* --------------------
		showroom
	-------------------- */
}

#main img {
  max-width: 100%;
  height: auto;
}

#main a {
  color: #282828;
}

#main p {
  line-height: 2em;
}

#main .content {
  width: 1080px;
  max-width: 1200px;
  margin: auto;
  position: relative;
}

#main .content::after {
  content: "";
  display: block;
  clear: both;
}

#main .content::after {
  content: "";
  display: block;
  clear: both;
}

#main .contentThin {
  width: 1080px;
  max-width: 1200px;
  margin: auto;
  width: 80%;
}

#main .contentThin::after {
  content: "";
  display: block;
  clear: both;
}

#main .contentThin::after {
  content: "";
  display: block;
  clear: both;
}

#main .spec {
  margin-top: 0.5em;
  font-size: 1.2rem;
  line-height: 1.6em;
}

#main .sr_box {
  background: url(../images/minna/sr_back.jpg) repeat-x -100%;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  padding: 0 auto;
}

#main .bnr, #main .link, #main .sr {
  width: 1080px;
  max-width: 1200px;
  margin: auto;
  width: 80%;
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
}

#main .bnr::after, #main .link::after, #main .sr::after {
  content: "";
  display: block;
  clear: both;
}

#main .bnr.link, #main .link.link, #main .sr.link {
  text-align: right;
  font-size: 1.4rem;
}

#main .bnr.sr a, #main .link.sr a, #main .sr.sr a {
  display: block;
}

#main #present {
  background: url(../images/bg_blue.png);
  padding: 5em 0;
  text-align: center;
}

#main #present h3, #main #present h4, #main #present p {
  margin-bottom: 3em;
}

#main #present .list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

#main #present .list > * {
  width: 30%;
  margin-right: 5%;
}

#main #present .list > *:nth-of-type(3n) {
  margin-right: 0;
}

#main #present .list li {
  margin-bottom: 3em;
}

#main #fairFoot {
  width: 1080px;
  max-width: 1200px;
  margin: auto;
  margin: 3em auto;
}

#main #fairFoot::after {
  content: "";
  display: block;
  clear: both;
}

#main #fairFoot #sns {
  display: flex;
  justify-content: center;
  align-items: center;
}

#main #fairFoot #sns li {
  margin: 0 0.5em;
  line-height: 1em;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

#main #fairFoot #sns li a {
  display: inline-block;
  padding: 0.5em 0.75em;
  border-radius: 0.25em;
}

#main #fairFoot #sns li.twitter a {
  background-color: #006dbf;
  color: #fff;
}

#main #fairFoot #sns li.instagram a {
  background-color: #222;
  color: #fff;
}

#main #showroom {
  width: 1080px;
  max-width: 1200px;
  margin: auto;
  margin-top: 2em;
}

#main #showroom::after {
  content: "";
  display: block;
  clear: both;
}

#main #showroom h2 {
  padding: 3em 0;
  text-align: center;
}

#main #showroom #showroomList img {
  max-width: 100%;
  height: auto;
}

#main #showroom #showroomList strong {
  font-weight: bold;
}

#main #showroom #showroomList #near-sr-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 2em 2em 0 2em;
}

#main #showroom #showroomList #near-sr-list > * {
  width: 30%;
  margin-right: 5%;
}

#main #showroom #showroomList #near-sr-list > *:nth-of-type(3n) {
  margin-right: 0;
}

#main #showroom #showroomList #area-tab {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 2em;
}

#main #showroom #showroomList #area-tab li {
  width: 12.5%;
  padding: 1em 0;
  border-right: 1px #fff solid;
  text-align: center;
  font-size: 1.4rem;
  background-color: #e6e6e6;
}

#main #showroom #showroomList #area-tab li:hover, #main #showroom #showroomList #area-tab li.sel {
  background-color: #0096c2;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

#main #showroom #showroomList #area-tab li:last-of-type {
  border-right: none;
}

#main #showroom #showroomList #sr-list {
  margin-top: 5em;
}

#main #showroom #showroomList #sr-list li {
  position: relative;
  padding: 2em 0;
  border-top: 1px #808080 solid;
}

#main #showroom #showroomList #sr-list li .prefecture {
  display: none;
  position: absolute;
  top: -2em;
  padding: 0.5em 2em 0.5em 1em;
  background: #0096c2 url(../images/bg_ttlshowroom.png) right top/auto 100% no-repeat;
  line-height: 1em;
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
}

#main #showroom #showroomList #sr-list li.prefectureview .prefecture {
  display: inline-block;
}

#main #showroom #showroomList #sr-list li dl {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
  justify-content: flex-start;
}

#main #showroom #showroomList #sr-list li dl dt {
  width: 30%;
  font-weight: bold;
}

#main #showroom #showroomList #sr-list li dl dd.address {
  width: 50%;
  padding: 0 1em;
}

#main #showroom #showroomList #sr-list li dl dd.url {
  width: 20%;
}

#main #showroom #showroomList #sr-list li dl dd a {
  display: block;
  padding: 0.5em 1em;
  border: 1px #0096c2 solid;
  text-align: center;
  line-height: 1em;
  font-weight: bold;
  margin-bottom: 1em;
}

#main #showroom #showroomList #sr-list li dl dd a.hp {
  color: #0096c2;
}

#main #showroom #showroomList #sr-list li dl dd a.store {
  background-color: #0096c2;
  color: #fff;
}