/*maker*/

/*color*/
.marker-y {
  background-image: -webkit-linear-gradient(88.4deg, #f8eba9, #f8eba9 36%, transparent 30.1%, transparent);
  background-image: linear-gradient(1.6deg, #f8eba9, #f8eba9 36%, transparent 30.1%, transparent);
}

.marker-p {
  background-image: -webkit-linear-gradient(88.4deg, #ffc7f6, #ffc7f6 36%, transparent 30.1%, transparent);
  background-image: linear-gradient(1.6deg, #ffc7f6, #ffc7f6 36%, transparent 30.1%, transparent);
}

.marker-w {
  background-image: -webkit-linear-gradient(88.4deg, #abeffe, #abeffe 36%, transparent 30.1%, transparent);
  background-image: linear-gradient(1.6deg, #abeffe, #abeffe 36%, transparent 30.1%, transparent);
}

.marker-g {
  background-image: -webkit-linear-gradient(88.4deg, #afffb1, #afffb1 36%, transparent 30.1%, transparent);
  background-image: linear-gradient(1.6deg, #afffb1, #afffb1 36%, transparent 30.1%, transparent);
}

.f-marker-y {
  background-image: -webkit-linear-gradient(transparent 80%, #f8eba9 80%);
  background-image: linear-gradient(transparent 80%, #f8eba9 80%);
}

.f-marker-p {
  background-image: -webkit-linear-gradient(transparent 80%, #ffc7f6 80%);
  background-image: linear-gradient(transparent 80%, #ffc7f6 80%);
}

.f-marker-w {
  background-image: -webkit-linear-gradient(transparent 80%, #abeffe 80%);
  background-image: linear-gradient(transparent 80%, #abeffe 80%);
}

.f-marker-g {
  background-image: -webkit-linear-gradient(transparent 80%, #afffb1 80%);
  background-image: linear-gradient(transparent 80%, #afffb1 80%);
}


/*link-button*/
/*green*/
.link-button-green{
  text-align:center;
  padding-bottom:20px;
}
.link-button-green a{
  background:#5ace5f;
  border-radius:5px;
  color:#fff !important;
  text-align:center;
  border-bottom:5px solid #38bd3e;
  padding:12px 32px;
  text-decoration:none;
}
.link-button-green a i{
  margin-right:10px;
}
.link-button-green a:hover{
  opacity:0.7;
}
@media only screen and (max-width: 767px) {
  .link-button-green a{
    width:100%;
    display:block;
  }
}

/*orange*/
.link-button-orange{
  text-align:center;
  padding-bottom:20px;
}
.link-button-orange a{
  background:#ec6a12;
  border-radius:5px;
  color:#fff !important;
  text-align:center;
  border-bottom:5px solid #d45f10;
  padding:12px 32px;
  text-decoration:none;
}
.link-button-orange a i{
  margin-right:10px;
}
.link-button-orange a:hover{
  opacity:0.7;
}
@media only screen and (max-width: 767px) {
  .link-button-orange a{
    width:100%;
    display:block;
  }
}


/*ブログカードのcss*/

.blogcard {
  margin-bottom: 40px;
}

.blogcard a {
  display: block;
  overflow: hidden;
  float: none;
  border: 2px solid #ccc;
  padding: 16px;
  margin-bottom: 24px;
  color: #333;
}

.blogcard a:hover {
  border: 2px solid #333;
  text-decoration: none;
}

.blogcard a .thumb {
  float: left;
  width: 150px;
  height: auto;
}

.blogcard a .text {
  margin-left: 170px;
}

.blogcard a .text {
  padding: 0;
  margin-left: 170px;
}

.blogcard a .text .title {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.blogcard a .text .desc {
  margin-bottom: 0;
  color: #333;
  font-size: 14px;
}

.blogcard a .text .date {
  margin-bottom: 0;
  color: #aaa;
  font-size: 14px;
  font-style: italic;
}

@media screen and ( max-width: 550px ){
  .blogcard a {

  }

  .blogcard a .thumb {
    float: none;
    width: 100%;
    text-align: center;
  }

  .blogcard a .text {
    margin-top: 16px;
    margin-left: 0;
}
}