@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
div.grid-pad {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
a.over_img,
.sidebar .sideLink li a {
	transition: .3s;
}
a.over_img:hover,
.sidebar .sideLink li a:hover {
	opacity: 0.6;
}
br.spContent {
	display: none;
}
@media screen and (max-width: 768px) {
	br.spContent {
		display: inline;
	}
}
@media screen and (max-width: 375px) {
	div.grid-pad {
		padding: 0 15px;
	}
}
@media screen and (max-width: 370px) {
	div.grid-pad {
		padding: 0 10px;
	}
}
/*　ボタン
----------------------------------------*/
div.buttonContent {
	position: relative;
	clear: both;
	text-align: center;
}
div.buttonContent a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	text-decoration: none;
	text-align: center;
}
div.buttonContent a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 0;
}
div.buttonContent a span {
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 108%;
	line-height: 150%;
	text-align: center;
}
div.buttonContent ul {
	display: flex;
	flex-wrap: wrap;
}
div.buttonContent ul li {
	width: 50%;
	padding: 0 10px;
}
@media screen and (max-width: 480px) {
	div.buttonContent ul li {
		padding: 0 5px;
	}
	div.buttonContent a span {
		font-size: 94%;
	}
}
#headerContent ul,
#footerContent ul {
	padding: 0;
}
#headerContent ul li,
#footerContent ul li {
	list-style: none;
}
#headerContent dl dd,
#footerContent dl dd {
	margin-inline-start: 0;
}
.header-container {
	background: #070D12;
	color: #FFF;
}
.site-name-text-link {
	color: #FFF;	
}
#headerContent div.grid,
#footerH3 div.grid,
#footerCopyright div.grid,
#footerMain2 div.grid {
	min-width: 0;
	max-width: none;
	padding: 0 60px;
}
#headerContent div.grid::after,
#footerH3 div.grid::after,
#footerCopyright div.grid::after,
#footerMain2 div.grid::afterr {
	display: none;
}
#headerContent div.col-1-1,
#footerH3 div.col-1-1,
#footerCopyright div.col-1-1,
#footerMain2 div.col-1-1 {
	margin: 0;
	padding: 0;
	float: none;
}
@media screen and (max-width: 1220px) {
	#headerContent div.grid,
	#footerH3 div.grid,
	#footerCopyright div.grid,
	#title div.grid,
	#footerMain2 div.grid {
		max-width: 1140px;
		margin: 0 auto;
		padding: 0 20px;
	}
	#headerContent div.grid {
		max-width: 1160px;
		padding: 0 0 0 20px;
	}
}
#footerContact::before,
#toppageFeature::before,
#toppageContact::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.9;
	mix-blend-mode: multiply;
}
#footerContact div.grid,
#toppageFeature div.grid,
#toppageContact div.grid {
	position: relative;
	z-index: 1;
}
/*========================================
　　ヘッダー
========================================*/
/*　ヘッダー
----------------------------------------*/
#headerContent {
	transition: .3s;
	z-index: 999;
	width: 100%;
	overflow: hidden;
}
#headerContent.transform {
	position: fixed;
	top: 0;
	left: 0;
	background: #070D12;
}
#headerContent h1 {
	width: 100%;
	font-size: 10px;
	line-height: 15px;
	text-align: right;
	color: #999;
	padding: 5px 0 0;
}
#headerContent.transform h1 {
	display: none;
}
#headerContent #headerMain {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#headerContent div.logo {
	padding: 0 0 10px;
	line-height: 50px;
}
#headerContent.transform div.logo {
	padding: 10px 0;
}
#headerContent div.logo a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 0 0 52px;
	text-decoration: none;
	transition: .3s;
	color: #FFF;
}
#headerContent div.logo a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 30px;
	height: 50px;
	margin: -25px 0 0;
	background: url("https://www.tatara-business.com/contents/img/common/logo.svg") no-repeat 50% 50% / 100% auto;
}
#headerContent div.logo a span {
	font-size: 23px;
	line-height: 50px;
	letter-spacing: 0.1em;
}
#headerContent.transform #headerMain {
	position: relative;
	align-items: center;
}
#headerContent.transform #headerMain::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 5px;
	background: linear-gradient(rgba(99,99,99,0.2) 0%, rgba(99,99,99,0) 100%);
}
#headerContent.transform div.pcNav {
	height: auto;
}
#headerContent.transform div.logo a span {
	padding: 0 0 3px;
}
#headerContent div.logo a img {
	width: 100%;
	height: auto;
}
#headerContent div.pcNav {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 0 0;
}
#headerContent div.pcNav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#headerContent div.pcNav div.text ul li {
	padding: 0 0 0 40px;
}
#headerContent div.pcNav div.text ul li a {
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-decoration: none !important;
	text-align: center;
	font-size: 94%;
	line-height: 150%;
	font-weight: 500;
	transition: .3s;
	color: #FFF;
}
#headerContent div.pcNav div.text ul li a:hover {
	opacity: 0.6;
}
#headerContent.transform div.pcNav div.text ul li a:hover {
	opacity: 1;
}
#headerContent div.pcNav div.buttonContent ul {
	width: 250px;
	padding: 0 0 0 20px;
}
#headerContent div.pcNav div.buttonContent ul li {
	padding: 0 0 0 10px;
	flex: 1;
}
#headerContent div.pcNav div.buttonContent ul li a {
	height: 34px;
}
#headerContent div.pcNav div.buttonContent ul li a span {
	font-size: 88%;
}
#headerContent div.spNav {
	display: none;
}
@media screen and (min-width: 1341px) {
	#headerContent div.nav .nav-wrap {
		display: block;
	}
}
@media screen and (max-width: 1540px) {
	#headerContent div.pcNav div.text ul li {
		padding: 0 0 0 30px;
	}
	#headerContent div.pcNav div.text ul li:first-child {
		display: none;
	}
}
@media screen and (max-width: 1340px) {
	#headerContent h1 {
		padding: 5px 10px 0 0;
	}
	#headerContent div.nav {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	#headerContent #headerMain {
		align-items: center;
	}
	#headerContent div.pcNav {
		display: none;
	}
	#headerContent div.nav .nav-button {
		float: right;
		display: block;
		cursor: pointer;
	}
	#headerContent div.nav .nav-wrap {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 10;
		background-color: rgba(7, 13, 18, 0.95);
		width: 100%;
		height: 100%;
	}
	#headerContent div.spNav {
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 60px 20px 20px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	#headerContent div.spNavMain {
		max-width: 768px;
		margin: 0 auto;
		padding: 0 20px;
	}
	#headerContent div.spNav div.contact small {
		display: block;
		padding: 0 0 10px;
		text-align: center;
		line-height: 150%;
	}
	#headerContent div.spNav div.contact p {
		margin: 0;
		padding: 0 10px 20px 0;
	}
	#headerContent div.spNav div.contact p a {
		position: relative;
		display: table;
		margin: 0 auto;
		padding: 0 0 0 40px;
		text-decoration: none;
		font-size: 26px;
		line-height: 30px;
		font-weight: 500;
	}
	#headerContent div.spNav div.contact p a::before {
		content: '\e0b0';
		position: absolute;
		left: 0;
		top: 50%;
		font-size: 26px;
		line-height: 26px;
		font-family: "Material Symbols Outlined";
		font-weight: 300;
		margin: -11px 0 0;
	}
	#headerContent div.spNav div.contact div.buttonContent {
		padding: 0 0 20px;
	}
	#headerContent div.spNav div.contact div.buttonContent div {
		padding: 0 0 20px;
	}
	#headerContent div.spNav div.contact div.buttonContent ul {
		margin: 0 -5px;
	}
	#headerContent div.spNav div.contact div.buttonContent ul li {
		padding: 0 5px;
	}
	#headerContent div.spNav div.contact div.buttonContent a span {
		font-size: 100%;
	}
	#headerContent div.spNav div.text {
		padding: 10px 0 30px;
	}
	#headerContent div.spNav div.text ul li {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	#headerContent div.spNav div.text ul li a {
		font-size: 94%;
		line-height: 150%;
		font-weight: normal;
		text-decoration: none;
		color: #FFF;
	}
	/*メニューボタン*/
	#headerContent div.nav {
		padding: 0;
	}
	#headerContent div.nav .nav-button,
	#headerContent div.nav .nav-button span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	}
	#headerContent div.nav .nav-button {
		z-index: 20;
		position: relative;
		width: 50px;
		height: 50px;
	}
	#headerContent div.nav .nav-button span,
	#headerContent div.nav .nav-button span::before,
	#headerContent div.nav .nav-button span::after {
		position: absolute;
		width: 24px;
		height: 2px;
		border-radius: 2px;
		background: #FFF;
	}
	#headerContent div.nav .nav-button span {
		left: 12px;
		top: 50%;
		margin: -1px 0 0;
	}
	#headerContent div.nav .nav-button span::before,
	#headerContent div.nav .nav-button span::after {
		content: "";
	}
	#headerContent div.nav .nav-button span::before {
		top: -9px;
	}
	#headerContent div.nav .nav-button span::after {
		top: 9px;
	}
	#headerContent div.nav .nav-button.active span {
		background: #FFF;
		top: 7px;
		transform: translateY(16px) rotate(-45deg);
	}
	#headerContent div.nav .nav-button.active span:before {
		opacity: 0;
	}
	#headerContent div.nav .nav-button.active span:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
		background: #FFF;
	}
	#headerContent div.nav .nav-wrap.open {
		display: block;
	}
	#headerContent div.nav .nav-wrap.close {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	#headerContent h1 {
		display: none;
	}
	#headerContent div.logo,
	#headerContent.transform div.logo {
		padding: 10px 0;
	}
	#headerContent div.logo a {
		padding: 0 0 0 35px;
	}
	#headerContent div.logo a::before {
		width: 20px;
		height: 33px;
		margin: -17px 0 0;
	}
	#headerContent div.logo a span {
		font-size: 16px;
		line-height: 40px;
		letter-spacing: 0.1em;
	}
	#headerContent div.textMain.spContent {
		display: block;
		padding: 0;
	}
	#headerContent div.text2 {
		padding: 0 0 3px;
	}
	#headerContent div.text2 p {
		transform: scale(0.9);
        transform-origin: right 50%;
	}
	#headerContent div.text2 p b {
		font-size: 10px;
		line-height: 12px;
	}
	#headerContent div.tel {
		line-height: 14px;
		text-align: center;
	}
	#headerContent div.tel dl dt {
		display: none;
	}
	#headerContent div.tel dl dd a {
		padding: 0 0 0 20px;
		line-height: 20px;
		text-decoration: none;
	}
	#headerContent div.tel dl dd a::before {
		font-size: 20px;
		line-height: 20px;
		margin: -10px 0 0;
	}
	#headerContent div.tel dl dd a b {
		font-size: 20px;
		line-height: 20px;
	}
}
/*========================================
　　フッター
========================================*/
#footerMain {
	position: relative;
	overflow: hidden;
}
#footerMain div.pagetop {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 99999;
	width: 40px;
	height: 40px;
	overflow: hidden;
}
#footerMain div.pagetop a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
}
#footerMain div.pagetop a::after {
	content: '\e986';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	font-size: 26px;
	line-height: 40px;
	font-family: "Material Symbols Outlined";
	font-weight: 300;
	text-align: center;
}
#footerMain div.pagetop a span {
	display: none;
}
#footerMain h3 {
	padding: 20px 0 50px;
	font-size: 10px;
	line-height: 12px;
	font-weight: 400;
	color: #FFF;
}
@media screen and (max-width: 768px) {
	#footerMain2 {
		padding: 0;
	}
	#footerH3,
	#footerLink,
	#footerCompany {
		display: none !important;
	}
}
/*　お問い合わせ
----------------------------------------*/
#footerContact {
	position: relative;
	display: flex;
	padding: 100px 0;
	background: url("https://www.tatara-business.com/contents/img/footer/contact.jpg") no-repeat 50% 50% / cover;
}
#footerContact dl dt {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 0 -20px 40px;
}
#footerContact dl dt b {
	padding: 0 20px;
	font-size: 260%;
	outline-color: 130%;
	font-weight: 500 !important;
}
#footerContact dl dt span {
	padding: 0 10px;
	font-size: 108%;
	outline-color: 130%;
	color: #FFF;
}
#footerContact div.buttonContent a {
	height: 100px;
	line-height: 30px;
}
#footerContact div.buttonContent a span {
	position: relative;
	padding: 0 0 0 55px;
}
#footerContact div.buttonContent ul {
	margin: 0 -20px;
}
#footerContact div.buttonContent ul li {
	padding: 0 20px;
}
#footerContact div.buttonContent ul li:first-child a span {
	font-size: 200%;
	outline-color: 130%;
}
#footerContact div.buttonContent ul li:last-child a span {
	font-size: 180%;
	outline-color: 130%;
}
#footerContact div.buttonContent a span::before {
	position: absolute;
	left: 0;
	top: 50%;
	font-size: 34px;
	line-height: 34px;
	font-family: "Material Symbols Outlined";
	font-weight: 400;
	margin: -15px 0 0;
}
#footerContact div.buttonContent ul li:first-child a span::before {
	content: '\e0b0';
}
#footerContact div.buttonContent ul li:last-child a span::before {
	content: '\e158';
}
@media screen and (max-width: 768px) {
	#footerContact {
		padding: 60px 0 40px;
	}
	#footerContact dl dt {
		display: block;
		margin: 0 0 40px;
	}
	#footerContact dl dt b {
		display: block;
		padding: 0 0 20px;
		font-size: 160%;
		outline-color: 130%;
		font-weight: 500 !important;
	}
	#footerContact dl dt span {
		display: block;
		padding: 0;
		font-size: 88%;
		outline-color: 130%;
	}
	#footerContact div.buttonContent a {
		height: 60px;
		line-height: 30px;
	}
	#footerContact div.buttonContent a span {
		position: relative;
		padding: 0 0 0 45px;
	}
	#footerContact div.buttonContent ul {
		margin: 0;
		display: block;
	}
	#footerContact div.buttonContent ul li {
		width: auto;
		padding: 0 0 20px;
	}
	#footerContact div.buttonContent ul li:first-child a span {
		font-size: 154%;
		outline-color: 130%;
	}
	#footerContact div.buttonContent ul li:last-child a span {
		font-size: 128%;
		outline-color: 130%;
	}
	#footerContact div.buttonContent a span::before {
		font-size: 26px;
		line-height: 26px;
		margin: -12px 0 0;
	}
}
/*　フッターリンク
----------------------------------------*/
#footerLinkCompany {
	position: relative;
	line-height: 150%;
}
#footerLinkCompany div.mainContent {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0 0;
}
#footerLinkCompany div.link {
	display: flex;
	flex: 1;
}
#footerLinkCompany div.link div {
	flex: 1;
	padding: 0 40px 0 0;
	color: #FFF;
}
#footerLinkCompany div.link dl {
	padding: 0 0 40px;
}
#footerLinkCompany div.link dl dt {
	margin: 0 0 20px;
	padding: 0 0 5px;
	font-size: 114%;
	line-height: 150%;
	font-weight: 500;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
#footerLinkCompany div.link dl dd ul li {
	padding: 0 0 15px;
	font-size: 100%;
	line-height: 180%;
}
#footerLinkCompany div.link dl dd ul li a {
	text-decoration: none;
	color: #FFF;
}
#footerLinkCompany div.company {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	padding: 0 0 0 40px;
	color: #FFF;
}
#footerLinkCompany div.company b {
	display: block;
	font-size: 128%;
	line-height: 200%;
}
#footerLinkCompany div.company span {
	display: block;

	padding: 0 0 5px;
	font-size: 114%;
	line-height: 200%;
}
#footerLinkCompany div.company p {
	margin: 0;
	font-size: 100%;
	line-height: 220%;
}
@media screen and (max-width: 768px) {
	#footerLinkCompany {
		display: none;
	}
}
/*　フッターコピーライト
----------------------------------------*/
#footerCopyright {
	padding: 0 0 80px;
	color: #FFF;
}
#footerCopyright small {
    display: block;
    padding: 0 0 5px;
    font-size: 12px;
    line-height: 180%;
	text-align: right;
}
#footerCopyright small a {
	color: #FFF;
}
#footerCopyright p {
    font-size: 114%;
    line-height: 150%;
    margin: 0;
	padding: 0 0 20px;
	text-align: right;
}
@media screen and (max-width: 768px) {
	#footerCopyright {
		padding: 20px 0 30px;
	}
	#footerCopyright small {
		display: none;
	}
	#footerCopyright p {
		font-size: 88%;
		line-height: 150%;
	}
}
h3.widget-sidebar-title {
	padding: 10px;
	font-size: 100%;
	font-weight: 500;
}
.sidebar .sideLink {
	max-width: 190px;
	margin: 0 auto;
	padding: 10px 0 0;
	list-style: none;
}
.sidebar .sideLink li {
	margin: 0;
	padding: 20px 0 0;
	list-style: none;
}
.sidebar .sideLink li a img {
	width: 100%;
	height: auto;
}
.sidebar .sideLink li.company b {
	display: block;
	padding: 0 10px;
	font-size: 88%;
	line-height: 40px;
}
.sidebar .sideLink li.company a img {
	border: 1px solid #DDD;
	border-top: none;
}
.logo.logo-footer.logo-text,
.source-org.copyright {
	display: none;
}

div.category-title {
	padding: 15px 0;
}
div.category-title b {
	display: block;
	padding: 10px 5px;
	font-size: 1.3em;
	text-align: center;
	background: #F3F4F5;
}
#case-content {
	margin-top: 0;
}
#case-content div.category-title {
	margin: 0
}
div.case-content table th,
div.case-content table td {
	padding: 10px 5px;
	font-size: 1em;
	line-height: 1.4em;
}
div.case-content table th {
	width: 20%;
}
div.category-link {
	padding: 20px 0;
}
div.category-link a {
	display: block;
	max-width: 400px;
	margin: 0 auto;
	padding: 15px 5px;
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: center;
	color: #333;
	background: #F3F4F5;
	font-weight: bold;
	border: 1px solid #333;
	text-decoration: none;
	border-radius: 5px;
}
div.category-link a:hover {
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
div.case-content div.title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 0 10px;
}
div.case-content div.title b {
	margin: 0 0 10px;
	padding: 0 10px 0 0;
	font-size: 114%;
	flex: 1;
}
div.case-content div.title span {
	margin: 0 0 10px;
	font-size: 80%;
	line-height: 1em;
	padding: 7px 7px;
	text-align: center;
	font-weight: bold;
	background: #F3F4F5;
	border: 1px solid #DDD;
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
@media screen and (max-width: 1023px) {
	div.category-title b {
		font-size: 1.2em;
	}
	div.case-content table th,
	div.case-content table td {
		font-size: 0.9em;
		line-height: 1.4em;
	}
	div.case-content table th {
		width: 25%;
	}
	div.category-link a {
		font-size: 1.0em;
	}
}
#headerContent a,
#headerContent a:link,
#headerContent a:active,
#headerContent a:visited,
#footerContent a,
#footerContent a:link,
#footerContent a:active,
#footerContent a:visited {
	color: #C29B5D;
}
#headerContent.transform div.pcNav div.text ul li a:hover {
	color: #C29B5D;
}
#headerContentdiv.pcNav div.buttonContent ul li.members a
#headerContentdiv.spNav div.contact div.buttonContent ul li.members a {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12 !important;
}
#headerMain div.buttonContent ul li.login a,
#headerContent.sidr div.buttonContent ul li.login a {
	color: #C29B5D !important;
	background: none;
}
#headerMain div.buttonContent ul li.login a::before,
#headerContent.sidr div.buttonContent ul li.login a::before {
	display: block;
	border: 1px solid #C29B5D;
	opacity: 0.7;
}
#footerContact::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #C29B5D;
	opacity: 0.5;
}
.footer,
#footerContact::before {
	background: #070D12;
}
#footerLinkCompany div.link dl dt,
#footerLinkCompany div.company b,
#footerContact dl dt b {
	color: #C29B5D;
}
div.buttonContent a,
#footerMain div.pagetop a {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12 !important;
}
#footerMain div.pagetop a {
	background: rgba(218, 178, 114, 0.5);
	background: linear-gradient(90deg,rgba(218, 178, 114, 0.7) 30%, rgba(141, 110, 65, 0.7) 100%);
	color: #070D12 !important;
}
#footerContact div.buttonContent ul li:last-child a {
	color: #C29B5D !important;
	background: none;	
}
#footerContact div.buttonContent ul li:last-child a::before {
	display: block;
	border: 1px solid #C29B5D;
}
div.buttonContent a span,
#headerContent div.logo a,
#headerContent div.pcNav div.text ul li a,
#headerContent div.spNav div.contact p a,
#footerContact dl dt b,
#footerLinkCompany div.link dl dt,
#footerLinkCompany div.company b,
#footerLinkCompany div.company span,
#footerCopyright p,
.site-name-text-link {
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.1em;
	font-weight: 600;
}
.wp-calendar-table {
	font-size: 12px;
	line-height: 16px;
}
.wp-calendar-table caption {
	padding: 0.5em 0;
	background: #DDD;
}
.wp-calendar-table td {
	line-height: 30px;
}
.wp-calendar-table [id$=today] {
	background: #C29B5D;
}
/*　スライダー
----------------------------------------*/
div.sliderContent {
	padding: 0 0 40px;
}
div.sliderContent .flexslider {
	margin: 0;
	background: none;
	border: none !important;
	position: relative;
	zoom: 1;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
div.sliderContent ul.slides {
	padding: 0 !important;
}
div.sliderContent div.mainSlider {
	position: relative;
	margin: 0 0 10px;
}
div.sliderContent div.mainSlider ul li {
	margin: 0 !important;
}
div.sliderContent div.mainSlider ul li p.caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 10px;
	font-size: 13px;
	line-height: 140%;
    text-align: center;
	color: #FFF;
	background: rgba(0,0,0,0.4);
}
div.sliderContent div.mainSlider ul li span.photo01 {
	position: relative;
	overflow: hidden;
	display: block;
}
div.sliderContent div.mainSlider ul li span.photo01::before {
	padding-top: 75%;
	display: block;
	content: "";
}
div.sliderContent div.mainSlider ul li span.photo02 {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	display: block;
}
div.sliderContent div.mainSlider ul li span.photo03 {
	font-size: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
}
div.sliderContent div.mainSlider ul li span.photo03::before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	position: relative;
}
div.sliderContent div.mainSlider ul li span.photo03 img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	display: inline;
}
div.sliderContent div.mainCarousel ul li span.over_img {
	display: block;
	cursor: pointer;
	overflow: hidden;
}
div.sliderContent div.mainCarousel ul li span.over_img img {
	width: 100%;
	height: auto;
}
.pswp__caption__center {
	max-width: none !important;
	display: table !important;
}