@charset "utf-8";


/*
.article-list-wrap {
  margin-bottom: 15px;
}
.heading-ttl {
  position: relative;
  border-bottom: 3px solid #362e2b;
  margin-bottom: 34px;
  padding-bottom: 12px;
  color: #434343;
}

.heading-ttl:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  display: block;
  width: 100%;
  height: 1px;
  background: #362e2b;
}

.heading-ttl__text {
  font-size: 2.4rem;
  font-weight: bold;
}
.digital {
  width: 100%;
  margin-bottom: 60px;
  overflow: hidden;
}


.digital__image {
  width: 360px;
  margin-right: 40px;
  float: left;
  overflow: hidden;
}

.digital__image a {
  display: block;
  width: 360px;
}

.digital__image img {
  display: block;
  width: 100%;
  height: auto;
}

.digital__main {
  width: calc(100% - 400px);
  padding: 20px 0;
  float: right;
  overflow: hidden;
}

.digital__title {
  font-size: 2.4rem;
  margin-bottom: 14px;
}

.digital__text {
  font-size: 1.4rem;
  line-height: 1.28571;
}

.digital__text + p {
  margin-top: 1.2em;
}

.digital__button {
  margin: 38px auto 8px 0;
}

.digital__tag {
  color: #FFFFFF;
  background: #d51814;
  font-size: 1.2rem;
  display: inline-block;
  padding: 2px 15px 1px;
  margin-bottom: 12px;
}

.digital-before__text + p {
  margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
	.article-list-wrap {
	  margin-bottom: 15px;
	  padding: 0;
	}
	h2 {
	    clear: both;
	    vertical-align: middle;
	    font-weight: bold;
	}

	.heading-ttl {
	    background: #eeeeee;
	    color: #434343;
	    font-size: 0.8em;
	    text-align: center;
	    padding: 2px 0;
	    margin-bottom: 21px;
	    border: none;
    }

	.heading-ttl:after {
	  content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}

	.heading-ttl__text {
	  font-size: 1.5rem;
	  font-weight: bold;
	}

	.digital__image {
	  width: 100%;
	  margin-right: 0;
	  float: none;
	  overflow: hidden;
	}

	.digital__image a {
	  display: block;
	  width: 100%;
	}

	.digital__image img {
	  display: block;
	  width: 90%;
	  height: auto;
	  margin: 0 auto;
	}

	.digital__main {
	  width: 90%;
	  float: none;
	  border-top: none;
	  border-bottom: none;
	  padding: 20px 0;
	  margin: 0 auto;
	}

	.digital__title {
	  text-align: center;
    font-size: 1.6rem;
	}

	.digital__text {
	  font-size: 1.4rem;
	  text-align: center;
	  line-height: 1.28571;
	}

	.digital__text + p {
	  margin-top: 1.2em;
	}

	.digital__button {
	  margin: 38px auto 8px 0;
	}

	.digital__tag {
	  color: #FFFFFF;
	  background: #d51814;
	  font-size: 1.2rem;
	  display: inline-block;
	  padding: 2px 15px 1px;
	  margin-bottom: 12px;
	}

	.digital-before__text + p {
	  margin-top: 1.5em;
	}



}
*/


/*----　チラシありの場合　-----*/

.catalog__main {
    border-top: none;
    border-bottom: none;
}

/*----　チラシなしの場合　-----*/

.catalog__main.without{
    width: 100%;
    border: none;
    padding: 20px 0;
}
p.nochirashi {
	font-size: 1.4em;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.article-list-wrap {
	  margin-bottom: 15px;
	  padding: 20px 0;
	}
	.catalog__image {
	    width: 50%;
	}
	.catalog__image img{
	    display: block;
	    width: 100%;
	    height: auto;
	    margin-left: 50%;
	    margin-top: 20px;
	}
	.catalog__main {
	    width: 50%;
	    padding-left: 15px;
	    box-sizing: border-box;
	}
	.catalog__main.without{
    	display:block；
	}
}