@charset "UTF-8";
/* トップページ以外用カテゴリ設定css */

/* ----------------------------------
 Category List Template
---------------------------------- */
.block-top-categorysearch { margin: 0px 0; border: none;}
.block-top-categorysearch * { box-sizing: border-box;}
.block-top-categorysearch h2.block-top-title { margin:  0 0 10px 0;}
.block-top-categorysearch h2.block-top-title span { padding: 46px 0 0 0; background: url("../../img/usr/common/icon_categorysearch.png") center top no-repeat; -webkit-background-size: 36px 36px; background-size: 36px 36px; display: inline-block;}
.block-top-categorysearch-list { padding: 0 15px; border: none; display: flex; justify-content: space-between; flex-wrap: wrap;}
.block-top-categorysearch-list li { width: calc(50% - 7.5px); padding: 0; margin: 15px 0 0 0; border: #E98600 1px solid; border-radius: 10px; background: #FFF7EB; overflow: hidden; font-feature-settings: "palt";}
.block-top-categorysearch-list li span { min-height: 70px; padding: 14px 9px 14px 14px; display: flex; justify-content: space-between; align-items: center;}
.block-top-categorysearch-list li .icon { width: 35px; height: 35px; padding: 0; display: block;}
.block-top-categorysearch-list li .icon img { max-width: 35px; max-height: 35px;}
.block-top-categorysearch-list li .name { width: calc(100% - 45px); font-size: 14px; font-weight: 400; display: block;}



/*PC用*/
@media screen and (min-width: 768px) {
/* ----------------------------------
 Category List
---------------------------------- */
.block-top-categorysearch-list{display: flex; flex-direction: column; height: 380px;}
.block-top-categorysearch-list li{width: 164px; height: 165px;}

.block-top-categorysearch-list li:nth-child(5n){margin: 15px 0 0 0;}

/*firstview_toppage.cssから引用*/
.block-top-categorysearch-list li a span { /*width: calc(100% - 20px); */height: 158px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s;}
.block-top-categorysearch-list li .icon { width: 68px; height: 68px; margin: 0 auto;}
.block-top-categorysearch-list li .name { height: 40px; margin: 10px 0 0 0; font-size: 15px; line-height: 1.2; display: flex; justify-content: center; align-items: center; text-align: center; text-decoration: underline; transition: all 0.4s;}
.block-top-categorysearch-list li a:hover span  { background: #FFF;}
.block-top-categorysearch-list li a:hover .name { color: #E98600;}


/*user.cssから引用*/
.block-top-categorysearch-list li .icon {width: 100px; height: 100px;}
.block-top-categorysearch-list li .icon img{max-width: 100%; max-height: 100%;}
.block-top-categorysearch-list li .name{width: 100%;}
}