@charset "UTF-8";
a:link{
	text-decoration: none;
}
.Pagetop{
	background: #169442;
	z-index: 1 !important;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/* .share-sns-box{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.Footer{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
} */


@media only screen and (max-width:767px) {
}

@media print, screen and (min-width:768px) {
}

.main .f-maruforkb {
  font-family: Maru Folk Bold
}

.main .c-breadcrumbs {
  background-color: #f5f5f5
}

@media only screen and (max-width:767px) {
  .main .c-breadcrumbs {
    overflow-x: scroll;
    margin: 0 -15px 5.33333vw;
    color: #666;
    font-size: .625rem
  }
  .main .c-breadcrumbs__lists {
    display: table;
    padding: 0 15px
  }
  .main .c-breadcrumbs__lists li {
    display: table-cell;
    padding: 10px 0;
    white-space: pre
  }
  .main .c-breadcrumbs__lists li+li:before {
    display: inline-block;
    margin: 0 .5em;
    color: #afafaf;
    content: '';
    content: ">"
  }
  .main .c-breadcrumbs__lists a {
    display: block;
    height: 100%;
    font-weight: 700
  }
}

@media print, screen and (min-width:768px) {
  .main .c-breadcrumbs {
    margin-bottom: 40px;
    color: #666;
    font-size: .75rem
  }
  .main .c-breadcrumbs__lists {
    margin-right: auto;
    margin-left: auto;
    width: 1020px
  }
  .main .c-breadcrumbs__lists li {
    display: inline-block;
    padding: 15px 0
  }
  .main .c-breadcrumbs__lists li+li:before {
    display: inline-block;
    margin: 0 .5em;
    color: #afafaf;
    content: '';
    content: ">"
  }
  .main .c-breadcrumbs__lists a {
    display: block;
    height: 100%;
    font-weight: 700
  }
}


@media only screen and (max-width:767px) {
	.pc{
		display: none !important;
	}
	.sp{
		display: block !important;
	}
}

@media print, screen and (min-width:768px) {
}

@media screen and (max-width:767px) {
  /* .share-sns-column {
    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-left: calc(((100vw - 100%) / 2) * -1);
    padding-top: 47px;
    height: 187px
  }
  .share-sns-column .share-sns-box {
    position: relative;
    padding: 21px 15px;
    width: 100%;
    border-top: solid 4px #ebebeb;
    border-bottom: solid 4px #ebebeb
  }
  .share-sns-column .share-sns-box .heading_title {
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -82px;
    padding: 0 18px;
    width: 165px;
    background-color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: .9375rem;
  }
  .share-sns-column .sns-link_area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
  }
  .share-sns-column .sns-link_area>li {
    margin-left: 3px;
    width: calc((100% - 6px)/3);
    font-size: .8125rem
  }
  .share-sns-column .sns-link_area>li:first-of-type {
    margin-left: 0
  }
  .share-sns-column .sns-link_area>li a {
    display: block;
    height: 50px;
    text-decoration: none
  }
  .share-sns-column .sns-link_area .facebook a {
    position: relative;
    padding: 15px 9px 15px 25px;
    background-color: #4268b3;
    color: #fff;
    text-align: center;
    font-weight: 700
  }
  .share-sns-column .sns-link_area .facebook a:before {
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url(/ecoff/cosme/img/com_sns_ic04.png) no-repeat;
    background-size: 16px;
    content: ""
  }
  .share-sns-column .sns-link_area .twitter a {
    position: relative;
    padding: 15px 9px 15px 25px;
    background-color: #1da1f3;
    color: #fff;
    text-align: center;
    font-weight: 700
  }
  .share-sns-column .sns-link_area .twitter a:before {
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -13px;
    width: 25px;
    height: 25px;
    background: url(/ecoff/cosme/img/com_sns_ic06.png) no-repeat;
    background-position: -1px;
    background-size: 27px;
    content: ""
  }
  .share-sns-column .sns-link_area .line a {
    position: relative;
    padding: 12px 9px 9px 25px;
    background-color: #00b800;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.1
  }
  .share-sns-column .sns-link_area .line {
    display: inline-block!important
  }
  .share-sns-column .sns-link_area .line a:before {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -11px;
    width: 21px;
    height: 21px;
    background: url(/ecoff/cosme/img/com_sns_ic05.png) no-repeat;
    background-position: -2px;
    background-size: 25px;
    content: ""
  }
  .share-sns-column .sns-link_area .sns-text_inner {
    display: inline-block;
    text-align: left
  } */
  .last-contents {
    margin-bottom: 40px
  }
}

@media print, screen and (min-width:768px) {
  /* .share-sns-column {
    padding: 0px 0 20px;
    font-size: .75rem
  }
  .share-sns-column .share-sns-box {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    width: 678px;
    border: solid 4px #ebebeb
  }
  .share-sns-column .share-sns-box .heading_title {
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -82px;
    padding: 0 18px;
    min-width: 165px;
    background-color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.125rem
  }
  .share-sns-column .sns-link_area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
  }
  .share-sns-column .sns-link_area>li {
    -webkit-flex: 1;
    flex: 1;
    margin-left: 3px
  }
  .share-sns-column .sns-link_area>li:first-of-type {
    margin-left: 0
  }
  .share-sns-column .sns-link_area>li a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-decoration: none
  }
  .share-sns-column .sns-link_area .facebook a {
    position: relative;
    padding: 13px 22px 13px 46px;
    background-color: #4268b3;
    color: #fff;
    text-align: center;
    font-weight: 700
  }
  .share-sns-column .sns-link_area .facebook a:before {
    position: absolute;
    top: 50%;
    left: 22px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: #4268b3 url(/ecoff/cosme/img/com_sns_ic04.png);
    background-size: 24px;
    content: ""
  }
  .share-sns-column .sns-link_area .twitter a {
    position: relative;
    padding: 13px 22px 13px 46px;
    background-color: #1da1f3;
    color: #fff;
    text-align: center;
    font-weight: 700
  }
  .share-sns-column .sns-link_area .twitter a:before {
    position: absolute;
    top: 50%;
    left: 22px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: #1da1f2 url(/ecoff/cosme/img/com_sns_ic06.png);
    background-size: 24px;
    content: ""
  }
  .share-sns-column .sns-link_area .line {
    display: none
  } */
}