/*アニメーション*/
.shindan .animation .illust {position: absolute;right: 0;top: 0;width: 100px;}
.shindan .animation .illust img{opacity:0; scale: .7;}
.shindan .animation.active .illust img{opacity: 1;scale: 1.5;transition: all .3s cubic-bezier(.85, 2.35, .71, 1);}
.shindan .animation .illust01 {top: 0;left: 5%;width: 20%;transform: translate(-50%, -30%);}
.shindan .animation .illust02 {top: 115px;left: 4%;width: 12%;transform: translate(-50%, -50%);}
.shindan .animation.active .illust02 img{transition-delay: .2s;}
.shindan .animation .illust03 {top: 0px;right: 10%;width: 12%;transform: translate(50%, -50%);}
.shindan .animation.active .illust03 img{transition-delay: .6s;}
.shindan .animation .illust04 {top: 50px;right: 5%;width: 17%;transform: translate(50%, -50%);}
.shindan .animation.active .illust04 img{transition-delay: .5s;}
.shindan .animation .illust05 {top: 110px;right: 3%;width: 11%;transform: translate(50%, -50%);}
.shindan .animation.active .illust05 img{transition-delay: .5s;}

.shindan{padding: 0 5%;margin-top: 50px;}
.shindan label{cursor: pointer;}
.shindan .inner {background-color: #fff;border-radius: 20px;padding: 20px 20px 30px;position: relative;}

.btop_wrap {margin-top: 20px;display: none; /* 初期状態は非表示 */}
.tab {max-width: 800px;margin: 0 auto;/*margin-top: 120px;*/}
/* タブメニュー */
.tab__menu {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-evenly; min-height: 50px; padding: 0; margin: 0;}
.tab__menu-item {list-style: none;width: 31%; text-align: center; cursor: pointer;transition: all .3s;margin-bottom: 5px;}
.tab__menu-item img{max-width: 100%;}
.tab__menu-item:last-of-type {margin-right: 0px;}
/* is-activeがついている時のスタイル */
.tab__menu-item{filter: drop-shadow(5px 5px 5px #aaa);}
.tab__menu-item.is-active {filter: grayscale(0%) drop-shadow(0px 0px 0px #aaa);}
/* no-activeがついている時のスタイル */
.tab__menu-item.no-active {filter: grayscale(100%) drop-shadow(5px 5px 5px #aaa); }
/* タブパネル */
.tab__panel {width: 100%;}
.tab__panel-box {min-height: 400px;/*padding: 10px 30px;*/border-radius: 10px;}
.tab__panel-box001,.tab__panel-box002,.tab__panel-box003,.tab__panel-box004,.tab__panel-box005,.tab__panel-box006,.tab__panel-box007,.tab__panel-box008,.tab__panel-box009,.tab__panel-box010,.tab__panel-box011{display: none;}
/* is-showがついている時のスタイル */
.tab__panel-box.is-show {display: block;} 
.s_flex{display: flex;justify-content: space-between;}
input[type="radio"] {display: none;}
.select1 label{width: 50%; filter: drop-shadow(5px 5px 5px #aaa);}
.select1 label.active{filter: drop-shadow(1px 1px 1px #aaa);}
.select1 label.noactive{filter: grayscale(100) drop-shadow(5px 5px 5px #aaa);}
.sentaku img{width: 100%;}
#dogCategoryBox label,#catCategoryBox label{filter: drop-shadow(5px 5px 5px #aaa);}
#dogCategoryBox input.is-active + label,#catCategoryBox input.is-active + label{filter: drop-shadow(0px 0px 0px #aaa);}
#dogCategoryBox input.no-active + label,#catCategoryBox input.no-active + label{filter: grayscale(100) drop-shadow(5px 5px 5px #aaa);}

/*タブの中身・商品一覧*/
.tab_item{display: flex;justify-content: space-between;list-style: none;margin:10px 0 0;flex-wrap: wrap;}
.tab_item li{width: 48%;border: 1px solid #ccc;border-radius: 7px;margin-bottom: 10px;}
.tab_item li>img{border-radius: 5px;}
.pro_button{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 5px 5px 0;}
.pro_button a{background-color: #fff;border-radius: 5px;display: block;margin-bottom: 5px; padding:0 5px; border: 1px solid #ccc;text-align: center;filter: drop-shadow(1px 1px 1px #ddd);}
.pro_button a img{width: 70%;vertical-align: bottom;}