@charset "UTF-8";
/*
============================================
Responsive
maxwidth:1100px
breakPoint:768px
============================================*/
/*==============
color
================*/
/*==============
bgcolor
================*/
/*==============
themaBackGroundColor
================*/
@import url(https://fonts.googleapis.com/css?family=Oswald&display|Noto+Sans+JP&display=swap);
/* line 58, ../scss/_color.scss */
.themaBgLightGray {
  background-color: #ede8e4;
}

/* line 62, ../scss/_color.scss */
.themaBgPink {
  background-color: #efbfc9;
}

/* line 67, ../scss/_color.scss */
.themaBgDarkGray {
  background-color: #d9cec5;
}

/* line 71, ../scss/_color.scss */
.themaBgSilver {
  background-color: #f1f1f1;
}

/* line 75, ../scss/_color.scss */
.themaBgBlue {
  background-color: #d9f8ff;
}

/* line 79, ../scss/_color.scss */
.themaBgSilverGray {
  background-color: #efefef;
}

/* line 83, ../scss/_color.scss */
.themaBgMaternity {
  background-color: #f19693;
}

/* line 87, ../scss/_color.scss */
.themaBaby {
  background-color: #e3c30c;
}

/* line 91, ../scss/_color.scss */
.themaBgLightPink {
  background-color: #f9eded;
}

/* line 95, ../scss/_color.scss */
.themaBgLightPurple {
  background-color: #ceb3e1;
}

/* line 98, ../scss/_color.scss */
.themaBgLightYellow {
  background-color: #fffbdf;
}

/* line 102, ../scss/_color.scss */
.themaBgDarekYellow {
  background-color: #fff9d0;
}

/*==============
iconbackgroundColor
================*/
/* line 111, ../scss/_color.scss */
.iconThemaPink {
  background-color: #dd0556;
  color: #fff;
  text-align: center;
}

/* line 117, ../scss/_color.scss */
.iconThemaGray {
  background-color: #330;
  color: #fff;
  text-align: center;
}

/*==============
setting
================*/
/* line 5, ../scss/_setting.scss */
* {
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*==============
layout
================*/
/* line 4, ../scss/_layout.scss */
.columnBox {
  position: relative;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  z-index: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  /* line 4, ../scss/_layout.scss */
  .columnBox {
    padding: 3% 0;
  }
}

/* line 18, ../scss/_layout.scss */
.columnBox__col {
  position: relative;
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  z-index: -1;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

/*==============
1column sp1column
================*/
/* line 33, ../scss/_layout.scss */
.glidCol1 .columnBox__colList {
  width: 100%;
  margin: 0 0 10px 0;
  box-sizing: border-box;
}
/* line 38, ../scss/_layout.scss */
.glidCol1 .columnBox__colList img {
  width: 100%;
  max-width: 100%;
}

/* line 1, ../scss/_common_pc.scss */
.wrapper {
  position: relative;
  z-index: 0;
  padding: 0;
  margin: 0 auto 50px;
  box-sizing: border-box;
}

/* line 10, ../scss/_common_pc.scss */
.titleBoxMain {
  position: relative;
  display: block;
  width: 90%;
  margin: 40px auto 10px;
  line-height: 1.6;
  box-sizing: border-box;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
  font-size: 2.66667rem;
}
/* line 21, ../scss/_common_pc.scss */
.titleBoxMain .smallText {
  font-size: 20px;
  font-size: 1.33333rem;
  min-height: 0vw;
  display: block;
}
/* line 27, ../scss/_common_pc.scss */
.titleBoxMain span {
  display: inline-block;
}

/*=============
itemArea
================*/
/* line 36, ../scss/_common_pc.scss */
.columnBox:before {
  content: '';
  top: 0;
  position: absolute;
  background-image: url(../images/bg.png);
  background-repeat: repeat;
  width: 100%;
  opacity: .06;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: contain;
}

/* line 53, ../scss/_common_pc.scss */
.columnBox__col.itemArea {
  padding: 1%;
  max-width: 1100px;
  width: 70%;
  background-color: #fff;
  justify-content: center;
  padding: 1%;
}
/* line 61, ../scss/_common_pc.scss */
.columnBox__col.itemArea .columnBox__colList {
  width: 90%;
  text-align: center;
  border: 1px dashed #ccc;
  margin: 60px auto 30px;
  padding: 20px;
  box-sizing: border-box;
  width: calc((100% - 12px) / 2);
  margin: 3px;
}
/* line 72, ../scss/_common_pc.scss */
.columnBox__col.itemArea .columnBox__colList a:hover {
  color: #292929;
}
/* line 78, ../scss/_common_pc.scss */
.columnBox__col.itemArea.col3 {
  padding: 0 1% 1%;
}
/* line 81, ../scss/_common_pc.scss */
.columnBox__col.itemArea.col3 .columnBox__colList {
  padding: 15px;
  width: calc((100% - 18px) / 3);
  margin: 3px;
}
/* line 90, ../scss/_common_pc.scss */
.columnBox__col.itemArea .matched-radius {
  --matched-radius-padding: 8px;
  --matched-radius-inner-size: 12px;
  padding: var(--matched-radius-padding);
  border-radius: calc(var(--matched-radius-inner-size) + var(--matched-radius-padding));
}
/* line 98, ../scss/_common_pc.scss */
.columnBox__col.itemArea .matched-radius__inner {
  border-radius: var(--matched-radius-inner-size);
}
/* line 102, ../scss/_common_pc.scss */
.columnBox__col.itemArea .columnBox__categoryName {
  font-size: 18px;
  font-size: 1.2rem;
  padding: 10px;
  line-height: 1.6;
  background-color: #bd9956;
  font-weight: bold;
  display: block;
  color: #fff;
  position: relative;
}
/* line 112, ../scss/_common_pc.scss */
.columnBox__col.itemArea .columnBox__categoryName::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-image: url("../images/subtle-carbon.png");
  background-repeat: repeat;
}
/* line 125, ../scss/_common_pc.scss */
.columnBox__col.itemArea .columnBox__categoryName .btn {
  padding: 5px;
  margin: 5px 0 0;
  display: block;
  font-size: 15px;
  font-size: 1rem;
  background-color: #fff;
  color: #292929;
  border-radius: 50px;
  margin: 5px auto 0;
  width: 100%;
  max-width: 150px;
  font-weight: bold;
}

/*# sourceMappingURL=style_pc.css.map */