@charset 'UTF-8';

/* â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– 

	ブログ用css

â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â–  */



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

	PC・SP共通部分

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

.blog_wrap table {
	width: auto !important;
	margin-top: 0.5em;
}
.blog_wrap table th {
	border: 1px solid;
	padding: 8px;
	width: auto !important;
	vertical-align: middle;
}
.blog_wrap table td {
	border: 1px solid;
	padding: 8px;
	width: auto !important;
	vertical-align: middle;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: none;
}

.alignright {
	float: none;
}

.embed-youtube iframe,
.blog_wrap iframe {
	width: 100%;
}


/* 次の記事・前の記事 */
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}




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

	カテゴリアイコン

================================================================================ */
.blog_icon {
	margin: 0 8px 0 0;
}




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

	タグアイコン

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.blog_tag {
		margin: 1em 0 0 0;
	}
	.blog_tag ul li {
		display: inline-block;
		margin: 0 6px 6px 0;
	}
	.blog_tag ul li a {
		display: block;
		font-size: 14px;
		padding: 0 4px 2px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.blog_tag {
		margin: 1em 0 0 0;
	}
	.blog_tag ul li {
		display: inline-block;
		margin: 0 2vw 2vw 0;
	}
	.blog_tag ul li a {
		display: block;
		font-size: 3.3vw;
		padding: 0 2vw 0.1em;
	}
}




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

	いいねボタン

================================================================================ */
.blog_iine {
	margin: 24px 0 0 0;
}

/* いいねボタンのボーダーカラー */
.blog_iine > div {
	border-color: #eeeeee;
	margin: 1em 0 0 0;
}




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

	ページネーション

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

/* 整列位置 (左・真ん中・右) */
.wp-pagenavi {
	clear: both;
	text-align: left;
}


/* ページ色 */
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	font-size: 13px;
	border: none;
	padding: 6px 12px 7px;
	margin: 0 2px 4px;
	white-space: nowrap;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	vertical-align: top;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

/* 現在のページ色 */
.wp-pagenavi span.current {
	font-weight: bold;
}

/* ページ以外のリンク色 */
.wp-pagenavi span.extend,
.wp-pagenavi span.pages {
}

/* ホバー色 */
.wp-pagenavi a:hover {
	opacity: 1;
}



/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.wp-pagenavi {
		margin: 40px auto;
	}

	/* 次の記事・前の記事 */
	.prevnext-nav {
		margin: 24px auto;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.wp-pagenavi {
		margin: 4vw auto;
	}

	/* 次の記事・前の記事 */
	.prevnext-nav {
		margin: 4vw auto;
	}
}




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

	ブログ

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 月別アーカイブ・タグページタイトル */
	.category_title {
		margin-bottom: 40px;
		font-size: 32px;
		text-align: center;
	}


	/* ブログレイアウト */
	.blog_box {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
	.blog_wrap {
		float: left;
		width: 680px;
	}
	.blog_function_wrap {
		float: right;
		width: 270px;
	}
	.blog_wrap > ul > li,
	.blog_wrap2 > ul > li {
		border: 1px solid #9d2938;
		margin-bottom: 60px;
		padding: 48px;
	}
	.blog_wrap > ul > li:last-of-type,
	.blog_wrap2 > ul > li:last-of-type {
		margin-bottom: 0;
	}


	/* ブログレイアウト(1カラム) */
	.blog_wrap2 {
		float: none;
		width: 1000px;
	}


	/* 日付 */
	.blog_title_date {
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0.1em;
		font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		padding: 0 0 0 0.15em;
	}

	/* タイトル */
	.blog_title_link {
		font-size: 24px;
		margin-bottom: 24px;
		line-height: 1.3;
	}

	/* 続きを読む */
	.blog_link {
		padding-top: 24px;
		text-align: right;
	}


	/* 記事の内容：pタグ */
	.blog_wrap p {
		overflow: hidden;
	}

	/* 記事の内容：画像 */
	.blog_wrap img {
		max-width: 100%;
		height: auto;
		margin: 16px 0;
		display: block;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 月別アーカイブ・タグページタイトル */
	.category_title {
		margin-bottom: 8vw;
		font-size: 5.6vw;
		text-align: center;
	}


	/* ブログレイアウト */
	.blog_wrap {
	}
	.blog_function_wrap {
		margin-top: 16vw;
	}
	.blog_wrap > ul > li,
	.blog_wrap2 > ul > li {
		border: 1px solid #9d2938;
		margin-bottom: 8vw;
		padding: 6vw;
	}
	.blog_wrap > ul > li:last-of-type,
	.blog_wrap2 > ul > li:last-of-type {
		margin-bottom: 0;
	}


	/* 日付 */
	.blog_title_date {
		font-size: 3.3vw;
		font-weight: 700;
		font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		padding: 0 0 0 0.15em;
	}

	/* タイトル */
	.blog_title_link {
		font-size: 4.5vw;
		margin-bottom: 1em;
		line-height: 1.3;
	}

	/* 続きを読む */
	.blog_link {
		padding-top: 6vw;
		text-align: right;
	}


	/* 記事の内容：画像 */
	.blog_wrap img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 1em auto;
	}

	/* 記事の内容：iframe */
	.blog_wrap iframe {
		max-width: 100%;
		width: 100%;
		margin: 4vw auto;
	}
}




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

	サイドバー

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 店舗情報 */
	.side_info {
		width: 100%;
		text-align: center;
		padding: 0 0 48px;
	}
	.side_info ul {
		text-align: left;
	}
	.side_info img {
		width: 100%;
		height: auto;
		margin-bottom: 8px;
		border-radius: 8px;
	}
	.side_info h2 {
		font-size: 22px;
		font-weight: 700;
		font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		padding-bottom: 8px;
		margin-bottom: 16px;
		border-bottom: 1px solid;
	}
	.side_info p {
		font-size: 13px;
		margin-bottom: 24px;
		line-height: 1.6;
	}
	.side_info a {
		pointer-events: none;
	}



	/* 最近の投稿・アーカイブ */
	.blog_function_wrap_inner {
		padding: 0 0 0 0;
	}
	.blog_function_wrap_inner > ul {
		overflow: auto;
		margin: 0 auto;
	}
	.blog_function_wrap_inner > ul > li {
		padding: 0 0 48px;
	}
	.blog_function_wrap_inner > ul > li:last-of-type {
		padding: 0;
	}
	.blog_function_wrap_inner > ul > li a {
		font-size: 16px;
	}

	.blog_function_wrap_inner > ul > li > ul {
		width: 100%;
		max-height: 340px;
		height: 100%;
		overflow: auto;
		text-align: center;
	}
	.blog_function_wrap_inner > ul > li > ul > li {
		font-size: 16px;
		line-height: 1.7;
		margin-bottom: 16px;
	}
	.blog_function_wrap_inner h2 {
		text-align: center;
		font-size: 11px;
		font-weight: 300;
		border-bottom: 1px solid;
		margin: 8px auto 24px;
		padding-bottom: 8px;
		line-height: 1.4;
	}
	.blog_function_wrap_inner h2 span {
		font-size: 22px;
		font-weight: 700;
		font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
	}

	.blog_function_wrap_inner .recent_title_text {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		display: block;
		text-align: left;
	}
	.blog_function_wrap_inner .recent_title_date {
		font-size: 14px;
		display: block;
		text-align: left;
	}



	/* タグクラウド */
	.side_tags ul {
		text-align: left !important;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 店舗情報 */
	.side_info {
		width: 100%;
		text-align: center;
		padding: 0 0 10vw;
	}
	.side_info ul {
		text-align: left;
	}
	.side_info_img {
		margin-bottom: 2vw;
		border-radius: 8px;
	}
	.side_info h2 {
		font-size: 4vw;
		font-weight: 700;
		font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		padding-bottom: 2vw;
		margin-bottom: 6vw;
		border-bottom: 1px solid;
	}
	.side_info p {
		font-size: 3.3vw;
		margin-bottom: 1em;
		line-height: 1.6;
	}



	/* 最近の投稿・アーカイブ */
	.blog_function_wrap_inner {
	}
	.blog_function_wrap_inner > ul {
		overflow: auto;
	}
	.blog_function_wrap_inner > ul > li {
		padding: 0 0 16vw;
	}
	.blog_function_wrap_inner > ul > li > ul {
		width: 100%;
		max-height: 44vw;
		height: 100%;
		overflow: auto;
		text-align: center;
	}
	.blog_function_wrap_inner > ul > li > ul > li {
		line-height: 2.5;
	}
	.blog_function_wrap_inner h2 {
		text-align: center;
		font-size: 3.2vw;
		font-weight: 300;
		line-height: 1.4;
		padding: 0 0 3vw 0;
		margin: 0 0 4vw 0;
		border-bottom: 1px solid;
	}
	.blog_function_wrap_inner h2 span {
		font-size: 6vw;
		font-weight: 700;
		font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
	}
	.blog_function_wrap_inner .recent_title_text {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		width: 62%;
		display: block;
		float: left;
		text-align: left;
	}
	.blog_function_wrap_inner .recent_title_date {
		width: 38%;
		display: block;
		float: left;
		text-align: right;
	}



	/* タグクラウド */
	.side_tags ul {
		text-align: left !important;
	}
}