@charset "utf-8";
/*
Theme Name: めざしの酒場
Author: めざし
Description: 2022/07
Version: 1.0
*/

@charset "utf-8";


body {
	line-height: 1.8;
	font-family: 'BIZ UDPGothic',
				"游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "YuGothic",
				"ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic";
	letter-spacing: 0.1rem;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Yusei Magic';
	font-weight: normal;
	letter-spacing: normal;
}

ul:last-child { margin-bottom: 0;}



/* ==========================================================

	title

========================================================== */
/* title_blog
===========================================================*/
.title_blog { position: relative;}

.title_blog h2 {
	background: url(img/bg_title_blog.png) no-repeat center bottom;
	text-align: center;
	padding-bottom: 56px;
	color: #e8e0d9;
	margin-bottom: 80px;
}

.title_blog time {
	position: absolute; bottom: -8px; left: 0;
	width: 100%;
	text-align: center;
	font-size: 0.7rem;
}

/* xs */
@media screen and (max-width: 575.98px) {
	.title_blog h2 {
		text-align: left;
		padding-bottom: 50px;
	}
}




/* title01
===========================================================*/
.title01 {
	background: url(img/bg_title_paper.png) no-repeat;
	padding-top: 24px; padding-left: 60px; padding-bottom: 28px;
	color: #dcd5cc;
}

/* xl */
@media screen and (min-width: 1200px) {
	.title01 { margin-bottom: 30px;}
}

/* lg */
@media screen and (min-width : 992px) and (max-width : 1199.98px) {
	.title01 { margin-bottom: 30px;}
}

/* md */
@media screen and (min-width : 768px) and (max-width : 991.98px) {
	.title01 { margin-bottom: 30px;}
}

/* sm */
@media screen and (min-width : 576px) and (max-width : 767.98px) {
	.title01 {
		margin-bottom: 20px;
		background-size: 272px 80px;
	}
}

/* xs */
@media screen and (max-width: 575.98px) {
	.title01 {
		margin-bottom: 5vw;
		font-size: 6.5vw;
		height: 90px;
		padding-left: 40px;
		display: flex;
		align-items: center;
	}
}




/* title03
===========================================================*/
.title03 {
	padding-top: 10px; padding-bottom: 5px; padding-left: 70px;
	margin-bottom: 30px;
}

.title03.__blue { background: url(img/title_ornate02_blue.png) no-repeat;}
.title03.__green { background: url(img/title_ornate02_green.png) no-repeat;}

/* xs */
@media screen and (max-width: 575.98px) {
	.title03 { padding-left: 60px;}
}












/* ==========================================================

	pagination

========================================================== */
.pagination {
	display: flex;
	justify-content: center; align-items: stretch;
}

.pagination .page-numbers {
	background: url(img/ico_glass.png) no-repeat;
	width: 44px; height: 46px;
	padding-top: 7px;
	margin-right: 4px; margin-left: 4px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-family: 'Special Elite';
	font-size: 1.2rem;
	font-weight: bold;
}

.pagination .page-numbers.current {
	background: url(img/ico_glass_on.png) no-repeat;
	color: #d9cbba;
}

.pagination .next {
	padding-top: 10px;
	background: url(img/ico_ice_r.png) no-repeat;
	background-position: 2px 9px;
}

.pagination .prev {
	padding-top: 10px;
	background: url(img/ico_ice_l.png) no-repeat;
	background-position: 2px 9px;
}








/* ==========================================================

	prev_next

========================================================== */
.prev_next { border-top: 5px dotted #aa978f;}

.prev_next a {
	color: #fff;
	text-decoration: none;
	width: 300px; height: 100px;
	display: flex;
	justify-content: space-between; align-items: center;
	position: relative;
}

.prev_next a .__thumb { width: 66px; height: 66px; overflow: hidden;}

.prev_next a .__thumb img { width: auto; height: 100%;}

.prev_next a .__time {
	font-size: 10px;
	position: absolute; top: 0;
}

.prev_next a .__title {
	margin-top: 0.6rem;
	line-height: 1.4;
	flex: 1;
}

.prev_next .next { background: url(img/prev-next_l.png) no-repeat; padding-left: 30px;}
.prev_next .next .__thumb { margin-right: 8px;}
.prev_next .next .__time { left: 40px;}

.prev_next .prev { background: url(img/prev-next_r.png) no-repeat; padding-right: 30px;}
.prev_next .prev .__thumb { margin-left: 8px;}
.prev_next .prev .__time { right: 40px;}
.prev_next .prev .__title { text-align: right;}

.prev_next .__list {
	background: url(img/prev-next_list.png) no-repeat;
	width: 100px; height: 40px;
	justify-content: center;
}


/* md以上 */
@media screen and (min-width : 768px) {
	.prev_next {
		display: flex;
		justify-content: space-between; align-items: stretch;
		padding-bottom: 20px;
		padding-top: 50px;
		position: relative;
	}

	.prev_next.next_non {
		flex-direction: row-reverse;
	}

	.prev_next .__list {
		position: absolute; left: calc(50% - 50px); top: 50%;
	}
}

/* sm以下 */
@media screen and (max-width : 767.98px) {
	.prev_next {
		display: flex;
		flex-direction: column; align-items: center;
		background: url(img/prev-next_bg.png) no-repeat center 25px;
		padding-top: 40px; padding-bottom: 20px;
	}

	.prev_next .__list {
		width: 200px; height: 50px;
		background-size: 100% 100%;
		margin-top: 10px; margin-bottom: 10px;
	}

	.prev_next .next { margin-right: 40px;}
	.prev_next .prev { margin-left: 40px;}
}

/* xs */
@media screen and (max-width: 575.98px) {
	
}