/* Scss Document */
/*=========================================================
	sub title
===========================================================*/
.mainTtl02 { margin: 0 auto 45px; padding-bottom: 20px; font-size: 2.8rem; font-weight: 700; max-width: 1200px; width: 90%; border-bottom: 1px solid #B1B1B1; position: relative; }
.mainTtl02::after { content: ''; width: 200px; height: 3px; background: #D02300; display: block; position: absolute; top: auto; left: 0; bottom: -1px; }
@media (max-width: 480px) { .mainTtl02 { margin: 0 auto 30px; padding-bottom: 10px; font-size: 2.4rem; }
  .mainTtl02::after { width: 30%; } }
.container .mainTtl02 { width: 100%; }

/*======================================
	searchWrap
========================================*/
#searchWrap.entryListWrap { margin: 100px auto 0; }
@media (max-width: 480px) { #searchWrap.entryListWrap { margin: 60px auto 0; } }
#searchWrap.entryListWrap > ul > li { margin: 0 2% 45px 0; padding-bottom: 10px; width: 32%; background: #FFFFFF; }
#searchWrap.entryListWrap > ul > li:nth-of-type(3n) { margin-right: 0; }
@media (max-width: 900px) { #searchWrap.entryListWrap > ul > li { margin: 0 4% 45px 0; width: 48%; }
  #searchWrap.entryListWrap > ul > li:nth-of-type(3n) { margin-right: 4%; }
  #searchWrap.entryListWrap > ul > li:nth-of-type(2n) { margin-right: 0; } }
@media (max-width: 480px) { #searchWrap.entryListWrap > ul > li { margin: 0 0 45px 0; width: 100%; }
  #searchWrap.entryListWrap > ul > li:nth-of-type(3n) { margin-right: 0; } }
#searchWrap.entryListWrap > ul > li figure { width: 100%; position: relative; overflow: hidden; }
#searchWrap.entryListWrap > ul > li figure::before { content: ''; padding-top: 65%; width: 100%; display: block; }
#searchWrap.entryListWrap > ul > li figure img { width: 100%; height: 100%; object-fit: cover; object-position: top; font-family: 'object-fit: cover; object-position: center;'; position: absolute; top: 0; left: 0; z-index: 0; }
#searchWrap.entryListWrap > ul > li figure:hover img { transform: scale(1.2); }
#searchWrap.entryListWrap > ul > li p.ctgBox { margin: 15px 20px; }
#searchWrap.entryListWrap > ul > li p.ctgBox span { padding: 5px 5px 3px; color: #FFFFFF; font-size: 1.4rem; line-height: 1; background: #C4C0BB; display: inline-block; }
#searchWrap.entryListWrap > ul > li p.ctgBox span.post { background: #BC9D62; }
#searchWrap.entryListWrap > ul > li p.ctgBox span.spot { background: #142E66; }
#searchWrap.entryListWrap > ul > li p.ctgBox span.event { background: #E35A75; }
#searchWrap.entryListWrap > ul > li p.ctgBox date { margin-left: 20px; font-size: 1.4rem; color: #696969; }
#searchWrap.entryListWrap > ul > li p.entryTtl { margin: 0 20px; font-size: 2.0rem; font-weight: 700; line-height: 1.4; }
@media (max-width: 480px) { #searchWrap.entryListWrap > ul > li p.entryTtl { font-size: 1.8rem; } }

/* searchPager */
.searchPager { margin: 40px auto 100px; }
.searchPager p { margin: 0 auto 20px; }
.searchPager li { width: 180px; }
@media (max-width: 480px) { .searchPager li { width: 40%; } }
.searchPager li a { color: #FFFFFF; width: 100%; height: 55px; text-align: center; line-height: 57px; box-sizing: border-box; display: block; overflow: hidden; transition: .3s; position: relative; }
.searchPager li a::before { content: ''; width: 100%; height: 100%; background: #000000; display: block; position: absolute; top: 0; left: 0; z-index: -1; }
.searchPager li a::after { content: ''; width: 120%; height: 100%; background: #FAAB2D; transform-origin: right top; transform: skewX(-30deg) scale(0, 1); transition: transform .3s; position: absolute; top: 0; left: 0; z-index: -1; }
.searchPager li a:hover::after { transform-origin: left top; transform: skewX(-30deg) scale(1, 1); }
.searchPager li a .icon-ar_left, .searchPager li a .icon-ar_right { margin: auto; width: 18px; height: 18px; display: block; position: absolute; top: 0; bottom: 0; }
.searchPager li a .icon-ar_left { left: 10px; right: auto; }
.searchPager li a .icon-ar_right { left: auto; right: 10px; }

/*======================================
	pagenate
========================================*/
.pagenate { margin: 60px auto 0; height: auto; text-align: center; }
@media (max-width: 480px) { .pagenate { margin: 30px auto 0; } }
.pagenate span.current { margin: 0 5px; color: #FFFFFF; width: 35px; height: 35px; text-align: center; line-height: 35px; display: inline-block; box-sizing: border-box; background: #000000; }
.pagenate a { margin: 0 5px; color: #000000; width: 35px; height: 35px; text-align: center; line-height: 35px; display: inline-block; box-sizing: border-box; border: 1px solid #000000; }
.pagenate a:hover { color: #FFFFFF; background: #000000; }
.pagenate a.prev, .pagenate a.next { color: #FFFFFF; background: #000000; }
.pagenate a.prev i, .pagenate a.next i { font-size: 2.6rem; vertical-align: middle; }