@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** フォント設定
************************************/
*{
  letter-spacing: 0.1em;  
}
html{
  font-family: 'Noto Sans JP', sans-serif;
  font-family: 'Roboto', sans-serif;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-family: 'Roboto', sans-serif;
  /* フォントの色 */
  color: #333;
  /* カーニングの設定 */
  /* 行間の設定 */
  line-height: 1.8;
  margin: 0;
  overflow-wrap: break-word;
  /*background-color: #ffffff;*/
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  overflow-x: hidden;
}
#container{
  font-family: 'Noto Sans JP', sans-serif;
  font-family: 'Roboto', sans-serif;
  background-color: rgba(255,255,255,0);/*背景を透明に*/
  overflow-x: hidden;

}
.header-container,
.main,
.sidebar {
  background-color: rgba(255,255,255,0);/*背景を透明に*/
}
.navi {
  background-color: rgba(255,255,255,0);
}
/*480px以下*/
@media screen and (max-width: 480px){
}
/************************************
** デバイス表示制御
************************************/
/*スマホで背景スクロールを禁止にする*/
@media all and (max-width: 1023px) {
  .fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  }
}

.pc-nondisplay{/*PCで非表示*/
    display: none;
}
.sp-nondisplay{/*spで非表示*/
    display: block;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
    .pc-nondisplay{/*spで表示*/
        display: block;
    }
    .sp-nondisplay{/*spで非表示*/
        display: none;
    }
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
    .pc-nondisplay{/*spで表示*/
        display: block;
    }
    .sp-nondisplay{/*spで非表示*/
        display: none;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
    .pc-nondisplay{/*spで表示*/
        display: block;
    }
    .sp-nondisplay{/*spで非表示*/
        display: none;
    }    
}

/************************************
** メインコンテンツ幅いっぱいにする
************************************/
.no-sidebar .wrap {/*サイドバーが非アクティブの場合*/
	width: 100%;
  max-width: 1200px;/*メインコンテンツ全体の幅*/
  margin: 0 auto;  
}
#content{/*#mainの上部マージン*/
	margin-top:0;
}
#main{
  margin-top: 50px;
  border-radius: 20px;
}
#sidebar{
  margin-top: 50px;
  border-radius: 20px;
  z-index: 1;/*背景より前に出す*/
}
#footer{/*#mainの下部マージン*/
	margin-top:0;
}


/************************************
** ヘッダー
************************************/
#header-container{
  font-weight: 800;
}
/*トップページのみ大きなヘッダーロゴ body-top-insert.phpで制御*/
.custom-header-logo{
  position: absolute;
  width: 250px;
  height: 250px;
  z-index: 5;
  background-color: rgba(105,164,129, 1.0);
  border-radius:54% 46% 53% 47% / 55% 43% 65% 50%    ; /*卵型*/ 
  /*border-top-left-radius:0px ;
  border-top-right-radius:0% ;
  border-bottom-left-radius:0% ;
  border-bottom-right-radius:90% ;*/
  display: block;
  left: 20px;
  top:6px;
}
.custom-header-logo::before{
  position: absolute;
  content: "";
  width: 240px;
  height: 240px;
  z-index: 4;
  background-color:#ffffff;
  border-radius:54% 46% 53% 47% / 55% 43% 65% 50% ; /*卵型*/ 
  /*border-top-left-radius:0px ;
  border-top-right-radius:0% ;
  border-bottom-left-radius:0% ;
  border-bottom-right-radius:90% ;*/
  left: 5px;
  top:4px;
}
.custom-header-logo img{
  position: relative;
  display: block;
  height: 180px;
  top:35px;
  margin-left: 50px;  
  z-index: 6;
} 
/*トップページ以外のヘッダーロゴ body-top-insert.phpで制御*/
.custom-header-logo2{
  position: absolute;
  width: 250px;
  height: 110px;
  z-index: 5;
  background-color: rgba(105,164,129, 1.0);
  border-radius:58% 53% 53% 53% / 65% 53% 65% 50%    ; /*卵型*/ 
  /*border-top-left-radius:0px ;
  border-top-right-radius:0% ;
  border-bottom-left-radius:0% ;
  border-bottom-right-radius:90% ;*/
  display: block;
  left: 20px;
  top:6px;
}
.custom-header-logo2::before{
  position: absolute;
  content: "";
  width: 240px;
  height: 100px;
  z-index: 4;
  background-color:#ffffff;
  border-radius:58% 56% 53% 53% / 65% 53% 65% 50% ; /*卵型*/ 
  /*border-top-left-radius:0px ;
  border-top-right-radius:0% ;
  border-bottom-left-radius:0% ;
  border-bottom-right-radius:90% ;*/
  left: 5px;
  top:4px;
}
.custom-header-logo2 img{
  position: relative;
  display: block;
  height: 60px;
  top:25px;
  margin-left: 30px;  
  z-index: 6;
} 
/*ヘッダーロゴ横の「あおぞら」*/
.header_aozora{
  position: absolute;
  display: block;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #69A481;
  left: 0px;
  top: 220px;
}
.header_aozora a{
  text-decoration: none;
  color: #69A481;
  font-size: 16px;  
}
.header_aozora a:hover{
  opacity: 0.7;
}
.header_aozora span{
  font-weight: 700;
}
/*ヘッダーロゴ横の「あおぞら」トップページ以外*/
.header_aozora-otherpage{
  position: absolute;
  display: block;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #69A481;
  left: 0px;
  top: 150px;
}
.header_aozora-otherpage a{
  text-decoration: none;
  color: #69A481;
  font-size: 16px;
}
.header_aozora-otherpage a:hover{
  opacity: 0.7;
}
.header_aozora-otherpage span{
  font-weight: 700;
}

/*追従する時だけ背景表示するメニュー*/
#header-container.fixed-header {/*追従するヘッダー*/
  background:rgba(105,164,129,0.3);
  height: 60px;
  padding-top: 10px;
}
.fixed-header {
  box-shadow: none;/*追従するヘッダーメニューの影を消す*/
}
#header-container.fixed-header a{/*ナビメニュー文字*/
  color: #333333;
}
#header-container.fixed-header span{/*ロゴ文字*/
  color: #FDFBFB;
}
#header-container.fixed-header #navi{/*ナビメニュー背景*/
  background-color: rgba(255,255,255,0);/*背景を透明に*/
}
#navi-in ul li{
  font-size: 12pt;
}
/*トップページだけ読込時は非表示、スクロールで表示されるロゴ*/
#toppagelogo.hidden{
  display: none;
}
#toppagelogo.show{
  display: block;
}
/*ナビメニュー*/
.menu-top.menu-header.menu-pc .item-label{
  padding-top: 10px;
  line-height: 1.2;
}
/*ナビメニュー下に▼つける
.menu-top.menu-header.menu-pc .item-label::after{
  color: #6981A4;
  white-space: pre;
  content:"\A▼";
  font-size: 8pt;
}*/
.menu-top.menu-header.menu-pc .item-label:hover{
  color: rgba(164,105,105, 0.7);
}


/*1023px以下*/
@media screen and (max-width: 1023px){  

  .logo-menu-button.menu-button{/*ロゴを左配置*/
    text-align: left;
  }
  .logo-menu-button.menu-button img{/*ロゴを左配置*/
    position: absolute;
    left: 0;
    padding-left: 15px;
  }
  .mobile-header-menu-buttons-custom-container{/*アコーディオンメニューリンク領域親*/
    position: absolute;
    width:100%;     
  }
  .mobile-header-menu-buttons.mobile-menu-buttons{/*アコーディオンメニューリンク領域*/
    width: 50px;  
    margin: 0 0 0 auto;
    margin-right: 10px;
  }  
  .navi-menu-icon.menu-icon{/*アコーディオンメニューの”メニュー”文字を消した分、下に移動*/
    padding-top: 10px;
    text-align: right;
  }
  .navi-menu-icon.menu-icon .fa.fa-bars{
    background-color: rgba(105,164,129, 1.0);
    color: #FDFBFB;
    font-size: 25px;
    width: 50px;
    height: 50px;
    border-radius: 54% 44% 48% 65% / 55% 45% 45% 63% ; /*卵型*/ 
    text-align: center;
    padding-top: 8px;
  }
  .mobile-header-menu-buttons .navi-menu-caption.menu-caption{ /*アコーディオンメニューの「MENU」文字*/ 
    margin-top: -18px;
    color: #FDFBFB;
  }
  .navi-menu-content {/*アコーディオンメニューを右から出す*/
    left: auto;
    right: 0;
    transform: translateY(-100%) translateX(105%);
    opacity: 0;
  }
/*閉じる用の薄黒カバー*/#navi-menu-close,
#sidebar-menu-close,
#search-menu-close,
#share-menu-close,
#follow-menu-close {
  display: none;
  /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;
  /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  transition: .3s ease-in-out;
}

/*モバイルスライドインメニュー中身*/
#navi-menu-content{
  overflow-x: hidden;
}
.menu-content {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  z-index: 9999;
  /*最前面に*/
  width: 100%;
  /*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 65%;
  /*最大幅（調整してください）*/
  height: 100%;
  background: #FDFBFB;
  /*背景色*/
  transition: .3s ease-in-out;
  /*滑らかに表示*/
  opacity: 1;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.menu-content .menu-drawer {
  padding: 0 1em 30px;
}
.menu-drawer ul {
  list-style: none;   
}
.menu-drawer li {
  display: block;
}
.menu-drawer a {
  display: inline-block;
  color: #333;
  text-decoration: none;
    font-size: 15px;
}
.menu-drawer a:hover {
  display: inline-block;
  background-color: rgba(105,164,129,0.7);
  transition: all 0.3s ease-in-out;
}
.menu-drawer .sub-menu {
  padding-left: 20px;
}
.menu-close-button {
  display: block;
  cursor: pointer;
  text-align: center;
  font-size: 2em;  
}

  /*★★モバイルメニューに追加のコンテンツ★★*/
  /*基本のCSS*/
  .mobileAddMenu{
    position: relative;
    display: block;
    margin-top: 30px;
  }
  /*電話番号*/
  .mobileAddMenu-inline{
    display:inline;     
  }
  .menu-drawer .mobileAddMenu-inline a{
    font-size: 15px;
  }  
  .menu-drawer .mobileAddMenu-inline a:hover{
     display: block;
     width: 100%;
     color: #69A481;
     background-color: rgba(255,255,255,0);/*背景を透明に*/
  }
    /*通販バナー（本番で画像を入れ替える）*/
  .menu-drawer .mobileAddMenu-banner{
    position: absolute;
    display: none;/*ECサイトが本番かどうするまで非表示にする*/
    width: 100%;
    max-width:100% ;
    height: 100px;    
    background-image:url("https://aozora-sora.co.jp/wp-content/uploads/2021/11/ban_aozora-marche_w600xh141-min.webp");
    background-size: contain;
    background-position:50% 50%;
    background-repeat:no-repeat;          
  }
  .menu-drawer .mobileAddMenu-banner a:hover{
     display: block;
     width: 100%;
     height: 100%;
     background-color: #ffffff;
     opacity: 0.7;
   }    
  /*用途に応じて、クラスを追加する*/
  .mobileAddMenu.heading{
    position: relative;
    display: block;
    font-size: 15px;
    margin-top: 30px;
    cursor:default ;    
  }
  .mobileAddMenu.heading a{
    position: relative;
    display: block;
    font-size: 15px;
    margin-top: 30px;
    cursor:default ;    
  }
  /*リンクを無効化、ホーバー時の挙動をリセット*/
  .menu-drawer .mobileAddMenu a:hover{
    background-color: rgba(255,255,255,0);/*背景を透明に*/
    cursor:default ;
  }
  /*背景装飾*/
  .mobileAddMenu-BG{
    position: absolute;
    display: block;
    width: 95%;
    height: 100%;
    bottom: 0;
    background-image:url("https://aozora-sora.co.jp/_img/creative-asset/illust_sentaku_69A481.png");
    background-size:contain ;
    background-position:bottom;
    background-repeat:no-repeat; 
    z-index: -1; 
  }
  /*右上背景のふわふわ装飾1（もう一つは本体の背景）*/
  .menu-drawer li.mobileAddMenu-surface-right{
    position: absolute;
    width: 500px;
    height: 500px;
    z-index: -1;
    background-color: rgba(105,129,164, 0.1);
    border-radius:54% 46% 53% 47% / 55% 43% 65% 50% ; 
    display: block;
    right: -150px;
    top:-200px;
    animation: fluffy1 10s ease infinite;  
  }  
  /*リンクを無効化、ホーバー時の挙動をリセット*/
  .menu-drawer .mobileAddMenu-BG a:hover{
    background-color: rgba(255,255,255,0);/*背景を透明に*/
    cursor:default ;
  }
  /*ボーダーを付ける場合、設定する*/
  /*親リスト*/
  .menu-drawer .borderBottom_parent  a{
    border-bottom: none;
    border-radius: 0;
    padding: 0;
    margin: 0;    
  }
  .menu-drawer .borderBottom_parent  a::before{
    content: "●";
    color: #6981A4;
    padding: 0;
    margin: 0;
    padding-right: 10px;
  }
  /*子リスト*/
  .menu-drawer .borderBottom_child  a{
    border-bottom: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
  }
  .menu-drawer .borderBottom_child  a::before{
    content: "・";
    color: #6981A4;
    padding: 0;
    margin: 0; 
    padding-right: 10px;
  }
  .lastChild_padding{
    padding-bottom: 10px;
  } 
  /*リスト内の子リスト横並びで表示*/
  .menu-drawer .listinmenu_parent{
    position: absolute;
    right:120px;
    top:19px;
  }
  /*リスト内の子リスト横並びで表示*/
  .menu-drawer .listinmenu_parent{

  }  
  /*リスト内の子リストの親*/
  .menu-drawer .listinmenu_parent .bigcircle a::before{
    display: inline;
    content: "●";
    color: #6981A4;
    padding: 0;
    margin: 0;
    padding-right: 10px;
  }
  /*リスト内の子リストの親*/
  .menu-drawer .listinmenu_parent .smallcircle a::before{
    display: inline;
    content: "・";
    color: #6981A4;
    padding: 0;
    margin: 0; 
    margin-left: 20px;
    padding-right: 10px;
  } 
  /*★★モバイルメニューに追加のコンテンツ end★★*/


  .mobile-header-menu-buttons {
		background:rgba(255,255,255,0);
    box-shadow: none;/*追従するヘッダーメニューの影を消す*/  
	}
  .header-container-in.hlt-top-menu{
    height: 20px;
  }
 
  /*ヘッダーロゴ body-top-insert.phpで制御*/
  .custom-header-logo{
    position: absolute;
    width: 130px;
    height: 130px;
    z-index: 3;
    background-color: rgba(105,164,129, 1.0) ;
    border-radius:54% 46% 53% 47% / 55% 43% 65% 50%    ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    display: block;
    left: 3px;
    top:6px;
  }
  .custom-header-logo::before{
    position: absolute;
    content: "";
    width: 120px;
    height: 120px;
    z-index: 2;
    background-color:rgba(253,251,251,1.0);
    color: #ffffff;
    border-radius:54% 46% 53% 47% / 55% 43% 65% 50% ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    left: 5px;
    top:4px;
  }
  .custom-header-logo img{
    position: relative;
    display: block;
    height: 100px;
    top:15px;
    margin-left: 20px;  
    z-index: 4;
  } 
  /*トップページ以外のヘッダーロゴ body-top-insert.phpで制御*/
  .custom-header-logo2{
    position: absolute;
    width: 150px;
    height: 80px;
    z-index: 3;
    background-color: rgba(105,164,129, 1.0);
    border-radius:54% 53% 53% 47% / 65% 53% 65% 50%    ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    display: block;
    left: 10px;
    top:6px;
  }
  .custom-header-logo2::before{
    position: absolute;
    content: "";
    width: 140px;
    height: 70px;
    z-index: 2;
    background-color:rgba(253,251,251,1.0) ;
    border-radius:54% 56% 53% 47% / 65% 53% 65% 50% ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    left: 4px;
    top:4px;
  }
  .custom-header-logo2 img{
    position: relative;
    display: block;
    height: 40px;
    top:18px;
    margin-left: 12px;  
    z-index: 4;
  }   
  /*ヘッダーロゴ横の「あおぞら」*/
  .header_aozora-sp{
    position: absolute;
    display: block;
    color: #69A481;
    left: 145px;
    top: 35px;
  }
  .header_aozora-sp a{
    text-decoration: none;
    color: #69A481;
    font-size: 14px;  
  }
  .header_aozora-sp a:hover{
    opacity: 0.7;
  }
  .header_aozora-sp span{
    font-size: 16px;
    font-weight: 700;
  }  
  /*ヘッダーロゴ横の「あおぞら」トップページ以外*/
  .header_aozora-otherpage-sp{
    position: absolute;
    display: block;
    color: #69A481;
    left: 165px;
    top: 35px;
  }
  .header_aozora-otherpage-sp a{
    text-decoration: none;
    color: #69A481;
    font-size: 14px;  
  }
  .header_aozora-otherpage-sp a:hover{
    opacity: 0.7;
  }
  .header_aozora-otherpage-sp span{
    font-weight: 700;
  }  
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/*ヘッダーロゴ body-top-insert.phpで制御*/
  .custom-header-logo{
    position: absolute;
    width: 130px;
    height: 130px;
    z-index: 3;
    background-color: rgba(105,164,129, 1.0) ;
    border-radius:54% 46% 53% 47% / 55% 43% 65% 50%    ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    display: block;
    left: 3px;
    top:6px;
  }
  .custom-header-logo::before{
    position: absolute;
    content: "";
    width: 120px;
    height: 120px;
    z-index: 2;
    background-color:rgba(253,251,251,1.0);
    color: #ffffff;
    border-radius:54% 46% 53% 47% / 55% 43% 65% 50% ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    left: 5px;
    top:4px;
  }
  .custom-header-logo img{
    position: relative;
    display: block;
    height: 100px;
    top:15px;
    margin-left: 20px;  
    z-index: 4;
  } 
  /*トップページ以外のヘッダーロゴ body-top-insert.phpで制御*/
  .custom-header-logo2{
    position: absolute;
    width: 150px;
    height: 80px;
    z-index: 3;
    background-color: rgba(105,164,129, 1.0);
    border-radius:54% 53% 53% 47% / 65% 53% 65% 50%    ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    display: block;
    left: 10px;
    top:6px;
  }
  .custom-header-logo2::before{
    position: absolute;
    content: "";
    width: 140px;
    height: 70px;
    z-index: 2;
    background-color:rgba(253,251,251,1.0) ;
    border-radius:54% 56% 53% 47% / 65% 53% 65% 50% ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    left: 4px;
    top:4px;
  }
  .custom-header-logo2 img{
    position: relative;
    display: block;
    height: 40px;
    top:18px;
    margin-left: 12px;  
    z-index: 4;
  }   
  /*ヘッダーロゴ横の「あおぞら」*/
  .header_aozora-sp{
    position: absolute;
    display: block;
    color: #69A481;
    left: 140px;
    top: 35px;
  }
  .header_aozora-sp a{
    text-decoration: none;
    color: #69A481;
    font-size: 12px;  
  }
  .header_aozora-sp a:hover{
    opacity: 0.7;
  }
  .header_aozora-sp span{
    font-size: 14px;
    font-weight: 700;
  }
  /*ヘッダーロゴ横の「あおぞら」トップページ以外*/
  .header_aozora-otherpage-sp{
    position: absolute;
    display: block;
    color: #69A481;
    left: 160px;
    top: 35px;
  }
  .header_aozora-otherpage-sp a{
    text-decoration: none;
    color: #69A481;
    font-size: 12px;  
  }
  .header_aozora-otherpage-sp a:hover{
    opacity: 0.7;
  }
  .header_aozora-otherpage-sp span{
    font-size: 16px;
    font-weight: 700;
  }  

  /*モバイルスライドインメニュー中身*/
  .menu-content {
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 9999;
    /*最前面に*/
    width: 100%;
    /*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 100%;
    /*最大幅（調整してください）*/
    height: 100%;
    background: #FDFBFB;
    /*背景色*/
    transition: .3s ease-in-out;
    /*滑らかに表示*/
    opacity: 1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }  
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*ヘッダーロゴ body-top-insert.phpで制御*/
  .custom-header-logo{
    position: absolute;
    width: 130px;
    height: 130px;
    z-index: 3;
    background-color: rgba(105,164,129, 1.0) ;
    border-radius:54% 46% 53% 47% / 55% 43% 65% 50%    ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    display: block;
    left: 3px;
    top:6px;
  }
  .custom-header-logo::before{
    position: absolute;
    content: "";
    width: 120px;
    height: 120px;
    z-index: 2;
    background-color:rgba(253,251,251,1.0);
    color: #ffffff;
    border-radius:54% 46% 53% 47% / 55% 43% 65% 50% ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    left: 5px;
    top:4px;
  }
  .custom-header-logo img{
    position: relative;
    display: block;
    height: 100px;
    top:15px;
    margin-left: 20px;  
    z-index: 4;
  } 
  /*トップページ以外のヘッダーロゴ body-top-insert.phpで制御*/
  .custom-header-logo2{
    position: absolute;
    width: 150px;
    height: 80px;
    z-index: 3;
    background-color: rgba(105,164,129, 1.0);
    border-radius:54% 53% 53% 47% / 65% 53% 65% 50%    ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    display: block;
    left: 10px;
    top:6px;
  }
  .custom-header-logo2::before{
    position: absolute;
    content: "";
    width: 140px;
    height: 70px;
    z-index: 2;
    background-color:rgba(253,251,251,1.0) ;
    border-radius:54% 56% 53% 47% / 65% 53% 65% 50% ; /*卵型*/ 
    /*border-top-left-radius:0px ;
    border-top-right-radius:0% ;
    border-bottom-left-radius:0% ;
    border-bottom-right-radius:90% ;*/
    left: 4px;
    top:4px;
  }
  .custom-header-logo2 img{
    position: relative;
    display: block;
    height: 40px;
    top:18px;
    margin-left: 12px;  
    z-index: 4;
  } 
  /*ヘッダーロゴ横の「あおぞら」*/
  .header_aozora-sp{
    position: absolute;
    display: block;
    color: #69A481;
    left: 137px;
    top: 40px;
  }
  .header_aozora-sp a{
    text-decoration: none;
    color: #69A481;
    font-size: 12px;  
  }
  .header_aozora-sp a:hover{
    opacity: 0.7;
  }
  .header_aozora-sp span{
    font-size: 12px;
    font-weight: 700;
  }
  /*ヘッダーロゴ横の「あおぞら」トップページ以外*/
  .header_aozora-otherpage-sp{
    position: absolute;
    display: block;
    color: #69A481;
    left: 160px;
    top: 40px;
  }
  .header_aozora-otherpage-sp a{
    text-decoration: none;
    color: #69A481;
    font-size: 12px;  
  }
  .header_aozora-otherpage-sp a:hover{
    opacity: 0.7;
  }
  .header_aozora-otherpage-sp span{
    font-weight: 700;
  }

  /*★★モバイルメニューに追加のコンテンツ★★*/
  /*基本のCSS*/
  .mobileAddMenu{
    position: relative;
    display: block;
    margin-top: 15px;
  }
  /*電話番号*/
  .mobileAddMenu-inline{
    display:inline;     
  }
  .menu-drawer .mobileAddMenu-inline a{
    font-size: 20px;
  }  
  .menu-drawer .mobileAddMenu-inline a:hover{
     display: block;
     width: 100%;
     height: 100%;
     color: #69A481;
     background-color: rgba(255,255,255,0);/*背景を透明に*/
  }
    /*通販バナー（本番で画像を入れ替える）*/
  .menu-drawer .mobileAddMenu-banner{
    position: absolute;
    display: none;/*ECサイトが本番かどうするまで非表示にする*/
    width: 95%;
    max-width:320px ;
    height: 100px;    
    background-image:url("https://aozora-sora.co.jp/wp-content/uploads/2021/11/ban_aozora-marche_w600xh141-min.webp");
    background-position:50% 50%;
    background-repeat:no-repeat;          
  }
  .menu-drawer .mobileAddMenu-banner a:hover{
     display: block;
     width: 100%;
     height: 100px;  
     background-color: #ffffff;
     opacity: 0.7;
   }    
  /*用途に応じて、クラスを追加する*/
  .mobileAddMenu.heading{
    position: relative;
    display: block;
    font-size: 24px;
    margin-top: 30px;
  }
  /*リンクを無効化、ホーバー時の挙動をリセット*/
  .menu-drawer .mobileAddMenu a:hover{
    background-color: rgba(255,255,255,0);/*背景を透明に*/
    cursor:default ;
  }
  /*背景装飾*/
  .mobileAddMenu-BG{
    position: absolute;
    display: block;
    width: 95%;
    height: 100%;
    bottom: 0;
    background-image:url("https://aozora-sora.co.jp/_img/creative-asset/illust_sentaku_69A481.png");
    background-size:contain ;
    background-position:bottom;
    background-repeat:no-repeat; 
    z-index: -1; 
  }
  /*右上背景のふわふわ装飾1（もう一つは本体の背景）*/
  .menu-drawer li.mobileAddMenu-surface-right{
    position: absolute;
    width: 420px;
    height: 420px;
    z-index: -1;
    background-color: rgba(105,129,164, 0.1);
    border-radius:54% 46% 53% 47% / 55% 43% 65% 50% ; 
    display: block;
    right: -250px;
    top:-130px;
    animation: fluffy1 10s ease infinite;  
  }  
  /*リンクを無効化、ホーバー時の挙動をリセット*/
  .menu-drawer .mobileAddMenu-BG a:hover{
    background-color: rgba(255,255,255,0);/*背景を透明に*/
    cursor:default ;
  }
  .lastChild_padding{
    padding-bottom: 5px;
  } 

}


/************************************
** トップページのイメージ
************************************/


/************************************
** メインビジュアル
************************************/
/*main-before制御ヘッダー下ビジュアル*/
.wireframe-block-1stview{
  max-width:100%;
  height: 90vh;
}
/*固定ページ用*/
.wireframe-block-mainview{
  position: relative;
  /*max-width: 1440px;mac大画面用に外した*/
  width: 95%;
  height: 300px;
  background-color: none;  
  margin: 0 auto; 
  text-align: center;  
  z-index: 2;  
}
.wireframe-block-mainview img{
  width:100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;   
  margin: 0 auto;  
  z-index: 3;  
}
/*メインビジュアルのタイトル文字*/
.wireframe-block-mainview p{
  position: absolute;
  display: block;
  color: #333333;
  font-size: 3.0rem;
  font-weight: 500;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  white-space: nowrap;
  line-height: 2;
}
.wireframe-block-mainview p span{
  background-color: rgba(253,251,251, 0.9);
  border-radius: 50%;
  padding: 10px;  
  padding-left: 15px;
  padding-right:15px ;
  margin: 10px;
  border: solid 3px #69A481; 
}

/*footer.php制御フッターバナー*/
.wireframe-block-banner{
  position: relative;
  display: block;
  max-width:1920px;
  width: 100%;
  max-height: 450px;
  height: auto;
  object-fit: contain;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.wireframe-block-banner:hover{
  opacity: 0.7;
  cursor: pointer;
}
.wireframe-block-banner img{
  max-width:1920px;
  width: 100%;
  max-height: 450px;
  height: auto;
  object-fit: contain; 
} 
.wireframe-block-banner p{
  position: absolute;
  display: block;
  width: 100%;
  font-size: 2.5rem;
  font-weight: 500;
  color: #FDFBFB;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
.wirefreme-spacer{
  height: 80px;
  content: "";
  background-color: rgba(255,255,255,0);/*背景透明化*/
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*メインビジュアルのタイトル文字*/
  .wireframe-block-mainview p{
    font-size: 2.2em;
    font-weight: 500;
    line-height: 2;
  }
  .wireframe-block-mainview p span{
    padding: 10px;  
    padding-left: 15px;
    padding-right:15px;
    margin: 10px;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*メインビジュアルのタイトル文字*/
  .wireframe-block-mainview p{
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 2.2;
  }
  .wireframe-block-mainview p span{
    padding: 3px;  
    padding-left: 5px;
    padding-right:5px ;
    margin: 5px;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*バナー上の白文字*/
  .wireframe-block-banner p{
    font-size: 1.5rem;
  }  
  .white_block-map{
    position: relative;
    display: block;
    width: 100%;
    margin:0;
    padding: 0;
    left: 0;
    right: 0;
  }
  /*メインビジュアルのタイトル文字*/
  .wireframe-block-mainview p{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.5;
  }
  .wireframe-block-mainview p span{
    padding: 3px;  
    padding-left: 5px;
    padding-right:5px ;
    margin: 2px;
  }
}
/************************************
** レスポンシブレイアウト枠
************************************/
/*白背景のブロック*/
.white_block{
  position: relative;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-bottom: 50px;
  margin-top: 50px;
  z-index: 2;
}
/*投稿ページの背景ブロック*/
.white_block-single{
  position: relative;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-bottom: 50px;
  margin-top: 50px;
  z-index: 2;
}
/*白背景のブロック*/
.white_block_absolute{
  width: 100%;
  background-color: #ffffff;  
}
/*ボーダー付きのブロック*/
.white_block-border{
  border: solid 1px rgba(105,164,129,1.0);
  border-radius: 20px;
  padding: 10px;
  padding-bottom:0;
}
.wireframe-block-table{/*親*/
  display: table;
  width: 100%;
  border-collapse:separate;
  border-spacing:10px 0;
  background-color: rgba(255, 255, 255, 0);/*背景透明化*/
}
.wireframe-block-table_dm{/*親*/
  display: table;
  width: 100%;
  border-collapse:separate;
  border-spacing:10px 0;
  background-color: rgba(255, 255, 255, 0);/*背景透明化*/
}
/*20%：80%レイアウト上段*/
.wireframe-block-table-cell-vertical{/*子*/
  display: table-cell;
  /*border: thin solid #666666;*/    
  height: 400px;    
  vertical-align: middle; 
  align-items: center;  
  background-color: rgba(255, 255, 255, 0);/*背景透明化*/ 
}
.wireframe-block-table-cell-vertical:first-of-type{/*width:65%*/
  display: table-cell;
  height: 400px;
  width: 20%; 
  vertical-align: middle;
  align-items: center;      
}
/*20%：95%レイアウト下段*/
.wireframe-block-table-cell-vertical2{/*子*/
  display: table-cell;
  /*border: thin solid #666666;*/    
  height: min-content;    
  vertical-align: middle; 
  align-items: center;
  background-color: rgba(255, 255, 255, 0);/*背景透明化*/  
}
.wireframe-block-table-cell-vertical2:first-of-type{/*width:65%*/
  display: table-cell;
  height: min-content;    
  width: 20%; 
  vertical-align: middle;
  align-items: center; 
  background-color: rgba(255, 255, 255, 0);/*背景透明化*/   
}
/*65%：35%レイアウト*/
.wireframe-block-table-cell{/*子*/
  display: table-cell;
  /*border: thin solid #666666;*/    
  height: 100%;  
  vertical-align: middle;  
  background-color: rgba(255, 255, 255, 0);/*背景透明化*/  
}
.wireframe-block-table-cell:first-of-type{/*width:65%*/
  display: table-cell;
  height: 350px;
  width: 65%; 
  vertical-align: middle;   
}
/*35%：65%レイアウト*/
.wireframe-block-table-cell-reverce{/*子*/
  display: table-cell; 
  height: 350px;    
  vertical-align: middle; 
  background-color: rgba(255, 255, 255, 0);/*背景透明化*/   
}
.wireframe-block-table-cell-reverce:first-of-type{/*width:65%*/
  display: table-cell;
  height: 350px;
  width: 35%; 
  vertical-align: middle;   
}
/*30%：70%レイアウト*/
.wireframe-block-table-3070{/*子*/
  display: table-cell;
  /*border: thin solid #666666;*/    
  height: 100%;  
  vertical-align: middle;  
  background-color: rgba(255, 255, 255, 0);/*背景透明化*/  
}
.wireframe-block-table-3070:first-of-type{/*width:30%*/
  display: table-cell;
  width: 30%; 
  vertical-align: middle;   
}
/*30%：70%レイアウト DMイメージ*/
.wireframe-block-table-3070 img.aozoramarche_dm{
  display: block;  
  width: 100%;  
}
.wireframe-block-table-3070 img.aozoramarche_dm:hover{
  opacity: 0.7;
  transition: 0.5s;
}
/*固定ページ　H3背景画像*/
.heading-decoration-circle{
  position: relative;
  width: 100%;  
  height: 100%;
}
.heading-decoration-circle::before{
  position: absolute;
  display: block;
  background: rgba(255, 255, 255, 0);
  content: "";
  width: 100%;  
  height: 100%;
  left: 0;
  top: 0;
  background-image:url("https://aozora-sora.co.jp/_img/creative-asset/circle_6981A4_painted.png");
  background-size:auto 200px ;
  background-position:100% 0%;
  background-repeat:no-repeat;  
  animation: circle1 20s ease infinite;
}
@keyframes circle1 {
  0% { transform:translateX(0) translateY(0) }
  33% { transform:translateX(20px) translateY(20px) }
  66% { transform:translateX(20px) translateY(-20px) }
  100% { transform:translateX(0) translateY(0) }
}
@keyframes circle0 {
  0% { transform:translateX(0) translateY(0) }
  33% { transform:translateX(-20px) translateY(20px) }
  66% { transform:translateX(-20px) translateY(-20px) }
  100% { transform:translateX(0) translateY(0) }
}
/*固定ページ　H3背景画像左側*/
.heading-decoration-circle-left{
  position: relative;
  width: 100%;  
  height: 100%;
}
.heading-decoration-circle-left::before{
  position: absolute;
  display: block;
  background: rgba(255, 255, 255, 0);
  content: "";
  width: 100%;  
  height: 100%;
  left: 0;
  top: 0;
  background-image:url("https://aozora-sora.co.jp/_img/creative-asset/circle_69A481_painted.png");
  background-size:auto 200px ;
  background-position:0 0;
  background-repeat:no-repeat;  
  animation: circle2 20s ease infinite;
}
@keyframes circle2 {
  0% { transform:translateX(0) translateY(0) }
  33% { transform:translateX(-20px) translateY(20px) }
  66% { transform:translateX(-20px) translateY(-20px) }
  100% { transform:translateX(0) translateY(0) }
}


/*50%:50%のレイアウト枠基本*/
.layoutblock-2column-parent{
  position: relative;
  display: table;
  max-width: 1300px;
  width: 95%;
  border-collapse:separate;
  border-spacing:20px 0;
  margin: 0 auto;
}
.google-map-bg{
  position: relative;
  display: block;
  max-width:100%;
  background-color: rgba(105,164,129,0.3);
  padding: 20px;
}
.google-map-bg iframe{
  width: 100%;
  height: 450px;
  border: none;
}
/*50%:50%のレイアウト枠基本*/
.layoutblock-2column-child{
    display: table-cell;
    /*border: thin solid #666666;*/    
}
.layoutblock-2column-child:first-of-type{
    display: table-cell;
    width: 50%;
    /*border: thin solid #666666;*/     
}
.layoutblock-2column-child .centering{
  width: 100%;
    height: 350px;   
  text-align: center;
  vertical-align: middle;
}
/*4カラムのレイアウト枠基本*/
.layoutblock-4column-child{
    display: table-cell;
    /*border: thin solid #666666;*/    
}
.layoutblock-4column-child:first-of-type{
    display: table-cell;
    width: 25%;
    /*border: thin solid #666666;*/     
}
/*画像オブジェクトFIT*/
.img-table-cell-block{/*子ブロック内画像要素の親*/
  height: 100%;
  width: 100%; 
}
.img-table-cell-block img{/*子ブロック内画像要素*/
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px; 
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .wireframe-heading-hover.hiddenmobile,.wireframe-block-border.hiddenmobile{
      display: none;
  }
  .wireframe-block-table{/*親*/
    display: flex;      
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;          
    flex-direction: column;
  }
  /*20%：95%レイアウト上段*/
  .wireframe-block-table-cell-vertical{/*子*/
      display: block;
      width: 100%;
      height: min-content;
      order: 1;   
  }
  .wireframe-block-table-cell-vertical:first-of-type{/*width:65%*/
      display: block;
      width: 100%;
      height: min-content;
      order: 2; 
  }
  /*20%：95%レイアウト下段*/
  .wireframe-block-table-cell-vertical2{/*子*/
      display: block;
      width: 100%;
      height: min-content;
      order: 2;
      background-color: rgba(255,255,255,0);/*背景を透明化*/
  }
  .wireframe-block-table-cell-vertical2:first-of-type{/*width:65%*/
      display: block;
      width: 100%;
      height: min-content;
      order: 1;  
  }
  /*65%：35%レイアウト flexの子*/
  .wireframe-block-table-cell{/*テキストorder2*/
      display: block;
      width: 100%;
      height: auto;
      order: 2;     
      -ms-flex-order:2;
      -webkit-order:2;               
  } 
  .wireframe-block-table-cell:first-of-type{/*写真order1*/
      display: block;
      width: 100%;
      order: 1;   
      -ms-flex-order:1;
      -webkit-order:1;        
    }       
  /*35%：65%レイアウト*/
  .wireframe-block-table-cell-reverce{/*写真order1*/
      display: block;
      width: 100%;      
      order: 1;
      -ms-flex-order:1;
      -webkit-order:1;                    
  }
  .wireframe-block-table-cell-reverce:first-of-type{/*テキストorder2*/
      display: block;
      width: 100%; 
      height: auto;
      order: 2; 
      -ms-flex-order:2;
      -webkit-order:2;                   
  }
  /*固定ページ　H3背景画像 flexの子*/
  .wireframe-block-table .heading-decoration-circle{  
  }
  /*固定ページ　H3背景画像*/
  .wireframe-block-table .heading-decoration-circle::before{
    background-size:auto 200px ;
    background-position:0% 90%;    
    animation: circle1 20s ease infinite;
  }
  @keyframes circle1 {
    0% { transform:translateX(0) translateY(0) }
    33% { transform:translateX(-20px) translateY(20px) }
    66% { transform:translateX(-20px) translateY(-20px) }
    100% { transform:translateX(0) translateY(0) }
  }
  /*固定ページ　H3背景画像 orderの親になる*/
  .wireframe-block-table .heading-decoration-circle-left{
    display: flex;      
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;          
    flex-direction: column;  
  }  
  /*固定ページ　H3背景画像左側*/
  .wireframe-block-table .heading-decoration-circle-left::before{
    background-size:auto 200px ;
    background-position:0% 90%; 
    order: 3;
    -ms-flex-order:3;
    -webkit-order:3;       
  } 
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*50%:50%のレイアウト枠基本*/
  .layoutblock-2column-parent{
    display: block;    
    width: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-spacing: 0;
  }
  .layoutblock-2column-child{
    display: block;
    width: 100%;
  }
  .layoutblock-2column-child:first-of-type{ 
    display: block;
    width: 100%;
  } 
  /*DMの30%：70%レイアウト⇒width100%ブロックへ変更*/
  .wireframe-block-table_dm{/*親*/
    display: flex;      
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;          
    flex-direction: column;
  }
  /*30%：70%レイアウト*/
  .wireframe-block-table-3070{/*子*/
    display: block;
    width: 100%; 
    height: auto;
    order: 1;
  }
  .wireframe-block-table-3070:first-of-type{/*width:30%*/
    display: block;
    width: 100%; 
    height: auto;
    order: 2; 
  }
  /*30%：70%レイアウト DMイメージ*/
  .wireframe-block-table-3070 img.aozoramarche_dm{
    display: block;  
    width: 100%;  
  }
  /*固定ページ　H3背景画像 flexの子*/
  .wireframe-block-table .heading-decoration-circle{  
  }
  /*固定ページ　H3背景画像*/
  .wireframe-block-table .heading-decoration-circle::before{
    background-size:auto 200px ;
    background-position:0% 90%;    
    animation: circle1 20s ease infinite;
  }
  @keyframes circle1 {
    0% { transform:translateX(0) translateY(0) }
    33% { transform:translateX(-20px) translateY(20px) }
    66% { transform:translateX(-20px) translateY(-20px) }
    100% { transform:translateX(0) translateY(0) }
  }
  /*固定ページ　H3背景画像 orderの親になる*/
  .wireframe-block-table .heading-decoration-circle-left{
    display: flex;      
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;          
    flex-direction: column;  
  }  
  /*固定ページ　H3背景画像左側*/
  .wireframe-block-table .heading-decoration-circle-left::before{
    background-size:auto 200px ;
    background-position:0% 90%; 
    order: 3;
    -ms-flex-order:3;
    -webkit-order:3;       
  } 
  /*googleマップ*/
  .google-map-bg{
    position: relative;
    display: block;
    width:100%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  } 
  .google-map-bg iframe {
    width:100%;
    height: 400px;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){  
  /*固定ページ　H3背景画像 flexの子*/
  .wireframe-block-table .heading-decoration-circle{  
  }
  /*固定ページ　H3背景画像*/
  .wireframe-block-table .heading-decoration-circle::before{
    background-size:auto 200px ;
    background-position:0% 80%;    
    animation: circle1 20s ease infinite;
  }
  @keyframes circle1 {
    0% { transform:translateX(0) translateY(0) }
    33% { transform:translateX(-20px) translateY(20px) }
    66% { transform:translateX(-20px) translateY(-20px) }
    100% { transform:translateX(0) translateY(0) }
  }
  /*固定ページ　H3背景画像 orderの親になる*/
  .wireframe-block-table .heading-decoration-circle-left{
    display: flex;      
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;          
    flex-direction: column;  
  }  
  /*固定ページ　H3背景画像左側*/
  .wireframe-block-table .heading-decoration-circle-left::before{
    background-size:auto 200px ;
    background-position:0% 80%; 
    order: 3;
    -ms-flex-order:3;
    -webkit-order:3;       
  }     
}


/************************************
** グリッドレイアウト
************************************/
/*3カラムブロック*/
.responsive_grid3 {
    position: relative;
    display: grid;
    background-color: #ffffff;
    /*grid-template-columns: 1fr 1fr 1fr;*/
    grid-template-columns: repeat(auto-fit, 30%);
    justify-content: center;
    grid-row-gap:100px;
    gap: 30px;
}
/*3カラムブロックのitem*/
.responsive_item3{
  padding: 10px;
}
.responsive_item3 a{
    color: inherit;
    text-decoration: none;
}
.responsive_item3 img {
    width:100%;
    height: auto;
    object-fit: cover;
} 
.responsive_item3 img:hover {
    opacity: 0.7;
    transition: 0.5s;
}
.responsive_item3 .itemTitle{
  font-size: 2.0rem;
    text-decoration: none;  
    margin-bottom: 30px;
}
.responsive_item3 .itemDetal{
  font-size: 1.0rem;
  text-decoration: none;
  background-color: #FDFBFB;
  padding: 20px;
  border-radius: 20px;    
  margin-bottom: 10px;  
}
/*価格表示*/
.price_block{
  text-align: right;
  font-size: 1.5rem;
  color: #A46969;
  font-weight: 500;
  padding-bottom: 20px;
}
.price_block span.tax{
  font-size: 1.0rem;
  color: #333333;
}
/*ボタン周りの親ブロック*/
.button_block{
  text-align: right;  
}
/*ボタン下の説明書き*/
.button_description{
  font-size: 1.0rem;
  color: #A46969;
  font-weight: 700;
  padding-top: 5px;
}

    @media screen and (max-width:768px){  
        /*3カラムブロック*/
        .responsive_grid3 {
            grid-template-columns: repeat(auto-fit, 47%);
            gap:10px;
        }       
    }

    @media screen and (max-width:480px){ 
        /*3カラムブロック*/
        .responsive_grid3 {
            grid-template-columns: repeat(auto-fit, 100%);
            gap:10px;
            grid-row-gap:100px;
        }   
        .responsive_item3 .itemDetal{
          margin-bottom: 10px;
        }              
    }

/************************************
** 記事内テキストHTML関連CSS
************************************/
/*各見出しのパディング調整スペーサー（必要なら追加）*/
div.padding-heading{
  display: block;
  height: 30px;
}
/*トップページのメッセージ*/
.toppage_massage-area{
  position: relative;
  margin-top: 100px;
}
/*トップページのメッセージ（H1ではないメッセージに付与）*/
.toppage_massage-area p.messe{
  position: relative;
  margin-top: 100px;
  margin-bottom: 0;
  color: #69A481;    
}
/*トップページのメッセージ下のフォント*/
/*.wireframe-block .bolder-text{
  font-size: larger;
}*/
/*インフォメーション大文字*/
#container .text-information{
  font-weight: 500;
  font-size: 3.5rem;
  letter-spacing: 0.1em;
  color: #69A481;
}
#container .text-information a{
  text-decoration: none;
}
.date-tags{/*記事更新日左寄せ*/
  text-align: left;
  padding-bottom: 50px;
  color: rgba(105,129,164,0.5);
}
.page .date-tags{/*固定ページで記事更新日日付非表示*/
  display: none;
}
.text-aligncenter{/*テキストのセンター寄せ*/
  text-align: center;
}

.vertical-heading_parent{/*縦書きの親*/
  display: flex;
  width: 100%;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  align-items: center;
}
/*画像の内側のオフセットボーダー*/
.outline-offset-border{
  position: relative;
  outline: 1px solid #FDFBFB;
  outline-offset: -10px;
}
/*色鉛筆風下線*/
.colored-pencil-border{
  background-repeat: repeat-x;
  background-size: 0.6em 0.2em,1.6em 0.2em,3.4em 0.2em,3.6em 0.2em;
  background-position: right bottom;
  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(105,129,164,0)), color-stop(0.1, rgba(105,129,164,0.02)), color-stop(0.5, rgba(105,129,164,1)), color-stop(0.98, rgba(105,129,164,0)), to(rgba(105,129,164,0)) );
  background-image:
          -webkit-radial-gradient(center center,0.2em 0.1em,rgba(105,129,164,1) 0,rgba(246,89,115,0) 0.1em,rgba(246,89,115,0) 0.2em),
          -webkit-radial-gradient(center center,0.4em 0.1em,rgba(105,129,164,1) 0,rgba(246,89,115,0) 0.3em,rgba(246,89,115,0) 0.4em),
          -webkit-radial-gradient(center center,0.7em 0.1em,rgba(105,129,164,1) 0,rgba(246,89,115,0) 0.6em,rgba(246,89,115,0) 0.7em),
          -webkit-radial-gradient(center center,7.1em 0.1em,rgba(105,129,164,1) 0,rgba(246,89,115,0) 7em,rgba(246,89,115,0) 7.1em);
  background-image:
          radial-gradient(0.2em 0.1em at center center,rgba(105,129,164,1),rgba(246,89,115,0)),
          radial-gradient(0.4em 0.1em at center center,rgba(105,129,164,1),rgba(246,89,115,0)),
          radial-gradient(0.7em 0.1em at center center,rgba(105,129,164,1),rgba(246,89,115,0)),
          radial-gradient(7.1em 0.1em at center center,rgba(105,129,164,1),rgba(246,89,115,0));
}
/*太字で行間隔の空いたテキスト*/
.bolder-text{
  font-weight: 700;
  line-height: 2.2;
}
/*見出しリセット*/
#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6 {
  background-color:inherit ;
  border-width: 0;
  padding: 0;
  margin: 0;
  color: #333;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  background-color:inherit ;
  border-width: 0;
  padding: 0;
  margin: 0;
  color: #333;
}
/*トップページのメッセージ　H1*/
#container .toppage_massage-area h1{
  font-weight: 700;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  padding-bottom: 30px;
}
/*トップページのメッセージ（H1ではないメッセージに付与）*/
#container .toppage_massage-area p.messe{
  font-weight: 700;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  padding-bottom: 30px;
}
/*固定ページ　H1*/
#container h1 {
  font-size: 2.8rem;
  padding-bottom: 20px;  
  color: #69A481;
}
/*固定ページ　H1親ブロック*/
.entry-title-block{
  position: relative;
  width: 100%;
  height: auto;
  text-align: left;
}

/*クレヨン風下線*/
.entry-title-block-creyon-69A481{
  background-image:url("https://aozora-sora.co.jp/_img/creative-asset/brush-line_69A481.png");
  display: inline-block;  
  background-size:auto 9px ;
  background-position:0px 65%;
  background-repeat:repeat-x;
}
.entry-title-block-creyon-6981A4{
  background-image:url("https://aozora-sora.co.jp/_img/creative-asset/brush-line_6981A4.png");
  display: inline-block;  
  background-size:auto 9px ;
  background-position:0px 75%;
  background-repeat:repeat-x;
}
/*投稿ページ　H1*/
#container .white_block-single h1 {
  font-size: 2.0rem;
  padding-bottom: 80px;
  /*クレヨン風下線*/
  background-image:none;/*クレヨン風下線を解除*/
}
/*固定ページ　H2*/
#container h2 {
  font-size: 2.5rem;
  padding-bottom: 20px;
  /*クレヨン画像*/
  background-image:url("https://aozora-sora.co.jp/_img/creative-asset/brush-line_69A481.png");
  display: inline-block;  
  background-size:auto 9px ;
  background-position:0px 65%;
  background-repeat:repeat-x;  
}
/*縦書きの見出し*/
#container .vertical-heading_parent h2{
  background-image:none;/*クレヨン風下線を解除*/  
  font-size: 3.5rem;
}
/*投稿ページ　H2*/
#container .white_block-single h2 {
  font-size: 1.8rem;
  padding-bottom: 20px;  
}
/*アーカイブページ　H2*/
#container .entry-card-content h2{
  display: inline;
  font-size: 1.5rem;
  padding-bottom: 10px;
  background-image:none;    
}
/*固定ページ　H3*/
#container h3 {
  font-size: 2.2rem;
  padding-bottom: 20px;
  color:#69A481;
}
/*トップページのH3とフッターのH3mobileAddMenu-bannerは通常カラー*/
#container h3.toppage_h3Heading,#container h3.footer_h3Heading{
  color:#333333;  
}
/*投稿ページ　H3*/
#container .white_block-single h3 {
  font-size: 1.6rem;
  margin-bottom: 20px; 
  display: inline-block;
  border:solid 5px rgba(105,164,129, 1.0);
  border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;  
  padding: 10px;   
}
/*投稿ページ　H4*/
#container .white_block-single h4 {
  font-size: 1.6rem;
  margin-bottom: 20px;
  display: inline-block;
  border-bottom:solid 5px rgba(105,164,129, 1.0);
  border-radius: 240px 15px 100px 0px / 15px 200px 15px 0px;  
  padding: 10px 10px 0px 10px;    
}
/*投稿ページ　H5*/
#container .white_block-single h5 {
  font-size: 1.6rem;
  margin-bottom: 20px;
  display: inline-block;
  border-bottom: solid 2px rgba(105,164,129, 1.0);
  padding: 10px 10px 0px 10px;    
}
#container .white_block-single h5::before {
  content: "●";
  color: #69A481;
}
/*投稿ページ　H6*/
#container .white_block-single h6 {
  font-size: 1.6rem;
  margin-bottom: 20px;
  color: #69A481;
  display: inline-block;
  border-bottom: solid 2px rgba(128, 128, 128, 1.0);
  padding: 10px 10px 0px 10px;    
}
/*アーカイブタイトル*/
#main .archive-title {
  font-size: 1.5rem;
  margin: 16px 0;
  line-height: 1.3;
  background-image:none;/*クレヨン風下線を解除*/
}
#main .archive-title span {
  margin-right: 10px;
}
/*関連記事ブログカード見出し*/
#container .related-entry-card-title{
  font-size: 1.5rem;
  padding-bottom: 10px;    
}
/*固定ページの投稿者情報*/
.page .author-info{
  display: none;
}

/*リストのスタイル定義*/
li.disc{/*●*/
  list-style-type: disc;
}
li.decimal{/*数字*/
  list-style-type: decimal;
}
li.circle{/*○*/
  list-style-type: circle;
}

/*もっと見る*/
div.more_articleLink{
  position: relative;
  display: block;
  width: 100%;
  text-align: right;
  right: 30px;
}
/*もっと見る白バージョン*/
.more_articleLink_white{
  position: relative;
  display: block;
  width: 100%;
  text-align: right;
  right: 30px;
}

div.more_articleLink i{
  padding-right: 10px;
}
div.more_articleLink a{
  text-decoration: none;
  font-weight: 700;
}
.more_articleLink_white a{
  color:#FDFBFB;
}
div.more_articleLink a:hover{
  color: #A46969;
}
.more_articleLink_white a:hover{
  color:#6981A4;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*インフォメーション大文字*/
  #container .text-information{
    font-weight: 500;
    font-size: 3.0rem;
    letter-spacing: 0.1em;
  }  
  .vertical-heading_parent{/*縦書きの親*/
    display: flex;
    width: 100%;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    align-items: center;
    padding-top: 30px;
  }
  /*トップページのメッセージ*/
  .toppage_massage-area{
    position: relative;
    margin-top: 150px;
  }
  .toppage_massage-area h1{
    font-weight: 500;
    font-size: 3.0rem;
    letter-spacing: 0.1em;
  }
  /*トップページのメッセージ（H1ではないメッセージに付与）*/
  .toppage_massage-area p.messe{
    font-weight: 500;
    font-size: 3.0rem;
    letter-spacing: 0.1em;
  }
  /*固定ページ　H1*/
  #container h1 {
    font-size: 3.0rem;
    padding-bottom: 20px;  
  }
  /*固定ページ　H1親ブロック*/
  .entry-title-block{
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
  }
  /*クレヨン風下線*/
  .entry-title-block-creyon-69A481{
    background-size:auto 9px ;
    background-position:0px 65%;
  }
  .entry-title-block-creyon-6981A4{ 
    background-size:auto 9px ;
    background-position:0px 85%;
  }
  /*固定ページ　H2*/
  #container h2 {
    font-size: 2.5rem;
    padding-bottom: 20px;  
  }
  /*縦書きの見出し*/
  #container .vertical-heading_parent h2{
    color:#69A481;
  }
  /*投稿ページ　H2*/
  #container .white_block-single h2 {
    font-size: 1.8rem;
    padding-bottom: 20px;  
  }
  /*アーカイブページ　H2*/
  #container .entry-card-content h2{
    font-size: 1.5rem;
    padding-bottom: 10px;    
  }
  /*固定ページ　H3*/
  #container h3 {
    font-size: 2.2rem;
    padding-bottom: 20px;      
  }
  /*投稿ページ　H3*/
  #container .white_block-single h3 {
    font-size: 1.6rem;
  }  
  /*投稿ページ　H4*/
  #container .white_block-single h4 {
    font-size: 1.6rem;
  }
  /*投稿ページ　H5*/
  #container .white_block-single h5 {
    font-size: 1.6rem;
  }
  /*投稿ページ　H6*/
  #container .white_block-single h6 {
    font-size: 1.6rem;
  }
  /*アーカイブタイトル*/
  #main .archive-title {
    font-size: 1.5rem;
    margin: 16px 0;
    line-height: 1.3;
  }
  #main .archive-title span {
    margin-right: 10px;
  }
}

@media screen and (max-width: 834px){
  /*インフォメーション大文字*/
  #container .text-information{
    font-weight: 500;
    font-size: 2.5rem;
    letter-spacing: 0.1em;
  }
  /*トップページのメッセージ　H1*/
  #container .toppage_massage-area h1{
    font-weight: 700;
    font-size: 2.5rem;
    letter-spacing: 0.1em;
    padding-bottom: 20px;  
  }
  /*トップページのメッセージ（H1ではないメッセージに付与）*/
  #container .toppage_massage-area p.messe{
    font-weight: 700;
    font-size: 2.5rem;
    letter-spacing: 0.1em;
    padding-bottom: 20px;  
  }
  /*縦書きの見出し*/
  #container .vertical-heading_parent h2{
    background-image:none;/*クレヨン風下線を解除*/  
    font-size: 3.0rem;
  }  
  /*固定ページ　H1*/
  #container h1 {
    font-size: 2.0rem;
    padding-bottom: 20px;  
  }
  /*固定ページ　H1親ブロック*/
  .entry-title-block{
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
  }
  /*クレヨン風下線*/
  .entry-title-block-creyon-69A481{
    background-size:auto 9px ;
    background-position:0px 65%;
  }
  .entry-title-block-creyon-6981A4{ 
    background-size:auto 9px ;
    background-position:0px 85%;
  }
  /*固定ページ　H2*/
  #container h2 {
    font-size: 1.8rem;
    padding-bottom: 20px;  
  }
  /*投稿ページ　H2*/
  #container .white_block-single h2 {
    font-size: 1.6rem;
    padding-bottom: 20px;  
  }
  /*アーカイブページ　H2*/
  #container .entry-card-content h2{
    font-size: 1.2rem;
    padding-bottom: 10px;    
  }
  /*固定ページ　H3*/
  #container h3 {
    font-size: 1.6rem;
    padding-bottom: 20px;  
  }
  /*投稿ページ　H3*/
  #container .white_block-single h3 {
    font-size: 1.4rem;
  }
  /*投稿ページ　H4*/
  #container .white_block-single h4 {
    font-size: 1.4rem;
  }
  /*投稿ページ　H5*/
  #container .white_block-single h5 {
    font-size: 1.4rem;
  }
  /*投稿ページ　H6*/
  #container .white_block-single h6 {
    font-size: 1.4rem;
  }
  /*アーカイブタイトル*/
  #main .archive-title {
    font-size: 1.4rem;
    margin: 16px 0;
    line-height: 1.3;
  }
  #main .archive-title span {
    margin-right: 10px;
  }
}

@media screen and (max-width:480px) {
  /*インフォメーション大文字*/
  #container .text-information{
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
  }
  /*トップページのメッセージ　H1*/
  #container .toppage_massage-area h1{
    font-weight: 700;
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    padding-bottom: 20px;  
  }
  /*トップページのメッセージ（H1ではないメッセージに付与）*/
  #container .toppage_massage-area p.messe{
    font-weight: 700;
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    padding-bottom: 20px;  
  }
  /*縦書きの見出し*/
  #container .vertical-heading_parent h2{
    background-image:none;/*クレヨン風下線を解除*/  
    font-size: 2.5rem;
  }  
  /*固定ページ　H1*/
  #container h1 {
    font-size: 2.0rem;
    padding-bottom: 20px;  
  }
  /*固定ページ　H1親ブロック*/
  .entry-title-block{
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
  }
  /*クレヨン風下線*/
  .entry-title-block-creyon-69A481{
    background-size:auto 9px ;
    background-position:0px 65%;
  }
  .entry-title-block-creyon-6981A4{ 
    background-size:auto 9px ;
    background-position:0px 90%;
  }  
  /*固定ページ　H2*/
  #container h2 {
    font-size: 1.6rem;
    padding-bottom: 20px;  
  }
  /*投稿ページ　H2*/
  #container .white_block-single h2 {
    font-size: 1.6rem;
    padding-bottom: 20px;  
  }
  /*アーカイブページ　H2*/
  #container .entry-card-content h2{
    font-size: 1.2rem;
    padding-bottom: 10px;    
  }
  /*固定ページ　H3*/
  #container h3 {
    font-size: 1.4rem;
    padding-bottom: 20px;  
  }
  /*投稿ページ　H3*/
  #container .white_block-single h3 {
    font-size: 1.4rem;
  }
  /*投稿ページ　H4*/
  #container .white_block-single h4 {
    font-size: 1.4rem;
  }
  /*投稿ページ　H5*/
  #container .white_block-single h5 {
    font-size: 1.4rem;
  }
  /*投稿ページ　H6*/
  #container .white_block-single h6 {
    font-size: 1.4rem;
  }
  /*アーカイブタイトル*/
  #main .archive-title {
    font-size: 1.4rem;
    margin: 16px 0;
    line-height: 1.3;
  }
  #main .archive-title span {
    margin-right: 10px;
  }
}

/************************************
** 装飾
************************************/
/**/
.eye-catch-image.wp-post-image{
  max-width: 450px;
}

/*トップページのイラストワーク*/
.illustwork-block_parent{
  position: relative;
}
.illustwork-block_child{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 50px;
  bottom:150px;
}
.illustwork-block_child img{
  width: auto;
  height: 250px;
}
/*トップページのイラストワーク2*/
.illustwork-block_parent2{
  position: relative;
}
.illustwork-block_child2{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 93%;
  bottom:0px;
}
.illustwork-block_child2 img{
  width: auto;
  height: 250px;
}
/*SNSシェアボタン*/
.sns-share-message{
  color: rgba(164,105,105, 0.8);;
  font-weight: 700;
}

.sns-share-message::before{
  font-family: FontAwesome;
  content: "\f064";
  padding-right: 10px; 
  color: rgba(164,105,105, 0.8);;
}
.share-button.twitter-button,
.share-button.facebook-button,
.share-button.line-button{
  background-color: rgba(128, 128, 128,0.5);
  border-radius:10px;
}
.share-button:hover{
  background-color: rgba(164,105,105, 0.5);
}

/*SNS　フォローボックス*/
.fb-likebox-likebutton{
  position: relative;
  padding-top: 20px;
  margin: 0 auto;
  z-index: 1;
  text-align: center;
}
.fb-likebox-likebutton ul{
  margin-bottom: 0;
}
.fb-likebox-likebutton ul li{
  list-style: none;
  display: inline-block;
  padding: 0;
}
.fb-likebox-likebutton img.instagram{
  height: 29px;
}
.fb-likebox-likebutton img.facebook{
  height: 29px;
}
.fb-likebox-likebutton img.facebook:hover,
.fb-likebox-likebutton img.instagram:hover{
  filter: brightness(80%);
}

/*1280px以下*/
@media screen and (max-width: 1280px){
  .illustwork-block_child2{
    left: 90%;
  }  
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*トップページのイラストワーク*/  
  .illustwork-block_child{
    left: 85%;
    bottom:100px;
  }
  .illustwork-block_child img{
    width: auto;
    height: 200px;
  } 
  /*トップページのイラストワーク2*/
  .illustwork-block_child2{
    left: 85%;
    bottom:-50px;
  }
  .illustwork-block_child2 img{
    width: auto;
    height: 200px;
  }
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*トップページのイラストワーク*/  
  .illustwork-block_child{
    left: 85%;
    bottom:100px;
  }
  .illustwork-block_child img{
    width: auto;
    height: 200px;
  } 
  /*トップページのイラストワーク2*/
  .illustwork-block_child2{
    left: 85%;
    bottom:-50px;
  }
  .illustwork-block_child2 img{
    width: auto;
    height: 200px;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*ブログのアイキャッチ自動挿入*/
  .eye-catch-image.wp-post-image{
    max-width: 100%;
    width:100%;
  }

  /*トップページのイラストワーク*/  
  .illustwork-block_child{
    right: 10%;
    bottom:100px;
  }
  .illustwork-block_child img{
    width: auto;
    height: 150px;
  } 
  /*トップページのイラストワーク2*/
/*トップページのイラストワーク2*/
  .illustwork-block_parent2{
    position: relative;
  }  
  .illustwork-block_child2{
    left: 5%;
    bottom: -520px;
  }
  .illustwork-block_child2 img{
    width: auto;
    height: 150px;
  }
}


/************************************
** アイコン関係
************************************/
.fa-envelope{
  padding-bottom: 5px;
}
.fa-map-marker{
  color: #69A481;
  padding-right: 5px;  
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  .fa-envelope{
    padding-right: 5px;
  }  
}

/*834px以下*/
@media screen and (max-width: 834px){

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** フロー図
************************************/
ul {
  padding: 0;
}
li {
  list-style-type: none;
}
dd {
  margin-left: 0;
}

.flow > li {
  position: relative;
}
.flow > li:not(:last-child) {
  margin-bottom: 40px;
}
.flow > li:not(:first-child)::before {
  content: "";
  height: 60px;
  display: block;
  border-left: 4px dotted #e5e5e5;
  position: absolute;
  top: -40px;
  left: -webkit-calc(10% + 30px - 2px);
  left: calc(10% + 30px - 2px);
  z-index: 10;
}
.flow > li dl {
  width: 100%;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid rgb(105,129,164);
  border-radius: 10px;
  position: relative;
}
.flow > li:not(:last-child) dl::before,
.flow > li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow > li:not(:last-child) dl::before {
  border-width: 22px;
  border-top-color: rgb(105,129,164);
}
.flow > li:not(:last-child) dl::after {
  border-width: 20px;
  border-top-color: #fff;
}
.flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: rgb(105,129,164);
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 2vw;
  text-align: center;
}
.flow > li dl dt .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(105,129,164);
  background: -moz-linear-gradient(left, rgba(105,129,164,1) 0%, rgba(190, 201, 216,1) 100%);
  background: -webkit-linear-gradient(left, rgba(105,129,164,1) 0%,rgba(190, 201, 216,1) 100%);
  background: linear-gradient(to right, rgba(105,129,164,1) 0%,rgba(190, 201, 216,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  position: relative;
  z-index: 100;
}


/************************************
** サイドバー
************************************/
/*サイドバーウィジェットタイトル*/
#sidebar .widget-sidebar-title.widget-title{
  background-color: #69A481;
  border-radius: 20px;
  margin-top: 50px;
  color: #FDFBFB;
}
#sidebar h3.widget-sidebar-title{
  font-size: 1.2rem;
  padding: 10px;
  text-align: center;
}
#sidebar ul li{
  line-height: 1.8;
  letter-spacing:normal;
	border-bottom: 5px dotted #69A481;  
}
#sidebar ul li a::before{
  font-family: FontAwesome;
  content: "\f0a9";
  padding-right: 10px; 
  color: #69A481;   
}
#sidebar ul li:hover{
  color: rgba(105,164,129,0.7);
}
/*検索バー*/
.search-edit, input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  padding: 11px;
  border: 5px solid #69A481;
  border-radius: 20px;
  font-size: 18px;
  width: 100%;
}

/************************************
** アーカイブ記事一覧（サムネイルあり）のデザイン
************************************/
.entry-card-wrap,.related-entry-card-wrap{
  padding-top: 20px;
  padding-left: 20px;
  background-color: #FDFBFB;
  border:solid 2px #69A481;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;   
}
.entry-card-wrap:hover,.related-entry-card-wrap:hover{
  background-color: rgba(105,164,129,0.3);
}
.entry-card-wrap img,.related-entry-card img,.card-thumb img{
  border-radius: 20px;  
}


/************************************
** 新着記事（Cocoonショートコード版）を4列横並びにする
************************************/
.new-entry-cards {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.new-entry-card-link.widget-entry-card-link{
  background-color: #FDFBFB;
  border:solid 2px #69A481;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 10px;
}
.new-entry-card-link.widget-entry-card-link:hover{
  background-color: rgba(105,164,129,0.3);  
}
.new-entry-card-link.widget-entry-card-link img{
  border-radius: 20px;
}
.new-entry-cards > a {/*4列にする*/
   width: 24%;
}
.widget-entry-cards.card-large-image .a-wrap {
   max-width: none;/*最大幅400pxの指定を初期化する*/
}
.new-entry-cards::after {/*クリアフィックス用のアイテムを消す*/
   content: none;
}
.new-entry-card-date {/*投稿日を表示*/
  display: block;
}
/*フロント固定ページの投稿日を非表示（更新日のみ表示）*/
.page .post-date{
  display: none;
}

@media screen and (max-width:834px) {/*画面幅が834px以下のとき2列にする*/
   .new-entry-cards > a {
      width: 48%;
   }
}

@media screen and (max-width:480px) {/*画面幅が480px以下のとき1列にする*/
   .new-entry-cards > a {
      width: 95%;
   }
   .new-entry-card-title.widget-entry-card-title.card-title{
     font-size:1.0rem ;
   }
}
/************************************
** 新着記事（function.php シンプル版）
************************************/
.news_list ul{
  font-size:1.5rem ;
}
.news_list li {
	list-style-type:none;
	line-height:3.0em;
	border-bottom: 5px dotted #69A481;
	list-style-position: inside;
}
/*トップページのみ、イラストスペース分幅を縮小*/
.Illustwork .news_list li {
  display: inline-block;
  width: 80%;  
	list-style-type:none;
	line-height:3.0em;
	border-bottom: 5px dotted #69A481;
	list-style-position: inside;
}
.news_list li .fa-circle{
  padding-right: 10px;
}
.fa-circle{
  color: #69A481;
}
.news_date{
  font-weight:300 ;
}
@media screen and (max-width:1023px) { 
}
@media screen and (max-width:834px) {
}
@media screen and (max-width:480px) {
  .news_list_parent{
    position: relative;
    display: block;
    width: 100%;
    margin-left: -20px;
  }
  /*トップページのみ、イラストスペース分幅を縮小*/
  .Illustwork .news_list li {
    display: inline-block;
    width: 100%;  
    list-style-type:none;
    line-height:3.0em;
    border-bottom: 5px dotted #69A481;
    list-style-position: inside;
  }
}

/************************************
** contactform7
************************************/
/*contactform7*/
div.wpcf7 {
    max-width:640px;    
}
/*mw_wp_form*/
.mw_wp_form.mw_wp_form_input{
    max-width:640px;    
}
.mw_wp_form.mw_wp_form_input .confirm:hover{
    opacity: 0.7;  
}
/*「問い合わせ案内」入力画面で表示*/
.mw_wp_form.mw_wp_form_input .form_information{
  display: block;
}
/*「送信内容」入力画面では非表示*/
.mw_wp_form.mw_wp_form_input .confirm_title{
  display: none;
}

/*「問い合わせ案内」確認画面で非表示*/
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form_information{
  display: none;
}  
/*「送信内容」確認画面で表示*/
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .confirm_title{
  display: block;
  font-size: 2.0rem;
  margin-bottom:50px ;
  font-weight: 700;
}
/*改行されないので、contentで改行*/
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .set_br::after{
	content: "\A" ;
	white-space: pre ;
}
/*ボタンの親*/
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .confirmblock_parent{
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  padding: 20px;
}
/*ボタン*/
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form_back{
  width: 240px;  
}
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .confirm{
  width: 240px;
}
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form_back:hover,
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .confirm:hover{
    opacity: 0.7; 
}

/************************************
** ボタン
************************************/
/*上へ戻る*/
.go-to-top{
  z-index: 2;
}
.go-to-top-button {
  border-radius: 50%;
}
/*詳しく見る*/
.btn--main_parent{/*親*/
  display: block;
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
.btn.btn--main{/*本体*/
  display: inline-block;
  border-radius: 20px;
  background: rgb(105,129,164);
  padding: 5px;
}
@media screen and (max-width:1023px) { 
  /*詳しく見る*/
  .btn--main_parent{/*親*/
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }
  .btn.btn--main{/*本体*/
    display: inline-block;
  }    
}
@media screen and (max-width:834px) {
  /*詳しく見る*/
  .btn--main_parent{/*親*/
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }
  .btn.btn--main{/*本体*/
    display: inline-block;

  }  
}
@media screen and (max-width:480px) {
  /*詳しく見る*/
  .btn--main_parent{/*親*/
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
  }
  .btn.btn--main{/*本体*/
    display: inline-block;

  }
}
/************************************
** フッター
************************************/
/*不必要な要素を非表示に*/
.footer-widgets.cf{
  display: none;
}
.entry-categories-tags a{
  background-color:rgb(105,129,164);
}
/*フッター親要素*/
#footer{
  margin-bottom: 10px;
  margin-top: 50px;
  width:100%;
  background-color:#FDFBFB;
}

/*メニュー本体*/
.footer-bottom-content{
  background-color: rgba(255,255,255,0);/*背景を透明に*/
  color: #333333;
}

/*背景を疑似要素で設定*/
#container::after{
  content: "";
  position: absolute;
  display: block;
  z-index: -99;
  width:100%;
  height: 600px;/*height必須　ブレイクに引継ぎ*/
  background-image:url("https://aozora-sora.co.jp/_img/creative-asset/illust_sentaku_69A481.png");
  background-size:cover ;/*画像幅が合わなくなるためcoverで設定*/
  background-position:bottom;
  background-repeat:no-repeat; 
  margin: 0;
  animation: OpasityInfinity 10s ease infinite;
}
/*薄くなったりする動き*/
@keyframes OpasityInfinity  {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
  100%{
    opacity: 0.7;
  }  
}

/*最下部の会社名とコピーライト*/
.mostFooterBlock{
  position:absolute;
  display: block;
  left: 0;
  right: 0;
  margin: auto; 
  margin-top: 450px;   
}
/*会社名*/
.footer_companyName{
  position:relative;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.footer_companyName p{
  font-size: 1.2rem;
  font-weight: 700;
  color: #6981A4;
}
/*コピーライト*/
.source-org.copyright{
  position: relative;
  font-size: 0.8rem; 
}

/*1280px以下*/
@media screen and (max-width: 1280px){
  /*背景を疑似要素で設定*/
  #container::after{
    content: "";
    position: absolute;
    display: block;
    z-index: -99;
    width:100%;
    margin-top: -150px;/*マイナス補正*/    
    background-image:url("https://aozora-sora.co.jp/_img/creative-asset/illust_sentaku_69A481.png");
    background-size:contain ;/*画像全体を幅いっぱいに*/
    background-position:bottom;
    background-repeat:no-repeat; 
  }
  /*最下部の会社名とコピーライト*/
  .mostFooterBlock{
    margin-top: 350px;   
  }  
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*背景を疑似要素で設定*/
  #container::after{
    content: "";
    position: absolute;
    display: block;
    z-index: -99;
    width:100%;
    margin-top: -240px;/*マイナス補正*/    
    background-image:url("https://aozora-sora.co.jp/_img/creative-asset/illust_sentaku_69A481.png");
    background-size:contain ;/*画像全体を幅いっぱいに*/
    background-position:bottom;
    background-repeat:no-repeat; 
  }
  /*最下部の会社名とコピーライト*/
  .mostFooterBlock{
    margin-top: 270px;   
  }
  /*会社名*/
  .footer_companyName{
    margin-bottom: 20px;
  }
  .footer_companyName p{
    font-size: 1.0rem;
  }    
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*背景を疑似要素で設定*/
  #container::after{
    content: "";
    position: absolute;
    display: block;
    z-index: -99;
    width:100%;
    margin-top: -310px;/*マイナス補正*/    
    background-image:url("https://aozora-sora.co.jp/_img/creative-asset/illust_sentaku_69A481.png");
    background-size:contain ;/*画像全体を幅いっぱいに*/
    background-position:bottom;
    background-repeat:no-repeat; 
  }
  /*最下部の会社名とコピーライト*/
  .mostFooterBlock{
    margin-top: 230px;   
  }
  /*会社名*/
  .footer_companyName{
    margin-bottom: 20px;
  }
  .footer_companyName p{
    font-size: 1.0rem;
  }  
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*背景を疑似要素で設定*/
  #container::after{
    content: "";
    position: absolute;
    display: block;
    z-index: -99;
    width:100%;
    margin-top: -480px;/*マイナス補正*/    
    background-image:url("https://aozora-sora.co.jp/_img/creative-asset/illust_sentaku_69A481.png");
    background-size:contain ;/*画像全体を幅いっぱいに*/
    background-position:bottom;
    background-repeat:no-repeat; 
  }
  /*最下部の会社名とコピーライト*/
  .mostFooterBlock{
    margin-top: 100px;   
  }
  /*会社名*/
  .footer_companyName{
    margin-bottom: 20px;
  }
  .footer_companyName p{
    font-size: 0.8rem;
  } 
  /*コピーライト*/
  .source-org.copyright{
    position: relative;
    font-size: 0.7rem; 
  }
}