@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD Aoi
    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
*/



/*ヘッダー　幅いっぱい*/
#header > div.l-header__inner.l-container {
	max-width:100%;
}

/*追従ヘッダー　幅いっぱい*/
.l-fixHeader__inner {
max-width:100%;
}


/*ヘッダー　ボタンの改行禁止*/
.my-button-nobr{
	white-space: nowrap;
}


/*問い合わせ用ボタン　背景色変更*/
.is-style-btn_normal.toiawase{
	--the-btn-bg:#0033cc;
	white-space : nowrap;
}

/*グローバルメニュー　左に合わせる*/
.c-gnav>.menu-item>.sub-menu {
    left:100%;
}

/*グローバルメニュー　>を非表示*/
.c-gnav .sub-menu a:before, .c-listMenu a:before {
   content:none;	
}
/*トップページ専用H1*/
.top-page-title {
    font-size: 0.7em;
    color: #555;
    font-weight: normal;
    margin: 0;
}

/*固定ページ　h1タイトル　文字設定*/
/*透過背景*/
.l-topTitleArea__body {
	background:rgba(255,255,255,0.6);
}
.l-topTitleArea h1.c-pageTitle{
  text-shadow:2px 0 0 #fff,0 1px 0 #fff,-2px 0 0 #fff,0 -1px 0 #fff,2px 2px 0 #fff;
  color:#000;
  font-family: 'Noto Sans JP'
}

.c-pageExcerpt{
	color:black;
	text-shadow:2px 0 0 #fff,0 1px 0 #fff,-2px 0 0 #fff,0 -1px 0 #fff,2px 2px 0 #fff;
}


/*固定ページ　タイトル　文字設定　ここまで*/


/*スライダーのタイトル設定*/
.p-postSlider__title{
	font-size:1.2em;
	font-weight: normal;
  color: #6495ED;/*文字色*/
  border-top: solid 3px #6495ED;/*上線*/
  border-bottom: solid 3px#6495ED;/*下線*/
}

/*TOPページh2　タイトル*/
.top-h2-000 {
	font-size:1.6em;
	  text-shadow    : 
       2px  2px 1px #595959,
      -2px  2px 1px #595959,
       2px -2px 1px #595959,
      -2px -2px 1px #595959,
       2px  0px 1px #595959,
       0px  2px 1px #595959,
      -2px  0px 1px #595959,
       0px -2px 1px #595959; 
}

.top-h2-000 {
	text-shadow: #808080 2px 0, #808080 -2px 0, #808080 0 -2px, #808080 0 2px, #808080 2px 2px, #808080 -2px 2px, #808080 2px -2px, #808080 -2px -2px, #808080 1px 2px, #808080 -1px 2px, #808080 1px -2px, #808080 -1px -2px, #808080 2px 1px, #808080 -2px 1px, #808080 2px -1px, #808080 -2px -1px;
	color:#fff;
    letter-spacing:0.3em;
}

.top-h2-001 {
text-shadow: #808080 2px 0, #808080 -2px 0, #808080 0 -2px, #808080 0 2px, #808080 2px 2px, #808080 -2px 2px, #808080 2px -2px, #808080 -2px -2px, #808080 1px 2px, #808080 -1px 2px, #808080 1px -2px, #808080 -1px -2px, #808080 2px 1px, #808080 -2px 1px, #808080 2px -1px, #808080 -2px -1px;
    letter-spacing:0.3em;
}





.top-h2-002 {
	text-shadow: #808080 2px 0, #808080 -2px 0, #808080 0 -2px, #808080 0 2px, #808080 2px 2px, #808080 -2px 2px, #808080 2px -2px, #808080 -2px -2px, #808080 1px 2px, #808080 -1px 2px, #808080 1px -2px, #808080 -1px -2px, #808080 2px 1px, #808080 -2px 1px, #808080 2px -1px, #808080 -2px -1px;
    letter-spacing:0.3em;
}

.top-h2-002:before {
  content: "";
  position: absolute;
  background: #ff69b4;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

.top-h2-003 {
	text-shadow: #ffffff 2px 0, #ffffff -2px 0, #ffffff 0 -2px, #ffffff 0 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
    letter-spacing:0.2em;
}

.top-h2-003:before {
  content: "";
  position: absolute;
  background: #3cb371;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

/*固定ページh2　タイトル*/
.title-h2-000 {
  position: relative;
  padding: 0.6em;
  background: #85cdf7;
  color: white;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
}

.title-h2-000:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #85cdf7;
  width: 0;
  height: 0;
}

.title-h2-001 {
  position: relative;
  padding: 0.6em;
  background: #dfefff;
  color: white;
  font-size:1.3em;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
}

.title-h2-001:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #dfefff;
  width: 0;
  height: 0;
}

.title-h2-002 {
  position: relative;
  padding: 0.6em;
  background: #ffd7b3;
  color: white;
  font-size:1.3em;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
}

.title-h2-002:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffd7b3;
  width: 0;
  height: 0;
}

.title-h2-003 {
  position: relative;
  padding: 0.6em;
  background: #ffe6f2;
  color: white;
  font-size:1.3em;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
}

.title-h2-003:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffe6f2;
  width: 0;
  height: 0;
}

.title-h2-004 {
  position: relative;
  padding: 0.6em;
  background: #b8e6c9;
  color: white;
  font-size:1.3em;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
}

.title-h2-004:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #b8e6c9;
  width: 0;
  height: 0;
}


/*固定ページ　h3 スケッチ風装飾*/
.title-h3-0000{
  margin-left:0.5rem;
  position: relative;
  font-size:1.1rem;
  font-weight:normal;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #fff;
}

.title-h3-0000:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.title-h3-0001{
  margin-left:0.5rem;
  position: relative;
  font-size:1rem;
  font-weight: normal;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
  background: #ffe5cc;
  box-shadow: 0px 0px 0px 5px #ffe5cc;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #fff;
}

.title-h3-0001:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #ffd699;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}


.title-h3-0002{
  margin-left:0.5rem;
  position: relative;
  font-size:1.1rem;
  font-weight: normal;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
  background: #ffe6f2;
  box-shadow: 0px 0px 0px 5px #ffe6f2;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #fff;
}

.title-h3-0002:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #ffb3d7;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.title-h3-0003{
  margin-left:0.5rem;
  position: relative;
  font-size:1.1rem;
  font-weight:bold;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
  background: #b8e6c9;
  box-shadow: 0px 0px 0px 5px #b8e6c9;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #fff;
}

.title-h3-0003:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #45cc82;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/*サイトマップ　ページ一覧　タイトル*/
.wsp-pages-title{
　position: relative;
  padding: 0.6em;
  background: #85cdf7;
  color: white;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
}

.wsp-pages-title:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #85cdf7;
  width: 0;
  height: 0;
}

/*サイトマップ　投稿一覧　タイトル*/
.wsp-posts-title{
　position: relative;
  padding: 0.6em;
  background: #85cdf7;
  color: white;
  text-shadow: #696969 2px 0, #696969 -2px 0, #696969 0 -2px, #696969 0 2px, #696969 2px 2px, #696969 -2px 2px, #696969 2px -2px, #696969 -2px -2px, #696969 1px 2px, #696969 -1px 2px, #696969 1px -2px, #696969 -1px -2px, #696969 2px 1px, #696969 -2px 1px, #696969 2px -1px, #696969 -2px -1px;
}

.wsp-posts-title:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #85cdf7;
  width: 0;
  height: 0;
}


/*サイトマップ　カテゴリ　タイトル*/
.wsp-category-title{
	border-bottom: solid 5px #87cefa;
}
/*ブログ h1 タイトル*/
.c-postTitle__date {
	background: #eaf3ff;/*背景色*/
}
.c-postTitle__ttl{
　padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}

.c-postTitle__date {
	padding: .5em .75em .5em 1em;
}



/*ブログ カテゴリ　h1 タイトル*/
.l-mainContent__inner h1.c-pageTitle{
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}


/*Pタグ　タイトル風　チェック*/
.like-title000 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
  font-size:1.1em;
  font-weight:bold;
}

.like-title000:before {
  font-family: "Font Awesome 6 Free";
  content: "\f111";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #dfefff; /*アイコン色*/
  font-weight: 900;
}

.like-title001 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
  font-size:1.1em;
  font-weight:bold;
}

.like-title001:before {
  font-family: "Font Awesome 6 Free";
  content: "\f111";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #fff0d9; /*アイコン色*/
  font-weight: 900;
}

.like-title002 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
  font-size:1.1em;
  font-weight:bold;
}

.like-title002:before {
  font-family: "Font Awesome 6 Free";
  content: "\f111";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ffe6f2; /*アイコン色*/
  font-weight: 900;
}

.like-title003 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
  font-size:1.1em;
  font-weight:bold;
}

.like-title003:before {
  font-family: "Font Awesome 6 Free";
  content: "\f111";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #b8e6c9; /*アイコン色*/
  font-weight: 900;
}


/*----------------contact form7 tableレスポンシブ対応-----------------------*/
.form-notice {
  background: #f5f5f0;
  border-left: 5px solid #0000cd;
  padding: 12px 16px;
  margin-bottom: 20px;
  font-size: 0.9rem;
}

p.center{
	text-align: center;
	margin:1em 3em;
}
.table-contactform7{
  overflow: hidden;
  table-layout: fixed;
  width:100%;
}

.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  font-size:90%;
  border-radius: 3px;
  margin-right: 3px;
}

.unrequired-contactform7{
  padding: 3px;
  background: #BDBDBD;
  color: #fff;
  font-size:80%;
  border-radius: 3px;
  margin-right: 3px;
}

.table-contactform7 th{
  font-weight:bold;
  padding:2px 1rem;
  border:1px solid #000;
}

.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 5px 5px 5px;
}

.address-100 input{
  max-width: 90% !important;
  margin: 5px 5px 5px 5px;
}

.message-100 textarea{
  width: 100%;
  margin: 5px 5px 5px 5px;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    text-align: left;
    width:35%;
    padding:1rem 1rem;
  }

  .table-contactform7 th.family-item{
    font-weight:bold;
    background: #f5f5f5;
    padding-left:5rem;

  }
    .table-contactform7 td{
    width:65%;
    padding:1rem 1rem;
    border:1px solid #000;
  }
   .table-contactform7 th.family{
    font-weight:bold;
    background: #f5f5f5;
    padding-top:5px;
    padding-bottom:5px;

  }

  .table-contactform7 td.kazoku{
    text-align: left;
    padding-left:3rem;
  }

   .table-contactform7 td.no-border{
    font-weight:bold;
    border-style:none;
    font-size:120%;
    padding:20px 0 10px 5px;
  }
 }

@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}

  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  text-align: left;
  padding-top: 0.2rem;
  padding-right:1rem;
  padding-bottom:0.2rem;
  padding-left:0.2rem;
  border: 1px solid #dcdcdc;
  }

  .table-contactform7 td.kazoku{
    width:100%;
    display:block;
    margin: 0 auto;
    text-align: left;
    padding-left:3rem;
  }

.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
 }
  .table-contactform7 td.no-border{
    border-style:none;
    font-size:120%;
    padding-top:10px;
    font-weight:bold;
  }

  .table-contactform7 th.family{
    font-size:1.3rem;
    font-weight:bold;
    background: #f5f5f5;

  }
 .table-contactform7 th.family-item{
    font-weight:bold;
    background: #f5f5f5;
    padding-left:2rem;
  }
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#00bfff;/* ダークブルー*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}


.wpcf7-text.p-postal-code{
	width:30%;
}

/*フッター*/
.l-footer__nav {
  gap: 1em;
  padding: 1em 0 4em;
}

.l-footer__nav a {
  border-right: none;
}

.l-footer__nav li:first-child a {
  border-left: none;
}

.l-footer__nav > li > a {
  font-weight: 700;
  font-size: 14px;
}

.l-footer__nav .sub-menu {
  margin-top: 0.25em;
  display: grid;
  gap: 0.15em;
}

.l-footer__nav .sub-menu > li {
  margin-left: 0.75em;
}

.l-footer__nav .sub-menu > li a {
  padding: 0 0.75em;
  position: relative;
  font-size: 13px;
}

.l-footer__nav .sub-menu > li a::before {
  content: "";
  width: 5px;
  height: 1px;
  background-color: var(--color_footer_text);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .l-footer__nav {
    gap: 0.5em;
    flex-direction: column;
  }

  .l-footer__nav > li:nth-of-type(n + 2) {
    padding-bottom: 0.5em;
  }

  .l-footer__nav > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .l-footer__nav > li > a {
    font-size: 13px;
  }

  .l-footer__nav .sub-menu {
    margin-top: 0.2em;
    gap: 0.5em;
  }

  .l-footer__nav .sub-menu > li a {
    font-size: 12px;
  }
}