@charset "utf-8";
/* CSS Document 全サイトで使用*/
body {
  font-feature-settings: "palt";
}
.fl-right {
  float: right;
}
.fl-left {
  float: left;
}
.circle {
  position: relative;
  display: inline-block;
  width: 187px;
  height: 187px;
  border-radius: 50%;
  background: #FFA7AB;
}
.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 187px;
  text-align: center;
  color: #fff;
}
/*===================================================================
/*マーカー*/
.marker-yellow--futo {
  background: linear-gradient(transparent 40%, #ffffea 40%);
}
.marker-yellow {
  background: linear-gradient(transparent 80%, #ffffea 80%);
}
.marker-pink--futo {
  background: linear-gradient(transparent 40%, #fff5f9 40%);
}
.marker-pink {
  background: linear-gradient(transparent 80%, #fff5f9 80%);
}
.marker-blue--futo {
  background: linear-gradient(transparent 40%, #f2fcf8 40%);
}
.marker-blue {
  background: linear-gradient(transparent 80%, #f2fcf8 80%);
}
/*===================================================================
/*テキスト共通*/
.text--bold { font-weight:bold; }
.text--center {
  text-align: center !important;
}
.text--left {
  text-align: left !important;
}
.text--right {
  text-align: right !important;
}
.text--pink {
  color: #F690C6 !important;
}
.text--red {
  color: #F64744 !important;

}
.text--white {
  color: white !important;
}
.text--black {
  color: #161616 !important;
}
.text--brown {
  color: #645041 !important;
}
p {
  padding-bottom: 1em;
}
.state p {
  padding-bottom: 1em;
  text-indent: 1em;
}
p.indent {
  text-indent: 1em;
}
.small {
  font-size: 13px;
  line-height: 16px;
  color: #E575B0;
}
/*===================================================================
/*マージン共通*/
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.sp-none {
  display: none;
}
.pc-none {
  display: inline;
}
/*===================================================================
 flex汎用
===================================================================*/
.flexbox {
  width: 100%;
  padding: 24px 0 12px;
  line-height: 1.6;
}
.fl__headline { /*h2*/
  margin: 0 0 24px !important;
  padding:0 !important;
  color: #2E775E  !important;
    text-align: left !important;
}
.flexbox .fl-items {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.flexbox .fl-items_two {
  display: flex;	
  justify-content: space-evenly;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}


.fl-items_two li img {
  width: 100%;
}


.flexbox .fl-items .fl-items_two li {
  margin-bottom: 10px;
  list-style: none;
}
.flexbox .fl-items li img {
  width: 100%;
}

.fl-items--card__headline {
  margin: 12px 6px 0px;
}
.flexbox .fl-items--card2 li { /*箸置き*/
  width: calc((100% - 10px) / 2);
}
.flexbox .fl-items--card3 li {
  width: calc(85%/3);
}
.flexbox .fl-items--card4 li {
  width: calc(85%/4);
}
.flexbox .fl-items--card5 li {
  width: calc(85%/5);
}
.flexbox .fl-items--card6 li {
  width: calc(85%/6);
}
.flexbox .fl-items--card8 li {
  width: calc(85%/8);
}
.flexbox .fl-items > p {
  margin: 0 10px 10px;
  font-size: 1.4rem;
  text-align: left;
}
/*===================================================================
/*マウスホバー*/
.oi50:hover {
  opacity: 0.50;
}
/*===================================================================
	.oya*/
.oya {
  position: relative;
}
/*******tablets********/
@media screen and (min-width:560px) {
  .sp-none {
    display: inherit;
  }
  .pc-none {
    display: none;
  }
}
/*********PC*********/
@media screen and (min-width:960px) {
  .sp-none {
    display: inherit;
  }
  .pc-none {
    display: none;
  }
}