@charset "UTF-8";

/*
Theme Name: supapan1.0.0
Theme URI: https://supapan.himecuri.com
Description: supapanWEB default theme for WordPress.
Author: LIVSERVER, Inc.
Author URI: https://supapan.himecuri.com
Version: 1.0.0

*/
/*=================================
	#common
=================================*/
html {
	overflow: auto;
		-webkit-text-size-adjust: 100%;
		font-size: 16px;
		/* scroll-behavior: smooth; */
	background: #fff;
}
body {
	background: #009246;
	/* padding-top: 75px; */
	background: #fff url('https://supapan.himecuri.com/wp-content/themes/supapan1.0.0/img/body_background_v4.jpg') center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
    background-position: center;
}
/*IEのみフォントを変える*/
@media all and (-ms-high-contrast:none){
 body { font-family: "Arial","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
}
* {
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
}
a {
	color: #0570de;
	text-decoration: none;
	font-weight: 600;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.clear {
	clear: both;
}
p {
		display: block;
		margin: 0;
		padding: 0;
		text-align: justify;
}
hr {
	background-color: #ccc;
}
ol {
	list-style-type: decimal;
}
strong { font-weight: bold; }
em { font-style: italic; }

blockquote.wp-embedded-content {
	display: none;
}
iframe.wp-embedded-content {
	position: relative !important;
	width: 100%;
	max-height: 120px;
}

.aligncenter {
		display: block;
		margin: 0 auto;
		text-align: center;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"] {
		height: auto;
		max-width: 100%;
		margin: 8px auto;	
}
img[class*="attachment-"] {
		height: auto;
		max-width: 100%;
}
.clearfix {
		overflow: hidden;
		zoom: 1;
}
.clearfix:after {
		content: ""
		display: block;
		clear: both;
}
.wp-pagenavi {
		margin-top: 32px;
		text-align: center;
}
.wp-pagenavi span.current {
		color: #fff;
		border-radius: 4px;
		background: #002A59;
}
.wp-pagenavi a,
.wp-pagenavi span {
		display: inline-block;
		padding: 0.5em 0.7em 0.45em;
		color: #002A59;
		text-decoration: none;
		/* border: 1px solid #002A59; */
		border-radius: 4px;
		background: #f8f9fa;
		transition: all 0.3s ease;
}
.wp-pagenavi a:hover {
		color: #fff;
		background: #002A59;
}
.wp-pagenavi .pagination {
		display: block;
}
.wp-pagenavi .pagination ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: center;
		align-items: center;
}
.wp-pagenavi .pagination ul > li {
		margin-right: 4px;
}
.wp-pagenavi .pagination ul > li:last-child {
		margin-right: 0;
}
img,canvas,iframe,video,svg{max-width:100%}.overflow-container{overflow-y:scroll}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}
/*記事・カテゴリ中の画像を要素内に収める*/
.article img,
.category-description img,
.wp-caption,
.hover-image{
  max-width:100%;
  height:auto;
}
blockquote {
    position:relative;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
	margin: 32px 0;
    padding: 0px 32px;
}
blockquote p {
	color: #666;
	font-size: 14px !important;
	font-style: italic;
}
blockquote:before{
    position:absolute;
	border-radius: 0 0 32px 0;
    background-color:#FFFFFF;
    color:#aaa;
    font-family: bootstrap-icons !important;
    content:'\F6B0';
    line-height:1;
    text-align:center;
    top: -20px;
    left: -10px;
    padding: 10px;
    font-size: 24px;
}
blockquote:after{
    position:absolute;
    right: -10px;
    bottom: -20px;
	border-radius: 0 0 32px 0;
    background-color:#FFFFFF;
    padding: 10px;
    color:#aaa;
    font-family: bootstrap-icons !important;
    content:'\F6B0';
    line-height: 1;
    text-align: center;
    font-size: 24px;
	transform: scale(-1, -1);
}
blockquote cite {
    display: block;
	margin: 16px 0;
    font-size: 13px;
    text-align: right;
    color: #666;
}
.pagination-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
    position: relative;
    font-size: 16px;
    background: #fff; /* #ECEFF1; */
}

.pagination-block span,
.pagination-block a {
    display: block;
    width: auto;
    margin: 4px;
    padding: 12px 16px;
    color: #111;
    border-radius: 4px;
	border: 1px solid #111;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 16px;
}

/* ページ番号 */
.pagination-block .pager {
    width: auto;
}

/* ホバー時 & 現在のページ */
.pagination-block a:hover,
.pagination-block .current  {
    color: #111;
    background-color: #f8f9fa;
	border: 1px solid #f8f9fa;
    transition: all 0.3s ease;
}

/* 前へ */
.pagination-block a.prev {
    margin-right: 16px;
}
/* 次へ */
.pagination-block a.next {
    margin-left: 16px;
}
/* 最初へ */
.pagination-block a.first {}
/* 最後へ */
.pagination-block a.last {}

/* Page x / y */
.pagination-block span.page_num {
    display: none;
}
/* .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */
/************************************
** WordPress Misc
************************************/
img.alignleft,
.wp-caption.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
img.alignright,
.wp-caption.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}


.wp-caption {
	margin: 16px auto;
  padding-top: 0; /* default 4px; */
  color: #607D8B;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f0f0f0;
  text-align: center;
}

.wp-caption-text,
.gallery-caption {
  margin: 8px 0 !important;
  color: #546E7A;
  font-size: 80%;
  text-align: center;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}
.youtube-block {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube-block iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border-radius: 12px;
}
/*-------------------------
	ブログカード
-------------------------*/
a.tmt-blog-card {
	display: table;
	margin: 32px 0;
	border-radius: 4px;
	border: 1px solid #ddd;
		background: #fff;
	display: block;
	padding: 16px;
	position: relative;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	width: 100%;
	text-decoration: none;
}
	a.tmt-blog-card::after {
		background: #f8f9fa;
		border-radius: 0;
		color: #222;
		content: '詳しく見る';
		font-size: 14px;
		display: block;
		padding: 8px 16px;
		position: absolute;
		bottom: 10px;
		right: 20px;
	}
	a.tmt-blog-card:hover {
		box-shadow: none;
		text-decoration: none;
	}
	.tmt-blog-card-title {
		font-size: 18px;
		font-weight: 600;
		color: #222;
		padding-bottom: 5px;
	}
	.tmt-blog-card-thumbnail {
		/* flex: 1; */
		display: table-cell;
		vertical-align: middle;
		width: 20%;
		margin-right: 15px;
		padding-top: 5px;
	}
		.tmt-blog-card-thumbnail img {
			width: 100%;
		}
	.tmt-blog-card-content {
		display: table-cell;
		vertical-align: middle;
		width: 80%;
		flex: 2.5;
		padding: 0 16px;
	}
	.tmt-blog-card-excerpt {
		color: #222;
		font-size: 13px;
		padding-bottom: 15px;
	}
	.tmt-blog-card-site {
		color: #aaa;
		font-size: 11px;
		padding-left: 5px;
	}
		.tmt-blog-card-site img {
			margin-right: 5px;
			vertical-align: bottom;
			width: 20px;
		}
@media (max-width: 980px) {
	.tmt-blog-card-excerpt {
		border: none;
	}
}
@media (max-width: 640px) {
	a.tmt-blog-card {
		padding: 10px 10px 20px 10px;
	}
	a.tmt-blog-card::before {
		font-size: 11px;
		padding: 2.5px 8px;
		top: -15px;
		left: 10px;
	}
	a.tmt-blog-card::after {
		font-size: 12px;
		padding: 2px 13px;
		right: 10px;
	}
	.tmt-blog-card-thumbnail {
		margin-right: 10px;
		padding-top: 10px;
	}
	.tmt-blog-card-title {
		font-size: 16px;
	}
	.tmt-blog-card-excerpt {
		display: none;
	}
}
.search-box {
	width: 300px;
}
.search-box input {
	border: none;
	border-radius: 8px 0 0 8px;
	border: 1px solid #ddd;
	border-right: none;
	background: #fff;
	box-shadow: none !important;
}
.search-box button {
	box-shadow: none;
	border-radius: 0 8px 8px 0;
	border: 1px solid #ddd;
	border-left: none;
	background: #fff;
}
.search-box button:hover {
	border: 1px solid #ddd;
	border-left: none;
	background: #f8f9fa;
}
.search-box button:hover i {
	color: #111;
}
.search-box button i {
	color: #111;
	font-size: 14px;
}
.sticky-top-sidebar {
	position: sticky;
	top: 16px;
	z-index: 1020;
}
.slick-slide a:focus { outline: none;}
.ui-widget-header {
	color: #111;
	background: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	border: none;
	background: #f8f9fa;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #FFF8E1;
}
.link-btn-block {
	margin: 32px 0;
	text-align: center;
}
.text-vertical {
	writing-mode: vertical-rl;
}
/*=================================
	#keyframe
=================================*/
.slideUp {
		animation-name: slideUp;
		animation-duration: 1s;
		animation-timing-function: ease;
}

.fadein{
	animation: fadeIn 0.2s ease 0s 1 normal;
}

.fadeout{
	animation: fadeOut 1s ease 0s 1 normal;
}
@keyframes slideUp {
		0% {
				transform: translateY(16px);
		}
		100% {
				transform: translateY(0px);
		}
}

@keyframes fadeIn {
	0% {opacity: 0.5}
	100% {opacity: 1}
}

@keyframes fadeOut {
	0% {opacity: 1}
	100% {opacity: 0}
}

.bound {
  animation: bound 3s infinite;
}
 
@keyframes bound {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-5px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

.swing {
		animation: swing 3s .45s;
}

@keyframes swing {
		0%,100% { 
				-webkit-transform-origin: bottom center; 
		}
		10% { -webkit-transform: rotate(-15deg); }  
		20% { -webkit-transform: rotate(10deg); }
		30% { -webkit-transform: rotate(-5deg); }   
		40% { -webkit-transform: rotate(5deg); }    
		50% { -webkit-transform: rotate(-3deg); }

		60% { -webkit-transform: rotate(2deg); }
		70% { -webkit-transform: rotate(-2deg); }
		80% { -webkit-transform: rotate(1deg); }
		90% { -webkit-transform: rotate(-1deg); }
		100% { -webkit-transform: rotate(0deg); }
}

.swing-reverse {
		animation: swing-reverse 3s .45s;
}

@keyframes swing-reverse {
		0%,100% { 
				-webkit-transform-origin: top center; 
		}
		10% { -webkit-transform: rotate(-15deg); }  
		20% { -webkit-transform: rotate(10deg); }
		30% { -webkit-transform: rotate(-5deg); }   
		40% { -webkit-transform: rotate(5deg); }    
		50% { -webkit-transform: rotate(-3deg); }

		60% { -webkit-transform: rotate(2deg); }
		70% { -webkit-transform: rotate(-2deg); }
		80% { -webkit-transform: rotate(1deg); }
		90% { -webkit-transform: rotate(-1deg); }
		100% { -webkit-transform: rotate(0deg); }
}
/*=================================
	#animation
=================================*/
.animate-on-scroll {
  opacity: 0;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.slide-up {
  transform: translateY(30px);
}

.slide-up.in-view {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-scale {
  transform: scale(0.95);
}

.fade-in-scale.in-view {
  opacity: 1;
  transform: scale(1);
}

.slide-down {
  transform: translateY(-30px);
}

.slide-down.in-view {
  opacity: 1;
  transform: translateY(0);
}

.horizontal-item {
  opacity: 0; /* 最初は透明 */
  transform: translateX(-50px); /* 少し左にずらしておく */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* 個別の遅延時間を設定 */
.item1.in-view {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.2s; /* 最初の要素は少し遅らせる */
}

.item2.in-view {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s; /* 2番目の要素はさらに遅らせる */
}

.item3.in-view {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.6s; /* 3番目の要素はさらに遅らせる */
}

.item4.in-view {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.8s; /* 4番目の要素は最も遅らせる */
}
/*=================================
	#header
=================================*/
#header_pc {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	max-width: 600px;
	margin: 0 auto;
	z-index: 1030;
	border-radius: 0 0 16px 16px;
	/* border-bottom: 3px solid #ce2b37; */
	background: #fff;
	z-index: 1030;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
}
	#header_info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 75px;
		padding: 0;
		/* border-bottom: 1px solid #ddd; */
		/* background: #fff; */
		/* background: rgba(224,242,241, 0.75); */
	}
		#header_info .header-logo {
			float: left;
			height: 50px;
			border-radius: 12px;
		}
			#header_info .header-logo a {
				display: block;
			}
			#header_info .header-logo img {
				height: 50px;
				border-radius: 12px;
			}
			#header_info .header-description {
				/* padding: 2px 8px; */
				color: #ce2b37;
				font-size: 12px;
				font-weight: 600;
				/* background: #ce2b37; */
			}
		#header_info .header-information {
			float: right;
			margin-right: 16px;
			text-align: right;
		}
			#header_info .header-information > ul.nav-lists {
				margin: 0;
				padding: 0;
				list-style: none;
				text-align: right;
			}
				#header_info .header-information > ul.nav-lists > li {
					float: left;
					/*margin-left: 32px;*/ /*48px*/
				}
				#header_info .header-information > ul.nav-lists > li a.btn-link {
					color: #333;
				}
				#header_info .header-information > ul.nav-lists > li a:not(.btn) {
					/* padding: 16px 8px; */
					color: #333;
				}
				#header_info .header-information > ul.nav-lists > li a:not(.btn):hover {
					color: #333;
					text-decoration: none;
					transition: 0.3s;
				}
				#header_info .header-information > ul.nav-lists > li.col-btn {
					margin-top: -2px;
					margin-left: 16px;
				}
		#header_info .header-link {
			padding: 0 16px;
		}
			#header_info .header-link img {
				width: 30px;
			}
/*=================================
	#main
=================================*/
#main {
	margin-bottom: 32px;
	padding: 0 32px;
	padding-top: 76px;
	padding-bottom: 32px;
	min-height: 100vh;
	border-radius: 0 0 16px 16px;
	background: #fff;
	box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3);
}
	#main .index-header-image {
		margin: 16px -32px;
		margin-top: -16px;
		/* border-radius: 16px; */
	}
		#main .index-header-image img {
			/* border-radius: 16px; */
		}
	#main .contents-title {
		margin-top: 32px;
		margin-bottom: 16px;
		color: #222;
		font-size: 20px;
		font-weight: 600;
	}
		#main .contents-title .contents-title-icon {
			margin-right: 8px;
			width: 60px;
		}
			#main .contents-title .contents-title-icon img {
				width: 100%;
			}
	#main .contents-block {
		margin-bottom: 32px;
		padding: 32px;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
	}
	#main .menu-block {
		display: grid;
		grid-template-columns: repeat(1, minmax(150px, 1fr));
		gap: 16px;
		margin-bottom: 32px;
	}
		#main .menu-block .menu-list {
			border-radius: 16px;
			background: #fff;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
		}
			#main .menu-block .menu-list {
				display: block;
				padding: 16px;
				color: #222;
				text-align: center;
			}
		#main .menu-block .menu-list.list-link {
			border: 1px solid transparent;
			background: #eee;
			box-shadow: none;
		}
		#main .menu-block .menu-image,
		#main .menu-block .menu-image-lists {
			margin: 0 auto;
			margin-bottom: 16px;
		}
		#main .menu-block .menu-image-lists {
			max-width: 120px; 
		}
		#main .menu-block .menu-title {
			margin-bottom: 8px;
			font-size: 18px;
			font-weight: 600;
		}
		#main .menu-block .menu-price {
			font-size: 24px;
			font-weight: 600;
		}
#main .index-header-message {
	margin: 64px 0;
	text-align: center;
}
	#main .index-header-message .image {
		width: 60px;
		margin: 0 auto;
		margin-bottom: 8px;
	}
		#main .index-header-message .image img {
			width: 100%;
		}
	#main .index-header-message .title {
		margin-bottom: 32px;
		font-size: 32px;
		font-weight: 600;
	}
	#main .index-header-message .desc {
		line-height: 1.5;
	}
#main #index_posts_block .post-list {
	display: flex;
	/* justify-content: space-between; */
}
	#main #index_posts_block .post-date {
		color: #777;
		font-size: 12px;
		font-weight: 400;
		text-align: left;
	}
	/* #main #index_posts_block .post-category-inner {
		min-width: 30px;
		margin-top: 16px;
		padding: 0 8px;
		color: #009246;
		font-size: 10px;
		font-weight: 600;
		border-radius: 4px 0 0 4px;
		border-left: 3px solid #009246;
		background: #009246;
		text-align: center;
	} */
	#main #index_posts_block .card {
		flex: 1;
		margin-bottom: 16px;
		border: none;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
	}
		#main #index_posts_block .card .card-body {
			padding: 16px;
		}
		#main #index_posts_block .card .card-body h2.card-title {
			margin-bottom: 8px;
			color: #222;
			font-size: 16px;
			font-weight: 600;
			line-height: 1.5;
		}
		#main #index_posts_block .card .card-image {
			width: 100%;
			/* max-height: 200px; */
		}
			#main #index_posts_block .card .card-image img {
				max-height: 240px;
				object-fit: cover;
			}
/*=================================
	#heading
=================================*/
#single h1,
#single h2,
#single h3,
#single h4,
#single h5,
#single h6 {
	margin: 0;
	padding: 0;
	font-weight: 600;
	line-height: 1.5;
}
#single h2 {
	margin-top: 48px;
	margin-bottom: 16px;
	font-size: 20px;
}
#single h3 {
	margin-top: 16px;
	margin-bottom: 8px;
	padding: 16px;
	font-size: 16px;
}
#single h4 {
	margin-top: 16px;
	margin-bottom: 8px;
	padding: 8px 0;
	padding-left: 16px;
	font-size: 16px;
	border-left: 1px solid #333;
}
#single h5 {
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 14px;
}
#single h6 {
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 14px;  
}
/*=================================
	#single
=================================*/
#single .single-contents-block .breadcrumbs {
	margin-top: 16px;
	/* margin-bottom: 32px; */
	padding: 8px 0;
	color: #777;
	font-size: 12px;
	border-bottom: 1px solid #eee;
	/* border-radius: 32px; */
	/* background: #f7f7f7; */
}
#single .single-contents-block .breadcrumbs li {
	display: inline-block;
}
#single .single-contents-block .breadcrumbs a {
	text-decoration: underline;
}
#single .single-contents-block .breadcrumbs i {
	margin: 0 4px;
	font-size: 12px;
}
#single .single-contents-block .breadcrumbs span:last-child a {
	color: #999;
	text-decoration: none;
}
#single .single-contents-block .breadcrumbs a:hover {
	color: #111;
	text-decoration: none;
}
#single .single-contents-block .single-title {
	margin-top: 32px;
	margin-bottom: 32px;
}
#single .single-contents-block .single-title h1 {
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5;
}
#single .single-contents-block .single-date {
	color: #777;
	font-size: 12px;
	text-align: right;
}
#single .single-contents-block .single-thumb {
	margin: 32px 0;
}
#single .single-contents-block .single-thumb img {
	width: 100%;
	border-radius: 12px;
}
#single .single-contents-block .single-contents {
	margin: 32px 0;
	font-size: 16px;
}
#single .single-contents-block .single-contents p {
	margin: 32px 0;
	font-size: 16px;
	line-height: 1.5;
}
#single .single-contents-block .single-contents .wp-block-column p {
	margin: 0;
	margin-top: 4px;
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 1.5;
}
#single .single-contents-block .single-contents p a,
#single .single-contents-block .single-contents ul a,
#single .single-contents-block table tr td a {
	text-decoration: underline;
}
#single .single-contents-block .single-contents p a:hover,
#single .single-contents-block .single-contents ul a:hover,
#single .single-contents-block table tr td a:hover {
	text-decoration: none;
}
#single .single-contents-block .single-contents img {
	border-radius: 12px;
}
#single .single-contents-block .single-contents figcaption {
	margin: 8px;
	color: #999;
	font-style: italic;
	text-align: center;
}
#single .single-contents-block .single-contents ul {
	margin: 0;
	padding: 0;
	padding-left: 24px;
	list-style: disc;
}
#single .single-contents-block .single-contents .wp-block-quote {
	color: #666;
    font-size: 14px !important;
    font-style: italic;
}
#single .single-contents-block .single-contents .wp-block-quote ul {
	margin: 16px 0;
}
#single .single-contents-block .single-contents iframe {
	border-radius: 12px;
}
#single .single-contents-block .single-contents .single-link {
	margin: 32px 0;
}
#single .single-contents-block .single-contents .single-link .single-link-btn {
	overflow-x: auto;
}
#single .single-contents-block .single-contents .single-link .single-link-btn a {
	margin-right: 6px;
	margin-bottom: 8px;
}
#single .single-contents-block .single-contents .single-link .single-link-btn a:last-child {
	margin-right: 0;
}
#single .single-contents-block .single-contents .single-link .single-link-btn a.btn {
	padding: 8px 12px;
}
/*=================================
	#category
=================================*/
#category #page_title h1 {
	margin: 32px 0;
	font-size: 20px;
	font-weight: 600;
}
/*=================================
	#page
=================================*/
#page #page_title h1 {
	margin: 32px 0;
	font-size: 20px;
	font-weight: 600;
}
/*=================================
	#search
=================================*/
#search #page_title h1 {
	margin: 32px 0;
	font-size: 20px;
	font-weight: 600;
}
/*=================================
	#footer
=================================*/
#footer {
	/* padding: 32px 0; */
	/* border-top: 1px solid #ddd; */
	/* background: #fff; */
}
#footer .footer-inner {
	padding: 16px 0;
	padding-bottom: 24px;
	border-radius: 12px 12px 0 0;
	background: #fff;
}
#footer .copy {
	color: #aaa;
	font-size: 12px;
	text-align: center;
}
#footer .footer-link {
	max-width: 500px;
	margin: 0 auto;
}
#footer .footer-link ul.lists {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer .footer-link ul.lists > li {
	margin: 8px;
}
#footer .footer-link ul.lists > li a {
	color: #999;
	font-size: 12px;
}
@media all and (max-width: 1200px) {

}
@media all and (min-width: 992px) and (max-width: 1280px) {

}
@media all and (max-width: 992px) {

}
@media all and (max-width: 768px) {

}
@media all and (max-width: 576px) {
	body {
		background: #fff;
	}
	#main {
		margin-bottom: 0;
		padding-left: 16px;
		padding-right: 16px;
		min-height: auto;
		border-radius: 0;
	}
	#main .index-header-image {
		margin: 16px -16px;
		margin-top: -16px;
		/* border-radius: 16px; */
	}
	#main .index-header-message .title {
		font-size: 28px;
	}
	#main .menu-block .menu-image-lists {
		max-width: 80px; 
	}
	#main #index_posts_block .card .card-body {
		padding: 16px;
	}
	#main #index_posts_block .post-category-inner {
		min-width: 36px;
	}
	#single .single-contents-block .single-title h1 {
		font-size: 20px;
	}
	#footer .footer-inner {
		border-radius: 0;
	}
}