@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
p {
    margin: 0px 0 ;
    line-height: 2.2em;
    text-align: justify;
    text-justify: inter-ideograph;
}

/*パソコンh2見出し上下狭く*/
@media screen and (min-width: 768px) {
	.post_content h2 { 
	font-size:1.5em;/*文字サイズ*/
	padding: 0.4em 1.1em;/*文字の上下 左右の余白*/
	 }
}
	
/*スマホh2見出し上下*/
@media screen and (max-width: 767px) {
  .post_content h2 {
    font-size: 1.2em; /* 文字サイズ */
    padding: 0.8em 0.9em; /* 文字の上下 左右の余白 */
  }
}

/* コンテンツの下の空白を詰める */
.l-content {
  margin-bottom: 0 !important;
}		
.l-footer__foot, .l-footer__widgetArea {
padding-bottom: 0.3em; 
padding-top: 0.3em; 
}
/*枠線　細い黒線*/
.waku {
padding:15px;
       border: solid 1px;
    border-color: black !important;
}


/*新着情報タイトル*/
.post_content h1 {
	display: none;
    font-size: 1.5em;
}
/*新着情報dt dd 文字色*/
div.whatsnew dt {
    color: black;
}
div.whatsnew dd {
    color: black !important;
/*	line-height:1.3em !important; */
}
div.whatsnew hr {
    border-color: #888 !important;
}
div.whatsnew dt {
    margin: -0.2 1.0em 0 0.3em;
    padding: 0;
    border: 0;
    color: Gray;
    font-weight: normal;
    white-space: nowrap;
}

/*フッター前の場合*/
/*新着情報タイトル*/
.swell-block-columns h1 {
  display: block !important;
    font-size: 1.5em;
}
/*新着情報dt dd 文字色*/
div .wp-block-cover .whatsnew dt {
    color: white;
	line-height:1.3em !important; 
}
div .wp-block-cover .whatsnew dd {
    color: white !important;
	line-height:1.3em !important; 
}
div.whatsnew hr {
    border-color: #888 !important;
}
div .whatsnew dt {
    margin: -0.4 1.0em 0 0.3em;
    padding:  -0.4em 0 0 0;
    border: 0;
    color: Gray;
    font-weight: normal;
    white-space: nowrap;
}




.tt1 {
padding: 5px !important;
background-color: rgb(157, 146, 122)!important;
	font-size:1.2em!important;/*文字サイズ*/}

/* ボックスのマージン再設定 */
.p15{
padding:150 15 15 15important;
margin:0;
}

.btp{
padding:0pximportant;
margin:0;
}

.smb-box {
  padding:0 ;
  margin-top:0;
}
/* もう少し濃いシャドウ */
.sdw1{
filter: drop-shadow(3px 3px 4px #ccc);
}

/* ボタン角丸 */
.is-style-btn_normal {
    --the-btn-radius: 6px !important;
}
.is-style-btn_normal a {
    color: #fff;
    font-weight: 700;
    transition: box-shadow .25s;
}
/* ボタン パディング等 */
[class*=is-style-btn_] {
    --the-fz: 1em;
    --the-width: auto;
    --the-min-width: 64%;
    --the-padding: .25em 1.0em;
    --the-btn-color: var(--color_main);
    --the-btn-color2: var(--color_main);/* メインカラーに設定 */
    --the-btn-bg: var(--the-btn-color);
    display: block;
    font-size: var(--the-fz);
    position: relative;
    text-align: center
}

/* ボタンを下に揃える */
.btn-bottom-list .swell-block-column {
	display: flex;
	flex-direction: column;
}
.btn-bottom-list .swell-block-button{
	margin-top: auto;
}
.swell-block-button__link {
		margin-left:10px !important;
}





/* フッター直前ウィジェット*/
.w-beforeFooter {
	margin-top:0 !important;
}
/* 記事スライダー　タグ*/
.c-postThumb__cat {
/*     background-color: #999;*/
    background-image: none !important;
    /* background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 6px, transparent 6px, transparent 12px); */
}
.p-postList__title {
    color: #999;
	font-size:14px !important;
}






/* /////////////////// 
 * 
.btn-bottom-list > .swell-block-column {
  display: flex;
  flex-direction: column;
}

.btn-bottom-list > .swell-block-column > .swell-block-button{
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
	
}


#pr-block .wp-block-column {
	display: flex;
	flex-direction: column;
	border: solid 2px #704104;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-radius: 8px;
}
#pr-block .wp-block-buttons {
	margin-top: auto;
}





#pr-block .wp-block-column {
	display: flex;
	flex-direction: column;
	border: solid 2px #704104;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-radius: 8px;
}
#pr-block .wp-block-buttons {
	margin-top: auto;
}

 *  /////////////////////// */

/* /////////////////// 調整CSS /////////////////////// */
.lh10{
line-height:1.0em !important;
}
.lh11{
line-height:1.1em !important;
}
.lh12{
line-height:1.2em !important;
}
.lh13{
line-height:1.3em !important;
}
.lh14{
line-height:1.4em !important;
}
.lh15{
line-height:1.5em !important;
}
.lh16{
line-height:1.6em !important;
}
.lh17{
line-height:1.7em !important;
}
.lh18{
line-height:1.8em !important;
}
.lh19{
line-height:1.9em !important;
}
.lh20{
line-height:2.0em !important;
}

.mt0{
margin-top:0px !important;
margin-bottom: 0px !important;
}
.mt5{
margin-top:5px !important;
margin-bottom: 5px !important;
}
.mt10{
margin-top:10px !important;
margin-bottom: 10px !important;
}
.mt15{
margin-top:15px !important;
margin-bottom: 15px !important;
}
.mt20{
margin-top:20px !important;
margin-bottom: 20px !important;
}
.mt25{
margin-top:25px !important;
margin-bottom: 25px !important;
}
.mt30{
margin-top:30px !important;
margin-bottom: 30px !important;
}




.my0{
margin-left:0px !important;
margin-right: 0px !important;
}
.my5{
margin-left:5px !important;
margin-right: 5px !important;
}
.my10{
margin-left:10px !important;
margin-right: 10px !important;
}
.my15{
margin-left:15px !important;
margin-right: 15px !important;
}
.my20{
margin-left:20px !important;
margin-right: 20px !important;
}
.my25{
margin-left:25px !important;
margin-right: 25px !important;
}
.my30{
margin-left:30px !important;
margin-right: 30px !important;
}


.my40{
margin:0 40px !important;
}
.my50{
margin:0 50px !important;
}
.my60{
margin:0 60px !important;
}
.my70{
margin:0 70px !important;
}



.pt0{
padding-top:0px !important;
padding-bottom: 0px !important;
}
.pt5{
padding-top:5px !important;
padding-bottom: 5px !important;
}
.pt10{
padding-top:10px !important;
padding-bottom: 10px !important;
}
.pt15{
padding-top:15px !important;
padding-bottom: 15px !important;
}
.pt20{
padding-top:20px !important;
padding-bottom: 20px !important;
}
.pt25{
padding-top:25px !important;
padding-bottom: 25px !important;
}
.pt30{
padding-top:30px !important;
padding-bottom: 30px !important;
}


.py0{
padding-left:0px !important;
padding-right: 0px !important;
}
.py5{
padding-left:5px !important;
padding-right: 5px !important;
}
.py10{
padding-left:10px !important;
padding-right: 10px !important;
}
.py15{
padding-left:15px !important;
padding-right: 15px !important;
}
.py20{
padding-left:20px !important;
padding-right: 20px !important;
}
.py25{
padding-left:25px !important;
padding-right: 25px !important;
}
.                          30{
padding-left:30px !important;
padding-right: 30px !important;
}


.km0{
border-radius:0px !important;
}
.km5{
border-radius:5px !important;
}
.km10{
border-radius:10px !important;
}
.km15{
border-radius:15px !important;
}
.km20{
border-radius:20px !important;
}
.km25{
border-radius:25px !important;
}
.km30{
border-radius:30px !important;
}



/* display-postsのカード型を整える　Grid style */
.display-posts-listing.grid {
    display: grid;
    grid-gap: 16px;
}
 
.display-posts-listing.grid .title {
    display: block;
}
 
.display-posts-listing.grid img { 
    display: block; 
    max-width: 100%; 
    height: auto; 
}
 
@media (min-width: 600px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 2, 1fr );
    }
}
 
@media (min-width: 1024px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 3, 1fr );
    }
}



/*　　　カテゴリー一覧のマージン、枠線消す　　　*/
.p-termHead__desc {
    padding: 0em;
    width: 100%;
}
.p-termHead {
    border: none;
}
/*　　　カテゴリー一覧の投稿日を消す　　　*/
.p-postList__meta {
/*　　　    display: none;　　　*/
	}
.red{
color:#f00}  

/*　　　カテゴリー一覧のfix を解除　　*/
@media (min-width:600px) {
	.p-termHead {
display: block;
	}
}

// .box で使ったスタイルを継承
.widget-title {
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;    padding: .5em .75em;
    border-radius: var(--swl-radius--2, 0px);
    background: var(--color_main) !important;
    color: #fff;
}
/******************　　カレント設定 ******************　/
/* グローバルナビ
.c-gnav > li:hover > a, .c-gnav > .-current > a {
background: transparent;
background-color: #555;
color: #fff;
transition: all .25s;
} */
/*　　　.c-gnav > li:hover > a,
.c-gnav > .-current > a {
    background: none;
  color: #fff;
} */

/*　　カレント（投稿一覧もOK）
.current-menu-item,
.current_page_item,
.current-menu-parent,
.current_page_parent,
.current_page_ancestor {
background: #042701;
  color: #fff;
} */



/*　　　.current_page_ancestor a {
    background: #ffe3db;
}
.current_page_ancestor ul li a {
    background: #fff;
}
　　*/

/******************　　カレント設定（ここまで） ******************　/　　*/

.p-postList .p-postList__title {
    font-weight: 100;
    line-height: 1.2;
}
.rpwe-block h3 {
    background: none !important;
    clear: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.5em;
}
.rpwe-summary {
    font-size: 11px!important;
    line-height: 1.4;
}

/*画像の高さを調整*/
img.vam2 { vertical-align: -2px; }

/*ブロークングリッドのテキスト部分背景を半透明に*/
.text-background01 {
background-color: rgba( 255, 255, 255, 0.8 )!important;
	padding: 1em!important; /*テキスト外側の余白を広げる*/
}
/*右のテキストを左に移動(PC)*/
@media (min-width: 768px) {
.text-group01 {
margin-left: -100px ;
}
}

.padtest {
	padding: 1em!important; /*テキスト外側の余白を広げる*/
}
.is-style-wide{
    border-color: #888 !important;
}
.mwkmr{
padding:0 10px 0 0;
margin:0 10px 0 0;
}
.mwkml{
padding:0 0 0 10px;
margin:0 0 0 10px;
}
.tte{
    font-size: 11px!important;
    line-height: 1.4;
}
.mwrk{
clear: none!important;
}
/*画像回り込み
.wp-block-image:after {clear: none;}
.post_content>* {clear: none;}
.post_content:after {clear: both;}*/
/*モバイル用
@media (max-width: 768px) {
.wp-block-image img{
width:100% ;
margin-bottom:10px;
}
}*/

/*回り込み解除モバイル用*/
@media screen and (max-width: 639px){
.alignleft {
    float: none;
  }
.pop{
    width: 100%!important;
}
}

.ttl_line1 {
  font-weight: bold;
  border-left: 5px solid #4c9ac0;
  /*border-bottom: 2px dashed #B4B4B4;*/
  padding: 0.25em 0 0.3em 0.5em;
}


	/* ヘッダーインナー（ナビメニュー）の高さ指定*/
	.l-header__inner {
		height: 64px;
	}
	/* タイトル背景画像の高さ幅指定*/
@media (min-width: 600px){
.l-topTitleArea {
min-height: 220px;
}
}

	/* ヘッダーロゴの高さ中央*/
@media (min-width: 960px) {
    .-series .l-header__logo {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        margin-right: 24px;
        padding: 0px 0; 
    }
}
	/* コンタクトフォームのラジオボタンを改行する*/
span.wpcf7-list-item {
display: block!important;
}

	/* Googleマップをモノクロにする*/
.google-map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
	/* ブログ一覧タイトル*/
h2.p-postList__title {
    font-weight: 700!important;
	font-size: 1.2rem!important;
    line-height: 1.2!important;
}
	/* ↑ブログスライダーのタイトルサイズは戻す　*/
.p-postSlider__swiper h2.p-postList__title {
    font-weight: 700!important;
	font-size: 1.0rem!important;
    line-height: 1.2!important;
}

.home .l-header .c-gnav>li>a:after {	/* homeのメニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
100%, #fff 0%)!important;
}
/* .l-header .c-gnav>li:nth-child(4)>a:after {
    background: transparent;
}*/
.l-fixHeader .c-gnav>li>a:after {
background:linear-gradient(transparent
100%, #000 0%)!important;    
}
.l-header .c-gnav>li>a:after {	/* home以外のメニューのアンダーラインの太さと色*/
 background:linear-gradient(transparent
95%, transparent 0%)!important;

}

/* ナビメニューの上のヘッダーバーの透過 */
.l-header__bar {
	background: rgb(100 0 0 / 0%) !important;
}
/* home以外でヘッダーバーを消す */
:not(.home) .l-header__bar{
    display: none;
}
/* homeでヘッダーバーを表示 */
.home .l-header__bar{
display:block
}

/*ヘッダー内部ウィジェット*/
.w-header__inner {
  height: 160px; 
 position: absolute;
 top: -20px; right: 70px;
 padding-top: 0px;
 font-size: 0.9rem;
 color: #fff;
	  line-height: 1.0;
    z-index: 1;                /* 重なり順指定 */
  pointer-events: none;

}

/* メニューのアンダーライン復活との太さと色*/
.home .l-header .c-gnav>li>a:after {	/* homeのメニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
2%, #fff 0%)!important;
}
/* .l-header .c-gnav>li:nth-child(4)>a:after {
    background: transparent;
}*/
.l-fixHeader .c-gnav>li>a:after {　/* 追従メニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
0%, #000 0%)!important;
		bottom: 0.2em !important; /* 表示位置を少し上に変更 */
	height: 0.05em !important; /* 線太さを少し太めに変更 */

}
.l-header .c-gnav>li>a:after {	/* home以外のメニューのアンダーラインの太さと色*/
	background: rgb(0 0 0 / 100%) !important; /* 線の色を透過度のある水色に変更 */
	bottom: 0.2em !important; /* 表示位置を少し上に変更 */
	height: 0.05em !important; /* 線太さを少し太めに変更 */
}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */


@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
p {
    margin: 0px 0 ;
    line-height: 2.2em;
    text-align: justify;
    text-justify: inter-ideograph;
}

/*パソコンh2見出し上下狭く*/
@media screen and (min-width: 768px) {
	.post_content h2 { 
	font-size:1.5em;/*文字サイズ*/
	padding: 0.4em 1.1em;/*文字の上下 左右の余白*/
	 }
}
	
/*スマホh2見出し上下*/
@media screen and (max-width: 767px) {
  .post_content h2 {
    font-size: 1.2em; /* 文字サイズ */
    padding: 0.8em 0.9em; /* 文字の上下 左右の余白 */
  }
}

/* コンテンツの下の空白を詰める */
.l-content {
  margin-bottom: 0 !important;
}		
.l-footer__foot, .l-footer__widgetArea {
padding-bottom: 0.3em; 
padding-top: 0.3em; 
}
/*枠線　細い黒線*/
.waku {
padding:15px;
       border: solid 1px;
    border-color: black !important;
}


/*新着情報タイトル*/
.post_content h1 {
	display: none;
    font-size: 1.5em;
}
/*新着情報dt dd 文字色*/
div.whatsnew dt {
    color: black;
}
div.whatsnew dd {
    color: black !important;
/*	line-height:1.3em !important; */
}
div.whatsnew hr {
    border-color: #888 !important;
}
div.whatsnew dt {
    margin: -0.2 1.0em 0 0.3em;
    padding: 0;
    border: 0;
    color: Gray;
    font-weight: normal;
    white-space: nowrap;
}

/*フッター前の場合*/
/*新着情報タイトル*/
.swell-block-columns h1 {
  display: block !important;
    font-size: 1.5em;
}
/*新着情報dt dd 文字色*/
div .wp-block-cover .whatsnew dt {
    color: white;
	line-height:1.3em !important; 
}
div .wp-block-cover .whatsnew dd {
    color: white !important;
	line-height:1.3em !important; 
}
div.whatsnew hr {
    border-color: #888 !important;
}
div .whatsnew dt {
    margin: -0.4 1.0em 0 0.3em;
    padding:  -0.4em 0 0 0;
    border: 0;
    color: Gray;
    font-weight: normal;
    white-space: nowrap;
}




.tt1 {
padding: 5px !important;
background-color: rgb(157, 146, 122)!important;
	font-size:1.2em!important;/*文字サイズ*/}

/* ボックスのマージン再設定 */
.p15{
padding:150 15 15 15important;
margin:0;
}

.btp{
padding:0pximportant;
margin:0;
}

.smb-box {
  padding:0 ;
  margin-top:0;
}
/* もう少し濃いシャドウ */
.sdw1{
filter: drop-shadow(3px 3px 4px #ccc);
}

/* ボタン角丸 */
.is-style-btn_normal {
    --the-btn-radius: 6px !important;
}
.is-style-btn_normal a {
    color: #fff;
    font-weight: 700;
    transition: box-shadow .25s;
}
/* ボタン パディング等 */
[class*=is-style-btn_] {
    --the-fz: 1em;
    --the-width: auto;
    --the-min-width: 64%;
    --the-padding: .25em 1.0em;
    --the-btn-color: var(--color_main);
    --the-btn-color2: var(--color_main);/* メインカラーに設定 */
    --the-btn-bg: var(--the-btn-color);
    display: block;
    font-size: var(--the-fz);
    position: relative;
    text-align: center
}

/* ボタンを下に揃える */
.btn-bottom-list .swell-block-column {
	display: flex;
	flex-direction: column;
}
.btn-bottom-list .swell-block-button{
	margin-top: auto;
}
.swell-block-button__link {
		margin-left:10px !important;
}





/* フッター直前ウィジェット*/
.w-beforeFooter {
	margin-top:0 !important;
}
/* 記事スライダー　タグ*/
.c-postThumb__cat {
/*     background-color: #999;*/
    background-image: none !important;
    /* background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 6px, transparent 6px, transparent 12px); */
}
.p-postList__title {
    color: #999;
	font-size:14px !important;
}






/* /////////////////// 
 * 
.btn-bottom-list > .swell-block-column {
  display: flex;
  flex-direction: column;
}

.btn-bottom-list > .swell-block-column > .swell-block-button{
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
	
}


#pr-block .wp-block-column {
	display: flex;
	flex-direction: column;
	border: solid 2px #704104;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-radius: 8px;
}
#pr-block .wp-block-buttons {
	margin-top: auto;
}





#pr-block .wp-block-column {
	display: flex;
	flex-direction: column;
	border: solid 2px #704104;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-radius: 8px;
}
#pr-block .wp-block-buttons {
	margin-top: auto;
}

 *  /////////////////////// */

/* /////////////////// 調整CSS /////////////////////// */
.lh10{
line-height:1.0em !important;
}
.lh11{
line-height:1.1em !important;
}
.lh12{
line-height:1.2em !important;
}
.lh13{
line-height:1.3em !important;
}
.lh14{
line-height:1.4em !important;
}
.lh15{
line-height:1.5em !important;
}
.lh16{
line-height:1.6em !important;
}
.lh17{
line-height:1.7em !important;
}
.lh18{
line-height:1.8em !important;
}
.lh19{
line-height:1.9em !important;
}
.lh20{
line-height:2.0em !important;
}

.mt0{
margin-top:0px !important;
margin-bottom: 0px !important;
}
.mt5{
margin-top:5px !important;
margin-bottom: 5px !important;
}
.mt10{
margin-top:10px !important;
margin-bottom: 10px !important;
}
.mt15{
margin-top:15px !important;
margin-bottom: 15px !important;
}
.mt20{
margin-top:20px !important;
margin-bottom: 20px !important;
}
.mt25{
margin-top:25px !important;
margin-bottom: 25px !important;
}
.mt30{
margin-top:30px !important;
margin-bottom: 30px !important;
}




.my0{
margin-left:0px !important;
margin-right: 0px !important;
}
.my5{
margin-left:5px !important;
margin-right: 5px !important;
}
.my10{
margin-left:10px !important;
margin-right: 10px !important;
}
.my15{
margin-left:15px !important;
margin-right: 15px !important;
}
.my20{
margin-left:20px !important;
margin-right: 20px !important;
}
.my25{
margin-left:25px !important;
margin-right: 25px !important;
}
.my30{
margin-left:30px !important;
margin-right: 30px !important;
}


.my40{
margin:0px 40px !important;
}
.my50{
margin:0px 50px !important;
}
.my60{
margin:0px 60px !important;
}
.my70{
margin:0px 70px !important;
}



.pt0{
padding-top:0px !important;
padding-bottom: 0px !important;
}
.pt5{
padding-top:5px !important;
padding-bottom: 5px !important;
}
.pt10{
padding-top:10px !important;
padding-bottom: 10px !important;
}
.pt15{
padding-top:15px !important;
padding-bottom: 15px !important;
}
.pt20{
padding-top:20px !important;
padding-bottom: 20px !important;
}
.pt25{
padding-top:25px !important;
padding-bottom: 25px !important;
}
.pt30{
padding-top:30px !important;
padding-bottom: 30px !important;
}


.py0{
padding-left:0px !important;
padding-right: 0px !important;
}
.py5{
padding-left:5px !important;
padding-right: 5px !important;
}
.py10{
padding-left:10px !important;
padding-right: 10px !important;
}
.py15{
padding-left:15px !important;
padding-right: 15px !important;
}
.py20{
padding-left:20px !important;
padding-right: 20px !important;
}
.py25{
padding-left:25px !important;
padding-right: 25px !important;
}
.                          30{
padding-left:30px !important;
padding-right: 30px !important;
}


.km0{
border-radius:0px !important;
}
.km5{
border-radius:5px !important;
}
.km10{
border-radius:10px !important;
}
.km15{
border-radius:15px !important;
}
.km20{
border-radius:20px !important;
}
.km25{
border-radius:25px !important;
}
.km30{
border-radius:30px !important;
}



/* display-postsのカード型を整える　Grid style */
.display-posts-listing.grid {
    display: grid;
    grid-gap: 16px;
}
 
.display-posts-listing.grid .title {
    display: block;
}
 
.display-posts-listing.grid img { 
    display: block; 
    max-width: 100%; 
    height: auto; 
}
 
@media (min-width: 600px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 2, 1fr );
    }
}
 
@media (min-width: 1024px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 3, 1fr );
    }
}



/*　　　カテゴリー一覧のマージン、枠線消す　　　*/
.p-termHead__desc {
    padding: 0em;
    width: 100%;
}
.p-termHead {
    border: none;
}
/*　　　カテゴリー一覧の投稿日を消す　　　*/
.p-postList__meta {
/*　　　    display: none;　　　*/
	}
.red{
color:#f00}  

/*　　　カテゴリー一覧のfix を解除　　*/
@media (min-width:600px) {
	.p-termHead {
display: block;
	}
}

// .box で使ったスタイルを継承
.widget-title {
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;    padding: .5em .75em;
    border-radius: var(--swl-radius--2, 0px);
    background: var(--color_main) !important;
    color: #fff;
}
/******************　　カレント設定 ******************　/
/* グローバルナビ
.c-gnav > li:hover > a, .c-gnav > .-current > a {
background: transparent;
background-color: #555;
color: #fff;
transition: all .25s;
} */
/*　　　.c-gnav > li:hover > a,
.c-gnav > .-current > a {
    background: none;
  color: #fff;
} */

/*　　カレント（投稿一覧もOK）
.current-menu-item,
.current_page_item,
.current-menu-parent,
.current_page_parent,
.current_page_ancestor {
background: #e089af;
  color: #fff;
} */


/* カレント用：メニューの li 自体に色を付ける（一覧もOK） */
.l-header .c-gnav li.current-menu-item,
.l-header .c-gnav li.current_page_item,
.l-header .c-gnav li.current-menu-parent,
.l-header .c-gnav li.current_page_parent,
.l-header .c-gnav li.current_page_ancestor,
.l-header .c-gnav li.current-menu-ancestor,
#fix_header .c-gnav li.current-menu-item,
#fix_header .c-gnav li.current_page_item,
#fix_header .c-gnav li.current-menu-parent,
#fix_header .c-gnav li.current_page_parent,
#fix_header .c-gnav li.current_page_ancestor,
#fix_header .c-gnav li.current-menu-ancestor {
  background: #e089af;
}

/* 文字色も上書き（ttl のテキストを白に） */
.l-header .c-gnav li.current-menu-item > a > .ttl,
.l-header .c-gnav li.current-menu-parent > a > .ttl,
.l-header .c-gnav li.current-menu-ancestor > a > .ttl,
.l-header .c-gnav li.current_page_parent > a > .ttl,
.l-header .c-gnav li.current_page_ancestor > a > .ttl,
#fix_header .c-gnav li.current-menu-item > a > .ttl,
#fix_header .c-gnav li.current-menu-parent > a > .ttl,
#fix_header .c-gnav li.current-menu-ancestor > a > .ttl,
#fix_header .c-gnav li.current_page_parent > a > .ttl,
#fix_header .c-gnav li.current_page_ancestor > a > .ttl {
  color: #fff !important;
}

/*　　　.current_page_ancestor a {
    background: #ffe3db;
}
.current_page_ancestor ul li a {
    background: #fff;
}
　　*/

/******************　　カレント設定（ここまで） ******************　/　　*/

.p-postList .p-postList__title {
    font-weight: 100;
    line-height: 1.2;
}
.rpwe-block h3 {
    background: none !important;
    clear: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.5em;
}
.rpwe-summary {
    font-size: 11px!important;
    line-height: 1.4;
}

/*画像の高さを調整*/
img.vam2 { vertical-align: -2px; }

/*ブロークングリッドのテキスト部分背景を半透明に*/
.text-background01 {
background-color: rgba( 255, 255, 255, 0.8 )!important;
	padding: 1em!important; /*テキスト外側の余白を広げる*/
}
/*右のテキストを左に移動(PC)*/
@media (min-width: 768px) {
.text-group01 {
margin-left: -100px ;
}
}

.padtest {
	padding: 1em!important; /*テキスト外側の余白を広げる*/
}
.is-style-wide{
    border-color: #888 !important;
}
.mwkmr{
padding:0 10px 0 0;
margin:0 10px 0 0;
}
.mwkml{
padding:0 0 0 10px;
margin:0 0 0 10px;
}
.tte{
    font-size: 11px!important;
    line-height: 1.4;
}
.mwrk{
clear: none!important;
}
/*画像回り込み
.wp-block-image:after {clear: none;}
.post_content>* {clear: none;}
.post_content:after {clear: both;}*/
/*モバイル用
@media (max-width: 768px) {
.wp-block-image img{
width:100% ;
margin-bottom:10px;
}
}*/

/*回り込み解除モバイル用*/
@media screen and (max-width: 639px){
.alignleft {
    float: none;
  }
.pop{
    width: 100%!important;
}
}

.ttl_line1 {
  font-weight: bold;
  border-left: 5px solid #4c9ac0;
  /*border-bottom: 2px dashed #B4B4B4;*/
  padding: 0.25em 0 0.3em 0.5em;
}


	/* ヘッダーインナー（ナビメニュー）の高さ指定*/
	.l-header__inner {
		height: 64px;
	}
	/* タイトル背景画像の高さ幅指定*/
@media (min-width: 600px){
.l-topTitleArea {
min-height: 220px;
}
}

	/* ヘッダーロゴの高さ中央*/
@media (min-width: 960px) {
    .-series .l-header__logo {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        margin-right: 24px;
        padding: 0px 0; 
    }
}
	/* コンタクトフォームのラジオボタンを改行する*/
span.wpcf7-list-item {
display: block!important;
}

	/* Googleマップをモノクロにする*/
.google-map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
	/* ブログ一覧タイトル*/
h2.p-postList__title {
    font-weight: 700!important;
	font-size: 1.2rem!important;
    line-height: 1.2!important;
}
	/* ↑ブログスライダーのタイトルサイズは戻す　*/
.p-postSlider__swiper h2.p-postList__title {
    font-weight: 700!important;
	font-size: 1.0rem!important;
    line-height: 1.2!important;
}

.home .l-header .c-gnav>li>a:after {	/* homeのメニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
100%, #fff 0%)!important;
}
/* .l-header .c-gnav>li:nth-child(4)>a:after {
    background: transparent;
}*/
.l-fixHeader .c-gnav>li>a:after {
background:linear-gradient(transparent
100%, #000 0%)!important;    
}
.l-header .c-gnav>li>a:after {	/* home以外のメニューのアンダーラインの太さと色*/
 background:linear-gradient(transparent
95%, transparent 0%)!important;

}

/* ナビメニューの上のヘッダーバーの透過 */
.l-header__bar {
	background: rgb(100 0 0 / 0%) !important;
}
/* home以外でヘッダーバーを消す */
:not(.home) .l-header__bar{
    display: none;
}
/* homeでヘッダーバーを表示 */
.home .l-header__bar{
display:block
}

/*ヘッダー内部ウィジェット*/
.w-header__inner {
  height: 160px; 
 position: absolute;
 top: -20px; right: 70px;
 padding-top: 0px;
 font-size: 0.9rem;
 color: #fff;
	  line-height: 1.0;
    z-index: 1;                /* 重なり順指定 */
  pointer-events: none;

}

/* メニューのアンダーライン復活との太さと色*/
.home .l-header .c-gnav>li>a:after {	/* homeのメニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
2%, #fff 0%)!important;
}
/* .l-header .c-gnav>li:nth-child(4)>a:after {
    background: transparent;
}*/
.l-fixHeader .c-gnav>li>a:after {　/* 追従メニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
0%, #000 0%)!important;
		bottom: 0.2em !important; /* 表示位置を少し上に変更 */
	height: 0.05em !important; /* 線太さを少し太めに変更 */

}
.l-header .c-gnav>li>a:after {	/* home以外のメニューのアンダーラインの太さと色*/
	background: rgb(0 0 0 / 100%) !important; /* 線の色を透過度のある水色に変更 */
	bottom: 0.2em !important; /* 表示位置を少し上に変更 */
	height: 0.05em !important; /* 線太さを少し太めに変更 */
}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */


/* ============================
   PC用：通常ヘッダー & 固定ヘッダー
   サブメニュー：上からむにゅっと（3階層対応）
   ============================ */
@media (min-width: 960px) {

  /* 親LIを基準にドロップダウンを出す（全階層共通） */
  .l-header .c-gnav li.menu-item-has-children,
  #fix_header .c-gnav li.menu-item-has-children {
    position: relative;
  }

  /* サブメニュー共通（1階層目・2階層目どちらも） */
  .l-header .c-gnav li.menu-item-has-children > ul.sub-menu,
  .l-header .c-gnav li.menu-item-has-children > .sub-menu,
  .l-header .c-gnav li.menu-item-has-children .c-dropdown__sub > ul.sub-menu,
  #fix_header .c-gnav li.menu-item-has-children > ul.sub-menu,
  #fix_header .c-gnav li.menu-item-has-children > .sub-menu,
  #fix_header .c-gnav li.menu-item-has-children .c-dropdown__sub > ul.sub-menu {
    /* 左端を親メニューと揃える */
    left: 0;
    right: auto;

    margin-left: 0;
    padding-left: 0;

    /* 「むにゅっ」と出すための初期状態 */
    display: block;              /* SWELL の display:none を上書き */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scaleY(0);        /* 上方向にペタンと畳んでおく */
    transform-origin: center top;
    transition:
      transform .2s ease,
      opacity .2s ease,
      visibility .2s ease;
  }

  /* ホバー or フォーカスで表示（全階層・通常ヘッダー＆固定ヘッダー） */
  .l-header .c-gnav li.menu-item-has-children:hover > ul.sub-menu,
  .l-header .c-gnav li.menu-item-has-children:hover > .sub-menu,
  .l-header .c-gnav li.menu-item-has-children:hover .c-dropdown__sub > ul.sub-menu,
  .l-header .c-gnav li.menu-item-has-children:focus-within > ul.sub-menu,
  .l-header .c-gnav li.menu-item-has-children:focus-within > .sub-menu,
  .l-header .c-gnav li.menu-item-has-children:focus-within .c-dropdown__sub > ul.sub-menu,
  #fix_header .c-gnav li.menu-item-has-children:hover > ul.sub-menu,
  #fix_header .c-gnav li.menu-item-has-children:hover > .sub-menu,
  #fix_header .c-gnav li.menu-item-has-children:hover .c-dropdown__sub > ul.sub-menu,
  #fix_header .c-gnav li.menu-item-has-children:focus-within > ul.sub-menu,
  #fix_header .c-gnav li.menu-item-has-children:focus-within > .sub-menu,
  #fix_header .c-gnav li.menu-item-has-children:focus-within .c-dropdown__sub > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scaleY(1);        /* むにゅっと下方向に開く */
  }

  /* 親との間にスキマができないように */
  .l-header .c-gnav .sub-menu,
  #fix_header .c-gnav .sub-menu {
    margin-top: 0;
  }
}




/* ============================
   PC：is-opened が付いているサブメニューは
   hover を離れても閉じない（クリックでだけ閉じる）
   ============================ */
@media (min-width: 960px) {

  /* JS で付く .is-opened 用（3階層） */
  .l-header .c-gnav .sub-menu.is-opened,
  #fix_header .c-gnav .sub-menu.is-opened {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scaleY(1) !important;   /* むにゅっと開いた状態のまま */
  }
}

/* ーーーーーーーーーーーむにゅっと終わりーーーーーーーーーーー */






/* ============================
   PC：第2階層だけに枠付き ▼ / ▲ を表示
   ・第1階層にはマークを付けない
   ・3階層が開いているときだけ ▲ にする
   ============================ */
@media (min-width: 960px) {

  /* 2階層：テキストの右側にマーク用スペースを確保 */
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a,
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a {
    position: relative;
    padding-right: 26px;              /* マークの幅分だけ右に余白 */
  }

  /* 2階層：マーク本体（枠付きの四角） */
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn,
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn {
    position: absolute;
    right: 6px;                        /* 一番右に寄せる */
    top: 50%;
    transform: translateY(-50%);       /* 上下中央 */
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 2px;
    border: 1px solid #fff;            /* 枠：くっきり白 */
    background: transparent;
    box-shadow: none;
    opacity: 1;
    cursor: pointer;
  }

  /* SWELL標準のアイコンを完全に消す（念のため） */
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn::before,
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn::before {
    content: none !important;
  }

  /* ▼／▲ の見た目（常に真っ白＆くっきり） */
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn::after,
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn::after {
    content: "▼";                       /* 基本は下向き */
    font-size: 12px;
    color: #fff !important;             /* くっきり白 */
    opacity: 1 !important;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -52%);   /* 枠の真ん中に配置 */
    transition: transform .2s ease;     /* 回転アニメ用 */
    pointer-events: none;               /* アイコン自体はクリックを邪魔しない */
    text-shadow: 0 0 2px rgba(0,0,0,.6);/* 見えにくい場合の補強 */
  }

  /* ★ここがポイント★
     ボタンに is-opened が付いたときだけ「上向き」に回転させる */
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn.is-opened::after,
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn.is-opened::after {
    transform: translate(-50%, -52%) rotate(180deg);  /* ▲ の向き */
  }
}


/* ーーーーーーーーーーー２階層▲▼回転　ここまでーーーーーーーーーーー */




/* ============================
   PC：第1階層メニュー右に ▼ を表示
   ・色は文字色に追従（黒文字なら黒、白文字なら白）
   ・SP では非表示（min-width:960px 条件）
   ============================ */
@media (min-width: 960px) {

  /* 1階層：親メニュー（ホーム／各種事業…）にだけ適用 */
  .l-header .c-gnav > li.menu-item-has-children > a > .ttl::after,
  #fix_header .c-gnav > li.menu-item-has-children > a > .ttl::after {
    content: "▼";
    display: inline-block;
    margin-left: 0.35em;   /* 文字との間隔 */
    font-size: 1em;        /* 文字と同じくらいの大きさ */
    line-height: 1;
    vertical-align: middle;

    /* ★ここがポイント：文字色をそのまま引き継ぐ */
    color: currentColor !important;
  }
}





@media (min-width: 960px) {

  /* 1階層 ▼ の縦位置を微調整（上に2px） */
  .l-header .c-gnav > li.menu-item-has-children > a > .ttl::after,
  #fix_header .c-gnav > li.menu-item-has-children > a > .ttl::after {
    position: relative;
    top: -1px;      /* 上に2px 上げる */
  }

}







/* 全部アンダーラインが消える 
.l-header .c-gnav > li > a::after {
  background: none !important;
}
*/

/* カレントの下線を消す（SWELLのよくあるパターン） */
.current-menu-item > a::after,
.current_page_item > a::after,
.current-menu-parent > a::after,
.current_page_parent > a::after,
.current_page_ancestor > a::after {
    content: none !important;
}



/* メイン画像ｃキャッチコピーを下げる */
@media (min-width: 600px) {
  .p-mainVisual__slideTitle {
    transform: translateY(25px) !important;
  }
}

/* メイン画像の上のサブキャッチコピーを下げる */
@media (min-width: 600px) {
  .p-mainVisual__slideText {
    transform: translateY(25px) !important;
  }
}


/*  */
/* PC用 キャッチフレーズの文字色を黒に */
@media (min-width: 600px) {
  .l-header .c-catchphrase,
  .l-header .c-catchphrase a {
    color: #000 !important;
    text-shadow: none;  /* 白文字用の影が入っているようなら消す */
  }
}






/* SWELLフッター全体に背景画像 */
#footer .l-footer__widgetArea {
  background-image: url('http://gack.co.jp/rose/wp-content/uploads/roselife_p.jpg');
  background-repeat: no-repeat;
  background-size: cover;       /* 全体に広げる */
  background-position: center;  /* 中央に配置 */
}


/* ページタイトル（c-pageTitle）を白文字＋黒シャドウに */
/* 見出しタイトル（swl-inline-color）を白文字＋黒シャドウに */
/* SWELL のタイトル（H2）を白文字＋黒シャドウに統一 */
.c-pageTitle,
h2.wp-block-heading,
.swl-inline-color/* ,
.swl-fz */ {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}


.fz-lg {
    font-size: 28px; 
    color: #000 !important;
    text-shadow: none !important;
}



/* ホームのご利用料金の内容をPCだけ右にずらす */
.my250{
margin:0 50px !important;
}
@media (min-width: 960px) {
.my250{
margin:0 220px !important;
}
}



/* PC表示のとき、リッチカラム内の画像の高さをそろえる */

  .rich-equal .wp-block-image {
    height: 180px;               /* ここが「画像エリアの高さ」 お好みで調整 */
    display: flex;
    align-items: flex-end;       /* 画像を下揃え（上がそろいやすい） */
    justify-content: center;
  }

  .rich-equal .wp-block-image img {
    max-height: 100%;
    width: auto;
    object-fit: contain;         /* 画像がはみ出さないように */
  }




/* リッチカラムの左右マージンを端末ごとに切り替える */
.rich-margin {
    margin-left: 10px;
    margin-right: 10px;
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) {
    .rich-margin {
        margin-left: 20px;
        margin-right: 20px;
    }
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
    .rich-margin {
        margin-left: 60px;   /* ここを自由に調整 */
        margin-right: 60px;  /* PCの左右マージン */
    }
}




/* 段落の左右マージンを端末ごとに切り替える */
.p-margin {
    margin-left: 20px;
    margin-right: 20px;
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) {
    .p-margin {
        margin-left: 110px;
        margin-right: 110px;
    }
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
    .p-margin {
        margin-left: 110px;   /* ここを自由に調整 */
        margin-right: 110px;  /* PCの左右マージン */
    }
}


/* SPメニュー：親（子を持つ項目）の「文字エリア」も手にする */
@media (max-width: 959px) {

  /* SPメニュー内：子を持つ1階層/2階層のa（href無しでも） */
  .p-spMenu .c-spnav .menu-item-has-children > a,
  .p-spMenu .c-spnav .menu-item-has-children > a .ttl {
    cursor: pointer !important;
  }

  /* 念のため：トグルボタン側も手にする */
  .p-spMenu .c-spnav .c-submenuToggleBtn {
    cursor: pointer !important;
  }
}


/* ============================
   PC：2階層（孫を持つ項目）の「△以外（文字エリア）」も手マークにする
   ============================ */
@media (min-width: 960px) {

  /* 通常ヘッダー */
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a,
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a > .ttl,
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a > .ttl * {
    cursor: pointer !important;
  }

  /* fixヘッダー */
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a,
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a > .ttl,
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a > .ttl * {
    cursor: pointer !important;
  }

  /* 念のため：△ボタンも pointer（既にOKならそのまま） */
  .l-header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn,
  #fix_header .c-gnav .sub-menu > li.menu-item-has-children > a > .c-submenuToggleBtn {
    cursor: pointer !important;
  }
}


/* SPのみ：メインビジュアルのテキストを下にずらす */
@media screen and (max-width: 767px) {
  .p-mainVisual__textLayer {
    margin-top: 20px;
  }
}