/*==================================================ハンバーガーボタン*/
#burger-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.burger {
  position: absolute;
  background: rgba(111, 111, 111, 1);
  width: 50px;
  height: 5px;
  top: 50%;
  margin-top: -5px;
  opacity: 1;
}
.burger::before {
  position: absolute;
  background: rgba(111, 111, 111, 1);
  width: 50px;
  height: 5px;
  top: 15px;
  content: "";
  display: block;
}
.burger::after {
  position: absolute;
  background: rgba(111, 111, 111, 1);
  width: 50px;
  height: 5px;
  bottom: 15px;
  content: "";
  display: block;
}
.burger::after, .burger::before, .burger {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
#burger-btn.menu-on .burger::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 0px;
}
#burger-btn.menu-on .burger::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
}
#burger-btn.menu-on .burger {
  background: rgba(111, 111, 111, .0);
}
/* useless css */
#burger-btn {
  margin-left: auto;
  margin-right: 20px;
}
#burger-btn p, #burger-btn.menu-on p {
  margin-top: 45px;
  font-size: 18px;
  color: #666;
	font-family: "Comic Sans MS","classic-comic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
/*=========================================ハンバーガーメニューボタンここまで*/
/*=========================================スマホのみdrawerメニュー内容*/
#drawer.tojiru {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: translate3d(-400, 0, 0);
  transform: translate3d(-400, 0, 0);
  overflow: hidden;
  opacity: 1;
}
/* menuボタン表示 （jsで追加される）*/
.drawer_button.active {
  right: 0;
  opacity: 1;
}
/*ハンバーガーボタン*/
.drawer_button {
  width: 80px;
  height: 80px;
  position: fixed;
  top: 30px;
 right: 0;
  /*right: -80px;*/
  cursor: pointer;
  display: block;
/*  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0;*/
}
#drawer {
  position: fixed;
  width: 100%;
  height: 600px;
  top: 100px;
  right: 0px;
  display: none;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}
#drawer .drawer_menu {
  width: 100%;
  background-color: #f5f1e7;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 3rem;
  border: 2px solid #02988c;
  padding: 0.5rem;
  font-size: 1rem;
}
#drawer .drawer_menu .pickup_wrap {
  height: auto;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
#drawer .drawer_menu .pickup_wrap .hogosya_btn {
  display: block;
  width: 66%;
  margin: 0.3em auto;
}
#drawer .drawer_menu .pickup_wrap button a {
  display: block;
  width: 100%;
  margin: 0.3em auto;
}
#drawer .drawer_menu .pickup_wrap a {
  display: block;
  width: 33%;
  margin: 0.3em auto;
}
#drawer .drawer_menu .pickup_wrap .button {
  height: 100px;
  box-sizing: border-box;
}
/*about.php専用（保育園概要ページがアクティブの時のgナビ表示を単独で変えたい時）*/
#about #drawer .drawer_menu .pickup_wrap a[href="about.php"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*hoikunaiyou.php専用（保育についてページがアクティブの時のgナビ表示を単独で変えたい時）*/
#hoikunaiyou #drawer .drawer_menu .pickup_wrap a[href="hoikunaiyou.php"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*shien.php専用（子育て支援ページがアクティブの時のgナビ表示を単独で変えたい時）*/
#shien #drawer .drawer_menu .pickup_wrap a[href="shien.php"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*this_month.php専用（入園までの流れページがアクティブの時のgナビ表示を単独で変えたい時）*/
#this_month #drawer .drawer_menu .pickup_wrap a[href="this_month.php"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*kyusyoku.php専用（入園までの流れページがアクティブの時のgナビ表示を単独で変えたい時）*/
#kyusyoku #drawer .drawer_menu .pickup_wrap a[href="kyusyoku.php"] {

  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*recruit.php専用（採用情報ページがアクティブの時のgナビ表示を単独で変えたい時）*/
#kyujin #drawer .drawer_menu .pickup_wrap a[href="blog/kyujin.php"] {
  background-color: #ffffff;
  border-radius: 4px;
  display: block;
  opacity: 0.3;
}
/*recipe.php専用（ひまわりレシピページがアクティブの時のgナビ表示を単独で変えたい時）*/
#recipe #drawer .drawer_menu .pickup_wrap a[href="recipe.php"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*arts.php専用（ひまわりレシピページがアクティブの時のgナビ表示を単独で変えたい時）*/
#arts #drawer .drawer_menu .pickup_wrap a[href="arts.php"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*hoken.php専用（ひまわりレシピページがアクティブの時のgナビ表示を単独で変えたい時）*/
#hoken #drawer .drawer_menu .pickup_wrap a[href="hoken.php"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*/blog専用（ひまわりレシピページがアクティブの時のgナビ表示を単独で変えたい時）*/
.page-id-36 #drawer .drawer_menu .pickup_wrap a[href="https://higasitokorozawa-hoikuen.com/blog"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*/kyujin専用（ひまわりレシピページがアクティブの時のgナビ表示を単独で変えたい時）*/
.page-id-10 #drawer .drawer_menu .pickup_wrap a[href="https://higasitokorozawa-hoikuen.com/blog/kyujin"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*/otoiawase専用（ひまわりレシピページがアクティブの時のgナビ表示を単独で変えたい時）*/
.page-id-16 #drawer .drawer_menu .pickup_wrap a[href="https://higasitokorozawa-hoikuen.com/blog/otoiawase"] {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*hogosya_page.html専用（保護者専用ページがアクティブの時のgナビ表示を単独で変えたい時）*/
/*#hogosya　#drawer .drawer_menu .pickup_wrap .hogosya_btn button a[href="hogosya_page.html"] {
   background-color: #ffffff;
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}*/
#drawer .drawer_menu .pickup_wrap .icon_blog {
  background-image: url('../img/common/gnav_icon_blog.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_endayori {
  background-image: url('../img/common/gnav_icon_endayori.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_about {
  background-image: url('../img/common/gnav_icon_about.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_art {
  background-image: url('../img/common/gnav_icon_art.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_hoikunaiyou {
  background-image: url('../img/common/gnav_icon_hoikunaiyou.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_kyusyoku {
  background-image: url('../img/common/gnav_icon_kyusyoku.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_kyujin {
  background-image: url('../img/common/gnav_icon_kyujin.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_qa {
  background-image: url('../img/common/gnav_icon_qa.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_recipe {
  background-image: url('../img/common/gnav_icon_recipe.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_yukkuri {
  background-image: url('../img/common/gnav_icon_yukkuri.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_hoken {
  background-image: url('../img/common/gnav_icon_hoken.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#drawer .drawer_menu .pickup_wrap .icon_hogosya {
  background-image: url('../img/common/gnav_icon_hogosya.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
/*アクティブの時のdrawerナビボタンをグレー表示
-----------------------------------------*/
#about #drawer .drawer_menu .pickup_wrap .button a[href="about.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
#this_month #drawer .drawer_menu .pickup_wrap .button a[href="this_month.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
#arts #drawer .drawer_menu .pickup_wrap .button a[href="arts.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
#hoikunaiyou #drawer .drawer_menu .pickup_wrap .button a[href="hoikunaiyou.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
#kyusyoku #drawer .drawer_menu .pickup_wrap .button a[href="kyusyoku.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
#kyujin #drawer .drawer_menu .pickup_wrap .button a[href="blog/kyujin.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
#recipe #drawer .drawer_menu .pickup_wrap .button a[href="recipe.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
#shien #drawer .drawer_menu .pickup_wrap .button a[href="shien.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
#hoken #drawer .drawer_menu .pickup_wrap .button a[href="hoken.php"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
.page-id-36 #drawer .drawer_menu .pickup_wrap .button a[href="https://higasitokorozawa-hoikuen.com/blog"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
.page-id-10 #drawer .drawer_menu .pickup_wrap .button a[href="https://higasitokorozawa-hoikuen.com/blog/kyujin"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
.page-id-16 #drawer .drawer_menu .pickup_wrap .button a[href="https://higasitokorozawa-hoikuen.com/blog/otoiawase"] {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: block;
  opacity: 0.3;
}
/*=========================================スマホのみdrawerメニュー内容ここまで*/
/*=========================================================================================================================================================================================================================indexページにのみ最初から表示するメニュー*/
/*mediaquery有り*/
#active_drawer_menu {
  width: 100%;
  /*height: 800px;*/
}
#active_drawer_menu .drawer_menu {
  width: 100%;
  background-color: #ffffff;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 3rem;
  border: 2px solid #7b4d53;
  padding: 1rem;
  font-size: 0.8rem;
  border-radius: 4px;
}
#active_drawer_menu .drawer_menu .pickup_wrap {
  height: auto;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  align-content: space-around;
}
#active_drawer_menu .drawer_menu .pickup_wrap .button {
  height: 80px;
  box-sizing: border-box;
}

#active_drawer_menu .drawer_menu .pickup_wrap .col_area .detail_btn a {
	/*display: block;*/
	 width: 90px;
	height: 23.6px;
	border: thin solid #7b4d53;
  border-radius: 1rem;
	margin: 0.25rem auto 0 auto;
	color: #333333;
  padding: 0 0.3rem;
	/*line-height: 1.4;*/
}
#active_drawer_menu .drawer_menu .pickup_wrap .detail_btn a:hover {
	background-color: #ECECEC;
	transition: all 0.3s ease;
}
.row.pickup_wrap .col_area a{
/*	display: block;*/
	width: 90px;
	height: 80px;
	border-radius: 1rem;
	margin: 0 auto;
}
.row.pickup_wrap .col_area a:hover {
    background-color:#ECECEC;
    transition: all 0.3s ease;
  }
#active_drawer_menu .drawer_menu .pickup_wrap .icon_blog {
  background-image: url('../img/common/gnav_icon_blog.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_endayori {
  background-image: url('../img/common/gnav_icon_endayori.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_about {
  background-image: url('../img/common/gnav_icon_about.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_art {
  background-image: url('../img/common/gnav_icon_art.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_hoikunaiyou {
  background-image: url('../img/common/gnav_icon_hoikunaiyou.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_kyusyoku {
  background-image: url('../img/common/gnav_icon_kyusyoku.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_qa {
  background-image: url('../img/common/gnav_icon_qa.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_kyujin {
  background-image: url('../img/common/gnav_icon_kyujin.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_recipe {
  background-image: url('../img/common/gnav_icon_recipe.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_yukkuri {
  background-image: url('../img/common/gnav_icon_yukkuri.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_hoken {
  background-image: url('../img/common/gnav_icon_hoken.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .icon_hogosya {
  background-image: url('../img/common/gnav_icon_hogosya.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#active_drawer_menu .drawer_menu .pickup_wrap .button h2 {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}

/*=====================================================================================================================
======================================================================================================================タブレット＆パソコン==768px以上*/
@media all and (min-width: 576px) {
/*#active_drawer_menu .drawer_menu .pickup_wrap .button {
  height: 100px;
}*/

.row.pickup_wrap .col-4.col-md-2.text-center .detail_btn a {
	width: 100px;
	height: 23.6px;
	margin: 0.25rem auto 0 auto;
	}
	.row.pickup_wrap .col_area a{
	width: 100%;
	height: 80px;
	/*	margin: 0 auto;*/
}

/**/
}
/*=====================================================================================================================
======================================================================================================================タブレット＆パソコン==768px以上*/
@media all and (min-width: 768px) {
  #active_drawer_menu {
    width: 100%;
    height: auto;
  }
  .row.pickup_wrap .col_area a {
    display: block;
    margin: 0 auto;
    /*height: 100px;これを指定するとぶれる*/
    color: #333333;
  }
 /*保護者専用ページボタン*/
 #drawer .drawer_menu .pickup_wrap .hogosya_btn {
  display: block;
  width: 66%;
  margin: 0.3em auto;
}
 /*保護者専用ページボタン*/
#drawer .drawer_menu .pickup_wrap button a {
  display: block;
  width: 100%;
  margin: 0.3em auto;
}
  .row.pickup_wrap .col_area a:hover {
   /* height: 100%;*/
    width: 100%;
    background-color: #ECECEC;
    border-radius: 1rem;
    transition: all 0.3s ease;
	color: #664045;
  }
  /*.col_area .detail_btn a:hover {
    color: #664045;
  }*/
	/*fontは0.9remで統一*/
  #active_drawer_menu .drawer_menu {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    margin-top: -200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3rem;
    border: thin solid #7b4d53;
   /* padding: 1rem;*/
    /*font-size: 1rem;*/
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #ccc;
  }
  .row.pickup_wrap .col-4.col-md-2.text-center .detail_btn {
    width: 120px;
    max-width: 120%;
		margin: 0 auto;
    /*直書きのpb-3はホバー時にボタン上スペース確保＝重要*/
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .col_area {
    border-right: 2px dotted #7b4d53;
    margin-bottom: 3rem;
    height: 85px; /*ホバー時にボタン位置固定＝重要*/
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .col_area:nth-child(6) {
    border-right: none;
  }
/*	#active_drawer_menu .drawer_menu .pickup_wrap .col_area:nth-child(1) {
    padding-left: 1rem;
	width: 12.5%;
  }*/
  #active_drawer_menu .drawer_menu .pickup_wrap .col_area:nth-child(12) {
    border-right: none;
	width: 12.5%;
	  padding-right: 1rem;
  }
 #active_drawer_menu .drawer_menu .pickup_wrap .icon_blog {
    background-image: url('../img/common/gnav_icon_blog_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .icon_endayori {
    background-image: url('../img/common/gnav_icon_endayori_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .icon_about {
    background-image: url('../img/common/gnav_icon_about_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .icon_art {
    background-image: url('../img/common/gnav_icon_art_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .icon_hoikunaiyou {
    background-image: url('../img/common/gnav_icon_hoikunaiyou_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .icon_kyusyoku {
    background-image: url('../img/common/gnav_icon_kyusyoku_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
 #active_drawer_menu .drawer_menu .pickup_wrap .icon_qa {
    background-image: url('../img/common/gnav_icon_qa_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .icon_kyujin {
    background-image: url('../img/common/gnav_icon_kyujin_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .icon_recipe {
    background-image: url('../img/common/gnav_icon_recipe_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .icon_yukkuri {
    background-image: url('../img/common/gnav_icon_yukkuri_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
	#active_drawer_menu .drawer_menu .pickup_wrap .icon_hoken {
    background-image: url('../img/common/gnav_icon_hoken_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
/*  	#active_drawer_menu .drawer_menu .pickup_wrap .icon_hogosya {
    background-image: url('../img/common/gnav_icon_hogosya_noborder.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }*/
  /**/
}
/*=====================================================================================================================
======================================================================================================================パソコン==992px以上*/
@media only screen and (min-width: 992px) {
  #active_drawer_menu {
    height: 232px;
  }
  #active_drawer_menu .drawer_menu {
    height: auto;
	font-size: 0.8rem;
	max-width: 1140px;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap a {
    display: block;
    margin: 0 auto;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .col_area {
    /*max-width: 12.5%;*/
    padding: 5px;
    height: 100px;/*ホバー時にボタン位置固定＝重要*/
    margin-bottom: 1rem;
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .col_area:nth-child(4) {
    border-right: 2px dotted #7b4d53;
  }
  .row.pickup_wrap .col-4.col-md-2.text-center .detail_btn {
	width: 100px;
  }
#active_drawer_menu .drawer_menu .pickup_wrap .col_area:nth-child(1) {
    padding-left: 0.7rem;
	/*max-width: 12.5%;*/
  }
  #active_drawer_menu .drawer_menu .pickup_wrap .col_area:nth-child(8) {
    border-right: none;
	/*max-width: 12.5%;*/
	  padding-right: 0.7rem;
  }
  /**/
}