@charset "UTF-8";

/*
Theme Name: フェリーチHP
Description: こどもの家フェリーチ様専用のテーマです。
Author: 根岸伶実
Version: 1.0
*/




.site, .site-content, .content-area {
 background-color: #ffffff; /* 中のコンテンツだけ白 */
 padding: 20px; /* 必要に応じて調整 */
 box-shadow: 0 0 10px rgba(0,0,0,0.05); /* 少し浮いてる感を出してもOK */
}

#single{
	height: auto;
}
.kotobagurupu{
	padding-bottom: 50px !important;
}
.latest-post {
   display: block;
   gap: 1em; /* 日付とタイトルの間にスペース */
   align-items: center;
margin: 0 auto;

}

.post-date {
   color: #96685A;
}

.post-title {
	margin-left: 2rem;
	text-align: center !important;
	display: block;
   font-size: 1rem;
}
osirasekontena{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.single{
	padding-top: 120px;
}
.single-post h1.entry-title {
 font-size: 1rem !important;
}

.kotobamoji{
	position: relative !important;
	right: 20px !important;
}
.montessolitteimgsp{
		display: none !important;
	}
.montep{
		text-align: center !important;
	}
.montemi{
		text-align: center !important;
	}
.felicideha-{
	width: 100%;
	display: grid;
	grid-template-columns: 100% !important;
	grid-template-rows: auto !important;
	padding: 10px;
	gap:30px;
	margin-bottom: 50px;
	text-align: justify !important;
}


.iti-{
	background-color: #f6efe8;
	padding: 40px !important;
	border-radius: 10px;
}
.ni-{
	background-color: #f6efe8;
	padding: 40px !important;
	border-radius: 10px;
}
.san-{
	background-color: #f6efe8;
	padding: 40px !important;
	border-radius: 10px;
}
.yon-{
	background-color: #f6efe8;
	padding: 40px !important;
	border-radius: 7px;
}
/*
.felicidehapyohaku{
	padding: 0 20px 20px 20px !important;
}
*/
.iti2{
	background-color: #F7F3F0;
	border-radius: 12px;
	overflow: hidden;
	padding: 0;
	max-width: 600px;
}
.ni2{
	background-color: #F7F7E8;
	padding: 0;
	border-radius: 10px;
	height: auto;
}

.san2{
	background-color: #F3F4F4;
	padding: 0;
	border-radius: 10px;
	height: auto;
}
.ni2-{
	background-color: #F7F7E8;
	padding: 0;
	border-radius: 10px;
	height: auto;
}
.san2-{
	background-color: #F3F4F4;
	padding: 0;
	border-radius: 10px;
	height: auto;
}
.yon2{
	background-color: #F7F3F0;
	padding: 0;
	border-radius: 10px;
}
.felicidehakaramu{
 display: grid !important;
	grid-template-columns: 585px 585px !important;
	grid-template-rows: auto auto;
 gap: 2rem;
}
.kurasushoukaikaramu{
 display: grid !important;
	grid-template-columns: 290px 290px 290px !important;
	grid-template-rows: auto auto auto;
 gap: 20px;
}
.tukihosikaramu{
 display: grid !important;
	grid-template-columns: 445px 445px !important;
	grid-template-rows: auto auto;
 gap: 20px;
}

.senseiwrapper{
	width: 1000px;
	padding: 10px 10px 10px 20px;
	background-color: #FDEEEA;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	margin: 0 auto;
	position: relative !important;
}
.senseishoukai{
	padding-left: 50px;
}
.senseishoukai p{
	text-align: justify !important;
}
.konnasenseiga{
	text-align: center;
	margin: 10px 0 100px 0;
}

.senseisp{
	display: none !important;
}
.hutoji{
	font-weight: 500;
}
.brown{
	color: #96685A;
}





/*お問合せフォーム*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
 width: 80%;
 padding: 3px;
 border: 1px solid #ccc;
 border-radius: 5px;
 box-sizing: border-box;
 margin-bottom: 15px;
 font-size: 1rem;
}

/* テキストエリアの高さ */
.wpcf7 textarea {
 height: 70px;
}

/* 送信ボタン */
.wpcf7 input[type="submit"] {
 background-color: #0073aa;
 color: #fff;
 padding: 3px 25px;
 border: none;
 border-radius: 5px;
 cursor: pointer;
 font-size: 1.3rem;
}

/* ボタンのホバー時 */
.wpcf7 input[type="submit"]:hover {
 background-color: #005f8a;
}


/*吹き出し*/
.pink{
	background-color: #FDEEEA;
}

.green{
	background-color: #F0F3E6;
}

.yellow{
	background-color: #FCFAEA;
}

.balloon-left {
 position: relative;
 border-radius: 10px;
 padding: 10px;
 margin: 10px 0;
}

.yellow::before {
 content: "";
 position: absolute;
 top: 20px; /* 三角の位置（上からの距離） */
 left: -18px; /* 本体の左外に表示 */
 border-width: 10px;
 border-style: solid;
 border-color: transparent #FCFAEA transparent transparent;
}
.pink::before {
 content: "";
 position: absolute;
 top: 20px; /* 三角の位置（上からの距離） */
 left: -18px; /* 本体の左外に表示 */
 border-width: 10px;
 border-style: solid;
 border-color: transparent #FDEEEA transparent transparent;
}
.green::before {
 content: "";
 position: absolute;
 top: 20px; /* 三角の位置（上からの距離） */
 left: -18px; /* 本体の左外に表示 */
 border-width: 10px;
 border-style: solid;
 border-color: transparent #F0F3E6 transparent transparent;
}

main.wrapper {
 padding-top: 120px;
}

.senseigazoufp{
display: block;
 position: absolute !important;
 top: -95px;
 left: 50%;
 transform: translateX(-50%);
 overflow: hidden;
}
.senseigazoufpsp{
	display: none;
 
	
}

.senseikaramu{
	margin-top: 50px;
	margin-left: 50px;
}

/*イベントの様子マウスホバー*/
.iventnoyousu {
 position: relative; /* ← これが基準になる親 */
}
.dropdown {
 display: none;
 position: absolute;
 top: 100%;  /* ← これで親の真下に出る */
 left: 0;
 background: white;
 z-index: 999!important;
 padding: 10px;
 border: 1px solid #ccc;
 width: 325px;
text-align: left !important;
}
.iventnoyousu:hover > .dropdown {
 display: block;
}
.dropdown li a:hover {
 color: #D37150;           /* ホバー時の文字色（白） */
 background-color: #FCFAEA; /* ホバー時の背景色（サンドベージュ系） */
}
.itutunohasirap{
	margin-bottom: 20px;
}
.nitijo{
	border: 5px solid #f6b472;
	border-radius: 15px;
	padding: 20px;
}
.kankaku{
	border: 5px solid #b4cea6;
	border-radius: 15px;
	padding: 20px;
}
.gengo{
	border: 5px solid #f3b8ae;
	border-radius: 15px;
	padding: 20px;
}
.montespnon{
	display: block;
}
.komidasi{
	margin-bottom: 20px;
	}
.gazo{
	margin-left: 60px;
}
.monteshoukaimoji{
	margin-left: 180px !important;
}
.komidasibrown
{
  display: inline-block;
	margin-bottom: 10px;
  font-size: 1rem;
  line-height: 1.4em;
  padding: 5px;
	font-weight: 500;
  background:white;
	color: #96685A;
}
.komidasiyellow {
  display: inline-block;
	margin-bottom: 10px;
  font-size: 2.5rem;
  line-height: 1.4em;
  padding: 5px;
  background:#fae9d8;
}

.komidasigreen {
  display: inline-block;
	margin-bottom: 10px;
  font-size: 2.5rem;
  line-height: 1.4em;
  padding: 5px;
  background:#e7eddf;
}
.komidasired {
  display: inline-block;
	margin-bottom: 10px;
  font-size: 2.5rem;
  line-height: 1.4em;
  padding: 5px;
  background:#f9e5e3;
}
.montepcnon{
	display: none;
}
.classmidasi{
 background-color: #D8BAA0;
 padding: 12px 16px;
 font-size: 1.1em;
 border-top-left-radius: 12px;
 border-top-right-radius: 12px;
align-items: center !important;
 margin: 0;
}
.classmidasi2{
 background-color: #D9CC8D;
 padding: 12px 16px;
 font-size: 1.1em;
 border-top-left-radius: 12px;
 border-top-right-radius: 12px;
 margin: 0;
}
.classmidasi3{
 background-color: #CECFC5;
 padding: 12px 16px;
 font-size: 1.1em;
 border-top-left-radius: 12px;
 border-top-right-radius: 12px;
 margin: 0;
}
.classpadding{
	padding: 20px 20px 20px 20px;
}
.classgazo img{
	border-radius: 15px !important;
}
.ohisamagazo{
	padding: 0 30px 0 0;
}
.tukihosigazo{
	padding: 10px 0 10px 0;
}
.classgazopcno2{
	display: block;
}
.felicidehaimg{
	margin-left: 40px;
}
.mazuha-{
	line-height: 2.5rem;
}

#osirase h2{
	margin-left: 100px;
}
#osirase .tensen{
	margin-left: 100px;
}

.yohakuhidari{
	margin-left: 50px !important;
}
.otukisamashoukaibun{
	margin-bottom: 1rem;
}
.ohosisamashoukaibun{
	margin-bottom: 5rem;
}
.maria{
display: block !important;
 position: absolute !important;
 bottom: -240px;
 overflow: hidden;
}
.mariaoya{
	position: relative;
}
#ohosisama{
	position: relative;
}
#otukisama{
	position: relative;
}
.hosiirasuto{
	display: block !important;
 position: absolute !important;
 bottom: -400px;
 overflow: hidden;
}
.tukiirasuto{
	display: block !important;
 position: absolute !important;
 bottom: -400px;
 overflow: hidden;
}
.form{
	margin-left: 260px;
}
	.tree{
display: none;
 position: absolute !important;
bottom: -40px;	
 transform: translateX(480%);
 overflow: hidden;
	width:230px !important;
}
.montefv{
	max-width: 100% !important;
}
.itinitinonagareoya{
	display: block;
	position: static;
}
/*スケジュール吹き出し*/
.itinitinonagare {
	background-color: white;
  position: relative;
  display: inline-block;
  border: 4px solid #D8BAA0;
  padding: 30px;
	border-radius: 20px;
  margin: 0;
}
.itinitinonagare:after, .itinitinonagare:before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  left: 100%;
  top: 50%;
  border: solid transparent;
}
/*
.itinitinonagare:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: white;
  border-width: 10px;
  margin-top: -10px;
}
.itinitinonagare:before {
  border-color: rgba(51, 51, 51, 0);
  border-left-color: #D8BAA0;
  border-width: 15px;
  margin-top: -15px;
}
*/
.itinitinonagarehidari p{
	display: block;
	border-bottom:  solid 1px #D8BAA0;
}
.ohisamasukeju-rumidasi{
	margin-bottom: 20px;
}

.itinitinonagaremigi{
	display: block;
}
.itinitinonagareimgsp{
	display: none;
}
.classspnomi{
	display: none;
}
.ohisamahiyoukarasita{
	display: block;
}
.ohisamashousai{
	display: none;
}
details {
 border: 1px solid #f6f3f0;
 border-radius: 4px;
 padding: 0.5em 0.5em 0;
}


summary {
 font-weight: 500;
 margin: -0.5em -0.5em 0;
 padding: 0.5em;
 cursor: pointer; /* マウスカーソルをポインタに */
}

summary::before {
 content: "▶︎ ";
 margin-right: 0.3em;
 font-size: 0.9em;
}

details[open] summary::before {
 content: "▼ ";
}

details[open] {
 background: #fff;
 padding: 0.5em;
}

details[open] summary {
 border-bottom: 1px solid #96685A;
 margin-bottom: 0.5em;
}
	.flex{
		width: 100%;
		display: flex !important;
		justify-content: space-between !important;
	}


.classfvpc{
	display: block;
	margin-bottom: 1rem;
}
.classfvsp{
	display: none;
}

	.otukisamadetails {
 border: 1px solid #f7f7e9;

}
	.ohosisamadetails {
 border: 1px solid #f3f4f4;

}
.ohosisamahiyoukarasita{
	display: block;
}
.otukisamahiyoukarasita{
	display: block;
}
.taiyoutohana{
		display: block;
		position: absolute !important;
 		top: 10px;
		left: 800px;
 		overflow: hidden;
}
.itinitinonagareoya{
	display: block !important;
	margin: 0 auto !important;
	padding-top: 30px;
	width: 750px;
}
/*
.montesasie{
	display: block !important;
	margin-top: 14rem;
	width: 280px;
	margin-left: auto !important;
}
*/
.ohosisamagara{
	display: block;
}
.wp-block-columns{
 align-items: flex-start !important;  /* ← stretch をやめる */
}

/* 各カラム：高さ固定を解除 */
.wp-block-column{
 height: auto !important;
}

/* テーマが「カード」を h:100% にしてる場合の保険 */
.wp-block-column > .wp-block-group,
.wp-block-column .card,
.wp-block-column .felici-card{
 height: auto !important;
}
.wp-block-gallery {
   padding: 1rem 0rem 1rem 0rem; /* ギャラリー全体に余白 */
}
.pcbr{
	display: block;
}
.itinitinonagaremigi img{
	border-radius: 30px;
}
.itinitinonagaremigi figcaption{
	font-size: 0.78rem !important;
	font-weight: 500;
	text-align: center;
}
	.kazusp{
		display: none;
	}
	.kazupc{
		display: block;
	}
.montefvpc{
	display: block;
}
.montefvsp{
	display: none;
}
.modorubotan{
	display: none;
}
.montezudounyuubunn{
	margin-bottom: 0.7rem;
	line-height: 1.25em;
}
.montettebun{
	margin-bottom: 2rem;
}
.nitijosp{
		display: none;
	}
	.nitijopc{
		display: block;
	}
#topmenu{
	display: none;
}
#jump{
	display: none;
}
.tappudetobu{
	color: white;
}
.post-title a{
		text-decoration: underline;
	}
/* グローバルナビ アイコン上に表示 */
.p-globalNav__item > a {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 4px;
}

/* ホームだけアイコンをつける例 */
.p-globalNav__item.-home > a::before {
 content: "";
 display: block;
 width: 24px;
 height: 24px;
 background-image: url("https://kodomonoiefelici.raindrop.jp/wp-content/themes/felici8/img/montessori.png")!important;
 background-size: contain;
 background-repeat: no-repeat;
}

h3{
	color: #96685A;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	margin-bottom: 25px;
}
.montessolitte{
	background-color: #FCFAEA;
	padding: 15px;
	border-radius: 10px;
	margin-top: 80px;
}
.montessolitte img{
	margin-top: 20px;
	
}
html, body {
 height: 100%;
 margin: 0;
}
body{
	font-size: 1rem;
	color: #595757;
	font-family: 'Zen Maru Gothic', sans-serif;
	background-color: white;
	display: flex;
 flex-direction: column;
}
main {
 flex: 1;
}
li{
	list-style-type: none;
}
p{
	line-height: 1.8rem;
}
a {
color:#96685A;
text-decoration:none;
}
.line1{
	mix-blend-mode: multiply;
}
.spheader{
	display: none;
}




/*ヘッダー*/
header{
	display: block;
	background-color: white;
	width: 100%;
}

header h1 img{
	width: 125px;
	margin: 5px 0 20px 0;
}
header ul img{
	width: 195px;
	margin-bottom: 6px;
}
.kontena{
	display: block;
	margin: 0 auto;
}
.headerpc{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0 15px 0 !important;
	position: fixed;
	z-index: 1;
	width: 1220px;
	background-color: white;
}

.headerpc img{
	position: relative;
	top: 10px;
}
.pc-nav ul{
	display: flex;
}
.pc-nav img{
	width: 50px;
}
.pc-nav li{
	margin-left: 50px;
	text-align: center;
	font-size: 0.88rem;
	line-height: 1.25rem;
}
.iventnoyousu .dropdown li{
	text-align: left !important;
	border-bottom: 1px solid #ccc;
	margin: 0 10px 0 10px;
	
}
.iventnoyousu .dropdown li:last-child{
	border-bottom: none;
	padding-bottom: 5px;
}
.iventnoyousu .dropdown li:nth-child(2),
.iventnoyousu .dropdown li:nth-child(3),
.iventnoyousu .dropdown li:nth-child(4){
	margin-top: 10px;
}
.iventnoyousu .dropdown li:nth-child(1),
.iventnoyousu .dropdown li:nth-child(2),
.iventnoyousu .dropdown li:nth-child(3){
	padding-bottom: 10px;
}

.lastline{
	width: 195px;
}
.wrapper{
	max-width: 1300px;
	background-color: white;
	margin: 0 auto;
	padding: 0 3%;
	
	
}
/*スリック*/
.slider{
	max-width: 100%;
	padding:10px 0 0 0;

}
.slider img{
	width: 100%;
}
#osirase{
	display: block;
	max-width: 100%;
	background-color: #FCFAEA;
	padding-bottom: 13px;
	padding-top: 0 !important;
	padding-top: 8px;
	margin-top: 0 !important;
	margin-bottom: 60px;
/*
		border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
*/
}
#osirase p{
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
}

/*お知らせ文字*/
h2 {
  font-size: 24px;
  color: #96685A;
  margin: 0;
  padding: 0;
  font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 600;
}
.new1{
  position: relative;
	font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  color: #35AB6D;
	font-size: 2rem;
	
}
.new2{
  position: relative;
	font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  color: #8C599A;
	font-size: 2rem;
	
}
.new3{
  position: relative;
	font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  color: #E26A46;
	font-size: 2rem;
	
}


#osirase img{
	display: block;
	mix-blend-mode: multiply;
	width: 290px;
	padding: 0;
	margin: 0;
	position: relative;
	left: 10px;
	bottom: 5px;
}
/*ことば*/
#kotoba{
		display: flex;
	justify-content: space-between;
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#kotoba p{
	display: block;
	line-height: 2rem;
	text-align: center;
	margin-top: 0.5rem;
	font-size: 1.1rem;
}
#kotoba img{
	width: 40px;
	mix-blend-mode: multiply;
}
#kotoba img:first-child{
	transform: scale(-1, 1);
}
#kotoba span{
	color: #35AB6D;
}
.kotobaspimg{
	display: none;
}
/*フェリーチでは*/
.felicideha-kontena{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 60px;
}
#felicideha h3{
	color: #96685A;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	margin-bottom: 25px;
}
.felicideha-kontena img{
	width: 28%;
	margin-left: 70px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
/*モンテッソーリとは*/
#montessoritoha{
	width: 100%;
	background-color: #FCFAEA;
	padding-bottom: 25px;
	padding-top: 15px;
	margin-bottom: 30px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	
}
#montessoritoha h3{
	text-align: center;
	color: #96685A;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	margin: 0;
	padding: 0;

}

.line{
	display: block;
	text-align: center;
	mix-blend-mode: multiply;
	width: 290px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#montessoritoha p{
	text-align: center;
	margin-bottom: 25px;
}
#montessoritoha span{
	font-weight: 500;
}
.kaisetuzu{
	display: block;
	width: 90%;
	margin: 0 auto;
}

/*先生*/
#sensei{
	max-width: 100%;
	height: 450px;
	margin-bottom: 30px;
	background-color: #FDEEEA;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
.senseikontena{
	display: flex;
	justify-content: flex-start;
	margin-left: 30px;
}
#sensei h3{
	display: block;
	text-align: center;
	color: #96685A;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	padding-top: 20px;
	margin-bottom: 20px;
}
.senseiphoto{
	width: 25%;
	margin-right: 30px;
}
#sensei span{
	font-size: 1.3rem;
	font-weight: 500;
}
#sensei .line{
	position: relative;
	bottom: 18px;
	width: 295px;
}



/*スモール*/
#small{
	text-align: center;
}
small{
	text-align: center;
	margin-bottom: 400px;
}
.pcfootimg{
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 20px;
}
.spfootimg{
		display: none;
	}
footer{
	width: 100%;
	height: 330px;
	background-color: #96685A;
	overflow: hidden;
}
footer a{
	text-decoration: none;
	color: white;
}
#small span{
	color: #35AB6D;
	
}
.footerue{
	display: block;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 25px;
}
.footersita{
	display: block;
	text-align: center;
	margin-bottom: 40px;
}
footer img{
	display: block;
	margin: 0 auto;
	width: 150px;
	margin-top: 20px;
	margin-bottom: 10px;
}
footer address{
	display: block;
	color: white;
	text-align: center;
	margin-bottom: 50px;
	font-style: normal;
}
footer small{
	display: block;
	color: white;
	text-align: center;
}
.wrapper ul:nth-child(2){
	display: none;
}
.spbr{
	display: none;
}
.pcbr{
	display: block;
}

.senseiphotosp{
	display: none;
}
.kaisetuzusp{
	display: none;
}

/*ハンバーガーメニュー*/
.sp--menu{
	display: none;
	padding: 0 0 0 0;
	background-color: white;
}
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
	margin: 0 20px 0 0;
}


/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
	padding-right: 10px;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999!important;
  width: 90%;
  max-width: 330px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


.header-logo-menu{
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
}






#spkotoba{
	display: none;
}








@media screen and (min-height:1300px) {
	.ookiipasokonyousageru{
		margin-bottom: 100px;
	}
	.ookiipasokonyoumojiue{
		margin-top: 100px;
	}
}
@media screen and (min-height:1800px) {
	.ookiipasokonyousaranisageru{
		margin-bottom: 200px;
	}
	.ookiipasokonyousaranisaranisageru{
		margin-bottom: 630px;
	}
}


@media screen and (max-width:1024px) {
		
	

	.classkontena{
		display: flex;
		
	}
		.ohosisamagara{
		display: none;
	}
	.tukiirasuto{
		display: none !important;
	}
	.hosiirasuto{
		display: none !important;
	}
	.ohosisamagara{
		display: none;
	}
	.itinitinonagareoya{
		width: 100%;
	}
	.kotobaspimg{
		display: none !important;
	}
	.felicidehakaramu{
 display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto;
 gap: 2rem;
}
	.senseiwrapper{
		width: 100%;
	}
.k
	.classfvpc{
		display: none;
	}
	.ni2{
		height: auto;
	}
	.san2{
		height: auto;
	}




	.spheader img{
	display: block;
	width: 110px;
	margin-left: 3%;
	margin-top: 20px;
}
	.headerpc{
		height: 80px;
		
	}
	.spheader{
		display: flex;
		justify-content: space-between;
		position: fixed;
		z-index: 5;
		width: 100%;
		height: 70px !important;
		align-items: center;
		padding:0 !important;
	}

	.sp--menu{
		display: block;
		margin-right: 3%;
		z-index: 1;

	}
	.pc-nav{
		display: none;
	}
	.pc-nav img{
		mix-blend-mode: multiply;
	}




	.felicideha-kontena img{
		display: none;
	}
	.felicideha2-kontena{
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	gap:20px;
	margin-bottom: 50px;
}
	.wrapper ul:first-child{
		display: none;
	}
	.wrapper ul:nth-child(2){
		display: block;
	}
	.wrapper{
		display: block;
		padding: 0 3% 0 3%;
		margin: 0 auto;
		max-width: 100%;
	}
	#osirase{
		margin-bottom: 40px;
	}
	#kotoba{
		margin-left: 45px;
		margin-right: 45px;
	}
	#kotoba img{
		width: 70px;
	}
	.spbr{
		display: block;
	}
	.pcbr{
		display: none;
	}

	#felicideha{
		display: block;
		padding: 0;
	}
	#felicideha2 h3{
		margin-left: 15px;
		margin-bottom: 10px;
	}
	.senseiphoto{
		display: none;
	}
	
	.pcfootimg{
		display: none;
	}
	.spfootimg{
		display: block;
		margin: 0 auto;
		width: 100%;
		position: relative;
		top: 20px;
	}
	.mazuha2 h3{
		display: block;
	}

	.mazuha2{
		width: 140%;
	}

	.fukidashi-01-07{
		display: none;
	}
	.senseiphotosp{
		display: block;
		width: 120px;
		margin: 0 auto;
	}
	.name{
		display: block;
		text-align: center;
	}

	.senseikontena{
		display: block;
	}

	#sensei{
		height: auto;
		padding-right: 25px;
		padding-bottom: 30px;
		width: 100%;
	}
	.mazuha1 img{
		display: block;
		width: 65px;
		position: relative;
		top: 10px;
		margin: 0 auto;
		
	}
	.mazuha3 img{
		display: block;
		position: relative;
		left: -10px;
		top: 5px;
		width: 65px;
		
	}
	.kaisetuzusp{
		display: block;
		max-width: 80%;
		margin: 0 auto;
	}
	.kaisetuzu{
		display: none;
	}
	header{
		margin: 0 0 0 3%;
		width: 100%;
		z-index: 5;
	}

	.hanwoireru{
		display: flex;
		justify-content: space-between;
		background-color: white;
	}
	.tst{
		width: 100%;
		height: 200px;
	}


	#spkotoba{
		display: block;
	}
	#spkotoba img{
		display: block;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.slider{
		padding:0;
		margin-top: 10px;
		width: 110%;
	}
	#nav-content ul{
		margin-top: 20px;
		margin-left: 25px;
	}
	#nav-content img{
		width: 67%;
		position: relative;
		right: 1rem;
		top: 8px;
	}
	#nav-content li{
		margin-top: 20px;
		height: 0.7rem;
		font-weight: 500;
	}
	.hana1{
		max-width: 85px;
	}
	.tori{
		max-width: 85px;
	}
	.happa{
		max-width: 85px;
	}
	.hana2{
		max-width: 85px;
	}
	.kotobaspimg{
		display: block;
		max-width: 100%;
		
	}
	.pcbr{
		display: none;
	}
		.kazusp{
		display: block;
	}
	.kazupc{
		display: none;
	}
		.montefvpc{
	display: none;
}
.montefvsp{
	display: block;
}
	.classkontena{
		display: flex;
		flex-direction: column;
	}
	.classfvpc{
		width: 100% !important;
	}
	.classphoto{
		display: block;
		margin: 0 auto;
		padding-top: 1.5rem !important;
	}
	.spheader{
		height: 85px !important;
		background-color: white;
	}

		#jump ul{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr !important;
		grid-template-rows: auto auto auto;
 gap: 0.8rem;
		
	}
	#jump{
		display: block;
	}
	
	#jump li{
		display: block;
		text-align: center;
		background-color: #CDCEC5;
		height: auto;
		padding: 5px;
		border-radius: 10px;
	}
	#jump li:nth-child(2){
		background-color: #D0B9A1;
	}
	#jump li:nth-child(3){
		background-color: #D2C893;
	}
	#jump span{
		display: block;
		line-height: 1.3em;
		font-size: 0.8rem;
		font-weight: 600;
	}
	
	#jump i{
		font-size: 2rem;
		color: white;
	}
	.post-title {
		text-align: left!important;
	}


}





@media screen and (max-width: 768px) {
/*
	.montesasie{
		display: none;
	}
*/
	.kotobagurupu{
		display: none !important;
		overflow: hidden;
	}
	footer nav{
		display: none !important;
	}
	footer img{
		position: relative !important;
		top: 10px !important;
	}
	.moji1{
		display: block;
		margin: 0 auto;
	}
	.montessolitteimg{
		display: none;
	}
	.montessolitteimgsp{
		width: 100%;
		padding: 0 !important;
		display: block !important;
		margin-bottom: 15px;
	}
	.montemi{
		text-align: left !important;
	}
	.montep{
		text-align: left !important;
	}
	.felicidehaimg{
		display: none;
	}
	footer{
		height: 220px;
	}

	.konnasenseiga{
		margin: 10px 0 100px 0;
		padding: 0;
	}
	.senseihitokoto{
		display: none;
	}
	.senseiwrapper{
		width: 100%;
		padding: 10px;
	}
	.felicideha-{
		gap: 15px !important;
	}
	.felicidehakaramu{
 display: flex !important;
		gap: 1rem !important;
	
}
	.kurasushoukaikaramu{
		display: flex !important;
	}
	.single{
		padding-top: 200px;
	}

 main.wrapper {
   padding-top: 75px;
 }

	.headerpc{
		padding: 0;
	}
	header{
		height: 70px !important;
	}
	header h1 img{
		display: none;
	}
	.spheader h1 img{
		margin-top: 30px;
	}
	.map{
		width: 100%;
		height: 500px;
		margin-right: 30px;
	}
	.senseigazou{
	position: absolute !important;
	top: 240px;
	left: 50%;
	transform: translateX(-50%);
}
	.montespnon{
		display: none !important;
	}
	.gazo{
		margin-left: 0;
	}
	.montepcnon{
		display: block;
	}
	.classgazopcno2{
		display: none;
	}
	.ohisamahosoku{
		position: relative;
		bottom: 70px;
	}
	.ohisamagazo{
		padding: 0;
	}
	.ohisamagazoue{
		position: relative;
		bottom: 20px;
	}
	.classpadding{
	padding: 10px;
}
	.senseigazoufp{
		display: none;
		width: 419px;
		height: 150px;
	}
	.senseigazoufpsp{
		display: block;
		position: absolute !important;
 		top: -95px;
 		left: 50%;
 		transform: translateX(-50%);
 		overflow: hidden;
 		width: 344px;
		height: 150px;
}
	.senseishoukai{
		padding-left: 0;
	}
	.iti-{
	padding: 10px 15px 20px 15px !important;
}
.ni-{
	padding: 10px 15px 20px 15px !important;
}
.san-{
	padding: 10px 15px 20px 15px !important;
}
.yon-{
	padding: 10px 15px 20px 15px !important;
}
	.senseikaramu{
		margin-left: 0;
	}
	.tree{
		display: none !important;
	}
	.yohakuhidari{
		margin-left: 0 !important;
	}
	.ohosisamashoukaibun{
		margin-bottom: 0;
	}
	.otukisamashoukaibun{
		margin-bottom: 0;
	}
	.san2{
		height: auto;
	}
	.ni2{
		height: auto;
	}
#osirase h2{
	margin-left: 0;
}
#osirase .tensen{
	margin-left: 0;
}
.monteshoukaimoji{
	margin-left: 0 !important;
}
.maria{
	display: none !important;
}
	.montefv{
		width: 100% !important;
	}
	
	.itinitinonagare:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: white;
  border-width: 0;
  margin-top: 0;
}
.itinitinonagare:before {
  border-color: rgba(51, 51, 51, 0);
  border-left-color: #D8BAA0;
  border-width: 0;
  margin-top: 0;
}
	.itinitinonagaremigi{
		display: none;
	}
	.itinitinonagareimgsp{
		display: block;
	}
	.classspnomi{
		display: block;
		margin: 0 auto !important;
	}
	
	.classspnomioya{
		position: relative;
		margin:20px 0 20px 0;
	}
	.form{
		margin: 0;
	}
	.tappudetobu{
		color: #A8A8A8;
	}
	.ohisamahiyoukarasita{
		display: none;
	}
	.ohisamashousai{
		display: block;
	}

	.classfvsp{
		display: block;
	}
	.classfvpc{
		display: none;
	}
	.ohisamadetails {
 border: 1px solid #96685A;
	

}
	.otukisamadetails {
 border: 1px solid #96685A;

}
	.ohosisamadetails {
 border: 1px solid #96685A;

}
	.ohosisamahiyoukarasita{
		display: none;
	}
	.otukisamahiyoukarasita{
		display: none;
	}
	.taiyoutohana{
		display: block;
		position: absolute !important;
 		top: 30px;
		left: 250px;
 		overflow: hidden;
}

	.itinitinonagare{
		display: block;
	}
	.itinitinonagareoya{
		width: 100%;
	}
/*
	.montesasie{
		display: none;
	}
*/
	.ohosisamagara{
		display: none;
	}
	.tukiirasuto{
		display: none !important;
	}
	.hosiirasuto{
		display: none !important;
	}
	.montessolitte{
		padding: 0;
	}
	.montesolittepadding{
		padding: 15px;
	}
	.pcbr{
		display: none;
	}
	.topmidasiugokasu{
		position: relative;
		bottom: 20px;
	}
	.marginsita{
		margin-bottom: 2rem;
	}
	.kazusp{
		display: block;
	}
	.kazupc{
		display: none;
	}
	.montefvpc{
	display: none;
}
	.montefvsp{
	display: block;
}
	.modorubotan{
		display: block;
		background-color: white;
		border: solid 1px #96685A;
		width: 140px;
		font-weight: 500;
		padding: 5px;
		border-radius: 8px;
		margin: 0 auto;
	}
	.modorubotan a{
		color: #96685A;
	}
	.montettebun{
		margin-bottom: 0;
	}
	.nitijosp{
		display: block;
	}
	.nitijopc{
		display: none;
	}
	.map{
		margin: 0;
	}
	
	#topmenu ul{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr !important;
		grid-template-rows: auto auto auto auto;
 gap: 0.7rem;
		
	}

	#topmenu{
		display: block !important;
		
	}
	#topmenu a{
		font-size: 0.65rem;
		font-weight: 500;
		color: white;
	}
	
	
	#topmenu i{
		font-size: 2.2rem;
		margin: 10px 0 5px 0;
		color: white;
	}
	
	
	
	
	
		
	#topmenu li{
		display: block;
		text-align: center;
	}
	.hunyamaru{
		display: block;
		margin: 0 auto;
  		background: #da94b4;
		width: 100%;
		height: 85px;
		
  		border-radius: 53% 50% 45% 22% / 49% 56% 44% 64% ;
	}
	.hunyamaru:nth-child(2){
		border-radius: 44% 34% 26% 64% / 59% 39% 49% 33% ;
		background-color: #a485b1;
		padding-top: 8px;
	}
	.hunyamaru:nth-child(3){
		border-radius: 39% 50% 40% 40% / 36% 27% 44% 64% ;
		background-color: #de967d;
	}
	.hunyamaru:nth-child(4){
		border-radius: 40% 60% 40% 50% / 60% 60% 50% 60%;
		background-color: #81c0e2;
		padding-top: 8px;
	}
	.hunyamaru:nth-child(5){
		border-radius: 39% 50% 40% 40% / 36% 27% 44% 64% ;
		background-color: #84bd97;
		padding-top: 8px;
	}
	.hunyamaru:nth-child(6){
		border-radius: 53% 50% 45% 38% / 49% 49% 50% 56% ;
		background-color: #e6b36e;
	}
	.hunyamaru:nth-child(7){
		border-radius: 40% 60% 40% 50% / 60% 60% 50% 60%;
		background: #da94b4;
		padding-top: 8px;
	}
	.hunyamaru:nth-child(8){
		background-color: #e6b36e;
		border-radius: 44% 34% 26% 64% / 59% 39% 49% 33% ;
	}
	
	
	
	.hunyamaru span{
		display: block;
		line-height: 1.3em;
	}
	
	#jump ul{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr !important;
		grid-template-rows: auto auto auto;
 gap: 0.8rem;
		
	}
	#jump{
		display: block;
	}
	
	#jump li{
		display: block;
		text-align: center;
		background-color: #CDCEC5;
		height: auto;
		padding: 5px;
		border-radius: 10px;
	}
	#jump li:nth-child(2){
		background-color: #d3bba3;
	}
	#jump li:nth-child(3){
		background-color: #d7cc94;
	}
	#jump span{
		display: block;
		line-height: 1.3em;
		font-size: 0.8rem;
		font-weight: 600;
	}
	
	#jump i{
		font-size: 2rem;
		color: white;
	}
	#jump li:nth-child(4){
		width: 315%;
		background-color: #D0B9A1;
		display: block;
		text-align: center;
		height: 1.5rem;
		
	}
	.classphoto{
		padding: 0!important;
	}
	.itinitinonagareoya{
		display: none!important;
	}
	main.wrapper{
		padding-top: 80px;
	}
	.post-title {
		text-align: left!important;
	}
	

	
	
	
	
}

@media screen and (min-width: 600px) {
	#jump span{
		display: inline-block;
		position: relative;
		bottom: 5px;
		left: 5px;
	}
}