@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------
----------------------------------------------------------------------
reset
----------------------------------------------------------------------
----------------------------------------------------------------------



*/
/* セレクトボックス201804 */
.select-box01 select {
	width: 35%;
	padding: 10px;
	-webkit-appearance: none;main-bg-1
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}
/* 営業時間表示位置 */
.ServiceHours {
margin-top:-55px;
}
@media(max-width: 736px){
.ServiceHours {
margin-top:0px;
}
}

/* スマホ下部メニューをページ下部に固定
   2026-08-06 是正:
   ・opacity:.9 でフッターのロゴが透けて汚れて見えていたため不透明に
   ・#c4ada6（ピンク系）などブランド外の色が混ざっていたのでキナリ／グレージュ／
     くすみゴールドに統一。主行動の「ご予約」だけをゴールドで塗って一番強くする
   ・LINEを常設して4項目に（従来は23ページだけJSでお問合せをLINEに差し替えており、
     ページによってバーの中身が違っていた）
   ・iPhoneのホームバー分の余白 env(safe-area-inset-bottom) を確保 */
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   z-index: 99;
   background: #FDF9F3;
   padding-bottom: env(safe-area-inset-bottom);
   box-shadow: 0 -2px 12px rgba(58,54,51,.10);
}

/* スマホ下部メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}
#sp-fixed-menu i {
   font-size: 20px !important;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 25%;
   padding:0;
   margin:0;
   font-size: 12.5px !important;
   text-decoration: none;
   border-right: 1px solid rgba(255,255,255,.55);
}
#sp-fixed-menu li:last-child{ border-right: none; }

#sp-fixed-menu li.mail{
   background: #EFE7DA;
}
#sp-fixed-menu li.reserve{
   background: #B8924A;
}
#sp-fixed-menu li.line{
   background: #06C755;
}
#sp-fixed-menu li.phone{
   background: #DED8CF;
}

/* スマホ下部ボタンを調整*/
#sp-fixed-menu li a{
   color: #3a3633;
   text-align: center;
   display:flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   min-height: 56px;
   padding:7px 2px;
   font-family: 'Shippori Mincho', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
   letter-spacing: .04em;
   line-height: 1.35;
}
/* 塗りが濃い2つは文字を白に（コントラスト確保） */
#sp-fixed-menu li.reserve a,
#sp-fixed-menu li.line a{ color: #fffdf8; }



/* ボタン変更202109 */
.fas_button_envelope{
width: 180px;
margin: 5px 0px;
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 1;
	background: #84786B;
	color: #fff;
	border-radius: 20px;
	font-size: 1.2em;
	cursor: pointer;
}
.fas_button_envelope:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f0e0';
	margin-right: 12px;
}
.fas_button_calendar{
width: 180px;
margin: 5px 0px;
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 1;
	background: #007416;
	color: #fff;
	border-radius: 20px;
	font-size: 1.2em;
	cursor: pointer;
}
.fas_button_calendar:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f073';
	margin-right: 12px;
}
.pc-hide .fas_button_envelope_s{
width: 300px;
margin: 5px 0px;
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 1;
	background: #84786B;
	color: #fff;
	border-radius: 20px;
	font-size: 1.3em;
	cursor: pointer;
}
.pc-hide .fas_button_envelope_s:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f0e0';
	margin-right: 12px;
}
.pc-hide .fas_button_calendar_s{
width: 300px;
margin: 5px 0px;
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 1;
	background: #007416;
	color: #fff;
	border-radius: 20px;
	font-size: 1.3em;
	cursor: pointer;
}
.pc-hide .fas_button_calendar_s:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f073';
	margin-right: 12px;
}
.btn-center {
margin-left: auto;
margin-right: auto;
}

/* カードcss2020_03 */
.card {
  width: 350px;
background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 5px;
}
.card-img {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content {
  padding: 5px 10px 10px 10px;
}
.card-title {
  font-size: 18px;
font-weight: blod;
  margin-bottom: 10px;
margin-top: 9px;
  text-align: center;
  color: #333;
line-height: 1.5;
}
.card-text {
  color: #777;
 text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
.bottom-btn {
   text-align: center;
padding: 10px!important;
}

.bottom-btn a:hover{
   color: initial;
text-decoration: none;
}


/** =======================
 * Contenedor Principal 2018_03追加
 ===========================*/

/* 所沢市町名表記の行間調整2019_09調整 */
div.address {
line-height: 95%;
}
#accordion a {
    text-decoration: none;
}
#accordion ul {
  list-style:none;
}
#accordion .accordion {
    width: 80% !important;
    max-width: 360px;
    margin: 30px auto 20px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 }
.accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 42px;
    font-weight: 700;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion li .link {
font-size: 100% !important;
}
#accordion .accordion li:last-child .link {
    border-bottom: 0;
}
#accordion .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 18px;
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion li.default .submenu {
display: block !important; /* 強制的に表示する */
}
/**
 * Submenu
 -----------------------------*/
#accordion .submenu {
    display: none;
    font-size: 14px;
color: #eee;
 }

#accordion .submenu li {
    border-bottom: 1px solid #4b4a5e;
 }

#accordion .submenu a {
    display: block;
    text-decoration: none;
    padding: 12px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
 }

#accordion .submenu a:hover {
    background: #eee;
 }

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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, img, ins, kbd, q, s, samp,
small, strike, 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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

ul { list-style: none;}



/* blockquote, q { quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
*/




/* blockquote関係 */

blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em -15px;
  padding: 28px 33px;
  position: relative;
}


blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 500%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

/* blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}
 */

/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left:  -55px; }
  *::-ms-backdrop, blockquote:after  { right: -55px; }
}

table {
	border-collapse: collapse;
	border-spacing: 0;}

img{
	line-height: 0;
	max-width: 100%;
	height: auto;
	margin: auto;}
* {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}

html{ height: 100%;}
body{ height: 100%;}

/*--------------------------------------------------------------------
----------------------------------------------------------------------
エレメント
----------------------------------------------------------------------
----------------------------------------------------------------------
*/

body{
	color: #492e13;
	/*color: #43270b;*/
	font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	letter-spacing: 0.1em;
	line-height: 1.8;
	font-size: 85%;
	font-weight: 300;
	background:#fff;
	width: 100%;
	overflow-x: hidden;}

/* 2026-08-06 見出しの既定を明朝に。
   本文エディタで書かれたクラス無しの <h2><h3> だけが本文と同じゴシックのままで、
   同じページ内に明朝の見出しとゴシックの見出しが混在していた。
   セレクタの強さは最弱なので、テンプレート側でフォントを指定している見出しには影響しない。 */
h1, h2, h3, h4, h5, h6{
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}

input, textarea{ font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}

* html body,
* html input,
* html textarea{ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/* 2026-08-06 サイト標準のリンク色を緑(#007416)からくすみゴールドの濃い版へ。
   ブランド色に緑は無く、個別指定の無い旧サブページ（七五三の子ページ等）の
   リンクだけが緑の下線で浮いていたため。白地でコントラスト比 約5.0:1 でAA適合。
   下線は本文中のリンクの見つけやすさのため残す。 */
a{
	color: #8a6a2e;
	text-decoration: underline;}

a:hover{
	text-decoration: none;}

/* 固定バーのボタンは下線を出さない（リンクではなくボタンとして見せる） */
#sp-fixed-menu li a{ text-decoration: none; }

/* 固定バーがページ末尾（フッターのコピーライト等）を隠したままにならないよう、
   フッター側でバーの高さぶんの余白を確保する。バーは768px未満でのみ表示される。
   body に padding を足すと height:100% 指定と競合して短いページでも常に縦スクロールが
   生まれるため、フッターに付ける。 */
@media(max-width: 767px){
	footer.ft26{ padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
}

/* clearfix */
.clearfix:after, .header:after, .gnav ul:after, .content:after, .content-2:after, .nav-1 ul:after, .menu-list ul:after, .gallery-1 ul:after, .gallery-2 ul:after, .img-link-3:after, .unit-2colsay-1:after, .unit-2colsay-2:after, .unit-2colsay-3:after, .unit-2colsay-4:after, .unit-2colsay-5:after, .unit-2colsay-6:after, .unit-2colsay-7:after, .unit-2colsay-8:after, .unit-2colsay-9:after, .unit-2colsay-10:after, .unit-2colsay-11:after, .img-list ul:after, .section-header:after, .gallery-menu ul:after, .footer-nav:after, .menu-list-2 ul:after, .unit-2col-1:after, .block-11 ul:after, .thumbs:after, .unit-2colsay-12:after, .block-12 ul:after, .banner-block .photo:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;}

/*--------------------------------------------------------------------
----------------------------------------------------------------------
構造
----------------------------------------------------------------------
----------------------------------------------------------------------
*/

@media(min-width: 1000px){
	.container{
		width: 1000px;
		margin: 0 auto;}
	.container-2{
		width: 868px;
		margin: 0 auto;}

	.main{
		float: right;
		width: 740px;}

	.side{
		float: left;
		width: 240px;}

}
@media(max-width: 999px){
.container,
.container-2{
	width: 95%;
	margin: 0 auto;}

	.main{
		margin-bottom: 100px;
		width: 100%;}
}

/*--------------------------------------------------------------------
----------------------------------------------------------------------
共通(モジュール）
----------------------------------------------------------------------
----------------------------------------------------------------------
*/

i{
	margin-right: 5px;
	margin-left: 5px;}

.alert-1-1{ font-weight: bold;}

.alert-2-1{ color: #e20000;}
.alert-2-2{ color: #604020;}
.alert-2-3{ color: #ff0000;}

.alert-3-1{ font-size: 120%;}
.alert-3-2{ font-size: 180%;}
.alert-3-3{ font-size: 90%;}
.alert-3-4{ font-size: 70%;}
.alert-3-5{ font-size: 1.1rem !important;}
.alert-3-6{ font-size: 80%;}
.alert-3-7{ font-size: 140%;}

.alert-3-10{ font-size: 140%; font-weight: bold;}

.alert-4-1{ letter-spacing: -1px;}
.alert-4-2{ letter-spacing: 0;}

.alert-5-1{ line-height: 2.1rem !important;}
.alert-5-2{ line-height: 1.8rem !important;}
.alert-5-3{ line-height: 1.4rem !important;}

.alert-6{
	color: #9f846a;
}

.list-1{ list-style: disc inside;}
	.list-1 li{
		padding: 5px 0;
		padding-left: 1em;
		text-indent: -1em;}

.list-2 li{
	color: #9f846a;
	padding-left: 1.5em;
	text-indent: -1.5em;
	font-size: 90%;}
.list-2 li:before{
	content: '※ ';}

.list-3 li{
	margin-bottom: 20px;
	padding-left: 2em;}
.list-3 li h1{ text-indent: -1em;}

.list-4 li{
	font-size: 130%;
	font-weight: bold;}

.list-4 li:before{
	content: url(../images/menu/profile/list.jpg);
	margin-right: 3px;
	vertical-align: -webkit-baseline-middle;}

.list-5{ list-style: disc inside;}
	.list-5 li{
		color: #ff0000;
		padding-left: 1em;
		text-indent: -1em;}
.w-180{
	display: inline-block;
	width: 180px;}

.mb-0{ margin-bottom: 0 !important;}
.mb-1{ margin-bottom: 1px !important;}
.mb-5{ margin-bottom: 5px;}
.mb-10{ margin-bottom: 10px !important;}
.mb-15{ margin-bottom: 15px !important;}
.mb-20{ margin-bottom: 20px !important;}
.mb-30{ margin-bottom: 30px !important;}
.mb-40{ margin-bottom: 40px !important;}
.mb-50{ margin-bottom: 50px !important;}
.mb-60{ margin-bottom: 60px !important;}
.mb-80{ margin-bottom: 80px !important;}
.mb-90{ margin-bottom: 90px !important;}
.mb-100{ margin-bottom: 100px !important;}
.mb-130{ margin-bottom: 130px !important;}

.mt-20{margin-top: 20px;}
.mt-100{margin-top: 100px;}

.alignRight{ text-align: right;}
.alignCenter{ text-align: center;}

.fRight{ float: right;}

.through{ text-decoration: line-through;}

.mark-1{
	font-size: 130%;
	font-weight: bold;
	color: #43270b;
	line-height: 1.8 !important;}
.mark-2{
	font-size: 120%;
	color: #e20000;}
.mark-3{
	font-size: 110%;
	font-weight: bold;}
.mark-3:before{
	margin-right: 3px;
	content: url(../images/menu/shichigosan/faq/mark-1.gif);}


.link-1{
	color: #43270b;
	text-decoration: underline !important;}
.link-1:hover{ text-decoration: none !important;}

.through{ text-decoration: line-through;}


/* contact */

.tel{ font-size: 145%;}

.btn-contact{
	width: 140px;
	height: 25px;
	line-height: 25px;
	background: #84786b;
	border-radius: 4px;
	text-align: center;}

.btn-contact:hover{
	background: #43270b;}

.header .btn-contact,
.content .btn-contact,
.content-2 .btn-contact{ margin: auto;}

.content .btn-contact,
.content-2 .btn-contact,
.footer .btn-contact{ margin-bottom: 10px;}

	.btn-contact a{
		color: #fff;
		display: block;
		text-decoration: none;}

/* 予約ボタン追加2018_02 */
.btn-reservation{
	width: 140px;
	height: 25px;
	line-height: 25px;
	background: #007416;
	border-radius: 4px;
	text-align: center;}

.btn-reservation:hover{
	background: #679C71;}

.header .btn-reservation,
.content .btn-reservation,
.content-2 .btn-reservation{ margin: auto;}

.content .btn-reservation,
.content-2 .btn-reservation,
.footer .btn-reservation{ margin-bottom: 5px;}

	.btn-reservation a{
		color: #fff;
		display: block;
		text-decoration: none;}
	.content .contact-block .btn-reservation,
	.content-2 .contact-block .btn-reservation{ margin: 10px auto 12px;}
.footer .sp-center{margin: 0 auto;margin-bottom: 10px;}
.footer .sp-tel{font-size: 130% !important;}

.img-1{
	display: block;
	margin-left: 0;}

.label-1{
	padding: 6px 10px 6px 14px;
	color:#fff;
	background: #f96c80;}


/**************************
 title
**************************/
.ttl-1-1{
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	margin-bottom: 40px;
	font-size: 130%;
line-height: 140% !important;
}

.ttl-1-2{
	padding-top: 70px;
	margin: 0 auto 60px;
	font-size: 200%;
	text-align: center;
	vertical-align: middle;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}
	.ttl-1-2:before{
		margin-right: 5px;
		position: relative;
		top: 18px;
		vertical-align: middle;
		content: url(../images/common/ico-1.png);}

.ttl-1-3-wrapper{
	float: none !important;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	padding-right: 80px;
	font-size: 230%;
	line-height: 1.3;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}
	.ttl-1-3{ float: none !important;}
		.ttl-1-3 span{
			display: inline-block;
			line-height: 2.5;
			font-size: 1.1rem;
			letter-spacing: 0;}
	.ttl-1-3-wrapper p{
		margin-top: 20px;
		font-size: .85rem;
		display: inline-block;
		line-height: 2.5;
		color: #492e13;}

/* ───────────────────────────────────────────────
   2026-08-06 旧見出しクラスをブランドに合わせる。
   子ページ（七五三のFAQ・ギャラリー・年齢別など）だけがゴシック体＋こげ茶/グレー/ピンクの
   2010年代の体裁で残っており、明朝＋くすみゴールドの親ページと別サイトのように見えていた。
   文字サイズ・余白・構造は一切変えず、書体と色だけを揃える（レイアウトは動かない）。
   ─────────────────────────────────────────────── */
.ttl-2-1{
	margin-bottom: 20px;
	padding: 0 15px;
	height: 42px;
	line-height: 42px;
	font-size: 130%;
	color: #fff;
	background: url(../images/common/ttl-2-bg.gif) no-repeat 4px center, #B8924A;
	border-radius: 3px;
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}

.ttl-2-2{
	margin: 70px auto 50px;
	font-size: 140%;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 1px;
	color: #3a3633;
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}
	.ttl-2-2 .inner{
		display: inline-block;
		padding-bottom: 5px;
		border-bottom: 2px solid #B8924A;}
		.ttl-2-2 .inner .inner-inner{
			font-weight: normal;
			font-size: 80%;}

.ttl-3-1{
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 130%;
	color: #3a3633;
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}

.ttl-3-2{
	width: 100%;
	margin-bottom: 20px;
	padding: 8px 5px 8px 15px;
	line-height: 1.6;
	font-weight: 500;
	color: #3a3633;
	background: #F3EFE8;              /* 旧 #ddd（無彩色のグレー箱）→ キナリ */
	border-left: 3px solid #B8924A;
	border-radius: 4px;
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}

.ttl-3-3{
	position: relative;
	width: 100%;
	/*margin: 165px 0 20px;*/
	margin-bottom: 20px;
	padding: 8px 20px;
	color: #fff;
	font-size: 110%;
	background: #B8924A;              /* 旧 #ff8181（ブランドに無いピンク） */
	border-radius: 2px;
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}
	.ttl-3-3 img{
		position: absolute;
		left: 0;}
	.ttl-3-3.item-1 img{
		top: -97px;}
	.ttl-3-3.item-2 img{
		top: -115px;}
	.ttl-3-3.item-3 img{
		top: -111px;}

.ttl-3-4{
	margin-bottom: 15px;
	font-size: 120%;
	font-weight: bold;
	color: #ff6b6b;}
.ttl-3-4:before{
	content: '●';
	margin-right: 3px;
	font-size: 130%;}

.ttl-3-5{
	position: relative;
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 10px;
	padding: 7px 15px 13px;
	width: 250px;
	vertical-align: top;
	line-height: 1.4;
	border-radius: 4px;}
.ttl-3-5:before{
	position: absolute;
	top: 17px;
	left: -24px;
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;}
.section-header-inner-2 .ttl-3-5{ margin-bottom: 17px;}

.ttl-3-6{ font-weight: 500; color: #3a3633; font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}

.ttl-3-7{
	margin-bottom: 10px;
	padding: 6px 15px;
	font-size: 105%;
	line-height: 1.4;
	background: #f8cad1;
	border-radius: 4px;}
	.ttl-3-7 span{ font-size: 80%;}


.ttl-4-1{
	margin-bottom: 27px;
	padding: 6px 25px;
	font-weight: 500;
	color: #3a3633;
	background: #F3EFE8;              /* 旧 #ccc（無彩色のグレー） */
	border-radius: 2px 2px 0 0;
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}

.ttl-5-1{
	margin-bottom: 20px;
	color: #604020;
	font-weight: bold;}
	.ttl-5-1:before{
		content: '\f0c8';
		margin-right: 5px;
  		font-family: FontAwesome;}


/**************************
 header
**************************/
.header{
	width: 100%;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	background: rgba(255,255,255,.95);}

	.header .inner{ border-bottom: 1px solid #efefef;}
	.header .box-2{
		float: left;
		width: 616px;}

	.nav-header{ display: none;}

	.gnav li:first-child{	margin-left: 0;}

		.gnav li a{
			display: block;
			text-decoration: none;
			color: #43270b;}

	.header .box-3{
		padding-top: 10px;
		float: right;
		width: 141px;
		text-align: center;}

	.header .tel{ letter-spacing: 1px;}

	.nav-1 .container>ul>li{ margin-right: 13px; border-left: 2px solid #999; padding-left: 13px;line-height: 1.5;}

	.nav-1 .container>ul>li:first-child{
		margin-left:0;
		border-left: 0;
	}

	.nav-1{
		background-color: rgba(221,221,221,0.5);
	}

		.nav-1 li a{
			display: block;
			text-decoration: none;
			color: #492e13;}



/**************************
 main
**************************/
.content,
.content-2{ margin-bottom: 150px;}

.section{ margin-bottom: 30px;}

.section-2{
	padding: 10px 15px 18px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;}


.unit p{
	line-height: 2.5rem;
	margin-bottom: 20px;}

.unit-1-2{
	margin-bottom: 50px;
	border: 1px solid #ccc;
	border-radius: 4px;}

	.unit-1-2-inner{
		padding: 0 27px;}

.unit-1-3{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;}

.unit-1-4{
	padding-bottom: 10px;
	margin-bottom: 10px;}


/*** breadcrumb ***/

.breadcrumb{
	padding: 10px 15px;
	line-height: 1.6;
	font-size: 13px;
	background: linear-gradient(to right, #f4f0ea, #fff);
	border-left: 4px solid #007416;
	border-radius: 0 4px 4px 0;
	margin-bottom: 20px;}

.breadcrumb a{
	color: #007416;
	text-decoration: none;
	font-weight: 500;}

.breadcrumb a:hover{
	color: #43270b;
	text-decoration: underline;}

.breadcrumb .post-home:before{
	font-family: "FontAwesome";
	content: "\f015  ";
	font-size: 12px;}

.breadcrumb [property="name"]{
	color: #43270b;
	font-weight: bold;}

.ttl-block{
	margin-bottom: 60px;
	height: 378px;
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;}

	.ttl-block h1{
		float: left;
		letter-spacing: 0;
		text-shadow: 0 0 2px #fff;}

	.ttl-block .bg{
		float: right;
		height: 100%;}

		.ttl-block .bg img{
			height: 100%;
			width: auto;}


/*** unit-2colsay ***/

.unit-2colsay-1 .box-1{
	float: left;
	padding-top: 13px;}

.unit-2colsay-1 .box-2{ float: right;}


.unit-2colsay-2 .box-1{
	float: left;
	padding-top: 80px;}
.unit-2colsay-2 .box-1 .company {
margin-top: 120px;
font-size: 80%;
line-height: 150%
}

.unit-2colsay-2 .box-1 p{ line-height: 2.5;}

.unit-2colsay-2 .box-2{
	position: relative;
	height: 100%;
	float: right;
	padding: 1px 0;}

	.unit-2colsay-2 .box-2 img{
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;}


.unit-2colsay-3{ margin-bottom: 20px;}

	.unit-2colsay-3 .box-2 img,
	.unit-2colsay-4 img{ display: block;}

.unit-2colsay-4{ margin-bottom: 20px;}


 .unit-2colsay-5{
	padding: 20px 0;
	border-top: 1px dotted #a39797;}
 .section .unit-2colsay-5:first-of-type{ border: none;}

	.unit-2colsay-5 .box-1{
		position: relative;
		height: 220px;
		margin: auto;
		border: 1px solid #ddd;
		background-repeat: no-repeat;
		background-size: cover;}

	.unit-2colsay-5 .box-1[style="background-image:url(/iriso/images/event/no-image.gif)"]{
		background-size: 90% auto;
		background-position:center;}

		.unit-2colsay-5 .box-1 a{
			display: block;
			height: 220px;}

		.unit-2colsay-5 .box-1 img{
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			margin: auto;
			display: block;
			max-width: 95%;
			max-height: 95%;
			width: auto;
			height: auto;}

	.unit-2colsay-5 .box-2{
		line-height: 2.5;}

		.unit-2colsay-5 .box-2 a{ text-decoration: none;}
		.unit-2colsay-5 .box-2 a:hover{ text-decoration: underline;}

/*** table  ***/

.table-1{ width: 100%;}
.table-1 th{
	width: 160px;
	text-align: left;}

.table-1 td{ padding-bottom: 30px;}


.table-2 th{
	width: 170px;
	text-align: left;}

.table-2 td{ padding-bottom: 30px;}


.table-3{
	width: 100%;
	margin-bottom: 5px;}

	.table-3 th{
		width: 50%;
		text-align: left;
		font-size: 113%;
		letter-spacing: 0;}

	.table-3 td{
		padding-top: 10px;
		line-height: 1.4;}
.section-2 .table-3 td{ padding-top: 0;}

.table-5 th{
	width: 100px;
	text-align: left;}

.table-5 td{ padding-bottom: 10px;}


.table-6{
	width: 100%;
	font-size: 113%;}

	.table-6 th{
		width: 35%;
		text-align: left;
		letter-spacing: 0;}

.table-7 th{
	text-align: left;
	width:180px;}

.table-7 td{
	padding-bottom: 15px;
	text-align: right;}

.table-8{
	margin-bottom: 20px;
	width: 100%;}
.table-8 th{
	text-align: left;
	padding: 5px 15px;
	background: #f1f1f1;
	border: 1px solid #ccc;}

.table-8 td{
	padding: 5px 15px;
	border: 1px solid #ccc;}



/*** img-list  ***/

.img-list li{
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	width: calc((100% - 80px) / 5);
	font-size: 88%;
	letter-spacing: 0;}

.img-list li:nth-of-type(5n+1){ margin-left: 0;}

.img-list li img{ display: block;}
.img-list li p{ margin-top: 10px;}

.img-list.circle{
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	line-height: 2.5;}

	.img-list.circle li img{
		border-radius: 50%;}


/*** contact-block ***/

.contact-block{
	text-align: center;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}

.content .contact-block,
.content-2 .contact-block{
	margin: 90px auto 40px;
	line-height: 2.5;}

	.content .contact-block .tel,
	.content-2 .contact-block .tel{
		font-size: 260%;
		line-height: 1.4;
		margin-bottom: 5px;}

	.content .contact-block .logo,
	.content-2 .contact-block .logo{ margin-bottom: 10px;}
	.content .contact-block .logo img,
	.content-2 .contact-block .logo img{ display: block;}

	.tel a{
		color: #43270b;
		text-decoration: none;}

	.content .contact-block .btn-contact,
	.content-2 .contact-block .btn-contact{ margin: 10px auto 12px;}


/*** menu-list ***/

.menu-list{
	margin: 0 auto;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}

	.menu-list li{
		position: relative;
		float: left;
		margin: 0 0 20px 20px;
		width: 202px;
		width: calc((100% - 60px) / 4);
		height: 202px;
		background: #fff;
		border: 3px solid #fff;
		border-radius: 50%;
		overflow: hidden;
		text-align: center;
		z-index: 1;
		transition: opacity 1.3s;}

	.menu-list li:nth-of-type(4n+1){ margin-left: 0;}

		.menu-list a{ color: #3c1b00;}

		.menu-list li img{
			height: 100%;
			width: 100%;
			opacity: .4;
			text-align: center;
			max-width: none;
			position: relative;
			transition-duration: .2s;
			-ms-transition-duration: .2s;
			border-radius: 50%;}

		.menu-list li:hover img{
			opacity: .9;
			transform: scale(1.1);}


		.menu-list li p{
			position: absolute;
			bottom: 25px;
			left: 0;
			right: 0;
			z-index: 99;
			margin: 0 auto;
			line-height: 1.3;
			letter-spacing: 0;
			font-size: 110%;}

		.menu-list li:hover p{
			text-shadow: 0 0 5px #fff;}

		.menu-list li span{ font-size: .85rem;}
.menu-list-3{
		position: relative;
		margin: 0 auto;
		width: calc((100% - 60px) / 3);
		background: #fff;
		border: 3px solid #fff;
		border-radius: 50%;
		overflow: hidden;
		text-align: center;
		z-index: 1;
		transition: opacity 1.3s;}

		.menu-list-3 img{
			height: 100%;
			width: 100%;
			opacity: .4;
			text-align: center;
			max-width: none;
			position: relative;
			transition-duration: .2s;
			-ms-transition-duration: .2s;
			border-radius: 50%;}
		.menu-list-3:hover img{
			opacity: .9;
			transform: scale(1.1);}
		.menu-list-3 p{
			position: absolute;
			bottom: 35px;
			left: 0;
			right: 0;
			z-index: 99;
			margin: 0 auto;
			line-height: 1.3;
			letter-spacing: 0;
			font-size: 110%;}

		.menu-list-3:hover p{
			text-shadow: 0 0 5px #fff;}

		.menu-list-3 span{ font-size: .85rem;}

/*** gallery ***/

.gallery-1,
.gallery-2{ overflow: hidden;}

.gallery-1{ margin-bottom: 100px;}
.home .gallery-1,
.hair .gallery-1{ margin-bottom: 0;}

	.gallery-1 li,
	.gallery-2 li{
		float: left;
		margin-left: 1px;
		margin-bottom: 1px;
		line-height: 1.4;
		background-size: cover;
		background-repeat: no-repeat;}
	.gallery-2 li{ background-position: 0 -5px;}

		.gallery-1 a,
		.gallery-2 a{ display: block;}

			.gallery-1 img,
			.gallery-2 img{display: block;}

.gallery-3 .thumb li{
	float: left;
	width: calc( (100% - 60px) / 4);
	margin-left: 20px;
	margin-bottom: 20px;}

.gallery-3 .thumb li:nth-of-type(4n+1){ margin-left: 0;}

	.gallery-3 .thumb li a{
		display: block;
		line-height: 0;}
	.gallery-3 thumb li img{
		width: 100%;
		height: 100%;
		display: block;}

.gallery-3 .large{
	position: relative;
	width: 330px;}

	.gallery-3 .item{
		display: none;
		position: absolute;}

		.gallery-3 item img{
			width: 100%;
			height: auto;}


/* 旧スライダー用の #gallery{padding:0;margin:0} は削除（2026-08-22）。
   ID指定のためページ側のクラス指定（例: .omiya-2026 .section の max-width+margin:0 auto）を
   打ち消し、お宮参りのフォトギャラリー節だけ左端に張り付いていた。
   348行目のリセットで section の余白は既に0のため、この指定は不要。 */

#gallery .slideshow-container {
	position: relative;
	clear: both;
	min-height: 500px;}
#gallery .slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;}
.slideshow a.advance-link { font-size: 0;}
.slideshow a.advance-link:hover,
.slideshow a.advance-link:active,
.slideshow a.advance-link:visited { text-decoration: none;}

.slideshow img {
	max-height:435px;
	vertical-align: middle;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);}


#thumbs .thumbs li{
	float: left;
	width: calc( (100% - 60px) / 4);
	margin-left: 20px;
	margin-bottom: 20px;}

#thumbs .thumbs li:nth-of-type(4n+1){ margin-left: 0;}

	#thumbs .thumbs li a{
		display: block;
		line-height: 0;}
	#thumbs .thumbs li img{
		width: 100%;
		height: 100%;
		display: block;}


.pagination {
	margin-left: 15px;
	clear: both;}

.navigation div.top {
	margin-bottom: 20px;
	overflow: hidden;}
.pagination a,
.pagination span.current,
.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 4px 7px 2px 7px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #8a8a8a;
	color: #fff;
	background: rgba(0, 0, 0, .2);
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	transition: background-color 200ms linear;}
.pagination a:hover { background: rgba(0,133,37,.8);}
.pagination span.current {
	font-weight: bold;
	background: #797979;
	color: #fff;}
.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;}

#gallery2{
	float: left;}
#gallery2.content{
	padding: 0;
	margin: 0;}

#slideshow-2{ position: relative;}
	#slideshow-2 .image-wrapper{ position: absolute;}
#thumbs-2{
	float: right;}

#thumbs-2 .thumbs li{
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;}


	#thumbs-2 .thumbs li a{
		display: block;
		line-height: 0;}
	#thumbs-2 .thumbs li img{
		width: 100%;
		height: 100%;
		display: block;}

.bxslider li{ height: 450px;}
.bxslider li img{
	max-height: 100%;
	width: auto;}

.bx-wrapper .bx-pager.bx-default-pager a{ background: #007416;}
.bx-wrapper .bx-pager{ bottom: -30px;}

/**************************
 sidebar
**************************/
.side-nav h1{ margin: 0;}

	.side-nav>ul>li{
		padding: 1px 0;
		border-bottom: 1px solid #ddd;}
	.side-nav>ul>li:first-child{ border-top: 1px solid #ddd;}

		.side-nav>ul>li>ul{ padding-left: 15px;}

		.side-nav>ul>li>ul,
		.side-nav>ul>li>ul>li{ border-top: 1px solid #ddd;}

			.side>.side-nav:first-child>ul>li:first-child,
			.side-nav>ul>li>ul>li:first-child{ border-top: none;}

	.side ul li a{
		color: #43270b;
		line-height: 1;
		text-decoration: none;
		display: block;}

	.side-nav>ul>li>a{
		padding: 15px 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;}

		.side-nav>ul>li>ul>li>a{
			padding: 11px 6px 11px 10px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;}

	.side li a:hover,
	.side-nav>ul>li.current>a,
	.side-nav>ul>li.current2>a,
	.side-nav>ul>li>ul>li.current>a{ background: #f1f1f1 !important;}

/**************************
 footer
**************************/

.page-top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width:44px;
	height: 44px;
	background: #007416;
	border-radius: 8px;
	text-align: center;
	line-height: 1;
	z-index: 3;}


.page-top:hover{
	background: #679C71;}

	.page-top a{
		display: block;
		width: 44px;
		height: 44px;
		text-decoration: none;
		color: #fff;
		line-height: .5;}

		.page-top i{
			margin: -4px auto;
			font-size: 260%;}


.footer{ line-height: 2;}

	.footer-nav{ margin-bottom: 30px;}

		.footer-nav ul a{
			display: block;
			text-decoration: none;
			color: #4a301c;}
		.footer-nav ul a:hover{ text-decoration: underline;}

		.footer .box-1{
			width: 320px;
			float: left;
			font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}

			.footer .tel{ line-height: 1.9;}

		.footer .box-2{
			width: 260px;
			float: left;}

		.footer .box-3{
			width: 200px;
			float: left;}

	small{
		display: block;
		padding: 40px 0 10px;
		color: #43270b;
		font-size: 70%;
		text-align:center;}


/********
 home
 ********/

.block-1{ position: relative;}

	.main-img{
		height: 1081px;
		background: url(../images/top/main-bg-1.webp) no-repeat;
		background-size: cover;
		background-position:center;}

	.block-2{
		bottom: 0;
		width: 100%;
		background: rgba(255,255,255,.9);}

		.block-2 .container{ height: 100%;}

			.block-2 .unit-2colsay-2{
				height: 100%;
				margin-bottom: 0;}

.banner-block{
	padding-top: 70px;}
.banner-block p{
	margin-bottom: 20px;
	line-height: 0;
	border: 1px solid #ccc;}


.banner-block p{
	float: left;
	margin-bottom: 20px;}

.banner-block .col1{
	width: 93%;}

.banner-block .col2{
	margin-right: 20px;
	width: calc((93% - 20px) / 2);}


@media(max-width: 736px){
	.banner-block p{
	float: none;
	margin-bottom: 20px;}

.banner-block .col1{
	width: 100%;}

.banner-block .col2{
	margin-right: 20px;
	width: 100%;}

}



/********
 blog
 ********/
.blog-cat .box-1 img{ border-radius: 4px;}

.blog .main-text p{ margin-bottom: 0;}

.wp-pagenavi{ margin-top: 30px;}

/********
 profile
 ********/
 .map iframe{
	 width: 90%;
	 margin: auto !important;
	 height: 500px;}
#mapDiv{
	width: 70% !important;
	margin: auto !important;

}
/********
 news
 ********/
.archive dl{
	padding: 20px 0;
	border-bottom: 1px dotted #a39797;}

	.archive dt{
		float: left;
		width: 150px;}

	.archive dd{ padding-left: 150px;}


/********
media
 ********/
 .media .unit-2colsay-3 .box-2 img{ margin-bottom: 20px;}


/********
contact
 ********/
 .contact-form .content::after{ display: inline;}

/********
privacy
 ********/
.privacy .list-1 li{
	margin: 30px 0;
	padding-left: 1em;
	text-indent: -1em;}


 /*** banner ***/

.banner-1{
	position: relative;
	width: 438px;
	max-width: 100%;
	height: 135px;
	margin: 20px auto 0;
	color: #604020;}

	.banner-1-inner{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 85px;
		border: 1px solid #b6d673;
		background: url(../images/menu/profile/voice-bg.jpg) no-repeat right;
		background-size: contain;}

		.banner-1 img{ margin-left: 0;}

		.banner-1 a{
			height: 85px;
			position: relative;
			display: block;
			color: #604020;
			text-decoration: none;}
			.banner-1 a:hover p{ text-decoration: underline;}
			.banner-1 p{
				margin-left: 20px;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				font-weight: bold;
				line-height: 1.5;}

.banner-2{
	margin-bottom: 50px;
	text-align: center;}
	.banner-2 img{
		max-width: 70%;
		height: auto;}

.banner-3{ margin-bottom: 50px;}

.banner-4{
	padding:20px;
	width: 100%;
	background: #f1f1f1;}
	.banner-4 img{ display: block;}


/*** block ***/

.block-4{ margin-bottom: 20px;}
.block-4 > div{
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;}
	.block-4 > div:nth-of-type(even){ font-weight: bold;}

.block-5{ margin: -5px 0 15px;}
.block-5 p{
	display: inline-block;
	border-radius: 3px;
	line-height: 1;}
.block-5 p:nth-of-type(odd){
	padding: 13px 15px;}
.block-5 p:nth-of-type(even){
	padding: 0 7px;
	font-weight: bold;
	font-size: 210%;}

.bg-1{ background: #88e1e2;}
.bg-2{ background: #bfe5af;}
.bg-3{ background: #f6dc9f;}
.bg-4{ background: #e1aad9;}
.bg-5{ background: #f8cad1;}

.block-6{
	position: relative;
	padding: 20px;
	background: #f2eeda;}
.block-6:before{
	position: absolute;
	top: -30px;
	left: 20px;
	content:'';
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom-color: #f2eeda;}
	.block-6 ul{
		color: #e20000;
		font-weight: bold;
		margin-left: 20px;}
	.block-6 li{
		font-size: 100%;
		color: #e20000;
		padding: 3px;}

.block-7{
	padding: 15px 20px;
	background: url(../images/menu/shichigosan/kabuto/img-2.jpg) no-repeat right bottom, #f2eeda;
	background-size: auto 100%;}
	.block-7 h1{ margin-bottom: 10px;}
	.block-7 ul{
		margin-left: 1em;
		text-shadow: 1px 1px 0 #fff;}

.block-8{
	margin-bottom: 5px;
	padding: 15px 20px;
	background: #f2eeda;
	border: 1px solid #d0c8a2;
	border-radius: 3px;}

	.block-8 p{ margin-bottom: 0 !important;}

.block-9 section:last-child .unit-1-3{ border: none;}
.block-9 .unit-1-3 ul{ margin-left: 20px;}

.block-11 li{
	float: left;
	width: 230px;
	margin-right: 20px;
	margin-bottom: 20px;}

.block-12{
	margin-bottom: 20px;
	padding: 10px;
	font-size: 95%;
	border: 1px dotted #634c35;}


.block-13{
	border: 1px solid #ff8181;}
.block-13 h1{
	padding: 5px 15px;
	color: #fff;
	font-size: 110%;
	background: #ff8181;}

	.block-13 .section-body{
		background: url(../images/menu/shichigosan/img-10.jpg) no-repeat left bottom;
		background-size: auto 100%;
		text-shadow: 0 0 1px #fff;}

		.block-13 .section-body-inner{
			padding: 20px 10px;}

			.block-13 .section-body p{ margin-bottom: 10px;}

	.gallery-menu .section{ margin-bottom: 60px;}
	.gallery-menu .section-header .img-1{ float: left;}

	.gallery-menu .section-header-inner{ padding-top: 5px;}
	.gallery-menu .section-header-inner-2{ padding-top: 25px;}

	.gallery-menu section:first-child .ttl-3-5{ background: #f8cad1;}
	.gallery-menu section:first-child .ttl-3-5:before{ border-right-color: #f8cad1;}
	.gallery-menu section:nth-of-type(2) .ttl-3-5{ background: #88e1e2;}
	.gallery-menu section:nth-of-type(2) .ttl-3-5:before{ border-right-color: #88e1e2;}
	.gallery-menu section:nth-of-type(3) .ttl-3-5{ background: #f6dc9f;}
	.gallery-menu section:nth-of-type(3) .ttl-3-5:before{ border-right-color: #f6dc9f;}
	.gallery-menu section:nth-of-type(4) .ttl-3-5{ background: #e1aad9;}
	.gallery-menu section:nth-of-type(4) .ttl-3-5:before{ border-right-color: #e1aad9;}
	.gallery-menu section:nth-of-type(5) .ttl-3-5{ background: #b4d893;}
	.gallery-menu section:nth-of-type(5) .ttl-3-5:before{ border-right-color: #b4d893;}
	.gallery-menu section:nth-of-type(6) .ttl-3-5{ background: #e1e1e1;}
	.gallery-menu section:nth-of-type(6) .ttl-3-5:before{ border-right-color: #e1e1e1;}

	.gallery-menu .section-header p{ padding-left: 178px;}

.menu-list-2 li{
	float: left;
	width: calc((100% - 4px) / 5);
	margin-left: 1px;
	text-align: center;}
.menu-list-2 li:first-child{ margin-left: 0;}



.shichigosan-cam .list-3{
	text-shadow: 0 0 1px #fff;
	background: url(../images/menu/shichigosan/cam/img-1.jpg) no-repeat right bottom;}

.shichigosan-cam .list-3 p{ font-size: 90%;}

.table-4{ width: 80%;}
.table-4 th,
.table-4 td{
	width: 50%;
	padding: 5px 1%;
	border: 1px solid #ccc;}
.table-4 th{
	color: #6a4e34;
	font-size: 90%;
	text-align: left;
	background: #f1f1f1;}

.table-4 td{
	color: #ff0000;
	font-weight: bold;}

.faq dt:before{
	margin-right: 3px;
	content: url(../images/menu/shichigosan/faq/mark-1.gif);}
.faq dt{
	margin-bottom: 15px;
	font-size: 110%;
	font-weight: bold;}
.faq dl{ margin-bottom: 35px;}
.faq .unit-1-3 p{ font-size: 90%;}




p#form-allowed-tags{ display: none;}

.unit-2colsay-12{
	border-bottom: 1px dotted #a39797;
	padding: 10px 0;}

.slideshow-container,
.slideshow,
.image-wrapper{
	width: 100%;}
	.image-wrapper{ text-align: center;}

iframe{
	max-width: 100%;}

@media(min-width: 768px){
	.pc-hide{ display: none !important;}

	.header{
		height: 93px;
		position: fixed;
		z-index: 99;}

		.header .inner{height: 100%;}

		.header .box-1{
			float: left;
			width: 220px;
			padding-top: 12px;}

		.header .box-2{ padding-top: 30px;}

			.gnav li{
				margin-left:30px;
				padding-left: 30px;
				float: left;
				font-size: 110%;
				border-bottom: 1px solid #43270b;
				transition: border-width .1s;}
			.gnav li:hover,
			.gnav li.current{ border-bottom-width: 3px;}

	.nav-1{
		padding: 10px 0;
		border-bottom: 1px solid #efefef;
		background-color: rgba(221,221,221,0.5);}

		.nav-1 .container>ul>li{
			float: left;
			position: relative;}
		.nav-1 .container>ul>li:hover,
		.nav-1 .container>ul>li.current{ text-decoration: underline;}

			.nav-1 .container>ul>li>ul{
				display: none;
				position: absolute;
				margin: 5px 0 0 15px;
				border: 1px solid #ddd;}

				.nav-1 .container>ul>li>ul>li{
					letter-spacing: 0;
					width: 165px;
					border-top: 1px solid #ddd;

					background: rgba(235,235,235,.9);}
				.nav-1 .container>ul>li>ul>li:first-child{ border-top: none;}
				.nav-1 .container>ul>li>ul>li:hover,
				.nav-1 .container>ul>li>ul>li.current{ background: rgba(223,223,223,.9);}

				.nav-1 .container>ul>li>ul>li>a{ padding: 10px;}

	.block-3{
		background: url(../images/top/main-bg-2.jpg) no-repeat center center;
		background-size: cover;}

		.block-3-inner{
			background: rgba(255,255,255,.9);}

	.banner-2{ margin-bottom: 100px;}

	.block-1{ height: 1141px;}

		.block-2{
			position: absolute;
			height: 0;
			opacity: 0;}

.block-13 .section-body-inner{
	margin-left: auto;
	width: 65%;}

.id-select .unit{
	margin: 0 auto;
	width: 728px;}

.table-8 th{ width: 20%;}

.table-8 td{ width: 30%;}
}

@media(min-width: 1000px){

	.header-2{ height: 139px;}
		.header-2 .inner{ height: 93px;}

	.content{ padding-top: 93px;}
	.content-2{ padding-top: 139px;}

		.unit-2colsay-2 .box-1{ width: 400px;}

			.unit-2colsay-2 .box-1 h1,
			.unit-2colsay-2 .box-1 p{ opacity:0;}

		.unit-2colsay-2 .box-2{
			width: 598px;
			opacity: 0;}

		.menu-list{
			width: 868px;
			overflow:hidden;}

			.menu-list ul{
				width: 868px;}

	.unit-2colsay-3 .box-1{ width: 640px;}
	.unit-2colsay-3 .box-2{
		padding-top: 7px;
		width: 331px;}

	.unit-2colsay-4 .box-1{ width: 330px;}
	.unit-2colsay-4 .box-2{ width: 650px;}

	.unit-2colsay-5 .box-1{ width: 330px;}
		.unit-2colsay-5 .box-1 a{ width: 330px;}
	.unit-2colsay-5 .box-2{ width: 390px;}

	.unit-2colsay-6 .box-1{ width: 370px;}
	.unit-2colsay-6 .box-2{ width: 350px;}

	.unit-2colsay-7 .box-1{ width: 155px;}
	.unit-2colsay-7 .box-2{ width: 770px;}

	.unit-2colsay-8 .box-1{ width: 650px;}
	.unit-2colsay-8 .box-2{ width: 330px;}

	.unit-2colsay-9 .box-1{ width: 150px;}
	.unit-2colsay-9 .box-2{ width: 830px;}

	.unit-2colsay-10 .box-1{ width: 200px;}
	.unit-2colsay-10 .box-2{ width: 780px;}

	.unit-2colsay-11 .box-1{ width: 640px;}
	.unit-2colsay-11 .box-2{ width: 320px;}

	.unit-2colsay-12 .box-1{ width: 140px;}
	.unit-2colsay-12 .box-2{ width: 600px;}

	.col-3.block-4 > div:nth-of-type(1),
	.col-3.block-4 > div:nth-of-type(3){ width: 154px;}
	.block-4 > div:nth-of-type(even){
		width: 96px;
		font-size: 350%;
		font-weight: bold;}

	.side-nav{ margin-bottom: 40px;}

	.unit-2colsay-1{
		width: 868px;
		margin: 0 auto 40px;}
	.unit-2colsay-1 .box-1{
		width: 202px;
		padding-top: 13px;
		text-align: center;}
	.unit-2colsay-1 .box-2{
		line-height: 2.1;
		width:  630px;}

#gallery2{ width: 745px;}
	#slideshow-2,
	#slideshow-2 .image-wrapper,
	#slideshow-2 .image-wrapper a{
		width: 100%;
		height: 450px;}
	a.advance-link{ display: block;}
	#slideshow-2 img{
		display: block;
		height: 100%;
		width: auto;}
#thumbs-2{ width: 255px;}


.block-12{
	position: absolute;
	display: inline-block;}


.unit-1-5{ width: 650px;}


.footer .box-4{
	width: 200px;
	float: left;}
}

@media(max-width: 799px){
	.block-5 p:nth-of-type(odd){ padding: 13px 7px;}
	.block-5 p:nth-of-type(even){
		padding: 0;
		font-size: 190%;}
}

@media(max-width: 999px) and (min-width: 768px){
	.header{ height: 70px;}
	.header-2{ height: 116px;}
		.header-2 .inner{ height: 70px;}

	.header .box-1{ width: 17%;}
		.header .box-1 img{ width: 90%;}

	.header .box-2{
		padding-top: 20px;
		width: 63%;}
		.gnav ul{
			width: 470px;
			margin: 0 auto;}
			.gnav li{
				margin-left: 10px;
				padding-left: 15px;}

	.header .box-3{
		padding-top: 5px;
		width: 20%;}
		.tel{ font-size: 111%;}

	.content{ padding-top: 70px;}
	.content-2{ padding-top: 116px;}

		.unit-2colsay-2 .box-1{ width: 45%;}
		.unit-2colsay-2 .box-2{ width: 55%;}

	.shichigosan-cam .list-3{
		background-position: 80% bottom;}

.block-12 ul li{
	float: left;}
}

@media(max-width: 999px){
	.footer .box-4{
		padding-top: 20px;
		clear: both;
		text-align: center;}


		.block-13 .section-body .bg{
			background: rgba(255,255,255,.80);}
}
@media(max-width: 767px){
	.sp-hide{ display: none !important;}

.box-1 img.size-img285x200 {
 max-width: 200px;
 max-hight: 285px !important;
}
.box-1 img.size-img200x285 {
 max-width: 285px;
 max-hight: 200px !important;
}
	 .ttl-1-1{ margin-bottom: 20px;}

	 .ttl-1-2{
		padding-top: 30px;
		margin: 0 auto 60px;}


	.header{ height: 60px;}

		.header .inner{
			position: fixed;
			z-index: 99;
			width: 100%;
			background: rgba(255,255,255,.95);
			border-bottom: 1px solid #efefef;}

			.header .box-1{
				padding: 3px 0 2px;
				text-align: center;}

				.header .logo img{
					margin: 0 auto;
					display: block;
					height: 55px;
					width: auto;}

				.gnav,
				.header .box-3{ display: none;}

				.gnav{
					position: absolute;
					width: 100%;
					margin-left: -2.5%;}

					.gnav ul{ background: rgba(255,255,255,.95);}

						.gnav li{
							padding: 8px 15px;
							border-bottom: 1px solid #43270b;}
						.gnav li:first-child{ border-top: 1px solid #43270b;}


				.nav-header{
					display: block;
					position: absolute;
					top: 7px;
					right: 6px;
					height: 44px;
					width: 44px;}

					.nav-header button{
						position: relative;
						width: 44px;
						height: 44px;
						border: none;
						background: transparent;}

						.panel-btn-icon{
							display: block;
							position: absolute;
							top: 50%;
							left: 50%;
							width: 20px;
							height: 1px;
							margin: -5px 0 0 -10px;
							background: #43270b;
							transition: .2s;}
						.panel-btn-icon:after{
							display: block;
							content: "";
							position: absolute;
							top: 50%;
							left: 0;
							width: 20px;
							height: 1px;
							margin-top: 5px;
							background: #43270b;
							transition: .2s;}

						.nav-header .close,
						.nav-header .close:after{ margin-top: 0;}
						.nav-header .close{
							transform: rotate(-45deg);
							-webkit-transform: rotate(-45deg);}
						.nav-header .close:after{
							transform: rotate(-90deg);
							-webkit-transform: rotate(-90deg);
							margin-top: -1px;}

	.nav-1{
		z-index: 98;
		position: fixed;
		top: 60px;
		max-width: 1440px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(221,221,221,0.9);
		white-space: nowrap;
		transform: translate3d(0,0,0);
		transition: transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99),opacity 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

		.nav-1-inner{
			max-width: 100%;
			width: 100%;
			height: 46px;
			overflow: hidden;
			border-bottom: 1px solid #efefef;}

		.nav-1-inner-inner{
			padding: 10px 0;
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			height: 150%;
			width: 100%;}

			.nav-1-inner-inner-inner{
				display: initial;
				float: none;
				width: auto;
				position:relative;
				padding: 0;
				margin: 0;}

				.nav-1 ul{
					display: inline;}


					.nav-1 li:nth-child(1){ animation-delay: 0.15s;}
					.nav-1 .container>ul li{
						height: 25px;
						float: none;
						display: inline-block;
						vertical-align: top;
						border-left: 2px solid #999;
						padding-left: 13px;
						animation-fill-mode: backwards;
						animation-duration: .35s;}
						.nav-1 .container>ul>li{
							border-left: 2px solid #999;
							padding-left: 13px;
						}
						.nav-1 li a{
							display: inline-block;
							padding-top: 3px;
							border-left: 1px solid #ddd;
						}


							.nav-1 .container>ul>li>ul>li{ margin-left: 15px;}

	/* スマホ1画面目を稼ぐため 46px→20px (2026-08-07) */
	.content-2{ padding-top: 20px;}

	.home .content{ padding-top: 0;}

	.breadcrumb{
		display: block !important;
		background: none;
		border-left: 3px solid #007416;
		border-radius: 0;
		padding: 6px 10px;
		font-size: 11px;
		margin-bottom: 10px;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;}

	.breadcrumb a{
		color: #007416;}

	.breadcrumb .post-home:before{
		content: "";}

	.breadcrumb [property="name"]{
		font-weight: bold;}

	.ttl-block{
		height: 150px;
		margin-bottom: 30px;}

	.main-img{
		height: 0;
		padding-top: 80%;}

	.block-2 .container{
		position: relative;
		background:  url(../images/top/img-5.png) no-repeat right bottom;
		background-size: 60% auto;}

		.unit-2colsay-2 .box-1{
			padding: 50px 0 20px;
			background: rgba(255,255,255,.8);}

		.unit-2colsay-2 .box-2{ display: none;}

	.map iframe{ height: 250px;}

	.menu-list li{
		margin: 0;
		width: calc(100% / 3);}
	.menu-list-3{
		width: calc(100% / 2);}

	.shichigosan-cam .list-3{ background: none;}

	.table-4{ width: 100%;}
	.table-4 th,
	.table-4 td{ padding: 5px;}


	.table-6 th{ width: 60%;}

	.table-8 th{ width: 40%;}
	.table-8 td{ width: 60%;}

	 .unit-2colsay-5{ padding: 40px 0;}
}


@media(min-width: 736px){
	.block-4 > div{ float: left;}
	.block-4 > div:nth-of-type(even){ line-height: 187px;}
}

@media(max-width: 999px) and (min-width: 736px){
	.col-4.block-4 > div:nth-of-type(odd){ width: 17%;}
	.col-3.block-4 > div:nth-of-type(1),
	.col-3.block-4 > div:nth-of-type(3){ width: 17%;}
	.col-3.block-4 > div:nth-of-type(1),
	.col-3.block-4 > div:nth-of-type(3){ width: 17%;}
	.col-3.block-4 > div:nth-of-type(5){ width: 40%;}
	.profile .col-3.block-4 > div:nth-of-type(5){ width: 17%;}
	.block-4 > div:nth-of-type(even){
		width: 8%;
		font-size: 250%;}
}

@media(max-width: 735px){
	.block-4 > div{ margin: auto;}
	.block-4 > div:nth-of-type(even){ font-size: 250%;}

	.table-3 th{
		width: 45%;
		padding-right: 10px;}
	.omiya .section-2 .mark-2{ display: block;}
	.omiya .section-2 th{ width: 40%;}

	.footer .box-1{
		margin-bottom: 30px;}

	.text{ display: none;}
	.table-2 th{ width: 29%;}

.blog-1 .ttl-1-3{
	font-size: 180%;}
	.blog-1 .ttl-1-3 span{ font-size: 0.9rem;}
	.ttl-1-3{
		font-size: 1.4rem;

	}
	.ttl-1-3 span{
		font-size: 0.8rem;
	}

	.ttl-1-3-1{
		font-size: 1.2rem;
	}

	.ttl-1-3-1 span{
		font-size: 0.8rem;
	}

	.ttl-1-3-1 p{
		margin-top: -20px;
	}

}

@media(max-width: 821px) and (min-width: 481px){
	.footer .box-1{
		margin-bottom: 30px;
		width: 100%;}
	.footer .box-2{
		width: 50%;
		float: left;
		margin-bottom: 50px;}
	.footer .box-3{
		width: 50%;
		float: right;}
}

@media(min-width: 569px){
	.gallery-1 li,
	.gallery-2 li{
		width: calc((100% - 5px) / 6);}

	.gallery-1 li:nth-of-type(6n+1),
	.gallery-2 li:nth-of-type(6n+1){ margin-left: 0;}

}
@media(max-width: 568px){
	.gallery-1 li{ width: calc((100% - 3px) / 3);}
	.gallery-1 li:nth-of-type(4n+1){ margin-left: 0;}
	.gallery-2 li{ width: calc((100% - 2px) / 3);}
	.gallery-2 li:nth-of-type(3n+1){ margin-left: 0;}

	.img-list li{
		width: calc((100% - 40px) / 3);
		height: 150px;
		font-size: 60%;}
	.img-list li:nth-of-type(3n+1){
		margin-left: 0;}

	.img-list li p{ min-height: 4em;}

	.banner-4{ padding: 10px;}

	.block-11{
		width: 230px;
		margin: 0 auto;}

	.content,
	.content-2{ margin-bottom: 50px !important;}

	.banner-block p{
		width: 100%;
		margin-left: 0;}
}

@media(max-width: 999px) and (min-width: 500px){
	 .unit-2colsay-1{ margin-bottom: 20px;}
	.unit-2colsay-1 .box-1{ width: 20%;}
	.unit-2colsay-1 .box-2{ width: 75%;}

	.unit-2colsay-3 .box-1{ width: 65%;}
	.unit-2colsay-3 .box-2{ width: 30%;}

	.unit-2colsay-4 .box-1{ width: 30%;}
	.unit-2colsay-4 .box-2{width: 67%;}

	.unit-2colsay-5 .box-1{ width: 45%;}
	.unit-2colsay-5 .box-2{ width: 50%;}

	.unit-2colsay-6 .box-1{ width: 55%;}
	.unit-2colsay-6 .box-2{ width: 40%;}

	.unit-2colsay-7 .box-1{ width: 30%;}
	.unit-2colsay-7 .box-2{ width: 67%;}

	.unit-2colsay-8 .box-1{ width: 65%;}
	.unit-2colsay-8 .box-2{ width: 32%;}

	.unit-2colsay-9 .box-1{ width: 20%;}
	.unit-2colsay-9 .box-2{ width: 77%;}

	.unit-2colsay-10 .box-1{ width: 25%;}
	.unit-2colsay-10 .box-2{ width: 72%;}

	.unit-2colsay-11 .box-1{ width: 72%;}
	.unit-2colsay-11 .box-2{ width: 25%;}

	.unit-2colsay-12 .box-1{ width: 25%;}
	.unit-2colsay-12 .box-2{ width: 72%;}


#gallery2{
	height: 450px;
	width: 70%;}
#thumbs-2{ width: 30%;}
}
@media (min-width: 500px){
	.unit-2colsay-3 .box-1,
	.unit-2colsay-4 .box-1,
	.unit-2colsay-5 .box-1,
	.unit-2colsay-6 .box-1,
	.unit-2colsay-7 .box-1,
	.unit-2colsay-8 .box-1,
	.unit-2colsay-9 .box-1,
	.unit-2colsay-10 .box-1,
	.unit-2colsay-11 .box-1,
	.unit-2colsay-12 .box-1,
	.unit-2col-1 .box-1{ float: left;}

	.unit-2colsay-3 .box-2,
	.unit-2colsay-4 .box-2,
	.unit-2colsay-5 .box-2,
	.unit-2colsay-6 .box-2,
	.unit-2colsay-7 .box-2,
	.unit-2colsay-8 .box-2,
	.unit-2colsay-9 .box-2,
	.unit-2colsay-10 .box-2,
	.unit-2colsay-11 .box-2,
	.unit-2colsay-12 .box-2,
	.unit-2col-1 .box-2{ float: right;}

	.unit-2colsay-4 .box-2,
	.unit-2colsay-7 .box-2{
		}

	.staff .unit-2colsay-4 .box-2{ top: -4px;}

	.unit-2col-1 .box-1,
	.unit-2col-1 .box-2{ width: 49%;}

#thumbs-2 .thumbs li{ width: calc( (100% - 30px) / 2);}

.bx-wrapper,
.bxslider{ display: none;}
}

@media(max-width: 499px){
	.unit-2colsay-1 .box-1{ width: 30%;}
	.unit-2colsay-1 .box-2{ width: 65%;}

	.unit-2colsay-3{ margin-bottom: 40px;}
	.unit-2colsay-3 .box-1{ width: 100%;}
	.unit-2colsay-3 .box-2 img{
		width: 100%;
		height: auto;}

	.unit-2colsay-4 .box-1,
	.unit-2colsay-5 .box-1{ margin-bottom: 30px;}


	.unit-2colsay-6 .table-1 th{ width: 100px;}
	.unit-2colsay-6 .box-2{ text-align: center;}

	.unit-2colsay-7 .box-1{
		width: 45%;
		margin: auto;}
	.unit-2colasy-7 .box-2{ width: 100%;}

	.unit-2colsay-8 .box-1{ margin-bottom: 20px;}
	.unit-2colsay-8 .box-2{
		width: 80%;
		margin: auto;}

	.unit-2colsay-9 .box-1,
	.unit-2colsay-10 .box-1,
	.unit-2colsay-11 .box-2{ text-align: center;}

	.unit-2col-1 .box-1,
	.unit-2col-1 .box-2{ width: 100%;}

	.banner-4{ padding: 20px;}

	.archive dt{ width: 28%;}
	.archive dd{ padding-left: 28%;}


	.menu-list-2 li{
		width: calc((100% - 2px) / 3);
		letter-spacing: -.05em;
		font-size: 90%;
		margin-bottom: 10px;}
	.menu-list-2 li:nth-of-type(3n+1){margin-left: 0;}


	/* 旧スライダー（.slideshow）用の名残。#gallery / #gallery2 は現行ページの
	   写真ギャラリー節の id と衝突し、スマホでギャラリーが丸ごと消えていたため対象から外した
	   （2026-08-07・七五三12枚／家族写真18枚／お宮参り9枚が非表示になっていた） */
	#thumbs,
	#thumbs-2{ display: none !important;}
}
@media(max-width: 480px){

	.footer .box-1{
		width: 100%;
		text-align: center;}
		.footer .box-1 .btn-reservation{
			margin-right: auto;
			margin-left: auto;}

	.footer .box-2,
	.footer .box-3{
		width: 100%;}

	.footer .box-3{ margin-bottom: 30px;}
		.footer .box-2 li,
		.footer .box-3 li{
			padding: 0 15px;
			height: 40px;
			line-height: 40px;
			border-top: 1px solid #4a301c;}

	.footer .box-4{
		width: 100%;
		text-align: center;}
	.footer .box-4 img{ width: 80%;}

	.menu-list li{
		width: calc((100% - 8%) / 2);
		margin: 2%;}

	.menu-list-3{
		width: calc((100% - 8%) / 1.5);}

	.banner-1-inner{ height: 70%;}

		.banner-1 img{
			width: auto;
			height: 30%;}

	.gallery-menu .section-header-inner{ padding-top: 8px;}
	.section-header .img-1{ width: 30%;}

	.section-header .ttl-3-5{
		margin-bottom: 7px;
		width: 60%;}

	.gallery-menu .section-header p{
		padding-left: 37%;
		line-height: 1.3;}
}

@media(max-width: 320px){
	.omiya .ttl-block{ background-position: 100px;}
	.gallery-menu .section-header{ margin-bottom:5px;}
	.gallery-menu .section-header .img-1{
		padding-top: 10px;
		width: 30%;
		height: auto;}

	.gallery-menu .section-header-inner{ padding-top: 3px;}
	.gallery-menu .section-header p{
		padding-left: 38%;
		font-size: 90%;}
	.ttl-3-5{
		width: auto;
		margin-bottom: 5px;
		padding: 1px 15px 3px;}
	.ttl-3-5:before{ top: 10px;}

	.menu-list li p{
		bottom: 18px;
		line-height: 1;
		letter-spacing: -1px;
		font-size: .9rem;}
	.menu-list li span{ font-size: .7rem;}
}


.wp-pagenavi{
  clear: both;
  margin-top: 10px;
  font-family: 'Federo', sans-serif; /*Webフォント*/
  font-size: 20px;
}
.wp-pagenavi a,
.wp-pagenavi span.current{
  font-size: 0.7rem;
  float: left;
  padding: -1px 5px 4px 5px;
  margin: 5px;
  min-width: 23px;
  height: 22px;
  text-align: center;
  display: block;
  text-decoration: none;
  border: 1px solid #ccc;
  -moz-border-radius: 5px; /*角丸*/
  -webkit-border-radius: 5px; /*角丸*/
  border-radius: 5px; /*角丸*/
}
.wp-pagenavi a{
}
.wp-pagenavi span.current{
  background: #ccc;
  color: #fff;
  font-weight: bold;}
.wp-pagenavi .pages{
	display: none;
}

.wp-pagenavi .extend{
	display: none;
}

.comment-form-comment textarea{
	width: 90%;
}

#pageplugin{
	margin: auto;
}

.fb-page{
	width: 100%;
	margin: auto;

}

.pager{
	clear: both;
	overflow: hidden;
	margin-top: -50px;
	margin-bottom: 50px;
}

.aligncenter{
	text-align: center !important;
}




.unit-2colasy-01{
	overflow: hidden;
}

.unit-2colasy-01 .box-1{
	width: 33%;
	float: left;
}

.unit-2colasy-01 .box-1 img{
	width: 100%;
}

.unit-2colasy-01 .box-2{
	width: 65%;
	float: right;
}


@media screen and (max-width: 767px) {
	.unit-2colasy-01 .box-1{
	width: 100%;
	float: none;
}

.unit-2colasy-01 .box-1 img{
	width: 100%;
}

.unit-2colasy-01 .box-2{
	width: 100%;
	float: none;
}

.footer .container .sns-btn-pc {
text-align:center;
margin: 5px 20px;
}

}


.btn-01 a{
	display: block;
	background: #007416;
	border-radius: 3px;
	color: #fff;
	padding: 2px 20px;
	text-decoration: none;
	font-weight: bold;
	width: 400px;
	text-align: center;
}
.btn-01:hover{
	background: #679C71;
width: 400px;
}

@media screen and (max-width: 767px) {
	.btn-01 a{
		width: 100%;
	}
}


.menu-list-02{
	overflow: hidden;
	margin-bottom: 30px;
}

.menu-list-02 ul {
	overflow: hidden;

}

.menu-list-02 ul li{
	width: 49%;
	float: left;
	margin-bottom: 1%;
	line-height: 0;
}


.menu-list-02 ul li img{
	width: 100%;
	line-height: 0;
	}

.unit-2col-b{
	overflow: hidden;
}

.unit-2col-b .box-1{
	float: left;
	width: 49%;

}

.unit-2col-b .box-2{
	float: right;
	width: 49%;

}



/* ───────────────────────────────────────────────
   2026-08-20 Q&A を相談会・七五三トップと同じ開閉式に。
   旧: <dl><dt>太字の質問</dt><dd>答え</dd></dl> が延々と並ぶ形。
   新: <details> の開いて閉じる形。下線1本で区切り、右に＋印。
   ─────────────────────────────────────────────── */
.content-2 details{
	border-bottom: 1px solid #DED8CF;}
	.content-2 details > summary{
		list-style: none;
		cursor: pointer;
		padding: 22px 4px;
		font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
		font-size: 16.5px;
		letter-spacing: .04em;
		line-height: 1.8;
		color: #3a3633;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 20px;}
		.content-2 details > summary::-webkit-details-marker{ display: none; }
		.content-2 details > summary .mark{
			color: #B59663;
			font-size: 20px;
			font-weight: 300;
			flex: none;
			transition: transform .25s;}
		.content-2 details[open] > summary .mark{ transform: rotate(45deg); }
	.content-2 details p{
		font-size: 15.5px !important;
		color: #5d574e;
		line-height: 2.1;
		margin: 0 0 .8em !important;
		padding: 0 4px;}
		.content-2 details p:last-child{ padding-bottom: 24px; }

/* ───────────────────────────────────────────────
   2026-08-20 中見出し（.ttl-2-2）を新しい七五三トップの型に揃える。
   旧: 日本語の下にローマ字、その全体に金の下線。2010年代の体裁。
   新: 小さなローマ字ラベルを上に、日本語の見出しを下に、下に短い金の線。
   マークアップ（日本語<br>ローマ字）は変えずに、並び順だけCSSで入れ替える。
   対象は .ttl-2-2 を使う14ページ（七五三12＋マタニティギャラリー＋成人式FAQ）。
   ─────────────────────────────────────────────── */
.content-2 .ttl-2-2{
	margin: 70px auto 38px !important;
	font-size: 100% !important;}
	.content-2 .ttl-2-2 .inner{
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		gap: 12px;
		padding-bottom: 0 !important;
		border-bottom: none !important;
		font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
		font-weight: 500;
		font-size: clamp(21px, 3vw, 27px);
		letter-spacing: .1em;
		line-height: 1.7;
		color: #3a3633;}
		.content-2 .ttl-2-2 .inner br{ display: none; }
		.content-2 .ttl-2-2 .inner .inner-inner{
			font-family: 'Cormorant Garamond', serif;
			font-size: 12px !important;
			font-weight: 500;
			letter-spacing: .45em;
			color: #B59663;
			text-transform: uppercase;}
	.content-2 .ttl-2-2::after{
		content: "";
		display: block;
		width: 44px;
		height: 2px;
		background: #B8924A;
		margin: 20px auto 0;}

/* ───────────────────────────────────────────────
   2026-08-20 七五三の子ページのヒーロー。
   旧: .ttl-block の背景画像に文字を横に並べる形。トップだけ全面画像で、見え方が揃っていなかった。
   新: トップ(#hero-sec)と同じ全面画像＋左から白のグラデ＋明朝の見出し。高さはトップより控えめ。
   写真はトップが年齢ごとに使っているもの（lp2026フォルダ）をそのまま使う。
   ─────────────────────────────────────────────── */
.iriso-subhero{
	position: relative;
	height: clamp(320px, 46vh, 500px);
	overflow: hidden;
	background: #F4ECE0;}
	.iriso-subhero img{
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;}
	.iriso-subhero .grad{
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgba(250,249,247,0.97) 0%, rgba(250,249,247,0.9) 30%, rgba(250,249,247,0.55) 48%, rgba(250,249,247,0) 66%);}
	/* 見出しが被写体に重ならないよう、文字はグラデの濃い左側に収める */
	.iriso-subhero .copy{
		position: absolute;
		left: 7%;
		right: 7%;
		bottom: 13%;
		max-width: 52%;
		z-index: 2;
		color: #33312F;}
	.iriso-subhero .eyebrow-row{
		display: flex;
		align-items: center;
		gap: 16px;
		margin-bottom: 16px;}
		.iriso-subhero .eyebrow-row .bar{
			display: block;
			width: 44px;
			height: 1px;
			background: #B59663;}
		.iriso-subhero .eyebrow-row .label{
			font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
			font-size: 13.5px;
			letter-spacing: .16em;
			color: #B59663;}
	.iriso-subhero h1{
		font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
		font-weight: 500;
		font-size: clamp(24px, 3.6vw, 40px);
		line-height: 1.7;
		letter-spacing: .06em;
		margin: 0;
		color: #33312F;}
@media screen and (max-width: 767px){
	.iriso-subhero{ height: clamp(260px, 40vh, 340px); }
	.iriso-subhero .grad{
		background: linear-gradient(180deg, rgba(250,249,247,0.2) 0%, rgba(250,249,247,0.72) 46%, rgba(250,249,247,0.95) 100%);}
	.iriso-subhero .copy{ left: 6%; right: 6%; bottom: 9%; max-width: none; }
	.iriso-subhero h1{ font-size: clamp(21px, 6vw, 27px); }
}

/* ───────────────────────────────────────────────
   2026-08-20 七五三の子ページを、新しい七五三トップの見え方に合わせる。
   残っていた2010年代の部品を、明朝＋くすみゴールドの体裁に置き換える。
   適用範囲は実測で確認済み：
     .btn-01   3ページ（七五三の年齢別のみ）
     .alert-2-1 2ページ（七五三のみ）
     .ttl-3-3  1ページ（七五三のみ）
     .ttl-3-2  5ページ（七五三のみ）
     .ttl-2-2  14ページ（七五三12＋マタニティギャラリー＋成人式FAQ。いずれも旧デザイン）
   ─────────────────────────────────────────────── */

/* ボタン：濃い緑(#007416)・角丸3px・幅400px固定 → ブランドのゴールドの丸ボタン */
.btn-01{
	text-align: center;
	margin: 30px 0;
	background: none !important;
	width: auto !important;}
	.btn-01 a{
		display: inline-block !important;
		width: auto !important;
		max-width: 100%;
		background: #B8924A !important;
		color: #fffdf8 !important;
		border-radius: 999px !important;
		padding: 15px 34px !important;
		font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
		font-size: 15px !important;
		font-weight: 600 !important;
		letter-spacing: .06em;
		line-height: 1.6 !important;
		text-align: center;}
	.btn-01 a:hover{ background: #9d7a38 !important; }
	.btn-01:hover{ background: none !important; width: auto !important; }

/* 注記の赤字 → くすみゴールド（ブランドに赤は無い） */
.content-2 .alert-2-1,
.content-2 .alert-2-3{ color: #9d7a38 !important; }

/* 小見出し：ベージュのベタ帯／ゴールドのベタ帯 → 左に細い金線＋明朝 */
.content-2 .ttl-3-2,
.content-2 .ttl-3-3{
	background: none !important;
	background-image: none !important;
	color: #3a3633 !important;
	border-left: 3px solid #B8924A;
	border-radius: 0;
	width: auto !important;
	padding: 2px 0 2px 14px !important;
	margin: 40px 0 18px !important;
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.75 !important;}

/* 中見出し：上下の余白を新デザインに合わせて詰めすぎない */
.content-2 .ttl-2-2{ margin: 66px auto 34px !important; }

/* Q&A（dl/dt/dd）：太字の羅列 → 区切り線のある読みやすい形 */
.content-2 dl{
	border-top: 1px solid #e7ded0;
	margin: 0;
	padding: 22px 0 18px;}
	.content-2 dl dt{
		float: none;
		width: auto;
		font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
		font-weight: 600;
		color: #3a3633;
		margin: 0 0 12px;
		line-height: 1.8;}
		.content-2 dl dt strong{ font-weight: 600; }
		.content-2 dl dt span{ font-size: 16.5px !important; }
	.content-2 dl dd{
		margin: 0 0 .4em;
		font-size: 15px;
		line-height: 2.05;
		color: #5d574e;}
/* Q&Aの間にある空の<p>&nbsp;</p>で行間が空きすぎるのを詰める */
.content-2 dl + p{ margin: 0 !important; line-height: 0 !important; }

/* ───────────────────────────────────────────────
   2026-08-20 写真ギャラリーの並べ方を七五三トップに揃える。
   旧: 150x150の正方形サムネイルを敷き詰める作り。スマホで小さく、余白も揃わなかった。
   新: 七五三トップと同じ多段カラム（PC4列 → タブレット3列 → スマホ2列）。
   画像は medium（最大300px・元の縦横比）を functions.php 側で出力している。
   ─────────────────────────────────────────────── */
ul.js-masonry{
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 4;
	column-gap: 14px;}
	ul.js-masonry li{
		float: none !important;
		/* ⚠ .gallery-1 li に @media(min-width:569px) で width:calc((100%-5px)/6) が
		   かかっており、これを上書きしないと多段カラムの中でタイルが1/6の大きさになる */
		width: auto !important;
		margin: 0 0 14px !important;
		break-inside: avoid;
		page-break-inside: avoid;
		background: #F3EFE8;
		overflow: hidden;
		line-height: 0;}
	ul.js-masonry li figure,
	ul.js-masonry li dl,
	ul.js-masonry li dt{
		margin: 0;
		padding: 0;
		background: none !important;
		width: auto !important;
		height: auto !important;}
	ul.js-masonry li a{ display: block; }
	ul.js-masonry li img{
		display: block;
		width: 100% !important;
		height: auto !important;
		visibility: visible !important;}
@media screen and (max-width: 1024px){
	ul.js-masonry{ columns: 3; }
}
@media screen and (max-width: 600px){
	ul.js-masonry{ columns: 2; column-gap: 10px; }
	ul.js-masonry li{ margin-bottom: 10px !important; }
}

/* ───────────────────────────────────────────────
   2026-08-20 img-list（「兄弟姉妹と一緒に」など）。オーナー指摘＝写真が縦で切れている。
   旧: li を5列の float で並べ、スマホでは height:150px を強制していたため、
       縦長の写真が上下で切り落とされ、横位置の写真は潰れていた。
   新: ギャラリーと同じ多段カラム（PC4列 → タブレット3列 → スマホ2列）。写真は元の縦横比のまま。
   ⚠ .img-list.circle（丸く切り抜いたアイコン＋説明文。マタニティ・お宮参り・ニューボーン・
      エンジェルスマイルの4ページで使用）は別物なので :not(.circle) で除外している。
   ─────────────────────────────────────────────── */
.img-list:not(.circle) ul{
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 3;
	column-gap: 14px;}
	.img-list:not(.circle) li{
		float: none !important;
		width: auto !important;
		height: auto !important;
		margin: 0 0 14px !important;
		break-inside: avoid;
		page-break-inside: avoid;
		font-size: 88%;}
	.img-list:not(.circle) li a{ display: block; }
	.img-list:not(.circle) li img{
		display: block;
		width: 100% !important;
		height: auto !important;}
@media screen and (max-width: 600px){
	.img-list:not(.circle) ul{ columns: 2; column-gap: 10px; }
	.img-list:not(.circle) li{ margin-bottom: 10px !important; font-size: 80%; }
}

/* ───────────────────────────────────────────────
   2026-08-20 メニューLPのブログ欄（iriso-lp-blog.php）。オーナー指摘＝スマホで昔のまま。
   旧: unit-2colsay-1。111pxの小さなサムネイルを左に流し込み、題名は青系の下線リンク。
   新: 七五三トップと同じカード。PCは3列、スマホは2列×2（4枚目はPCでは出さない）。
   ─────────────────────────────────────────────── */
.iriso-lp-blog{
	margin: 90px 0 0;
	padding: 64px 0 0;
	border-top: 1px solid #DED8CF;}
	.iriso-lp-blog .eyebrow{
		display: block;
		text-align: center;
		font-family: 'Cormorant Garamond', serif;
		font-size: 13px;
		letter-spacing: .35em;
		color: #B59663;
		margin-bottom: 14px;}
	.iriso-lp-blog h2{
		text-align: center;
		font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
		font-weight: 500;
		font-size: clamp(20px, 2.8vw, 28px);
		letter-spacing: .1em;
		line-height: 1.7;
		color: #3a3633;
		background: none;
		border: 0;
		padding: 0;
		margin: 0 0 44px;}
	.iriso-lp-blog .cards{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 32px;}
		.iriso-lp-blog .cards>a{
			display: block;
			color: inherit;
			text-decoration: none;}
		.iriso-lp-blog .cards>a:nth-child(4){ display: none; }
		.iriso-lp-blog .photo{
			aspect-ratio: 4/3;
			overflow: hidden;
			margin-bottom: 16px;
			background: #e8e2d9;}
			.iriso-lp-blog .photo img{
				width: 100% !important;
				height: 100% !important;
				object-fit: cover;
				display: block;
				transition: transform .8s ease;}
			.iriso-lp-blog .cards>a:hover .photo img{ transform: scale(1.06); }
		.iriso-lp-blog .date{
			display: block;
			font-family: 'Cormorant Garamond', serif;
			font-size: 12px;
			letter-spacing: .2em;
			color: #8a9270;
			margin-bottom: 8px;}
		.iriso-lp-blog h3{
			font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
			font-weight: 500;
			font-size: 16px;
			line-height: 1.8;
			letter-spacing: .04em;
			color: #3a3633;
			background: none !important;
			border: 0 !important;
			padding: 0 !important;
			margin: 0 !important;
			text-decoration: none;}
	.iriso-lp-blog .more{ text-align: center; margin-top: 44px; }
		.iriso-lp-blog .more a{
			display: inline-block;
			padding: 14px 44px;
			font-size: 14px;
			letter-spacing: .2em;
			border: 1px solid #3a3633;
			border-radius: 999px;
			color: #3a3633;
			text-decoration: none;
			transition: all .3s;}
		.iriso-lp-blog .more a:hover{ background: #3a3633; color: #fff; }
@media screen and (max-width: 900px){
	.iriso-lp-blog .cards{ gap: 20px; }
}
@media screen and (max-width: 600px){
	.iriso-lp-blog{ margin-top: 60px; padding-top: 44px; }
	.iriso-lp-blog .cards{ grid-template-columns: repeat(2, 1fr); gap: 16px 14px; }
	.iriso-lp-blog .cards>a:nth-child(4){ display: block; }
	.iriso-lp-blog h3{ font-size: 14.5px; line-height: 1.75; }
	.iriso-lp-blog .more a{ padding: 13px 30px; }
}

/* 七五三トップのブログ欄も、スマホで3列（1枚93px）と小さすぎたため2列にする */
@media screen and (max-width: 600px){
	.iriso-top-blog-cards{ grid-template-columns: repeat(2, 1fr) !important; gap: 16px 14px !important; }
	.iriso-top-blog-cards h3{ font-size: 14.5px !important; }
}

/* ───────────────────────────────────────────────
   2026-08-21 七五三ページ共通の追従メニュー（iriso-753-nav.php）。
   見た目は七五三トップのページ内メニューに合わせ、中身は実在するページへのリンクにした。
   ⚠ 追従の位置はヘッダーの高さぶん下げる。ヘッダーは幅で高さが変わるので JS で --iriso-hdr を測っている。
   ─────────────────────────────────────────────── */
.iriso-753-nav{
	position: sticky;
	top: var(--iriso-hdr, 94px);
	z-index: 40;
	background: rgba(250,249,247,.95);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid #DED8CF;}
	.iriso-753-nav__in{
		display: flex;
		gap: clamp(14px, 3vw, 34px);
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding: 13px 20px;
		max-width: 1100px;
		margin: 0 auto;
		justify-content: safe center;}
		.iriso-753-nav__in::-webkit-scrollbar{ display: none; }
	.iriso-753-nav__a{
		flex: none;
		font-size: 14px;
		letter-spacing: .06em;
		color: #6f6a62;
		text-decoration: none !important;
		white-space: nowrap;
		border-bottom: 1px solid transparent;
		padding-bottom: 3px;
		transition: color .25s, border-color .25s;}
		.iriso-753-nav__a:hover{ color: #33312F; border-bottom-color: #B59663; }
		.iriso-753-nav__a.is-current{ color: #33312F; border-bottom-color: #B8924A; }
		.iriso-753-nav__a.is-accent{ color: #9E7042; }
@media screen and (max-width: 767px){
	.iriso-753-nav__in{
		padding: 11px 16px;
		gap: 18px;
		justify-content: flex-start;}
	.iriso-753-nav__a{ font-size: 13.5px; }
}

/* ───────────────────────────────────────────────
   2026-08-21 七五三トップの年齢別カード（タブをやめて3枚並べた）。
   カードごと年齢別ページへのリンク。PC3列 → タブレット・スマホは1列（写真を左に）。
   ─────────────────────────────────────────────── */
.iriso-age-cards{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(20px, 3vw, 34px);}
.iriso-age-card{
	display: block;
	color: inherit;
	text-decoration: none !important;
	background: #fff;
	border: 1px solid #EAE3D8;
	overflow: hidden;
	transition: border-color .3s, transform .4s cubic-bezier(0.16,1,0.3,1);}
	.iriso-age-card:hover{ border-color: #C9B189; transform: translateY(-3px); }
	.iriso-age-card__photo{
		aspect-ratio: 3/4;
		overflow: hidden;
		background: #F3EFE8;}
		.iriso-age-card__photo img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			transition: transform .8s ease;}
		.iriso-age-card:hover .iriso-age-card__photo img{ transform: scale(1.05); }
	.iriso-age-card__body{ padding: clamp(20px,2.4vw,26px) clamp(18px,2.2vw,24px) clamp(24px,2.6vw,28px); }
	.iriso-age-card__kanji{
		display: flex;
		align-items: baseline;
		gap: 10px;
		font-family: 'Shippori Mincho','Hiragino Mincho ProN',serif;
		font-size: 30px;
		line-height: 1.2;
		color: #C4B8A5;
		margin-bottom: 14px;}
		.iriso-age-card__kanji em{
			font-style: normal;
			font-family: 'Noto Sans JP',sans-serif;
			font-size: 12px;
			letter-spacing: .22em;
			color: #9a948b;}
	.iriso-age-card h3{
		font-family: 'Shippori Mincho','Hiragino Mincho ProN',serif;
		font-weight: 500;
		font-size: clamp(17px,1.9vw,20px);
		line-height: 1.85;
		letter-spacing: .07em;
		color: #33312F;
		margin: 0 0 16px;
		background: none;
		border: 0;
		padding: 0;}
	.iriso-age-card__lead{
		font-size: 15px;
		line-height: 2.05;
		color: #6f6a62;
		margin: 0 0 18px;}
	.iriso-age-card__kw{
		font-size: 13.5px;
		line-height: 1.95;
		letter-spacing: .06em;
		color: #9a948b;
		margin: 0 0 22px;}
	.iriso-age-card__btn{
		display: inline-block;
		padding: 12px 26px;
		font-size: 14px;
		letter-spacing: .12em;
		border: 1px solid #9E7042;
		border-radius: 999px;
		color: #9E7042;
		transition: all .3s;}
	.iriso-age-card:hover .iriso-age-card__btn{ background: #B59663; border-color: #B59663; color: #fff; }
@media screen and (max-width: 900px){
	.iriso-age-cards{ grid-template-columns: 1fr; gap: 18px; }
	.iriso-age-card{ display: grid; grid-template-columns: minmax(120px, 38%) 1fr; align-items: stretch; }
	.iriso-age-card__photo{ aspect-ratio: auto; height: 100%; min-height: 190px; }
	.iriso-age-card__body{ padding: 20px 18px 22px; }
	.iriso-age-card__kanji{ font-size: 24px; margin-bottom: 10px; }
	.iriso-age-card__lead{ font-size: 14px; line-height: 1.95; margin-bottom: 14px; }
	.iriso-age-card__kw{ display: none; }
	.iriso-age-card__btn{ padding: 10px 18px; font-size: 13.5px; }
}

/* ───────────────────────────────────────────────
   2026-08-21 「次に見るなら」（iriso-753-next.php）。
   料金プランに入った人が1回の訪問で0.61ページしか進んでいなかった（＝行き止まり）ため。
   ─────────────────────────────────────────────── */
.iriso-753-next{
	max-width: 1000px;
	margin: clamp(50px,7vw,80px) auto clamp(20px,3vw,34px);
	padding: 0 20px;}
	.iriso-753-next__ttl{
		text-align: center;
		font-family: 'Shippori Mincho','Hiragino Mincho ProN',serif;
		font-size: clamp(17px,2.2vw,20px);
		font-weight: 500;
		letter-spacing: .14em;
		color: #3a3633;
		margin: 0 0 26px;}
	.iriso-753-next__grid{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 14px;}
	.iriso-753-next__card{
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 22px 20px 20px;
		background: #fff;
		border: 1px solid #E7DED0;
		color: inherit;
		text-decoration: none !important;
		transition: border-color .3s, transform .35s cubic-bezier(0.16,1,0.3,1);}
		.iriso-753-next__card:hover{ border-color: #C9B189; transform: translateY(-2px); }
	.iriso-753-next__h{
		font-family: 'Shippori Mincho','Hiragino Mincho ProN',serif;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: .06em;
		color: #3a3633;}
	.iriso-753-next__d{
		font-size: 14px;
		line-height: 1.9;
		color: #6f6a62;
		flex: 1;}
	.iriso-753-next__go{
		font-size: 13.5px;
		letter-spacing: .1em;
		color: #9E7042;}
@media screen and (max-width: 700px){
	.iriso-753-next__grid{ grid-template-columns: 1fr; gap: 10px; }
	.iriso-753-next__card{ padding: 18px 16px 16px; }
	.iriso-753-next__d{ font-size: 13.5px; }
}

/* 終了したイベントの案内 */
.ev-ended{
	margin: 0 0 26px;
	padding: 14px 18px;
	background: #F6F1E8;
	border-left: 3px solid #B8924A;
	font-size: 15px;
	line-height: 1.9;
	color: #5c5346;}
	.ev-ended a{ color: #9d7a38; }

/* 「*****」だけの行の置き換え先。細い区切り線 */
.iriso-rule{
	border: 0;
	border-top: 1px solid #DED8CF;
	max-width: 260px;
	margin: 34px auto;}

/* 保険：折り返せない長い文字列があってもページを横に広げない */
.content p, .content-2 p, .content li, .content-2 li,
.bs-content, .bs-content p, article p{
	overflow-wrap: break-word;
	word-break: normal;}

/* ───────────────────────────────────────────────
   2026-08-20 スマホで横にはみ出していた原因。
   ヘッダーのナビ枠 .header .box-2 が PC用の width:616px のままで、
   390px幅の画面でも616px を占め、ページ全体が430px幅になって横に動いてしまっていた。
   （body に overflow-x:hidden があるため気づきにくいが、html 側は動いていた）
   スマホではハンバーガーだけを出すので、幅指定と回り込みを解除する。
   ⚠ ここは全ページ共通のヘッダー。変更後は必ずヘッダーの見た目を確認すること。
   ─────────────────────────────────────────────── */
@media screen and (max-width: 767px){
	.header .box-2{
		float: none;
		width: auto;}
	.header .box-2 nav{ width: auto; }
}

/* ───────────────────────────────────────────────
   2026-08-20 スマホで本文が11.5〜13px まで小さくなっていた箇所を底上げ。
   オーナー方針＝上品さより読めること。お客様は50〜60代も多く、迷ったら大きい方。
   390px幅で実描画して「表示されている本文で13.6px未満」を数え、出てきた箇所だけを直す
   （非表示の要素まで巻き込まないよう、可視のものだけを対象に調べた）。
   ─────────────────────────────────────────────── */
/* 七五三のよくある質問ページ、神社の一覧が12.24px だった（本文10か所） */
.content-2 .unit-1-3 p{
	font-size: 15px !important;
	line-height: 1.95 !important;}

@media screen and (max-width: 600px){
	/* ブライダル・成人式・誕生日・家族・入学卒業・証明写真・お宮参りのカード内の説明文 */
	.style-card p,
	.voice-card p,
	.plan-card p,
	.price-card p,
	.reason p,
	.pain p,
	.future-body p,
	.txt p,
	.price-option-text p,
	.costume-info p,
	.use-txt p,
	.price-note,
	.flow-note,
	.cta-note{
		font-size: 14px !important;
		line-height: 1.85 !important;}
}

@media screen and (max-width: 600px){
	/* 新しめのテンプレートは style属性で 11.5〜13.5px を直に書いている。
	   スマホでは本文として小さすぎるので 14px を下限にする（PCはそのまま）。 */
	.content-2 li[style*="font-size: 11.5px"]:not([style*="font-size: 11.5px0"]),
	.content-2 li[style*="font-size: 11.5px;"],
	.content-2 li[style*="font-size: 11px"]:not([style*="font-size: 11px0"]),
	.content-2 li[style*="font-size: 11px;"],
	.content-2 li[style*="font-size: 12.5px"]:not([style*="font-size: 12.5px0"]),
	.content-2 li[style*="font-size: 12.5px;"],
	.content-2 li[style*="font-size: 12px"]:not([style*="font-size: 12px0"]),
	.content-2 li[style*="font-size: 12px;"],
	.content-2 li[style*="font-size: 13.5px"]:not([style*="font-size: 13.5px0"]),
	.content-2 li[style*="font-size: 13.5px;"],
	.content-2 li[style*="font-size: 13px"]:not([style*="font-size: 13px0"]),
	.content-2 li[style*="font-size: 13px;"],
	.content-2 li[style*="font-size:11.5px"]:not([style*="font-size:11.5px0"]),
	.content-2 li[style*="font-size:11.5px;"],
	.content-2 li[style*="font-size:11px"]:not([style*="font-size:11px0"]),
	.content-2 li[style*="font-size:11px;"],
	.content-2 li[style*="font-size:12.5px"]:not([style*="font-size:12.5px0"]),
	.content-2 li[style*="font-size:12.5px;"],
	.content-2 li[style*="font-size:12px"]:not([style*="font-size:12px0"]),
	.content-2 li[style*="font-size:12px;"],
	.content-2 li[style*="font-size:13.5px"]:not([style*="font-size:13.5px0"]),
	.content-2 li[style*="font-size:13.5px;"],
	.content-2 li[style*="font-size:13px"]:not([style*="font-size:13px0"]),
	.content-2 li[style*="font-size:13px;"],
	.content-2 p[style*="font-size: 11.5px"]:not([style*="font-size: 11.5px0"]),
	.content-2 p[style*="font-size: 11.5px;"],
	.content-2 p[style*="font-size: 11px"]:not([style*="font-size: 11px0"]),
	.content-2 p[style*="font-size: 11px;"],
	.content-2 p[style*="font-size: 12.5px"]:not([style*="font-size: 12.5px0"]),
	.content-2 p[style*="font-size: 12.5px;"],
	.content-2 p[style*="font-size: 12px"]:not([style*="font-size: 12px0"]),
	.content-2 p[style*="font-size: 12px;"],
	.content-2 p[style*="font-size: 13.5px"]:not([style*="font-size: 13.5px0"]),
	.content-2 p[style*="font-size: 13.5px;"],
	.content-2 p[style*="font-size: 13px"]:not([style*="font-size: 13px0"]),
	.content-2 p[style*="font-size: 13px;"],
	.content-2 p[style*="font-size:11.5px"]:not([style*="font-size:11.5px0"]),
	.content-2 p[style*="font-size:11.5px;"],
	.content-2 p[style*="font-size:11px"]:not([style*="font-size:11px0"]),
	.content-2 p[style*="font-size:11px;"],
	.content-2 p[style*="font-size:12.5px"]:not([style*="font-size:12.5px0"]),
	.content-2 p[style*="font-size:12.5px;"],
	.content-2 p[style*="font-size:12px"]:not([style*="font-size:12px0"]),
	.content-2 p[style*="font-size:12px;"],
	.content-2 p[style*="font-size:13.5px"]:not([style*="font-size:13.5px0"]),
	.content-2 p[style*="font-size:13.5px;"],
	.content-2 p[style*="font-size:13px"]:not([style*="font-size:13px0"]),
	.content-2 p[style*="font-size:13px;"],
	.step p,
	.flow-grid li p,
	.price-plan-card ul li,
	.pm2026 section>p,
	.bd2026 section>p{
		font-size: 14px !important;
		line-height: 1.85 !important;}
}

/* ───────────────────────────────────────────────
   2026-08-20 本文に直書きされた古い文字色を、ブランド色に寄せる。
   実測: 赤 #ff0000 が55か所、マゼンタ #ff00ff・オレンジ #ff6600・青 #0000ff・
   真っ黒 #000000 が25か所。いずれも2010年代のホームページの配色で、
   ブランド（白/キナリ・グレージュ・くすみゴールド）に赤も原色も無い。
   本文を書き換えず、style属性の値でCSSから上書きする（元に戻せる形にしておく）。
   ⚠ 白 #ffffff / #fffdf8 は暗い背景の上で正しく使われているので触らない。
   ⚠ 背景色まで巻き込まないよう、必ず "color:" が付いたものだけを対象にする。
   ─────────────────────────────────────────────── */
.content [style*="color: #ff0000"],
.content-2 [style*="color: #ff0000"],
.content [style*="color:#ff0000"],
.content-2 [style*="color:#ff0000"],
.content [style*="color: #FF0000"],
.content-2 [style*="color: #FF0000"],
.content [style*="color:#FF0000"],
.content-2 [style*="color:#FF0000"],
.content [style*="color: #ff00ff"],
.content-2 [style*="color: #ff00ff"],
.content [style*="color:#ff00ff"],
.content-2 [style*="color:#ff00ff"],
.content [style*="color: #FF00FF"],
.content-2 [style*="color: #FF00FF"],
.content [style*="color:#FF00FF"],
.content-2 [style*="color:#FF00FF"],
.content [style*="color: #ff6600"],
.content-2 [style*="color: #ff6600"],
.content [style*="color:#ff6600"],
.content-2 [style*="color:#ff6600"],
.content [style*="color: #FF6600"],
.content-2 [style*="color: #FF6600"],
.content [style*="color:#FF6600"],
.content-2 [style*="color:#FF6600"],
.content [style*="color: #0000ff"],
.content-2 [style*="color: #0000ff"],
.content [style*="color:#0000ff"],
.content-2 [style*="color:#0000ff"],
.content [style*="color: #0000FF"],
.content-2 [style*="color: #0000FF"],
.content [style*="color:#0000FF"],
.content-2 [style*="color:#0000FF"],
.content [style*="color: #e20000"],
.content-2 [style*="color: #e20000"],
.content [style*="color:#e20000"],
.content-2 [style*="color:#e20000"],
.content [style*="color: #E20000"],
.content-2 [style*="color: #E20000"],
.content [style*="color:#E20000"],
.content-2 [style*="color:#E20000"]{ color: #9d7a38 !important; }

.content [style*="color: #000000"],
.content-2 [style*="color: #000000"],
.content [style*="color:#000000"],
.content-2 [style*="color:#000000"],
.content [style*="color: #000;"],
.content-2 [style*="color: #000;"],
.content [style*="color:#000;"],
.content-2 [style*="color:#000;"]{ color: #3a3633 !important; }

	/* .mark-2 は #e20000 の赤。強調のための赤字だったのでゴールドに */
	.content-2 .mark-2,
	.content .mark-2{ color: #9d7a38 !important; font-weight: 600; }

/* 小見出しに使われていた .mark-3（GIF画像の飾り＋ゴシック太字）を明朝の小見出しへ */
.content-2 .mark-3{
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
	font-size: 17px;
	font-weight: 600;
	color: #3a3633;}
	.content-2 .mark-3:before{
		content: '' !important;
		display: inline-block;
		width: 22px;
		height: 1px;
		margin: 0 10px 5px 0;
		background: #B8924A;
		vertical-align: middle;}

/* ───────────────────────────────────────────────
   2026-08-20 文字が小さすぎる件（オーナー指摘）。
   body が font-size:85%（＝13.6px）・font-weight:300 で、30代後半〜40代の
   お客様に読みづらいとのご指摘。基準を上げ、細字をやめる。
   見出しやテンプレート側でpx指定している箇所には影響しない。
   ─────────────────────────────────────────────── */
/* ⚠ body の font-size は触らないこと。85%→100%にしたところ、ヘッダーの電話番号が2行に折れ、
   「七五三初めての方」の案内枠で文字が背景写真に重なった。px指定の要素が多く、基準を動かすと崩れる。
   文字を大きくしたいときは、下の .content-2 のように本文の領域だけを指定する。
   font-weight だけは 300（細字）→400 にした。太さは幅をほとんど変えず、読みやすさへの効きが大きい。 */
body{
	font-weight: 400;}
/* 七五三の子ページ：本文・Q&A・注記の下限を引き上げる */
.content-2 p,
.content-2 li,
.content-2 dd,
.content-2 dt{ font-size: 16px; line-height: 2.05; }
.content-2 .alert-2-3,
.content-2 .alert-3-5,
.content-2 .alert-3-10{ font-size: 16.5px !important; }
/* 本文中のインライン指定（font-size:14px 等）が小さいままだと読みづらいので底上げする。
   見出し(ttl-*)や小さなラベルには当てない。 */
.content-2 p span[style*="font-size"],
.content-2 dd span[style*="font-size"],
.content-2 li span[style*="font-size"]{ font-size: 16px !important; }
@media screen and (max-width: 600px){
	.content-2 p,
	.content-2 li,
	.content-2 dd,
	.content-2 dt{ font-size: 16px; line-height: 2; }
}

/* ───────────────────────────────────────────────
   2026-08-20 見出し（H1）からローマ字を廃止。
   これまで .ttl-1-3-wrapper の font-size:230% + Macondo（筆記体）でローマ字が主役になり、
   日本語は .ttl-1-3 span の 1.1rem で脇に置かれていた。ローマ字を削って日本語だけを残すと
   その 1.1rem のままになるため、日本語だけのH1用に .ttl-1-3-jp を用意する。
   ⚠ この下の「@media screen and (max-width: 767px)」は閉じ括弧が無く、以降の行はすべて
   　 スマホ幅でしか効かない。全幅で効かせたい指定は必ずこの位置より上に書くこと。
   ─────────────────────────────────────────────── */
.ttl-1-3-jp{
	font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;}
	.ttl-1-3-jp span{
		display: inline-block;
		font-size: 1.9rem;
		line-height: 1.55;
		letter-spacing: .06em;}
@media screen and (max-width: 768px){
	.ttl-1-3-jp span{
		font-size: 1.32rem;
		line-height: 1.5;}
}
/* PCでは背景写真が右半分に入るため、長い見出しが写真に重ならないよう左側で折り返す。
   地域ページ（.area2026）は中央寄せの全幅なので対象外。 */
@media screen and (min-width: 769px){
	.ttl-1-3-jp span{
		max-width: 46%;
		text-wrap: balance;}
	.area2026 .ttl-1-3-jp span{ max-width: none; }
}
/* 地域ページ（.area2026）は .inner 側が既に主役サイズなので大きさは触らず、
   ローマ字を消したぶんの上余白だけ詰める */
.area2026 .ttl-1-3-jp .inner{ margin-top: 0; }


@media screen and (max-width: 767px) {
	.unit-2col-b .box-1,.unit-2col-b .box-2{
		float: none;
		width: 100%;
		img{
			width: 100%;
			height: auto;
		}
}


/* div改行表示調整として、2017_04
*/
#city-area {
display: inline-block;
_display: inline;
}
/* ボタン、2017_05
*/
#blog_from_kawagoe a.btnlink {
    width:auto;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#007416;
    border-radius:5px;
}
/* 展示会ボックス、2017_05
*/
.box-gray{
padding: 15px 20px;
margin: 25px 10px;
background: #F5F5F5;
border:1px solid #CCCCCC;
word-wrap: normal;
}

/* アドレスを確認ページに２つ表示しない、2017_08
*/
.mw_wp_form_confirm .confirm_mail {
    display: none;
}

/* 撮影希望日の文字色、2017_08
*/
.mwform-note {
color:#111111;
}
/* フローティング
*/
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}

.f-btn img {
    max-width: 99%;
 opacity: 0.7;
}

/* 電話番号文字サイズ */
p.sp-tel a{
font-size: 130% !important;
}
.select-box01 select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}
/* イベントボタン向け */

.btn-brackets {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #000;
  transition: .4s;
}
.btn-brackets:hover {
  color:#ff7f7f;
}
.btn-brackets:before, .btn-brackets:after {
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.btn-brackets:before {
  border-left: solid 1px #ff7f7f;
  border-top: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  left: 0;
}
.btn-brackets:after {
  content: '';
  border-top: solid 1px #ff7f7f;
  border-right: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  right: 0;
}

/* ── お客様の声 横スクロールカルーセル ── */
.iriso-voice-section {
  padding: 50px 0 60px;
  background: #faf8f5;
  overflow: hidden;
}
.iriso-voice-section .ttl-1-2 { text-align: center; }
.voice-rating-bar {
  text-align: center;
  margin: 0 0 30px;
  font-size: 1.1em;
  color: #555;
}
.voice-rating-bar .stars { color: #f5a623; font-size: 1.3em; letter-spacing: 2px; }
.voice-rating-bar .score { font-weight: bold; font-size: 1.3em; margin: 0 6px; color: #333; }
.voice-track-wrap {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.voice-track-wrap::before,
.voice-track-wrap::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}
.voice-track-wrap::before { left: 0;  background: linear-gradient(to right, #faf8f5, transparent); }
.voice-track-wrap::after  { right: 0; background: linear-gradient(to left,  #faf8f5, transparent); }
.voice-track {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: voice-scroll 50s linear infinite;
  padding: 10px 0 20px;
}
.voice-track:hover { animation-play-state: paused; }
@keyframes voice-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.voice-card {
  background: #fff;
  border-radius: 10px;
  padding: 20px 20px 18px;
  width: 260px;
  flex-shrink: 0;
  box-shadow: 0 2px 12px rgba(0,0,0,.07);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.voice-card .vc-photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #f0ede8;
  flex-shrink: 0;
}
.voice-card .vc-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.voice-card .vc-photo-none {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f0ede8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  color: #bbb;
}
.voice-card .vc-label {
  display: inline-block;
  font-size: .75em;
  background: #f0ede8;
  color: #7a6a5a;
  border-radius: 4px;
  padding: 2px 8px;
}
.voice-card .vc-stars { color: #f5a623; font-size: 1em; letter-spacing: 2px; }
.voice-card .vc-text {
  font-size: .88em;
  line-height: 1.8;
  color: #444;
  flex: 1;
  text-align: left;
}
.voice-card .vc-name {
  font-size: .82em;
  color: #888;
  width: 100%;
  text-align: right;
  border-top: 1px solid #eee;
  padding-top: 8px;
  margin-top: auto;
}