@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:0 !important;
margin-bottom: 0 !important;
}
.mt5{
margin-top:5 !important;
margin-bottom: 5 !important;
}
.mt10{
margin-top:10 !important;
margin-bottom: 10 !important;
}
.mt15{
margin-top:15 !important;
margin-bottom: 15 !important;
}
.mt20{
margin-top:20 !important;
margin-bottom: 20 !important;
}
.mt25{
margin-top:25 !important;
margin-bottom: 25 !important;
}
.mt30{
margin-top:30 !important;
margin-bottom: 30 !important;
}




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


.my40{
margin:0 40 !important;
}
.my50{
margin:0 50 !important;
}
.my60{
margin:0 60 !important;
}
.my70{
margin:0 70 !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;

}

/* メニューのアンダーライン復活との太さと色*/
.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; /* 線太さを少し太めに変更 */
}