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

[class*="IdCate_box"] {display: flex;width:fit-content;align-items: center;gap:1rem;padding: 0.5rem 1.75rem 0.5rem 2.25rem;/*border: 1px solid #ccc;*/border-radius:2rem;background-color:#ededed; margin-left: auto; }
.detail [class*="IdCate_box"]{margin-top: 1rem;margin-bottom: 1rem;}
.archive [class*="IdCate_box"]{margin-top: 0!important;margin-bottom:0!important;}

[class*="IdCate_box"] .IdCate_name{flex:1;font-weight: bold;line-height: 1;text-align: right;}
[class*="IdCate_box"] .IdCate_name img{display: block; height:0.8em; width: auto;}
[class*="IdCate_box"] .IdCate_btn{width:3rem;display: flex;padding:0.25em;background-color:#000;border-radius: 0.35rem;aspect-ratio: 20 / 19;}
[class*="IdCate_box"] img{width:100%;display: block;}
.IdCate_boxBtm{position: fixed;top:100vh;right:0.5vw;transition: all 0.5s ease;margin-top:0!important;margin-bottom: 0!important;opacity:0;z-index: 120;}
.IdCate_boxBtm.btmvis{top:calc(100vh - 10rem);opacity: 1;}


.fancybox-bg{background-color: #fff;}
.fancybox-is-open .fancybox-bg{opacity:1}

.IdCate_des {display: none;	width: 100%; max-width: 900px; padding: 35px; text-align: justify; position: relative;background-color:#ededed;border-radius: 1rem;}

.IdCate_des .fancybox-close-small {top: 0px;right: 0px; display: none;}
.IdCate_des .content-header { border-bottom: 1px solid #eee; padding: 20px;}
.IdCate_des .content-scroll { max-height: calc(100vh - 200px); overflow: auto; padding: 40px 20px 0 20px;}
.IdCate_des .IdCate_list{display:flex;gap:4rem 2%;flex-wrap: wrap;}
.IdCate_des .IdCate_list>*{width:32%;}
.IdCate_des .IdCate_list .IdCate_Lcat{padding-bottom: 1.5rem;}
.IdCate_des .IdCate_list .IdCate_Lcat a{font-size: 110%;font-weight:bold;display: block;}
.IdCate_des .IdCate_list .IdCate_Scat{padding-left:0.5rem;}
.IdCate_des .IdCate_list .IdCate_Scat>*{padding-bottom:0.5rem;}
.IdCate_des .IdCate_list .IdCate_Scat>*:before{content:"-";margin-right: 0.5rem;display: inline-block;}
.IdCate_des .IdCate_list .IdCate_Scat>*:last-child{padding-bottom: 0;}
.IdCate_des .IdCate_list .IdCate_Scat+.IdCate_Lcat{padding-top: 2.5rem;}


.IdCate_des .IdCate_close{position: fixed;width: 5rem;height: 5rem;right:2rem;top:2rem;}
.IdCate_des .IdCate_close [type^="button"]{display: block;position: relative;width:100%; height: 100%;border: none;padding:0;background-color: transparent;}
.IdCate_des .IdCate_close [type^="button"]:before,.IdCate_des .IdCate_close [type^="button"]:after{content:""; display:block!important;background-color: #454545; width: 110%; height: 6%;position: absolute;}
.IdCate_des .IdCate_close [type^="button"]:before{transform:rotate(45deg);}
.IdCate_des .IdCate_close [type^="button"]:after{transform:rotate(-45deg);}



@media screen and (max-width: 798px) {
	[class*="IdCate_box"] {padding:0;background-color:transparent;flex-direction: column;width:4rem;gap: 0.5rem;margin-right:1.5rem;}
	[class*="IdCate_box"] a{ outline: none!important;}
	.detail [class*="IdCate_box"]{margin-bottom:0.5rem;}
	.archive [class*="IdCate_box"]{margin-top: 1rem!important;margin-bottom:0!important;}
	[class*="IdCate_box"] .IdCate_name{}
	[class*="IdCate_box"] .IdCate_btn img{width: 80%;}
	[class*="IdCate_box"] .IdCate_btn{gap: 0.5rem; width: 100%; flex-direction: column; align-items: center; justify-content: center;aspect-ratio: 10 / 9;}

	.IdCate_boxBtm{padding:0.5rem;width:5rem;background-color: #ffffffd1;border-radius: 0.25rem;margin-right: 0;right:2vw;}
	.IdCate_boxBtm.btmvis{top:calc(100vh - 14rem);}

	.IdCate_des{width: 90%;padding:1.75rem;overflow: initial; }
	.IdCate_des a{ outline: none;}
	.IdCate_des .fancybox-close-small{}
    .fancybox-slide--html{ padding: 6% 0;}
	.IdCate_des .IdCate_list{gap: 2rem 4%;}
	.IdCate_des .IdCate_list>*{width:48%;font-size: var(--font-S);}
	.IdCate_des .IdCate_list .IdCate_Lcat{padding-bottom: 0.5rem;}
	.IdCate_des .IdCate_list .IdCate_Lcat a{font-size: 105%;}
	.IdCate_des .IdCate_list .IdCate_Scat>* {padding-bottom: 0.3rem;}
	.IdCate_des .IdCate_close{width: 8vw;height: 8vw;right: 3vw;top: 3vw;}
}