/* ------------------------------------------------- */

/* 背景 */

.bg-lyellow{
  background:#F7F2C9;
}

.bg-lgreen{
  background:#F7FBE8;
}



.bg-wcg{
  background: url(../img/common/bg-watercolor.jpg);
  background-size: cover;
}

.bg-wcg2{
  background: url(../img/common/bg-watercolor2.jpg);
  background-size: cover;
}

.bg-wcg3{
  background: url(../img/common/bg-watercolor3.png);
  background-size: cover;
  background-repeat:no-repeat;
}

.bg-wasi{
  background: url(../img/common/bg-wasi.jpg);
  background-size: cover;
  background-repeat:no-repeat;
}

.bg-leaf{
    background-image: url(../img/common/bg-leaf1.png),url(../img/common/bg-leaf2.png);
    background-repeat: no-repeat,no-repeat;
    background-size: 220px;
    background-position: left top, right bottom;
}
@media (min-width : 769px) {
  .bg-leaf{
    background-size: 300px;
    background-position: left top, right bottom;
  }
}


.bg-leaf_onlyBtm{
    background-image: url(../img/common/bg-leaf2.png);
    background-repeat: no-repeat,no-repeat;
    background-size: 300px;
    background-position: right bottom;
}
@media (min-width : 769px) {
  .bg-leaf_onlyBtm{
    background-image: url(../img/common/bg-leaf2.png);
    background-size: 300px;
    background-position: right bottom;
  }
}

.bg-leaf_onlyTop{
    background-image: url(../img/common/bg-leaf1.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: left top;
}
@media (min-width : 769px) {
  .bg-leaf_onlyTop{
    background-size: 300px;
    background-position: left top;
  }
}






.bg-clear{
  background: rgba(255,255,255,0.7);
}

/* マージンなど */

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p12 {
  padding: 12px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.pt10 {
  padding-top: 10px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt80 {
  padding-top: 80px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mr6 {
  margin-right: 6px;
}

.mr10 {
  margin-right: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml20 {
  margin-left: 20px;
}

.ml40 {
  margin-left: 40px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb36 {
  margin-bottom: 36px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb150 {
  margin-bottom: 150px;
}

.mb200 {
  margin-bottom: 200px;
}

.bold {
  font-weight: bold;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.pshadow {
  /* box-shadow */
  -webkit-box-shadow: 2px 2px 5px 1px #d9cbf3;
  box-shadow: 2px 2px 5px 1px #d9cbf3;
}

.img350 img {
  max-width: 350px;
  width: 100%;
}

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

.img450 img {
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
}

.yellowline {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(0%, #e9ef2d));
  background: linear-gradient(transparent 40%, #e9ef2d 0%);
}

/* フォント */

.f-notoserifja {
  font-family: 'Noto Serif JP', serif;
}

.f-opensans {
  font-family: 'Open Sans', sans-serif;
}

.bold {
  font-weight: bold;
}

.f500 {
  font-weight: 500;
}

.font8 {
  font-size: .8em;
}

.font9 {
  font-size: .9em;
}

/* 汎用flexbox */

.fl-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fl-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
}

.jf-center {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fl-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.f-lgreen{
  color: #6CB901 !important;
}

.f-green{
  color: #5B9E00 !important;
}

.f-neon-green{
  color: #E9EF2D !important;
}

.f-dark-green{
  color: #3C5D00 !important;
}

.f-orange{
  color: #ED6725 !important;
}

/*==========================================
メニューの切替（画像ボタンからアコーディオンへ切替）768
@media(max-width:890px) {
===========================================*/
@media screen and (max-width: 890px) {
  .SPnone {
    display: none;
  }
}

/* @media screen and (min-width: 768px) { */
@media screen and (min-width: 890px) {
  .PCnone {
    display: none;
  }
}



@media screen and (min-width: 890px) {

  /* 890px以上は改行しない */
  .sp-nobr {
    display: none;
  }
}