﻿/*
Theme name: 特定非営利活動法人アプローズ
Author: nobody
Author URI: https://teamstudio-e.net
Version: 1.0
*/

/****  リセット  ****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
h1,h2,h3,h4,h5,h6{
	clear: both;
}




/****  base  ****/
body{
	font-size: 17px;
	line-height: 1.6; 
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #333;
	min-width: 1080px;
} 
*{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
		box-sizing: border-box;
}

p, h1, h2, h3, h4, h5, h6{
	word-wrap:break-word;
	overflow-wrap:break-word;
}

body.home {
	background-color:#fff;
}
body.page-id-541 {
	background-color:#F2FEFF;
	overflow-x: hidden;
}
body.page-id-543 {
	background-color:#EAF8E4;
	overflow-x: hidden;
}
body.page-id-545 {
	background-color:#FFE3C7;
	overflow-x: hidden;
}
.single,.page,.category {
	background-color:#FFF8F2;
	overflow-x: hidden;
}
.main-side.info {
	background-color:#ecffe8;
}

@font-face {
  font-family: 'Anzu';
  src: url('./font/APJapanesefontT.ttf') format('truetype');
}

@font-face {
  font-family: 'Shigoto';
  src: url('./font/ShigotoMemogaki-Regular-1-02.ttf') format('truetype');
}
/****  文字装飾  ****/

.red{color: red;}
.blue{color: blue;}
.green{color: green;}
.gray{color: gray;}

.b, strong{font-weight: bold;}

.ll{font-size: 1.6em; font-weight: bold;}
.l{font-size: 1.3em; font-weight: bold;}
.s{font-size: 0.85em;}
.ss{font-size: 0.65em;}

.back-red{background-color: #ffccff;}
.back-blue{background-color:#ccffff;}

.badge-red,
.badge-green{
	padding: 3px 8px 1px;
	margin-right: 5px;
	border-radius: 7px;
	color: #fff;
}
.badge-red{
	background-color: #e00;
}
.badge-green{
	background-color: #060;
}

.clear{
	clear: both;
	line-height: 0;
	overflow: hidden;
}
.space{
	clear: both;
	height: 2.5em;
}

table.hyou{
	border-collapse: collapse; 
	table-layout: fixed;
	margin: 20px auto 2.5em;
	border:1px solid #111;
}

table.hyou th, table.hyou td{
	text-align: center;
	padding: 5px 10px;
	border: 1px solid #111;
}

table.hyou th{
	background-color: #bde;
}

.no-deco{text-decoration: none;}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.ppp-adjuster {
	margin-top: -90px;
	padding-top: 90px;
}



/****  ベーシックレイアウト  ****/
.main-side{
	width: 100%;
	padding: 0 50px;
	overflow: hidden;
}

.main-full {
	width: 1080px;
	margin: 0 auto;
}

.margin-front {
	margin: 4vw auto 0;
}
.margin-shisetu {
	margin: 8vw auto 0;
}

.footer-text {
  font-size: 1em;
  text-align: center;
}
img {
	max-width: 100%;
	height: auto; 
}



/****  ヘッダー  ****/
.header {
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-image: url(./images/header_line.png);
}

.header2 {
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-image: url(./images/header_line.png);
  background-color: #FFF1ED;
}


.header2::after {
  content: "";
  position: absolute;
  display: inline-block;
  background: url(./images/header-nami_bg.png) no-repeat;
    background-size: 100%;
  width: 100%;
  height: 100%;
  left: 0;
}

.site-header {
	width: 100%;
}

.ofx-hidden {
	overflow-x: hidden;
}

.header-inner,.header-inner2 {
	width: 1400px;
	margin: 0 auto 30px;
	position: relative;
	z-index: 5;
}
.header-top {
	width: 1100px;
	margin: 0 auto;
}
.header-title {
	font-weight: 500;
	font-size: 1.8em;
	margin-bottom: 9px;
}
.header-logo {
	display: inline-block;
}
.header-desc {
	display: inline-block;
	width: 100%;
	height: 60px;
	color: #fff;
	background-color: #8DC21F;
	font-size: 1.35em;
	text-align: center;
	line-height: 60px;
	text-decoration: none;
}
.header-image {
	width: 100%;
	line-height: 1;
	margin-bottom: -1px;
}
.header-image img {
	width: 100%;
}
.header-nav{
	width: 1100px;
	margin: 0 auto;
}


/* グローバル画像メニューコンテナー */
.gmenu-container {
	position: relative;
	display: block;
	width: 1100px;
	margin: 20px 0 0;
	list-style-type: none;
}

/****　　投稿・固定ページ  ****/
.content-box{
	padding: 0 50px 10px;
	/*margin-bottom: 30px;*/
	position: relative;
	/*overflow: hidden;*/
	border-radius: 7px;
}

.category .content-box,.single-post .content-box{
	background: #fff;
	border-radius: 20px;
}

.content-header{
	padding: 10px 0 20px;
}

h2.title{
	/*margin: 10px 0 10px;*/
	text-align: center;
	color: #AF6855;
	font-size: 2.3em;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: bold;
}

.content-header .up-date,
.content-header .cat-link{
	text-align: right;
	float: none;
}
.sns-counts .share-count-top{
	font-size: 1.1em;
}

.eye-catch{
	display: block;
	max-width: 100%;
	margin: 0 auto 30px;
	box-shadow: 0 2px 5px #999;
	clear: both;
}
.content{
	clear: both;
}
/*.content h2{
	width: 1000px;
	font-size: 1.2em;
	padding: 3px 0;
	text-align: center;
	background-color: #f9e0ad;
	margin: 0 auto;
}*/


.page-content{
	clear: both;
	padding: 0 40px 30px;
}
.page-content p {
	padding: 10px 0 20px;
}

.page-content h2 {
	font-size: 1.7em;
    border-bottom: 2px dotted #FF6600;
	color: #4EB2FF;
	margin-bottom: .5em;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: bold;
}

.page-content h3{
	font-size: 1.4em;
	margin-bottom: .5em;
}

.page-content ul {
	padding-left: 1em;
}

.page-content a {
	color: #666;
	text-decoration: none;
}
.page-content a:hover {
	color: #E90000;
	text-decoration: none;
}
.content h4{
	clear: both;
}

.content h5{
	clear: both;
	color: #333;
	font-size: 1.2em;
	line-height: 1.2;
	padding: 3px 17px 0;
	margin: 30px 0 10px;
}

.content h6{
	clear: both;
	color: #333;
	font-size: 1.2em;
	line-height: 1.2;
	padding: 0 20px 0;
	margin: 30px 0 10px;
}

.topics dl {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}

.topics dt {
	padding-bottom: 5px;
}

@media screen and (min-width: 960px) {
.topics dt {
	clear: left;
	float: left;
	width: 15%;
}
.topics dd {
	margin-left: 16%;
}
}



/****  サイドバー  ****/
.side-box{
	background-color: #fff;
	overflow: hidden;
	padding: 0 15px 10px 0;
	margin-bottom: 30px;
}
.side-title {
	font-size: 1.5em;
	padding-bottom: 15px;
}
.side .box{
	background-color: #fff;
	overflow: hidden;
	padding: 0 15px 10px;
	margin-bottom: 30px;
}
.side .box-header{
	font-size: 1.2em;
	padding: 15px 0 5px;
	margin: 0 0 5px;
}

.side ul li{
	list-style: none;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 0.95em;
	clear:both;
	overflow: hidden;
}
.side .box a{
	color: #006699;
	text-decoration: none;
}
.side .box a:hover{
	color: #EA3382;
}

.side ul.children{
	margin: 8px 0 0 25px;
	font-size: 0.95em;
}
.search-box{
	height: 35px;
	box-shadow: 0 2px 5px #999;
	margin-bottom: 30px;
}
.search-text{
	width: 80%;
	height: 100%;
	font-size: 1em;
	float: left;
	padding: 5px 10px;
	margin: 0;
	border: none;
}
.search-submit{
	font-size: 1.2em;
	width:20%;
	height: 100%;
	display: inline;
	padding: 0;
	margin: 0;
	border: none;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}
.search-submit:hover{
	background-color: #EA3382;
}

.side-share{
	font-size: 1.2em;
	padding: 0 15px;
	margin: 0 0 5px;
}




/****  フッター  ****/
.footer p{
}
/*
.footer a{
	color: #fff;
	background-color: #8dc21f;
	text-decoration: none;
}
.footer a:hover{
	color: #EA3382;
}
*/
.footer-name {
	font-size: 0.8em;
	padding: 2px 0;
	text-align: center;
	background-color: #fff;
}
.footer-name a{
	text-decoration: none;
}
.footer-name a:hover{
	color: #d2c861;
}
.footer-wrap {
    padding: 0;
    background: #fff;
    margin-top: -10px;
    position: relative;
}
.footer-inner {
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 10px;
	font-family: 'Shigoto', sans-serif;
}
.footer-line {
    height: 30px;
    background-repeat: repeat-x;
    background-position: 0px -5px;
    background-image: url(./images/footer_line.png);
    background-color: transparent;
}
.footer-bottom {
	width: 680px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.footer-left,.footer-right {
	width: calc((100% - 10px) / 2);
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 1.5em;
}
.footer-logo-box {
	width: 100%;
}
.footer-logo-box img {
	width: 100%;
}
.footer-text-co {
	padding: 70px 10px 10px;
	font-size: 1.7em;
  font-weight: bold;
}
.footer-addr-left {
	font-size: 1.2em;
  font-weight: bold;
	padding-bottom: 1.5em;
	text-align: center;
	color: #333;
	line-height: 1.5;
}
.footer-addr-right {
	font-size: 1.2em;
  font-weight: bold;
	padding-bottom: 6em;
	text-align: center;
	color: #333;
	line-height: 1.5;
}
.footer-telfax {
	font-size: 0.9em;
	padding-bottom: 0;
	text-align: center;
	color: #333;
}
.footer-menu ul {
	list-style-type: none;
	text-align: right;
}
.footer-menu ul li {
	display: inline;
	font-size: 0.8em;
}
.footer-menu ul li:first-child {
	margin-right: 1em;
}
.footer-menu ul li:last-child {
	margin-right: 5em;
}
.footer-menu ul li:a {
}
.footer-menu ul li a:hover{
	color: #d2c861;
}
.a-color {
	color: #007CEA !important;
}
.add-margin {
	margin-top: 100px;
}
.add-margin2 {
	margin-top: 200px;
}

.content-kugiri-space {
	margin-top: 60px;
}

.content-kugiri-space-s {
	margin-top: 30px;
}

.content-kugiri-space-top {
	margin-top: 40px;
}

@media screen and (max-width: 1400px) {
.header-inner,.header-inner2{
	width: 100%;
}
}

@media screen and (max-width: 1250px) {
body{
	/* font-size: 20px; */
	min-width: 0; 
	width: 100%;
}

.header-inner{
	width: 100%;
}
.header-inner2{
	width: 100%;
}
.header-lst{
	width: 100%;
}
.main-side{
	width: 100%;
	/* margin: 0 0 30px; */
	padding: 0 50px;
}
.main{
	width: 100%;
	margin-right: 0;
	float: none;
}
.main-full {
	width: 100%;
	margin-bottom: 2em;
}
.side {
	width: 100%;
	float: none;
	margin: 0 auto;
}

.content-box{
	width: 100%;
	overflow: hidden;
	box-shadow: none;
}
.footer {
	width: 100%;
}
.footer-inner {
	width: 100%;
    padding: 0;
}
.footer-menu ul {
	text-align: center;
}
.footer-right {
    width: 100%;
}
.footer-logo-box {
	width: 100%;
	text-align: center;
}
.footer-left {
	width: 100%;
}
.footer-logo-box img {
    width: auto;
}
.footer-addr-left,.footer-addr-right {
	padding-bottom: 1.5em;
}
}

@media screen and (max-width: 1000px) {
.content h2 {
	width: 100%;
}
}


@media screen and (max-width: 895px) {
.footer-tel-mail-wrap {
	margin: 0 auto;
}
}



@media screen and (max-width: 850px) {
body{
	/* font-size: 19px; */
}

.content-box{
	padding: 0 30px 20px;
}
.content-header{
}
/*
h1.title{
	font-size: 1.7em;
	margin: 30px 2% 20px;
}
*/
.page-content{
	padding: 0 10px 25px;
}
}

@media screen and (max-width: 800px) {
.header-inner2{
	padding: 0 20px;
}
.main-side{
	padding: 0 20px;
}
/*
.fixed {
    padding-right: 40px;
}
*/
.main-product-list {
	width: 100%;
}
.main-product {
	width: 100%;
}
}

@media screen and (max-width: 667px) {
.footer-bottom {
	width: 100%;
	margin-top: 0;
}
.footer-addr-left,.footer-addr-right {
	padding-top: 3px;
	font-size: 0.9em;
}
}



@media screen and (max-width: 600px) {
.header-desc {
	height: 50px;
	font-size: 1.05em;
	line-height: 50px;
}
.content-box{
	padding: 0 20px 20px;
	line-height: 1.6
}
.page-content{
	padding: 0 5px 20px;
}

}
@media screen and (max-width: 550px) {
.header-desc {
	height: 40px;
	font-size: 0.8em;
	line-height: 40px;
}
.book-wrap::before {
  height: 31px;
  top: -10px;
}
}
@media screen and (max-width: 462px) {
.footer-tel-mail-wrap {
	width: 100%;
}
}
@media screen and (max-width: 450px) {
body{
	/* font-size: 17px; */
}
.content-box{
	padding: 0 10px 20px;
}
.content-header{
}
/*
h1.title{
	font-size: 1.5em;
	margin: 30px 2% 20px;
}
*/
.content h2{
}
.td-mobile-icon {
	font-size: 2.7em;
}
.td-tel-no {
	font-size: 2.7em;
	padding: 0 0 0 6px;
}
.td-uketsuke {
	font-size: 0.7em;
}
.td-mail-icon {
	font-size: 2.7em;
	line-height: 1.0;
}
.td-mail {
	font-size: 1.05em;
	padding: 0 0 0 6px;
}

.footer-itaku {
	font-size: 0.7em;
}
.footer-name {
	font-size: 0.7em;
}
.footer-menu ul li {
	font-size: 0.75em;
}
.footer-menu ul li:last-child {
    margin-right: 0;
}

}

@media screen and (max-width: 420px) {
.header-desc {
	height: 30px;
	font-size: 0.6em;
	line-height: 30px;
}
}

@media screen and (max-width: 400px) {
.td-mobile-icon {
	font-size: 2.4em;
}
.td-tel-no {
	font-size: 2.3em;
	padding: 0 0 0 6px;
}
.td-uketsuke {
	font-size: 0.6em;
}
.td-mail-icon {
	font-size: 2.4em;
	line-height: 1.0;
}
.td-mail {
	font-size: 0.9em;
	padding: 0 0 0 6px;
}
.footer-addr-telfax-wrap {
	width: 100%;
}
}



@media screen and (max-width: 350px) {
body{
	font-size: 15px;
}

}


/* グローバルメニュー */
#gmenu {
	display: block;
}
#gmenu ul {
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
#gmenu ul li {
	display: inline-block;
	float: left;
	margin-left: 16px;
	align-items: center;
}
#gmenu ul li:first-child{
  margin-left: 0;
}
#gmenu ul li:last-child {
	line-height: 1.0;
}
/*#gmenu ul li a {
	padding: 15px 0.64em;
	text-decoration: none;
}*/
/*#gmenu ul li:last-child a {
	padding: 12px 0.58em;
}*/
#gmenu ul li a:hover {
	color: #707070;
	background-color: #ffffff;
}
.fixed {
    position: fixed;
    top: 0;
    width: 1100px;
    z-index: 10000;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

/* スマホ時グローバルメニュー */
nav.globalMenuSp {
	display: none;
    position: fixed;
    z-index: 25;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}
 
nav.globalMenuSp ul {
    background: #AF6855;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	opacity: 0.9;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 1em 0;
	text-decoration: none;
}
nav.globalMenuSp ul li a:hover {
	background-color: #fff;
    color: #AF6855;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}

.navToggle {
    display: none;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    left: 13px;
    top: 10px;
    width: 42px;
    height: 50px;
    cursor: pointer;
    z-index: 26;
    background: #FFFDE5;
    text-align: center;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	border-radius: 10px;
	-webkit-filter:drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.25));
	-moz-filter:drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.25));
	-ms-filter:drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.25));
	filter:drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.25));
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #AF6855;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    border: none;
    color: #AF6855;
    font-size: 9px;
    font-weight: bold;
    top: 1px;
	letter-spacing: .1em;
}
 
.navToggle span:nth-child(2) {
    top: 21px;
}
 
.navToggle span:nth-child(3) {
    top: 30px;
}
 
.navToggle span:nth-child(4) {
    top: 39px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(2) {
    top: 30px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(3),
.navToggle.active span:nth-child(4) {
    top: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


@media screen and (max-width: 1100px) {
.header-image {
	width: 100%;
}
#gmenu {
	display: none;
}
nav.globalMenuSp {
	display: block;
}
.navToggle {
    display: block;
}
.header-inner2 {
  margin: 0;
}
}

/* お気軽にご相談ください */
.riyo-toroku {
	width: 710px;
	height: auto;
	margin: 0 auto;
	border: 1px solid #e26e29;
	background-color: white;
	overflow: hidden;
}

.riyo-toroku-title {
	font-size: 1.4em;
	padding: 1em .5em;
	text-align: center;
}

.riyo-toroku-line2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding-left: 30px;
	padding-bottom: 30px;
}

.riyo-toroku-date {
	font-size: 1.4em;
	color: #000;
	padding: 0 .5em;
}

.riyo-toroku-tel {
	font-size: 2.0em;
	color: #e26e29;
}

.riyo-toroku-mail {
	font-size: 1.0em;
	color: #e26e29;
}

.riyo-toroku-inquiry {
	color: #fff;
	background-color: #e26e29;
	border-radius: 5px;
	font-size: 1.2em;
	padding: 0.5em 1.5em;
	margin-top: 8px;
	margin-left: 20px;
}
@media screen and (max-width: 710px) {
.riyo-toroku {
	width: 100%;
}
.riyo-toroku-line2 {
	padding-left: 0;
}
.riyo-toroku-tel-mail {
	padding-bottom: 20px;
}
.riyo-toroku-inquiry {
	margin-left: 0;
}
}

/* 園の紹介 */
.enno-syokai {
	width: 144px;
	margin: 30px auto 0;
}
.enno-sykai img {
	width: 100%;
}

.enno-syokai-box {
	width: 830px;
	margin: 0 auto;
}
.enno-syokai-text {
	font-size: 1.05em;
	padding: 0 0.5em;
}
.enno-syokai-color1 {
	color: #f5da59;
}
.enno-syokai-color2 {
	color: #38a2ff;
}
.enno-syokai-color3 {
	color: #9cd2ed;
}
@media screen and (max-width: 830px) {
.enno-syokai-box {
	width: 100%;
}
}

.hoiku-gallery-title-box {
	width: 880px;
	margin: 0 auto;
}
.hoiku-gallery-title {
	font-size: 1.47em;
}
.hoiku-gallery-box {
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	align-content: space-around;
	width: 820px;
	margin: 15px auto 0;
}
.hoiku-gallery-pict {
	width: 260px;
	padding-bottom: 10px;
}

@media screen and (max-width: 880px) {
.hoiku-gallery-title-box {
	width: 100%;
}
}
@media screen and (max-width: 820px) {
.hoiku-gallery-box {
	width: 100%;
}
}


/* 保育のご案内 */
.ho-annai-wrap {
	width: 880px;
	margin: 30px auto;
	padding-left: 50px;
	overflow: hidden;
}

.chuki-red {
	font-size: 0.85em;
	color: red;
	text-align: center;
	padding: 20px 0;
}

.ho-annai-title {
	font-size: 1.47em;
	padding-bottom: 0.8em;
}
.ho-annai-chuki {
	color: #f00;
	font-size: 1em;
	padding-bottom: 0.8em;
}
.ho-annai-text {
	font-size: 1.1em;
	line-height: 2.0;
	padding-bottom: 0.8em;
}

.ho-annai-line-box {
	padding: 0 90px;
	margin: 0 auto;
}
.ho-annai-line {
	font-size: 1.15em;
	padding: 0 0 13px;
	text-align: left;
	line-height: 1.2;
}
.ho-annai-dtl-wrap {
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	align-content: space-around;
	align-items: flex-start;
	width: 1000px;
	margin: 20px auto 0;
}
.ho-annai-dtl-box {
	width: 330px;
	margin-bottom: 15px;
	border: 1px solid #e2ebbc;
	overflow: hidden;
}
.ho-annai-dtl-title {
	font-size: 1.2em;
	padding-left: 0.2em;
	display: block;
	color: #6b7c2e;
	background-color: #e2ebbc;
}
.ho-annai-dtl-text {
	font-size: 1.1em;
	padding-left: 0.2em;
}
.ho-annai-pink {
	color: #f694e3;
}

@media screen and (max-width: 1000px) {
.ho-annai-dtl-wrap {
	width: 100%;
}
}
@media screen and (max-width: 880px) {
.ho-annai-wrap {
	width: 98%;
	padding-left: 0;
}
.ho-annai-line-box {
	padding: 0 45px;
}
}

@media screen and (max-width: 460px) {
.ho-annai-line-box {
	padding: 0 25px;
}
.ho-annai-line {
	font-size: 0.8em;
}
}

/* 園の概要 */
.enno-gaiyo-wrap {
	width: 950px;
	margin: 30px auto;
	padding-left: 100px;
	padding-bottom: 20px;
	overflow: hidden;
}
.enno-gaiyo-text-box {
	width: 55%;
	float: left;
	padding-top: 15px;
}
.enno-gaiyo-pict-box {
	position: relative;
	width: 45%;
	height: 660px;
	float: left;
}
.enno-gaiyo-text {
	font-size: 1.0em;
}
.enno-gaiyo-haichi {
	position: absolute;
	top: 30px;
	right: 0;
}
.enno-gaiyo-haichi img {
	width: 350px;
}
.enno-gaiyo-hiritsu {
	position: absolute;
	bottom: 0;
	left: -50px;
}
.enno-gaiyo-hiritsu img {
	width: 100%;
}
.enno-gaiyo-access-wrap {
	width: 900px;
	margin: 0 auto;
	padding: 60px 0 30px;
	overflow: hidden;
}
.enno-gaiyo-access-box {
	position: relative;
	width: 50%;
	float: left;
}
.enno-gaiyo-access-title {
	position: absolute;
	top: 0;
	left: 0;
}
.enno-gaiyo-access-text {
	font-size: 1.0em;
}
.enno-gaiyo-gmap-box {
	width: 50%;
	float: left;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 58%;	/* 20200720 */
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.gmap-DivLink{
    position:relative;
    width:300px;
    height:40px;
	margin-top: 218px;
    border:1px solid #005AFF;
	background-color: #fff;
}
.gmap-DivLink a{
	color: #005AFF;
	text-decoration: none;
	text-align: center;
	padding: 4px 0;
}
.gmap-DivLink a:hover{
	color: #4889FF;
}
.gmap-DivLink .gmap-Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 970px) {
.enno-gaiyo-wrap {
	width: 100%;
	padding-left: 20px;
}
.enno-gaiyo-text-box {
	width: 100%;
	float: none;
}
.enno-gaiyo-pict-box {
	width: 100%;
	height: 500px;
	float: none;
}
.enno-gaiyo-haichi {
	left: 0;
}
.enno-gaiyo-hiritsu {
	display: none;
}
}
@media screen and (max-width: 900px) {
.enno-gaiyo-access-wrap {
	width: 100%;
}
.enno-gaiyo-access-box {
	width: 100%;
	float: none;
	padding-bottom: 30px;
}
.enno-gaiyo-gmap-box {
	width: 100%;
	float: none;
}
}
@media screen and (max-width: 400px) {
.enno-gaiyo-haichi {
	width: 100%;
}
.enno-gaiyo-haichi img {
	width: 100%;
}
.enno-gaiyo-access-text {
	font-size: 0.9em;
}
}

/* 病後児保育等 */
.byougo-wrap {
	width: 880px;
	margin: 30px auto;
	padding-left: 50px;
	overflow: hidden;
}
.byougo-title {
	font-size: 1.47em;
	padding-bottom: 0.8em;
}
.byougo-chuki {
	color: #f00;
	font-size: 1em;
	padding-bottom: 0.8em;
}
.byougo-text {
	font-size: 1.1em;
	line-height: 2.0;
	padding-bottom: 0.8em;
}
.byougo-pink {
	color: #f694e3;
}
.byougo-kakko {
	font-size: 1.1em;
	line-height: 1.2;
	padding-bottom: 0.8em;
}
.byougo-pict-wrap {
	width: 700px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
}
.byougo-pict {
	width: 260px;
	padding-bottom: 20px;
}
.byougo-pict img {
	width: 100%;
}

@media screen and (max-width: 880px) {
.byougo-wrap {
	width: 98%;
	padding-left: 0;
}
.byougo-pict-wrap {
	width: 100%;
}
}

/* 一時保育  */
.ichiji-wrap {
	width: 880px;
	margin: 30px auto;
	padding-left: 50px;
	overflow: hidden;
}
.ichiji-title {
	font-size: 1.47em;
	padding-bottom: 0.8em;
}
.ichiji-chuki {
	color: #f00;
	font-size: 1em;
	padding-bottom: 0.8em;
}
.ichiji-text {
	font-size: 1.1em;
	line-height: 2.0;
	padding-bottom: 0.8em;
}
.ichiji-pink {
	color: #f694e3;
}
@media screen and (max-width: 880px) {
.byougo-wrap {
	width: 98%;
	padding-left: 0;
}
}

.ichiji-dtl-wrap {
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	align-content: space-around;
	align-items: flex-start;
	width: 1000px;
	margin: 50px auto 30px;
}
.ichiji-dtl-box {
	width: 430px;
	margin-bottom: 15px;
	border: 1px solid #e2ebbc;
	overflow: hidden;
}
.ichiji-dtl-title {
	font-size: 1.2em;
	padding-left: 0.2em;
	display: block;
	color: #6b7c2e;
	background-color: #e2ebbc;
}
.ichiji-dtl-text {
	font-size: 1.1em;
	padding-left: 0.2em;
}
@media screen and (max-width: 1000px) {
.ichiji-dtl-wrap {
	width: 100%;
}
}
@media screen and (max-width: 640px) {
.ichiji-wrap {
	width: 100%;
}
.ichiji-line-box {
	padding: 0 45px;
}
}

@media screen and (max-width: 460px) {
.ichiji-line-box {
	padding: 0 25px;
}
.ichiji-line {
	font-size: 0.8em;
}
.ichiji-dtl-box {
	width: 330px;
}
}


/* 各種様式 */
.kakusyu-yoshiki {
	width: 162px;
	margin: 30px auto;
}
.kakusyu-yoshiki img {
	width: 100%;
}
.k-yoshiki-wrap {
	width: 380px;
	margin: 0 auto;
	padding-bottom: 50px;
	overflow: hidden;
}
h4.k-yoshiki-title {
	font-size: 1.47em;
	padding-bottom: 0.5em;
}
.k-yoshiki-list {
}
.k-yoshiki-list ul {
	padding-bottom: 1.5em;
	padding-left: 40px;
}
/*.k-yoshiki-list ul li::before {
	content: '・';
}*/
.k-yoshiki-list ul li a {
	font-size: 1.0em;
	line-height: 1.2;
	color: #704438;
	text-decoration: none;
}
.k-yoshiki-list ul li a:hover {
	color: #007CEA;
	text-decoration: underline;
}
@media screen and (max-width: 380px) {
.k-yoshiki-wrap {
	width: 100%;
}
.k-yoshiki-title {
	font-size: 1.3em;
}
}

/* 保育理念・保育内容 */
.rinen-wrap {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
p.rinen {
	font-size: 1.0em;
    line-height: 2.0;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
}
.rinen-list {
	
}
.rinen-list ul {
	padding-left: 40px;
}
.rinen-list ul li {
	font-size: 1.0em;
}
.rinen-list ul li:first-child {
	margin-top: -1.0em;
}
.nagare-wrap {
	width: 700px;
	margin: 0 auto;
	overflow: hidden;
}
h3.nagare {
	display: inline-block;
	padding: 0.2em 1.0em;
	border: 2px solid #007CEA;
	border-radius: 13px;
	color: #007CEA;
	background-color: #fff;
}
p.nagare-text {
	font-size: 1.0em;
}
.nyuji-list {
	
}
.nyuji-list ul {
	list-style-type: none;
}
.nyuji-list ul li {
	font-size: 1.0em;
}
.nyuji-list ul li::before {
	content: '★';
}
.mochimono-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	width: 976px;
	margin: 0 auto;
	overflow: hidden;
}
.mochimono-list {
	width: 50%;
}
.mochimono-list ul {
	padding-left: 40px;
}
.mochimono-list ul li {
	font-size: 1.0em;
}
.kanyu-title {
	font-size: 1.0em;
	text-align: center;
}
.kanyu-wrap {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 970px) {
.mochimono-wrap {
	width: 100%;
	justify-content: space-between;
}
.mochimono-list {
	width: 100%;
}
}
@media screen and (max-width: 800px) {
.rinen-wrap {
	width: 100%;
}
.kanyu-wrap {
	width: 100%;
}
}
@media screen and (max-width: 700px) {
.nagare-wrap {
	width: 100%;
}
}

@media screen and (max-width: 880px) {
.ichiji-wrap {
	width: 98%;
	padding-left: 0;
}
}
.facebook-wrap {
	width: 500px;
	margin: 0 auto;
	padding: 60px 0 60px;
	overflow: hidden;
}
@media screen and (max-width: 550px) {
.facebook-wrap {
	width: 98%;
}
.header {
	text-align: center;
}
.header-logo .header-logo_imageRight {
  position: unset;
  display: block;
  margin: 0 auto;
}
}
.facebook-box {
	width: 500px;
	margin: 0 auto;
}
@media screen and (max-width: 500px) {
.facebook-box {
	width: 100%;
}
}

/*ーーーーーーーーーーーーーーーー*/
/*　　MW WP Formカスタマイズ　　*/
/*ーーーーーーーーーーーーーーーー*/



.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form textarea {
    padding: 1em;
 	width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #AF6855;
	border-radius: 7px;
}

.mw_wp_form select {
    display: block;
    position: relative;
    width: 80%;
    height: 38px;
    font-size: 14px;
    font-size: 0.9rem;
    border: 1px solid #AF6855;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 10px;
}

.mw_wp_form selectt:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
}


/*――――「表」デザイン――――*/

.cform th {
	font-size: 1em;
	width: 35%;
	padding: 19px 0px 10px 15px;
	text-align: left;
	vertical-align: top;
}


.cform td {
	font-size: 1em;
	line-height: 200%;
	/*border-bottom: solid 1px #d6d6d6;*/
	padding: 19px 10px 10px;
}


/*―――――表示―――――*/

.cform {
	width: 100%;
	margin: auto;
}


.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
}



@media only screen and (max-width:1100px) {
	.cform th,
	.cform td {
		width: 97%;
  padding: .5em 1em;
		display: block;
		border-top: none;
	}
	.cform td {
		margin-bottom: 1em;
	}
}

/*――「送信ボタン」デザイン――*/

.submit-btn input {
background-color:#AF6855;
border: 1px solid #707070;
border:0;
color:#ffffff;
font-size:1.1em;
font-weight:bolder;
margin:0 auto;
padding: 15px 45px;
border-radius: 10px;
cursor: pointer;
text-align:center;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	display: block;
	transition: all 0.4s ease;
}

.submit-btn {
text-align:center;
margin-top:20px;
　cursor: pointer;
}

.submit-btn input:hover {
border: 1px solid #AF6855;
color: #AF6855;
background-color: #fff;
　cursor: pointer;
}


/*―――「必須」デザイン―――*/
.required-srt {
font-size:0.8em;
padding: 0 4px;
border-radius: 5px;
margin-top: 4px;
background: #E82323;
color: #ffffff;
float: right;
}

#post-list-body {
  padding: 2.5em;
  background: #FFE7C8;
  border-radius: 20px;
}

#post-list-body > .inner-radius {
  background: #fff;
  border-radius: 20px;/*内側の枠にborder-radius*/
  padding: 35px;
  text-align: center;
  margin: auto;
  box-shadow: 1px 1px 2px #555 inset;
}

.post-list-box {
	padding: 10px;
	border-bottom: 2px dotted #FF6600;
}
.post-list-box p {
	margin-bottom: 0.4em;
	letter-spacing: normal;
}
.post-date {
	color: #FF9100;
	font-size: 0.941em;
	margin-top: 8px;
}
.post-date-r {
	color: #FF9100;
	font-size: 0.941em;
	margin-top: 20px;
	text-align: right;
}
.post-list-title {
	font-size: 1em;
}
.post-list-title a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
.post-list-title a:hover {
	color: #58595B;
	text-decoration: none;
}
.list-title {
	font-size: 1.059em;
	font-weight: bold;
}
.post-excerpt {
	color: #58595B;
	font-size: 0.941em;
}
.shimekiri {
	display: inline-block;
	font-size: 0.9em;
	padding: 0 5px;
	color: #fff;
	background-color: #E82323;
	border-radius: 5px;
}
.shimekiri2 {
	display: inline-block;
	font-size: 0.9em;
	padding: 0 5px;
	background-color: #fff;
}
#post-list-button {
    position:relative;
	width: 300px;
	height: 50px;
	background-color: #5EB36B;
	margin: 50px auto 50px;
	border-radius: 30px;
}
#post-list-button a:hover {
	border: 1px solid #5EB36B;
	border-radius: 30px;
	color: #5EB36B;
	background-color: #fff;
}
#post-list-button .pl-Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	text-decoration: none;
	color: #fff;
	padding: 9px 0;
	font-family: 'Yusei Magic', sans-serif;
	text-align: center;
}


/* ▼タブの中身 */
#post-list-body div {
	width: 100%;
	height: 400px;
	overflow-y: scroll;
	border-radius: 7px;
   margin-top: -5px;
   padding: 1em 2em;            /* 内側の余白量 */
   background-color: white; /* 背景色：白色 */
   position: relative;      /* z-indexを調整するために必要 */
   z-index: 0;              /* 重なり順序を「最も背面」にするため */
	line-height: 1.5em;
}


/* ルビ */
ruby[data-ruby] {
  position:relative;
}
ruby[data-ruby]::before {
  content: attr(data-ruby);
  position:absolute;
  left:-2em;
  top:-.8em;
  right:-2em;
  text-align:center;
  font-size:.5em;
}

.label_m {
	height: 3.5em;
    color: #2c2c2f;
}

.sisetu-box {
  width: 1400px;
  margin: 0 auto;
  padding: 4em 0 3em;
}

.sisetu-full {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	background: #fff2f2;
}

h3.z-index-20 {
	position: relative;
	z-index: 20;
	text-align: center;
	color: #AF6855;
	font-size: 1.3em;
}

.sec-inner {
  margin: 0 auto;
  position: relative;
	z-index: 10;
}

.book-wrap {
  background: #FFFFFF;
    background-size: auto;
  width: 100%;
  height: auto;
  margin: 150px auto;
  position: relative;
  background-size: 100% !important;
	z-index: -2;
  padding-bottom: 1em;
}

.book-wrap::before {
  content: "";
  position: absolute;
  display: inline-block;
  background: url(./images/bg-book_top.png) no-repeat;
    background-size: auto;
  background-size: 100%;
  width: 100%;
  height: 31px;
  top: -27px;
  left: 0;
	z-index: -2;
}

.puzzle {
  left: 40px;
  top: -130px;
}

.fusen {
  right: 50px;
  top: -140px;
}

.illust {
  display: block;
  position: absolute;
}

.bg-puzzle1 {
  left: -300px;
  top: 160px;
  z-index: -4;
}

.bg-puzzle2 {
  right: -300px;
  top: 540px;
  z-index: -4;
}

.inner-text {
  font-size: 1.4em;
  padding: 4em 2.5em 0;
  font-family: 'Zen Maru Gothic', sans-serif;
}

.s_title {
  font-size: 1.7em;
  color: #378EFF;
  padding: 0 2em .4em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

.inner-price_text {
  font-size: 1.4em;
  padding: 0 2.5em;
  font-family: 'Zen Maru Gothic', sans-serif;
}

.pdf-text {
  font-size: 1.4em;
  text-align: center;
  font-family: 'Zen Maru Gothic', sans-serif;
}

.inner-main {
  text-align: center;
	margin-top: 4em;
	padding-bottom: 4em;
	background: #fff;
}

.book-wrap::after {
  content: "";
  position: absolute;
  display: inline-block;
  background: url(./images/bg-book_bottom.png) no-repeat;
    background-size: auto;
  background-size: 100%;
  width: 100%;
  height: 38px;
  bottom: -38px;
  left: 0;
}

@media screen and (max-width: 600px) {
.label_m {
	height: auto;
}
}

/* 背景色 */
.btn_inquiry,
a.btn_inquiry {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  position: relative;
  background: #F88D8D;
  border: 1px solid #F88D8D;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 2em;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn_inquiry:hover,
a.btn_inquiry:hover {
  color: #F88D8D;
  background: #FFF;
}

.info-waku {
    margin: auto auto;
}

.infotext {
    line-height: 2.6;
	font-size: 18px;
}

.td-left,
.td-right {
    width: 25%;
	display: table-cell;
    vertical-align: middle;
}

.td-left p {
    color: #FF8787;
	font-family: 'RocknRoll One', sans-serif;
}

.td-center {
    width: 50%;
	text-align: center;
}

.header-right {
    text-align: right;
}

.header-catch {
	position: absolute;
	z-index: 4;
	width: 100%;
	top: 14%;
	left: 0;
}
.catch-table {
    width: 100%;
}
.catch-left {
	width:5%;
 }
.catch-center {
	width:12%;
 }
.catch-right {
	width:83%;
 }

.pr {
    width: 100%;
	margin: 2em auto;
	justify-content: center;
	display: flex;
}

@media screen and (max-width: 700px) {
#post-list-body div {
   padding: .3em .3em 2em; 
}
.post-list-box-waku {
    padding: .3em .3em 2em;
}
.td-left,
.td-right,
.td-center {
  display: inline-block;
  width: 100%;
}

.header-right {
	float: none;
	padding-bottom: 1em;
	text-align: center;
}
	
.header-catch{
	display: none;
}
}
.set {
  clear: both;
}

.p-top{
    padding-top: 3em;
}
.p-bottom{
    padding-bottom: 3em;
}
@media screen and (max-width: 810px) {
.infotext {
    line-height: inherit;
}
.p-bottom{
    padding-bottom: 1.5em;
}
h1.title {
    margin: 0;
}
}

.gmenu-margin{
	margin : 130px auto 0;
}

.post-list-box-waku{
    border-radius: 7px;
    margin-top: -5px;
    padding: 1em 2em 2em;
    background-color: white;
    line-height: 1.5em;
}
.page-content ul{
  list-style-type:none;
}

.full {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
ul.line{
  padding-left:1em;
  text-indent:-1em;
}
#google_map {
	padding-top: 75%;
margin: 30px auto;
position: relative;
width: 100%;
height: 0;
}
#google_map iframe,
#google_map object,
#google_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
	height: 100%;
}

@media screen and (max-width: 1040px) {
.book-wrap::before {
  height: 31px;
  top: -20px;
}
}
@media screen and (max-width: 1250px) {
#google_map {
padding-top: 35% !important;
}
}
@media screen and (max-width: 1100px) {
#google_map {
padding-top: 45% !important;
}
}
@media screen and (max-width: 870px) {
#google_map {
padding-top: 55% !important;
}
}
@media screen and (min-width: 960px) {
.post-list-box {
  display: flex;
}
.post-list-title {
  margin-top: 7px;
  margin-left: 2em;
}
}
@media screen and (max-width: 750px) {
    #google_map {
        padding-top: 70% !important;
    }
}
@media screen and (max-width: 600px) {
    #google_map {
        padding-top: 90% !important;
    }
}
@media screen and (max-width: 500px) {
    #google_map {
        padding-top: 100% !important;
    }
}
@media screen and (max-width: 430px) {
    #google_map {
        padding-top: 120% !important;
    }
}
.box-info{
    padding: 2.5em 1em;
    margin: 1em 0;
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #4e8ed3;/*左線*/
    border-right: double 7px #4e8ed3;/*右線*/
}
.box-info p {
    margin: 0; 
    padding: 0;
}
.tablepress-id-1 {
  width: 100%;
  border-collapse: collapse;
}

.tablepress-id-1 tr{
  border-bottom: solid 2px white;
}

.tablepress-id-1 tr:last-child{
  border-bottom: none;
}

.tablepress-id-1 th.column-1{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #4e8ed3;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.tablepress-id-1 th.column-1:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #4e8ed3;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tablepress-id-1 td.column-2{
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding: 10px 0 0 30px;
}


.tablepress-id-2 {
  width: 100%;
  border-collapse: collapse;
}

.tablepress-id-2 tr:last-child{
  border-bottom: none;
}

.tablepress-id-2 th.column-1{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #EBEBEB;
  text-align: center;
  padding: 10px 0;
}

.tablepress-id-2 td.column-2{
  text-align: left;
  width: 70%;
  background-color: #fff;
  padding: 10px 0 0 30px;
}

@media screen and (max-width: 900px) {
.tablepress-id-1 th.column-1,.tablepress-id-1 td.column-2,.tablepress-id-2 th.column-1,.tablepress-id-2 td.column-2{
  width: 100%;
  display: block;
  padding:5px;
  text-align: center;
}
}

/* TOPICS */
.postlist-category {
	display: inline-block;
	margin: 0 5% 0 5%;
}
.postlist-category img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	  border-radius: 20px;
}
.postlist-category-inner {
	margin: 0;
	display: inline-block;
	width: 52%;
	text-align: left;
	vertical-align: top;
}
.postlist-category-inner p {
	font-size: .9em;
	margin: 1px 0 5px 3px;
}
.postlist-datetime {
	font-size: .8em;
}
.postlist-category-inner h4 {
	line-height: 1.4em;
	margin-top: 5px;
}
.postlist-category-inner h4 a {
	color: #793838;
}
.postlist-category-inner p {
	line-height: 1.4em;
}
.link-categories-r {
	text-align: right;
}

#cards ul{
 display: flex;
 justify-content: space-between;
	flex-flow: row wrap;
	padding: 0;
}

#cards li{
 width: 440px;
 height: 190px;
 display: inline-block;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 1.2em 0;
 float: left;
 background-color: #B1D79E;
	border-radius: 20px;
	margin-bottom: 1em;
}

#cards li:nth-child(2){
 background-color: #F5DA59;
}

.sct_local_nv_top {
/*  position: relative; 2023.01.06 ari */
  position: static;
  padding: 0;
  height: 88px;
  z-index: 2;
}
.sct_cnt {
  /* padding: 32px 0 80px 0; 2023.01.06 ari */
  width: 100%;
}
.sct_cnt, .sct_cnt {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.local_nv_pc_top {
  padding-bottom: 16px;
  width: 100%;
  height: 88px;
  border-bottom: solid 4px #cf142b;
  background: #fff;
}
.local_nv_pc_top ul {
  margin: 0 auto;
  max-width: 1008px;
  text-align: center;
  font-size: 0;
}
.local_nv_pc_top ul li {
  position: relative;
  display: inline-block;
}
.local_nv_pc_top ul li a {
  display: block;
  padding: 16px 16px 0 16px;
  height: 74px;
  color: #333;
  font-weight: bold;
  font-size: 18px;
  background: url(/wp-content/themes/omj/images/icon_arrow.png) center 80.0% no-repeat;
}
.sct_cnt a {
  text-decoration: none;
  color: #333;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
a, a:link {
  text-decoration: none;
}
.local_nv_pc_top ul li::after {
  display: block;
  position: absolute;
  top: 30%;
  left: 0;
  content: "";
  border-left: solid 1px #707070;
  width: 1px;
  height: 30px;
}
.local_nv_pc_top ul li:nth-child(1)::after {
  display: none;
}
  @media (max-width: 768px) {
.local_nv_sp_top.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
.local_nv_sp_top {
  display: block;
  padding: 0;
  height: auto;
  background: #fff;
  border-bottom: solid 3px #cf142b;
}
.local_nv_sp_top .local_nv_ttl.ttl_close {
  background-image: url(/wp-content/themes/omj/images/icon_arrow_acr_close.png);
}
.local_nv_sp_top .local_nv_ttl, .local_nv_sp_top ul li a {
  display: block;
  padding: 13px 5.3% 0 5.3%;
  width: 100%;
  height: 47px;
  background: url(/wp-content/themes/omj/images/icon_arrow.png) 94.7% center no-repeat;
    background-image: url(/wp-content/themes/omj/images/icon_arrow.png);
  font-weight: bold;
  font-size: 17px;
  cursor: pointer;
}
.local_nv_sp_top ul {
  display: none;
  padding-bottom: 10px;
  background: #fff;
}
.book-wrap::before {
  height: 31px;
  top: -15px;
}
}

  @media (max-width: 640px) {
ul li {
  -webkit-background-size: 3px 3px;
  background-size: 3px 3px;
}
.sct_cnt a {
  transition: none;
}
}

/* メニュー表示 */
.hamburger {
	display: none;
}
.dropdown {
  display: none;
  }
.gM {
  display: none;
  }
@media screen and (max-width: 1100px) {
.dropdown {
  display: block;
  padding: 0;
  height: auto;
  /* background: #fff; ari */
}
.header-lst {
  display: none;
  }
	.hamburger {
		display: block;
	}
.gM {
  display: block;
  }
.postlist-category {
  height: unset;
}
#cards li {
  width: 100%;
	height: unset;
}
#cards li {
margin-bottom: 1.5em;
}
  }

#tg {
  display: none;
  }

.menu {
  position: relative;
  visibility: hidden;
  opacity: 0;
  top: -10px;
  list-style: none;
		border-bottom: solid 4px #cf142b; /* ari */
	background-color: rgba(255,255,255,0.8); /* ari */
  }

.dropInput:checked ~ .menu {
  visibility: visible;
  opacity: 1;
  top: 0;
	z-index: 1000; /* 2023.01.06 ari */
	margin-top: -5px;
    border-top: 6px solid #fff;
  }

.dropLabel {
  padding: 1em 1.5em;
  display: block;
  border-bottom: solid 4px #cf142b; /* ari */
  background: #fff;
  position: relative;
  color: #333;
  text-decoration: none;
  font-weight: bold;
	cursor: pointer;
  }
.dropLabel::after {
  content: '';/*何も入れない*/
	position: absolute;
	top: 30px;
	right: 5%;
	width: 15px;
	height: 15px;
  display: inline-block;
  background: url(/wp-content/themes/omj/images/icon_arrow.png) 94.7% center no-repeat;
}
.dropLabel:hover,.item:hover {
  background :#ddd;
}
 .item {
  padding: 1em 1.5em;
  display: block;
  /* border-bottom: solid 4px #cf142b; ari */
  background: #fff;
  position: relative;
  color: #333;
  text-decoration: none;
  background: url(/wp-content/themes/omj/images/icon_arrow.png) 94.7% center no-repeat;
  font-weight: bold;
  }

.dropLabel:hover, .dropInput:checked + label {
  color: #666;
  }

.animation {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  }




.soudanbox {
  padding: 2em 1em;
  margin: 40px auto;
  color: #AF6855;
  background: #fffc94;
  border-radius: 20px;
  width: 580px;
  text-align: center;
}

.gM {
  position: relative;
  }

.oshirase-wrap {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
	padding-top: .7em;
}
.oshirase-left {
	width: 26%;
	margin-right: 30px;
}
.oshirase-right {
	width: 73%;
}
.oshirase {
	width: 100%;
}
.oshirase-pict {
	display: block;
	width: 230px;
	height: 230px;
}
.content-title {
	text-align: left;
	margin-top: -6px;
	margin-bottom: 5px;
}
.content-title a {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
.content-oshirase {
	margin-bottom: 6px;
	line-height: 1.8em;
}
.content-oshirase a {
	font-size: 1em;
	color: #727171;
}
.content-oshirase a:hover {
	color: #0b1118;
}
.oshirase-time {
	font-size: 0.95em;
	text-align: left;
	padding-bottom: 10px;
}

.c-container:not([class*="-just"]) {
  padding-left: 50px;
  padding-right: 50px;
}
.c-sb70 {
  padding-bottom: 70px;
}
.c-st70 {
  padding-top: 70px;
}
.c-mb35 {
  margin-bottom: 35px;
}
.u-align-items-center {
  align-items: center;
}
.c-grid--x15 {
  margin-right: -15px;
  margin-left: -15px;
}
.c-grid--y10 {
  margin-top: -10px;
  margin-bottom: -10px;
}
.c-grid {
  display: flex;
  flex-wrap: wrap;
}
.c-grid--x15 > [class*="c-col"] {
  padding-right: 15px;
  padding-left: 15px;
}
.c-grid--y10 > [class*="c-col"] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.c-grid > [class*="c-col"] {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  flex-direction: column;
  min-height: 1px;
  max-width: 100%;
}

.kakumaru-box  {
    padding: 1.5em 1.5em !important;
    margin: 2em 0;
    background: #FFF;
    border: solid 1px #707070;
}
.kakumaru-box p {
    margin: 0; 
    padding: 0;
}


.tel p {
  font-size: 2.2em;
  margin: 0;
  padding: 0;
}

/*.footer {
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-image: url(./images/footer_line.png);
  background-color: #fff;
}*/

@media screen and (max-width: 1420px) {
.sisetu-box {
  width: 100vw;
  padding: 2em;
}
}

@media screen and (max-width: 950px) {
	.oshirase-pict img {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.oshirase-wrap {
		flex-flow: row wrap;
	}
	.oshirase-right {
		width: 100%;
		margin-top: 10px;
	}
	.oshirase-pict img {
		min-width: 250px;
	}
.postlist-category {
  height: unset;
}
}

@media screen and (max-width: 700px) {
.header-desc {
	height: 50px;
	font-size: 1.15em;
	line-height: 50px;
}
.page-content{
	padding: 0 7px 23px;
}
.soudanbox {
  width: 100%;
}
}

ul.oshirase-list {
display: flex;
flex-flow: row wrap;
padding: 0 0 10px;
list-style: none;
}

.news-cate {
  display: inline-block;
  font-size: .85em;
  color: #fff;
  padding: 0px 10px 0px;
  background-color: #FF6464;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 10px;
}

.news-cate a:hover {
  opacity: 0.8;
  text-decoration:none;
}

a,a:visited,a:hover {
    color: inherit;
    text-decoration:none; 
}

.diamond img {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0 50%);
}

.oshirase-pict img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-org-pic-on-note {
  display: flex;
  justify-content: center;
}
.p-org-pic-on-note__col--note {
  position: relative;
  z-index: 1;
}
.p-org-pic-on-note__col {
  flex: 0 1 auto;
  width: 72.33333%;
  margin: 0 -12.33333%;
}
.u-mr-n {
  margin-right: 0 !important;
}
.c-st85 {
  padding-top: 140px;
}
.c-sl20 {
  padding-left: 20px;
}
.c-container--medium-just {
  width: 680px;
}
.p-bg-ptn-note.p--shadow {
  box-shadow: 0 1px 13.5px 1.5px rgba(4,0,0,.1);
}
.p-block-note {
  padding: 60px 40px 65px;
  position: relative;
}
.p-bg-ptn-note {
  background: url(./images/bg-note.png) ;
}
.p-block-note__puzzle {
  position: absolute;
  top: -24px;
  right: 40px;
}
.p-table-line table {
  width: 100%;
  table-layout: fixed;
}
table {
  border-collapse: collapse;
}
.p-table-line th {
  text-align: center;
}
.p-table-line td, .p-table-line th {
  vertical-align: middle;
  font-weight: 400;
  text-align: left;
  padding: 25px 10px;
}
.p-table-line tr + tr {
  border-top: 1px dashed #684d17;
}
.c-grid--x15 > [class*="c-col"] {
  padding-right: 15px;
  padding-left: 15px;
}
.c-grid--y10 > [class*="c-col"] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.c-grid > [class*="c-col"] {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  flex-direction: column;
  min-height: 1px;
  max-width: 100%;
}
.c-ib, .c-phrase {
  display: inline-block;
}
.p-deco-niji {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.p-heading-str {
	font-size: 1.7em;
	color: #4EB2FF;
	margin-bottom: .5em;
  border-bottom: none!important;
  text-align: center;
	font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: bold;
}
.c-st80 {
  padding-top: 80px;
}
.p-org-about-enkaku {
  border-radius: 0;
  background: #fff;
  box-shadow: 0 0 35px rgba(4,0,0,.1);
}
.c-sb60 {
  padding-bottom: 60px;
}
.c-st60 {
  padding-top: 60px;
}
.photo_fuchi{
    border: 5px solid #FFF;
    box-shadow: 0 0 5px #999;
}

.c-container:not([class*="-just"]) {
  padding-left: 20px;
  padding-right: 20px;
}
.u-textcenter {
  text-align: center;
}
.p-deco-wrap {
  position: relative;
}
.c-sb55 {
  padding-bottom: 55px;
}
.c-container--medium {
  width: 810px;
}
.c-container {
  width: 1210px;
}
.c-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p-deco--about-cat {
  left: -95px;
  top: 120px;
}
.p-deco {
  position: absolute;
  pointer-events: none;
}
[data-animation*="yurari"] {
  transform-origin: center bottom;
  -webkit-animation: _yurari 1.6s ease-in-out .1s infinite alternate;
  animation: _yurari 1.6s ease-in-out .1s infinite alternate;
}
[data-animation] {
  display: inline-block;
}
.p-deco--about-bird {
  right: -70px;
  top: 20px;
}
[data-animation*="fly"] {
  -webkit-animation: _fly 1.6s ease-in-out .1s infinite alternate;
  animation: _fly 1.6s ease-in-out .1s infinite alternate;
}

@media print, screen and (min-width: 768px) {
.c-col-md-7 {
  width: 58.33333333%;
}
.c-col-md-5 {
  width: 41.66666667%;
}
}
@media screen and (max-width: 550px) {
.header-desc {
	height: 40px;
	font-size: 0.8em;
	line-height: 40px;
}
.book-wrap::before {
  height: 31px;
  top: -10px;
}
}
@media screen and (max-width: 500px) {
.postlist-category {
  height: unset;
}
.postlist-category img {
  width: 100%;
  height: 100%;
}
.postlist-category-inner {
  padding: 0 1em;
  width: 100%;
}
#cards li {
margin-bottom: 1.5em;
}
#post-list-button .pl-Link {
  padding: 9px 0;
}
#post-list-body {
  padding: 5%;
}
#post-list-body > .inner-radius {
  padding: 5%;
}
.submit-btn input {
  width: 100%;
}
.c-container:not([class*="-just"]) {
  padding-left: 0;
  padding-right: 0;
}
.p-org-pic-on-note__col {
  width: 100%;
  margin: 0;
}
.c-sl20 {
  padding-left: 0;
}
.p-block-note {
  padding: 40px 20px 40px;
}
.p-heading-str {
  font-size: 1.4em;
}
.c-sb55 {
  padding-bottom: 0;
}
.c-st85 {
  padding-top: 70px;
}
.c-mb35 {
  margin-bottom: 0;
}
.p-table-line th {
  width: 100%!important;
  padding: 10px 0px 0px 15px;
  display: block;
}
.p-table-line td {
  width: 100%!important;
  padding: 0px 0px 10px 25px;
  display: block;
}
.c-st60 {
  padding-top: 30px;
}
.c-sb60 {
  padding-bottom: 30px;
}
.c-st80 {
  padding-top: 0;
}
.sisetu-box {
  width: 100%;
  padding: 4em 1.5em 2em;
}
.cform th, .cform td {
  width: 100%;
  padding: 0 0 .7em;
}
#post-list-button {
  margin: 20px auto 30px;
}
#cards li {
  margin: 1.5em 0 0;
}
.sp {
  padding: 1em 0 2em;
}
.page-content h2 {
  font-size: 1.4em;
}
.page-content h3 {
  font-size: 1.2em;
}
.post-list-box {
  padding: 0;
}
.book-wrap {
  margin: 150px auto 0;
}
.inner-main {
  margin-top: 0;
  padding-bottom: 0;
}
.inner-text {
  font-size: 1em;
  text-indent: -5.5em;
  padding-top: 6em;
  padding-left: 6em;
}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
	margin: 0 auto;
}
.sp {
	display: none !important;
	margin: 0 auto;
}
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 700px) {
    .pc {
		display: none !important;
	}
    .sp {
		display: block !important;
}
.fusen {
  right: 0;
  top: -140px;
  width: 100%;
}
}

.sp-slides-container {
  margin-top: 3vw;
}

.top-image-cover {
    background: transparent;
    width: 1400px;
    height: 700px;
	margin: 0 auto;
    position: relative;
}

.top-image-string {
    position: absolute;
    writing-mode: vertical-rl;
    text-align: left;
    font-size: clamp(0.6em,1.6vw,1.6em);
    top: 40px;
    right: 100px;
}

@media only screen and (max-width: 1400px) {
	.top-image-cover {
		width: 100%;
		height: 50vw;
	}
}

@media only screen and (max-width: 700px) {
	.top-image-string {
		top: 20px;
		right: 30px;
	}
	.top-image-cover {
		height: 110vw;
	}
}
.wp-block-columns {
  margin-bottom: 0;
}
.fg-item-inner a {
  pointer-events: none;
}

.dl-btn a {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	padding: 1rem 0;
	font-weight: bold;
	border: 2px solid #4EB2FF;
	color: #4EB2FF;
	background-color: #fff;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
}
.dl-btn a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #4EB2FF;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
.dl-btn a:hover::before {
	transform: translateX(0);
}
.dl-btn a:hover {
	color: #fff;
}
.inquiry-box {
    padding: 0.8em 0.5em;
    margin: 2em auto;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
	max-width: 350px;
}

@media screen and (max-width: 450px) {
.inquiry-box {
	max-width: 300px;
}
}
	
.inquiry-box p {
	text-align: center;
    margin: .2em 0; 
    padding: 0;
}
.large {
  font-size: 2em;
  font-family: 'Shigoto', sans-serif;
  font-weight: bold;
  line-height: 1.2em;
}
.middle {
  font-size: 1.3em;
  font-family: 'Shigoto', sans-serif;
  font-weight: bold;
}