.product_fl .title_fl {font-family: 'Fredoka One', cursive; }

@media screen and (min-width: 1401px) {
.product_fl { position: relative; width: 768px; margin: 0 auto; padding:120px 0 0 0; }

.product_fl .title_fl { position:relative; font-size:40px; font-weight:400; color:#FFF; padding: 10px 0 10px 80px; background:#94D6BB; border:5px #FFF solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:8px; width:300px; }
.product_fl .title_fl .cc_ico { position:absolute; bottom:1px; left:3px; width:58px; height:58px; background:url(../images/title/head_tit_ico06.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}

ul.pd_cate_wfl { padding: 30px 50px 100px 50px; }
.blank_sp { padding: 10px 0; }

.pd_item_cate01 { width: 100%; height: 180px; background: url(../images/product/product_btm01.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; }
.pd_item_cate02 { width: 100%; height: 180px; background: url(../images/product/product_btm02.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; }
.pd_item_cate03 { width: 100%; height: 180px; background: url(../images/product/product_btm03.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; opacity: 0.4; }

a:hover .pd_item_cate01 { height: 220px; background: url(../images/product/product_btm01b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
a:hover .pd_item_cate02 { height: 220px; background: url(../images/product/product_btm02b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
/*
a:hover .pd_item_cate03 { height: 220px; background: url(../images/product/product_btm03b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
*/
}


@media all and (min-width: 769px) and (max-width: 1400px) {
.product_fl { position: relative; width: 768px; margin: 0 auto; padding:120px 0 0 0 }

.product_fl .title_fl { position:relative; font-size:40px; font-weight:400; color:#FFF; padding: 10px 0 10px 80px; background:#94D6BB; border:5px #FFF solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:8px; width:300px; }
.product_fl .title_fl .cc_ico { position:absolute; bottom:1px; left:3px; width:58px; height:58px; background:url(../images/title/head_tit_ico06.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}

ul.pd_cate_wfl { padding: 30px 50px 100px 50px; }
.blank_sp { padding: 10px 0; }
.pd_item_cate01 { width: 100%; height: 180px; background: url(../images/product/product_btm01.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; }
.pd_item_cate02 { width: 100%; height: 180px; background: url(../images/product/product_btm02.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; }
.pd_item_cate03 { width: 100%; height: 180px; background: url(../images/product/product_btm03.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; opacity: 0.4; }

a:hover .pd_item_cate01 { height: 220px; background: url(../images/product/product_btm01b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
a:hover .pd_item_cate02 { height: 220px; background: url(../images/product/product_btm02b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
/*
a:hover .pd_item_cate03 { height: 220px; background: url(../images/product/product_btm03b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
*/
}


@media all and (min-width: 501px) and (max-width: 768px) {
.product_fl { position: relative; width:660px; margin: 0 auto; padding:120px 0 0 0; }

.product_fl .title_fl { position:relative; font-size:35px; font-weight:400; color:#FFF; padding: 10px 0 10px 70px; background:#94D6BB; border:5px #FFF solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:8px; width:280px; }
.product_fl .title_fl .cc_ico { position:absolute; bottom:0px; left:2px; width:55px; height:55px; background:url(../images/title/head_tit_ico06.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}

ul.pd_cate_wfl { padding: 30px 50px 100px 50px; }
.blank_sp { padding: 10px 0; }
.pd_item_cate01 { width: 100%; height: 160px; background: url(../images/product/product_btm01.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; }
.pd_item_cate02 { width: 100%; height: 160px; background: url(../images/product/product_btm02.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; }
.pd_item_cate03 { width: 100%; height: 160px; background: url(../images/product/product_btm03.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; opacity: 0.4; }

a:hover .pd_item_cate01 { height: 190px; background: url(../images/product/product_btm01b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
a:hover .pd_item_cate02 { height: 190px; background: url(../images/product/product_btm02b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
/*
a:hover .pd_item_cate03 { height: 190px; background: url(../images/product/product_btm03b.jpg) no-repeat center center; background-size: 100%;  transition-duration:0.2s; }
*/
}


@media screen and (max-width: 500px) {
.product_fl { position: relative; width: 440px; margin: 0 auto; padding:120px 30px 0 30px; }

.product_fl .title_fl { position:relative; font-size:30px; font-weight:400; color:#FFF; padding: 10px 0 10px 80px; background:#EE90A0; border:5px #FFF solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:8px; width:300px; }
.product_fl .title_fl .cc_ico { position:absolute; bottom:0px; left:2px; width:49px; height:49px; background:url(../images/title/head_tit_ico03.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}

ul.pd_cate_wfl { padding: 30px 0 100px 0 }
.blank_sp { padding: 10px 0; }
.pd_item_cate01 { width: 100%; height: 130px; background: url(../images/product/product_btm01.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; }
.pd_item_cate02 { width: 100%; height: 130px; background: url(../images/product/product_btm02.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; }
.pd_item_cate03 { width: 100%; height: 130px; background: url(../images/product/product_btm03.jpg) no-repeat center center; background-size: 100%; border: 7px solid #FFF; border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4);  transition-duration:0.2s; opacity: 0.4; }

}