@charset "UTF-8";
/* CSS Document */

#header{ height: 125px;}
#header .head_wrap {transform: translateY(0%);box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0);}
#header .head_wrap .change_day{ display: none;}
#header .sidebar .link{display: none;}
#header .footbtn{ opacity: 1; visibility: visible; transform: translateY(0px);}

@media all and (max-width: 768px) {
#header{ height: 5.5em;}
#header .footbtn{ bottom: 1em;}
}

#taxonomy_wrap{  padding: 2em; background: #DDD;}
#taxonomy_wrap #ttl_text{font-size: 1.8em; text-align: center; font-weight: bold;}

#taxonomy_wrap #contents{ max-width: 1060px; width: 90%; background: #FFF; padding:3em 2em; margin: 2em auto 0;}
#taxonomy_wrap #contents .cat_ttl{ font-size: 1.5em; text-align: center; font-weight: 600; margin: 0em auto 0.5em;}
#taxonomy_wrap #contents .cont_wrap{ text-align: center;}
#taxonomy_wrap #contents .cont_wrap .cont{ width: 14em; max-width: 350px;  display: inline-block; text-align: left; margin: 0 1em 2em; vertical-align: top;}
#taxonomy_wrap #contents .cont_wrap .cont .img_wrap{}
#taxonomy_wrap #contents .cont_wrap .cont .img_wrap a{ display: block; border-radius: 1em; overflow: hidden; height: 10.402em; max-height: 260px;}
/*0.743*/
#taxonomy_wrap #contents .cont_wrap .cont .img_wrap a img{ transition-property : transform;transition-duration : 0.3s; display: block; width: 100%; height:100%; object-fit: cover; object-position: center center;}
#taxonomy_wrap #contents .cont_wrap .cont .img_wrap a img:hover{transform: scale(1.05);}
#taxonomy_wrap #contents .cont_wrap .cont .img_wrap .cat_wrap{ font-size: 0.8em; color: #999;  border-left: 1px solid; padding-left: 0.5em; margin: 0.5em auto 0.2em;}
#taxonomy_wrap #contents .cont_wrap .cont .img_wrap .cat_wrap span{}
#taxonomy_wrap #contents .cont_wrap .cont .img_wrap .cat_wrap span::after{content: "・";}
#taxonomy_wrap #contents .cont_wrap .cont .img_wrap .cat_wrap span:last-of-type:after{ content: "";}

#taxonomy_wrap #contents .cont_wrap .text_wrap{ font-weight: 600;  line-height: 1.4; font-size: 0.9em;}
#taxonomy_wrap #contents .cont_wrap .text_wrap a{ text-decoration: none;}

#main .co_btn{ text-align: center; margin: 2em auto ;}
#main .co_btn a{ display: inline-block; text-decoration: none; padding: 0.5em 3em; border: 1px solid; background: #FFF; border-radius: 1.5em; min-width: 16em;}


@media all and (max-width: 768px) {

#taxonomy_wrap{  padding: 6em 1em 2em;}
#taxonomy_wrap #contents {width: 100%;padding: 2em 1em;margin: 1em auto 0;}
#taxonomy_wrap #contents .cont_wrap .cont {width: 12.5em;margin: 0 0.5em 2em;}
#taxonomy_wrap #contents .cont_wrap .text_wrap{ font-size: 1.2em;}

}


/*

#main.bukyoku #taxonomy_wrap #contents{}
#main.bukyoku #taxonomy_wrap #contents .cat_ttl{ font-size: 1em; margin: 1.5em auto 0.3em; text-align: left; padding-left: 0.5em; border-left: 0.2em solid #2c6aa5; line-height: 1.4;}
#main.bukyoku #taxonomy_wrap #contents .cat_ttl:first-of-type{ margin-top: 0;}
#main.bukyoku #taxonomy_wrap #contents .cont_wrap .cont{ width: 100%; max-width: none;  display:block;margin: 0 auto 0.3em 0.7em;}
#main.bukyoku #taxonomy_wrap #contents .img_wrap{ display: none;}
#main.bukyoku #taxonomy_wrap #contents .cont_wrap .text_wrap{ font-weight: normal; line-height: 1.4; font-size: 0.9em; display: block; text-indent: -1em; padding-left: 1em;}
#main.bukyoku #taxonomy_wrap #contents .cont_wrap .text_wrap br{ display: none;}
#main.bukyoku #taxonomy_wrap #contents .cont_wrap .text_wrap::before{ content: "・";}


@media all and (max-width: 768px) {

#main.bukyoku #taxonomy_wrap #contents .cat_ttl{ font-size: 1.4em;}
#main.bukyoku #taxonomy_wrap #contents .cont_wrap .text_wrap{font-size: 1.2em;}

}

*/