@charset "utf-8";

.idc-category__heading .idc-category__heading_main {
	color: rgb(255, 255, 255);
	font-size: 40px;
	letter-spacing: 4px;
	font-family: "Noto Sans JP", "Yu Gothic", "Yu Gothic Medium", sans-serif;
}
.idc-category__heading .idc-category__heading_sub {
	color: rgb(255, 255, 255);
	font-size: 18px;
	text-align: center;
	display:block;
}
.idc-category__title .idc-category__title_main {
	font-size: 24px;
}
.idc-category__title .idc-category__title_sub {
	font-size: 14px;
}

/**********************************
.idcCategory
**********************************/
.idcCategory a:hover {
    color: inherit;
}
.idcCategory a:hover p,
.idcCategory a:hover h3 {
    text-decoration: underline;
}
.idcCategory a:hover img {
    /* opacity: .7; */
}
.idcCategory .fa-angle-right:before {
    margin-right: 3px;
    color: #aaa;
}
.idcCategory .fa-color-red:before {
    color: #ff0000!important;
}
.idcCategory img {
    display: block;
    margin: 0 auto .3rem;
}

/**********************************
.idcCatHeading
**********************************/
.idcCatHeading {
    text-align: center;
}
.idcCatHeading__text_main {
	color: rgb(255, 255, 255);
	font-size: 40px;
    font-weight: bold;
	letter-spacing: 4px;
	font-family: "Noto Sans JP", "Yu Gothic", "Yu Gothic Medium", sans-serif;
}
.idcCatHeading__text_sub {
	color: rgb(255, 255, 255);
	font-size: 18px;
	text-align: center;
	display: block;
}

/**********************************
.idcCatIntro
**********************************/
.idcCatIntro {
    font-size: 15px;
}
@media (max-width: 575px) {
    .idcCatIntro {
        font-size: 13px;
    }
}

/**********************************
.idcCatBtn
**********************************/
.idcCatBtn__box {
    text-align: center;
}
.idcCatBtn__box a {
    background: #4c4948;
    color: #fff;
    font-weight: bold;
    padding: 0.3rem 2rem;
    font-size: 14px;
    display: inline-block;
}
.idcCatBtn__box a:hover {
    background: #000;
    color: #fff;
}

/**********************************
.idcCatTitle
**********************************/
.idcCatTitle__text {
    border-bottom: 1px solid #000;
    font-family: YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
.idcCatTitle__text_main {
	font-size: 24px;
    font-weight: bold;
}
.idcCatTitle__text_sub {
	font-size: 14px;
    margin-left: .3rem;
}

@media screen and (max-width: 767px) {
    .idcCatTitle__text_main {
        font-size: 20px;
    }
    .idcCatTitle__text_sub {
        font-size: 12px;
    }
}

/**********************************
.idcCatContent
**********************************/
.idcCatContent__text {
    font-size: 14px;
    display: inline;
    letter-spacing: -1px;
    color: #333;
    margin-top: .1rem;
}

.idcCatContent__box {
    padding: 15px 10px;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

@media (max-width: 1024px) {
    .idcCatContent__box {
        padding: 10px;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .idcCatContent__box {
        padding: 15px 10px;
        flex: 25%;
        max-width: 25%;
    }
}

@media (max-width: 575px) {
    .idcCatContent__box {
        flex: 33.33333333%;
        max-width: 33.33333333%;
        padding: 10px 10px;
    }
    .idcCatContent__text {
        font-size: 12px;
    }
}


/**********************************
.idcCatContent02
**********************************/
.idcCatContent02__textarea a {
    display: block;
}
.idcCatContent02__textarea a:first-of-type {
    margin-top: .1rem;
}
.idcCatContent02__textarea a:not(:first-of-type) {
    margin-top: .3rem;
    margin-left: .5rem;
}
.idcCatContent02__textarea a {
    display: block;
}
.idcCatContent02__text {
    font-size: 14px;
    /* font-weight: bold; */
    display: inline;
    letter-spacing: -1px;
    color: #333;
    margin-top: .1rem;
}
.idcCatContent02__textarea a:first-of-type .idcCatContent02__text {
    font-size: 15px;
    font-weight: bold;
}

@media (max-width: 575px) {
    .idcCatContent02__box .idcCatContent02__textarea a:first-of-type .idcCatContent02__text {
        display: inline-block;
        margin: .3rem 0;
        font-size: 14px;
    }
    .idcCatContent02__box .idcCatContent02__textarea a:not(:first-of-type) .idcCatContent02__text {
        line-height: 2;
        font-size: 12px;
    }
}
    

/**********************************
.idcCatColor
**********************************/
.idcCatColor {
    text-align: center;
    font-size: 14px;
}
.idcCatColor__text {
    display: inline;
    letter-spacing: -1px;
    color: #333;
}

.idcCatColor__box {
    padding: 15px 10px;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

@media (max-width: 1024px) {
    .idcCatColor__box {
        padding: 10px;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .idcCatColor__box {
        padding: 15px 10px;
        flex: 25%;
        max-width: 25%;
    }
}

@media (max-width: 575px) {
    .idcCatColor__box {
        flex: 33.33333333%;
        max-width: 33.33333333%;
        padding: 15px 10px;
    }
    .idcCatColor__text {
        font-size: 12px;
    }
}

/**********************************
.idcCatHint
**********************************/
.idcCatHint .idcCatHint__title {
    font-family: YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    font-weight: bold;
    margin-top: 0.5rem;
    color: #333;
    font-size: 15px;
}
.idcCatHint__text {
    font-size: 14px;
}

@media (max-width: 575px) {
    .idcCatHint .idcCatHint__title {
        text-decoration: underline;
        font-size: 14px;
    }
    .idcCatHint__text {
        font-size: 13px;
    }
}

/**********************************
.idcCatCatalog
**********************************/
.idcCatCatalog .idcCatCatalog__imgbox {
    text-align: center;
}
.idcCatCatalog .idcCatCatalog__title {
    font-family: YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    margin-bottom: 20px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
}
.idcCatCatalog .idcCatCatalog__text,
.idcCatCatalog .idcCatCatalog__note {
    font-size: 14px;
}
.idcCatCatalog .idcCatCatalog__btn:hover {
	color: #fff;
}

@media (max-width: 575px) {
    .idcCatCatalog .idcCatCatalog__title {
        text-decoration: underline;
        font-size: 14px;
    }
    .idcCatCatalog .idcCatCatalog__text,
    .idcCatCatalog .idcCatCatalog__note {
        font-size: 13px;
    }
}


/**********************************
.idcCatTopbnr
**********************************/
.idcCatTopbnr img {
    width: 90%;
    border: 1px solid #4c4948
}

@media (max-width: 1024px) {
    .idcCatTopbnr img {
        width: 100%;
    }
}

/**********************************
.all-link-icon
**********************************/
.all-link-icon a:hover {
    color: inherit;
}
.all-link-icon a:hover p {
    text-decoration: underline;
}
.all-link-icon {
    text-align: center;
}
.all-link-icon .all-link-icon__box {
    padding: 15px 10px;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
.all-link-icon img {
    max-width: 80%;
}
.all-link-icon__text {
    font-size: 13px;
    color: #333;
    letter-spacing: -1px;
    margin-top: .2rem;
}

@media (max-width: 1024px) {
    .all-link-icon .all-link-icon__box {
        padding: 10px;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .all-link-icon .all-link-icon__box {
        padding: 15px 10px;
        flex: 25%;
        max-width: 25%;
    }
}

@media (max-width: 575px) {
    .all-link-icon .all-link-icon__box {
        flex: 33.33333333%;
        max-width: 33.33333333%;
        padding: 15px 10px;
    }
    .all-link-icon img {
        max-width: 85%;
    }
    .all-link-icon__text {
        font-size: 12px;
        /* text-decoration: underline; */
    }
}