@charset "UTF-8";











.mainContentsItem {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 20px 0px 20px;
}

.mainContentsItem h1 {
  padding-top: 100px;
  padding-bottom: 50px;
}

.mainContentsItem h2 {
  padding-top: 30px;
  padding-bottom: 10px;
  color: #e4826c;
}

.mainContentsItem h3 {
  padding-top: 30px;
  padding-bottom: 10px;
  color: #e4826c;
}

.mainContentsItem h2:first-of-type {
  padding-top: 0px;
}

.multiplication img {
  width: 100%;
  max-width: 250px;
  padding-top: 20px;
  mix-blend-mode: multiply;
}

.underline_pink {
  text-decoration-color: #e4826c;
  text-decoration-line: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 12px;
}

.mainContentsItem p {
  text-align: justify;
}

.photoWrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.photoWrapper img {
  width: 30%;
  padding-top: 50px;

}


.chronologyWrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.chronologyWrapper p {
  font-size: 11px;
  text-align: left;
  padding-top: 10px;
}

#chronology {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border-collapse: collapse;
  border-top: 2px solid #232323;
  border-bottom: 2px solid #232323;
}

#chronology th,
#chronology td {
  border: none;
  padding: 8px;
}

#chronology td {
  border-bottom: 1px solid #ccc;
}

#chronology tbody tr:last-child td {
  border-bottom: none;
}

table td {
  line-height: 1.6em;
}


.dentokougeishiWrap {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 30px;
}

.dentokougeishiGrid {
  display: grid;
  max-width: 1160px;
  margin: 0 auto;
  padding: 1rem;
}

.dentokougeishiItem {
  padding-top: 15px;
  padding-bottom: 15px;
}

.dentokougeishiContent img {
  width: 100%;
  display: block;
}

.dentokougeishiItem h2 {
  padding-bottom: 10px;
  color: #e4826c;
}


.dentokougeishiItem p {
  padding-top: 2.5px;
  padding-bottom: 5px;
}

.dentokougeishiItem li {
  padding-top: 2.5px;
  line-height: 1.4em;
}



.unionWrap {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 30px;
}

.unionGrid {
  display: grid;
  max-width: 1160px;
  margin: 0 auto;
  padding: 1rem;
}

.unionItem {
  padding-top: 5px;
  padding-bottom: 10px;
}

.unionContent img {
  width: 100%;
  display: block;
}

.unionItem h1 {
  padding-bottom: 3px;
  line-height: 1.4em;
}

.unionItem p {
  padding-top: 2.5px;
  padding-bottom: 1px;
}

.unionItem h2 {
  padding-bottom: 10px;
}

.brandNumber {
  /* border: 1px solid #232323;
  color: #232323; */
  padding: 0.5rem;
  /* margin-bottom: 0.5rem; */
  background-color: #fff;
}

.brandNumber h4 {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  padding-bottom: 0.5rem;
  line-height: 1.4em;
}

.brandNumber h3 {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

.unionItem li {
  padding-top: 1px;
  line-height: 1.4em;
  text-decoration: none;
  color: #000;
}

.unionIcon {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-bottom: 25px;
}

.unionContent a {
  cursor: pointer;
}

.unionContent a:hover {
  transition: opacity 0.2s ease;
  opacity: 0.7;
}

.unionIcon img {
  width: 100%;
  max-width: 30px;
  padding-right: 10px;
}



/* フキダシ */
.speechBubble {
  position: relative;
  background: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 1em;
  max-width: 300px;
  color: #000;
  margin: 3em auto;
}


.speechBubble::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border: 11px solid transparent;
  border-top: 11px solid #000;
  /* 枠線 */
  z-index: 0;
}

/* フキダシここまで */



.underline01 {
  text-decoration-color: #e4826c;
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  color: #e4826c;
}

.mainContentsWrapper {
  margin-bottom: 50px;
}

.mainContentsWrapper2 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 20px 50px 20px;
}

.mainContentsWrapper2 h1 {
  padding-top: 100px;
  padding-bottom: 50px;
}

.mainContentsWrapper3 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 20px 50px 20px;
}

.mainContentsWrapper3 h1 {
  padding-top: 100px;
  padding-bottom: 50px;
}

.catalogGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  padding: 0.8em;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 80px;
}

.catalogGrid>div {
  overflow: auto;
  min-width: 0;
  padding: 1em;

  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;

}

/*スクロールバー非表示（Chrome・Safari）*/
.catalogGrid::-webkit-scrollbar {
  display: none;
}


.clayCatalog {
  width: 100%;
}

.clayCatalog img {
  width: 100%;
}

.clayCatalog h3 {
  width: 100%;
  font-size: 1.2rem;
  padding: 10px 0px;
}

.clayCatalog p {
  width: 100%;
  padding-bottom: 5px;
}

.clayCatalog li {
  width: 100%;
  line-height: 1.6em;
}

.price {
  color: #e4826c;
  font-weight: 600;
}

.storeLink2 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 100px;
}

.storeLink2 img {
  width: 100%;
  max-width: 400px;
}

.storeLink2 a :hover {
  transition: 0.1s;
  transform: translateY(2px);
  cursor: pointer;
}

.storeLink2 h1 {
  color: #e4826c;
  padding-top: 30px;
}

.storeLink2 p {
  color: #e4826c;
  padding-top: 30px;
}

.addressTxt {
  width: 100%;
  padding-bottom: 30px;
}

.addressTxt h2 {
  width: 100%;
  color: #232323;
}

.mapsWrapper {
  padding-bottom: 50px;
  filter: grayscale(50%);
}


/* カタログDownload ///////////////////////////////*/


.catalogDownload {
  max-width: 1160px;
  margin-top: 40px;
}


.buttonLink5 {
  display: inline-block;
  padding: 1rem;
  background-color: #e4826c;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;

}

.buttonLink5:hover {
  background-color: #333;
  color: #fff;
}

a {
  color: #fff;
  text-decoration: none;
}




/* ///////////////////////////////*/