@media (max-width: 639px) {
  body {
    font-size: 85%!important;
  }
}
body {color:#4e3122;}


/*--------------------
基本設定
---------------------*/
.red{color:#cf2e2e;}
.blue{color:#225eb2;}
.gray{color:#999999;}
.redkasen{border-bottom:solid 1px #cf2e2e!important;}
.kurokasen{border-bottom:solid 1px #272727!important;}
.yellow{border-bottom:solid 3px #ffd300!important;}


.fsmall{font-size:90%!important;}
.fbig1{font-size:1.2em;}
.fbig2{font-size:1.5em;}
.fbig3{font-size:2em;}
.fbig4{font-size:3.5em;}
.fbig5{font-size:2.5em;}

.s5{margin-top:5px!important;}
.s10{margin-top:10px!important;}
.s20{margin-top:20px!important;}
.s30{margin-top:30px!important;}
.s40{margin-top:40px!important;}
.s50{margin-top:50px!important;}
.s60{margin-top:60px!important;}

.space0{margin-top:0px!important;}
.space10{margin-top:-10px!important;}
.space20{margin-top:-20px!important;}
.space30{margin-top:-30px!important;}
.space40{margin-top:-40px!important;}
.space50{margin-top:-50px!important;}
.space60{margin-top:-60px!important;}

.m_bottom1{margin-bottom:-20px!important;}
.m_bottom2{margin-bottom:-60px!important;}

@media screen and (min-width: 482px) {/*PC*/
.space-top1{margin-top:px!important;}
.space-top2{margin-top:px!important;}
.space-top3{margin-top:px!important;}

.padd1{padding-top:px!important;}
}
@media screen and (max-width: 481px)  {/*SP*/
	.fbig1{font-size:1.1em;}
	.fbig2{font-size:1.3em;}
	.fbig3{font-size:2em;}
	.fbig4{font-size:1.6em;}
	.fbig5{font-size:1.2em;}
	.fbig0{font-size:90%;}

	.space_mobi0{margin-top:0px!important;}
	.space_mobi10{margin-top:-10px!important;}
	.space_mobi20{margin-top:-20px!important;}
	.space_mobi30{margin-top:-30px!important;}
	
	.s10{margin-top:10px;}
	.s20{margin-top:20px;}
	.s30{margin-top:20px;}
	.s40{margin-top:20px;}
	.s50{margin-top:20px;}
	.s60{margin-top:20px;}
	
	.space-top-sp1{padding-top:px!important;}
	.space-top-sp2{margin-top:px!important;}
	.space-top-sp3{margin-top:px!important;}
	.padd1{padding-top:px!important;}
	
	/*画像のサイズ調整*/
	.media70 img{width:70%!important;}
	/*文字のサイズ調整*/
	.font-sp1{font-size:1.5em;}
}


/*画像のサイズ調整*/
@media screen and (max-width: 481px)  {
.media70 img{width:70%!important;}
}
.media50 img{width:50%!important;}
.media70 img, .media60 img, .media50 img{
	margin-left:auto!important;
	margin-right:auto!important;
}

/*背景画像の出力変更*/
/* 背景画像セクションにオリジナルサイズを適用 */
.bg-image-set{
    background-size: auto !important;
    background-repeat: no-repeat; /* 繰り返さない場合は追加 */
    background-position: center center; /* 任意に調整 */
}



/*ドロワーメニューの色変更*/
.c-drawer {background:rgba(89,73,63, 0.9);}

/*――――――――――――――――――
ボタン固定追従：お問い合わせ
―――――――――――――――――――*/
.kotei{
	position:fixed;
	top:150px;
	right:0px;
	z-index:1000;
}

@media screen and (max-width: 481px)  {/*SP*/
.kotei-sp{
	position:fixed;
	bottom:0;
	z-index:2000;
}
}



/*――――――――――――――――――
フォント調整
―――――――――――――――――――*/
/*明朝体*/
.mincho {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.mincho_bold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.shippori {
  font-family: "shippori-mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.shippori_bold{
  font-family: "shippori-mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.moji2-1, .moji2-2{
	font-size:2.3em!important;
	padding-bottom:10px!important;
	color:#8c5a56;
}
.moji3-1, .frame-right h3{font-size:1.6em;}

@media screen and (max-width: 481px)  {/*SP*/
.moji2-1, .moji2-2{font-size:2.2em!important;}
.box-flow h3, .menu-list h3{font-size:1.4em!important;}
}

.siro_border::after {
	content: "";
	display: block;
	width: 70%;
	height: 1px;
	background-color: #FFFFFF;
	margin: 10px auto 0 auto!important; /* 上：10px、左右：自動、下：0 */
}
.kuro_border100::after, .kuro_border90::after, .kuro_border70::after{
	content: "";
	display: block;
	height: 1px;
	background-color: #4e3122;
	margin: 10px auto 0 auto!important; /* 上：10px、左右：自動、下：0 */
}
.kuro_border100::after {width: 100%;}
.kuro_border90::after {width: 90%;}
.kuro_border70::after {width: 70%;}



@media screen and (min-width: 482px) {/*PC*/
.nonepc, .kotei-sp{display:none;}
}
/*モバイルだけ消す*/
@media screen and (max-width: 481px)  {/*SP*/
.nonemobi, .kotei{display:none;}
}

/*カラー指定*/
.cler{clear:both;}

/*――――――――――――――――――
画面サイズを調整
―――――――――――――――――――*/
.white_bg_box{
	background-color:#FFFFFF!important;
	padding-top:80px!important;
	padding-bottom:80px!important;
}
.white_bg_box2{/*背景白のみコンタイナー*/
	background-color:#FFFFFF!important;
	padding-top:80px!important;
	padding-bottom:80px!important;
}
.white_bg_box3{
	background-color:#FFFFFF!important;
}
@media screen and (min-width: 482px) {/*PC*/
.wid80{
	width:800px;
	max-width:100%;
	margin-left:auto!important;
	margin-right:auto!important;
}
.white_bg_box-sp{
	background-color:#FFFFFF!important;
	padding-top:80px!important;
	padding-bottom:80px!important;
}
}
@media screen and (max-width: 481px)  {/*SP*/
.white_bg_box, .white_bg_box-sp{
	width:95%!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-top:30px!important;
	padding-bottom:30px!important;
}
.white_bg_box2{/*背景白のみコンタイナー*/
	padding-top:30px!important;
	padding-bottom:30px!important;
}
}

/*――――――――――――――――――
画面幅を100%
―――――――――――――――――――*/
/*画像を中央に*/
.img_center{
	display:block!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
.center{text-align:center!important;}
@media screen and (max-width: 481px)  {/*SP*/
.img_center-sp{
	display:block!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
/*メディアと画像の画像を中央配置*/
.box-media .smb-media-text__figure, .box-nayami .smb-media-text__figure{
	width:60%!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
}

.full-width{
	width: 100vw!important;/*画面100%vwはブラウザ表示幅の単位*/
	position: relative!important;
	left: 50%!important;
	transform: translateX(-50%)!important;
}

.tex-center{text-align:center;}


/*――――――――――――――――――
ボタンの装飾
―――――――――――――――――――*/
.btm-set a {
    width: 500px !important;
	max-width:100%;
    font-size: 1.2em;
}
@media screen and (max-width: 481px)  {/*SP*/
.btm-set a {width: 300px!important;}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

header

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*キャッチフレーズをロゴの上に表示*/
.c-site-branding--has-logo {
	display: flex;
	flex-direction: column-reverse;
	color:#4e3122;
	margin-top:-10px!important;
}
.c-site-branding__description{margin-bottom:10px!important;}/*サイト説明文*/

@media screen and (max-width: 481px)  {/*SP*/
.c-site-branding__description{font-size:60%!important; margin-bottom:0px!important;}/*サイト説明文*/
}

/*ぱんくずを表示*/
.p-breadcrumbs-wrapper{
	width:1200px;
	max-width:100%;
	margin-top:5px!important;
}
@media screen and (max-width: 481px)  {/*SP*/
.p-breadcrumbs-wrapper{margin-left:10px!important;}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

footer

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*よく分からない灰色罫線を消す*/
.l-footer,
.l-footer__body {
  border-top: none !important;
}

.l-footer{background-color:#FFFFFF; margin-top:-30px!important;}/*フッター部分の背景色*/

.p-footer-sub-nav{
	background-color:#fffbf4;
	padding-top:30px!important;
	padding-bottom:30px!important;
}
.p-footer-sub-nav a{padding-left:20px!important;
padding-right:20px!important;}

/*コピーライト*/
.c-copyright {
	display:none!important;
}

/*最後のフッター設定*/
.wid_contents{
	display: flex;
	width:500px;
	max-width:100%;
	/*background-color:#FC3;*/
	margin-left:auto;
	margin-right:auto;
	font-size:90%;
	margin-top:20px;
	padding-bottom:20px;
}
.wid_contents .element:nth-of-type(1){
	text-align:left;
	width:10%;
	vertical-align: middle;
}
.wid_contents .element:nth-of-type(2){
	text-align:left;
	width:90%;
	padding-left:30px;
	vertical-align: middle;
}
address{font-size:85%;}

.p-set p{margin-bottom:10px;}

@media screen and (max-width: 481px)  {/*SP*/
.p-footer-sub-nav{padding-left:20px!important;}
}


.text-center-line {
  display: flex;
  align-items: center;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
}

.text-center-line::before,
.text-center-line::after {
  content: "";
  flex: 1;
  border-top: 1px solid #000; /* 線の色 */
  margin: 0 1em; /* 文字との余白 */
}

/*お問い合わせのバナーを消す*/
.page-id-2 .l-footer .contact-br{display:none;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ブログ設定

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*お問い合わせ部分*/
.blog_contact{
	background-color:#fffbf4;
	padding-top:80px;
	padding-bottom:80px;
	margin-bottom:-70px!important;
}
.wid1200{
	width:1200px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

.btm-set_blog {
    display: flex;
    justify-content: center; /* 横方向中央揃え */
    margin-top: 20px;         /* 上に少し余白があるとバランスがよくなります */
}
.btm-set_blog a {
	width:500px;
	padding:10px 10px;
    display: inline-block;
    background-color: #db898a; /* 好きな背景色 */
    color: #fff;               /* 文字色 */
    text-decoration: none;
	text-align:center;
    font-size: 1.2em;
}
/* 追加した要素をフッター内の先頭に移動させる */
footer .my-custom-footer-contact {
    order: -1;
    width: 100%;
}
footer {
    display: flex;
    flex-direction: column;
}

.c-entries__item{
	max-width: 100% !important;
	width: 100% !important;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

固定ページ内容修正

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*-----------------------------------
TOPページ
-------------------------------------*/