@charset "utf-8";
/* CSS Document */
.ttl { text-align: center; }
.sec_flex { margin-bottom: 90px; display: flex; display:-webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; }
.sec_flex section { width: 460px; }
.box2 { border: 5px solid #77523e; position: relative; }
.box2:before { content: ""; position: absolute; top: -30px; right: 23px; width: 39px; height: 27px; background: url("https://www.shinsei-hanno.co.jp/img/top/ico_car_orange.svg") no-repeat; }
.box2 .scroll { padding: 20px 28px 30px 28px; height: 188px; overflow-y: scroll; }

/*----- slide -----*/
#slide ul li img { margin:0 auto; width: 100%; }

/*----- おすすめ ----- */
.osusume { width: 1280px; margin: -80px auto 45px; position: relative; z-index: 100; }
.osusume .ttl { width: 460px; text-align: left; }
.osusume .box { padding: 30px 0; background-color: #f5f0e8; }
.osusume .list { width: 1280px; margin: 0 auto; flex-wrap: nowrap; -webkit-flex-wrap:nowrap; align-items: flex-end; }

.bnr_zaiko { margin: 45px auto 90px; text-align: center; }

/*----- コミコミカー -----*/
.komikomicar { margin: 0 auto 90px; }
.komikomicar h3.ttl { width: 458px; margin: 0 auto 55px; }
.komikomicar .list { align-items: flex-end; }
.komikomicar .list li { width: 310px; }

/*----- 今週のチラシ -----*//*----- WEB限定特典 -----*/
.chirashi h3.ttl, .tokuten h3.ttl { width: 347px; margin: 0 auto 18px; }
.chirashi .box { width: 460px; height: 383px; padding: 11px; background: url(https://www.shinsei-hanno.co.jp/img/top/bg_flyer.png) no-repeat; position: relative; }
.chirashi .box .dec_chirashi { position: absolute; bottom: 0; right: -30px; }
.chirashi .box .list { align-items: center; padding: 20px 40px 0; }
.chirashi .box .list li { width: 45%; }
.chirashi .box .list li + li { margin-left: 15px; }

.chirashi .lead, .tokuten .lead { margin-top: 10px; }

/*----- 新着情報 -----*/
.info { margin-bottom: 60px; }
.info .ttl, .blog .ttl { margin-bottom: 10px; text-align: left; }
.info .ttl img { max-width: 135px; }
.info .box2 .scroll p em, .blog .box2 ul li .date { margin-right: 1em; font-weight: bold; }
.info .box2 .scroll p em { color: #e65f62; }
.info .box2 .scroll p { padding: 15px 0 5px; border-bottom: 1px dashed #404041; }
.info .box2 .scroll p:last-child { margin-bottom: 30px; }

/*----- スタッフブログ -----*/
.blog .ttl img { max-width: 186px; }
.blog .box2 { border-color: #f87439; }
.blog .box2 ul li { padding: 15px 0 5px; border-bottom: 1px dashed #404041; }
.blog .box2 ul li .date { color: #f87439; }
.blog .box2 ul li:last-child { margin-bottom: 30px; }

.bnr_staff { margin: 47px auto 0; text-align: center; }

@media screen and (max-width: 1279px) {
	/*----- おすすめ ----- */
.osusume, .osusume .list  { width: 100%; }
.osusume .box { margin: 0; }
}