/*----------------------
   フルカラーまとめ
----------------------*/
.printColor .h2Cont h2{
	background-image: url(../../../_images/dye/color/main_img.webp);
}

.printColor .hPrint{/*緑の花*/
	background-image: linear-gradient(to right, #ee5858 0%,#ffdcdc 100%);
}
.printColor .hPrint h2,
.printColor .hPrint h3{
	background-image: url(../../../_images/common/bullet_flower_pink.webp);
}
.printColor .hPrint h2:after,
.printColor .hPrint h3:after{
	background-image: linear-gradient(to right, #ee5858 0%,#ffdcdc 100%);
}

/**/
/*緑の花*/
.printColor .hPrint2{
	margin-bottom: 15px;
	padding:0 0 5px;
	background-image: linear-gradient(to right, #ee5858 0%,#ffdcdc 100%);
}
.printColor .hPrint2 h3{
    background-color: #fff;
	padding: 5px 10px 10px;
	font-size: 26px;
	line-height: 1.2em;
    text-align: center;
	position: relative;
}
.printColor .hPrint2 h3:after{
	content: "";
	display: block;
	background-image: linear-gradient(to right, #ee5858 0%,#ffdcdc 100%);
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 2px;
	left: 0;
}
.printColor .hPrint2 h3 b{
    color: #fc3d33;
    font-size: 35px;
    line-height: 1.3em;
}


/*--実績--*/
.printColor .trackrecordBox .hBox{
	background-image: linear-gradient(to right, #ee5959 0%, #fab7b7 75%,#ffdcdc 100%);
}
.printColor .trackrecordBox .hBox h3{
	background-color: #ffd5d5;
	background-image: url(../../../_images/common/bg_pattern02.webp);
}
.printColor .trackrecordBox .swiper-parent{
	background: #f9e9e9;
}
.printColor .trackrecordBox .swiper-button-next{
	border-left: 15px solid #ee5858;
}
.printColor .trackrecordBox .swiper-button-prev{
	border-right: 15px solid #ee5858;
}

/**/
.printColor .aboutBox{
    margin: 40px auto;
}
.printColor .aboutBox img{
    margin-bottom: 15px;
}

/**/
.printColor .featureCont .moreColor{
	margin-bottom: 40px;
}
.printColor .featureCont .moreColor dt{
	padding: 10px 0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.printColor .featureCont .moreColor dt:after{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background-image: linear-gradient(to right, #fff 0%, #ee5858 35%, #ee5858 75%,#fff 100%);
	left: 0;
}
.printColor .featureCont .moreColor dd{
	background-image: url(../../../_images/dye/color/photo_img.webp);
	background-repeat: no-repeat;
	padding-top: 210px;
}

/**/
.aboutPrint dl{
	background-color: #f4eae9;
	background-image: url(../../../_images/common/bg_pattern02w.webp);
}
.printColor .aboutPrint dl dt{
	background-image: url(../../../_images/dye/color/about_print.webp);
}
.printColor .aboutPrint dl dt span{
	background: rgba(238,88,88,0.8);
}

/*-----分割部分-----*/
.featureCont .featureDetail{
	display: block;
}
.featureCont .featureDetail > .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto;
}
.featureCont .featureDetail .inner > div{
    width: 430px;
    position: relative;
}
.featureCont .featureDetail .inner > div.inkjet:after{
    content: "";
    display: block;
    background-color: #333;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.featureCont .featureDetail .inner > div > h4{
    margin-bottom: 10px;
    font-size: 25px;
    text-align: center;
    line-height: 1.3em;
}
.featureCont .featureDetail .inner > div > h4 b{
    color: #5a5dc8;
    font-size: 32px;
}
.featureCont .featureDetail .inner > div > h4 + p{
    background-color: #666;
    color: #fff;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.8em;
    text-align: center;
}

/**/
.featureCont .featureDetail .inner > div > .graphBox{
    text-align: center;
}

.featureCont .featureDetail .inner > div > .graphBox dl.useList{
    background-color: #f2f1ec;
    margin-bottom: 30px;
    padding: 8px;
}
.featureCont .featureDetail .inner > div > .graphBox dl.useList dt{
    color: #5b5cc6;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #333;
}
.featureCont .featureDetail .inner > div > .graphBox dl.useList ul li{
    display: inline-block;
    color: #fff;
    padding: 2px 20px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}
.featureCont .featureDetail .inner > div > .graphBox dl.useList ul li.goods{
    background-color: #249110;
}
.featureCont .featureDetail .inner > div > .graphBox dl.useList ul li.gift{
    background-color: #d85b00;
}
.featureCont .featureDetail .inner > div > .graphBox dl.useList ul li.novelty{
    background-color: #d89900;
}

.featureCont .featureDetail .inner > div > .graphBox dl.merit,
.featureCont .featureDetail .inner > div > .graphBox dl.demerit{
    text-align: left;
	margin-bottom: 30px;
}
.featureCont .featureDetail .inner > div > .graphBox dl.merit dt,
.featureCont .featureDetail .inner > div > .graphBox dl.demerit dt{
    padding-left: 70px;
}
.featureCont .featureDetail .inner > div > .graphBox dl.merit dt span,
.featureCont .featureDetail .inner > div > .graphBox dl.demerit dt span{
	left: -20px;
}
.featureCont .featureDetail .inner > div > .graphBox dl.merit dd p,
.featureCont .featureDetail .inner > div > .graphBox dl.demerit dd p{
	font-size: 12px;
}
/*長所*/
.featureCont .featureDetail .inner > div > .graphBox dl.merit{
	background: #fff2f5;
}
.featureCont .featureDetail .inner > div > .graphBox dl.merit dt{
	border-bottom: 3px solid #efc9d7;
}
.featureCont .featureDetail .inner > div > .graphBox dl.merit dt span{
	background: #f04f8c;
	border: 5px solid #ffdceb;
}
/*短所*/
.featureCont .featureDetail .inner > div > .graphBox dl.demerit{
	background: #e9f5fd;
}
.featureCont .featureDetail .inner > div > .graphBox dl.demerit dt{
	border-bottom: 3px solid #adcbd9;
}
.featureCont .featureDetail .inner > div > .graphBox dl.demerit dt span{
	background: #498ab2;
	border: 5px solid #dcf1ff;
}

.featureCont .featureDetail .inner > div > .specBox dl{
	padding: 0;
}
.featureCont .featureDetail .inner > div > .specBox dl dt{
	border-bottom: none;
}

/*反応インクジェット*/
.featureCont .featureDetail .inner > .inkjet > h4 b{
    color: #5d5cc4;
}
.featureCont .featureDetail .inner > .inkjet > h4 + p{
    background-color: #5d5cc4;
}

/*四色分解*/
.featureCont .featureDetail .inner > .color4 > h4 b{
    color: #b84aab;
}
.featureCont .featureDetail .inner > .color4 > h4 + p{
    background-color: #b84aab;
}


/*----活用例----*/
.printColor .exampleCont dl dt{
	background-image: linear-gradient(to right, #ffc1c1 0%, #ffc1c1 60%,#fff 100%);
}
.printColor .exampleCont dl:nth-of-type(1){
	background-image: url(../../../_images/dye/color/example_img01.webp);
}
.printColor .exampleCont dl:nth-of-type(2){
	background-image: url(../../../_images/dye/color/example_img02.webp);
}

/*----その他----*/
.printColor .otherCont .nouhinBox{
	background-image: url(../../../_images/dye/color/nouhin_img.webp);
}
.printColor .otherCont .cautionBox{
	background-image: url(../../../_images/dye/color/caution_img.webp);
}

@media screen and (max-width: 768px) {
    /**/
    .printColor .aboutBox{
        width: 95%;
        margin: 40px auto;
    }

    /*-----分割部分-----*/
    .featureCont .featureDetail .inner{
        width: 95%;
    }
    .featureCont .featureDetail .inner > div{
        width: 100%;
    }
    .featureCont .featureDetail .inner > div.inkjet:after{
        display: none;
    }

    /**/
    .featureCont .featureDetail .inner > div > .graphBox > img{
        max-width: 400px;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.useList{
        margin: 15px 0 30px;
    }

    /**/
	.printColor .featureCont .moreColor dt{
		font-size: 20px;
	}
    .printColor .featureCont .moreColor dd{
		background-size: 100% auto;
		margin: 0 2%;
		padding-top: 23%;
	}

	.printColor .featureCont .moreImg{
		padding-top: 35%;
	}
}



@media screen and (max-width: 480px) {
	.printColor .hPrint2 h3{
		font-size: 20px;
	}
	.printColor .hPrint2 h3 b{
		font-size: 25px;
	}
    /**/
    .printColor .aboutBox{
        width: 95%;
        margin: 40px auto;
    }

    /*-----分割部分-----*/
    .featureCont .featureDetail .inner{
        width: 95%;
    }
    .featureCont .featureDetail .inner > div{
        width: 100%;
    }
    .featureCont .featureDetail .inner > div.inkjet:after{
        display: none;
    }

    .featureCont .featureDetail .inner > div > h4{
        margin-bottom: 10px;
        font-size: 22px;
        text-align: center;
        line-height: 1.3em;
    }
    .featureCont .featureDetail .inner > div > h4 b{
        color: #5a5dc8;
        font-size: 25px;
    }
    .featureCont .featureDetail .inner > div > h4 + p{
        background-color: #666;
        color: #fff;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.8em;
        text-align: center;
    }

    /**/
    .featureCont .featureDetail .inner > div > .graphBox{
        text-align: center;
    }

    .featureCont .featureDetail .inner > div > .graphBox dl.useList{
        background-color: #f2f1ec;
        margin-bottom: 30px;
        padding: 8px;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.useList dt{
        color: #5b5cc6;
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px solid #333;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.useList ul li{
        display: inline-block;
        color: #fff;
        margin: 3px 0;
        padding: 2px 20px;
        font-size: 16px;
        text-align: center;
        border-radius: 8px;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.useList ul li.goods{
        background-color: #249110;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.useList ul li.gift{
        background-color: #d85b00;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.useList ul li.novelty{
        background-color: #d89900;
    }

    .featureCont .featureDetail .inner > div > .graphBox dl.merit,
    .featureCont .featureDetail .inner > div > .graphBox dl.demerit{
        text-align: left;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.merit dt,
    .featureCont .featureDetail .inner > div > .graphBox dl.demerit dt{
        padding-left: 70px;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.merit dt span,
    .featureCont .featureDetail .inner > div > .graphBox dl.demerit dt span{
        left: -20px;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.merit dd p,
    .featureCont .featureDetail .inner > div > .graphBox dl.demerit dd p{
        font-size: 12px;
    }
    /*長所*/
    .featureCont .featureDetail .inner > div > .graphBox dl.merit{
        background: #fff2f5;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.merit dt{
        border-bottom: 3px solid #efc9d7;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.merit dt span{
        background: #f04f8c;
        border: 5px solid #ffdceb;
    }
    /*短所*/
    .featureCont .featureDetail .inner > div > .graphBox dl.demerit{
        background: #e9f5fd;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.demerit dt{
        border-bottom: 3px solid #adcbd9;
    }
    .featureCont .featureDetail .inner > div > .graphBox dl.demerit dt span{
        background: #498ab2;
        border: 5px solid #dcf1ff;
    }


    /*反応インクジェット*/
    .featureCont .featureDetail .inner > .inkjet > h4 b{
        color: #5d5cc4;
    }
    .featureCont .featureDetail .inner > .inkjet > h4 + p{
        background-color: #5d5cc4;
    }

    /*四色分解*/
    .featureCont .featureDetail .inner > .color4 > h4 b{
        color: #b84aab;
    }
    .featureCont .featureDetail .inner > .color4 > h4 + p{
        background-color: #b84aab;
    }



    /**/
    .printColor .featureCont .moreColor dd{
		background-size: 100% auto;
		margin: 0 2%;
		padding-top: 23%;
	}
}