/*
Theme Name:goshiki-child
Template:goshiki
Version:1.7.0
*/
 
/*
文字カラー：#2f251c
*/

/*▼▼▼▼▼▼▼▼▼▼ br ▼▼▼▼▼▼▼▼▼▼*/
br.sp {
	display: none;
}
@media screen and (max-width: 480px) {
	br.sp { display: block; }
}

/*▼▼▼▼▼▼▼▼▼▼ フォント・カラー ▼▼▼▼▼▼▼▼▼▼*/
* {
	font-family: 'Sawarabi Mincho', sans-serif!important;
	color: #2f251c;
}
	/*----- さわらびフォント指定 -----*/
	h1,h2,h3,h4,h5,h6,p,span {
		font-family: 'Sawarabi Mincho', sans-serif!important;
		color: #2f251c;
	}
.mfp-bg { 
	background: #2f251c;
} 
/*------------トップメニューhover------------*/
body.trans-header div:not(.is-sticky)>.headerclass-outer div:not(.is-sticky)>.kad-header-topbar-primary-outer div:not(.is-sticky)>.headerclass .nav-main ul.sf-menu>li>a {
	color: #2f251c;
}

/*▼▼▼▼▼▼▼▼▼▼ 各セクションタイトル ▼▼▼▼▼▼▼▼▼▼*/
.section_tit {
	color: #2f251c;
	font-weight: bold;
	text-align: center;
	font-size: 180%;
}
.section_tit span {
	display: block;
	font-size: 90%;
	position: relative;
	width: 11%;
	margin: .2em auto 0;
	font-family: Monotype Corsiva!important;
	font-weight: normal;
	border-top: 1px solid #2f251c;
}
.section_tit span:before {
	content: '';
	height: 1px;
}
@media screen and (max-width: 490px) {
	.section_tit { font-size: 140%; }
	.section_tit span { width: 20%; }
}

/*▼▼▼▼▼▼▼▼▼▼ ボタン ▼▼▼▼▼▼▼▼▼▼*/

.entry-content p a:not(.button):not(.select2-choice):not([data-rel=lightbox]) {
	border-bottom: 2px solid #2f251c;
	transition: unset;
}

.entry-content p a:not(.button):not(.select2-choice):not([data-rel=lightbox]):hover {
	border: none;
}

a.blockbtn {
	display: inline-block;
	max-width: 280px;
	width: 100%;
	margin: 4em auto 0;
	padding: 1em 0;
	background: rgba(255,255,255, .7);
	border: 2px solid #2f251c;
	color: #2f251c;
	font-size: 120%;
	font-family: 'Sawarabi Mincho', sans-serif!important;
}

a.blockbtn:hover {
	color: #fff;
	background-color: rgba(47,37,28, .7);
	font-weight: bold;
	border:none;
	letter-spacing: .3em;
}

@media screen and (max-width: 480px) {
	a.blockbtn { margin: 2em auto 0; font-size: 110%; padding: .5em 0; max-width: 200px;}
}

/*▼▼▼▼▼ コンセプト・ママ挨拶@Concept ▼▼▼▼▼*/

.txtbox {
	text-align: center;
}

.txtbox h4 {
	margin-bottom: 2em;
	color: #2f251c;
}


/*▼▼▼▼▼ ブログ@blog ▼▼▼▼▼*/
#blog {
	margin: 0 auto;
	width: 80%;
	background-color: rgba(255,255,255, .8);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding-top: 25px;
	text-align: center;
}
#blog a {
	color: #5A442D;
}
#blog h3 {
	display: none;
}
#blog ul {
	display: inline-block;
	list-style: none;
}

#blog ul li {
	display: table;
	text-align: left;
	margin-bottom: 1em;
	font-weight: bold;
	border-bottom: dotted 1px #2f251c;
	width: 100%;
}
#blog .rss-date {
	padding-left: 2em;
	padding-right: 5px;
	font-weight: normal;
	float: right;
}
#blog_link {
	text-align: center;
}
#blog_link a.blockbtn {
	margin: .5em auto 0;
}
@media screen and (max-width: 768px) {
	#blog { width: 90%; }
}
@media screen and (max-width: 480px) {
	#blog { width: 100%; }
	#blog .rss-date { padding-left: .8em; }
}
/*▼▼▼▼▼ インスタ ▼▼▼▼▼*/

	.insta-app .sb_instagram_header, .insta-app #sbi_load {
		display: none;
	}

/*▼▼▼▼▼ メニュー@menu ▼▼▼▼▼*/

.m_box {
	text-align: center;
	border: 1px solid #2f251c;
	margin: 1em auto;
	padding: 0 0 1em;
	max-width: 600px;
	width: 100%;
	color: #fff;
	background: rgba(255,255,255, .5);
}


.m_box h4 {
	font-weight: 500;
	background: #BFD3C1;
	margin-top: 0;
	padding: .4em 0;
	margin-bottom: 4%;
	color: #2f251c;
	font-weight: bold;
}	

ul#menu {
	display: inline-block;
	list-style: none;
	padding: 0;
}

ul#menu li {
	text-align: center;
}

#menu_tab {
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	width: 100%;
	margin: 0 auto;
	justify-content: center;
}

#menu_tab ul {
	margin-bottom: .5em;
}

#menu_tab li a {
	color: #5A442D;
	padding-bottom: .5em;
}

#menu_tab li a:hover {
	border-bottom: #384D48 2px solid;
}

#menu_tab li.active a,
#menu_tab li.active a:focus,
#menu_tab li.active a:hover {
	border-bottom: #384D48 2px solid;
	color: #384D48;
}

@media screen and (max-width: 768px) {
	#menu_tab ul { width: 90%; margin: 0 auto; }
}

@media screen and (max-width: 480px) {
	.m_box h4 { font-size: 120%; }
}


/*オススメ 背景色付 */

.point-bg {
	background: rgba(255,255,255, .3);
	padding: .5em 0;
	margin-bottom: 1em;
}
 

.menu {
	max-width: 850px;
	width: 100%;
	margin: 0 auto;
}

.menu h4 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #2f251c;
	padding: .4em;	
	font-weight: bold;
}

	.menu h5 {
		color: #2f251c;
		text-align: left;
		margin-left: 1em;
		font-size: 19px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.menu-list {
		list-style: none;
/*		display: inline-block;*/
	}
	.menu-list li {
/*		display: table;
		text-align: center;*/
	}
	.menu-item {
		max-width: 850px;
		margin: 0 auto;
	}


	.menu-item h6 {
		color: #2f251c;
		text-align: left;
		margin-bottom: 0;
		border-bottom: dashed 1px #2f251c;
		margin-left: 1em;
		margin-right: 1em;
		font-weight: normal;
	}

	.menu-item h6 span {
		display: block;
		font-size: 85%;
	}

	.menu-item p {
		text-align: right;
		margin-bottom: 0;
		margin-right: 1.5em;
	}

/*▼▼▼▼▼ システム@System ▼▼▼▼▼*/

#section5 {
	text-align: center;
}

#section5 .system {
	margin: 2em auto;
	font-size: 180%;
	color: #2f251c;
}

#section5 .system h3 {
 	font-size: 100%;
	color: #2f251c;
	margin-bottom: .5em;
}

@media screen and (max-width: 480px) {
	#section5 .system { font-size: 140%; }
}


/*▼▼▼▼▼ リクルート@Recruit ▼▼▼▼▼*/
	#section7 .txtbox {
		display: block;
		margin: 2em auto 0;
		text-align: center;
		color: #2f251c;
		padding: 7em 10px 4em;
	}
	#section7 .txtbox h3 {
		color: #2f251c;
		font-size: 140%;
		line-height: 35px;
		letter-spacing: .2em;
		font-weight: bold;
	}
	#section7 .txtbox h5 {
		color: #2f251c;
		font-size: 20px;
		line-height: 35px;
		letter-spacing: .2em;
		width: 80%;
		display: inline-block;
		text-align: left;
	}
	@media screen and (max-width: 480px) {
		#section7 .txtbox h3 { font-size: 18px; }
		#section7 .txtbox h5 { font-size: 16px; width: 100%; }
	}

/*▼▼▼▼▼ アクセス@Access ▼▼▼▼▼*/

#section8 {
	flex-direction: row-reverse;
}

#access img {
	width: 10%;
	margin-bottom: .5em;
}

.flex {
	display: flex;
	align-items: center;
}

#access h3 {
	color: #2f251c;
	text-indent: .5em;
}

ul.acc {
	list-style: none;
	margin-top: 1em;
	border-top: 1px solid;
}

ul.acc li {
	margin: .7em 0;
}

#access a {
	color: #2f251c;
}

@media screen and (max-width: 768px) {
	.flex { justify-content: center; }
	ul.acc li { text-align: center; }
	ul.acc { margin-right: auto; margin-left: auto; border: 1px solid; width: 90%; padding-left: 0; }
}

@media screen and (max-width: 480px) {
	#access h3 { font-size: 18px; }
	ul.acc { margin-top: 0; }
	ul.acc li { margin: .5em 0; }
}

/*▼▼▼▼▼ fotter ▼▼▼▼▼*/

.footerbase p {
	color: #fff;
}

.footerclass .kadence_social_widget {
	text-align: center;
}

.kt-icon-instagram {
	color: #fff;
}

.kt-social-title {
	color: #fff;
}

.footer_left {
	margin: 0 auto 1.5em;
	color: #fff;
	text-align: center;
}

.footer_left img {
	width: 28%;
	margin: 1em auto;
}

.footer_left p {
	color:#fff;
	width: 45%;
    	margin: 0 auto .5em;
}

.footerclass .widget-first {
	margin-top: .5em;
}

@media screen and (max-width: 1024px) {
	.footer_left p { width: 100%; }
}


/*▼▼▼▼▼▼▼▼ recruit詳細 ▼▼▼▼▼▼▼▼*/

#job {
	text-align: center;
}

#job h2 {
	color: #2f251c;
	line-height: 70px;
	font-weight:bold;
}

#job h2 span {
	color: #fff;
	background: #DB5461;
	padding: .5em;
}

#rec_point ol {
	counter-reset: list;
	list-style-type: none;
	padding-left: 0;
}

#rec_point ol li {
	position: relative;
	margin: 7px 0;
	padding-left: 40px;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	border: 2px solid #2f251c;
	color: #2f251c;
	background: rgba(255,255,255, .2);
}

#rec_point ol li:before {
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: 0;
	width: 35px;
	height: 40px;
	text-align: center;
	color: #fff;
	line-height: 30px;
	background: #2f251c;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#rec_point h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	color: #2f251c;
}

@media screen and (max-width: 768px) {
	#job h2 { font-size: 180%; }
}

@media screen and (max-width: 480px) {
	#job h2 { line-height: 60px; }
	#rec_point ol li:before { height: 80px; }
} 

@media screen and (max-width: 380px) {
	#job h2 { font-size: 130%; line-height: 50px; }
	#rec_point h3 { font-size: 100%; line-height: 25px;}
	#rec_point ol li:before { height:50px; }
}


/*▼▼▼▼▼▼▼▼ table#recruit ▼▼▼▼▼▼▼▼*/

.entry-content table tr:nth-child(even), .modal-body table tr:nth-child(even) {
	background: none;
}

table#recruit {
	background-color: rgba(255,255,255, .4);
	border-top: 1px solid rgba(127,114,93,0.4);
	border-bottom: 1px solid rgba(127,114,93,0.4);
}


table#recruit th, table#recruit td {
	border-top: 1px solid rgba(127,114,93,0.4);
	padding: 20px 0;
	line-height: 1.7;
}

table#recruit th {
	color: #DB5461;
	text-align: left;
	width: 28%;
	vertical-align: top;
}

table#recruit p {
	margin-bottom: 1em;
}

#job a.blockbtn {
	margin: 1em auto 2em;
}


@media screen and (max-width: 768px) {
	table#recruit th, table#recruit td { display: block; width: 100%; }
	table#recruit th { text-align: center; }
}

@media screen and (max-width: 480px) {
	#job .flex { display: block; }
}

/*----------エントリーフォーム------------*/

#entry h4 {
	text-align: center;
	margin-bottom: 1em;
}

#entry p {
	text-align: center;
	margin-bottom: 2em;
}

.wpforms-submit-container {
	text-align: center;

}

/*▼▼▼▼▼▼▼▼▼▼コロナ対策▼▼▼▼▼▼▼▼▼▼*/
	/*-----親要素-----*/
	.danger2020 {
		text-align: center;
		padding: 60px 0 0 0;
	}
	/*-----タイトル-----*/
	.danger2020 h3 {
		color: red;
		font-size: 22px;
		font-weight: bold;
	}
	/*-----p-----*/
	.danger2020 p {
		display: inline-block;
		text-align: left;
	}
	@media screen and (max-width: 480px) {
		/*-----タイトル-----*/
		.danger2020 h3 {
			font-size: 18px;
		}
	}