@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*
@mixin sp_size{
  @media screen and (max-width: $mobile) {
    @content;
  }
}

@mixin tab_size{
  @media screen and (max-width: $tablet) {
    @content;
  }
}

@mixin pc_size{
  @media screen and (max-width: $desktop) {
    @content;
  }
}
*/
#titleimg {
  background: url("/img/menu/image_title_sp.png") no-repeat center/cover; }

#column > div {
  margin-bottom: 60px; }

#contents h2 {
  margin-bottom: 0;
  text-align: left;
  color: #BEB255;
  font-size: 1.4rem; }
  #contents h2 span {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3.2rem; }
#contents h3 {
  margin-bottom: 5px;
  font-size: 1.6rem; }
  #contents h3:before {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: #fff;
    border-radius: 50%; }
#contents li {
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
  margin-bottom: 60px; }
  #contents li a .image_wrap {
    margin-bottom: 0; }
    #contents li a .image_wrap .img {
      margin-bottom: 0;
      max-height: 200px;
      overflow: hidden; }
  #contents li a .title {
    padding: 20px 0 0px;
    color: #BEB255;
    font-size: 1.6rem; }
  #contents li a .date {
    font-size: 1.2rem; }
  #contents li a .body {
    margin: 15px 0 0;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  #contents li a .more span {
    display: block;
    position: relative;
    float: right;
    width: 110px; }
    #contents li a .more span::before {
      content: '';
      position: absolute;
      background: #fff;
      height: 1px;
      width: 40px;
      right: 15px;
      top: 50%;
      transform: translate(0, -50%); }
    #contents li a .more span::after {
      content: '';
      position: absolute;
      background: #fff;
      height: 1px;
      width: 10px;
      right: 15px;
      top: 35%;
      transform: translate(0, -35%) rotate(40deg); }

.column_title {
  margin-bottom: 30px; }

.image_wrap {
  margin-bottom: 40px; }
  .image_wrap .img {
    margin-bottom: 20px; }

/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 768px) {
  #titleimg {
    background-image: url("/img/menu/image_title_pc.png"); }

  #column > div {
    margin-bottom: 120px; }

  #contents h2 {
    font-size: 2.4rem; }
  #contents p {
    font-size: 1.6rem; }
  #contents li {
    flex: 0 1 45%;
    width: 45%;
    max-width: 45%; }
    #contents li a .image_wrap .img {
      max-height: 260px; }
    #contents li a .title {
      font-size: 1.6rem; }
    #contents li a .date {
      font-size: 1.4rem; }
    #contents li a .body {
      margin: 15px 0;
      font-size: 1.6rem; }

  .column_title {
    margin-bottom: 50px; }

  .image_wrap {
    margin-bottom: 60px; }
    .image_wrap .img {
      margin-bottom: 30px; } }
/*------------------------------
		1024px以下
------------------------------*/
/*------------------------------
		768px以下
------------------------------*/

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