@charset "utf-8";

#main{}
#pf_main{position:relative}
#pf_main .obj_target{position:absolute; top:50%; margin-top:-11px; width:21px; height:21px; background:url('../img/common/target3.png') no-repeat 0 0; background-size:100%}
#pf_main .obj_target.spot1{left:-38px;}
#pf_main .obj_target.spot2{right:-38px;}
#pf_main .obj_target.nobj{background:none}
#pf_main > ul{padding-left:1px}
#pf_main > ul > li{float:left; position:relative; box-sizing:border-box; overflow:hidden}
/* BX-SLIDER */
#pf_main .bx-wrapper{position:absolute; width:100%; height:100%; padding-bottom:1px; padding-right:1px; box-sizing:border-box}
#pf_main .bx-wrapper .bx-viewport,
#pf_main .bx-wrapper ul,
#pf_main .bx-wrapper li{height:100%; max-height:100%; min-height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
#pf_main .bx-wrapper ul li a{display:block; position:relative; width:100%; height:100%; padding:20px; box-sizing:border-box}
#pf_main .bx-wrapper{box-shadow:none; border:none; margin-bottom:0}

#pf_main .bx-wrapper .bx-pager{bottom:22px; padding-top:0; visibility:hidden; opacity:0; transition:.5s}
#pf_main .bx-wrapper .bx-pager.bx-default-pager a {background:#b2b2b2; border:1px solid #b2b2b2; width:11px; height:11px; margin:0 4px; border-radius:50%; box-sizing:border-box}
#pf_main .bx-wrapper .bx-pager.bx-default-pager a:hover,
#pf_main .bx-wrapper .bx-pager.bx-default-pager a.active,
#pf_main .bx-wrapper .bx-pager.bx-default-pager a:focus {border-color:#000; background:#000}
#pf_main .bx-wrapper:hover .bx-pager{visibility:visible; opacity:1; bottom:32px}
/*#pf_main .bx-wrapper .bx-controls-direction a{margin-top:-33px; width:34px; height:67px;}*/

#pf_main .box_info{display:none; position:absolute; bottom:10px; width:calc(100% - 40px); padding:30px 20px 37px; text-align:center; box-sizing:border-box; visibility:hidden; opacity:0; transition:.5s}
#pf_main .box_info{background-color:#fff; background-image:url('../img/common/edge2-1.png'),url('../img/common/edge2-2.png'),url('../img/common/edge2-3.png'),url('../img/common/edge2-4.png'); background-repeat:no-repeat; background-size:10px 10px; background-position:left 10px top 10px,right 10px top 10px,right 10px bottom 10px,left 10px bottom 10px}
#pf_main .box_info .inner{background:url('../img/common/pf_line1.png') no-repeat center; background-size:100%}
#pf_main .box_info .title{padding-bottom:10px; font-size:15px; font-weight:bold; line-height:22px; color:#222; letter-spacing:-0.25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#pf_main .box_info .meta_info{padding-top:9px;}
#pf_main .box_info .meta_info span{font-family:'Roboto', sans-serif; font-size:10px; color:#222; text-transform:uppercase}
#pf_main .box_info .meta_info span:first-child:after{content:"|"; margin:0 7px}
#pf_main .box_info .line_arw{position:relative; width:100%; background:url('../img/common/line2.png') repeat-x 0 center}
#pf_main .box_info .line_arw .ico_arw{height:21px; background-image:url('../img/common/line2-3.png'),url('../img/common/line2-1.png'),url('../img/common/line2-2.png'); background-repeat:no-repeat; background-position:center, 0 center,right center; background-size:21px 21px,5px 9px,5px 9px}
#pf_main > ul > li:hover .box_info{visibility:visible; opacity:1; bottom:20px}
#pf_main > ul > li.card_e .box_info, #pf_main > ul > li.card_f .box_info, #pf_main > ul > li.card_g .box_info, #pf_main > ul > li.card_h .box_info,
#pf_main > ul > li.card_e .bx-pager, #pf_main > ul > li.card_f .bx-pager, #pf_main > ul > li.card_g .bx-pager, #pf_main > ul > li.card_h .bx-pager{display:none}

#pf_main > ul > li.card_a{width:100%}
#pf_main > ul > li.card_a:after{content:""; display: block; padding-bottom:67%;}
#pf_main > ul > li.card_a li.vis1{background-image:url('../img/main/card_a1_1.jpg?240731-1')}
#pf_main > ul > li.card_a li.vis2{background-image:url('../img/main/card_a1_2.jpg?240731-1')}
#pf_main > ul > li.card_a li.vis3{background-image:url('../img/main/card_a1_3.jpg?240731-1')}

#pf_main > ul > li.card_b{width:50%}
#pf_main > ul > li.card_b:after{content: ""; display: block; padding-bottom:134%;}
#pf_main > ul > li.card_b li.vis1{background-image:url('../img/main/card_b1_1.jpg?240731-1')}
#pf_main > ul > li.card_b li.vis2{background-image:url('../img/main/card_b1_2.jpg?240731-1')}
#pf_main > ul > li.card_b li.vis3{background-image:url('../img/main/card_b1_3.jpg?240731-1')}

#pf_main > ul > li.card_c{width:50%}
#pf_main > ul > li.card_c:after{content: ""; display: block; padding-bottom:67%;}
#pf_main > ul > li.card_c li.vis1{background-image:url('../img/main/card_a2_1.jpg?240731-1')}
#pf_main > ul > li.card_c li.vis2{background-image:url('../img/main/card_a2_2.jpg?240731-1')}
#pf_main > ul > li.card_c li.vis3{background-image:url('../img/main/card_a2_3.jpg?240731-1')}

#pf_main > ul > li.card_d{width:25%}
#pf_main > ul > li.card_d:after{content: ""; display: block; padding-bottom:134%;}
#pf_main > ul > li.card_d li.vis1{background-image:url('../img/main/card_b2_1.jpg?240731-1')}
#pf_main > ul > li.card_d li.vis2{background-image:url('../img/main/card_b2_2.jpg?240731-1')}
#pf_main > ul > li.card_d li.vis3{background-image:url('../img/main/card_b2_3.jpg?240731-1')}

#pf_main > ul > li.card_e{width:25%}
#pf_main > ul > li.card_e:after{content: ""; display: block; padding-bottom:67%;}
#pf_main > ul > li.card_e li.vis1{background-image:url('../img/main/card_a3_1.jpg?240731-1')}
#pf_main > ul > li.card_e li.vis2{background-image:url('../img/main/card_a3_2.jpg?240731-1')}
#pf_main > ul > li.card_e li.vis3{background-image:url('../img/main/card_a3_3.jpg?240731-1')}

#pf_main > ul > li.card_f{width:12.5%}
#pf_main > ul > li.card_f:after{content: ""; display: block; padding-bottom:134%;}
#pf_main > ul > li.card_f li.vis1{background-image:url('../img/main/card_b3_1.jpg?240731-1')}
#pf_main > ul > li.card_f li.vis2{background-image:url('../img/main/card_b3_2.jpg?240731-1')}
#pf_main > ul > li.card_f li.vis3{background-image:url('../img/main/card_b3_3.jpg?240731-1')}

#pf_main > ul > li.card_g{width:12.5%}
#pf_main > ul > li.card_g:after{content: ""; display: block; padding-bottom:67%;}
#pf_main > ul > li.card_g li.vis1{background-image:url('../img/main/card_a4_1.jpg?240731-1')}
#pf_main > ul > li.card_g li.vis2{background-image:url('../img/main/card_a4_2.jpg?240731-1')}
#pf_main > ul > li.card_g li.vis3{background-image:url('../img/main/card_a4_3.jpg?240731-1')}
#pf_main > ul > li.card_g li.vis4{background-image:url('../img/main/card_a4_4.jpg')}
#pf_main > ul > li.card_g li.vis5{background-image:url('../img/main/card_a4_5.jpg')}
#pf_main > ul > li.card_g li.vis6{background-image:url('../img/main/card_a4_6.jpg')}

#pf_main > ul > li.card_h{width:12.5%}
#pf_main > ul > li.card_h:after{content: ""; display: block; padding-bottom:67%;}
#pf_main > ul > li.card_h li.vis1{background-image:url('../img/main/card_a5_1.jpg?240731-1')}
#pf_main > ul > li.card_h li.vis2{background-image:url('../img/main/card_a5_2.jpg?240731-1')}
#pf_main > ul > li.card_h li.vis3{background-image:url('../img/main/card_a5_3.jpg?240731-1')}
#pf_main > ul > li.card_h li.vis4{background-image:url('../img/main/card_a5_4.jpg')}
#pf_main > ul > li.card_h li.vis5{background-image:url('../img/main/card_a5_5.jpg')}
#pf_main > ul > li.card_h li.vis6{background-image:url('../img/main/card_a5_6.jpg')}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1259px) {


}

@media only screen and (max-width: 1200px) {	


}

@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 1000px) {


}

@media only screen and (max-width: 767px) {
	#pf_main .obj_target{display:none}
	#pf_main > ul > li .box_info{display:none}
	#pf_main .bx-wrapper .bx-pager{display:none}
} 

@media only screen and (max-width: 600px) {

}